@CHARSET "ISO-8859-1";

/*  v1.015  */

.bg_gray_2 {
	background-color: #f1f1f1;
}

.filtros_v3 {
	display: flex; 
	flex-wrap: wrap; 
}

.filtros_v3 > div, .filtros_v3 > div.busqueda_campo {
	margin-right: 20px;	
}

.filtros_v3 .filtro {
	min-width: 200px;
}

.filtros_v3 .filtro [class*='span'] {
	float: none;
	display: inline-block;
	width: auto; 
}


[class*='span'] label + input[type=checkbox]  {
	position: relative;
	top: 2px; 
}


.redClass {
	background-color: red
}

.geocoder {
	position: absolute;
	z-index: 1;
	width: 50%;
	left: 50%;
	margin-left: -25%;
	top: 10px;
}
.mapboxgl-ctrl-geocoder {
	min-width: 100%;
}
#map {
	margin-top: 75px;
}

.asignable_activo {
	background-color: #cc0709;
	background-image:-moz-linear-gradient(top,#e10508,#ad0304);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#e10508),to(#ae0007));
	background-image:-webkit-linear-gradient(top,#e10508,#ae0007);
	background-image:-o-linear-gradient(top,#e10508,#ae0007);
	background-image:linear-gradient(to bottom,#e10508,#ae0007);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe10508',endColorstr='#ffae0007',GradientType=0);
	
	border-color:#880203;
}

.autocomplete_0 {
	background-color: none;
}

.autocomplete_v {
	background-image: none !important;
	background-color: #bfe5bf; 
}

.autocomplete_x {
	background-image: none !important;
	background-color: #ffc1c1 !important;
}

.autoedit_estilo:hover  {
	cursor: pointer;
	opacity: 0.5;
}

.b {
	font-weight: bold;
}

.background_none {
	background: none !important;	
}

.bg1 { background-color: #e5e5e5; }

.bgcolor0 {	background-color: #BFE5BF !important;}
.bgcolor1 {	background-color: #fffeac !important;}
.bgcolor2 {	background-color: #F4B8B8 !important;}


.container-fluid{padding-right:20px;padding-left:20px;*zoom:1}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0}.container-fluid:after{clear:both}

.copy_clipboard_from {
	position: absolute; 
	opacity: 0; 
	z-index: -1;
	width: 1px;
	height: 1px;
 }

div.table_td input[type="text"].copy_clipboard_from {
	width: auto;
}

.copy_clipboard_load.selected { color: #ED1C24; }

.disabled  {
	opacity: 0.5;
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.empresa_estado_1 {color: green !important;}
.empresa_estado_2 {	color: orange !important;}
.empresa_estado_3 {	color: red !important;}

.error {
	color: red !important;
}

.excel {
	display: none;
}

.hidden { visibility: hidden; }

.slim  {	font-weight: 300 !important; }

input.error, textarea.error, select.error {
	border: 1px solid red;
}

.error a {
	color: red;
}

.fa.activo {
	color: #e10508;
}

input.required, select.required, textarea.required {
	border: 1px solid #ffb3b3;
} 

.fa-text {
	font-family: arial;
	font-size: 40%;
	position: relative;
	left: -3px;
}

.flex { display: flex; }

.font60, .fa.font60 {font-size: 60% !important;}
.font70, .fa.font70 {font-size: 70% !important;}
.font80, .fa.font80 {font-size: 80% !important;}
.font90, .fa.font80 {font-size: 90% !important;}
.font110, .fa.font110 {font-size: 110% !important;}
.font120, .fa.font120 {font-size: 120% !important;}
.font130, .fa.font130 {font-size: 130% !important;}
.font140, .fa.font140 {font-size: 140% !important;}
.font150, .fa.font150 {font-size: 150% !important;}
.font160, .fa.font160 {font-size: 160% !important;}
.font170, .fa.font170 {font-size: 170% !important;}
.font180, .fa.font180 {font-size: 180% !important;}
.font190, .fa.font190 {font-size: 190% !important;}
.font200, .fa.font200 {font-size: 200% !important;}

.color_green {color: green !important;}
.color_orange {	color: orange !important;}
.color_red {	color: red !important;}
.color_white {	color: white !important;}

.blue {color: #3ba2ea !important;}
button.blue { background-color: #3ba2ea !important; color: white !important; }
button.blue2 { background-color: #52abea !important; color: white !important; }

.green {color: #00c000 !important;}
button.green { background-color: #00d000 !important; color: white !important; }
button.green2 { background-color: #00b000 !important; color: white !important; }

.orange {	color: orange !important;}
button.orange { background-color: #ffb366 !important; color: white !important; }
button.orange2 { background-color:  #ff9933 !important; color: white !important; }

.red {	color: #c01111 !important;}
button.red { background-color: #ff4d4d !important; color: white !important; }
button.red2 { background-color:  #ff1a1a !important; color: white !important; }

button.blue { background-color:  #8080ff !important; color: white !important; }
button.blue2 { background-color:  #4d4dff !important; color: white !important; }

.green_bk { background-color: #00c000 !important;}
.orange_bk {	background-color: orange !important;}
.red_bk {	background-color: #c01111 !important;}

.inline {
	display: inline;
}

.nopad {
	padding: 0px !important;
}

.todo { width: 100%; height: 100%; }

.todo_w { width: 100%; }

.trans50 { opacity: 0.5; }

.trans50:hover { opacity: 1}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 20px;
    text-rendering: optimizelegibility;
}




 .ui-autocomplete-loading {
	background-image: url(../images/loading.gif);
 	background-position: left center;
 	background-repeat: no-repeat;
}


.red {	color: red !important;}

.row-fluid, .row_fluid {
	
	width:100%;
	*zoom:1; 
	position: relative;}

.row-fluid:after, .row_fluid:after{clear:both}
.row-fluid:before, .row-fluid:after, .row_fluid:before, .row_fluid:after {
    content: "";
    display: table;
    line-height: 0;
}

.strong {font-weight: bold;}
.tabla_impar {background-color: #f3f3f3;}
.tabla_par { background-color: #f9f9f9;}
.text_white {	color: white !important;}
.width_auto { width: auto !important;}
.width_100 {width: 100%;}



[class*='span'] {
	display:block;
	float:left;
}

[class*='span'].nopadding, div.box_fixed div[class*="span"].nopadding, div.box-fixed div[class*="span"].nopadding {
	padding-left: 0px; padding-right: 0px;
	padding-top: 0px; padding-bottom: 0px;
}

[class*='span'].nopadding_h, div.box_fixed div[class*="span"].nopadding_h, div.box-fixed div[class*="span"].nopadding_h {
	padding-left: 0px; padding-right: 0px;
}

[class*='span'].nopadding_v, div.box_fixed div[class*="span"].nopadding_v, div.box-fixed div[class*="span"].nopadding_v {
	padding-top: 0px; padding-bottom: 0px;
}

.alta_0 {
	background-color: #f4b8b8;
}

.alta_1 {
	background-color: #f4ebb8;
}

.alta_2 {
	background-color: #f4d4b8;
}

.alta_3 {
	background-color: #bfe5bf;
}


.alta_-1 {
	background-color: #f8de4b;
}

.alta_trabaja {
	background-image: url(../images/icon_cal.png); 
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

div.alta_inicio {
	float: left;
	width: 2px; height: 100%;
	background-color: black;
}

div.alta_fin {
	float: left;
	width: 2px; height: 100%;
	background-color: black;
}

div.alta_borde_der {
	float: right;
	margin-top: -2px;
	height: 25px;
}

div.alta_borde_izq {
	float: left; 
	margin-top: -2px;
	height: 25px;
}

div.baja_anulada_pedida {
	float: left;
	width: 2px; height: 100%;
	background-color: red;
}

div.baja_ayer {
	float: left;
	width: 2px; height: 100%;
	background-color: #F002F8;
}


div.baja_pedida {
	float: left;
	width: 2px; height: 100%;
	background-color: yellow;
}

div.busqueda_campo {
	height: 22px;
	margin: 0px 10px 10px 0px;
}


table#alta_tabla td {
	padding: 3px 0px;
}


.span12{width:100%;*width:99.94680851063829%}
.span11{width:91.66666666666666%;*width:91.43617021276594%}
.span10{width:83.33333333333333%;*width:82.92553191489361%}
.span9{width:75%;*width:74.41489361702126%}
.span8{width:66.66666666666666%;*width:65.90425531914893%}
.span7{width:58.33333333333333%;*width:57.39361702127659%}
.span6{width:50%;*width:48.88297872340425%}
.span5{width:41.66666666666666%;*width:40.37234042553192%}
.span4{width:33.333333333333333%;*width:31.861702127659576%}
.span3{width:25%;*width:23.351063829787233%}
.span2{width:16.666666666666666%;*width:14.840425531914894%}
.span1_5{width:9.574468085106382;*width:9.494680851063829}
.span1{width:8.333333333333333%;*width:6.329787234042553%}



.a:hover {	cursor: pointer;}
.clear {    clear: both;}
.editable_estilo {	cursor: default; position: relative;}
.editable_botones_interior {	visibility: hidden; }

.editable_botones_input, .editable_botones_input_estilo {	
	visibility: hidden;
	position: absolute;
	right: 0px;
	top: -3px;
}


.box_padding {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.editable_botones_persist_on { visibility: visible !important;}
.editable_cuerpo { float: left; margin-right: 2px;}
.hidden { visibility: hidden;}
.inline { display: inline !important;}
.input_border {border: 1px solid #D2D2D2 !important;}
.input_numero {text-align: right;}
.left { float: left;}
.none { display: none; }
.no_border {border: 0px !important;}
.no_valido {background-color: #F4B8B8 !important;}
.nowidth {width: auto !important;}
.nowrap {white-space: nowrap;}
.relative {position: relative;}
.right {float: right !important;}
.tabla_servicios_estilo { width: 1900px;}
.text-center, .text_center {text-align: center;}
.text_overflow, .text-overflow li {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.text_overflow:hover {cursor: pointer;}
.text-left, .text_left {text-align: left;}
.text-right, .text_right {text-align: right;}
.todo {display: block; width: 100%; height: 100%;}
.ui-datepicker {z-index: 100 !important;}
.ui-state-hover {border: 1px solid red;}
.ui-state-active {border: 1px solid red;}
.up_border {border-top: 1px solid #9d9d9d !important; border-left: 0px !important; border-right: 0px !important; border-bottom: 0px !important;}
.visible {visibility: visible !important;}


.color_azul {color: #0073d2;}
.color_white {color: white;}


a.disabled {
	text-decoration: line-through;
}

a, span.a {
	color: #222222;
}

a i, span.a i {
	color: #666666;
}

a button i {
	color: white;
} 


a:hover {
	color: #e10508;
	text-decoration: underline;
}


html, body {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #666666;
}

body {
	margin-top: 68px;
	background-color: #fdfdfd;
	font-family: Arial,sans-serif;
	line-height:14px;
	overflow-y: scroll;
}

body#login {
	margin-top: 0px;
	background-color: #7a7a7a;
	height: 100%;
	width: 100%;
}


button.fa {
	background-color: none;
	border: 0px;
	background: none;
	font-size: inherit !important;
}

button:hover:not(:disabled) {
	cursor: pointer;
	background-color: #fa001c;
	opacity: 0.8;
}

button.btn-login {
	background-color: #757575;
	color: white;
	font-size: 15px;
	text-align: center;
	padding: 5px 0px;
	border: 0px;
	width: 100%;
	font-weight: bold;
}





button#btn-login:hover {
	background-color: #fa001c;
}


button.fa {
	background-color: none;
}

button.xs {
	padding: 0px;
}

button.xs i {
	font-size: 90%;
}


div.acciones {
	float: right; 
	margin: 10px 0px;
	font-size: 120%;
}

div.active_area {
	position: fixed;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	top: 0px;
	left: 0px;
}


div#active_area {
	position: fixed;
	z-index: 2;
	display: none;
	width: 100%;
	height: 100%;
	background-color: transparent;
	top: 0px;
	left: 0px;
}



div.albaran_impresion_separador {
	margin-top: -1px;
	padding: 5px;
	border: 1px solid #9d9d9d; 
}



div.albaran_impresion_titulo {
	padding: 10px 0px;
}



div.bar2 {
	background-color: #9d9d9d;
	padding: 0px 0px 0px 5px;
}


div.block_tr {
	position: absolute;
	background-color: black;
	opacity: 0.6;
	width: 100%;
	margin: -2px 0px 0px -2px;
	padding: 5px;  
	z-index: 3;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color: white;
	font-weight: bold;
	
}


div.border_box {
	border: 1px solid #d9d9d9;
	padding: 10px;
}

div.botones_busqueda_izq {
	position: absolute;
	top: 5px; 
	left: 5px; 
}

div.botones_busqueda_der {
	position: absolute;
	top: 5px; 
	right: 10px; 
}


div.botones_der {
	float: right; 
	margin: 5px 5px;
}

div.botones_edicion {
	float: right; 
	clear: both;
	margin: 5px;
}

div.botones_edicion:after {
	clear: both;
}

div.botones_general {
	position: fixed;
	right: 40px; 
	z-index: 3;
}

div.box_fixed, div.box-fixed {
	position: relative;
}

div.box_fixed div, div.box-fixed div {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

div.box_fixed div.border-right, div.box-fixed div.border-right {
	border-right: 1px solid #d9d9d9;
}


div#cab i.fa-sign-out {
	color: white;
}


#capa_hover_inventario {
	z-index: 1000;
}

div.legend {
	background-color: #545454;
	color: white; 
	font-size: 15px; 
	border: 1px solid #d1d7df;
}

div.legend.sticky {
	position: sticky; 
	z-index: 9; 
	top: 67px;
}


div.legend i {
	color: white;
}

div.table_tr{
	display: flex;
}

div.table_tr form{
	width: 100%;
	display: flex;
}

div.legend2 {
	background-color: #D9D9D9;
	color: black; 
	border: 1px solid #d1d7df;
}

div.legend div.right {
	margin: 5px 10px;
}


div.tab {
	float: left;
	padding: 8px 10px;
	color: white;
	cursor: pointer;
	border-left: 1px solid #8a8a8a;
	border-right: 1px solid #8a8a8a;
	background-color: #8a8a8a;
}

div.tab span.a {
	color: white; 
	font-weight: bold;
}

div.tab span.a:hover {
	color: #e10508;
	cursor: pointer;
}

div.tab_sin_borde {
	border: 0px;
}


div.tab_active {
	background-color: #5a5a5a;
}

div.box_fixed div.label, div.box-fixed div.label {
	background-color: #f3f3f3;
/*	min-height: 30px; */
}

div.box_fixed div.label2, div.box-fixed div.label2 {
	background-color: #d9d9d9;
}


.label, .label2 {
	font-weight: 700;
}

div.box_fixed div.row-fluid_border_top, div.box-fixed div.row-fluid_border_top {
	border-top: 1px solid #d9d9d9;
}

div.box_fixed div.row-fluid, div.box_fixed div.row_fluid, div.box-fixed div.row-fluid, div.box-fixed div.row_fluid {
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

div.box_fixed div[class*="span"], div.box-fixed div[class*="span"] {
	padding: 5px 10px;
}

div.box_fixed div[class*="span"] div.right, div.box-fixed div[class*="span"] div.right {
	margin-top: -4px;
}

div.box_fixed div[class*="span"] input[type=text], div.box-fixed div[class*="span"] input[type=text] {
	margin-top: -5px;
	width: 100%;
}

div.box_fixed div[class*="span"].label, div.box-fixed div[class*="span"].label {
/*	padding-top: 8px; */
}





.btn_green {
	background-color: #00c000;
}	

.btn_green:hover {
	opacity: 0.5;
}


div.btn_menu {
	width: 152px; 
	height: 27px; 
	background-position: -43px 0px;
}

div.btn_menu:hover {
	background-position: -43px -27px;
}

div.btn_menu_active {
	width: 30px; 
	height: 27px; 
	background-position: -195px 0px;
}

div.btn_menu_active:hover {
	background-position: -195px -27px;
}


span.busqueda_num {
	padding: 0px 10px; 
}

span.busqueda_num:hover {
	color: white !important;
	background-color: #E10508;
}



.buttons_down_right {
	position: absolute; 
	bottom: 10px; 
	right: 10px;
}
	
div#cab {
	position: fixed;
	top: 0px; 
	left: 0px; 
	width: 100%;
	height: 56px;
	background-color: #ed1c24;
	background: rgb(251,0,0); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(237,28,36,1) 0%, rgba(251,0,0,1) 18%, rgba(193,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(237,28,36,1)), color-stop(18%,rgba(237,28,36,1)), color-stop(100%,rgba(193,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 18%,rgba(193,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 18%,rgba(193,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 18%,rgba(193,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 18%,rgba(193,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#c10000',GradientType=1 ); /* IE6-9 */
	color: white;
	z-index: 20;
	border-bottom: 1px solid #d2d2d2;
}

div#cab_lavo {
	position: fixed;
	top: 0px; 
	left: 0px; 
	width: 100%;
	height: 56px;
	color: black;
	z-index: 20;
	border-bottom: 1px solid #d2d2d2;
}

	
div#cab_l {
	position: fixed;
	top: 0px; 
	left: 0px; 
	width: 100%;
	height: 56px;
	background-color: white;
	color: black;
	z-index: 20;
	border-bottom: 1px solid #d2d2d2;
}

div#cab_bar {
	position: fixed;
	left: 0px; 
	top: 57px;
	width: 100%;
	height: 11px; 
	background-color: #fdfdfd; 
	z-index: 5;
}


div#cab_buttons {
	float: right;
	margin: 8px 10px;
}

div#cab_iconos {
	float: right;
	margin-top: 13px;
}

div#cab_iconos i {
	color: white;
}

div#cab_ws {
	padding-top: 10px;
	margin-left: 10px;
}

i.cab_icon {
	margin-left: 10px;
}

span.cab_icon_num {
	position: relative;
	padding: 1px 2px;
	top: -8px;
	font-size: 120%;
}

div.cab_logo {
	float: left;
	width: 218px;
	height: 56px;
	background-image: url(../images/logo.prod.png);	
}

div#cab_lavo div.cab_logo {
	background-image: none;
}

div#cab_logo_dev { background-image: url(../images/logo.dev.png);	 }
div#cab_logo_pre { background-image: url(../images/logo.pre.png);	 }
div#cab_logo_prod { background-image: url(../images/logo.prod.png);	 }
div#cab_logo_test { background-image: url(../images/logo.test.png);	 }

div#cab_logo_l {
	float: left;
	width: 218px;
	height: 56px;
	background-image: url(../images/logo_l.png);	
}



div#cab_logo2 {
	float: left;
	margin-top: 3px;
	margin-left: 10px;
	width: 45px;
	height: 45px;
}

div#cab_logo2 img{
	max-width: 100%;
	max-height: 100%;
	
}



div#cab_usuario {
	float: right; 
	margin: 6px 10px; 
}

div#cab_usuario_img {
	width: 43px; 
	height: 43px;
	margin-left: 6px;  
}

div#cab_usuario_info {
	font-size: 14px; 
	line-height: 20px; 
}

div#cab_usuario a {
	color: white; 
}


table.calendario {
	width: 100%;
	max-width: 100%;
}

div.calendario {
	padding: 5px 5px 5px 5px;
	border: 1px solid #6b6b6b;
	margin-bottom: 5px;
}


td.calendario_dia {
	width: 14.28%;
	max-width: 14.28%;
}



span.categoria_otros input[type=text] {
	width: 49% !important;
}

input.categoria_nombre {
	display: none;
}

span.categoria_otros input.categoria_nombre {
	display: inline;
}

span.categoria_otros

div.contacto_info {
	margin-left: 10px; 
	font-size: 90%;
}


.container-fluid{
	padding:0;
	margin-right:20px;
	margin-left:20px;
}
	


div.control-group input[type=button] {
	display: inline;
	margin: 8px 0px 0px;
}


div#cuadro_error {
	display: none;
	position: fixed; 
	top: 68px;
	right: 20px; 
	border: 2px solid red;
	background-color: #F4B8B8;
	color: black;
	font-weight: bold;
	padding: 10px 20px;
	z-index: 1000;
}

div#cuadro_exito {
	display: none;
	position: fixed; 
	top: 68px;
	right: 20px; 
	border: 2px solid green;
	background-color: #BFE5BF;
	color: black;
	font-weight: bold;
	padding: 10px 20px;
	z-index: 1000;
}



div.cuestion_botones2 {
	display: none;
}


div#debug_wrapper {
	position: fixed;
	width: 70%;
	height: 50px;
	top: 3px; 
	left: 180px; 
	z-index: 7;
	background-color: white;
}

div#debug_wrapper textarea{
	width: 100%;
	height: 48px;
	border: 0px;
}


div#dialog {
	display: none;
	z-index: 2000;
}

.ui-dialog { z-index: 1000 !important ;}

div.direccion_extendido {
	color: white; 
}


div.emergente_close {
	position: absolute;
	top: 5px; 
	right: 5px; 
	width: 25px; 
	height: 25px; 
	background-image: url(../images/icon_close.png);
	background-size: cover;
}

div#emergente_fondo {
	position: fixed;
	z-index: 40;
	display: none;
	width: 100%;
	height: 100%;
	background-color: grey;
	top: 0px;
	left: 0px;
	opacity: 0.7;
	overflow: auto;
}


div#emergente div.box_fixed, div#emergente2 div.box_fixed, div#emergente div.box-fixed, div#emergente2 div.box-fixed {
	margin-top: 0px;
}
  

div#emergente2_fondo {
	position: relative;
	z-index: 42;
	display: none;
	width: 100%;
	height: 100%;
	background-color: grey;
	position: fixed;
	top: 0px;
	left: 0px;
	opacity: 0.7;
	overflow: auto;
}


div#emergente {
	z-index: 41;
	display:none;
	width: 96%;
	height: 90%;
	background-color: white;
	padding: 10px;
	position: fixed;
	top: 30px;
	left: 1%;
	border-style: solid;
	border-width: 2px;
	overflow: auto;
}


div#emergente2 {
	z-index: 44;
	display:none;
	width: 500px;
	height: 90%;
	background-color: white;
	padding: 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -45%;
	margin-left: -250px; 
	border-style: solid;
	border-width: 2px;
	overflow: auto;
}


div.extend {
	display: none;
	margin: 5px 0px;
}





div.factura_0 {
	background-color: #c7e8fc;
	padding: 2px 10px;
	margin-bottom: 2px;
	-moz-box-sizing:border-box;
}

div.factura_1 {
	background-color: #f0f0f0;
	padding: 2px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

div.factura_2 {
	background-color: #b5ccf5;
	padding: 2px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

div.factura_borde {
	border: 1px solid #6d70ff;
}


div.filter_field {
	margin: 0px 10px 10px 0px;
}

div.filters {
    background-color: #ededed;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    padding: 12px 16px 6px 10px; /*<-*/
}


div.filters_new {
	display: flex;
	position: relative;
    background-color: #ededed;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    padding: 12px 16px 6px 10px; 
}

div.filters_new div.left {
	margin-bottom: 5px; 
}

div.filters_new div.filter_buttons {
	float: right;
	white-space: nowrap;
}


div.filters_box {
	margin: 0px 5px 0px 163px;
}


div.filters2 {
	font-size: 12px; 
	padding: 3px 5px 3px 13px;
	border: 1px solid #d2d2d2;  
	background-color: #ededed;	
}

div.filters2 div.left, div.filters div.left {
	margin-bottom: 2px;
}


span#filters_icon {
	display: block;
	width: 19px; 
	height: 19px; 
	background-position: -85px -54px;
	margin: 0px 7px 0px 0px; 
}

div#filters_wrapper {
	position: fixed;
	top: 68px; 
	width: 100%;
	left: 0px;
	z-index: 14;
}


div#emergente div#filters_wrapper {
	position: relative;
	margin-left: 0px;
	top: 0px; left: 0px;
}

div#emergente div.filters_box {
	margin-left: 0px;
}

div.filtro_elemento {
	float: left;
	height: 25px;
	margin: 0px 10px 10px 0px; 
}


div#emergente2 div#filters_wrapper {
	position: relative;
	top: 0px; left: 0px;
}

div#emergente2 div.filters_box {
	margin-left: 0px;
}





div.filtro_trabajo {
	padding: 37px 0px 0px 13px;
}



div.gmaps {
	width: 100%;
	height: 500px;
}


div.home_bloque {
	padding: 0px 10px 0px 10px;
}

div.home_bloque_changelog {
	width: 50%;
	margin: 0px auto; 
	margin-bottom: 20px;
}

div.home_body_changelog {
	max-height: 150px;
	padding: 5px 10px; 
	border: 1px solid #d2d2d2;
	border-top: 0px;
	overflow: auto;
}

div.home_body_changelog ul {
	margin-left: 10px;
}


div.home_cabecera {
	background-color: #f3f3f3;
	border: 1px solid #d2d2d2;
	padding: 8px 10px; 
	font-size: 130%;
	color: #7c7c7c;
	vertical-align: middle;
}

div.home_body {
	padding: 20px 10px; 
	height: 400px;
	border: 1px solid #d2d2d2;
	border-top: 0px;
}

div.home_lines {
	height: 390px;
}
div.home_line {
	margin-bottom: 5px;
}

div.home_li {
	float: left;
	width: 1%; height: 21px;
	background-color: #7a7a7a;
	margin-right: 0.2%;  
}

div.home_text {
	float: left;
	box-sizing: border-box;
	width: 89%; height: 21px; 
	border: 1px solid #d2d2d2;
	padding: 3px 5px; 
	margin-right: 0.2%;
	text-overflow: ellipsis;  
	white-space: nowrap;
	overflow: hidden;
}

div.home_button {
	float: left;
	box-sizing: border-box;
	width: 8.1%; height: 21px;
	padding: 3px 0px; 
	background-color: #7a7a7a;
	border: 1px solid #666666;
	text-align: center;
	color: white;
}

div.home_button a, div.home_button a i {
	color: white;
}



.cursor:hover {
	cursor: pointer;
}


button.icons {
	border: 0px;
	padding: 0px;
}



div.impresion_tabla {
	font-size: 90%;
}

div.impresion_tabla input {
	border: 0px solid black;
	font-size: 95%;
}

div.impresion_tabla div.table_th{
	border: 0px solid black;
	background-color: transparent;
}

div.impresion_tabla div.table_td1, div.impresion_tabla div.table_td1 input {
	background-color: white;
}





button.info_tabla_estilo {
	position: relative;
	top: 3px !important;
}

.icons {
	background-image: url(../images/icons.png);
	overflow: hidden;
	background-color: transparent;
}

.icons:hover {
	cursor: pointer;
}

.icons_static:hover {
	cursor: auto;
}

.icon_add {
	width: 14px;
	height: 17px;
	background-position: -191px -54px;
	margin-right: 1px;
}

.icon_add_s {
	width: 11px; height: 11px;
	background-position: 0px -142px;
}

.icon_add_s:hover {
	width: 11px; height: 11px;
	background-position: 0px -154px;
}

.icon_alert{width: 13px; height: 13px; background-position: -294px -54px;}

.icon_autocomplete_0 {
	display: none;
}

.icon_autocomplete_v {
	width: 9px;
	height: 10px;
	background-position: -66px -118px;
}

.icon_autocomplete_x {
	width: 9px;
	height: 10px;
	background-position: -66px -132px;
}


span.icon_bullet {
	width: 16px; 
	height: 16px; 
	background-position: -105px -54px;
	margin: 0px 5px 0px 4px;
	padding-top: 4px;
	border-right: 1px solid #b8282e; 
}

.icon_cal {
	width: 15px;
	height: 18px;
	background-position: -87px -54px;
}

.icon_comida_wo {
	width: 14px;
	height: 12px;
	background-position: -243px -54px;
	margin-left: 4px;
}

.icon_comida_wo_no {
	width: 14px;
	height: 12px;
	background-position: -243px -71px;
	margin-left: 4px;
}



.icon_coordinador {
	width: 15px;
	height: 12px;
	background-position: -227px -54px;
	margin-left: 3px; 
}

.icon_coordinador_no {
	width: 15px;
	height: 12px;
	background-position: -227px -71px;
	margin-left: 3px;
}

.icon_copy {
	width: 14px;
	height: 17px;
	background-position: -121px -54px;
	margin-right: 1px;

}

.icon_copy_active {
	width: 14px;
	height: 17px;
	background-position: -121px -71px;
	margin-right: 1px;
	visibility: visible !important;
}

.icon_edit {
	width: 24px;
	height: 23px;
	background-position: -42px -72px;
	margin-right: 1px;
}

.icon_edit:hover {
	background-position: -42px -95px;
}


.icon_edit_s {
	width: 11px;
	height: 12px;
	background-position: -11px -118px;
	margin-right: 1px;
}

.icon_edit_s:hover {
	background-position: -11px -130px;
}


.icon_excel {
	width: 25px;
	height: 21px;
	background-position: -225px -22px;
}


.icon_excel_s {
	width: 15px;
	height: 13px;
	background-position: -251px -22px;
}

.icon_extend {
	width: 14px;
	height: 11px;
	background-position: -225px 0px; 
}

.icon_extend:hover {
	background-position: -225px -11px; 
}

.icon_extend_no {
	width: 11px;
	height: 14px;
	background-position: -283px 0px;
}

.icon_extend_no:hover {
	background-position: -283px -14px;
}


.icon_extend2 {
	width: 14px;
	height: 11px;
	background-position: -242px 0px; 
}

.icon_extend2:hover {
	background-position: -242px -11px; 
}

.icon_extend2_no {
	width: 11px;
	height: 14px;
	background-position: -294px 0px;
}

.icon_extend2_no:hover {
	background-position: -294px -14px;
}

.icon_eye_s {
	width: 16px;
	height: 12px;
	background-position: -68px -57px;
	margin-right: 1px;
}

.icon_edit_s:hover {
	background-position: -68px -57px;
}

.icon_find {
	width: 23px;
	height: 23px;	
	background-position: -131px -95px;
}

.icon_find:hover {
	background-position: -154px -95px;
}

.icon_find_s {
	width: 12px;
	height: 12px;	
	background-position: -23px -118px;
}

.icon_find_s:hover {
	background-position: -23px -130px;
}

.icon_find_w {
	width: 23px;
	height: 23px;	
	background-position: -177px -95px;
}

.icon_find_w:hover {
	background-position: -154px -95px;
}

.icon_info {
	width: 14px;
	height: 17px;
	background-position: -177px -54px;
	margin-right: 1px;
}

.icon_info2 {
	width: 11px; height: 11px;
	background-position: -294px -66px; 
	vertical-align: middle;
}


.icon_insert { width: 14px; height: 17px; background-position: -149px -54px; margin-right: 1px;}
.icon_insert:hover { background-position: -149px -71px;}


.icon_jumper {
	width: 14px;
	height: 12px;
	background-position: -243px -54px;
	margin-left: 4px;
}

.icon_jumper_no {
	width: 14px;
	height: 12px;
	background-position: -243px -71px;
	margin-left: 4px;
}



.icon_mas {
	width: 14px;
	height: 17px;
	background-position: -191px -54px;
}

.icon_mas_l {
	width: 21px;
	height: 23px;
	background-position: -66px -72px;
	margin-right: 1px;
}

.icon_mas_l:hover {
	width: 21px;
	height: 23px;
	background-position: -66px -95px;
	margin-right: 1px;
}

.icon_menos_s {
	position: relative; top: -2px; width: 11px; height: 2px;
	background-position: 0px -146px;
}

.icon_menos_s:hover {
	width: 11px; height: 3px;
	background-position: 0px -158px;
}

.icon_menu_opciones {
	width: 17px;
	height: 17px;
	background-position: -257px -54px;
}

.icon_menu_opciones:hover {
	background-position: -257px -71px;
}

.icon_menu_opciones2 {
	width: 17px;
	height: 17px;
	background-position: -274px -54px;
}

.icon_menu_opciones2:hover {
	background-position: -274px -71px;
}

.icon_move {
	width: 10px;
	height: 16px;
	background-position: -259px 0px;
	margin-right: 1px;
}

.icon_paste {
	width: 14px;
	height: 17px;
	background-position: -135px -54px;
	margin-right: 1px;
	visibility: hidden !important;
}

.icon_paste_active {
	visibility: visible !important;
}


.icon_puntero {
	width: 7px; height: 11px;
	background-position: -272px 0px;

}

.icon_remove {
	width: 14px;
	height: 17px;
	background-position: -163px -54px;
	margin-right: 1px;
}

.icon_runner {
	width: 22px;
	height: 12px;
	background-position: -205px -54px;
	margin-left: 2px;
}

.icon_runner_no {
	width: 22px;
	height: 12px;
	background-position: -205px -71px;
	margin-left: 2px;
}


.icon_save {
	width: 21px;
	height: 21px;
	background-position: -21px -74px;
	margin-right: 1px;
}

.icon_save:hover {
	background-position: -21px -97px;
}

.icon_save_s {
	width: 11px;
	height: 12px;
	background-position: -52px -118px;
}

.icon_save_s:hover {
	background-position: -52px -130px;
}

.icon_trabaja {
	background-position: -205px -83px;
	width: 17px;
	height: 15px;
}

.icon_x {
	width: 21px;
	height: 23px;
	background-position: 0px -72px;
	margin-right: 1px;
}

.icon_x:hover {
	background-position: 0px -95px;
}

.icon_xs {
	width: 11px;
	height: 12px;
	background-position: 0px -118px;
	margin-right: 1px;
}

.icon_xs:hover {
	background-position: 0px -130px;
}




div.img_remove {
	position: absolute;
	top: 0px; 
	right: 0px;
}

div.img_remove i {
	color: red !important;
}


div.img_wrapper {
	width: 100%; height: 100%; 
	min-height: 40px;
	background-repeat: no-repeat; 
	background-size: contain; 
	background-position: center center;
}

div.filters i.fa {
	margin-left: 4px;
}

div.filters button i.fa {
	margin-left: 0px;
}

i.fa.cursor:hover {
	color: #c80406;
}
i.fa.withloading{
	font: normal normal normal 19px/1 FontAwesome;
}


div.info_tabla_wrapper_estilo {
	position: relative;
}

div#info_tabla {
	display: none;
	position: absolute;
	background-color: white;
	border: 1px solid #9D9D9D; 
	padding: 2px;
	color: #333333;
	z-index: 100;
	top: 3px; 
	left: 10px; 
}

div.info_tabla_interior {
	display: none;
}

div#info_tabla span, div.menu_opciones_interior a {
	display: block;
	width: 100%;
	color: #555555;
	padding: 2px 6px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

div#info_tabla span.a:hover, div.menu_opciones_interior a:hover {
	background-color: #545454;
	color: white;
}



.input_botones {
	position: absolute;
	top: 0px;
	right: 3px;
	z-index: 3;
}




div#login_1 {
	margin: 0px auto;
	width: 275px;
	height: 436px;
	background-image: url(../images/login_1.png);
}

div#login_2 {
	margin: 0px auto;
	width: 275px;
	background-image: url(../images/login_2.png);
}

