body{padding:0; margin:0;font-family: 'Inter';font-weight:400;}
.loader{z-index:1300;
      width: 100%;
      height: 100%;
      left: 0;
      margin-left: 0;
      position: absolute;
      text-align: center;
      z-index: 30;
      background: rgba(0, 0, 0, 0.2);
      background-size: cover;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      height: calc(100vh - 70px);
}
.load-container{position:absolute; padding:0px; background-color:#fff; border-radius:4px;width: 100px;height: 64px;top: 50%;transform: translate(0, -50%); left:50%; margin:0 0 0 -50px;}
.common_login_Page{position:relative;width:100%;height:100%;font-family: 'Inter';font-weight:400; background: rgb(244,244,244);background: linear-gradient(180deg, rgba(207,218,226,1) 18.8%, rgba(244,244,244,1) 69.23%);}
.common_login_Page .company-slogan{padding:0 225px; font-size:24px; color:#1A478D; text-align:center; font-weight:600;}
.common_login_Page .header-login-logo{background:#fff; padding:10px;}
.common_login_Page .header-login-logo figure{margin:0;}
.common_login_Page .footer-login-logo{ padding:10px; position:absolute; bottom:0; left:0; right:0;}
.common_login_Page .footer-login-logo figure{margin:0;}
.common_login_Page .footer-login-logo .foot-copy-content{ text-align:center; position:absolute; width:100%; top: 50%; transform: translate(0px, -50%);}
.common_login_Page .company-logo-background{width:800px; height:562px; position: absolute;top: 50%;left: 10%;transform: translate(0%, -50%); -ms-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); background:url(/images/company-logos-2e8742e379d6dc584128a26731ba3994.svg); background-size:100%;background-repeat: no-repeat;background-position: center center; display:flex; align-items:center; justify-content:center}
.common_login_Page .company-logo-background .company-logo-image{display:none;}
.common_login_Page .login_conatiner_commom{width: 414px;position: absolute;top: 50%;right: 5%;transform: translate(-25%, -50%); -ms-transform: translate(-25%, -50%);-moz-transform: translate(-25%, -50%); -webkit-transform: translate(-25%, -50%); z-index:9;}
.common_login_Page .login_conatiner_commom .login_logo{background:#ffffff; text-align:center;padding:30px 0;border-radius: 42px 42px 0px 0px;-webkit-border-radius: 42px 42px 0px 0px;-ms-border-radius: 42px 42px 0px 0px;-moz-border-radius: 42px 42px 0px 0px;}
.common_login_Page .login_conatiner_commom .login_body{background: rgb(37,80,146); background: linear-gradient(180deg, rgba(37,80,146,1) 0%, rgba(87,118,167,1) 100%); text-align:left; border-radius:6px ;-webkit-border-radius:6px ;-ms-border-radius:6px;-moz-border-radius:6px; }

.common_login_Page .login_conatiner_commom .login_body .form-group {margin-bottom:60px;}
.common_login_Page .login_conatiner_commom .login_inputs { padding:100px 30px; background:transparent!important; background-color:transparent!important; color:#fff; }
.common_login_Page .login_conatiner_commom .login_inputs label { margin: 0 0 3px; color:#ffffff;font-size:18px;text-transform: capitalize; font-weight:500;}
.common_login_Page .login_conatiner_commom .login_inputs .checkbox label {color: #ffffff; font-size: 16px; margin-bottom: 0;}
.common_login_Page .login_conatiner_commom .login_inputs .checkbox input[type="checkbox"]{margin-top: 6px; margin-right: 0.5em;}
.common_login_Page .login_conatiner_commom .login_inputs .form-control {height: 40px; padding: 5px 10px;border-radius: 2px; outline: none;border: 0;box-shadow: none; border: 1px solid #fff;font-size: 18px;}
.common_login_Page .login_conatiner_commom .login_inputs .form-control.select {height: 40px; padding: 5px 10px;border-radius: 2px; outline: none;border: 0;box-shadow: none; border: 1px solid #fff;font-size: 18px;}
.common_login_Page .login_conatiner_commom .password_box{position:relative;}
.common_login_Page .login_conatiner_commom .password_box .form-control{padding-right:37px;}
.common_login_Page .login_conatiner_commom .password_box .togglePassword { position: absolute; right: 21px; top: 50%; font-size: 16px;color: #255092; cursor: pointer; margin-top: -10px;}
.common_login_Page .login_conatiner_commom .login_inputs .forgot_password{ color:#FFF;font-size:18px; font-weight:500; text-transform: capitalize;text-decoration: none; text-align:right;}
.common_login_Page .login_conatiner_commom .login_action{background: #00a94c; border-radius: 0 0 42px 42px;-ms-border-radius: 0 0 42px 42px;-moz-border-radius: 0 0 42px 42px;-webkit-border-radius: 0 0 42px 42px;}
.common_login_Page .login_conatiner_commom .login_action .btn { background: none!important; border: 0;outline: none; color: #fff!important; display: block;text-align: center;width: 100%;padding: 21px 0;text-transform: uppercase; font-size: 34px; box-shadow: none;}
.common_login_Page .login_conatiner_commom .login-btn { background: #fff; border: 0; outline: none; color: #334F86!important; display: inline-block;text-align: center; padding:8px 50px; font-size:20px; font-weight:600; box-shadow: none; border-radius:4px ;-webkit-border-radius:4px ;-ms-border-radius:4px;-moz-border-radius:4px; width:80%; margin-top:50px;}

.common_login_Page .footer-login-logo .product_logos{margin:0px 0 0 0;padding: 0;list-style: none;text-align: right; float:right;}
.common_login_Page .footer-login-logo .product_logos li {display: inline-block;margin-right: 14px;}
.common_login_Page .footer-login-logo .product_logos li:last-child{margin:0;}
.common_login_Page .footer-login-logo .product_logos  img {max-width: 100%;}

@media (max-width: 1399px) {
  .common_login_Page .mobile-background{max-width:inherit; width:auto;}
  .common_login_Page .login_conatiner_commom {width: 350px; right:0%;}
  .common_login_Page .login_conatiner_commom .product_logos{margin:25px 0 0 0;}
  .common_login_Page .login_conatiner_commom .login_inputs {padding:80px 30px;}
  .common_login_Page .login_conatiner_commom .login_body .form-group {margin-bottom: 40px; }
  .common_login_Page .login_conatiner_commom .login_inputs label {margin: 0 0 1px;}
  .common_login_Page .login_conatiner_commom .login_action .btn {padding: 14px 0;}
  .common_login_Page .login_conatiner_commom .login_inputs .forgot_password {}
  .common_login_Page .login_conatiner_commom .login_logo img{height: 70px;}
  .common_login_Page .login_conatiner_commom .product_logos li img{width: 141px;}
  .common_login_Page .login_conatiner_commom .login_inputs .checkbox input[type="checkbox"]{margin-top: 4px;}
  .common_login_Page .login_conatiner_commom .login_inputs .checkbox label{font-size: 14px;}
  .common_login_Page .company-logo-background{width:700px; height:492px; background:url(/images/company-logos-2e8742e379d6dc584128a26731ba3994.svg) no-repeat; background-size:100%; left:5%;}
  .common_login_Page .company-logo-background .company-slogan{padding:0 180px;}
}

@media (max-width: 1199px) {
  .common_login_Page .login_conatiner_commom {width: 300px;}
  .common_login_Page .login_conatiner_commom .login_logo{padding: 29px 0;}
  .common_login_Page .login_conatiner_commom .login_inputs {padding:70px 30px;}
  .common_login_Page .login_conatiner_commom .login_body .form-group {margin-bottom:30px;}
  .common_login_Page .login_conatiner_commom .login_inputs label {margin: 0 0 1px;font-size: 14px;}
  .common_login_Page .login_conatiner_commom .login_inputs .form-control{font-size: 14px;}
  .common_login_Page .login_conatiner_commom .password_box .form-control {padding-right: 30px;}
  .common_login_Page .login_conatiner_commom .password_box .togglePassword {right: 14px; font-size: 14px;}
  .common_login_Page .login_conatiner_commom .login_inputs .forgot_password {font-size: 14px;}
  .common_login_Page .login_conatiner_commom .login_action .btn {padding: 12px 0; font-size: 23px;}
  .common_login_Page .login_conatiner_commom .product_logos {margin: 25px 0 0 0;}
  .common_login_Page .login_conatiner_commom .product_logos img{width: 120px;}
  .common_login_Page .company-logo-background {width: 580px;height: 408px; left: 3%; }
  .common_login_Page .common_login_Page .company-slogan {padding: 0 140px; font-size: 20px;}
}
@media (max-width: 1024px){
  .common_login_Page .login_conatiner_commom{right: 0%;transform: translate(-15%, -50%); -ms-transform: translate(-15%, -50%);-moz-transform: translate(-15%, -50%); -webkit-transform: translate(-15%, -50%);}
  .common_login_Page .company-slogan {padding: 0 150px; font-size: 20px;  }
}
@media (max-width: 820px) {
    .common_login_Page .login_conatiner_commom{right: 0%;transform: translate(-5%, -50%); -ms-transform: translate(-5%, -50%);-moz-transform: translate(-5%, -50%); -webkit-transform: translate(-5%, -50%);}
    .common_login_Page .company-logo-background{left:0; width: 560px; height: 394px;}
}
@media (max-width: 767px) {
  .common_login_Page .login_conatiner_commom {width: 100%;max-width: 320px;margin: 22px auto auto;transform: inherit;position: static; top:0; }
  .common_login_Page .company-logo-background{background:transparent; width:100%; height:auto; left:0; top: 0; transform: none; position:relative;}
  .common_login_Page .company-slogan{display:none;}
  .common_login_Page .company-logo-image{display:block!important; text-align:center; width:100%;margin:20px 0; padding:10px}
  .common_login_Page .company-logo-image img{max-width:80%;}
}
@media (max-width:576px) {
    .common_login_Page .login_conatiner_commom{margin:0 auto auto;}
    .common_login_Page .company-logo-image img{max-width:70%;}
    .common_login_Page .login_conatiner_commom .login_inputs {padding:50px 30px;}
    .common_login_Page .login_conatiner_commom .login-btn{margin-top:30px}
    .common_login_Page .company-logo-image{margin:10px 0; padding:2px}
    .common_login_Page .login_conatiner_commom .login_body .form-group { margin-bottom:20px;}
}

@media (max-width: 479px) {
  .common_login_Page .login_conatiner_commom {max-width: 80%;}
}