.tabla_subdiarios tr:last-child {
  font-weight: bold;  
}

#listado_general.dataTable {
  margin: 0 !important;
}

#listado_imprimir {
   display : none;
}

@media print {
    #listado_imprimir {
       display : block;
    }
}


#listado_general tr td {
    height: 30px;
}

#listado_general{
    table-layout: fixed;
}


.table-scroll {
    overflow-x: auto;
    margin: 0 auto;
}


/*----------------------_*/

#table-scroll {
    overflow-x: auto;
    margin: 0 auto;
}

/*
#table-scroll table{
  white-space:nowrap;
  width:100%;
}

*/
#table-scroll th {
    text-align: center;
}

/*----------------------_*/

/*
#listado_general{
    border-collapse: collapse;
    /*width: 1800px !important;*/
/*}*/



#listado_general thead tr th{
    border-top: 5px solid rgb(57, 179, 215) !important;
}





/*
.modal-open .modal {
    overflow-y: hidden !important;
    padding-right: 0px !important;

}

*/
body{
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    overflow-y: scroll;
    background-color: #eee;
    padding-right: 0px !important;


}

/* remove url on print page */
@media print {
  a[href]:after {
    content: none !important;
  }
}

.pointer{
    cursor:pointer;
}




/* Saca flechas de los campos numericos*/
input[type=number]::-webkit-outer-spin-button,

input[type=number]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

input[type=number] {

    -moz-appearance:textfield;

}

.ancho{
    width: 95%;
    min-width: 1000px;
}

.ancho10x100{
    width: 10%;
}

.ancho20x100{
    width: 20%;
}

.ancho30x100{
    width: 30%;
}

.ancho33x100{
    width: 33%;
}

.ancho34x100{
    width: 34%;
}

.ancho40x100{
    width: 40%;
}

.ancho50x100{
    width: 50%;
}

.ancho60x100{
    width: 60%;
}

.ancho70x100{
    width: 70%;
}

.ancho80x100{
    width: 80%;
}

.ancho90x100{
    width: 90%;
}

.ancho95x100{
    width: 95%;
}

.ancho100x100{
    width: 100%;
}

.ancho110x100{
    width: 110%;
}

.ancho120x100{
    width: 120%;
}

.ancho130x100{
    width: 130%;
}


/* TITULOS, SUBTITULOS y LABELS */
.labels{
    padding: 0;
    margin: 0;
}

.label{
    font-size: 1.2em;
    color: white;    
    float: left;
    margin-right: 5px;
    color: white;
    padding: 8px;
    padding-left: 20px;
    padding-right: 20px; 
    background-color: #afafaf;
    margin-top: 5px;
}

.label:hover{
    cursor: pointer;
}

.label.activa{
    background-color: #404040; 
}

.label  .error{
    font-size: .8em;
    font-weight: bold;
    color: #ed1c24;
    margin-left: 5px;
}

.label.cantidad{
    font-size: .8em;
    color: white;
    vertical-align: bottom;
    margin-left: 5px;
    
}

.titulo_de_seccion{
    color: white;
    border: 0px;     
    border-radius: 2px;
    background-color: #33628a;   
    background-color: #404040;       
    background-color: #3E6489;
  
    
    
    height: 40px;
    
    
}

.titulo_de_seccion .texto{
    font-size: 1.4em; 
    padding-left: 10px; 
    float: left;
    margin-top: 5px;
}

.titulo_de_seccion .iconos{
    float: right;
    position: relative;
    height: 40px;
}

.titulo_de_seccion .iconos:hover{
    background-color: black;
    cursor: pointer;
}

.subtitulo{
    clear: left;
    height: 30px;
    padding-left: 5px;
    background-color: #606060;        
}

.subtitulo .texto{
    font-size: 1em;
    color: white;
    vertical-align: bottom;
    float: left;
    clear: left;
    margin-top: 5px;
}   

.subtitulo .iconos{
    float: right;
    position: relative;
    width: 30px;
    height: 30px;
}

.subtitulo .iconos:hover{
    background-color: black;
    cursor: pointer;
}

.titulos{
    clear: left;
    height: 40px;
    padding-left: 5px;
    color: white;
    border: 0px;     
    background-color: #404040;       
    background-color: #33628a;   
    background-color: #336699;
    background-color: #29537c;  
    background-color: #3E6489;
    background-color: #404040;       
    
    height: 40px;    
}

.titulos .texto{
    font-size: 1.4em;
    color: white;
    vertical-align: bottom;
    float: left;
    clear: left;
    margin-top: 5px;
}   