div#login_2_inner {
	margin: 0px auto;
	width: 184px;
}

div#login_2_inner h2 {
	font-size: 20px;
}

div#login_2_inner input {
	width: 100%;
}

div.login_3 {
	position: relative;
	width: 210px; 
	margin: 0px auto;
}



div#login_4 {
	width: 275px;
	height: 37px; 
	margin: 0px auto;
	background-image: url(../images/login_4.png);
}

div.login_deco {
	position: absolute; 
	width: 6px; 
	height: 14px; 
	background-image: url(../images/login_deco.png);
	top: 8px;
}

div#login_deco_1 {
	left: 18px;
}

div#login_deco_2 {
	right: 18px;
}

div.main {
	position: relative;
	margin: 0px 5px 0px 153px;
}

div#main h4 {
	position: absolute; 
	top: -15px; 
	left: 10px; 
	font-size: 0.8em;
	font-weight: normal;
}


div.main_plegado {
	margin-left: 33px;
}


div.menu {
	position: fixed;
	top: 68px; 
	left: 0px; 
	width: 152px;
	height: 100%;
	background-color: #ebebeb;
	overflow: hidden;
	z-index: 16;
}

div.menu span.a {
	display: block;
	color: #7c7c7c;
	padding: 9px 0px 7px 15px; 
	font-size: 12px;
}

