/* @group Greys */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Background colours */
.sectionBG-White {
  background-color: #ffffff; }

.sectionBG-Black {
  background-color: #111; }

.sectionBG-Light-Grey {
  background-color: #f7f7f7; }

.sectionBG-Sky-Blue {
  background-color: #89d6f2; }

.sectionBG-Neon-Pink {
  background-color: #ee0049; }

.sectionBG-Bright-Purple {
  background-color: #bd1a8d; }

.sectionBG-Dark-Purple {
  background-color: #6d216d; }

.sectionBG-Orange {
  background-color: #f6a030; }

.sectionBG-Green {
  background-color: #b5d562; }

.sectionBG-Pink {
  background-color: #daaec8; }

.sectionBG-Brown {
  background-color: #c88c5e; }

.sectionBG-Turquoise {
  background-color: #3cc8b4; }

/* @end */
.loginWrap {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 100vh;
  background: #f4f4f4;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #FFFFFF, #f4f4f4);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #FFFFFF, #f4f4f4);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }

.login header, .login nav, .login svg, .login footer {
  display: none !important; }

.login input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

.login .action, .login #LostPasswordForm_lostPasswordForm_action_forgotPassword {
  background-color: #06c0b6;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: none !important;
  opacity: 1;
  filter: alpha(opacity=100);
  padding: .55rem 1.3rem 0.5rem;
  font-size: 1em !important;
  margin-bottom: .7rem;
  margin-top: 1rem; }

.login .action:hover {
  background-color: #047670; }

.loginForm {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.75rem;
  background-color: white;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #e7e7e7; }
  .loginForm input[type="text"], .loginForm input[type="password"] {
    width: 100%;
    border: 1px solid #e7e7e7;
    -webkit-appearance: none !important;
    outline: none;
    padding: .7rem; }
  .loginForm p {
    margin-bottom: .5rem; }
  .loginForm input[type="text"]:focus, .loginForm input[type="password"]:focus {
    border: 1px solid #c1c1c1; }
  .loginForm p#MemberLoginForm_LoginForm_error {
    margin-bottom: 0rem !important;
    color: #d5013d; }
  .loginForm input:active, .loginForm input:hover, .loginForm input:focus {
    border-color: #dedddd; }
  .loginForm label {
    margin-bottom: 0.05rem !important;
    margin-top: .8rem;
    font-size: 11px; }
  .loginForm p#ForgotPassword {
    margin-bottom: 0.1rem !important;
    font-size: 11px;
    width: 100%; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 667px) {
  .loginForm {
    width: 90%;
    padding: 1.5rem;
    background-color: white; } }