/*// XL Extra large devices (large desktops)*/
/*// No media query since the extra-large breakpoint has no upper bound on its width*/

/*-------- preloader_dom --------*/

.preloader_dom{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-color: #fff;
    z-index: 99999999999 !important;
}
.preloader_dom2{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-color: #000;
    z-index: 99999999999 !important;
}

[data-loader="circle-side"] {
    width:100px;
    height:100px;

    border:5px solid;
    border-radius:50%;
    border-color:#387ef0  transparent transparent;
    animation:circle 1s linear infinite;

    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
@keyframes circle{

    0% { transform: rotate(0deg); }
    /*100% { transform: rotate(360deg); }*/
    100%{transform:rotate(360deg);filter:hue-rotate(360deg)}
}
/* Safari */
@-webkit-keyframes circle {

    0% { -webkit-transform: rotate(0deg); }
    /*100% { -webkit-transform: rotate(360deg); }*/
    100%{transform:rotate(360deg);filter:hue-rotate(360deg)}
}
/*-------- preloader_dom --------*/

.logo_dom{
    height: 60px !important;
}

/*.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection {
    font-size: 1rem;
    font-size: 13px !important;
}*/
/*tamaño tetra selects2 el que muestra ey el seleccionado despues*/
.select2-results__option { 
    font-size: 13px !important;
}
.select2-container--bootstrap-5 .select2-selection {
    /*font-size: 1rem;*/
    font-size: 13px !important;
}

/*multiselect tamaño de los multi, vease add extraescolars select niveles*/
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    font-size: 0.8rem !important;
    color: #212529;
    cursor: auto;
}

table.dataTable thead th { 
    font-size: 12px !important;
    font-weight: bold !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 5px  !important;
}
table.dataTable > tbody > tr > td { 
    font-size: 12px !important;
    padding: 5px !important;
}

div.dt-container.dt-empty-footer .dt-scroll-body{
    border-bottom: none !important;
}

/*tamano avatares listados*/
.avatar-l{
    height: 1.7rem !important;
    width: 1.7rem !important;
}
.avatar-l .avatar-name{
    font-size: 0.95rem !important;
}

.content_para_doc{
    padding: calc(var(--phoenix-navbar-top-height) + 0rem) 0px 56.5px 0px !important;
}

.MAY{
    text-transform: uppercase !important;
}



/*TODO LOD E ARBOL NUEVOS*/    







/*recortar imagenes logo*/
#preview {
    margin-top: 20px;
    max-width: 300px;
    height: auto;
    border: 1px solid #ccc;
    padding: 5px;
}
#imagePreviewDiv {
    margin-top: 20px;
}




/*TAMAÑOS AUTOCOLUMNA TABLAS NO DATATABLE DOMIA*/

/* Para la columna de acciones: NO usar width:1% */
table.tabla-ajustada td.acciones {
    /*display: flex;*/
    flex-wrap: nowrap;      /* no permite saltar de línea */
    gap: .25rem;            /* separación entre botones */
    align-items: center;
    white-space: nowrap;
    width: auto !important; /* evita que herede 1% si lleva .min */
}
table.tabla-ajustada td.acciones .btn { flex: 0 0 auto; }




/*// LG Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
    /* <editor-fold defaultstate="collapsed" desc="aaa"> */

    /* </editor-fold> */
}
/*// MD Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    /* <editor-fold defaultstate="collapsed" desc="aaa"> */

    /* </editor-fold> */
}
/*// SM Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
    /* <editor-fold defaultstate="collapsed" desc="aaa"> */

    /* </editor-fold> */
}
/*// XS Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    /* <editor-fold defaultstate="collapsed" desc="aaa"> */

    /* </editor-fold> */
}