@charset "utf-8";
/* ---------- MENÚ ---------- */
.menu{
	font-size: 14px;
}
.navbar-brand{
	padding-top: 7px !important;
}
.navbar-default{
	color: #333;
}
.navbar-default .navbar-nav>.active>a{
	background-color: #ccc;
	color: #333;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #fff;
	cursor: default;
	background-color: #152d39 !important;
}
ul >li.version-activa>a, ul >li.version-activa>a:focus, ul >li.version-activa>a:hover{
	background-color: #9fd6f1 !important;
}
.nav-tabs>li>a {
	color: #152d39;
	font-weight: bold;
	border-color: #152d39;
	border-bottom-color: transparent;
}
.nav-tabs>li>a:hover {
	border: 1px solid #152d39;
	background-color: #e1eab3;
	border-bottom-color: transparent;
}
.navbar-default .navbar-nav>li>a {
	min-height: 55px;
}
.navbar-default .navbar-nav>.active>a:hover {
	background-color: #152d3926 !important;
	color: #333;
}
.glyphicon-off:before {
	content: "\e017";
}
#version-app, #version-app:hover{
	color: black;
}
.nav-dch-iconos > li > a {
	font-size: 25px;
}
/* --- menu --- */


/* ---------- FOOTER ---------- */
.footer{
	min-height: 50px;
	background-color: #152d39;
	width: 100.5%;
	/*position: absolute;*/
	bottom: 0;
	margin-left: -0.3%;

}
.texto-footer{
	margin: 1.3em auto;
	color: white;
	font-size: 14px;
}

.separador{
	min-height: 40px;
	/* display: none; */
}
/* --- footer --- */

/* Perfil */
.mainbody{
	margin-top:50px;
	padding-top: 100px;
}
div.mainbody{
	padding-top: 50px;
	background: #0264d6; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #0264d6 1%, #1c2b5a 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#0264d6), color-stop(100%,#1c2b5a)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #0264d6 1%,#1c2b5a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0264d6', endColorstr='#1c2b5a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	/*height:calc(100vh);*/
	width:100%;


	background: #eee; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #eee 1%, #1e3948 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#eee), color-stop(100%,#1e3948)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #eee 1%,#1e3948 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #eee 1%,#1e3948 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #eee 1%,#1e3948 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #eee 1%,#1e3948 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#1c2b5a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.media-body{
	text-align: center;
}
.panel-titulo{
	font-size:30px;
	background-color: #162d39;
	color: white;

	/*background-color: #d7e2a2;
	color:#162d39;*/
}
.panel-izq{
	background-color: #162d39;
    color: white;

    background-color: #9dd8ad;
	background-color: #d7e2a2;
	color:#162d39;

	background-color: #dbf2f2;
}
.panel-izq img{
	background-color: #d7e2a2;
	border-color: #d7e2a2 !important;

	background-color: #dbf2f2 !important;
	border-color: #dbf2f2 !important;
}
.panel-default{
	border: none;
}
.media-body > hr{
	border-top: 1px solid #162d39;
}

/* General */

/* Quitar flechas inputs type=number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  display: none;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* *** */

body {
	/*padding: 0px 20px;
	height:calc(100vh);*/
	height: 100%;
}


/*modals*/
.modal-header{
	background-color: #152d39;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.modal-footer{
	background-color: #ddd;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.modal-header button{
	color: #fff;
	text-shadow: 0 1px 0 #d9edf7;
	opacity: .7;
}
.modal-header button:hover{
	color: #fff;
	text-shadow: 0 1px 0 #d9edf7;
	opacity: .5;
}
.close{
	font-weight: 500;
}

@media (min-width: 768px){
	.modal-dialog {
		width: 600px;
		margin: 50% auto;
	}
}
/* --------------------------------------------------------- */
/* CSS pagina postes */
/*#jumbo-postes{
	background-color: #152d39 !important;
	color: #fff;
	padding-bottom: 0px;
}*/


