.item {
margin: 5px;
width: 100%;
}

.item h2 {
    display: none;
}

@media only screen and (max-resolution: 1dppx){
.item h2 {
    display: block;
    font: normal 2em Verdana, Arial, sans-serif;
    color:#AC354D;
    margin-top: 0px;
}
}


.item h3 {
font: normal 1.5em Verdana, Arial, sans-serif;
color:#AC354D;
}

titulo{
left:100px;
}


body, table, td, input, select {
    font: 12px Verdana, Arial, sans-serif;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
    body, table, td, input, select {
        font: 24px Verdana, Arial, sans-serif;
    }
}


h5{
text-align:center;
color:#000066;
font: bold italic 16px Verdana
}

table th{
    /*color: #006785;*/
    color: #1898BD;
}


a {
color: #558F00;
border-bottom: 1px dotted #ccc;
text-decoration: none;
}
a:visited {
color: #325400;
}
a:hover {
color: #9F2145;
border-bottom: 1px solid #973B55;
}


a.boton_info{
    display: inline-block;
    height: 24px;
    width: 24px;
    text-decoration: none;
    border: none;
    background: url(../images/info_24.png) 0 0 no-repeat;
    color: transparent;
}

a.boton_info:hover{
    background: url(../images/info_24_hover.png) 0 0 no-repeat;
}

@media only screen and (max-resolution: 1dppx){
a.boton_info{
    display: inline-block;
    height: 16px;
    width: 16px;
    text-decoration: none;
    border: none;
    background: url(../images/info_16.png) 0 0 no-repeat;
    color: transparent;
}

a.boton_info:hover{
    background: url(../images/info_16_hover.png) 0 0 no-repeat;
}    
}


div.notificacion{
    position: absolute;
    display: none;
    margin: 10px;
    /*background-color: #D7E9FF;*/
    background-color: #FBFE9A;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    z-index: 200;
}

div.notificacion td.notif_titulo{
    font-size: 1.2em;
    font-weight: bold;
    color: #006785;
    text-align: left;
    padding: 0.2em;
}

div.notificacion td.notif_botones{
    text-align: right;
    padding: 0.2em;
}

div.notificacion td.notif_cuerpo{
    border-top: 1px dotted black;
    padding: 0.5em;
    white-space: pre-wrap;    /* Permitir mostrar los espacios como estan escritos  */
}

div.notificacion a.boton_cerrar{
    display: inline-block;
    height: 16px;
    width: 16px;
    text-decoration: none;
    border: none;
    background: url(../images/notification_close.png) 0 0 no-repeat;    
}

div.notificacion a.boton_cerrar:hover{
    background: url(../images/notification_close_hover.png) 0 0 no-repeat;    
}









.main_compose{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 2.5em;
}

.main_compose section{
    flex: 1;
    flex-basis: 30em;
    /*min-width: 28em;*/
    /*min-height: 18em;*/
    /*margin: 1em;*/
    padding: 1em;
    /*border-width: 2px;*/  
    /*border-style: dotted;*/
    /*border-color: black;*/
}

.main_compose section h3{
    margin: 0px;
}

.main_compose section ul{
    /*list-style-type: square;*/
    list-style-type: none;
}

.main_compose section.primerox{
    color: #318996; /* or whatever color you prefer */
}

.main_compose section.segundox{
    color: #4BA737; /* or whatever color you prefer */
}

.main_compose section.tercerox{
    color: #E78655; /* or whatever color you prefer */
}

.main_compose section.cuartox{
    color: #A8A737; /* or whatever color you prefer */
}

.main_compose section.quitox{
    color: #C148A3; /* or whatever color you prefer */
}

.main_compose section.sextox{
    color: #9C9C9C; /* or whatever color you prefer */
}

.main_compose section.septimox{
    color: #8B4513; /* or whatever color you prefer */
}

.main_compose section.octavox{
    color: #3a29ff; /* or whatever color you prefer */
}

