@charset "UTF-8"; 

/*Temas referentes a letra*/
.oscura{font-weight: bold !important;}
.titulo{font-weight: bold !important;}

/*Temas de menu*/
.menuitem{color: white !important; min-height: 40px;padding: 10px;}
.menuitem:hover{background-color: rgba(110,145, 175,1);}
.menuSeleccionado{background-color: rgba(255,255,255,.2);}
.submenuitem{color: white !important;min-height: 40px;padding: 10px;margin-left: 10%}
.submenuitem:hover{background-color: rgba(110,145, 175,1);}
.tituloModulo{color: #009688 !important;}



/*--------------------------------*/
.menu-link, .submenu-link {
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.menu-link:hover, .submenu-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.menuSeleccionado {
    background-color: rgba(255, 255, 255, 0.2);
}

.menuitem, .submenuitem {
    transition: background-color 0.3s ease;
}
/*--------------------------------*/
/*Temas paar control de paneles*/

.botonCancelar{background: #850f0f !important;}
.botonNuevo{background: #009688 !important;border: solid 1px #188076;}
.botonTabla{height: 18px !important;background: none !important;color: #2196f3 !important;}

/*Bootstrap*/
/* Grid system */
.items-center {
    display: flex;
    align-items: center;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

[class^="col-"],
[class*=" col-"] {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    gap: 5px;
}

[class^="col-"]:empty,
[class*=" col-"]:empty {
    display: none;
}


[class^="col-"] label,
[class*=" col-"] label {
    margin-right: 2px;
}

/* Column sizes: col-1 to col-12 (12-column system) */
.col-1  { flex: 0 0 8.33%;  max-width: 8.33%; }
.col-2  { flex: 0 0 16.66%; max-width: 16.66%; }
.col-3  { flex: 0 0 25%;    max-width: 25%; }
.col-4  { flex: 0 0 33.33%; max-width: 33.33%; }
.col-5  { flex: 0 0 41.66%; max-width: 41.66%; }
.col-6  { flex: 0 0 50%;    max-width: 50%; }
.col-7  { flex: 0 0 58.33%; max-width: 58.33%; }
.col-8  { flex: 0 0 66.66%; max-width: 66.66%; }
.col-9  { flex: 0 0 75%;    max-width: 75%; }
.col-10 { flex: 0 0 83.33%; max-width: 83.33%; }
.col-11 { flex: 0 0 91.66%; max-width: 91.66%; }
.col-12 { flex: 0 0 100%;   max-width: 100%; }

/* Responsive breakpoints */
@media (min-width: 576px) {
    .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
    .col-sm-4 { flex: 0 0 33.33%; max-width: 33.33%; }
    .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
    .col-sm-2 { flex: 0 0 16%; max-width: 16%; }
    }

@media (min-width: 768px) {
    .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .col-md-4 { flex: 0 0 33.33%; max-width: 33.33%; }
    .col-md-3 { flex: 0 0 25%; max-width: 25%; }
    col-sm-2 { flex: 0 0 16%; max-width: 16%; }
}

@media (min-width: 992px) {
    .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
    .col-lg-4 { flex: 0 0 33.33%; max-width: 33.33%; }
    .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
    col-sm-2 { flex: 0 0 16%; max-width: 16%; }
}

@media (min-width: 1200px) {
    .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
    .col-xl-4 { flex: 0 0 33.33%; max-width: 33.33%; }
    .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
    col-sm-2 { flex: 0 0 16%; max-width: 16%; }
}

@media (min-width: 1400px) {
    .col-2xl-6 { flex: 0 0 50%; max-width: 50%; }
    .col-2xl-4 { flex: 0 0 33.33%; max-width: 33.33%; }
    .col-2xl-3 { flex: 0 0 25%; max-width: 25%; }
    col-sm-2 { flex: 0 0 16%; max-width: 16%; }
}

@media (min-width: 1600px) {
    .col-3xl-6 { flex: 0 0 50%; max-width: 50%; }
    .col-3xl-4 { flex: 0 0 33.33%; max-width: 33.33%; }
    .col-3xl-3 { flex: 0 0 25%; max-width: 25%; }
    col-sm-2 { flex: 0 0 16%; max-width: 16%; }
}

/* Margin bottom utilities */
.mb-0  { margin-bottom: 0 !important; }
.mb-1  { margin-bottom: 0.25rem !important; }
.mb-2  { margin-bottom: 0.5rem !important; }
.mb-3  { margin-bottom: 1rem !important; }
.mb-4  { margin-bottom: 1.5rem !important; }
.mb-5  { margin-bottom: 3rem !important; }

/*Fin Bootstrap*/

/*Tema para mapa de sistema*/
.mapa{box-shadow: 0px 2px 10px 2px #8e8e8e;border: solid 1px #477496;border-radius: 7px;}

.max-h-50vh {
    max-height: 50vh;
}

.active {
    display: block !important;
}
#closemenu {
    /*position: absolute;*/ 
    /*    top: 0; 
        left: 50%; */
    width: 100%;
    text-align: center;
    display: none; 
    border: 0;
    background: transparent; 
    padding: 10px; 
    font-size: 30px; 
    color: white;
}
.botonmenu {
    position: absolute; 
    border: 0; 
    width: 40px; 
    height: 40px; 
    z-index: 5;
    background: transparent; 
    font-size: 27px
}

.w-155 {
    width: 155px !important;
}

.min-w-155 {
    min-width: 155px !important;
}

/*Justificado de Texto*/
.justificar{
    text-align: justify; 
    display: block;
}

@media only screen and (min-width: 500px) {
    .botonmenu, #closemenu {
        display: none !important;
    }
}
@media only screen and (max-width: 500px) {
    .botonmenu {
        display: block !important;
    }
}
@media only screen and (max-width: 1350px) {
    .contrenido, .cabecera {
        width: 76% !important;
    }
    .cabecera h1 {
        margin-top: 10px !important;
        font-size: 18px !important;
    }
    .menu {
        width: 24% !important;
    }
    
}
@media only screen and (max-width: 1239px) {
    .ocultable{
        display: none;
    }
}
@media only screen and (max-width: 1100px) {
    .cabecera h1 {
        margin-top: 10px !important;
        font-size: 16px !important;
    }
    .cabecera a:first-of-type {
        font-size: 12px !important;
    }
    .cabecera a:last-of-type {
        font-size: 12px !important;
    }
}
@media only screen and (max-width: 850px) {
    .contrenido, .cabecera {
        width: 70% !important;
    }
    .menu {
        width: 30% !important;
    }
    .cabecera h1 {
        margin-top: 0 !important;
        font-size: 13px !important;
    }
    .cabecera a:first-of-type {
        font-size: 12px !important;
    }
    .cabecera a:last-of-type {
        font-size: 12px !important;
    }
    .ocultable{
        display: none;
    }
}
@media only screen and (max-width: 500px) {
    .contrenido{
        width: 100% !important;
    }
    .cabecera {
        width: 90% !important;
    }
    .cabecera h1 {
        margin-top: 0 !important;
        font-size: 11px !important;
    }
    .cabecera a:first-of-type {
        font-size: 10px !important;
    }
    .cabecera a:last-of-type {
        font-size: 10px !important;
    }
    .menu {
        width: 100% !important;
        display: none;
    }
}


.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;

}