.titulos .cantidad{
    font-size: .9em;
    color: white;
    vertical-align: bottom;
    margin-left: 5px;
    float: left;
    margin-top: 12px;
}

.panel-heading .iconos{
    float: right;
    position: relative;
    top: -8px;
    height: 40px;
    /*width: 30px;*/
}

.panel-new{

    width: 1300px;
    border-color: rgb(221, 221, 221) !important;
    border-top: 6px solid rgb(57, 179, 215) !important;
}
.panel-new-popup{

    width: 1100px;
    border-color: rgb(221, 221, 221) !important;
    border-top: 6px solid rgb(57, 179, 215) !important;
}

.panel-popup{

    border-color: rgb(221, 221, 221) !important;
    border-top: 6px solid rgb(57, 179, 215) !important;
}

.panel-body-new{

    /*border-top: 1px solid rgb(57, 179, 215) !important;*/ 

}
.panel-heading-new-modal{

    background: rgb(221, 221, 221) !important;
    border-top: 1px solid rgb(57, 179, 215) !important;
    color: #7a777a !important;
}

.panel-heading-new{

    background: rgb(221, 221, 221) !important;
    border-top: 1px solid rgb(57, 179, 215) !important;
    color: #7a777a !important;
}

.panel-new-modal{

    border-color: rgb(221, 221, 221) !important;
    border-top: 6px solid rgb(57, 179, 215) !important;
}


.titulos .iconos{
    float: right;
    position: relative;
    height: 40px;
    /*width: 30px;*/
}

.titulos .iconos:hover{
    background-color: black;
    cursor: pointer;
}

.titulos .separador{
    float: right;
    position: relative;
    width: 20px;
    height: 40px;
}

.titulos .resultados_por_pagina{
    float: right;
    position: relative;
    width: 80px;
    height: 40px;
    background:#fff;
}

.titulos .resultados_por_pagina:hover{
    background-color: black;
    cursor: pointer;
}

.titulos .resultados_por_pagina_icono{
    font-weight: bolder;
    font-size: .9em;
    margin-top: 8px;
    width: 50px;
    height: 20px;
    margin-left: 13px;
    border: 1px solid white;
    border-radius: 2px;    
    background-color: white;
    color: #516fa5;
    font-weight: bold;
    text-align: center;
    color: #303030;
} 

.titulos .pagina_actual{
    color: white;
    font-weight: bolder;
    font-size: 1.2em;
    border: 1px solid white;
    border-radius: 2px;
    text-align: center;
    height: 20px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;    
    margin-top: 8px;
    margin-left: 4px;
    margin-right: 4px;    
}

.titulos .pagina_actual:hover{
    cursor: pointer;
}


/* TOOLTIPS */
.tooltip{}

.tooltip_flecha{}

.tooltip_comun{
    display: none;
    background-color: black;
    font-size: .9em;
    color: white;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    white-space:nowrap;
    z-index: 20;
    border-radius: 2px;
    top:50px;
}

.tooltip_comun_flecha{
    position:absolute;
    z-index:10;
    display: none;
    left: 0;
    right: 0;
    margin: auto;
    z-index:20;
    top:41px;
}

.tooltip_titulo{
    display: none;
    background-color: black;
    font-size: .9em;
    color: white;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    white-space:nowrap;
    z-index: 20;
    border-radius: 2px;
    top:50px;
}

.tooltip_titulo_flecha{
    position:absolute;
    z-index:10;
    display: none;
    left: 0;
    right: 0;
    margin: auto;
    z-index:20;
    top:41px;
}

.tooltip_subtitulo{
    display: none;
    background-color: black;
    font-size: .9em;
    color: white;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    white-space:nowrap;
    z-index: 20;
    border-radius: 2px;
    top:39px;
}

.tooltip_subtitulo_flecha{
    position:absolute;
    z-index:10;
    display: none;
    left: 0;
    right: 0;
    margin: auto;
    z-index:20;
    top:30px;
}

.tooltip_ayuda{
    display: none;
    font-size: .9em;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    white-space:nowrap;
    z-index: 20;
    border-radius: 2px;
    background-color: #ccc;
    color:#404040;    
    top:23px;        
}

.tooltip_ayuda:hover{
    cursor: none;
}

.tooltip_ayuda_flecha{
    position:absolute;
    z-index:10;
    display: none;
    left: 0;
    right: 0;
    margin: auto;
    z-index:20;
    top:14px;
}

.tooltip_acciones{
    display: none;
    font-size: .9em;
    color: white;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    white-space:nowrap;
    z-index: 20;
    border-radius: 2px;
    background-color: #ed1c24;
    float: right;
    margin-top: 8px;
    width: auto;
}


