.background{height:100%;position:absolute;width:100%;z-index:-3}.background-container{align-items:center;border-radius:10px;display:flex;height:calc(97vh - 50px);justify-content:space-evenly;left:calc(1vw + 25px);position:absolute;top:calc(1.5vh + 25px);transition:all .5s ease;width:calc(98vw - 50px);z-index:-2}.dyone-stamp{bottom:.7vh;display:flex;position:absolute;right:calc(1vw + 25px)}.dyone-stamp h3{font-size:3vh}.dyone-stamp h5{padding-right:.2vw;padding-top:1.2vh}@media only screen and (max-width:400px){.background{border-radius:0;height:100vh;left:0;top:0;width:100vw}}.brand{align-items:center;display:flex;margin-top:2vh;width:-webkit-max-content;width:max-content}.brand img{margin:3vh 3vw;width:calc(2vw + 30px)}.brand h3{font-size:calc(1vw + 30px)}button{cursor:pointer}.action-button{align-items:center;border-radius:15px;box-shadow:0 2px 4px rgba(0,0,0,.11),5px 5px 20px #5c94c91b;display:flex;justify-content:center;padding:2vh 4vw;transition:width .7s,height .7s,-webkit-transform .25s;transition:width .7s,height .7s,transform .25s;transition:width .7s,height .7s,transform .25s,-webkit-transform .25s}.action-button h3{font-family:Cabin;font-size:calc(1vw + 10px);font-style:normal;font-weight:600;letter-spacing:.1em;line-height:24px}.primary h3{color:#fff}.secondary{background-color:#fff}.secondary h3{color:#000}.small h3{font-size:calc(.7vw + 5px);font-weight:300}.small{border-radius:10px;padding:.3vh 1.2vw}.header-landing{border-bottom:1px solid #000;height:13vh;width:100vw}.content-landing{background-image:url(https://img.freepik.com/fotos-premium/fondo-molecula-cientifica-ondas-flujo-medicina-ciencia-tecnologia-quimica-fondo-pantalla_230610-906.jpg);background-size:cover;display:flex;height:79.1vh;justify-content:space-between}.content-landing div{align-items:center;display:flex;flex-direction:column;width:40vw}.footer-landing{background-color:#000;display:flex;justify-content:space-around;padding:3vh 0}.footer-landing h5{color:azure}.main-button{background-color:#fff;border-radius:10px;cursor:pointer;display:flex;height:15vh;margin:0;transition:width .7s,height .7s,-webkit-transform .25s;transition:width .7s,height .7s,transform .25s;transition:width .7s,height .7s,transform .25s,-webkit-transform .25s;width:38vw}.main-button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.color-0{box-shadow:0 2px 4px rgba(0,0,0,.11),5px 5px 20px #5c94c91b}.color-1{box-shadow:0 2px 4px rgba(245,145,78,.25),5px 5px 20px rgba(245,145,78,.25)}.color-1,.color-2{-webkit-transform:scale(1.05);transform:scale(1.05)}.color-2{box-shadow:0 2px 4px rgba(46,109,162,.25),5px 5px 20px rgba(59,134,191,.3)}.color-3{box-shadow:0 2px 4px rgba(208,87,87,.25),5px 5px 20px rgba(208,87,87,.25);-webkit-transform:scale(1.05);transform:scale(1.05)}.main-button .left{width:9vw}.main-button .left,.main-button .right{align-items:center;display:flex;height:15vh;justify-content:center}.main-button .right{width:27vw}.main-button img{margin-left:-.5vw;width:5vw}.main-button h3{font-size:3vw;transition:font-size 1s}@media only screen and (max-width:800px){.main-button .left{display:none}.main-button h3{font-size:4vw!important}.main-button .right{align-items:center;display:flex;height:15vh;justify-content:center;width:50vw}.main-button{width:50vw}}@media only screen and (max-width:400px){.main-button h3{font-size:7vw!important}.main-button,.main-button .right{width:70vw}}.header-main{border-bottom:1px solid #000;height:13vh;width:100vw}.content-main{background-image:url(https://img.freepik.com/fotos-premium/fondo-molecula-cientifica-ondas-flujo-medicina-ciencia-tecnologia-quimica-fondo-pantalla_230610-906.jpg);background-size:cover;display:flex;height:79.1vh;justify-content:space-between}.content-main div{align-items:center;display:flex;flex-direction:column;width:70vw}.footer-main{background-color:#000;display:flex;justify-content:space-around;padding:3vh 0}.footer-main h5{color:azure}.profile-notshown{position:absolute;right:0;top:0}.profile-notshown .data{align-items:center;display:flex;font-size:20px;justify-content:center;margin:5vh calc(15px + 2vw)}.profile-notshown .data h4{margin-right:10px}.profile-shown{background-color:rgba(0,0,0,.3);border-radius:10px;display:flex;height:100%;justify-content:space-between;position:absolute;right:0;top:0;transition:all .5s ease;width:100%}.profile-shown .data{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:slidein;animation-name:slidein;background-color:#fff;border-radius:0 10px 10px 0;display:flex;flex-direction:column;height:100%;width:calc(10vw + 300px)}.profile-shown .back{height:100%;width:calc(88vw - 350px)}.profile-shown .data a img{left:10px;position:relative;top:10px;width:40px}.profile-shown .data div img{height:20vh;left:calc(5vw + 150px - 10vh);position:relative;top:10vh}.profile-shown .data h4{font-size:4vh;top:14vh}.profile-shown .data h4,.profile-shown .data p{margin:auto;position:relative;width:-webkit-max-content;width:max-content}.profile-shown .data p{top:15vh}.profile-shown .data h5{font-size:3vh;margin:auto;position:relative;top:34vh;width:-webkit-max-content;width:max-content}.signout{border-radius:5px;left:calc(8vw + 30px);position:relative;top:30vh}@-webkit-keyframes slidein{0%{width:0}to{width:calc(10vw + 300px)}}@keyframes slidein{0%{width:0}to{width:calc(10vw + 300px)}}.main-container .header{display:flex;height:16vh;justify-content:space-between;margin-bottom:1vh;width:calc(98vw - 50px)}.main-container .content{align-items:center;display:flex;flex-direction:column;height:calc(75vh - 50px);justify-content:space-evenly;margin-bottom:5vh;width:calc(85vw - 50px)}.input{margin:0 15px;padding-top:1vh;position:relative;width:100%}.input input{background:transparent;border:none;border-bottom:1px solid #000;color:#000;font-size:calc(1vh + 10px);outline:none;padding:1vh 0 5px 5px;width:calc(100% - 5px)}.input label{color:#000;left:5px;padding:10px 0;pointer-events:none;position:absolute;transition:.5s}.input input:focus~label,.input input:valid~label{color:#0c1213;font-size:12px;left:0;padding:0;top:-5px}.input input:-webkit-autofill,.input input:-webkit-autofill:focus{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}.select{align-items:center;border:none;margin:-5px 15px;padding-bottom:-20px}.select label{color:#0c1213;font-size:12px;padding:10px 0 5px 5px}.select select{border-bottom:1px solid #000;padding-bottom:10px;padding-top:5px}.test-container{height:100%;width:100%}.card-student{display:flex;margin-right:5vw;margin-top:5vh}.card-student .left{align-items:center;display:flex;flex-direction:column;font-size:2vw;justify-content:center;width:15vw}.card-student .left img{width:12vw}.card-student .right{align-items:center;display:flex;flex-direction:column;font-size:2.2vw;height:100%;justify-content:center;margin:0 5vh}.card-student .sello{left:60vw;position:absolute;top:63vh;-webkit-transform:rotate(-25deg);transform:rotate(-25deg);width:25vw;z-index:1}.card-student .sello img{width:100%}.signin{align-items:center;background-color:#fff;border-radius:0 10px 10px 0;display:flex;flex-direction:column;height:calc(97vh - 50px);justify-content:center;overflow:hidden;position:absolute;right:0;transition:all .5s ease;width:0}.signin-shown{width:calc(10vw + 300px)}.signin h2{font-size:calc(1vw + 30px)}.signin p{margin-bottom:2vh}.form-signin,.form-signin .inputs{align-items:center;display:flex;flex-direction:column}.form-signin .inputs{height:25vh;justify-content:space-around;width:calc(6vw + 250px)}.form-signin .button-submit{margin-top:4vh}.error{color:red;margin-bottom:1vh;margin-top:1vh}.loading{margin-top:2vh}.main-secretary-notshown,.main-secretary-shown{display:flex;height:100%;justify-content:center}.secretary-buttons{align-items:center;display:flex;flex-direction:column;height:calc(100% - 14vh);justify-content:space-evenly;margin-bottom:7vh;margin-top:7vh}.main-secretary-shown .secretary-buttons{left:0;position:absolute;width:calc(88vw - 350px)}.createStudent{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin:0}.inputs{display:flex;justify-content:space-between;padding:0 3vw}.buttons{padding-bottom:1vh;padding-top:1vh}.row{height:-webkit-max-content;height:max-content;justify-content:space-evenly;width:100%}.col,.row{display:flex}.col{flex-direction:column;height:50vh;justify-content:space-between;padding:.5vh 2vw}.createStudent .payments{width:50%}.notfound img{width:50vw}.items .action,.items .names,.items .surnames{padding:.2vh 1.5vw}.items .title{padding:.5vh 0}.items .title h4{font-size:calc(1vw + 10px)}.scroll{height:60vh;overflow-y:scroll}.second{background-color:#fff;border-radius:10px;cursor:pointer;display:flex;height:15vh;margin-left:7vw;transition:width .7s,height .7s,-webkit-transform .25s;transition:width .7s,height .7s,transform .25s;transition:width .7s,height .7s,transform .25s,-webkit-transform .25s}.second:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.second .right{align-items:center;display:flex;justify-content:center}.second h3{font-size:3vw;padding:10px 50px;transition:font-size 1s}.attendance-title{border-bottom:2px solid;width:90%}.attendance-title h1{font-size:5vh;padding-left:1vw;width:100%}.adelante,.atras{width:3vw}.atras{-webkit-transform:rotate(180deg);transform:rotate(180deg)}*{border:none;color:#000;margin:0;outline:none;padding:0;text-decoration:none}#root,body{height:100vh;width:100vw}.main-container{flex-wrap:wrap;height:calc(97vh - 50px);justify-content:center;left:calc(1vw + 25px);position:absolute;top:calc(1.5vh + 25px);width:calc(98vw - 50px)}.main-container,.v-container{align-items:center;display:flex;flex-direction:column}.h-container{align-items:end;display:flex;flex-direction:row;justify-content:space-around;width:100%}a{cursor:pointer;display:block;width:-webkit-max-content;width:max-content}.none-color{background-color:#bcbcbc}.heavy-none-color{background-color:#858585}.ligth-none-color{background-color:#f1f1f1}.shadow-none-color{box-shadow:0 2px 4px rgba(0,0,0,.11),5px 5px 40px hsla(0,0%,75%,.25)}.selected-none-color{box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 4px hsla(0,0%,64%,.15),5px 5px 20px hsla(0,0%,75%,.35);-webkit-transform:scale(1.05);transform:scale(1.05)}.Ciencias-color{background-color:#fcc4ab}.heavy-Ciencias-color{background-color:#ed6a2d}.ligth-Ciencias-color{background-color:#fffaf6}.shadow-Ciencias-color{box-shadow:0 2px 8px rgba(0,0,0,.1),5px 5px 30px rgba(248,166,90,.35)}.selected-Ciencias-color{box-shadow:0 2px 4px rgba(0,0,0,.05),0 2px 4px rgba(255,126,52,.15),5px 5px 25px rgba(255,134,47,.35);-webkit-transform:scale(1.05);transform:scale(1.05)}.disabled-Ciencias-color{box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:default}.disabled-Ciencias-color:hover{-webkit-transform:scale(1);transform:scale(1)}.Cimas-color{background-color:#f9d0d0}.heavy-Cimas-color{background-color:#cb4747}.ligth-Cimas-color{background-color:#fff6f7}.shadow-Cimas-color{box-shadow:0 2px 4px rgba(0,0,0,.1),4px 4px 20px rgba(201,92,92,.25)}.selected-Cimas-color{box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 4px rgba(208,87,87,.15),5px 5px 20px rgba(208,87,87,.35);-webkit-transform:scale(1.05);transform:scale(1.05)}.disabled-Cimas-color{box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:default}.disabled-Cimas-color:hover{-webkit-transform:scale(1);transform:scale(1)}
/*# sourceMappingURL=main.426a65d7.css.map*/