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

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

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.container {
    position: relative;
}

table {
    font-size: 14px;
}

.btn-success {
    color: #ffffff;
    background-color: #00617C;
    border-color: #00617C;
}

table th a {
    color: #00617C;
}

table th a:before {
    content: url(images/arrow_sort.png);
    margin-right: 5px;
    position: relative;
    top: 3px;
}
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.pagingContainer{
    margin-bottom:10px;
}
.nav .badge {
    background-color:#fff;
    color:#E54532;
}

#NewIPAddress {
    float: left;
}


.form-group #Email{
    float:left;
}
a {
    color: #E54532;
}

.btn-primary {
    background-color: #E54532;
    border: none;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #910002;
    border: none;
    color: #ffffff;
}

btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{
    background-color: #E54532;
    border: none;
    color: #ffffff;
}

btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{
    background-color:#f04e37;
    border-color:#f04e37

}

.logo {
    display: inline-block;
    padding: 5px 10px 10px;
    width: 100px;
    border: 2px #ccc solid;
    background: #FFF;
    margin: 10px 0;
}

.logo img {
    width: 100%;
}

.navbar-inverse {
    background-color: #00617C;
}

.navbar-collapse .nav {
    padding-left: 100px;
    padding-top: 35px;
    padding-bottom: 18px; 
}

.navbar-right {
    padding-left: 0 !important;
}
 
.navbar {
    font-size: 15px;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #E54532;
}

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

.navbar-inverse .dropdown-menu {
    background-color: #E54532;
}

.navbar-inverse .dropdown-menu > li > a, .navbar-inverse .dropdown-menu > li > a:focus {

}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#ffffff;background-color:#910002}


.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#ffffff;background-color:#910002}

@media (max-width: 1024px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .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;
    }

    .navbar-collapse .nav {
        padding: 0;
    }
}

@media all and (max-width:768px) {
    .navbar-collapse {
        display: block;
    }
}

.hideOffscreen{
    height:1px;
    width:1px;
    position:relative;
    left:-3000px;
}


.autocomplete {
  position: relative;
  display: none;
  z-index: 900;
}

.autocomplete-results {
  max-height: 380px;
  overflow: auto;
  position: absolute;
  top: -1em;
  left: 0;
  width: 100%;
  padding: 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background: #fff;
}

.autocomplete-results ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.autocomplete-results div.recent {
  /* border-top:1px dotted #aaa; */
  padding: 0.4% 1%;
  height: 18px;
  border-bottom: 1px dotted #aaa;
  margin-bottom: 9px;
}

.autocomplete-results div.recent span {
  font-size: 13px;
  background: #fff;
  padding: 0 8px;
  margin-left: 8px;
  color: #666;
}

.autocomplete-results ul li a {
  display: block;
  padding: 0.4% 1%;
  color: #666;
  font-size: 14px;
}

.autocomplete-results ul li a:hover, .autocomplete-results ul li a.selected {
  background: #a9cdff;
}

.autocomplete-results ul li a b {
  color: #000;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #31b0d5; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    margin:50px auto;
}

.loaderContainer {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    padding-top:300px;
    z-index: 100;
    background: #fff;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}