/* Layout */
.stedman-login-container {
  min-height: 100vh;
}
#page-login-index .stedman-login-container #page{
  height: 100%;
}
.login-box .small-screens-only .toggle-sensitive-btn{
  display: block!important;
  background-color: transparent;
    border: none;
}
.login-box .login-form-password{
flex-wrap: nowrap;
}
/* Layout */
.left-section {
  background: var(--white);
}

.right-section {
  background: var(--white);
}

.login-box {
padding: 3rem;
}

/* Logo */
.login-logo {
  text-align: var(--text-align);
  margin-bottom: 20px;
}
.login-logo img{
  margin-bottom: 1.5rem;
}

/* Text */
.title {
  color: var(--text-dark);
  font-weight: 600;
}

.subtitle {
  color: var(--text-dark);
  font-size: var(--font-size-base);
}

.signin-text {
  color: var(--primary);
  font-size: var(--font-size-xxl);
  font-weight: 600;
}

/* Input Box */
.input-box {
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  margin-bottom: var(--spacing-md);
  background: var(--input-bg);
  transition: var(--transition);
}

.input-box:focus-within {
  border-color: var(--primary);
  background: var(--white);
}

/* Label */
.input-label {
  font-size: var(--font-size-sm);
  color: var(--text-dark);
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
}

/* Inputs */
.login-form-control {
  border: none;
  background: transparent;
  padding-left: 0;
  font-size: var(--font-size-base);
}

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

/* Icons */
.input-group-text {
  background: transparent;
  border: none;
  color: var(--icon-color);
  margin-top: 10px;
}

.toggle-password {
  cursor: pointer;
  color: var(--icon-color);
}
.stedman-bg{
  height: 100vh;
    width: 100%;
}

/* Links */
.extra-links {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 20px;
}

.extra-links a {
  color: var(--primary);
}

/* Button */
.btn-login {
  background: var(--primary);
  color: var(--white);
  border-radius: var(--radius-md);
  transition: var(--transition);
  padding: 10px;
  font-size: var(--font-size-lg);
  font-weight: 600;
}

.btn-login:hover {
  background: var(--primary-hover);
  color: var(--white);
}


/* Responsive */
@media(max-width:768px){
  .left-section{
    display:none;
  }
  .login-box {
padding:20px;
}
}

ul.langnav {
    position: absolute;
    right: 30px;
    list-style: none;
    z-index: 999999;
    top: 10px;
}
ul.langnav {
    margin-top: 10px;
}