/* Modo gris para todo el sitio */
html.grismc {
    filter: grayscale(100%);
    opacity: 0.7; /* Opcional: reducir ligeramente la opacidad */
}

html.grismc-i {
    pointer-events: none; /* Opcional: deshabilitar interacciones */
}

.simplebox {
    width: 18%;
    color: white;
    padding: 4px;
    border-radius: 10px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

    .simplebox i {
        font-size: 40px;
        margin-left: 40%;
        margin-top: 14%;
        margin-right: auto;
    }

.slected-simplebox {
    opacity: 0.2;
}

.texto-rojo {
    color: red;
}

.disabled {
    color: #aeaeae;
    cursor: crosshair;
}

    .disabled tr {
        cursor: unset !important;
    }

.hide {
    display: none !important;
}

.lista-search {
    list-style: none;
    padding: 5px;
}

    .lista-search li {
        cursor: pointer;
        border-bottom: 1px solid black;
        margin-bottom: 4px;
        clear: both;
        padding: 2px;
        height: 50px;
    }

        .lista-search li:hover {
            background-color: #e1e1e1;
        }

        .lista-search li i {
            width: 70%;
            float: right;
        }

.circulo {
    width: 20px;
    height: 20px;
    border: 1px solid #aca4ef;
    border-radius: 100px;
    /*margin-top: 27px*/
    float: left;
}

    .circulo.active {
        background-color: #aca4ef !important;
    }

.simplebox b {
    font-size: 12px;
}

/* Estilo de la pagina de Expediente Unico */
#tab-residencia .input-group-text {
    width: 91px;
}

#tab-residencia .input-group-prepend {
    margin-bottom: 2px;
}

#tab-residencia .row {
    margin-top: 10px;
}

#tab-residencia .input-group-append .input-group-text,
#tab-residencia .form-group .input-group-text {
    width: 30px;
    height: 31px;
}

#tb_expedientes tbody tr td:last-child {
    text-align: center;
}

/* Estilo de los subidores de archivos, semejante a los botones del template */
input[type=file]::file-selector-button {
    margin-right: 20px;
    border: 1px solid #555;
    background: #3f6ad8;
    padding: 5px 10px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    vertical-align: super;
    transition: background .2s ease-in-out;
}

    input[type=file]::file-selector-button:hover {
        background: #0d45a5;
    }
/* Fin de estilo de Subidores */

#a_actualizarFoto {
    margin-top: 1% !important;
}

    #a_actualizarFoto::before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f093\00a0";
    }

    #a_actualizarFoto:hover {
        background-color: #3085d6 !important;
    }

.dropdown-menu-header-inner {
    background-image: linear-gradient(to top,#1cd885 0,#122ad2 100%);
}

section.container-fluid, section.container {
    z-index: 1;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 20px;
}
/* ********************************************* T E M A    O S C U R O ************************************* */
.oscuro .app-main__inner, .oscuro .swal2-modal, .oscuro #cv_gr1, .oscuro .list-group-item, .oscuro .app-main, .oscuro .card-header, .oscuro .nav-tabs .nav-link.active, .oscuro .daterangepicker {
    background-color: rgb(24, 26, 27) !important;
}

.oscuro iframe:not(.cke_wysiwyg_frame) {
    background: #fff;
    opacity: .8;
}

.oscuro .bg-royal {
    background-image: none !important;
}

.oscuro .main-card, .oscuro .app-header__content, .oscuro .app-main__outer, .oscuro .app-footer__inner, .oscuro .card-body,
.oscuro .modal .modal-header, .oscuro .scrollbar-sidebar {
    background-color: rgb(39, 42, 44) !important;
}

.oscuro ::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.oscuro .card-header, .oscuro .input-group-append .input-group-text, .oscuro .input-group-prepend .input-group-text,
.oscuro .swal2-header, .oscuro .card-footer, .oscuro .widget-content-right, .oscuro .modal-content {
    background: rgba(250,251,252,.1);
    color: #fff;
}

.oscuro .input-group-append .input-group-text, .oscuro .input-group-prepend .input-group-text, .oscuro .swal2-modal {
    border: 1px solid rgb(62, 67, 70) !important;
}

.oscuro .form-control, .oscuro textarea, .oscuro .form-group, .oscuro .dropdown-menu-header-inner, .oscuro .calendar-table {
    color: rgb(178, 172, 162) !important;
    background-color: rgb(24, 26, 27) !important;
    background-image: none !important;
    border-color: rgb(62, 67, 70) !important;
    box-shadow: rgb(0 0 0 / 7%) 0px 1px 1px inset !important;
}