/* BOTONERA */
.botonera{
    position: absolute;
    top: -9px;
    right:2px; 
    padding-left: 5px;
    display: none;
    height:30px;
    /*background-color: #eaeaea;*/
    background-color: transparent;
}

.botonera img{
    float: right;
}

.botonera img:hover{
    cursor: pointer;
}

.botonera_boton{
    position: absolute; 
    top:-10px; 
    right:0;
    display: none;
}

.botonera_boton:hover{
    cursor: pointer;
}



/* MENUS DESPLEGABLES LISTADO */


.menu_desplegable{
    position: absolute;
    z-index: 30;
    top: 40px;
    display: none;
}

.menu_desplegable .titulo{
    padding: 4px;
    font-size: 1.1em;
    padding:5px;
    white-space: nowrap;
    padding-right: 30px;
    text-transform: uppercase;
    background: none repeat scroll 0 0 #909090;
    border-color: #909090;
}

.menu_desplegable .boton_cerrar{
    position: absolute;
    top: 10px;
    right: 4px;
}

.menu_desplegable .boton_cerrar:hover{
    cursor: pointer;
}

.menu_desplegable .contenido_listado{
    overflow-y: auto;
    max-height: 400px;
    background-color: white;
    border: 2px solid #505050;
    min-width: 150px;
}

.menu_desplegable .contenido_listado table{
    border: 0;
    margin: 0;
    padding:0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: inherit; 
}

.menu_desplegable .contenido_listado table tr{
    background-color: white;
    color: #222;
    font-weight: normal;
    font-size: .8em;
    border: 0px;
    margin: 0px;
    padding:0px;  
    border-bottom: 1px solid #eee;    
    height: 40px;
}

.menu_desplegable .contenido_listado table tr:hover{
    background-color: #c9d8ef;     
}

.menu_desplegable .contenido_listado table tr.cambiante2:hover{
    background-color: #ed1c24;
    color: white;
}

.menu_desplegable .contenido_listado table tr td{
    text-align: left;
    padding-left: 5px;
    position: relative;
}

.menu_desplegable .contenido_listado table tr td a{
    text-decoration: none;
    color: #222;
}


/* MENUS DESPLEGABLES FORMULARIO */
.menu_desplegable .contenido_formulario{
    overflow-y: auto;
    max-height: 400px;
    background-color: white;
    border: 2px solid #505050;
    min-width: 150px;
    padding-left: 10px;
    padding-right: 10px;    
    padding-bottom: 10px;        
    
}

.menu_desplegable .contenido_formulario table{
    border: 0;
    margin: 0;
    padding:0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: inherit; 
}

.menu_desplegable .contenido_formulario table tr{
    background-color: white;
    color: #222;
    font-weight: normal;
    font-size: .8em;
    border: 0px;
    margin: 0px;
    padding:0px;  
    height: 40px;
}

.menu_desplegable .contenido_formulario table tr td{
    text-align: left;
    padding-left: 5px;
    position: relative;
}

.menu_desplegable .contenido_formulario table tr td .descripcion{
    padding-top: 10px;
}


/* MEDIDAS DE ALGUNOS MENUS DESPLEGABLES */
.menu_desplegable_ir_a_pagina{
    top: 30;
    right: 0;   
}

.menu_desplegable_buscar{
    right: 0px;
    width:250px;    
}

.menu_desplegable_buscar_dos_columnas{
    right: 0px;
    width:500px;    
}

.menu_desplegable_exportar{
    right: 0px;
    width:250px;
}

.menu_desplegable_imprimir{
    right: 0px; 
}

.menu_desplegable_acciones{
    right: 0px;
    top:0px;
}

.menu_desplegable_resultados_por_pagina{
    right: 0px; 
}


/* BARRA DE NAVEGACION CABECERA */
.cabecera{
    position: fixed;
    width: 100%;
    height: 41px;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left:0px;
    z-index: 100;
    box-shadow: 2px 2px 2px #707070;
    background-color: #404040;  
    background-color: #202020;
    background-color: #303030;    
    
}

.barra_navegacion{
    margin: auto;
}

.barra_navegacion .botones_fijos{
    width: 40px;
    height: 40px;
    position: relative;    
    float: left;    
}

.barra_navegacion .botones_fijos:hover{
    background-color: black;
    cursor: pointer;
}

.barra_navegacion .botones_moviles{
    width: 40px;
    height: 40px;
    position: relative;    
    float: right;    
}

.barra_navegacion .botones_moviles:hover{
    background-color: black;
    cursor: pointer;
}


