.navbar-logout {
    width: 7%;
}

#main-container {
    padding-top: 70px;
}

#wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {    /* used to be tt-dropdown-menu in older versions */
    width: 422px;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.typeahead.dropdown-menu {
    max-width: 700px;
}

#search-site .typeahead.dropdown-menu {
    max-height: 332px;
    overflow-y: auto;
}

.navbar-default {
    background-color: #525252;
    border-color: #414141;
}

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

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #929497;
    background-color: transparent;
}

footer {
    margin-top: 50px;
    background-color: #525252;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

#app {
    flex: 1;
}

#main-container .main-container{
    padding-top: 20px;
}

.navbar-brand {
    padding: 15px 10px;
}

.nav>li>a {
    padding: 10px 9px;
}

.navbar-nav > li > a {
    line-height: 30px;
}

#search-site {
    padding-top: 2px;
}

nav.navbar:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 4px;
    background: linear-gradient(141deg,#F6A22D -12%,#F06C08 50%,#F07E3E 100%);
    right: 0;
    left: 0;
}

.swal2-icon.swal2-error .line-access-denied.right-access-denied {
    -webkit-transform: rotate(-45deg);
    transform: rotate(0deg);
    right: 10px;
}

.swal2-icon.swal2-error .line-access-denied.left-access-denied {
    -webkit-transform: rotate(-45deg);
    transform: rotate(0deg);
    left: 10px;
}

.swal2-icon.swal2-error .line-access-denied {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 38px;
    border-radius: 2px;
}
ul.select2-results__options li:nth-child(2n) {
    background: #f9f9f9;
}

.radio-inline label {
    font-weight: 400;
    margin-bottom: 0px;
}

.modal-body-height-fixed {
    height: 250px;
}

.list-group {
    overflow-y: auto;
    max-height: 1170px;
}

