body{
	margin: 0;
}
nav{
	min-height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
}
nav>div>div{
	flex: 1;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}
nav>div>div:nth-child(3){
	justify-content: right;
}
nav>div>div:nth-child(3) a{
	margin: 0 5px;
}
nav>div>div:nth-child(2) a, 
nav>div>div:nth-child(2) span{
	flex: 1;
} 
.im{
	width: 3em;
}
.boton{
	display: inline-block;
	font-size: 10pt;
	margin: 0 5px;
	padding: 5px;
	box-sizing: border-box;
	border: 2px solid rgb(35, 155, 59);
	color: rgb(35, 155, 59);
	border-radius: 1em;
	cursor: pointer;
	text-decoration: none;
}
.boton:hover{
	box-shadow: 0 0 5px rgb(35, 155, 59);
}
.iconos{
	width: 1.5em;
	text-align: center;
	cursor: pointer;
}
.iconos:hover, .im:hover{
	transform: scale(1.1);
}
.datosEva{
	width: 100%;
	display: flex;
}
.datosEva>div{
	flex: 1;
	text-align: center;
}
.verde{
	display: flex;
	width: 100%;
	height: 3em;
	background-color: rgb(35, 155, 59);
	align-items: center;
	justify-content: center;
}
.verde a{
	margin: 0 2em;
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.verde a:hover{
	text-shadow: 0 0 3px white;
}
.sel{
	text-shadow: 0 0 3px white;
}
.logo{
	padding: 3px;
	background-color: white;
	border-radius: 50%;
	width: 100px;
}
.main{
	margin: 1em 0.5em;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.linea{
	height: 3px;
	width: 100%;
	background-color: rgb(35, 155, 59);
	margin: 1em 0;
}
.buscador{
	width: 100%;
}
.buscador input, .inputv{
	height: 2em;
	width: 20vw;
	outline: none;
	border: 2px solid rgb(193, 236, 191) ;
	border-radius: 5px;
	padding: 0 5px;
}
.buscador input:hover, .inputv:hover{
	border: 2px solid rgb(35, 155, 59); 
}
.buscador input:focus, .input:focus{
	border: 2px solid rgb(35, 155, 59);
	box-shadow: 0 0 5px rgb(35, 155, 59) ;
}
.contable{
	box-shadow: 0 0 6px green;
	border-radius: 1em;
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	background-color: rgb(238, 254, 221);
	min-height: 40vh;
}
.tablagral{
	border-spacing: 5px 0px;
	overflow: auto;
	display: inline-block;
	max-height: 80vh;
}
.tablagral input[type="text"]{
	margin: 2px;
}
.tablagral td{
	text-align: center;
}
.tablagral th{
	height: 3em;
	background-color: rgb(35, 155, 59);
	color: white;
	border-radius: 5px 5px 0 0;
	position: sticky;
	top: 0;
	padding: 5px;
	box-sizing: border-box;
	z-index: 2;
}
.tablagral tr:nth-child(2n){
	background-color: white;
}
.tablagral tr:nth-child(2n+1){ 
	background-color: rgb(193, 236, 191);
}
.tablagral tr input{
	background-color: transparent;
}
.tablagral tr:focus-within input{
	border:1px solid rgb(35, 155, 59);
	border-radius: 5px;
	box-shadow: 0 0 1px black;
}
.tablagral tr:last-child td{
	border-radius: 0 0 5px 5px;
}
/*
.quimicos tr td:nth-child(3) input, 
.quimicos tr td:nth-child(4) input{
	width: 50px;
} 

.quimicos tr td:nth-child(5) input,
.quimicos tr td:nth-child(8) input,
.quimicos tr td:nth-child(9) input{
	width: 70px;
}

.sustancias tr td:nth-child(8) input,
.sustancias tr td:nth-child(9) input,
.sustancias tr td:nth-child(10) input,
.sustancias tr td:nth-child(11) input,
.sustancias tr td:nth-child(13) input,
.sustancias tr td:nth-child(14) input{
	width: 60px;
}
.sustancias tr td:nth-child(1) input,
.sustancias tr td:nth-child(2) input{
	width: 100px;
}*/
.cambiar div{
	margin: 0.5em;
}
.cambiar div:last-child{
	text-align: center;
}
.cambiar .boton{
	background-color: white;
}

.datosEva{
	display: flex;
	justify-content: space-around;
}
.datosEva>div>span:first-child{
	font-weight: bold;
}
.usuarios input,
.quimicos input{
	border: none;
	outline: none;
	text-align: center;
}
.evaluaciones input{
	border: none;
	outline: none;
	text-align: center;
}
.evaluaciones tr td:nth-child(3),
.evaluaciones tr th:nth-child(3){
	position: sticky;
	left: 0;
	z-index: 3;
}

.evaluaciones tr th:nth-child(3){
	z-index: 4!important;
}
.evaluaciones tr:nth-child(2n) td:nth-child(3){
	background-color: inherit;
}
.evaluaciones tr:nth-child(2n+1) td:nth-child(3){ 
	background-color: inherit;
}



.evaluaciones tr td span:not(.excel),
.evaluaciones tr[data-idevaluacion="0"] td .excel,
.evaluaciones tr[data-idevaluacion="0"] td a{
	display: none;
}
tr[data-idevaluacion="0"] td span{
	display: block;
}

.areas input{
	border: none;
	outline: none;
	text-align: center;
}
.areas tr td span,
tr[data-idarea="0"] td a{
	display: none;
}
tr[data-idarea="0"] td span{
	display: block;
}

.sustancias input{
	border: none;
	outline: none;
	text-align: center;
}
.quimico{
	position: relative;
}
.quimico .resultados{
	position: absolute;
	width: 100%;
	cursor: pointer;
	z-index: 2;
	background: white;
}
.resultados{
	width: 200%!important;
}
.resultados>div:hover{
	background-color: rgba(0, 0, 0,.1);
}
.resultados span{
	color: grey;
	font-style: italic;
}
.resultados>div:nth-child(2n){
	background-color: rgb(238, 254, 221);
	display: flex;
	flex-direction: column;
}
.resultados>div{
	margin: 3px;
	box-sizing: border-box;
	box-shadow: 0 0 5px black;
}
body{
	min-height: 100vh;
}

.trabajadores input{
	border: none;
	outline: none;
	text-align: center;
}
tr[data-idtrabajador="0"] td a{
	display: none;
}
tr[data-idtrabajador="0"] td span{
	display: block;
}

		
.guardar:not(.cambio){
	color: grey;
	border: 2px solid grey!important;
}
.guardar.cambio{
	color: rgb(35, 155, 59);
}
.mensaje{
	width: 100%;
	text-align: center;
	padding: 1em;
	background-color: lightblue;
	margin: 1em 0;
	animation: desvanece 1s forwards 3s;
}
@keyframes desvanece{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
.login{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login>form{
	padding: 1em;
	width: 20em;
	height: 50vh;
	background-color: rgb(238, 254, 221);
	box-shadow : 0 0 6px green;
    border-radius: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
form>div{
	margin: 1em 0;
}
.login .boton{
	background-color: white;
}
.inputlogin{
	height: 2em;
    width: 15em;
    outline: none;
    border: 2px solid rgb(193, 236, 191);
    border-radius: 5px;
    padding: 0 5px;
    text-align: center;
}
.selectchico{
	width: 15em;
}

.tablagral td a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
tr[data-eliminarl="true"],
tr[data-eliminar="true"]{
	background-color: rgba(255, 0, 0, .6)!important;
	opacity: .6;
}
tr[data-eliminarl="false"],
tr[data-eliminar="false"]{
	display: none;
}
tr[data-cambiol]:not([data-eliminarl]),
tr[data-cambio]:not([data-eliminar]){
	background-color: rgb(253 248 151)!important;
}
.nomodifica select,
.nomodifica input{
	color: black;
	pointer-events:none;
	background-color: transparent;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.bloqueo span{
	width: 1.5em;
	height: 1.5em;
	display: inline-block;
	background-image: url(../imagenes/cerrar.png);
	background-repeat: no-repeat;
	background-size: 1.5em;
	cursor: pointer;
}
.bloqueo input{
	display: none;
}
.bloqueo input:checked+span{
	background-image: url(../imagenes/abrir.png);
	background-repeat: no-repeat;
	background-size: 1.5em;
	cursor: pointer;

}
.modalClonar,
.modal{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
}
.modalClonar .cont,
.modal .cont{
	max-height: 100vh;
	min-width: 60vw;
	max-width: 100vw;
	display: flex;
	padding: 1em;
	box-sizing: border-box;
	justify-content: center;
	box-shadow: 0 0 6px green;
    border-radius: 1em;
    background-color: rgb(238, 254, 221);
}
.modal .cont{
	min-height: 60vh;
}
.boton.clonar{
	text-align: center;
	width: 20em;
	cursor: pointer;
}
.opcClonar>div:last-child{
	display: flex;
	justify-content: center;
	align-items: center;
}
.observaciones input[type=checkbox]{
	display: none;
}
.observaciones label{
	user-select: none;
}
.ayuda{
	background-image: url(/nom10/imagenes/info.png);
}


.audio .save,
.audio .descartar,
.detener,
.grabar,
.reproducir,
.final,
.ayuda,
.nocorregido,
.corregido,
.correcto,
.incorrecto,
.observaciones label span{
	width: 1.5em;
	height: 1.5em;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.estado{
	display: flex;
	align-items: center;
	justify-content: center;
}
input[data-norepetir]{
	background-color: lightcoral!important;
}
input+.warn{
	display: none;
}
input[data-norepetir]:hover+.warn{
	display: inline-block;
	position: absolute;
	background-color: white;
}

.audio .save{
	background-image: url(/nom10/imagenes/guardar.png);
}

.audio .descartar{
	background-image: url(/nom10/imagenes/borrar.png);
}
.grabar{
	background-image: url(/nom10/imagenes/grabar.png);
}
.detener{
	background-image: url(/nom10/imagenes/detener.png);
}
.reproducir{
	background-image: url(/nom10/imagenes/reproducir.png);
}
.final{
	background-image: url(/nom10/imagenes/cerrado.png);
}
.estado:hover .final{
	background-image: url(/nom10/imagenes/abierto.png);
}
.correcto,
.observaciones .sup input+span{
	background-image: url(/nom10/imagenes/bien.png);
}
.incorrecto,
.observaciones .sup input+span+span{
	background-image: url(/nom10/imagenes/mal.png);
}
.correcto.gris,
.incorrecto.gris,
.observaciones .sup input[value='corrigiendo']+span,
.observaciones .sup input[value='corrigiendo']+span+span,
.observaciones .sup input[value='incompleto']+span,
.observaciones .sup input[value='completo']+span+span{
	filter: grayscale(100%);
	opacity: .3;
}
.corregido,
.observaciones .eva input[type=checkbox]:checked+span{
	background-image: url(/nom10/imagenes/completo.png);
}
.nocorregido,
.observaciones .eva input[type=checkbox]:not(:checked)+span{
	background-image: url(/nom10/imagenes/incompleto.png);
	filter: grayscale(100%);
	opacity: .3;
}

.help{

}
.indicaciones{
	display: none;
	z-index: 3;
}
.help:hover .indicaciones{
	display: block;
    position: absolute;
    background: white;
    box-shadow: 0 0 4px grey;
    padding: 1em;
}
.audio{
	display: flex;
	align-items: center;
	justify-content: center;
}
.grabando{
	width: 2em;
	height: 1.5em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.grabando span{
	width: .8em;
	height: .8em;
	border-radius: 100%;
	background-color: red;
	display: block;
	border: solid pink;
	animation: graba 1s forwards infinite;
}
@keyframes graba{
	from{
		border-width: 0px;
	}
	50%{
		border-width: .3em;
	}
	to{
		border-width: 0px;
	}
}
.audio audio{
	height: 1.2em;
}

.decide{
	flex-direction: column;
	align-items: center;
}

.audio.decide .grabar,
.audio.decide .detener,
.audio.decide .est,

.audio.recording .save,
.audio.recording .descartar,
.audio.recording audio,
.audio.recording .grabar,

.audio.play .save,
.audio.play .grabar,
.audio.play .est,
.audio.play .detener,
.audio.eval .descartar,
.audio.eval .grabar,

.audio.record .save,
.audio.record .descartar,
.audio.record audio,
.audio.record .est,
.audio.record .detener{
	display: none;
}

.contObs{
    width:100%;
}
.obsobs{
    width:100%;
    display:table;
}
.obsobs textarea{
    width:100%;
    height:3em;
    box-sizing:border-box;
}
.obsobs th:nth-child(2), .obsobs td:nth-child(2){
	display: none;
}
.obser{
	flex-direction: column;
	align-items: center;
	justify-content: start;
}
.finalizar, .abrir{
	margin: 1em 0;
}
.bola{
	background-color: white;
	border-radius: 100%;
	width: 1.2em!important;
	height: 1.2em!important;
}
.switch{
	background-color: grey;
	width: 2.8em!important;
	display: flex!important;
	align-items: center;
	padding: .1em;
	border-radius: 1.2em;
}
.cambiarEst input[type=checkbox]:checked+span{
	justify-content: flex-end;
	background-color: green;
}
.cambiarEst label{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.fin input{
	pointer-events: none;
	border: none;
}
.fin .addObs,
.fin th:nth-child(5),
.fin td:nth-child(5){
	display: none;
}


.finaliza{
	border: 2px solid rgb(38, 47, 108);
	background-color: rgb(214, 239, 246);
	color: rgb(38, 47, 108);
	border-radius: 1em;
	padding: 2pt;
	margin: 2pt;
	cursor: pointer;
}
.finaliza:hover{
	box-shadow: 0 0 5px rgb(38, 47, 108);
}
.revisando, .corrigiendo{
	background-color: rgb(250, 211, 170);
	color: rgb(247, 50, 0);
	border: 2px solid rgb(247, 50, 0);
	border-radius: 1em;
	padding: 5pt;
	margin: 5pt;
	box-sizing: border-box;
	cursor: pointer;
}
.revisando:hover, .corrigiendo:hover{
	box-shadow: 0 0 5px rgb(247, 50, 0);
}
.proceso, .procesono{
	height: 2.5em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.proceso:before, .procesono:before{
	content: 'En proceso';
	background-color: rgb(247, 247, 116);
	color: rgb(61, 33, 17);
	border: 2px solid rgb(246, 214, 38);
	border-radius: 1em;
	padding: 5pt;
	margin: 5pt;
	width: 9em;
}
.proceso:hover:before{
	content: 'Terminar';
	cursor: pointer;
	background-color: lightgreen;
	border: 2px solid green;
	color: green;
}
.vobser, .revisar{
	width: 9em;
	background-color: rgb(249, 212, 220);
	border: 2px solid darkred;
	border-radius: 1em;
	padding: 5pt;
	margin: 5pt;
	color: darkred;
	cursor: pointer;
}
.vobser:not(.nomodifica):hover, .revisar:not(.nomodifica):hover{
	box-shadow: 0 0 5px darkred;
}
.nomodifica .vobser, .nomodifica .revisar,.nomodifica .proceso,
.nomodifica .procesono,.nomodifica .revisando,.nomodifica .corrigiendo, .nomodifica .finaliza{
	opacity: 0.4;
}
.obsobs.tablagral input[type="text"]{
	height: 2em;
    width: 40vw!important;
    outline: none;
    border: 2px solid rgb(193, 236, 191);
    border-radius: 5px;
    padding: 0 5px;
}
.convalidacion{
	flex-direction: column!important;
	align-items: center;
}
.convalidacion>div:last-child{
	width: 10%;
}
.datvalidacion{
	border: 2px solid rgb(35, 155, 59);
	border-radius: 1em;
	background-color: white;
	margin: 1em;
	width: 20em;
	padding: 0;
}
.datvalidacion>div:first-child{
	color: white;
	background-color: rgb(35, 155, 59);
	border-radius: 0.7em 0.7em 0 0;
	border: 4px solid rgb(35, 155, 59);
}
.bienvenido{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.bienvenido>a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	text-align: center;
	margin: 1em 0;
}
.sesionusuario{
	text-align: left;
	width: 100%;
	color: white;
	padding: 0 1em;
}
.titbien{
	text-align: center;
}
.etiqueta{
	height: 60vh!important;
	width: 50vh!important;
	min-width: 40vh!important;
	border: 1em solid rgb(35, 155, 59);
	color: black;
	font-size: 15pt;
	cursor: pointer;
}
.etiqueta:hover{
	box-shadow: 0 0 1em rgb(35, 155, 59);;
}
.etiqueta>img{
	flex: 4;
	padding: 1em;
	box-sizing: border-box;
	width: 90%;
	height: 90%;
}
.etiqueta>div{
	flex: 1;
	box-sizing: border-box;
	padding: 0 1em;
}
.contableespecial{
	flex-direction: column;
	justify-content: start;
}
.draggable{
	width: 100%;
	cursor: grab;
	background-color: rgb(214, 239, 246);
	border-radius: 1em;
	margin-bottom: 1em;
	user-select: none;
	text-align: center;
}
.clonado{
	animation: desvanece 3s forwards;
}
@keyframes desvanece{
	from{
		background-color: lavender;
	}
	30%{
		background-color: lavender;
	}
	to{
	}
}
.numPags{
	display: flex;
	flex-grow: 1;
	padding: 0 1em;
	flex-wrap: wrap;
	justify-content: center;
}
.numPags>span,
.numPags>a{
	text-decoration: none;
	color: black;
	width: 2em;
	height: 1.2rem;
	cursor: pointer;
	border: 1px solid transparent;
	text-align: center;
}
.numPags>span.sel,
.numPags>a.sel{
	font-weight: bold;
	border-color: green;
	background-color: white;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}