* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    height: 100%;
}

body {
    margin-top: 0;
    /* Top nav */
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 100%;
    /* display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;*/
}

.homeContainer {
    /*  -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;*/
    /*   width:100%;*/
}

h2, h3, h4, h5, h6 {
    /* text-transform: uppercase;*/
    font-weight: 700;
    letter-spacing: .25px!important;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

button {
    font-weight: 500!important;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}

.btn{
    font-weight: 600;
}

p {
    font-size: 16px;
    line-height: 1.6em;
}

[ng-click] {
    cursor: pointer;
}

.top-buffer {
    margin-top: 0;
    height: 100vh;
    width: 100vw;
    background-color: #003A54;
    background-image: url('/images/footer-pattern6.png');
    background-repeat: repeat-x;
    background-blend-mode: color-dodge;
    color: #fff;
}

td.top-buffer {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

#gitkitWidgetDiv {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gitkit-container {
    padding: 2em;
}

.gitkit-title {
    font-family: 'Montserrat', sans-serif;
    color: #003A54;
}

.gitkit-container form {
    margin-bottom: 0;
}

.navbar {
    background-color: rgba(255, 255, 255, .95);
    height: 80px;
}

a.navbar-brand {
    width: 200px;
    height: 100%;
    padding: 13px 11px 9px 0;
    margin-left: 15px;
}

a.navbar-brand:hover {
    color: #9d9d9d !important;
    /* Stop change on hover */
}

.nav.navbar-nav.navbar-right {
    padding-top: 15px;
    padding-right: 30px;
}

.navbar-nav>li>a, .dropdown-menu li a {
    color: rgb(97, 97, 97)!important;
    font-size: 14px;
    font-weight:600;
}

.navbar-nav>li>a.active {
    color: #17759F!important;
}

.dropdown-menu li {
    padding: .25em 0;
}

.navbar-nav>li>a:hover {
    color: #17759F!important;
}

.navbar button {
    background-color: #17759F;
    color: #fff;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 600!important;
}

.navbar button:hover {
    background-color: #99A038;
    color: #fff;
}


/* admin menu action favicons */

.actions .approve {
    color: green;
}

.actions .deny {
    color: red;
}

.actions .fa {
    margin-left: 1em;
    border: 1px rgba(0, 0, 0, 0) solid;
}

.actions .fa:hover {
    border: 1px gray solid;
    border-radius: 2px;
}

#hero {
    height: 100%;
    margin-top: 30px;
}

#heroIntro {
    background-image: url('/images/globe-intro.jpg');
    background-position: center;
    background-size: cover;
    height: inherit;
    padding: 0;
    position: relative;
}

#heroIntro:after {
    content: "";
    background-color: rgba(0, 0, 0, .17);
    background-blend-mode: multiply;
    display: block;
    height: inherit;
}

.hero-container {
    padding: 0;
    height: calc(100vh - 80px);
}

#heroRow-alt {}

#heroRow-alt:after {}

.jumbotron {
    background-image: url('/images/raise-your-hands.jpg');
    background-position: center;
    background-size: cover;
    height: inherit;
    padding: 0;
    position: relative;
    height: 100vh;
    margin-bottom: 0;
}

.homeContainer {
    padding-left: 0;
    padding-right: 0;
}

.jumbotron .container, .carousel-inner .container-fluid {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 100%;
}

.intro-alt img {
    height: 40px;
    margin-right: 20px;
    opacity: .9;
    filter: alpha(opacity=90);
}

#heroOptions {
    background-color: #99A038;
    height: 100%;
}

#heroOptions .row {
    height: inherit;
}

.intro {
    height: 100%;
    z-index: 2;
    position: absolute;
    height: auto;
    right: auto;
    left: 30px;
    bottom: 38%;
    box-shadow: 15px 15px 10px rgba(0, 0, 0, .2);
}

.intro-alt {
    height: 100%;
    z-index: 2;
    max-width: 790px;
    height: auto;
    /*box-shadow: 5px 5px 8px rgba(0,0,0,.1);*/
    padding: 3em;
}

.intro .container {
    position: relative;
    width: 100%;
    padding: 35px;
}

.intro h1 {
    margin-top: 0;
    margin-bottom: .35em;
    color: #fff;
    font-size: 3.7em;
    line-height: 1.1em;
}

.intro-alt h1 {
    margin-top: -10px;
    margin-bottom: .35em;
    color: #003A54;
    line-height: 1em;
    font-size: 6em;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

.teachbtn {
    background-color: #17759F!important;
    margin-right: .75em;
}

.intro-alt h1 strong {
    /* color:#99A038;*/
}

.intro p {
    font-size: 1.25em;
    margin-bottom: 1.5em;
    color: #fff;
    max-width: 500px;
}

.intro-alt p {
    margin-bottom: 0;
    font-size: 1.75em;
    color: #fff;
}

.intro button, .intro-alt button {
    background-color: #99A038;
    color: #fff;
}

#host {
    background-color: #003A54;
    height: 50%;
    background-image: url('/images/host.jpg');
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
    position: relative;
    border-top: 1px solid #e7e7e7;
    border-left: 2px solid #e7e7e7;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

#teach {
    background-image: url('/images/teachers.jpg');
    background-size: cover;
    background-position: center;
    height: 50%;
    background-color: #003A54;
    background-blend-mode: multiply;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    border-left: 2px solid #e7e7e7;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

#teach:hover {
    background-color: #17759F;
}

#host:hover {
    background-color: #99A038;
}

#teach .container, #host .container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    width: 100%;
    text-align: center;
    color: #fff;
    padding-left: 0;
}

#teach h3, #host h3 {
    text-transform: uppercase;
    letter-spacing: 1.25px;
    margin-bottom: 1.1em;
    margin-top: 1.5em;
    color: #fff;
}

#teach p, #host p {
    font-size: 1.25em;
    margin-bottom: 2em;
    width: 90%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#teach button {
    background-color: #fff;
    color: #003A54;
    border: 0;
}

#host button {
    color: #003A54;
    border: 0;
    background-color: #fff;
}

#host button:hover, #teach button:hover {
    /*   background-color:#99A038;
    color:#fff;*/
}

.heroIcon {
    height: 72px;
    width: 100px;
    margin: auto;
}

.heroIcon img {
    max-width: 100%;
}

.sloganRow {
    clear: both;
}

#slogan {
    background-color: #17759F;
    height: 6.25em;
    text-align: center;
    color: #fff;
}

#slogan h3 {
    padding: .5em 0;
    letter-spacing: 3px!important;
    font-weight: 500;
}

#mission {
    /*text-align: center;*/
    margin: 6.5em auto;
    position: relative;
}

#mission .heroIcon {
    height: auto;
    margin: 0 auto 2em auto;
}

#mission .heroIcon img {
    width: 100%;
}

#mission h2 {
    margin-bottom: 5em;
    letter-spacing: 1.25px;
    color: #003A54;
    font-weight: 700;
    text-align: center;
}

#mission p {
    /*font-size: 14pt;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;*/
    color: rgb(34, 34, 34);
}

#mission p+p {
    margin-bottom: 0;
}

#mission p+p, .applyDiv p {
    margin-top: 1.5em;
}

.applyDiv {
    background-image: url('/images/statue-of-libery-2.jpg');
    background-size: cover;
    background-position: center;
    color: #fff;
    text-align: center;
}

.applyDiv .container {
    padding-top: 6.5em;
    padding-bottom: 6.5em;
}

