/* Primary -   #022353 */
/* Secondary - #0F549A */
/* Action -    #F1C757 */
/* Accent -    #4F5C66 */
/* Fifth -     #FFFFFF */

body {
    color: #333;
    background-color: #EEEEEE;
}

/* Top Bar */
.top-bar {
    background-color: #022353;
    color: #FFFFFF;
}

    .top-bar :focus {
        outline-color: #F1C757;
    }

    .top-bar i.maf {
        color: #FFFFFF;
    }

    .top-bar .maf:hover,
    .top-bar .top-right img:hover {
        color: #F1C757;
    }

    .top-bar .top-bar-marker {
        background-color: #ED1C32; /* BSDI red - constant for all themes */
        color: #FFFFFF;
    }

    .top-bar .top-right a.btn:hover {
        background-color: #F1C757;
        color: #FFFFFF;
    }

    .top-bar .top-right img {
        border-color: #FFFFFF;
    }

        .top-bar .top-right img:hover {
            border-color: #F1C757;
        }

/* Side Bar */
.side-bar {
    background-color: #FFFFFF;
}

    .side-bar :focus {
        outline-color: #F1C757;
    }

    .side-bar a {
        border-bottom-color: #022353;
        color: #022353;
    }

        .side-bar a:focus,
        .offcanvas a:hover { /* What is this? */
            color: #022353;
        }

        .side-bar a:hover {
            background-color: #F1C757;
            color: #022353;
        }

    .side-bar div {
        background-color: #0F549A;
        color: #FFFFFF;
    }

    .side-bar i.maf { /* Sidebar close icon */
        color: #FFFFFF;
    }

.sidebar-right-focus:focus img {
    border-color: #F1C757;
}

.top-bar .side-bar .maf:hover { /* Sidebar close icon :hover */
    color: #F1C757;
}

/* Nav Bar */
.nav-bar {
    border-bottom-color: #022353;
    background-color: #FFFFFF;
}

    .nav-bar div.active {
        border-bottom-color: #0F549A;
    }

/* Favorites */
.favorites a:focus {
    color: #F1C757;
    outline: 0;
}

.favorites a:hover {
    color: inherit;
}

.favorites a.ko-clickable:focus {
    outline-color: #231F20;
}

.favorites .title {
    background-color: #F1C757;
    color: #022353;
}

    .favorites .title div span.setting:hover {
        color: #0F549A;
    }

.favorite-box {
    background-color: #FFFFFF;
    border-color: #CECECE;
}

    .favorite-box .favorite-actions .favorite-action.favorite-action-first {
        border-right-color: #CECECE;
    }

    .favorite-box .favorite-actions {
        border-top-color: #CECECE;
        background-color: #FCFCFC;
    }

    .favorite-box .favorite-list-box .favorite-list div.row {
        border-bottom-color: #FAFAFA;
    }

    .favorite-box .favorite-list-box .favorite-list-title,
    .favorite-box .favorite-stat-box .favorite-stat-title {
        color: #022353;
    }

    .favorite-box .maf.maf-check {
        color: #0F549A;
        opacity: 0.5;
    }

        .favorite-box .maf.maf-check.checked,
        .favorite-recipe {
            color: #0F549A;
        }

    .favorite-box .favorite-top .favorite-title {
        background-color: #0F549A;
    }

        .favorite-box .favorite-top .favorite-title:before {
            background: #FFFFFF;
        }

        .favorite-box .favorite-top .favorite-title div {
            color: #FFFFFF;
        }

        .favorite-box .favorite-top .favorite-title .favorite-info:after {
            background-color: #FFFFFF;
            background-color: rgba(255, 255, 255, 0.5);
        }

/* Main Box/Title */
.main-box .main-info {
    background-color: #FFFFFF;
}

    .main-box .main-info .main-info-action .btn.btn-primary:active {
        background-color: #0F549A;
        border-color: #0F549A;
        color: #FFFFFF;
    }

.main-box .main-news.row {
    border-bottom-color: #CCCCCC;
    background-color: #FFFFFF;
}

.main-box .main-program {
    background-color: #FFFFFF;
    border-bottom-color: #CCCCCC;
}

.main-box .main-stats .main-row-content {
    background-color: #FFFFFF;
}

.main-box .main-stats .main-row-heading {
    background-color: #FCFCFC;
}

.main-box .main-title {
    background-color: #022353;
    color: #FFFFFF;
}

    .main-box .main-title .maf:hover {
        color: #F1C757;
    }

    .main-box .main-title.take-action,
    .main-box.blog .main-title.take-action.row {
        background-color: #4F5C66;
    }

