* {
  font-family: Arial, Helvetica, sans-serif, Tahoma;
  font-size: 13px;
}

.x-viewport {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
}

.x-formpanel{
  height: 100vh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
}

.x-panel-body-default, .x-container-body { overflow: auto !important; }
.x-panel-body-default { overflow-x: auto !important; }

.x-form-item-label-inner{
 vertical-align: middle;
}

.x-form-item-label-default {
  padding-top: 2px !important;
}

.x-uni-checkcolumn-text{
  display: none !important;
}

.x-panel-body-default .TextAlignLeft tr td{
  text-align: left !important;
  vertical-align:middle !important;
}

.x-menu-item-icon {
    width: 0 !important;  /* Remove icon space */
    display: none !important; /* Ensure no visual icon is shown */
}

/*
.x-grid-cell-inner .x-grid-checkcolumn {
    display: contents; !important;
    justify-content: center !important;
    align-items: center !important;
}
*/

/* center every check-column checkbox, all grids */
.x-uni-checkcolumn-absolute {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

.ltr-form {
  direction: ltr !important;
}

.ltr-column {
  direction: ltr !important;
  text-align: left !important;
}

.HideElement{
  display: none !important;
}

.AnyReadOnlyGrid .x-grid-cell.x-item-disabled,
.AnyReadOnlyGrid .x-grid-cell.x-item-disabled * {
  opacity: 1 !important;
  filter: none !important;
}

.GridNoFilterRow .x-column-header .x-autocontainer-outerCt {
  display: none !important;
}

.SignMembersList .x-grid-row {
  background-color: #ffffff !important;
}

.SignMembersList .x-grid-item-selected .x-grid-cell {
  background-color: #b8cfee !important;
}

.RemoveFormBorder {
    border-width: 0px !important;
}

.MyMainMenu .x-treelist{
    overflow-y: auto !important;
    max-height: 100%;
    background-color: #F0F0F0 !important;
}

.MyMainMenu .x-treelist-nav .x-treelist-row {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.MyMainMenu .x-treelist-nav .x-treelist-item-text {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.MyMainMenu .x-treelist-item-text {
    font-size: 14px !important;
    font-weight: bold;
    color: #696969 !important;
}

.MyMainMenu
  .x-treelist-item,
  .x-treelist-container
  .x-treelist-root-container
  .x-treelist-item-leaf {
     padding-left: 0px !important;
     padding-right: 8px !important;
}

.MyMainMenu ul li:hover {
    background-color: #6E828A !important;
}

.MyMainMenu .x-treelist-item:hover .x-treelist-item-text {
    color: #3F72AF !important;
}

.MyMainMenu .x-treelist-item.x-treelist-item-expanded {
    background-color: #EEEEEE !important; /* Reset background */
}

.MyMainMenu .x-treelist-item.x-treelist-item-expanded .x-treelist-item-text {
    color: #3674B5 !important; /* Reset text color */
}

.MyCalanderCls #myassignmentfrm_monthcalendar_1{
  right: 0px;
  left: auto;
  width: 100%;
  max-width: 230px !important;
  margin: 5px;
}

.MyCalanderPanelCls {
}

.MyCalanderPanelCls .x-calendar-header-cell{
  color: white !important;
  background-color: #66d9ff !important;
  border-color: white !important;
  border-width: 3px;
}

.GetHanibaalPasswordFrm {
  background-color: white !important;
  border-color: #819A91 !important;
  border-width: 4px;
}

.ShowMaskFrm {
  background-color: white !important;
  border-color: #49B3FD !important;
  border-width: 2px !important;
}

.lbShowMask{
  background-color: white !important;
  background-image: none !important;
  color: #ef584a !important;
  font-size: 15px !important;
  font-weight: bold !important;
  text-align: center !important;
  vertical-align:middle !important;
}

.ShowMaskFrm .RemoveText .x-progress-text {
  visibility: hidden;
}

.ShowBorderTopLine {
  border-top: blue !important;
  border-top-style: solid !important;
}

.lbOcrResultHeader{
  background-color: #43B2FD !important;
  background-image: none !important;
  color: white !important;
  font-size: 15px !important;
  font-weight: bold !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding-top: 5px !important;
  display: inline-block;
}

.GenerlFieldComponents .x-form-empty-field{
  -webkit-text-fill-color: rgb(84, 206, 47) !important;
}

.editPasswordField .x-form-empty-field{
  -webkit-text-fill-color: rgb(84, 206, 47) !important;
}

.GridNavigatorContainer{
  background-color: #f0f0f0 !important;
}

.GridNavigatorContainer .x-btn-default-small{
   top: 1px !Important;
   min-height: 25px !Important;
   height: 95% !Important;
}

.ButtonFonts .x-btn-inner {
  font-size: 13px !important;
  font-weight: 700 !important;
}

.UsersNavigatorCss .x-abs-layout-item {
  position: inherit !important;
}

.UsersNavigatorCss .x-btn{
  margin: 1px;
}

.UsersNavigatorCss .x-btn-default-small{
  background-image: none;
  background-color: #f4f3ef !important;
}

.UsersNavigatorCss .x-btn.x-btn-disabled.x-btn-default-small{
  background-image: none;
  background-color: #f9f9f7 !important;
}

.ExpirationDate .x-form-layout-wrap{
  width: 250px !important;
}

.x-form-trigger.AssignmentSelectTik {
    position: relative; /* Ensure proper positioning */
    background-image: none !important; /* Remove default trigger background */
    border: none !important; /* Remove default border */
    padding-top: 11px !important;
    width: 25px;
}

.x-form-trigger.AssignmentSelectTik:before {
    font-family: FontAwesome;
    content: '\f115';
    color: #31508B;
    font-size: 14px;
}

.x-form-trigger.AssignmentSelectDocID {
    position: relative; /* Ensure proper positioning */
    background-image: none !important; /* Remove default trigger background */
    border: none !important; /* Remove default border */
    padding-top: 11px !important;
    width: 25px;
}

.x-form-trigger.AssignmentSelectDocID:before {
    font-family: FontAwesome;
    content: '\f0c6';
    color: #31508B;
    font-size: 14px;
}

.x-form-trigger.AssignmentAddNewType {
    position: relative; /* Ensure proper positioning */
    background-image: none !important; /* Remove default trigger background */
    border: none !important; /* Remove default border */
    padding-top: 11px !important;
    width: 25px;
}

.x-form-trigger.AssignmentAddNewType:before {
    font-family: FontAwesome;
    content: '\f067';
    color: #31508B;
    font-size: 14px;
}

.AssignmentWhatToDo .x-form-textarea{
  height: 80px !important;
}

.MobileText {
  font-weight: 600 !important;
}

.TextTikimMore .x-form-textarea{
  box-sizing: content-box !important;
  background-image: none !important;
  padding: 8px !important;
  font-weight: 600 !important;
}

.MiftuachPanelStyle .x-panel-header-default{
  background-image: none;
  background-color: #009de2 !important;
}

.MiftuachPanelStyle .x-panel-header{
  background-image: none;
  background-color: #009de2 !important;
}

.UsersAuthonticatePanel .x-title-text {
  color: white !important;
}

.UsersAuthonticatePanel .x-panel-header-default{
  background-image: none;
  background-color: #5AB5FF !important;
}

.UsersAuthonticatePanel .x-panel-header{
  background-image: none;
  background-color: #5AB5FF !important;
}

.ParamsAppSettingCB {
   padding-right: 17px !important;
   padding-top: 8px !important;
   text-align: right !important;
}

.GroupsAuthonticatePanel .x-title-text {
  color: white !important;
}

.GroupsAuthonticatePanel .x-panel-header-default{
  background-image: none;
  background-color: #5AB5FF !important;
}

.GroupsAuthonticatePanel .x-panel-header{
  background-image: none;
  background-color: #5AB5FF !important;
}

.PrtBarCodeCheckBox>.x-form-layout-auto-label {
  width: 185px !important;
}

#edSMPTPort-inputEl{
  text-align: left !important;
}

.ForceDirectionLTR{
  text-align: left !important;
  direction: ltr !important;
}

#ext-element-1{
  background: url(../../files/images/MainPageBG.svg) no-repeat center center fixed;
  background-size: cover;
}

