/* 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; }