.imgColor{
    transition: filter 1s ease;
    filter: grayscale(100%);
}
.imgColor:hover{
    filter: grayscale(0%);
  /* transform: scale(1.2); */
}
.bw{
    filter: grayscale(0%);
  /* transform: scale(1.2); */
}
.bw:hover{
    transition: filter 1s ease;
    filter: grayscale(100%);
}

.msg-box{border-top:1px solid silver;padding-top:2px;}
.cert-box{min-height:300px;}
.text-shadow{text-shadow: -1px 1px #ccc;}
.box-shadow{box-shadow: -2px 2px #ccc;}
.sm-caps{font-variant:small-caps; font-weight:700;}
.table > caption {font-size:1.3em; color: gray; margin-left:2%; display:none;}
.table > tfoot {text-align:center;padding:0px; margin:0px;}
.pagination {font-size: 1.5em; text-align:center;}
.pagination a {padding: 2px 7px 2px 7px; border-radius:5px; }
.pagination a:hover{background-color:#336699;color:#fff;}
.pagination a:focus{background-color:#336699;color:#fff;}

/* Best all-around fade-in */
.fade-in {opacity: 0;animation: fadeInSmooth 1.5s ease-out forwards;}
@keyframes fadeInSmooth {
    0% {opacity: 0;transform: translateY(25px);}
    100% {opacity: 1;transform: translateY(0);}
}
/* Optional: delay for multiple items */
.delay-1 { animation-delay: 0.5s; }
.delay-2 { animation-delay: 0.8s; }
.delay-3 { animation-delay: 1.5s; }

/*Pad Fix*/
.no-pad-l{padding-left:0px;}
.no-pad-r{padding-right:0px;}
.pad-sm{padding:3px;}
.pad-md{padding:5px;}
.pad-lg{padding:7px;}
/**/
/* Emergency override – unhides checkboxes when old iCheck CSS is still present */
input[type="checkbox"],
input[type="radio"] {
            opacity: 1 !important;
            position: relative !important;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
        }

        /* Optional: make them a bit bigger and match AdminLTE style */
.icheck-primary > input:first-child {transform: scale(1.4);margin-right: 8px;}
/*.icheck-primary > input:first-child {
    transform: scale(1.35);
    margin-right: 6px;
}*/
.icheck-primary > label {cursor: pointer;padding-left: 0 !important;}
/*------images-----*/
.img-icon-sm{max-width:32px; max-height:32px;}
.img-icon-md{max-width:48px; max-height:48px;}
.img-icon-lg{max-width:64px; max-height:64px;}
.img-logo-sm{max-width:80px; max-height:80px;}
.img-logo-md{max-width:120px; max-height:120px;}
.img-logo-lg{max-width:180px; max-height:180px;}
.img-logo-xl{max-width:240px; max-height:240px;}
.img-banner{max-width:300px; max-height:200px;}
.img-banner-lg{max-width:360px;max-height:120px;}
.enlarge-on-hover {transition: transform 0.5s ease;}
.enlarge-on-hover:hover {transform: scale(1.05);}
.img-sign{max-width:300px; max-height:100px;margin-bottom:-30px;}
.img-thumb-sm{height:36px; width:36px;border-radius:36px; margin-right:2px;}
.img-thumb{height:64px; width:64px; border-radius:40px; margin:-3px 0 0 0;}
.img-thumb:hover{-webkit-filter: grayscale(100%);}
.img-flex{max-width:100%;height:auto;}
/*.expand{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease; -ms-transition: all 1s ease;transition: all 1s ease;}
.expand:hover {transform: scale(1.05);}*/
/*------url-----*/
.not-active {pointer-events: none;cursor: default;}
.bg-aqua-light {background-color:#c7f1ff;}
.bg-purple{background-color:#4B0082;}
.bg-purple-light {background-color:#e8ddf4;}
.bg-soft-blue{background-color:#4a90e2;}
.bg-soft-red {background-color:#e74c3c;}
.bg-soft-green {background-color:#2ecc71;}
.bg-blue-dark{background-color:#143957;}
.bg-amber{background-color:#FFB800;}
.bg-emerald{background-color:#004B23;}
.bg-emerald-green{background-color:#006747;}
.bg-digital-blue{background-color:#00A3E0;}
.bg-med-cyan{background-color:#00AEEF;}

.text-gray{color:#1A1A1A;}
.text-white{color:white;}
.text-lg {font-size:1.2em;}
.text-xl {font-size:1.5em;}
.text-teal{color:#3f8e92;}
.text-blue-dark{color:#002354;}
.text-gold{color:#ffd000;}

.modal {position: fixed; top: 0; left: 0; background-color: black; z-index: 99;
        opacity: 0.8;filter: alpha(opacity=80); -moz-opacity: 0.8; min-height: 100%; width: 100%;}
.loading {width: 200px;height: 100px;display: none;position: fixed;z-index: 999;}

/* Dual Sticky CTA Wrapper */
.sticky-cta-wrap {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sticky-btn {
  border-radius: 50px;
  padding: 12px 25px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease;
  text-align: center;
}

.sticky-btn:hover {
  transform: scale(1.05);
}

/* Mobile Sticky CTA (Full Width Buttons) */
.sticky-cta-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
}

.sticky-cta-mobile .btn {
  border-radius: 6px;
  font-size: 16px;
  padding: 12px;
  font-weight: 600;
}

a {color: #0057E7;}
a:hover,
a:active,
a:focus {outline: none;text-decoration: none;color:#a6cfff;}
.roombox {
    position:relative;float:left;margin:0%;padding:0 0px 0 0;width:50%;
    max-width:100%;box-shadow:none !important;-webkit-transform:translateZ(0);
    transform:translateZ(0);-webkit-box-sizing:border-box;box-sizing:border-box;
    color:#ffffff;font-size:15px;
}
.roombox * {
    -webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;
}
.roombox img 
{
    max-width: 100%;max-height: 100%;vertical-align: top;
    opacity: 1;background-size: cover;
}

@media (max-width: 767px) {
.mob-hide {display: none;}
}
@media (min-width: 768px) {
.pc-hide {display: none;}
}


/*.text-grad {
  font-size: 24px;
  background: -webkit-linear-gradient(#0046FF, #00215E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} 
.text-spec {
  font-size: 20px;
  background: -webkit-linear-gradient(#0046FF, #00215E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/

/* This targets the dropdown menu items inside the dropdown list item */
.dropdown-menu {
  /* Hides the menu initially and positions it to slide down */
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-20px);
  /* The transition property creates a smooth animation over 0.3 seconds */
  transition: all 0.3s ease-in-out;
}

/* This targets the menu when the 'open' class is added by the JavaScript */
.dropdown.open .dropdown-menu {
  /* Makes the menu visible and slides it back to its original position */
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

/* Initially hide the dropdown menu with the transition effect */
.btn-group .dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.3s ease-in-out;
}

/* When the parent .btn-group has the 'open' class, show the menu */
.btn-group.open .dropdown-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}