@font-face{font-family:"Roboto-Regular";font-display:swap;src:url("../fonts/Roboto-Regular.ttf")}@font-face{font-family:"Roboto-Bold";src:url("../fonts/Roboto-Bold.ttf")}@font-face{font-family:"Roboto-Medium";font-display:swap;src:url("../fonts/Roboto-Medium.ttf")}html{scroll-behavior:smooth}body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden!important;font-family:"Roboto-Regular"}:root{--yellow:#b57d39}.login{padding:25px;text-align:center;background-color:#12344d;position:relative;height:100vh}.login .inner-login{position:absolute;z-index:9;width:100%;top:17%;left:0;right:0;bottom:0}input{background-color:#fff!important}.login .switch-sec .inner-switch{width:50%;margin:0 auto;position:relative}.login .switch-sec .inner-switch ul{list-style-type:none;display:flex;line-height:46px;padding-left:0;justify-content:center}.login .switch-sec .inner-switch ul li{width:280px;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.1)}.login .switch-sec .inner-switch ul li a{padding:20px 10px;line-height:42px;font-family:"Roboto-Bold";color:#222;text-decoration:none;font-size:14px;letter-spacing:.4px;text-transform:uppercase}.login .switch-sec .inner-switch ul li:first-child{padding-right:25px;border-bottom-left-radius:50px;border-top-left-radius:50px}.login .switch-sec .inner-switch ul li:last-child{padding-left:12px;border-bottom-right-radius:50px;border-top-right-radius:50px}.login .switch-sec .inner-switch ul li.active{background-color:#4188b8}.login .switch-sec .inner-switch ul li.active-crm{background-color:#1f5980}.login .switch-sec .inner-switch ul li.active a{color:#fff}.login .switch-sec .inner-switch .icon-area{width:60px;height:60px;margin:0 auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);background-color:#fff;padding:10px}.login .switch-sec .inner-switch .icon-area img{width:100%}.login .login-sec{width:70%;background-color:#fff;margin:0 auto;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:40px 50px;padding-bottom:10px;border-radius:10px;margin-top:23px;display:flex;justify-content:space-between;position:relative}.login .login-sec:before{position:absolute;top:-14px;left:34%;margin-left:-15px;content:"";display:block;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #fff}.login .login-left:before{position:absolute;top:-14px;left:67%;margin-left:-15px;content:"";display:block;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #fff}.login .login-sec .image-sec{width:44%;display:grid;align-items:center;padding-bottom:25px}.login .login-sec .login-box{width:52%}.login .login-sec .login-box h4{font-size:18px;font-family:"Roboto-Medium";text-transform:uppercase;letter-spacing:.4px;position:relative;margin-bottom:35px}.logo-brand{width:120px;margin:0 auto}.login .login-sec .login-box .box{text-align:left;margin:15px 0}.login .login-sec .login-box .box .form-group{display:flex;margin-bottom:0;position:relative;align-items:center}.login .login-sec .login-box .box .form-group img{width:18px;height:18px}.login .login-sec .login-box .box .form-control{border-radius:0;padding:7px 25px;border:0;border-bottom:1px solid #ccc;outline:0;box-shadow:none}.login .login-sec .login-box .box .form-control::placeholder{color:#ccc;font-size:15px;letter-spacing:.5px}.has-search .form-control{padding-left:0}.has-search .fa{font-size:16px;color:#666}.has-search .icon{position:absolute;z-index:2;display:block;width:18px;text-align:center;pointer-events:none;color:#aaa;line-height:28px;height:34px}.login .login-sec .login-box .box .inner-box{display:flex;justify-content:space-between;font-size:12px;padding:9px 0;letter-spacing:.2px;font-family:"Roboto-Medium";color:#666}.login .login-sec .login-box .box button{border-radius:0;padding:10px 15px;color:#fff;background-color:#2a6b97;width:100%;border:0;font-family:"Roboto-Medium";text-transform:uppercase;letter-spacing:.5px;border-radius:0}.login .login-sec .login-box .box .crm{border-radius:0;padding:12px 15px;color:#fff;background-color:#2a6b97;width:100%;border:0;font-family:"Roboto-Medium";text-transform:uppercase;letter-spacing:.5px;border-radius:0}.login .login-sec .login-box p{font-size:12px;font-family:"Roboto-Medium";color:#666;display:flex;justify-content:center}.login .login-sec .login-box p input{margin-right:5px}.custom-control{position:relative;display:block;min-height:16px;padding-left:1.5rem}.login .login-sec .login-box p .text-p{line-height:16px;vertical-align:baseline;display:grid;align-items:center}.alertDomainMsgForpass{width:10%;right:6px;top:0;position:absolute;max-height:39px;line-height:35px}.custom-control.overflow-checkbox .overflow-control-input{display:none}.custom-control.overflow-checkbox .overflow-control-input:checked~.overflow-control-indicator::after{transform:rotateZ(45deg) scale(1);top:-6px;left:5px}.custom-control.overflow-checkbox .overflow-control-input:checked~.overflow-control-indicator::before{opacity:1}.custom-control.overflow-checkbox .overflow-control-indicator{border-radius:3px;display:inline-block;position:absolute;top:4px;left:0;width:16px;height:16px;border:2px solid #aaa}.overflow-control-indicator::after{content:"";display:block;position:absolute;width:16px;height:16px;transition:.3s;transform:rotateZ(90deg) scale(0);width:10px;border-bottom:4px solid #aaa;border-right:4px solid #aaa;border-radius:3px;top:-2px;left:2px}.custom-control.overflow-checkbox .overflow-control-indicator::before{content:"";display:block;position:absolute;width:16px;height:16px;transition:.3s;width:10px;border-right:7px solid #fff;border-radius:3px;transform:rotateZ(45deg) scale(1);top:-4px;left:5px;opacity:0}.card-bottom{background-color:#1b4866;text-align:center;padding:5px;position:fixed;bottom:0;left:0;right:0;width:100%}.card-bottom img{width:70px}.card-bottom p{color:#ccc;font-size:12px;letter-spacing:.2px;margin-bottom:0}.card-bottom p span{font-family:"Roboto-Bold"}.crm-page{background-color:#4188b8}.login_leftAdmin:before{left:33%!important}.login_leftCRM:before{left:67%!important}.area{background:transparent;background:-webkit-linear-gradient(to left,#8f94fb,#12344d);position:absolute;top:0;bottom:0;left:0;right:0}.circles{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;margin:0}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,.2);animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.tooltip:hover span.tooltiptext.text-hover{position:absolute;display:block;top:-4px;right:15px;color:#f00!important;display:block}.alert-otp .get-otp{padding:0}.alert-otp .get-otp a{background-color:#2a6b97;padding:10px 15px;color:#fff;letter-spacing:.2px;text-decoration:none}.tooltip{position:absolute;display:inline-block;opacity:.98;height:20px;margin-top:10px;right:0}.tooltip .tooltiptext{display:none;width:250px;background-color:#ccc;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:relative;z-index:1;top:150%;right:0;margin-top:28px;left:-231px}.tooltip .tooltiptext::after{content:"";position:absolute;bottom:100%;left:95%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #ccc transparent}.tooltip:hover .tooltextemail{display:block;width:250px!important;top:-17%!important;margin-left:-217px!important;color:#f00}.domain:active{border-color:#f00}.form-control:disabled,.form-control[readonly]{background-color:unset;opacity:1}.login .login-sec .login-box .box .inner-forg-otp a{color:#666;text-decoration:none}@media only screen and (max-width:1250px){.login .login-sec{width:80%}.login .login-sec .login-box{width:54%}.login .login-sec .image-sec{width:40%}.login .inner-login{top:14%}.login .switch-sec .inner-switch{width:70%}}@media(min-width:1400px){.login .login-sec .login-box .box{margin:30px 0}img.image_change{width:90%!important}.login_leftAdmin:before{left:39%!important}}@media(min-width:1500px){.login .login-sec .login-box .box{margin:37px 0}.login_leftCRM:before{left:61%!important}}@media(max-width:700px){.login .switch-sec .inner-switch{width:97%}.login .switch-sec .inner-switch ul li a{padding:0;font-size:9px}.login .login-sec .login-box{width:100%}.login .login-sec .image-sec{display:none}.login .login-sec{padding:25px}}