.applyDiv h2 {
    margin-bottom: 0;
    /*letter-spacing: 2px!important;*/
    font-family: 'Montserrat', sans-serif;
    /* text-transform:uppercase;*/
    line-height: 1.1em;
}

.applyDiv p {
    font-size: 14pt;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

.applyDiv button {
    margin-top: 3em;
    background-color: #fff;
    color: #003A54;
    border: 0;
}

.applyDiv .applyButton {
    margin-top: 3em;
    background-color: #fff;
    color: #003a54;
    border: 0;
}

.applyDiv .applyButton:hover {
    background-color: #99A038;
    color: #fff;
}

.submitButton {
    background-color: #99A038;
    color: #fff;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    margin-top: 2em;
}

.submitButton:hover {
    background-color: #17759F;
    color: #fff;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    background-color: #fff;
    color: #333;
}

.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover {
    color: #333;
}

.footer {
    background-color: #003A54;
    background-image: url('/images/footer-pattern6.png');
    background-repeat: repeat-x;
    background-blend-mode: color-dodge;

    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

#footerRow {
    margin-left: 0;
    margin-right: 0;
    padding-top:5em;
    padding-bottom:1em;
}

#footerRow2 {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0em;
    padding-bottom: 4em;
    text-align: center;
}
#footerRow2 img {
    max-width:40vw;
}

.footerDiv {
    width: 100%;
    padding: 6.5em 0 2em 2.5em;
}

.footerLogo {
    padding: 6.5em 2.5em 6.5em 0;
}

.footer h2 {
    margin-bottom: 1em;
}

ul.bulletedIcons {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0 0 2em 0;
}

ul.bulletedIcons li {
    margin: 0 0 -.75em 0;
    padding-left: 3.5em;
    position: relative;
    width: 50%;
}

.footer .glyphicon, .footer .fa {
    font-size: 1.5em;
    left: 0;
    position: absolute;
    top: 0;
    width: 4em;
    height: 2em;
    display: inline-block;
    text-align: left;
    margin: .5em 0;
}

.footer .fa {
    font-size: 1.8em
}

.footer h4 {
    color: #99A038;
    margin-bottom: .5em;
    padding-bottom: 0;
    font-weight: 500;
}

.footer a {
    letter-spacing: 1.25px;
    color: #fff;
}

.footer p {
    margin: 0 0 2em 0;
}

.footerCopyright {
    background-color: #07273D;
    padding: .75em 0;
}

.footerCopyright a {
    letter-spacing: 1px;
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
}

.footer .badges{
    list-style-type: none;
    display:flex;
    padding-left:0;
    justify-content: space-between;
    align-items: center;
}

.footer .badges li{
    padding-left:0;
}

.footer .badges img{
    width:120px;
}

@media (max-width: 767px) {


    .footer .badges{
       margin-top:2em;
    }

    .footer .badges img{
        width:104px;
    }
}



.text-center {
    margin-bottom: 0;
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    letter-spacing: 1px;
}

@media (max-width: 1680px) {
    h3 {
        font-size: 1.4em;
    }
    #teach p, #host p {
        font-size: 1em;
        line-height: 1.75em;
    }
}

@media (max-width: 992px) {
    .adminHelp {
        margin-top: 2em!important;
    }
    #profileSidebar {
        margin-top: 0;
    }
    .documents {
        padding: 0;
    }
    .filterDiv, .filterDiv .form-inline .form-control, .adminOptionsDiv {
        width: inherit!important;
        display: inline;
    }
    ul.nav.nav-pills.pull-right {
        float: left!important;
        margin-top: 24px;
    }
    .refreshDiv, .addDiv {
        margin-top: 24px;
    }
    .table-striped>tbody>tr>td {
        font-size: .9em;
    }
    .actions.text-right {
        width: 120px;
    }
    .optional {
        display: inline!important;
    }
    .SideIcon {
        float: left;
        margin-bottom: 0!important;
    }
    .formSidebar img {
        height: 150px!important;
        padding-right: 2em!important;
    }
    .processRow div:nth-child(odd) {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 690px;
        width: 100%;
    }
    .submitButton {
        float: left!important;
    }
    .inlineInputDiv {
        margin: 1em 0;
        padding: 0 15px!important;
    }
    .formSidebar {
        margin-top: 3em;
        width: 100%!important;
    }
    .formWell {
        width: 100%!important;
        margin-bottom: 0!important;
    }
    #heroIntro {
        border-bottom: 2px solid #e7e7e7;
    }
    #hero {
        height: 75vh;
        margin-top: -52px;
    }
    #heroIntro {
        background-image: url('/images/globe-intro.jpg');
        background-position: center;
        background-size: cover;
        height: inherit;
        padding: 0;
        position: relative;
    }
    #heroIntro:after {
        content: "";
        background-color: rgba(0, 0, 0, .17);
        background-blend-mode: multiply;
        display: block;
        height: inherit;
    }
    .hero-container {
        padding: 0;
    }
    #heroOptions {
        background-color: transparent;
        float: none;
    }
    #heroOptions .row {
        height: 75vh;
    }
    .intro {
        background-color: rgba(255, 255, 255, .75);
        height: 100%;
        z-index: 2;
        position: absolute;
        width: 475px;
        height: auto;
        right: auto;
        left: 30px;
        top: 36%;
        box-shadow: 15px 15px 10px rgba(0, 0, 0, .2);
    }
    .intro .container {
        position: relative;
        width: 100%;
        padding: 35px;
    }
    .intro h1 {
        margin-top: 0;
        margin-bottom: .5em;
        color: #003A54;
        font-size: 32pt;
        line-height: 33pt;
        font-weight: 700;
    }
    .intro h1 strong {
        color: #99A038;
    }
    .intro p {
        font-size: 1.25em;
        margin-bottom: 1.5em;
    }
    .intro button {
        background-color: #99A038;
        color: #fff;
    }
    #teach {
        border: 2px 1px 2px 2px solid #e7e7e7;
    }
    #host {
        border: 2px 2px 2px 1px solid #e7e7e7;
    }
    #teach:hover {
        background-color: #17759F;
    }
    #host:hover {
        background-color: #99A038;
    }
    .heroIcon {
        height: 80px;
        width: 100px;
        margin: auto;
    }
    .heroIcon img {
        height: 80px;
    }
    .sloganRow {}
    #slogan {
        background-color: #99A038;
        height: 6em;
        text-align: center;
        color: #fff;
    }
    #slogan h3 {
        padding: .5em 0;
        letter-spacing: 1.25px;
        font-size: 17px;
    }
    #mission p {
        width: 75%;
    }
    .processDescDiv {
        margin: 2em auto;
        padding: 0 6em!important;
    }
    #mission p {
        width: 100%!important;
    }
    #contactContent {
        width: 100%;
    }
    .contactInputDiv {
        margin-bottom: 1em;
    }
}

.eligibility {
    margin: 10em 0 6.5em 0;
}

.servHead {
    margin-bottom: 4em;
}

.servHead .usaWell {
    margin-top: 0;
}

.servHead h1 {
    /*font-size:24pt;
    font-weight:700;
    letter-spacing:1.25px;*/
    margin: 0 0 .75em 0;
    color: #003A54;
    font-weight: 700;
    letter-spacing: .25px!important;
}

.servHead h2 {
    /*font-size:24pt;
    font-weight:700;
    letter-spacing:1.25px;*/
    margin: 0 0 .75em 0;
    color: #003A54;
}

.servHead p {
    font-size: 1.25em;
}

.icon {
    height: 64px;
}

.icon img {
    height: 64px;
}

