html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.alertify-notifier .ajs-message {
    width: 270px !important;
    max-width: 270px !important;
    text-align: center !important;
    font-size: 18px !important;
}



.contenido{
    margin-top: 3.5rem;
}

.log-text{
    font-size: 14px;
}
#toggle-invert {
    cursor: pointer;
  }



.tl::placeholder {
    font-weight: bold;
    font-size: 18px;
    color: #000;
}

.tl input {
    font-weight: bold;
    font-size: 18px;
}

.card-body{
    background-color: #fff;
}



#menu-fixed {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transform: translateY(20px);
    opacity: 0;
    width: 300px;
}

#menu-fixed.visible {
    transform: translateY(0);
    opacity: 1;
}

#main-asignar {
    transition: max-width 0.3s ease-out, max-height 0.3s ease-out;
    max-width: 0px;
    max-height: 0px;
    pointer-events: none;
    overflow: hidden;
    z-index: 10;
}

#main-asignar.visible {
    max-width: 34rem;
    max-height: 146px;
    pointer-events: auto;
}



#main-estatus-change {
    transition: max-width 0.3s ease-out, max-height 0.3s ease-out;
    max-width: 0px;
    max-height: 0px;
    pointer-events: none;
    overflow: hidden;
    z-index: 10;
}

#main-estatus-change.visible {
    max-width: 34rem;
    max-height: 24rem;
    pointer-events: auto;
}


#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

#overlay.visible {
    opacity: 1;
    display: block;
}

/* Espacio Select2 */

.select2-container .select2-selection--single {
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 23px !important;
    min-height: 23px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 58px !important;
    padding-left: 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 58px !important;
}

.select2-container {
    min-width: 150px !important;
    max-width: 100% !important;
    width: 100% !important;
}



/* Modo Claro */


/* Modo Claro para Default y Admin */

.fondo-admin {
    background-color: #c2c3d6;
}

.fondo-default{
    background: linear-gradient(rgba(212, 212, 212,.75), rgba(212, 212, 212,.75)), url("/static/img/fondo-claro.png");
    background-color: #d4d4d4;
    background-repeat: repeat;
    background-position: center;
    background-size:50%;

}

body.fondo-admin .main-color{
    color: #004eaa !important;
}

body.fondo-admin .bg-alert-color{
    background-color: #dc3545 !important;
}

body.fondo-admin .bg-menu-color{
    background-color: #c2c3d6e0 !important;
}

body.fondo-default .header, 
body.fondo-admin .header{
    background-color: #004eaa !important;
    color: white !important;
}

body.fondo-default .nav-colors, 
body.fondo-admin .nav-colors{
    background-color: #004eaa !important;
    color: white !important;
}

body.fondo-default .navbar-primary-menu li a,
body.fondo-admin .navbar-primary-menu li a{
    color: #ffffff !important;
}

body.fondo-default .navbar-primary-menu li a:hover,
body.fondo-admin .navbar-primary-menu li a:hover{
    transition: 0.1s;
    background-color: #0064ac !important;
    text-decoration: none;
    color: #000000 !important;
}

body.fondo-default  .navbar-primary-menu li a:hover .bi,
body.fondo-admin .navbar-primary-menu li a:hover .bi{
    color: #000000 !important;
}

body.fondo-default .btn-hover-nav,
body.fondo-admin .btn-hover-nav{
    color: #ffffff !important;
}

body.fondo-default .btn-hover-nav:focus, 
body.fondo-default .btn-hover-nav:hover, 
body.fondo-admin .btn-hover-nav:focus, 
body.fondo-admin .btn-hover-nav:hover{
    transition: 0.1s;
    background-color: #0064ac !important;
    color: #000000 !important;
}

body.fondo-default .dropdown-menu,
body.fondo-admin .dropdown-menu{
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-active-color: #ffffff;
}

body.fondo-default .dropdown-item:hover,
body.fondo-admin .dropdown-item:hover {
    color: #ffffff !important;
    background-color: #0d6efd !important;
}

body.fondo-default .form-check-input:checked,
body.fondo-admin .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

body.fondo-default .form-check-input,
body.fondo-admin .form-check-input {
    border: var(--bs-border-width) solid #2664c1 !important;
}

body.fondo-default .form-control:focus, 
body.fondo-default .form-select:focus, 
body.fondo-default .form-check-input:focus,

body.fondo-default .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-default .select2-container--bootstrap-5.select2-container--open .select2-selection,

body.fondo-admin .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-admin .select2-container--bootstrap-5.select2-container--open .select2-selection,

body.fondo-admin .form-control:focus, 
body.fondo-admin .form-select:focus, 
body.fondo-admin .form-check-input:focus {
    border-color: #2664c1 !important;
    box-shadow: 0 0 0 0.25rem rgba(38, 100, 193, 0.5) !important;
}

body.fondo-default .back-btn{
    color: #000000; 
}

body.fondo-admin .back-btn{
    color: #ffffff; 
}

