:root {
    --oscuro: #101111;
    --oscuro-a85: rgba(16,17,17,0.85);
    --claro: #fffafa;
    --verde: #c4d600;
    --gray: #505050;
    --black: #000;
    --white: #fff;
    --no-rojo: #901508;
    --fondo-respuesta: rgba(255,250,250,0.15);
}
*{
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    border-radius: 3px;
}

input[type=button]{padding: 10px 20px; cursor: pointer; font-weight: 700;font-size: 1.1rem;margin: 20px auto;border: none;}
input[type=password],input[type=email],input[type=text]{padding: 10px 20px;width: 100%;font-size: 1.1rem;margin: 5px auto 10px;border: 1px solid var(--oscuro);}
/*
align-items: start; = Vertical
align-content: center; = Horizontal
*/
body{border: 0;padding: 0;margin: 0;}
body, #menu, #footer{background-color: var(--verde);}
#menu .boton{text-align: center;cursor: pointer;}
.login .fieldname, .form-newaccount .fieldname{text-align: left;font-size: 1.2rem;font-weight: 500;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.container{width: 100%;text-align: center;max-width: 1660px;display: flex;align-items: center;margin: auto;}
.container-menu{width: 100%;text-align: center;height: auto;min-height: 130px;display: flex;flex-direction: column;}
.menu-section{max-width: 1920px;display: flex;align-items: center;width: 100%;position: relative;height: 130px;}
.imglogo{padding: 20px;max-width: 300px;position: absolute;left: 0;top: 0;z-index: 3;}
.imglogo .img{width: 100%;min-width: 250px;pointer-events: none;background-image: url(https://autoevaluacionsv.previal.cl/img/logo-mutual-colorb-noborder.svg);height: 90px;background-size: contain;background-repeat: no-repeat;}
[class^=admingrid]{display: grid;width: 100%;font-size: 1.25rem;margin: 0 20px;}
.admingrid1{grid-template-columns: 55% 15% 15% 15% ;}
.admingrid7{grid-template-columns: 12% 23% 23% 14% 14% 14% ;}
.lalg{text-align: start;}
.sfb{font-size: 1.1rem;font-weight: bold;}
.adminpanel{display: flex;width: 100%;padding: 20px; border: 1px dotted var(--claro);}
.graphTotalmes, #contentGrillaxls{padding: 20px; border: 1px dotted var(--claro);}
.filtroempresa{max-width: max-content;display: flex;flex-flow: row;border: 1px dotted var(--claro);padding: 0 0 0 20px;border-bottom: none;}
.actualizarbtn{background-color: var(--verde);height: fit-content;width: fit-content;padding: 10px 20px; border: none;font-weight: 600;margin: auto 20px;cursor: pointer;}
.xlsbtn{margin-left: -80px;width: 160px;left: 50%;position: relative;}
#searchempresa{height: fit-content;margin: auto 20px;}
.fwidth{width: 100%;}
.bglogo{position: absolute;left: -70px;top: 0;z-index: 2;background-color: var(--gray);width: 375px;height: 115px;border-radius: 0 0 36px 0;transform: skewX(-20deg);border-width: 0 1px 1px 0px;border-style: none solid solid none;border-color: currentcolor rgb(116, 134, 0) rgb(116, 134, 0) currentcolor;border-image: none;}
.bglogofix{position: fixed;z-index: 5;width: 100%;height: 100%;pointer-events: none;top:0;left: 0;}
.menuwrapper{width: 100%;display: flex;align-items: center;justify-content: right;}
.mobilemenuwrapper{position: relative;width: 100%;display: none;}
.separador-v{width: 1px;background-color: #fff;height: 50px;margin: 40px;}
.separador-h{width: 100%;background-color: #fff;height: 1px;margin: 10px 0;}
.ingresar, .salir, .saliradmin{background-color: #000;font-weight: 700;padding: 20px 40px;color: #fff;margin:0 100px;}
.mobilemenu{position: absolute  ;right:50px;display: none;top: 50px;}
.mobilemenu img{width: 50px;height: 36px;cursor: pointer;}
#content{background-color: var(--oscuro);color: var(--claro);padding: 30px 0 40px 0;z-index: 10;display: flex;align-content: center;border-bottom: 1px solid rgb(116, 134, 0);border-top: 1px solid rgb(116, 134, 0);}
#que-es-autoevaluacion{display: block;}
.listaMaterial{display: flex;flex-wrap: wrap;}
.vflexc, .hflexc {display: flex;width: 100%;align-content: start;gap: 10px;flex-wrap: wrap;text-align: left;}
.vflexc{flex-direction: column;}
.hflexc{flex-direction: row;}
.datos-item{min-width: 350px;}
.listaMaterial a{text-decoration: none;padding: 10px 5px; color: var(--claro);}
.listaMaterial div{width: 50%;text-align:left;font-size: large;}
.listaMaterial div:hover{text-decoration: underline;}
h2{font-weight: 700;}
.aw40{width: 40px;}
.contentwrapper{display: flex;justify-content: center;min-height:inherit;flex-direction: row;padding: 0 50px;margin: auto;overflow: hidden;}
.maincontent{min-height: 60vh;}
.login, .new-account {padding: 100px 40px 40px;background-color: var(--oscuro-a85);border: 1px dotted var(--verde);display: flex;flex-direction: column;}
.login input[type=button], .new-account  input[type=button], .completar-datos  input[type=button]{ background-color: var(--verde);color: var(--claro);text-shadow: 0 0 2px var(--oscuro);font-weight: 700;}
.form-login, .form-newaccount{min-height: 200px;}
#modalwait{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--oscuro-a85);display: none;}
.preguntas-evaluacion{display: flex;flex-flow: column;padding: 10px 0;font-size: xx-large;display: none;}
.comenzar input[type=button]{background-color: var(--verde);padding: 20px 40px;}
.contador{width: 100%;text-align: end;display: flex;flex-flow: row-reverse;}
.contador div{border: 2px solid var(--claro);border-bottom: none;width: 180px;margin-right: 1px;padding: 10px 20px;}
.ejecutable{width: 100%;text-align: justify;padding: 40px;border: 2px solid var(--claro);border-bottom: none;}
.title{font-size: xx-large;}
.botones{width: 100%;text-align: center;display: flex;margin-top: 0;}
.botones div{min-width: 34%;margin: 0 auto;min-height: 100px;}
.botones .noaplica{min-width: 32%;margin: 0 auto;min-height: 100px;}
.botones input[type=button]{width: 100%;height: 100%;font-size: xx-large;margin: 0;border: 2px solid var(--claro);}
.botones .si{background-color: var(--verde);}
.botones .no{background-color: var(--gray);}
.botones .na{background-color: var(--white);}
.botones .si:hover{color: var(--claro); text-shadow: 0 0 2px var(--oscuro);}
.botones .no:hover{color: var(--claro); text-shadow: 0 0 2px var(--oscuro);}
.botones .na:hover{color: var(--claro); text-shadow: 0 0 2px var(--oscuro);}
.selectedbtn{text-decoration: underline;}
.logowrapper{min-width: 350px;}
.mwl{justify-content: left;width: auto;}
.introduccion-evaluacion{margin: 10px;padding: 10px;border: 1px dotted var(--claro);text-align: justify;font-size: large;}
#vimeocontainer{min-width: 960px; min-height: 540px;}
#material-de-apoyo{display: none;}
.fixedtop{position: fixed;z-index: 10;width: 100vw;height: 100vh;background-color: var(--oscuro-a85);top: 0;left: 0;}
.autoeval{font-weight: 600;padding-right: 130px;justify-content: center;align-items: center;}
.completar-datos{display: flex;flex-wrap: wrap;flex-direction: row;}
#login-account{display: none;width: 100%;}
.contenedor-recomendacion{display: flex;border: 1px dotted var(--claro); padding: 10px;flex-flow: column;gap: 7px;}
.contenedor-recomendacion div{font-size: medium;text-align: left;}
.contenedor-recomendacion strong{font-weight: 600;}
.fondo-respuesta{background-color: var(--fondo-respuesta);}
.ellink a{text-decoration: none;color: var(--verde);}
.pdf{padding: 10px 20px; cursor: pointer; font-weight: 700;font-size: 1.1rem;margin: 20px auto;border: none;background-color: var(--verde);}
.pdf a{text-decoration: none;color: var(--oscuro);font-weight: 500;}
#actividad-autoevaluacion{flex-direction: column;justify-content: start;}
#menu{top: 0;z-index: 30;}
#footer{z-index: 20;}
#menu, #content, #footer{width: 100%;}
#footer .legal{padding: 30px 0 20px;margin-top: -10px;width: 100%;}
@media screen and (max-width: 1300px){
    .contentwrapper{flex-direction: column;padding: 0 20px;}
    .mobilemenu{display: block;}
    .menuwrapper{display: none;}
    .mobilemenuwrapper{display: flex;flex-direction: column;gap: 4px;}
    .autoeval{padding: 0;}
    #vimeocontainer{min-width: 100%; min-height: 100%;}
    .ejecutable{padding: 20px 20px;}
}

@media screen and (max-width: 768px){
    .mobilemenu{display: block;}
    .maincontent{min-height: 30vh;}
    .menuwrapper{display: none;}
    .listaMaterial div{width: 100%;}
    .listaMaterial ul{margin: 12px 5px 0 -10px;}
    .contentwrapper{flex-direction: column;padding: 0 10px;}
    .contador div{border: 2px solid var(--claro);width: 120px;}
    .ejecutable{padding: 20px 0;border:none;}
    .preguntas-evaluacion{font-size: x-large;}
    .botones input[type=button]{font-size: x-large;}
    .botones{flex-wrap: wrap;}
    .botones div{min-height: 60px;margin: 0%;}
    .botones .noaplica{min-height: 60px;}
}

@media screen and (max-width: 568px){
    
}

@media screen and (max-width: 320px){
    
}