.oscuro .table-hover tbody tr:hover td, .oscuro .chosen-results .active-result:hover, .oscuro .chosen-results .group-result,
.oscuro .fc-button-group .fc-state-active, .oscuro .datepicker-days .day, .oscuro .jstree-node a:hover, .oscuro .bg-royal, .oscuro .jstree-container-ul li:hover {
    background-color: #202324 !important;
    color: rgb(200, 195, 188) !important;
}

.oscuro .bg-white, .oscuro .dropdown-menu-lg {
    background-color: #202324 !important;
}

.oscuro .table-bordered > thead > tr > th, .oscuro .table-bordered > thead > tr > td, .oscuro .table-bordered > tbody > tr > th, .oscuro .table-bordered > tbody > tr > td, .oscuro .table-bordered > tfoot > tr > th, .oscuro .table-bordered > tfoot > tr > td, .oscuro .daterangepicker, .oscuro section.container-fluid, .oscuro section.container-fluid, .oscuro section.container, .oscuro section.container .mt-3 .col-md-6 {
    border-color: rgb(42, 57, 72);
}

    .oscuro .table-striped thead tr th, .oscuro thead tr td, .oscuro .table-striped tbody tr td, .oscuro tbody tr td, .oscuro .datepicker-switch, .oscuro .dow,
    .oscuro .control-label, .oscuro .locked, .oscuro .mx-auto, .oscuro .apexcharts-legend-text, .oscuro .mt-4 label, .oscuro .swal2-content, .oscuro .dataTables_info,
    .oscuro .dataTables_paginate, .oscuro .dataTables_filter, .oscuro .dataTables_length, .oscuro .card-body .row, .oscuro .jstree-container-ul li, .oscuro .jstree-container-ul li span, .oscuro, .oscuro section.container-fluid h4, .oscuro section.container h4 {
        color: rgb(200, 195, 188) !important
    }

.oscuro .table-striped thead tr th, .oscuro .sorting, .oscuro thead tr, #tbody_recurrentes tr:nth-child(odd) td, .oscuro .app-header__logo {
    background-color: #202324 !important;
}

.oscuro .table-bordered {
    border: 1px solid #181a1b !important;
}

.oscuro .table-striped > tbody > tr:nth-of-type(odd) {
    background: #202324 !important;
    color: rgb(200, 195, 188) !important;
}

.oscuro .alert-danger, .oscuro .btn, .oscuro .alert-warning, .oscuro .badge {
    opacity: .8 !important;
    font-weight: bold;
}

.oscuro .app-wrapper-footer .app-footer .app-footer__inner, .oscuro .app-wrapper-footer .app-footer {
    border: 0 !important;
}

.oscuro .card-header > .nav .nav-link, .oscuro .swal2-title, .oscuro .widget-heading, .oscuro .widget-subheading, .oscuro #cv_gr1, .oscuro #h_mensaje,
.oscuro .nav .nav-link {
    color: rgb(178, 172, 162) !important;
}

.oscuro .widget-content-right {
    background: none !important;
}

.oscuro .widget-heading {
    color: #fff !important;
}

.oscuro .modal-content, .oscuro > .modal > div > div > div.modal-footer {
    background-color: rgb(39, 42, 44) !important;
    color: #fff !important;
}

.oscuro .modal-header {
    background: rgba(250,251,252,.1) !important;
    color: #fff !important;
    border-bottom: 1px solid #6b6b6b !important;
}

.oscuro .modal-footer {
    background: rgba(250,251,252,.1) !important;
    color: #fff !important;
    border-top: 1px solid #6b6b6b;
}

.oscuro .modal-dialog {
    box-shadow: 0 0.76875rem 2.4875rem rgb(62 63 65 / 10%), 0 1.3375rem 1.70625rem rgb(62 63 65 / 10%), 0 0.55rem 0.53125rem rgba(0,0,0,.05), 0 0.225rem 0.4375rem rgb(62 63 65 / 10%);
}

.oscuro .btn-default, .oscuro .page-title, .oscuro .sp_atencion_titulo, .oscuro .chosen-single, .oscuro .chosen-choices, .oscuro .chosen-results, .oscuro #CieExtent div div, .oscuro .select2-selection,
.oscuro .select2-results, .oscuro .select2-search, .oscuro .select2-search__field, .oscuro .chosen-search-input, .oscuro .chosen-search, .oscuro .tt-selectable,
.oscuro .dark {
    color: rgb(200, 195, 188) !important;
    background-color: rgb(24, 26, 27) !important;
    border-color: rgb(62, 68, 70) !important;
}

.text-white {
    color: rgba(255, 255, 255, .8) !important;
}

.oscuro #dv_charts .card {
    opacity: .8;
    background-image: linear-gradient(140deg, #211f29 -30%, #444054 90%) !important;
    border: 1px solid rgb(62, 67, 70);
}

    .oscuro #dv_charts .card .widget-subheading {
        color: #fff !important;
    }


