/* 
LOGIN/LANDING PAGE
/////////////////////////////////////////////////////////////
*/
#content{
    height: 900px;
    background-image:url(/graphics/landing_bg.jpg);
    background-size: cover;
    overflow-x: hidden;
    padding: 0;
    margin-bottom: 0;
  }
  #footer{
    background-color: rgba(255, 255, 255, 0.8);
  }
  #login-form-container{
    max-width: 350px;
    margin-top: 50px;
  }
  #login-form-container .panel .panel-body, #login-form-container .panel .panel-heading{
   background-color: rgba(221, 219, 219, 0.75);
  }
  #adspanel{
    display: block;
    width: 90%;
    height: 580px;
    margin: 50px 20px 0px 80px;
  }
  .panel{
    background-color: rgba(255, 255, 255, 0.0);
  }
  @media only screen and (max-width: 1100px) {
    #content{
      height: 800px;
      background-image:url(/graphics/landing_bg.jpg);
      background-size: cover;
      background-position-x: -250px;
      overflow-x: hidden;
    }
    #login-form-container{
      max-width: 45%;
      margin-top: 10px;
      margin-left: 50%;
    }
    #adspanel{
      display: none;
    }
  }
  @media only screen and (max-width: 800px) {
    #content{
      height: 800px;
      background-image:url(/graphics/landing_bg.jpg);
      background-size: cover;
      background-position-x: -300px;
      overflow-x: hidden;
    }
    #login-form-container{
      max-width: 70%;
      margin-top: 10px;
      margin-left: 15%;
    }
    #adspanel{
      display: none;
    }
  }
  @media only screen and (max-width: 500px) {
    #content{
      height: 800px;
      background-image:url(/graphics/landing_bg.jpg);
      background-size: cover;
      background-position-x: -350px;
      overflow-x: hidden;
    }
    #login-form-container{
      max-width: 96%;
      margin-top: 10px;
      text-align: center;
      margin-left: 2%;
    }
    #adspanel{
      display: none;
    }
  }


/* 
PAYROLL TYPE LIST PAGE
/////////////////////////////////////////////////////////////
*/
.tabs-vertical {
    background-color:#adb;
    border-left: #adb 10px solid;
    padding: 30px 0px 0px 0px;
    min-width: 200px;
  }
  .tabs-vertical-env .tab-content{
    background-color:#fff;
    width: 100%;
  }
  .tabs-vertical-env {
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
  }
  .payrolltabs{
    border-bottom: #ced 1px solid;
  }