#homeIcon {
    height: 80px;
    margin-bottom: 3em;
}

#homeIcon img {
    height: 80px;
    opacity: .99;
    filter: alpha(opacity=99);
}

.service {
    margin-bottom: 2em;
}

.icon img {
    transition: all .2s ease-in-out;
}

.icon img:hover {
    transform: scale(1.1;
    )
}

.service h4 {
    margin-bottom: 0;
    /*  font-size:17pt;*/
    color: #003A54;
}

.faqContainer {
    position: static;
}

.faqRow {
    position: static;
}

.faqHead h3 {
    font-size: 17pt!important;
    margin-bottom: 1em;
    margin-top: 2em;
}

.faqRow h4 {
    margin: 2em 0 1.25em 0;
    color: #17759F;
}

.back2top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    background-color: rgba(255, 255, 255, .75);
    z-index: 1000;
}

#ooo-so-sticky .catbtn {
    position: relative;
    min-height: 54px;
}

.sidebar span img, .sidebar span svg {
    height: 25px;
    float: right;
    position: absolute;
    right: 16px;
    top: 13px;
    margin-top: 0;
}

.sideNavTitle {
    text-align: left;
    width: 216.75px;
    background-color: #003A54;
    color: #fff;
    padding: .25em 0 .25em 13px;
    /*letter-spacing:1.25px;*/
}

.sideNavTitle h4 {
    font-weight: 500;
}

.sidebar a, .sidebar a:visited {
    color: #666;
    width: 100%;
}

.sideNav {
    width: 216.75px;
}

.sideNav .pull-left {
    font-size: .75em;
    margin-top: 0;
    width: 80%;
    text-align: left;
}

.sideNav .pull-left {
    width: 10%;
}

.sideNav button {
    background-color: #fff;
    border-color: #f1f1f1;
    color: #666;
    font-weight: 500!important;
    text-transform: none;
    letter-spacing: 1.25px;
}

.sideNavApply {
    background-color: #99A038!important;
    color: #fff!important;
    transition: background-color 0.5s ease;
}

.sideNavApply:hover {
    background-color: #17759F!important;
}

.apply {
    border: 1px solid #f1f1f1;
    border-top: 0;
    padding: 1em;
}

.navbar-inverse {
    border-color: #f1f1f1;
}

.navbar-inverse .navbar-nav>.active>a {
    background-color: #fff;
    color: #17759F!important;
}

.footerh3 {
    margin-top: 0;
    margin-bottom: 1em;
    font-weight: 500;
    color: #99A038;
}


/*Remove rounded coners*/

nav.sidebar.navbar {
    border-radius: 0px;
}


/*
nav.sidebar,
.main {
  -webkit-transition: margin 200ms ease-out;
  -moz-transition: margin 200ms ease-out;
  -o-transition: margin 200ms ease-out;
  transition: margin 200ms ease-out;
}


/* Add gap to nav and right windows.*/


/*
.main {
  padding: 10px 10px 0 10px;
}


/* .....NavBar: Icon only with coloring/layout.....*/


/*small/medium side display*/


/*
@media (min-width: 768px) {
  /*Allow main to be next to Nav*/


/* .main {
    position: absolute;
    width: calc(100% - 40px);
    /*keeps 100% minus nav size*/


/*   margin-left: 40px;
    float: right;
  }
  /*lets nav bar to be showed on mouseover*/


/* nav.sidebar:hover + .main {
    margin-left: 200px;
  }
  /*Center Brand*/

nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    padding-left: 0;
    padding-right: 0;
}


/*Center Brand*/


/* nav.sidebar .navbar-brand,
  nav.sidebar .navbar-header {
    text-align: left;
    width: 100%;
    padding-left: 13px;
    background-color: #003A54;
    color: #fff;
    letter-spacing: 1.25px;
  }
  /*Center Icons*/


/* nav.sidebar a {
    padding-right: 13px;
  }
  /*adds border top to first nav box */


/* nav.sidebar .navbar-nav > li:first-child {
    border-top: 1px #F1F1F1 solid;
  }
  /*adds border to bottom nav boxes*/


/* nav.sidebar .navbar-nav > li {
    border-bottom: 1px #F1F1F1 solid;
  }
  /* Colors/style dropdown box*/


/* nav.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /*allows nav box to use 100% width*/


/* nav.sidebar .navbar-collapse,
  nav.sidebar .container-fluid {
    padding: 0 0px 0 0px;
  }
  /*colors dropdown box text */


/*.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #666;
  }
  /*gives sidebar width/height*/


/*nav.sidebar {
    width: 200px;
    height: 100%;
    margin-left: -160px;
    float: left;
    z-index: 8000;
    margin-bottom: 0px;
  }
  /*give sidebar 100% width;*/


/* nav.sidebar li {
    width: 100%;
  }
  /* Move nav to full on mouse over*/


/* nav.sidebar:hover {
    margin-left: 0px;
  }
  /*for hiden things when navbar hidden*/


/*.forAnimate {
    opacity: 0;
  }
}


/* .....NavBar: Fully showing nav bar..... */


/*
@media (min-width: 1330px) {
  /*Allow main to be next to Nav*/


/*.main {
    width: calc(100% - 200px);
    /*keeps 100% minus nav size*/


/*  margin-left: 200px;
  }
  /*Show all nav*/


/* nav.sidebar {
    margin-left: 0px;
    float: left;
  }
  /*Show hidden items on nav*/


/*  nav.sidebar .forAnimate {
    opacity: 1;
  }
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover,
nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
  color: #CCC;
  background-color: transparent;
}

nav:hover .forAnimate {
  opacity: 1;
}

section {
  padding-left: 15px;
}
*/

@media (min-width: 768px) {
    .adminOptionsDiv {
        width: 60%;
    }
    /* .filterDiv{
        width:30%;
    }*/
}

.sidebar li:last-child {
    padding: 1.25em;
}

.sidebar button {
    width: 100%;
    margin-left: 0;
    /*  background-color: #99A038;*/
}

.sidebar {
    z-index: 0;
}

.well {
    margin-bottom: 8em;
}

.well em {
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #999;
    font-size: .75em;
    letter-spacing: 1.25px;
}

.well p {
    color: #999;
}

.processRow {
    height: 35vh;
}

.processRow h3 {
    margin-top: .25em;
    color: #003A54;
}

.processRow h4 {
    margin: 0 0;
    color: #b3b3b3;
    font-weight: 500;
}

.processRow p {
    width: 100%;
    font-size: 1em;
}

.processImgDiv {}

.processRow div:first-child {}

.processRow div:nth-child(even) {
    padding-left: 2.5em;
}

.processRow div:nth-child(odd) {
    padding-right: 2.5em;
}

.next a {
    background-color: #17759f!important;
    color: #fff;
}

.faqContact {
    margin: 2em 0;
}


/*----------FORMS-----------*/

.required {
    color: #e3592a;
    font-size: .8em;
}

legend {
    color: #003a54;
}

.formh4 {
    margin-top: 0;
    margin-bottom: 1.5em;
    color: #003A54;
}

form {
    margin-bottom: 8em;
}

#contactForm {
    margin-bottom: 4em;
}

label {
    font-size: 14px;
    color: #999;
    padding-top: 0!important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    line-height: 1.6em;
    margin-top: 2.5px;
    margin-bottom: 5px;
}

.submitBtn {
    background-color: #99A038;
    color: #fff;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    /*text-transform: uppercase;*/
}

.submitBtn:hover {
    background-color: #17759f;
    color: #fff;
}

