:root{
    --proVerde: #79A429;
    --proAmarillo: #EF9725;
    --proRojo: #C02829;
    --proGris: #EBEBEB;
    --fonAzul: #3771AB;
    --fonGris: #F4F4F4;
    --fonBlanco: #F9F9F9;
    --menu: #004c94;
    --links: #083B6C;
    --botones: #92B864;
}
form, .table-responsive{
    background-color: white;
    border-radius: 5px;
    padding: 10px;
}

.dTemp{
    background-color: white;
    padding: 0px;
    border: 1px #D8D8D8 solid;
}
.dTit{
    background-color: var(--fonBlanco);
}
.btn{
    background-color: white;
}
.boton{
    padding-top: 3%;
    padding-bottom: 3%;
    /* width: 100%;*/
    /* border: ; */
}
.botonVerde{
    color: var(--botones);
}
.botonAzul{
    color: var(--links);
}
.botonVerde:hover{
    color: var(--botones);
}
.botonAzul:hover{
    color: var(--links);
}
.td{
    font-family: 'Roboto', sans-serif;
}
.b{
    font-family: 'Roboto', sans-serif;
}
.div{
    font-family: 'Roboto', sans-serif;
}
.titulos{
    font-family: 'Roboto', sans-serif;
}
.titulosColor{
    font-family: 'Roboto', sans-serif;
    color: var(--menu);
}
.titulosVerde{
    font-family: 'Roboto', sans-serif;
    color: var(--botones);
}
.textos{
    font-family: 'Roboto', sans-serif;
}
.textosColor{
    font-family: 'Roboto', sans-serif;
    color: var(--menu);
}
.textosVerde{
    font-family: 'Roboto', sans-serif;
    color: var(--botones);
}
.navbar{
    background-color: var(--menu);
    color: white;
}
.navbar.fixed-left {
    position:fixed;
    top:0;
    left:0;
    right:0;
    min-height: 70px;
    z-index:1030;
}
.nav-item{
    width: 100%;
}
@media (min-width:768px) {
.navbar.fixed-left {
    bottom:0;
    width:232px;
    flex-flow:column nowrap;
    align-items:flex-start;
}
@media (min-width:768px) {
    body {
        margin-left:232px
    }
}
.errorlist{
    background-color: #CB4450;
    border-color: #CB4450;
    border-radius: 5px;
    color: white;
}
.formLogin{
    background-color: white;
    border-radius: 5px;
    margin-top: 10%;
    padding-top: 10%;
    padding-bottom: 5%;
}
#imgLM{
    width: 100%;
}
.imgMenu{
    width: 10%
}
.linksMenu{
    width: 100%;
    margin-top: 25%;
    padding: 0%;
}
#linkMenu1, #linkMenu2, #linkMenu3, #linkMenu4, #linkMenu5, #linkMenu6, #linkMenu7, #linkMenu8, #linkMenu9, #linkMenu10{
    background-color: transparent;
    color: white;
    text-decoration: none;
}
#linkMenu1:hover, #linkMenu2:hover, #linkMenu3:hover, #linkMenu4:hover, #linkMenu5:hover, #linkMenu6:hover, #linkMenu7:hover, #linkMenu8:hover, #linkMenu9:hover, #linkMenu10:hover{
    background-color: var(--links);
    color: white;
    text-decoration: none;
}
#navFooter{
    position: absolute;
    bottom: 0%;
    background-color: var(--menu);
    color: white;
    width: 100%;
    padding: 0px;
}
#aCerrar{
    color: white;
    padding: 10px;
}
#aCerrar:hover{
    background-color: var(--links);
    color: white;
}
#bs-example-navbar-collapse-1{
    padding-left: 0px;
    padding-right: 0px;
}
#aCS{
    color: white;
    background-color: var(--links);
    width: 100%;
    padding-left: 5%;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td{
    border: none;
}
.fondo{
    background-size: 100%;
}
input[type = radio]:after{
    background-color: #79A429;
}
input[type = radio]:checked:after{
    background-color: #79A429;
}
.btnA:hover{
    color: white;
}
.menuAzul{
    background-color: var(--fonAzul);
    color: white;
    padding-top: 2%;
    padding-bottom: 2%;
}
.aBlanco{
    color: white;
    text-decoration: none;
}
.aBlanco:hover{
    color: white;
    text-decoration: none;
}
.aMenu{
    color: black;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.aMenu:hover{
    color: black;
    text-decoration: none;
}
.active{
    border-bottom: 5px var(--fonAzul) solid;
}
.opciones{
    border: none;
    background: transparent;
}
.divScroll {
    overflow: auto;
    white-space: nowrap;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
}
.divScroll button {
    display: inline-block;
}
.divPanel{
    padding: 0px;
    margin-bottom: 10px;
}
.botonDesplegable1{
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    text-align: left;
    background-color: var(--menu);
    color: white;
    border-radius: 0px;
}
.botonDesplegable1:hover{
    color: var(--fonBlanco);
}
.botonDesplegable2{
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    text-align: left;
    background-color: var(--botones);
    color: white;
    border-radius: 0px;
}
.botonDesplegable2:hover{
    color: var(--fonBlanco);
}
.botonDesplegable3{
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    text-align: left;
    background-color: white;
    color: var(--menu);
    border-radius: 0px;
}
.botonDesplegable3:hover{
    color: var(--menu);
}
.botonDesplegable4{
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    text-align: left;
    background-color: white;
    color: var(--botones);
    border-radius: 0px;
}
.botonDesplegable4:hover{
    color: var(--botones);
}
.activeAzul{
    border-bottom: 2px solid var(--links);
}
@media (min-width: 0px) and (max-width: 767px){
    #imgLM{
        width: 50%;
        margin-bottom: 0%;
    }
    .linksMenu{
        width: 100%;
        margin-top: 0%;
    }
    .imgMenu{
        width: 5%
    }
    #linkMenu1, #linkMenu2, #linkMenu3, #linkMenu4, #linkMenu5, #linkMenu6, #linkMenu7, #linkMenu8, #linkMenu9, #linkMenu10{
        margin-top: 0%;
    }
    #bs-example-navbar-collapse-1{
        margin-left: 1%;
    }
}
@media (min-width: 768px) and (max-width: 2000px){
    #menu{
        width: 100%;
        height: 100vh;
        background-color: #f4f4f4;
        border-radius: 0%;
        margin-bottom: 0px;
    }
}