body.fondo-default .back-btn:hover{
    transition: 0.1s;
    color: #4d4d4d;
}


body.fondo-admin .back-btn:hover{
    transition: 0.1s;
    color: #a7a7a7;
}


body.fondo-admin .tramite_aprobado{
    background-color: #00b6371a;
}
body.fondo-admin .tramite_por_expirar{
    background-color: #ccf00017;
}
body.fondo-admin .tramite_expirado{
    background-color: #ff00001c;
}




/* Cat Claro */

.fondo-cat {
    background-color: #d6c8c2;
}

body.fondo-cat .main-color{
    color: #FF6B00 !important;
}

body.fondo-cat .bg-alert-color{
    background-color: #dc3545 !important;
}

body.fondo-cat .bg-menu-color{
    background-color: #d6c8c2dc !important;
}

body.fondo-cat .header{
    background-color: #FF6B00 !important;
    color: #000000 !important;
}

body.fondo-cat .nav-colors{
    background-color: #FF6B00 !important;
    color: #000000 !important;
}

body.fondo-cat .navbar-primary-menu li a{
    color: #000000 !important;
}

body.fondo-cat .navbar-primary-menu li a:hover {
    transition: 0.1s;
    background-color: #ff9e59 !important;
    text-decoration: none;
    color: #000000 !important;
}

body.fondo-cat .navbar-primary-menu li a:hover .bi {
    color: #000000 !important;
}

body.fondo-cat .btn-hover-nav{
    color: #000000 !important;
}

body.fondo-cat .btn-hover-nav:focus, 
body.fondo-cat .btn-hover-nav:hover {
    transition: 0.1s;
    background-color: #ff9e59 !important;
    color: #000000 !important;
}

body.fondo-cat .dropdown-menu{
    --bs-dropdown-link-active-bg: #ff9e59;
    --bs-dropdown-link-active-color: #000000;
}

body.fondo-cat .dropdown-item:hover {
    color: #000000 !important;
    background-color: #FF6B00 !important;
}

body.fondo-cat .form-check-input:checked {
    background-color: #FF6B00;
    border-color: #FF6B00;
}

body.fondo-cat .form-check-input {
    border: var(--bs-border-width) solid #ff9e59!important;
}

body.fondo-cat .form-control:focus, 
body.fondo-cat .form-select:focus,
body.fondo-cat .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-cat .select2-container--bootstrap-5.select2-container--open .select2-selection, 
body.fondo-cat .form-check-input:focus {
    border-color: #ff9e59 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 158, 89, 0.5) !important;

}

body.fondo-cat .back-btn{
    color: #000000; 
}

body.fondo-cat .back-btn:hover{
    transition: 0.1s;
    color: #4b4b4b;
}

/* DTTH Claro */

.fondo-dtth {
    background-color: #aec6a5;
}

body.fondo-dtth .main-color{
    color: #237701 !important;
}

body.fondo-dtth .bg-alert-color{
    background-color: #dc3545 !important;
}

body.fondo-dtth .bg-menu-color{
    background-color: #aec6a5d8 !important;
}

body.fondo-dtth .header{
    background-color: #237701 !important;
    color: #ffffff !important;
}

body.fondo-dtth .nav-colors{
    background-color: #237701 !important;
    color: #ffffff !important;
}

body.fondo-dtth .navbar-primary-menu li a{
    color: #ffffff !important;
}

body.fondo-dtth .navbar-primary-menu li a:hover {
    transition: 0.1s;
    background-color: #2b9900 !important;
    text-decoration: none;
    color: #ffffff !important;
}

body.fondo-dtth .navbar-primary-menu li a:hover .bi {
    color: #ffffff !important;
}

body.fondo-dtth .btn-hover-nav{
    color: #ffffff !important;
}

body.fondo-dtth .btn-hover-nav:focus, 
body.fondo-dtth .btn-hover-nav:hover {
    transition: 0.1s;
    background-color: #2b9900 !important;
    color: #ffffff !important;
}

body.fondo-dtth .dropdown-menu{
    --bs-dropdown-link-active-bg: #237701;
    --bs-dropdown-link-active-color: #ffffff;
}

body.fondo-dtth .dropdown-item:hover {
    color: #ffffff !important;
    background-color: #2b9900 !important;
}

body.fondo-dtth .form-check-input:checked {
    background-color: #237701;
    border-color: #237701;
}

body.fondo-dtth .form-check-input {
    border: var(--bs-border-width) solid #2b9900 !important;
}

body.fondo-dtth .form-control:focus, 
body.fondo-dtth .form-select:focus, 
body.fondo-dtth .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-dtth .select2-container--bootstrap-5.select2-container--open .select2-selection,
body.fondo-dtth .form-check-input:focus {
    border-color: #2b9900 !important;
    box-shadow: 0 0 0 0.25rem rgba(43, 153, 0, 0.5) !important;

}