div.menu span.a:hover {
	cursor: pointer;
	color: #e10508;
	text-decoration: none;
}

div.menu span.active {
	color: #e10508;
}


div.menu li.menu {
	width: 151px; 
	min-height: 30px;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2; 
	background: rgb(234,234,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(255,255,255,1) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(50%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 50%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		
}


div.menu_opciones_estilo {
	position: relative; 
	float: left;
	margin-right: 5px;
}

div.menu_opciones_interior {
	display: none;
	position: fixed;
	top: 0px; 
	left: 15px; 
	background-color: #bbbbbb;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0; 
	padding: 5px;
	white-space: nowrap;
	z-index: 19;
}

div.menu_opciones_interior span, div.menu_opciones_interior a {
	display: block;
	width: 100%;
	color: #555555;
	padding: 2px 6px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

div.menu_opciones_interior span.a:hover, div.menu_opciones_interior a:hover {
	background-color: #545454;
	color: white;
}

div.menu_opciones_interior2 {
	background-color: #3d3d3d;
	border-right: 1px solid #323232;
	border-bottom: 1px solid #323232; 
}

div.menu_opciones_interior2 span {
	color: #cecece;
}

div.menu_opciones_interior2 span.a:hover {
	background-color: #9e9e9e;
	color: #3e3e3e;
}

div.menu_opciones_interior3 {
	background-color: #ffffff;
	border-right: 1px solid #323232;
	border-bottom: 1px solid #323232; 
}


div.menu_opciones_tabla {
	float: right;
	margin: 0px 5px; 
}



div.menu_plegado {
	position: fixed;
	top: 68px; 
	left: 0px; 
	width: 30px;
	height: 100%;
	background-color: #ebebeb;
	overflow: hidden;
	z-index: 3;
}

div.menu_plegado span.a {
	display: block;
	color: #7c7c7c;
	padding: 9px 0px 7px 7px; 
	font-size: 12px;
}


span.menu_icon {
	display: block;
	width: 17px; 
	height: 17px; 
	margin: -2px 12px 0px 0px; 
}

span#menu_icon_0 {
	background-position: -112px -118px; 
}

span#menu_icon_1 {
	background-position: 0px -54px; 
}

span#menu_icon_2 {
	background-position: -17px -54px; 
}

