@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");html,body{font-family:"Roboto", serif;font-size:14px;padding:0;margin:0;color:#121d33;background:#F6F5F9}@media (max-width: 767px){html,body{background:#fff}}a:hover{text-decoration:none}img{max-width:100%}#wrapper{min-height:100vh;display:flex}@media (max-width: 991px){#wrapper{display:block}}#wrapper .left{width:50%;background:url(../imgs/bg.png) center center no-repeat;background-size:cover}@media (max-width: 1199px){#wrapper .left{width:40%}}@media (max-width: 991px){#wrapper .left{display:none}}#wrapper .right{width:100%;padding:10px 30px}@media (max-width: 1199px){#wrapper .right{width:60%}}@media (max-width: 991px){#wrapper .right{width:100%}}@media (max-width: 767px){#wrapper .right{padding:10px 0}}#wrapper .right .header{display:flex;justify-content:space-between}@media (max-width: 767px){#wrapper .right .header{padding:10px 20px}}#wrapper .right .header.h2{display:none;border-top:1px solid #d9d9d9}@media (max-width: 767px){#wrapper .right .header.h2{display:flex}}#wrapper .right .header.h2 .header-right .langs{display:block !important;margin-right:0 !important}#wrapper .right .header .header-right{display:flex}#wrapper .right .header .header-right .langs{margin-right:10px}@media (max-width: 767px){#wrapper .right .header .header-right .langs{display:none}}#wrapper .right .header .header-right .langs button{height:32px;border-radius:15px;font-weight:500;font-size:14px;background:#EBEAEF;color:#101114;border:0;position:relative}#wrapper .right .header .header-right .langs button ul{margin:0;background:#FFF;box-shadow:0 0 3px #e4e4e4;padding:3px;border-radius:15px;position:absolute;z-index:9999999;left:0;top:37px;width:100%;display:none}#wrapper .right .header .header-right .langs button ul li{list-style-type:none;font-weight:500;font-size:16px;text-align:left;color:#666;cursor:pointer;padding:7px 10px;border-radius:10px;transition:all 0.3s}#wrapper .right .header .header-right .langs button ul li:hover{background:#EBEAEF}#wrapper .right .header .header-right .signup button{color:#7132f5;background:#E3DDF9;height:32px;border-radius:10px;font-weight:500;font-size:14px;border:0;padding:0 10px}#wrapper .right .bottom-links{width:448px;margin:0 auto;padding:7px 20px}@media (max-width: 767px){#wrapper .right .bottom-links{width:100%}}#wrapper .right .bottom-links ul{margin:0;padding:0}#wrapper .right .bottom-links ul li{display:inline-block;color:#686b82;margin-right:15px;font-size:14px;cursor:pointer}#wrapper .right .bottom-links ul li:last-child{margin-right:0}#wrapper .right .bottom-links ul li:hover{color:#000;text-decoration:underline}#wrapper .right .thebox{background:#fff;border-radius:20px;box-shadow:0 0 3px #e4e4e4;width:448px;margin:50px auto;margin-bottom:0;padding:20px}@media (max-width: 767px){#wrapper .right .thebox{width:100%;box-shadow:none}}#wrapper .right .thebox .title h3{font-weight:500;font-size:28px;margin:0;margin-bottom:30px}#wrapper .right .thebox .title p{margin-bottom:0;color:#686b82;font-size:16px}#wrapper .right .thebox .txt2{margin-bottom:15px}#wrapper .right .thebox .txt2 img{max-width:36px}#wrapper .right .thebox .txt2 p{margin-bottom:0;font-size:17px;color:#3c4043;font-weight:500}#wrapper .right .thebox .config{padding:0;margin:0}#wrapper .right .thebox .config li{list-style-type:none;position:relative;padding-left:10px}#wrapper .right .thebox .config li .ico{position:absolute;left:10px;top:13px}#wrapper .right .thebox .config li .ico img{max-width:20px}#wrapper .right .thebox .config li a{display:block;border-bottom:1px solid #DADCE0;padding-top:15px;padding-bottom:15px;font-size:15px;color:#3c4043;margin-left:35px;text-decoration:none}#wrapper .right .thebox .config li:first-child a{border-top:1px solid #DADCE0}#wrapper .right .thebox .config li:hover{background:#f6f6f6}#wrapper .right .thebox form label{display:block;position:relative;margin-bottom:7px}#wrapper .right .thebox form label.has-error input{outline:2px solid #eb3942}#wrapper .right .thebox form label.has-error .errmsg{font-size:12px;font-weight:400;color:#aa0132;margin-top:5px;background:#FDDFE5;padding:6px 10px;border-radius:5px}#wrapper .right .thebox form label .eye{position:absolute;top:16px;right:11px;cursor:pointer}#wrapper .right .thebox form label .eye img{width:20px}#wrapper .right .thebox form label .txt{color:#686b82}#wrapper .right .thebox form label .txt span{color:#7132f5}#wrapper .right .thebox form label .label-txt{position:absolute;top:16px;left:13px;transition:ease .1s;margin-bottom:0;font-size:14px;color:#9497a9;font-weight:400}#wrapper .right .thebox form label .label-txt.label-active{top:9px;font-size:12px}#wrapper .right .thebox form label input{width:100%;background:#F3F3F5;padding-left:13px;padding-right:10px;padding-top:30px;padding-bottom:13px;border:0;outline:none;height:52px;color:#000;border-radius:12px 12px 12px 12px;font-size:14px;font-weight:500}#wrapper .right .thebox form label input:focus{outline:2px solid #7132F5}#wrapper .right .thebox form label input#username{border-radius:12px 12px 0 0}#wrapper .right .thebox form label input#password{border-radius:0 0 12px 12px}#wrapper .right .thebox form .error{background:#FEEFF2;display:flex;padding:15px;border-radius:15px}#wrapper .right .thebox form .error .sym{min-width:32px;height:32px;display:flex;align-content:center;justify-content:center;background:#f5395e29;border-radius:100%;margin-right:15px}#wrapper .right .thebox form .error .sym img{width:20px}#wrapper .right .thebox form .error p{margin-bottom:0;font-size:14px;color:#3c000c}#wrapper .right .thebox form .error p b{font-size:16px;font-weight:700;display:block}#wrapper .right .thebox form .btns button{height:48px;background:#7132f5;color:#FFF;text-align:center;font-weight:500;text-align:center;border-radius:10px;border:0;width:100%;display:block;font-size:16px;letter-spacing:0.5px}#wrapper .right .thebox form .btns button:hover{background:#5b1ecf}#wrapper .right .thebox form .btns button.disabled{opacity:0.5}#wrapper .right .thebox form .btns button.disabled:hover{background:#7132f5}#wrapper .right .thebox .help{text-align:center;color:#686b82;margin-top:30px}#wrapper .right .thebox .help span{color:#7132f5}.loader{text-align:center;padding:75px 0}.loader .spinner-border{width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid #7132f5;border-right-color:transparent}.loader p{margin-bottom:0;margin-top:4px}.upload-area{max-width:400px;margin:0 auto;margin-top:30px}.upload-area label{background:#f6f6f6;padding:30px;width:100%;cursor:pointer;text-align:center !important;border-radius:20px;border:2px dashed #e6e6e6}.upload-area label.has-error{border-color:red !important;background:rgba(255,0,0,0.1)}.upload-area label svg{font-size:24px;color:#000}@media (max-width: 767px){.upload-area label svg{font-size:20px}}.upload-area label p{text-align:center;color:#000;font-size:13px;text-align:center;margin-bottom:0;margin-top:15px;font-weight:400}@media (max-width: 767px){.upload-area label p{font-size:14px;margin-top:10px}}.upload-area label .click-here{font-size:24px;background:#dedede;padding:10px 20px;border-radius:10px;display:inline-block;color:#505050}.upload-area label #progressBar{margin-top:0;width:0%;height:auto;background-color:#3498db;border-radius:10px;color:#FFF;font-size:16px}.upload-area label #progressBar div{opacity:0.7;font-size:14px;font-weight:300}.upload-area label #progressBar div b{font-weight:700}