/* BARRA PIE */
.pie{
    position: fixed;
    width: 100%;
    height: 27px;
    margin: 0px;
    padding: 0px;
    bottom: 0px;
    left:0px;
    z-index: 100;
    box-shadow: 0px 1px 2px #707070;
    background-color: #404040;  
    background-color: #202020;     
    background-color: #303030;    
    
    
}

.barra_pie{
    margin: auto;
}

.copyright{
    float: left;
    color: white;
    font-size: .7em;
    padding-top: 7px;
    margin-left: 10px;
}

.barra_pie_logo{
    float: left; 
    width: 20px; 
    height: 20px;
    padding-top: 4px;
}


/* BOTONES */
.boton{
    color: white;
    text-align: center;   
    min-height: 20px;
    padding: 6px;
    padding-left: 20px;
    padding-right: 20px;   
    background-color: #909090;
}

.boton:hover{
    cursor: pointer;
    background-color: black;
    color: white;
}

.boton_inferior{
    margin-top:5px;
}



/* CAMPOS  DE FORMULARIOS*/
.campos_texto{
    height: 28px;
    border: 1px solid #ddd;    
    background-color: #f0f0f0; 
    padding: 0;
    margin: 0;
    font-family: inherit;
}

.campos_select{
    height: 28px;
    background-color: #f0f0f0; 
    border: 1px solid #ddd;  
    font-family: inherit;
}

.campos_checkbox{
    background-color: #f0f0f0;       
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;    
}

.campos_checkbox_mediano{
    background-color: #f0f0f0;       
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;    
    width: 15px;
    height: 15px;
}


.campos_radio{
    border: 1px solid #888;
    background-color: #f0f0f0;       
    border: 1px solid #ddd;    
    padding: 0;
    margin: 0;
    
}

.campos_textarea_dos_columnas{
    height: 100px;
    padding: 0;
    margin: 0;
    background-color: #f0f0f0;       
    border: 1px solid #ddd;   
    font-family: inherit;
}

.campos_error{
    border: 1px solid #ed1f24;
    color: black;
}

.campos_foto{
    width: 100px;
    height: 100px;
}

.boton_formulario{
    width:100%;
    border:0;    
}


/* FONDOS */
.fondo_verde{
    background-color: forestgreen;
    color: white;
}

.fondo_rojo{
    background-color: red;
    background-color: #ed1f24;
    color: white;
}

.fondo_naranja{
    background-color: orange;
    color: white;
}

.fondo_azul{
    background-color: #516fa5;
    color: white;
}

.fondo_coral{
    background-color: coral;
    color: white;
}

.fondo_gris{
    background-color: #888;
    color: white;
}

.fondo_negro{
    background-color: black;
    color: white;
}

.negrita{
    font-weight: bold;
}

.fondo_indigo{
    background-color: indigo;
    color: white;
}

.fondo_marron{
    background-color: brown;
    color: white;
}

.fondo_celeste{
    background-color: lightskyblue;
    color: white;   
}

.fondo_gris_oscuro{
    background-color: #303030;
    color: white;   
}

.fondo_amarillo{
    background-color: yellow;
    color: blue;   
}

.fondo_pastel_verde{
    background-color: #8ec27c;
    color: white;   
}

.fondo_pastel_celeste{
    background-color: #7a9fc5;
    color: white;   
}

.fondo_pastel_violeta{
    background-color: #8579c6;
    color: white;   
}

.fondo_pastel_rojo{
    background-color: #c87785;
    color: white;   
}

.fondo_pastel_morado{
    background-color: #c67979;
    color: white;   
}

.fondo_pastel_amarillo{
    background-color: #c5bf7a;
    color: white;   
}

.fondo_pastel_celeste2{
    background-color: #7ab4c5;
    color: white;   
}

.fondo_pastel_violeta2{
    background-color: #7987c6;
    color: white;   
}

.fondo_pastel_violeta3{
    background-color: #bd7ac5;
    color: white;   
}

.fondo_pastel_marron{
    background-color: #c79d78;
    color: white;   
}


/* LISTADOS */
.listados{
    border: 0;
    margin: 0;
    padding:0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: inherit;     
}

.listados th{
    height: 25px;
    color: white;
    font-size: 1em;
    border: 0px;
    margin: 0px;
    padding:0px;    
    text-align: left;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;    
    font-weight: normal;
    text-transform: uppercase;
    background-color: #707070; 
    
}

.listados th.separador{
    border-left:  1px solid #ccc;
}

.listados th thead th .ids{
    width: 60px;   
}

