*{
    box-sizing: border-box;
    

}
@font-face {
    font-family: 'GothamMed';
    src: url("../fonts/Gotham-Medium.otf");
}
@font-face {
    font-family: 'GothamBlack';
    src: url("../fonts/Gotham-Black.otf");
}

body{border: 0;margin: 0;font-family: 'GothamMed';}
.signature-pad{border: 1px solid gray;margin: auto;position: relative;border-radius: 4px;}
#leftMenu{position: relative;position: relative;width: 330px;background-color: #C4D600;z-index: 250;border-top: 8px solid #99bd3a;border-bottom: 41px solid #99bd3a;text-shadow: 1px 2px #505050;}
#leftMenu button{font-size: 1.1rem;color: #fff;text-align: center;text-transform: uppercase;font-family: 'GothamBlack' !important;
background-color: transparent;padding: 15px;width: 100%;position: relative;border-radius: 4px;border: none;}
.btnlm::after{width: 100%;height: 1px;background-color: #f8f98d;margin: 10px 0;content: " ";display: block;}
.rightContent{display: flex;flex-direction: column;position: relative;width: 100%;border-top: 8px solid #eceee3;border-bottom: 41px solid #eceee3;color: #6b6b6b;}
#fimarcompromiso{position: relative;width: 100%;display: flex;}
#fimarcompromiso #clear{position: absolute;left: 0%;top: 150px;}
.firmacompr{position: relative;width: 720px;height: 934px;background-image: url('../img/bg_compromiso.png');padding: 170px 50px 0 50px;font-size: 1rem;box-shadow: 2px 2px 4px 1px gray;}
.firmacompro{position: relative;}
.bbone{width: 100%;position: relative;display: flex;min-height: 100vh;}
.loginform{z-index: 1;width: 280px;height: 480px;position: absolute;left: 50%;top: 50% ;margin: -300px 0 0 -140px;background-color: #505050;color: #fff;border-radius: 4px;}
.newaccountform{z-index: 20;display: none;}
.newaccountform #volver{width: 40%;}
.modalbg{display: none;z-index: 10;background-color: rgba(128,128,128,0.5);width: 100%;height: 100%;position: fixed;}
.loginform form{padding: 0 20px;}
.loginform form input, .loginform button{color: #505050;width: 100%;padding: 10px 20px;position: relative;margin: 10px 0;border-radius: 4px;border: none;}
.loginform button, .loginform input[type=submit], #btnnewaccount{border: none;background-color: #C4D600;font-size: 1.2rem;width: 100%;font-family: 'GothamBlack' !important;color: #fff;text-shadow: 1px 1px 1px #505050;cursor: pointer;}
.verdem{background-color: #C4D600;}
#logmeout button{cursor: pointer;}
.pagetitle{font-size: 1.3rem;color: #C4D600;font-family: 'GothamBlack' !important;}
.logo-gray{position: relative;margin-bottom: 30px;width: 358px;height: 121px;cursor: pointer;background-color: #505050;background-image: url('../img/LOGO_MUTUAL_ESPECIAL_COLOR_HORIZONTALSG.svg');background-repeat: no-repeat;background-position: center;background-size: cover;}
.loginform .logo-gray{width: 100%;margin-bottom: 0;border-radius: 4px;}
.contentdatosuser{position:relative;margin:40px 20px 40px 40px;height:100%;font-size: 1.25rem;}
.contentdatosuser input, .contentdatosuser select{padding: 5px 10px;font-size: 1.25rem;margin: 5px 0 15px;}
.contentdatosuser button{background-color: #C4D600;text-shadow: 1px 1px 2px #505050;color: #fff;font-size: 1.25rem;border: none;padding: 10px 20px;width: auto;font-family: 'GothamBlack' !important;cursor: pointer;border-radius: 4px;}
.flexcont{display: flex;flex-flow: wrap;}
.fitem1{padding: 5px 20px 10px;width: 40%;}
.fitem1 select{max-width: 100%;}
.fitem1 input[type=text]{width: 100%;}
.fctitle{min-width: 300px;padding-top: 12px;}
.menubtns button{cursor: pointer;}
.firmabot{position: absolute;width: 100%;text-align: center;top:90px;font-size: 0.9rem;}
.justificate{text-align: justify;}
.w100{width: 100%;}
.w50{width: 50%;}
.w20{width: 20%;}
.w52a{width: 50%;max-width: 200px;}
.w52b{width: 40%;max-width: 300px;}
.w54a{width: 80%;max-width: 600px;}
.wta{width: auto;}
.mw620{max-width: 620px;}
.lal{text-align: left;}
.ral{text-align: right;}
.imagepicker{opacity: 0.6;cursor: pointer;max-width: 300px;}
.imagepicker img{max-width: 300px;width: 100%;}
.imagepicker:hover{opacity: 1;}
.selectedimg{opacity: 1;}
.selectedimg img{border-bottom: 2px solid #444;}
.timeline{display: flex;position: relative;width: 100%;height: 240px;min-width: 380px;}
.itemline{padding: 20px;width: 20%;position: relative;}
.titulochecklist{font-size: 1.3rem;text-align: center;text-transform: uppercase;font-weight: bolder;margin-bottom: 30px;}
.completado-lt{position: absolute;left: 50%;top: 81px;width: 40px;height: 40px;background-image: url('../img/completado_tl.png');background-size: cover;z-index: 4;margin-left: 20px;}
.bgitline{z-index: 3;position: relative;width: 100px;height: 100px;margin: auto;background-size: contain;background-repeat: no-repeat;cursor: pointer;}
.bgtimeline{z-index: 2;position: absolute;width: 95%;background-color: #ebede3;border-radius: 8px;height: 10px;top: 68px;left: 30px;}
.timeline .title{position: absolute;top: 140px;text-align: center;width: 100%;left: 0;}
.pendiente{filter: grayscale(.95);cursor: not-allowed;}
#contenedoretapas{padding: 0 20px;}
.vdgtl{background-image: url('../img/visualizacionguia_tl.png');}
.adctl{background-image: url('../img/checklist_tl.png');}
.fttl{background-image: url('../img/fichatecnica_tl.png');}
.rfxtl{background-image: url('../img/reflexion_tl.png');}
.eftl{background-image: url('../img/evaluacionfinal_tl.png');}
.labcontent{position: relative;margin-bottom: 20px;}
.checklist{display: flex;font-size: 1.3rem;}
.btnetapas, .checklist button, .labcontent button{background-color: #C4D600;color: #fff;font-size: 1.25rem;border:none;padding: 10px 20px;width: auto;font-family: 'GothamBlack' !important;cursor: pointer;border-radius: 4px;}
.checklist label, .checklist input[type=radio]{cursor: pointer;scale: 2;}
.checklist div{padding: 10px;}
.checklist .num{width: 2%;min-width: 40px;}
.checklist .identificacion{width: 78%;text-align: justify;}
.checklist .si{width: 6%;}
.checklist .no{width: 6%;}
.checklist .na{width: 8%;}
.titlepanel{background-image: url('../img/titlebg.png');width: 100%;height: 67px;background-position: left;background-repeat: no-repeat;margin: 28px 0;}
.titlepanel .gtxt{margin-left: 256px;font-size: 1.5rem;color: #739d03;font-family: 'GothamBlack' !important;margin: 20px 0 0 290px;text-transform: uppercase;}
.panelgrid{display: grid;min-width: 700px;grid-template-columns: 25% 15% 15% 15% 15% 15%;}
.panelgrid div{text-align: center;padding: 5px 10px;}
.gridtrabajadores{display: grid;min-width: 700px;grid-template-columns: 15% 25% 25% 35% ;font-size: 1.25rem;margin: 0 20px;}
.oddrow{background-color: #ebede3;}
#pc_centro{font-size: 1rem;margin: 0;color: #444;}
.printchecklist{position: relative;width: 720px;height: auto;padding: 20px 50px 0 50px;font-size: 1rem;}
.verdemutual{color: #C4D600;}
.bolder{font-weight: bolder;}
.maxheight300{max-height: 300px;overflow: auto;}
.gruaachica{width: 40% !important;}
.gruagranda{width: 18% !important;}
.margeneschecklist{width: 800px;box-shadow:2px 2px 4px 1px gray;margin: 20px auto;padding: 30px;}
.correcta{background-color: rgba(196, 214, 0, 0.2);width:fit-content;}
.perfiladm{text-transform: uppercase;text-align: center;font-weight: bolder;margin-bottom: 20px;}
.certificadoempresa{background-image: url('../img/certificado_empresa.png');width: 1199px;height: 660px;position: relative;background-repeat: no-repeat;}
.diplomatrabajador{background-image: url('../img/diploma_trabajador.png');width: 1199px;height: 660px;position: relative;background-repeat: no-repeat}
.certificadoempresa .namae{font-size: 3rem;text-align: center;width: 100%;position: relative;top: 285px;}
.diplomatrabajador .namae{font-size: 3rem;text-align: center;width: 100%;position: relative;top: 300px;}
@keyframes menumobile {
    from {
      height: 160px;
    }
    to {
      height: auto; /* your line height here */
    }
  }
.thumbs{position: relative;display: flex;margin: 20px auto;flex-wrap: wrap;}
.thumbnail-e3{margin: auto;box-shadow: 2px 2px 4px 1px gray;}
#messagemodal{z-index: 999999;background-color: rgba(128,128,128,0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;visibility: hidden;display: flex;justify-content: center;align-items: center;}
#message,#newacct, #checkcentro{min-width: fit-content;padding: 20px;background-color: #505050;position: relative;color: #ebede3;}
#message button,#newacct button, #checkcentro button{position: absolute; right: 0;top: 0;font-size: small;background-color: #4d5216;color: #ebede3;font-weight: bold;cursor:pointer;}
.formnewacc{display: flex;flex-wrap: wrap;max-width: 290px;}
.formnewacc input, .formnewacc select{width: 100%;min-height: 40px;color: #505050;width: 100%;padding: 10px 20px;position: relative;margin: 10px 0;border-radius: 4px;border: none;}
.formnewacc input[type=button], .loginform input[type=button]{border: none;background-color:#C4D600;font-family: 'GothamBlack' !important;color: #fff;text-shadow: 1px 1px 1px #505050;cursor: pointer;}
.blocdata{min-width: 100%;}
.fullblocdata{min-width: 100%;display: flex;justify-content: center;align-items: center;}
@media screen and (max-width: 2048px) {
  #leftMenu, .rightContent{height: 100vh;}
  .rightContent{overflow: auto;}
  .timeline{margin: 20px 0 40px 0;}
}
.crearcuenta{padding: 5px;}
/*                                                  
body, .rightContent{background-color: #444;}
#leftMenu, .rightContent{height: 100vh;}
.rightContent{overflow: auto;}
/*                                                  */
.menumobile{width: 100px;display: none;text-align: center;background-color: #313131;cursor: pointer;}
.menumobile img{margin: 30px auto;}
.btnlm img{width: 100%;}
.ddl{font-size: 1.25rem;margin: 0;color: #444;}
.filtroyear{position: absolute;right: 20px;top: 20px;}
[class^=gridadmin]{display: grid;width: 100%;max-width: 800px;font-size: 1.25rem;margin: 0 20px;}
.gridadmin1{min-width: 700px;grid-template-columns: 55% 15% 15% 15% ;}
.gridadmin2{grid-template-columns: 70% 30%;}
.gridadmin3{grid-template-columns: 33% 33% 33%;}
.gridadmin7{grid-template-columns: 12% 24% 24% 10% 10% 10% 10%;max-width: 1100px;}
.gridhead{color: #99bd3a;font-weight: bolder;font-size: 1rem;}
.fsg{font-size: 1.1rem;}
.admincont{padding-left: 40px;font-size: 1.25rem;}
.centext{text-align: center;}
.sfb{font-size: 1.1rem;font-weight: bold;}
.actualizarbtn{background-color: #C4D600;text-shadow: 1px 1px 2px #505050;color: #fff;font-size: 1.25rem;border: none;padding: 10px 20px;width: auto;font-family: 'GothamBlack' !important;cursor: pointer;}
#searchempresa{padding: 8px;font-size: 1.2rem;}
/*[class^=slideme]{display: none;}*/
@media screen and (max-width: 915px) {
    .etapa2 .w20{text-align: center;padding: 5px;}
    .etapa2 .w54a{padding: 5px;}
    .menumobile{display: block;}
    .logo-gray{width: 300px;}
    #leftMenu{width: 100%;animation-duration: 0.3s;animation-name: menumobile;transition: height 0.3s;}
    .bbone{flex-flow: wrap;}
    .btnlm img{width: 60%;margin: 20px;}
    .timeline{height: 140px;}
    .labcontent{padding-bottom: 60px;}
    .margeneschecklist{width: 100%;text-align: justify;}
    .fixmobile{margin: 10px 0 0 100px;}
    .checklist input[type=radio]{margin-left: 10px;}
    #menucontent{display: none;}
    .titlepanel .gtxt{margin: 0 0 0 290px;}
}
@media screen and (max-width: 600px) {
    #leftMenu{width: 100%;border-top: 20px solid #99bd3a;border-bottom: 20px solid #99bd3a;right: 0;height: fit-content;} 
    .rightContent{border-top: none;overflow-x: hidden;}   
    .imagepicker{width: 100%;}
    .titlepanel{background-repeat: no-repeat;margin: 28px 0;background-size: cover;background-position: right; width: 100px;min-height: 40px;}
    .titlepanel .gtxt{margin: 0 0 20px 100px;font-size: 1.1rem;position: absolute;}
    .bgitline{width: 50px;}  
    .timeline .title{font-size: .72rem;top: 80px;left: 8px;}
    .bgtimeline{left: 14px;top: 40px;}
    .completado-lt{left: 35px;top: 50px;width: 25px;height: 25px;}
    .checklist{flex-flow: wrap;}
    .checklist .si, .checklist .no, .checklist .na{width: 33%;}
    .fixmobile{margin: 10px 0 0 100px;}
    .itemline{width: 19%;}
    .bgtimeline{width: 92%;}
    body{overflow-x: hidden;}
    #contenedoretapas{padding: 0;}
    .margeneschecklist{padding: 30px 12px;}
    .gruaachica{width: 78% !important;}
    .gruagranda{width: 28%; margin-left: 25px;}
    .wi70{width: 70%;}
    .cdalbl{text-align: left !important;}
}