/*========================================================
        DARK LAYOUT
=========================================================*/
.bg-authentication {
  background-color : #EFF2F7;
}
.bg-authentication .login-footer {
  padding : 0rem 1.5rem 0.5rem;
}
.bg-authentication .login-footer .footer-btn .btn {
  padding : 0.9rem 1.2rem !important;
  margin : 1rem 1rem 1rem 0rem;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .bg-authentication {
    width : 100%;
  }
}

/*========================================================
login authentication 09-feb-2024
=========================================================*/

html body.bg-full-screen-image
{

  background: url(../../images/pages/vuexy-login-bg.jpg) no-repeat center;

  background-size: cover;
}

.two-fac
{
  font-size: 12px;
}
/* .login-footer{

  margin-bottom: 50px !important;

} */

.loginleft {
  height: 100% !important;
  background-color: #f8f8f8;
  width: 350px !important;
}

.loginleft img {
  margin-top: 0px !important;
}


.card-body {
  padding: 15px;
}

.otp-section input {
  height: 45px;
  width: 45px;
  border-radius: 5px;
  border-bottom: 1px solid #999;
  margin: 3px 3px;
  outline: none;
  border: none;
  background: #EFEFEF;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
}


.card-content .otp-confo{
  font-weight: 500 !important;
}

.btn-primary:hover
{
  box-shadow: none;
}

.lottie-anim{
  text-align: center;
  text-align:-webkit-center;
}


.otp-box{
max-width: 800px;

}

@media only screen and (max-width: 1400px)

{

  .otp-box{
    max-width: 800px;
    
    }
    

}

.entr-details{
  font-size: large;
  top:8px
}

.bg-authentication .note{

  color: #0C89EE !important;
}
.card-header .sub-heading
{
  font-size: 11px;
}

.login-footer1{
  margin-bottom: 69px;
}

.form-label-group.label-b > input:not(:placeholder-shown) ~ label
{
	font-size: 11px !important;
  color: #0C89EE !important
}