.main-box .table .table-row .table-cell .maf.maf-arrow-down, .main-box .alliance-table .table-row .table-cell .maf.maf-arrow-down {
    color: #4F5C66;
}

.main-box .table .table-row .table-cell .maf.maf-arrow-up, .main-box .alliance-table .table-row .table-cell .maf.maf-arrow-up,
.main-box .table .table-row .table-cell .maf.maf-check.checked, .main-box .alliance-table .table-row .table-cell .maf.maf-check.checked {
    color: #0F549A;
}

.main-box .table .table-row .table-cell .maf.maf-check, .main-box .alliance-table .table-row .table-cell .maf.maf-check {
    color: #CCCCCC;
}

.main-box.blog div.row {
    background-color: #FCFCFC;
}

.main-box.blog .main-title.row {
    background-color: #022353;
}

.main-box.blog .main-title a,
.main-box.program .main-title a {
    color: #FFFFFF;
}

.main-content div.title { /* Theme dependent */
    font-weight: bold;
}

.main-title a {
    color: #FFFFFF;
}

    .main-title a:hover {
        color: #FFFFFF;
    }

.main-title :focus {
    outline-color: #F1C757;
}

/* Goals */
.goal-list-item {
    border-bottom-color: #0F549A;
}

.goal-met {
    color: #022353;
}

.goal-not-met {
    color: #F1C757;
}

.goal-prompt-selection select {
    border-color: #0F549A;
}

.goal-status-choices div {
    border-color: #0F549A;
    background-color: #FFFFFF;
    color: #0F549A;
}

    .goal-status-choices div:hover {
        background-color: #CCCCCC;
    }

    .goal-status-choices div:nth-of-type(2) {
        border-right-color: #022353;
        border-left-color: #022353;
    }

    .goal-status-choices div.selected {
        background-color: #0F549A;
        color: #FFFFFF;
    }

.table.goals-history i.maf.maf-check, .alliance-table.goals-history i.maf.maf-check {
    color: #CCCCCC;
}

    .table.goals-history i.maf.maf-check.checked, .alliance-table.goals-history i.maf.maf-check.checked {
        color: #0F549A;
    }

.table.goals-history i.maf.maf-close, .alliance-table.goals-history i.maf.maf-close {
    color: #4F5C66;
}

@media(max-width: 767px) {
    .goal-prompt-question {
        color: #022353;
    }

    .goal-text {
        color: #022353;
    }
}

/* News */
.main-news-data,
.main-news-title {
    color: #022353;
}

.main-news-info i.maf.maf-close:hover {
    color: #0F549A;
}

/* Program */
.main-program-name a {
    color: #022353;
}

.main-program-name .maf:hover {
    color: #0F549A;
}

.row.main-program-status {
    background-color: #0F549A;
    color: #FFFFFF;
}

/* Chronicles */
.chronicle-box {
    border-color: #CECECE;
    background-color: #FFFFFF;
}

    .chronicle-box .chronicle-actions {
        border-top-color: #CECECE;
        background-color: #FAFAFA;
    }

        .chronicle-box .chronicle-actions .chronicle-action.chronicle-action-first {
            border-right-color: #CECECE;
        }

        .chronicle-box .chronicle-actions .chronicle-action.chronicle-box-liked i.maf {
            color: #0F549A;
        }

    .chronicle-box .chronicle-comments {
        background-color: #FAFAFA;
    }

    .chronicle-box .chronicle-message {
        color: #231F20;
    }

    .chronicle-box .chronicle-summary {
        background-color: #FFFFFF;
        color: #022353;
    }

        .chronicle-box .chronicle-summary .maf.like {
            color: #0C3F5D;
        }

    .chronicle-box .chronicle-top .chronicle-title {
        color: #58595B;
    }

        .chronicle-box .chronicle-top .chronicle-title .chronicle-date .maf {
            color: #AAAAAA;
        }

        .chronicle-box .chronicle-top .chronicle-title .chronicle-name a {
            color: #0C3F5D;
        }

    .chronicle-box .chronicle-top .chronicle-info {
        color: #4F5C66;
    }

.chronicle-input-heading a {
    color: #0F549A;
    font-weight: bold; /* Theme dependent */
}

    .chronicle-input-heading a:hover {
        color: #022353;
        font-weight: bold; /* Theme dependent */
    }

.chronicle-message .milestone-name {
    color: #58595B;
}