.main_compose section.novenox{
    color: #ed88a6; /* or whatever color you prefer */
}

.main_compose section.decimox{
    color: #ff321d; /* or whatever color you prefer */
}

.main_compose section.undecimox{
    color: #ff8215; /* or whatever color you prefer */
}

.main_compose section.primerox h3{
    color: #318996; /* or whatever color you prefer */
}

.main_compose section.segundox h3{
    color: #4BA737; /* or whatever color you prefer */
}

.main_compose section.tercerox h3{
    color: #E78655; /* or whatever color you prefer */
}

.main_compose section.cuartox h3{
    color: #A8A737; /* or whatever color you prefer */
}

.main_compose section.quitox h3{
    color: #C148A3; /* or whatever color you prefer */
}

.main_compose section.sextox h3{
    color: #9C9C9C; /* or whatever color you prefer */
}

.main_compose section.septimox h3{
    color: #8B4513; /* or whatever color you prefer */
}

.main_compose section.octavox h3{
    color: #3a29ff; /* or whatever color you prefer */
}

.main_compose section.novenox h3{
    color: #ed88a6; /* or whatever color you prefer */
}

.main_compose section.decimox h3{
    color: #ff321d; /* or whatever color you prefer */
}

.main_compose section.undecimox h3{
    color: #ff8215; /* or whatever color you prefer */
}

.main_compose section li{
    margin-bottom: 1em;
}
.main_compose section li:before{
    content: "• ";
    font-weight: bold;
    /*color: #AC354D;*/
}

.main_compose section.primerox li:before{
    color: #318996; /* or whatever color you prefer */
}

.main_compose section.segundox li:before{
    color: #4BA737; /* or whatever color you prefer */
}

.main_compose section.tercerox li:before{
    color: #E78655; /* or whatever color you prefer */
}

.main_compose section.cuartox li:before{
    color: #A8A737; /* or whatever color you prefer */
}

.main_compose section.quitox li:before{
    color: #C148A3; /* or whatever color you prefer */
}

.main_compose section.sextox li:before{
    color: #9C9C9C; /* or whatever color you prefer */
}

.main_compose section.septimox li:before{
    color: #8B4513; /* or whatever color you prefer */
}

.main_compose section.octavox li:before{
    color: #3a29ff; /* or whatever color you prefer */
}

.main_compose section.novenox li:before{
    color: #ed88a6; /* or whatever color you prefer */
}

.main_compose section.decimox li:before{
    color: #ff321d; /* or whatever color you prefer */
}

.main_compose section.undecimox li:before{
    color: #ff8215; /* or whatever color you prefer */
}

.main_compose section.primerox li>a{
    color: #318996; /* or whatever color you prefer */
}

.main_compose section.segundox li>a{
    color: #4BA737; /* or whatever color you prefer */
}

.main_compose section.tercerox li>a{
    color: #E78655; /* or whatever color you prefer */
}

.main_compose section.cuartox li>a{
    color: #A8A737; /* or whatever color you prefer */
}

.main_compose section.quitox li>a{
    color: #C148A3; /* or whatever color you prefer */
}

.main_compose section.sextox li>a{
    color: #9C9C9C; /* or whatever color you prefer */
}

.main_compose section.septimox li>a{
    color: #8B4513; /* or whatever color you prefer */
}

.main_compose section.octavox li>a{
    color: #3a29ff; /* or whatever color you prefer */
}

.main_compose section.novenox li>a{
    color: #ed88a6; /* or whatever color you prefer */
}

.main_compose section.decimox li>a{
    color: #ff321d; /* or whatever color you prefer */
}

.main_compose section.undecimox li>a{
    color: #ff8215; /* or whatever color you prefer */
}

.main_compose section li>a{
    /*color: #479AB3;*/
    font-weight: bold;
    text-decoration: none;
    border-bottom: none;
    text-transform: uppercase;
}