.form-control {
    height: 44px;
    background-color: rgba(191, 219, 247, .2);
    border: 1px solid #eff5f8;
    box-shadow: none;
    border-radius: none!important;
    color: #003a54;
}

.selectpicker {
    /*background: url(/images/select-arrows.svg) no-repeat 95% 50%;*/
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 38px;
    background-color: rgba(191, 219, 247, .2);
    border: 1px solid #eff5f8;
    box-shadow: none;
    border-radius: none!important;
    color: #003a54;
}

::-webkit-input-placeholder {
    color: #003a54!important;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #003a54!important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #003a54!important;
}

:-ms-input-placeholder {
    color: #003a54!important;
}

.inlineInputDiv {
    padding-left: 15px;
}

.inlineInputDiv+.inlineInputDiv {
    padding-left: 15px;
    padding-right: 15px;
}

.inlineInputDiv+.inlineInputDiv+.inlineInputDiv {
    padding-right: 15px;
}

.formSidebar {
    padding: 2em;
    border: 1px solid #f1f1f1;
    color: #999;
    font-size: .9em;
    margin-bottom: 2em;
    width: 216.75px;
}

.formSidebar p {
    font-size: .9em;
    line-height: 2em;
}

.SideIcon {
    text-align: center;
    margin-bottom: 2em!important;
}

.formSidebar img {
    height: 200px;
    padding: 1em;
}

.formSidebar strong {
    color: #17759f;
}

.formColumn .well {
    font-size: .9em;
    background-color: #fafafa;
    border-color: #f1f1f1;
    width: 216.75px;
}

.formColumn .well h5 {
    font-weight: 700;
    margin-top: 0;
    color: #999;
}

.formColumn .well p {
    font-size: 1em;
}

#subjectSelect h5 {
    color: #999;
}

.sidebarPact {
    padding: 0 1em 2.5em 1em;
}

.breadcrumb {
    font-size: .9em;
    color: #999;
}

.breadcrumb .active {
    color: #17759f;
}

.radioCol {
    padding-left: 0;
}

.optional {
    color: #b3b3b3;
    font-size: .75em;
    /*display: block;*/
    margin-top: -.5em;
    letter-spacing: 1.25px;
}

.checkCol {
    margin-bottom: .5em;
    padding-left: 0;
    padding-right: 0;
    font-size: 12.6px;
}

input[type="checkbox"] {
    margin-right: 1em;
}

.clarify {
    margin-top: .75em;
}


/* George start */


/* top nav dropdown */

.open>.dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1 !important;
    filter: alpha(opacity=100);
    /* important for ie 11 fix */
}

.dropdown-menu {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    /* important for ie 11 fix */
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    display: block;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}


/* carousel */


/*
inspired from http://codepen.io/Rowno/pen/Afykb
*/

.carousel-fade .carousel-inner .item {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel, .heroSub {
    padding: 0;
}

.div1, .div2 {
    height: 50vh;
    position: relative;
    background-color: rgba(0, 58, 84, .3);
    background-blend-mode: multiply;
}

.div1 {
    background-image: url('/images/chalkboard.jpg');
    background-size: cover;
    background-position: center;
    padding;
    0;
}

.div2 {
    background-image: url('/images/happy-teacher.jpg');
    background-size: cover;
    background-position: center;
    padding;
    0;
}

.subIntro {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    padding: 0;
}


/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner>.item.next, .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.prev, .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.next.left, .carousel-fade .carousel-inner>.item.prev.right, .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


/* George end */

.fill {
    background-color: rgba(0, 58, 84, .3);
    background-blend-mode: multiply;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.fill.one {
    background-image: url('/images/globe-introduction.jpg');
}

.fill.two {
    background-image: url('/images/teacher-chalkboard.jpg');
}

.fill.three {
    background-image: url('/images/reading_book.jpg');
}

.fill.four {
    background-image: url('/images/large_laptop.jpg');
}


/*.fill.five {
  background-image: url('/images/raise-your-hands.jpg');*/


}
html, body {
    height: 100%;
}
.carousel, .item {
    height: 100%;
    width: 100%;
}
.carousel-inner {
    height: 100vh;
}
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* faster sliding speed */
.carousel-inner>.item {
    -webkit-transition: 0.85s ease-in-out left;
    -moz-transition: 0.85s ease-in-out left;
    -o-transition: 0.85s ease-in-out left;
    transition: 0.85s ease-in-out left;
}

/* keep full widget on smaller screens */
@media (max-width: 767px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }
}
.commonRow {
    margin: 10em 0;
}
.splash {
    margin-top: 80px;
    margin-bottom: 6.5em;
    height: 55vh;
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, .17);
    background-blend-mode: multiply;
}
#contactSplash {
    background-image: url('/images/books-alt.jpg');
}
#hostSplash {
    background-image: url('/images/host-a-teacher.jpg');
}
#aboutSplash {
    background-image: url('/images/statehouse.jpg');
    background-position: 65% 35%;
}
#sampleContainer {
    margin-top: 80px;
    padding: 0;
}
#sampleRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
#sampleAside {
    max-height: 1154px;
    height: 93vh;
    width: 25%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    border-left: 1px solid #fff;
}
#sampleAside p {
    font-size: 1.25em;
    margin-top: .5em;
    margin-bottom: 2em;
}
#sampleAside a {
    background-color: #17759f;
    color: #fff;
    border: 0;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}
#sampleAside a:hover {
    background-color: #99A038;
}
.sampleCard {}
.sampleCard h3 {}
#sampleMain {
    max-height: 1154px;
    height: 93vh;
    width: 75%;
    /* background-image:url('/images/chalkboard.jpg');
    background-size:cover;
    background-position:center;*/

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* padding:8em 4em 6.25em 4em;*/

    padding: 0;
    overflow: hidden;
    position: relative;
    border-right: 1px solid #fff;
}
#sample1 {
    max-height: 577px;
    height: 50%;
    width: 100%;
    padding: 6em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: url('/images/palmetto-pattern2.png');
    background-position: center;
    background-size: cover;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 58, 84, 1);
    color: #fff;
    border-bottom: 1px solid #fff;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

/*
#sample1:hover {
  background-color: #17759f;
}

#sample2:hover {
  background-color: #17759F;
}
*/
.sampleInside {
    text-align: center;
}
.sampleInside h2 {
    font-weight: 700;
    letter-spacing: 1.25px;
}
#sample2 {
    max-height: 577px;
    height: 50%;
    width: 100%;
    padding: 6em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: url('/images/palmetto-pattern2.png');
    background-position: center;
    background-size: cover;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 58, 84, 1);
    color: #fff;
    border-top: 1px solid #fff;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}