.table-bordered thead tr th,
.table-bordered tbody tr th,
.table-bordered tbody tr,
.table-bordered tbody tr td{
	border-color: #333333 !important;
}
.table-bordered tbody.vano_row{
	border-bottom: 2px solid #333333;
}



.table-bordered thead tr:first-child th{
	border-top:2px solid #333 !important;
	background-color: #5db15e;
}
.table-flojas thead tr:first-child th{
	border-top:2px solid #333 !important;
	background-color: #4f8bbe !important;
	background-color: #53a9dc !important;
}



.table-bordered thead tr{
	background-color: #c6e0b4; /*verde claro*/
	background-color: #81c056;/*verde gabitel*/
}
.table-flojas thead tr{
	background-color: #d9edf7 !important; /*azul claro*/
	background-color: #b5e2f8 !important; /*azul claro*/
}

.table-flojas td.sf_de,.table-flojas td.sf_a{
	min-width: 70px !important;
}



.table-bordered thead tr th{
	text-align: center;
	vertical-align: middle !important;
	text-transform: uppercase;
}
.table-bordered>thead>tr>th {
	
}
.table td{
	text-align: center;
	vertical-align: middle !important;
}
.table tbody tr td{
	min-height: 30px;
}
.table .p1, .table .p2, .table .vano{
	min-width: 80px;
}
.table-hover>tbody>tr:hover {
	background-color: transparent;
}
.table-hover>tbody{
	transition-duration: 0.4s;
}
.table-hover>tbody.grab:hover {
	/*background-color: #f5f5f5;*/
	background-color: #d9edf7 !important;
	transition-duration: 0.4s;
}
.table-hover>tbody.grab >tr>td.p1:hover, .table-hover>tbody.grab:hover>tr>td.p2:hover{
	background-color: pink !important;
	transition-duration: 0.4s;
}
.table-hover>tbody >tr>td.rf1:hover, .table-hover>tbody:hover>tr>td.rf2:hover {
	background-color: #fff5a1 !important;
	transition-duration: 0.4s;
	cursor: pointer;
}

.table-hover>tbody.grab-sf >tr>td.sf_de:hover, .table-hover>tbody.grab-sf:hover>tr>td.sf_a:hover {
	background-color: pink !important;
	transition-duration: 0.4s;
	cursor: ew-resize;
}
.table-hover>tbody >tr>td.sf_rf1:hover, .table-hover>tbody:hover>tr>td.sf_rf2:hover {
	background-color: #fff5a1 !important;
	transition-duration: 0.4s;
	cursor: pointer;
}


.table-hover>tbody >tr>td.p1, .table-hover>tbody>tr>td.p2 {
	transition-duration: 0.4s;
}

.table-hover>tbody>tr>td.rf2,.table-hover>tbody>tr>td.rf1,
.table-hover>tbody>tr>td.sf_rf2,.table-hover>tbody>tr>td.sf_rf1{
	font-weight: bold !important;
}


tbody.grab:hover >tr>td.p1, tbody.grab:hover >tr>td.p2{
	cursor : ns-resize;	
}
tbody.grab:active, .table-flojas tbody.grab-sf {
	cursor : row-resize !important;
}


tbody.grabbed > tr{
	/*background-color: pink;*/
}

.grab:active{
	/*cursor: pointer;*/
}

.table>tbody>tr>td.rf2>input,
.table>tbody>tr>td.rf1>input{
	/*margin: none !important;*/
	min-height:  31px !important;
}

ul.nav{
	border-bottom-color: #162d39;
}
.nav-tabs>li>a{
	/*font-weight: bold;
	border-color: #337ab7;
	border-bottom-color: transparent;*/
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	/*color: #fff;
	cursor: default;
	background-color: #337ab7 !important;*/
	
}
.nav-tabs>li>a:hover {
	/*border: 1px solid #337ab7;
	background-color: #d9edf7;
	border-bottom-color: transparent;*/
}

body div.lista-errores{
	font-weight: bold !important;
	font-size: 16px !important;
}
body span.error_lista{
	color: #333333 !important;
}