body.fondo-dtth .back-btn{
    color: #ffffff; 
}

body.fondo-dtth .back-btn:hover{
    transition: 0.1s;
    color: #aac0a2;
}

body.fondo-dtth .tramite_aprobado{
    background-color: #00b6371a;
}
body.fondo-dtth .tramite_por_expirar{
    background-color: #ccf00017;
}
body.fondo-dtth .tramite_expirado{
    background-color: #ff00001c;
}








/* DATH Claro */

.fondo-dath {
    background-color: #cbf3ff;
}

body.fondo-dath .main-color{
    color: #007ea1 !important;

}

body.fondo-dath .bg-alert-color{
    background-color: #dc3545 !important;
}

body.fondo-dath .bg-menu-color{
    background-color: #cbf3ffd8 !important;
}


body.fondo-dath .header{
    background-color: #007ea1 !important;
    color: #ffffff !important;
}

body.fondo-dath .nav-colors{
    background-color: #007ea1 !important;
    color: #ffffff !important;
}

body.fondo-dath .navbar-primary-menu li a{
    color: #ffffff !important;
}

body.fondo-dath .navbar-primary-menu li a:hover {
    transition: 0.1s;
    background-color: #0095be !important;
    text-decoration: none;
    color: #ffffff !important;
}

body.fondo-dath .navbar-primary-menu li a:hover .bi {
    color: #ffffff !important;
}

body.fondo-dath .btn-hover-nav{
    color: #ffffff !important;
}

body.fondo-dath .btn-hover-nav:focus, 
body.fondo-dath .btn-hover-nav:hover {
    transition: 0.1s;
    background-color: #0095be !important;
    color: #ffffff !important;
}

body.fondo-dath .dropdown-menu{
    --bs-dropdown-link-active-bg: #007ea1;
    --bs-dropdown-link-active-color: #ffffff;
}

body.fondo-dath .dropdown-item:hover {
    color: #ffffff !important;
    background-color: #0095be !important;
}

body.fondo-dath .form-check-input:checked {
    background-color: #007ea1;
    border-color: #007ea1;
}

body.fondo-dath .form-check-input {
    border: var(--bs-border-width) solid #0095be !important;
}

body.fondo-dath .form-control:focus, 
body.fondo-dath .form-select:focus,
body.fondo-dath .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-dath .select2-container--bootstrap-5.select2-container--open .select2-selection,
body.fondo-dath .form-check-input:focus {
    border-color: #0095be !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 149, 190, 0.5) !important;

}

body.fondo-dath .back-btn{
    color: #ffffff; 
}

body.fondo-dath .back-btn:hover{
    transition: 0.1s;
    color: #a2bec5;
}


body.fondo-dath .tramite_aprobado{
    background-color: #00b6371a;
}
body.fondo-dath .tramite_por_expirar{
    background-color: #ccf00017;
}
body.fondo-dath .tramite_expirado{
    background-color: #ff00001c;
}


/* Dssl Claro */

.fondo-dssl {
    background-color: #fefff1;
}

body.fondo-dssl .main-color{
    color: #7a8800 !important;
}

body.fondo-dssl .bg-alert-color{
    background-color: #b9ad00 !important;
}

body.fondo-dssl .bg-menu-color{
    background-color: #fcf59ace !important;
}

body.fondo-dssl .header{
    background-color: #d8ca00 !important;
    color: #000000 !important;
}

body.fondo-dssl .nav-colors{
    background-color: #d8ca00 !important;
    color: #000000 !important;
}

body.fondo-dssl .navbar-primary-menu li a{
    color: #000000 !important;
}

body.fondo-dssl .navbar-primary-menu li a:hover {
    transition: 0.1s;
    background-color: #f0e000 !important;
    text-decoration: none;
    color: #000000 !important;
}

body.fondo-dssl .navbar-primary-menu li a:hover .bi {
    color: #000000 !important;
}

body.fondo-dssl .btn-hover-nav{
    color: #000000 !important;
}

body.fondo-dssl .btn-hover-nav:focus, 
body.fondo-dssl .btn-hover-nav:hover {
    transition: 0.1s;
    background-color: #F0E000 !important;
    color: #000000 !important;
}

body.fondo-dssl .dropdown-menu{
    --bs-dropdown-link-active-bg: #F0E000;
    --bs-dropdown-link-active-color: #000000;
}

body.fondo-dssl .dropdown-item:hover {
    color: #000000 !important;
    background-color: #F0E000 !important;
}

body.fondo-dssl .form-check-input:checked {
    background-color: #bbae00;
    border-color: #bbae00;
}

body.fondo-dssl .form-check-input {
    border: var(--bs-border-width) solid #d6c800 !important;
}

body.fondo-dssl .form-control:focus, 
body.fondo-dssl .form-select:focus,
body.fondo-dssl .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-dssl .select2-container--bootstrap-5.select2-container--open .select2-selection, 
body.fondo-dssl .form-check-input:focus {
    border-color: #d6c800 !important;
    box-shadow: 0 0 0 0.25rem rgba(200, 214, 0, 0.5) !important;

}