.card-block {}
.card-inverse {}
.usaWell {
    margin-top: 4em;
    margin-bottom: 4em;
    padding: 2em;
    color: #003A54!important;
    background-color: #fdfdfd!important;
    border-color: #f1f1f1;
}
.usaWell h4 {
    margin-top: 0;
    color: #17759F;
    font-weight: 700;
    letter-spacing: 1.25px;
}
.usaWell p {
    color: #003A54!important;
}
.usaWell ul {
    padding-left: 1em;
    line-height: 1.75em;
    margin-bottom: 2em;
    font-size: 16px;
}
.usaWell ul:last-child {
    margin-bottom: 0;
}
.usaWell ol {
    color: #999;
    font-size: .8em;
    padding-left: 0;
    line-height: 2em;
    margin-top: -1em;
    list-style-type: none;
}
.footerLinks {
    margin: 0 auto;
    text-align: center;
    padding: .5em 0;
}
.footerLinks li {
    display: inline;
}
.footerLinks li a {
    color: rgba(255, 255, 255, .5);
}
.footerLinks li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, .25);
    margin-right: 20px;
    padding-right: 20px;
}
.pager {
    margin: 120px 0 0 0;
}
.pager li>a {
    padding: 10px 24px;
}
.blockQuoteDiv {
    color: #fff;
    background-image: url('/images/blockquotePattern.svg');
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 58, 84, 1);
    padding: 4em 0;
    margin: 4em auto;
}
blockquote {
    font-size: 4.5em;
    line-height: 1.1em;
    padding-left: 1em;
    font-family: 'Abril Fatface', cursive;
    letter-spacing: 2px;
}
blockquote footer {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    letter-spacing: normal;
    margin-top: 1em;
    color: #99A038;
    font-weight: 500;
}
blockquote em {}
.quote {
    font-size: 3em;
    display: block;
    margin: .2em 0 -.1em 0;
}
.hostContent {
    position: static;
}
.hostContent h3, .hostContent h4 {
    margin: 2em 0 1em 0;
    color: #003A54;
}
.hostContent .usaWell {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 2em;
    color: #666;
    background-color: #fff;
    border-color: #f1f1f1;
}
.aside {
    margin-top: 4em;
    width: 100%;
}
.aside figcaption {
    color: #B3B3B3;
    font-size: .9em;
    line-height: 2em;
    padding-top: 2em;
}
.aside img {
    width: 100%;
}

/* Note: Try to remove the following lines to see the effect of CSS positioning */
.affix {
    /* background-color: red;*/

    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    /* -webkit-perspective: 1000;*/

    position: fixed !important;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}
.affix-top {
    /*   -webkit-transform: translate3d(0, 0, 0);
   -webkit-backface-visibility: hidden;*/
    /* -webkit-perspective: 1000;
  /*background-color: green;*/
}
.affix-bottom {
    /* background-color: blue;*/
}
.contactSideList {
    list-style-type: none;
    padding-left: 0;
}
.contactSideList h5 {
    color: #003A54;
    margin-top: 0;
}
.contactSideList p a {
    font-size: 1.25em;
    color: #999;
}
.socialIconsList {
    font-size: 1.9em;
    text-align: center;
}
.socialIconsList span {
    padding-right: 1em;
}
.lib-item {
    padding: 0;
    margin: 2em 0 4em 0;
}
.lib-panel {
    margin-bottom: 20Px;
    padding: 15px;
}
.lib-panel img {
    width: 100%;
    background-color: transparent;
}
.lib-panel .row, .lib-panel .col-md-6 {
    padding: 0;
    background-color: #FFFFFF;
}
.lib-panel .lib-row {
    padding: 0 20px 0 20px;
}
.lib-panel .lib-row.lib-header {
    background-color: #FFFFFF;
    font-size: 20px;
    padding: 10px 20px 0 20px;
}
.lib-panel .lib-row.lib-header .lib-header-seperator {
    height: 2px;
    width: 26px;
    background-color: #d9d9d9;
    margin: 7px 0 7px 0;
}
.lib-panel .lib-row.lib-desc {
    position: relative;
    height: 100%;
    display: block;
    font-size: 13px;
}
.lib-panel .lib-row.lib-desc a {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 20px;
}
.lib-panel h4 {
    margin: 2em 0 1.25em 0;
}
.lib-panel p {
    padding-top: 1.25em;
    color: #666;
    font-size: .75em;
}
.row-margin-bottom {
    margin-bottom: 20px;
}
.box-shadow {
    border: 1px solid #f1f1f1;
}
.no-padding {
    padding: 0;
}
.lib-imgCol {
    padding: 0;
}
.lightIconDiv {
    position: fixed;
    z-index: -10;
    width: 75%;
    max-width: 450px;
    right: 30px;
    bottom: 30px;
    opacity: .75;
}
.lightIconDiv img {
    width: 100%;
}
.facebook {
    color: #3B5998;
}
.twitter {
    color: #4099ff;
}
.linkedin {
    color: #0077B5;
}

/*============1920=================*/
@media (max-width: 1920px) {
    #sample1, #sample2 {
        padding: 3em;
    }

    .processRow {
        margin-bottom: 2em;
    }
}

/*============1600=================*/
@media (max-width: 1600px) {
    #sampleMain {
        width: 75%;
    }

    #sampleAside {
        width: 25%;
    }

    #sample1, #sample2 {
        padding: 3em;
        width: 100%;
        height: 46.5vh!important;
    }

    #sampleAside h2 {
        font-size: 24px;
    }

    #sampleAside p {
        font-size: 1em;
    }
}

/*===============iPad LANDSCAPE=====================*/
@media (max-width: 1024px) {
    /*  .navbar-default .navbar-collapse{
        width:100vw;
    }*/

    .footer p {
        word-wrap: normal!important;
    }

    #ooo-so-sticky {
        display: none;
    }

    #processContent, #eligibilityContent, #subjectsContent, #benefitsContent, #orientationContent, #financesContent, #faqContent {
        width: 100%;
    }

    #maleCol {
        margin-right: 30px;
    }

    #sampleRow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #sampleContainer {
        padding: 0;
    }

    .intro-alt {
        padding: 2em;
    }

    #sampleMain, #sampleAside {
        width: 100%!important;
    }

    #sampleMain {
        border-bottom: 1px solid #fff;
    }

    #sampleAside {
        border-bottom: 2px solid #fff!important;
        border-left: 0!important;
    }

    #sample1, #sample2 {
        width: 50%!important;
        height: 100%!important;
        border-top: 1px solid #fff!important;
        border-bottom: 0!important;
    }

    #sample1 {
        border-right: 1px solid #fff;
        border-left: 0!important;
    }

    #slogan {
        background-color: #17759F;
    }

    .commonRow {
        margin: 4em auto;
    }

    #contactRow, #adminRow, #searchRow {
        margin: 10em auto 4em auto;
    }

    #sampleMain {
        width: 65%;
    }

    #sampleAside {
        width: 35%;
    }

    #sample1, #sample2 {
        padding: 3em;
        width: 100%;
    }

    #mission {
        margin: 4em auto;
    }

    #mission h2 {
        margin-bottom: 3em;
    }

    .footerDiv {
        padding: 6.5em 0 2em 0;
    }

    ul.bulletedIcons li {
        padding-left: 3em;
        width: 45%;
    }
}

/*===============iPad PORTRAIT=====================*/
@media (max-width: 768px) {
    /*.filterDiv, .filterDiv .form-inline .form-control, .adminOptionsDiv{
        width:100%!important;
    }*/

    #searchRow header {
        margin-bottom: 0;
    }

    .processImgDiv {
        max-width: 550px!important;
        padding: 1em!important;
        margin: auto;
    }

    ul.nav.nav-pills.pull-right {
        float: left!important;
        margin-top: 24px;
    }

    .refreshDiv, .addDiv {
        margin-top: 24px;
    }

    .table-striped>tbody>tr>td {
        font-size: .9em;
    }

    .actions.text-right {
        width: 120px;
    }

    .row {}

    .eligibility {
        margin: 10em auto;
    }

    #contactRow, #searchRow {
        margin: 10em auto 4em auto;
    }

    #sampleMain, #sampleAside {
        width: 100%!important;
    }

    #sampleMain {
        border-bottom: 1px solid #fff;
    }

    #sampleAside {
        border-bottom: 2px solid #fff!important;
    }

    #sample1, #sample2 {
        width: 50%!important;
        height: 100%!important;
        border-top: 1px solid #fff!important;
        border-bottom: 0!important;
    }

    #sample1 {
        border-right: 1px solid #fff;
    }

    #slogan {
        background-color: #17759F;
    }

    .applyDiv {
        padding: 4em 0;
    }

    .applyDiv .applyButton {
        margin-top: 2em;
    }
}

