.SetWaitToLoadLable {
  font-size: 14px !important;
  font-weight: bold;
  margin: 15px 10px;
}

.jconfirm-title {
  font-size: 20px !important;
  color:#4b6584 !important;
}

.jconfirm-content div {
  font-size: 18px !important;
  font-weight: bold;
  line-height: normal;
  color:#8854d0 !important;
}

.jconfirm-buttons button {
  font-size: 20px !important;
  color:#4b6584 !important;
  background-color: #ecf0f1 !important;
}

.jconfirm-buttons button:hover {
  color: #2c3e50 !important;
}

.jconfirm-icon-c .fa-bug {
  font-size: 36px !important;
  color: #800020 !important;
}

.fa-fa-trash:before {
  content: '\f014' !important;
  font-size: medium !important;
}

.fa-fa-ok:before {
  content: '\f00c' !important;
  font-size: medium !important;
}

.fa-fa-close:before {
  content: '\f00d' !important;
  font-size: medium !important;
}

.fa-fa-cancel:before {
  content: '\f00d' !important;
  font-size: medium !important;
}

.fa-fa-envelop:before {
  content: '\f003' !important;
  font-size: medium !important;
}

.fa-fa-search-plus:before {
  content: '\f00e' !important;
  font-size: medium !important;
}

.fa-fa-search-minus:before {
  content: '\f010' !important;
  font-size: medium !important;
}

.fa-fa-power-off:before {
  content: '\f011' !important;
  font-size: medium !important;
}

.fa-fa-config:before {
  content: '\f013' !important;
  font-size: medium !important;
}

.fa-fa-home:before {
  content: '\f015' !important;
  font-size: medium !important;
}

.fa-fa-tag:before {
  content: '\f02b' !important;
  font-size: medium !important;
}

.fa-fa-print:before {
  content: '\f02f' !important;
  font-size: medium !important;
}

.fa-fa-save:before {
  content: '\f0c7' !important;
  font-size: medium !important;
}

.fa-fa-attach:before {
  content: '\f0c6' !important;
  font-size: medium !important;
}

.fa-fa-copy:before {
  content: '\f0c5' !important;
  font-size: medium !important;
}

.fa-fa-download:before {
  content: '\f019' !important;
  font-size: medium !important;
}

.fa-fa-refresh:before {
  content: '\f021' !important;
  font-size: medium !important;
}

.fa-fa-lock:before {
  content: '\f023' !important;
  font-size: medium !important;
}

.fa-fa-barcode:before {
  content: '\f02a' !important;
  font-size: medium !important;
}

.fa-fa-left:before {
  content: '\f036' !important;
  font-size: medium !important;
}

.fa-fa-center:before {
  content: '\f037' !important;
  font-size: medium !important;
}

.fa-fa-right:before {
  content: '\f038' !important;
  font-size: medium !important;
}

.fa-fa-justifay:before {
  content: '\f039' !important;
  font-size: medium !important;
}

.fa-fa-video:before {
  content: '\f03d' !important;
  font-size: medium !important;
}

.fa-fa-image:before {
  content: '\f03e' !important;
  font-size: medium !important;
}

.fa-fa-edit:before {
  content: '\f040' !important;
  font-size: medium !important;
}

.fa-fa-plus:before {
  content: '\f067' !important;
  font-size: medium !important;
}

.fa-fa-minus:before {
  content: '\f068' !important;
  font-size: medium !important;
}

.fa-fa-calander:before {
  content: '\f073' !important;
  font-size: medium !important;
}

.fa-fa-folder:before {
  content: '\f07b' !important;
  font-size: medium !important;
}

.fa-fa-folder-open:before {
  content: '\f07c' !important;
  font-size: medium !important;
}

.fa-fa-pdf:before {
  content: '\f1c1' !important;
  font-size: medium !important;
}

.fa-fa-word:before {
  content: '\f1c2' !important;
  font-size: medium !important;
}

.fa-fa-excel:before {
  content: '\f1c3' !important;
  font-size: medium !important;
}

.fa-fa-powerpoint:before {
  content: '\f1c4' !important;
  font-size: medium !important;
}

.fa-fa-image-file:before {
  content: '\f1c5' !important;
  font-size: medium !important;
}

.fa-fa-database:before {
  content: '\f1c0' !important;
  font-size: medium !important;
}

