/* ===================================
    General
====================================== */

/* Base */
.login-page{
    min-height: 100vh;
    width: 100vw;
}
/* Left */
.login-left{

  display:flex;
  align-items:center;
}

.login-left-inner{
  width:100%;
  max-width:380px;
}

.login-title{
  font-weight:600;
}

.login-subtitle{
  color:#2C3248;
}

.login-form .form-label{
  margin-bottom:5px;
  font-weight: 600;
}

.login-form .form-control{
  border-radius:8px;
  border:1px solid #e5e7eb;
  padding:10px 12px;
  font-size:14px;
}


/* Right */
.login-right{
  position:relative;
  background-image: url("../assets/img/login-bg.png");
  background-size: cover;
  background-position: center;
      display: flex;
    justify-content: center;
    align-items: center;
}

.login-logo-inner{
  width:120px;
  height:120px;
  border: 1px solid;
  border-image-source: linear-gradient(135.4deg, #F1F7FF 16.97%, #859DF2 49.01%, #FFFFFF 78.07%); 
  border-radius:16px;
  box-shadow: 0 16px 40px rgba(31,41,55,.15);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  justify-content:center;
}

.login-logo-img{
  width: 70%;
}

/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

.login-logo-inner{
  width:160px;
  height:160px;}

}
/* md  */ @media (min-width: 768px) {

.login-logo-inner{
  width:200px;
  height:200px;}

  .login-right-bg{position: absolute;}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}