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.gif') 50% 50% no-repeat rgb(249,249,249);
    /* background-size: 150px; */
/*    background-color: #c4e3f3;*/
    opacity: 0.8;
}

.loader-texto-centrado {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #1a1711;
    text-align: center;
    font-weight: bold;
    /*font-size: 16px;*/
    font-size: 12px;
    text-transform: uppercase;
}

/* PARA LA CARGA DE PÁGINA */
.loaderPagina {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url('../img/IconoLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    /* background-size: 150px; */
/*    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: 59px;
    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: #0056AC ;
        font-weight: 600;
        border-radius: 6px;
        /* border-color: #c57503; */
    }
    
        .btn-cas:hover {
            color: #fff;
            background-color: #184397;
            /* 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:#DEE3EA;
            background-color: #8A94A2;
            /* border-color: #c57503; */
        }
    
        .btn-cas:not(:disabled):not(.disabled):active, .btn-cas:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #184397;
            /* 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);
    }
    
    
    
    .btn-cas2 {
        color: #184397;
        background-color: #FFFFFF ;
        font-weight: 600;
        border-radius: 6px !important;
        border-color: #184397;
    }
    
        .btn-cas2:hover {
            color: #184397;
            background-color: #E1F0FF;
            border-color: #184397;
        }
    
        .btn-cas2:focus, .btn-cas.focus {
            box-shadow: 0 0 0 0.2rem rgba(1, 98, 232, 0.2);
        }
    
        .btn-cas2.disabled, .btn-cas2:disabled {
            color: #184397;
            background-color: #FFFFFF;
            /* border-color: #c57503; */
        }
    
        .btn-cas2:not(:disabled):not(.disabled):active, .btn-cas2:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #184397;
            /* border-color: #c57503; */
        }
    
    .show > .btn-cas2:disabled.dropdown-toggle {
        color: #fff;
        background-color: #fa9d19;
        border-color: #c57503;
    }
    
    .btn-cas2:not(:disabled):not(.disabled):active:focus, .btn-cas2:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 0.2rem rgba(114, 115, 245, 0.2);
    }
    
    .show > .btn-cas2.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(114, 115, 245, 0.2);
    }
    

    .btn-cas3 {
        color: #184397;
        background-color: #E1F0FF ;
        border-color: #184397;
        border-radius: 6px;
    }
    
        .btn-cas3:hover {
            color: #184397;
            background-color: #EDF0F4;
            border-color: #184397;
        }
    
        .btn-cas3:focus, .btn-cas.focus {
            box-shadow: 0 0 0 0.2rem rgba(1, 98, 232, 0.2);
        }
    
        .btn-cas3.disabled, .btn-cas3:disabled {
            color: #184397;
            background-color: #E1F0FF;
            border-color: #c57503;
        }
    
        .btn-cas3:not(:disabled):not(.disabled):active, .btn-cas3:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #184397;
            border-color: #c57503;
        }
    
    .show > .btn-cas3:disabled.dropdown-toggle {
        color: #fff;
        background-color: #184397;
        border-color: #184397;
    }
    
    .btn-cas3:not(:disabled):not(.disabled):active:focus, .btn-cas3:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 0.2rem rgba(114, 115, 245, 0.2);
    }
    
    .show > .btn-cas3.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: #060606;
    /*font-family: "Poppins", sans-serif;*/
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: #ffffff;
    border-color: #184397;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(225 240 255);
}
.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: beige;*/
    background: black;
}
.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;
}
.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}


.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color:  #184397;
    box-shadow: 0 0 0 0.25rem rgb(225 240 255);
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color:  #184397;
    box-shadow: 0 0 0 0.25rem rgb(225 240 255);
}

.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: #184397;
}

.select2-container--bootstrap-5 .select2-dropdown {
    z-index: 1056;
    overflow: hidden;
    color: #212529;
    background-color: #fff;
    border-color: #184397;
    box-shadow: 0 0 0 0.25rem rgb(225 240 255);
    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-container--bootstrap-5 .select2--small.select2-selection--single {
    padding: 0.25rem 0.5rem;
}
*/

header .tagline__text {
    margin-left: 1.5rem;
    line-height: 2rem;
    font-size: .875rem;
    padding-left: 1rem;
    border-left-width: 1px;
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255,255,255,var(--border-opacity));
}
.px-6 {
    padding-right: 3rem !important;
    padding-left: 8rem !important;
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid #0056AC;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #0056AC;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #0056AC;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid #0056AC;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #0056ac;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #0056ac;
    display: block;
    top: 37px;
    border-radius: 2px;
}


.bg-alert-success{
    background-color: #C9F0D8;
    color: #126B49;
    font-weight:800;
}
.bg-alert-danger{
    background-color: #FCEEEE;
    color:#BF0909;
    font-weight:800;
 }

 .bg-gob-pe{
    color: #26292E !important;
 }

 .size-button{
    width: 7rem;
 }

 .margin-button{
    margin: 0.4rem;
 }