.fa-fa-retweet:before {
  content: '\f079' !important;
  font-size: medium !important;
}

.noselect {
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;
}

.DocumentSignHeader {
  font-size: 20px !important;
  font-weight: 600;
  background-color: #87A2FF !important;
  color: white !important;
  padding-top: 6px !important;
  text-align: center !important;
  vertical-align:middle !important;
}

.DocumentSignerName {
  font-size: 16px !important;
  font-weight: 600;
  background-color: #B7E0FF !important;
  color: #624E88 !important;
  padding: 3px 10px !important;
  margin: 0px !important;
}

.cbSendMe_CC_Message .x-form-checkbox-default {
  padding: 0px 5px !important;
}

/* translucent FILL only (rgba) — so a selected box border/dots stay crisp */
.SignerFirstBoxColor  {
  background-color: rgba(33,150,243,0.30) !important; /* blue   */
}

.SignerSecondBoxColor {
  background-color: rgba(76,175,80,0.30) !important;  /* green  */
}

.SignerThirdBoxColor  {
  background-color: rgba(255,152,0,0.30) !important;  /* orange */
}

.SignerForthBoxColor  {
  background-color: rgba(156,39,176,0.30) !important; /* purple */
}

.SignerFifthBoxColor  {
  background-color: rgba(244,67,54,0.30) !important;  /* red    */
}

.SignonDocumentBottuns {
  Width  : 150px !important;
  height : 35px !important;
  margin-right: 18px !important;

  border-radius    : 1px !important;
  border-width     : 0px !important;
  border-style     : none !important;
  background       : #C4D7FF !important;
}

.SignonDocumentBottuns .x-btn-inner {
  font-size   : 12px !important;
  font-weight : 600 !important;
  color       : #624E88 !important;
}

.SignonDocumentBottuns:hover {
  border-radius    : 1px !important;
  border-width     : 0px !important;
  border-style     : none !important;
  background       : #87A2FF !important;
  color            : #FFF !important;
}

.SignonDocumentBottuns:hover .x-btn-inner {
  color            : #FFF !important;
}

.SignPadActionContainer {
   left: 0px !important;
   right: auto !important;
}

#handwritesignaturefrm_btnselectcolor_1 .x-color-picker {
  Width  : 130px !important;
  height : 28px !important;
}

#handwritesignaturefrm_btnselectcolor_1 .x-color-picker-item {
    top: 2px;
    width: 24px;
    height: 24px;
}

#handwritesignaturefrm_btnselectcolor_1 .x-color-picker-item-inner {
    line-height: 15px;
}

#handwritesignaturefrm_unimenucontrol1_0 .x-menu-item-text-default {
  margin-right: 5px !important;
}

.GetSecureCodesLbHeader {
  font-size   : 15px !important;
  font-weight : 600 !important;
  color       : #624E88 !important;
}

.GetSecureCodesInputLable {
  font-size   : 13px !important;
  font-weight : 600 !important;
  color       : #624E88 !important;
}

.GetSecureCodesButtons {
  font-size: 20px !important;
  color:#4b6584 !important;
  border-radius    : 1px !important;
  border-width     : 0px !important;
  border-style     : none !important;
  background       : #C4D7FF !important;
}

.GetSecureCodesButtons .x-btn-inner-default-small {
  font-size   : 15px !important;
  font-weight : 600 !important;
  color       : #624E88 !important;
}

.GetSecureCodesButtons:hover {
  border-radius    : 1px !important;
  border-width     : 0px !important;
  border-style     : none !important;
  background       : #87A2FF !important;
  color            : #FFF !important;
}

.GetSecureCodesButtons:hover .x-btn-inner-default-small {
  color            : #FFF !important;
}

.btnSendSecureCode {
   left: 0px !important;
   right: auto !important;
}

.LineW02 {
  background: url('/Files/FilesIcons/LineW-02.jpg') no-repeat 100% center;
  background-size: cover;
  width: 150px;
  height: 8px;
  display: block;
}

.LineW03 {
  background: url('/Files/FilesIcons/LineW-03.jpg') no-repeat 100% center;
  background-size: cover;
  width: 150px;
  height: 8px;
  display: block;
}

