/* Move down content because we have a fixed navbar that is 50px tall */
html {
    height: 100%;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}

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

footer {
    margin-top: auto;
    padding: 20px 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;
    }
}
.navbar{
    position: relative;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-bottom: 10px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-top: 10px solid black;
}
.arrow-space {
  width: 0; 
  height: 0; 

  border-top: 4px solid transparent;

}
.navbar-collapse {
  max-height: 340px;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

@media (min-width: 768px) {
  .navbar-nav {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 110px;  
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}


@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
    left:0;
  }
  .navbar-right {
    float: right !important;
    right:0;
  }
  .navbar-bottom{
    position: absolute;
    bottom: 0;
  }
}


.navbar-default .navbar-text {
  color: #fefeff;
}

.navbar-default .navbar-nav > li > a {
  color: #fefeff;
}


.navbar-inverse {
  background-color: #005a8b;
  border-color: #005a8b;
}

.navbar-inverse .navbar-brand {
  color: #fefeff;
}


.navbar-inverse .navbar-text {
  color: #fefeff;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fefeff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-style: none;
  border-color: #005a8b;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #006ba5;
}

.centered {
    margin: 0 auto;
}

.submit-progress {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 6em;
  padding-top: 2.3em;
  width: 40em;
  margin-left: -20em;
  padding-left: 2.1em;
  z-index:9999;
}

  .submit-progress-bg {
    opacity: .7;
  }