.oscuro .chosen-results {
    margin-bottom: 0 !important;
}

    .oscuro .chosen-results li, .amcharts-chart-div text {
        color: rgb(178, 172, 162) !important;
    }

        .oscuro .chosen-results li.result-selected {
            background-color: #202324 !important;
        }
/* FIN DE ESTILO OSCURO */


@media (max-width: 700px) {
    .sp_um_desc, .sp_ocultar {
        display: none;
    }

    .sp_um_desc_corto {
        display: block !important;
    }
}

.oscuro .card-header > .nav {
    margin-right: 5px;
}

.paginate_input {
    text-align: right;
}


table tr.cancelado td, table tr.cancelado td label {
    text-decoration: line-through;
    font-style: italic;
}

.separador {
    border-bottom: 1px dashed #ccc;
    height: 5px;
}

.oscuro .swal2-success-circular-line-left, .oscuro .swal2-success-fix, .oscuro .swal2-success-circular-line-right {
    background-color: transparent !important;
}

.oscuro .swal2-popup .swal2-validation-message {
    background-color: rgba(250,251,252,.1) !important;
    border: 1px solid indianred;
    color: rgb(178, 172, 162) !important;
}

.oscuro #tb_ordenes_paginate span.btn, .oscuro .paginate_input, .dataTables_paginate .pagination .paginate_button:not(.active) a {
    background-color: rgba(250,251,252,.1) !important;
    border: 1px solid #000 !important;
    color: rgb(178, 172, 162) !important;
}

.oscuro .cke_chrome {
    border: 0 !important;
}

.oscuro .nav-tabs {
    border-bottom: 1px solid #3d474e;
}

.oscuro .nav-tabs, .oscuro .nav-item .active {
    background-color: rgba(250,251,252,.1) !important;
    border: 1px solid #3d474e;
}

.oscuro .nav-item .active {
    font-style: italic;
    font-weight: bold;
}

.oscuro .nav-item:hover {
    border: 1px solid #3d474e;
}

.oscuro .cke_bottom {
    background: #000 !important;
    border-top: 1px solid #6b6b6b !important;
}

    .oscuro .cke_bottom .cke_path {
        color: #e5e5e5 !important;
    }

        .oscuro .cke_bottom .cke_path .cke_path_item {
            text-shadow: 0 black !important;
            color: #e5e5e5 !important;
            font-weight: normal !important;
        }

.oscuro .calendar-table .table-condensed .disabled {
    background-color: #6f6f6f !important;
}

.oscuro .calendar-table .table-condensed .available:not(.today):not(.start-date):not(.end-date) {
    background-color: #3d474e !important;
}

.oscuro .calendar-table .table-condensed .weekend:not(.in-range) {
    background-color: #000 !important;
}

.oscuro .daterangepicker td.off, .oscuro .daterangepicker td.off.end-date, .oscuro .daterangepicker td.off.in-range, .oscuro .daterangepicker td.off.start-date {
    background-color: #3f6ad8 !important;
}

.oscuro .calendar-table .table-condensed .start-date,
.oscuro .calendar-table .table-condensed .end-date {
    background-color: #3498DB !important;
}


.oscuro .calendar-table .table-condensed .available:hover {
    background-color: #3498DB !important;
}

.oscuro .card-body .card-header-title {
    color: rgb(200, 195, 188) !important;
}

.oscuro .accordion-wrapper {
    border: 5px solid #2C3E50;
}

.oscuro .card-body .multiselect, .oscuro .card-body .radios, .dataTables_paginate .pagination .pagination .active.page-number .page-link {
    background-color: rgb(24, 26, 27) !important;
    border-color: rgb(62, 67, 70) !important;
}

.oscuro .accordion-wrapper .card .collapseOne_1, .oscuro .accordion-wrapper > .card .collapse {
    border-bottom-color: transparent !important;
}


@media (orientation: portrait) {
    #dv_estudios .card-header .a_text {
        display: none !important;
    }

    #dv_estudios .card-header i {
        font-size: 15pt;
    }

    .dataTables_info, table.table-striped thead tr th, table.table-striped tbody tr td, #ordenes .widget-content .widget-heading {
        font-size: 8pt;
        font-weight: normal;
    }

    .app-main .app-main__inner {
        padding: 12px 12px 0;
    }

    #tb_ordenes_wrapper .row:nth-child(2) {
        margin-top: -15px;
    }

    #tb_ordenes_filter label {
        margin-top: 4px;
    }

    #btn_admision {
        height: 55px !important;
        margin-bottom: 16px !important;
    }
}