.ocultar{
	display: none;
}
.mostrar{
	display: block;
}
.altura5 {
	height: 10px !important;
}
.msg_tabla_guardada{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.msg_tabla_guardada_col{
	min-height: 70px !important;
}

hr.divider{
	height: 5px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;

	box-shadow: 0 10px 5px -10px #bbb inset;
	border-radius: 10px;
}



/* Tabla Descargas */
#tabla-descargas{
	/*border:1px solid black;*/
	/*table-layout: fixed;
	width: 100%;*/
	border: none;
	/*border-color: transparent !important;*/
}
.cont-tabla #tabla-descargas{
	width: 100%;
	/*display:inline;*/
}
#tabla-descargas tbody tr{
	width: 100%;
}
#tabla-descargas tbody tr td{
	width: 33%;
}
#tabla-descargas tbody tr td, #tabla-descargas thead th{
	text-align: center;
	min-width: 200px;
	height: 40px !important;
	padding: 10px;
}
#tabla-descargas tbody tr td div button{
	text-align: center;
}
div.div_pdf button{
	text-align: center;
	margin:1em auto;
}
#tabla-descargas tbody tr td:first-child{
	
}
.div_pdf{

}
.generador{
	text-align: center;
}
#seccion-enlaces-descarga{
	text-align: center;
}



/* Colores coorporativos */

#aviso-errores{
	display: none;
	margin-top: 1.5em;
}
#botones-accion{
	/*padding-top: 1em;*/
}
#cabecera{
	background-color: #152d39;
	/*margin-top: -65px;*/
}
#cabecera .container{
	margin-top:35px;
}
#jumbo-postes{
	/*background-color:#d9edf7!important;*/
	background-color: #152d39 !important;
	color: #fff;
	/*color: #b4c55e;*/
	padding-bottom: 0px;
}
input[type=file]{
	width: 100%;
}
#botones-accion .btn-primary,.btn-primary {
	color: #fff;
	background-color: #152d39;
	border-color: #152d39;
}
.btn-primary:hover, .btn-primary:focus,
#botones-accion .btn-primary:hover, #botones-accion .btn-primary:focus {
	background-color: #71850a;
	border-color: #152d39;
	color: #ffffff;

	background-color: #415662;
}
.btn-pdf{
	background-color: #71850a;
	color: #152d39;
	border-color: #81c056;
	background-color: #81c056;
}
.btn-pdf:hover, .btn-pdf:focus{
	color: #fff;
	background-color: #152d39;
	border-color: #152d39;

	background-color: #b4c55e;
	background-color: #81c056;
	color: #152d39;
}

.btn-ordenar, .btn-invertir, .btn-bloques, .btn-rf-automaticas,.btn-desmarcar-rf,
.btn-ordenar-sf, .btn-invertir-sf, .btn-bloques-sf, .btn-rf-automaticas-sf{
	background-color: #dcdcdc !important; /*#e1eab3 !important;*/
    color: #162d39 !important;
}


.table-bordered thead tr:first-child th{
	background-color: #152d39 !important;
	color: white;
}

.generador{
	padding-top:0.7em;
	padding-bottom: 0.7em;
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #162d39;
	text-align: center;
	background-color: #eee;
	border-radius: 4px;
	border: 1px solid black;
	font-size: 13px;
}

