/*
Verde Logo #00AA58
Verde Logo (oscuro) #028747

Naranja Logo #F26836
Naranja Logo (oscuro) #F54708

Gris Claro #F8F8F8

*/



.center_vertical{
    vertical-align: middle;
}
/*BOTONES */
.btn-primary{
    background: #00AA58;
    border-color: #028747;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:visited{
    background: #028747;
    border-color: #028747;
}
.btn-success{
    background: #F26836;
    border-color: #F54708;
}
.btn-success:hover, .btn-success:focus, .btn-success:visited{
    background: #F54708;
    border-color: #F54708;
}
.btn-link{
   color:#00AA58; 
}
.btn-link:hover{
   color:#028747;
}
.btn_icono:hover{
    cursor: pointer;
    transition: 1s all ease;
}
#traer_gps:hover,.refresh:hover{
    transform:rotate(360deg);
}
/*FIN BOTONES */

/*HEADER */
.cabezera{
    background: #F8F8F8;
    padding-top: 1em;
    padding-bottom: 1em;
}
.panel-title{
    font-weight: bold;
}
/*FIN HEADER */
/*MENU */
#menu{
    background:#00AA58;
}
#menu ul li a{
    color:white;
}
#menu ul li a:active, #menu ul li a:focus,#menu ul li a:visited{
    background:#028747;
}
ul.dropdown-menu li a{
    color:#333!important;
}
ul.dropdown-menu li a:hover{
    background:#00AA58;
    color:white!important;
}
/*FIN MENU */
/*PANEL */
.paneles{
    padding-bottom: 2em;
}
.panel_category{
    background: #f8f8f8; 
    border: 1px solid #e7e7e7;
    border-radius: 0.3em;
    margin: 0;
    padding: 1em 0 0 0;
}

.panel_text{
    margin: 2em 0 1em 0;
}
.panel_text small{
    color:#F54708;
}
.image_panel{
    color:white;
    display: inline-block;
    background:#018546;  
    margin: 0;
    padding: 0;
    width:auto;  

}
.image_panel i{
    margin: 0.5em;
    padding: 0;
    width: 1em;
}
/*FIN PANEL */
/*PIE DE PAGINA*/
#pie_principal{
    background: #F26836;
    color: white;
    padding-top: 1em;
    padding-bottom: 1em;
}
/*FIN PIE DE PAGINA*/
/*UTILIDADES*/
.tablas_full{
    width: 100%;
}
.tablas_full thead th, .tablas_full tbody tr td{
    padding-left: 0.5em;
    padding-right: 0.5em;
    vertical-align: top;
}
.color_verde{    
    background:#00AA58;
    border-radius: 0.3em!important;
    color:white;
}
.color_verde:hover{
    background:#028747;
    color:white;
}
.color_naranja{    
    background:#f26836;
    border-radius: 0.3em!important;
    color:white;
}
.color_naranja:hover{
    background:#F54708;
    color:white;
}
.color_azul{
    background:#5bc0de;
    border-radius: 0.3em!important;
    color:white;   
}

.color_azul:hover{
    background:#428bca;
    color:white;
}

.btn-emergente{
    margin-bottom: 0.3em;
    position: relative;
}
.btn-emergente:hover > .nube{
    display: block;
}
.nube{
    display: none;
    color: white;
    background:#028747;
    padding: 0.2em 0.5em;
    position: absolute;    
    /*transition:1s all ease;*/
 }
.color_naranja div.nube{
    background:#F54708;  
 }

.color_amarillo div.nube{
    background:#f0ad4e;  
}
.color_rojo div.nube{
    background:#d9534f;  
}
.color_azul div.nube{
    background:#428bca;  
}

 
 .nube_notificacion{
    display: block;
    color: white;
    background:#F26837;
    padding: 0.2em 0.5em;
    position: absolute;    
    /*transition:1s all ease;*/
 }
 .izquierda{
    border-radius: 0.3em 0 0 0.3em;
    right: 100%;
    margin-right: -0.3em;
 }
  .derecha{
    border-radius: 0 0.3em 0.3em 0;
    left: 100%;
    margin-left: -0.3em;
 }
 .subtitulos_form{
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom :0.5em;
 }
 .texto_grande{
    color:#d9534f;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
 }
 .texto_mediano{
    color:#333;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
 }
/*FIN UTILIDADES*/
/*PAGINACION*/
.pagination li.active span{
    background: #00AA58;   
    border: 1px solid #00AA58;
}
.pagination li.active span:hover{
    background: #028747;

}
/*PAGINACION FIN*/
/*MODAL*/
#mdialTamanio{
  width: 90% !important;
  margin:1em auto;
}
/*FIN MODAL*/
/*LISTA PARA REPORTES*/
.lista-informativa{
    margin-bottom: 2em;
}
.lista-informativa li.active{
    background: #F26836;
    
}
/*LISTA PARA REPORTES END*/
.registros{
    border:1px solid #ccc;
    border-radius: 0.3em; 
    background: #f8f8f8;
    padding: 0.8em 0.5em;
    margin-bottom: 0.5em;
    transition: 1s all ease;
}
.registros:hover{
    background: #ccc;
    cursor: pointer;
}
.registros i:hover{
    transform: scale(1.5,1.5);
    cursor: pointer;
}
/*MAGEN FINAL*/
.margen-final{
    margin-bottom:1.5em;
}

.contenedor_float_x{
   overflow-x: auto;
   min-height: 200px;
   max-height: 450px;
}
/*BLOQUE NOTIFICACIONES*/
#notificaciones_flotantes{
    position: fixed;
    bottom: 2em;
    left: 0;
}

/*BLOQUE DE RECORDATORIOS*/
.recordatorios{
    min-height: 120px;
    max-height: 500px;
    overflow-y: scroll;
}
.alert-registro{
    border:1px solid #ccc;
    background: #DFF0D8;
    font-weight: 400;
}