.pnlRight{
  background: #41b2fd;
  background: -moz-linear-gradient(left, #68b6ff 0%, #41b2fd 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #68b6ff), color-stop(100%, #41b2fd));
  background: -webkit-linear-gradient(left, #68b6ff 0%, #41b2fd 100%);
  background: -o-linear-gradient(left, #68b6ff 0%, #41b2fd 100%);
  background: -ms-linear-gradient(left, #68b6ff 0%, #41b2fd 100%);
  background: linear-gradient(to right, #68b6ff 0%, #41b2fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b6ff', endColorstr='#41b2fd', GradientType=1 );
}

.ActionMenuPanel{
  background: #f0f0f5;
  margin-top: 5px !important;
}

.pnlBottomBorder{
  border-bottom: 2px solid #73b0ed !important;
}

.pnlFullBorder{
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #e1e1e1 !important;
}

.ImagePaneFullBorder{
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #f2cbcb !important;
}

.DetailPaneFullBorder{
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #c98f8f !important;
}

.LogoAndFinishPanel{
  background-color: #f0f0f5 !important;
  margin: 5px;
}

.colorMaroon{
  background-color: #800000 !important;
}

.colorFuchsia{
  background-color: #FF00FF !important;
}

.colorGreen{
  background-color: #008000 !important;
}

.IturActionPanel{
  height: 40px !important;
  Width: 100% !important;
  Top : 0px !important;
}

.HanibaalLable{
  line-height: 40px !important;
  Width: 100% !important;
  text-align: center !important;
  color: red !important;
}

.ClsForfathlist {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f00b";
    align-items: center;
    justify-content: center;
    color: #007bff;
    font-size: 16px;
    width: 24px;
    height: 24px;
}

.TakeWidth40{
  Width: 40% !important;
}

.TakeWidth60{
  Width: 60% !important;
}

.TakeWidth80{
  Width: 80% !important;
}

.TakeWidth100{
  Width: 100% !important;
}

.MainPanelDataContainer{
  Width: 100% !important;
}

.Width100MargineTop5{
  Width: 100% !important;
  margin-top: 5px !important;
}

.TakeWidth100MargineLeftRight10{
  Width: 100% !important;
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.GeneralFormColorContainer{
  background-color: white !important;
}

.GeneralFormColorContainer .x-panel-body{
  background-color: white !important;
}

.MobileContainer{
  background-color: white !important;
  margin-top: 2px !important;
}

.MobileImgContainer{
   max-height : 450px !important;
}

.PdfContainerInsider{
  height: 100% !important;
  Width: auto !important;
  clip: auto !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.RemoveClip img{
  margin: 0px !important;
  clip: auto !important;
}


.product-detail-main-container:hover {
    background-size: auto 170% !important;
}

.product-detail-main-container {
    transition: 0.2s all;
    background-size: auto 100% !important;
    background-repeat: no-repeat;
    pointer-events: none;
}

.product-detail-main-container .product-detail-zoom-area {
    pointer-events: auto;
}

.BottunActionContainerInsider{
  Width: 100% !important;
  height: 90% !important;
}

.marginTopBottom3LeftRight5{
  margin-left : 5px !important;
  margin-right: 5px !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

#MyResultBottomSpliter {
   background-image: url("files/images/linesplitterDots.png");
   background-size: auto;
   background-repeat: no-repeat;
   background-position: center;
   width: 100% !important;
}

#OutlookEmailsList {
   z-index: 9999 !important;
   direction : ltr !important;
   position: absolute !important;
   width : 600px !important;
   max-height : 200px !important;
   right : 260px !important;
}

.AttachmentContainer {
  min-width: 250px !important;
}

#OutlookEmailsList .DontShowPageToolBar .x-grid-paging-toolbar {
  display: none !important;
}

.OL_ToList {
   top : 40px !important;
}
.OL_CCList {
   top : 70px !important;
}
.OL_BCCList {
   top : 105px !important;
}

.OL_AttacmentGrid .x-grid-td {
    vertical-align: middle;
}

#MyResultString{
  display: none !important;
  top : -200px !important;
  left : -200px !important;
  width : 10px !important;
  height : 10px !important;
}

.MenuPanel{
  background-color: #f0f0f5 !important;
}

.MenuPanel .x-title-text {
  color: #FF4500 !important;
}

.CloseAppBtn{
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  color: white !important;
  background-color: #009de2;
  background: #009de2;
}

.CloseAppBtn:hover {
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  color: white !important;
  background-color: #3862f9 !important;
  background: #3862f9 !important;
}

.CloseAppBtn .x-btn-inner{
  font-size: 16px !important;
}

.LoginBtn{
  border-radius: 5px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  background-color: #bbbbbb !important;
  background: #bbbbbb !important;
  color: white !important;
}

.LoginBtn:hover {
  border-radius: 5px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  background-color: #efe116 !important;
  background: #efe116 !important;
  color: #6cede7 !important;
}

.LogoIconImg img {
  max-width:180px;
  width: auto !important;
  height: auto !important;
  margin: 20px !important;
}

.LogoIconLable  {
  font-size: 16px !important;
  font-weight: bold;
  background-color: #63b1ff;
  color: white;
  padding-top: 4px !important;
  text-align: center !important;
  min-height: 28px !Important;
}

.LogInEditFields {
  background-color: white !important;
  color: #000 !important;
}

.MainActionBtn{
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  color: white !important;
  background: #f0f0f5;
  background-color: #f0f0f5;
}

.MainActionBtn:hover{
  background: #A1D6CB;
  background-color: #A1D6CB;
}

.DigitalSignHeaderLable {
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
  vertical-align:middle !important;

  top: 0px !important;
  height: 30px !important;
  padding-top: 5px !important;

  background-color: #43B2FD !important;
  background: #43B2FD !important;
  color: white !important;
}

.TikimHeaderLable {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: white !important;
  text-align: center !important;
}

.HeaderLable {
  border-radius: 5px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  top: 0px !important;
  height: 35px !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  padding-top: 8px !important;

  text-align: center !important;
  vertical-align:middle !important;

  background-color: #43B2FD !important;
  background: #43B2FD !important;
  color: white !important;
}

.HeaderLable30 {
  border-radius: 4px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  top: 0px !important;
  height: 30px !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  padding-top: 4px !important;

  text-align: center !important;
  vertical-align:middle !important;

  background-color: #43B2FD !important;
  background: #43B2FD !important;
  color: white !important;
}

.HeaderLable25 {
  border-radius: 3px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  top: 0px !important;
  height: 25px !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  padding-top: 4px !important;

  text-align: center !important;
  vertical-align:middle !important;

  background-color: #43B2FD !important;
  background: #43B2FD !important;
  color: white !important;
}

.SignRoutineSubDeatil {
  border-radius: 0px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  top: 0px !important;
  height: 22px !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  padding-top: 2px !important;

  text-align: center !important;
  vertical-align:middle !important;

  background-color: #006A71 !important;
  background: #006A71 !important;
  color: white !important;
}

.InnerHeaderLable {
  border-radius: 5px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  top: 0px !important;
  height: 25px !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  padding-top: 3px !important;

  text-align: center !important;
  vertical-align:middle !important;

  background-color: #43B2FD !important;
  background: #43B2FD !important;
  color: white !important;
}

.HeaderCenterLable {
  border-radius: 5px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  padding-top: 8px !important;

  text-align: center !important;
  vertical-align:middle !important;

  background-color: #43B2FD !important;
  background: #43B2FD !important;
  color: white !important;
}

.BtnReset{
  border-radius: 5px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  background-color: #bbbbbb !important;
  background: #bbbbbb !important;
  color: white !important;
}

.BtnReset:hover {
  border-radius: 5px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  background-color: #efe116 !important;
  background: #efe116 !important;
  color: #6cede7 !important;
}

.GeneralActionBtn{
  border-radius: 5px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  background-color: #009de2 !important;
  background: #009de2 !important;
  color: white !important;
  font-weight: 600 !important;
}

.GeneralActionBtn:hover {
  border-radius: 10px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  background-color: #66d9ff !important;
  background: #66d9ff !important;
  color: #6cede7 !important;
}

.MainMenuActionBtn{
  border-radius: 5px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  background-color: #009de2 !important;
  background: #009de2 !important;
}

.MainMenuActionBtn .x-btn-inner {
  color: white !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.MainMenuActionBtn:hover {
  border-radius: 10px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  background-color: #66d9ff !important;
  background: #66d9ff !important;
  color: #6cede7 !important;
}

.MainMenuActionBtn .x-btn-wrap-default-medium.x-rtl.x-btn-split-right:after{
  width: 12px !important;
  padding-right: 8px !important;
  margin-top: 14px !important;
  margin-left: 8px !important;
  background: url(/files/Icons/triangle-bottom-arrow-icon.svg) no-repeat !important;
  filter: invert(55%) sepia(32%) saturate(883%) hue-rotate(171deg) brightness(105%) contrast(103%);
}

.MainFormAreaPanel{
  background-color: #f3f3f2 !important;
  background: #f3f3f2 !important;
}

.MainFormAreaPanel .x-panel-body{
  background-color: #f3f3f2 !important;
  background: #f3f3f2 !important;
}

.PaintBlueBox{
  border: 2px solid blue !important;
}

.MobileCenterButton {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

.MobileLabelMargin .x-label-el{
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.ElementToRight {
  right: 5px !important;
  left: auto !important;
}

.ElementToLeft {
  right: auto !important;
  left: 5px !important;
}

.ElementToBottom {
  position: fixed !important;
  display: block !important;
  top: auto !important;
  bottom: 0 !important;
}

.TextAlignCenterMiddel {
  display: flex !important;
  align-items: center !important;       /* vertical center — no line-height needed */
  justify-content: center !important;   /* horizontal center (replaces text-align) */
}

.CheckBoxVerticalCenter {
  display: flex !important;
  align-items: center !important;
}

.TextAlignCenter{
  text-align: center !important;
  vertical-align:middle !important;
}

.CenterRadioButton .x-form-cb-wrap-inner {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.UpdUserDataLable{
  top: 7px!important;
  text-align: left !important;
}

.HeaderTextPanel{
  width: 100% !important;
  height: 100% !important;
}

.HTMLFrameImageView{
  top: 1px !important;
  left: 1px !important;
  height: 100% !important;
  width: 100% !important;
}

.ImageView {
  width: 100% !important;
  height: 100% !important;
  clip: auto !important;
}

.ImageView img{
  position: relative !important;
  display: block  !important;
  clip : auto !important;
  margin: auto !important;
  width: auto !important;
  height: 100% !important;
}

.NewImageView img{
  width: auto !important;
  height: 100% !important;
}

.ImageViewMax {
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  clip: auto !important;
}

.ImageViewMax img{
  position: absolute !important;
  display: block  !important;
  clip : auto !important;
}

.UpLoadFilesBtn {
  width: 100% !important;
}

#UpLoadFilesBtn {
  width: 100% !important;
}

#UpLoadFilesBtn-button {
  width: 100% !important;
}

.ButtobLoadContainer .x-file-area {
  width: 100% !important;
  hight: 100% !important;
}

.UpLoadImageBorderRed{
   border: solid 3px red;
}

.NavigatorButton{
  background-color: #FBFBFB !important;
  background-image: none !important;
}

.NavigatorButton:hover {
  background-color: #E5E5E5 !important;
  background: #E5E5E5 !important;
}

.OcrResultButton{
  background-color: #C4E1E6 !important;
  background-image: none !important;
}

.OcrResultButton:hover {
  background-color: #A4CCD9 !important;
  background: #A4CCD9 !important;
}

.IturFormNavigateButton{
  background-color: #ff66ff !important;
  background-image: none !important;
}

.IturFormNavigateButton:hover {
  background-color: #ff66b3 !important;
  background: #ff66b3 !important;
}

.IturFormActionButton{
  background-color: #66d9ff !important;
  background-image: none !important;
}

.IturFormActionButton:hover {
  background-color: #668cff !important;
  background: #668cff !important;
}

.GridTitleToRight .x-column-header-inner{
  text-align: right !important;
}

.ClearButtonVisibility .x-form-clear-trigger{
  visibility: hidden;
}

.ItemHoldFullContaiter {
  min-width: 10px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-top : 1px !important;
  margin-bottom : 1px !important;
  max-height: 22px !important;
  Left: 0px !important;
}

.DynamicIdentifyerIndexGrid .x-uni-checkcolumn-absolute {
    position: relative !important;
}

.SignerListHaederProp{
  background-color: #53a9ff !important;
  text-align: center !important;
  line-height: 40px;
  right: 0% !important;
  top: 0% !important;
  font-weight: 600 !important;
  color: white !important;
  font-size: medium !important;
}

.UpdateOfficeHeader{
  background-color: #53a9ff !important;
  text-align: center !important;
  line-height: 30px;
  font-weight: 600 !important;
  color: white !important;
  font-size: medium !important;
}

.UpdateOfficeLable{
  font-size: 14px !important;
}

.UpdateOfficeButton{
  background-color: #66d9ff !important;
  background-image: none !important;
  color: white !important;
  font-size: 14px !important;
}

.UpdateOfficeButton:hover {
  background-color: #668cff !important;
  background: #668cff !important;
}

.DocumentToTikHeaders{
  border-right: 1px solid #009de2 !important;
}

.DocumentToTikHeadersPanels{
  background-color: #53a9ff !important;
}

.UsersTeamList .x-grid-cell-inner {
    text-align: right !important;
}

.SignersActivityGrid .x-grid-cell-inner {
    text-align: right !important;
    position: relative;
}

.SignersActivityGrid .x-uni-checkcolumn-absolute {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

.DisplayDocumentBtn{
  border-width: 0px !important;
  border-style: none !important;
  background-color: #009de2 !important;
  background: #009de2 !important;
}

.DisplayDocumentBtn:hover {
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  background-color: #efe116 !important;
  background: #efe116 !important;
  color: #6cede7 !important;
}

.DisableDocumentBtn{
  border-width: 0px !important;
  border-style: none !important;
  background-color: #009de2 !important;
  background: #009de2 !important;
  color: #de1a1a !important;
}

.DisableDocumentBtn:hover {
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

  background-color: #f0f0f0 !important;
  background: #f0f0f0 !important;
}

.DisableDocumentBtn:hover .x-btn-inner {
    color: red !important;
}

.DocumentListPsBar {
  width: 450px !important;
  height: 30px !important;
  text-align: center !important;
  top: 10px !important;
}

.DocumentListPsBar .x-progress-text{
  padding-top: 6px !important;
}

.DocumentListPsBar .x-progress-text-back{
  padding-top: 7px !important;
}

.SignDocumentPsBar {
  height: 30px !important;
  text-align: center !important;
  top: 0px !important;
}

.SignDocumentPsBar .x-progress-text{
  padding-top: 6px !important;
}

.SignDocumentPsBar .x-progress-text-back{
  padding-top: 7px !important;
}

.MissingCriticalDataBar {
  height: 30px !important;
  text-align: center !important;
  top: 6px !important;
}

.MissingCriticalDataBar .x-progress-text{
  padding-top: 6px !important;
}

.MissingCriticalDataBar .x-progress-text-back{
  padding-top: 7px !important;
}

.ViewerToolButton{
  background-color: white !important;
  background: white !important;
}

.ViewerToolButton:hover {
  background-color: #f4f79f !important;
  background: #f4f79f !important;
  color: #6cede7 !important;
}

.ViewerBorderPanel{
  border-width: 1px !important;
  border-style: solid !important;
  border-color: 	#e1e1e1 !important;
  margin-right: 5px !important;
  margin-left: 5px !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.ImageViewSizer{
   direction: ltr !important;
   left : 0px !important;
   top : 0px !important;
   margin: 5px !important;
   width: 100% !important;
   height: 100% !important;
}

.ImageViewSizer .x-panel-body{
   width: 100% !important;
   height: 100% !important;
}

.ImageViewSizer .x-panel-body-default{
   width: 100% !important;
   height: 100% !important;
}

.ImageViewSizerWidth {
   width: 100% !important;
   height: auto !important;
   box-sizing: border-box !important;
}

.ImageViewSizerWidth img{
   width: 100% !important;
   height: auto !important;
}

.ImageViewSizerHeight img{
   width: auto !important;
   height: 100% !important;
}

.ImageViewSizerOriginal img{
   width: auto !important;
   height: auto !important;
}

.ImageScrollBox {
   overflow-y: auto !important;
   overflow-x: hidden !important;
}

.ImageScrollBox > .x-autocontainer-outerCt,
.ImageScrollBox > .x-autocontainer-outerCt > .x-autocontainer-innerCt {
   height: auto !important;
}

.SignSelectorBorder{
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #f2cbcb !important;
}

.GoToPageText{
  text-align: center !important;
  vertical-align:middle !important;
  line-height: 50px;
}

.TextAlignLeft {
  text-align: left !important;
  vertical-align:middle !important;
  display: block !important;
}

.InnerTextAlignLeft {
  left: 5px !important;
  right: auto !important;
}

.DocToTikimLableCaption{
  text-align: left !important;
  vertical-align:middle !important;
  direction: ltr;
  line-height: 22px !important;
}

.downloadPDF{
  display: none !important;
}

table caption,table th,table td {
  padding : 0px !important;
  margin : 0px !important;
}

.DbEditDateTimePicker {
  background-image: url('files/images/icons/calendar_26.png') !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: center !important;
  background-color: #f9f9f7;
  border-width: 1px !important;
  border-right-width: 0px !important;
}

.Toffes101FileLoadList {
  height: 50px !important;
  margin-right : 15px !important;
  margin-left : 15px !important;
}

.Toffes101FileLoadList .x-btn  {
  height: 50px !important;
  margin-right : 15px !important;
  margin-left : 15px !important;
}

.Toffes101FileLoadList .x-btn-inner {
    font-weight: 800 !important;
    font-size: 16px !important;
    color: blue;
}

.Tofes101FillSlashChar {
  font-size: 20px;
  font-weight: bold;
  margin-top: 2px !important;
}

.Tofes101FilllabelAlign {
  text-align: left;
}

.Tofes101FilllabelPadding {
  padding-top : 4px !important;
}

.Tofes101FilllabelAlignPadding {
  text-align: left;
  padding-top : 4px !important;
}

.Tofes101FillDatePicker .ui-datepicker-trigger {
    position: absolute !important;
    left: 2px !important;
    top: 2px !important;
    width: 20px !important;
    height: 20px !important;
    z-index: 1000 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
}

.Tofes101FillDatePicker .ui-datepicker-trigger img {
    width: 20px !important;
    height: 20px !important;
}

.TabSheetKids1 {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.KidsListContainer1 {
    flex: 1 !important;
    height: auto !important;
    overflow: auto !important;
}

.KidsListHeader1 {
    flex-shrink: 0 !important;
}

.KidsActionBtn {
  border: 1px solid #49B3FD !important;
  margin-top : 5px;
  margin-bottom : 5px;
}

.Tofes101PcMain {
}

.Tofes101PcMain .x-fieldset-header .x-fieldset-header-text{
  font-weight: bold;
  color: blue;
}

.Tofes101FillSignDate .x-form-item-label-top {
  direction: rtl !important;
}

.Fill101SignPad .x-panel-body{
  overflow: hidden !important;
}

.Tofes101JustSetSeparateLine {
  height : 3px Important;
  border-bottom: 2px solid #C4DAD2 !important;
}

.Toffes101AttachmentImageH img{
    height: 98% !important;
    width: auto !important;
    max-height: 100%;
    max-width: 100%;
}

.Toffes101AttachmentImageW img{
    height: auto !important;
    width: 98% !important;
    max-height: 100%;
    max-width: 100%;
}

.Toffes101AttachmentImageIcon img{
    height: 50px !important;
    width: 50px !important;
    max-height: 100%;
    max-width: 100%;
}

.mbMainForm * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbLogInForm * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbLogInForm  .x-toolbar-body-el {
    direction: ltr !important;
}

.mbLoadFromGallery * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbLoadFromCameraFrm * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbSelectDocumentFrm * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbShowTikDocumentFrm * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbSelectTikFrm * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbMiftuachFrm * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbSelectClientFrm * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbSelectDataTypeFrm * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbViewHTMLFrm * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbViewPDFFrm * {
  font-weight: 600 !important;
  font-size: 20px !important;
}

.mbMiftuachFields .x-expandtrigger {
  width: 2px !important;
}

.mbMiftuachFields .x-form-readonly {
    background-color: white !important;
    color: black !important;
    opacity: 1 !important;
}

.mbMiftuachClearBtn .x-inner-el {
  padding : 5px !important;
}

.mbMiftuachActionButton{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  font-size: 16px !important;
  font-weight: bold;
}

.mbMainButton{
  Width: 100% !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mbMainButton .x-text-el {
  font-size: 24px !important;
}

.mbActionButton{
  color: white !important;
}

.mbActionButton .x-inner-el {
   padding-top: 5px !important;
   background: #5FA2DD !important;
   background-color: #5FA2DD !important;
}

.mbActionButton .x-text-el {
  font-weight: bold;
  font-size: 18px;
}

.mbActionPictureButton{
  font-size: 18px !important;
  color: white !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;

}

.mbActionPictureButton .x-inner-el {
  padding-top: 2px !important;
  color: white !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  background: #5ec9f7;
  background-color: #5ec9f7;
}

.mbActionPictureButton .x-text-el {
  font-weight: bold;
  font-size: 16px;
}

.mbActionCameraButton{
}

.mbActionCameraButton .fa-lg {
    line-height: normal !important;
}

.mbActionCameraButton .x-inner-el {
  border-width: 0px !important;
  border-style: none !important;
  border-color: #fff !important;
  background: #fff;
  background-color: #fff;
}

.mb-grid-button {
  color: #00b0e2;
  font-size: 12px;
  cursor: pointer;
}

.mb-grid-button:hover {
  color: #c0392b;
}


.mbDocSearchLable {
  height : 30px !important;
  padding-top : 5px !important;
}

.mbDocSearchEdit {
  height : 100% !important;
}

.mbDocSearchEdit input {
  font-size: 20px !important;
}

.mbDocSearchBtn .x-body-el{
  position: absolute !important;

  display:flex;
  justify-content:center;
  align-items:center;
  vertical-align: middle;
}

.mbUpLoadContainer {
  margin: 5px !important;
}

.mbMistuachFieldsLable {
  padding-top: 10px !important;
}

.mbMistuachFieldsLable .x-innerhtml{
  font-weight: bold;
  font-size: 16px;
  margin-right: 10px;
}

.mbMistuachButton {
  padding-top: 1px !important;
}

.mbMistuachButton .x-text-el{
  font-weight: bold;
  font-size: 18px;
}

.mbMistuachButton .x-inner-el{
  padding-top: 5px !important;
}

.MyLoadPictureFromCamera img{
  object-fit: contain;
}

.MyUpLoadFileWithCamera{
}

.MyUpLoadFileWithCamera .x-button-confirm .x-text-el {
  margin: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

.MyUpLoadFileWithCamera .x-toolbar .x-center{
  justify-content: start !important;
  margin: 40px !important;
  position: relative !important;
}

.MyPhotografTabPanel {
}

.MyPhotografTabPanel .x-tab {
  margin-right: 5px !important;
}

.MyPhotografTabPanel .x-tabbar{
   background-color: #F0F0F0;
   background-image: none;
}

.MyPhotografTabPanel .x-tabbar .x-tab {
   background-color: #E0E0E0;
   background-image: none;
   color: #666666;
}

.MyPhotografTabPanel .x-tabbar .x-tab-active {
   background-color: #2196F3;
   background-image: none;
   color: white;
}

.mbCameraLable {
}

.mbCameraLable .x-innerhtml{
  padding-top: 2px !important;
  font-weight: bold;
  font-size: 18px;
  text-align: center !important;
  vertical-align:middle !important;
}

.mbCameraSettingContainer {
  margin-right: 15px !important;
}

.mbCameraSettingLableHeader .x-innerhtml{
  padding-top: 8px !important;
  font-weight: bold;
  font-size: 20px;
  margin-left: 10px !important;
  margin-right: 40px !important;
  color: #63a1f7;
}

.mbCameraSettingLable {
}

.mbCameraSettingLable .x-innerhtml{
  padding-top: 8px !important;
  font-weight: bold;
  font-size: 20px;
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mbPhotoDensitySetting {
  margin-right: 15px !important;
  max-height: 30px !important;
}

.mbPhotoDensitySetting .x-label-el {
  height: 30px !important;
  padding-top: 4px !important;
  text-align: right !important;
  width: 90% !important;
}

.mbPhotoDensitySetting .x-label-text-el{
  font-weight: 600 !important;
  font-size: 16px !important;
}

.mbPhotoDensitySetting .x-body-wrap-el {
  height: 30px !important;
  padding-right: 5px !important;
}

.SimuchinFld{
  min-width: 50% !important;
  width: 50% !important;
}

.GirsaFld{
  max-width: 40% !important;
  width: 40% !important;
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.UsersNavigatorCss {
  background-color: white;
  margin-top: 5px;
}

.DbLookUpComboBoxDown {
  background-image: url('../../files/images/chevron-down.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 8px 8px !important;
  background-position: center !important;
  background-color: #f9f9f7;
  border-width: 1px !important;
  border-color: #d3d3d6;
}

.DbLookUpComboBoxEllipsis {
  background-image: url('../../files/images/ellipsis-h.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 8px 8px !important;
  background-position: center !important;
  background-color: #f9f9f7;
  border-width: 1px !important;
  border-color: #d3d3d6;
}

.DbLookUpComboBoxPlus {
  background-image: url('../../files/images/plus.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 8px 8px !important;
  background-position: center !important;
  background-color: #f9f9f7;
  border-width: 1px !important;
  border-color: #d3d3d6;
}

.HanibaalPasswordIcon-trigger{
  position: relative;
  display: table-cell;
  background-image: none !important;
  line-height: 1.5;
  border-width: 0;
  color:#007fff !important;
}

.SearchButton {
  background-image: none !important;
  background-color: #d8d8d8;
}

#OFC_id-button  {
  width: 100% !important;
}

.ConfirmMergeActionCls{
  border : solid;
  border-color: #dbedff !important;
  border-width: 1px;
}

.MergeFileUpload .x-file-area{
  width: 97% !important;
  height: 97% !important;
  margin: 5px !important;
}

.AnyGridActionLog .x-grid-cell-inner {
    text-align: right !important;
}

.SignRoutineImgView iframe html body img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.MasterMiftuachCls .x-splitter {
  background-color: #EAEFEF !important;
  position: relative;
}

.MasterMiftuachCls .x-splitter::before {
  content: "⋮";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #888;
  font-size: 16px;
  pointer-events: none;
}

.CheckAuthCodem .x-title .x-innerhtml {
  font-size: 25px !important;
  font-weight: 750 !important;
}

.MainContainerPanel {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

.MainContainerPanelLargerFont .x-innerhtml {
  font-size: 30px !important;
  font-weight: 800 !important;
}

.MainContainerPanelSmallFont .x-innerhtml {
  font-size: 20px !important;
  font-weight: 800 !important;
}

.MainContainerPanel .x-text-el{
  font-size: x-large !important;
  font-weight: 800 !important;
}

.cursor-alias {cursor: alias;}
.cursor-all-scroll {cursor: all-scroll;}
.cursor-auto {cursor: auto;}
.cursor-cell {cursor: cell;}
.cursor-context-menu {cursor: context-menu;}
.cursor-col-resize {cursor: col-resize;}
.cursor-copy {cursor: copy;}
.cursor-crosshair {cursor: crosshair;}
.cursor-default {cursor: default;}
.cursor-e-resize {cursor: e-resize;}
.cursor-ew-resize {cursor: ew-resize;}
.cursor-grab {cursor: grab;}
.cursor-grabbing {cursor: grabbing;}
.cursor-help {cursor: help;}
.cursor-move {cursor: move;}
.cursor-n-resize {cursor: n-resize;}
.cursor-ne-resize {cursor: ne-resize;}
.cursor-nesw-resize {cursor: nesw-resize;}
.cursor-ns-resize {cursor: ns-resize;}
.cursor-nw-resize {cursor: nw-resize;}
.cursor-nwse-resize {cursor: nwse-resize;}
.cursor-no-drop {cursor: no-drop;}
.cursor-none {cursor: none;}
.cursor-not-allowed {cursor: not-allowed;}
.cursor-pointer {cursor: pointer;}
.cursor-progress {cursor: progress;}
.cursor-row-resize {cursor: row-resize;}
.cursor-s-resize {cursor: s-resize;}
.cursor-se-resize {cursor: se-resize;}
.cursor-sw-resize {cursor: sw-resize;}
.cursor-text {cursor: text;}
.cursor-url {cursor: url(myBall.cur),auto;}
.cursor-w-resize {cursor: w-resize;}
.cursor-wait {cursor: wait;}
.cursor-zoom-in {cursor: zoom-in;}
.cursor-zoom-out {cursor: zoom-out;}