/* ---------------------------------------- */
/* ------- CSS COMUN: LOGIN-REGISTRAR ----- */
/* ---------------------------------------- */
/*@charset "utf-8"; //Poner al inicio*/
/*@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);*/
div.main{
	padding-top: 50px;
	background: #0264d6; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #0264d6 1%, #1c2b5a 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#0264d6), color-stop(100%,#1c2b5a)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #0264d6 1%,#1c2b5a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0264d6', endColorstr='#1c2b5a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height:calc(100vh);
	width:100%;


	background: #eee; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #eee 1%, #1e3948 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#eee), color-stop(100%,#1e3948)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #eee 1%,#1e3948 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #eee 1%,#1e3948 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #eee 1%,#1e3948 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #eee 1%,#1e3948 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#1c2b5a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
div.main, div.mainbody{
	padding-top: 50px;
	background: #ceedf8; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ceedf8 5%, #5bbde3 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(5%,#ceedf8), color-stop(100%,#5bbde3)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ceedf8 1%,#5bbde3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ceedf8 5%,#5bbde3 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ceedf8 1%,#5bbde3 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ceedf8 5%,#5bbde3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceedf8', endColorstr='#5bbde3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height:calc(100vh);
	width:100%;


	background: #eee; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ceedf8 5%, #5bbde3 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(5%,#fff), color-stop(100%,#5bbde3)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ceedf8 5%,#5bbde3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ceedf8 5%,#5bbde3 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #fff 5%,#5bbde3 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ceedf8 5%,#5bbde3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceedf8', endColorstr='#5bbde3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


/*div.main{*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+20,5bbde3+100 */
	/*background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 20%, #5bbde3 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 20%,#5bbde3 100%);
	background: radial-gradient(ellipse at center,  #ffffff 20%,#5bbde3 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5bbde3',GradientType=1 );
	*/
	/* background: #5bbde3;
	background: -webkit-radial-gradient(ellipse at center,  #ffffff 1%,#5bbde3 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#ffffff), color-stop(100%,#5bbde3)); */
/*}*/



/* __login__ */


#login, .logo{
	display:inline-block;
	width:40%;
}
#login{
	border-right:1px solid #fff;
	padding: 0px 22px;
	width: 59%;
}
.logo{
	color:#fff;
	font-size:50px;
	line-height: 125px;
}

#login form span.fa {
	background-color: #fff;
	border-radius: 3px 0px 0px 3px;
	color: #000;
	display: block;
	float: left;
	height: 50px;
	font-size:24px;
	line-height: 50px;
	text-align: center;
	width: 50px;
}




#login form input[type="submit"]:hover {
	background-color: #d44179;
}

#login > p {
	text-align: center;
}

#login > p span {
	padding-left: 5px;
}
.middle {
	display: flex;
	width: 600px;
}

#boton{
	width:100%;
	text-align:right;
	display: inline-block;
}

@media screen and (max-width: 768px){
	#login{
		width: 100%;
		border:none;
		margin: auto;
		padding-bottom: 3em;
	}
	.logo{
		width: 100%;
		margin-left: 3%;
		border-top: 1px solid white;
	}
	#login #boton{
		text-align: center;
	}
}

.ocultar{
	display: none;
}
.mostrar{
	display: block;
}
.mostrar-descargas{
	display: inline;
}
.msg{
	font-size:1.5em;
	background-color: #a6c70e;
	color: #1e3a49;
	display: inline-block;
	padding: 10px;
	margin-top:0.5em;
	margin-bottom: 0.5em;
	box-shadow: 3px 4px 4px 1px #506575;
}
/* --- css comun --- */


/* ---------------------------------------- */
/* ---- CSS ESTADISTICAS TRABAJADORES ----- */
/* ---------------------------------------- */

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
/* ---------------------------------------- */


/* Tabla Ordenar Bloques */
table#ord-blo, table#ord-blo-sf{
	border: 1px solid transparent !important;
}
#ord-blo tbody td, #ord-blo-sf tbody td{
	min-width: 30px !important;
	text-align: center;
}
.mini-blo:hover, .mini-blo-sf:hover{
	cursor: pointer;
	background-color: #152d39;
	color: white;
}

.bloque, .sf_bloque:hover{
	cursor: pointer !important;
}

#sel-trabajador{
	width: 100% !important;
	font-size: 18px;
	min-height: 30px;
	border-radius: 3px;
	/*border: 1px solid #152d39;*/
}
#sel-trabajador:focus{
	outline-color: #152d39 !important;
}

/** Iconos bloques colapsados */
span.ordenando-blo.glyphicon.glyphicon-resize-small {
    color: #81C056;
    font-size: 2em;
    display: block;
    left: 0;
    top: 0;
    text-align: left;
    margin-top: -10px;
}

/** Inputs errors */
#inp-error-html, #inp-error-xml, #inp-error-psc, #inp-error-linea{
	max-width: 89%;
}