/* Full-screen blocking overlay */
.ui-blocker-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Element-level blocking overlay (for blocking specific containers/panels) */
.ui-blocker-relative {
  position: relative !important;
}

.ui-blocker-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}


.logo-width { max-width:240px;padding-right:50px;}
.bg-dashboard {background:url('../../img/pic/pic-dashboard-banner.jpg') center no-repeat;background-size:cover;}
.bg-login { background:url('../../img/pic/pic-login.jpg') center no-repeat;background-size:cover;}

.bg-white {background-color:white}
.no-shadow {border:0;box-shadow:none;}
.no-border {border:0}
.min-height-10 {min-height:10px;}
.min-height-80 {min-height:80px}
.min-height-100 {min-height:100px;}
.min-height-120 {min-height:120px;}
.min-height-150 {min-height:150px;}
.min-height-180 {min-height:180px;}
.min-height-200 {min-height:200px;}
.min-height-200 {min-height:250px;}
.min-height-300 {min-height:300px;}
.min-height-420 {min-height:420px;} 
.min-height-400 {min-height:400px;}

.max-height-100 {max-height:100px}
.min-height-80 {max-height:80px}
.max-height-20  {max-height:20px;}
.max-width-75-perc{max-width:75%}
.max-width-90-perc{max-width:90%}
.width-20{width:20px;}
.width-280{width:280px;}
.width-300{width:300px;}
.width-165{width:165px;}

.margin-left-minus8{ margin-left:-8px;}
.margin-left-80{ margin-left:80px;}
.margin-bottom-1{ margin-bottom:1px;}

.padding-50{padding:50px;}
.padding-5{padding:5px;}

.valign-top {vertical-align:top;}
.pointer {cursor:pointer;}
.display-none {display:none;}
.display-block{display:block;}
.display-inline-block {display:inline-block;}
.overflow-hidden {overflow:hidden;}
.line-height-8em {line-height:.8em;}
.transform-scale-1-2{transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);}

.check-save {transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);}

.otp::placeholder {
  font-size: 30px !important;
  opacity: 0.3 !important;
  letter-spacing:15px !important;
}
.click-disabled {color:#999999;}
.click-enabled{color:#000000;cursor:pointer;}

.bg-color-00723b{ background-color:#00723b;}
.bg-color-e6e7e8 { background-color:#e6e7e8;}
.font-color-034ea2 {color:#034ea2;}
.font-color-orange {color:orange;}
.font-color-666666 {color:#666666;}
.font-color-white {color:#ffffff;}
.font-color-red {color:red}
.font-weight-bold { font-weight:bold;}

.font-size-30 {font-size:30px;}
.font-size-85em { font-size:.85em;}
.font-size-8em {font-size:0.8em;}
.font-size-9em {font-size:0.9em;}
.underline {text-decoration:underline}
.letter-spacing-13 {letter-spacing:13px};
.word-break-all {word-break:break-all}
.ol-lower-roman {list-style-type: lower-roman;}


.btn-color-checked {background-color:#00723b !important;color:#ffffff !important}

.faq-subtable {width:100%;}
.faq-subtable th, .faq-subtable td {
  border: 1px solid black;
  border-collapse: collapse;
  padding:10px;
}

.faq-blue-link {color: blue; text-decoration: underline; font-style: italic;}