.chronicle-share {
    color: #0F549A;
}

.chronicles div.icons span:hover {
    color: #022353;
}

.chronicles .title span.selected .maf {
    color: #0F549A;
}

.chronicles .title.row {
    background-color: #F1C757;
    color: #022353;
}

    .chronicles .title.row i.maf.active {
        color: #4F5C66;
    }

    .chronicles .title.row i.maf:hover {
        color: #0F549A;
    }

    .chronicles .title.row.child-page {
        background-color: #0F549A;
        color: #FFFFFF;
    }

        .chronicles .title.row.child-page i.maf:hover {
            color: #F1C757;
        }

.thermometer .thermometer-amount,
.thermometer .thermometer-bulb .thermometer-circle,
.thermometer .thermometer-bulb .thermometer-filler {
    background: #4F5C66;
}

.thermometer .thermometer-tick hr {
    border-top-color: #231F20;
}

.thermometer .thermometer-tick.tick-current hr,
.tick-current hr {
    border-top-color: #0F549A;
}

.thermometer .thermometer-tick.tick-projected hr,
.tick-projected hr {
    border-top-color: #F1C757;
}

@media(max-width: 767px) {

    .chronicles .title.row {
        color: #022353;
    }

        .chronicles .title.row div.icons span:hover {
            background-color: #0F549A;
            color: #FFFFFF;
        }

        .chronicles .title.row div.icons span.selected {
            background-color: #022353;
        }

            .chronicles .title.row div.icons span.selected .maf {
                color: #FFFFFF;
            }

        .chronicles .title.row i.maf:hover {
            color: #FFFFFF;
        }

        .chronicles .title.row span {
            background-color: #FFFFFF;
            border-right-color: #231F20;
            border-top-color: #231F20;
            border-bottom-color: #231F20;
        }

            .chronicles .title.row span:first-of-type {
                border-left-color: #231F20;
            }

            .chronicles .title.row span:last-of-type {
                border-right-color: #231F20;
            }

        .chronicles .title.row.post {
            color: #FFFFFF;
        }
}

/* Page */
.page.login .login-area a {
    color: #0F549A;
}

    .page.login .login-area a.btn.btn-primary {
        color: #FFFFFF;
    }

.page.login .login-area input[type="checkbox"]:checked + label .check-box {
    background-color: #F1C757;
}

.page .pageHeader {
    background-color: #022353;
    color: #FFFFFF;
}

.page .page-instruction {
    background-color: #FAFAFA;
}

    .page .page-instruction.take-action {
        background-color: #4F5C66;
        color: #FFFFFF;
    }

.page .title {
    background-color: #0F549A;
    color: #FFFFFF;
}

    .page .title .maf:hover {
        color: #F1C757;
    }

    .page .title div span.setting:hover {
        color: #F1C757;
    }

    .page .title input,
    .page .title select,
    .page .title textarea {
        color: #676a6c;
        color: initial;
    }

/* Page Box */
.page-box {
    background-color: #FFFFFF;
    border-color: #CECECE;
}

    .page-box .maf.maf-check.checked {
        color: #0F549A;
    }

    .page-box .title .maf:hover {
        color: #F1C757;
    }

    .page-box .title.take-action {
        background-color: #4F5C66;
        color: #FFFFFF;
    }

/* Summary Box */
.summary-box .amcharts-balloon-bg {
    stroke: #022353;
}

.summary-box .amcharts-graph-column path {
    stroke: #022353;
    fill: #022353;
}

    .summary-box .amcharts-graph-column path.selected {
        stroke: #F1C757;
        fill: #F1C757;
        outline: 0;
    }

.summary-box .summary-actions a {
    color: #676a6c;
}

.summary-box .summary-actions {
    border-top-color: #CECECE;
    background-color: #FAFAFA;
}

    .summary-box .summary-actions .summary-action.summary-action-first {
        border-right-color: #CECECE;
    }

    .summary-box .summary-actions .summary-action.summary-box-liked i.maf {
        color: #0F549A;
    }

.summary-box.selected {
    box-shadow: 0 0px 8px #0F549A;
}

@media(max-width: 767px) {

    .summary-box.selected {
        box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    }
}