span#menu_icon_3 {
	background-position: -51px -54px; 
}

span#menu_icon_4 {
	background-position: -68px -54px; 
}

span#menu_icon_5 {
	background-position: -34px -54px; 
}

span#menu_icon_6 {
	background-position: -35px -118px; 
}

span#menu_icon_8 {
	background-position: -95px -118px; 
}

span#menu_icon_9 {
	background-position: -74px -118px;
}
span#menu_icon_10 {
	background-position: -207px -67px;
}



span.menu_sub {
	display: none;
	border-top: 1px solid white;
	background-color: #f2f2f2;
}

span.menu_sub a {
	display: block;
	padding: 7px 0px 7px 45px;
	color: #7c7c7c; 
	border-bottom: 1px solid #d2d2d2;
	overflow: hidden;
}

span.menu_sub a.active {
	font-weight: bold;
}


span.menu_sub a:hover {
	color: #e10508;
	text-decoration: none;
}

span.menu_sub a.plegado {
	width: 30px; height: 14px;
	padding-left: 0px;
	color: #F2f2f2;
}

span.menu_sub a.plegado:hover {
	color: #F2f2f2;
}



div#menu_sub {
	position: fixed;
	display: none;
	z-index: 3;
}

div#menu_sub a {
	display: block;
	background-color: #f4f4f4;
	color: #999999;
	margin: 0px 1px; 
	padding: 6px 15px; 
	font-size: 11px;
	border-bottom: 1px solid #dddddd;
}