.listados tr {
    background-color: white;
    color: #222;
    font-weight: normal;
    font-size: .8em;
    border: 0px;
    margin: 0px;
    padding:0px;  
    border-bottom: 1px solid #eee;    
    height: 40px;
}  

.listados tr:hover{
    background-color: #c9d8ef;     
}

.listados tr td{
    text-align: left;
    padding-left: 5px;
    position: relative;
}

.listados_tabla tr.cambiante3:hover{
    background-color: #ed1c24;
    color: white;    
}

.listados tbody tr td .ids{
    float: right;
}

.listados .iconos{
    float: left;
    margin-right: 5px;
}

.listados .textos{
    float: left;
    margin-right: 5px;    
}

.listados .etiquetas{
    float: left;
    margin-right: 5px;    
}


/*PARA REPORTES*/
.reportes{
    border: 0;
    margin: 0;
    padding:0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: inherit;  
    border: 10px solid white;
}

.reportes tr {
    background-color: white;
    color: #222;
    font-weight: normal;
    border: 0px;
    margin: 0px;
    padding:0px;  
    border-bottom: 1px solid #eee;
}    

.reportes tr td{
    text-align: left;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;   
    position: relative;
}  

.reportes tr .dos_columnas_izquierda{
    width: 50%;
    border-right: 1px solid #ddd;
}

.reportes tr .dos_columnas_derecha{
    width: 50%;
}

.reportes tr .tres_columnas_izquierda{
    width: 33%;
    border-right: 1px solid #ddd;
}

.reportes tr .tres_columnas_centro{
    width: 34%;
    border-right: 1px solid #ddd;
}

.reportes tr .tres_columnas_derecha{
    width: 33%;
}

.reportes tr td .items{
    float: left;
    width: 32%;
    padding-top: 6px;
    padding-left: 5px;
    font-weight: bold;
    color:#555;
}

.reportes tr td .valores{
    width: 58%;
    float: left;
}

.reportes tr td .items_una_columna{
    padding-top: 6px;
    padding-left: 5px;
    font-weight: bold;
    color:#555;
}

.reportes tr td .valores_una_columna{
    padding-left: 10px;

}

.reportes tr td .items_unificados{
    float: left; 
    width: 15.8%; 
    padding-left: 5px;
    font-weight: bold;
    color:#555;
}


/* FORMULARIOS */
.formularios{
    border: 0;
    margin: 0;
    padding:0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: inherit; 
    border: 10px solid white;
}

.formularios tr{
    background-color: white;
    color: #555;
    font-weight: normal;
    font-size: .9em;
    border: 0px;
    margin: 0px;
    padding:0px;  
    border-bottom: 1px solid #eee;    
}    

.formularios tr td{
    text-align: left;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;   
    position: relative;
}  

.formularios_notable tr{
    background-color: white;
    color: #222;
    font-weight: normal;
    font-size: .9em;
    border: 0px;
    margin: 0px;
    padding:0px;  
    border-bottom: 1px solid #eee;    
}    

.formularios_notable tr td{
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;   
    position: relative;
}  





.formularios tr .una_columna{

}




.formularios tr .dos_columnas_izquierda{
    width: 50%;
    border-right: 1px solid #ddd;
}

.formularios tr .dos_columnas_derecha{
    width: 50%;
}

.formularios tr .tres_columnas_izquierda{
    width: 33%;
    border-right: 1px solid #ddd;
}

.formularios tr .tres_columnas_centro{
    width: 34%;
    border-right: 1px solid #ddd;
}

.formularios tr .tres_columnas_derecha{
    width: 33%;
}

.formularios tr .items{
    float: left;
    width: 30%; 
    padding-top: 5px;
    padding-left: 5px; 
    font-weight: bold;

}

.formularios tr .items .obligatorios{
    color: #ed1f24;    
    font-weight: bold; 
    font-size: 1.2em;   
}

.formularios tr .campos{
    float: left;
    width: 50%;  
}

.formularios tr .ayuda{
    float: right;
    margin-top: 1px;
    margin-right: 10px;
    position: relative;
}

.formularios tr .ayuda:hover{
  cursor: none;
}

.formularios tr td .una_columna_items{
    padding-top: 5px;
    padding-left: 5px;  
    float: left;
    
}

.formularios tr td .una_columna_obligatorios{
    color: #ed1f24;    
    font-weight: bold; 
    font-size: 1.2em;   
}

.formularios tr td .una_columna_campos{
}

.formularios tr td .una_columna_ayuda{
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    position: relative;
}

.formularios tr td .una_columna_ayuda:hover{
  cursor: none;
}

