body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

.NavHeader {
  margin-top:50px;
}


.navbar-toggle
{
  background-color:lightgray;
  Color:black;
}

.navbar-inverse
{
  background-color:#3ab7d9;
}

.navbar-inverse .navbar-brand
{
  color:white;
}

.navbar-inverse .navbar-nav li a
{
  color:white;
}

  .navbar-inverse .navbar-brand:hover {
    color: gray;
  }

  .navbar-inverse .navbar-nav li a:hover {
    color: gray;
  }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 3px solid #337ab7;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/


/*.passwordtoggle 
{
  margin:10px;
}*/


.HeaderBanner {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../Images/ALPSBanner.jpg');
  width: 100%;
  padding-top: 17%;
  height: 100%;
}

.HeaderBannerContainer {
  position: relative;
  overflow: hidden;
  min-height: 10px;
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

  .HeaderBanner {
    position: absolute;
    background-image: url('../Images/ALPSBanner.jpg');
    left: -9999px;
    right: -9999px;
    margin: auto;
    min-width: 780px;
    max-width: 100%;
    padding-top: 0px;
    background-size: 100%;
    background-position: unset;
    background-repeat: no-repeat;
    background-image: url('../Images/ALPSBanner.jpg');
    width: 100%;
    padding-top: 0px;
    height: 100%;
  }

  .HeaderBannerContainer {
    position: relative;
    overflow: hidden;
    top: 0;
    min-height: 130px;
  }


}


.APIGroup {
    /*background-color: #3ab7d9;*/
    padding:1px;
    padding-left:5px;
    /*color:white;*/
}

.APIGroup h2
{
    color:#31708f;
    margin-top:5px;
}

    .APIGroup p {
        color: #31708f;
    }


/* Specifally landscape phones */
@media only screen and (min-width: 480px) and (max-width: 767px) {

  .col-xsl-1, .col-xsl-2, .col-xsl-3, .col-xsl-4, .col-xsl-5, .col-xsl-6, .col-xsl-7, .col-xsl-8, .col-xsl-9, .col-xsl-10, .col-xsl-11, .col-xsl-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-xsl-12 {
    width: 100%;
  }

  .col-xsl-11 {
    width: 91.66666667%;
  }

  .col-xsl-10 {
    width: 83.33333333%;
  }

  .col-xsl-9 {
    width: 75%;
  }

  .col-xsl-8 {
    width: 66.66666667%;
  }

  .col-xsl-7 {
    width: 58.33333333%;
  }

  .col-xsl-6 {
    width: 50%;
  }

  .col-xsl-5 {
    width: 41.66666667%;
  }

  .col-xsl-4 {
    width: 33.33333333%;
  }

  .col-xsl-3 {
    width: 25%;
  }

  .col-xsl-2 {
    width: 16.66666667%;
  }

  .col-xsl-1 {
    width: 8.33333333%;
  }

  .col-xsl-pull-12 {
    right: 100%;
  }

  .col-xsl-pull-11 {
    right: 91.66666667%;
  }

  .col-xsl-pull-10 {
    right: 83.33333333%;
  }

  .col-xsl-pull-9 {
    right: 75%;
  }

  .col-xsl-pull-8 {
    right: 66.66666667%;
  }

  .col-xsl-pull-7 {
    right: 58.33333333%;
  }

  .col-xsl-pull-6 {
    right: 50%;
  }

  .col-xsl-pull-5 {
    right: 41.66666667%;
  }

  .col-xsl-pull-4 {
    right: 33.33333333%;
  }

  .col-xsl-pull-3 {
    right: 25%;
  }

  .col-xsl-pull-2 {
    right: 16.66666667%;
  }

  .col-xsl-pull-1 {
    right: 8.33333333%;
  }

  .col-xsl-pull-0 {
    right: auto;
  }

  .col-xsl-push-12 {
    left: 100%;
  }

  .col-xsl-push-11 {
    left: 91.66666667%;
  }

  .col-xsl-push-10 {
    left: 83.33333333%;
  }

  .col-xsl-push-9 {
    left: 75%;
  }

  .col-xsl-push-8 {
    left: 66.66666667%;
  }

  .col-xsl-push-7 {
    left: 58.33333333%;
  }

  .col-xsl-push-6 {
    left: 50%;
  }

  .col-xsl-push-5 {
    left: 41.66666667%;
  }

  .col-xsl-push-4 {
    left: 33.33333333%;
  }

  .col-xsl-push-3 {
    left: 25%;
  }

  .col-xsl-push-2 {
    left: 16.66666667%;
  }

  .col-xsl-push-1 {
    left: 8.33333333%;
  }

  .col-xsl-push-0 {
    left: auto;
  }

  .col-xsl-offset-12 {
    margin-left: 100%;
  }

  .col-xsl-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-xsl-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-xsl-offset-9 {
    margin-left: 75%;
  }

  .col-xsl-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-xsl-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-xsl-offset-6 {
    margin-left: 50%;
  }

  .col-xsl-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-xsl-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-xsl-offset-3 {
    margin-left: 25%;
  }

  .col-xsl-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-xsl-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-xsl-offset-0 {
    margin-left: 0;
  }
}