fieldset {
    background-color: rgb(255 255 255 / 98%);
    border-radius: 3px;
    padding-bottom: 12px;
}

legend {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #242f47;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 12px 3px 14px;
    width: auto;
}

/* PARA LA CARGA DE PETICIONES */
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    /*background: url('../../img/IconoLoader.svg') 50% 50% no-repeat rgb(249,249,249);*/
    background: url('../../img/IconoLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    background-size: 180px;
/*    background-color: #c4e3f3;*/
    opacity: 0.8;
}

.loader-texto-centrado {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #1a1711;
    text-align: center;
    /*font-weight: bold;*/
    /*font-size: 16px;*/
    font-size: 12px;
    text-transform: uppercase;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

/* PARA LA CARGA DE PÁGINA */
.loaderPagina {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    /*background: url('../../img/IconoLoader.svg') 50% 50% no-repeat rgb(249,249,249);*/
    background: url('../../img/IconoLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    background-size: 180px;
/*    background-color: #c4e3f3;*/
    opacity: 1.0;
}

/* para el boton cerrar del popup - inicio */
.close {
    color: #b90404;
    opacity: 100;
    border-radius: 30%;
    width: 25px;
    height: 25px;
    font-size: 18px;
    font-weight: bold;
    transform: rotate(0);
    transition: all .3s ease;
}

    .close:hover,
    .close:focus {
        color: #ff0000;
        background-color: #ffffff; /* adicionado para resaltar el fondo rojo*/
        opacity: 100;
        text-decoration: none;
        filter: alpha(opacity=50);
    }

    .close:hover {
        transform: rotate(-180deg);
    }

button.close {
    background: #ffffff;
}
/* para el boton cerrar del popup - termino */


/* mensajes de alerta - inicio */
.swal-success {
    border-color: #5cb85c;
    border: 5px solid #5cb85c;
}

.swal-warning {
    border-color: #f8bb86;
    border: 5px solid #f8bb86;
}

.swal-danger {
    border-color: #f62828;
    border: 5px solid #f62828;
}

.swal-info {
    border-color: #54a3f7;
    border: 5px solid #54a3f7
}

.sweet-overlay {
    background-color: rgba(11, 23, 3, 0.50);
    z-index: 100005;
}

.sweet-alert {
    z-index: 999999;
}
/* mensajes de alerta - final */

/* para los popover */
.popover-title {
    background-color: #ebcccc;
    color: #9F1216;
    width: 200px;
}

.popover-content {
    width: 200px;
}

/*.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #D84315;
}

.has-error .form-control {
    border-color: #D84315;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-error .form-control:focus {
        border-color: #aa3510;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f08463;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f08463;
    }

.has-error .input-group-addon {
    color: #D84315;
    border-color: #D84315;
    background-color: #FBE9E7;
}*/

.bold {
    font-weight: bold;
}

.bg-headerTabla {
    background-color: #97939333;
    color: white;
    font-weight: 100;
}

textarea {
    resize: none;
}

.flipswitch {
    position: relative;
    width: 70px;
    height: calc(1.5em + 0.5em );
    -webkit-appearance: initial;
    border-radius: 3px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #c6cad5;
    background-color: white;
}

    .flipswitch:after {
        position: absolute;
        top: 5%;
        display: block;
        line-height: 19px;
        width: 45%;
        height: 90%;
        background: #fff;
        box-sizing: border-box;
        text-align: center;
        transition: all 0.3s ease-in 0s;
        color: black;
        border: #888 1px solid;
        border-radius: 3px;
        vertical-align: middle;
    }

    .flipswitch:after {
        left: 2%;
        content: "NO";
        color: #FFF;
        padding-top: 2px;
        background-color: #c82333;
    }

    .flipswitch:checked:after {
        left: 53%;
        content: "SI";
        color: #FFF;
        padding-top: 2px;
        background-color: green;
    }

.btn-cas {
    color: #fff;
    background-color: #fa9d19;
    border-color: #c57503;
}

    .btn-cas:hover {
        color: #fff;
        background-color: #e18400;
        border-color: #c57503;
    }

    .btn-cas:focus, .btn-cas.focus {
        box-shadow: 0 0 0 0.2rem rgba(1, 98, 232, 0.2);
    }

    .btn-cas.disabled, .btn-cas:disabled {
        color: #fff;
        background-color: #fa9d19;
        border-color: #c57503;
    }

    .btn-cas:not(:disabled):not(.disabled):active, .btn-cas:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #fa9d19;
        border-color: #c57503;
    }

.show > .btn-cas.dropdown-toggle {
    color: #fff;
    background-color: #fa9d19;
    border-color: #c57503;
}

.btn-cas:not(:disabled):not(.disabled):active:focus, .btn-cas:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(114, 115, 245, 0.2);
}

.show > .btn-cas.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(114, 115, 245, 0.2);
}


.card-cas-title {
    padding: 10px 0 10px 0;
    font-size: 17px;
    font-weight: bold;
    color: #000000;
    /*font-family: "Poppins", sans-serif;*/
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #060606;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(52 47 40 / 26%);
}
.form-select:focus {
    border-color: #060606;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(52 47 40 / 26%);
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    background-color: #bf0909;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}



.dx-datagrid-headers {
    /*color: black;*/
    color: white;
    font-weight: 500;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    border-bottom: 1px solid #ddd;
    background: black;
    /*background: beige;*/
}

.dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: #fff;
    border: 1px solid #838383;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
   /* background-color: #f5f5dc;
    color: #333;*/
    background-color: #f5f5dc;
    color: #333;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: #000000;
    box-shadow: 0 0 0 0.25rem rgb(118 113 101 / 33%);
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #000000;
    box-shadow: 0 0 0 0.25rem rgb(118 113 101 / 33%);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color: #fff;
    background-color: #5c5c5c;
}

.select2-container--bootstrap-5 .select2-dropdown {
    z-index: 1056;
    overflow: hidden;
    color: #212529;
    background-color: #fff;
    border-color: #000000;
    border-radius: 0.25rem;
}
.select2-container--bootstrap-5 .select2-selection {
    font-size: 0.78rem;
}

.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option, .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-search .select2-search__field {
    padding: 0.25rem 0.5rem;
    font-size: .78rem;
}

.select2-selection__rendered {
    padding-left: 20px !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.inpradio {
    -webkit-transform: scale(1.6, 1.6);
    -moz-transform: scale(1.6, 1.6);
    -ms-transform: scale(1.6, 1.6);
    -o-transform: scale(1.6, 1.6);
    transform: scale(1.6, 1.6) !important;
}

    .inpradio:checked {
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

.fontEditarFecha {
    font-style: italic;
    font-weight: 600;
}

.error {
    border-color: #FF3838;
    color: red;
}

.selMenuOption {
    color: #4c4c4c !important;
    background: #e5e5e5 !important;
    border-radius: 4px;
}

.lblTiempoCumple {
    color: #07873b !important;
    font-weight: 700 !important;
}

.lblTiempoNoCumple {
    color: #df1818 !important;
    font-weight: 700 !important;
}

.fs-7 {
    font-size: 0.875em !important;
}

@media print {

    @page {
        size: landscape
    }

    .demo-container {page-break-inside: avoid;}

    .header {
        position: absolute !important;
    }

    body {
        zoom: 80%;
    }

    .noPrint {
        display: none !important;
    }
}

.px-6 {
    padding-right: 3rem !important;
    padding-left: 8rem !important;
}