span.input-group button.speed-addon {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-left: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.disabled {
    pointer-events: none;
}

.fixed-site-connection-details {
    position: relative;
}

.row-no-margin {
    margin-right: 0px;
    margin-left: 0px;
}
.row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*medium to large ie. tablet and up*/
@media (min-width: 992px){
    .fixed-site-connection-details {
        position: fixed;
        width: 697px;
        overflow-y: auto;
        max-height: 90%;
    }
}

@media (max-width: 991px) {
    .margin-top-on-mobile {
        margin-top: 20px!important;
    }
}

@media (max-width: 767px){
    .pick-different-site.padding-left-sm {
        padding-left: 15px !important;
        margin-left: 25% !important;
    }

    .save-multiple-sites {
        padding-top: 5px !important;
    }
}

/*large ie. tablet and up*/
@media (min-width: 1200px){
    .no-padding {
        padding: 0 !important;
        margin: 0 !important;
    }

    .no-padding-right, .no-padding-sides {
        padding-right: 0 !important;
    }

    .no-padding-left, .no-padding-sides {
        padding-left: 0 !important;
    }

    .no-margin-right, .no-padding-sides {
        margin-right: 0 !important;
    }

    .no-margin-left, .no-padding-sides {
        margin-left: 0 !important;
    }

    .col-lg-1-5 {
        width: 12% !important;
    }

    .fixed-site-connection-details {
        position: fixed;
        width: 847px;
        overflow-y: auto;
        max-height: 90%;
    }
}

.col-xs-offset-0-5 {
    margin-left: 4% !important;
}

.no-margin-top {
    margin-top: 0px;
}

.no-margin-bottom {
    margin-bottom: 0px;
}

.padding-left-sm {
    padding-left: 10px !important;
    margin-left: 0 !important;
}

label.text-align-left {
    text-align: left !important;
}

.padding-top-sm {
    padding-top: 5px !important;

}

.margin-right-sm {
    margin-right: 10px !important;
}

.form-group {
    margin-bottom: 10px;
}

.assigned-sites-select .select2-container, .counties-select .select2-container {
    width: 100% !important;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 180px;
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: grey;
}
.panel-heading .collapsed .accordion-toggle:after {
    content: "\e114";
}

.list-group-item-void,
.void {
    color: #ffffff !important;
    background-color: #333 !important;
    border-color: #333 !important;
}

.list-group-item-void:hover,
.list-group-item-void.active,
.void:hover,
.void.active {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.rotten {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #f2dede !important;
}

.rotten:hover {
    color: #a94442 !important;
    background-color: #ebcccc !important;
    border-color: #ebcccc !important;
}

.rotten.active {
    color: #ffffff !important;
    background-color: #a94442 !important;
    border-color: #a94442 !important;
}

.stale {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #fcf8e3 !important;
}

.stale:hover {
    color: #8a6d3b !important;
    background-color: #faf2cc !important;
    border-color: #faf2cc !important;
}

.stale.active {
    color: #ffffff !important;
    background-color: #8a6d3b !important;
    border-color: #8a6d3b !important;
}

#primary-connection-form, #secondary-connection-form, #site-survey-form {
    margin-bottom: 20px;
}

.modal-header {
    background-color: #f1f1f1;
    border-radius: 6px 6px 0px 0px;
}

.no-padding-left-all {
    padding-left: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

.dot-is-node, .dot-in-hsn {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 10px;
}

.label-is-node, .label-in-hsn {
    display: inline-block;
    vertical-align: super;
}

.btn-unit.active {
    color: #fff!important;
    background-color: #337ab7!important;
    border-color: #295d8e !important;
    font-weight: bold;
}

@media (max-width: 991px) {
.footer-logos {
        text-align: center!important;
}
}
.footer-logos {
    text-align: right;
}
@media (max-width: 767px) {
.footer-copyright {
        padding-top: 20px!important;
}
.footer-logos, .footer-copyright {
}
}
@media (min-width: 400px) {
.footer-logos .icoe-logo, .footer-logos .cde-logo, .footer-logos .k12hsn-logo {
        padding-right: 10px;
}
.footer-logos .cde-logo {
        padding-left: 10px;
}
}
.footer-copyright {
    padding-top: 10px;
    line-height: 25px;
    font-size: 13px;
    color: #ffffff;
}
footer.row {
    padding-top: 20px;
    padding-bottom: 20px;
}


.btn-login {
    float: right;
}
.btn-register {
    padding-left: 0;
}


.datalink-logo {
    float: left;
    padding-right: 20px;
}
hr {
    margin-top: 1rem !important;
}
.m-bottom {
    margin-bottom: 1.5rem !important;
}
.title-in-hr-1 {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
    color: #495057;
    vertical-align: middle;
    background-color: #fff;
}
.title-in-hr-2{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 100%;
    color: inherit;
}
.hr-with-title {
    position: relative;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
}
.hr-with-title:before {
    position: absolute;
    top: 50%;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #eee;
    right: 0;
    left: 0;
}
.hr-with-title-margin-top {
    margin-top: 3rem !important;
}
.hr-with-title-margin-bottom {
    margin-bottom: 1rem !important;
}
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6, .container .a,
.container .b, .container .c, .container .d, .container .e, .container .f {
    font-weight: 300;
}
.chart-titles {
    text-align: center !important;
    margin-top: 2rem !important;
}
.graph-title {
    font-size: 25px;
    margin-top: 0;
}
.graph-value {
    color: #999 !important;
}
.graph-canvas {
    margin: 0 auto 15px;
}
.by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.atf:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.atf {
    display: block;
    padding: 1rem 1.25rem;
    margin-bottom: -1px;
    font-weight: 400 !important;
    color: inherit;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.125);
    font-size: 20px !important;
}
.tc {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.ra {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.mo {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.od {
    width: 100%;
    color: #495057;
    text-align: inherit;
}
.atg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    background-color: #f7f7f7;
}
.asd {
    color: #999 !important;
}
.graph-text-value {
    font-size: 100px;
    font-weight: 700;
    color: #408ecc;
    line-height: 94px;
}
.graph-text-muted {
    color: #777;
    font-size: 26px;
}
.kbps-per-student-value {
    font-size: 40px;
    color: #408ecc;
    line-height: 30px;
}
.kbps-per-student-label {
    color: #777;
    font-size: 18px;
}


.title-in-hr-1 {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
    color: #495057;
    vertical-align: middle;
    background-color: #fff;
    font-weight: 300;
}
.title-in-hr-2{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 100%;
    color: inherit;
}
.hr-with-title {
    position: relative;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
}
.hr-with-title:before {
    position: absolute;
    top: 50%;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #eee;
    right: 0;
    left: 0;
}
.hr-with-title-margin-top {
    margin-top: 3rem !important;
}
.hr-with-title-margin-bottom {
    margin-bottom: 2rem !important;
}
.chart-titles {
    text-align: center !important;
    margin-top: 2rem !important;
}
.graph-title {
    font-size: 25px;
    margin-top: 0;
    font-weight: 300;
}

/*large ie. tablet and up*/
@media (min-width: 768px) {
.col-sm-offset-1-5 {
        margin-left: 12.4999999999%;
}
.col-sm-offset-0-5 {
        margin-left: 4.16666666666%;
}
}

/*large ie. tablet and up*/
@media (min-width: 1200px) {
.text-right-lg {
        text-align: right;
}
}
.list-complete h3 {
    margin-top: 10px!important;
}
.list-complete {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}
.list-complete-item {
    transition: opacity .6s, transform 1s;
    padding: 10px;
}
.list-complete-leave-to, .list-complete-enter {
    opacity: 0;
    transform: translate(0px, 0px);
}
.list-complete-leave-active {
    display: none;
    position: absolute;
}
.list-complete-site {
    padding: 0 10px 0 10px;
    border: 0.5px solid rgba(0, 0, 0, 0.2) !important;
    height: 260px;
    border-radius: .25em;
    position: relative;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
}
.no-margin-top {
    margin-top: 0px;
}
.small-label{
    font-size: 55%;
    font-weight: 400;
    line-height: 1;
    color: #fff;
}
.labelNoValue {
    background-color: #777777a6;
}
.btn-children {
    position: absolute;
    bottom: 7px;
    right: 7px;
}
.icon-muted {
    color: #a9a9a9;
    top: 2px;
}
.margin-top {
    margin-top: 2rem !important;
}
.margin-bottom-2 {
    margin-bottom: 2rem !important;
}
.margin-bottom-1 {
    margin-bottom: 1rem !important;
}
.btn-updated-on {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.updated-on-text {
    font-size: 12px!important;
    font-weight: 400!important;
    color: hsl(0, 0%, 45%);
}
.graph-value {
    color: #999 !important;
}
.m-bottom {
    margin-bottom: 1.5rem !important;
}
.graph-text-value {
    font-size: 30px;
    font-weight: 700;
    color: #408ecc;
    line-height: 25px;
}
.graph-text-muted {
    color: #777;
    font-size: 15px;
}
.kbps-per-student-value {
    font-size: 20px;
    color: #408ecc;
    line-height: 15px;
}
.kbps-per-student-label {
    color: #777;
    font-size: 14px;
}
.padding-students {
    padding-top: 5px;
}
.padding-kbps {
    padding-top: 7px;
}
.inline-title {
    display: inline;
}
.m-button {
    margin-bottom: 0.8rem !important;
}
.site-title-link{
    color: #000!important;
    text-decoration: none!important;
}
.outdated-button {
    margin-bottom: 3px;
}