/*============1600=================*/
@media (max-width: 1600px) {
    .intro-alt h1 {
        font-size: 5em;
    }

    .intro-alt p {
        font-size: 1.5em;
        max-width: 600px;
    }

    #sampleMain, .carousel-inner {
        height: 93vh;
    }

    #sampleAside {
        /* min-height: 400px;*/
        height: inherit;
    }

    #sample1, #sample2 {
        padding: 2em;
        float: left;
        width: 100%;
        height: 50%;
        border-top: 0;
        border-bottom: 0;
    }

    #sample1 {
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    #sample2 {
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
    }

    #homeIcon {
        height: 64px;
        margin-bottom: 2em;
    }

    #homeIcon img {
        height: 64px;
    }

    #sampleAside p {
        font-size: 1.1em;
        margin-bottom: 1.5em;
    }

    #mission {
        margin: 6em auto;
    }

    .processRow {
        margin: 6em 0;
    }
}

/*============1366=================*/
@media (max-width: 1366px) {
    #sampleMain {
        width: 65%;
    }

    #sampleAside {
        width: 35%;
    }

    #sample1, #sample2 {
        padding: 3em;
        width: 100%;
    }

    .intro-alt h1 {
        font-size: 4.25em;
        line-height: 1.1em;
    }

    .intro-alt p {
        font-size: 1.5em;
        max-width: 500px;
    }

    #homeIcon {
        height: 64px;
        margin-bottom: 2em;
    }

    #homeIcon img {
        height: 64px;
    }

    #sampleAside p {
        font-size: 1.1em;
        margin-bottom: 1.5em;
    }

    #sampleAside button {
        padding: .4em;
    }

    .processRow {
        height: auto;
    }
}

/*===========1200=============*/
@media (max-width: 1200px) {
    #ooo-so-sticky {
        width: 200px;
    }

    .sideNavTitle {
        width: 200px;
    }

    .sideNav {
        width: 200px;
    }

    .adminOptionsDiv {
        width: inherit;
        display: inline;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .filterDiv {
        width: 60%!important;
    }

    .footer p {
        word-wrap: break-word;
    }
}

/*==================<iPAD=================*/
@media (max-width: 1023px) {
    .processRow {
        margin: 6.5em 0;
        height: initial;
    }

    #ooo-so-sticky {
        display: none;
        width: 200px;
    }

    #processContent, #eligibilityContent, #benefitsContent, #financesContent, #orientationContent, #faqContent, #subjectsContent {
        width: 100%;
    }
    /*
  .processRow div:nth-child(even) {
    padding: 0;
  }

    .processRow div:nth-child(odd){
        padding:0;
        max-width:640px;
        width:100%;
    }
    */

    .navbar-collapse {
        width: 175px;
        margin: 0;
        position: absolute;
        right: 0;
        background-color: rgba(255, 255, 255, .99);
        height: inherit;
    }

    .nav.navbar-nav.navbar-right {
        padding: .5em;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
        margin-top: 23px;
        background-color: #17759F!important;
        border: 0;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-default .navbar-collapse {
        /* width: 100vw;*/
        max-height: none;
    }

    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .nav-bar button {
        margin: 13px 30px 10px 0;
    }

    .footer {
        padding: 0;
        margin: 0;
    }

    .footerLogo {
        padding: 4em 4em 0 4em;
        margin: 0 auto;
        max-width: 690px;
        width: 100%;
    }

    .footerDiv {
        padding: 2em 4em 2em 4em;
        margin: 0;
    }

    .applyDiv .container {
        padding-top: 4em;
        padding-bottom: 4em;
    }
}

/*===============MOBILE LANDSCAPE=====================*/
@media (max-width: 736px) {
    .pager {
        margin-bottom: 60px;
    }

    .table-striped {
        width: 800px;
    }

    .tableCol {
        padding-left: 0;
        padding-right: 0;
        overflow-x: scroll;
    }

    #mission .processRow+.processRow {
        margin-top: auto!important;
    }

    #adminRow {
        margin: 6.5em auto;
    }

    .adminCol {
        /* width: 786px;*/
    }

    .adminContent {
        /* overflow-x: scroll;*/
    }

    .documents {
        padding: 0;
    }

    .SideIcon {
        float: none!important;
        margin-bottom: 2em!important;
    }

    .formSidebar img {
        height: 150px!important;
        padding-right: 1em!important;
    }

    a.navbar-brand {
        width: 200px;
        height: 100%;
        padding: 13px 11px 9px 0;
        margin-left: 15px!important;
    }

    .navbar.navbar-default.navbar-fixed-top {
        height: 62px;
        width: 100%;
    }

    .nav-bar button {
        margin: 13px 30px 10px 0;
    }

    .navbar-toggle {
        margin-top: 14px;
        background-color: #17759F!important;
    }

    .navbar-header .container-fluid {
        height: 60px;
    }

    .navbar-collapse {
        width: 100%;
        margin: 0;
        background-color: rgba(255, 255, 255, .99);
        height: inherit;
        position: static;
    }

    .nav.navbar-nav.navbar-right {
        padding-top: 0;
        padding-right: 0;
    }

    .navbar-default .navbar-collapse {
        width: 100vw;
    }

    .navbar-default .navbar-brand {
        padding: 10px 0;
    }

    a.navbar-brand {
        width: 150px;
        height: 100%;
    }

    #sampleContainer {
        margin-top: 60px;
        padding: 0;
    }

    .intro-alt {
        padding: 2em;
    }

    .intro-alt h1 {
        font-size: 3.5em;
        line-height: 1.1em;
    }

    .intro-alt p {
        font-size: 1.25em;
    }

    #sampleMain {
        width: 100%;
    }

    #sampleAside {
        width: 100%;
        height: auto;
        border-top: 0 solid #fff;
        border-bottom: 2px solid #fff;
    }

    #sampleAside h2 {
        font-size: 24px;
    }

    #sample1, #sample2 {
        padding: 2em;
        float: left;
        width: 50%;
        height: 100%;
        border-top: 0;
        border-bottom: 0;
    }

    #sample1 {
        border-right: 1px solid #fff;
    }

    #sample2 {
        border-left: 1px solid #fff;
    }

    #homeIcon {
        height: 64px;
        margin-bottom: 2em;
    }

    #homeIcon img {
        height: 64px;
    }

    #sampleAside p {
        font-size: 1em;
        margin-bottom: 1.5em;
    }

    #slogan {
        height: inherit;
        padding: 1em 0;
    }

    #slogan h3 {
        line-height: 1.5em;
        width: 75%;
        margin: 0 auto;
    }

    #mission {
        margin: 4em 0;
    }

    #mission h2 {
        font-size: 1.75em;
    }

    #mission p {
        width: 75%;
        font-size: 1.1em;
    }

    #mission h2 {
        margin-bottom: 1em;
    }

    .applyDiv .container {}

    .applyDiv h2 {
        font-size: 2.25em;
    }

    .applyDiv p {
        font-size: 1.1em;
        width: 75%;
    }

    .applyDiv button {
        margin-top: 1em;
    }

    .footer {
        padding: 0;
    }

    .footerLogo {
        padding: 4em 0 2em 0;
        margin: 0 auto;
        max-width: 500px;
    }

    .footerh3 {}

    .footerDiv {
        padding: 2em 0;
        max-width: 500px;
        margin: auto;
    }

    ul.bulletedIcons {
        margin: 0 auto;
    }

    ul.bulletedIcons li {}

    .footer .glyphicon {
        font-size: 1.25em;
    }

    .footer .fa {
        font-size: 1.5em;
    }

    .footer h4 {
        font-size: 1.1em;
    }

    .footer p {
        margin: 0 0 1em 0;
    }

    .content {
        margin-top: 115px;
    }

    #thankYouContent {}

    .processRow {
        margin: 2em 0;
        height: initial;
    }

    .processRow div:nth-child(even) {
        padding: 0;
    }

    .processRow div:nth-child(odd) {
        padding: 0;
    }

    .processImgDiv {
        padding: 2em 6em 0 6em!important;
    }

    #ooo-so-sticky {
        display: none;
    }

    .splash {
        margin-top: 60px;
        margin-bottom: 4em;
        height: 60vh;
    }

    .commonRow .content {
        margin-top: 0;
    }

    .contactInputDiv {
        margin-bottom: 1em;
    }

    .form-control {
        height: 44px;
    }

    .sideNavTitle {
        width: 100%;
        text-align: center;
    }

    .formSidebar {
        width: 100%;
        text-align: center;
    }

    #profileSidebar {
        text-align: left;
    }

    #profileSideNavTitle h4 {
        text-align: left;
        padding-left: 0!important;
    }

    .socialIconsList span {
        padding: 0 .5em;
        font-size: 1.1em;
    }

    .submitBtn {
        width: 100%;
    }

    blockquote {
        font-size: 3em;
    }

    blockquote footer {
        font-size: 16px;
    }

    .lib-panel p {
        margin-bottom: 2em;
    }

    .carousel-inner .container-fluid {
        top: 50%;
    }

    #slogan {
        background-color: #17759F;
    }

    .contactForm {
        padding: 0;
    }

    .eligibility {
        margin: 0 auto 2em auto;
    }

    #contactRow, #searchRow {
        margin: 6.5em auto 4em auto;
    }

    #thankYouContainer {
        position: static!important;
        -webkit-transform: none!important;
        transform: none!important;
        width: 100%;
        text-align: center;
    }
}

