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

/*
    
Header - ffffff
Banner - dddddd(Opacity - 90%)
Background - dddddd
Sign In Button - e5b961
Sign In Button Over/Down - b68d40
Sign In Button Text - 000000


*/

body{
    font-family: "Raleway",sans-serif;
}
.header {
        background-color: #fff;
        font-weight: bold;
        width: 100vw;
        height: 10vh;
        clear: both;
        line-height:10vh;
    }

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

   #imgRegAppLogo{
      margin-left:1vw;
   }

.LoginPageBody {
    position: relative;
    width: 100vw;
    /*background: url('/images/MediaAwarePrograms/MediaAwareProgramsBKG_compressed.jpg');
    background-size: cover;
    background-position: center;*/
}

  .vLoginBanner{
      min-width:27vw;
      position:absolute;
      right:0vw;
      color:#ffffff;
      background-color:  #666666;
  }

  .vLoginBanner .row{
      padding-bottom:1.5vh;
  }

    .vLoginBanner .row label{
      color: white;
      display:block;
      clear:both;
      text-transform:uppercase;
      letter-spacing:2px;
      padding-bottom:1vh;
        
  }

  .vLoginBanner a{

      color:#ffffff;
  }

  .vLoginBanner p.welcomeMessage{
      text-align:center;
      font-size:3.5vh;
      font-weight:bold;
  }

  .vLoginBanner p span.bigWelcome{
      display:block;
      break-after:always;
      font-weight:bolder !important;
      font-size:1.75em;
  }
  
  .vLoginBanner .message, .vLoginBanner .welcome p {
    color: #ffffff;
}
  .vLoginBanner .inputWrapper{
      border-radius:6px;
  }
  .vLoginBanner .inputWrapper:not(.clear){
      box-shadow: 0px 0px 5px 1px #666;
  }

    .vLoginBanner input[type=submit] {
        background-color: #94a545;
        color: #ffffff;
        text-transform: uppercase;
    }

        .vLoginBanner input[type=submit]:hover, .vLoginBanner input[type=submit]:active {
            background-color: #86933a;
        }
  .vLoginBanner .login-failure {
      color: white;
  }

  #pnlWelcome{
      font-weight: bolder;
      padding-top:4vh;
      padding-bottom:4vh;
  }
  #pnlWelcome h2 {
      text-align: center;
  }
  #pnlWelcome h3 {
      text-align: center;
      font-size: 3vh;
      margin-top:0;
      margin-bottom:0;
  }
  .passwordLinks{
      visibility:hidden !important;
      display:none !important;
      font-size: large;
      font-weight: bolder;
  }
  .copyright{
      font-weight:400;
      letter-spacing:2px;
      transform:translate(10%);
      font-size:smaller;
  }
 .vLoginBanner .whatsnew {
    font-size: large;
    font-weight: bolder;
  }
 #lblEmailAddress:before {
   /* content: "USERNAME or ";*/
}
 .copyright:before {
     content: "© 2024 ";
 }
 #btnModal {
     color: #ffffff;
 }
  #btnLegal {
     color: #ffffff;
 }
 /*body div#hdrRegApp:after  {
    content: '';
    position: absolute;
    height: 11px;
    width: 100%;
    left: 0px;
    z-index: 10;
    top: calc(10vh);
}*/
@media only screen and (min-device-width: 1025px) {  /* THIS IS DESKTOP */
  .vLoginBanner{
      
  }
  .vLoginBanner .welcome h2 {
      font-size:4.5vw;
  }
}