.formularios .simbolo_obligatorio{
    color: #ed1f24; 
    color: orange;     
    font-weight: bold; 
    font-size: 1.2em;
}

.formularios .mensaje_error{
    color: #ed1f24;    
    float: left;
    clear: left;
    font-size: .8em;
    padding-left: 5px;
    font-weight: bold;
    display: none;
   
    
}

.formularios .mensajes_varios{
    clear: both;
    font-size: .8em;
    text-align: right;
    text-align: left;    
    margin: 3px;
    padding: 10px;
    padding-left: 0px;
    color: #909090;
}

.formularios .mensajes_varios a{
    color: #909090;
    text-decoration: none;
    
}


.formularios .mensajes_varios2{
    font-size: .8em;
    text-align: right;
    text-align: left;    
    margin: 3px;
    padding: 10px;
    padding-left: 0px;
    color: #909090;
}

.formularios .mensajes_varios2 a{
    color: #909090;
    text-decoration: none;
    
}

.formularios .mensajes_varios3{
    font-size: .8em;
    text-align: right;
    text-align: left;    
    margin: 3px;
    padding-right: 10px;
    padding-left: 0px;
    color: #909090;
}

.formularios .mensajes_varios3 a{
    color: #909090;
    text-decoration: none;
    
}








/*RESUMENES*/
.resumenes{
    padding-bottom: 20px
}

.resumenes .titulo{
    font-size: 1.3em;
    color: white;
    text-align: center;
    overflow: hidden;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;    
}

.resumenes .titulo:nth-child(2){
    font-size: 1.4em;
    color: white;
    text-align: center;
    overflow: hidden;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;    
}

.resumenes .texto{
    font-size: .9em;
    color: white;
    text-align: center;    
    overflow: hidden;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;      
}


/* VARIOS */
.texto_centrado{
    text-align: center;
}

.fila_muerta{
    height: 45px;    
}

.etiqueta_chica{
    min-width: 5px;
    height: 15px;
    border: 1px solid #505050;
    float: left;
    position: relative;
    margin-right: 5px;
}

.etiqueta_grande{
    min-width: 15px;
    height: 15px;
    border: 1px solid #505050;
    float: left;
    position: relative;
    margin-right: 5px;
}

.ocultar{
    display: none !important;
}

.mostrar{
    display: block;
}

.barra_estadistica{
    height: 20px;
    float: left;
}

.contenedor_con_scroll_vertical{
    max-height: 550px;
    overflow-y:scroll;
    overflow-x:hidden;    
}

.contenedor_sin_scroll_vertical{
}


/* COPETES */
.copete{
    position: fixed;
    bottom: 0px;
    right: 0px;
    border-radius: 2px;
    padding-left: 20px;
    padding-right: 20px;    
    padding-top: 4px;    
    padding-bottom: 4px;        
    color: white;
    z-index: 500;
    display: none;
    white-space:nowrap;   
}



.copete_ok{
    background-color: #8ec27c;
    background-color: green;  
    background-color: #23a01d;
    background-color: #2fa31b;  
    background-color: #4b966b;  
    display: none; 
}

.copete_error{
    background-color: #ed1c24;
    display: none;
}


/* BURBUJAS */
.burbuja_error{
    
    margin: 0px;
    display: none;
}

.burbuja_error .texto{
    background-color: #ed1f24;
    color: white;
    font-size: 1.2em;
    max-width: 400px;
    padding: 10px;
    margin: auto;
    text-align: center;
}

.burbuja_ok{
    
    margin: 0px;
    display: none;

}

.burbuja_ok .texto{
    background-color: #4b966b;
    color: white;
    font-size: 1.2em;
    max-width: 400px;
    padding: 10px;
    margin: auto;
    text-align: center;
}



/* TELON Y POPUPS */
.telon{
    position:fixed;
    width:100%;
    height: 100%;
    opacity: .9;
    background: white;
    z-index:200;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display: none;
}

.telon2{
    z-index:300;
}



.popup{
    font-size: .9em;
    position: fixed;
    top: 100px;
    left:0;
    right:0;
    margin: auto;
    width: 350px;
    min-height: 50px;
    max-height: 300px;    
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    z-index: 400;
    /*font-weight: bold;*/
    text-align: center;
    display: none; 
}

.popup_ok{
    background-color: #4b966b;
    color: white;
}
    
.popup_error{
    background-color: #e20000;
    color: white;
}

.popup_error_critico{
    background-color: #505050;
    color: white;

}

.popup_otros{
    background-color: white;
    color: black;
}

.popup_imagen_cerrar{
    position: absolute;
    top: 4px;
    right: 4px;

}