body.fondo-dssl .back-btn{
    color: #000000; 
}

body.fondo-dssl .back-btn:hover{
    transition: 0.1s;
    color: #252525;
}


body.fondo-dssl .tramite_aprobado{
    background-color: #00b6371a;
}
body.fondo-dssl .tramite_por_expirar{
    background-color: #ccf00017;
}
body.fondo-dssl .tramite_expirado{
    background-color: #ff00001c;
}






/* Consulta Claro */

.fondo-consulta {
    background-color: #e7fffd;
}

body.fondo-consulta .main-color{
    color: #00635a !important;
}

body.fondo-consulta .bg-alert-color{
    background-color: #00C4B3 !important;
}

body.fondo-consulta .bg-menu-color{
    background-color: #00c4b4ce !important;
}

body.fondo-consulta .header{
    background-color: #00C4B3 !important;
    color: #000000 !important;
}

body.fondo-consulta .nav-colors{
    background-color: #00C4B3 !important;
    color: #000000 !important;
}

body.fondo-consulta .navbar-primary-menu li a{
    color: #000000 !important;
}

body.fondo-consulta .navbar-primary-menu li a:hover {
    transition: 0.1s;
    background-color: #00e7d4 !important;
    text-decoration: none;
    color: #000000 !important;
}

body.fondo-consulta .navbar-primary-menu li a:hover .bi {
    color: #000000 !important;
}

body.fondo-consulta .btn-hover-nav{
    color: #000000 !important;
}

body.fondo-consulta .btn-hover-nav:focus, 
body.fondo-consulta .btn-hover-nav:hover {
    transition: 0.1s;
    background-color: #00e7d4 !important;
    color: #000000 !important;
}

body.fondo-consulta .dropdown-menu{
    --bs-dropdown-link-active-bg: #00e7d4;
    --bs-dropdown-link-active-color: #000000;
}

body.fondo-consulta .dropdown-item:hover {
    color: #000000 !important;
    background-color: #00e7d4 !important;
}

body.fondo-consulta .form-check-input:checked {
    background-color: #00e7d4;
    border-color: #00e7d4;
}

body.fondo-consulta .form-check-input {
    border: var(--bs-border-width) solid #00C4B3 !important;
}

body.fondo-consulta .form-control:focus, 
body.fondo-consulta .form-select:focus,
body.fondo-consulta .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-consulta .select2-container--bootstrap-5.select2-container--open .select2-selection, 
body.fondo-consulta .form-check-input:focus {
    border-color: #00e7d4 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 231, 212, 0.5) !important;

}

body.fondo-consulta .back-btn{
    color: #000000; 
}

body.fondo-consulta .back-btn:hover{
    transition: 0.1s;
    color: #252525;
}




































/* Modo Oscuro */

/* Alertify */
body.fondo-default-dark .ajs-header,
body.fondo-cat-dark .ajs-header,
body.fondo-dtth-dark .ajs-header,
body.fondo-dath-dark .ajs-header,
body.fondo-admin-dark .ajs-header {
    background-color: #1f1f1f !important;
    color: #ffffff !important;
}

body.fondo-default-dark .ajs-body,
body.fondo-cat-dark .ajs-body,
body.fondo-dtth-dark .ajs-body,
body.fondo-dath-dark .ajs-body,
body.fondo-admin-dark .ajs-body {
    background-color: #121212 !important;
    color: #f0f0f0 !important;
}

body.fondo-default-dark .ajs-footer,
body.fondo-cat-dark .ajs-footer,
body.fondo-dtth-dark .ajs-footer,
body.fondo-dath-dark .ajs-footer,
body.fondo-admin-dark .ajs-footer {
    background-color: #1f1f1f !important;
}

body.fondo-default-dark .ajs-modal,
body.fondo-cat-dark .ajs-modal,
body.fondo-dtth-dark .ajs-modal,
body.fondo-dath-dark .ajs-modal,
body.fondo-admin-dark .ajs-modal {
    background-color: #1f1f1f !important;
    border-radius: 10px !important;
}

body.fondo-default-dark .ajs-message,
body.fondo-cat-dark .ajs-message,
body.fondo-dtth-dark .ajs-message,
body.fondo-dath-dark .ajs-message,
body.fondo-admin-dark .ajs-message {
    background-color: #333 !important;
    color: #fff !important;
    border-radius: 5px;
}

body.fondo-default-dark .alertify .ajs-dialog,
body.fondo-cat-dark .alertify .ajs-dialog,
body.fondo-dtth-dark .alertify .ajs-dialog,
body.fondo-dath-dark .alertify .ajs-dialog,
body.fondo-admin-dark .alertify .ajs-dialog {
    background-color: #121212;
}


/* Darks de Default y Admin */

