body{
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    overflow-y: scroll;
    background-color: #eee;
}

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

/* 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;

}

.pointer{
    cursor:pointer;
}

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;*/
}

.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;
}

.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;
}

.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: 40%;
    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: 20%; 
    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: #222;
    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: 40%; 
    padding-top: 5px;
    padding-left: 5px;       
}

.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: 10px;
    /*min-height: 100px;*/
    max-height: 400px;    
    overflow-y: auto;
    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;
}

.ui-autocomplete {
    z-index: 1000000;
}

.previsualizacion-archivo{

    background-color:#FFFFFF;
    width:58%;
    height:100%;
    z-index:101;
    position:fixed;
    top:0%;
    /*margin-right:3%;*/
    /*border-radius: 10px;*/
    border-left:1px solid #BFBFBF;
    display:none;
}

.previsualizacion-body{
    padding:1%;
}

.previsualizacion-head{
    padding:1%;
    border-bottom:1px solid #BFBFBF;
}

.ant_negativos{
    float: right;
    display: block;
    background: #faac2c;
    font-size: 9px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 200;
    letter-spacing: 1px;
    padding: 2px 7px;
    border-radius: 6px;
    font-size: 10px;
}

.panel-heading {
    position: sticky;
    top: 0px;
    z-index: 999;
}