@import "login-irtinc-modernTablet.css";
@import "login-irtinc-tablet.css";
@import "login-irtinc-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');

/*
Media Aware Programs

Header - ffffff
Banner - 90baa3 (Opacity - 90%) rgba(144, 186, 163,0.9)
Background - 90baa3
Sign In Button - 333333
Sign In Button Over/Down - 1c1c1c
Sign In Button Text - FFFFFF

Welcome Text, etc. - 333333
    
    Previous
Header - ffffff
Banner - 7b7b7b (Opacity - 95%) - rgba(123,123,123,0.95)
Background (phone) - 7b7b7b 
Sign In Button - f69020
Sign In Button Over/Down - c16a14
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:6vw;
      color:#333333;
      background-color:  rgba(144, 186, 163, 0.9);
  }

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

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

  .vLoginBanner a{

      color:#333333;
  }

  .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: #333333;
}
  .vLoginBanner .inputWrapper{
      border-radius:6px;
  }
  .vLoginBanner .inputWrapper:not(.clear){
      box-shadow: 0px 0px 5px 1px #666;
  }

  .vLoginBanner input[type=submit]{
      background-color:#333333;
      color:#fff;
      text-transform:uppercase;
  }

  .vLoginBanner input[type=submit]:hover, .vLoginBanner input[type=submit]:active{
      background-color:#1c1c1c;
  }
  .vLoginBanner .login-failure {
      color: black;
  }

  #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;
  }
  .copyright{
      font-weight:400;
      letter-spacing:2px;
      transform:translate(10%);
      font-size:smaller;
  }
 .vLoginBanner .whatsnew {
    font-size: x-large;
    font-weight: bolder;
  }
 #lblEmailAddress:before {
    content: "USERNAME or ";
}
 .copyright:before {
     content: "© 2021 ";
 }
 #btnModal {
     color: #333333;
 }
  #btnLegal {
     color: #333333;
 }
 /*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;
  }
}