@import "login2-tablet.css";
@import "login2-modernTablet.css";
@import "login2-iphone6.css";
/*general styles which apply to all layouts for aware*/
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,500,900,700');

/*

AWARE
   
Header (top bar) – 194872
Banner (that login sits on top of) - 29798b (Opacity - 75%) = rgba(41,121,139,0.75)
Background (in smaller views when no photo appears)– 29798b
Sign In Button Normal – 1ebd96
Sign In Button Over/down – 0eac89
Sign In button text - white

Header – 55a5c3 hsl(196, 48%, 55%);
Background – 77b7cf hsl(196, 48%, 64%);
Sign In Button Normal – #f6c311
Sign In Button Over/down – #e2a50c
Sign in button text - black


*/

body{

    font-family: "Raleway",sans-serif;


}
.header {
        background-color: #194872;
        font-weight: bold;
        width: 100vw;
        height: 10vh;
        clear: both;
        line-height:10vh;
    }

   .header img {
            height: 8vh;
            position:relative;
            vertical-align:middle;

            
        }

   .header #imgRegAppLogo {

       left:2vw;

   }

   .LoginPageBody{

              position: relative;
        width: 100vw;
        /*height: 90vh;*/
        background: url("/images/iStock_81906319_compressed.jpg");
        background-size: cover;
        background-position: center;
   }

  .vLoginBanner{
      color:#fff;
      background-color:  rgba(41,121,139,0.75);
    
  }

  .vLoginBanner a{
      color:#fff;
  }

  .vLoginBanner .accntLink{

      font-size:1rem;
      font-weight:700;
      text-align:center !important;
      text-decoration:underline;
      outline:none;
      cursor:pointer;
      display:block;
  }

    .vLoginBanner .inputWrapper{
      box-shadow: 1px 1px 1px 1px #666;
  }

      .vLoginBanner .inputWrapper.clear{

      box-shadow:none !important;
  }
  
  .vLoginBanner .row label{

      text-transform:uppercase
  }

  .vLoginBanner input[type=submit]{
      background-color:#1ebd96;
      color:white;
      text-transform:uppercase;
  }

  .vLoginBanner input[type=submit]:hover, .vLoginBanner input[type=submit]:active{
      background-color:#0eac89;
  }
    .vLoginBanner .whatsnew a {
        font-size: larger;
        font-weight: bolder;
    }
  .passwordLinks{
      font-size:1rem;
      font-weight:700;
      text-align:center !important;
      text-decoration:underline;
      outline:none;
      cursor:pointer;
      display:block;
      margin-top:2vh;
  }
  /* Total Cheat - Not recommended, but an easy fix to the problem.*/
 #lblEmailAddress:before{
     
      content: "USERNAME or ";
  }

.copyright:before {
    content: "© 2016 ";  
}