/*========================================================
        DARK LAYOUT
=========================================================*/

.flexbox-container{
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.login-bg{
  background: url(/app-assets/images/pages/vuexy-login-bg.jpg) no-repeat center center;
  background-size: cover;
}
.bg-authentication {
  /* background-color : #EFF2F7; */
  background-color : #5d7193;
}
.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%;
  }
}