.ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box}.ui-timepicker,.ui-timepicker-viewport{box-sizing:content-box;height:205px;display:block;margin:0}.ui-timepicker{list-style:none;padding:0 1px;text-align:center}.ui-timepicker-viewport{padding:0;overflow:auto;overflow-x:hidden}.ui-timepicker-standard{font-family:Verdana,Arial,sans-serif;font-size:1.1em;background-color:#FFF;border:1px solid #AAA;color:#222;margin:0;padding:2px}.ui-timepicker-standard a{border:1px solid transparent;color:#222;display:block;padding:.2em .4em;text-decoration:none}.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:400;color:#212121}.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}.ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ui-timepicker-hidden{display:none}.ui-timepicker-no-scrollbar .ui-timepicker{border:none}/*# sourceMappingURL=jquery.timepicker.min.css.map */

body {
	margin:0%;
}

table {
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-spacing: 0;
}

th {
	border-collapse: collapse;
	border-right: 1px solid #ccc;
	border-spacing: 0;
	padding: 8px;
	font-size: 90%; 
	background-color:#4d5a66; 
	color:white;
	align-content: left;
	height: 60px;
}

td {
	font-size: 90%; 
	padding: 8px;
	z-index: 1;
	border-right: 1px solid black;
	border-top: 1px solid black;
}

th a {
	padding: 6px;
	font-size: 100%; 
	color:white;
}

th a:hover {
	text-decoration: none;
	padding: 6px;
	font-size: 100%; 
	color:white;	
}

.thFechasHoras{
	width: 100px !important;
}

.thSmall{
	width: 120px !important;
}

.positionAddNewTaskForm table td{
	width:33.3%;
	padding:30px;
}

.positionAddNewTaskForm table input{
	margin-top: 8px;
}

.positionCompleteTaskForm table td{
	width:33.3%;
	padding:30px;
}

.positionCompleteTaskForm table input{
	margin-top: 8px;
}

.marginRadio{
	margin-left: 30px;
}

.widthFecha{
	width: 75px !important;
}

.widthHoras{
	width: 40px;
	margin-left: 5px;
}

.ui-timepicker-container{
	width: 75px !important;
}

.ui-menu-item{
	font-size: 15px !important;
	text-align: left !important;
}

.positionAddNewTaskFormPadding {
	padding: 20px; 
}

.positionAddNewTaskForm{
	overflow-y: auto;/*Para que aparezca la barra de scroll*/
	visibility: hidden;
	position:fixed;
	padding: 10px; 
	width: 980px;
	height: 90%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/
}

.positionCompleteTaskForm{
	overflow-y: auto;/*Para que aparezca la barra de scroll*/
	visibility: hidden;
	position:fixed;
	padding: 10px; 
	width: 980px;
	height: 61%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/
}

.positionPersonalizarFormRecogidas{
	overflow-y: auto;/*Para que aparezca la barra de scroll*/
	visibility: hidden;
	position:fixed;
	padding: 10px; 
	width: 500px;
	height: 50%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/
}

.positionPersonalizarOrdenTabla{
	overflow-y: auto;/*Para que aparezca la barra de scroll*/
	visibility: hidden;
	position:fixed;
	padding: 10px; 
	width: 500px;
	height: 90%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.positionError{

	overflow-y: auto;/*Para que aparezca la barra de scroll*/
	border:1px solid black;
	visibility: hidden;
	position:fixed;
	padding: 10px; 
	width: 400px;
	height: 20%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/

}

.positionPersonalizarFormTraslados{

	overflow-y: auto;/*Para que aparezca la barra de scroll*/
	border:1px solid black;
	visibility: hidden;
	position:fixed;
	padding: 10px; 
	width: 500px;
	height: 78%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/

}

.positionAdministrarModoAutomatico{

	overflow-y: auto;/*Para que aparezca la barra de scroll*/
	border:1px solid black;
	visibility: hidden;
	position:fixed;
	padding: 10px; 
	width: 850px;
	height: 75%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/

}

.positionCompleteTaskFormTable{
	width: 100%;
}

.positionCompleteTaskFormPadding {
	padding: 20px; 
}

.marginLimpiar{
	margin-left: 30px;
}

.positionAddNewTaskFormTable{
	width: 100%;
	border: 1px solid white;
}

.positionAddNewTaskFormTable th{
	border-right: 1px solid black;
}

.sort-by-asc {
	float: right;
	left: 3px;
	display: inline-block;
	width: 0;
	height: 0;
	border: solid 5px transparent;
	margin: 4px 4px 0 3px;
	background: transparent;
	border-bottom: solid 7px white;
	border-top-width: 0;
}

.sort-by-desc {
	float: right;
	left: 3px;
	display: inline-block;
	width: 0;
	height: 0;
	border: solid 5px transparent;
	margin: 4px 4px 0 3px;
	background: transparent;
	border-top: solid 7px white;
	border-bottom-width: 0;
}

/*td {
	font-size: 90%; 
	padding: 8px;
	z-index: 1;
}*/

a {
	color: #337ab7;
	text-decoration: none;
}

a:hover {
	color: #337ab7; 
	cursor: pointer;
	text-decoration: underline;
}

.aRed{
	color: white;
	text-decoration: none;
}
.aRed:hover{
	color: white; 
	cursor: pointer;
	text-decoration: underline;
}
.aGreen{
	color: black;
	text-decoration: none;
}
.aGreen:hover{
	color: black; 
	cursor: pointer;
	text-decoration: underline;
}


.blockDiv {
	position: relative;
	height: 100%; 
	width:100%;
}

.blockDivTable {
	position: relative;
	height: 100%;
	width: fit-content;
	padding: 8px;
	top: 82px;
	/*word-wrap: normal;*/
	background-color: white;
	
}

.blockDivTableFixed thead th {
	position: sticky;
	top: 0;
	margin: 0px;
	word-wrap: normal;

}

.blockDivTableFixed table{
	/*order-collapse: collapse;*/
	width: fit-content;
	background-color: white;


}

.positionCalendar{
	position:fixed;
	padding: 10px; 
	/*width: 720px;*/
	height: 280px;
	background-color: white;
	top: 76px;
	left:0%;
	z-index: 91; /*Tiene que ser 91 porque sino se pone el Resizable por encima (tiene 90)*/

}

.positionFiltrosTraslados{
	position:fixed;
	padding: 13px; 
	/*width: 1173px;
	height: 265px;*/
	background-color: white;
	top: 76px;
	left:0%;
	z-index: 91; /*Tiene que ser 91 porque sino se pone el Resizable por encima (tiene 90)*/

}


.positionFormularioPlanificacion{
	position:fixed;
	padding: 10px; 
	width: 600px;
	height: 430px;
	background-color: white;
	top: 50%;
	left: 50%; 
	transform: translate(-50%, -50%);
	z-index: 91;
}
.positionFiltroTareasInternas{
	position:fixed;
	padding: 10px; 
	width: 805px;
	height: 375px;
	background-color: white;
	top: 76px;
	left:0%;
	z-index: 91; /*Tiene que ser 91 porque sino se pone el Resizable por encima (tiene 90)*/

}

.backgroundDark{

	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	top:0%;
	margin:0;
	background-color: black;
	opacity: 80%; 
	z-index: 91; /*Tiene que ser 91 porque sino se pone el Resizable por encima (tiene 90)*/
}

.backgroundTransparent{

	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	top:0%;
	margin:0;
	z-index: 91; /*Tiene que ser 91 porque sino se pone el Resizable por encima (tiene 90)*/
}



.divJobDetails{

	position: fixed;
	height: 90%;
	top: 50%;
	left: 50%; 
	transform: translate(-50%, -50%);
}

.printObservacionesGenerales{
	flex-wrap: wrap;
	position: fixed;
	display: contents;
	height: 90%;

	/*transform: translate(-50%, -50%);*/
}
::-webkit-scrollbar {
    display: none;
}


/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.container::-webkit-scrollbar-thumb {
	overflow: scroll;
    background: #ccc;
    border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.container::-webkit-scrollbar-thumb:hover {
	overflow: scroll;
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
.container::-webkit-scrollbar-thumb:active {
	overflow: scroll;
	background-color: #999999;
}

.positionObservacionesGenerales{

	flex-wrap: wrap;
	overflow-y: auto;
	visibility: hidden;
	border:1px solid black;
	position:fixed; 
    width: fit-content;
	height: fit-content;
	display: -webkit-inline-box;
	background-color: white;
	/*transform: translate(-50%, -50%); */
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/

}
.printComentariosPlanficadorFrotcom{
	flex-wrap: wrap;
	position: fixed;
	display: contents;
	height: 90%;

	/*transform: translate(-50%, -50%);*/
}

.divComentariosPlanficadorFrotcom{

	flex-wrap: wrap;
	overflow-y: auto;
	visibility: hidden;
	border:1px solid black;
	position:fixed; 
	width: 300px;
	height: 50%;
	display: -webkit-inline-box;
	background-color: white;
	/*transform: translate(-50%, -50%); */
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/

}

.comments-td {
    max-width: 50px; /* Set a fixed maximum width */
    overflow: hidden; /* Hide overflow content */
    white-space: nowrap; /* Prevent text from wrapping to a new line */
    text-overflow: ellipsis; /* Show ellipsis for overflow text */
}


.inputSubmitComentariosPlanficadorFrotcom{
	position:inherit; 

}

.divPuestosTrabajoDetails{

	margin-top: 30px;
	margin-left: 30px;
}

.positionJobDetails{

	/*padding: 20px;*/
	overflow-y: auto;
	visibility: hidden;
	border:1px solid black;
	position:fixed; 
	width: 980px;
	height: 90%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/

}

.positionLogUpdateFromSaleforce{

	/*padding: 20px;*/
	overflow-y: auto;
	visibility: hidden;
	border:1px solid black;
	position:fixed; 
	width: 980px;
	height: 90%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/

}

.positionModoNoche{

	overflow-y: auto;
	visibility: hidden;
	border:1px solid black;
	position:fixed; 
	width: 980px;
	height: 59%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/

}

.positionAñadirEquiposConduccion{

	overflow-y: auto;
	visibility: hidden;
	border:1px solid black;
	position:fixed; 
	width: 980px;
	height: 50%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/

}

.positionAsignacionRutas{
	
	overflow-y: auto;
	visibility: hidden;
	border:1px solid black;
	position:fixed; 
	width: 980px;
	height: 80%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/

}

.positionClose{

	position: fixed;
	top:0;
	right: 0;

}

.positionClose a{

	padding:5px;

}

.positionDiv {
	position: fixed;
	padding-bottom: 15px;
	background-color: white;  
	width: 100%;
	/*margin-left: -1px;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	top: -3px;

}

.positionDivSelector {
	padding-bottom: 15px;
	position: fixed; 
	top: 35%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	background-color: white;  
	width: 100%;
}


.aFormat {  
	padding-left: 2%;
	padding-right: 2%;
	color: inherit; 
	text-decoration: inherit;
	text-transform: uppercase;
	color: #283645;

}
.aFormat:hover {  
	padding-left: 2%;
	padding-right: 2%;
	color: inherit; 
	text-decoration: underline;
	text-transform: uppercase;
	color: #283645;
}
.aSelected {
	font-weight: 700;

}
.aSelected:hover{
	font-weight: 700;
}

.titlePantalla {
	color:black; 
	font-size: 100%;
	color: #283645;
}

.content {
	position: absolute;
	height: 500px;
	width: 500px;
	top: 30%;
	left: 25%;
	visibility: hidden;
	background-color: #f1f1f1;
}

.divBotonAsignacion{
	position:fixed;
	right:25px;
	top: 10px;
	box-shadow: 0px 0px 10px #283645;
	transition: all 0.3s ease 0s;
}

.divBotonModoAutomatico{
	position:fixed;
	right:180px;
	top: 10px;
	box-shadow: 0px 0px 10px #283645;
	transition: all 0.3s ease 0s;
}

.divBotonAsignacionRutas{
	position:fixed;
	right:350px;
	top: 10px;
	box-shadow: 0px 0px 10px #283645;
	transition: all 0.3s ease 0s;
}
.divActivarEquiposButton{
	position:fixed;
	right:500px;
	top: 10px;
	box-shadow: 0px 0px 10px #283645;
	transition: all 0.3s ease 0s;
}
.divActivarEquiposButtonTareasInternas{
	position:fixed;
	right:350px;
	top: 10px;
	box-shadow: 0px 0px 10px #283645;
	transition: all 0.3s ease 0s;
}


.positionMostrarCompletados{
	position:fixed;
	padding: 10px; 
	background-color: white;
	left:1%;
	top: 40px;
}

.positionShowCountTask{
	position:fixed;
	padding: 10px; 
	background-color: #F1F1F1;
	left:1%;
	top: 10px;
	opacity: 0.85;

}
.positionMostrarTodayOtomorrow{
	position:fixed;
	padding: 10px; 
	background-color: white;
	left:340px;
	top: 40px;
}

.positionMostrarCompletados div{
	background-color: white;
}
.positionExportarExcel{
	position:fixed;
	padding: 8px; 
	background-color: white;
	right:1%;
	top: 40px;
}
.positionActualizarHorarios{
	position:fixed;
	padding: 8px; 
	background-color: white;
	right:3.5%;
	top: 40px;
}

.positionAddNewTask{
	position:fixed;
	padding: 8px; 
	background-color: white;
	right:6%;
	top: 40px;
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	white-space: nowrap;
	padding: 3px 12px;
	font-size: 14px;
	line-height: 24px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 11px;
	text-transform: uppercase;
	border-radius: 0;
	padding: 0 8px;
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}
.btn-primary{
	color: #fff;
	background-color: #0081c9;
	border-color: #2e6da4;
}

.buttonFiltrar{

	margin-left: 30%;
}
.buttonFiltrarTop{

	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 40%;
	margin-top: 10px;
}

.normal {
	color: #0081c9;
	background: #fff;
	border-color: #0081c9;
}
.btn-default{
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	color: #283645;
	background-color: #fafafa;
	border-color: #a2a8af;
	border-right-color: rgb(162, 168, 175);
}

/*div.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{
	z-index: 90 !important;
}*/


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
   .modal {
   	display:    none;
   	position:   fixed;
   	z-index:    1000;
   	top:        0;
   	left:       0;
   	height:     100%;
   	width:      100%;
   	background: rgba( 255, 255, 255, .9 ) 
   	url('../img/ajax-loader.gif') 
   	50% 50% 
   	no-repeat;
   }

/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading .modal {
	overflow: hidden;   
}

/* Anytime the body has the loading class, our
modal element will be visible */
body.loading .modal {
	display: block;
}

.positionAñadirAcompañantesForm{

	overflow-y: auto;/*Para que aparezca la barra de scroll*/
	border:1px solid black;
	visibility: hidden;
	position:fixed;
	padding: 10px; 
	width: 500px;
	height: 70%;
	top: 50%;
	left: 50%;
	background-color: white;
	transform: translate(-50%, -50%); 
	z-index: 92; /*Tiene que ser 92 porque sino se pone el Resizable por encima (tiene 90)*/

}

.positionAñadirAcompañantesFormPadding {

	padding: 30px;
	border:solid black 1px;
	margin-left: 50px;
	margin-right: 50px;
}

/* ESTO ES PARA EL ORDENAR TABLA*/

.draggable-list {
	border: 1px solid #4d5a66;
	color: #4d5a66;
	padding: 0;
	list-style-type: none;
	width: 300px;
}

.draggable-list li {
	background-color: #fff;
	display: flex;
	flex: 1;
}

.draggable-list li:not(:last-of-type) {
	border-bottom: 1px solid #4d5a66;
}

.draggable-list .number {
	background-color: #4d5a66;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	height: 31px;
	width: 31px;
	color: white;
	border: 1px solid white;
}

.draggable-list li.over .draggable {
	
}

.draggable-list .thNameClass {
	margin: 0 20px 0 0;
}

.draggable-list li.right .thNameClass {
	color: #3ae374;
}

.draggable-list li.wrong .thNameClass {
	color: #ff3838;
}

.draggable {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	flex: 1;
}



thead .sticky-column {
	position: sticky;
	z-index: 90;
}

thead .sticky-column1 {
	position: sticky;
	z-index: 90;
}
thead .sticky-column2 {
	position: sticky;
	z-index: 90;
}



tbody .sticky-column {
	position: sticky;
	background: inherit;
	z-index: 89;

}

tbody .sticky-column1 {
	position: sticky;
	background: inherit;
	z-index: 89;

}

tbody .sticky-column2 {
	position: sticky;
	background: inherit;
	z-index: 89;
}

/*si tienes el cursor encima de una fila se pone en gris */
/*tbody tr:hover {
	background: #E2E9F2; 
}

tbody tr:hover .sticky-column{
	background: #E2E9F2; 
}
tbody tr:hover .sticky-column1{
	background: #E2E9F2; 
}
tbody tr:hover .sticky-column2{
	background: #E2E9F2; 
}*/