*{box-sizing: border-box;font-family: 'GothamMed' !important;}
@font-face {font-family: 'GothamMed';src: url("../fonts/Gotham-Medium.otf");}
@font-face {font-family: 'GothamBlack';src: url("../fonts/Gotham-Black.otf");}
.montserrat-videos {font-family: "Montserrat", sans-serif !important;font-optical-sizing: auto;font-weight: 100;font-style: normal;}
body{width: 100vw;}
.flexcont{height: 100%;min-height: 100vh;background-color: #c4d000;position: relative;}
.mw300{max-width: 300px;}
.contenedorlogin{position: relative;display: flex;flex-direction: row;width: 360px;flex-wrap: wrap;margin: auto;top:100px;}
.imglogo{max-width: 360px;position:absolute;z-index:20;}
.fullcont{display: flex;height: 100%;min-height: 100vh;width: 100vw;position: relative;}
.formlogin{position: relative;display: block;margin: auto;background-color: #555;box-shadow: 0 0 10px #111;border-radius:0 0 20px 20px;}
.loginrow{position: relative;width: 100%;padding: 20px;}
.botoneslogin{position: absolute;left: 0;top: -30px;width: 360px;display: flex;flex-direction: row;flex-wrap: wrap;z-index: 21;}
.botoneslogin button{width: 50%;color: #fff;font-size: .95rem;}
#loginempresa .formlogin{background-color: #23305E;}
#loginempresa .loginrow button{background-color: #555;}
#logintrabajador .loginrow button{background-color: #23305E;}
#loginempresa, #logintrabajador{position: relative;}
.loginbtnT{padding: 20px 0 20px 10px;background-color: #555;border-radius: 20px 0 0 0;}
.loginbtnE{padding: 20px 10px 20px 0;background-color: #23305E;border-radius: 0 20px 0 0;}
.loginbtnT, .loginbtnE{cursor: pointer;border: none;border-top: 4px solid gray;text-align: center;}
.bgflotante{background-color: rgba(128, 128, 128, .6);width: 100%;height: 100%;z-index: 32;position: fixed;display: none;}
.cerrar{cursor: pointer;position: absolute;top: 0;right: 10px;z-index: 3;font-size: 2rem;color:#fff;}
.menuLeft{position: relative;min-height: 100vh; min-width: 330px;transition: height 1s ease-in-out, overflow 1s ease-in-out;background-color: #c4d600;z-index: 250;border-top: 40px solid #c4d600;border-bottom: 20px solid #c4d600;}
.welcome{font-size: 1.4rem;}
.filtroanio{position: relative;left: 20px;}
.filtroanio select{padding: 10px 20px;font-size: 1.25;border-radius: 10px;border: 1px solid gray;}
.menuTop img{margin: 20px;}
.menurow{position: relative;width: 100%;padding: 10px 0;text-align: center;color: #fff;}
.perfilusuario{ background-image: url('https://plataformaculturasv.rccap.cl/bg-user.png');width: 201px;height:201px;margin: 10px auto;font-size: 60px;line-height: 200px;letter-spacing: -10px;cursor: default;font-weight: 900;}
.menuLeft button{width: 100%;border: none;text-transform: uppercase;font-weight: 600;background-color: transparent;cursor: pointer;padding: 5px;}
.menuLeft .linesep{border-top: 1px solid #eff27f;width: 100%;}
.menuTop{position: relative;width: 358px;height: 121px;cursor: pointer;background-color: #555;}
.rightContent{display: flex;flex-direction: column;position: relative;width: 100%;min-height: 100vh;border-top: 40px solid #eceee3;border-bottom: 20px solid #eceee3;}
.modalfs{width: 100%;height: 100%;position: fixed;background-color: rgba(0, 0, 0, .8);z-index: 400;display: flex;align-items: center;}
.modalfs .msg{font-size: 1.3rem;color: #333;width: 50%;min-height: 200px;height: auto;background-color: #fff;padding: 60px 40px;margin: auto;}
.timeLineTop{width: 100%;padding: 0;display: flex;justify-content: center;flex-direction: row;margin-bottom: 40px;position: relative;padding: 0 0 20px 0;}
.timeLineTop .start, 
.timeLineTop .mid, 
.timeLineTop .end {position: relative;display: flex;align-content: center;background-image: url('/timeline-bg.png');margin-top: 5px;width: 116px;min-width: 116px;height: 116px;opacity: 0.6;}
.timeLineTop .lowline{width: 100%; height: 1px;background-color: #b0c4ae;border-top: 1px solid #cde4ca; border-bottom: 1px solid #d9dfd9;position: absolute;bottom: -50px;}
.timeLineTop .end, .timeLineTop .mid{filter: grayscale(1);}
.timeLineTop .done{ opacity: 0.6;filter: grayscale(0);}
.timeLineTop .current{ opacity: 1; filter: grayscale(0);}
.timeLineTop span, .timeLineTop p{position: absolute; text-align: center;color: #666; top: 130px;left: -15px;font-weight: 900;line-height: 1.4rem; vertical-align: middle;z-index: 2; width: 150px;}
.timeLineTop .current span, .timeLineTop .done span{color: #666;}
.timeLineTop .linemid{background-color: #ebede3; margin: auto 0; height: 16px;width: 10%;}
.timeLineTop .dui{position: absolute;left: 22px;top: 22px; width: 72px;height: 72px;background-image: url('../dUico.png');}
.timeLineTop .dci{position: absolute;left: 22px;top: 22px; width: 72px;height: 72px;background-image: url('../dCico.png');}
.timeLineTop .dti{position: absolute;left: 22px;top: 22px; width: 72px;height: 72px;background-image: url('../dTico.png');}
.timeLineTop .mai{position: absolute;left: 22px;top: 22px; width: 72px;height: 72px;background-image: url('../mAico.png');}
.timeLineTop .efi{position: absolute;left: 22px;top: 22px; width: 72px;height: 72px;background-image: url('../eFico.png');}
.timeLineTop .mapi{position: absolute;left: 22px;top: 22px; width: 72px;height: 72px;background-image: url('../mApico.png');}
.icodci, .icodti, .icoefi{position: relative;width: 72px;height: 72px;margin: 20px auto;}
.icodci{background-image: url('../dCico.png');}
.icodti{background-image: url('../dTico.png');}
.icoefi{background-image: url('../eFico.png');}
.dataFields{position: relative;margin: 20px auto;padding: 20px;max-width: 90%;display: flex;flex-wrap: wrap;}
.dataFields button{font-weight: 600;background-color: #555;border: none;text-transform: uppercase;padding: 10px;}
.btndata{width: 300px;position: relative;float: right;}
.btndata::after{clear: both;}
.dataItem{position: relative;padding: 5px 25px 20px 20px ;}
.dataItem label{ color: #666;}
.dataItem input[type=text]{width: 100%;}
.dataItem input[type=date]{width: 100%;text-align: center;}
.dataItem select{width: 100%;padding: 4px 20px;margin: 0;display: inline-block;border: 1px solid #999;box-sizing: border-box;color: #333;border-radius: 4px;background-color: #fff;}
.dataFields .last{margin-top: auto;width: 100%;}
.cb{clear: both;width: 100%;}
.loginrow input[type=text], .loginrow input[type=password]{width: 100%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;box-sizing: border-box;color: #333;border-radius: 4px;}
button{width: 100%;background-color: #c4d000;color: #fff;padding: 12px 20px;border-radius: 20px;font-weight: 500;font-size: 1.25rem;border: none;cursor: pointer;}
button:hover{text-shadow: 2px 2px 2px #000;}
.ojitos{position: absolute;right: 0px;bottom: 20px;padding: 20px;cursor: pointer;color: #9b9b9b;font-size: 1.4rem;}
.checkmark {position: absolute;font-size: 120px;z-index: 0;left: 12px;bottom: -50px;opacity: 0.25;color: darkslategray;}
.diagcultura{width: 100%;padding: 40px;display: flex;justify-content: center;flex-direction: row;}
.diagcultura .introcultura {padding: 0 10px;width: 100%;text-align: justify;color: #666;font-size: 1.05rem;}
.contcultura, .conttecnico{width: 100%;padding: 40px;}
.conttecnico{padding-top: 0;}
.bloqueDimension{width: 100%;display: flex;padding: 8px 4px;color: #fff;}
.nombreDimension, .titleApoyo{font-size: 1.2rem;text-transform: uppercase;border-radius: 8px;padding: 10px 0 10px 40px;font-weight: 600;color: #fff;background-color: #555;}
.headerDimension{position: relative;}
.headerObjetivo{display: flex;padding: 10px 20px;font-size: 1.05rem;}
.headerObjetivo .obj{padding: 0 20px;font-weight: 600;color: #666;text-align: justify;}
.headerObjetivo .txt{padding: 0 20px;}
.diagPregunta{width: 60%;font-size: 1.05rem;padding: 0 15px;}
.diagOpcionA, .diagOpcionB, .diagOpcionC, .diagOpcionD{width: 10%;text-align: center;padding: 8px;}
.bloqueDimension input[type=radio]{transform: scale(1.8);cursor: pointer;}
.endblock{margin-bottom: 30px;padding: 10px 0 0 0;font-size: 1.25rem;text-align: center;justify-content: right;font-weight: 400;position: relative;}
.endblock button{border: none;padding: 10px 60px;font-weight: 400;text-transform: uppercase;background-color: #5c9f01;cursor: pointer;animation: glow 1s infinite alternate;}
@keyframes glow {from {box-shadow: 0 0 6px -6px #88bd24;}to {box-shadow: 0 0 6px 6px #88bd24;}}
.endline{width: 90%;border-bottom: 1px solid #9da08b;position: absolute;right: 10%;bottom: 0;}
.confbutton{width: auto;display: none;padding: 20px;}
.contprog{padding: 20px;background-color: #9da08b;color: #fff;border-radius: 0 8px 8px 0;}
.tecd{flex-direction: column;position: relative;}
.enunpreg{margin: auto 0;text-align: justify;}
.tecOpcion{width: 100%;display: flex;flex-direction: row;padding: 8px 20px 8px 15px;position: relative;}
.tecOpcion input[type=radio]{transform: scale(1.8);cursor: pointer;margin: 0 20px 0 0;}
.tecOpcion label{width: 100%;text-align: justify;cursor: pointer;font-size: 1.05rem;}
.opcion{position: relative;margin: auto 0;color: #666;z-index: -1;margin-right: 30px;-webkit-user-select: none; /* Safari */-ms-user-select: none; /* IE 10 and IE 11 */user-select: none; /* Standard syntax */font-size: 1.1rem;}
.tecnPregunta{width: 100%;font-size: 1.15rem;padding: 20px 0;font-weight: 600;display: flex;}
.pregnumber{border-radius: 40px;background-color: #2a8976;color: #fff;height: 40px;width: 40px;text-align: center;min-width: 40px;margin-right: 15px;line-height: 40px;}
.btnresponder{margin: 10px 0 ;text-align: center;}
.btnresponder button{font-weight: 600;background-color: #5c9f01;border: none;text-transform: uppercase;padding: 10px;background-color: #739e03;width: 250px;cursor: pointer;animation: glow 1s infinite alternate;}
.tecprogressbar{position: relative;text-align: center;padding: 20px 40px;font-size: 1.2rem;background-color: #9da08b;color: #fff;border-radius: 8px;font-weight: 600;margin: auto;width: auto;}
.completedo{text-align: center;font-size: 1.2rem;font-weight: 600;padding: 40px;}
.subtotalPreguntas{position: absolute;left: 10px;padding: 20px;top: 0;font-weight: 600;}
[id^=tecdimen]{overflow: hidden;height: auto;}
.hideme{display: none;}
@keyframes vbfin {from {visibility: hidden; opacity: 0}to {visibility: visible; opacity: 1;}}
.animatebtn{animation: vbfin 1.5s 1;}
.contpreghn{height: auto;}
#dim1container, #dim2container, #dim3container, #dim4container, #dim5container{overflow: hidden;}
.contApoyo{display: flex;flex-wrap: wrap;width: 100%;color: #666;}
.titleApoyo{width: 100%;}
.sep-apoyo{width: 100%;height: 20px;}
.itemApoyo{width: 50%;font-size: 1.15rem;padding: 10px 0;position: relative;}
.titleficha{margin-left: 40px;}
.bi-file{position: absolute; left: 10px;}
.volver {max-width: 200px;position: relative;margin: auto;}
.volver button{font-weight: 600;background-color: #555;border: none;text-transform: uppercase;padding: 10px;cursor: pointer;}
.dashboard{display: flex;width: 100%;color: #666;margin:0;padding:0;position: relative;}
.dashboarditem{padding: 30px;width: 100%;}
.dashboardritem{padding: 10px;width: 100%;text-align: center;}
.tal{text-align: left;}
.dashboardtab{width: 500px;padding-right:40px;text-align:left;position:relative;right:0;margin-bottom:-20px;background-color:#555;padding:10px;border-radius: 0 0 8px 8px; color:#fff}
[class^=nivel-], [class^=wnivel-]{color: #fff;padding: 5px 20px; max-width: 80px;border-radius: 6px;text-align: center;margin: auto;}
.nivel-nulo, .wnivel-nulo{background-color: #333;}
.nivel-bajo, .wnivel-bajo{background-color: #7f3030;}
.nivel-medio, .wnivel-medio{background-color: #c1b745;}
.nivel-alto, .wnivel-alto{background-color: #268b3f;}
[class^=wnivel-]{max-width: 110px;}
.contvideo{width: 100%;height: 100%;position: relative;}
.closebtn{position: absolute;right: 50px;top: 50px;border-radius: 50px;background-color: #7f3030;color: #fff;height: 50px;width: 50px;line-height: 50px;font-size: 50px;text-align: center;cursor: pointer;z-index: 15;}
.contvideo{display: flex;align-content: center;align-items: center;}
.lockvids{width: 100%;height: 100%;z-index: 10;position: absolute;}
.vidcontrols{position: absolute;top: 80%;z-index: 11;left: 46%;font-size: 3rem;text-align: center;display: flex;}
.vidcontrols .pĺaybtn, .vidcontrols .stopbtn, .vidcontrols .pausebtn{cursor: pointer;position: relative;margin: 5px;}
.particularDTEF{display: none;}
#modalVid video{margin: auto;position: relative;}
.rowpdf{display: flex; align-items: center;}
.rowpdf .bf{font-size: 1.2rem;font-weight: 900;text-align: center;}
.rowpdf .bm{font-size: 1.1rem;font-weight: 900;text-align: center;}
.rowpdf .mj{font-size: 1rem;font-weight: 900;text-align: justify;margin: 5px auto;}
.rowpdfitem{text-align: left;width: 100%;}
.rowpdfitem img{max-width: 150px;}
.w20{width: 25%;}
.pdfmain{max-width: 780px;margin: auto;}
.rowpdf .altitem{width: 14%;}
.pdfmain .tm{font-size: 1.1rem;margin-top: 10px;}
.pdfmain .chart3 canvas{height: 260px; width: 30%;}
.pdfmain .chart3 .rowpdfitem{margin: auto;}
#fgpdf{position: absolute;left: 15%;bottom: 0;}
#fgpdd{position: absolute;left: 60%;bottom: 0;}
#fgpdfc{position: absolute;left: 50%;bottom: 0px;margin-left: -110px;}
.contResultados{width: 100%;padding: 40px;position: relative;top:60px;display: flex;}
.misresf{display: flex;padding: 20px;flex-direction: column;min-width: 33%;max-width: 100%;width: 50%;}
.misresf button{max-width: 200px;cursor: pointer;position: relative;margin: auto;}
.justc{text-align: justify;}
.printbtn{background-color: #fff;border: none; width: 250px;cursor: pointer;color: #666;margin-left: auto;margin-right: 0;}
.bannerlogin{width: 100%;text-align: center;}
.bannerlogin img{width: 100%;height: auto;}
.vidcontainer{position: relative;width: 100%;display: flex;flex-wrap: wrap;border: 2px dotted gray;margin-bottom: 0;border-top: none;}
.vidplayer{width: 80%; padding: 1px;}
.playlist{width: 20%; padding: 10px;max-height: 70vh;overflow-y: auto;}
.playlist img{border: 1px solid gray;}
.thumbvidname{position: absolute;top: 5px;width: 100%;font-size: 0.5rem;text-transform: uppercase;color: #c4d600;background-color: #fff;border: 1px solid gray;padding: 1px 2px;}
.videodone{top: 50%;padding: 0;font-size: 5.6rem;background-color: transparent;line-height: 75px;width: auto;right: 0;border: none;cursor: pointer;}
#contenedorinformativo{filter: grayscale(1);pointer-events: none;}
.vidcontt{width: 100%;position: relative;min-height: 30px;border-radius: 0 0 8px 8px;background-color: #333;color: #fff;text-align: center;font-size: 3rem;margin-bottom: 40px;background-image: url(/img/tresrallitas.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
#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{min-width: fit-content;padding: 30px 30px 20px 20px;background-color: #505050;position: relative;color: #ebede3;border-radius: 3px;}
#message button{position: absolute; right: 0;top: 0;font-size: small;background-color: #4d5216;color: #ebede3;font-weight: bold;cursor:pointer;width: auto;}
/* acordarse de la @fontface montserrat */
#usermanagement-container, #reporteacademia-container {display: none;justify-content: center;align-items: center;min-height: 100vh;min-width: 100%;margin-top: 50px;position: fixed;top: 0;top: 0;z-index: 200;background-color: rgba(255,255,255,0.7);}
#usermanagement,#reporteacademia {padding: 20px;border: 1px solid #ccc;background-color: #f9f9f9;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);min-width: 100%;margin: 20px;}
#usermanagement .container, #reporteacademia .container{width: fit-content;display: flex;}
#usermanagement input[type="text"] {width: 100%;padding: 10px;margin-right: 10px;}
.user-management-header, .fecha-management-header {font-size: 24px;margin-bottom: 15px;}
#fechaSearchForm span{padding: 20px 10px;}
#reporteacademia select{margin-right: 10px;}
#msg{position: fixed;width: fit-content;height: fit-content;background-color: #333;border-radius: 10px;padding: 30px 20px 20px 20px;color: #fff;}
.vflex{display: flex;flex-wrap: wrap; width: fit-content;flex-direction: column;}
.gflex{display: grid;grid-template-columns: 1fr 1fr; gap: 1px;width: fit-content;}
.flex{display: flex;flex-wrap: wrap; gap: 1px;width: fit-content;}
.flex div{width: fit-content;}
.cw100 div{width: 100%;}
.w100{width: 100%;}
#confirmdeletion{text-align: center;display: none;}
.deletionform{max-width: 400px;margin: 20px 40px;}
.deletionform button{background-color: darkred;}
#result{margin: 20px 0;}
#formanio{position: absolute;top: 9px; left: 240px;}
.menuTop{display: flex;}
.menutoggle{margin: 10px 0;display: none;}
.imglogom{width: 220px;background-image: url(/LOGONUEVO.svg);background-repeat: no-repeat;background-position: center;background-size: contain;margin: 0 auto;}
.autolink{width: 100%;display: flex;border: 1px dotted;border-radius: 4px; margin: 5px;padding: 5px;}
.linka{font-size:medium;width: 100%;padding: 10px 5px;} .linkb{border: 1px dotted;border-radius: 4px; margin: 5px;padding: 5px;font-size: large;font-weight: bold;cursor: pointer;position:relative;}
@media screen and (max-width: 1920px) {.dataItem{width: 25%;}}
@media screen and (max-width: 1366px) {.dataItem{width: 33%;}.playlist{max-height: 50vh;}}
@media screen and (max-width: 1024px) {.dataItem{width: 50%;} .menuLeft{position: sticky;min-height: auto;z-index: 100;} .menuTop{width: auto;} .fullcont{flex-flow: column;} .timeLineTop .linemid{width: 45px;} .playlist{max-height: 50vh;}}
@media screen and (max-width: 768px) {.dataItem{width: 50%;}.timeLineTop{overflow-x: auto;}}
@media screen and (max-width: 600px) {
.dataItem{width: 100%;} 
.timeLineTop {height: 130px; overflow-y: hidden;margin-bottom: 0;}
.timeLineTop div:first-child{margin-left: 60px;}
.timeLineTop .linemid{min-width: 10px;}
[id^=dim] .hdmns{display: none;}
.bloqueDimension{flex-wrap: wrap;}
.diagPregunta{width: 100%;flex-grow: 4;text-align: justify;}
.diagOpcionA, .diagOpcionB, .diagOpcionC, .diagOpcionD{width: 25%;flex-grow: 1;margin: 5px 0;padding-top: 40px;}
.diagOpcionA::after{width: 100%; display: block; text-align: center; line-height:20px;font-size:12px;content: 'Siempre';}
.diagOpcionB::after{width: 100%; display: block; text-align: center; line-height:20px;font-size:12px;content: 'Casi Siempre';}
.diagOpcionC::after{width: 100%; display: block; text-align: center; line-height:20px;font-size:12px;content: 'Algunas veces';}
.diagOpcionD::after{width: 100%; display: block; text-align: center; line-height:20px;font-size:12px;content: 'Casi Nunca';}
[class^=diagOpcion] input[type=radio]{width: 100%;}
.nombreDimension{padding:10px 0 10px 20px;font-size: 1rem;}
.misresf{min-width: 100%;}
.contResultados{flex-direction: column;}
.modalfs .msg{padding: 10px 0;width: 100%;}
.vidplayer{width: 100%;}
.playlist{width: 100%;}
.titleApoyo{  font-size: 0.7rem;}
.misresf button {font-size: 0.7rem;}
.titleficha{font-size: 0.7rem;}
.mapoyofix:first-child{margin-left:  20px !important; }
.timeLineTop .start, .timeLineTop .mid, .timeLineTop .end {width: 76px; height: 76px;min-width: 76px;}
.timeLineTop *{background-repeat: no-repeat;background-size: contain;background-position: center;}
.timeLineTop span, .timeLineTop p{top: 90px;left: 0;font-weight: 500;line-height: 1rem; z-index: 2; width: auto;font-size: 0.7rem;}
.timeLineTop .current span, .timeLineTop .done span{color: #666;}
.timeLineTop .linemid{background-color: #ebede3; margin: 35px 0; height: 16px;width: 10px;}
.timeLineTop .dui, .timeLineTop .dci, .timeLineTop .dti, .timeLineTop .mai, .timeLineTop .efi, .timeLineTop .mapi{left: 17px;top: 18px; width: 42px;height: 42px;}
.icodci, .icodti, .icoefi{width: 42px;height: 42px;margin: 20px auto;background-repeat: no-repeat;background-size: contain;}
.menutoggle{display: block;}
.headerObjetivo .obj {padding: 0;}
.tecOpcion input[type="radio"] {transform: scale(1);}
.informefix1{display: none;}
.informefix2{font-size: 1rem !important;}
.informefix3 img{max-width: 90px;}
.fixinformem1{right: 0;} }
@media (prefers-color-scheme: light) {.hdmns{color: #333;} #dashboardDCConsolidado .dashboard, #dashboardDCConsolidado  .dashboardritem{color: #333;} #almsg{color: orange;} .tecnPregunta,.tecOpcion{color: #333;}}
@media (prefers-color-scheme: dark) {
.dashboard, .dashboardritem{color: #bbb;}
.rightContent{background-color: #404040;color: #bbb;border-top: 40px solid #43482c;border-bottom: 20px solid #43482c;}
.menuLeft{background-color: #889a00;}
.timeLineTop .current span, .timeLineTop .done span{color: #ddd;}
.diagcultura .introcultura, .headerObjetivo .obj, .hdmns, .contApoyo, .dataItem label{color: #ddd;}
.modalfs .msg{background-color: #404040;color: #fff;text-align: center;}
#almsg{color: #ffa;}
#usermanagement, #reporteacademia{background-color: #404040;color: #bbb;} }
#tos-ovrly{width: 100vw;height: 100vh;z-index:999999;position: fixed;top: 0;left: 0;padding: auto; transition: all 0.3s linear;}
.tos-bbg{position:absolute;background-color: rgba(128, 128, 128, .6);filter: blur(1px);width: 100vw;height: 100vh;z-index: 1;}
.tos-cont{min-width: 320px;max-width: 800px;margin: auto;position: relative;padding: 10px 20px;height: 100vh;z-index: 2;background-color: rgba(240,240,240,0.90);border-radius: 4px;display: flex;flex-direction: column;overflow: auto;}
.tos-cont label, .tos-cont input[type="checkbox"]{cursor: pointer;}
.tos-cont input[type="checkbox"]{margin-left: 20px;}
.tos-cont label{padding-left: 10px;}
.tos-cont button{background-color: #7f3030;border-radius: 4px;margin:20px 10px;}
.tos-cont #tos-btna{background-color: #739e03;}
.tos-cont button:disabled{filter: grayscale(0.5);opacity: 0.5;}
.tos-vcont{display: flex;flex-direction: column;bottom: 0;margin-top: auto;position: relative;}
.tos-btncont{display: flex;margin-top: auto;}
.tos-text{padding: 10px 20px; margin-bottom: 20px;}