body {
    background: rgb(0,81,149);
}

#header {
    background: rgb(0,81,149);
    border-bottom: 8px solid rgb(1,160,233);
}

#logo img
{
    width: 230px;
    margin: 14px;
}

#navbar, #navbarContainer {
    background: rgb(1,160,233);
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: rgb(0,81,149);
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: rgb(0,81,149);
}

#footer {
    background: rgb(0,81,149);
}

.navbar-learninglab {
    padding: 0.5rem;
}

/* SM size and up */
@media (min-width: 768px) 
{
    #header 
    {
        border: none;
    }
    #header #logo img
    {
        width: 300px;
        margin: 14px;
    }
    #header.tall #logo img 
    {
        width: 400px;
        margin: 20px;
    }
    .navbar-learninglab {
        padding: 0px;
    }
}

.btn-primary {
    color: #efefef;
    background-color: rgb(0,81,149);
    border-color: rgb(0,81,149);
}

    .btn-primary:hover {
        color: #efefef;
        background-color: rgb(0,81,149);
        border-color: rgb(0,81,149);
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(112, 138, 160,0.5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #efefef;
        background-color: rgb(112, 138, 160);
        border-color: rgb(112, 138, 160);
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #efefef;
        background-color: rgb(0, 64, 118);
        border-color: #000
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0, 64, 118,0.5)
        }

.panel > .panel-heading {
    color: #fff;
    background-image: none;
    background-color: #005195;
    border-color: #005195;
}