body,
html {
	margin: 0;
	padding: 0;
	height: 100%;
	background:#FFF;
}


.login{

	background:#999;
	margin-top:50px;
	display:table;
	justify-content: center;
	padding: 100px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 5px;
}
.imagen_login{
	alignment-adjust:central;
	background-color:#939;
	width:36px;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
}
.input_login{
	width:auto;
	background-color:#FFF;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
}
.txt-login{
	text-align:left;
}

input {
	padding:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
textarea {
	padding:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
select {
	padding:5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}


.fondo {
	background-color:#2d2d2d;

}

#modalform{
	background-color:#FFF;
	border-radius:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*	##################################

		Cuerpor de Formularios 

*/
.titulo{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background-color:#32528D;
	font-size:22px;
	color:#9FCCCA;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	padding:10px;
}

.cuerpo{
	background-color:#CCC;
	padding:10px;

}

.cuerpo-rojo{
	background-color:#faa;
	padding:10px;

}

.pie{
	background-color:#CCC;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:10px;
}

.pie-rojo{
	background-color:#faa;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:10px;
}


/* ########################################

	Datos de ingreso
	
	###############################
*/

.titulo-dato{
	margin:0px;
	padding:10px;
	background-color:#fff;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif

}
.campo-dato{
	margin:0px;
	padding:5px;
	background-color:#666;
	color:#000;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	font-size:14px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	vertical-align: middle;
	border: 3px solid #666;
}
.campo-dato-centro{
	margin:0px;
	padding:5px;
	background-color:#666;
	color:#000;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
.titulo-dato-fin{
	margin:0px;
	padding:10px;
	background-color:#fff;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif

}

/*
  ######################################
*/




.titulo-modal{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background-color:#090;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	padding:15px;
}

.sub-titulo{
	color:#000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	padding:15px;
}
.sub-cuerpo{
	background-color:#999;
	padding:5px;
	border-radius:5px;
}

.button-container{
	display:inline-block;
	position:relative;
	text-align: center;
}
.button-container:hover .botones{
	visibility:visible;

}
.button-container .botones{
	background-color:#000;
	border-radius:15px;
	position: absolute;
	top:10px;
	left:10px;
	padding:8px 10px 10px 10px;
	visibility:hidden

}
.centrado{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.botonmodal{
	margin:10px;
	width:120px;
}
.filtro{
	/*width:240px;*/
	margin:5px;
}
.titulo-filtro{
	margin:0px;
	padding:10px;
	background-color:#fff;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
.dato-filtro{
	margin:0px;
	padding:5px;
	background-color:#666;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
.dato-tabla{
	margin:0px;
	padding:5px;
	background-color:#666;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	font-size:10px;
	color:#ffffff;
	font-family:Verdana, Geneva, sans-serif;
}
.titulo-filtro-1{
	margin:0px;
	padding:10px;
	background-color:#666;
	color:#ffffff;
	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
.dato-filtro-1{
	margin:0px;
	padding:5px;
	background-color:#fff;
	color:#000;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}

.titulo-orden{
	margin:0px;
	padding:10px;
	background-color:#333;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}

.marco{
	margin:0px;
	padding:10px;

}

.titulo-ver-dato{
	margin:0px;
	padding:10px;
	background-color:#666;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;


}
.campo-ver-dato{
	background-color:#fff;
	color:#000;
	padding: 5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;

}

.titulo-ver-dato-v{
	margin:0px;
	padding:10px;
	background-color:#666;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;


}
.campo-ver-dato-v{
	background-color:#fff;
	color:#000;
	padding: 5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

}


.titulo-checkbox{
	margin:0px;
	padding:10px;
	background-color:#fff;
	border-radius:5px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif

}
.grilla-izquierda{
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
}
.grilla-derecha{
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
}
.alerta{
	padding: 5px;
	font-size:18px;
	color:#000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif
}

.grilla{
	background-color:#ccc;
	font-size:16px;
}
.categoria{
	background-color:#222;
	color:#FFF;
	margin:5px;
	padding:5px;
	border-radius:5px;
}
.subcategoria{
	background-color:#FFF;
	color:#000;
	margin:5px;
	padding:5px;
	border-radius:5px;
}
.item{
	background-color:#CCC;
	color:#000;
	margin:5px;
	padding:5px;
	border-radius:5px;
	cursor:pointer;
}
.blanco{
	background-color:#fff;
	color:#000;
	margin:15px;
	padding:5px;
	border-radius:5px;

}

.titulos-calendario{
	background-color:#111;
	color:#fff;
	border-radius:5px;
	padding:5px;
	margin:5px;

}
.dia-calendario{
	background-color:#999;
	color:#FFF;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-align:center;
	width:35px;
	height:35px;
}
.celda-calendario{
	background-color:#ccc;
	color:#000;
	border-radius:5px;
	text-align:center;
	width:35px;
	height:35px;
	cursor:pointer;
}
.celda-calendario-dia{
	background-color:#C63;
	color:#FFF;
	border-radius:5px;
	text-align:center;
	width:35px;
	height:35px;
	cursor:pointer;
}


.titulogrilla{
	background-color:#dfe2e6;
	border-radius:5px;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif
}
.reggrilla1{
	background-color:#FFFFFF;
	font-size:12px;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif
}
.reggrilla2{
	background-color:#cccccc;
	font-size:12px;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif
}
.reggrilla3{
	background-color:#999999;
	font-size:12px;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif
}
.reggrillar{
	background-color:#FF9999;
	font-size:12px;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif
}
.reggrillav{
	background-color:#99FF99;
	font-size:12px;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif
}

.celdatabla{
	border-right-width:medium;
	border-right:solid;
	border-right-color:#cccc;
}
.titulo-tabla{
	font-size:14px;
	font-weight:bold;
}
.texto-tabla{
	font-size:12px;
	font-weight:normal;
}
.control-1{
	margin:0px;
	padding:10px;
	background-color:#fff;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif

}
.control-2{
	margin:0px;
	padding:10px;
	background-color:#666;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif

}
.control-3{
	margin:0px;
	padding:10px;
	background-color:#fff;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif
}


.celda-horario-dia{
	background-color: #ff9;
	padding: 6px;
	text-align: center;
	border-radius: 5px;
	margin: 5px;
}
.celda-horario-sindia{
	background-color: #aaa;
	padding: 6px;
	text-align: center;
	border-radius: 5px;
	margin: 5px;
}
.celda-horario-libre{
	background-color: #fff;
	padding: 6px;
	text-align: center;
	border-radius: 5px;
	margin: 5px;
}
.celda-horario-actividad{
	height: 144px;
	background-color: #fff;
	position: relative;
  border: 1px solid #9999ff;

}
.celda-horario-actividad-dia-ok{
	font-size: 12px;
	position: absolute;
	width:100%;
	background-color: #9f9;
	border: 1px solid #999999;
}
.celda-horario-actividad-dia-nok{
	font-size: 12px;
	position: absolute;
	width:100%;
	background-color: #f99;
	border: 1px solid #999999;
}

.celda-planificacion{
	
	height: 144px;


	background-color: #fff;
	position: relative;
  border: 1px solid #9999ff;

}
.celda-trabajo{
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	padding:5px;
	margin: 0px;
/*	position: absolute;*/
	width:100%;
	border: 2px solid #000000;
	cursor: pointer;
}
 .verticaltext{
       writing-mode: vertical-lr;
	text-align:center
			
  }
  
   .css-td{
	border: 1px solid #cccccc;
	}
  .css-td-1{
	border-left: 1px solid #dddddd;
	}
  .css-td-2{
	border-left: 2px solid #ff3333;
  }

.multiline-truncate {
	display: -webkit-box;
	-webkit-line-clamp: 3; /* Cambia este valor para el número de líneas deseadas */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/*max-width: 150px; /* Ajusta el ancho según tu diseño */
}

.img-limitada {
  max-width: 150px;
  max-height: 150px;
  width: auto;
  height: auto;
}