.loginHeading {
   font-family: Raleway;
   color: #2b2b2b;
   margin-top: 2em;
   margin-bottom: 3em;
}
.loginHeading h1.heading {
   font-family: "Open Sans", "sans-sarif";
   font-size: 3em;
   text-transform: uppercase;
   font-weight: 600;
}
.loginHeading .subheading {
   font-size: 1.5em;
   font-style: italic;
   font-weight: bold;
}

/** Error styles */
.error {
   color: #d22e07;
   font-weight: bold;
}
.loginHeadingErrors {
   margin: 2em 0;
   font-size: 1em;
   font-weight: bold;
}

/** Error container styles */
.accountContainer .errorHeading {
   font-family: Raleway;
   font-weight: bold;
   font-size: 2em;
   text-transform: uppercase;
   margin-left: 0.5em;
   max-width: 435px;
}
.accountContainer ul.errorHelpMessages {
   font-size: 1.25em;
   font-weight: 400;
}
.accountContainer ul.errorHelpMessages > li {
   margin-top: 1em;
}

/** Account button style */
.btn.btn-submit.accountBtn,
.btn.btn-submit.accountBtn:visited,
.btn.btn-submit.accountBtn:active,
.btn.btn-submit.accountBtn:focus {
   background-color: #005aa5;
   color: white;
   text-transform: none;
   text-decoration: none;
   border-radius: 50px;
   font-size: 1.2em;
   padding: 5px 20px;
   min-width: 144px;
   transition: all 0.2s ease;
}
.btn.btn-submit.accountBtn:hover {
   background-color: #00adef;
}
.infinite-page-wrapper .accountBtn:focus {
   outline: -webkit-focus-ring-color auto 5px;
}

/** Flexy Stuff */
.flexHoriContainer {
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
}
.pageContainer {
   margin-bottom: 2em;
}

/** Account Container Styles */
.accountContainer {
   display: inline-block;
   margin-left: 1%;
   margin-right: 1%;
   min-width: 435px;
   height: 100%;
}
.accountContainer .containerHead {
   background: #2b2b2b;
}
.accountContainer .containerHead .title {
   font-family: Raleway;
   font-weight: bold;
   font-size: 2em;
   text-transform: uppercase;
   color: white;
   padding: 0.3em 0.5em;
}

/** Signup container form styles */
.signupContent {
   font-family: "Open Sans", "sans-sarif";
   padding: 1em;
   background-color: #f2f2f2;
}
.signupContent .signupFooter {
   margin: 2.5em 0em;
}
.signupContent .signupSubheading {
   font-size: 1.8em;
   font-weight: 600;
   font-style: italic;
}
.signupContent .signupPerks {
   font-size: 1.4em;
   font-weight: 400;
   margin-top: 0.4em;
}
.signupContent .signupPerks > div.row {
   margin-bottom: 0.5em;
}
.signupContent .signupPerks .material-icons {
   margin-right: 0.5em;
   font-size: 1.5em;
   color: green;
}

/** Login container form styles */
.loginForm {
   margin: 1em 0.5em;
}

/** General login form styles */
.loginForm .form-group {
   margin-top: 0; /* Material-Kit Override */
}
.loginForm .form-row {
   margin-top: 1em;
}
.loginForm .form-group input,
.loginForm .form-group input::placeholder,
.loginForm .form-group.label-floating.is-empty:not(.is-focused) label.control-label {
   font-size: 1em;
}
.loginForm .form-check .checkbox {
   margin: 0;
}
.loginForm .form-check .checkbox label.form-check-label {
   color: black;
   user-select: none;
}
.loginForm .form-group .form-control-feedback.form-secondary-control {
   opacity: 1;
   pointer-events: auto;
   right: 34px; /* bootstrap form-control-feedback width */
}
.loginForm .form-group:not(.has-success) .form-control-feedback .material-icons.success,
.loginForm .form-group:not(.has-error) .form-control-feedback .material-icons.error {
   display: none;
}
.loginForm .form-group .form-control-feedback.form-secondary-control {
   right: 34px; /* bootstrap feedback width */
}

/** Tooltip style */
.loginForm .helpTooltipIcon {
   vertical-align: middle;
   color: #1596ba;
   display: inline-block;
   cursor: default;
}
.loginForm .tooltip {
   pointer-events: none;
}
.loginInputStatusIcon {
   margin-top: 32px;
   margin-right: 15px;
   
}
.noOffsetInputStatusIcon{
   margin-top: 1%;
}

/** Override material-kit anchors */
a:focus {
   color: #6b95bf; /** From CMS stylesheet */
}

/** Custom material-kit form Gleim colors */
.loginForm .form-group .form-secondary-control .material-icons.hideshow {
   user-select: none;
   cursor: pointer;
   color: #4b4b4b;
}
.loginForm .form-group .form-secondary-control .material-icons.hideshow:hover {
   opacity: 0.7;
}
.loginForm .form-group.is-focused:not(.has-success):not(.has-error) .control-label {
   color: #0071BC;
}
.loginForm .form-group.is-focused:not(.has-success):not(.has-error) .form-control {
   background-image: linear-gradient(#00adef, #00adef), linear-gradient(#D2D2D2, #D2D2D2);
}
#email,
#password {
   background-image: none;
}
.loginForm .checkbox input[type='checkbox']:checked + .checkbox-material .check {
   background: #00adef;
}
.loginForm .tooltip .tooltip-inner {
   background: #2b2b2b;
   color: white;
}
.loginForm .tooltip.right .tooltip-arrow {
   border-right-color: #2b2b2b;
}
.material-icons.inputIcon {
   color: #4b4b4b;
   font-size: 2.2em;
   cursor: default;
}

/** Material kit likes to pad my foot... */
footer {
   padding: 0;
}

/** Make the material checkbox animation area not clickable */
.checkbox .checkbox-material::before {
   pointer-events: none;
}

/** Adaptive media styles */
@media screen and (max-width: 500px) {
   .loginHeading h1.heading {
      font-size: 2.5em; /* 75% original */
   }
   .loginHeading .subHeading {
      font-size: 1.2em;
   }
   .signupContent .signupSubheading {
      font-size: 1.4em;
   }
   .accountContainer {
      margin: 0;
      min-width: auto;
      width: 100%;
   }
   .accountContainer .errorHeading {
      margin-top: 1em;
   }
   .accountContainer .containerBody .errorHelpMessages {
      margin-right: 0;
      padding-left: 0;
      margin-left: 35px; /** CMS style */
   }
   #page-wrapper {
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
   }
}

/** Remove IE's clear and reveal input box icon */
::-ms-reveal,
::-ms-clear {
   width: 0;
   height: 0;
}