.LineW04 {
  background: url('/Files/FilesIcons/LineW-04.jpg') no-repeat 100% center;
  background-size: cover;
  width: 150px;
  height: 8px;
  display: block;
}

.LineW05 {
  background: url('/Files/FilesIcons/LineW-05.jpg') no-repeat 100% center;
  background-size: cover;
  width: 150px;
  height: 10px;
  display: block;
}

.LineW06 {
  background: url('/Files/FilesIcons/LineW-06.jpg') no-repeat 100% center;
  background-size: cover;
  width: 150px;
  height: 10px;
  display: block;
}

.LineW07 {
  background: url('/Files/FilesIcons/LineW-07.jpg') no-repeat 100% center;
  background-size: cover;
  width: 150px;
  height: 10px;
  display: block;
}

.LineW08 {
  background: url('/Files/FilesIcons/LineW-08.jpg') no-repeat 100% center;
  background-size: cover;
  width: 150px;
  height: 12px;
  display: block;
}

.LineW09 {
  background: url('/Files/FilesIcons/LineW-09.jpg') no-repeat 100% center;
  background-size: cover;
  width: 150px;
  height: 12px;
  display: block;
}

.LineW10 {
  background: url('/Files/FilesIcons/LineW-10.jpg') no-repeat 100% center;
  background-size: cover;
  width: 150px;
  height: 12px;
  display: block;
}

.PB_ProgressBarFrm {
   z-index: 205000 !important;
}

.PB_HeaderContainer {
  text-align: center;
  margin-top: 5px !important;
}

.PB_LbHeader {
   color: #2C3639 !important;
}

.PB_lbFromTo {
   color: #3C3D37 !important;
   left:15px !important;
   right:auto !important;
   text-align: left;
}

.PB_lbPercent {
   color: #3C3D37 !important;
   left:auto !important;
   right:15px !important;
}

.PB_ProgressBar {
}

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

.custom-rtl-scroll {
    direction: rtl;
}

.DftButtonProp {
  font-size: 14px !important;
  font-weight: bold;
}

.DftButtonProp .x-btn-inner-default-small {
  font-size: 14px !important;
  font-weight: bold;
}

.GetSignerUpdInputData .x-form-checkbox-default {
  padding: 0px 5px !important;
}

.SignAreaDetailPanel {
   left: 0px !important;
   right: auto !important;
}

.SetPositionButtonContainer {
  width: 30% !important;
  left: auto !important;
  right: 0px !important;
  margin-left: auto !important;
  margin-right: 0px !important;
}

.SetPositionButtonContainer .x-panel-body-default {
  left: auto !important;
  right: 0px !important;
  margin-right: 0px !important;
  margin-left: auto !important;
}

.SetPositionToSignButton {
  background-color: #c0ded9 !important;
}

.SetMessageExtraNames {
  font-size: 14px !important;
  font-weight: bold;
  margin: 10px;
}

.SetMessageLabelParam {
  font-size: 14px !important;
  font-weight: bold;
  margin: 8px 15px;
  /*width: 360px !important;*/
  left: auto !important;
  right: 0px !important;
  color: #0078D4;
}

.lbDocumentDescription {
  font-size: 14px !important;
  font-weight: 600;
  margin: 15px 5px 5px 5px !important;
  color: #0078D4;
  top: 10px !important;
  padding-top: 4px !important;
  text-align: center !important;
  vertical-align:middle !important;
}

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

.btnAddUpdDftMessage {
  left: 2px !important;
}

.lbPageNo {
  font-size: 16px !important;
  font-weight: bold;
  min-width: 100px;
  /* UniGUI pins this label with inline height:13px; top:8px, so a 13px box sits near
     the top of the ~48px button row and looks un-centered. Grow it to the row height
     and flex-center; !important beats the (non-important) inline height/top. */
  /*height: 48px !important;*/
  top: 1px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.btnFileuploadButton {
  left : 3px  !important;
  right : auto  !important;
  height: 100%;
  Top : 3px;
  margin : 3px;
}

.btnAddFileListToProject {
  right : 3px  !important;
  left : auto  !important;
  height: 100%;
  Top : 3px;
  margin : 3px;
}

.Project_SignAreaSizeContainer {
  
  
  right: 0px !important;
}

.Project_SignAreaSize {
  font-size: 14px !important;
  font-weight: bold;
}

.btnShowPageWithSignField {
  left: 0px !important;
}

.btnPositionTheSigBox {
  left: auto !important;
  right: 0px !important;
  margin-right: 0px !important;
  margin-left: auto !important;
}

.btnPositionTheSigBox .x-panel-body-default {
  left: auto !important;
  right: 0px !important;
  margin-right: 0px !important;
  margin-left: auto !important;
}

.SignAreaActionPanel {
  width: 100% !important;
}

.SignFileDetailContainer {
  right: 0px !important;
}

.UploadPdfFileContainer {
  left: 0px !important;
  margin: 0px 5px;
}

.MemberMailAddress .x-form-item-body-default {
   direction: ltr !important;
}

#mainform_projectsfrm_pdffileuploadbutton_0 {
  height: 32px !important;
}