.popup_imagen_cerrar:hover{
     cursor: pointer; 
}


.popup_operaciones{
    position: fixed;
    top: 75px;
    left:0;
    right:0;
    margin: auto;
    width: 500px;
    z-index: 210;
    display: none;  
    background-color: white;
    border: 1px solid #505050;
}

.popup_operaciones_contenido{
    padding: 0px;
    /*min-height: 100px;*/
    /*max-height: 400px;*/  
    max-height: auto;  
    /*overflow-y: auto !important;*/
    background-color: white;    
}




/*ARCHIVOS*/
.archivos_drop{
    border-color: #555;
    border-style: dashed;
    border-width: 2px;
    background-color: white;    
    color: #555;
    text-align: center;
    font-size: 1.2em;    
    padding: 15px;
    
}

.archivos_drop:hover{
    border-color: #ed1f24;
    border-style: dashed;
    color: #ed1f24;
}

.archivos_drop_hover{
    border-color: #555;
    border-style: dashed;
    border-width: 2px;
    background-color: white;    
    color: #555;
    text-align: center;
    font-size: 1.2em;    
    padding: 15px;    
    border-color: #ed1f24;
    border-style: dashed;
    color: #ed1f24;
}

.archivos_drop_cancelar{
    border-width: 2px;
    background-color: white;    
    text-align: center;
    font-size: 1.2em;    
    padding: 15px;
    border-color: #ed1f24;
    border-style: dashed;
    color: #ed1f24;    
    display: none;
}

.progreso_contenedor{
    float: right;
    border: 1px solid #505050;
    width: 200px;
    height: 15px;
}

.progreso_contenedor .progreso{
    float: left;
    background-color: #ccc;
    background-color: #4b966b;    
    width: 0px;
    height: 15px;
    text-align: center;
}

.progreso_contenedor .error{
    float: left;
    background-color: #ed1c24;
    height: 15px;
    width: 100%;
    text-align: center;
    font-size: .8em;
    color: white;
}

.columna_id{
    width: 80px;
    
    
}


.foto_chica{
    width: 40px;
    height: 40px;
}

.foto_mediana{
    width: 100px;
    height: 100px;
}

.foto_grande{
    width: 200px;
    height: 200px;
}

.eventos_boton_url{}

.eventos_boton_url:hover{
    cursor: pointer;
}


/* NUEVO TOOL52015 */


.table-custom {
    position: relative;
}

.paginador {
    margin-left:1%;
}

.paginador-una-pagina {
    margin-top:5px;
}

.resultados-por-pagina{
    max-width:81px;
}

#menu-toggle-nuevo {
  float: left;
  padding: 15px 20px;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 50px;
  border-radius: 0;
  color: #ffffff;
}
#menu-toggle-nuevo:hover,
#menu-toggle-nuevo:focus {
  color: #e74c3c;
}
#menu-toggle-nuevo i {
  font-size: 18px;
  margin-top: 3px;
}
.redBold{
    font-weight:bold;
    color:red;
}

.tareas-content .nav-tabs > li:not(.active) > a{
    background: #f8f7f7;
    border: 1px solid #d9d7d7;
}

.stuck {
    z-index:9998;
    /*position:fixed;*/
    top:0;
    /*box-shadow:0 2px 4px rgba(0, 0, 0, .3);
    width:60%;
    margin-left:5%;*/
    /*background: #dddddd; */ 
    border: none !important;
    z-index: 10;
    margin-top:30px;"
    
}

.new-panel-container {
    border:1px solid #dddddd;
}

.sidebar{
    display: none !important;
}

.listado_general thead {
    /*background: rgb(240, 240, 240);*/
    background: rgb(221, 221, 221); 
}

.listado_general thead th{
    text-align: center;
}

tr.odd:hover td {
    background: #efefef !important;
}

tr.even:hover td {
    background: #efefef !important;
}

.sidebar{
    display: none !important;
}

.tabla_estatica{
    text-align: center;
}
/* Datatable sorting icons */

#listado_general .sorting {
  background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/7/73/Sort_both.svg/1000px-Sort_both.svg.png);
  background-size: 20px 10px;
}

/* Datatable sorting icons */
.iconos_popup{

    width: 15px; 
    float: right; 
    margin-top: 7px; 
    margin-bottom: 7px; 
    margin-right: 10px !important;
}

.barra_iconos_popup{

    background: #dddddd; 
    width: 100%; 
    margin-right: 1px !important;

}

.contenedor_barra_iconos_popup{

    position: sticky; 
    top:0; 
    z-index: 99999;

}

