/*
    Formatted by CSS Beuutify
    http://cssbeautify.com/
*/

body {
    background-color: #fff;
    color: #00263e;
}
.btn-primary {
    background-color: #00b5e2;
    border-color: #00b5e2;
}
.btn-primary:hover {
    background-color: #00a1c9;
    border-color: #00a1c9;
}
.flash-panel .notification {
    background-color: #e0e721;
    color: #00263e;
}
.flash-panel .notification a {
    color: #00b5e2;
}

#account #logo > a > img,
#learner #logo > a > img {
    margin: 0;
}
#account #banner,
#account #logo,
#learner #logo {
    border-bottom-color: #00263e;
    background-color: #00263e;
}

#account #form-content .form-panel {
    width: 360px;
}
#account #form-content .form-panel.wide {
    width: 610px;
}
#account #form-content #twofa-setup-container .form-panel,
#account #form-content #twofa-verification-container .form-panel {
    width: 500px;
}

#account #form-content .form-panel .form-section {
    background-color: #00263e;
    border: none;
    box-shadow: none;
}
#account #form-content .form-panel .form-section .well p {
    color: #00263e !important;
}
#account #form-content .form-section h1,
#account #form-content .form-section p,
#account #form-content .form-section label {
    color: #ffffff;
}
#account #form-content #login.form-panel .submit-panel ul li a {
    color: #3eb4ff;
}
#account
    #form-content
    #login.form-panel
    .form-section
    .editor-field
    .glyphicon {
    color: #00b5e2;
}

#account #logo a {
    color: white;
    font-size: 24pt;
    padding: 15px;
}

#account .btn,
#account input {
    border-radius: 2px;
}

#account input[type="text"],
#account input[type="password"] {
    width: 100%;
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
}

#account label {
    margin-bottom: 5px;
}

#account .editor-field:last-of-type {
    padding-bottom: 0;
}

.forgot-link {
    float: right;
    padding: 5px;
}

#account #footer {
    border-top-color: #00263e;
}

#login .input-sm {
    font-size: 16px;
}