.page-loading-capa * {
    -webkit-transition: none !important;
    transition: none !important;
}

.page-loading-capa {
    position: relative;
}

.page-loader-capa {
    background: #f00;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: none;
}

.page-loading-capa .page-loader-capa {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

    .page-loading-capa .page-loader-capa[style*='block'] {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

.blockui-capa {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-radius: 0.42rem;
}

    .blockui-capa > span {
        color: #f00;
        padding: 0.75rem 1.2rem;
        font-size: 1rem;
        font-weight: 400;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .blockui-capa > span > .spinner {
            margin-right: 1.25rem;
        }


input.form-control.input_lectura {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    cursor: not-allowed;
}

/*Para ensanchar el login*/

.login.login-4 .login-form {
    max-width: 500px !important;
}

/*Para los menu de quinto nivel*/

.aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item >
.menu-submenu .menu-subnav > .menu-item .menu-link {
    padding-left: 85px;
}

/*Para poner el negrita los menus seleccionados*/

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
    font-weight: 500;
}

.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-text {
    font-weight: 500;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu
.menu-item.menu-item-active > .menu-link .menu-text {
    font-weight: 500;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu
.menu-item.menu-item-open > .menu-link .menu-text {
    font-weight: 500;
}

/*Reglas para las data tables*/
:root {
    /* --dt-row-selected: 54, 153, 255 !important;*/
    --dt-row-selected: 217, 217, 217 !important;
}

.modal-content {
    margin-top: 15% !important;
    left: 2% !important;
    width: 96% !important;
}

.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
    border-left: 10px solid rgba(54, 153, 255, 1);
}

.table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before {
    border-top: 10px solid rgba(54, 153, 255, 1);
}

.dt-buttons .primary {
    background-color: #3699FF !important;
    border-color: #3699FF !important;
    color: #ffffff !important;
}

    .dt-buttons .primary:hover {
        background-color: #0056b3 !important;
    }

.dt-paging-button a {
    font-size: 1.2em !important;
}

    .dt-paging-button a.page-link {
        font-size: 1.2em;
    }

.custom-margin-dataTable {
    margin-bottom: 20px;
}

.dt-search {
    margin-bottom: 20px;
}

div.dropdown-menu.dt-button-collection.dtb-collection-closeable {
    width: max-content !important;
}

div.dt-button-collection a.dt-button:hover {
    background-color: #3699FF;
    color: #ffffff;
}

div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll {
    float: left !important;
    margin-right: 5px !important;
    background-color: #3699FF !important;
    color: #ffffff !important;
}

    div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll:hover {
        background-color: #0056b3 !important;
    }

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button {
    background-color: #3699FF !important;
    color: #ffffff !important;
}

    div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button:hover {
        background-color: #0056b3 !important;
    }

div.dtsb-searchBuilder div.dtsb-group .btn.btn-light {
    background-color: #3699FF !important;
    color: #ffffff !important;
}

    div.dtsb-searchBuilder div.dtsb-group .btn.btn-light:hover {
        background-color: #0056b3 !important;
    }

div.dt-container div.dt-info {
    margin-top: 20px !important;
}

div.dt-container div.dt-length label {
    margin-top: 20px !important;
}

div.dt-container div.dt-paging {
    margin-top: 20px !important;
}

table.dataTable thead > tr > th span.dt-column-order {
    opacity: 1;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order {
    color: black;
}

div.dtsb-searchBuilder div.dtsb-titleRow {
    height: 0px !important;
}

.table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before {
    border-top: 10px solid rgba(180, 200, 230, 1) !important;
}
.dt-scroll-headInner {
    width: auto !important; 
    padding-right: 0 !important;
}

.table.dataTable {
    width: 100% !important; 
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input.dt-datetime {
    width: 50% !important;
}
/* Se agrega color a ICONOS EN RELACION FILTROS*/
.Boton:not(.la-save):not(.la-times):not(.la-broom):not(.Cancelar):not(.limpiarBusqueda) {
    color: white !important;
}

.Boton-text:not(.Anadir):not(#Cancelar):not(#Guardar):not(#enviarMail):not(.limpiar) {
    color: white !important;
}

/*HISTORICO*/
.form-Periodo-Historico .ml-1 {
    display: flex;
    flex-direction: row; 
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.form-Periodo-Historico > div {
    display: flex;
    flex-direction: column;
}

.from-Periodo, .form-Tipo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
}

    .from-Periodo .col-md-2, .form-Tipo .col-md-4 {
        flex-grow: 1;
        min-width: 150px;
        margin-right: -100px;
    }

    .from-Periodo label, .form-Tipo label {
        margin-right: 10px;
    }

/* ADVERTENCIA NUMERO PRIVADO*/

.mensaje-advertencia {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    transform: translateX(-70%);
    top: -12px;
    left: 0;
    z-index: 10;
}

.fa-exclamation-circle:hover .mensaje-advertencia {
    display: block;
}

/* DUAL LIST*/

.dual-listbox .dual-listbox__container .dual-listbox__available {
    width: 450px !important;
}

.dual-listbox .dual-listbox__container .dual-listbox__selected {
    width: 450px !important;
}

.dual-listbox .dual-listbox__search {
    max-width: 450px !important;
    width: 450px !important;
}

/*Vista error*/

.custom-bg-error {
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('https://icaa-intranet.visionagrupo.com/assets/media/bg/bg-error.jpg') no-repeat center center;
    background-size: cover;
}

/*Vista error interno*/

.custom-bg-error-interno {
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('https://icaa-intranet.visionagrupo.com/assets/media/bg/bg-error-interior.jpg') no-repeat center center;
    background-size: cover;
}

/*Estilos para Dropzone*/

.cerrar {
    top: 5px;
    right: 5px;
}

/*Estilos para los select2*/

.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default !important;
    opacity: 1 !important;
    background-color: #F3F6F9 !important;
}

/*Para forzar scrool vertical en modal*/

.modal-body-scrollable {
    max-height: 600px;
    overflow-y: auto;
}

/*Para disminuir tamaño de los titulos de los acordeones*/

.accordion .card .card-header .card-title {
    font-size: 1.11rem !important;
}

/*Para mejorar la visualizacion de los bordes de las cards*/

.card-footer {
    border-top: 1px solid #D1D3E0 !important;
}

.card-header {
    border-bottom: 1px solid #D1D3E0 !important;
}

.sin-borde {
    border: none !important;
}

.accordion .card .card-header {
    border-bottom: none !important;
}

/*Para mejorar la visualizacion de los separadores dashed de las cards*/
.separator.separator-dashed {
    border-bottom: 1px dashed #D1D3E0 !important;
}

/*Para quitar caret de los acordeons*/
.card-header .card-title.no-caret::after {
    display: none;
    content: none;
}