div#menu_sub a:hover { 
	color: black; 
	text-decoration: none;
}



img#move_helper {
	z-index: 9999;
}


div[class*=pages] {
	position: relative;
}

div.pages2 {
	position: relative;
	width: 200%;
}

div.pages2_page {
	position: relative;
	float: left;
	width: 50%;
}


div.pages3 {
	position: relative;
	width: 300%;
}

div.pages3_page {
	position: relative;
	float: left;
	width: 33.33%;
}

div.pages3_page_mid {
	float: left; 
	width: 50%;
}

div.pages_wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
}



.pastilla.active { 
	background-color: #666666;
	color: white;
}



.pastilla {
    display: inline-block;
    border: 1px solid #666666;
    color: #666666;
    padding: 3px 5px;
    margin: 0px 5px 10px 0px;
}

.pastilla.checked { 
	background-color: #e1e1e1;
}

.pastilla input[type='checkbox'] {
	position: relative; 
	top: 2px;
	margin: 0px 5px;
}

label.pastilla:hover {
	cursor: pointer;
}



div#pdf_editor {
	position: relative;
	width: 600px;
	height: 858px;
	margin: 0px auto 20px;
	border: 1px solid gray;
}

div#pdf_editor.horizontal {
	height: 600px;
	width: 858px;
}

div#pdf_editor img {
	position: absolute; 
	z-index: 1; 
	top: 0px; left: 0px;
	width: 100%;
	height: 100%;
}



div.pdf_field {
	opacity: 0.8;
	background-color: white;
	position: absolute;
	text-align: center;
	padding: 5px 15px;
	border: 1px solid gray;
	z-index: 2;
	cursor: n-resize;
}

div.pdf_thumb {
	float: left;
	width: 105px; height: 150px;
	margin: 10px;
	border: 1px solid gray;
}

div.pdf_thumb.horizontal {
	width: 150px; height: 105px;
}

div.pdf_thumb img {
	width: 100%;
	height: 100%;
}



div.persona_block {
	margin: 5px 5px 5px 5px;	
	height: 125px;
}


div.persona_img {
	float: left; 
	width: 100px; 
	height: 130px; 
	margin: 4px 4px 0px 0px;
}


div.persona_img_button {
	font-size: 150%;
	text-align: center;
	padding-top: 2px;
}


div.persona_img_rejected {
	opacity: 0.4;
}


div.persona_img.persona_img_status_1 {	border: 1px solid #00c000; }
div.persona_img.persona_img_status_2 {	border: 1px solid #c01111; }


div.persona_img_thumb {
	position: relative;
	width: 100px; 
	height: 100px; 
	border: 1px solid #8a8a8a;
	overflow: hidden;
}

div.personal_contrato_leyenda {
	float: left; 
	margin: 3px 10px 10px 5px; 
}

div.personal_contrato_leyenda_activo {
	border: 2px solid red;
}

div.personal_contrato_leyenda_cuadro {
	float: left;
	width: 20px; 
	height: 20px; 
}



a.persona_thumb {
	 display: block; 
	 width: 100%; 
	 height: 100%; 
	 background-size: cover; 
	 background-position: top center; 
}

 

div#popup {
	position: fixed; 
	display: none;
	z-index: 100;
}

div#popup_flecha {
	position: absolute; 
	width: 6px; 
	height: 12px; 
	left: 0px; 
	margin-top: 4px; 
	
}

div#popup_texto {
	margin-left: 5px;
	background-color: black;
	color: white;
	padding: 5px; 
}




div.box_fixed div.presupuesto_direccion, div.box-fixed div.presupuesto_direccion {
	font-size: 12px;
}


div.row-fluid-inner {
	padding: 0px 10px;
	line-height: 20px;
}


div#servicio_datos {
	margin-bottom: 8px;
	
}

div.servicio_direccion_contacto {
	margin-left: 4px;
}

span.servicio_grupo_alta {
	float: left; 
	margin: 3px 0px 0px 4px; 
}



div.seleccion_funciones {
	display: none;
	padding: 3px 0px 3px 13px;
	border: 1px solid #d2d2d2;  
	background-color: #ededed;	
	
/*	position: fixed; 
	top: 98px;
	background-color: #D9D9D9;
	border: 1px solid #9D9D9D;
	padding: 5px 20px;
	z-index: 10;
	margin: 11px 0px 0px 0px;*/
}

div.servicio_trabajo, div#servicio_trabajo {
/*	position: relative;*/
	padding: 10px 0px 0px 10px;
}

div.star_reveal i.star_hidden {
  display: none;
}

div.star_reveal:hover i.star_hidden {
  display: inline-block;
}



td div.bk_green {
	position: absolute; 
	top: 0px; left: 0px; 
	width: 100%; height: 100%; 
	background-color: #b3ffb3;
}

td div.bk_orange {
	position: absolute; 
	top: 0px; left: 0px; 
	width: 100%; height: 100%; 
	background-color: #ffb366;
}



div.tab a {
	color: white;
}



div.tabla_edicion .editable_botones_input_estilo { 
	position: absolute;
	right: 5px;
	top: 0px;
	z-index: 3;
}

div.tabla_edicion .editable_botones_input_estilo div {
	float: left;
	margin: 3px;  
} 


div.tabla_edicion input {
	font-size: 12px;
}

div.tabla_edicion input[type=text] {
	background-color: transparent;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding-top: 2px;
}

div.tabla_edicion input[type=text].border {
	border: 1px solid #d2d2d2;
}


div.tabla_edicion input.hora {
	width: 30px;
}


div.tabla_edicion input:focus, div#trafico_tabla select:focus {
	border: 1px solid #e10508;
}


div.table_h_fixed div.table_td {
	height: 32px;
}


div.tabla_edicion select {
/*	border: 1px solid transparent;
	background-color: transparent;*/
	font-size: 12px;
	position: relative; 
	top: -2px;
}


div.tabla_edicion td div[class*="span"] {
	padding: 0px;
}


div.tabla_extra {
	position: relative;
	top: -8px;
}

div.tabla_servicio button.icon_edit_s {
	position: relative; 
	top: 3px;
}

div.table {
	position: relative;
	margin-bottom: 10px; 
/*	overflow-y: scroll;*/
}


