Mini Shell

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");html,body{font-family:'Poppins', sans-serif;font-size:14px;padding:0;margin:0;color:#1a1a1a;font-weight:400;background:#F5F5F5;height:100%}a:hover{text-decoration:none}img{max-width:100%}#header{background:#FFF;border-bottom:1px solid #D5D5D5;padding:40px 0}#header img{max-width:120px}#main{padding-top:50px;padding-bottom:100px}#main .title{margin-bottom:50px}#main .title h3{font-size:28px;color:#333;font-weight:400}#main .box{background:#FFF;border-radius:15px;padding:30px}#main .box .success{text-align:center}#main .box .success p{margin-bottom:0;color:#666;font-size:18px;margin-top:20px}#main .box .error{display:none;align-items:center;padding:50px 0;margin-bottom:20px}#main .box .error .sym{margin-right:30px}#main .box .error .content h3{color:#1a1a1a;font-weight:500;margin-bottom:0;font-size:16px}#main .box .error .content p{color:#666;margin-bottom:0;font-size:16px}#main .box .firma-area .title h3{color:#666;font-size:22px}#main .box .firma-area .title p{color:#a6a6a6;margin-bottom:0;font-size:16px}#main .box .firma-area .firma-box{max-width:400px}#main .box .firma-area .firma-box .firma-header{background:#ff6200;padding:20px;border-radius:15px 15px 0 0}#main .box .firma-area .firma-box .firma-header ul{padding:0;margin:0}#main .box .firma-area .firma-box .firma-header ul li{list-style-type:none;border:2px solid #fff;border-radius:10px;margin-right:20px;height:52px;text-align:center;background:#FFF;width:16.66%;color:#FF6200}@media (max-width: 767px){#main .box .firma-area .firma-box .firma-header ul li{margin-right:5px}}#main .box .firma-area .firma-box .firma-header ul li:last-child{margin-right:0}#main .box .firma-area .firma-box .firma-header ul li.active{background:transparent}#main .box .firma-area .firma-box .firma-header ul li.active span{color:#FFF}#main .box .firma-area .firma-box .firma-header ul li span{position:relative;margin-top:5px;font-size:16px;font-weight:600;color:#FF6200}#main .box .firma-area .firma-box .firma-header ul li span:before{content:'';background:#FFF;width:10px;height:10px;position:absolute;left:calc(50% - 5px);bottom:-10px;border-radius:100%}#main .box .firma-area .firma-box .firma-body{padding:20px 10px 0 10px;background-color:#f7f7f7}#main .box .firma-area .firma-box .firma-body table{width:100%}#main .box .firma-area .firma-box .firma-body table tr td{margin:20px;padding:0 10px}#main .box .firma-area .firma-box .firma-body table tr td span{margin-top:0;margin-bottom:20px;text-align:center;background-color:#FFF;border:1px solid #666;display:block;padding:5px;font-weight:600;font-size:14px;color:#666;border-radius:5px;cursor:pointer}#main .box button{border:0;background:#60a6da;color:#FFF;height:40px;padding:0 20px;font-weight:600;border-radius:10px;font-size:15px}#main .box button svg{margin-right:3px}#main .box button:focus{outline:0;box-shadow:none}#main .box button:hover{background:#5AB8E9}#main .box button[type="button"]{border:1px solid #666666;background:transparent;color:#666666}#main .box button.orange{background:#FF6200}#main .box button.orange:hover{background:#FF6200}#main .box form legend{color:#666;font-weight:400;font-size:22px;margin-bottom:20px}#main .box form p{color:#525199;text-decoration:underline;font-size:15px;font-weight:400;margin-bottom:30px}#main .box form .form-group{margin-bottom:50px}#main .box form .form-group.has-error label{color:#f10000}#main .box form .form-group.has-error input{border:2px solid #F10000}#main .box form .form-group input{height:40px;border:1px solid #a6a6a6;max-width:165px;border-radius:6px}#main .box form .form-group input:focus{border:1px solid #666666;outline:0;box-shadow:none}#main .box form .form-group input.has-error{border:2px solid #F10000}#main .box form .form-group span{display:block;color:#a6a6a6;font-size:12px;font-weight:300;margin-top:15px}#main .box form .form-group .zz{max-width:165px;position:relative}#main .box form .form-group .zz .eye{cursor:pointer;position:absolute;right:10px;top:10px;z-index:99}#main .box form .form-group .zz .eye svg{color:#FF6200}#main .box form .error-message{color:#F10000;font-weight:700;margin-top:3px}#main .box form .inputs{display:flex;justify-content:space-between}#main .box form .inputs input{width:22%;margin-right:3%}#main .box form .inputs input:last-child{margin-right:0}#main .box form .inputs2{max-width:350px;margin:0 auto;display:flex;justify-content:space-between}#main .box form .inputs2 input{width:13.66%;margin-right:3%;border:0;border-top:2px solid #dedede;border-radius:0;font-size:18px;color:#FF6200;padding:0;text-align:center}#main .box form .inputs2 input:focus{outline:0;box-shadow:none}#main .box form .inputs2 input:last-child{margin-right:0}#main .box .content h3{color:#666;font-weight:300;font-size:23px;margin-bottom:30px}#main .box .content h3 img{margin-right:10px}#main .box .content p{font-size:15px;font-weight:400;margin-bottom:20px}#main .box .content p span{color:#525199;text-decoration:underline}#main .box .content p.remember{padding-left:50px;position:relative;color:#1a1a1a;margin-bottom:40px}#main .box .content p.remember:before{content:'';position:absolute;width:18px;height:18px;border-radius:3px;border:1px solid #A6A6A6;left:0;top:3px;z-index:9999}#main .bottom{margin-top:50px}#main .bottom h3{color:#666;font-weight:300;font-size:23px;margin-bottom:30px}#main .bottom ul{padding:0;margin:0}#main .bottom ul li{list-style-type:none;color:#1a1a1a;font-size:16px;margin-bottom:5px}#main .bottom ul li svg{color:#FF6200;margin-right:3px}#main .bottom ul li:last-child{margin-bottom:0}#footer{background:#333333;padding:20px 100px}@media (max-width: 767px){#footer{padding:20px 20px}}#footer ul{padding:0;margin:0;margin-bottom:20px}#footer ul li{display:inline-block;color:#FFF;margin-right:20px;list-style-type:none;font-size:18px}#footer ul li:last-child{margin-right:0}@media (max-width: 767px){#footer ul li{display:block;margin-right:0;margin-bottom:5px;font-size:14px}#footer ul li:last-child{margin-bottom:0}}#loader{position:fixed;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.8);z-index:999999;width:100%;height:100%}#loader .inner{background:#FFF;width:180px;height:100px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}#loader .inner ul{padding:0;margin:0;text-align:center}#loader .inner ul li{width:20px;height:20px;border:1px solid #FF6200;list-style-type:none;display:inline-block;margin-right:10px}#loader .inner ul li:last-child{margin-right:0}#loader .inner ul li.active{background:#FF6200}#loader .inner p{margin-bottom:0;color:#000;font-weight:600;font-size:16px;margin-top:5px}