/*$default		  :#F0F0F0;*/
/*10px;*/
/*13px;*/
/*20px;*/
.transition {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; }

.ellips {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block; }

body {
  background: url("../images/loginbg.png"); }

.text-underline {
  text-decoration: underline; }

header {
  background: #fff; }

h1, h2 {
  margin-bottom: 1.25rem;
  color: #283784;
  font-weight: 700; }

.alert {
  box-shadow: 0px 6px 6px 0px #00000040;
  border-radius: 8px;
  position: fixed;
  right: 30px;
  top: 80px;
  width: 100%;
  max-width: 585px;
  padding: 15px;
  z-index: 99;
  color: #fff; }
  .alert.alert-success {
    background-color: #283784;
    border-color: #283784;
    background: -moz-linear-gradient(left, #283784 0%, #354894 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #283784), color-stop(100%, #354894));
    background: -webkit-linear-gradient(left, #283784 0%, #354894 100%);
    background: -o-linear-gradient(left, #283784 0%, #354894 100%);
    background: -ms-linear-gradient(left, #283784 0%, #354894 100%);
    background: linear-gradient(to right, #283784 0%, #354894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283784', endColorstr='#354894', GradientType=1 ); }
  .alert h3 {
    margin-bottom: .2rem;
    color: #fff;
    font-weight: bold; }
  .alert p {
    margin-bottom: .1rem; }
  .alert .close {
    height: auto;
    padding-right: 5px;
    padding-top: 5px; }

.nav-tabs {
  margin-bottom: 1.5rem; }

.login-wrapper {
  margin: 60px 0; }
  .login-wrapper .bg-white {
    padding: 32px;
    max-width: 710px;
    margin: 0 auto;
    position: relative;
    /*top:50%; transform: translateY(-50%);*/ }
  .login-wrapper .btn {
    font-weight: 700; }
  .login-wrapper .page-desc {
    color: #6C757D;
    margin-bottom: 1.5rem; }
  .login-wrapper .input-group-text i {
    color: #283784; }

.loginpage {
  text-align: center;
  position: relative; }
  .loginpage p {
    margin-bottom: 1.5rem; }
  .loginpage .btn-default {
    display: block;
    margin-bottom: .5rem;
    background: #E7F1FF;
    border-color: #E7F1FF;
    color: #283784;
    font-weight: 700; }
    .loginpage .btn-default:hover {
      box-shadow: 5px 5px 10px 0px #00000033; }
  .loginpage .link-para {
    margin-top: 1.5rem;
    margin-bottom: .75rem; }
  .loginpage .form-group .form-label {
    display: block; }
  .loginpage .form-group label, .loginpage .form-group input {
    text-align: left; }
  .loginpage .btn-primary {
    min-width: 160px; }

.inputgroup .input-group-text, .input-group .input-group-text {
  background-color: #e7f1ff;
  color: #283784;
  min-width: 40px; }
.inputgroup .toggle_eye, .input-group .toggle_eye {
  border-radius: 0px; }

.input-group-append .input-group-text {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.login-note {
  text-align: left;
  letter-spacing: -0.31px;
  font-size: 0.875rem; }

.or {
  margin-bottom: 1.5rem; }

.success-icon {
  font-size: 5rem; }

/* Register page */
.registerpage {
  text-align: center; }
  .registerpage .form-row .form-group {
    text-align: left; }
  .registerpage .link-para a {
    text-decoration: underline; }
  .registerpage li {
    margin-bottom: .2rem;
    line-height: 1.4; }
  .registerpage .btn {
    min-width: 225px; }

.form-group {
  margin-bottom: 1.5rem; }

.login_heading p {
  margin-bottom: 1.5rem; }

.otp-field {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem; }
  .otp-field input {
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
    margin: 0 5px;
    border: none;
    border-bottom: 2px solid #B89831;
    outline: none;
    transition: all 0.1s;
    border-radius: 0;
    max-width: 50px;
    padding-left: .25rem;
    padding-right: .25rem; }

.otp-field input:focus {
  box-shadow: 0 0 2px 2px #a527ff6a; }

.disabled {
  opacity: 0.5; }

.receive-msg span, .receive-msg a {
  margin-right: .5rem; }

.email-otp-field {
  justify-content: space-between; }
  .email-otp-field input {
    max-width: 42px; }

.loader-wrap {
  text-align: center;
  padding: 60px 50px; }

.confirm-msg-wrap {
  text-align: center; }
  .confirm-msg-wrap .logo-confirm {
    margin-bottom: .75rem; }
  .confirm-msg-wrap .btn {
    font-weight: 700; }

.userlogin .btn {
  min-width: 225px; }

.help-txt {
  font-size: 0.875rem; }

/**/
@media all and (max-width: 991px) {
  .alert {
    width: calc(100% - 30px); }

  .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background: transparent; }

  .loginImg {
    position: absolute;
    left: 0;
    z-index: -1; }

  .form-group {
    margin-bottom: 1rem; }

  .new-customer > .bg-white {
    margin-top: 1.25rem;
    border-radius: 8px; }

  .loginpage .bg-white {
    background-color: rgba(255, 255, 255, 0.8) !important; }
    .loginpage .bg-white.p-4 {
      padding: 15px !important; }
  .loginpage input {
    background-color: #fff; }

  .social-login .form-group {
    margin-bottom: .25rem; }

  .forget-link a {
    text-decoration: underline; }

  .login-wrapper {
    margin: 15px 0; }
    .login-wrapper .bg-white {
      padding: 15px; } }