@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?cuwtms');
  src:  url('fonts/icomoon.eot?cuwtms#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?cuwtms') format('truetype'),
    url('fonts/icomoon.woff?cuwtms') format('woff'),
    url('fonts/icomoon.svg?cuwtms#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-casco:before {
  content: "\e901";
}
.icon-inicio:before {
  content: "\e900";
}
.icon-Nombradas:before {
  content: "\e903";
}
.icon-Informes:before {
  content: "\e91f";
}
.icon-Documentos:before {
  content: "\e920";
}
.icon-Liquidaciones:before {
  content: "\e93b";
}
.icon-Administracion:before {
  content: "\e976";
}
.icon-contrasenia:before{
  /*background-image: url(../img/contrasenia.jpg); 
  width: 30px;
  height: 33px; */ 
  content: "\e990";  
}
.icon-Maquinas:before {
  content: "\e9b0";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-cerrar_sesion:before {
  content: "\ea13";
}

/* Botones principal y secundarios */

.btn_principal {
  background: #005b82;
  background-image: -webkit-linear-gradient(top, #005b82, #2980b9);
  background-image: -moz-linear-gradient(top, #005b82, #2980b9);
  background-image: -ms-linear-gradient(top, #005b82, #2980b9);
  background-image: -o-linear-gradient(top, #005b82, #2980b9);
  background-image: linear-gradient(to bottom, #005b82, #2980b9);
  text-shadow: 3px 3px 2px #40b3e5;
  -webkit-box-shadow: 1px 2px 5px #000000;
  -moz-box-shadow: 1px 2px 5px #000000;
  box-shadow: 1px 2px 5px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  padding: 3px 7px 3px 7px;
  border-top: solid #005b82 2px;
  border-right: solid #005b82 2px;
  border-bottom: solid #40b3e5 1px;
  border-left: solid #40b3e5 1px;
  text-decoration: none;
  cursor:pointer;
}

.btn_principal:hover {
  background: #005b82;
  background-image: -webkit-linear-gradient(top, #005b82, #000);
  background-image: -moz-linear-gradient(top, #005b82, #000);
  background-image: -ms-linear-gradient(top, #005b82, #000);
  background-image: -o-linear-gradient(top, #005b82, #000);
  background-image: linear-gradient(to bottom, #005b82, #000);
  text-decoration: none;
  padding: 3px 7px 3px 7px;
 
}

/* Botones Buscar  */

.btn_buscar {
  background: #005b82;
  background-image: -webkit-linear-gradient(top, #005b82, #000);
  background-image: -moz-linear-gradient(top, #005b82, #000);
  background-image: -ms-linear-gradient(top, #005b82, #000);
  background-image: -o-linear-gradient(top, #005b82, #000);
  background-image: linear-gradient(to bottom, #005b82, #000);
  text-shadow: 3px 3px 2px #40b3e5;
  -webkit-box-shadow: 1px 2px 5px #000000;
  -moz-box-shadow: 1px 2px 5px #000000;
  box-shadow: 1px 2px 5px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  padding: 3px 7px 3px 7px;
  border:none;
  text-decoration: none;
  cursor:pointer;
}

.btn_buscar:hover {
  background: #005b82;
  background-image: -webkit-linear-gradient(top, #005b82, #000);
  background-image: -moz-linear-gradient(top, #005b82, #000);
  background-image: -ms-linear-gradient(top, #005b82, #000);
  background-image: -o-linear-gradient(top, #005b82, #000);
  background-image: linear-gradient(to bottom, #005b82, #000);
  text-decoration: none;
  padding: 3px 7px 3px 7px;
}

/* botones secundarios */

.btn_secundario {
  background: #005b82;
  background-image: -webkit-linear-gradient(top, #005b82, #000);
  background-image: -moz-linear-gradient(top, #005b82, #000);
  background-image: -ms-linear-gradient(top, #005b82, #000);
  background-image: -o-linear-gradient(top, #005b82, #000);
  background-image: linear-gradient(to bottom, #005b82, #000);
  text-shadow: 3px 3px 2px #40b3e5;
  -webkit-box-shadow: 1px 2px 5px #000000;
  -moz-box-shadow: 1px 2px 5px #000000;
  box-shadow: 1px 2px 5px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  padding: 3px 7px 3px 7px;
  border:none;
  border-bottom: none;
  border-top: none;
  text-decoration: none;
  cursor:pointer;
}

.btn_secundario:hover {
  background: #005b82;
  background-image: -webkit-linear-gradient(top, #005b82, #000);
  background-image: -moz-linear-gradient(top, #005b82, #000);
  background-image: -ms-linear-gradient(top, #005b82, #000);
  background-image: -o-linear-gradient(top, #005b82, #000);
  background-image: linear-gradient(to bottom, #005b82, #000);
  text-decoration: none;
  padding: 3px 7px 3px 7px;
}

/* tabla filtros */

.tbl_filtros{
    font-size: 11px;
    background: transparent;
}

.tbl_filtros th{
    background: rgba(0,89,128,1);
    background: -moz-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 66%, rgba(204,240,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,89,128,1)), color-stop(66%, rgba(64,180,229,1)), color-stop(100%, rgba(204,240,255,1)));
    background: -webkit-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 66%, rgba(204,240,255,1) 100%);
    background: -o-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 66%, rgba(204,240,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 66%, rgba(204,240,255,1) 100%);
    background: linear-gradient(to right, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 66%, rgba(204,240,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005980', endColorstr='#ccf0ff', GradientType=1 );
    color: white;
    border: 1px solid white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
}
.tbl_filtros th:hover{
 background: rgba(0,89,128,1);
  background: -moz-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 37%, rgba(204,240,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,89,128,1)), color-stop(37%, rgba(64,180,229,1)), color-stop(100%, rgba(204,240,255,1)));
  background: -webkit-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 37%, rgba(204,240,255,1) 100%);
  background: -o-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 37%, rgba(204,240,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 37%, rgba(204,240,255,1) 100%);
  background: linear-gradient(to right, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 37%, rgba(204,240,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005980', endColorstr='#ccf0ff', GradientType=1 ); 
    color: white;
    border: 1px solid white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
}

.tbl_filtros td{
    background: transparent;
    border: 0.1em solid white;
    text-align: left;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    margin: 2px;  
    font-size: 11px;

}

/* tabla formularios */



.tbl_form, .tbl_form_hov{
    width: 100%;
}

.tbl_form, .tbl_form_hov{
    background: rgba(0,92,130,1);
    background: -moz-linear-gradient(left, rgba(0,92,130,1) 0%, rgba(0,92,130,1) 35%, rgba(64,180,229,1) 55%, rgba(161,232,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,92,130,1)), color-stop(35%, rgba(0,92,130,1)), color-stop(55%, rgba(64,180,229,1)), color-stop(100%, rgba(161,232,255,1)));
    background: -webkit-linear-gradient(left, rgba(0,92,130,1) 0%, rgba(0,92,130,1) 35%, rgba(64,180,229,1) 55%, rgba(161,232,255,1) 100%);
    background: -o-linear-gradient(left, rgba(0,92,130,1) 0%, rgba(0,92,130,1) 35%, rgba(64,180,229,1) 55%, rgba(161,232,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,92,130,1) 0%, rgba(0,92,130,1) 35%, rgba(64,180,229,1) 55%, rgba(161,232,255,1) 100%);
    background: linear-gradient(to right, rgba(0,92,130,1) 0%, rgba(0,92,130,1) 35%, rgba(64,180,229,1) 55%, rgba(161,232,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005c82', endColorstr='#a1e8ff', GradientType=1 );
}

.tbl_form:hover, .tbl_form_hov:hover{
    background: rgba(0,92,130,1);
    background: -moz-linear-gradient(left, rgba(0,92,130,1) 0%, rgba(0,92,130,1) 63%, rgba(64,180,229,1) 86%, rgba(161,232,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,92,130,1)), color-stop(63%, rgba(0,92,130,1)), color-stop(86%, rgba(64,180,229,1)), color-stop(100%, rgba(161,232,255,1)));
    background: -webkit-linear-gradient(left, rgba(0,92,130,1) 0%, rgba(0,92,130,1) 63%, rgba(64,180,229,1) 86%, rgba(161,232,255,1) 100%);
    background: -o-linear-gradient(left, rgba(0,92,130,1) 0%, rgba(0,92,130,1) 63%, rgba(64,180,229,1) 86%, rgba(161,232,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,92,130,1) 0%, rgba(0,92,130,1) 63%, rgba(64,180,229,1) 86%, rgba(161,232,255,1) 100%);
    background: linear-gradient(to right, rgba(0,92,130,1) 0%, rgba(0,92,130,1) 63%, rgba(64,180,229,1) 86%, rgba(161,232,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005c82', endColorstr='#a1e8ff', GradientType=1 );
}

.tbl_form td{
    border: 0.1em solid white;
    background: #E7E7E7;
    text-align: center;
    padding: 2px 3px 2px 3px;
    vertical-align: middle;
}

.tbl_form_hov .tbl_form_tr, .tbl_form_hov .aumento, .tbl_form_hov .enviadasdirectemar, .tbl_form_hov .especialidades,  .tbl_form_hov .aumentoEnviada{
    background: #E7E7E7;  
}


.tbl_form_tr td, .tbl_form_tr_disabled td, .aumento td, .enviadasdirectemar td, .especialidades td, .aumentoEnviada td{
    border: 0.1em solid white;
    text-align: center;
    padding: 2px 3px 2px 3px;
    vertical-align: middle;
}     

.tbl_form_hov .tbl_form_tr:hover, .tbl_form_hov .aumento:hover, .tbl_form_hov .enviadasdirectemar:hover, .tbl_form_hov .aumentoEnviada:hover{
    background-color: #ccf0ff !important;
    color:  darkred;
}
/* posicion letras de la tabla */
.tbl_form_th{
    color: white;
    padding: 2px 2px 2px 2px;
    text-align: center;
    padding: 3px 0 3px 0;
    vertical-align: middle;
}

/* diseño tabla listado    (Verlo mas adelante -> administracion -> faenas -> especialidad de faenas*/
.tbl_listados{
    font-size: 11px;
    background: transparent;
}

.tbl_listados th{
    background: rgba(0,89,128,1);
    background: -moz-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 66%, rgba(204,240,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,89,128,1)), color-stop(66%, rgba(64,180,229,1)), color-stop(100%, rgba(204,240,255,1)));
    background: -webkit-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 66%, rgba(204,240,255,1) 100%);
    background: -o-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 66%, rgba(204,240,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 66%, rgba(204,240,255,1) 100%);
    background: linear-gradient(to right, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 66%, rgba(204,240,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005980', endColorstr='#ccf0ff', GradientType=1 );
    color: white;
    border: 1px solid white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
}
.tbl_listados th:hover{
 background: rgba(0,89,128,1);
  background: -moz-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 37%, rgba(204,240,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,89,128,1)), color-stop(37%, rgba(64,180,229,1)), color-stop(100%, rgba(204,240,255,1)));
  background: -webkit-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 37%, rgba(204,240,255,1) 100%);
  background: -o-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 37%, rgba(204,240,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 37%, rgba(204,240,255,1) 100%);
  background: linear-gradient(to right, rgba(0,89,128,1) 0%, rgba(64,180,229,1) 37%, rgba(204,240,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005980', endColorstr='#ccf0ff', GradientType=1 ); 
    color: white;
    border: 1px solid white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
}

.tbl_listados td{
    background: transparent;
    border: 0.1em solid white;
    text-align: left;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    margin: 2px;  
    font-size: 11px;

}