/*===============MOBILE PORTRAIT=====================*/
@media (max-width: 480px) {
    #slogan h3 {
        width: 100%;
    }

    .profileImgCol {
        display: none;
    }

    .profileContentCol {
        width: 100%;
        padding: 0!important;
    }

    .form-control {
        height: 44px;
    }

    .footerCopyright a {
        display: block;
    }

    .submitButton {
        width: 100%;
    }

    .sideNavTitle {
        width: 100%;
        text-align: center;
    }

    .formSidebar {
        width: 100%;
        text-align: center;
    }

    .socialIconsList span {
        padding: 0 .5em;
        font-size: 1.1em;
    }

    .submitBtn {
        width: 100%;
    }

    .navbar-collapse {
        width: 100%;
        margin: 0;
        background-color: #fff;
    }

    .nav.navbar-nav.navbar-right {
        padding-top: 0;
        padding-right: 0;
    }

    .navbar-default .navbar-collapse {
        width: 100vw;
    }

    .carousel-inner .container-fluid {
        top: 50%;
    }

    #sampleContainer {
        padding: 0;
    }

    .intro-alt {
        padding: 0;
    }

    .intro-alt h1 {
        font-size: 3.5em;
        line-height: 1.1em;
    }

    .intro-alt p {
        font-size: 1.25em;
    }

    #sampleMain {
        width: 100%;
        height: 93vh;
    }

    .carousel-inner {
        height: 93vh;
    }

    #sampleAside {
        width: 100%!important;
        height: 100vh;
    }

    #sample1, #sample2 {
        padding: 3em;
        width: 100%!important;
    }

    #sample1 {
        border-bottom: 1px solid #fff;
        border-right: 0;
        border-left: 0;
    }

    #sample2 {
        border-top: 1px solid #fff;
        border-left: 0;
    }

    #homeIcon {
        height: 64px;
        margin-bottom: 2em;
    }

    #homeIcon img {
        height: 64px;
    }

    #sampleAside {
        height: 100%;
    }

    #sampleAside p {
        font-size: 1.1em;
        margin-bottom: 1.5em;
    }

    #slogan {
        height: inherit;
        padding: 1em 0;
    }

    #slogan h3 {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 1.5em;
    }

    #mission {
        margin: 4em 0;
    }

    #mission h2 {
        font-size: 1.75em!important;
    }

    #mission p {
        width: 100%;
        font-size: 1.1em;
    }

    .applyDiv .container {
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .applyDiv h2 {
        font-size: 2.25em;
    }

    .applyDiv p {
        font-size: 1.1em;
        width: 100%;
    }

    .applyDiv button {
        margin-top: 1em;
    }

    .footer {
        padding: 0;
    }

    .footerLogo {
        padding: 4em 0 2em 0;
    }

    .footerDiv {
        padding: 2em 0;
    }

    ul.bulletedIcons {
        margin: 0 auto;
    }

    ul.bulletedIcons li {
        width: 100%;
    }

    .footer .glyphicon {
        font-size: 1.25em;
    }

    .footer .fa {
        font-size: 1.5em;
    }

    .footer h4 {
        font-size: 1.1em;
    }

    .footer p {
        margin: 0 0 1em 0;
    }

    .content {
        margin-top: 115px;
    }

    .processRow {
        margin: 4em 0;
        height: initial;
    }

    .processRow div:nth-child(even) {
        padding: 0!important;
    }

    .processRow div:nth-child(odd) {
        padding: 0!important;
    }

    #ooo-so-sticky {
        display: none;
    }

    .iconRow {
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .service {
        width: 100%;
    }

    .faqContact {
        width: 100%;
    }

    blockquote {
        font-size: 2em;
    }

    .contactForm {
        padding: 0;
    }

    .processDescDiv {
        padding: 0!important;
    }
}
#navbar .btn-default {
    border: none;
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-radius: 0;
}
#ooo-so-sticky .btn-default svg {
    margin-top: -.01em;
    height: 26px;
}
#ooo-so-sticky .btn-default.active {
    color: #fff;
    background-color: #17759F;
    border-color: #17759F;
    box-shadow: none;
}
#ooo-so-sticky .btn-default.active svg path, #ooo-so-sticky .btn-default.active svg polygon, #ooo-so-sticky .btn-default.active svg .cls-1 {
    fill: #fff!important;
}
#thankYouContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 850px;
    width: 100%;
    text-align: center;
}
#thankYouContainer .servHead {
    margin-bottom: 2em;
}
#thankYouContainer .servHead img {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 6em auto;
}
#thankYouContent {
    width: 100%;
}
@media screen and (max-width: 768px) {
    #navbar>ul>li.dropdown.open>ul, #navbar>ul>li.dropdown>ul {
        border: 0!important;
        /* Stop border appearing on dropdown nav close */
        box-shadow: none!important;
    }
}
.text-muted {
    color: rgb(134, 134, 134)!important;
}
.text-left p {
    font-size: .75em;
}
.uploadForm legend {
    margin: 2em 0;
}
.uploadForm legend:first-child {
    margin-bottom: 1em;
}
.upload-group {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*========ADMIN===========*/
.adminHudRow {
    margin: 2em 0 1em 0;
}
.nav-tabs>li.active>a {
    color: #003A54;
}
.nav-tabs>li>a {
    color: #999;
    font-size: .9em;
}
.nav-pills>li>a {
    color: #999;
    font-size: .9em;
}
.nav-pills>li.active>a {
    background-color: #17759F;
}
.refreshDiv, .addDiv {
    padding-top: 0;
}
.addBtn {
    height: 38px;
    width: 38px;
    margin-left: 6px;
    background-color: #E18335!important;
}
.refreshBtn {
    margin-left: 12px;
    height: 38px;
    width: 38px;
}
.filterDiv {
    width: 40%;
}
.addDiv .btn-success {
    background-color: #E18335;
}
.btn-success {
    border: none;
    background-color: #99A038;
    height: 37px;
}
.btn-success:hover {
    background-color: #17759F;
}
.table-striped {
    color: #003A54;
    border-color: transparent;
}
.table-striped thead {
    border-bottom-color: #003A54!important;
}
.table-striped>thead>tr>th {
    border-bottom-color: transparent;
}
.table-striped thead th {
    font-size: .9em;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(191, 219, 247, .2);
}
.table>tbody>tr>td {
    border-top: 0;
    border-bottom: 1px solid transparent;
    padding: 20px 12px;
    font-size: 13px;
}
.table-striped>tfoot>tr>td {
    padding-top: 36px;
}
.actions .approve {
    color: #99A038
}
.actions .deny {
    color: #E3592A;
}
.fa-pencil {
    color: #17759F;
}
.filterLabel {
    padding-right: 12px;
}
.btn-info {
    border: 1px solid transparent;
    background-color: #fff;
    color: #333;
}
.btn-info:hover {
    background-color: #17759F!important;
    color: #fff!important;
}
.profileH2 {
    color: #003A54;
}
.profileSectionTitle {
    margin: 2em 0 1.25em 0;
    color: #003A54;
}
.profileLabel {
    color: #999;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 12px;
}
.status {
    display: inline;
    font-size: 16px;
    font-weight: 500;
    color: #E3592A;
    margin-left: 1em;
}
.fa-eye-slash, .fa-eye {
    /* float:right;
    padding-right:15px;*/

    padding-left: 5px;
}
.fa-eye-slash {
    color: #777;
}
.fa-eye {
    color: #17759F;
}
.uploadForm i {
    font-size: 20px;
    padding-right: 1em;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
    cursor: pointer;
}
.uploadForm .fa-file:hover {
    color: #7DE2D1;
}
.uploadForm span:not(.text-danger) {
    color: #777;
    line-height: 3em;
}
#searchDetailsSidebar p {
    color: #999;
    line-height: 1.5em;
}
.documents p {
    color: #777;
    line-height: 2em;
}
.documents i {
    font-size: 20px;
    padding-right: 1.75em;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
    cursor: pointer;
}
.documents a {
    color: #777;
}
.fa-download:hover {
    color: #99A038;
}
.fa-upload:hover {
    color: #17759F;
}
.fa-unlock:hover {
    color: #E3592A;
}
.fa-lock:hover {
    color: #003A54;
}
.fa-trash:hover {
    color: black;
}
#profileContent p {
    font-size: 1.25em;
}
.profileInnerRow {
    position: relative;
    min-height: 215.58px;
}
.profileWell {
    padding: 15px;
    background-color: #fff;
    margin-bottom: 15px;
}
.profileWell h4 {
    margin-bottom: 15px;
    margin-top: 0;
}
.profileWell p {
    font-size: 12px;
    color: #333;
}
.profileWell p b {
    font-size: 14px;
    color: #999;
    font-weight: 500;
}
.profileImgCol {
    padding: 0;
}
.profileContentCol {
    padding: 0 15px 0 20px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.profileContentCol button {
    border: 0;
}
.profileContentCol button:hover {
    background-color: #99A038;
}
.profileImgCol .img-rounded {
    border: 1px solid rgb(227, 227, 227);
}

.head-shot {
    width:200px;
    height:200px;
    object-fit: cover;
    max-width: 90%;
}

.profileContentCol .btn-group {
    margin-top: 15px;
    position: absolute;
    bottom: 0;
}
#searchRow header {
    padding-left: 15px;
}
.profileBtn .fa-fw {
    text-align: left;
}
#profileSidebar {
    width: 100%;
}
#profileSidebar .inlineInputDiv+.inlineInputDiv {
    padding-top: 15px;
}
#profileSidebar form {
    margin-bottom: 0;
}
#profileSidebar .btn {
    width: 100%;
}
#profileContent hr {
    margin: 40px 0;
}
#profileSideNavTitle {
    width: 100%;
}
#profileSideNavTitle h4 {
    padding-left: 15px;
}
.profileIcons {
    list-style-type: none;
    padding-left: 0;
    margin-top: 1.75em;
    margin-bottom: 1.75em;
}
.profileIcons .glyphicon {
    color: #99A038;
}
.profileIcons li a {
    padding-left: 0;
    font-weight: 700;
    color: #003A54;
    font-size: 18px;
}
.fa-spin {
    color: teal;
    padding-right: 0;
}
.fa-check {
    color: green;
}
.fa-remove {
    color: red;
}
.keyList {
    padding-left: 0;
    list-style-type: none;
}
.keyList i {
    padding-left: 0;
}
.keyList i:before {
    color: #333;
}
.keyList li p {
    padding-left: 10px;
    color: #999;
    display: inline;
}
.keyList li, .keyList li p {
    font-size: 13px;
}
.keyList li {
    padding-left: 0;
}
#note {
    margin-bottom: 2em;
}
.adminHeader {
    margin-bottom: 2.5em;
}
.adminHeader p {
    font-size: 1.25em;
}
#mission .processRow+.processRow {
    margin-top: 6em;
}
.initials {
    color: #17759F;
}
.adminHelp {
    margin-top: 4em;
}
.adminHelp h3, .adminHelp h6 {
    margin-top: 0;
}
.adminHelp dd {
    color: #999;
}
#hostDiv {
    background-image: url('/images/host-banner.jpg');
}
.fa-save {
    color: green;
    font-size: 20px;
}
.fa-ban {
    color: red;
    font-size: 20px;
}
.lastCheckCol {
    margin-bottom: 30px;
}
.noteModal {
    display: inline-block;
    background-color: white;
    color: black;
    padding: 25px;
    border-radius: 5px;
    max-width: 500px;
    width: 90%;
}

.noteModal h4{
  text-align: left;
  margin-top:0;
}

.noteModal textarea{
  padding:15px;
  width:100%;
}

.noteModal .btn-group{
  display: flex;
  justify-content: flex-end;
}

.saveBtn{
  background: #17759F;
    color: white;
    text-align: right;
transition:all 2s ease-in-out;
    margin-left: 5px;
    border-radius: 0;
}

.saveBtn:hover{
  background: #337ab7;
  color:white;
}

.closeBtn{

margin-right: 5px;
}

.noteModal label{
  width: 100%;
}

.btn.deny{
  background-color: #E3592A;
  color:white;
  margin-right:5px;
}

/* display: inline-block;
background-color: black;
color: white !important;
padding: 25px;
border-radius: 5px; */

.forgot-password-wrap {
    max-width: 500px;
    margin: 1em auto;
    background-color: #ddd;
    padding: 2em;
}

.forgot-password-input {
    border: 1px solid #888;
    padding: 0.5em;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 1em;
}

.forgot-password-flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}