.btn-info-red{

    background-color: #e74c3c;
    color: #fff;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    outline: none !important;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    display: none;


}


.btn-info-red-visible{

    background-color: #e74c3c;
    color: #fff;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    outline: none !important;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;


}


.operacion_archivos, .operacion, .operacion_contactos, .operacion_notas, .operacion_tareas, .operacion_reparaciones, .operacion_sondas, .operacion_abonos_equipamiento, .operacion_alertas_ws{

    cursor: pointer;
}

.operaciones_facturas_popup:hover {
  color: #ffffff !important;
}

.operaciones_popup:hover {
  color: #ffffff !important;
}

.operaciones_popup{

    padding: 0px !important;
    float: right;
    visibility: hidden; 
    background-color: #e74c3c;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    width: 80px !important;
    height: 30px !important;

}

.boton_listado:hover {
  color: #ffffff !important;
}

.boton_listado{

    padding: 0px !important;
    float: right;
    visibility: hidden; 
    background-color: #e74c3c;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    width: 80px !important;
    height: 30px !important;

}

.operaciones_facturas_popup{

    padding: 0px !important;
    float: right;
    visibility: hidden; 
    background-color: #e74c3c;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    width: 80px !important;
    height: 30px !important;

}

.operaciones_item{

    padding: 0px !important;
    float: right;
    visibility: hidden; 
    background-color: #e74c3c;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    width: 80px !important;
    height: 30px !important;

}

.operaciones_btn{

    padding: 0px !important;
    float: right;
    visibility: hidden; 
    background-color: #e74c3c;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    width: 80px !important;
    height: 30px !important;

}


.ver_modificaciones{

    padding: 0px !important;
    float: right;
    visibility: hidden; 
    background-color: #e74c3c;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    width: 160px !important;
    height: 30px !important;
}

.ver_modificaciones:hover {
    color: #ffffff !important;
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}


.operaciones_popup:hover {
    color: #ffffff !important;
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}

.boton_listado:hover {
    color: #ffffff !important;
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}

.presupuestos_acciones:hover {
    color: #ffffff !important;
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}


.archivos_operaciones_popup, .contactos_operaciones_popup, .notas_operaciones_popup, .archivos_importar, .tareas_operaciones_popup, .reparaciones_operaciones_popup, .sondas_operaciones_popup, .abonos_equipamiento_operaciones_popup, .alertas_ws_operaciones_popup, .sucursales_operaciones_popup{ 

    padding: 0px !important;
    float: right;
    visibility: hidden; 
    background-color: #e74c3c;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    width: 80px !important;
    height: 30px !important;

}

.archivos_operaciones_popup:hover, .contactos_operaciones_popup:hover, .notas_operaciones_popup:hover, .sucursales_operaciones_popup:hover, .archivos_importar:hover, .tareas_operaciones_popup:hover, .reparaciones_operaciones_popup:hover, .sondas_operaciones_popup:hover, .abonos_equipamiento_operaciones_popup:hover, .alertas_ws_operaciones_popup:hover{
    color: #ffffff !important;
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}


/*________________________*/

/* FORMULARIOS */
.formularios_operaciones{
    margin: 0;
    padding:0;
    border-collapse: collapse;
    border-spacing: inherit; 
    border: 10px solid white;
}

.formularios_operaciones tr{
    background-color: white;
    color: #777777;
    font-weight: normal;
    font-size: 13px;
    border: 0px;
    margin: 0px;
    padding:0px;  
    border-bottom: 1px solid #eee;    
}    

.formularios_operaciones tr td{
    text-align: left;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;   
    position: relative;
    width: 40px;
}  


.dos_divs {
  width: 100%;
  
}

.div_uno {
  width: 45%;
  float: left;
}

.div_dos {
  width: 45%;
 float: right; 

}
.celda_color{
    margin-bottom: -10px;
    margin-top: -10px;
    margin-right: -10px;
    margin-left: -10px;
    height: 49px;
}  

.columna_check{
    width: 13%;
}  

.columna_titulo{
    width: 87%;
}  

.operaciones-nt {
    display: none;
    

    padding: 0px !important;
    float: right;
    background-color: #e74c3c;
    border: #e74c3c;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    width: 80px !important;
    height: 23px !important;

}

.dd-handle:hover .operaciones-nt{
  display: block;
  
}

.operaciones-nt-sub {
    display: none;
    

    padding: 0px !important;
    float: right;
    background-color: #e74c3c;
    border: #e74c3c;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    width: 80px !important;
    height: 23px !important;

}

.dd-handle:hover .operaciones-nt-sub{
  display: block;
  
}