.navbar-brand, .navbar-nav>li>a{
    padding-top: 12px!important;
    padding-bottom: 12px!important;
}
:root{
    --proVerde: #79A429;
    --proAmarillo: #EF9725;
    --proRojo: #C02829;
    --proGris: #EBEBEB;
    --fonAzul: #7bd6e1;
    --fonGris: #F4F4F4;
    --fonBlanco: #F9F9F9;
    --menu: #7b42cd;
    --links: #7b42cd;
    --botones: white;
}
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%;
    /* background: linear-gradient(201deg, rgba(134, 78, 239, 1) 0%, rgba(184, 125, 252, 1) 100%);
    border-radius: 20px; */
    /* width: 100%;*/
    /* border: ; */
}
.botonVerde{
    color: var(--botones);
    background: linear-gradient(201deg, rgba(123, 214, 225, 1) 0%, rgba(0, 183, 237, 1) 100%);
    border-radius: 15px;
}
.btn-default{
    background: linear-gradient(201deg, rgba(255,213,102,1) 0%, rgba(255,153,85,1) 100%);
    color: var(--botones);
}
.botonAzul{
    color: #7b42cd!important;
    font-size: 1.1vmax;
}
.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%;
}
.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: 50%;
    padding: 0%;
}
.linksMenu2{
    width: 100%;
    margin-top: 5%;
    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;
}
.table{
    border: solid 1px #00b7ed;
}
.table > thead{
    background:linear-gradient(201deg, rgba(123, 214, 225, 1) 0%, rgba(0, 183, 237, 1) 100%);;
    color: white;
}
.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%;
    }
    .logoLogin{
        width: 100%;
        padding-top: 10%;
        padding-bottom: 10%;
        
    }
}
@media (min-width: 768px){
    #menu{
        width: 100%;
        height: 100vh;
        background-color: #f4f4f4;
        border-radius: 0%;
        margin-bottom: 0px;
    }
    .navbar.fixed-left {
        bottom:0;
        width:232px;
        flex-flow:column nowrap;
        align-items:flex-start;
    }
    body {
        margin-left:232px
    }
    .logoLogin{
        width: 70%;
        padding-top: 10%;
        padding-bottom: 10%;
    }
}