div.table div {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

div.table_tbody {
	border-left: 1px solid #9d9d9d; 
}

div.table_theader {
	position: relative;
}

div.table_theader_fix_wrapper {
	position: fixed; 
	z-index: 2;
	background-color: white; 
	height: 40px;
	width: 100%;
	margin-top: -25px;
	margin-left: -1px;
}

div.table_theader_fix {
	position: fixed;
	z-index: 3; 
}

div.table_body_fix div.doubleScroll-scroll-wrapper {
	position: fixed; 
	top: auto;
	margin-top: -52px;
	z-index: 3;
}

div.table_header_tr {
	width: 100%;
}

div.table_theader_scroll {
	position: relative;
}

div.table_scroll {
/*	overflow-x: auto;
	overflow-y: hidden;*/
}


div.table_tbody_col {
	float: left;
	min-height: 1px;
}

div.table_tbody_col input {
	box-sizing: border-box;
	width: 100%;
} 

div.table_tbody_fixed {
	float: left; 	
}

div.table_tbody_fixed_col {
	float: left;
}

div.table_tbody_scroll_wrapper {
	overflow: auto hidden;
}

div.table_tbody_scroll_wrapper_estilo {
	float: left; 
	overflow-x: auto;
	overflow-y: hidden;
}


div.table_tbody_tr {
	width: 100%;
	height: 20px;
}

div.table_theader_fixed {
	float: left; 	
}

div.table_theader_scroll_wrapper {
	float: left; 
	overflow: hidden;
}

div.table_theader_scroll_wrapper_left {
    position: fixed;
    z-index: 5;
}

div.table_theader_scroll_wrapper_right {
    left: 524px;
    overflow: hidden;
    position: fixed;
    z-index: 5;
}


h3.albaran {
	font-size: 140%;
}


div.presupuesto_tbody_ {
	padding-top:30px;
}

div.presupuesto_tbody_ a, div.presupuesto_tbody_ span.a {
    font-weight: bold;
}




div.table_td {
	padding: 6px;
	width: 100%;
	min-height: 24px;
	border-bottom: 1px solid #9d9d9d;
	border-right: 1px solid #9d9d9d;
}


div.sinpad div.table_td {
	padding: 0px;
}



div.table_td1, div.table_td1 input  {
	background-color: #e5e5e5;
}

div.table_td2, div.table_td2 input  {
	background-color: #ffffff;
}

div.table_td3, div.table_td2 input  {
	background-color: #b9b9b9;
}

div.table_td_15 button {
	position: relative;
	top: -3px;
}


div.table_td input[type=text], div.table_td select {
	width: 99%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



div.table_td_alta {
/*	height: 100%; */
}

td div.table_td_alta {
	width: 20px; height: 20px;
	margin: 0px auto; 
}


div.table_td_alta_inner {
	padding-top: 2px;
}

div.table_td_fixed {
	border-right: 1px solid #9d9d9d; 
}

div.table_td_icons {
	padding-top: 5px;
}


div.table_td_grupo_estilo {
	position: absolute; 
	top: 0px; 
	left: -1px; 
	height: 24px;
	padding: 3px 5px;  
	background-color: #E9E9E9;
	border-left: 1px solid #9d9d9d;
	border-bottom: 1px solid #9d9d9d;
	color: #333333;
	z-index: 2;
}

div.tabla_separador div.table_td_grupo_estilo {
	height: auto;
}

div.table_td_no_border {
	border-right: 0px;
}

div.table_td_input {
	padding: 0px;
}

div.table_td_text {
	padding: 5px 0px 0px 2px;
}



div.table_th {
    background-color: #d9d9d9;
    border-bottom: 1px solid #9d9d9d;
    border-collapse: collapse;
    color: #333;
    font-size: 12px; /*<-*/
    font-weight: bold; /*<-*/
    height: 30px; /*<-*/
    line-height: 30px; /*<-*/
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
} 

div.table_th div {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

div.table_th_2 {
	height: 30px;
}


div.table_th_span {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	height: 100%;
	z-index: 2;
}

div.table_th_span_principal {
	background-color: #d9d9d9;
	border-right: 1px solid gray;
}

div.tr {
	display: flex;
	border-left: 1px solid #9d9d9d;
}

div.tr_over:hover {
	background-color: #f2f2f2;
}


div.td {
	box-sizing: border-box;  
	border-bottom: 1px solid #9d9d9d;
	border-right: 1px solid #9d9d9d;
	background-color: #f9f9f9;
	min-height: 28px;
	padding: 5px 5px; 
}

div.td input[type=text] {
	width: 100%;
	height: 100% !important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

div.th {
	color: #333;
	font-weight: normal;
	border-collapse: collapse;
	background-color:#d9d9d9;
	border-top: 1px solid #9d9d9d;
	border-bottom: 1px solid #9d9d9d;
	border-right: 1px solid #9d9d9d;
	box-sizing: border-box;
}



div.trafico_tabla_fecha_cabecera_wrapper {
	height: 20px; 
}



table tbody tr:nth-child(odd), table tbody tr:nth-child(odd) .editable_botones_input_estilo  {
	background-color: #f3f3f3;
}

table tbody tr:nth-child(even), table tbody tr:nth-child(even) .editable_botones_input_estilo  {
	background-color: #f9f9f9;
}

table tbody tr.alta_procesada:nth-child(odd) {
	background-color: #BFE5BF;
}

table tbody tr.alta_procesada:nth-child(even) {
	background-color: #c9f0c9;
}


.alta_procesada, div.table_td1.alta_procesada, div.table_td2.alta_procesada {
	background-color: #BFE5BF;
/*	background-color: #c9f0c9; */
}





table tbody tr.alta_erronea:nth-child(odd) {
	background-color: #F89D9D !important;
}

table tbody tr.alta_erronea:nth-child(even) {
	background-color: #F69696 !important;
}


table tbody tr.alta_sin_color:nth-child(odd), table tbody tr.alta_sin_color:nth-child(even) {
	background-color: white !important;
}



tr.tabla_tr_color3 {
	background-color: #c9c9c9 !important;
}

tr.tabla_tr_color3 {
	background-color: #c9c9c9 !important;
}

tr.tabla_tr_color_red {
	background-color: #ffaaa3 !important;
}

table.sin_fondo tr {
	background-color: transparent !important;	
}

table.sin_fondo td {
	padding: 0px;
	margin: 0px; 
	border: 0px;
}

table.ancho {
	width: 100%;
}

div.tabla_edicion td {
	border: 1px solid #9d9d9d;
	padding: 3px 10px;
	vertical-align: top;
}


div.tabla_edicion td.servicio_grupo {
	border: 1px solid #9d9d9d;
}

div.tabla_edicion td input[type=button] {
	background-image:-moz-linear-gradient(top,#e10508,#ae0007);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#e10508),to(#ae0007));
	background-image:-webkit-linear-gradient(top,#e10508,#ae0007);
	background-image:-o-linear-gradient(top,#e10508,#ae0007);
	background-image:linear-gradient(to bottom,#e10508,#ae0007);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe10508',endColorstr='#ffae0007',GradientType=0);
	
	border-color:#880203;
	border-radius: 0px;
	
}

.fixed_row_table{
	z-index: 5;
	top: 0;
	position: sticky;
}

div.tabla_edicion th{
	color: #333;
	font-size: 11px;
	border: 1px solid #9d9d9d;
	font-weight: normal;
	padding: 10px; 
	border-collapse:separate;
	text-align: center;
	background-color:#d9d9d9;
}



div.tabla_permiso {
	display: none;
	margin: 5px 0px 0px 20px;
}


div.td_over {
	position: absolute;
	width: 100%; 
	height: 100%; 
	top: 0px; 
	left: 0px;
}

div#temp {
	display: none;
}


div.th {
	background-color: #d9d9d9;
	border-bottom: 1px solid #9d9d9d;
	color: #333333;
	padding: 2px 10px !important;
}



div.trabajo {
	padding: 0px 10px;
}

div#trafico_tabla h3 {
	background-color: #e10508;
	color: white;
	margin-bottom: 1px;
}


div.trafico_tabla_confirmacion {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: black; 
	opacity: 0.6;
	text-align: center;
	padding: 20px 0px 0px 0px;
	color: white; 
	font-size: 180%;
}

div.trafico_tabla_confirmacion_amarillo {
	background-color: #c7c940;
	color: black;
}


div.trafico_tabla_direccion_cabecera {
	margin-left: 20px;
	background-color: #9d9d9d;
	border: 1px solid #8a8a8a;
	color: white;
	padding: 3px 0px 3px 5px;
}

div.trafico_tabla_direccion_cabecera a {
	color: white;
}


div.trafico_tabla_servicio_cabecera  {
	background-color: #545454;
	color: white;
	padding: 4px 0px 4px 7px; 
}

div.trafico_tabla_servicio_cabecera a {
	color: white;
}


div.trafico_tabla_scroll {
	position: relative;
/*	margin-left: 20px; */ 
}

div#servicio_trafico div.trafico_tabla_scroll {
	margin-left: 20px; 
}


div.tr_borde {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}



div.tr_borde_superior {
	border-top: 1px solid gray;
}


.tr_icons {
	visibility: hidden;
}


div.ui-autocomplete-input {
	padding-right: 20px; 
}


div.unroll {
	overflow: hidden; 
	height: 15px;
}
	
div#widget {
	padding: 10px 5px 0px 12px;
    
}

div#widget_btn {
	position: absolute; 
	top: 50%;
	margin-top: -13px;
	width: 10px; 
	height: 26px; 
	background-image: url(../images/widget_btn.png);
	z-index: 4;
}


div#widget_wrapper {
	display: none;
	background-color: #dddddd;
	height: 100%;
    position: fixed;
    right: 0;
    width: 10px;
    z-index: 3;
}


h3 {
	font-size: 120%;
}

input {
	background-color: white; 
	border: 1px solid #d2d2d2;
/*	max-width: 100%; */
}


input.fecha_estilo {
	min-width: 80px;
}

input.normal {
	background-color: white !important;
	border: 1px solid gray !important;
}


input.numero {
	text-align: right;
}

input.sin_borde {
	border: 0px;
}

input.time {
	min-width: 40px;
	text-align: center;
}

input.borde {
	background-color: white !important;
	border: 1px solid gray !important;
}

input[type=button], input[type=submit], button {
	color:#fff;
	background-color: #8A8A8A;
	border: 0px solid #666666;
	padding: 2px 4px;
	font-weight: bold;
	
}

input[type=button]:hover, input[type=submit]:hover, button:hover:not(:disabled) {
	background-color: #CE090B; 
}

input[type=button].disabled:hover, input[type=submit].disabled:hover, button.disabled:hover {
	background-color: #8A8A8A; 
}

input[type=button].btn-success, input[type=submit].btn-success, button.btn-success, button.activo {
	color:#fff;
	background-color: #e10508;
	border: 0px solid #666666;
	font-weight: bold;
	padding: 2px 8px;
}

input[type=button].btn-success:hover , input[type=submit].btn-success:hover, button.activo:hover {
	opacity: 0.8;
}


button.rojo {
	background-color: #e10508;
	color: #ffffff !important;
	padding: 2px 4px;
	width: auto;
}


input[type=button]:hover, input[type=button]:active, input[type=button].focus, 
input[type=submit]:hover, input[type=submit]:active, input[type=submit].focus {
	color:#fff;
	background-color:#e10508;
	text-decoration:none;
	background-position:0 -50px;
	-webkit-transition:background-position .1s linear;
	-moz-transition:background-position .1s linear;
	-o-transition:background-position .1s linear;
	transition:background-position .1s linear;
	cursor: pointer;
}

input[type=button].small, input[type=submit].small {
	padding: 0px;
}
button.small {
	padding: 0px;
	width:12px;
	height:12px;
}
i.small{
	font-size:10px;
	vertical-align:top;
	margin-top:2px;
}
span.blank_order{
	margin-left:11px;
}

input.fecha_corto {
	width: 75px !important;
}

input.fecha {
	width: 75px;
	text-align: center;
}

input.corto {
	width: 30px !important;
}

input.corto40 {
	width: 40px !important;
}

input.hora {
	width: 25px !important;
}

input.tr_seleccionado_estilo {
	margin: 2px 3px 0px 0px; 
}


[class*='span'] select {
	width: 100%;
	max-width: 100%;
}

[class*='span'] input[type=text], [class*='span'] input[type=number], [class*='span'] textarea, [class*='span'] input[type=password] {
	width: 100%;
	box-sizing: border-box;
}

[class*="span"] button, [class*='span'] input  {
/*	margin-top: -10px; */
}


select.select_blanco {
	background-color: white !important;
}

select.corto {
	width: auto !important;
}


span.a_active {
	color: #ED1C24;
}

span.a:hover {
	color: #ED1C24;
}



span.img_thumb {
	display: block; 
	width: 100%;
	height: 100%;
	overflow: hidden;
}


span.info {
	color: #BFE5BF;
}

span.sueldo_total  {
	position: relative;
	top: -4px;
}


table td, table th {
	position: relative;
	padding: 3px 5px;
/*	border: 1px solid #e6e6e6; */
	vertical-align: top;
}


table.borde td, table th {
	border: 1px solid #e6e6e6; 
}


table#alta_tabla th.fecha{
	width: 95px; 
}

table#alta_tabla tr {
	height: 20px;
}

