/* TABLE CON CABECERA FIJA */
thead tr th { 
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #ffffff;
}

.table-responsive { 
    resize: vertical;
    overflow:scroll;
}


/* FILED LOGS */
#ReporteLogForm input[type=number]::-webkit-inner-spin-button, 
#ReporteLogForm input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}
#OpenEmployeesList, #OpenEquipmentsList{
	font-weight: bolder;
	cursor: pointer;
}

#ReporteLogForm{
  display: flex;
  flex-wrap: no-wrap;
  overflow-x: auto;
  margin: 20px;
}
.FlSumaTiempos{
	text-align: center;
	width: 80px;
	background-color: lightgray;
	border: none;
	color: black;
	font-size: 12px;
}
.FlTable {
  flex: 0 0 auto;
  width: auto;
  height: 100px;
  max-width: 100%;
  margin-right: 10px;
}
.Fl_TituloLog{
	border-left:solid 1px #FFF; 
	border-right:solid 1px #FFF; 
	border-top:solid 1px #FFF; 
	border-bottom:solid 1px #FFF; 
}
.FL_SumaDeHoras{
	border-right:solid 1px #FFF; 
	border-top:solid 1px #FFF; 
	border-bottom:solid 1px #FFF;
	width: 1px;
}
.report_options{
	margin: 3px;
}
.CampoEquipment .CampoEmployee .CampoCostCode{
	width: 30px;
	text-align: center;
}
.error-message{
	color: red;
	width: 100%;
	text-align: center;
}

/* 			ESTA ES LA SECCIÓN DE PROYECTOS 	*/

input.DinamicTextInputCC {
	border: none;          /* Eliminar el borde */
	background: none;      /* Eliminar el fondo */
	font: inherit;         /* Utilizar la fuente heredada del contenedor */
	padding: 0;            /* Eliminar el espacio interior (padding) */
	margin: 0;             /* Eliminar el espacio exterior (margin) */
	outline: none;         /* Eliminar el resaltado de enfoque al hacer clic */
	cursor: pointer;
}

.fl_proyectos_indice p{
	font-size: 11px;
}

.fl_proyectos_indice b{
	font-size: 11px;
}

.fl_proyecto{
	cursor: pointer;
}

.fl_proyecto:hover{
	color: gray;
}
#ReporteDateForm .fl_form_titulo_columnas{
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	width: 100px;
}

/* FILED LOGS */

    /* 	WEBCAMJS */
    #my_camera{
        height: 240px;
        border:  1px dotted 5px black;
        margin: 30px 0px 5px 5px;
    }
    .thumbnails{
    	margin: 5px;
    	cursor: pointer;
    }
    .thumbnail_message{
    	margin-top: 20px;
    	text-align: center;
    	color: gray;
    	font-size: 11px;
    }
    /* 	WEBCAMJS */


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

/* Esto funciona para una row a un lado de otra row */
.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.project_line:hover{
	background-color: #CCC;
	cursor: pointer;
}

#lista_de_projects {
	direction: rtl;
	overflow:auto;
	height: 50px;
	width: 100%;
}



.form_add_update_cost_code {
	font-size: 12px; 
	width: 100px; 
	padding: 2px;
}



/*
@media (min-width: 499px) {
	body{
		background-color: #000;
	}
}


@media (min-width: 576px) {
	body{
		background-color: #F00;
	}
}

@media (min-width: 768px) { 
	body{
		background-color: #0F0;
	}
}

@media (min-width: 992px) {
	body{
		background-color: #00F;
	}	
}

@media (min-width: 1200px) {
	body{
		background-color: #FFF;
	}
}
*/