@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main-container{padding:30px 40px;background:#fff;border-radius:10px}.main-container[data-page=Login]{height:100%}.main-container[data-page=Forgot]{height:auto}.main-switch-btn{width:100%;margin-bottom:30px}.main .main-switch-btn Link{font-weight:500}.switch-active{background:#3f51b5!important;color:#fff!important;font-weight:700!important}.switch-btn-login,.switch-btn-register{border:2px solid #3f51b5;height:25px;transition:background .5s,color .5s,padding-right .5s,padding-left .5s;padding:1px;font-size:12px}.switch-btn-login{border-radius:15px 0 0 15px;color:#3f51b5}.switch-btn-login:hover{color:#fff;background:#3f51b5;font-weight:700;padding-left:10px}.switch-btn-register{border-radius:0 15px 15px 0;color:#3f51b5}.switch-btn-register:hover{color:#fff;background:#3f51b5;font-weight:700;padding-right:10px}.main-form input[type=email],input[type=password],input[type=text]{height:40px;font-size:12px}.rbt input{padding:0 1rem}.main-form label{font-weight:700;margin-bottom:.3rem}.main-form .form-check label,.main-form label{font-size:12px;color:#505254;cursor:pointer}.main-form .forgot-password{font-size:12px;text-align:right;padding:5px 3px;font-weight:700}.main-form button[type=submit]{background:#3f51b5;color:#fff;border-radius:30px;height:40px;font-weight:700;transition:font-weight .5;transition:background .5s;font-size:14px}.main-form button[type=submit]:hover{background:#3f51b5}.main-link{font-weight:700}.input-password{position:relative}.input-password .input-group-append{right:0;position:absolute}.input-password .input-group-text{border-radius:0 .25rem .25rem 0;height:40px;background:transparent;border:transparent}.form-check-input:checked{background-color:#4caf50;border-color:#4caf50}.auth-describe h5{font-weight:700}.auth-describe p{font-size:13px}.toggle-password{background:#fff;border-left:none}.form-title h5{font-size:26px;font-weight:700;margin-bottom:0}.form-title p{font-size:13px}span[data-testid=not-have-account]{font-size:13px;color:#505254}.link{text-decoration:none;transition:color .5s ease-in-out;font-weight:700}.link,.link:hover{color:#4caf50}.back{font-size:13px}@media (max-width:767px){.main-container{padding:30px;margin-bottom:3rem}.switch-btn-login,.switch-btn-register{height:30px;padding:4px}.auth-describe{display:none}}.footer{background:transparent;padding-bottom:8px;z-index:99999;position:absolute}.footer-list{flex-wrap:wrap;align-self:center;margin-bottom:0;justify-content:center}.footer-list li{margin:0 10px;min-width:-webkit-max-content;min-width:max-content}.footer-link{color:#fff;font-size:13px;text-decoration:none}.footer-link:hover{color:#fff;font-weight:700;text-decoration:underline}.copyright{font-size:13px;text-align:center;color:#fff;font-weight:700;justify-content:center}@media (max-width:991px){.footer-list{min-width:-webkit-max-content;min-width:max-content}.copyright,.footer-list{justify-content:center}}@media (max-width:767px){.footer{display:none}.footer-list{justify-content:center;flex-wrap:wrap}.footer-list,.footer-list .footer-link{min-width:-webkit-max-content;min-width:max-content}.footer-list .footer-link{font-size:12px}.footer-list li{text-align:center;min-width:-webkit-max-content;min-width:max-content}.copyright{font-size:11px;justify-content:center}.footer .link-list{display:none!important}}.hero-background{min-height:100vh;background-size:cover;background-position:100% 68%;background-repeat:no-repeat;position:fixed}.hero{background:transparent;min-height:100vh;margin:0;position:relative;z-index:2}.hero .content-container{display:flex;padding:15vh 10vh;min-height:100vh}.hero .content-container .left-side{height:435px;display:flex;flex-direction:column;align-content:space-between;flex-wrap:wrap}.hero h1{font-weight:700}.hero .logo img{width:90px;height:90px}.hero h5{font-size:1.75rem}.hero .left-side .title-container{width:88%;height:100%;display:flex;flex-direction:column}.hero .right-side{position:relative;overflow-y:scroll}.hero .right-side[data-page=Login]{min-height:435px}.hero .right-side[data-page=Forgot]{height:435px;display:flex;flex-direction:column;justify-content:flex-end}.right-side::-webkit-scrollbar{display:none}.slogan{text-align:justify;font-family:"PT Sans",sans-serif;font-weight:300;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-end;height:100%}.slogan p{font-size:1.7rem;margin-bottom:0;font-weight:300;line-height:normal}.data-container{padding:5vh 25vh;width:100%;color:#fff}.mr-3{margin-right:15px!important}.border{border:1px solid #fff}.logo-title{display:none}.header{display:flex;justify-content:space-evenly;font-size:100%;padding-top:20px;padding-right:50px}.login{height:35px;margin-top:15px;padding:5px 40px;cursor:pointer;color:#fff;background:#3f51b5;border-radius:50px}.login2,.logo2{display:none}@media (max-width:991px){.hero .content-container{padding:5vh;min-height:60vh;text-align:center}.hero h1{font-size:1.7rem}.hero h5{font-size:1.5rem}.slogan p{font-size:1.3rem}.hero .content-container .left-side{align-self:center}.hero .left-side .title-container{position:relative;width:85%}.hero .right-side{position:relative;align-self:center}.slogan{margin-top:5vh;text-align:justify}.data-container{padding:0 5vh}}@media (max-width:767px){.hero .content-container{display:block;padding:20px}.logo{display:none}.logo2{display:block}.login{display:none}.login2{display:block;height:35px;padding:5px 40px;cursor:pointer;color:#fff;background:#3f51b5;border-radius:50px}.header{padding-top:5px;padding-right:5px}.hero .right-side[data-page=Forgot],.hero .right-side[data-page=Login],.hero .right-side[data-page=Register],.main-container[data-page=Login]{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.hero .right-side[data-page=Forgot]{justify-content:flex-start}.hero .left-side[data-page=Forgot],.hero .left-side[data-page=Login],.hero .left-side[data-page=Register]{display:none}.title{font-size:50%}.slogan{text-align:justify}.deskripsi{width:70%}.data-container{padding:0;flex-direction:column}.logo{margin-right:10px}.logo-title{display:flex;color:#fff;justify-content:center}.logo-title .logo img{width:75px;height:75px}.logo-title .deskripsi{margin-left:10px}.logo-title h2{font-weight:700;font-size:20px;margin:0}}.error-notfound img{height:300px;width:300px}.error-notfound button{transition:background-color .5s,color .5s}.error-notfound button:hover{background-color:#303f9f;color:#fff}@media (max-width:767px){.error-notfound{padding:10px}}body{margin:0;font-family:-apple-system,nunito;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}body::-webkit-scrollbar{width:8px;background-color:#f5f5f5}body::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#2a4458}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.paper{background:transparent}.bold{font-weight:700}section{width:100%;height:100%;min-height:100vh}.loading-container{font-size:13px}.loading{height:14px;width:14px}.invalid-feedback{padding-left:5px;font-size:13px}.show-hide{background:transparent;border:none}.icon-btn{cursor:pointer}.form-control.is-invalid,.was-validated .form-control:invalid{background-image:none}
/*# sourceMappingURL=main.87ec1238.chunk.css.map */