.fondo-admin-dark{
    background-color: #0b0b0bda;
  }

  .fondo-default-dark  {
    background: linear-gradient(rgba(55, 55, 54, 0.5), rgba(55, 55, 54, 0.5)), url("/static/img/fondo_gris.png");
    background-color: #373736;
    background-repeat: repeat;
    background-position: center;
    background-size:50%;

}

body.fondo-admin-dark .main-color {
    color: #ffa600 !important;

}

body.fondo-admin-dark .bg-alert-color {
    background-color: #07ffe6 !important;
}

body.fondo-admin-dark .bg-menu-color{
    background-color: #0b0b0bda !important;
}


body.fondo-admin-dark .btn-danger{
    --bs-btn-bg: #00ffe5 !important;
    --bs-btn-border-color: #2ae9d6 !important;
    --bs-btn-hover-bg: #18dbc8 !important;
    --bs-btn-hover-border-color: #56e4d6 !important;
    --bs-btn-color: #000000  !important;
    --bs-btn-hover-color: #000000  !important;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #18dbc8 !important;
    --bs-btn-active-border-color: #56e4d6 !important;
}

body.fondo-default-dark .header,
body.fondo-admin-dark .header {
    background-color: #ffb528 !important;
    color: black !important;
}




body.fondo-default-dark .nav-colors,
body.fondo-admin-dark .nav-colors {
    background-color: #265abc !important;
    color: white !important;
}

body.fondo-default-dark .navbar-primary-menu li a,
body.fondo-admin-dark .navbar-primary-menu li a {
    color: #ffffff !important;
}

body.fondo-default-dark .navbar-primary-menu li a:hover,
body.fondo-admin-dark .navbar-primary-menu li a:hover {
    background-color: #5866d8 !important;
    color: #000000 !important;
}

body.fondo-default-dark .navbar-primary-menu li a:hover .bi,
body.fondo-admin-dark .navbar-primary-menu li a:hover .bi {
    color: #000000 !important;
}

body.fondo-default-dark .btn-hover-nav,
body.fondo-admin-dark .btn-hover-nav {
    color: #ffffff !important;
}

body.fondo-default-dark .btn-hover-nav:focus,
body.fondo-default-dark .btn-hover-nav:hover,
body.fondo-admin-dark .btn-hover-nav:focus,
body.fondo-admin-dark .btn-hover-nav:hover {
    background-color: #5866d8 !important;
    color: #000000 !important;
}





body.fondo-default-dark .dropdown-menu,
body.fondo-admin-dark .dropdown-menu {
    --bs-dropdown-link-active-bg: #ffb528;
    --bs-dropdown-link-active-color: #000000;
}

body.fondo-default-dark .dropdown-item:hover,
body.fondo-admin-dark .dropdown-item:hover {
    color: #000000 !important;
    background-color: #ffb528 !important;
}

body.fondo-default-dark .form-check-input:checked,
body.fondo-admin-dark .form-check-input:checked {
    background-color: #f29102 !important;
    border-color: #f29102 !important;
}

body.fondo-default-dark .form-check-input,
body.fondo-admin-dark .form-check-input {
    border: var(--bs-border-width) solid #ffa621 !important;
}

body.fondo-default-dark .form-control:focus,
body.fondo-admin-dark .form-control:focus,
body.fondo-default-dark .form-select:focus,

body.fondo-default-dark .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-default-dark .select2-container--bootstrap-5.select2-container--open .select2-selection,

body.fondo-admin-dark .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-admin-dark .select2-container--bootstrap-5.select2-container--open .select2-selection,

body.fondo-admin-dark .form-select:focus,
body.fondo-default-dark .form-check-input:focus,
body.fondo-admin-dark .form-check-input:focus {
    border-color: #f29102 !important;
    box-shadow: 0 0 0 0.25rem rgba(242, 145, 2, 0.5) !important;
}


body.fondo-default-dark .back-btn,
body.fondo-admin-dark .back-btn {
    color: #000000;
}

body.fondo-default-dark .back-btn:hover,
body.fondo-admin-dark .back-btn:hover {
    transition: 0.1s;
    color: #666666;
}

body.fondo-admin-dark .tramite_aprobado{
    background-color: #ff49c811;
}
body.fondo-admin-dark .tramite_por_expirar{
    background-color: #2600ff34;
}
body.fondo-admin-dark .tramite_expirado{
    background-color: #14e3ce73
}







/* Cat Dark */

.fondo-cat-dark {
    background-color: #0b0b0bda;
  }

body.fondo-cat-dark .main-color{
    color: #02afff !important;

}

body.fondo-cat-dark .bg-alert-color{
    background-color: #07ffe6 !important;

}

body.fondo-cat-dark .bg-menu-color{
    background-color: #0b0b0bda !important;
}