table#alta_tabla td {
	min-width: 48px;
}

table#alta_tabla div.menu_opciones_interior {
	left: 50%;
	margin-left: 10px;
	text-align: center;
}

table.calendario {
	width: 100%;
}

table.calendario td {
	border: 1px solid #6b6b6b;
}

table.calendario th {
	background-color: #545454;
	color: #ededed;
	text-align: center;
	padding: 10px 0px;
	border-right: 1px solid #7e7e7e;
	border-left:  1px solid #7e7e7e;
	border-bottom: 1px solid #424242;
}




table.formato1 td {
	padding: 3px 10px;
}

table.formato1 th {
	padding: 3px 20px;
}



table#personal_contrato {
	width: 1600px;
}

table.tabla_ancho {
	width: 100%;
}

table.tabla_servicios_estilo tbody {
	max-height: 100px; 
	overflow: auto;
}






tr.calendario_fila td {
	padding: 0px;
}

tr.calendario_fila div.calendario_dia {
    background-color: #b0b0b0;
    border-bottom: 1px solid #7e7e7e;
    color: #474646;
    font-size: 16px;
    font-weight: bold; /*<-*/
    padding: 8px; /*<-*/
    text-align: right;
}

tr.calendario_fila td .calendario_presupuesto {
    padding: 5px 10px;
}


td.calendario_gris {
	/*background-color: white;*/
}

tr.calendario_fila td.calendario_servicio {
	border: 1px solid white;
	background-color: #e4e4e4;
	color: #545454;
	padding: 5px 10px;
}

tr.calendario_fila td.calendario_numero {
	background-color: #cccccc;
	border: 1px solid white;
	color: #545454;
	padding: 5px 10px;
	text-align: center;
}



th.col_hora, td.col_hora {
	max-width: 62px;
	width: 62px;
	text-align: center;
}



.personal_contrato_asuntos {
	background-color: #fab2ff;
}

.personal_contrato_baja {
	background-color: #F4D4B8;
}

.personal_contrato_error {
	background-color: #F4B8B8;
}

th.personal_contrato_col_dia {
	width: 30px
}

td.personal_contrato_col_dia {
	text-align: right;
	padding: 0px 2px !important;
}

th.personal_contrato_col_fin_semana {
	background-color: #F4B8B8 !important;
}

td.personal_contrato_show_dia {
	background-color: #f3b4f3;
}


.personal_contrato_vacaciones {
	background-color: #BFE5BF;
}



.personal_contrato_vacio {
	background-color: #7c7c7c;
	opacity: 0.5;
}


td.servicio_grupo {
	background-color: #e9e9e9;
	padding: 3px 5px !important;
	color: #333333; 
}

textarea {
	width: 100%;
	height: 100px;
}



tr.calendario_cabecera th {
	width: 14%;
	padding: 5px 0px; 
}


tr.seleccionado {
	background-color: #bdf88e !important;
}



 .ui-tooltip, .arrow:after {
	position: absolute;
	padding: 4px;
	background: #545454;
	color: white;
	border: 1px solid #3b3b3b;
	font-size: 10px; 
	z-index: 1000;
 	max-width: 350px;
 	
}



table.tables {
	border-collapse: collapse;
    border-spacing: 0;
}

table.tables td, table.tables th {
    border: 1px solid ##9D9D9D;
}

table.tables tr:first-child td {
  border-top: 0;
}


table.tables tr {
	height: 11px;	
	border-bottom: 1px solid #9D9D9D;
}

table.tables td {
	border: 0px;
	border-right: 1px solid #9D9D9D;
}



ul.arbol {
	margin: -5px 0px 0px 4px; 
}

ul.arbol li {
	padding: 8px 0px 0px 6px; 
}

ul.condiciones, ul.condiciones li {
	list-style-type: disc;
	margin-left: 10px;
}




































/* HOME */

div.home_text {
    height: 30px;
    padding: 7px 5px;
} /*925*/

div.home_button {
    height: 30px;
    padding: 7px 0;
    width: 8%;
}/*937*/


div.home_button_general {
	margin: 10px 10px 0px 10px;
}

div.home_button:last-child {
    background-color: #d00a0c;
}/*937 - los botones de siguiente y anterior pagina*/

div.home_body {
    height: 555px;
}/*904*/

div.home_lines {
    height: 490px;
} /*911*/

div.home_cabecera {
    padding: 20px 15px;
}/*895*/

div.home_li {
    height: 30px;
    background-color: #ce080b;
}/*918*/

/*El numerito en el home de servicios pendientes de facturar y el incidencias ponerlo en bold*/


/* workout */

div.table_td {
    border-bottom: 1px solid #9d9d9d;
    border-right: 1px solid #9d9d9d;
    min-height: 24px;
    padding: 6px; /*<-*/
    width: 100%;
} /*2035 - padding de las celdas*/




div.table_td1, div.table_td1 input {
    background-color: #e5e5e5;
}/*2045 - color celdas pares*/

div.table_td2, div.table_td2 input {
    background-color: #fff;
}/*2049 - color celdas impares*/

div.table_th {
    background-color: #d9d9d9;
    border-bottom: 1px solid #9d9d9d;
    border-collapse: collapse;
    color: #333;
    font-size: 12px; /*<-*/
    font-weight: bold; /*<-*/
    height: 30px; /*<-*/
    line-height: 30px; /*<-*/
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
	border-right: 1px solid gray;
	box-sizing: border-box;
	
} /* 2113 - texto de los headings de las tablas */




div.table {
    margin-bottom: 10px; 
    position: relative;
} /* 1945 - bajar el paginado*/


div.table_albaran_impresion {
	margin-bottom: 0px;
}



div.filters {
    background-color: #ededed;
    border: 1px solid #d2d2d2;
    font-size: 12px;
}

div.filters2 div.left, div.filters div.left {
	margin-bottom: 2px;
} /* 843 - margen de los filtros con la tabla */


div.table_theader_scroll_wrapper_left {
    position: fixed;
    z-index: 5;
}

div.table_theader_scroll_wrapper_right {
    left: 524px; /*<- varia segun la tabla*/
    overflow: hidden;
    position: fixed;
    z-index: 5;
} /*2033 y 2038 - para que los th se mantengan siempre al scrollear, 
estas clases habria que añadirles las palabras left y right en el html
el left en este caso variaria dependiendo del ancho de la parte izquierda,
que eso creo que va dinamicamente puesto en la base de datos*/

div.presupuesto_tbody_ {
	padding-top:0px;
} /*2045 - que el cuerpo baje un poco para que la primera celda no lo tape el th*/

div.presupuesto_tbody_ a, div.presupuesto_tbody_ span.a,  div.peticion_tbody_ a, div.peticion_tbody_ span.a {
    font-weight: bold;
} /* Para resaltar las celdas importantes de las tablas*/


.cursor .fa .fa-edit {
	margin-top:25px;
}



/*Presupuestos - nuevo presupuesto */

div.box_fixed div[class*="span"] input[type="text"], div.box-fixed div[class*="span"] input[type="text"] {
/*    padding: 2px 0px; */
	margin-top: -5px;
    width: 100%;
}

[class*="span"] select {
/*    padding: 2px 5px; */
	margin-top: -5px;
    width: 100%;
}

