/*!
 * Package Of Auth v1.0.0
 * Copyright DanCodev Authors (https://www.dmcom.id/)
 */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input, select, textarea:focus{outline:0}body{background-color:#f6f6f6;color:#242424;font-family:'Poppins',sans-serif,Arial,Helvetica;margin:0;font-size:13px;line-height:1.5;font-weight:400;font-style:normal}::-moz-selection{background:#43b4f9;color:#fff}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{box-shadow:inset 0 0 1px #fff;background:#f0f0f0}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#f0f0f0}fieldset{margin:0;padding:0;border:0}input[type=datetime-local],input[type=datetime],input[type=date],input[type=time],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{background-color:#fff;color:#6c757d;display:block;width:100%;height:38px;max-width:100%;padding:8px 12px;font-size:14px;font-weight:500;letter-spacing: 0.05rem;border-radius:3px;border:1px solid #e9e9e9}h1,h2,h3,h4,h5,h6{position:relative;font-family:'Open Sans',Arial,Helvetica,sans-serif;color:#3C4858;margin:0 0 10px 0;padding:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:28px;line-height:1.6}h2{font-size:22px;line-height:1.5}h3{font-size:18px;line-height:1.5}h4{font-size:16px;line-height:1.3}h5{font-size:14px;line-height:22px}h6{font-size:12px;line-height:1.2}h1,h2,h3{font-weight:500}h4{font-weight:400}h3,h5,h6{font-weight:300}p{margin:0 0 1rem 0}p img{margin:0}em{font-style:italic}strong{font-weight:700}small{font-size:80%}a{outline:0;color:#c24a25;text-decoration:none;transition:all .2s}a:focus,a:hover{color:#3b5998}p a,p a:visited{line-height:inherit}.bg_wrap{width:100%;overflow:hidden}.bg_wrap::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgb(0 0 0 / 55%)}.bg_wrap.transparent::before{background:transparent}.bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-attachment:scroll;background-position:center;background-repeat:repeat;background-origin:content-box}.bg.contain,.ratiobox.contain{background-size:contain}.bg.no-repeat{background-repeat:no-repeat}.bg.fixed{background-attachment:fixed}#page_wrap{display:flex;height:100vh}.container{position:relative;width:100%;max-width:720px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;z-index:2}#page_wrap.register .container{max-width:999px}#page_wrap.adminport .container{max-width:420px}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row.m-col{margin-right:-8px;margin-left:-8px}.row.m-col>[class*=col]{padding-left:8px;padding-right:8px}.no-gutters{margin-left:0;margin-right:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}button,input[type=button],input[type=reset],input[type=submit],.btn{cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;color:#fff;background:#00afff;padding:8px 12px;font-size:15px;line-height:22px;font-weight:500;border-radius:3px;transition:all .4s}button:hover,.btn:hover{color:#fff;background:#292929;box-shadow:0 1px 10px rgb(55 70 111 / 50%)}.btn.orange{color:#292929;background:#f7b90f}.btn.trans{background:transparent;color:#00BCD4;font-weight:400;border:1px solid #f0f0f0}.btn.dark{color:#f7b90f;background:#292929}.btn.orange{color:#292929;background:#f7b90f}.btn.orange:hover{color:#f7b90f;background:#292929}.btn.more i{overflow:hidden;display:inline-block;text-align:right;width:0;line-height:0;transition:.2s}.btn.more:hover i{width:26px}.d-flex{display:flex!important}.fl-col{flex-flow:column}.fl-wrap{flex-wrap:wrap}.jc-cen{justify-content:center}.jc-space{justify-content:space-between}.jc-end{justify-content:flex-end}.ai-cen{align-items:center}.ai-run{align-items:flex-start}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.ml-3{margin-left:3px}.ml-5{margin-left:5px}.mr-3{margin-right:3px}.mr-5{margin-right:5px}.mb-0{margin-bottom:0}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.oval{-webkit-border-radius:9rem!important;border-radius:9rem!important}.t-cen{text-align:center}.fwl{font-weight:300}.fwr{font-weight:400}.fwm{font-weight:500}.fws{font-weight:600}.fwb{font-weight:700}.f-nano{font-size:10px}.f-micro{font-size:11px}.f-smaller{font-size:12px}.f-small{font-size:13px}.f-min{font-size:14px}.f-mini{font-size:15px}.f-minim{font-size:16px}.f-mid{font-size:18px}.f-medium{font-size:22px}.f-big{font-size:26px}.alert{display:inline-block;position:relative;line-height:normal;font-size:12px;font-weight:600;padding:6px 11px;border-radius:.25rem;border:1px solid transparent}.alert.err{background-color:#f8d7da;border-color:#f5c6cb}.alert.warning{background-color:#fff3cd;border-color:#ffeeba}.alert.success{background-color:#d4edda;border-color:#c3e6cb}.alert.err{color:#721c24}.alert.warning{color:#856404}.alert.success{color:#155724}.dcovfield .f--label,.dcovfield .f--title .tt{line-height:1;font-weight:600;text-transform:uppercase}.dcovfield .f--title .st{color:#898c90;font-size:12px;line-height:1.2}.dcovfield .f--label{color:#949494;display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.dcovfield .f--label .msg{font-size:11px;text-transform:capitalize}.dcovfield .f--label .msg.err{color:#ba1e2c}.dcovfield .f--input{position:relative;margin-bottom:15px}.dcovfield .f--input.icon i{position:absolute;top:8px;height:24px;margin-left:12px;padding-right:10px;line-height:24px;border-right:1px solid #e0e0e0}.dcovfield .f--input.icon input,.dcovfield .f--input.icon select{padding-left:50px}.dcovfield .f--input.icon #show_password{cursor:pointer;top:0;right:0;height:38px;padding:8px 10px;margin-left:0}.dcovfield .f--input.icon #show_password~input[id=password]{padding-right:38px}.form-login{width:100%;overflow:auto}.form-login.forgot{max-width:520px}.form-login .head{position:relative;color:#fafafa;width:100%;padding:25px;background:#333}.form-login .head .help{position:absolute;color:#92b8d9;top:4px;right:8px}.form-login .head .logo{display:flex;height:55px;justify-content:center}.form-login .head .tt{font-size:22px;color:#fff}.form-login .head .st{color:#fff;display:block;font-size:12px;margin-top:10px;letter-spacing:.1rem}.form-login .body{position:relative;background:#fff;padding:2.5rem 3rem;padding-top:3.5rem;border-radius:.2rem}.form-login .f--meseg{position:absolute;top:12px;left:48px;right:48px;line-height:1;text-align:center}.form-login .f--meseg .alert{padding:2px 8px}.auth-mode .connecto .tt{line-height:1;letter-spacing:.1rem}.auth-mode .connecto .btn{margin:0 3px}.adminport .form-login .body{padding:3.5rem 3rem 2.5rem}.adminport .form-login .body .wrap{padding-top:0}
@media (min-width:320px) and (max-width:480px){.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:0 8px}.row{margin-left:-8px;margin-right:-8px}.form-login .f--meseg{position:relative;top:auto;left:auto;right:auto}.form-login .f--meseg .alert{margin-bottom:1rem}.form-login .body{padding:1.5rem}.form-login .head .logo{height:40px;margin-bottom:10px}.form-login .head .tt{line-height:1}.form-login .body .wrap{padding-top:18px}.form-login form .info{text-align:center;font-size:13px}.f--button,.form-login form .d-flex.ai-end.jc-space.mb-0{align-items:center}.f--button .info{font-size:14px;text-align:end}.auth-mode{margin-top:15px}.auth-mode .connecto .tt{font-size:18px;margin-bottom:15px}.connect-type .btn{height:38px;line-height:38px}}