.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h5, .h5 {
  font-size: 1rem;
  margin-top: 10px;
  margin-bottom: 10px;
}
.list-inline li{
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.fa-hover .fab,
.fa-hover .far,
.fa-hover .fas {
  display: inline-block;
  height: 22px;
  vertical-align: top;
  min-width: 28px;
  font-size: 14px;
  line-height: 22px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  color: #435966;
}
.fa-hover:hover .fab,
.fa-hover:hover .far,
.fa-hover:hover .fas {
  font-size: 22px;
  line-height: 22px;
  height: 22px;
  color: #ffffff;
}
.contact-social .fa-facebook-f {
  background: #3b5999;
}
.contact-social .fa-google-plus-g {
  background: #dd4b39;
}
.box-body .nav .far {
  display: inline-block;
  width: 35px;
  line-height: 26px;
}
.text-usage{
  margin-bottom: 0;
  margin-top: 1rem;
}
a.fc-more {
  color: #1d84df !important;
}
.fc-event, .fc-event:hover, .ui-widget .fc-event {
  color: #fff !important;
}
.checkbox label:after,.item-gallery:before{
  font-family: Font Awesome\ 5 Free!important;
  font-weight: 900;
}
.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.list-group-item>.badge {
  float: right;
}
.modal-header .close {
  padding: 0;
  margin: 0;
  order: 1;
}
.statistics-box.with-icon .ico.small{
  font-weight: 900;
}
.dropdown-toggle::after{
  display: none;
}
.navbar{
  padding: 0 !important;
}
select.form-control{
  height: 45px !important;
}
select.form-control option,
select option,
.form-control-custom option {
  background-color: #1e1e24 !important;
  color: #ffffff !important;
}
.bootstrap-touchspin .input-group-btn-vertical i{
  font-weight: 900 !important;
}
.bootstrap-touchspin .input-group-btn-vertical {
  top: 7px;
}
.input-group-addon {
  padding: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li>a, .pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.form-inline {
  display: block;
}
.form-inline label {
  display: inline-block;
}
.dataTables_wrapper .dataTables_paginate .pagination{
  float:right;
}
.dataTables_wrapper .dataTables_paginate .pagination .paginate_button{
  margin-left: 0;
}
.dot-list li:before {
  content: "\f111";
  font-family: Font Awesome\ 5 Free;
}
.nav-stacked {
  display: block;
}
.box-body .nav a {
  display: block;
}
.pricing-table .cols {
  display: table-cell;
  position: relative;
  width: 20%;
  vertical-align: top;
}
.tour-buttons .btn.btn-sm{
  float: right;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
  border: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  border: none !important;
  background: none !important;
}
@media (min-width: 800px){
  .menu-active .main-menu{
    z-index: 41;
  }
  .menu-active .navigation .menu .sub-menu.dropup{
    top: auto;
    bottom: 48px;
  }
  .menu-active .mCustomScrollBox{
    position: fixed;
    width: 75px;
  }
}

@media (min-width: 768px){
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
}
@media (min-width: 768px){
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px){
  .modal-lg {
    width: 900px;
  }
}

/* ==========================================================================
   THEME SWITCHER OVERRIDES - LIGHT THEME (FROSTED WHITE GLASSMORPHISM)
   ========================================================================== */

html.theme-light,
.theme-light body {
    background: #f0f2f5 !important;
    color: #2b303a !important;
}

.theme-light #wrapper {
    background: #f0f2f5 !important;
}

/* Fixed Navbar (Top Navbar - Scotiabank Red in both Light & Dark modes) */
.fixed-navbar,
.theme-light .fixed-navbar {
    background: linear-gradient(135deg, #7a0006 0%, #b80d19 50%, #ec111a 100%) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

.fixed-navbar .page-title,
.theme-light .fixed-navbar .page-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.fixed-navbar .ico-item,
.theme-light .fixed-navbar .ico-item {
    color: rgba(255, 255, 255, 0.9) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.fixed-navbar .ico-item:hover,
.theme-light .fixed-navbar .ico-item:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* Hamburger Toggle Button (Red Theme) */
.fixed-navbar .float-left .menu-mobile-button,
.fixed-navbar .float-left button,
.fixed-navbar .menu-mobile-button,
.fixed-navbar button.menu-mobile-button,
.theme-light .fixed-navbar .float-left .menu-mobile-button,
.theme-light .fixed-navbar .float-left button,
.theme-light .fixed-navbar .menu-mobile-button,
.theme-light .fixed-navbar button.menu-mobile-button {
    background-color: #7a0006 !important;
    background: #7a0006 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.fixed-navbar .float-left .menu-mobile-button:hover,
.fixed-navbar .float-left button:hover,
.fixed-navbar .menu-mobile-button:hover,
.fixed-navbar button.menu-mobile-button:hover,
.theme-light .fixed-navbar .float-left .menu-mobile-button:hover,
.theme-light .fixed-navbar .float-left button:hover,
.theme-light .fixed-navbar .menu-mobile-button:hover {
    background-color: #ec111a !important;
    background: #ec111a !important;
    color: #ffffff !important;
}

/* Main Menu (Sidebar) */
.theme-light .main-menu {
    background: #ffffff !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04) !important;
}

/* Sidebar Header Logo Box - Scotiabank Red Gradient */
header.header,
.header,
.main-menu .header,
.main-menu header,
.theme-light header.header,
.theme-light .header,
.theme-light .main-menu .header,
.theme-light .main-menu header {
    background-color: #7a0006 !important;
    background: linear-gradient(135deg, #7a0006 0%, #b80d19 50%, #ec111a 100%) !important;
    border-bottom: none !important;
}

header.header .logo,
.header .logo,
.main-menu .header .logo,
.main-menu header .logo,
.main-menu .logo,
.theme-light header.header .logo,
.theme-light .header .logo,
.theme-light .main-menu .header .logo,
.theme-light .main-menu header .logo,
.theme-light .main-menu .logo {
    background-color: transparent !important;
    background: transparent !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.logo-text-sm {
    display: none !important;
}

header.header .logo span.logo-text-full span,
.header .logo span.logo-text-full span,
.main-menu .header .logo span.logo-text-full span,
.main-menu header .logo span.logo-text-full span,
.main-menu .logo span.logo-text-full span,
.theme-light header.header .logo span.logo-text-full span,
.theme-light .header .logo span.logo-text-full span,
.theme-light .main-menu .header .logo span.logo-text-full span,
.theme-light .main-menu header .logo span.logo-text-full span,
.theme-light .main-menu .logo span.logo-text-full span {
    color: #ffffff !important;
    background-color: #ec111a !important;
    background: #ec111a !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    margin-left: 2px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

/* ==========================================================================
   COLLAPSED SIDEBAR MENU OVERRIDES (.menu-active)
   ========================================================================== */

.menu-active .main-menu .header,
.menu-active .header,
.menu-active header.header,
.menu-active .main-menu header,
html.menu-active .main-menu .header,
html.menu-active .header,
html.menu-active header.header,
body.menu-active .main-menu .header,
body.menu-active .header,
body.menu-active header.header,
.theme-light .menu-active .main-menu .header,
.theme-light .menu-active .header,
.theme-light .menu-active header.header,
.theme-light .menu-active .main-menu header,
html.theme-light.menu-active .main-menu .header,
html.theme-light.menu-active .header,
html.theme-light.menu-active header.header,
html.theme-light.menu-active .main-menu header,
html.theme-light .menu-active .main-menu .header,
html.theme-light .menu-active .header,
html.theme-light .menu-active header.header,
html.theme-light .menu-active .main-menu header,
body.theme-light.menu-active .main-menu .header,
body.theme-light.menu-active .header,
body.theme-light.menu-active header.header,
body.theme-light.menu-active .main-menu header,
body.theme-light .menu-active .main-menu .header,
body.theme-light .menu-active .header,
body.theme-light .menu-active header.header,
body.theme-light .menu-active .main-menu header {
    width: 75px !important;
    height: 60px !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 100 !important;
    background-color: #7a0006 !important;
    background: linear-gradient(135deg, #7a0006 0%, #b80d19 50%, #ec111a 100%) !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.menu-active .main-menu .header .logo,
.menu-active .header .logo,
.menu-active .logo,
html.menu-active .main-menu .header .logo,
html.menu-active .header .logo,
body.menu-active .main-menu .header .logo,
.theme-light .menu-active .main-menu .header .logo,
.theme-light .menu-active .header .logo,
.theme-light .menu-active .logo,
html.theme-light.menu-active .main-menu .header .logo,
html.theme-light.menu-active .header .logo,
html.theme-light.menu-active .logo,
html.theme-light .menu-active .main-menu .header .logo,
html.theme-light .menu-active .header .logo,
html.theme-light .menu-active .logo,
body.theme-light.menu-active .main-menu .header .logo,
body.theme-light.menu-active .header .logo,
body.theme-light.menu-active .logo,
body.theme-light .menu-active .main-menu .header .logo,
body.theme-light .menu-active .header .logo,
body.theme-light .menu-active .logo {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    width: 75px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}


.menu-active .logo-text-full {
    display: none !important;
}

.menu-active .logo-text-sm {
    display: inline-block !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    margin: 0 !important;
}


/* OVERRIDE & REMOVE BLUE TEMPLATE PSEUDO-ELEMENTS (::before / ::after) */
.menu-active .header .logo:before,
.menu-active .header .logo:after,
.menu-active .header:before,
.menu-active .header:after,
.menu-active .main-menu .header:before,
.menu-active .main-menu .header:after,
.menu-active .main-menu .header .logo:before,
.menu-active .main-menu .header .logo:after,
html.menu-active .header .logo:before,
html.menu-active .header .logo:after,
html.menu-active .main-menu .header .logo:before,
html.menu-active .main-menu .header .logo:after,
body.menu-active .header .logo:before,
body.menu-active .header .logo:after,
body.menu-active .main-menu .header .logo:before,
body.menu-active .main-menu .header .logo:after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

@media (min-width: 800px) {
    .menu-active .header .logo:before,
    .menu-active .header .logo:after,
    .menu-active .main-menu .header .logo:before,
    .menu-active .main-menu .header .logo:after {
        display: none !important;
        content: none !important;
        background: none !important;
    }

    /* Icon box & background when menu is collapsed & hovered / active */
    .menu-active .navigation .menu > li:hover > a,
    .menu-active .navigation .menu > li.active > a,
    .menu-active .navigation .menu > li.current > a,
    html.menu-active .navigation .menu > li:hover > a,
    html.menu-active .navigation .menu > li.active > a,
    html.menu-active .navigation .menu > li.current > a,
    body.menu-active .navigation .menu > li:hover > a,
    body.menu-active .navigation .menu > li.active > a,
    body.menu-active .navigation .menu > li.current > a {
        background-color: #ec111a !important;
        background: #ec111a !important;
        color: #ffffff !important;
    }

    .menu-active .navigation .menu > li:hover > a i,
    .menu-active .navigation .menu > li.active > a i,
    .menu-active .navigation .menu > li.current > a i,
    html.menu-active .navigation .menu > li:hover > a i,
    html.menu-active .navigation .menu > li.active > a i,
    html.menu-active .navigation .menu > li.current > a i {
        color: #ffffff !important;
    }

    /* Popout header text title box (e.g. "Gestión de Usuarios") */
    .menu-active .navigation .menu > li > a > span,
    .menu-active .navigation .menu > li:hover > a > span,
    .menu-active .navigation .menu > li.active > a > span,
    .menu-active .navigation .menu > li.current > a > span,
    html.menu-active .navigation .menu > li > a > span,
    html.menu-active .navigation .menu > li:hover > a > span,
    html.menu-active .navigation .menu > li.active > a > span,
    html.menu-active .navigation .menu > li.current > a > span {
        background-color: #ec111a !important;
        background: #ec111a !important;
        color: #ffffff !important;
    }

    /* Floating Sub-menu panel in collapsed mode */
    .menu-active .navigation .menu .sub-menu,
    html.menu-active .navigation .menu .sub-menu,
    body.menu-active .navigation .menu .sub-menu {
        border-left: 3px solid #ec111a !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
    }

    /* Sub-menu item hover inside flyout */
    .menu-active .navigation .menu .sub-menu a:hover,
    html.menu-active .navigation .menu .sub-menu a:hover {
        color: #ec111a !important;
        background: rgba(236, 17, 26, 0.08) !important;
    }

    /* Active sub-menu item inside flyout */
    .menu-active .navigation .menu .sub-menu li.current a,
    html.menu-active .navigation .menu .sub-menu li.current a {
        color: #ec111a !important;
        background: rgba(236, 17, 26, 0.12) !important;
        font-weight: 600 !important;
    }
}





.theme-light .main-menu .navigation .title {
    color: #4b5260 !important;
    background: #f8fafc !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    padding: 12px 20px !important;
}

.theme-light .main-menu .navigation .menu a {
    color: #2c3e50 !important;
    font-weight: 500 !important;
    transition: all 0.2s ease-in-out !important;
}

/* Top-level active menu item (e.g. Mi Perfil, Dashboard) */
.main-menu .navigation .menu li.current,
.main-menu .navigation .menu li.current > a,
.main-menu .navigation .menu > li.current > a,
.theme-light .main-menu .navigation .menu li.current,
.theme-light .main-menu .navigation .menu li.current > a,
.theme-light .main-menu .navigation .menu > li.current > a {
    background-color: #ec111a !important;
    background: #ec111a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.main-menu .navigation .menu li.current > a i,
.main-menu .navigation .menu > li.current > a i,
.main-menu .navigation .menu li.current > a span,
.main-menu .navigation .menu > li.current > a span,
.theme-light .main-menu .navigation .menu li.current > a i,
.theme-light .main-menu .navigation .menu li.current > a span {
    color: #ffffff !important;
}

.theme-light .main-menu .navigation .menu .sub-menu {
    background: #f4f6f9 !important;
    border-left: 3px solid rgba(236, 17, 26, 0.25) !important;
    padding: 4px 0 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

.theme-light .main-menu .navigation .menu .sub-menu a {
    color: #52606d !important;
    font-weight: 400 !important;
}

.theme-light .main-menu .navigation .menu .sub-menu a:hover {
    color: #ec111a !important;
    background: rgba(236, 17, 26, 0.06) !important;
    font-weight: 500 !important;
}

/* Selected state for sub-menu items */
.main-menu .navigation .menu .sub-menu li.current,
.main-menu .navigation .menu .sub-menu li.current a,
.main-menu .navigation .menu .sub-menu > li.current > a,
.theme-light .main-menu .navigation .menu .sub-menu li.current,
.theme-light .main-menu .navigation .menu .sub-menu li.current a,
.theme-light .main-menu .navigation .menu .sub-menu > li.current > a {
    color: #ffffff !important;
    font-weight: 600 !important;
    background-color: #ec111a !important;
    background: #ec111a !important;
    border-left: none !important;
}

.main-menu .navigation .menu .sub-menu li.current a:hover,
.theme-light .main-menu .navigation .menu .sub-menu li.current a:hover {
    background-color: #c40d16 !important;
    background: #c40d16 !important;
    color: #ffffff !important;
}




/* Box Content (Cards with Glassmorphism) */
.theme-light .box-content,
.theme-light .chart-box,
.theme-light div[style*="background: rgba(20,"],
.theme-light div[style*="background:rgba(20,"],
.theme-light div[style*="background: rgba(25,"],
.theme-light div[style*="background:rgba(25,"],
.theme-light div[style*="background: rgba(30,"],
.theme-light div[style*="background:rgba(30,"] {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.06) !important;
    color: #2b303a !important;
}

/* Card titles, headers, descriptions */
.theme-light .box-title,
.theme-light .chart-box-title,
.theme-light h4[style*="color: #fff"],
.theme-light h4[style*="color:#fff"],
.theme-light h4[style*="color: rgb(255, 255, 255)"] {
    color: #1e2229 !important;
}

.theme-light div[style*="border-bottom: 1px solid rgba(255,255,255,0.1)"],
.theme-light div[style*="border-bottom:1px solid rgba(255,255,255,0.1)"] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light p[style*="color: rgba(255,255,255,0.5)"],
.theme-light p[style*="color:rgba(255,255,255,0.5)"] {
    color: #666675 !important;
}

.theme-light .chart-box-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Forms, labels, inputs, selectors */
.theme-light label[style*="color: rgba(255,255,255,0.7)"],
.theme-light label[style*="color:rgba(255,255,255,0.7)"] {
    color: #4b5260 !important;
}

.theme-light .form-control,
.theme-light select.form-control,
.theme-light input[style*="background: rgba(255,255,255,0.05)"],
.theme-light select[style*="background: rgba(30,30,35,0.9)"] {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    color: #2b303a !important;
}

.theme-light .form-control:focus,
.theme-light select.form-control:focus {
    border-color: #ec111a !important;
    box-shadow: 0 0 0 3px rgba(236, 17, 26, 0.15) !important;
}
.theme-light select.form-control option,
.theme-light select option,
.theme-light .form-control-custom option {
    background-color: #ffffff !important;
    color: #2b303a !important;
}

/* Placeholder color overrides */
.theme-light input::placeholder,
.theme-light .form-control::placeholder {
    color: #999 !important;
}

/* Tables styling overrides */
.theme-light .table,
.theme-light table[style*="color: rgba(255,255,255,0.85)"] {
    color: #2b303a !important;
}

.theme-light table tr[style*="background: rgba(255,255,255,0.02)"],
.theme-light table thead tr {
    background: rgba(0, 0, 0, 0.02) !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light table tr[style*="border-bottom: 2px solid rgba(255,255,255,0.08)"] {
    border-bottom: 2px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .table-hover tbody tr:hover,
.theme-light table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.02) !important;
}

.theme-light table td,
.theme-light table th {
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light table.top-collaborators-table th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #ec111a !important;
}

.theme-light table.top-collaborators-table td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.theme-light table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.015) !important;
}

.theme-light td[style*="color: rgba(255,255,255,0.6)"],
.theme-light td[style*="color:rgba(255,255,255,0.6)"],
.theme-light span[style*="color: rgba(255,255,255,0.4)"],
.theme-light span[style*="color:rgba(255,255,255,0.4)"],
.theme-light td[style*="color: rgba(255,255,255,0.4)"],
.theme-light td[style*="color:rgba(255,255,255,0.4)"],
.theme-light strong[style*="color: #ec111a"] {
    color: #4b5260 !important;
}

.theme-light strong[style*="color: #ec111a"],
.theme-light span[style*="color: #ec111a"] {
    color: #ec111a !important;
}


/* Return Buttons */
.theme-light a[style*="color: #fff; background: none;"],
.theme-light a[style*="color:#fff;background:none;"],
.theme-light a[style*="border: 1px solid rgba(255,255,255,0.2)"] {
    color: #444 !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.theme-light a[style*="color: #fff; background: none;"]:hover,
.theme-light a[style*="color:#fff;background:none;"]:hover {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

/* Parent categories cards */
.theme-light .parent-card {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light div[style*="background: rgba(255,255,255,0.02)"],
.theme-light div[style*="background:rgba(255,255,255,0.02)"] {
    background: rgba(0, 0, 0, 0.015) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Alert Warnings */
.theme-light .alert-warning {
    background: rgba(249, 200, 81, 0.08) !important;
    border: 1px solid rgba(249, 200, 81, 0.25) !important;
    color: #8a6305 !important;
}

/* Dropdown submenus and popups */
.theme-light .notice-popup {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}

.theme-light .notice-popup .popup-title {
    color: #222 !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    background: #f9fafb !important;
}

.theme-light .notice-popup .notice-list a {
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    color: #444 !important;
}

.theme-light .notice-popup .notice-list a:hover {
    background-color: #f3f4f6 !important;
}

.theme-light .sub-ico-item {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}

.theme-light .sub-ico-item .dropdown-header {
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    color: #1b8fb2 !important;
}

.theme-light .sub-ico-item li a {
    color: #444 !important;
}

.theme-light .sub-ico-item li a:hover {
    background-color: #f3f4f6 !important;
    color: #35b8e0 !important;
}

/* Dashboard KPI card custom styling */
.theme-light .kpi-card {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

.theme-light .kpi-card:hover {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
}

.theme-light .kpi-value {
    color: #1e2229 !important;
}

.theme-light .kpi-label {
    color: #5b6270 !important;
}

.theme-light .kpi-subtext {
    color: #8b92a0 !important;
}

.theme-light .kpi-icon {
    color: rgba(0, 0, 0, 0.03) !important;
}

.theme-light .kpi-card:hover .kpi-icon {
    color: rgba(0, 0, 0, 0.05) !important;
}

/* Leaflet Control & Custom Components */
.theme-light .leaflet-container {
    background: #f0f2f5 !important;
}

.theme-light .leaflet-bar a {
    background-color: #fff !important;
    color: #333 !important;
    border-bottom: 1px solid #ccc !important;
}

.theme-light .leaflet-bar a:hover {
    background-color: #f4f4f4 !important;
}

/* SweetAlert overrides for light theme */
.theme-light .sweet-alert {
    background-color: #ffffff !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
}

.theme-light .sweet-alert h2 {
    color: #222 !important;
}

.theme-light .sweet-alert p {
    color: #555 !important;
}

/* ==========================================================================
   PERMISOS VIEW SPECIFIC OVERRIDES (v2_permisos.php)
   ========================================================================== */

.theme-light .box-content h4.box-title {
    color: #1e2229 !important;
}

.theme-light .box-content p {
    color: #555566 !important;
}

.theme-light .box-content p strong {
    color: #1b8fb2 !important;
}

.theme-light .box-content .btn-default {
    color: #444 !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    background: none !important;
}

.theme-light .box-content .btn-default:hover {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

.theme-light .box-content span[style*="color: rgba(255,255,255,0.7)"],
.theme-light .box-content span[style*="color:rgba(255,255,255,0.7)"] {
    color: #4b5260 !important;
}

.theme-light .box-content div[style*="background: rgba(255,255,255,0.02)"],
.theme-light .box-content div[style*="background:rgba(255,255,255,0.02)"] {
    background: rgba(0, 0, 0, 0.015) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

/* Parent Card & Inner Elements */
.theme-light .parent-card {
    background: rgba(0, 0, 0, 0.015) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

.theme-light .parent-card:hover {
    border-color: rgba(27, 143, 178, 0.25) !important;
    background: rgba(0, 0, 0, 0.025) !important;
}

.theme-light .parent-header {
    background: rgba(0, 0, 0, 0.01) !important;
    border-bottom-color: rgba(0, 0, 0, 0.05) !important;
}

.theme-light .parent-header h5 {
    color: #1e2229 !important;
}

.theme-light .parent-header span {
    color: #666675 !important;
}

.theme-light .parent-body span[style*="color: rgba(255,255,255,0.4)"],
.theme-light .parent-body span[style*="color:rgba(255,255,255,0.4)"] {
    color: #777785 !important;
}

.theme-light .parent-body span[style*="color: rgba(255,255,255,0.2)"],
.theme-light .parent-body span[style*="color:rgba(255,255,255,0.2)"] {
    color: rgba(0, 0, 0, 0.15) !important;
}

.theme-light .parent-body div[style*="border-bottom: 1px dashed"] {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

/* Child Rows & Elements */
.theme-light .child-row {
    background: rgba(0, 0, 0, 0.01) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

.theme-light .child-row:hover {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

.theme-light .child-row i {
    color: #5b6270 !important;
}

.theme-light .child-row span[style*="color: rgba(255,255,255,0.9)"],
.theme-light .child-row span[style*="color:rgba(255,255,255,0.9)"] {
    color: #2b303a !important;
}

.theme-light .child-row span[style*="color: rgba(255,255,255,0.3)"],
.theme-light .child-row span[style*="color:rgba(255,255,255,0.3)"] {
    color: #8b92a0 !important;
}

.theme-light .parent-body div[style*="color: rgba(255,255,255,0.3)"] {
    color: #8b92a0 !important;
}

.theme-light .box-content .col-12[style*="color: rgba(255,255,255,0.4)"] {
    color: #666675 !important;
}

/* Generic Form Labels and Text Overrides for Light Theme */
.theme-light .box-content label {
    color: #2b303a !important;
}

.theme-light .box-content label[style*="color:"],
.theme-light .box-content label[style*="color :"] {
    color: #2b303a !important;
}

.theme-light .box-content p[style*="color:"],
.theme-light .box-content p[style*="color :"] {
    color: #555566 !important;
}

.theme-light table td {
    color: #2b303a !important;
}

.theme-light table td[style*="color:"],
.theme-light table td[style*="color :"] {
    color: #2b303a !important;
}

.theme-light table td[style*="color: rgba(255,255,255,0.5)"],
.theme-light table td[style*="color:rgba(255,255,255,0.5)"],
.theme-light table td[style*="color: rgba(255,255,255,0.4)"],
.theme-light table td[style*="color:rgba(255,255,255,0.4)"],
.theme-light table td[style*="color: rgba(255,255,255,0.65)"],
.theme-light table td[style*="color:rgba(255,255,255,0.65)"] {
    color: #666675 !important;
}

/* Badge label within table */
.theme-light table td .label[style*="color: #fff"],
.theme-light table td .label[style*="color:#fff"],
.theme-light table td .label[style*="color: rgba(255,255,255"],
.theme-light table td .label[style*="color:rgba(255,255,255"] {
    color: #2b303a !important;
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Cancel Button */
.theme-light #btn-cancel,
.theme-light .btn-default[style*="color: #fff"],
.theme-light .btn-default[style*="color:#fff"] {
    color: #444 !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    background: none !important;
}
.theme-light #btn-cancel:hover,
.theme-light .btn-default[style*="color: #fff"]:hover {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

/* ==========================================================================
   MODAL DETALLE COLABORADOR THEME OVERRIDES (theme-light)
   ========================================================================== */

/* Modal Content Container */
.theme-light #modal-detalle-usuario .modal-content {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
}

/* Modal Header & Footer Borders */
.theme-light #modal-detalle-usuario .modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: rgba(0, 0, 0, 0.01) !important;
}

.theme-light #modal-detalle-usuario .modal-title {
    color: #2b303a !important;
}

.theme-light #modal-detalle-usuario .close {
    color: #2b303a !important;
    opacity: 0.8;
}

.theme-light #modal-detalle-usuario .modal-body {
    color: #2b303a !important;
}

.theme-light #modal-detalle-usuario .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: rgba(0, 0, 0, 0.01) !important;
}

.theme-light #modal-detalle-usuario .modal-footer .btn-default {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #2b303a !important;
}

.theme-light #modal-detalle-usuario .modal-footer .btn-default:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

/* AJAX Loaded Content Overrides */
.theme-light #modal-body-detalle h3 {
    color: #1e2229 !important;
}

.theme-light #modal-body-detalle p {
    color: #555566 !important;
}

/* Avatar Box Shadow */
.theme-light #modal-body-detalle img[style*="box-shadow: 0 4px 15px rgba(0,0,0,0.4)"],
.theme-light #modal-body-detalle div[style*="box-shadow: 0 4px 15px rgba(0,0,0,0.4)"] {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

/* Panels (Cards inside modal body) */
.theme-light #modal-body-detalle div[style*="background: rgba(255,255,255,0.03)"],
.theme-light #modal-body-detalle div[style*="background:rgba(255,255,255,0.03)"] {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
    color: #2b303a !important;
}

/* Panel Header/Divider Lines */
.theme-light #modal-body-detalle h5[style*="border-bottom: 1px solid rgba(255,255,255,0.08)"],
.theme-light #modal-body-detalle h5[style*="border-bottom:1px solid rgba(255,255,255,0.08)"] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Table Labels & Values */
.theme-light #modal-body-detalle td[style*="color: rgba(255,255,255,0.5)"],
.theme-light #modal-body-detalle td[style*="color:rgba(255,255,255,0.5)"],
.theme-light #modal-body-detalle td[style*="color: rgba(255,255,255,0.6)"],
.theme-light #modal-body-detalle td[style*="color:rgba(255,255,255,0.6)"],
.theme-light #modal-body-detalle td[style*="color: rgba(255,255,255,0.7)"],
.theme-light #modal-body-detalle td[style*="color:rgba(255,255,255,0.7)"] {
    color: #5b6270 !important;
}

.theme-light #modal-body-detalle td[style*="color: #fff"],
.theme-light #modal-body-detalle td[style*="color:#fff"] {
    color: #2b303a !important;
}

/* Helper fallback style spans */
.theme-light #modal-body-detalle span[style*="color: rgba(255,255,255,0.3)"],
.theme-light #modal-body-detalle span[style*="color:rgba(255,255,255,0.3)"] {
    color: #9999a5 !important;
}

/* Cese Card specific overrides */
.theme-light #modal-body-detalle div[style*="background: rgba(249, 200, 81, 0.05)"],
.theme-light #modal-body-detalle div[style*="background:rgba(249, 200, 81, 0.05)"] {
    background: rgba(249, 200, 81, 0.06) !important;
    border: 1px solid rgba(249, 200, 81, 0.25) !important;
    color: #2b303a !important;
}

.theme-light #modal-body-detalle h5[style*="border-bottom: 1px solid rgba(249, 200, 81, 0.15)"],
.theme-light #modal-body-detalle h5[style*="border-bottom:1px solid rgba(249, 200, 81, 0.15)"] {
    border-bottom: 1px solid rgba(249, 200, 81, 0.25) !important;
}

/* Skill Badge background text */
.theme-light #modal-body-detalle span.badge[style*="background: rgba(255,255,255,0.1)"] {
    background: rgba(0, 0, 0, 0.05) !important;
    color: #2b303a !important;
}

/* Upper Divider */
.theme-light #modal-body-detalle div[style*="border-bottom: 1px solid rgba(255,255,255,0.08)"] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* ==========================================================================
   GLOBAL RESPONSIVE DESIGN SYSTEM (MOBILE EDGE-TO-EDGE & CARDS TRANSFORMATION)
   ========================================================================== */

.mobile-label { display: none; }
.registro-id-badge { font-weight: 700; color: #35b8e0; font-family: monospace; font-size: 14px; }

/* MEDIA QUERIES PARA RESPONSIVIDAD EN CELULAR (<= 768px) */
@media screen and (max-width: 768px) {
    #wrapper,
    .main-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .row,
    .row.small-spacing {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    .box-content-premium,
    .search-card,
    .box-content-glass,
    .card-glass {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
        padding: 16px 12px !important;
    }

    .header-responsive-flex {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .header-btn-container {
        margin-top: 5px !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .header-btn-container .btn,
    .header-btn-container a {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 12px !important;
        font-size: 13.5px !important;
        margin-right: 0 !important;
    }

    /* Pestañas Horizontales Desplazables Táctiles */
    .custom-tabs-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        white-space: nowrap !important;
        padding-bottom: 5px !important;
        margin-bottom: 15px !important;
    }

    .custom-tabs-nav .tab-link {
        flex: 0 0 auto !important;
        padding: 10px 14px !important;
        font-size: 12.5px !important;
    }

    .form-control-custom {
        height: 42px !important;
        font-size: 13.5px !important;
    }

    /* Ocultar thead en vista celular para cualquier tabla con clase .table-responsive-cards o especificas */
    .table-responsive-cards thead,
    [class*="table-"][class*="-responsive"] thead {
        display: none !important;
    }

    /* Transformar filas de la tabla en Tarjetas Móviles */
    .table-responsive-cards, 
    .table-responsive-cards tbody, 
    .table-responsive-cards tr,
    [class*="table-"][class*="-responsive"],
    [class*="table-"][class*="-responsive"] tbody,
    [class*="table-"][class*="-responsive"] tr {
        display: block !important;
        width: 100% !important;
    }

    .table-responsive-cards tr,
    [class*="table-"][class*="-responsive"] tr {
        background: rgba(255, 255, 255, 0.035) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 12px !important;
        padding: 14px !important;
        margin-bottom: 12px !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    }

    .theme-light .table-responsive-cards tr,
    .theme-light [class*="table-"][class*="-responsive"] tr {
        background: rgba(255, 255, 255, 0.95) !important;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    }

    .table-responsive-cards tr td,
    [class*="table-"][class*="-responsive"] tr td {
        display: block !important;
        padding: 4px 0 !important;
        border: none !important;
        background: transparent !important;
        border-radius: 0 !important;
        text-align: left !important;
        width: 100% !important;
    }

    .td-id-monto {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
        padding-bottom: 8px !important;
        margin-bottom: 6px !important;
    }
    .theme-light .td-id-monto {
        border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    }

    .mobile-label {
        display: inline-block !important;
        font-size: 11px !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
        color: rgba(255,255,255,0.5) !important;
        margin-right: 6px !important;
        min-width: 100px !important;
    }
    .theme-light .mobile-label {
        color: #5b6271 !important;
    }

    .td-item-flex {
        display: flex !important;
        align-items: center !important;
        font-size: 12.5px !important;
        padding: 3px 0 !important;
    }

    .td-acciones {
        margin-top: 10px !important;
        border-top: 1px solid rgba(255,255,255,0.06) !important;
        padding-top: 10px !important;
    }
    .theme-light .td-acciones {
        border-top: 1px solid rgba(0,0,0,0.06) !important;
    }

    .btn-group-mobile {
        display: flex !important;
        gap: 6px !important;
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    .btn-action-mobile {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 10px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
    }

    .custom-modal-box {
        width: 96vw !important;
        max-width: 100% !important;
        padding: 15px !important;
        border-radius: 12px !important;
    }
}

/* ==========================================================================
   SCOTIABANK BRAND COLOR SYSTEM (RED PALETTE)
   ========================================================================== */

:root {
    --scotiabank-red: #ec111a;
    --scotiabank-red-dark: #c40d16;
    --scotiabank-red-darker: #7a0006;
    --scotiabank-red-light: #ff4d52;
    --scotiabank-red-glow: rgba(236, 17, 26, 0.25);
    --scotiabank-red-bg: rgba(236, 17, 26, 0.08);
}

/* Primary & Info Buttons */
.btn-info,
.btn-primary {
    background-color: #ec111a !important;
    border-color: #ec111a !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(236, 17, 26, 0.3) !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #c40d16 !important;
    border-color: #c40d16 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(236, 17, 26, 0.4) !important;
}

.btn-info.btn-bordered,
.btn-primary.btn-bordered {
    background: transparent !important;
    color: #ec111a !important;
    border-color: #ec111a !important;
}

.btn-info.btn-bordered:hover,
.btn-primary.btn-bordered:hover {
    background-color: #ec111a !important;
    color: #ffffff !important;
}

/* Text & Badges & Highlights */
.text-info,
a.text-info,
i.text-info {
    color: #ec111a !important;
}

.bg-info {
    background-color: #ec111a !important;
    color: #ffffff !important;
}

.label-info,
.badge-info {
    background-color: rgba(236, 17, 26, 0.15) !important;
    color: #ec111a !important;
    border: 1px solid rgba(236, 17, 26, 0.3) !important;
}

.registro-id-badge {
    color: #ec111a !important;
}

/* Focus states for form controls */
.form-control:focus,
select.form-control:focus,
.form-control-custom:focus {
    border-color: #ec111a !important;
    box-shadow: 0 0 0 3px rgba(236, 17, 26, 0.2) !important;
}

/* Active navigation indicators */
.main-menu .navigation .menu li.current > a {
    color: #ec111a !important;
}

.main-menu .navigation .menu li.current > a i {
    color: #ec111a !important;
}