@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
body {font-family: 'Montserrat', sans-serif !important;}
select {font-family: 'Nunito Sans', sans-serif !important;}
:root {
    --rental: #314595;
    --card-header: #1c264d;
    --sidebar: #143e64;
}
.card-body{padding-bottom:5px}
.form-row:not(.modal-body .form-row){margin-bottom:1rem;}
.bg-rental{background-color:var(--rental)}
.login-page, .register-page{background-color: #143e64;}
.login-page > .login-box > .login-logo > a > img{height: 80px;}
.card-primary.card-outline {border-top: 3px solid #bdbdbd;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p{color:#fff;}
.btn-primary{background-color:#0579f4;border-color: #bdbdbd;}/*#415cc8*/

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {color: #ffffff;}
[class*="sidebar-dark-"] {background-color: #143e64;}
[class*="sidebar-dark-"] .sidebar a{color:#f4f4f4;}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {background-color: #0974bb;color: #fff;font-weight: 600;}
.brand-text {display: none !important;}
.brand-link .brand-image{margin:0;max-height:57px;width: auto;opacity: 1 !important;}
.main-sidebar .brand-link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 0.8rem 1rem;
}
.main-sidebar .brand-image {max-width: 90%;height: auto;}
body.sidebar-collapse .main-sidebar .brand-link {
    justify-content: flex-start !important;
    padding: 1rem 0.5rem 1rem 1rem;
    height: 55px;
    width: 50px;
    margin: 0;
    position: relative;
}
body.sidebar-collapse .main-sidebar .brand-link::before {
    content: '';
    background-image: url('/vendor/adminlte/dist/img/icono.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 36px;
    display: block;
}
body.sidebar-collapse .main-sidebar .brand-image {opacity: 0;visibility: hidden;}
body.sidebar-collapse .main-sidebar .nav-item {margin-left: 0;}

/*linea inferior titulo*/
.fila-con-titulo {
    position: relative; /* Contexto para posicionar la línea */
    padding-bottom: 1px; /* Espacio entre el contenido y la línea */
    margin-bottom: 8px;  /* Espacio entre la línea y el siguiente elemento */
}
.fila-con-titulo::after {
    content: '';
    position: absolute; /* Se posiciona respecto a .fila-con-titulo */
    bottom: 0;
    left: 2px; /* Lo alineamos con el padding izquierdo */
    width: calc(100% - 30px);
    height: 2px;        /* Grosor de la línea */
    background-color: #797979; /* Un gris sutil y elegante */
    margin-left:10px;
}

.card-rental{background-color:var(--rental);color: white;padding-bottom:0;padding-top:6px;}
.card-title{font-size: 1.2rem;font-weight: 600;margin-bottom:8px}

.rental{border-radius: 12px;margin-bottom: 28px;}
form .rental label{text-shadow:none;color:#313131}
.rental .card-header{background-color: #2b3d84 !important;color: white;padding-bottom:0;padding-top:6px;border-top-left-radius: 12px;border-top-right-radius: 12px;}
.rental .card-title{margin-bottom:6px;font-size: 1.1rem;font-weight:600;}
.rental .form-control{box-shadow: 0px 1px 1px 1px #848181;}
.rental .card-body{
    background:#f2f2f2;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border: 1px solid #9d9d9d;
    box-shadow: 0 1px 3px 0 #c1c1c1;
}
.rental .card-back {
    background: #d8e0e8;
}
table.dataTable.table-striped > tbody > tr.odd > * {box-shadow: inset 0 0 0 9624px rgba(0, 61, 138, 0.09);}
.rental .card-edit{background-image:linear-gradient(rgb(76, 162, 76), rgb(21, 147, 72));text-shadow: 1px 1px 1px #000; }
/*Swicth On/off**/
.switch {height:29px !important;width: 59px !important;}
.slider{box-shadow: 0 1px 1px 1px #5b5b5b;}
.slider::before{box-shadow: 0 1px 2px 1px #555;height: 21px;width: 20px;left: 6px;bottom: 5px;}
input:checked + .slider {background-color: #f2f2f2;box-shadow: 0 1px 1px 1px #555;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color: #000;}
.slider::before {content: "\f00d"; /* X */font-family: "Font Awesome 5 Free";font-weight: 900;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 11px;height: 21px;width: 21px;left: 6px;bottom: 5px;background-color: #c40000;box-shadow: 0 1px 2px 1px #555;border-radius: 50%;position: absolute;transition: all 0.3s ease;}
input:checked + .slider::before {content: "\f00c"; /* check */background-color: #22C800;color: #fff;}

/*ICONOS ASC-DESC*/
/* usamos :after para no chocar con el comportamiento interno de DataTables */
table.dataTable thead > tr > th.sorting::after,
table.dataTable thead > tr > th.sorting_asc::after,
table.dataTable thead > tr > th.sorting_desc::after,
table.dataTable thead > tr > th.sorting_asc_disabled::after,
table.dataTable thead > tr > th.sorting_desc_disabled::after,
table.dataTable thead > tr > td.sorting::after,
table.dataTable thead > tr > td.sorting_asc::after,
table.dataTable thead > tr > td.sorting_desc::after,
table.dataTable thead > tr > td.sorting_asc_disabled::after,
table.dataTable thead > tr > td.sorting_desc_disabled::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important; /* FA5 solid */
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    font-size: 1.2em !important;
    line-height: 0 !important;
    opacity: 1 !important;
}
/* estado sin ordenar */
table.dataTable thead > tr > th.sorting::after,
table.dataTable thead > tr > td.sorting::after {
    content: "\f0dc" !important; /* fa-sort */
    opacity: 0.65 !important;
}
/* ascendente */
table.dataTable thead > tr > th.sorting_asc::after,
table.dataTable thead > tr > td.sorting_asc::after {
    content: "\f160" !important; /* fa-sort-up "\f0de" */
    opacity: 1 !important;
}

/* descendente */
table.dataTable thead > tr > th.sorting_desc::after,
table.dataTable thead > tr > td.sorting_desc::after {
    content: "\f161" !important; /* fa-sort-down "\f0dd" */
    opacity: 1 !important;
}
.custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label{color: #ccc;}
.custom-file{width: 92%;}
.custom-file-label{box-shadow: 0 1px 1px 0 #848181;}
.custom-file-label::after {color:#fff;font-family: 'Montserrat', sans-serif, "Font Awesome 5 Free", "Font Awesome 5 Brands"; content: "\f093  Examinar";background-color: #5cb85c;font-weight: 600;text-shadow: 1px 1px 1px #000;}
.custom-file,.custom-file-input {cursor: pointer !important;}
.ver-adjunto .btn{line-height: 1.2;font-size: 15px;box-shadow: 0 1px 1px 0 #848181;}

/*
.scrollspy-nav {
    position: fixed;
    top: 140px;
    right: 20px;
    left: auto;
    width: 160px;
    z-index: 1050;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.scrollspy-nav .nav-link {
    padding: 8px 12px;
    font-size: 0.875rem;
    color: #6c757d;
    border-bottom: 1px solid #f8f9fa;
    transition: all 0.2s;
}

.scrollspy-nav .nav-link:hover {
    color: #007bff;
    background: #f8f9fa;
}

.scrollspy-nav .nav-link.active {
    color: #007bff;
    background: #e3f2fd;
    font-weight: 600;
    border-right: 4px solid #007bff;
}

.section-block {
    margin-bottom: 40px;
}

@media (max-width: 991.98px) {
    .scrollspy-nav {
        display: none;
    }
}*/
@media only screen and (max-width: 853px){
    .custom-file{width: 100%;}
}