#mainform_projectsfrm_uploadpdffilecontainer_0-innerCt {
  height: 32px !important;
}

.UploadPdfFileContainer .x-btn {
  width: 100% !important;
  height: 100% !important;
}

.FixNormalCheckBox .x-form-checkbox-default {
  padding-right: 5px !important;
}

.UsersCheckBox .x-form-checkbox-default:before {
    font-size: 1em !important;
    left: 0px !important;
    top: 0px !important;
}

.UsersFields .x-form-trigger-wrap-default {
  width: 250px !important;
  max-width: 250px !important;
}

.UserDataFields {
  width: 100% !important;
  margin: 3px 15px !important;
}

.DashboardPanel .x-panel-header-default-horizontal {
  max-height: 30px !important;
  padding: 0px !important;
}

.DashboardPanel .x-tool-collapse-top:before {
  content: '\f102' !important;
  color:#007fff !important;
  font-size: medium !important;
}

.DashboardPanel .x-tool-expand-bottom:before {
  content: '\f103' !important;
  color:#007fff !important;
  font-size: medium !important;
}

.DashBoardTopContainer {
}

.DashboardMiddleContainer {
}

.DashBoardBottomContainer {
}

.DashboardDetailBox {
  border: 5px ridge #63B1FF !important;
}

.DashBoardHeader {
  font-size: 22px !important;
  font-weight: bold;
  color: #2C3639 !important;
  text-align: center;
}

.DashBoardLable {
  font-size: 18px !important;
  font-weight: bold;
  color: #4379F2 !important;
  text-align: center;
  margin-top: 5px !important;
}

.DashBoardBtn {
  border-radius: 1px !important;
  border-width: 0px !important;
  border-style: none !important;
  background: #E9EFEC !important;
  color: #6A9C89 !important;
}

.DashBoardBtn:hover {
  border-radius: 1px !important;
  border-width: 0px !important;
  border-style: none !important;
  background: #C4DAD2 !important;
  color: #6A9C89 !important;
}

.GrigActionContainer {
   min-height: 35px !Important;
   height: 35px !Important;
}

.DashBoardListGrid {
  /*top: 40px !important;*/
}

.DashBoardListGrid .x-grid-checkcolumn {
  opacity: 1 !important;
}

.DashBoardListGrid .x-column-header-text-wrapper {
  text-align: right !important;
}

.DashBoarQryListHeader {
  background-image: none  !important;
  background-color: #63b1ff !important;
  border: 0px;
  color: white !important;
  height:35px !important;
  font-size: 22px !important;
  font-weight: bold;
  padding: 3px  5px !important;
  text-align: center;
  width: 350px !important;
}

.ButtonDashboardAction {
  left   : 0px !important;
  right  : auto !important;
  top    : 0px !important;

  border-radius    : 1px !important;
  border-width     : 0px !important;
  border-style     : none !important;
  background       : #D8D2C2 !important;
  color            : #4A4947 !important;
}

.ButtonDashboardAction .x-btn-inner-default-small {
  font-size   : 15px !important;
  font-weight : 500 !important;
}

.ButtonDashboardAction:hover {
  border-radius    : 1px !important;
  border-width     : 0px !important;
  border-style     : none !important;
  background       : #B17457 !important;
  color            : #FAF7F0 !important;
}

.ButtonDashboardAction:hover .x-btn-inner-default-small {
  color            : #FAF7F0 !important;
}

.lbFilterHeader {
  background-color: #63b1ff;
  color: white;
  padding-top: 4px !important;
  font-size: 16px !important;
  font-weight: bold;
}

