@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,100,600);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700&display=swap');


body {
  background-image: url('../images/login-bg.jpg');

/*  background: #fff;*/
  font-family: 'Poppins', sans-serif;

}

.login-box {background: #fff;min-height: 380px;width: 480px;margin: 0px auto;margin-top: 150px;border-radius: 10px;text-align: center;display: flex;flex-direction: column; justify-content: center;}
.login-box .loginlogo {width: 80px;display: inline-block;margin: -10px auto 20px;}

.login-box h1 {

  color: #2f4051;

  font-size: 25px;

  padding-top: 10px;

  font-weight: 600;

  text-align: center;

  padding-top: 20px;

}

.login-box hr {

  border-width: 1px;

  border-color: #0b1d30;

  opacity: 0.3;

}

.login-box h5 {

  text-align: center;

   font-weight: 600;

  color: #2f4051;

  font-size: 13px;

}

.login-box h5 strong {

  color: #dd636d;

}

.login-box .input-box {

  margin-top: 20px;

}

.login-box .input-box .input-group-addon {

  background: #15579b;

  border: 0px;

  color: #FFFFFF;

  border-radius: 4px;

}

.login-box .input-box input, .login-box .input-box input {background: #eee;border-radius: 0px;border: none;color: #000 !important;}
.login-box .input-box .form-control:-moz-placeholder {color: #000;}
.login-box .input-box .form-control::-moz-placeholder {color: #000;}
.login-box .input-box .form-control:-ms-input-placeholder {color: #000;}
.login-box .input-box .form-control::-webkit-input-placeholder {color: #000;}

.login-box .input-box .form-control:focus {box-shadow: none;}

.login-box .input-box .btn {background: #15579b;color: #FFFFFF;border-radius: 0px;outline: none !important;text-transform: uppercase;font-size: 15px;font-weight: 500; }


#ss_company {background: #f4f9ff;color: #385d83;padding: 10px;cursor: pointer;border: none;height: 42px;    line-height: 20px;border-radius:0 0 10px 10px;}
.companyselect select, .companyselect option  {-webkit-appearance: none;}
#ss_company:focus, #ss_company:focus-visible {outline: none !important;}





@media (max-width: 400px) {

  .login-box {

    width: 260px;

  }

}