/* bootstrap adjustments */
.container {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1230px) {
  .container {
    width: 1200px;
  }
}


/* === NAVBAR === */
.navbar {

    box-shadow: 0 2px 8px rgba(38,124,178,0.10);
}

.nav.navbar-nav li a {
    color: #fff;
    font-weight: 500;
    padding: 12px 20px;
    border-radius: 4px;
    transition: background 0.2s, color 0.2s;
}

    .nav.navbar-nav li a:hover, .nav.navbar-nav li.active a {
        background: #1F6D99;
        color: #FFFFFF;
    }

/* jquery ui adjustments*/
 .ui-autocomplete {
            max-height: 100px;
            overflow-y: auto;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
            /* add padding to account for vertical scrollbar */
            /*padding-right: 20px;*/
}
 /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */

  * html .ui-autocomplete {
    height: 100px;
  }

html, body {
   
   height: 100%!important

}


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

}

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


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}


/*DFS Styles*/
/*.deptHead { height: 42px; }*/
.deptHead { height: 60px; }
.deptHead {background-color: rgb(3, 47, 74);}




.wrapper{
     min-height: 75%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -0em;
     }



#main_Content
{
   
 /*margin: 50px 0 0 0;*/
   
}

/*Footer Styles*/
#footer, .push{
  background: #1c3c4c;
  color: #fff;
  padding-top:37px;
  margin: 5px 0 0 0;
  /*position:relative;*/
  /*position: absolute;*/
  /*height: 20em;*/
  clear:both;
    

}
#footer p {
  color: #fff;
}
#footer .inner {
  /*padding: 0 40px;*/
}
#footer hr {
  border-top: 1px solid #425449;
  border-top: 1px solid rgba(255, 204, 57, 0.17);
}
#footer .postfooter {
  background: #0f2530;
  padding: 34px 0;
  margin-top: 20px;
  font-size: 13px;
  line-height: 15px;

}
#footer .postfooter .inner {
  padding: 0 90px;
}
#footer .postfooter p {
  margin: 0;
  font-size: 13px;
  line-height: 15px;
}
#footer .postfooter a:hover {
  color: #3594c2;
  text-decoration: underline;
}
#footer h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #c7ab83;
  font-size: 19px;
  line-height: 21px;
  text-transform: uppercase;
  margin: 5px 0 20px 0;
}
#footer h2 + .list-unstyled > li {
  padding: 2px 0;
}

#footer li > a {
  color: #f8f8f8;
}

#footer h2 + .list-unstyled > li a:hover {
  color: #f7f8f8;
  text-decoration: underline;
}
#footer h3 {
  color: #c9c9c9;
  font-size: 18px;
  line-height: 18px;
}
#footer h3 span {
  padding-top: 3px;
  color: #c9c9c9;
  font-size: 12px;
  line-height: 12px;
}
#footer h4 {
  color: #c9c9c9;
  font-size: 15px;
  line-height: 16px;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}
#footer .form-control {
  width: 260px;
  height: 47px;
  padding: 7px 18px;
  font-size: 15px;
  line-height: 33px;
  color: #bbb;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 0;
}
#footer .form-control::-moz-placeholder {
  color: #c9c9c9;
  opacity: 1;
}
#footer .form-control:-ms-input-placeholder {
  color: #c9c9c9;
}
#footer .form-control::-webkit-input-placeholder {
  color: #c9c9c9;
}

/*End Footer*/

.buttonRow
{
 margin-bottom:5px;
}

.nav.navbar-nav li a {
    color: #ffffff;
}

/*.nav.navbar-nav a:hover {
    color: grey;
}*/

/* === ANIMATIONS === */
.fade-in {
    animation: fadeIn 0.8s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}