html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--white:#fff;--white-dark:#f3f3f3;--white-mode:var(--white);--dark:#133e59;--dark-mode:var(--dark);--main:#1a936f;--main-mode:var(--main);--main-dark:#147c5d}body *{-webkit-touch-callout:none;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}blockquote,pre,code,input,textarea,main article *{-webkit-touch-callout:text;-khtml-user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background-color:var(--white-dark)}::-webkit-scrollbar-thumb{background:var(--main);-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--main)}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{background:var(--white);color:var(--white-dark);font-family:'Poppins',sans-serif;min-height:100vh;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper{display:block;position:relative;max-width:1050px;margin:auto}.wrapper.login,.loginwrap,.loginwrap .logo,.loginwrap .kiri .form-group{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.wrapper.login{min-height:-webkit-calc(100vh - 40px);min-height:-moz-calc(100vh - 40px);min-height:calc(100vh - 40px)}.loginwrap{background:var(--white);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:40px auto;-webkit-box-shadow:2px 4px 16px rgba(0,0,0,.25);-moz-box-shadow:2px 4px 16px rgba(0,0,0,.25);box-shadow:2px 4px 16px rgba(0,0,0,.25)}.loginwrap .kanan,.loginwrap .kiri{margin:auto;color:var(--dark);min-width:340px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.loginwrap .kanan{padding:15px}.loginwrap .logo{text-decoration:none;margin:10px auto 20px;max-width:240px;padding:10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:var(--dark)}.loginwrap .kanan img{max-width:320px;width:100%;height:auto;display:block;margin:auto}.loginwrap .logo img{width:50px;height:auto;margin:0}.loginwrap .logo .text{color:var(--dark);text-decoration:none;max-width:140px;font-size:24px;font-weight:700;letter-spacing:.5px;margin:auto 0 auto 20px}.loginwrap .kiri{background:var(--main);text-align:center;padding:15px 15px 15px 25px}.loginwrap .kiri form{margin:auto}.loginwrap h1{color:var(--white);letter-spacing:1px;font-size:28px}.loginwrap .icon{color:var(--main);margin:auto;padding:10px 15px;font-size:22px;background:var(--white);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.loginwrap .input-field{display:block;margin:auto 15px;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);width:80%}.loginwrap .form-group:not(:first-of-type){margin:17px auto}.loginwrap .kiri a{color:var(--white);display:block;max-width:60px;margin:0 auto 15px}.alert{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 24px;color:var(--white-mode);text-align:center;display:inline-block;max-width:320px}.alert i{margin-right:5px}.alert-danger{border:1px solid #cc0001;background-color:#ff909b}.alert-success{border:1px solid #007e34;background-color:#01c851}.btn{background-color:var(--white);color:var(--main-mode);padding:10px 24px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;text-decoration:none;cursor:pointer;font-weight:600;letter-spacing:1.2px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:none;border:none;margin:10px auto 18px}.btn:link,.btn:visited,.btn,.icon:link,.icon:visited,.icon{-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in}.btn:hover,.icon:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.2);-moz-box-shadow:0 10px 20px rgba(0,0,0,0.2);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.btn:active,.icon:active{-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)}.btn,.icon{-webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,.25);-moz-box-shadow:0 10px 20px -10px rgba(0,0,0,.25);box-shadow:0 10px 20px -10px rgba(0,0,0,.25)}.input-field{position:relative;margin:15px 0}.input-field input,.input-field textarea{padding:15px 0;display:block;width:100%;border:none;color:var(--white);background:var(--main);font-size:16px;font-weight:500;letter-spacing:.5px;border-bottom:1px solid #ddd}.input-field input:focus,.input-field textarea:focus{outline:none}.input-field label{color:var(--white);position:absolute;pointer-events:none;left:0;top:18px;font-weight:700;letter-spacing:.75px;font-size:16px;-webkit-transition:.2s ease all;-o-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}.input-field input:focus~label,.input-field input:valid~label,.input-field textarea:focus~label,.input-field textarea:valid~label{top:-10px;font-size:12px;font-weight:400;color:var(--main-mode)}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:var(--white);-webkit-transition:.2s ease all;-o-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}.bar:before{left:50%}.bar:after{right:50%}.input-field input:focus~.bar:before,.input-field input:focus~.bar:after,.input-field textarea:focus~.bar:before,.input-field textarea:focus~.bar:after{width:50%}.highlight{position:absolute;height:50%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.input-field input:focus~.highlight,.input-field textarea:focus~.highlight{-webkit-animation:inputHighlighter .3s ease;-moz-animation:inputHighlighter .3s ease;-o-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}.input-field input:focus~label,.input-field input:valid~label,.input-field textarea:focus~label,.input-field textarea:valid~label{top:-12px;font-size:13px;color:var(--white)}.area{background:var(--white-dark);width:100%;height:100vh;position:fixed;z-index:-1}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(0,0,0,0.1);-webkit-animation:animate 25s linear infinite;-moz-animation:animate 25s linear infinite;-o-animation:animate 25s linear infinite;animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}.circles li:nth-child(2){left:10%;width:20px;height:20px;-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:12s;-moz-animation-duration:12s;-o-animation-duration:12s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-duration:18s;-moz-animation-duration:18s;-o-animation-duration:18s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}.circles li:nth-child(6){left:75%;width:110px;height:110px;-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;-webkit-animation-delay:7s;-moz-animation-delay:7s;-o-animation-delay:7s;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;-webkit-animation-delay:15s;-moz-animation-delay:15s;-o-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:45s;-moz-animation-duration:45s;-o-animation-duration:45s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:35s;-moz-animation-duration:35s;-o-animation-duration:35s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-duration:11s;-moz-animation-duration:11s;-o-animation-duration:11s;animation-duration:11s}.btn-group{margin:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.btn-group .btn{margin:12px}.spinner{-webkit-animation:rotation 1.35s linear infinite;-moz-animation:rotation 1.35s linear infinite;-o-animation:rotation 1.35s linear infinite;animation:rotation 1.35s linear infinite;display:none;stroke:var(--white)}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-moz-keyframes rotation{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg)}}@-o-keyframes rotation{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}}.circle{stroke-dasharray:180;stroke-dashoffset:0;-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center;-webkit-animation:turn 1.35s ease-in-out infinite;-moz-animation:turn 1.35s ease-in-out infinite;-o-animation:turn 1.35s ease-in-out infinite;animation:turn 1.35s ease-in-out infinite}@-webkit-keyframes turn{0%{stroke-dashoffset:180}50%{stroke-dashoffset:45;-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:180;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@-moz-keyframes turn{0%{stroke-dashoffset:180}50%{stroke-dashoffset:45;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:180;-webkit-transform:rotate(450deg);-moz-transform:rotate(450deg);transform:rotate(450deg)}}@-o-keyframes turn{0%{stroke-dashoffset:180}50%{stroke-dashoffset:45;-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:180;-webkit-transform:rotate(450deg);-o-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes turn{0%{stroke-dashoffset:180}50%{stroke-dashoffset:45;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:180;-webkit-transform:rotate(450deg);-moz-transform:rotate(450deg);-o-transform:rotate(450deg);transform:rotate(450deg)}}@-webkit-keyframes animate{0%{opacity:1;-webkit-border-radius:0;border-radius:0}100%{-webkit-transform:translateY(-1000px) rotate(720deg);transform:translateY(-1000px) rotate(720deg);opacity:0;-webkit-border-radius:50%;border-radius:50%}}@-moz-keyframes animate{0%{opacity:1;-moz-border-radius:0;border-radius:0}100%{-moz-transform:translateY(-1000px) rotate(720deg);transform:translateY(-1000px) rotate(720deg);opacity:0;-moz-border-radius:50%;border-radius:50%}}@-o-keyframes animate{0%{opacity:1;border-radius:0}100%{-o-transform:translateY(-1000px) rotate(720deg);transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}@keyframes animate{0%{opacity:1;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}100%{-webkit-transform:translateY(-1000px) rotate(720deg);-moz-transform:translateY(-1000px) rotate(720deg);-o-transform:translateY(-1000px) rotate(720deg);transform:translateY(-1000px) rotate(720deg);opacity:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}}@media only screen and (max-width: 1080px){.wrapper{max-width:96%}}@media only screen and (min-width: 840px){.loginwrap .kiri{height:430px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.loginwrap .form-group{margin:40px auto!important}.loginwrap .kiri a{margin:0 auto 20px}}@media only screen and (max-width: 425px){.loginwrap{margin:15px auto}.loginwrap .kanan,.loginwrap .kiri{min-width:220px}}@media only screen and (max-width: 840px){.loginwrap{max-width:400px}.loginwrap .kiri{padding:14px}}@media only screen and (max-width: 375px){.wrapper{max-width:90%}}.waves-effect{cursor:pointer}.has-ripple{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ripple{display:block;position:absolute;pointer-events:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform:scale(0);-o-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);background:#fff;opacity:1}.ripple-animate{-webkit-animation:ripple;-o-animation:ripple;-moz-animation:ripple;animation:ripple}@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2);transform:scale(2)}}@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2);transform:scale(2)}}@keyframes ripple{100%{opacity:0;-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2)}}