div.legend {
    background-color: #8a8a8a; /*<-*/
    border: 1px solid #d1d7df;
    color: white;
    font-size: 15px;
}


table td, table th {
    padding: 8px;
}

table tbody tr:nth-child(2n+1), table tbody tr:nth-child(2n+1) .editable_botones_input_estilo {
    background-color: #fff;
}

table tbody tr:nth-child(2n), table tbody tr:nth-child(2n) .editable_botones_input_estilo {
    background-color: #e5e5e5;
}

table.borde tbody tr:nth-child(2n), table.borde tbody tr:nth-child(2n) .editable_botones_input_estilo {
	background-color: transparent;
}

.icons {
/*    margin-bottom: 5px; */
}

/*Presupuestos - peticiones*/



/* Presupuestos prevision */

tr.calendario_fila div.calendario_dia {
    background-color: #b0b0b0;
    border-bottom: 1px solid #7e7e7e;
    color: #474646;
    font-size: 16px;
    font-weight: bold; /*<-*/
    padding: 8px; /*<-*/
    text-align: right;
} /* 2659 */

td.calendario_presupuesto {
    padding: 5px 10px;
} /* 2669 - dar mas espacio interior para colocar los datos con el numero de pax*/

td.calendario_gris {
	/*background-color: white;*/
} /* 2675 - si pones el fondo blanco, quita varios bordes, asi ademas creo que
se sigue mejor la linea visual de los dias */







/* USUARIOS */


div.legend {
    padding: 0px 0;
}

div.box_fixed div.label, div.box-fixed div.label {
    background-color: #e5e5e5;
}

div.filtro_trabajo {
    padding: 57px 0 0 13px;
}

td.personal_contrato_col_dia {
    padding: 10px 12px !important;
}

.fa-calendar::before, .fa-list-alt::before {
    content: "";
}



.table_albaran, .table_factura {
	margin-top:17px;
}

/*
#informe_cobro_tbody_, #servicio_alta_trabajo {
	margin-top:25px;
}
*/

div.table_body_fix {
	margin-top: 15px;
}


/*
.fa-remove::before, .fa-close::before, .fa-times::before {
    content: "";
}
*/


#trafico_tabla {
	margin:0px;
}

div#trafico_tabla h3 {
    padding: 5px;
}

div.trafico_tabla_fecha_cabecera_wrapper {
    height: 30px;
}

div.trafico_tabla_servicio_cabecera {
    padding: 8px 0 8px 7px;
}

div.trafico_tabla_direccion_cabecera {
    padding: 5px 0 3px 5px;
}

#pago_tabla {
	margin-top:10px;
}





/* font-awesome.css */


.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%;
} /*23 - font-awesome.css*/

.fa.fa-sort-alpha-asc {
	font-size: 12px;
}

/*
.fa-edit::before, .fa-pencil-square-o::before {
    content: "?";
    font-size: 24px;
} /*382 - font-awesome.css - hacer mas grande el boton de editar*/




/* Ajustes del portal del empleado */

div.user_data {
	margin-bottom: 30px;
}

div#user_data {
	max-width: 600px;
	margin: 0px auto;
	color: #555555;
}


div#user_data hr {
	border: 1px solid #EB1C24;
	margin: 0px 20% 20px;
}

div#user_data p {
	color: #777777;
	margin-bottom: 10px;
}

div#user_data label {
	display: block;
	margin-bottom: 3px;
}

div#user_data label.inline_block {
	display: inline-block;
}


div#user_data div.row_fluid {
	margin-bottom: 15px;
}

div#user_data [class*='span'] {
	padding-right: 15px;
}

div.user_img {
	float: left;
	margin: 0px 10px 10px 0px;
}

div.user_img_thumb {
	position: relative;
	width: 100px; 
	height: 100px; 
	border: 1px solid #8a8a8a;
	overflow: hidden;
}

div.user_img_btn {
	margin-top: 5px;
	text-align: right;
}



div.user_profile {
	color: #777777;
	padding: 10px 0px;
}

div.user_profile label {
	font-size: 100%;
}



div.user_text {
	line-height: 130%;
	margin-bottom: 20px;
}

div.user_text  ul {
	margin-left: 20px;
}

div.user_text  li {
	list-style: outside disc;
	padding-left: 10px;
}



/* fixes para modales vehiculos */

.modal {
    border-radius: 0px !important;
}


/* sticky en las tablas */


div.sticky {
	position: sticky;
	z-index: 8;
	top: 130px; 
}

div.sticky60 { 	top: 60px; }
div.sticky70 { 	top: 70px; }
div.sticky80 { 	top: 80px; }
div.sticky90 { 	top: 90px; }
div.sticky100 { 	top: 100px; }

div.sticky2 {
	top: 110px;
}

div.zindex9 { z-index: 9; }


div.trafico_sticky {
	top: 235px;
}


div.trafico_tabla_fecha_cabecera_wrapper {
	position: sticky; 
	top: 130px;
	z-index: 12;
}

div.trafico_tabla_servicio_cabecera_wrapper {
	position: sticky; 
	top: 160px; 
	z-index: 12;
}

div.trafico_tabla_direccion_cabecera_wrapper {
	position: sticky; 
	top: 190px;
	z-index: 11;
}

div.table_margin {
	position: sticky; 
	z-index: 8; 
	top: 115px;
	height: 20px;
	background-color: white;
}


div.table_margin.no_sticky { 
	position: relative; 
	top: 0px;
}


div.servicio_trafico_v2 div.table_margin {
	top: 220px;
}




div.doubleScroll-scroll-wrapper {
	position: sticky; 
	top: 112px; 
	z-index: 9;
	margin-top: -50px;
	margin-bottom: 30px;
}

div.trafico_tabla_scroll div.doubleScroll-scroll-wrapper, div.tabla_double_header div.doubleScroll-scroll-wrapper {
	margin-top: -81px;
	margin-bottom: 60px;
} 


div.trafico_tabla_scroll div.trafico_tabla_scroll_normal div.doubleScroll-scroll-wrapper {
	margin-top: -50px;
	margin-bottom: 30px;	
}



div.trafico_esto div.doubleScroll-scroll-wrapper { 
	top: 218px;
}







div#emergente div.sticky, div#emergente2 div.sticky {
	top: 20px; 
}


div#emergente div.table_margin, div#emergente2 div.table_margin {
	top: -10px;
	height: 30px;
}

div#emergente div.doubleScroll-scroll-wrapper, div#emergente2 div.doubleScroll-scroll-wrapper {
	top: 0px;
}


.dot {
	height: 25px;
	width: 25px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}
.dot.red {
	background-color: #CC0000;
}
.dot.green {
	background-color: #66CC00;
}

.dataTables_wrapper {
	padding: 10px
}



.zindex9 { z-index: 9 !important; }
.zindex10 { z-index: 10 !important; }
.zindex11 { z-index: 11 !important; }
.zindex12 { z-index: 12 !important; }



.sey-container {
	z-index: 1000 !important;
}


.dataTables_wrapper td {

	vertical-align: middle;
}

.emaildiv{
	/*height: 100% !important;*/
	display: block;
	padding: 0;
	padding-bottom: 4px;
}

.emaildiv > span{
	border-radius: 5px;
	border: 1px gray solid;
	padding: 4px;
	display: inline-block;
	margin: 5px;
}

.trafico_tabla_servicio_cabecera > .fa.fa-envelope, .trafico_tabla_direccion_cabecera > .fa.fa-envelope{
	/*color: #3cff3c;*/
}


.white {
	color: white; 
}

.white_over:hover {
	color: white !important;
}

.white-envelope{
	color: white !important;
}

.n-incidencias{
	background: #ed1c24;
	font-size: 7px;
	padding: 1px 3px;
	text-align: center;
	position: absolute;
	border-radius: 100px;
	margin-left: 3px;
	text-decoration: none;
	color: white;
	top: 8px;
	right: 4px;
	transition: 0.3s;
}

.n-incidencias:hover{
	background: #FF000A;
	font-size: 12px;
	text-decoration: none;
	color: white;
}


#enviarA{
	height: 28px !important;
	display: block;
	padding: 0;
}

#enviarA > span{
	border-radius: 5px;
	border: 1px gray solid;
	padding: 4px;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}


.trafico_tabla_servicio_cabecera > .fa.fa-envelope, .trafico_tabla_direccion_cabecera > .fa.fa-envelope{
	/*color: #3cff3c;*/
}

.white-envelope{
	color: white !important;
}

.fixed_row_table{
	z-index: 5;
	top: 0;
	position: sticky;
}

.porta_persona > button{
	background-color: red;
	visibility: hidden;
}

.visibility-visible{
	visibility: visible !important;
}

div.control_horario > button{
	width: 80px;
	padding: 2px 8px;
	margin: 0px 2px 2px 6px;
	background: rgba(193,0,0,1);
	border: 1px solid black;
}

.alta_tabla{
	padding: 2px;
}

.alta_tabla > span{
	padding: 3px;
}
.notas_span .alta_tabla:nth-child(2n){
	background-color: #e5e5e5;
}
.notas_span{
	overflow: auto;
	max-height: 150px;
}

.w-top-20{
	margin-top: 20px;
}

.enviar_mail_carta{
	cursor: pointer;
}

#capa_botones_envio_mail{
	position: fixed;
	right: 4%;
	bottom: 4%;
}

.background_white{
	background-color: white !important;
}

.background_gray{
	background-color: #E5E5E5 !important;
}

#poblacion_error{
	padding: 0;
}


.busqueda_campos .left {
	min-height: 30px;
}

button:disabled {
cursor: not-allowed!important;
}