body.fondo-cat-dark .btn-danger{
    --bs-btn-bg: #00ffe5 !important;
    --bs-btn-border-color: #2ae9d6 !important;
    --bs-btn-hover-bg: #18dbc8 !important;
    --bs-btn-hover-border-color: #56e4d6 !important;
    --bs-btn-color: #000000;
    --bs-btn-hover-color: #000000;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #18dbc8 !important;
    --bs-btn-active-border-color: #56e4d6 !important;
}


body.fondo-cat-dark .header{
    background-color: #02afff !important;
    color: rgb(255, 255, 255) !important;
}


body.fondo-cat-dark .nav-colors {
    background-color: #d75e26 !important;
    color: white !important;
}


body.fondo-cat-dark .navbar-primary-menu li a {
    color: #000000 !important;
}


body.fondo-cat-dark .navbar-primary-menu li a:hover {
    background-color: #ff6f2c !important;
    color: #000000 !important;
}


body.fondo-cat-dark .navbar-primary-menu li a:hover .bi {
    color: #000000 !important;
}

body.fondo-cat-dark .btn-hover-nav {
    color: #000000 !important;
}


body.fondo-cat-dark .btn-hover-nav:focus,
body.fondo-cat-dark .btn-hover-nav:hover{
    background-color: #ff6f2c !important;
    color: #000000 !important;
}



body.fondo-cat-dark .dropdown-menu{
    --bs-dropdown-link-active-bg: #02afff;
    --bs-dropdown-link-active-color: #ffffff;
}


body.fondo-cat-dark .dropdown-item:hover{
    color: #ffffff !important;
    background-color: #0090d3 !important;
}


body.fondo-cat-dark .form-check-input:checked{
    background-color: #02afff !important;
    border-color: #02afff !important;
}


body.fondo-cat-dark .form-check-input {
    border: var(--bs-border-width) solid #0090d3 !important;
}


body.fondo-cat-dark .form-control:focus,
body.fondo-cat-dark .form-select:focus,
body.fondo-cat-dark .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-cat-dark .select2-container--bootstrap-5.select2-container--open .select2-selection,
body.fondo-cat-dark .form-check-input:focus{
    border-color: #02afff !important;
    box-shadow: 0 0 0 0.25rem rgba(2, 175, 255, 0.5) !important;
}



body.fondo-cat-dark .back-btn{
    color: #ffffff;
}

body.fondo-cat-dark .back-btn:hover{
    transition: 0.1s;
    color: #cacaca;
}






















/* DTTH Dark */

.fondo-dtth-dark {
    background-color: #0b0b0bda;
}

body.fondo-dtth-dark .main-color{
    color: #dc88fe !important;
}

body.fondo-dtth-dark .bg-alert-color{
    background-color: #07ffe6 !important;
}


body.fondo-dtth-dark .bg-menu-color{
    background-color: #0b0b0bda !important;
}

body.fondo-dtth-dark .btn-danger{
    --bs-btn-bg: #00ffe5 !important;
    --bs-btn-border-color: #2ae9d6 !important;
    --bs-btn-hover-bg: #18dbc8 !important;
    --bs-btn-hover-border-color: #56e4d6 !important;
    --bs-btn-color: #000000;
    --bs-btn-hover-color: #000000;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #18dbc8 !important;
    --bs-btn-active-border-color: #56e4d6 !important;
}


body.fondo-dtth-dark .header{
    background-color: #dc88fe !important;
    color: #000000 !important;
}


body.fondo-dtth-dark .nav-colors {
    background-color: #3e7926 !important;
    color: #ffffff !important;
}


body.fondo-dtth-dark .navbar-primary-menu li a {
    color: #ffffff !important;
}


body.fondo-dtth-dark .navbar-primary-menu li a:hover {
    background-color: #2da000 !important;
    color: #ffffff !important;
}


body.fondo-dtth-dark .navbar-primary-menu li a:hover .bi {
    color: #ffffff !important;
}

body.fondo-dtth-dark .btn-hover-nav {
    color: #ffffff !important;
}


body.fondo-dtth-dark .btn-hover-nav:focus,
body.fondo-dtth-dark .btn-hover-nav:hover{
    background-color: #2da000 !important;
    color: #ffffff !important;
}



body.fondo-dtth-dark .dropdown-menu{
    --bs-dropdown-link-active-bg: #dc88fe;
    --bs-dropdown-link-active-color: #000000;
}


body.fondo-dtth-dark .dropdown-item:hover{
    color: #000000 !important;
    background-color: #d25fff !important;
}


body.fondo-dtth-dark .form-check-input:checked{
    background-color: #dc88fe !important;
    border-color: #dc88fe !important;
}


body.fondo-dtth-dark .form-check-input {
    border: var(--bs-border-width) solid #d25fff !important;
}


body.fondo-dtth-dark .form-control:focus,
body.fondo-dtth-dark .form-select:focus,
body.fondo-dtth-dark .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-dtth-dark .select2-container--bootstrap-5.select2-container--open .select2-selection,
body.fondo-dtth-dark .form-check-input:focus{
    border-color: #d25fff !important;
    box-shadow: 0 0 0 0.25rem rgba(210, 95, 255, 0.5) !important;
}