.main_compose section li>a{
    /*color: #479AB3;*/
    /*font-weight: bold;*/
    text-decoration: none;
    border-bottom: none;
    text-transform: uppercase;
}

.main_compose section li>a:hover{
    color: #AC354D;
}

.main_compose section.primero{
    border: 0.5px double #2980b9;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #2980b9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #2980b9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #2980b9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #2980b9); /* Standard syntax */
}

.main_compose section.segundo{
    /*border: 0.5px dotted #d6ae7b;*/
    border-width: 1px;  
    border-style: dotted;
    border-color: #d6ae7b;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #d6ae7b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #d6ae7b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #d6ae7b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #d6ae7b); /* Standard syntax */
}

.main_compose section.tercero{
    border: 0.5px solid #d04ed6;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #d04ed6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #d04ed6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #d04ed6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #d04ed6); /* Standard syntax */
}

.main_compose section.cuarto{
    border: 0.5px solid #2C7744;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #2C7744); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #2C7744); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff,#2C7744); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #2C7744); /* Standard syntax */
}





.fotoempleado {
    width:150px;
    height:180px;
    margin-bottom:5px;
    border: 1px solid black;
    border-radius: 5px;
}

@media only screen and (max-resolution: 1dppx){
.fotoempleado {
    width:100px;
    height:120px;
    margin-bottom:5px;
    border: 1px solid black;
    border-radius: 5px;
}
}


.fotoempleado_redonda{
    width:100px;
    height:100px;
    margin:20px;
    /*border: 1px solid black;*/
    border-radius: 50px;
    object-fit: cover;
}


.boton_borrar_imagen{
    height: 32px; 
    width: 32px;
    padding: 0;
    border: none;
    background: none;
    background-image: url(../images/borrar_32.png); 
    background-repeat: no-repeat;
    cursor: pointer;
}

.boton_borrar_imagen:hover{
    background-image: url(../images/borrar_32_hover.png); 
}
    
@media only screen and (max-resolution: 1dppx){
.boton_borrar_imagen{
    height: 24px; 
    width: 24px;
    padding: 0;
    border: none;
    background: none;
    background-image: url(../images/borrar.png); 
    background-repeat: no-repeat;
    cursor: pointer;
}

.boton_borrar_imagen:hover{
    background-image: url(../images/borrar2.png); 
}
}


.docs_tree,
.docs_tree ul {
  margin:0 0 0 1em; /* indentation */
  padding:0;
  list-style:none;
  color:#369;
  position:relative;
}

.docs_tree ul {margin-left:.5em} /* (indentation/2) */

.docs_tree:before,
.docs_tree ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px dotted;
}

.docs_tree li {
  margin:0;
  padding:0 1.5em; /* indentation + .5em */
  line-height:2em; /* default list item's `line-height` */
  font-weight:bold;
  position:relative;
}

.docs_tree li:before {
  content:"";
  display:block;
  width:10px; /* same with indentation */
  height:0;
  border-top:1px dotted;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
}

.docs_tree li:last-child:before {
  background:white; /* same with body background */
  height:auto;
  top:1em; /* (line-height/2) */
  bottom:0;
}


.docs_carpeta_abierta{
    background: url(../images/carpeta_abierta.png) 1em 0 no-repeat;
    padding-left: 3.5em !important;
}

.docs_carpeta_cerrada{
    background: url(../images/carpeta_cerrada.png) 1em 0 no-repeat;
    padding-left: 3.5em !important;
}

