.lb24-wp-login-header {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  border-bottom: solid 1px #e8e8e8;
  padding-left: 39px;
}

.lb24-wp-setting-login-logo {
  width: 258px;
}

.lb24-wp-body {
  padding: 24px;
  text-align: center;
}

.lb24-wp-body-title {
  font-size: 16px;
  font-weight: 400;
  color: #171338;
  margin-bottom: 24px;
  line-height: 24px;
}

.lb24-wp-login-body {
  width:364px;
  height:292px;
  padding: 24px;
  background:rgba(255,255,255,1);
  box-shadow:4px 6px 20px 0px rgba(0,48,144,0.08);
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}

.lb24-wp-login-email-label, .lb24-wp-login-password-label {
  color: #171338;
  font-size:14px;
  font-weight:400;
  line-height:20px;
  display: block;
  margin-bottom: 8px;
  text-align: left;
}

.lb24-wp-login-email, .lb24-wp-login-password {
  width: 100%;
  height: 40px;
  background: rgba(255,255,255,1);
  border-radius: 4px;
  border: 1px solid rgba(193,208,226,1) !important;
  margin-bottom: 20px;
  padding: 10px 16px !important;
}

.lb24-wp-login-email:focus{
  border: 1px solid #0055ff !important;
  box-shadow: none !important;
  outline: none !important;
}

.lb24-wp-login-password:focus{
  border: 1px solid #0055ff !important;
  box-shadow: none !important;
}

.lb24-wp-login-error-message {
  position: absolute;
  color: #D41215;
  bottom: 90px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 12px;
}

.lb24-wp-login-btn {
  margin-top: 12px;
  width:316px;
  height:36px;
  background:rgba(0,85,255,1);
  border-radius:4px;
  cursor: pointer;
  color: #fff;
  font-size:14px;
  line-height:20px;
  border: none;
}

#lb24-login-loading {
  visibility: hidden;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  color: #fff;
  position: relative; top: -2px;
  animation: lb24-login-loading-more 2s linear infinite;
}

@keyframes lb24-login-loading-more {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lb24-wp-logout-body {
  width:340px;
  height:182px;
  background:rgba(255,255,255,1);
  box-shadow:4px 6px 20px 0px rgba(0,48,144,0.08);
  border-radius:4px;
  margin: 40px auto;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}

.lb24-wp-username {
  font-size: 14px;
  color: #171338;
}

.lb24-wp-logout-btn {
  margin:32px auto;
  display:block;
  width:200px;
  height:36px;
  background:rgba(0,85,255,1);
  border-radius:4px;
  cursor: pointer;
  color: #fff;
  font-size:14px;
  line-height:36px;
  border: none;
  box-shadow: none!important;

  &:hover {
    color: #fff;
  }
}

.lb24-wp-setting-login-desc{
  font-size: 12px;
  color: #171338;
  margin-top: 12px;
  display: inline-block;

  .lb24-wp-setting-login-portal {
    color: #0055ff;
    box-shadow: none;
    border-bottom: 1px solid #0055ff;

    &:hover {
      box-shadow: none;
    }
  }
}
