/*SAE Blue: #23c1ef 35,193,239 */
/*SAE White: #fff 255,255,255 */
/*SAE Dark Gray: #242f39 36,47,57 */
/*SAE Gray: #5b646d 91,100,109 */
/*SAE Light Gray: #acb1b6 172,177,182 */
/*SAE Light Gray|Light: #eaeff3 234,239,243 */
/*SAE Light Gray|Medium: #e4e8ec 288,232,236 */
/*SAE Light Gray|Dark: #d9dde0 217,221,224 */

body {
    background: #242f39;
}

#header {
    background: #fff;
    border-bottom: 8px solid #242f39;
}

#logo img {
    width: 300px;
    margin: 12px 14px;
}

#navbar, #navbarContainer {
    background: #242f39;
}

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

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

.navbar-nav .open > a, .navbar-nav .open > a:hover, .navbar-nav .open > a:focus {
    background-color: #242f39;
}

#footer {
    background: #242f39;
}

.navbar-learninglab {
    padding: 0.5rem;
}

/* SM size and up */
@media (min-width: 768px) {
    #header {
        border: none;
    }

        #header #logo img {
            width: auto;
            margin: 10px 14px;
        }

    .navbar-learninglab {
        padding: 0px;
    }
}

.btn-primary {
    color: #fff;
    background-color: #242f39;
    border-color: #242f39;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #242f39;
        border-color: #242f39;
    }

    .btn-primary:focus, .btn-primary.focus {
        background-color: #242f39;
        border-color: #242f39;
        box-shadow: 0 0 0 0.2rem rgba(36, 47, 57, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #242f39;
        border-color: #242f39;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #242f39;
        border-color: #242f39;
    }

        .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 0.2rem rgba(36, 47, 57, 0.5);
        }

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

.notch-box.outline td.bottom-left {
    border-right: 2px solid #fff !important;
}

.notch-box.outline td.bottom-right {
    display: none !important;
}

.sae2-blue {
    background-color: #23c1ef;
}

/*.sae2-white {
    background-color: #fff;
}*/

.sae2-gray {
    background-color: #5b646d;
}

.sae2-dark-gray {
    background-color: #242f39;
}

.sae2-light-gray {
    background-color: #acb1b6;
}

.sae2-light-gray-light {
    background-color: #eaeff3;
}

.sae2-light-gray-medium {
    background-color: #e4e8ec;
}

.sae2-light-gray-dark {
    background-color: #d9dde0;
}

.sae2-dark-gray-text {
    color: #242f39;
}

    .sae2-dark-gray-text a {
        color: #242f39;
    }

        .sae2-dark-gray-text a.btn.btn-primary {
            color: #fff;
        }

.inner {
    /*    margin: 20px 0 20px 0;*/
    padding: 18px 16px 18px 16px;
}

    .inner > h1, .inner > h2, .inner > h3, .inner > h4, .inner > h5 {
        text-transform: uppercase;
        font-weight: bold;
        margin: 0;
        padding: 0;
        padding-bottom: 15px;
    }

/*.notch-box.outline.transparent {
    background-color: #242f39 !important;
}*/

#header-sae {
    position: absolute;
    top: 0;
    right: 10px;
}


.btn-success {
    color: #fff;
    background-color: #242f39;
    border-color: #242f39;
}

    .btn-success:hover {
        color: #fff;
        background-color: #242f39;
        border-color: #242f39;
    }

    .btn-success:focus, .btn-success.focus {
        background-color: #242f39;
        border-color: #242f39;
        box-shadow: 0 0 0 0.2rem rgba(36, 47, 57, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #242f39;
        border-color: #242f39;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #242f39;
        border-color: #242f39;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(36, 47, 57, 0.5);
        }


.notch {
    border-color: transparent !important;
}

.navbar-toggle .icon-bar {
    background: #242f39;
}

.navbar-toggle {
    margin-top: 20px;
}