html, body {
    margin: 0;
}
/*SLIM*/
.slim-mainpanel {
    background-image: url('../../../img/fondo.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    /*width: 100vw;
    height: 100vh;*/
}
.system_logo {
    width: 95% !important;
}
.img_logo {
    width: 70%;
}
.div_img_logo {
    width: 100% !important;
    text-align: center !important;
    margin-top: auto;
}
.slim-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.slim-pagetitle {
    border-left: 4px solid #500778;
}
.sidebar-nav-link.active {
    background-color: #500778 !important;
    background-image: linear-gradient(to right, #500778 0%, #500778 100%);
}
.sidebar-nav-link.active i, .sidebar-nav-link.active img {
    filter: invert(100%);
}
.sidebar-nav-link i {
    color: #474747 !important;
}
a:hover {
    color: #500778 !important;
}
.card-header {
}
.card-body {
}
.card-footer {
}
/*LOGIN*/
.login-container {
    display: flex;
    flex-direction: column; /* Apilar los divs verticalmente */
    align-items: center; /* Centra horizontalmente */
    justify-content: center; /* Centra verticalmente dentro del contenedor */
    height: 100vh; /* Ocupa toda la altura de la pantalla */
    position: relative;
}
.login-logo {
    margin-bottom: 10px;
}
.login-card {
    margin-top: 4% !important;
}
.screen-body {
}
.screenLogin-body {
    width: 70% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.screenLogin-footer {
}
.login-card-header {
}
.login-card-body {
}
.login-card-footer {
    border-top-width: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 10px;
}
.login-card-footer:has(> div:nth-child(2)) {
    justify-content: space-between;
}
.login-card-footer:has(> div:nth-child(3)) {
    justify-content: space-evenly;
}
.login-card-footer > div {
    text-align: center;
    min-width: 100px; /* Para evitar que se colapsen demasiado */
}
/*BOOTSTRAP*/
.panel-inverse {
    border-color: #000000;
}
.panel-inverse > .panel-heading {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.btn {
    height: calc(1.5em + 0.75rem + 2px);
}
/*MODAL*/
.modal-header {
    /*padding-top: 15px !important;*/
    /*padding-bottom: 10px !important;*/
    padding: 20px 20px 5px 20px !important;
    background-color: #B4BBBD !important; /*#707070*/
    color: white !important; /*white*/
    border-radius: 0 !important;
}
.modal-header > .modal-title {
    margin-top: -10px !important;
    font-size: 16px !important;
}
.modal-header > .close {
    margin-top: -30px !important;
    font-size: 20px !important;
}
.modal-body {
}
.modal-footer {
    /*padding-top: 5px !important;*/
    /*padding-bottom: 5px !important;*/
    height: 50px;
    padding-top: 3.5px;
    padding-bottom: 3.5px;
    background-color: #E7E7E7 !important;
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1000px !important;
        min-width: 950px !important;
    }
}
/*DATATABLE*/
.dt-container {}
.dt-container select {
    height: 28px;
    width: 100px;
    padding: 0 10px;
    border: 1px solid #dbe2ea;
    border-radius: 8px;
    font-size: 12px;
}
.dt-container input {
    height: 28px;
    width: 160px;
    padding: 0 10px;
    border: 1px solid #dbe2ea;
    border-radius: 8px;
    font-size: 12px;
}
div.dt-buttons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    border-radius: 10px !important;
    font-size: 12px !important;
}
.dt-container .dt-length {
    float: left;
}
.dt-container .dt-search {
    float: right;
}
.dt-container .dt-info {
    float: left;
    color: #94a3b8;
    font-size: 12px;
}
.dt-container .dt-paging {
    float: right;
}
/*CHOICES*/
:root {
    --choices-z-index: 999;
}
.choices[data-type*="select-multiple"] .choices__inner {
    min-height: 34px !important;
    background-color: #FFF !important;
}
.choices[data-type*="select-one"] .choices__inner {
    min-height: 34px !important;
    height: 34px !important;
    background-color: #FFF !important;
    padding: 4px;
}
.choices.is-disabled .choices__inner {
    background-color: #E9ECEF !important;
}
.choices.is-disabled .choices__item {
    color: #000000 !important;
}
/*DATEPICKER*/
input.form-control.datepicker {
    display: block;
    width: 100%;
    padding: 0.594rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/*TABLE*/
table tr th {
    text-align: center;
    vertical-align: middle !important;
    font-size: 12px !important;
    font-weight: normal;
    color: #FFFFFF !important;
    background: #DC143C !important;
    max-width: 1% !important;
    border: 1px solid #FFFFFF !important;
}
table tr td {
    text-align: left !important;
    vertical-align: middle !important;
    border: 1px solid #dee2e6 !important;
    font-size: 12px !important;
}
.td-ajustado {
    width: 1% !important;
}
.th-ajustado {
    width: 1% !important;
}
.th-opciones {
    text-align: center !important;
    background: #CACBCD !important;
    color: #000000 !important;
}
.td-opciones {
    text-align: center !important;
    /*width: auto !important;*/
    width: 5% !important;
}
.td-center {
    text-align: center !important;
}
.th-center {
    text-align: center !important;
}
/*LOGIN*/
.signin-left {
    background-image: url('../../../img/login_fondo.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 50% !important;
    /*width: 50vw;
    height: 100vh;*/
}
.div_system_login {
    /*width: 100% !important;*/
    text-align: justify !important;
}
.system_login {
    position: relative;
    width: 45% !important;
}
.btn-signin {
    background: #972C46 !important;
}
/*HEADER*/
.logged-name {
    position: center !important;
    text-align: right !important;
    margin-left: 10px !important;
    margin-right: 5px !important;
}
/*RECIBO*/
.inacal_logo {
    width: 35%;
}
/*EXTRAS*/
.ulMenuList {
    min-width: 100% !important;
}
/*BTN*/
.btn {
    padding: 0.375rem 0.75rem !important;
}
.btn-default {
    color: #fff;
    background-color: #abbac3;
    border-color: #abbac3;
}
.btn-default:hover {
    color: #fff;
    background-color: #8b9aa3;
    border-color: #abbac3;
}
.btn-default:focus, .btn-default.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-default.disabled, .btn-default:disabled {
    color: #fff;
    background-color: #abbac3;
    border-color: #abbac3;
}
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
    color: #fff;
    background-color: #abbac3;
    border-color: #4e555b;
}
.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
/*menu borde ocultar y mostrar*/
.men-bright {
    animation: men-border-animation 1s steps(1, start) infinite;
}
@keyframes men-border-animation {
    0%, 100% {
        border: 5px solid #CFC000;
    }
    50% {
        border: 2px solid transparent;
    }
}
/**icono ocultar y mostrar*/
.icon-bright {
    font-size: 12px;
    font-weight: bold;
    color: #CFC000;
    margin-left: 10px;
    animation: icon-blink-animation 1s steps(1, start) infinite;
}
@keyframes icon-blink-animation {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
/*parpadeo*/
.blink {
    animation: parpadeo 1s infinite;
}
@keyframes parpadeo {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*hr*/
.hr-default {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}
/*text color*/
.font-weight-bold {
    font-weight: bold;
}
.text-success {
    color: #28a745 !important; /* verde brillante */
}
.text-primary {
    color: #007bff !important; /* azul vibrante */
}
.text-info {
    color: #17a2b8 !important; /* azul celeste */
}
.text-default {
    color: #6c757d !important; /* gris moderno */
}
.text-danger {
    color: #dc3545 !important; /* rojo vivo */
}
.text-warning {
    color: #ffc107 !important; /* amarillo brillante */
}
/*ALINEACION VERTICAL*/
.box-all-middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*0*/
.padding-0 {
    padding: 0px !important;
}