.swal2-container[data-v-21e52670]{font-family:Roboto,sans-serif}.v-overlay--active[data-v-21e52670]{z-index:10!important}.content[data-v-21e52670]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content .loading[data-v-21e52670]{width:80px;height:50px;position:relative}.content .loading p[data-v-21e52670]{top:0;padding:0;margin:0;color:#318a4e;-webkit-animation:text-21e52670 4.5s ease infinite both;animation:text-21e52670 4.5s ease infinite both;font-size:18px;letter-spacing:1px}@-webkit-keyframes text-21e52670{0%{letter-spacing:1px;-webkit-transform:translateX(0);transform:translateX(0)}40%{letter-spacing:2px;-webkit-transform:translateX(26px);transform:translateX(26px)}80%{letter-spacing:1px;-webkit-transform:translateX(32px);transform:translateX(32px)}90%{letter-spacing:2px;-webkit-transform:translateX(0);transform:translateX(0)}to{letter-spacing:1px;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes text-21e52670{0%{letter-spacing:1px;-webkit-transform:translateX(0);transform:translateX(0)}40%{letter-spacing:2px;-webkit-transform:translateX(26px);transform:translateX(26px)}80%{letter-spacing:1px;-webkit-transform:translateX(32px);transform:translateX(32px)}90%{letter-spacing:2px;-webkit-transform:translateX(0);transform:translateX(0)}to{letter-spacing:1px;-webkit-transform:translateX(0);transform:translateX(0)}}.content .loading span[data-v-21e52670]{background-color:#d9e475;border-radius:50px;display:block;height:16px;width:16px;bottom:0;position:absolute;-webkit-transform:translateX(64px);transform:translateX(64px);-webkit-animation:loading-21e52670 4.5s ease infinite both;animation:loading-21e52670 4.5s ease infinite both}.content .loading span[data-v-21e52670]:before{position:absolute;content:"";width:100%;height:100%;background-color:#4ba2d2;border-radius:inherit;-webkit-animation:loading2-21e52670 4.5s ease infinite both;animation:loading2-21e52670 4.5s ease infinite both}@-webkit-keyframes loading-21e52670{0%{width:16px;-webkit-transform:translateX(0);transform:translateX(0)}40%{width:100%;-webkit-transform:translateX(0);transform:translateX(0)}80%{width:16px;-webkit-transform:translateX(64px);transform:translateX(64px)}90%{width:100%;-webkit-transform:translateX(0);transform:translateX(0)}to{width:16px;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes loading-21e52670{0%{width:16px;-webkit-transform:translateX(0);transform:translateX(0)}40%{width:100%;-webkit-transform:translateX(0);transform:translateX(0)}80%{width:16px;-webkit-transform:translateX(64px);transform:translateX(64px)}90%{width:100%;-webkit-transform:translateX(0);transform:translateX(0)}to{width:16px;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes loading2-21e52670{0%{-webkit-transform:translateX(0);transform:translateX(0);width:16px}40%{-webkit-transform:translateX(0);transform:translateX(0);width:80%}80%{width:100%;-webkit-transform:translateX(0);transform:translateX(0)}90%{width:80%;-webkit-transform:translateX(15px);transform:translateX(15px)}to{-webkit-transform:translateX(0);transform:translateX(0);width:16px}}@keyframes loading2-21e52670{0%{-webkit-transform:translateX(0);transform:translateX(0);width:16px}40%{-webkit-transform:translateX(0);transform:translateX(0);width:80%}80%{width:100%;-webkit-transform:translateX(0);transform:translateX(0)}90%{width:80%;-webkit-transform:translateX(15px);transform:translateX(15px)}to{-webkit-transform:translateX(0);transform:translateX(0);width:16px}}.swal2-container{font-family:Roboto,sans-serif}.banner-text{position:absolute;top:60%;left:70%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#00ae49;font-size:20px;text-align:center}#login{position:relative;min-height:100vh;background-color:#e1e8ee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Fira Sans,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.form-structor{background-color:#fff;border-radius:15px;height:550px;width:350px;position:relative;overflow:hidden}.form-structor:after{content:"";opacity:1;position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:0 0;background-size:auto 115%;background-image:url(/new.jpg)}.form-structor .atas{position:absolute;top:60%;left:50%;-webkit-transform:translate(-50%,-50%);width:67%;z-index:5;-webkit-transition:all .3s ease}.form-structor .atas.slide-up{top:5%;-webkit-transform:translate(-50%);-webkit-transition:all .3s ease}.form-structor .atas.slide-up .form-holder,.form-structor .atas.slide-up .submit-btn{opacity:0;visibility:hidden}.form-structor .atas.slide-up .form-title{font-size:1em;cursor:pointer}.form-structor .atas.slide-up .form-title span{margin-right:5px;opacity:1;visibility:visible;-webkit-transition:all .3s ease}.form-structor .atas .form-title{color:#378dc5;font-size:1.7em;text-align:center}.form-structor .atas .form-title span{color:rgba(0,0,0,.4);opacity:0;visibility:hidden;-webkit-transition:all .3s ease}.form-structor .atas .form-holder{border-radius:15px;background-color:#fff;border:1px solid #ddd6d6;overflow:hidden;margin-top:30px;opacity:1;visibility:visible;-webkit-transition:all .3s ease}.form-structor .atas .form-holder .input{border:0;outline:none;-webkit-box-shadow:none;box-shadow:none;display:block;height:40px;line-height:40px;padding:8px 15px;border-bottom:1px solid #eee;width:100%;font-size:18px}.form-structor .atas .form-holder .input:last-child{border-bottom:0}.form-structor .atas .form-holder .input::-webkit-input-placeholder{color:rgba(0,0,0,.4)}.form-structor .atas .submit-btn{background-color:rgba(0,0,0,.4);color:hsla(0,0%,100%,.7);border:0;border-radius:15px;margin:15px auto;padding:15px 0;width:100%;font-size:16px;font-weight:700;cursor:pointer;opacity:1;visibility:visible;-webkit-transition:all .3s ease}.form-structor .atas .submit-btn:hover{-webkit-transition:all .3s ease;transition:all .3s ease;background-color:rgba(0,0,0,.8)}.form-structor .atas #absen{background-color:#0b5b92;opacity:.8;width:49%;margin-right:1%}.form-structor .atas #absen:hover{-webkit-transition:all .3s ease;transition:all .3s ease;background-color:rgba(0,0,0,.8)}.form-structor .atas #detil{background-color:#218839;opacity:.8;width:49%!important;margin-left:1%}.form-structor .atas #detil:hover{-webkit-transition:all .3s ease;transition:all .3s ease;background-color:rgba(0,0,0,.8)}.form-structor .bawah{top:20%;left:0;right:0;bottom:0;z-index:5}.form-structor .bawah,.form-structor .bawah:before{position:absolute;background-color:#fff;-webkit-transition:all .3s ease}.form-structor .bawah:before{content:"";left:50%;top:-20px;-webkit-transform:translate(-50%);width:200%;height:250px;border-radius:50%;z-index:4}.form-structor .bawah .center{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);width:67%;z-index:5;-webkit-transition:all .3s ease}.form-structor .bawah .center .form-title{color:#000;font-size:1.7em;text-align:center}.form-structor .bawah .center .form-title span{color:rgba(0,0,0,.4);opacity:0;visibility:hidden;-webkit-transition:all .3s ease}.form-structor .bawah .center .form-holder{border-radius:15px;background-color:#fff;border:2px solid #eee;overflow:hidden;margin-top:50px;opacity:1;visibility:visible;-webkit-transition:all .3s ease}.form-structor .bawah .center .form-holder .input{border:0;outline:none;-webkit-box-shadow:none;box-shadow:none;display:block;height:40px;line-height:40px;padding:8px 15px;border-bottom:1px solid #eee;width:100%;font-size:18px}.form-structor .bawah .center .form-holder .input:last-child{border-bottom:0}.form-structor .bawah .center .form-holder .input::-webkit-input-placeholder{color:rgba(0,0,0,.4)}.form-structor .bawah .center .submit-btn{background-color:#6b92a4;color:hsla(0,0%,100%,.7);border:0;border-radius:15px;display:block;margin:15px auto;padding:15px 45px;width:100%;font-size:13px;font-weight:700;cursor:pointer;opacity:1;visibility:visible;-webkit-transition:all .3s ease}.form-structor .bawah .center .submit-btn:hover{-webkit-transition:all .3s ease;transition:all .3s ease;background-color:rgba(0,0,0,.8)}.form-structor .bawah.slide-up{top:90%;-webkit-transition:all .3s ease}.form-structor .bawah.slide-up .center{top:20%;-webkit-transform:translate(-50%);-webkit-transition:all .3s ease}.form-structor .bawah.slide-up .form-holder,.form-structor .bawah.slide-up .submit-btn{opacity:0;visibility:hidden;-webkit-transition:all .3s ease}.form-structor .bawah.slide-up .form-title{font-size:1em;margin:0;padding:0;cursor:pointer;-webkit-transition:all .3s ease}.form-structor .bawah.slide-up .form-title span{margin-right:5px;opacity:1;visibility:visible;-webkit-transition:all .3s ease}::-webkit-input-placeholder{text-transform:none}.captcha{background-color:#f9f9f9;border:2px solid #d3d3d3;border-radius:15px;color:#4c4a4b;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:1}@media screen and (max-width:500px){.captcha{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.text{margin:.5em!important;text-align:center}.logo{-ms-flex-item-align:center!important;align-self:center!important}.spinner{margin:2em .5em .5em .5em!important}}.text{font-size:1em;font-weight:500;margin-right:1em}.spinner{position:relative;width:2em;height:2em;display:-webkit-box;display:-ms-flexbox;display:flex;margin:2em 1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}input[type=checkbox]{position:absolute;opacity:0;z-index:-1}input[type=checkbox]+.checkmark{display:inline-block;width:2em;height:2em;background-color:#fcfcfc;border:2.5px solid #c3c3c3;border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}input[type=checkbox]+.checkmark span{content:"";position:relative;margin-top:-3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.75em;height:1.2em;opacity:0}input[type=checkbox]+.checkmark>span:after{content:"";position:absolute;display:block;height:3px;bottom:0;left:0;background-color:#029f56}input[type=checkbox]+.checkmark>span:before{content:"";position:absolute;display:block;width:3px;bottom:0;right:0;background-color:#029f56}input[type=checkbox]:checked+.checkmark{-webkit-animation:spin 2s forwards;animation:spin 2s forwards}input[type=checkbox]:checked+.checkmark>span{-webkit-animation:fadein 1s 1.9s forwards;animation:fadein 1s 1.9s forwards}input[type=checkbox]:checked+.checkmark>span:after{-webkit-animation:bottomslide .3s 2s forwards;animation:bottomslide .3s 2s forwards}input[type=checkbox]:checked+.checkmark>span:before{-webkit-animation:rightslide .5s 2.2s forwards;animation:rightslide .5s 2.2s forwards}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes bottomslide{0%{width:0}to{width:100%}}@keyframes bottomslide{0%{width:0}to{width:100%}}@-webkit-keyframes rightslide{0%{height:0}to{height:100%}}@keyframes rightslide{0%{height:0}to{height:100%}}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-ms-flex-item-align:end;align-self:flex-end;margin:.5em 1em}.logo img{height:1.5em;width:1.5em}.logo p{color:#9d9ba7;font-size:.75em;font-weight:700;margin:.3em 0 .2em 0}.logo small{color:#9d9ba7;margin:0;font-size:.8em}@-webkit-keyframes spin{10%{width:0;height:0;border-width:6px}30%{width:0;height:0;border-radius:50%;border-width:1em;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#c7daf5}50%{width:2em;height:2em;border-radius:50%;border-width:4px;border-color:#c7daf5;border-right-color:#5998ef}70%{border-width:4px;border-color:#c7daf5;border-right-color:#5998ef}90%{border-width:4px}to{width:2em;height:2em;border-radius:50%;-webkit-transform:rotate(2turn);transform:rotate(2turn);border-color:transparent}}@keyframes spin{10%{width:0;height:0;border-width:6px}30%{width:0;height:0;border-radius:50%;border-width:1em;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color:#c7daf5}50%{width:2em;height:2em;border-radius:50%;border-width:4px;border-color:#c7daf5;border-right-color:#5998ef}70%{border-width:4px;border-color:#c7daf5;border-right-color:#5998ef}90%{border-width:4px}to{width:2em;height:2em;border-radius:50%;-webkit-transform:rotate(2turn);transform:rotate(2turn);border-color:transparent}}::selection{background-color:transparent;color:teal}::-moz-selection{background-color:transparent;color:teal}.btn-cancel-red{background-color:#e82828!important;color:#fff!important}