body.fondo-dtth-dark .back-btn{
    color: #000000;
}

body.fondo-dtth-dark .back-btn:hover{
    transition: 0.1s;
    color: #553f5d;
}


body.fondo-dtth-dark .tramite_aprobado{
    background-color: #ff49c811;
}
body.fondo-dtth-dark .tramite_por_expirar{
    background-color: #330fff34;
}
body.fondo-dtth-dark .tramite_expirado{
    background-color: #14e3ce73;
}











/* DATH Dark */

.fondo-dath-dark {
    background-color: #0b0b0bda;
}

body.fondo-dath-dark .main-color{
    color: #ff815e !important;
}

body.fondo-dath-dark .bg-alert-color{
    background-color: #07ffe6 !important;
}


body.fondo-dath-dark .bg-menu-color{
    background-color: #0b0b0bda !important;
}

body.fondo-dath-dark .btn-danger{
    --bs-btn-bg: #00ffe5 !important;
    --bs-btn-border-color: #2ae9d6 !important;
    --bs-btn-hover-bg: #18dbc8 !important;
    --bs-btn-hover-border-color: #56e4d6 !important;
    --bs-btn-color: #000000;
    --bs-btn-hover-color: #000000;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #18dbc8 !important;
    --bs-btn-active-border-color: #56e4d6 !important;
}



body.fondo-dath-dark .header{
    background-color: #ff815e !important;
    color: #000000 !important;
}


body.fondo-dath-dark .nav-colors {
    background-color: #267e96 !important;
    color: white !important;
}


body.fondo-dath-dark .navbar-primary-menu li a {
    color: #ffffff !important;
}


body.fondo-dath-dark .navbar-primary-menu li a:hover {
    background-color: #00a2cf !important;
    color: #ffffff !important;
}


body.fondo-dath-dark .navbar-primary-menu li a:hover .bi {
    color: #ffffff !important;
}

body.fondo-dath-dark .btn-hover-nav {
    color: #ffffff !important;
}


body.fondo-dath-dark .btn-hover-nav:focus,
body.fondo-dath-dark .btn-hover-nav:hover{
    background-color: #00a2cf !important;
    color: #ffffff !important;
}



body.fondo-dath-dark .dropdown-menu{
    --bs-dropdown-link-active-bg: #ff815e;
    --bs-dropdown-link-active-color: #ffffff;
}


body.fondo-dath-dark .dropdown-item:hover{
    color: #ffffff !important;
    background-color: #ff6135 !important;
}


body.fondo-dath-dark .form-check-input:checked{
    background-color: #ff815e !important;
    border-color: #ff815e !important;
}


body.fondo-dath-dark .form-check-input {
    border: var(--bs-border-width) solid #ff6135 !important;
}


body.fondo-dath-dark .form-control:focus,
body.fondo-dath-dark .form-select:focus,
body.fondo-dath-dark .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-dath-dark .select2-container--bootstrap-5.select2-container--open .select2-selection,
body.fondo-dath-dark .form-check-input:focus{
    border-color: #ff6135 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 129, 94, 0.5) !important;
}



body.fondo-dath-dark .back-btn{
    color: #000000;
}

body.fondo-dath-dark .back-btn:hover{
    transition: 0.1s;
    color: #00413b;
}


body.fondo-dath-dark .tramite_aprobado{
    background-color: #ff49c811;
}
body.fondo-dath-dark .tramite_por_expirar{
    background-color: #330fff34;
}
body.fondo-dath-dark .tramite_expirado{
    background-color: #14e3ce73;
}














/* DSSL Dark */

.fondo-dssl-dark {
    background-color: #0b0b0bda;
}

body.fondo-dssl-dark .main-color{
    color: #1d0ea6 !important;
}

body.fondo-dssl-dark .bg-alert-color{
    background-color: #1d0ea6 !important;
}


body.fondo-dssl-dark .bg-menu-color{
    background-color: #0b0b0bda !important;
}

body.fondo-dssl-dark .btn-danger{
    --bs-btn-bg: #00ffe5 !important;
    --bs-btn-border-color: #2ae9d6 !important;
    --bs-btn-hover-bg: #18dbc8 !important;
    --bs-btn-hover-border-color: #56e4d6 !important;
    --bs-btn-color: #000000;
    --bs-btn-hover-color: #000000;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #18dbc8 !important;
    --bs-btn-active-border-color: #56e4d6 !important;
}



body.fondo-dssl-dark .header{
    background-color: #351fff !important;
    color: #ffffff !important;
}


body.fondo-dssl-dark .nav-colors {
    background-color: #d8ca00 !important;
    color: #000000 !important;
}


body.fondo-dssl-dark .navbar-primary-menu li a {
    color: #000000 !important;
}