.AnyCheckBoxField .x-form-checkbox-default:before {
    font-size: 1em !important;
    left: 0px !important;
    top: 0px !important;
}

.AddMemberToGroupPanel {
  background-color: #e6f7d4 !important;
}

.HanibaalPasswordIcon:before {
  font-family: FontAwesome; content: "\f06e";
}

.SetBaseImageFolder-trigger {
  position: relative;
  display: table-cell;
  background-image: none !important;
  line-height: 1.5;
  border-width: 0;
}

.SetBaseImageFolder:before {
  font-family: FontAwesome; content: "\f115";
}

.SetPfxCertificateFile-trigger {
  position: relative;
  display: table-cell;
  background-image: none !important;
  line-height: 1.5;
  border-width: 0;
}

.SetPfxCertificateFile:before {
  font-family: FontAwesome; content: "\f02b";
}

.SetLogoToSign-trigger {
  position: relative;
  display: table-cell;
  background-image: none !important;
  line-height: 1.5;
  border-width: 0;
}

.SetLogoToSign:before {
  font-family: FontAwesome; content: "\f1c5";
}

.GetMemberFromList {
  font-family: FontAwesome; content: "\f1c5";
}

.FrameTitleLable {
  font-size: 16px !important;
  font-weight: bold;
  background-color: #637BAD;
  color: #EDF0F5;
  padding-top: 2px !important;
  margin: 1px !important;
  right: 0px !important;
  left: auto !important;
  height: 22px !important;
}

.btnCloseFrame {
  width: 30px !important;
}

.btnCloseFrame .x-btn-inner-default-small {
  padding: 0px !important;
}

.ProjectsGrid .x-grid-checkcolumn {
  opacity: 1 !important;
}

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

/*
.MembersGrid .x-grid-checkcolumn {
  opacity: 1 !important;
  left: 30% !important;
}
*/

.MembersGrid .x-column-header-inner .x-column-header-text {
    white-space: normal;
    text-align: center;
}

.HeaderGrid2Lines .x-column-header-text {
  white-space: normal !important;   /* (already there) — lets the title wrap */
  text-align: center !important;
  line-height: 1.5 !important;
}

.HeaderGrid2Lines .x-column-header {
  height: 45px !important;          /* ADD — room for 2 lines */
}

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

.AttachmentGrid .x-grid-checkcolumn {
  opacity: 1 !important;
  left: 40% !important;
}

.AttachmentGrid .x-column-header-inner .x-column-header-text {
    white-space: normal;
    text-align: center;
}

.ProjectDetailLable {
  font-size: 16px !important;
  font-weight: bold;
  background-color: #63b1ff;
  color: white;
  padding-top: 4px !important;
}

.CertificatePaswwordContainer .x-form-item-label {
  color:red !important;
  font-weight: bold;
  max-width: 96px !important;
}

.FrameMainPanelsGeneral {
  border: 1px solid #e6e6e6;
}

.FrameMainPanelsGeneral .x-toolbar-text-default {
  padding: 0px  1px !important
}

.FrameMainPanelsGeneral .x-toolbar-default {
  padding: 0px  0px !important
}

.MainMenuPanel .x-title-text {
  font-size: 16px !important;
}

.MainMenuPanel .x-tool-collapse-left:before {
  content: '\f101' !important;
  color:#007fff !important;
  font-size: medium !important;
}

.MainMenuPanel .x-tool-expand-right:before {
  content: '\f100' !important;
  color:#007fff !important;
  font-size: medium !important;
}

.MainMenuPanel .x-title-text {
  padding: 2px  5px !important
}

.MenuGroupItem {
  background-image: none  !important;
  background-color: #f4f3ef !important;
}

.MenuGroupItem .x-panel-header-default {
  background-image: none !important;
  background-color: #63b1ff !important;
  border: 0px;
}

.MenuGroupItem .x-title-text {
  color: white !important;
  font-size: 14px !important;
}

.MenuGroupItem .x-panel-header {
  height: 25px !important;
}

.MenuGroupItem .x-panel-header-default-horizontal {
  padding: 2px  5px !important
}

.cmbSignAreaSize {
  height: 25px !important;
}

.cmbSignAreaSize .x-form-item-label-inner {
  margin-top: 3px !important;
}

