/*
 *  Branded Login page css
 */

/* Brand related customization variables                */

/* ===================================================== */

.wpfe-login-page select,
.wpfe-login-page input {
  color: #303c40 !important;
}
.wpfe-login-page input:focus {
  box-shadow: 0px 0px 10px 0 #00aeff;
}
.wpfe-login-page .wpfe-logon-view-tab {
  border-color: #3299cc;
}
.wpfe-login-page .wpfe-logon-view-tab.wpfe-logon-view-tab-active {
  background-color: #3299cc;
  color: white;
}
.wpfe-login-page .wpfe-logon-view-branded-color {
  color: white;
}
.wpfe-login-page .wpfe-logon-view-branded-background {
  background: #3299cc;
}
.wpfe-login-page .wpfe-logon-view-branded-background-as-color {
  color: #3299cc;
}
.wpfe-login-page .wpfe-logon-view-branded-text-color {
  color: #fff;
}
.wpfe-login-page .wpfe-logon-view-logon-form-demo-access-icon-container {
  border-color: #fff;
}
.wpfe-login-page .wpfe-logon-view-message-icon {
  color: #00ffea;
}
.wpfe-login-page .wpfe-logon-view-message-with-error .wpfe-logon-view-message-header,
.wpfe-login-page .wpfe-logon-view-message-with-error .wpfe-logon-view-message-icon {
  color: #ff6262;
}
.wpfe-login-page .wpfe-logon-view-message-with-error .wpfe-logon-view-message-text {
  color: #cccccc;
}
.wpfe-login-page .wpfe-logon-view-message-with-error .wpfe-logon-view-message-additional-text {
  color: #fff;
}
.wpfe-login-page .wpfe-logon-view-message-with-error .wpfe-logon-view-message-additional-secondary-text {
  color: #fff;
  font-size: 10px;
}
.wpfe-login-page wpfe-language-selector .wpfe-dropdown-select-button {
  border: 1px solid #00eaff !important;
  color: #00eaff;
}
@media (hover: hover) {
  .wpfe-login-page wpfe-language-selector .wpfe-dropdown-select-button:hover {
    border-color: rgba(0, 234, 255, 0.6) !important;
    color: #00eaff;
  }
  .wpfe-login-page wpfe-language-selector .wpfe-dropdown-select-button:hover .wpfe-dropdown-select-arrow {
    border-left-color: rgba(0, 234, 255, 0.6);
  }
}
.wpfe-login-page wpfe-language-selector .wpfe-dropdown-select-button .wpfe-dropdown-select-text {
  color: inherit;
}
.wpfe-login-page wpfe-language-selector .wpfe-dropdown-select-button .wpfe-dropdown-select-arrow {
  border-left: 1px solid #00eaff;
  color: inherit;
}
/*
 *  Branded Login page css
 */
/* Brand related customization, you can modify this code */
/* ===================================================== */