body.fondo-dssl-dark .navbar-primary-menu li a:hover {
    background-color: #f0e000 !important;
    color: #000000 !important;
}


body.fondo-dssl-dark .navbar-primary-menu li a:hover .bi {
    color: #000000 !important;
}

body.fondo-dssl-dark .btn-hover-nav {
    color: #000000 !important;
}


body.fondo-dssl-dark .btn-hover-nav:focus,
body.fondo-dssl-dark .btn-hover-nav:hover{
    background-color: #f0e000 !important;
    color: #000000 !important;
}



body.fondo-dssl-dark .dropdown-menu{
    --bs-dropdown-link-active-bg: #351fff;
    --bs-dropdown-link-active-color: #000000;
}


body.fondo-dssl-dark .dropdown-item:hover{
    color: #ffffff !important;
    background-color: #351fff !important;
}


body.fondo-dssl-dark .form-check-input:checked{
    background-color: #351fff !important;
    border-color: #351fff !important;
}


body.fondo-dssl-dark .form-check-input {
    border: var(--bs-border-width) solid #351fff !important;
}


body.fondo-dssl-dark .form-control:focus,
body.fondo-dssl-dark .form-select:focus,
body.fondo-dssl-dark .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-dssl-dark .select2-container--bootstrap-5.select2-container--open .select2-selection,
body.fondo-dssl-dark .form-check-input:focus{
    border-color: #351fff !important;
    box-shadow: 0 0 0 0.25rem rgba(45, 26, 218, 0.5) !important;
}



body.fondo-dssl-dark .back-btn{
    color: #ffffff;
}

body.fondo-dssl-dark .back-btn:hover{
    transition: 0.1s;
    color: #c7c7c7;
}



body.fondo-dssl-dark .tramite_aprobado{
    background-color: #ff49c811;
}
body.fondo-dssl-dark .tramite_por_expirar{
    background-color: #330fff34;
}
body.fondo-dssl-dark .tramite_expirado{
    background-color: #14e3ce73;
}




















/* Consulta Dark */

.fondo-consulta-dark {
    background-color: #0b0b0bda;
}

body.fondo-consulta-dark .main-color{
    color: #ff1529 !important;
}

body.fondo-consulta-dark .bg-alert-color{
    background-color: #ff1529 !important;
}


body.fondo-consulta-dark .bg-menu-color{
    background-color: #0b0b0bda !important;
}

body.fondo-consulta-dark .btn-danger{
    --bs-btn-bg: #00ffe5 !important;
    --bs-btn-border-color: #2ae9d6 !important;
    --bs-btn-hover-bg: #18dbc8 !important;
    --bs-btn-hover-border-color: #56e4d6 !important;
    --bs-btn-color: #000000;
    --bs-btn-hover-color: #000000;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #18dbc8 !important;
    --bs-btn-active-border-color: #56e4d6 !important;
}



body.fondo-consulta-dark .header{
    background-color: #ff3b4c !important;
    color: #ffffff !important;
}


body.fondo-consulta-dark .nav-colors {
    background-color: #00C4B3 !important;
    color: #000000 !important;
}


body.fondo-consulta-dark .navbar-primary-menu li a {
    color: #000000 !important;
}


body.fondo-consulta-dark .navbar-primary-menu li a:hover {
    background-color: #00e7d4 !important;
    color: #000000 !important;
}


body.fondo-consulta-dark .navbar-primary-menu li a:hover .bi {
    color: #000000 !important;
}

body.fondo-consulta-dark .btn-hover-nav {
    color: #000000 !important;
}


body.fondo-consulta-dark .btn-hover-nav:focus,
body.fondo-consulta-dark .btn-hover-nav:hover{
    background-color: #00e7d4 !important;
    color: #000000 !important;
}



body.fondo-consulta-dark .dropdown-menu{
    --bs-dropdown-link-active-bg: #ff182b;
    --bs-dropdown-link-active-color: #000000;
}


body.fondo-consulta-dark .dropdown-item:hover{
    color: #ffffff !important;
    background-color: #ff182b !important;
}


body.fondo-consulta-dark .form-check-input:checked{
    background-color: #ff182b !important;
    border-color: #ff182b !important;
}


body.fondo-consulta-dark .form-check-input {
    border: var(--bs-border-width) solid #ff182b !important;
}


body.fondo-consulta-dark .form-control:focus,
body.fondo-consulta-dark .form-select:focus,
body.fondo-consulta-dark .select2-container--bootstrap-5.select2-container--focus .select2-selection,
body.fondo-consulta-dark .select2-container--bootstrap-5.select2-container--open .select2-selection,
body.fondo-consulta-dark .form-check-input:focus{
    border-color: #ff182b !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 35, 53, 0.5) !important;
}



body.fondo-consulta-dark .back-btn{
    color: #ffffff;
}

body.fondo-consulta-dark .back-btn:hover{
    transition: 0.1s;
    color: #e0e0e0;
}









.dt-processing {
    margin-top: 30px !important;
}