.AddPropertyToUploadBtn {
  width: 100% !important;
  height: 95% !important;
  margin: 1px !important;
}

.AddPropertyToUploadBtn .x-file-area {
  width: 98% !important;
}

.ClientDbNavigator .x-btn {
  height: 100% !important;
  width: 32px !important;
  margin: 0px 2px !important;
}

.ProjectsClientsDbNavigator .x-btn {
  height: 100% !important;
  width: 50px !important;
  margin: 0px 2px !important;
}

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

.ProjectsDbNavigator .x-btn {
  height: 100% !important;
  width: 40px !important;
  margin: 0px 2px !important;
}

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

.DbNavigator_RTL {
  direction: rtl !important;
  right: 0px !important;
  left: auto;
}

.DbNavigator_RTL .x-btn {
  direction: rtl !important;
  height: 100% !important;
  width: 35px !important;
  margin: 0px 1px !important;
}

.DbNavigator_RTL .x-abs-layout-item {
  direction: rtl !important;
  position: sticky !important;
}

.SplitterPanelTop {
  height: 5px !important;
  width: 100% !important;
  background-color: red !important;
}

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

.MainFormCloseButton {
  position: fixed !important;
  bottom: 5px !important;
  top: auto !important;
}

/* Container = positioning context that shrink-wraps its image.
   - position:relative  -> the absolutely-positioned .ESignBox overlays anchor to THIS box.
   - display:inline-block -> the box has a real (image-sized) width, so the UniGUI
     vbox/stretchmax layout can measure it. Without this the frame collapses to
     width:0 and the image disappears. Editor + both viewers, by ID (no shared class). */
#ESignContainer,
#ESignViewContainer {
  position: relative;
  display: inline-block;
}
#ESignImg,
#ESignViewImg {
  display: block;
}

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

/* e-sign consent checkboxes (mobile): wrapping label + checkbox on the RIGHT.
   The field root is a horizontal flex of [.x-label-el][.x-body-wrap-el] and is direction:rtl.
   A 100% label hid the box (0 width left) — so the label flexes to fill, the box keeps its
   width, and order:-1 makes the box the first flex item => far right under rtl. */
.ESignSignCheck {
  align-items: flex-start !important;  /* box stays at the top when the label wraps */
}
.ESignSignCheck .x-label-el {
  flex: 1 1 auto !important;           /* fill the REMAINING width (NOT 100% — that hid the box) */
  width: auto !important;
  max-width: none !important;
  white-space: normal !important;      /* allow wrapping */
  text-overflow: clip !important;
  overflow: visible !important;
  line-height: 1.3 !important;
  font-size: 12px !important;
  font-weight: 600;
  text-align: right !important;
}
.ESignSignCheck .x-body-wrap-el {
  flex: 0 0 auto !important;           /* checkbox keeps its natural width -> visible */
  order: -1 !important;                /* with the field's rtl, box lands on the far right */
}

/* zoom state: the container shrink-wraps the image, so CSS height:100% can't fit-to-
   viewport. ESigner.js drives the resize by measuring the scroll box and setting the
   img's inline width/height in px. The ESignView-* class is toggled for reference only
   (no sizing here — an !important rule would fight the JS inline styles). */

/* a sign box (gets a SignerXBoxColor class for the translucent fill) */
.ESignBox {
  position: absolute !important;
  box-sizing: border-box !important;
  z-index: 999 !important;
  cursor: move !important;
}

/* selected box: rounded, dotted border all around */
.ESignBox.selected {
  border: 3px dotted #222 !important;
  border-radius: 10px !important;
}

/* other signers' boxes in "show all" mode: display-only */
.ESignBox.locked {
  cursor: default !important;
}

/* ESignDBGrid (LayoutConfig.Cls='IturESignDBGrid'): un-fade read-only status checkboxes.
   Nuclear: reset opacity on the disabled CELL and EVERY descendant (the 0.3 fade may
   sit on the cell, the inner div, or the checkcolumn span; a child opacity:1 can't undo
   a parent's opacity, so we reset the whole subtree including the ancestor cell). */
.IturESignDBGrid .x-grid-cell.x-item-disabled,
.IturESignDBGrid .x-grid-cell.x-item-disabled * {
  opacity: 1 !important;
  filter: none !important;
}