/* Date Range Picker */
.daterangepicker td.active, .daterangepicker td.active:hover {
    border-color: transparent;
    background-color: #F1C757;
    color: #fff;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}

.daterangepicker td.end-date {
    background-color: #F1C757;
    color: #FFF;
}

.daterangepicker td.in-range {
    background-color: #EBF4F4;
    border-color: transparent;
    color: #000;
}

.daterangepicker .ranges li.active {
    background-color: #F1C757;
    color: #fff;
}

.daterangepicker .ranges li:hover {
    background-color: #eee;
    color: inherit;
}

/* Table */
.row.title.dark-background {
    background-color: #022353;
}

.row.title.gray-background {
    background-color: #F3F3F3;
    color: #58595B;
}

.row.title.simple {
    background-color: #FFFFFF;
    color: #58595B;
    border-bottom: 3px solid #000000;
}

.table a.ActiveLink .maf, .alliance-table a.ActiveLink .maf {
    color: #022353;
}

.table .table-row-heading, .alliance-table .table-row-heading {
    border-bottom-color: #000000;
}

    .table .table-row-heading.dark-background, .alliance-table .table-row-heading.dark-background {
        border-bottom: none;
        background-color: #022353;
        color: #FFFFFF;
    }

.table.selection div.table-row:hover, .alliance-table.selection div.table-row:hover {
    background-color: #FFFFFF;
    color: #0F549A;
}

.table.table-stats div.table-row div.table-cell:first-of-type, .alliance-table.table-stats div.table-row div.table-cell:first-of-type {
    background-color: #FCFCFC;
}

/* Check-In */
.checkin-button-selected {
    border-color: #4F5C66;
}

.checkin-events .add-event {
    border-left-color: #CCCCCC;
}

    .checkin-events .add-event.event-selected {
        color: #0F549A;
    }

.checkin-events .table-row {
    background-color: #FFFFFF;
    border-color: #DEDEDE;
}

    .checkin-events .table-row.event-selected {
        box-shadow: 0 0 2px 1px #0F549A;
    }

    .checkin-events .table-row:last-of-type,
    .table.checkin-events .table-row:not([style="display: none"]):last-of-type, .alliance-table.checkin-events .table-row:not([style="display: none"]):last-of-type {
        border-bottom-color: #DEDEDE;
    }

/* Button */
.btn:focus {
    outline-color: #022353;
}

.btn.btn-primary, btn.btn-secondary {
    background-color: #0F549A;
    border-color: #0F549A;
    color: #FFFFFF;
    outline-color: #FFFFFF;
}

    .btn.btn-primary:hover, .btn.btn-secondary:hover {
        background-color: #022353;
        border-color: #022353;
        color: #FFFFFF;
        outline-color: #FFFFFF;
    }

/*.btn.btn-secondary,
.btn.btn-secondary:active {
    background-color: #F1C757;
    border-color: #F1C757;
    color: #022353;
}

    .btn.btn-secondary:hover {
        background-color: #022353;
        border-color: #022353;
        color: #F1C757;
    }*/

.like-btn-liked i.maf {
    color: #0F549A;
}

/* Footer */
.footer {
    background-color: #0F549A;
    color: #FFFFFF;
}

    .footer a {
        color: #FFFFFF;
    }

/* Icon */
.noIcon {
    color: #BE1E2D !important;
}

.noIconPast {
    color: #e0a3a8 !important;
}

.unknownIcon {
    color: #58595B !important;
}

.unknownIconPast {
    color: #c4c4c4 !important;
}

.yesIcon {
    color: #23827F !important;
}

.yesIconPast {
    color: #89c8c6 !important;
}

/* Status */
.status-good {
    color: #23827F;
}

.status-risk {
    color: #BE1E2D;
}

.status-ok {
    color: #58595B;
}

.status-elevated {
    color: #BE1E2D;
}

/* Survey */
.survey-description-text {
    background-color: #FAFAFA;
}

.survey-title,
.survey-question {
    border-bottom-color: #CCCCCC;
}

/* Misc */
.NotInBalance {
    color: #4F5C66;
}

.loader {
    border-color: #0F549A;
    border-top-color: #F1C757;
}

div.alt-answer a {
    color: #022353;
}

.notification-row {
    color: #FFFFFF;
    background-color: #022353;
}

.text-info {
    color: #0F549A !important;
}

.daily-challenge-double {
    color: #4F5C66;
}

.likes-list {
    background-color: #FAFAFA;
    border-color: #CECECE;
}

.highlighted-action {
    color: #0F549A;
}

i.take-action {
    color: #4F5C66;
}

.milestone-box-stat {
    color: #4F5C66;
}

.nav-selection {
    background-color: rgba(35, 31, 32, .95);
}

.nav-selection-options a {
    color: #F1C757;
}

.points-vault-category {
    background-color: #022353;
    color: #FFFFFF;
}

.maf.maf-check.not-checked {
    color: #CCCCCC;
}

.exercise-type-selection .active .choice {
    color: #022353;
    text-shadow: -1px 0 #F1C757, 0 1px #F1C757, 1px 0 #F1C757, 0 -1px #F1C757;
}

img.highlighted {
    box-shadow: 0 0 1px 3px #4F5C66;
}

.funkyradio input[type="radio"]:empty ~ label::before,
.funkyradio input[type="checkbox"]:empty ~ label::before {
    background: #D1D3D4;
    color: #D1D3D4;
}

    .funkyradio input[type="radio"]:checked ~ label::before,
    .funkyradio input[type="checkbox"]:checked ~ label::before {
        color: #FFFFFF;
        background-color: #022353;
    }

.modal-header {
    background-color: #0F549A;
    color: #FFFFFF;
}

.databox {
    border-color: #F1C757;
}

.filter-bubble {
    border-color: #0F549A;
    background-color: #0F549A;
    color: #FFFFFF;
}

.progress-bar-info {
    background-color: #0F549A;
}

.fc-toolbar button {
    background-color: #0F549A;
    border-color: #0F549A;
    color: #FFFFFF;
    outline-color: #FFFFFF;
}

    .fc-toolbar button:hover {
        background-color: #022353;
        border-color: #022353;
        color: #FFFFFF;
        outline-color: #FFFFFF;
    }

.milestone-box-info {
    border-top-color: #231F20;
}

.favorite-stat-chart .amcharts-graph-column path {
    stroke: #022353;
    fill: #022353;
}


.display-onfocus:focus {
    background: #0F549A;
}

.history-date-selector {
    background-color: #FAFAFA;
}

textarea:focus,
input:focus,
a:focus,
button:focus {
    outline-color: #231F20;
}

.equipment-area .selected .maf-check {
    color: #0F549A;
}

.leftpane-nav-bar {
    border-bottom-color: #022353;
    border-top-color: #0F549A;
    background-color: #0F549A;
    color: white;
}

    .leftpane-nav-bar div.left.active {
        color: #0F549A;
        background-color: #F8F8F8;
        border-right-color: #022353;
    }

    .leftpane-nav-bar div.right.active {
        color: #0F549A;
        background-color: #F8F8F8;
        border-left-color: #022353;
    }

.event-details {
    background-color: #FFFFFF;
}

    .event-details .spots-remaining .none-left {
        border-color: #be1d2d;
        box-shadow: 0px 0px 2px 1px #be1d2d;
    }

.slider-handle {
    background-image: none !important;
    background-color: #0F549A !important;
}

.duration-picker button,
.number-picker button {
    color: #CCCCCC;
}

.graph-color {
    color: #4F5C66;
    background-color: #F1C757; /* chart line 2, if needed */
    content: '#FFFFFF'; /* contrasting font color */
}

.bioHistoryTable i.maf.maf-staff-accounts {
    color: #CACACA;
}

.subtle-instruction {
    color: #CCCCCC;
}

i.maf.light-icon {
    color: #CACACA;
}

.ilp-units .image-text {
    color: #0C3F5D;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #0F549A;
    border-color: #0F549A;
}

.maProgressItem {
    border-color: #F1C757;
}

.maProgressItemDone {
    background-color: #0F549A;
}

.push-notification {
    border-top-color: #0F549A;
}

div.separator-line {
    border-bottom-color: #000000;
}

    div.separator-line span.separator-text {
        color: #0F549A;
        background: #FFFFFF;
    }

input[type="checkbox"]:checked + label .check-box,
input[type="radio"]:checked + label .check-box,
.colored-check-box input[type="checkbox"]:checked + label .check-box {
    background-color: #022353;
}

.amcharts-graph-bullet, .amcharts-graph-stroke, .amcharts-balloon-bg {
    stroke: #022353;
}

.amcharts-graph-bullet {
    fill: #022353;
}

.specific-dates .day.selected button {
    background-color: #F1C757;
    border-color: #F1C757;
}
a.color, a.color:hover, a.color:focus {
    color: #0F549A;
}

.maf-warning.with-color {
    color: #0F549A;
}
.achievement-progress-bar {
    background-color: #0F549A40;
}

    .achievement-progress-bar .inner {
        background-color: #0F549A;
    }

.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
    border-bottom-color: #0F549A;
}
.tag.secondary {
    background-color: #a6d0ff;
    color: #073972;

}