.docs_carpeta_vacia{
    background: url(../images/carpeta_vacia.png) 1em 0 no-repeat;
    padding-left: 4em !important;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.docs_hijos_abierta{
    /*height: auto !important;*/
    /*width: auto !important;*/
    /*visibility: visible !important;*/
    display: block;
}

.docs_hijos_cerrada{
    /*height: 0px !important;*/
    /*width: 0px !important;*/
    /*visibility: hidden !important;*/
    display: none;
}

.docs_ficheros_abierta{
    /*height: auto !important;*/
    /*width: auto !important;*/
    /*visibility: visible !important;*/
    display: block;
}

.docs_ficheros_cerrada{
    /*height: 0px !important;*/
    /*width: 0px !important;*/
    /*visibility: hidden !important;*/
    display: none;
}

.docs_enlace_carpeta{
    color: #006785 !important;
    border-bottom: none;
    text-decoration: none;
    padding: 0.5em;
    border-radius: 20px;
}

.docs_enlace_carpeta:hover{
    color: #006785;
    border-bottom: none;
    text-decoration: none;
    background-color: #E9E9E9; 
}

.docs_fichero{
    color: #C148A3;
    /*list-style-image: url(../img/org_empleado.png);*/
    background: url(../images/page.gif) 1em 0 no-repeat;
    padding-left: 3.5em !important;
}





.tabla_vacaciones{
    width:100%;
    border:1px solid black;
    border-collapse: collapse;
}

.tabla_vacaciones > thead > tr:first-child{
    border: 1px solid black;
}

.tabla_vacaciones > thead > tr:first-child > th{
    text-align:center;
    color:black;
    background-color:#EFED65;
    padding:0.5em;
    font-weight: bold;
}

.tabla_vacaciones > thead > tr{
    border: 1px solid black;
    background-color: #FFFE9C;
}

.tabla_vacaciones > thead > tr > th{
    text-align:center;
    color:black;
    border: 1px solid black;
    padding:0.5em;
    background-color: #FFFE9C;
    font-weight: normal;
}

.tabla_vacaciones > tbody > tr:nth-child(even){
    border: 1px solid black;
    background-color: #EFEDB4;
}

.tabla_vacaciones > tbody > tr:nth-child(odd){
    border: 1px solid black;
    background-color: #FFFFD6;
}

.tabla_vacaciones > tbody > tr > td{
    text-align:center;
    border:1px solid black;
    padding:0.5em;
}

.tabla_vacaciones > tbody > tr > th{
    text-align:center;
    color:black;
    background-color: #FFFE9C;
    border: 1px solid black;
    padding:0.5em;
    font-weight: normal;
}



.tabla_asuntospropios{
    width:100%;
    border:1px solid black;
    border-collapse: collapse;
}

.tabla_asuntospropios > thead > tr:first-child{
    border: 1px solid black;
}

.tabla_asuntospropios > thead > tr:first-child > th{
    text-align:center;
    color:black;
    background-color:#EFD065;
    padding:0.5em;
    font-weight: bold;
}

.tabla_asuntospropios > thead > tr{
    border: 1px solid black;
    background-color: #FEE697;
}

.tabla_asuntospropios > thead > tr > th{
    text-align:center;
    color:black;
    border: 1px solid black;
    padding:0.5em;
    background-color: #FEE697;
    font-weight: normal;
}

.tabla_asuntospropios > tbody > tr:nth-child(even){
    border: 1px solid black;
    background-color: #F8E8B7;
}

.tabla_asuntospropios > tbody > tr:nth-child(odd){
    border: 1px solid black;
    background-color: #FFF5D2;
}

.tabla_asuntospropios > tbody > tr > td{
    text-align:center;
    border:1px solid black;
    padding:0.5em;
}

.tabla_asuntospropios > tbody > tr > th{
    text-align:center;
    color:black;
    background-color: #FEE697;
    border: 1px solid black;
    padding:0.5em;
}



.tabla_permisos{
    width:100%;
    border:1px solid black;
    border-collapse: collapse;
}

.tabla_permisos > thead > tr:first-child{
    border: 1px solid black;
}

.tabla_permisos > thead > tr:first-child > th{
    text-align:center;
    color:black;
    background-color:#FFDAB9;
    padding:0.5em;
    font-weight: bold;
}

.tabla_permisos > thead > tr{
    border: 1px solid black;
    background-color: #FFE4B5;
}

.tabla_permisos > thead > tr > th{
    text-align:center;
    color:black;
    border: 1px solid black;
    padding:0.5em;
    background-color: #FFE4B5;
    font-weight: normal;
}

.tabla_permisos > tbody > tr:nth-child(even){
    border: 1px solid black;
    background-color: #FFEFD5;
}

.tabla_permisos > tbody > tr:nth-child(odd){
    border: 1px solid black;
    background-color: #FFF5D2;
}

.tabla_permisos > tbody > tr > td{
    text-align:center;
    border:1px solid black;
    padding:0.5em;
}

.tabla_permisos > tbody > tr > th{
    text-align:center;
    color:black;
    background-color: #FFE4B5;
    border: 1px solid black;
    padding:0.5em;
}



.tabla_ausenciahoras{
    width:100%;
    border:1px solid black;
    border-collapse: collapse;
}

.tabla_ausenciahoras > thead > tr:first-child{
    border: 1px solid black;
}

.tabla_ausenciahoras > thead > tr:first-child > th{
    text-align:center;
    color:black;
    background-color:#A465EF;
    padding:0.5em;
    font-weight: bold;
}

.tabla_ausenciahoras > thead > tr{
    border: 1px solid black;
    background-color: #CB97FE;
}

.tabla_ausenciahoras > thead > tr > th{
    text-align:center;
    color:black;
    border: 1px solid black;
    padding:0.5em;
    background-color: #CB97FE;
    font-weight: normal;
}

.tabla_ausenciahoras > tbody > tr:nth-child(even){
    border: 1px solid black;
    background-color: #D4B7F8;
}

.tabla_ausenciahoras > tbody > tr:nth-child(odd){
    border: 1px solid black;
    background-color: #EFD2FF;
}

.tabla_ausenciahoras > tbody > tr > td{
    text-align:center;
    border:1px solid black;
    padding:0.5em;
}

.tabla_ausenciahoras > tbody > tr > th{
    text-align:center;
    color:black;
    background-color: #CB97FE;
    border: 1px solid black;
    padding:0.5em;
}





.tabla_vacas_antiguo{
    width:100%;
    border:1px solid #51A5C2;
    border-collapse: collapse;
}

.tabla_vacas_antiguo > thead > tr:first-child{
    border: 1px solid #51A5C2;
}

.tabla_vacas_antiguo > thead > tr:first-child > th{
    text-align:center;
    color:black;
    background-color:#51A5C2;
    padding:0.5em;
    font-weight: normal;
}

.tabla_vacas_antiguo > thead > tr{
    background-color: #DFF7FF;
}

.tabla_vacas_antiguo > thead > tr > th{
    text-align:center;
    color:#51A5C2;
    border: 1px solid #51A5C2;
    padding:0.5em;
}

.tabla_vacas_antiguo > tbody > tr > td{
    text-align:center;
    border:1px solid #51A5C2;
    padding:0.5em;
}

.tabla_vacas_antiguo > tbody > tr > th{
    text-align:center;
    color:#51A5C2;
    background-color: #DFF7FF;
    border: 1px solid #51A5C2;
    padding:0.5em;
}


.boton_buscador{
    height: 22px; 
    width: 22px; 
    background-image: url(../images/search-icon2.png); 
    background-repeat: no-repeat;
}

.boton_buscador:hover{
    background-image: url(../images/search-icon2_hover.png);
}

.boton_buscador_reset{
    height: 22px; 
    width: 22px; 
    background-image: url(../images/reset-search.png); 
    background-repeat: no-repeat;
}

.boton_buscador_reset:hover{
    background-image: url(../images/reset-search_hover.png);
}

.avisos_div{
    /* position: fixed;*/
    position: relative;   /* Para que se muestren dentro del bloque de contenido y no se superpongan */
    right: 0px;
    top: 0px;
    width: 100%;
}

@media only screen and (min-width: 1000px) and (max-resolution: 1dppx){  
.avisos_div{
    position: relative;
} 
}


.aviso_portal {
    display: none;
    position: relative;
    /*max-width: 35em;*/
    margin: 0.5em;
    padding: 0.5em;    
    background-color: black;
    border-color: black;
    text-align: right;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    opacity: 0.95;
    
}

@media only screen and (min-width: 1000px) and (max-resolution: 1dppx){  
.aviso_portal{
    display: none;
    position: relative;
    /*max-width: 35em;*/
    margin-bottom: 20px;
    padding: 5px;    
    background-color: black;
    border-color: black;
    text-align: right;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    opacity: 1;
} 
}




.aviso_portal_lateral{
    position: absolute !important;
    right: 10px !important;
    top: 10px !important;
    opacity: 0.8;
}

.aviso_portal_info{
    background-color: #A9D17B;
    border-color: #A9D17B;
}

.aviso_portal_error{
    background-color: #D17B7B;
    border-color: #D17B7B;
}

.aviso_portal_warning{
    background-color: #D1C47B;
    border-color: #D1C47B;
}

.aviso_portal_buttons{
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 0em;
}

.aviso_portal_close{
    width: 32px;
    height: 32px;
    background: url("../images/aviso_close_32.png") no-repeat;
    border: none;
    cursor: pointer;
}

.aviso_portal_close:hover{
    background: url("../images/aviso_close_32_hover.png") no-repeat;
}

@media only screen and (min-width: 1000px) and (max-resolution: 1dppx){ 
.aviso_portal_close{
    width: 12px;
    height: 12px;
    background: url("../images/aviso_close.png") no-repeat;
    border: none;
    cursor: pointer;
}

.aviso_portal_close:hover{
    background: url("../images/aviso_close_hover.png") no-repeat;
}
}

.aviso_portal span.aviso_portal_icon{
    width: 32px;
    height: 32px;
    float: left;
    margin: 5px;
    padding: 0;
    display: block;
    background: url("../images/aviso_iconos.png") no-repeat;
}

.aviso_portal_info span.aviso_portal_icon{
    background-position: 0 -264px !important;
}

.aviso_portal_error span.aviso_portal_icon{
    background-position: 0 -132px !important;
}

.aviso_portal_warning span.aviso_portal_icon{
    background-position: 0 -396px !important;
}



.boton_update_captcha{
    display: inline-block;
    height: 40px;
    width: 40px;
    text-decoration: none;
    border: none;
    background: url(../images/refresh_40.png) 0 0 no-repeat;
    cursor: pointer;
}

.boton_update_captcha:hover{
    background: url(../images/refresh_40_hover.png) 0 0 no-repeat;
}

@media only screen and (max-resolution: 1dppx){
    
.boton_update_captcha{
    display: inline-block;
    height: 24px;
    width: 24px;
    text-decoration: none;
    border: none;
    background: url(../images/refresh.png) 0 0 no-repeat;
    cursor: pointer;
}

.boton_update_captcha:hover{
    background: url(../images/refresh_hover.png) 0 0 no-repeat;
}
    
}


.boton_update_captcha_an{
    display: inline-block;
    height: 40px;
    width: 40px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    background: url(../images/refresh_40_hover.png) 0 0 no-repeat;
}

@media only screen and (max-resolution: 1dppx){
    
.boton_update_captcha_an{
    display: inline-block;
    height: 24px;
    width: 24px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    background: url(../images/refresh_hover.png) 0 0 no-repeat;
}
    
}



.boton_mod_campo{
    height: 24px; 
    width: 24px;
    padding: 0;
    border: none;
    background: none;
    background-image: url(../images/modify_24.png); 
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 0.4em;
}

.boton_mod_campo:hover{
    background-image: url(../images/modify_24_hover.png);
}

@media only screen and (max-resolution: 1dppx){
.boton_mod_campo{
    height: 16px; 
    width: 16px;
    padding: 0;
    border: none;
    background: none;
    background-image: url(../images/modify_16.png); 
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 0.4em;
}

.boton_mod_campo:hover{
    background-image: url(../images/modify_16_hover.png);
}
}


.btn_confirm_mod_campo{
    height: 37px; 
    width: 37px;
    padding: 0;
    background: none;
    background-image: url(../images/confirm_mod_campo_32.png); 
    background-repeat: no-repeat;
    background-position: 1px 1px;
    cursor: pointer;
    margin-left: 0.2em;
}

.btn_confirm_mod_campo:hover{
    background-image: url(../images/confirm_mod_campo_32_hover.png); 
}

@media only screen and (max-resolution: 1dppx){
.btn_confirm_mod_campo{
    height: 24px; 
    width: 24px;
    padding: 0;
    background: none;
    background-image: url(../images/confirm_mod_campo_18.png); 
    background-repeat: no-repeat;
    background-position: 1px 1px;
    cursor: pointer;
    margin-left: 0.2em;
}

.btn_confirm_mod_campo:hover{
    background-image: url(../images/confirm_mod_campo_18_hover.png); 
}
}

.btn_cancel_mod_campo{
    height: 37px; 
    width: 37px;
    padding: 0;
    background: none;
    background-image: url(../images/cancel_mod_campo_32.png); 
    background-repeat: no-repeat;
    background-position: 1px 1px;
    cursor: pointer;
    margin-left: 0.2em;
}

.btn_cancel_mod_campo:hover{
    background-image: url(../images/cancel_mod_campo_32_hover.png); 
}

@media only screen and (max-resolution: 1dppx){
.btn_cancel_mod_campo{
    height: 24px; 
    width: 24px;
    padding: 0;
    background: none;
    background-image: url(../images/cancel_mod_campo_18.png); 
    background-repeat: no-repeat;
    background-position: 1px 1px;
    cursor: pointer;
    margin-left: 0.2em;
}

.btn_cancel_mod_campo:hover{
    background-image: url(../images/cancel_mod_campo_18_hover.png); 
}
}



.btn_cancel_mod_campo_disabled{
    height: 37px; 
    width: 37px;
    padding: 0;
    background: none;
    background-image: url(../images/cancel_mod_campo_32_disabled.png); 
    background-repeat: no-repeat;
    background-position: 1px 1px;
    cursor: auto;
    margin-left: 0.2em;
}

@media only screen and (max-resolution: 1dppx){
.btn_cancel_mod_campo_disabled{
    height: 24px; 
    width: 24px;
    padding: 0;
    background: none;
    background-image: url(../images/cancel_mod_campo_18_disabled.png); 
    background-repeat: no-repeat;
    background-position: 1px 1px;
    cursor: auto;
    margin-left: 0.2em;
}
}


.btn_info_solicitud{
    height: 37px; 
    width: 37px;
    padding: 0;
    background: none;
    background-image: url(../images/info_24_hover.png); 
    background-repeat: no-repeat;
    background-position: 5px 5px;
    cursor: pointer;
    margin-left: 0.2em;
}

.btn_info_solicitud:hover{
    background-image: url(../images/info_24.png); 
}

@media only screen and (max-resolution: 1dppx){
.btn_info_solicitud{
    height: 24px; 
    width: 24px;
    padding: 0;
    background: none;
    background-image: url(../images/info_16_hover.png); 
    background-repeat: no-repeat;
    background-position: 3px 3px;
    cursor: pointer;
    margin-left: 0.2em;
}

.btn_info_solicitud:hover{
    background-image: url(../images/info_16.png); 
}
}

.btn_cancel_solicitud{
    height: 37px; 
    width: 37px;
    padding: 0;
    background: none;
    background-image: url(../images/cancelar_solicitud_32.png); 
    background-repeat: no-repeat;
    background-position: 1px 1px;
    cursor: pointer;
    margin-left: 0.2em;
}

.btn_cancel_solicitud:hover{
    background-image: url(../images/cancelar_solicitud_32_hover.png); 
}

@media only screen and (max-resolution: 1dppx){
.btn_cancel_solicitud{
    height: 24px; 
    width: 24px;
    padding: 0;
    background: none;
    background-image: url(../images/cancelar_solicitud_18.png); 
    background-repeat: no-repeat;
    background-position: 1px 1px;
    cursor: pointer;
    margin-left: 0.2em;
}

.btn_cancel_solicitud:hover{
    background-image: url(../images/cancelar_solicitud_18_hover.png); 
}
}

.fondo_cargando_200{
    height: 200px; 
    width: 200px;
    padding: 0;
    background: none;
    background-image: url(../images/loading_200.gif); 
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.tabla_prestamos {
    width:100%;
    border:1px solid #51A5C2;
    border-collapse: collapse;
}

.tabla_prestamos > thead > tr:first-child {
    border: 1px solid #51A5C2;
}

.tabla_prestamos > thead > tr:first-child > th {
    text-align:center;
    color:#D8F2F2;
    background-color:#51A5C2;
    padding:0.5em;
}

.tabla_prestamos > thead > tr {
    border: 1px solid #51A5C2;
}

.tabla_prestamos > thead > tr > th {
    text-align:center;
    border: 1px solid #51A5C2;
    padding:0.5em;
    font-weight: bold;
}

.tabla_prestamos > thead > tr:nth-child(even) > th {
    color: black;
    background-color: #DFF7FF;        
}

.tabla_prestamos > thead > tr:nth-child(odd) > th {
    color: #D8F2F2;
    background-color: #51A5C2;
}

.tabla_prestamos > tbody > tr:nth-child(even) {
    border: 1px solid #51A5C2;
    background-color: #DFF7FF;
}

.tabla_prestamos > tbody > tr:nth-child(odd) {
    border: 1px solid #51A5C2;
    background-color: #FFFFFF;
}

.tabla_prestamos > tbody > tr > td {
    text-align:center;
    border:1px solid #51A5C2;
    padding:0.5em;
}

.tabla_prestamos > tbody > tr > th {
    text-align:center;
    color:black;
    border: 1px solid #51A5C2;
    padding:0.5em;
    font-weight: normal;
}

.tabla_prestamos a {
    color: black;
    border-bottom: 0;
    text-decoration: none !important;
}

.tabla_prestamos a:hover {
    color: #51A5C2;
    text-decoration: none !important;
}

.tabla_secciones_sindicales {
    width:100%;
    border:1px solid #51A5C2;
    border-collapse: collapse;
}

.tabla_secciones_sindicales > thead > tr:first-child{
    border: 1px solid #51A5C2;
}

.tabla_secciones_sindicales > thead > tr:first-child > th{
    text-align:center;
    color:black;
    background-color:#51A5C2;
    padding:0.5em;
    font-weight: normal;
}

.tabla_secciones_sindicales > thead > tr{
    background-color: #DFF7FF;
}

.tabla_secciones_sindicales > thead > tr > th{
    text-align:center;
    color:#51A5C2;
    border: 1px solid #51A5C2;
    padding:0.5em;
}

.tabla_secciones_sindicales > tbody > tr > td{
    text-align:center;
    border:1px solid #51A5C2;
    padding:0.5em;
}

.tabla_secciones_sindicales > tbody > tr > th{
    text-align:center;
    color:#51A5C2;
    background-color: #DFF7FF;
    border: 1px solid #51A5C2;
    padding:0.5em;
}

.progress {
    height: 35px;
    width: 50%;
    border: 1px solid #428bca;
    border-radius: 5px;
    background-color: #e6f3fa;
    margin-bottom: 15px;
}
 
.progress-bar {
    height: 100%;
    background: #428bca;
    display: flex;
    align-items: center;
    transition: width 0.25s;
    border-radius: 5px;
}
 
.progress-bar-text {
    margin-left: 10px;
    font-weight: bold;
    color: #cce7f5;
}