/*CABECERA*/
header{
    border-bottom:1px solid #efefef;
}

.head-logo, .head-icon-menu{
    float: left; 
}
.head-logo {
    border-right: 1px solid #efefef;width: 250px; 
}

.head-logo a{
    float: left; width: 250px; height: 65px;
}
.head-logo img{
    width: 100px; margin-left: 70px; text-align: center
}
.head-icon-menu a{
    float: left; width: 50px; height: 65px;
}
.head-icon-menu a:hover, .head-user a:hover,.head-icon-off a:hover{
    background-color: #f2f2f2;
}

.head-icon-menu img{
    margin-top: 25px; margin-left: 15px;
}
.head-right{
    float: right;
}
.head-user,.head-icon-off{
    float: left;
}
.head-user a{
    float: left; height: 65px; color: #000; ;
}
.head-icon-off a{
    float: left; width: 65px; height: 65px;  
}
.head-user img{
    width: 60px; margin-top: 2px; float: left; border-radius: 30px; border: 1px solid #dadada;
    margin-left: 2px ;
}
.head-user span{
     margin-top: 20px; float: left; margin-left: 2px; margin-right: 2px;
}
.head-icon-off img{
    margin-top: 12px; margin-left: 12px; width: 40px; 
}

/*MENU*/
.box-menu{
    width: 249px; 
    position: absolute; left: 0px;z-index: 999; background-color: #fff;
}
.ul-menu {
    list-style: none; padding: 0; margin: 0;
}
.ul-menu li{
    list-style: none; 
}
.ul-menu li a{
    text-decoration: none; color: #72777a; font-size: 0.9rem; width: 100%;float: left;
    padding: 10px 0px; 
}
.ul-menu li a:hover{background-color: #f2f2f2; color: #000;}
.ul-menu li a img{
    width: 15px; float: left; margin-left: 20px; margin-top: 3px;
}
.ul-menu li a span{
    float: left; margin-left: 15px;
}
.menu-active a{
    background-color: #E0BB00 !important; 
}
.menu-active a span{
    color: #fff;
}
.menu-active .img_white{
    display: block !important;
}
.menu-active .img_color{
    display: none;
}

.img_white{display: none;}

/*SECTION*/
.main-contenedor{
    background-color: #fff;width: 100%;  position: relative;
}
/*f9fafb*/
footer{text-align: center;background-color: #242C42; color: #fff;font-size: 0.9rem; padding: 5px 0; }
.box-seccion{
    background-color: #EDF2F4;  padding: 15px; border-left: 1px solid #efefef; margin-left: 249px;
}
.box-contenido{
    background-color: #fff; border:1px solid #efefef;
}

.form-group label i{
    color: #ff0000; font-weight: bold;
}
/*UL RESERVA*/

.logo-movil{
    display: none;
}
.reg-est-green , .reg-est-yellow, .reg-est-red,.reg-est-blue,.reg-est-purple,.reg-est-orange,reg-est-brown,.reg-est-gray,.reg-est-black,.reg-est-emerald,.reg-est-pink{
    color: #fff; padding: 0px 3px;
}
.reg-est-green{background-color: #60ba45;}
.reg-est-yellow{background-color: #ffb810;}
.reg-est-red{background-color: #e02222;}
.reg-est-blue{background-color: #3faeff;}
.reg-est-purple{background-color: #7d00bd;}
.reg-est-orange{background-color: #d36900;}
.reg-est-brown{background-color: #7f4100;}
.reg-est-gray{background-color: #838383;}
.reg-est-black{background-color: #000000;}
.reg-est-emerald{background-color: #007e8d;}
.reg-est-pink{background-color: #c90068;}

@media screen and (max-width:600px) {
    .head-left,.head-logo{
        width: 100% !important;
    }
    .head-logo{border: 0px !important; }
    .head-logo a{width: 100% !important;text-align: center; border-bottom: 1px solid #EDF2F4;}
    
    .head-logo a img{
         margin: 7px auto !important;
    }
    header{
        height: 131px !important;
    }            
    .form-group .btn{
        width: 100% !important;
    }
    .box-img-logo{
        display: none;
    }
    .hr-titulo{
        display: none;
    }
    .col-form-label{
        padding-bottom: 0px !important;
    }
    .col-label-buttons{
        display: none;
    }
    .logo-movil{
        display: block !important;
    }
}