@charset "UTF-8";body{background:url("/images/general/account-background.jpg") no-repeat 0 0;background-size:cover;}input{margin:0;font-family:'Roboto',sans-serif;font-weight:400;font-size:16px;color:#1d1d1d;width:100%;padding:10px 20px;box-sizing:border-box;border:1px solid rgba(0,0,0,.15);}.btn{display:inline-block;color:#fff;background:#000;text-transform:uppercase;font-weight:400;line-height:1;font-size:1.1em;transition:.2s;position:relative;}.login-page{background-color:rgba(0,0,0,.3);height:100vh;width:100vw;}.login-body{background:#fff;position:absolute;max-width:750px;width:80%;padding:30px 0;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);box-shadow:0 0 10px rgba(0,0,0,.3);}.login-body .title{text-align:center;margin-bottom:50px;}.login-body .title h6{font-weight:400;font-size:1.25em;}.login-body .title .logo{margin:10px 0;}.login-body form{padding:0 30px;box-sizing:border-box;border-right:1px solid rgba(0,0,0,.1);}.login-body form input{border:1px solid rgba(0,0,0,.1);width:100%;margin:8px 0;}.login-body form textarea{border:1px solid rgba(0,0,0,.1);width:100%;margin:8px 0;}.login-body form .rule{font-size:.875em;color:#999;}.login-body form .password{margin-top:20px;}.login-body form .password .remember{float:left;}.login-body form .password .btn-forgot-pass{float:right;font-size:.875em;padding:0;color:#999;position:relative;top:3px;cursor:pointer;}.login-body input[type="checkbox"]{display:none;}.login-body input[type="checkbox"]:checked+label::after{opacity:1;}.login-body input[type="radio"]{display:none;}.login-body input[type="radio"]:checked+label{font-weight:600;color:#000;}.login-body input[type="radio"]:checked+label::after{opacity:1;}.login-body label{font-size:.875em;position:relative;color:#999;padding-left:35px;cursor:pointer;}.login-body label::before{content:'';position:absolute;width:20px;height:20px;border:1px solid rgba(0,0,0,.1);left:0;top:-3px;}.login-body label::after{content:'';position:absolute;width:20px;height:20px;background:url("/images/general/ic-checked.png") no-repeat 0 0;background-size:20px;left:0;top:-1px;opacity:0;}.login-body .btn{width:300px;margin:30px auto 0;display:block;}.login-body .note{font-size:14px;color:#999;text-align:center;margin-top:50px;}.login-body .note a{font-size:14px;color:#999;color:#000;font-weight:600;}.login-body .personal .checkbox{text-align:right;}.login-body .business .checkbox{text-align:left;}.login-content{display:grid;grid-template-columns:repeat(2,50%);margin-top:60px;}.login-content .social{padding:0 30px;box-sizing:border-box;display:table;height:100%;}.login-content .social .gr-btn{display:table-cell;vertical-align:middle;}.login-content .social a.btn-social{display:block;padding:6px 0;border:1px solid rgba(0,0,0,.1);border-radius:4px;margin:15px 0;}.login-content .social a.btn-social .icon{float:left;width:45px;text-align:center;border-right:1px solid rgba(0,0,0,.1);line-height:0;border-right:1px solid rgba(0,0,0,.1);}.login-content .social a.btn-social p{float:left;text-align:center;font-size:.875em;margin:0;width:calc(100% - 50px);position:relative;top:3px;}.login-content .social a.btn-social::after{display:block;content:"";clear:both;}.login-content .social a.btn-facebook{background:#4a6bb2;border-color:#4a6bb2;}.login-content .social a.btn-facebook p{color:#fff;}.register-body{width:550px;}.option{margin:80px auto 50px;max-width:450px;}.option li{display:inline-block;text-align:center;cursor:pointer;}.option li h6{font-weight:400;margin-top:10px;}.option li .gr-img .default{display:inline-block;}.option li .gr-img .active{display:none;}.option li:hover .gr-img .default{display:none;}.option li:hover .gr-img .active{display:inline-block;}.register02-content{padding:0 15px;text-align:center;}.register02-content>div{padding:0 15px;}.register02-content form{padding:0;border-right:0;}.register02-content form .box{margin:8px 0 0;}.register02-content .inputfile+label::before{top:13px;left:20px;}.register02-content .inputfile+label strong{text-transform:uppercase;color:#000;}.register02-content .personal .inputfile+label::before{content:'GPKD';}.register02-content .business .inputfile+label::before{content:'Logo doanh nghiệp';}.register02-body .btn{width:300px;margin:30px auto 0;display:block;}.business-logo{margin:8px 0 0;}.business-logo .avatar{float:left;margin:0;}.business-logo .avatar img{width:95px;}.business-logo .action span{display:inline-block;margin:16px 0;}.business-logo .box{overflow:hidden;padding-left:15px;}.business-logo .inputfile+label{border:0;padding-left:0 !important;}.business-logo .inputfile+label span{display:none;}.business-logo .inputfile+label::before{display:none;}.business-logo .inputfile+label strong{width:100%;box-sizing:border-box;}.popup{background:rgba(0,0,0,.4);height:100vh;width:100vw;position:fixed;top:0;left:0;opacity:0;visibility:hidden;transition:.4s;}.popup.active{opacity:1;visibility:visible;}.popup-content{background:#fff;position:absolute;width:350px;padding:30px;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center;}.popup-content p{font-size:.875em;color:#999;margin:10px 0 15px;}.popup-content button{width:100%;}.popup-content .btn-getpass{margin:20px 0;border-radius:4px;}.popup-content .btn-close{padding:10px 0;font-size:1em;}