.tab-paleorange.nav-pills > li.active > a { background: #EA8564; color: white; } .rubix-panel-header.nav-inline .nav-paleorange > li.active > a { border: 1px solid #EA8564; border-bottom: none; } .rubix-panel-header.nav-inline .nav-paleorange > li.open > .dropdown-toggle { color: white; background: none; } .bg-paleorange { background: #EA8564 !important; } .bg-paleorange table td, .bg-paleorange th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-paleorange:focus { background: #EA8564 !important; } .bg-hover-paleorange:hover { background: #EA8564 !important; } .fg-paleorange { color: #EA8564; } .fg-paleorange .nav-tabs > li.active > a { color: #EA8564; } .fg-tab-active-paleorange .nav-tabs > li.active > a { color: #EA8564 !important; } .fg-focus-paleorange:focus { color: #EA8564; } .fg-hover-paleorange:hover { color: #EA8564; } .border-paleorange { border-color: #EA8564 !important; } .border-paleorange .rubix-timeline-body > ul { border-color: #EA8564; } .border-paleorange.rubix-timeline-view:before { border-color: #EA8564; } .border-hover-paleorange:hover { border-color: #EA8564 !important; } .border-focus-paleorange:focus { border-color: #EA8564 !important; } .tl-paleorange .rubix-timeline-body > ul > li:before { border-color: #EA8564; } .list-bg-paleorange > .list-group-item.active { background: #EA8564 !important; color: white !important; } .list-fg-paleorange > .list-group-item { color: #EA8564; } .btn-pinkishred { background: #EF6B5D; color: white; border-color: #EF6B5D; } .btn-pinkishred.btn-outlined { color: #EF6B5D; background: none; } .btn-pinkishred.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-pinkishred.btn-outlined.btn-onlyOnHover:hover, .btn-pinkishred.btn-outlined.btn-onlyOnHover:focus, .btn-pinkishred.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-pinkishred.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-pinkishred.btn-outlined.btn-inverse:hover, .btn-pinkishred.btn-outlined.btn-inverse:focus, .btn-pinkishred.btn-outlined.btn-inverse.active { color: #EF6B5D; background: white; } .btn-pinkishred.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-pinkishred.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-pinkishred.btn-outlined.btn-inverse.active.btn-retainBg { background: #EF6B5D; color: white; border-color: #EF6B5D; } .btn-pinkishred.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-pinkishred.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-pinkishred.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #db2816; border-color: #a31e10; } .btn-pinkishred:focus, .btn-pinkishred.focus, .btn-pinkishred:hover, .btn-pinkishred.active { color: white; background: #f4958b; border-color: #f4958b; } .btn-pinkishred:active, .btn-pinkishred.active, .btn-pinkishred[aria-expanded="true"], .btn-pinkishred.active:hover, .btn-pinkishred.active:focus, .btn-pinkishred[aria-expanded="true"]:hover, .btn-pinkishred[aria-expanded="true"]:focus, .open > .btn-pinkishred.dropdown-toggle { color: white; background: #db2816; border-color: #a31e10; background-image: none; } .btn-pinkishred.dropdown-toggle + ul li.active a { color: white; background: #EF6B5D; } .btn-pinkishred.disabled, .btn-pinkishred[disabled], fieldset[disabled] .btn-pinkishred { pointer-events: none; } .btn-pinkishred .badge { color: #EF6B5D; background-color: #EF6B5D; } .menu-pinkishred ul li.active a, .menu-pinkishred ul li.active a:hover { color: white; background: #EF6B5D !important; } .nav-pinkishred > li.active > a, .nav-pinkishred > rubix-menu > li.active > a, .nav-pinkishred > rubix-nav-item > li.active > a { color: white; background: #EF6B5D; border-color: #EF6B5D; } .tab-pinkishred { border-color: #EF6B5D; } .tab-pinkishred > li.active > a { border-color: #EF6B5D; border-bottom-color: transparent; } .tab-pinkishred.nav-pills > li.active > a { background: #EF6B5D; color: white; } .rubix-panel-header.nav-inline .nav-pinkishred > li.active > a { border: 1px solid #EF6B5D; border-bottom: none; } .rubix-panel-header.nav-inline .nav-pinkishred > li.open > .dropdown-toggle { color: white; background: none; } .bg-pinkishred { background: #EF6B5D !important; } .bg-pinkishred table td, .bg-pinkishred th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-pinkishred:focus { background: #EF6B5D !important; } .bg-hover-pinkishred:hover { background: #EF6B5D !important; } .fg-pinkishred { color: #EF6B5D; } .fg-pinkishred .nav-tabs > li.active > a { color: #EF6B5D; } .fg-tab-active-pinkishred .nav-tabs > li.active > a { color: #EF6B5D !important; } .fg-focus-pinkishred:focus { color: #EF6B5D; } .fg-hover-pinkishred:hover { color: #EF6B5D; } .border-pinkishred { border-color: #EF6B5D !important; } .border-pinkishred .rubix-timeline-body > ul { border-color: #EF6B5D; } .border-pinkishred.rubix-timeline-view:before { border-color: #EF6B5D; } .border-hover-pinkishred:hover { border-color: #EF6B5D !important; } .border-focus-pinkishred:focus { border-color: #EF6B5D !important; } .tl-pinkishred .rubix-timeline-body > ul > li:before { border-color: #EF6B5D; } .list-bg-pinkishred > .list-group-item.active { background: #EF6B5D !important; color: white !important; } .list-fg-pinkishred > .list-group-item { color: #EF6B5D; } .btn-orange75 { background: #EE682F; color: white; border-color: #EE682F; } .btn-orange75.btn-outlined { color: #EE682F; background: none; } .btn-orange75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-orange75.btn-outlined.btn-onlyOnHover:hover, .btn-orange75.btn-outlined.btn-onlyOnHover:focus, .btn-orange75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-orange75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-orange75.btn-outlined.btn-inverse:hover, .btn-orange75.btn-outlined.btn-inverse:focus, .btn-orange75.btn-outlined.btn-inverse.active { color: #EE682F; background: white; } .btn-orange75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-orange75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-orange75.btn-outlined.btn-inverse.active.btn-retainBg { background: #EE682F; color: white; border-color: #EE682F; } .btn-orange75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-orange75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-orange75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #b3400f; border-color: #7a2b0a; } .btn-orange75:focus, .btn-orange75.focus, .btn-orange75:hover, .btn-orange75.active { color: white; background: #f28a5e; border-color: #f28a5e; } .btn-orange75:active, .btn-orange75.active, .btn-orange75[aria-expanded="true"], .btn-orange75.active:hover, .btn-orange75.active:focus, .btn-orange75[aria-expanded="true"]:hover, .btn-orange75[aria-expanded="true"]:focus, .open > .btn-orange75.dropdown-toggle { color: white; background: #b3400f; border-color: #7a2b0a; background-image: none; } .btn-orange75.dropdown-toggle + ul li.active a { color: white; background: #EE682F; } .btn-orange75.disabled, .btn-orange75[disabled], fieldset[disabled] .btn-orange75 { pointer-events: none; } .btn-orange75 .badge { color: #EE682F; background-color: #EE682F; } .menu-orange75 ul li.active a, .menu-orange75 ul li.active a:hover { color: white; background: #EE682F !important; } .nav-orange75 > li.active > a, .nav-orange75 > rubix-menu > li.active > a, .nav-orange75 > rubix-nav-item > li.active > a { color: white; background: #EE682F; border-color: #EE682F; } .tab-orange75 { border-color: #EE682F; } .tab-orange75 > li.active > a { border-color: #EE682F; border-bottom-color: transparent; } .tab-orange75.nav-pills > li.active > a { background: #EE682F; color: white; } .rubix-panel-header.nav-inline .nav-orange75 > li.active > a { border: 1px solid #EE682F; border-bottom: none; } .rubix-panel-header.nav-inline .nav-orange75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-orange75 { background: #EE682F !important; } .bg-orange75 table td, .bg-orange75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-orange75:focus { background: #EE682F !important; } .bg-hover-orange75:hover { background: #EE682F !important; } .fg-orange75 { color: #EE682F; } .fg-orange75 .nav-tabs > li.active > a { color: #EE682F; } .fg-tab-active-orange75 .nav-tabs > li.active > a { color: #EE682F !important; } .fg-focus-orange75:focus { color: #EE682F; } .fg-hover-orange75:hover { color: #EE682F; } .border-orange75 { border-color: #EE682F !important; } .border-orange75 .rubix-timeline-body > ul { border-color: #EE682F; } .border-orange75.rubix-timeline-view:before { border-color: #EE682F; } .border-hover-orange75:hover { border-color: #EE682F !important; } .border-focus-orange75:focus { border-color: #EE682F !important; } .tl-orange75 .rubix-timeline-body > ul > li:before { border-color: #EE682F; } .list-bg-orange75 > .list-group-item.active { background: #EE682F !important; color: white !important; } .list-fg-orange75 > .list-group-item { color: #EE682F; } .btn-orange65 { background: #FA824F; color: white; border-color: #FA824F; } .btn-orange65.btn-outlined { color: #FA824F; background: none; } .btn-orange65.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-orange65.btn-outlined.btn-onlyOnHover:hover, .btn-orange65.btn-outlined.btn-onlyOnHover:focus, .btn-orange65.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-orange65.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-orange65.btn-outlined.btn-inverse:hover, .btn-orange65.btn-outlined.btn-inverse:focus, .btn-orange65.btn-outlined.btn-inverse.active { color: #FA824F; background: white; } .btn-orange65.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-orange65.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-orange65.btn-outlined.btn-inverse.active.btn-retainBg { background: #FA824F; color: white; border-color: #FA824F; } .btn-orange65.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-orange65.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-orange65.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #e74907; border-color: #ab3605; } .btn-orange65:focus, .btn-orange65.focus, .btn-orange65:hover, .btn-orange65.active { color: white; background: #fba581; border-color: #fba581; } .btn-orange65:active, .btn-orange65.active, .btn-orange65[aria-expanded="true"], .btn-orange65.active:hover, .btn-orange65.active:focus, .btn-orange65[aria-expanded="true"]:hover, .btn-orange65[aria-expanded="true"]:focus, .open > .btn-orange65.dropdown-toggle { color: white; background: #e74907; border-color: #ab3605; background-image: none; } .btn-orange65.dropdown-toggle + ul li.active a { color: white; background: #FA824F; } .btn-orange65.disabled, .btn-orange65[disabled], fieldset[disabled] .btn-orange65 { pointer-events: none; } .btn-orange65 .badge { color: #FA824F; background-color: #FA824F; } .menu-orange65 ul li.active a, .menu-orange65 ul li.active a:hover { color: white; background: #FA824F !important; } .nav-orange65 > li.active > a, .nav-orange65 > rubix-menu > li.active > a, .nav-orange65 > rubix-nav-item > li.active > a { color: white; background: #FA824F; border-color: #FA824F; } .tab-orange65 { border-color: #FA824F; } .tab-orange65 > li.active > a { border-color: #FA824F; border-bottom-color: transparent; } .tab-orange65.nav-pills > li.active > a { background: #FA824F; color: white; } .rubix-panel-header.nav-inline .nav-orange65 > li.active > a { border: 1px solid #FA824F; border-bottom: none; } .rubix-panel-header.nav-inline .nav-orange65 > li.open > .dropdown-toggle { color: white; background: none; } .bg-orange65 { background: #FA824F !important; } .bg-orange65 table td, .bg-orange65 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-orange65:focus { background: #FA824F !important; } .bg-hover-orange65:hover { background: #FA824F !important; } .fg-orange65 { color: #FA824F; } .fg-orange65 .nav-tabs > li.active > a { color: #FA824F; } .fg-tab-active-orange65 .nav-tabs > li.active > a { color: #FA824F !important; } .fg-focus-orange65:focus { color: #FA824F; } .fg-hover-orange65:hover { color: #FA824F; } .border-orange65 { border-color: #FA824F !important; } .border-orange65 .rubix-timeline-body > ul { border-color: #FA824F; } .border-orange65.rubix-timeline-view:before { border-color: #FA824F; } .border-hover-orange65:hover { border-color: #FA824F !important; } .border-focus-orange65:focus { border-color: #FA824F !important; } .tl-orange65 .rubix-timeline-body > ul > li:before { border-color: #FA824F; } .list-bg-orange65 > .list-group-item.active { background: #FA824F !important; color: white !important; } .list-fg-orange65 > .list-group-item { color: #FA824F; } .btn-orange45 { background: #FFC9A0; color: white; border-color: #FFC9A0; } .btn-orange45.btn-outlined { color: #FFC9A0; background: none; } .btn-orange45.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-orange45.btn-outlined.btn-onlyOnHover:hover, .btn-orange45.btn-outlined.btn-onlyOnHover:focus, .btn-orange45.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-orange45.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-orange45.btn-outlined.btn-inverse:hover, .btn-orange45.btn-outlined.btn-inverse:focus, .btn-orange45.btn-outlined.btn-inverse.active { color: #FFC9A0; background: white; } .btn-orange45.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-orange45.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-orange45.btn-outlined.btn-inverse.active.btn-retainBg { background: #FFC9A0; color: white; border-color: #FFC9A0; } .btn-orange45.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-orange45.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-orange45.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ff9544; border-color: #ff7207; } .btn-orange45:focus, .btn-orange45.focus, .btn-orange45:hover, .btn-orange45.active { color: white; background: #ffe6d3; border-color: #ffe6d3; } .btn-orange45:active, .btn-orange45.active, .btn-orange45[aria-expanded="true"], .btn-orange45.active:hover, .btn-orange45.active:focus, .btn-orange45[aria-expanded="true"]:hover, .btn-orange45[aria-expanded="true"]:focus, .open > .btn-orange45.dropdown-toggle { color: white; background: #ff9544; border-color: #ff7207; background-image: none; } .btn-orange45.dropdown-toggle + ul li.active a { color: white; background: #FFC9A0; } .btn-orange45.disabled, .btn-orange45[disabled], fieldset[disabled] .btn-orange45 { pointer-events: none; } .btn-orange45 .badge { color: #FFC9A0; background-color: #FFC9A0; } .menu-orange45 ul li.active a, .menu-orange45 ul li.active a:hover { color: white; background: #FFC9A0 !important; } .nav-orange45 > li.active > a, .nav-orange45 > rubix-menu > li.active > a, .nav-orange45 > rubix-nav-item > li.active > a { color: white; background: #FFC9A0; border-color: #FFC9A0; } .tab-orange45 { border-color: #FFC9A0; } .tab-orange45 > li.active > a { border-color: #FFC9A0; border-bottom-color: transparent; } .tab-orange45.nav-pills > li.active > a { background: #FFC9A0; color: white; } .rubix-panel-header.nav-inline .nav-orange45 > li.active > a { border: 1px solid #FFC9A0; border-bottom: none; } .rubix-panel-header.nav-inline .nav-orange45 > li.open > .dropdown-toggle { color: white; background: none; } .bg-orange45 { background: #FFC9A0 !important; } .bg-orange45 table td, .bg-orange45 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-orange45:focus { background: #FFC9A0 !important; } .bg-hover-orange45:hover { background: #FFC9A0 !important; } .fg-orange45 { color: #FFC9A0; } .fg-orange45 .nav-tabs > li.active > a { color: #FFC9A0; } .fg-tab-active-orange45 .nav-tabs > li.active > a { color: #FFC9A0 !important; } .fg-focus-orange45:focus { color: #FFC9A0; } .fg-hover-orange45:hover { color: #FFC9A0; } .border-orange45 { border-color: #FFC9A0 !important; } .border-orange45 .rubix-timeline-body > ul { border-color: #FFC9A0; } .border-orange45.rubix-timeline-view:before { border-color: #FFC9A0; } .border-hover-orange45:hover { border-color: #FFC9A0 !important; } .border-focus-orange45:focus { border-color: #FFC9A0 !important; } .tl-orange45 .rubix-timeline-body > ul > li:before { border-color: #FFC9A0; } .list-bg-orange45 > .list-group-item.active { background: #FFC9A0 !important; color: white !important; } .list-fg-orange45 > .list-group-item { color: #FFC9A0; } .btn-darkorange { background: #EBA068; color: white; border-color: #EBA068; } .btn-darkorange.btn-outlined { color: #EBA068; background: none; } .btn-darkorange.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkorange.btn-outlined.btn-onlyOnHover:hover, .btn-darkorange.btn-outlined.btn-onlyOnHover:focus, .btn-darkorange.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkorange.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkorange.btn-outlined.btn-inverse:hover, .btn-darkorange.btn-outlined.btn-inverse:focus, .btn-darkorange.btn-outlined.btn-inverse.active { color: #EBA068; background: white; } .btn-darkorange.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkorange.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkorange.btn-outlined.btn-inverse.active.btn-retainBg { background: #EBA068; color: white; border-color: #EBA068; } .btn-darkorange.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkorange.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkorange.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #da6e1d; border-color: #a45316; } .btn-darkorange:focus, .btn-darkorange.focus, .btn-darkorange:hover, .btn-darkorange.active { color: white; background: #f1bc95; border-color: #f1bc95; } .btn-darkorange:active, .btn-darkorange.active, .btn-darkorange[aria-expanded="true"], .btn-darkorange.active:hover, .btn-darkorange.active:focus, .btn-darkorange[aria-expanded="true"]:hover, .btn-darkorange[aria-expanded="true"]:focus, .open > .btn-darkorange.dropdown-toggle { color: white; background: #da6e1d; border-color: #a45316; background-image: none; } .btn-darkorange.dropdown-toggle + ul li.active a { color: white; background: #EBA068; } .btn-darkorange.disabled, .btn-darkorange[disabled], fieldset[disabled] .btn-darkorange { pointer-events: none; } .btn-darkorange .badge { color: #EBA068; background-color: #EBA068; } .menu-darkorange ul li.active a, .menu-darkorange ul li.active a:hover { color: white; background: #EBA068 !important; } .nav-darkorange > li.active > a, .nav-darkorange > rubix-menu > li.active > a, .nav-darkorange > rubix-nav-item > li.active > a { color: white; background: #EBA068; border-color: #EBA068; } .tab-darkorange { border-color: #EBA068; } .tab-darkorange > li.active > a { border-color: #EBA068; border-bottom-color: transparent; } .tab-darkorange.nav-pills > li.active > a { background: #EBA068; color: white; } .rubix-panel-header.nav-inline .nav-darkorange > li.active > a { border: 1px solid #EBA068; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkorange > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkorange { background: #EBA068 !important; } .bg-darkorange table td, .bg-darkorange th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkorange:focus { background: #EBA068 !important; } .bg-hover-darkorange:hover { background: #EBA068 !important; } .fg-darkorange { color: #EBA068; } .fg-darkorange .nav-tabs > li.active > a { color: #EBA068; } .fg-tab-active-darkorange .nav-tabs > li.active > a { color: #EBA068 !important; } .fg-focus-darkorange:focus { color: #EBA068; } .fg-hover-darkorange:hover { color: #EBA068; } .border-darkorange { border-color: #EBA068 !important; } .border-darkorange .rubix-timeline-body > ul { border-color: #EBA068; } .border-darkorange.rubix-timeline-view:before { border-color: #EBA068; } .border-hover-darkorange:hover { border-color: #EBA068 !important; } .border-focus-darkorange:focus { border-color: #EBA068 !important; } .tl-darkorange .rubix-timeline-body > ul > li:before { border-color: #EBA068; } .list-bg-darkorange > .list-group-item.active { background: #EBA068 !important; color: white !important; } .list-fg-darkorange > .list-group-item { color: #EBA068; } .btn-lightorange { background: #FFD3B1; color: white; border-color: #FFD3B1; } .btn-lightorange.btn-outlined { color: #FFD3B1; background: none; } .btn-lightorange.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightorange.btn-outlined.btn-onlyOnHover:hover, .btn-lightorange.btn-outlined.btn-onlyOnHover:focus, .btn-lightorange.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightorange.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightorange.btn-outlined.btn-inverse:hover, .btn-lightorange.btn-outlined.btn-inverse:focus, .btn-lightorange.btn-outlined.btn-inverse.active { color: #FFD3B1; background: white; } .btn-lightorange.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightorange.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightorange.btn-outlined.btn-inverse.active.btn-retainBg { background: #FFD3B1; color: white; border-color: #FFD3B1; } .btn-lightorange.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightorange.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightorange.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ff9f55; border-color: #ff7d18; } .btn-lightorange:focus, .btn-lightorange.focus, .btn-lightorange:hover, .btn-lightorange.active { color: white; background: #fff0e4; border-color: #fff0e4; } .btn-lightorange:active, .btn-lightorange.active, .btn-lightorange[aria-expanded="true"], .btn-lightorange.active:hover, .btn-lightorange.active:focus, .btn-lightorange[aria-expanded="true"]:hover, .btn-lightorange[aria-expanded="true"]:focus, .open > .btn-lightorange.dropdown-toggle { color: white; background: #ff9f55; border-color: #ff7d18; background-image: none; } .btn-lightorange.dropdown-toggle + ul li.active a { color: white; background: #FFD3B1; } .btn-lightorange.disabled, .btn-lightorange[disabled], fieldset[disabled] .btn-lightorange { pointer-events: none; } .btn-lightorange .badge { color: #FFD3B1; background-color: #FFD3B1; } .menu-lightorange ul li.active a, .menu-lightorange ul li.active a:hover { color: white; background: #FFD3B1 !important; } .nav-lightorange > li.active > a, .nav-lightorange > rubix-menu > li.active > a, .nav-lightorange > rubix-nav-item > li.active > a { color: white; background: #FFD3B1; border-color: #FFD3B1; } .tab-lightorange { border-color: #FFD3B1; } .tab-lightorange > li.active > a { border-color: #FFD3B1; border-bottom-color: transparent; } .tab-lightorange.nav-pills > li.active > a { background: #FFD3B1; color: white; } .rubix-panel-header.nav-inline .nav-lightorange > li.active > a { border: 1px solid #FFD3B1; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightorange > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightorange { background: #FFD3B1 !important; } .bg-lightorange table td, .bg-lightorange th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightorange:focus { background: #FFD3B1 !important; } .bg-hover-lightorange:hover { background: #FFD3B1 !important; } .fg-lightorange { color: #FFD3B1; } .fg-lightorange .nav-tabs > li.active > a { color: #FFD3B1; } .fg-tab-active-lightorange .nav-tabs > li.active > a { color: #FFD3B1 !important; } .fg-focus-lightorange:focus { color: #FFD3B1; } .fg-hover-lightorange:hover { color: #FFD3B1; } .border-lightorange { border-color: #FFD3B1 !important; } .border-lightorange .rubix-timeline-body > ul { border-color: #FFD3B1; } .border-lightorange.rubix-timeline-view:before { border-color: #FFD3B1; } .border-hover-lightorange:hover { border-color: #FFD3B1 !important; } .border-focus-lightorange:focus { border-color: #FFD3B1 !important; } .tl-lightorange .rubix-timeline-body > ul > li:before { border-color: #FFD3B1; } .list-bg-lightorange > .list-group-item.active { background: #FFD3B1 !important; color: white !important; } .list-fg-lightorange > .list-group-item { color: #FFD3B1; } .btn-darkgreen { background: #306C67; color: white; border-color: #306C67; } .btn-darkgreen.btn-outlined { color: #306C67; background: none; } .btn-darkgreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen.btn-outlined.btn-inverse:hover, .btn-darkgreen.btn-outlined.btn-inverse:focus, .btn-darkgreen.btn-outlined.btn-inverse.active { color: #306C67; background: white; } .btn-darkgreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #306C67; color: white; border-color: #306C67; } .btn-darkgreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #142c2a; border-color: #010202; } .btn-darkgreen:focus, .btn-darkgreen.focus, .btn-darkgreen:hover, .btn-darkgreen.active { color: white; background: #408f89; border-color: #408f89; } .btn-darkgreen:active, .btn-darkgreen.active, .btn-darkgreen[aria-expanded="true"], .btn-darkgreen.active:hover, .btn-darkgreen.active:focus, .btn-darkgreen[aria-expanded="true"]:hover, .btn-darkgreen[aria-expanded="true"]:focus, .open > .btn-darkgreen.dropdown-toggle { color: white; background: #142c2a; border-color: #010202; background-image: none; } .btn-darkgreen.dropdown-toggle + ul li.active a { color: white; background: #306C67; } .btn-darkgreen.disabled, .btn-darkgreen[disabled], fieldset[disabled] .btn-darkgreen { pointer-events: none; } .btn-darkgreen .badge { color: #306C67; background-color: #306C67; } .menu-darkgreen ul li.active a, .menu-darkgreen ul li.active a:hover { color: white; background: #306C67 !important; } .nav-darkgreen > li.active > a, .nav-darkgreen > rubix-menu > li.active > a, .nav-darkgreen > rubix-nav-item > li.active > a { color: white; background: #306C67; border-color: #306C67; } .tab-darkgreen { border-color: #306C67; } .tab-darkgreen > li.active > a { border-color: #306C67; border-bottom-color: transparent; } .tab-darkgreen.nav-pills > li.active > a { background: #306C67; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen > li.active > a { border: 1px solid #306C67; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen { background: #306C67 !important; } .bg-darkgreen table td, .bg-darkgreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen:focus { background: #306C67 !important; } .bg-hover-darkgreen:hover { background: #306C67 !important; } .fg-darkgreen { color: #306C67; } .fg-darkgreen .nav-tabs > li.active > a { color: #306C67; } .fg-tab-active-darkgreen .nav-tabs > li.active > a { color: #306C67 !important; } .fg-focus-darkgreen:focus { color: #306C67; } .fg-hover-darkgreen:hover { color: #306C67; } .border-darkgreen { border-color: #306C67 !important; } .border-darkgreen .rubix-timeline-body > ul { border-color: #306C67; } .border-darkgreen.rubix-timeline-view:before { border-color: #306C67; } .border-hover-darkgreen:hover { border-color: #306C67 !important; } .border-focus-darkgreen:focus { border-color: #306C67 !important; } .tl-darkgreen .rubix-timeline-body > ul > li:before { border-color: #306C67; } .list-bg-darkgreen > .list-group-item.active { background: #306C67 !important; color: white !important; } .list-fg-darkgreen > .list-group-item { color: #306C67; } .btn-darkgreen85 { background: #36845E; color: white; border-color: #36845E; } .btn-darkgreen85.btn-outlined { color: #36845E; background: none; } .btn-darkgreen85.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen85.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen85.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen85.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen85.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen85.btn-outlined.btn-inverse:hover, .btn-darkgreen85.btn-outlined.btn-inverse:focus, .btn-darkgreen85.btn-outlined.btn-inverse.active { color: #36845E; background: white; } .btn-darkgreen85.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen85.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen85.btn-outlined.btn-inverse.active.btn-retainBg { background: #36845E; color: white; border-color: #36845E; } .btn-darkgreen85.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen85.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen85.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #1b4330; border-color: #0a1711; } .btn-darkgreen85:focus, .btn-darkgreen85.focus, .btn-darkgreen85:hover, .btn-darkgreen85.active { color: white; background: #45a878; border-color: #45a878; } .btn-darkgreen85:active, .btn-darkgreen85.active, .btn-darkgreen85[aria-expanded="true"], .btn-darkgreen85.active:hover, .btn-darkgreen85.active:focus, .btn-darkgreen85[aria-expanded="true"]:hover, .btn-darkgreen85[aria-expanded="true"]:focus, .open > .btn-darkgreen85.dropdown-toggle { color: white; background: #1b4330; border-color: #0a1711; background-image: none; } .btn-darkgreen85.dropdown-toggle + ul li.active a { color: white; background: #36845E; } .btn-darkgreen85.disabled, .btn-darkgreen85[disabled], fieldset[disabled] .btn-darkgreen85 { pointer-events: none; } .btn-darkgreen85 .badge { color: #36845E; background-color: #36845E; } .menu-darkgreen85 ul li.active a, .menu-darkgreen85 ul li.active a:hover { color: white; background: #36845E !important; } .nav-darkgreen85 > li.active > a, .nav-darkgreen85 > rubix-menu > li.active > a, .nav-darkgreen85 > rubix-nav-item > li.active > a { color: white; background: #36845E; border-color: #36845E; } .tab-darkgreen85 { border-color: #36845E; } .tab-darkgreen85 > li.active > a { border-color: #36845E; border-bottom-color: transparent; } .tab-darkgreen85.nav-pills > li.active > a { background: #36845E; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen85 > li.active > a { border: 1px solid #36845E; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen85 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen85 { background: #36845E !important; } .bg-darkgreen85 table td, .bg-darkgreen85 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen85:focus { background: #36845E !important; } .bg-hover-darkgreen85:hover { background: #36845E !important; } .fg-darkgreen85 { color: #36845E; } .fg-darkgreen85 .nav-tabs > li.active > a { color: #36845E; } .fg-tab-active-darkgreen85 .nav-tabs > li.active > a { color: #36845E !important; } .fg-focus-darkgreen85:focus { color: #36845E; } .fg-hover-darkgreen85:hover { color: #36845E; } .border-darkgreen85 { border-color: #36845E !important; } .border-darkgreen85 .rubix-timeline-body > ul { border-color: #36845E; } .border-darkgreen85.rubix-timeline-view:before { border-color: #36845E; } .border-hover-darkgreen85:hover { border-color: #36845E !important; } .border-focus-darkgreen85:focus { border-color: #36845E !important; } .tl-darkgreen85 .rubix-timeline-body > ul > li:before { border-color: #36845E; } .list-bg-darkgreen85 > .list-group-item.active { background: #36845E !important; color: white !important; } .list-fg-darkgreen85 > .list-group-item { color: #36845E; } .btn-darkgreen75 { background: #518F41; color: white; border-color: #518F41; } .btn-darkgreen75.btn-outlined { color: #518F41; background: none; } .btn-darkgreen75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen75.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen75.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen75.btn-outlined.btn-inverse:hover, .btn-darkgreen75.btn-outlined.btn-inverse:focus, .btn-darkgreen75.btn-outlined.btn-inverse.active { color: #518F41; background: white; } .btn-darkgreen75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen75.btn-outlined.btn-inverse.active.btn-retainBg { background: #518F41; color: white; border-color: #518F41; } .btn-darkgreen75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #2d5024; border-color: #152611; } .btn-darkgreen75:focus, .btn-darkgreen75.focus, .btn-darkgreen75:hover, .btn-darkgreen75.active { color: white; background: #66b152; border-color: #66b152; } .btn-darkgreen75:active, .btn-darkgreen75.active, .btn-darkgreen75[aria-expanded="true"], .btn-darkgreen75.active:hover, .btn-darkgreen75.active:focus, .btn-darkgreen75[aria-expanded="true"]:hover, .btn-darkgreen75[aria-expanded="true"]:focus, .open > .btn-darkgreen75.dropdown-toggle { color: white; background: #2d5024; border-color: #152611; background-image: none; } .btn-darkgreen75.dropdown-toggle + ul li.active a { color: white; background: #518F41; } .btn-darkgreen75.disabled, .btn-darkgreen75[disabled], fieldset[disabled] .btn-darkgreen75 { pointer-events: none; } .btn-darkgreen75 .badge { color: #518F41; background-color: #518F41; } .menu-darkgreen75 ul li.active a, .menu-darkgreen75 ul li.active a:hover { color: white; background: #518F41 !important; } .nav-darkgreen75 > li.active > a, .nav-darkgreen75 > rubix-menu > li.active > a, .nav-darkgreen75 > rubix-nav-item > li.active > a { color: white; background: #518F41; border-color: #518F41; } .tab-darkgreen75 { border-color: #518F41; } .tab-darkgreen75 > li.active > a { border-color: #518F41; border-bottom-color: transparent; } .tab-darkgreen75.nav-pills > li.active > a { background: #518F41; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen75 > li.active > a { border: 1px solid #518F41; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen75 { background: #518F41 !important; } .bg-darkgreen75 table td, .bg-darkgreen75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen75:focus { background: #518F41 !important; } .bg-hover-darkgreen75:hover { background: #518F41 !important; } .fg-darkgreen75 { color: #518F41; } .fg-darkgreen75 .nav-tabs > li.active > a { color: #518F41; } .fg-tab-active-darkgreen75 .nav-tabs > li.active > a { color: #518F41 !important; } .fg-focus-darkgreen75:focus { color: #518F41; } .fg-hover-darkgreen75:hover { color: #518F41; } .border-darkgreen75 { border-color: #518F41 !important; } .border-darkgreen75 .rubix-timeline-body > ul { border-color: #518F41; } .border-darkgreen75.rubix-timeline-view:before { border-color: #518F41; } .border-hover-darkgreen75:hover { border-color: #518F41 !important; } .border-focus-darkgreen75:focus { border-color: #518F41 !important; } .tl-darkgreen75 .rubix-timeline-body > ul > li:before { border-color: #518F41; } .list-bg-darkgreen75 > .list-group-item.active { background: #518F41 !important; color: white !important; } .list-fg-darkgreen75 > .list-group-item { color: #518F41; } .btn-darkgreen65 { background: #66A655; color: white; border-color: #66A655; } .btn-darkgreen65.btn-outlined { color: #66A655; background: none; } .btn-darkgreen65.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen65.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen65.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen65.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen65.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen65.btn-outlined.btn-inverse:hover, .btn-darkgreen65.btn-outlined.btn-inverse:focus, .btn-darkgreen65.btn-outlined.btn-inverse.active { color: #66A655; background: white; } .btn-darkgreen65.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen65.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen65.btn-outlined.btn-inverse.active.btn-retainBg { background: #66A655; color: white; border-color: #66A655; } .btn-darkgreen65.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen65.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen65.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #416936; border-color: #284121; } .btn-darkgreen65:focus, .btn-darkgreen65.focus, .btn-darkgreen65:hover, .btn-darkgreen65.active { color: white; background: #84b975; border-color: #84b975; } .btn-darkgreen65:active, .btn-darkgreen65.active, .btn-darkgreen65[aria-expanded="true"], .btn-darkgreen65.active:hover, .btn-darkgreen65.active:focus, .btn-darkgreen65[aria-expanded="true"]:hover, .btn-darkgreen65[aria-expanded="true"]:focus, .open > .btn-darkgreen65.dropdown-toggle { color: white; background: #416936; border-color: #284121; background-image: none; } .btn-darkgreen65.dropdown-toggle + ul li.active a { color: white; background: #66A655; } .btn-darkgreen65.disabled, .btn-darkgreen65[disabled], fieldset[disabled] .btn-darkgreen65 { pointer-events: none; } .btn-darkgreen65 .badge { color: #66A655; background-color: #66A655; } .menu-darkgreen65 ul li.active a, .menu-darkgreen65 ul li.active a:hover { color: white; background: #66A655 !important; } .nav-darkgreen65 > li.active > a, .nav-darkgreen65 > rubix-menu > li.active > a, .nav-darkgreen65 > rubix-nav-item > li.active > a { color: white; background: #66A655; border-color: #66A655; } .tab-darkgreen65 { border-color: #66A655; } .tab-darkgreen65 > li.active > a { border-color: #66A655; border-bottom-color: transparent; } .tab-darkgreen65.nav-pills > li.active > a { background: #66A655; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen65 > li.active > a { border: 1px solid #66A655; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen65 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen65 { background: #66A655 !important; } .bg-darkgreen65 table td, .bg-darkgreen65 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen65:focus { background: #66A655 !important; } .bg-hover-darkgreen65:hover { background: #66A655 !important; } .fg-darkgreen65 { color: #66A655; } .fg-darkgreen65 .nav-tabs > li.active > a { color: #66A655; } .fg-tab-active-darkgreen65 .nav-tabs > li.active > a { color: #66A655 !important; } .fg-focus-darkgreen65:focus { color: #66A655; } .fg-hover-darkgreen65:hover { color: #66A655; } .border-darkgreen65 { border-color: #66A655 !important; } .border-darkgreen65 .rubix-timeline-body > ul { border-color: #66A655; } .border-darkgreen65.rubix-timeline-view:before { border-color: #66A655; } .border-hover-darkgreen65:hover { border-color: #66A655 !important; } .border-focus-darkgreen65:focus { border-color: #66A655 !important; } .tl-darkgreen65 .rubix-timeline-body > ul > li:before { border-color: #66A655; } .list-bg-darkgreen65 > .list-group-item.active { background: #66A655 !important; color: white !important; } .list-fg-darkgreen65 > .list-group-item { color: #66A655; } .btn-darkgreen55 { background: #68BD80; color: white; border-color: #68BD80; } .btn-darkgreen55.btn-outlined { color: #68BD80; background: none; } .btn-darkgreen55.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen55.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen55.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen55.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen55.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen55.btn-outlined.btn-inverse:hover, .btn-darkgreen55.btn-outlined.btn-inverse:focus, .btn-darkgreen55.btn-outlined.btn-inverse.active { color: #68BD80; background: white; } .btn-darkgreen55.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen55.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen55.btn-outlined.btn-inverse.active.btn-retainBg { background: #68BD80; color: white; border-color: #68BD80; } .btn-darkgreen55.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen55.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen55.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #3d8c53; border-color: #2b613a; } .btn-darkgreen55:focus, .btn-darkgreen55.focus, .btn-darkgreen55:hover, .btn-darkgreen55.active { color: white; background: #8bcd9e; border-color: #8bcd9e; } .btn-darkgreen55:active, .btn-darkgreen55.active, .btn-darkgreen55[aria-expanded="true"], .btn-darkgreen55.active:hover, .btn-darkgreen55.active:focus, .btn-darkgreen55[aria-expanded="true"]:hover, .btn-darkgreen55[aria-expanded="true"]:focus, .open > .btn-darkgreen55.dropdown-toggle { color: white; background: #3d8c53; border-color: #2b613a; background-image: none; } .btn-darkgreen55.dropdown-toggle + ul li.active a { color: white; background: #68BD80; } .btn-darkgreen55.disabled, .btn-darkgreen55[disabled], fieldset[disabled] .btn-darkgreen55 { pointer-events: none; } .btn-darkgreen55 .badge { color: #68BD80; background-color: #68BD80; } .menu-darkgreen55 ul li.active a, .menu-darkgreen55 ul li.active a:hover { color: white; background: #68BD80 !important; } .nav-darkgreen55 > li.active > a, .nav-darkgreen55 > rubix-menu > li.active > a, .nav-darkgreen55 > rubix-nav-item > li.active > a { color: white; background: #68BD80; border-color: #68BD80; } .tab-darkgreen55 { border-color: #68BD80; } .tab-darkgreen55 > li.active > a { border-color: #68BD80; border-bottom-color: transparent; } .tab-darkgreen55.nav-pills > li.active > a { background: #68BD80; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen55 > li.active > a { border: 1px solid #68BD80; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen55 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen55 { background: #68BD80 !important; } .bg-darkgreen55 table td, .bg-darkgreen55 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen55:focus { background: #68BD80 !important; } .bg-hover-darkgreen55:hover { background: #68BD80 !important; } .fg-darkgreen55 { color: #68BD80; } .fg-darkgreen55 .nav-tabs > li.active > a { color: #68BD80; } .fg-tab-active-darkgreen55 .nav-tabs > li.active > a { color: #68BD80 !important; } .fg-focus-darkgreen55:focus { color: #68BD80; } .fg-hover-darkgreen55:hover { color: #68BD80; } .border-darkgreen55 { border-color: #68BD80 !important; } .border-darkgreen55 .rubix-timeline-body > ul { border-color: #68BD80; } .border-darkgreen55.rubix-timeline-view:before { border-color: #68BD80; } .border-hover-darkgreen55:hover { border-color: #68BD80 !important; } .border-focus-darkgreen55:focus { border-color: #68BD80 !important; } .tl-darkgreen55 .rubix-timeline-body > ul > li:before { border-color: #68BD80; } .list-bg-darkgreen55 > .list-group-item.active { background: #68BD80 !important; color: white !important; } .list-fg-darkgreen55 > .list-group-item { color: #68BD80; } .btn-darkgreen50 { background: #55A69F; color: white; border-color: #55A69F; } .btn-darkgreen50.btn-outlined { color: #55A69F; background: none; } .btn-darkgreen50.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen50.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen50.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen50.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen50.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen50.btn-outlined.btn-inverse:hover, .btn-darkgreen50.btn-outlined.btn-inverse:focus, .btn-darkgreen50.btn-outlined.btn-inverse.active { color: #55A69F; background: white; } .btn-darkgreen50.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen50.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen50.btn-outlined.btn-inverse.active.btn-retainBg { background: #55A69F; color: white; border-color: #55A69F; } .btn-darkgreen50.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen50.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen50.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #366965; border-color: #21413e; } .btn-darkgreen50:focus, .btn-darkgreen50.focus, .btn-darkgreen50:hover, .btn-darkgreen50.active { color: white; background: #75b9b3; border-color: #75b9b3; } .btn-darkgreen50:active, .btn-darkgreen50.active, .btn-darkgreen50[aria-expanded="true"], .btn-darkgreen50.active:hover, .btn-darkgreen50.active:focus, .btn-darkgreen50[aria-expanded="true"]:hover, .btn-darkgreen50[aria-expanded="true"]:focus, .open > .btn-darkgreen50.dropdown-toggle { color: white; background: #366965; border-color: #21413e; background-image: none; } .btn-darkgreen50.dropdown-toggle + ul li.active a { color: white; background: #55A69F; } .btn-darkgreen50.disabled, .btn-darkgreen50[disabled], fieldset[disabled] .btn-darkgreen50 { pointer-events: none; } .btn-darkgreen50 .badge { color: #55A69F; background-color: #55A69F; } .menu-darkgreen50 ul li.active a, .menu-darkgreen50 ul li.active a:hover { color: white; background: #55A69F !important; } .nav-darkgreen50 > li.active > a, .nav-darkgreen50 > rubix-menu > li.active > a, .nav-darkgreen50 > rubix-nav-item > li.active > a { color: white; background: #55A69F; border-color: #55A69F; } .tab-darkgreen50 { border-color: #55A69F; } .tab-darkgreen50 > li.active > a { border-color: #55A69F; border-bottom-color: transparent; } .tab-darkgreen50.nav-pills > li.active > a { background: #55A69F; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen50 > li.active > a { border: 1px solid #55A69F; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen50 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen50 { background: #55A69F !important; } .bg-darkgreen50 table td, .bg-darkgreen50 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen50:focus { background: #55A69F !important; } .bg-hover-darkgreen50:hover { background: #55A69F !important; } .fg-darkgreen50 { color: #55A69F; } .fg-darkgreen50 .nav-tabs > li.active > a { color: #55A69F; } .fg-tab-active-darkgreen50 .nav-tabs > li.active > a { color: #55A69F !important; } .fg-focus-darkgreen50:focus { color: #55A69F; } .fg-hover-darkgreen50:hover { color: #55A69F; } .border-darkgreen50 { border-color: #55A69F !important; } .border-darkgreen50 .rubix-timeline-body > ul { border-color: #55A69F; } .border-darkgreen50.rubix-timeline-view:before { border-color: #55A69F; } .border-hover-darkgreen50:hover { border-color: #55A69F !important; } .border-focus-darkgreen50:focus { border-color: #55A69F !important; } .tl-darkgreen50 .rubix-timeline-body > ul > li:before { border-color: #55A69F; } .list-bg-darkgreen50 > .list-group-item.active { background: #55A69F !important; color: white !important; } .list-fg-darkgreen50 > .list-group-item { color: #55A69F; } .btn-darkgreen45 { background: #2EB398; color: white; border-color: #2EB398; } .btn-darkgreen45.btn-outlined { color: #2EB398; background: none; } .btn-darkgreen45.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen45.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen45.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen45.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen45.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen45.btn-outlined.btn-inverse:hover, .btn-darkgreen45.btn-outlined.btn-inverse:focus, .btn-darkgreen45.btn-outlined.btn-inverse.active { color: #2EB398; background: white; } .btn-darkgreen45.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen45.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen45.btn-outlined.btn-inverse.active.btn-retainBg { background: #2EB398; color: white; border-color: #2EB398; } .btn-darkgreen45.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen45.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen45.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #1b6a5a; border-color: #0f3931; } .btn-darkgreen45:focus, .btn-darkgreen45.focus, .btn-darkgreen45:hover, .btn-darkgreen45.active { color: white; background: #45cfb3; border-color: #45cfb3; } .btn-darkgreen45:active, .btn-darkgreen45.active, .btn-darkgreen45[aria-expanded="true"], .btn-darkgreen45.active:hover, .btn-darkgreen45.active:focus, .btn-darkgreen45[aria-expanded="true"]:hover, .btn-darkgreen45[aria-expanded="true"]:focus, .open > .btn-darkgreen45.dropdown-toggle { color: white; background: #1b6a5a; border-color: #0f3931; background-image: none; } .btn-darkgreen45.dropdown-toggle + ul li.active a { color: white; background: #2EB398; } .btn-darkgreen45.disabled, .btn-darkgreen45[disabled], fieldset[disabled] .btn-darkgreen45 { pointer-events: none; } .btn-darkgreen45 .badge { color: #2EB398; background-color: #2EB398; } .menu-darkgreen45 ul li.active a, .menu-darkgreen45 ul li.active a:hover { color: white; background: #2EB398 !important; } .nav-darkgreen45 > li.active > a, .nav-darkgreen45 > rubix-menu > li.active > a, .nav-darkgreen45 > rubix-nav-item > li.active > a { color: white; background: #2EB398; border-color: #2EB398; } .tab-darkgreen45 { border-color: #2EB398; } .tab-darkgreen45 > li.active > a { border-color: #2EB398; border-bottom-color: transparent; } .tab-darkgreen45.nav-pills > li.active > a { background: #2EB398; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen45 > li.active > a { border: 1px solid #2EB398; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen45 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen45 { background: #2EB398 !important; } .bg-darkgreen45 table td, .bg-darkgreen45 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen45:focus { background: #2EB398 !important; } .bg-hover-darkgreen45:hover { background: #2EB398 !important; } .fg-darkgreen45 { color: #2EB398; } .fg-darkgreen45 .nav-tabs > li.active > a { color: #2EB398; } .fg-tab-active-darkgreen45 .nav-tabs > li.active > a { color: #2EB398 !important; } .fg-focus-darkgreen45:focus { color: #2EB398; } .fg-hover-darkgreen45:hover { color: #2EB398; } .border-darkgreen45 { border-color: #2EB398 !important; } .border-darkgreen45 .rubix-timeline-body > ul { border-color: #2EB398; } .border-darkgreen45.rubix-timeline-view:before { border-color: #2EB398; } .border-hover-darkgreen45:hover { border-color: #2EB398 !important; } .border-focus-darkgreen45:focus { border-color: #2EB398 !important; } .tl-darkgreen45 .rubix-timeline-body > ul > li:before { border-color: #2EB398; } .list-bg-darkgreen45 > .list-group-item.active { background: #2EB398 !important; color: white !important; } .list-fg-darkgreen45 > .list-group-item { color: #2EB398; } .btn-darkgreen40 { background: #44C1AC; color: white; border-color: #44C1AC; } .btn-darkgreen40.btn-outlined { color: #44C1AC; background: none; } .btn-darkgreen40.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen40.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen40.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen40.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen40.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen40.btn-outlined.btn-inverse:hover, .btn-darkgreen40.btn-outlined.btn-inverse:focus, .btn-darkgreen40.btn-outlined.btn-inverse.active { color: #44C1AC; background: white; } .btn-darkgreen40.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen40.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen40.btn-outlined.btn-inverse.active.btn-retainBg { background: #44C1AC; color: white; border-color: #44C1AC; } .btn-darkgreen40.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen40.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen40.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #2a7f71; border-color: #1b5148; } .btn-darkgreen40:focus, .btn-darkgreen40.focus, .btn-darkgreen40:hover, .btn-darkgreen40.active { color: white; background: #6acebd; border-color: #6acebd; } .btn-darkgreen40:active, .btn-darkgreen40.active, .btn-darkgreen40[aria-expanded="true"], .btn-darkgreen40.active:hover, .btn-darkgreen40.active:focus, .btn-darkgreen40[aria-expanded="true"]:hover, .btn-darkgreen40[aria-expanded="true"]:focus, .open > .btn-darkgreen40.dropdown-toggle { color: white; background: #2a7f71; border-color: #1b5148; background-image: none; } .btn-darkgreen40.dropdown-toggle + ul li.active a { color: white; background: #44C1AC; } .btn-darkgreen40.disabled, .btn-darkgreen40[disabled], fieldset[disabled] .btn-darkgreen40 { pointer-events: none; } .btn-darkgreen40 .badge { color: #44C1AC; background-color: #44C1AC; } .menu-darkgreen40 ul li.active a, .menu-darkgreen40 ul li.active a:hover { color: white; background: #44C1AC !important; } .nav-darkgreen40 > li.active > a, .nav-darkgreen40 > rubix-menu > li.active > a, .nav-darkgreen40 > rubix-nav-item > li.active > a { color: white; background: #44C1AC; border-color: #44C1AC; } .tab-darkgreen40 { border-color: #44C1AC; } .tab-darkgreen40 > li.active > a { border-color: #44C1AC; border-bottom-color: transparent; } .tab-darkgreen40.nav-pills > li.active > a { background: #44C1AC; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen40 > li.active > a { border: 1px solid #44C1AC; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen40 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen40 { background: #44C1AC !important; } .bg-darkgreen40 table td, .bg-darkgreen40 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen40:focus { background: #44C1AC !important; } .bg-hover-darkgreen40:hover { background: #44C1AC !important; } .fg-darkgreen40 { color: #44C1AC; } .fg-darkgreen40 .nav-tabs > li.active > a { color: #44C1AC; } .fg-tab-active-darkgreen40 .nav-tabs > li.active > a { color: #44C1AC !important; } .fg-focus-darkgreen40:focus { color: #44C1AC; } .fg-hover-darkgreen40:hover { color: #44C1AC; } .border-darkgreen40 { border-color: #44C1AC !important; } .border-darkgreen40 .rubix-timeline-body > ul { border-color: #44C1AC; } .border-darkgreen40.rubix-timeline-view:before { border-color: #44C1AC; } .border-hover-darkgreen40:hover { border-color: #44C1AC !important; } .border-focus-darkgreen40:focus { border-color: #44C1AC !important; } .tl-darkgreen40 .rubix-timeline-body > ul > li:before { border-color: #44C1AC; } .list-bg-darkgreen40 > .list-group-item.active { background: #44C1AC !important; color: white !important; } .list-fg-darkgreen40 > .list-group-item { color: #44C1AC; } .btn-green { background: #55C9A6; color: white; border-color: #55C9A6; } .btn-green.btn-outlined { color: #55C9A6; background: none; } .btn-green.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-green.btn-outlined.btn-onlyOnHover:hover, .btn-green.btn-outlined.btn-onlyOnHover:focus, .btn-green.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-green.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-green.btn-outlined.btn-inverse:hover, .btn-green.btn-outlined.btn-inverse:focus, .btn-green.btn-outlined.btn-inverse.active { color: #55C9A6; background: white; } .btn-green.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-green.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-green.btn-outlined.btn-inverse.active.btn-retainBg { background: #55C9A6; color: white; border-color: #55C9A6; } .btn-green.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-green.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-green.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #2f9375; border-color: #206550; } .btn-green:focus, .btn-green.focus, .btn-green:hover, .btn-green.active { color: white; background: #7cd5ba; border-color: #7cd5ba; } .btn-green:active, .btn-green.active, .btn-green[aria-expanded="true"], .btn-green.active:hover, .btn-green.active:focus, .btn-green[aria-expanded="true"]:hover, .btn-green[aria-expanded="true"]:focus, .open > .btn-green.dropdown-toggle { color: white; background: #2f9375; border-color: #206550; background-image: none; } .btn-green.dropdown-toggle + ul li.active a { color: white; background: #55C9A6; } .btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green { pointer-events: none; } .btn-green .badge { color: #55C9A6; background-color: #55C9A6; } .menu-green ul li.active a, .menu-green ul li.active a:hover { color: white; background: #55C9A6 !important; } .nav-green > li.active > a, .nav-green > rubix-menu > li.active > a, .nav-green > rubix-nav-item > li.active > a { color: white; background: #55C9A6; border-color: #55C9A6; } .tab-green { border-color: #55C9A6; } .tab-green > li.active > a { border-color: #55C9A6; border-bottom-color: transparent; } .tab-green.nav-pills > li.active > a { background: #55C9A6; color: white; } .rubix-panel-header.nav-inline .nav-green > li.active > a { border: 1px solid #55C9A6; border-bottom: none; } .rubix-panel-header.nav-inline .nav-green > li.open > .dropdown-toggle { color: white; background: none; } .bg-green { background: #55C9A6 !important; } .bg-green table td, .bg-green th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-green:focus { background: #55C9A6 !important; } .bg-hover-green:hover { background: #55C9A6 !important; } .fg-green { color: #55C9A6; } .fg-green .nav-tabs > li.active > a { color: #55C9A6; } .fg-tab-active-green .nav-tabs > li.active > a { color: #55C9A6 !important; } .fg-focus-green:focus { color: #55C9A6; } .fg-hover-green:hover { color: #55C9A6; } .border-green { border-color: #55C9A6 !important; } .border-green .rubix-timeline-body > ul { border-color: #55C9A6; } .border-green.rubix-timeline-view:before { border-color: #55C9A6; } .border-hover-green:hover { border-color: #55C9A6 !important; } .border-focus-green:focus { border-color: #55C9A6 !important; } .tl-green .rubix-timeline-body > ul > li:before { border-color: #55C9A6; } .list-bg-green > .list-group-item.active { background: #55C9A6 !important; color: white !important; } .list-fg-green > .list-group-item { color: #55C9A6; } .btn-lightgreen { background: #7CD5BA; color: white; border-color: #7CD5BA; } .btn-lightgreen.btn-outlined { color: #7CD5BA; background: none; } .btn-lightgreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightgreen.btn-outlined.btn-onlyOnHover:hover, .btn-lightgreen.btn-outlined.btn-onlyOnHover:focus, .btn-lightgreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightgreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightgreen.btn-outlined.btn-inverse:hover, .btn-lightgreen.btn-outlined.btn-inverse:focus, .btn-lightgreen.btn-outlined.btn-inverse.active { color: #7CD5BA; background: white; } .btn-lightgreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightgreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightgreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #7CD5BA; color: white; border-color: #7CD5BA; } .btn-lightgreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightgreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightgreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #3cba93; border-color: #2d8b6f; } .btn-lightgreen:focus, .btn-lightgreen.focus, .btn-lightgreen:hover, .btn-lightgreen.active { color: white; background: #a3e1ce; border-color: #a3e1ce; } .btn-lightgreen:active, .btn-lightgreen.active, .btn-lightgreen[aria-expanded="true"], .btn-lightgreen.active:hover, .btn-lightgreen.active:focus, .btn-lightgreen[aria-expanded="true"]:hover, .btn-lightgreen[aria-expanded="true"]:focus, .open > .btn-lightgreen.dropdown-toggle { color: white; background: #3cba93; border-color: #2d8b6f; background-image: none; } .btn-lightgreen.dropdown-toggle + ul li.active a { color: white; background: #7CD5BA; } .btn-lightgreen.disabled, .btn-lightgreen[disabled], fieldset[disabled] .btn-lightgreen { pointer-events: none; } .btn-lightgreen .badge { color: #7CD5BA; background-color: #7CD5BA; } .menu-lightgreen ul li.active a, .menu-lightgreen ul li.active a:hover { color: white; background: #7CD5BA !important; } .nav-lightgreen > li.active > a, .nav-lightgreen > rubix-menu > li.active > a, .nav-lightgreen > rubix-nav-item > li.active > a { color: white; background: #7CD5BA; border-color: #7CD5BA; } .tab-lightgreen { border-color: #7CD5BA; } .tab-lightgreen > li.active > a { border-color: #7CD5BA; border-bottom-color: transparent; } .tab-lightgreen.nav-pills > li.active > a { background: #7CD5BA; color: white; } .rubix-panel-header.nav-inline .nav-lightgreen > li.active > a { border: 1px solid #7CD5BA; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightgreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightgreen { background: #7CD5BA !important; } .bg-lightgreen table td, .bg-lightgreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightgreen:focus { background: #7CD5BA !important; } .bg-hover-lightgreen:hover { background: #7CD5BA !important; } .fg-lightgreen { color: #7CD5BA; } .fg-lightgreen .nav-tabs > li.active > a { color: #7CD5BA; } .fg-tab-active-lightgreen .nav-tabs > li.active > a { color: #7CD5BA !important; } .fg-focus-lightgreen:focus { color: #7CD5BA; } .fg-hover-lightgreen:hover { color: #7CD5BA; } .border-lightgreen { border-color: #7CD5BA !important; } .border-lightgreen .rubix-timeline-body > ul { border-color: #7CD5BA; } .border-lightgreen.rubix-timeline-view:before { border-color: #7CD5BA; } .border-hover-lightgreen:hover { border-color: #7CD5BA !important; } .border-focus-lightgreen:focus { border-color: #7CD5BA !important; } .tl-lightgreen .rubix-timeline-body > ul > li:before { border-color: #7CD5BA; } .list-bg-lightgreen > .list-group-item.active { background: #7CD5BA !important; color: white !important; } .list-fg-lightgreen > .list-group-item { color: #7CD5BA; } .btn-hovergreen { background: #E5F7F1; color: white; border-color: #E5F7F1; } .btn-hovergreen.btn-outlined { color: #E5F7F1; background: none; } .btn-hovergreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-hovergreen.btn-outlined.btn-onlyOnHover:hover, .btn-hovergreen.btn-outlined.btn-onlyOnHover:focus, .btn-hovergreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-hovergreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-hovergreen.btn-outlined.btn-inverse:hover, .btn-hovergreen.btn-outlined.btn-inverse:focus, .btn-hovergreen.btn-outlined.btn-inverse.active { color: #E5F7F1; background: white; } .btn-hovergreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-hovergreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-hovergreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #E5F7F1; color: white; border-color: #E5F7F1; } .btn-hovergreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-hovergreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-hovergreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #9fe1cb; border-color: #70d3b2; } .btn-hovergreen:focus, .btn-hovergreen.focus, .btn-hovergreen:hover, .btn-hovergreen.active { color: white; background: white; border-color: white; } .btn-hovergreen:active, .btn-hovergreen.active, .btn-hovergreen[aria-expanded="true"], .btn-hovergreen.active:hover, .btn-hovergreen.active:focus, .btn-hovergreen[aria-expanded="true"]:hover, .btn-hovergreen[aria-expanded="true"]:focus, .open > .btn-hovergreen.dropdown-toggle { color: white; background: #9fe1cb; border-color: #70d3b2; background-image: none; } .btn-hovergreen.dropdown-toggle + ul li.active a { color: white; background: #E5F7F1; } .btn-hovergreen.disabled, .btn-hovergreen[disabled], fieldset[disabled] .btn-hovergreen { pointer-events: none; } .btn-hovergreen .badge { color: #E5F7F1; background-color: #E5F7F1; } .menu-hovergreen ul li.active a, .menu-hovergreen ul li.active a:hover { color: white; background: #E5F7F1 !important; } .nav-hovergreen > li.active > a, .nav-hovergreen > rubix-menu > li.active > a, .nav-hovergreen > rubix-nav-item > li.active > a { color: white; background: #E5F7F1; border-color: #E5F7F1; } .tab-hovergreen { border-color: #E5F7F1; } .tab-hovergreen > li.active > a { border-color: #E5F7F1; border-bottom-color: transparent; } .tab-hovergreen.nav-pills > li.active > a { background: #E5F7F1; color: white; } .rubix-panel-header.nav-inline .nav-hovergreen > li.active > a { border: 1px solid #E5F7F1; border-bottom: none; } .rubix-panel-header.nav-inline .nav-hovergreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-hovergreen { background: #E5F7F1 !important; } .bg-hovergreen table td, .bg-hovergreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-hovergreen:focus { background: #E5F7F1 !important; } .bg-hover-hovergreen:hover { background: #E5F7F1 !important; } .fg-hovergreen { color: #E5F7F1; } .fg-hovergreen .nav-tabs > li.active > a { color: #E5F7F1; } .fg-tab-active-hovergreen .nav-tabs > li.active > a { color: #E5F7F1 !important; } .fg-focus-hovergreen:focus { color: #E5F7F1; } .fg-hover-hovergreen:hover { color: #E5F7F1; } .border-hovergreen { border-color: #E5F7F1 !important; } .border-hovergreen .rubix-timeline-body > ul { border-color: #E5F7F1; } .border-hovergreen.rubix-timeline-view:before { border-color: #E5F7F1; } .border-hover-hovergreen:hover { border-color: #E5F7F1 !important; } .border-focus-hovergreen:focus { border-color: #E5F7F1 !important; } .tl-hovergreen .rubix-timeline-body > ul > li:before { border-color: #E5F7F1; } .list-bg-hovergreen > .list-group-item.active { background: #E5F7F1 !important; color: white !important; } .list-fg-hovergreen > .list-group-item { color: #E5F7F1; } .btn-brightyellow { background: #FCB621; color: white; border-color: #FCB621; } .btn-brightyellow.btn-outlined { color: #FCB621; background: none; } .btn-brightyellow.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brightyellow.btn-outlined.btn-onlyOnHover:hover, .btn-brightyellow.btn-outlined.btn-onlyOnHover:focus, .btn-brightyellow.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brightyellow.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brightyellow.btn-outlined.btn-inverse:hover, .btn-brightyellow.btn-outlined.btn-inverse:focus, .btn-brightyellow.btn-outlined.btn-inverse.active { color: #FCB621; background: white; } .btn-brightyellow.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brightyellow.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brightyellow.btn-outlined.btn-inverse.active.btn-retainBg { background: #FCB621; color: white; border-color: #FCB621; } .btn-brightyellow.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brightyellow.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brightyellow.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #bf8303; border-color: #825902; } .btn-brightyellow:focus, .btn-brightyellow.focus, .btn-brightyellow:hover, .btn-brightyellow.active { color: white; background: #fdc753; border-color: #fdc753; } .btn-brightyellow:active, .btn-brightyellow.active, .btn-brightyellow[aria-expanded="true"], .btn-brightyellow.active:hover, .btn-brightyellow.active:focus, .btn-brightyellow[aria-expanded="true"]:hover, .btn-brightyellow[aria-expanded="true"]:focus, .open > .btn-brightyellow.dropdown-toggle { color: white; background: #bf8303; border-color: #825902; background-image: none; } .btn-brightyellow.dropdown-toggle + ul li.active a { color: white; background: #FCB621; } .btn-brightyellow.disabled, .btn-brightyellow[disabled], fieldset[disabled] .btn-brightyellow { pointer-events: none; } .btn-brightyellow .badge { color: #FCB621; background-color: #FCB621; } .menu-brightyellow ul li.active a, .menu-brightyellow ul li.active a:hover { color: white; background: #FCB621 !important; } .nav-brightyellow > li.active > a, .nav-brightyellow > rubix-menu > li.active > a, .nav-brightyellow > rubix-nav-item > li.active > a { color: white; background: #FCB621; border-color: #FCB621; } .tab-brightyellow { border-color: #FCB621; } .tab-brightyellow > li.active > a { border-color: #FCB621; border-bottom-color: transparent; } .tab-brightyellow.nav-pills > li.active > a { background: #FCB621; color: white; } .rubix-panel-header.nav-inline .nav-brightyellow > li.active > a { border: 1px solid #FCB621; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brightyellow > li.open > .dropdown-toggle { color: white; background: none; } .bg-brightyellow { background: #FCB621 !important; } .bg-brightyellow table td, .bg-brightyellow th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brightyellow:focus { background: #FCB621 !important; } .bg-hover-brightyellow:hover { background: #FCB621 !important; } .fg-brightyellow { color: #FCB621; } .fg-brightyellow .nav-tabs > li.active > a { color: #FCB621; } .fg-tab-active-brightyellow .nav-tabs > li.active > a { color: #FCB621 !important; } .fg-focus-brightyellow:focus { color: #FCB621; } .fg-hover-brightyellow:hover { color: #FCB621; } .border-brightyellow { border-color: #FCB621 !important; } .border-brightyellow .rubix-timeline-body > ul { border-color: #FCB621; } .border-brightyellow.rubix-timeline-view:before { border-color: #FCB621; } .border-hover-brightyellow:hover { border-color: #FCB621 !important; } .border-focus-brightyellow:focus { border-color: #FCB621 !important; } .tl-brightyellow .rubix-timeline-body > ul > li:before { border-color: #FCB621; } .list-bg-brightyellow > .list-group-item.active { background: #FCB621 !important; color: white !important; } .list-fg-brightyellow > .list-group-item { color: #FCB621; } .btn-brightyellow75 { background: #F3C557; color: white; border-color: #F3C557; } .btn-brightyellow75.btn-outlined { color: #F3C557; background: none; } .btn-brightyellow75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brightyellow75.btn-outlined.btn-onlyOnHover:hover, .btn-brightyellow75.btn-outlined.btn-onlyOnHover:focus, .btn-brightyellow75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brightyellow75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brightyellow75.btn-outlined.btn-inverse:hover, .btn-brightyellow75.btn-outlined.btn-inverse:focus, .btn-brightyellow75.btn-outlined.btn-inverse.active { color: #F3C557; background: white; } .btn-brightyellow75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brightyellow75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brightyellow75.btn-outlined.btn-inverse.active.btn-retainBg { background: #F3C557; color: white; border-color: #F3C557; } .btn-brightyellow75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brightyellow75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brightyellow75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #dea110; border-color: #a5780c; } .btn-brightyellow75:focus, .btn-brightyellow75.focus, .btn-brightyellow75:hover, .btn-brightyellow75.active { color: white; background: #f6d587; border-color: #f6d587; } .btn-brightyellow75:active, .btn-brightyellow75.active, .btn-brightyellow75[aria-expanded="true"], .btn-brightyellow75.active:hover, .btn-brightyellow75.active:focus, .btn-brightyellow75[aria-expanded="true"]:hover, .btn-brightyellow75[aria-expanded="true"]:focus, .open > .btn-brightyellow75.dropdown-toggle { color: white; background: #dea110; border-color: #a5780c; background-image: none; } .btn-brightyellow75.dropdown-toggle + ul li.active a { color: white; background: #F3C557; } .btn-brightyellow75.disabled, .btn-brightyellow75[disabled], fieldset[disabled] .btn-brightyellow75 { pointer-events: none; } .btn-brightyellow75 .badge { color: #F3C557; background-color: #F3C557; } .menu-brightyellow75 ul li.active a, .menu-brightyellow75 ul li.active a:hover { color: white; background: #F3C557 !important; } .nav-brightyellow75 > li.active > a, .nav-brightyellow75 > rubix-menu > li.active > a, .nav-brightyellow75 > rubix-nav-item > li.active > a { color: white; background: #F3C557; border-color: #F3C557; } .tab-brightyellow75 { border-color: #F3C557; } .tab-brightyellow75 > li.active > a { border-color: #F3C557; border-bottom-color: transparent; } .tab-brightyellow75.nav-pills > li.active > a { background: #F3C557; color: white; } .rubix-panel-header.nav-inline .nav-brightyellow75 > li.active > a { border: 1px solid #F3C557; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brightyellow75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-brightyellow75 { background: #F3C557 !important; } .bg-brightyellow75 table td, .bg-brightyellow75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brightyellow75:focus { background: #F3C557 !important; } .bg-hover-brightyellow75:hover { background: #F3C557 !important; } .fg-brightyellow75 { color: #F3C557; } .fg-brightyellow75 .nav-tabs > li.active > a { color: #F3C557; } .fg-tab-active-brightyellow75 .nav-tabs > li.active > a { color: #F3C557 !important; } .fg-focus-brightyellow75:focus { color: #F3C557; } .fg-hover-brightyellow75:hover { color: #F3C557; } .border-brightyellow75 { border-color: #F3C557 !important; } .border-brightyellow75 .rubix-timeline-body > ul { border-color: #F3C557; } .border-brightyellow75.rubix-timeline-view:before { border-color: #F3C557; } .border-hover-brightyellow75:hover { border-color: #F3C557 !important; } .border-focus-brightyellow75:focus { border-color: #F3C557 !important; } .tl-brightyellow75 .rubix-timeline-body > ul > li:before { border-color: #F3C557; } .list-bg-brightyellow75 > .list-group-item.active { background: #F3C557 !important; color: white !important; } .list-fg-brightyellow75 > .list-group-item { color: #F3C557; } .btn-brightyellow65 { background: #EDBC6C; color: white; border-color: #EDBC6C; } .btn-brightyellow65.btn-outlined { color: #EDBC6C; background: none; } .btn-brightyellow65.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brightyellow65.btn-outlined.btn-onlyOnHover:hover, .btn-brightyellow65.btn-outlined.btn-onlyOnHover:focus, .btn-brightyellow65.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brightyellow65.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brightyellow65.btn-outlined.btn-inverse:hover, .btn-brightyellow65.btn-outlined.btn-inverse:focus, .btn-brightyellow65.btn-outlined.btn-inverse.active { color: #EDBC6C; background: white; } .btn-brightyellow65.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brightyellow65.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brightyellow65.btn-outlined.btn-inverse.active.btn-retainBg { background: #EDBC6C; color: white; border-color: #EDBC6C; } .btn-brightyellow65.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brightyellow65.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brightyellow65.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #e2961c; border-color: #ab7215; } .btn-brightyellow65:focus, .btn-brightyellow65.focus, .btn-brightyellow65:hover, .btn-brightyellow65.active { color: white; background: #f3d199; border-color: #f3d199; } .btn-brightyellow65:active, .btn-brightyellow65.active, .btn-brightyellow65[aria-expanded="true"], .btn-brightyellow65.active:hover, .btn-brightyellow65.active:focus, .btn-brightyellow65[aria-expanded="true"]:hover, .btn-brightyellow65[aria-expanded="true"]:focus, .open > .btn-brightyellow65.dropdown-toggle { color: white; background: #e2961c; border-color: #ab7215; background-image: none; } .btn-brightyellow65.dropdown-toggle + ul li.active a { color: white; background: #EDBC6C; } .btn-brightyellow65.disabled, .btn-brightyellow65[disabled], fieldset[disabled] .btn-brightyellow65 { pointer-events: none; } .btn-brightyellow65 .badge { color: #EDBC6C; background-color: #EDBC6C; } .menu-brightyellow65 ul li.active a, .menu-brightyellow65 ul li.active a:hover { color: white; background: #EDBC6C !important; } .nav-brightyellow65 > li.active > a, .nav-brightyellow65 > rubix-menu > li.active > a, .nav-brightyellow65 > rubix-nav-item > li.active > a { color: white; background: #EDBC6C; border-color: #EDBC6C; } .tab-brightyellow65 { border-color: #EDBC6C; } .tab-brightyellow65 > li.active > a { border-color: #EDBC6C; border-bottom-color: transparent; } .tab-brightyellow65.nav-pills > li.active > a { background: #EDBC6C; color: white; } .rubix-panel-header.nav-inline .nav-brightyellow65 > li.active > a { border: 1px solid #EDBC6C; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brightyellow65 > li.open > .dropdown-toggle { color: white; background: none; } .bg-brightyellow65 { background: #EDBC6C !important; } .bg-brightyellow65 table td, .bg-brightyellow65 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brightyellow65:focus { background: #EDBC6C !important; } .bg-hover-brightyellow65:hover { background: #EDBC6C !important; } .fg-brightyellow65 { color: #EDBC6C; } .fg-brightyellow65 .nav-tabs > li.active > a { color: #EDBC6C; } .fg-tab-active-brightyellow65 .nav-tabs > li.active > a { color: #EDBC6C !important; } .fg-focus-brightyellow65:focus { color: #EDBC6C; } .fg-hover-brightyellow65:hover { color: #EDBC6C; } .border-brightyellow65 { border-color: #EDBC6C !important; } .border-brightyellow65 .rubix-timeline-body > ul { border-color: #EDBC6C; } .border-brightyellow65.rubix-timeline-view:before { border-color: #EDBC6C; } .border-hover-brightyellow65:hover { border-color: #EDBC6C !important; } .border-focus-brightyellow65:focus { border-color: #EDBC6C !important; } .tl-brightyellow65 .rubix-timeline-body > ul > li:before { border-color: #EDBC6C; } .list-bg-brightyellow65 > .list-group-item.active { background: #EDBC6C !important; color: white !important; } .list-fg-brightyellow65 > .list-group-item { color: #EDBC6C; } .btn-yellow { background: #FADD7F; color: white; border-color: #FADD7F; } .btn-yellow.btn-outlined { color: #FADD7F; background: none; } .btn-yellow.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-yellow.btn-outlined.btn-onlyOnHover:hover, .btn-yellow.btn-outlined.btn-onlyOnHover:focus, .btn-yellow.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-yellow.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-yellow.btn-outlined.btn-inverse:hover, .btn-yellow.btn-outlined.btn-inverse:focus, .btn-yellow.btn-outlined.btn-inverse.active { color: #FADD7F; background: white; } .btn-yellow.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-yellow.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-yellow.btn-outlined.btn-inverse.active.btn-retainBg { background: #FADD7F; color: white; border-color: #FADD7F; } .btn-yellow.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-yellow.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-yellow.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #f7c627; border-color: #d8a708; } .btn-yellow:focus, .btn-yellow.focus, .btn-yellow:hover, .btn-yellow.active { color: white; background: #fceab0; border-color: #fceab0; } .btn-yellow:active, .btn-yellow.active, .btn-yellow[aria-expanded="true"], .btn-yellow.active:hover, .btn-yellow.active:focus, .btn-yellow[aria-expanded="true"]:hover, .btn-yellow[aria-expanded="true"]:focus, .open > .btn-yellow.dropdown-toggle { color: white; background: #f7c627; border-color: #d8a708; background-image: none; } .btn-yellow.dropdown-toggle + ul li.active a { color: white; background: #FADD7F; } .btn-yellow.disabled, .btn-yellow[disabled], fieldset[disabled] .btn-yellow { pointer-events: none; } .btn-yellow .badge { color: #FADD7F; background-color: #FADD7F; } .menu-yellow ul li.active a, .menu-yellow ul li.active a:hover { color: white; background: #FADD7F !important; } .nav-yellow > li.active > a, .nav-yellow > rubix-menu > li.active > a, .nav-yellow > rubix-nav-item > li.active > a { color: white; background: #FADD7F; border-color: #FADD7F; } .tab-yellow { border-color: #FADD7F; } .tab-yellow > li.active > a { border-color: #FADD7F; border-bottom-color: transparent; } .tab-yellow.nav-pills > li.active > a { background: #FADD7F; color: white; } .rubix-panel-header.nav-inline .nav-yellow > li.active > a { border: 1px solid #FADD7F; border-bottom: none; } .rubix-panel-header.nav-inline .nav-yellow > li.open > .dropdown-toggle { color: white; background: none; } .bg-yellow { background: #FADD7F !important; } .bg-yellow table td, .bg-yellow th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-yellow:focus { background: #FADD7F !important; } .bg-hover-yellow:hover { background: #FADD7F !important; } .fg-yellow { color: #FADD7F; } .fg-yellow .nav-tabs > li.active > a { color: #FADD7F; } .fg-tab-active-yellow .nav-tabs > li.active > a { color: #FADD7F !important; } .fg-focus-yellow:focus { color: #FADD7F; } .fg-hover-yellow:hover { color: #FADD7F; } .border-yellow { border-color: #FADD7F !important; } .border-yellow .rubix-timeline-body > ul { border-color: #FADD7F; } .border-yellow.rubix-timeline-view:before { border-color: #FADD7F; } .border-hover-yellow:hover { border-color: #FADD7F !important; } .border-focus-yellow:focus { border-color: #FADD7F !important; } .tl-yellow .rubix-timeline-body > ul > li:before { border-color: #FADD7F; } .list-bg-yellow > .list-group-item.active { background: #FADD7F !important; color: white !important; } .list-fg-yellow > .list-group-item { color: #FADD7F; } .btn-paleyellow { background: #DEBC85; color: white; border-color: #DEBC85; } .btn-paleyellow.btn-outlined { color: #DEBC85; background: none; } .btn-paleyellow.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-paleyellow.btn-outlined.btn-onlyOnHover:hover, .btn-paleyellow.btn-outlined.btn-onlyOnHover:focus, .btn-paleyellow.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-paleyellow.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-paleyellow.btn-outlined.btn-inverse:hover, .btn-paleyellow.btn-outlined.btn-inverse:focus, .btn-paleyellow.btn-outlined.btn-inverse.active { color: #DEBC85; background: white; } .btn-paleyellow.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-paleyellow.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-paleyellow.btn-outlined.btn-inverse.active.btn-retainBg { background: #DEBC85; color: white; border-color: #DEBC85; } .btn-paleyellow.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-paleyellow.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-paleyellow.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ca943d; border-color: #9f732b; } .btn-paleyellow:focus, .btn-paleyellow.focus, .btn-paleyellow:hover, .btn-paleyellow.active { color: white; background: #e9d2ad; border-color: #e9d2ad; } .btn-paleyellow:active, .btn-paleyellow.active, .btn-paleyellow[aria-expanded="true"], .btn-paleyellow.active:hover, .btn-paleyellow.active:focus, .btn-paleyellow[aria-expanded="true"]:hover, .btn-paleyellow[aria-expanded="true"]:focus, .open > .btn-paleyellow.dropdown-toggle { color: white; background: #ca943d; border-color: #9f732b; background-image: none; } .btn-paleyellow.dropdown-toggle + ul li.active a { color: white; background: #DEBC85; } .btn-paleyellow.disabled, .btn-paleyellow[disabled], fieldset[disabled] .btn-paleyellow { pointer-events: none; } .btn-paleyellow .badge { color: #DEBC85; background-color: #DEBC85; } .menu-paleyellow ul li.active a, .menu-paleyellow ul li.active a:hover { color: white; background: #DEBC85 !important; } .nav-paleyellow > li.active > a, .nav-paleyellow > rubix-menu > li.active > a, .nav-paleyellow > rubix-nav-item > li.active > a { color: white; background: #DEBC85; border-color: #DEBC85; } .tab-paleyellow { border-color: #DEBC85; } .tab-paleyellow > li.active > a { border-color: #DEBC85; border-bottom-color: transparent; } .tab-paleyellow.nav-pills > li.active > a { background: #DEBC85; color: white; } .rubix-panel-header.nav-inline .nav-paleyellow > li.active > a { border: 1px solid #DEBC85; border-bottom: none; } .rubix-panel-header.nav-inline .nav-paleyellow > li.open > .dropdown-toggle { color: white; background: none; } .bg-paleyellow { background: #DEBC85 !important; } .bg-paleyellow table td, .bg-paleyellow th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-paleyellow:focus { background: #DEBC85 !important; } .bg-hover-paleyellow:hover { background: #DEBC85 !important; } .fg-paleyellow { color: #DEBC85; } .fg-paleyellow .nav-tabs > li.active > a { color: #DEBC85; } .fg-tab-active-paleyellow .nav-tabs > li.active > a { color: #DEBC85 !important; } .fg-focus-paleyellow:focus { color: #DEBC85; } .fg-hover-paleyellow:hover { color: #DEBC85; } .border-paleyellow { border-color: #DEBC85 !important; } .border-paleyellow .rubix-timeline-body > ul { border-color: #DEBC85; } .border-paleyellow.rubix-timeline-view:before { border-color: #DEBC85; } .border-hover-paleyellow:hover { border-color: #DEBC85 !important; } .border-focus-paleyellow:focus { border-color: #DEBC85 !important; } .tl-paleyellow .rubix-timeline-body > ul > li:before { border-color: #DEBC85; } .list-bg-paleyellow > .list-group-item.active { background: #DEBC85 !important; color: white !important; } .list-fg-paleyellow > .list-group-item { color: #DEBC85; } .btn-lightyellow { background: #FBE499; color: white; border-color: #FBE499; } .btn-lightyellow.btn-outlined { color: #FBE499; background: none; } .btn-lightyellow.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightyellow.btn-outlined.btn-onlyOnHover:hover, .btn-lightyellow.btn-outlined.btn-onlyOnHover:focus, .btn-lightyellow.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightyellow.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightyellow.btn-outlined.btn-inverse:hover, .btn-lightyellow.btn-outlined.btn-inverse:focus, .btn-lightyellow.btn-outlined.btn-inverse.active { color: #FBE499; background: white; } .btn-lightyellow.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightyellow.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightyellow.btn-outlined.btn-inverse.active.btn-retainBg { background: #FBE499; color: white; border-color: #FBE499; } .btn-lightyellow.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightyellow.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightyellow.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #f8cd41; border-color: #f2bb09; } .btn-lightyellow:focus, .btn-lightyellow.focus, .btn-lightyellow:hover, .btn-lightyellow.active { color: white; background: #fdf1ca; border-color: #fdf1ca; } .btn-lightyellow:active, .btn-lightyellow.active, .btn-lightyellow[aria-expanded="true"], .btn-lightyellow.active:hover, .btn-lightyellow.active:focus, .btn-lightyellow[aria-expanded="true"]:hover, .btn-lightyellow[aria-expanded="true"]:focus, .open > .btn-lightyellow.dropdown-toggle { color: white; background: #f8cd41; border-color: #f2bb09; background-image: none; } .btn-lightyellow.dropdown-toggle + ul li.active a { color: white; background: #FBE499; } .btn-lightyellow.disabled, .btn-lightyellow[disabled], fieldset[disabled] .btn-lightyellow { pointer-events: none; } .btn-lightyellow .badge { color: #FBE499; background-color: #FBE499; } .menu-lightyellow ul li.active a, .menu-lightyellow ul li.active a:hover { color: white; background: #FBE499 !important; } .nav-lightyellow > li.active > a, .nav-lightyellow > rubix-menu > li.active > a, .nav-lightyellow > rubix-nav-item > li.active > a { color: white; background: #FBE499; border-color: #FBE499; } .tab-lightyellow { border-color: #FBE499; } .tab-lightyellow > li.active > a { border-color: #FBE499; border-bottom-color: transparent; } .tab-lightyellow.nav-pills > li.active > a { background: #FBE499; color: white; } .rubix-panel-header.nav-inline .nav-lightyellow > li.active > a { border: 1px solid #FBE499; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightyellow > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightyellow { background: #FBE499 !important; } .bg-lightyellow table td, .bg-lightyellow th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightyellow:focus { background: #FBE499 !important; } .bg-hover-lightyellow:hover { background: #FBE499 !important; } .fg-lightyellow { color: #FBE499; } .fg-lightyellow .nav-tabs > li.active > a { color: #FBE499; } .fg-tab-active-lightyellow .nav-tabs > li.active > a { color: #FBE499 !important; } .fg-focus-lightyellow:focus { color: #FBE499; } .fg-hover-lightyellow:hover { color: #FBE499; } .border-lightyellow { border-color: #FBE499 !important; } .border-lightyellow .rubix-timeline-body > ul { border-color: #FBE499; } .border-lightyellow.rubix-timeline-view:before { border-color: #FBE499; } .border-hover-lightyellow:hover { border-color: #FBE499 !important; } .border-focus-lightyellow:focus { border-color: #FBE499 !important; } .tl-lightyellow .rubix-timeline-body > ul > li:before { border-color: #FBE499; } .list-bg-lightyellow > .list-group-item.active { background: #FBE499 !important; color: white !important; } .list-fg-lightyellow > .list-group-item { color: #FBE499; } .btn-hoveryellow { background: #FFF1E7; color: white; border-color: #FFF1E7; } .btn-hoveryellow.btn-outlined { color: #FFF1E7; background: none; } .btn-hoveryellow.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-hoveryellow.btn-outlined.btn-onlyOnHover:hover, .btn-hoveryellow.btn-outlined.btn-onlyOnHover:focus, .btn-hoveryellow.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-hoveryellow.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-hoveryellow.btn-outlined.btn-inverse:hover, .btn-hoveryellow.btn-outlined.btn-inverse:focus, .btn-hoveryellow.btn-outlined.btn-inverse.active { color: #FFF1E7; background: white; } .btn-hoveryellow.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-hoveryellow.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-hoveryellow.btn-outlined.btn-inverse.active.btn-retainBg { background: #FFF1E7; color: white; border-color: #FFF1E7; } .btn-hoveryellow.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-hoveryellow.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-hoveryellow.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ffbb8b; border-color: #ff984e; } .btn-hoveryellow:focus, .btn-hoveryellow.focus, .btn-hoveryellow:hover, .btn-hoveryellow.active { color: white; background: white; border-color: white; } .btn-hoveryellow:active, .btn-hoveryellow.active, .btn-hoveryellow[aria-expanded="true"], .btn-hoveryellow.active:hover, .btn-hoveryellow.active:focus, .btn-hoveryellow[aria-expanded="true"]:hover, .btn-hoveryellow[aria-expanded="true"]:focus, .open > .btn-hoveryellow.dropdown-toggle { color: white; background: #ffbb8b; border-color: #ff984e; background-image: none; } .btn-hoveryellow.dropdown-toggle + ul li.active a { color: white; background: #FFF1E7; } .btn-hoveryellow.disabled, .btn-hoveryellow[disabled], fieldset[disabled] .btn-hoveryellow { pointer-events: none; } .btn-hoveryellow .badge { color: #FFF1E7; background-color: #FFF1E7; } .menu-hoveryellow ul li.active a, .menu-hoveryellow ul li.active a:hover { color: white; background: #FFF1E7 !important; } .nav-hoveryellow > li.active > a, .nav-hoveryellow > rubix-menu > li.active > a, .nav-hoveryellow > rubix-nav-item > li.active > a { color: white; background: #FFF1E7; border-color: #FFF1E7; } .tab-hoveryellow { border-color: #FFF1E7; } .tab-hoveryellow > li.active > a { border-color: #FFF1E7; border-bottom-color: transparent; } .tab-hoveryellow.nav-pills > li.active > a { background: #FFF1E7; color: white; } .rubix-panel-header.nav-inline .nav-hoveryellow > li.active > a { border: 1px solid #FFF1E7; border-bottom: none; } .rubix-panel-header.nav-inline .nav-hoveryellow > li.open > .dropdown-toggle { color: white; background: none; } .bg-hoveryellow { background: #FFF1E7 !important; } .bg-hoveryellow table td, .bg-hoveryellow th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-hoveryellow:focus { background: #FFF1E7 !important; } .bg-hover-hoveryellow:hover { background: #FFF1E7 !important; } .fg-hoveryellow { color: #FFF1E7; } .fg-hoveryellow .nav-tabs > li.active > a { color: #FFF1E7; } .fg-tab-active-hoveryellow .nav-tabs > li.active > a { color: #FFF1E7 !important; } .fg-focus-hoveryellow:focus { color: #FFF1E7; } .fg-hover-hoveryellow:hover { color: #FFF1E7; } .border-hoveryellow { border-color: #FFF1E7 !important; } .border-hoveryellow .rubix-timeline-body > ul { border-color: #FFF1E7; } .border-hoveryellow.rubix-timeline-view:before { border-color: #FFF1E7; } .border-hover-hoveryellow:hover { border-color: #FFF1E7 !important; } .border-focus-hoveryellow:focus { border-color: #FFF1E7 !important; } .tl-hoveryellow .rubix-timeline-body > ul > li:before { border-color: #FFF1E7; } .list-bg-hoveryellow > .list-group-item.active { background: #FFF1E7 !important; color: white !important; } .list-fg-hoveryellow > .list-group-item { color: #FFF1E7; } .btn-pink { background: #E299B7; color: white; border-color: #E299B7; } .btn-pink.btn-outlined { color: #E299B7; background: none; } .btn-pink.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-pink.btn-outlined.btn-onlyOnHover:hover, .btn-pink.btn-outlined.btn-onlyOnHover:focus, .btn-pink.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-pink.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-pink.btn-outlined.btn-inverse:hover, .btn-pink.btn-outlined.btn-inverse:focus, .btn-pink.btn-outlined.btn-inverse.active { color: #E299B7; background: white; } .btn-pink.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-pink.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-pink.btn-outlined.btn-inverse.active.btn-retainBg { background: #E299B7; color: white; border-color: #E299B7; } .btn-pink.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-pink.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-pink.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ce5285; border-color: #b03266; } .btn-pink:focus, .btn-pink.focus, .btn-pink:hover, .btn-pink.active { color: white; background: #edc1d3; border-color: #edc1d3; } .btn-pink:active, .btn-pink.active, .btn-pink[aria-expanded="true"], .btn-pink.active:hover, .btn-pink.active:focus, .btn-pink[aria-expanded="true"]:hover, .btn-pink[aria-expanded="true"]:focus, .open > .btn-pink.dropdown-toggle { color: white; background: #ce5285; border-color: #b03266; background-image: none; } .btn-pink.dropdown-toggle + ul li.active a { color: white; background: #E299B7; } .btn-pink.disabled, .btn-pink[disabled], fieldset[disabled] .btn-pink { pointer-events: none; } .btn-pink .badge { color: #E299B7; background-color: #E299B7; } .menu-pink ul li.active a, .menu-pink ul li.active a:hover { color: white; background: #E299B7 !important; } .nav-pink > li.active > a, .nav-pink > rubix-menu > li.active > a, .nav-pink > rubix-nav-item > li.active > a { color: white; background: #E299B7; border-color: #E299B7; } .tab-pink { border-color: #E299B7; } .tab-pink > li.active > a { border-color: #E299B7; border-bottom-color: transparent; } .tab-pink.nav-pills > li.active > a { background: #E299B7; color: white; } .rubix-panel-header.nav-inline .nav-pink > li.active > a { border: 1px solid #E299B7; border-bottom: none; } .rubix-panel-header.nav-inline .nav-pink > li.open > .dropdown-toggle { color: white; background: none; } .bg-pink { background: #E299B7 !important; } .bg-pink table td, .bg-pink th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-pink:focus { background: #E299B7 !important; } .bg-hover-pink:hover { background: #E299B7 !important; } .fg-pink { color: #E299B7; } .fg-pink .nav-tabs > li.active > a { color: #E299B7; } .fg-tab-active-pink .nav-tabs > li.active > a { color: #E299B7 !important; } .fg-focus-pink:focus { color: #E299B7; } .fg-hover-pink:hover { color: #E299B7; } .border-pink { border-color: #E299B7 !important; } .border-pink .rubix-timeline-body > ul { border-color: #E299B7; } .border-pink.rubix-timeline-view:before { border-color: #E299B7; } .border-hover-pink:hover { border-color: #E299B7 !important; } .border-focus-pink:focus { border-color: #E299B7 !important; } .tl-pink .rubix-timeline-body > ul > li:before { border-color: #E299B7; } .list-bg-pink > .list-group-item.active { background: #E299B7 !important; color: white !important; } .list-fg-pink > .list-group-item { color: #E299B7; } .btn-lightpink { background: #ECBCD0; color: white; border-color: #ECBCD0; } .btn-lightpink.btn-outlined { color: #ECBCD0; background: none; } .btn-lightpink.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightpink.btn-outlined.btn-onlyOnHover:hover, .btn-lightpink.btn-outlined.btn-onlyOnHover:focus, .btn-lightpink.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightpink.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightpink.btn-outlined.btn-inverse:hover, .btn-lightpink.btn-outlined.btn-inverse:focus, .btn-lightpink.btn-outlined.btn-inverse.active { color: #ECBCD0; background: white; } .btn-lightpink.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightpink.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightpink.btn-outlined.btn-inverse.active.btn-retainBg { background: #ECBCD0; color: white; border-color: #ECBCD0; } .btn-lightpink.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightpink.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightpink.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #d8749e; border-color: #ca457c; } .btn-lightpink:focus, .btn-lightpink.focus, .btn-lightpink:hover, .btn-lightpink.active { color: white; background: #f7e4ec; border-color: #f7e4ec; } .btn-lightpink:active, .btn-lightpink.active, .btn-lightpink[aria-expanded="true"], .btn-lightpink.active:hover, .btn-lightpink.active:focus, .btn-lightpink[aria-expanded="true"]:hover, .btn-lightpink[aria-expanded="true"]:focus, .open > .btn-lightpink.dropdown-toggle { color: white; background: #d8749e; border-color: #ca457c; background-image: none; } .btn-lightpink.dropdown-toggle + ul li.active a { color: white; background: #ECBCD0; } .btn-lightpink.disabled, .btn-lightpink[disabled], fieldset[disabled] .btn-lightpink { pointer-events: none; } .btn-lightpink .badge { color: #ECBCD0; background-color: #ECBCD0; } .menu-lightpink ul li.active a, .menu-lightpink ul li.active a:hover { color: white; background: #ECBCD0 !important; } .nav-lightpink > li.active > a, .nav-lightpink > rubix-menu > li.active > a, .nav-lightpink > rubix-nav-item > li.active > a { color: white; background: #ECBCD0; border-color: #ECBCD0; } .tab-lightpink { border-color: #ECBCD0; } .tab-lightpink > li.active > a { border-color: #ECBCD0; border-bottom-color: transparent; } .tab-lightpink.nav-pills > li.active > a { background: #ECBCD0; color: white; } .rubix-panel-header.nav-inline .nav-lightpink > li.active > a { border: 1px solid #ECBCD0; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightpink > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightpink { background: #ECBCD0 !important; } .bg-lightpink table td, .bg-lightpink th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightpink:focus { background: #ECBCD0 !important; } .bg-hover-lightpink:hover { background: #ECBCD0 !important; } .fg-lightpink { color: #ECBCD0; } .fg-lightpink .nav-tabs > li.active > a { color: #ECBCD0; } .fg-tab-active-lightpink .nav-tabs > li.active > a { color: #ECBCD0 !important; } .fg-focus-lightpink:focus { color: #ECBCD0; } .fg-hover-lightpink:hover { color: #ECBCD0; } .border-lightpink { border-color: #ECBCD0 !important; } .border-lightpink .rubix-timeline-body > ul { border-color: #ECBCD0; } .border-lightpink.rubix-timeline-view:before { border-color: #ECBCD0; } .border-hover-lightpink:hover { border-color: #ECBCD0 !important; } .border-focus-lightpink:focus { border-color: #ECBCD0 !important; } .tl-lightpink .rubix-timeline-body > ul > li:before { border-color: #ECBCD0; } .list-bg-lightpink > .list-group-item.active { background: #ECBCD0 !important; color: white !important; } .list-fg-lightpink > .list-group-item { color: #ECBCD0; } .btn-paleblue { background: #A5C7EC; color: white; border-color: #A5C7EC; } .btn-paleblue.btn-outlined { color: #A5C7EC; background: none; } .btn-paleblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-paleblue.btn-outlined.btn-onlyOnHover:hover, .btn-paleblue.btn-outlined.btn-onlyOnHover:focus, .btn-paleblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-paleblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-paleblue.btn-outlined.btn-inverse:hover, .btn-paleblue.btn-outlined.btn-inverse:focus, .btn-paleblue.btn-outlined.btn-inverse.active { color: #A5C7EC; background: white; } .btn-paleblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-paleblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-paleblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #A5C7EC; color: white; border-color: #A5C7EC; } .btn-paleblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-paleblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-paleblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #5998dc; border-color: #2b79cd; } .btn-paleblue:focus, .btn-paleblue.focus, .btn-paleblue:hover, .btn-paleblue.active { color: white; background: #cfe1f5; border-color: #cfe1f5; } .btn-paleblue:active, .btn-paleblue.active, .btn-paleblue[aria-expanded="true"], .btn-paleblue.active:hover, .btn-paleblue.active:focus, .btn-paleblue[aria-expanded="true"]:hover, .btn-paleblue[aria-expanded="true"]:focus, .open > .btn-paleblue.dropdown-toggle { color: white; background: #5998dc; border-color: #2b79cd; background-image: none; } .btn-paleblue.dropdown-toggle + ul li.active a { color: white; background: #A5C7EC; } .btn-paleblue.disabled, .btn-paleblue[disabled], fieldset[disabled] .btn-paleblue { pointer-events: none; } .btn-paleblue .badge { color: #A5C7EC; background-color: #A5C7EC; } .menu-paleblue ul li.active a, .menu-paleblue ul li.active a:hover { color: white; background: #A5C7EC !important; } .nav-paleblue > li.active > a, .nav-paleblue > rubix-menu > li.active > a, .nav-paleblue > rubix-nav-item > li.active > a { color: white; background: #A5C7EC; border-color: #A5C7EC; } .tab-paleblue { border-color: #A5C7EC; } .tab-paleblue > li.active > a { border-color: #A5C7EC; border-bottom-color: transparent; } .tab-paleblue.nav-pills > li.active > a { background: #A5C7EC; color: white; } .rubix-panel-header.nav-inline .nav-paleblue > li.active > a { border: 1px solid #A5C7EC; border-bottom: none; } .rubix-panel-header.nav-inline .nav-paleblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-paleblue { background: #A5C7EC !important; } .bg-paleblue table td, .bg-paleblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-paleblue:focus { background: #A5C7EC !important; } .bg-hover-paleblue:hover { background: #A5C7EC !important; } .fg-paleblue { color: #A5C7EC; } .fg-paleblue .nav-tabs > li.active > a { color: #A5C7EC; } .fg-tab-active-paleblue .nav-tabs > li.active > a { color: #A5C7EC !important; } .fg-focus-paleblue:focus { color: #A5C7EC; } .fg-hover-paleblue:hover { color: #A5C7EC; } .border-paleblue { border-color: #A5C7EC !important; } .border-paleblue .rubix-timeline-body > ul { border-color: #A5C7EC; } .border-paleblue.rubix-timeline-view:before { border-color: #A5C7EC; } .border-hover-paleblue:hover { border-color: #A5C7EC !important; } .border-focus-paleblue:focus { border-color: #A5C7EC !important; } .tl-paleblue .rubix-timeline-body > ul > li:before { border-color: #A5C7EC; } .list-bg-paleblue > .list-group-item.active { background: #A5C7EC !important; color: white !important; } .list-fg-paleblue > .list-group-item { color: #A5C7EC; } .btn-palegreen { background: #A0DFCC; color: white; border-color: #A0DFCC; } .btn-palegreen.btn-outlined { color: #A0DFCC; background: none; } .btn-palegreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-palegreen.btn-outlined.btn-onlyOnHover:hover, .btn-palegreen.btn-outlined.btn-onlyOnHover:focus, .btn-palegreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-palegreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-palegreen.btn-outlined.btn-inverse:hover, .btn-palegreen.btn-outlined.btn-inverse:focus, .btn-palegreen.btn-outlined.btn-inverse.active { color: #A0DFCC; background: white; } .btn-palegreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-palegreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-palegreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #A0DFCC; color: white; border-color: #A0DFCC; } .btn-palegreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-palegreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-palegreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #5bc8a7; border-color: #3aac8a; } .btn-palegreen:focus, .btn-palegreen.focus, .btn-palegreen:hover, .btn-palegreen.active { color: white; background: #c6ece0; border-color: #c6ece0; } .btn-palegreen:active, .btn-palegreen.active, .btn-palegreen[aria-expanded="true"], .btn-palegreen.active:hover, .btn-palegreen.active:focus, .btn-palegreen[aria-expanded="true"]:hover, .btn-palegreen[aria-expanded="true"]:focus, .open > .btn-palegreen.dropdown-toggle { color: white; background: #5bc8a7; border-color: #3aac8a; background-image: none; } .btn-palegreen.dropdown-toggle + ul li.active a { color: white; background: #A0DFCC; } .btn-palegreen.disabled, .btn-palegreen[disabled], fieldset[disabled] .btn-palegreen { pointer-events: none; } .btn-palegreen .badge { color: #A0DFCC; background-color: #A0DFCC; } .menu-palegreen ul li.active a, .menu-palegreen ul li.active a:hover { color: white; background: #A0DFCC !important; } .nav-palegreen > li.active > a, .nav-palegreen > rubix-menu > li.active > a, .nav-palegreen > rubix-nav-item > li.active > a { color: white; background: #A0DFCC; border-color: #A0DFCC; } .tab-palegreen { border-color: #A0DFCC; } .tab-palegreen > li.active > a { border-color: #A0DFCC; border-bottom-color: transparent; } .tab-palegreen.nav-pills > li.active > a { background: #A0DFCC; color: white; } .rubix-panel-header.nav-inline .nav-palegreen > li.active > a { border: 1px solid #A0DFCC; border-bottom: none; } .rubix-panel-header.nav-inline .nav-palegreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-palegreen { background: #A0DFCC !important; } .bg-palegreen table td, .bg-palegreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-palegreen:focus { background: #A0DFCC !important; } .bg-hover-palegreen:hover { background: #A0DFCC !important; } .fg-palegreen { color: #A0DFCC; } .fg-palegreen .nav-tabs > li.active > a { color: #A0DFCC; } .fg-tab-active-palegreen .nav-tabs > li.active > a { color: #A0DFCC !important; } .fg-focus-palegreen:focus { color: #A0DFCC; } .fg-hover-palegreen:hover { color: #A0DFCC; } .border-palegreen { border-color: #A0DFCC !important; } .border-palegreen .rubix-timeline-body > ul { border-color: #A0DFCC; } .border-palegreen.rubix-timeline-view:before { border-color: #A0DFCC; } .border-hover-palegreen:hover { border-color: #A0DFCC !important; } .border-focus-palegreen:focus { border-color: #A0DFCC !important; } .tl-palegreen .rubix-timeline-body > ul > li:before { border-color: #A0DFCC; } .list-bg-palegreen > .list-group-item.active { background: #A0DFCC !important; color: white !important; } .list-fg-palegreen > .list-group-item { color: #A0DFCC; } .btn-palepink { background: #E394B3; color: white; border-color: #E394B3; } .btn-palepink.btn-outlined { color: #E394B3; background: none; } .btn-palepink.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-palepink.btn-outlined.btn-onlyOnHover:hover, .btn-palepink.btn-outlined.btn-onlyOnHover:focus, .btn-palepink.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-palepink.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-palepink.btn-outlined.btn-inverse:hover, .btn-palepink.btn-outlined.btn-inverse:focus, .btn-palepink.btn-outlined.btn-inverse.active { color: #E394B3; background: white; } .btn-palepink.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-palepink.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-palepink.btn-outlined.btn-inverse.active.btn-retainBg { background: #E394B3; color: white; border-color: #E394B3; } .btn-palepink.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-palepink.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-palepink.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #d04b7f; border-color: #b02e61; } .btn-palepink:focus, .btn-palepink.focus, .btn-palepink:hover, .btn-palepink.active { color: white; background: #eebcd0; border-color: #eebcd0; } .btn-palepink:active, .btn-palepink.active, .btn-palepink[aria-expanded="true"], .btn-palepink.active:hover, .btn-palepink.active:focus, .btn-palepink[aria-expanded="true"]:hover, .btn-palepink[aria-expanded="true"]:focus, .open > .btn-palepink.dropdown-toggle { color: white; background: #d04b7f; border-color: #b02e61; background-image: none; } .btn-palepink.dropdown-toggle + ul li.active a { color: white; background: #E394B3; } .btn-palepink.disabled, .btn-palepink[disabled], fieldset[disabled] .btn-palepink { pointer-events: none; } .btn-palepink .badge { color: #E394B3; background-color: #E394B3; } .menu-palepink ul li.active a, .menu-palepink ul li.active a:hover { color: white; background: #E394B3 !important; } .nav-palepink > li.active > a, .nav-palepink > rubix-menu > li.active > a, .nav-palepink > rubix-nav-item > li.active > a { color: white; background: #E394B3; border-color: #E394B3; } .tab-palepink { border-color: #E394B3; } .tab-palepink > li.active > a { border-color: #E394B3; border-bottom-color: transparent; } .tab-palepink.nav-pills > li.active > a { background: #E394B3; color: white; } .rubix-panel-header.nav-inline .nav-palepink > li.active > a { border: 1px solid #E394B3; border-bottom: none; } .rubix-panel-header.nav-inline .nav-palepink > li.open > .dropdown-toggle { color: white; background: none; } .bg-palepink { background: #E394B3 !important; } .bg-palepink table td, .bg-palepink th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-palepink:focus { background: #E394B3 !important; } .bg-hover-palepink:hover { background: #E394B3 !important; } .fg-palepink { color: #E394B3; } .fg-palepink .nav-tabs > li.active > a { color: #E394B3; } .fg-tab-active-palepink .nav-tabs > li.active > a { color: #E394B3 !important; } .fg-focus-palepink:focus { color: #E394B3; } .fg-hover-palepink:hover { color: #E394B3; } .border-palepink { border-color: #E394B3 !important; } .border-palepink .rubix-timeline-body > ul { border-color: #E394B3; } .border-palepink.rubix-timeline-view:before { border-color: #E394B3; } .border-hover-palepink:hover { border-color: #E394B3 !important; } .border-focus-palepink:focus { border-color: #E394B3 !important; } .tl-palepink .rubix-timeline-body > ul > li:before { border-color: #E394B3; } .list-bg-palepink > .list-group-item.active { background: #E394B3 !important; color: white !important; } .list-fg-palepink > .list-group-item { color: #E394B3; } .btn-brownishgray { background: #64584C; color: white; border-color: #64584C; } .btn-brownishgray.btn-outlined { color: #64584C; background: none; } .btn-brownishgray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brownishgray.btn-outlined.btn-onlyOnHover:hover, .btn-brownishgray.btn-outlined.btn-onlyOnHover:focus, .btn-brownishgray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brownishgray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brownishgray.btn-outlined.btn-inverse:hover, .btn-brownishgray.btn-outlined.btn-inverse:focus, .btn-brownishgray.btn-outlined.btn-inverse.active { color: #64584C; background: white; } .btn-brownishgray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brownishgray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brownishgray.btn-outlined.btn-inverse.active.btn-retainBg { background: #64584C; color: white; border-color: #64584C; } .btn-brownishgray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brownishgray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brownishgray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #302a24; border-color: #0d0c0a; } .btn-brownishgray:focus, .btn-brownishgray.focus, .btn-brownishgray:hover, .btn-brownishgray.active { color: white; background: #817262; border-color: #817262; } .btn-brownishgray:active, .btn-brownishgray.active, .btn-brownishgray[aria-expanded="true"], .btn-brownishgray.active:hover, .btn-brownishgray.active:focus, .btn-brownishgray[aria-expanded="true"]:hover, .btn-brownishgray[aria-expanded="true"]:focus, .open > .btn-brownishgray.dropdown-toggle { color: white; background: #302a24; border-color: #0d0c0a; background-image: none; } .btn-brownishgray.dropdown-toggle + ul li.active a { color: white; background: #64584C; } .btn-brownishgray.disabled, .btn-brownishgray[disabled], fieldset[disabled] .btn-brownishgray { pointer-events: none; } .btn-brownishgray .badge { color: #64584C; background-color: #64584C; } .menu-brownishgray ul li.active a, .menu-brownishgray ul li.active a:hover { color: white; background: #64584C !important; } .nav-brownishgray > li.active > a, .nav-brownishgray > rubix-menu > li.active > a, .nav-brownishgray > rubix-nav-item > li.active > a { color: white; background: #64584C; border-color: #64584C; } .tab-brownishgray { border-color: #64584C; } .tab-brownishgray > li.active > a { border-color: #64584C; border-bottom-color: transparent; } .tab-brownishgray.nav-pills > li.active > a { background: #64584C; color: white; } .rubix-panel-header.nav-inline .nav-brownishgray > li.active > a { border: 1px solid #64584C; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brownishgray > li.open > .dropdown-toggle { color: white; background: none; } .bg-brownishgray { background: #64584C !important; } .bg-brownishgray table td, .bg-brownishgray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brownishgray:focus { background: #64584C !important; } .bg-hover-brownishgray:hover { background: #64584C !important; } .fg-brownishgray { color: #64584C; } .fg-brownishgray .nav-tabs > li.active > a { color: #64584C; } .fg-tab-active-brownishgray .nav-tabs > li.active > a { color: #64584C !important; } .fg-focus-brownishgray:focus { color: #64584C; } .fg-hover-brownishgray:hover { color: #64584C; } .border-brownishgray { border-color: #64584C !important; } .border-brownishgray .rubix-timeline-body > ul { border-color: #64584C; } .border-brownishgray.rubix-timeline-view:before { border-color: #64584C; } .border-hover-brownishgray:hover { border-color: #64584C !important; } .border-focus-brownishgray:focus { border-color: #64584C !important; } .tl-brownishgray .rubix-timeline-body > ul > li:before { border-color: #64584C; } .list-bg-brownishgray > .list-group-item.active { background: #64584C !important; color: white !important; } .list-fg-brownishgray > .list-group-item { color: #64584C; } .btn-brownishgray75 { background: #776B5F; color: white; border-color: #776B5F; } .btn-brownishgray75.btn-outlined { color: #776B5F; background: none; } .btn-brownishgray75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brownishgray75.btn-outlined.btn-onlyOnHover:hover, .btn-brownishgray75.btn-outlined.btn-onlyOnHover:focus, .btn-brownishgray75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brownishgray75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brownishgray75.btn-outlined.btn-inverse:hover, .btn-brownishgray75.btn-outlined.btn-inverse:focus, .btn-brownishgray75.btn-outlined.btn-inverse.active { color: #776B5F; background: white; } .btn-brownishgray75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brownishgray75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brownishgray75.btn-outlined.btn-inverse.active.btn-retainBg { background: #776B5F; color: white; border-color: #776B5F; } .btn-brownishgray75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brownishgray75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brownishgray75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #443d36; border-color: #221f1b; } .btn-brownishgray75:focus, .btn-brownishgray75.focus, .btn-brownishgray75:hover, .btn-brownishgray75.active { color: white; background: #928577; border-color: #928577; } .btn-brownishgray75:active, .btn-brownishgray75.active, .btn-brownishgray75[aria-expanded="true"], .btn-brownishgray75.active:hover, .btn-brownishgray75.active:focus, .btn-brownishgray75[aria-expanded="true"]:hover, .btn-brownishgray75[aria-expanded="true"]:focus, .open > .btn-brownishgray75.dropdown-toggle { color: white; background: #443d36; border-color: #221f1b; background-image: none; } .btn-brownishgray75.dropdown-toggle + ul li.active a { color: white; background: #776B5F; } .btn-brownishgray75.disabled, .btn-brownishgray75[disabled], fieldset[disabled] .btn-brownishgray75 { pointer-events: none; } .btn-brownishgray75 .badge { color: #776B5F; background-color: #776B5F; } .menu-brownishgray75 ul li.active a, .menu-brownishgray75 ul li.active a:hover { color: white; background: #776B5F !important; } .nav-brownishgray75 > li.active > a, .nav-brownishgray75 > rubix-menu > li.active > a, .nav-brownishgray75 > rubix-nav-item > li.active > a { color: white; background: #776B5F; border-color: #776B5F; } .tab-brownishgray75 { border-color: #776B5F; } .tab-brownishgray75 > li.active > a { border-color: #776B5F; border-bottom-color: transparent; } .tab-brownishgray75.nav-pills > li.active > a { background: #776B5F; color: white; } .rubix-panel-header.nav-inline .nav-brownishgray75 > li.active > a { border: 1px solid #776B5F; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brownishgray75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-brownishgray75 { background: #776B5F !important; } .bg-brownishgray75 table td, .bg-brownishgray75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brownishgray75:focus { background: #776B5F !important; } .bg-hover-brownishgray75:hover { background: #776B5F !important; } .fg-brownishgray75 { color: #776B5F; } .fg-brownishgray75 .nav-tabs > li.active > a { color: #776B5F; } .fg-tab-active-brownishgray75 .nav-tabs > li.active > a { color: #776B5F !important; } .fg-focus-brownishgray75:focus { color: #776B5F; } .fg-hover-brownishgray75:hover { color: #776B5F; } .border-brownishgray75 { border-color: #776B5F !important; } .border-brownishgray75 .rubix-timeline-body > ul { border-color: #776B5F; } .border-brownishgray75.rubix-timeline-view:before { border-color: #776B5F; } .border-hover-brownishgray75:hover { border-color: #776B5F !important; } .border-focus-brownishgray75:focus { border-color: #776B5F !important; } .tl-brownishgray75 .rubix-timeline-body > ul > li:before { border-color: #776B5F; } .list-bg-brownishgray75 > .list-group-item.active { background: #776B5F !important; color: white !important; } .list-fg-brownishgray75 > .list-group-item { color: #776B5F; } .btn-gray { background: #EAEDF1; color: white; border-color: #EAEDF1; } .btn-gray.btn-outlined { color: #EAEDF1; background: none; } .btn-gray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-gray.btn-outlined.btn-onlyOnHover:hover, .btn-gray.btn-outlined.btn-onlyOnHover:focus, .btn-gray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-gray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-gray.btn-outlined.btn-inverse:hover, .btn-gray.btn-outlined.btn-inverse:focus, .btn-gray.btn-outlined.btn-inverse.active { color: #EAEDF1; background: white; } .btn-gray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-gray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-gray.btn-outlined.btn-inverse.active.btn-retainBg { background: #EAEDF1; color: white; border-color: #EAEDF1; } .btn-gray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-gray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-gray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #b3becc; border-color: #8e9eb4; } .btn-gray:focus, .btn-gray.focus, .btn-gray:hover, .btn-gray.active { color: white; background: white; border-color: white; } .btn-gray:active, .btn-gray.active, .btn-gray[aria-expanded="true"], .btn-gray.active:hover, .btn-gray.active:focus, .btn-gray[aria-expanded="true"]:hover, .btn-gray[aria-expanded="true"]:focus, .open > .btn-gray.dropdown-toggle { color: white; background: #b3becc; border-color: #8e9eb4; background-image: none; } .btn-gray.dropdown-toggle + ul li.active a { color: white; background: #EAEDF1; } .btn-gray.disabled, .btn-gray[disabled], fieldset[disabled] .btn-gray { pointer-events: none; } .btn-gray .badge { color: #EAEDF1; background-color: #EAEDF1; } .menu-gray ul li.active a, .menu-gray ul li.active a:hover { color: white; background: #EAEDF1 !important; } .nav-gray > li.active > a, .nav-gray > rubix-menu > li.active > a, .nav-gray > rubix-nav-item > li.active > a { color: white; background: #EAEDF1; border-color: #EAEDF1; } .tab-gray { border-color: #EAEDF1; } .tab-gray > li.active > a { border-color: #EAEDF1; border-bottom-color: transparent; } .tab-gray.nav-pills > li.active > a { background: #EAEDF1; color: white; } .rubix-panel-header.nav-inline .nav-gray > li.active > a { border: 1px solid #EAEDF1; border-bottom: none; } .rubix-panel-header.nav-inline .nav-gray > li.open > .dropdown-toggle { color: white; background: none; } .bg-gray { background: #EAEDF1 !important; } .bg-gray table td, .bg-gray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-gray:focus { background: #EAEDF1 !important; } .bg-hover-gray:hover { background: #EAEDF1 !important; } .fg-gray { color: #EAEDF1; } .fg-gray .nav-tabs > li.active > a { color: #EAEDF1; } .fg-tab-active-gray .nav-tabs > li.active > a { color: #EAEDF1 !important; } .fg-focus-gray:focus { color: #EAEDF1; } .fg-hover-gray:hover { color: #EAEDF1; } .border-gray { border-color: #EAEDF1 !important; } .border-gray .rubix-timeline-body > ul { border-color: #EAEDF1; } .border-gray.rubix-timeline-view:before { border-color: #EAEDF1; } .border-hover-gray:hover { border-color: #EAEDF1 !important; } .border-focus-gray:focus { border-color: #EAEDF1 !important; } .tl-gray .rubix-timeline-body > ul > li:before { border-color: #EAEDF1; } .list-bg-gray > .list-group-item.active { background: #EAEDF1 !important; color: white !important; } .list-fg-gray > .list-group-item { color: #EAEDF1; } .btn-darkgray { background: #999895; color: white; border-color: #999895; } .btn-darkgray.btn-outlined { color: #999895; background: none; } .btn-darkgray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgray.btn-outlined.btn-onlyOnHover:hover, .btn-darkgray.btn-outlined.btn-onlyOnHover:focus, .btn-darkgray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgray.btn-outlined.btn-inverse:hover, .btn-darkgray.btn-outlined.btn-inverse:focus, .btn-darkgray.btn-outlined.btn-inverse.active { color: #999895; background: white; } .btn-darkgray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgray.btn-outlined.btn-inverse.active.btn-retainBg { background: #999895; color: white; border-color: #999895; } .btn-darkgray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #6b6a67; border-color: #4c4b49; } .btn-darkgray:focus, .btn-darkgray.focus, .btn-darkgray:hover, .btn-darkgray.active { color: white; background: #b2b1af; border-color: #b2b1af; } .btn-darkgray:active, .btn-darkgray.active, .btn-darkgray[aria-expanded="true"], .btn-darkgray.active:hover, .btn-darkgray.active:focus, .btn-darkgray[aria-expanded="true"]:hover, .btn-darkgray[aria-expanded="true"]:focus, .open > .btn-darkgray.dropdown-toggle { color: white; background: #6b6a67; border-color: #4c4b49; background-image: none; } .btn-darkgray.dropdown-toggle + ul li.active a { color: white; background: #999895; } .btn-darkgray.disabled, .btn-darkgray[disabled], fieldset[disabled] .btn-darkgray { pointer-events: none; } .btn-darkgray .badge { color: #999895; background-color: #999895; } .menu-darkgray ul li.active a, .menu-darkgray ul li.active a:hover { color: white; background: #999895 !important; } .nav-darkgray > li.active > a, .nav-darkgray > rubix-menu > li.active > a, .nav-darkgray > rubix-nav-item > li.active > a { color: white; background: #999895; border-color: #999895; } .tab-darkgray { border-color: #999895; } .tab-darkgray > li.active > a { border-color: #999895; border-bottom-color: transparent; } .tab-darkgray.nav-pills > li.active > a { background: #999895; color: white; } .rubix-panel-header.nav-inline .nav-darkgray > li.active > a { border: 1px solid #999895; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgray > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgray { background: #999895 !important; } .bg-darkgray table td, .bg-darkgray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgray:focus { background: #999895 !important; } .bg-hover-darkgray:hover { background: #999895 !important; } .fg-darkgray { color: #999895; } .fg-darkgray .nav-tabs > li.active > a { color: #999895; } .fg-tab-active-darkgray .nav-tabs > li.active > a { color: #999895 !important; } .fg-focus-darkgray:focus { color: #999895; } .fg-hover-darkgray:hover { color: #999895; } .border-darkgray { border-color: #999895 !important; } .border-darkgray .rubix-timeline-body > ul { border-color: #999895; } .border-darkgray.rubix-timeline-view:before { border-color: #999895; } .border-hover-darkgray:hover { border-color: #999895 !important; } .border-focus-darkgray:focus { border-color: #999895 !important; } .tl-darkgray .rubix-timeline-body > ul > li:before { border-color: #999895; } .list-bg-darkgray > .list-group-item.active { background: #999895 !important; color: white !important; } .list-fg-darkgray > .list-group-item { color: #999895; } .btn-darkgray75 { background: #B8B6B0; color: white; border-color: #B8B6B0; } .btn-darkgray75.btn-outlined { color: #B8B6B0; background: none; } .btn-darkgray75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgray75.btn-outlined.btn-onlyOnHover:hover, .btn-darkgray75.btn-outlined.btn-onlyOnHover:focus, .btn-darkgray75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgray75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgray75.btn-outlined.btn-inverse:hover, .btn-darkgray75.btn-outlined.btn-inverse:focus, .btn-darkgray75.btn-outlined.btn-inverse.active { color: #B8B6B0; background: white; } .btn-darkgray75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgray75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgray75.btn-outlined.btn-inverse.active.btn-retainBg { background: #B8B6B0; color: white; border-color: #B8B6B0; } .btn-darkgray75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgray75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgray75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #8d8980; border-color: #6d6a62; } .btn-darkgray75:focus, .btn-darkgray75.focus, .btn-darkgray75:hover, .btn-darkgray75.active { color: white; background: #d0cfcb; border-color: #d0cfcb; } .btn-darkgray75:active, .btn-darkgray75.active, .btn-darkgray75[aria-expanded="true"], .btn-darkgray75.active:hover, .btn-darkgray75.active:focus, .btn-darkgray75[aria-expanded="true"]:hover, .btn-darkgray75[aria-expanded="true"]:focus, .open > .btn-darkgray75.dropdown-toggle { color: white; background: #8d8980; border-color: #6d6a62; background-image: none; } .btn-darkgray75.dropdown-toggle + ul li.active a { color: white; background: #B8B6B0; } .btn-darkgray75.disabled, .btn-darkgray75[disabled], fieldset[disabled] .btn-darkgray75 { pointer-events: none; } .btn-darkgray75 .badge { color: #B8B6B0; background-color: #B8B6B0; } .menu-darkgray75 ul li.active a, .menu-darkgray75 ul li.active a:hover { color: white; background: #B8B6B0 !important; } .nav-darkgray75 > li.active > a, .nav-darkgray75 > rubix-menu > li.active > a, .nav-darkgray75 > rubix-nav-item > li.active > a { color: white; background: #B8B6B0; border-color: #B8B6B0; } .tab-darkgray75 { border-color: #B8B6B0; } .tab-darkgray75 > li.active > a { border-color: #B8B6B0; border-bottom-color: transparent; } .tab-darkgray75.nav-pills > li.active > a { background: #B8B6B0; color: white; } .rubix-panel-header.nav-inline .nav-darkgray75 > li.active > a { border: 1px solid #B8B6B0; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgray75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgray75 { background: #B8B6B0 !important; } .bg-darkgray75 table td, .bg-darkgray75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgray75:focus { background: #B8B6B0 !important; } .bg-hover-darkgray75:hover { background: #B8B6B0 !important; } .fg-darkgray75 { color: #B8B6B0; } .fg-darkgray75 .nav-tabs > li.active > a { color: #B8B6B0; } .fg-tab-active-darkgray75 .nav-tabs > li.active > a { color: #B8B6B0 !important; } .fg-focus-darkgray75:focus { color: #B8B6B0; } .fg-hover-darkgray75:hover { color: #B8B6B0; } .border-darkgray75 { border-color: #B8B6B0 !important; } .border-darkgray75 .rubix-timeline-body > ul { border-color: #B8B6B0; } .border-darkgray75.rubix-timeline-view:before { border-color: #B8B6B0; } .border-hover-darkgray75:hover { border-color: #B8B6B0 !important; } .border-focus-darkgray75:focus { border-color: #B8B6B0 !important; } .tl-darkgray75 .rubix-timeline-body > ul > li:before { border-color: #B8B6B0; } .list-bg-darkgray75 > .list-group-item.active { background: #B8B6B0 !important; color: white !important; } .list-fg-darkgray75 > .list-group-item { color: #B8B6B0; } .btn-darkgray50 { background: #B8C3C8; color: white; border-color: #B8C3C8; } .btn-darkgray50.btn-outlined { color: #B8C3C8; background: none; } .btn-darkgray50.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgray50.btn-outlined.btn-onlyOnHover:hover, .btn-darkgray50.btn-outlined.btn-onlyOnHover:focus, .btn-darkgray50.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgray50.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgray50.btn-outlined.btn-inverse:hover, .btn-darkgray50.btn-outlined.btn-inverse:focus, .btn-darkgray50.btn-outlined.btn-inverse.active { color: #B8C3C8; background: white; } .btn-darkgray50.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgray50.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgray50.btn-outlined.btn-inverse.active.btn-retainBg { background: #B8C3C8; color: white; border-color: #B8C3C8; } .btn-darkgray50.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgray50.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgray50.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #8497a0; border-color: #657982; } .btn-darkgray50:focus, .btn-darkgray50.focus, .btn-darkgray50:hover, .btn-darkgray50.active { color: white; background: #d5dbde; border-color: #d5dbde; } .btn-darkgray50:active, .btn-darkgray50.active, .btn-darkgray50[aria-expanded="true"], .btn-darkgray50.active:hover, .btn-darkgray50.active:focus, .btn-darkgray50[aria-expanded="true"]:hover, .btn-darkgray50[aria-expanded="true"]:focus, .open > .btn-darkgray50.dropdown-toggle { color: white; background: #8497a0; border-color: #657982; background-image: none; } .btn-darkgray50.dropdown-toggle + ul li.active a { color: white; background: #B8C3C8; } .btn-darkgray50.disabled, .btn-darkgray50[disabled], fieldset[disabled] .btn-darkgray50 { pointer-events: none; } .btn-darkgray50 .badge { color: #B8C3C8; background-color: #B8C3C8; } .menu-darkgray50 ul li.active a, .menu-darkgray50 ul li.active a:hover { color: white; background: #B8C3C8 !important; } .nav-darkgray50 > li.active > a, .nav-darkgray50 > rubix-menu > li.active > a, .nav-darkgray50 > rubix-nav-item > li.active > a { color: white; background: #B8C3C8; border-color: #B8C3C8; } .tab-darkgray50 { border-color: #B8C3C8; } .tab-darkgray50 > li.active > a { border-color: #B8C3C8; border-bottom-color: transparent; } .tab-darkgray50.nav-pills > li.active > a { background: #B8C3C8; color: white; } .rubix-panel-header.nav-inline .nav-darkgray50 > li.active > a { border: 1px solid #B8C3C8; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgray50 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgray50 { background: #B8C3C8 !important; } .bg-darkgray50 table td, .bg-darkgray50 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgray50:focus { background: #B8C3C8 !important; } .bg-hover-darkgray50:hover { background: #B8C3C8 !important; } .fg-darkgray50 { color: #B8C3C8; } .fg-darkgray50 .nav-tabs > li.active > a { color: #B8C3C8; } .fg-tab-active-darkgray50 .nav-tabs > li.active > a { color: #B8C3C8 !important; } .fg-focus-darkgray50:focus { color: #B8C3C8; } .fg-hover-darkgray50:hover { color: #B8C3C8; } .border-darkgray50 { border-color: #B8C3C8 !important; } .border-darkgray50 .rubix-timeline-body > ul { border-color: #B8C3C8; } .border-darkgray50.rubix-timeline-view:before { border-color: #B8C3C8; } .border-hover-darkgray50:hover { border-color: #B8C3C8 !important; } .border-focus-darkgray50:focus { border-color: #B8C3C8 !important; } .tl-darkgray50 .rubix-timeline-body > ul > li:before { border-color: #B8C3C8; } .list-bg-darkgray50 > .list-group-item.active { background: #B8C3C8 !important; color: white !important; } .list-fg-darkgray50 > .list-group-item { color: #B8C3C8; } .btn-darkgray40 { background: #CDCCC8; color: white; border-color: #CDCCC8; } .btn-darkgray40.btn-outlined { color: #CDCCC8; background: none; } .btn-darkgray40.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgray40.btn-outlined.btn-onlyOnHover:hover, .btn-darkgray40.btn-outlined.btn-onlyOnHover:focus, .btn-darkgray40.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgray40.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgray40.btn-outlined.btn-inverse:hover, .btn-darkgray40.btn-outlined.btn-inverse:focus, .btn-darkgray40.btn-outlined.btn-inverse.active { color: #CDCCC8; background: white; } .btn-darkgray40.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgray40.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgray40.btn-outlined.btn-inverse.active.btn-retainBg { background: #CDCCC8; color: white; border-color: #CDCCC8; } .btn-darkgray40.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgray40.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgray40.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #a19f98; border-color: #848278; } .btn-darkgray40:focus, .btn-darkgray40.focus, .btn-darkgray40:hover, .btn-darkgray40.active { color: white; background: #e5e5e3; border-color: #e5e5e3; } .btn-darkgray40:active, .btn-darkgray40.active, .btn-darkgray40[aria-expanded="true"], .btn-darkgray40.active:hover, .btn-darkgray40.active:focus, .btn-darkgray40[aria-expanded="true"]:hover, .btn-darkgray40[aria-expanded="true"]:focus, .open > .btn-darkgray40.dropdown-toggle { color: white; background: #a19f98; border-color: #848278; background-image: none; } .btn-darkgray40.dropdown-toggle + ul li.active a { color: white; background: #CDCCC8; } .btn-darkgray40.disabled, .btn-darkgray40[disabled], fieldset[disabled] .btn-darkgray40 { pointer-events: none; } .btn-darkgray40 .badge { color: #CDCCC8; background-color: #CDCCC8; } .menu-darkgray40 ul li.active a, .menu-darkgray40 ul li.active a:hover { color: white; background: #CDCCC8 !important; } .nav-darkgray40 > li.active > a, .nav-darkgray40 > rubix-menu > li.active > a, .nav-darkgray40 > rubix-nav-item > li.active > a { color: white; background: #CDCCC8; border-color: #CDCCC8; } .tab-darkgray40 { border-color: #CDCCC8; } .tab-darkgray40 > li.active > a { border-color: #CDCCC8; border-bottom-color: transparent; } .tab-darkgray40.nav-pills > li.active > a { background: #CDCCC8; color: white; } .rubix-panel-header.nav-inline .nav-darkgray40 > li.active > a { border: 1px solid #CDCCC8; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgray40 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgray40 { background: #CDCCC8 !important; } .bg-darkgray40 table td, .bg-darkgray40 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgray40:focus { background: #CDCCC8 !important; } .bg-hover-darkgray40:hover { background: #CDCCC8 !important; } .fg-darkgray40 { color: #CDCCC8; } .fg-darkgray40 .nav-tabs > li.active > a { color: #CDCCC8; } .fg-tab-active-darkgray40 .nav-tabs > li.active > a { color: #CDCCC8 !important; } .fg-focus-darkgray40:focus { color: #CDCCC8; } .fg-hover-darkgray40:hover { color: #CDCCC8; } .border-darkgray40 { border-color: #CDCCC8 !important; } .border-darkgray40 .rubix-timeline-body > ul { border-color: #CDCCC8; } .border-darkgray40.rubix-timeline-view:before { border-color: #CDCCC8; } .border-hover-darkgray40:hover { border-color: #CDCCC8 !important; } .border-focus-darkgray40:focus { border-color: #CDCCC8 !important; } .tl-darkgray40 .rubix-timeline-body > ul > li:before { border-color: #CDCCC8; } .list-bg-darkgray40 > .list-group-item.active { background: #CDCCC8 !important; color: white !important; } .list-fg-darkgray40 > .list-group-item { color: #CDCCC8; } .btn-darkgray25 { background: #DCDBD8; color: white; border-color: #DCDBD8; } .btn-darkgray25.btn-outlined { color: #DCDBD8; background: none; } .btn-darkgray25.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgray25.btn-outlined.btn-onlyOnHover:hover, .btn-darkgray25.btn-outlined.btn-onlyOnHover:focus, .btn-darkgray25.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgray25.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgray25.btn-outlined.btn-inverse:hover, .btn-darkgray25.btn-outlined.btn-inverse:focus, .btn-darkgray25.btn-outlined.btn-inverse.active { color: #DCDBD8; background: white; } .btn-darkgray25.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgray25.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgray25.btn-outlined.btn-inverse.active.btn-retainBg { background: #DCDBD8; color: white; border-color: #DCDBD8; } .btn-darkgray25.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgray25.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgray25.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #b1aea8; border-color: #949187; } .btn-darkgray25:focus, .btn-darkgray25.focus, .btn-darkgray25:hover, .btn-darkgray25.active { color: white; background: #f4f4f3; border-color: #f4f4f3; } .btn-darkgray25:active, .btn-darkgray25.active, .btn-darkgray25[aria-expanded="true"], .btn-darkgray25.active:hover, .btn-darkgray25.active:focus, .btn-darkgray25[aria-expanded="true"]:hover, .btn-darkgray25[aria-expanded="true"]:focus, .open > .btn-darkgray25.dropdown-toggle { color: white; background: #b1aea8; border-color: #949187; background-image: none; } .btn-darkgray25.dropdown-toggle + ul li.active a { color: white; background: #DCDBD8; } .btn-darkgray25.disabled, .btn-darkgray25[disabled], fieldset[disabled] .btn-darkgray25 { pointer-events: none; } .btn-darkgray25 .badge { color: #DCDBD8; background-color: #DCDBD8; } .menu-darkgray25 ul li.active a, .menu-darkgray25 ul li.active a:hover { color: white; background: #DCDBD8 !important; } .nav-darkgray25 > li.active > a, .nav-darkgray25 > rubix-menu > li.active > a, .nav-darkgray25 > rubix-nav-item > li.active > a { color: white; background: #DCDBD8; border-color: #DCDBD8; } .tab-darkgray25 { border-color: #DCDBD8; } .tab-darkgray25 > li.active > a { border-color: #DCDBD8; border-bottom-color: transparent; } .tab-darkgray25.nav-pills > li.active > a { background: #DCDBD8; color: white; } .rubix-panel-header.nav-inline .nav-darkgray25 > li.active > a { border: 1px solid #DCDBD8; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgray25 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgray25 { background: #DCDBD8 !important; } .bg-darkgray25 table td, .bg-darkgray25 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgray25:focus { background: #DCDBD8 !important; } .bg-hover-darkgray25:hover { background: #DCDBD8 !important; } .fg-darkgray25 { color: #DCDBD8; } .fg-darkgray25 .nav-tabs > li.active > a { color: #DCDBD8; } .fg-tab-active-darkgray25 .nav-tabs > li.active > a { color: #DCDBD8 !important; } .fg-focus-darkgray25:focus { color: #DCDBD8; } .fg-hover-darkgray25:hover { color: #DCDBD8; } .border-darkgray25 { border-color: #DCDBD8 !important; } .border-darkgray25 .rubix-timeline-body > ul { border-color: #DCDBD8; } .border-darkgray25.rubix-timeline-view:before { border-color: #DCDBD8; } .border-hover-darkgray25:hover { border-color: #DCDBD8 !important; } .border-focus-darkgray25:focus { border-color: #DCDBD8 !important; } .tl-darkgray25 .rubix-timeline-body > ul > li:before { border-color: #DCDBD8; } .list-bg-darkgray25 > .list-group-item.active { background: #DCDBD8 !important; color: white !important; } .list-fg-darkgray25 > .list-group-item { color: #DCDBD8; } .btn-lightgray { background: #EEEDEB; color: white; border-color: #EEEDEB; } .btn-lightgray.btn-outlined { color: #EEEDEB; background: none; } .btn-lightgray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightgray.btn-outlined.btn-onlyOnHover:hover, .btn-lightgray.btn-outlined.btn-onlyOnHover:focus, .btn-lightgray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightgray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightgray.btn-outlined.btn-inverse:hover, .btn-lightgray.btn-outlined.btn-inverse:focus, .btn-lightgray.btn-outlined.btn-inverse.active { color: #EEEDEB; background: white; } .btn-lightgray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightgray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightgray.btn-outlined.btn-inverse.active.btn-retainBg { background: #EEEDEB; color: white; border-color: #EEEDEB; } .btn-lightgray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightgray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightgray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #c4c0b9; border-color: #a8a398; } .btn-lightgray:focus, .btn-lightgray.focus, .btn-lightgray:hover, .btn-lightgray.active { color: white; background: white; border-color: white; } .btn-lightgray:active, .btn-lightgray.active, .btn-lightgray[aria-expanded="true"], .btn-lightgray.active:hover, .btn-lightgray.active:focus, .btn-lightgray[aria-expanded="true"]:hover, .btn-lightgray[aria-expanded="true"]:focus, .open > .btn-lightgray.dropdown-toggle { color: white; background: #c4c0b9; border-color: #a8a398; background-image: none; } .btn-lightgray.dropdown-toggle + ul li.active a { color: white; background: #EEEDEB; } .btn-lightgray.disabled, .btn-lightgray[disabled], fieldset[disabled] .btn-lightgray { pointer-events: none; } .btn-lightgray .badge { color: #EEEDEB; background-color: #EEEDEB; } .menu-lightgray ul li.active a, .menu-lightgray ul li.active a:hover { color: white; background: #EEEDEB !important; } .nav-lightgray > li.active > a, .nav-lightgray > rubix-menu > li.active > a, .nav-lightgray > rubix-nav-item > li.active > a { color: white; background: #EEEDEB; border-color: #EEEDEB; } .tab-lightgray { border-color: #EEEDEB; } .tab-lightgray > li.active > a { border-color: #EEEDEB; border-bottom-color: transparent; } .tab-lightgray.nav-pills > li.active > a { background: #EEEDEB; color: white; } .rubix-panel-header.nav-inline .nav-lightgray > li.active > a { border: 1px solid #EEEDEB; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightgray > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightgray { background: #EEEDEB !important; } .bg-lightgray table td, .bg-lightgray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightgray:focus { background: #EEEDEB !important; } .bg-hover-lightgray:hover { background: #EEEDEB !important; } .fg-lightgray { color: #EEEDEB; } .fg-lightgray .nav-tabs > li.active > a { color: #EEEDEB; } .fg-tab-active-lightgray .nav-tabs > li.active > a { color: #EEEDEB !important; } .fg-focus-lightgray:focus { color: #EEEDEB; } .fg-hover-lightgray:hover { color: #EEEDEB; } .border-lightgray { border-color: #EEEDEB !important; } .border-lightgray .rubix-timeline-body > ul { border-color: #EEEDEB; } .border-lightgray.rubix-timeline-view:before { border-color: #EEEDEB; } .border-hover-lightgray:hover { border-color: #EEEDEB !important; } .border-focus-lightgray:focus { border-color: #EEEDEB !important; } .tl-lightgray .rubix-timeline-body > ul > li:before { border-color: #EEEDEB; } .list-bg-lightgray > .list-group-item.active { background: #EEEDEB !important; color: white !important; } .list-fg-lightgray > .list-group-item { color: #EEEDEB; } .btn-lightgray50 { background: #F1F0EE; color: white; border-color: #F1F0EE; } .btn-lightgray50.btn-outlined { color: #F1F0EE; background: none; } .btn-lightgray50.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightgray50.btn-outlined.btn-onlyOnHover:hover, .btn-lightgray50.btn-outlined.btn-onlyOnHover:focus, .btn-lightgray50.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightgray50.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightgray50.btn-outlined.btn-inverse:hover, .btn-lightgray50.btn-outlined.btn-inverse:focus, .btn-lightgray50.btn-outlined.btn-inverse.active { color: #F1F0EE; background: white; } .btn-lightgray50.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightgray50.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightgray50.btn-outlined.btn-inverse.active.btn-retainBg { background: #F1F0EE; color: white; border-color: #F1F0EE; } .btn-lightgray50.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightgray50.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightgray50.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #c8c4bc; border-color: #aca69a; } .btn-lightgray50:focus, .btn-lightgray50.focus, .btn-lightgray50:hover, .btn-lightgray50.active { color: white; background: white; border-color: white; } .btn-lightgray50:active, .btn-lightgray50.active, .btn-lightgray50[aria-expanded="true"], .btn-lightgray50.active:hover, .btn-lightgray50.active:focus, .btn-lightgray50[aria-expanded="true"]:hover, .btn-lightgray50[aria-expanded="true"]:focus, .open > .btn-lightgray50.dropdown-toggle { color: white; background: #c8c4bc; border-color: #aca69a; background-image: none; } .btn-lightgray50.dropdown-toggle + ul li.active a { color: white; background: #F1F0EE; } .btn-lightgray50.disabled, .btn-lightgray50[disabled], fieldset[disabled] .btn-lightgray50 { pointer-events: none; } .btn-lightgray50 .badge { color: #F1F0EE; background-color: #F1F0EE; } .menu-lightgray50 ul li.active a, .menu-lightgray50 ul li.active a:hover { color: white; background: #F1F0EE !important; } .nav-lightgray50 > li.active > a, .nav-lightgray50 > rubix-menu > li.active > a, .nav-lightgray50 > rubix-nav-item > li.active > a { color: white; background: #F1F0EE; border-color: #F1F0EE; } .tab-lightgray50 { border-color: #F1F0EE; } .tab-lightgray50 > li.active > a { border-color: #F1F0EE; border-bottom-color: transparent; } .tab-lightgray50.nav-pills > li.active > a { background: #F1F0EE; color: white; } .rubix-panel-header.nav-inline .nav-lightgray50 > li.active > a { border: 1px solid #F1F0EE; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightgray50 > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightgray50 { background: #F1F0EE !important; } .bg-lightgray50 table td, .bg-lightgray50 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightgray50:focus { background: #F1F0EE !important; } .bg-hover-lightgray50:hover { background: #F1F0EE !important; } .fg-lightgray50 { color: #F1F0EE; } .fg-lightgray50 .nav-tabs > li.active > a { color: #F1F0EE; } .fg-tab-active-lightgray50 .nav-tabs > li.active > a { color: #F1F0EE !important; } .fg-focus-lightgray50:focus { color: #F1F0EE; } .fg-hover-lightgray50:hover { color: #F1F0EE; } .border-lightgray50 { border-color: #F1F0EE !important; } .border-lightgray50 .rubix-timeline-body > ul { border-color: #F1F0EE; } .border-lightgray50.rubix-timeline-view:before { border-color: #F1F0EE; } .border-hover-lightgray50:hover { border-color: #F1F0EE !important; } .border-focus-lightgray50:focus { border-color: #F1F0EE !important; } .tl-lightgray50 .rubix-timeline-body > ul > li:before { border-color: #F1F0EE; } .list-bg-lightgray50 > .list-group-item.active { background: #F1F0EE !important; color: white !important; } .list-fg-lightgray50 > .list-group-item { color: #F1F0EE; } .btn-white { background: #ffffff; color: white; border-color: #ffffff; } .btn-white.btn-outlined { color: #ffffff; background: none; } .btn-white.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-white.btn-outlined.btn-onlyOnHover:hover, .btn-white.btn-outlined.btn-onlyOnHover:focus, .btn-white.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-white.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-white.btn-outlined.btn-inverse:hover, .btn-white.btn-outlined.btn-inverse:focus, .btn-white.btn-outlined.btn-inverse.active { color: #ffffff; background: white; } .btn-white.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-white.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-white.btn-outlined.btn-inverse.active.btn-retainBg { background: #ffffff; color: white; border-color: #ffffff; } .btn-white.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-white.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-white.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #d1d1d1; border-color: #b3b3b3; } .btn-white:focus, .btn-white.focus, .btn-white:hover, .btn-white.active { color: white; background: white; border-color: white; } .btn-white:active, .btn-white.active, .btn-white[aria-expanded="true"], .btn-white.active:hover, .btn-white.active:focus, .btn-white[aria-expanded="true"]:hover, .btn-white[aria-expanded="true"]:focus, .open > .btn-white.dropdown-toggle { color: white; background: #d1d1d1; border-color: #b3b3b3; background-image: none; } .btn-white.dropdown-toggle + ul li.active a { color: white; background: #ffffff; } .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white { pointer-events: none; } .btn-white .badge { color: #ffffff; background-color: #ffffff; } .menu-white ul li.active a, .menu-white ul li.active a:hover { color: white; background: #ffffff !important; } .nav-white > li.active > a, .nav-white > rubix-menu > li.active > a, .nav-white > rubix-nav-item > li.active > a { color: white; background: #ffffff; border-color: #ffffff; } .tab-white { border-color: #ffffff; } .tab-white > li.active > a { border-color: #ffffff; border-bottom-color: transparent; } .tab-white.nav-pills > li.active > a { background: #ffffff; color: white; } .rubix-panel-header.nav-inline .nav-white > li.active > a { border: 1px solid #ffffff; border-bottom: none; } .rubix-panel-header.nav-inline .nav-white > li.open > .dropdown-toggle { color: white; background: none; } .bg-white { background: #ffffff !important; } .bg-white table td, .bg-white th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-white:focus { background: #ffffff !important; } .bg-hover-white:hover { background: #ffffff !important; } .fg-white { color: #ffffff; } .fg-white .nav-tabs > li.active > a { color: #89949B; } .fg-tab-active-white .nav-tabs > li.active > a { color: #ffffff !important; } .fg-focus-white:focus { color: #ffffff; } .fg-hover-white:hover { color: #ffffff; } .border-white { border-color: #ffffff !important; } .border-white .rubix-timeline-body > ul { border-color: #ffffff; } .border-white.rubix-timeline-view:before { border-color: #ffffff; } .border-hover-white:hover { border-color: #ffffff !important; } .border-focus-white:focus { border-color: #ffffff !important; } .tl-white .rubix-timeline-body > ul > li:before { border-color: #ffffff; } .list-bg-white > .list-group-item.active { background: #ffffff !important; color: white !important; } .list-fg-white > .list-group-item { color: #ffffff; } .btn-black { background: #000000; color: white; border-color: #000000; } .btn-black.btn-outlined { color: #000000; background: none; } .btn-black.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-black.btn-outlined.btn-onlyOnHover:hover, .btn-black.btn-outlined.btn-onlyOnHover:focus, .btn-black.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-black.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-black.btn-outlined.btn-inverse:hover, .btn-black.btn-outlined.btn-inverse:focus, .btn-black.btn-outlined.btn-inverse.active { color: #000000; background: white; } .btn-black.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-black.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-black.btn-outlined.btn-inverse.active.btn-retainBg { background: #000000; color: white; border-color: #000000; } .btn-black.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-black.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-black.btn-outlined.btn-inverse.active.btn-retainBg:active { background: black; border-color: black; } .btn-black:focus, .btn-black.focus, .btn-black:hover, .btn-black.active { color: white; background: #1a1a1a; border-color: #1a1a1a; } .btn-black:active, .btn-black.active, .btn-black[aria-expanded="true"], .btn-black.active:hover, .btn-black.active:focus, .btn-black[aria-expanded="true"]:hover, .btn-black[aria-expanded="true"]:focus, .open > .btn-black.dropdown-toggle { color: white; background: black; border-color: black; background-image: none; } .btn-black.dropdown-toggle + ul li.active a { color: white; background: #000000; } .btn-black.disabled, .btn-black[disabled], fieldset[disabled] .btn-black { pointer-events: none; } .btn-black .badge { color: #000000; background-color: #000000; } .menu-black ul li.active a, .menu-black ul li.active a:hover { color: white; background: #000000 !important; } .nav-black > li.active > a, .nav-black > rubix-menu > li.active > a, .nav-black > rubix-nav-item > li.active > a { color: white; background: #000000; border-color: #000000; } .tab-black { border-color: #000000; } .tab-black > li.active > a { border-color: #000000; border-bottom-color: transparent; } .tab-black.nav-pills > li.active > a { background: #000000; color: white; } .rubix-panel-header.nav-inline .nav-black > li.active > a { border: 1px solid #000000; border-bottom: none; } .rubix-panel-header.nav-inline .nav-black > li.open > .dropdown-toggle { color: white; background: none; } .bg-black { background: #000000 !important; } .bg-black table td, .bg-black th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-black:focus { background: #000000 !important; } .bg-hover-black:hover { background: #000000 !important; } .fg-black { color: #000000; } .fg-black .nav-tabs > li.active > a { color: #000000; } .fg-tab-active-black .nav-tabs > li.active > a { color: #000000 !important; } .fg-focus-black:focus { color: #000000; } .fg-hover-black:hover { color: #000000; } .border-black { border-color: #000000 !important; } .border-black .rubix-timeline-body > ul { border-color: #000000; } .border-black.rubix-timeline-view:before { border-color: #000000; } .border-hover-black:hover { border-color: #000000 !important; } .border-focus-black:focus { border-color: #000000 !important; } .tl-black .rubix-timeline-body > ul > li:before { border-color: #000000; } .list-bg-black > .list-group-item.active { background: #000000 !important; color: white !important; } .list-fg-black > .list-group-item { color: #000000; } .btn-black75 { background: #3F3F3B; color: white; border-color: #3F3F3B; } .btn-black75.btn-outlined { color: #3F3F3B; background: none; } .btn-black75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-black75.btn-outlined.btn-onlyOnHover:hover, .btn-black75.btn-outlined.btn-onlyOnHover:focus, .btn-black75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-black75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-black75.btn-outlined.btn-inverse:hover, .btn-black75.btn-outlined.btn-inverse:focus, .btn-black75.btn-outlined.btn-inverse.active { color: #3F3F3B; background: white; } .btn-black75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-black75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-black75.btn-outlined.btn-inverse.active.btn-retainBg { background: #3F3F3B; color: white; border-color: #3F3F3B; } .btn-black75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-black75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-black75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #10100f; border-color: black; } .btn-black75:focus, .btn-black75.focus, .btn-black75:hover, .btn-black75.active { color: white; background: #595954; border-color: #595954; } .btn-black75:active, .btn-black75.active, .btn-black75[aria-expanded="true"], .btn-black75.active:hover, .btn-black75.active:focus, .btn-black75[aria-expanded="true"]:hover, .btn-black75[aria-expanded="true"]:focus, .open > .btn-black75.dropdown-toggle { color: white; background: #10100f; border-color: black; background-image: none; } .btn-black75.dropdown-toggle + ul li.active a { color: white; background: #3F3F3B; } .btn-black75.disabled, .btn-black75[disabled], fieldset[disabled] .btn-black75 { pointer-events: none; } .btn-black75 .badge { color: #3F3F3B; background-color: #3F3F3B; } .menu-black75 ul li.active a, .menu-black75 ul li.active a:hover { color: white; background: #3F3F3B !important; } .nav-black75 > li.active > a, .nav-black75 > rubix-menu > li.active > a, .nav-black75 > rubix-nav-item > li.active > a { color: white; background: #3F3F3B; border-color: #3F3F3B; } .tab-black75 { border-color: #3F3F3B; } .tab-black75 > li.active > a { border-color: #3F3F3B; border-bottom-color: transparent; } .tab-black75.nav-pills > li.active > a { background: #3F3F3B; color: white; } .rubix-panel-header.nav-inline .nav-black75 > li.active > a { border: 1px solid #3F3F3B; border-bottom: none; } .rubix-panel-header.nav-inline .nav-black75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-black75 { background: #3F3F3B !important; } .bg-black75 table td, .bg-black75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-black75:focus { background: #3F3F3B !important; } .bg-hover-black75:hover { background: #3F3F3B !important; } .fg-black75 { color: #3F3F3B; } .fg-black75 .nav-tabs > li.active > a { color: #3F3F3B; } .fg-tab-active-black75 .nav-tabs > li.active > a { color: #3F3F3B !important; } .fg-focus-black75:focus { color: #3F3F3B; } .fg-hover-black75:hover { color: #3F3F3B; } .border-black75 { border-color: #3F3F3B !important; } .border-black75 .rubix-timeline-body > ul { border-color: #3F3F3B; } .border-black75.rubix-timeline-view:before { border-color: #3F3F3B; } .border-hover-black75:hover { border-color: #3F3F3B !important; } .border-focus-black75:focus { border-color: #3F3F3B !important; } .tl-black75 .rubix-timeline-body > ul > li:before { border-color: #3F3F3B; } .list-bg-black75 > .list-group-item.active { background: #3F3F3B !important; color: white !important; } .list-fg-black75 > .list-group-item { color: #3F3F3B; } .btn-black50 { background: #3B4648; color: white; border-color: #3B4648; } .btn-black50.btn-outlined { color: #3B4648; background: none; } .btn-black50.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-black50.btn-outlined.btn-onlyOnHover:hover, .btn-black50.btn-outlined.btn-onlyOnHover:focus, .btn-black50.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-black50.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-black50.btn-outlined.btn-inverse:hover, .btn-black50.btn-outlined.btn-inverse:focus, .btn-black50.btn-outlined.btn-inverse.active { color: #3B4648; background: white; } .btn-black50.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-black50.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-black50.btn-outlined.btn-inverse.active.btn-retainBg { background: #3B4648; color: white; border-color: #3B4648; } .btn-black50.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-black50.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-black50.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #121516; border-color: black; } .btn-black50:focus, .btn-black50.focus, .btn-black50:hover, .btn-black50.active { color: white; background: #526164; border-color: #526164; } .btn-black50:active, .btn-black50.active, .btn-black50[aria-expanded="true"], .btn-black50.active:hover, .btn-black50.active:focus, .btn-black50[aria-expanded="true"]:hover, .btn-black50[aria-expanded="true"]:focus, .open > .btn-black50.dropdown-toggle { color: white; background: #121516; border-color: black; background-image: none; } .btn-black50.dropdown-toggle + ul li.active a { color: white; background: #3B4648; } .btn-black50.disabled, .btn-black50[disabled], fieldset[disabled] .btn-black50 { pointer-events: none; } .btn-black50 .badge { color: #3B4648; background-color: #3B4648; } .menu-black50 ul li.active a, .menu-black50 ul li.active a:hover { color: white; background: #3B4648 !important; } .nav-black50 > li.active > a, .nav-black50 > rubix-menu > li.active > a, .nav-black50 > rubix-nav-item > li.active > a { color: white; background: #3B4648; border-color: #3B4648; } .tab-black50 { border-color: #3B4648; } .tab-black50 > li.active > a { border-color: #3B4648; border-bottom-color: transparent; } .tab-black50.nav-pills > li.active > a { background: #3B4648; color: white; } .rubix-panel-header.nav-inline .nav-black50 > li.active > a { border: 1px solid #3B4648; border-bottom: none; } .rubix-panel-header.nav-inline .nav-black50 > li.open > .dropdown-toggle { color: white; background: none; } .bg-black50 { background: #3B4648 !important; } .bg-black50 table td, .bg-black50 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-black50:focus { background: #3B4648 !important; } .bg-hover-black50:hover { background: #3B4648 !important; } .fg-black50 { color: #3B4648; } .fg-black50 .nav-tabs > li.active > a { color: #3B4648; } .fg-tab-active-black50 .nav-tabs > li.active > a { color: #3B4648 !important; } .fg-focus-black50:focus { color: #3B4648; } .fg-hover-black50:hover { color: #3B4648; } .border-black50 { border-color: #3B4648 !important; } .border-black50 .rubix-timeline-body > ul { border-color: #3B4648; } .border-black50.rubix-timeline-view:before { border-color: #3B4648; } .border-hover-black50:hover { border-color: #3B4648 !important; } .border-focus-black50:focus { border-color: #3B4648 !important; } .tl-black50 .rubix-timeline-body > ul > li:before { border-color: #3B4648; } .list-bg-black50 > .list-group-item.active { background: #3B4648 !important; color: white !important; } .list-fg-black50 > .list-group-item { color: #3B4648; } .btn-davygray { background: #555555; color: white; border-color: #555555; } .btn-davygray.btn-outlined { color: #555555; background: none; } .btn-davygray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-davygray.btn-outlined.btn-onlyOnHover:hover, .btn-davygray.btn-outlined.btn-onlyOnHover:focus, .btn-davygray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-davygray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-davygray.btn-outlined.btn-inverse:hover, .btn-davygray.btn-outlined.btn-inverse:focus, .btn-davygray.btn-outlined.btn-inverse.active { color: #555555; background: white; } .btn-davygray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-davygray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-davygray.btn-outlined.btn-inverse.active.btn-retainBg { background: #555555; color: white; border-color: #555555; } .btn-davygray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-davygray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-davygray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #272727; border-color: #090909; } .btn-davygray:focus, .btn-davygray.focus, .btn-davygray:hover, .btn-davygray.active { color: white; background: #6f6f6f; border-color: #6f6f6f; } .btn-davygray:active, .btn-davygray.active, .btn-davygray[aria-expanded="true"], .btn-davygray.active:hover, .btn-davygray.active:focus, .btn-davygray[aria-expanded="true"]:hover, .btn-davygray[aria-expanded="true"]:focus, .open > .btn-davygray.dropdown-toggle { color: white; background: #272727; border-color: #090909; background-image: none; } .btn-davygray.dropdown-toggle + ul li.active a { color: white; background: #555555; } .btn-davygray.disabled, .btn-davygray[disabled], fieldset[disabled] .btn-davygray { pointer-events: none; } .btn-davygray .badge { color: #555555; background-color: #555555; } .menu-davygray ul li.active a, .menu-davygray ul li.active a:hover { color: white; background: #555555 !important; } .nav-davygray > li.active > a, .nav-davygray > rubix-menu > li.active > a, .nav-davygray > rubix-nav-item > li.active > a { color: white; background: #555555; border-color: #555555; } .tab-davygray { border-color: #555555; } .tab-davygray > li.active > a { border-color: #555555; border-bottom-color: transparent; } .tab-davygray.nav-pills > li.active > a { background: #555555; color: white; } .rubix-panel-header.nav-inline .nav-davygray > li.active > a { border: 1px solid #555555; border-bottom: none; } .rubix-panel-header.nav-inline .nav-davygray > li.open > .dropdown-toggle { color: white; background: none; } .bg-davygray { background: #555555 !important; } .bg-davygray table td, .bg-davygray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-davygray:focus { background: #555555 !important; } .bg-hover-davygray:hover { background: #555555 !important; } .fg-davygray { color: #555555; } .fg-davygray .nav-tabs > li.active > a { color: #555555; } .fg-tab-active-davygray .nav-tabs > li.active > a { color: #555555 !important; } .fg-focus-davygray:focus { color: #555555; } .fg-hover-davygray:hover { color: #555555; } .border-davygray { border-color: #555555 !important; } .border-davygray .rubix-timeline-body > ul { border-color: #555555; } .border-davygray.rubix-timeline-view:before { border-color: #555555; } .border-hover-davygray:hover { border-color: #555555 !important; } .border-focus-davygray:focus { border-color: #555555 !important; } .tl-davygray .rubix-timeline-body > ul > li:before { border-color: #555555; } .list-bg-davygray > .list-group-item.active { background: #555555 !important; color: white !important; } .list-fg-davygray > .list-group-item { color: #555555; } .btn-darkgrayishblue75 { background: #43525A; color: white; border-color: #43525A; } .btn-darkgrayishblue75.btn-outlined { color: #43525A; background: none; } .btn-darkgrayishblue75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgrayishblue75.btn-outlined.btn-onlyOnHover:hover, .btn-darkgrayishblue75.btn-outlined.btn-onlyOnHover:focus, .btn-darkgrayishblue75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgrayishblue75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgrayishblue75.btn-outlined.btn-inverse:hover, .btn-darkgrayishblue75.btn-outlined.btn-inverse:focus, .btn-darkgrayishblue75.btn-outlined.btn-inverse.active { color: #43525A; background: white; } .btn-darkgrayishblue75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgrayishblue75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgrayishblue75.btn-outlined.btn-inverse.active.btn-retainBg { background: #43525A; color: white; border-color: #43525A; } .btn-darkgrayishblue75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgrayishblue75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgrayishblue75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #1c2225; border-color: #020202; } .btn-darkgrayishblue75:focus, .btn-darkgrayishblue75.focus, .btn-darkgrayishblue75:hover, .btn-darkgrayishblue75.active { color: white; background: #596d77; border-color: #596d77; } .btn-darkgrayishblue75:active, .btn-darkgrayishblue75.active, .btn-darkgrayishblue75[aria-expanded="true"], .btn-darkgrayishblue75.active:hover, .btn-darkgrayishblue75.active:focus, .btn-darkgrayishblue75[aria-expanded="true"]:hover, .btn-darkgrayishblue75[aria-expanded="true"]:focus, .open > .btn-darkgrayishblue75.dropdown-toggle { color: white; background: #1c2225; border-color: #020202; background-image: none; } .btn-darkgrayishblue75.dropdown-toggle + ul li.active a { color: white; background: #43525A; } .btn-darkgrayishblue75.disabled, .btn-darkgrayishblue75[disabled], fieldset[disabled] .btn-darkgrayishblue75 { pointer-events: none; } .btn-darkgrayishblue75 .badge { color: #43525A; background-color: #43525A; } .menu-darkgrayishblue75 ul li.active a, .menu-darkgrayishblue75 ul li.active a:hover { color: white; background: #43525A !important; } .nav-darkgrayishblue75 > li.active > a, .nav-darkgrayishblue75 > rubix-menu > li.active > a, .nav-darkgrayishblue75 > rubix-nav-item > li.active > a { color: white; background: #43525A; border-color: #43525A; } .tab-darkgrayishblue75 { border-color: #43525A; } .tab-darkgrayishblue75 > li.active > a { border-color: #43525A; border-bottom-color: transparent; } .tab-darkgrayishblue75.nav-pills > li.active > a { background: #43525A; color: white; } .rubix-panel-header.nav-inline .nav-darkgrayishblue75 > li.active > a { border: 1px solid #43525A; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgrayishblue75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgrayishblue75 { background: #43525A !important; } .bg-darkgrayishblue75 table td, .bg-darkgrayishblue75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgrayishblue75:focus { background: #43525A !important; } .bg-hover-darkgrayishblue75:hover { background: #43525A !important; } .fg-darkgrayishblue75 { color: #43525A; } .fg-darkgrayishblue75 .nav-tabs > li.active > a { color: #43525A; } .fg-tab-active-darkgrayishblue75 .nav-tabs > li.active > a { color: #43525A !important; } .fg-focus-darkgrayishblue75:focus { color: #43525A; } .fg-hover-darkgrayishblue75:hover { color: #43525A; } .border-darkgrayishblue75 { border-color: #43525A !important; } .border-darkgrayishblue75 .rubix-timeline-body > ul { border-color: #43525A; } .border-darkgrayishblue75.rubix-timeline-view:before { border-color: #43525A; } .border-hover-darkgrayishblue75:hover { border-color: #43525A !important; } .border-focus-darkgrayishblue75:focus { border-color: #43525A !important; } .tl-darkgrayishblue75 .rubix-timeline-body > ul > li:before { border-color: #43525A; } .list-bg-darkgrayishblue75 > .list-group-item.active { background: #43525A !important; color: white !important; } .list-fg-darkgrayishblue75 > .list-group-item { color: #43525A; } .btn-darkgrayishblue { background: #4C5D67; color: white; border-color: #4C5D67; } .btn-darkgrayishblue.btn-outlined { color: #4C5D67; background: none; } .btn-darkgrayishblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgrayishblue.btn-outlined.btn-onlyOnHover:hover, .btn-darkgrayishblue.btn-outlined.btn-onlyOnHover:focus, .btn-darkgrayishblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgrayishblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgrayishblue.btn-outlined.btn-inverse:hover, .btn-darkgrayishblue.btn-outlined.btn-inverse:focus, .btn-darkgrayishblue.btn-outlined.btn-inverse.active { color: #4C5D67; background: white; } .btn-darkgrayishblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgrayishblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgrayishblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #4C5D67; color: white; border-color: #4C5D67; } .btn-darkgrayishblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgrayishblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgrayishblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #252d32; border-color: #0b0e0f; } .btn-darkgrayishblue:focus, .btn-darkgrayishblue.focus, .btn-darkgrayishblue:hover, .btn-darkgrayishblue.active { color: white; background: #627784; border-color: #627784; } .btn-darkgrayishblue:active, .btn-darkgrayishblue.active, .btn-darkgrayishblue[aria-expanded="true"], .btn-darkgrayishblue.active:hover, .btn-darkgrayishblue.active:focus, .btn-darkgrayishblue[aria-expanded="true"]:hover, .btn-darkgrayishblue[aria-expanded="true"]:focus, .open > .btn-darkgrayishblue.dropdown-toggle { color: white; background: #252d32; border-color: #0b0e0f; background-image: none; } .btn-darkgrayishblue.dropdown-toggle + ul li.active a { color: white; background: #4C5D67; } .btn-darkgrayishblue.disabled, .btn-darkgrayishblue[disabled], fieldset[disabled] .btn-darkgrayishblue { pointer-events: none; } .btn-darkgrayishblue .badge { color: #4C5D67; background-color: #4C5D67; } .menu-darkgrayishblue ul li.active a, .menu-darkgrayishblue ul li.active a:hover { color: white; background: #4C5D67 !important; } .nav-darkgrayishblue > li.active > a, .nav-darkgrayishblue > rubix-menu > li.active > a, .nav-darkgrayishblue > rubix-nav-item > li.active > a { color: white; background: #4C5D67; border-color: #4C5D67; } .tab-darkgrayishblue { border-color: #4C5D67; } .tab-darkgrayishblue > li.active > a { border-color: #4C5D67; border-bottom-color: transparent; } .tab-darkgrayishblue.nav-pills > li.active > a { background: #4C5D67; color: white; } .rubix-panel-header.nav-inline .nav-darkgrayishblue > li.active > a { border: 1px solid #4C5D67; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgrayishblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgrayishblue { background: #4C5D67 !important; } .bg-darkgrayishblue table td, .bg-darkgrayishblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgrayishblue:focus { background: #4C5D67 !important; } .bg-hover-darkgrayishblue:hover { background: #4C5D67 !important; } .fg-darkgrayishblue { color: #4C5D67; } .fg-darkgrayishblue .nav-tabs > li.active > a { color: #4C5D67; } .fg-tab-active-darkgrayishblue .nav-tabs > li.active > a { color: #4C5D67 !important; } .fg-focus-darkgrayishblue:focus { color: #4C5D67; } .fg-hover-darkgrayishblue:hover { color: #4C5D67; } .border-darkgrayishblue { border-color: #4C5D67 !important; } .border-darkgrayishblue .rubix-timeline-body > ul { border-color: #4C5D67; } .border-darkgrayishblue.rubix-timeline-view:before { border-color: #4C5D67; } .border-hover-darkgrayishblue:hover { border-color: #4C5D67 !important; } .border-focus-darkgrayishblue:focus { border-color: #4C5D67 !important; } .tl-darkgrayishblue .rubix-timeline-body > ul > li:before { border-color: #4C5D67; } .list-bg-darkgrayishblue > .list-group-item.active { background: #4C5D67 !important; color: white !important; } .list-fg-darkgrayishblue > .list-group-item { color: #4C5D67; } .btn-desaturateddarkblue { background: #515E78; color: white; border-color: #515E78; } .btn-desaturateddarkblue.btn-outlined { color: #515E78; background: none; } .btn-desaturateddarkblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-desaturateddarkblue.btn-outlined.btn-onlyOnHover:hover, .btn-desaturateddarkblue.btn-outlined.btn-onlyOnHover:focus, .btn-desaturateddarkblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-desaturateddarkblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-desaturateddarkblue.btn-outlined.btn-inverse:hover, .btn-desaturateddarkblue.btn-outlined.btn-inverse:focus, .btn-desaturateddarkblue.btn-outlined.btn-inverse.active { color: #515E78; background: white; } .btn-desaturateddarkblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-desaturateddarkblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-desaturateddarkblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #515E78; color: white; border-color: #515E78; } .btn-desaturateddarkblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-desaturateddarkblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-desaturateddarkblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #2c3341; border-color: #13161d; } .btn-desaturateddarkblue:focus, .btn-desaturateddarkblue.focus, .btn-desaturateddarkblue:hover, .btn-desaturateddarkblue.active { color: white; background: #667696; border-color: #667696; } .btn-desaturateddarkblue:active, .btn-desaturateddarkblue.active, .btn-desaturateddarkblue[aria-expanded="true"], .btn-desaturateddarkblue.active:hover, .btn-desaturateddarkblue.active:focus, .btn-desaturateddarkblue[aria-expanded="true"]:hover, .btn-desaturateddarkblue[aria-expanded="true"]:focus, .open > .btn-desaturateddarkblue.dropdown-toggle { color: white; background: #2c3341; border-color: #13161d; background-image: none; } .btn-desaturateddarkblue.dropdown-toggle + ul li.active a { color: white; background: #515E78; } .btn-desaturateddarkblue.disabled, .btn-desaturateddarkblue[disabled], fieldset[disabled] .btn-desaturateddarkblue { pointer-events: none; } .btn-desaturateddarkblue .badge { color: #515E78; background-color: #515E78; } .menu-desaturateddarkblue ul li.active a, .menu-desaturateddarkblue ul li.active a:hover { color: white; background: #515E78 !important; } .nav-desaturateddarkblue > li.active > a, .nav-desaturateddarkblue > rubix-menu > li.active > a, .nav-desaturateddarkblue > rubix-nav-item > li.active > a { color: white; background: #515E78; border-color: #515E78; } .tab-desaturateddarkblue { border-color: #515E78; } .tab-desaturateddarkblue > li.active > a { border-color: #515E78; border-bottom-color: transparent; } .tab-desaturateddarkblue.nav-pills > li.active > a { background: #515E78; color: white; } .rubix-panel-header.nav-inline .nav-desaturateddarkblue > li.active > a { border: 1px solid #515E78; border-bottom: none; } .rubix-panel-header.nav-inline .nav-desaturateddarkblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-desaturateddarkblue { background: #515E78 !important; } .bg-desaturateddarkblue table td, .bg-desaturateddarkblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-desaturateddarkblue:focus { background: #515E78 !important; } .bg-hover-desaturateddarkblue:hover { background: #515E78 !important; } .fg-desaturateddarkblue { color: #515E78; } .fg-desaturateddarkblue .nav-tabs > li.active > a { color: #515E78; } .fg-tab-active-desaturateddarkblue .nav-tabs > li.active > a { color: #515E78 !important; } .fg-focus-desaturateddarkblue:focus { color: #515E78; } .fg-hover-desaturateddarkblue:hover { color: #515E78; } .border-desaturateddarkblue { border-color: #515E78 !important; } .border-desaturateddarkblue .rubix-timeline-body > ul { border-color: #515E78; } .border-desaturateddarkblue.rubix-timeline-view:before { border-color: #515E78; } .border-hover-desaturateddarkblue:hover { border-color: #515E78 !important; } .border-focus-desaturateddarkblue:focus { border-color: #515E78 !important; } .tl-desaturateddarkblue .rubix-timeline-body > ul > li:before { border-color: #515E78; } .list-bg-desaturateddarkblue > .list-group-item.active { background: #515E78 !important; color: white !important; } .list-fg-desaturateddarkblue > .list-group-item { color: #515E78; } .btn-desaturateddarkblue75 { background: #3B465C; color: white; border-color: #3B465C; } .btn-desaturateddarkblue75.btn-outlined { color: #3B465C; background: none; } .btn-desaturateddarkblue75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-desaturateddarkblue75.btn-outlined.btn-onlyOnHover:hover, .btn-desaturateddarkblue75.btn-outlined.btn-onlyOnHover:focus, .btn-desaturateddarkblue75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-desaturateddarkblue75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-desaturateddarkblue75.btn-outlined.btn-inverse:hover, .btn-desaturateddarkblue75.btn-outlined.btn-inverse:focus, .btn-desaturateddarkblue75.btn-outlined.btn-inverse.active { color: #3B465C; background: white; } .btn-desaturateddarkblue75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-desaturateddarkblue75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-desaturateddarkblue75.btn-outlined.btn-inverse.active.btn-retainBg { background: #3B465C; color: white; border-color: #3B465C; } .btn-desaturateddarkblue75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-desaturateddarkblue75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-desaturateddarkblue75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #171b24; border-color: black; } .btn-desaturateddarkblue75:focus, .btn-desaturateddarkblue75.focus, .btn-desaturateddarkblue75:hover, .btn-desaturateddarkblue75.active { color: white; background: #4f5e7b; border-color: #4f5e7b; } .btn-desaturateddarkblue75:active, .btn-desaturateddarkblue75.active, .btn-desaturateddarkblue75[aria-expanded="true"], .btn-desaturateddarkblue75.active:hover, .btn-desaturateddarkblue75.active:focus, .btn-desaturateddarkblue75[aria-expanded="true"]:hover, .btn-desaturateddarkblue75[aria-expanded="true"]:focus, .open > .btn-desaturateddarkblue75.dropdown-toggle { color: white; background: #171b24; border-color: black; background-image: none; } .btn-desaturateddarkblue75.dropdown-toggle + ul li.active a { color: white; background: #3B465C; } .btn-desaturateddarkblue75.disabled, .btn-desaturateddarkblue75[disabled], fieldset[disabled] .btn-desaturateddarkblue75 { pointer-events: none; } .btn-desaturateddarkblue75 .badge { color: #3B465C; background-color: #3B465C; } .menu-desaturateddarkblue75 ul li.active a, .menu-desaturateddarkblue75 ul li.active a:hover { color: white; background: #3B465C !important; } .nav-desaturateddarkblue75 > li.active > a, .nav-desaturateddarkblue75 > rubix-menu > li.active > a, .nav-desaturateddarkblue75 > rubix-nav-item > li.active > a { color: white; background: #3B465C; border-color: #3B465C; } .tab-desaturateddarkblue75 { border-color: #3B465C; } .tab-desaturateddarkblue75 > li.active > a { border-color: #3B465C; border-bottom-color: transparent; } .tab-desaturateddarkblue75.nav-pills > li.active > a { background: #3B465C; color: white; } .rubix-panel-header.nav-inline .nav-desaturateddarkblue75 > li.active > a { border: 1px solid #3B465C; border-bottom: none; } .rubix-panel-header.nav-inline .nav-desaturateddarkblue75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-desaturateddarkblue75 { background: #3B465C !important; } .bg-desaturateddarkblue75 table td, .bg-desaturateddarkblue75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-desaturateddarkblue75:focus { background: #3B465C !important; } .bg-hover-desaturateddarkblue75:hover { background: #3B465C !important; } .fg-desaturateddarkblue75 { color: #3B465C; } .fg-desaturateddarkblue75 .nav-tabs > li.active > a { color: #3B465C; } .fg-tab-active-desaturateddarkblue75 .nav-tabs > li.active > a { color: #3B465C !important; } .fg-focus-desaturateddarkblue75:focus { color: #3B465C; } .fg-hover-desaturateddarkblue75:hover { color: #3B465C; } .border-desaturateddarkblue75 { border-color: #3B465C !important; } .border-desaturateddarkblue75 .rubix-timeline-body > ul { border-color: #3B465C; } .border-desaturateddarkblue75.rubix-timeline-view:before { border-color: #3B465C; } .border-hover-desaturateddarkblue75:hover { border-color: #3B465C !important; } .border-focus-desaturateddarkblue75:focus { border-color: #3B465C !important; } .tl-desaturateddarkblue75 .rubix-timeline-body > ul > li:before { border-color: #3B465C; } .list-bg-desaturateddarkblue75 > .list-group-item.active { background: #3B465C !important; color: white !important; } .list-fg-desaturateddarkblue75 > .list-group-item { color: #3B465C; } .btn-darkcyan { background: #68A0A5; color: white; border-color: #68A0A5; } .btn-darkcyan.btn-outlined { color: #68A0A5; background: none; } .btn-darkcyan.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkcyan.btn-outlined.btn-onlyOnHover:hover, .btn-darkcyan.btn-outlined.btn-onlyOnHover:focus, .btn-darkcyan.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkcyan.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkcyan.btn-outlined.btn-inverse:hover, .btn-darkcyan.btn-outlined.btn-inverse:focus, .btn-darkcyan.btn-outlined.btn-inverse.active { color: #68A0A5; background: white; } .btn-darkcyan.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkcyan.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkcyan.btn-outlined.btn-inverse.active.btn-retainBg { background: #68A0A5; color: white; border-color: #68A0A5; } .btn-darkcyan.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkcyan.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkcyan.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #426b6f; border-color: #2b4649; } .btn-darkcyan:focus, .btn-darkcyan.focus, .btn-darkcyan:hover, .btn-darkcyan.active { color: white; background: #88b4b8; border-color: #88b4b8; } .btn-darkcyan:active, .btn-darkcyan.active, .btn-darkcyan[aria-expanded="true"], .btn-darkcyan.active:hover, .btn-darkcyan.active:focus, .btn-darkcyan[aria-expanded="true"]:hover, .btn-darkcyan[aria-expanded="true"]:focus, .open > .btn-darkcyan.dropdown-toggle { color: white; background: #426b6f; border-color: #2b4649; background-image: none; } .btn-darkcyan.dropdown-toggle + ul li.active a { color: white; background: #68A0A5; } .btn-darkcyan.disabled, .btn-darkcyan[disabled], fieldset[disabled] .btn-darkcyan { pointer-events: none; } .btn-darkcyan .badge { color: #68A0A5; background-color: #68A0A5; } .menu-darkcyan ul li.active a, .menu-darkcyan ul li.active a:hover { color: white; background: #68A0A5 !important; } .nav-darkcyan > li.active > a, .nav-darkcyan > rubix-menu > li.active > a, .nav-darkcyan > rubix-nav-item > li.active > a { color: white; background: #68A0A5; border-color: #68A0A5; } .tab-darkcyan { border-color: #68A0A5; } .tab-darkcyan > li.active > a { border-color: #68A0A5; border-bottom-color: transparent; } .tab-darkcyan.nav-pills > li.active > a { background: #68A0A5; color: white; } .rubix-panel-header.nav-inline .nav-darkcyan > li.active > a { border: 1px solid #68A0A5; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkcyan > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkcyan { background: #68A0A5 !important; } .bg-darkcyan table td, .bg-darkcyan th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkcyan:focus { background: #68A0A5 !important; } .bg-hover-darkcyan:hover { background: #68A0A5 !important; } .fg-darkcyan { color: #68A0A5; } .fg-darkcyan .nav-tabs > li.active > a { color: #68A0A5; } .fg-tab-active-darkcyan .nav-tabs > li.active > a { color: #68A0A5 !important; } .fg-focus-darkcyan:focus { color: #68A0A5; } .fg-hover-darkcyan:hover { color: #68A0A5; } .border-darkcyan { border-color: #68A0A5 !important; } .border-darkcyan .rubix-timeline-body > ul { border-color: #68A0A5; } .border-darkcyan.rubix-timeline-view:before { border-color: #68A0A5; } .border-hover-darkcyan:hover { border-color: #68A0A5 !important; } .border-focus-darkcyan:focus { border-color: #68A0A5 !important; } .tl-darkcyan .rubix-timeline-body > ul > li:before { border-color: #68A0A5; } .list-bg-darkcyan > .list-group-item.active { background: #68A0A5 !important; color: white !important; } .list-fg-darkcyan > .list-group-item { color: #68A0A5; } .btn-grayishcyan { background: #92BDC1; color: white; border-color: #92BDC1; } .btn-grayishcyan.btn-outlined { color: #92BDC1; background: none; } .btn-grayishcyan.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-grayishcyan.btn-outlined.btn-onlyOnHover:hover, .btn-grayishcyan.btn-outlined.btn-onlyOnHover:focus, .btn-grayishcyan.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-grayishcyan.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-grayishcyan.btn-outlined.btn-inverse:hover, .btn-grayishcyan.btn-outlined.btn-inverse:focus, .btn-grayishcyan.btn-outlined.btn-inverse.active { color: #92BDC1; background: white; } .btn-grayishcyan.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-grayishcyan.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-grayishcyan.btn-outlined.btn-inverse.active.btn-retainBg { background: #92BDC1; color: white; border-color: #92BDC1; } .btn-grayishcyan.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-grayishcyan.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-grayishcyan.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #5a989e; border-color: #437277; } .btn-grayishcyan:focus, .btn-grayishcyan.focus, .btn-grayishcyan:hover, .btn-grayishcyan.active { color: white; background: #b3d1d3; border-color: #b3d1d3; } .btn-grayishcyan:active, .btn-grayishcyan.active, .btn-grayishcyan[aria-expanded="true"], .btn-grayishcyan.active:hover, .btn-grayishcyan.active:focus, .btn-grayishcyan[aria-expanded="true"]:hover, .btn-grayishcyan[aria-expanded="true"]:focus, .open > .btn-grayishcyan.dropdown-toggle { color: white; background: #5a989e; border-color: #437277; background-image: none; } .btn-grayishcyan.dropdown-toggle + ul li.active a { color: white; background: #92BDC1; } .btn-grayishcyan.disabled, .btn-grayishcyan[disabled], fieldset[disabled] .btn-grayishcyan { pointer-events: none; } .btn-grayishcyan .badge { color: #92BDC1; background-color: #92BDC1; } .menu-grayishcyan ul li.active a, .menu-grayishcyan ul li.active a:hover { color: white; background: #92BDC1 !important; } .nav-grayishcyan > li.active > a, .nav-grayishcyan > rubix-menu > li.active > a, .nav-grayishcyan > rubix-nav-item > li.active > a { color: white; background: #92BDC1; border-color: #92BDC1; } .tab-grayishcyan { border-color: #92BDC1; } .tab-grayishcyan > li.active > a { border-color: #92BDC1; border-bottom-color: transparent; } .tab-grayishcyan.nav-pills > li.active > a { background: #92BDC1; color: white; } .rubix-panel-header.nav-inline .nav-grayishcyan > li.active > a { border: 1px solid #92BDC1; border-bottom: none; } .rubix-panel-header.nav-inline .nav-grayishcyan > li.open > .dropdown-toggle { color: white; background: none; } .bg-grayishcyan { background: #92BDC1 !important; } .bg-grayishcyan table td, .bg-grayishcyan th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-grayishcyan:focus { background: #92BDC1 !important; } .bg-hover-grayishcyan:hover { background: #92BDC1 !important; } .fg-grayishcyan { color: #92BDC1; } .fg-grayishcyan .nav-tabs > li.active > a { color: #92BDC1; } .fg-tab-active-grayishcyan .nav-tabs > li.active > a { color: #92BDC1 !important; } .fg-focus-grayishcyan:focus { color: #92BDC1; } .fg-hover-grayishcyan:hover { color: #92BDC1; } .border-grayishcyan { border-color: #92BDC1 !important; } .border-grayishcyan .rubix-timeline-body > ul { border-color: #92BDC1; } .border-grayishcyan.rubix-timeline-view:before { border-color: #92BDC1; } .border-hover-grayishcyan:hover { border-color: #92BDC1 !important; } .border-focus-grayishcyan:focus { border-color: #92BDC1 !important; } .tl-grayishcyan .rubix-timeline-body > ul > li:before { border-color: #92BDC1; } .list-bg-grayishcyan > .list-group-item.active { background: #92BDC1 !important; color: white !important; } .list-fg-grayishcyan > .list-group-item { color: #92BDC1; } /* ADD/REMOVE/CHANGE THEMES HERE */ /* GLOBAL SETTINGS */ html { letter-spacing: 0.5px; } a { color: #2EB398; } a:hover, a:focus { color: #248a76; } .rubix-panel-container { background: #ffffff; } .rubix-panel-container.bordered { border: 1px solid rgba(206, 219, 236, 0.75); box-shadow: 0px 2px 0px 0px rgba(206, 219, 236, 0.5); } .rubix-panel-container.noOverflow { overflow: visible; } .rubix-panel-controls { color: #89949B; } html.default .form-control { border-color: #ddd; } html.default .form-control:focus { box-shadow: none !important; border-color: #2EB398; } html.default .dropdown-menu .active > a { background-color: #E76049; } html.default .dropdown-menu .active > a:hover, html.default .dropdown-menu .active > a:focus { background-color: #E76049; } html.default .select2-container-multi .select2-choices { border-radius: 0; height: 25px; } html.default .select2-container .select2-choice, html.default .select2-container-multi .select2-choices { border-width: 2px; } html.default .select2-container .select2-choice .select2-arrow { color: white; border-radius: 0; } html.default .select2-drop-active, html.default .select2-drop.select2-drop-above.select2-drop-active, html.default .select2-container-active .select2-choice, html.default .select2-container-active .select2-choices, html.default .select2-dropdown-open.select2-drop-above .select2-choice, html.default .select2-dropdown-open.select2-drop-above .select2-choices, html.default .select2-container-multi.select2-container-active .select2-choices, html.default .form-control.select2-container.select2-dropdown-open { border-width: 2px; } html.default .pagination { margin: 0 0 25px; } html.default .pagination .disabled > a { color: #ccc; } html.default .pagination > .active > a, html.default .pagination > .active > a:hover, html.default .pagination > .active > a:focus, html.default .pagination > .active > span, html.default .pagination > .active > span:hover, html.default .pagination > .active > span:focus { color: white; background: #E76049; border-color: #E76049; } html.default .pagination > li > a, html.default .pagination > li > span { color: inherit; } html.default .rubix-panel .pagination > li > a { border: 1px solid #ddd; } html.default .datepicker table tr td.active, html.default .datepicker table tr td.active:hover, html.default .datepicker table tr td.active.disabled, html.default .datepicker table tr td.active.disabled:hover, html.default .datepicker table tr td span.active, html.default .datepicker table tr td span.active:hover, html.default .datepicker table tr td span.active.disabled, html.default .datepicker table tr td span.active.disabled:hover { background: #E76049 !important; } html.default .breadcrumb > li > a { color: #E76049; } html.default .breadcrumb > li > a:hover, html.default .breadcrumb > li > a:focus { color: #c9341b; } html.default .btn-theme { background: #E76049; color: white; border-color: #E76049; } html.default .btn-theme.btn-outlined { color: #E76049; background: none; } html.default .btn-theme.btn-outlined.btn-onlyOnHover { color: #89949B; } html.default .btn-theme.btn-outlined.btn-onlyOnHover:hover, html.default .btn-theme.btn-outlined.btn-onlyOnHover:focus, html.default .btn-theme.btn-outlined.btn-onlyOnHover.active { color: white; } html.default .btn-theme.btn-outlined.btn-inverse { color: white; border-color: white; } html.default .btn-theme.btn-outlined.btn-inverse:hover, html.default .btn-theme.btn-outlined.btn-inverse:focus, html.default .btn-theme.btn-outlined.btn-inverse.active { color: #E76049; background: white; } html.default .btn-theme.btn-outlined.btn-inverse:hover.btn-retainBg, html.default .btn-theme.btn-outlined.btn-inverse:focus.btn-retainBg, html.default .btn-theme.btn-outlined.btn-inverse.active.btn-retainBg { background: #E76049; color: white; border-color: #E76049; } html.default .btn-theme.btn-outlined.btn-inverse:hover.btn-retainBg:active, html.default .btn-theme.btn-outlined.btn-inverse:focus.btn-retainBg:active, html.default .btn-theme.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #bb3019; border-color: #852212; } html.default .btn-theme:focus, html.default .btn-theme.focus, html.default .btn-theme:hover, html.default .btn-theme.active { color: white; background: #ed8776; border-color: #ed8776; } html.default .btn-theme:active, html.default .btn-theme.active, html.default .btn-theme[aria-expanded="true"], html.default .btn-theme.active:hover, html.default .btn-theme.active:focus, html.default .btn-theme[aria-expanded="true"]:hover, html.default .btn-theme[aria-expanded="true"]:focus, .open > html.default .btn-theme.dropdown-toggle { color: white; background: #bb3019; border-color: #852212; background-image: none; } html.default .btn-theme.dropdown-toggle + ul li.active a { color: white; background: #E76049; } html.default .btn-theme.disabled, html.default .btn-theme[disabled], fieldset[disabled] html.default .btn-theme { pointer-events: none; } html.default .btn-theme .badge { color: #E76049; background-color: #E76049; } html.default .menu-theme ul li.active a, html.default .menu-theme ul li.active a:hover { color: white; background: #E76049 !important; } html.default .nav-theme > li.active > a, html.default .nav-theme > rubix-menu > li.active > a, html.default .nav-theme > rubix-nav-item > li.active > a { color: white; background: #E76049; border-color: #E76049; } html.default .tab-theme { border-color: #E76049; } html.default .tab-theme > li.active > a { border-color: #E76049; border-bottom-color: transparent; } html.default .tab-theme.nav-pills > li.active > a { background: #E76049; color: white; } html.default .rubix-panel-header.nav-inline .nav-theme > li.active > a { border: 1px solid #E76049; border-bottom: none; } html.default .rubix-panel-header.nav-inline .nav-theme > li.open > .dropdown-toggle { color: white; background: none; } html.default .bg-theme { background: #E76049 !important; } html.default .bg-theme table td, html.default .bg-theme th { border-color: rgba(0, 0, 0, 0.05) !important; } html.default .bg-focus-theme:focus { background: #E76049 !important; } html.default .bg-hover-theme:hover { background: #E76049 !important; } html.default .fg-theme { color: #E76049; } html.default .fg-theme .nav-tabs > li.active > a { color: #E76049; } html.default .fg-tab-active-theme .nav-tabs > li.active > a { color: #E76049 !important; } html.default .fg-focus-theme:focus { color: #E76049; } html.default .fg-hover-theme:hover { color: #E76049; } html.default .border-theme { border-color: #E76049 !important; } html.default .border-theme .rubix-timeline-body > ul { border-color: #E76049; } html.default .border-theme.rubix-timeline-view:before { border-color: #E76049; } html.default .border-hover-theme:hover { border-color: #E76049 !important; } html.default .border-focus-theme:focus { border-color: #E76049 !important; } html.default .tl-theme .rubix-timeline-body > ul > li:before { border-color: #E76049; } html.default .list-bg-theme > .list-group-item.active { background: #E76049 !important; color: white !important; } html.default .list-fg-theme > .list-group-item { color: #E76049; } html.default { background: white; overflow-x: hidden; color: #89949B; } html.default body { background: white; overflow-x: hidden; color: #89949B; } html.default body #app-container { overflow: hidden; } html.default body #container > div:first-child#navbar #rubix-nav-header { margin: 0; } html.default body #container > div:first-child#body { margin-top: 0; padding-top: 25px; } html.default body #container.container-open > #sidebar { left: 0; } html.default body #container.container-open #rubix-nav-header, html.default body #container.container-open > #body, html.default body #container.container-open > #footer-container { margin-left: 250px; margin-right: -250px; } @media (min-width: 990px) { html.default body #container.container-open #rubix-nav-header, html.default body #container.container-open > #body, html.default body #container.container-open > #footer-container { margin-right: 0; } } html.default body #container.force-close > #sidebar { left: -250px; } html.default body #container.force-close #rubix-nav-header { margin-left: 0; margin-right: 0; } html.default body #container.force-close > #body, html.default body #container.force-close > #footer-container { margin-left: 0; margin-right: 0; } html.default body #navbar { width: 100%; } html.default body #rubix-nav-header { border: none; margin-left: 0; display: block; height: 75px; transition: all 0.3s ease; background: #273135; } html.default body #rubix-nav-header .navbar-brand { width: 100%; text-align: center; color: #89949B; } html.default body #rubix-nav-header .navbar-brand > img { top: -3px; margin: auto; position: relative; } @media (max-width: 320px) { html.default body #rubix-nav-header .navbar-brand > img { width: 80px; left: -10px; } } html.default body #rubix-nav-header .navbar-content { height: 75px; } html.default body #rubix-nav-header .navbar-right { margin-right: -25px; } html.default body #rubix-nav-header .navbar-nav { margin: 0; display: inline-block; } html.default body #rubix-nav-header .navbar-nav:first-child { margin-left: -25px; } html.default body #rubix-nav-header .navbar-nav > li > a { border: none; padding: 25px; display: block; line-height: 1; } html.default body #rubix-nav-header .navbar-nav > li > a > .rubix-icon { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } html.default body #rubix-nav-header .navbar-nav > li.divider { height: 75px; border: 1px solid rgba(59, 70, 72, 0.45); } html.default body #rubix-nav-header .navbar-nav > li.dropdown.open > a { color: white; background: none; } html.default body #rubix-nav-header .navbar-nav > li.active > a, html.default body #rubix-nav-header .navbar-nav > li > a { height: 75px; font-size: 26px; background: none; text-align: center; color: #89949B; } html.default body #rubix-nav-header .navbar-nav > li.active > a:hover, html.default body #rubix-nav-header .navbar-nav > li > a:hover { color: #ffffff; } html.default body #rubix-nav-header .navbar-nav > li.pressed > a { color: white; } html.default body #rubix-nav-header .navbar-nav > li.logout > a, html.default body #rubix-nav-header .navbar-nav > li.sidebar-btn > a { width: 80px; font-size: 30px; padding-left: 0; padding-right: 0; } html.default body #rubix-nav-header .navbar-nav > li.logout > a { color: #ffffff; background: #E76049; } html.default body #rubix-nav-header .navbar-nav > li.logout > a:hover { background: #F4654D; } html.default body #rubix-nav-header .navbar-nav > li.sidebar-btn > a { color: #ffffff; background: #2AA38B; } html.default body #rubix-nav-header .navbar-nav > li.sidebar-btn > a:hover { background: #2EB398; } html.default body #rubix-nav-header .navbar-nav > li.collapse-left > a { padding-left: 0; } html.default body #rubix-nav-header .navbar-nav > li.collapse-right > a { padding-right: 0; } html.default body #rubix-nav-header .navbar-nav > li.small-font > a { font-size: 20px; } html.default body #rubix-nav-header .navbar-nav > li .notification-badge { font-size: 10px; padding: 3px 5px; margin-left: -5px; line-height: 10px; margin-top: -10px; position: absolute; } @media (min-width: 990px) { html.default body #rubix-nav-header { margin-left: 250px; } } html.default body #flag-menu-btn > img { top: -2px; position: relative; } html.default body .lang-menu-text { line-height: 32px; } html.default body .header-menu > .dropdown-menu { border: none; margin-top: 0px; overflow: visible; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); border-top: 5px solid #E76049 !important; } html.default body .header-menu > .dropdown-menu:after { top: -14px; right: 25px; content: ''; position: absolute; display: inline-block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #E76049; } html.default body #flag-menu-btn + .dropdown-menu { width: 325px; } html.default body #flag-menu-btn + .dropdown-menu .container-fluid { margin-left: -25px; margin-right: -25px; } html.default body #settings-menu + .dropdown-menu { width: 375px; } html.default body #notifications-menu + .dropdown-menu, html.default body #rss-menu + .dropdown-menu { width: 325px; } html.default body #notifications-menu + .dropdown-menu > li, html.default body #rss-menu + .dropdown-menu > li { border-bottom: 1px solid #f2f2f2; } html.default body #notifications-menu + .dropdown-menu > li:last-child, html.default body #rss-menu + .dropdown-menu > li:last-child { border-bottom: none; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid { padding-top: 10px; padding-bottom: 10px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container { width: 75px; padding-right: 10px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container .label, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container .label { font-size: 8px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container { width: 225px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time { line-height: 1; font-size: 10px; padding-bottom: 5px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time > strong > .rubix-icon, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time > strong > .rubix-icon { margin-right: 5px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-header, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-header { line-height: 1; font-size: 12px; padding-bottom: 5px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-details, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-details { line-height: 1; font-size: 10px; padding-bottom: 5px; } html.default body #notifications-menu + .dropdown-menu .notification-footer-btn, html.default body #rss-menu + .dropdown-menu .notification-footer-btn { margin: 0; height: 100%; font-size: 12px; border-radius: 0; font-weight: bold; padding: 6px 12px; border: none !important; color: #98A0A3 !important; background: #F9FAFB !important; } html.default body #notifications-menu + .dropdown-menu .notification-footer-btn:hover, html.default body #notifications-menu + .dropdown-menu .notification-footer-btn:focus, html.default body #rss-menu + .dropdown-menu .notification-footer-btn:hover, html.default body #rss-menu + .dropdown-menu .notification-footer-btn:focus { border: none !important; background: #eaedf1 !important; } html.default body #notifications-menu + .dropdown-menu .notification-footer-btn.left-btn, html.default body #rss-menu + .dropdown-menu .notification-footer-btn.left-btn { border-right: 1px solid #DDE1E6 !important; } html.default body #sidebar { top: 0; bottom: 0; z-index: 1; position: fixed; overflow: hidden; transition: all 0.3s ease; left: -250px; width: 250px; background: #273135; } @media (min-width: 990px) { html.default body #sidebar { left: 0; } } html.default body #sidebar #avatar { height: 75px; background: #FA7252; } html.default body #sidebar #avatar img { top: 17px; position: relative; } html.default body #sidebar #avatar-col, html.default body #sidebar #avatar-desc { margin-left: -5px; } html.default body #sidebar #demo-progress { margin: 0; top: 30px; height: 4px; width: 115px; border-radius: 0; position: relative; background: #DE5939; } html.default body #sidebar #demo-icon { top: 3px; float: right; font-size: 18px; position: relative; color: #DE5939; } html.default body #sidebar .sidebar-controls-container { width: 250px; height: 35px; display: table; visibility: visible; background: #DE5939; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls { display: table-row; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn { border: none; outline: none; font-size: 16px; cursor: pointer; background: none; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #cf4d2e; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a { outline: none; color: #993F31; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a:hover, html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a:focus { border: none; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn.active { background: #ba4e3b !important; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn.active > a { color: #FA7252; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn:hover { background: rgba(0, 0, 0, 0.04); } html.default body #sidebar .sidebar-item { height: 35px; background: #1F282D; } html.default body #sidebar #sidebar-container { bottom: 0; width: 250px; overflow: hidden; position: absolute; top: 110px; } html.default body #sidebar #sidebar-container .sidebar { top: 0; bottom: 0; width: 250px; overflow: hidden; position: absolute; transition: all 0.3s ease; } html.default body .sidebar-header { line-height: 1; font-size: 12px; padding-top: 25px; font-weight: bold; padding-bottom: 12px; text-transform: uppercase; color: rgba(137, 148, 155, 0.4); } html.default body .sidebar-nav > .sidebar-header { padding-left: 25px; } html.default body .sidebar-nav { padding: 0; list-style: none; margin-left: 25px; border-left: 2px solid rgba(59, 70, 72, 0.5); } html.default body .sidebar-nav > li { height: 45px; outline: none; cursor: pointer; overflow: hidden; position: relative; } html.default body .sidebar-nav > li > a { height: 45px; border: none; outline: none; color: #89949B; display: block; font-size: 14px; line-height: 14px; text-decoration: none; padding: 15px 0px 15px 25px; } html.default body .sidebar-nav > li > a > .rubix-icon, html.default body .sidebar-nav > li > a > rubix-icon > .rubix-icon { width: 16px; height: 17px; vertical-align: top; display: inline-block; } html.default body .sidebar-nav > li > a > .name { line-height: 16px; vertical-align: top; } html.default body .sidebar-nav > li > a > .name > span > .label, html.default body .sidebar-nav > li > a > .name > .label { float: right; margin-top: -3px; padding: 5px 10px; margin-right: 30px; } html.default body .sidebar-nav > li > a > .rubix-icon ~ .name, html.default body .sidebar-nav > li > a > rubix-icon ~ .name { margin-left: 10px; } html.default body .sidebar-nav > li > a:hover, html.default body .sidebar-nav > li > a:focus { border: none; background: rgba(0, 0, 0, 0.2); } html.default body .sidebar-nav > li:hover:before, html.default body .sidebar-nav > li.open:before { display: none; } html.default body .sidebar-nav > li.open { height: 100%; } html.default body .sidebar-nav > li.open > a { background: rgba(0, 0, 0, 0.2); } html.default body .sidebar-nav > li:before { left: 0; top: 22px; width: 15px; content: ' '; position: absolute; display: inline-block; border: 1px solid rgba(59, 70, 72, 0.5); } html.default body .sidebar-nav > li.active { border-left: 5px solid #E76049; } html.default body .sidebar-nav > li.active > a { background: rgba(0, 0, 0, 0.4); padding-left: 20px; } html.default body .sidebar-nav > li.active > a:hover { background: rgba(0, 0, 0, 0.4); } html.default body .sidebar-nav > li.active:before { display: none; } html.default body .sidebar-nav > li.active:after { top: 11px; right: 0; content: ''; position: absolute; display: inline-block; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #E9F0F5; } html.default body .sidebar-nav-container > .sidebar-nav { border: none; margin-left: -25px; margin-right: -25px; } html.default body .sidebar-nav-container > .sidebar-nav > li:before { display: none; } html.default body .sidebar-nav-container > .sidebar-nav > li > a { font-size: 16px; line-height: 16px; padding: 15px 25px; } html.default body .sidebar-nav-container > .sidebar-nav > li > a > .name { line-height: 18px; margin-left: 15px; } html.default body .sidebar-nav-container > .sidebar-nav > li > a > .rubix-icon, html.default body .sidebar-nav-container > .sidebar-nav > li > a > rubix-icon > .rubix-icon { width: 18px; height: 19px; display: inline-block; } html.default body .sidebar-nav-container > .sidebar-nav > li.active > a { padding-left: 20px; } html.default body #navbar ~ #sidebar { top: 75px; } html.default body #body { left: 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; z-index: 100; margin-left: 0; position: relative; transition: all 0.3s ease; background: #E9F0F5; margin-top: 25px; padding-bottom: 25px; } html.default body #navbar ~ #body { margin-top: 74px; padding-top: 25px; } @media (min-width: 990px) { html.default body #sidebar ~ #body { margin-left: 250px; } } html.default body #sidebar + #body { margin-top: 0; padding-top: 25px; } html.default body .external-event { background: #E76049; } html.default body #footer { padding: 10px; position: relative; color: #CCD6DF; background: #89949B; -webkit-box-flex: 0; -ms-flex: none; flex: none; } html.default body #footer-container { transition: all 0.3s ease; } @media (min-width: 990px) { html.default body #sidebar ~ #footer-container { margin-left: 250px; } } html .sidebar-nav > li > a > .toggle-button { top: 14px; right: 15px; position: absolute; } .toggle-button { -webkit-transform-origin: 4px; -ms-transform-origin: 4px; transform-origin: 4px; transition: all 0.125s ease; } .toggle-button.open { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .toggle-button.opposite { -webkit-transform-origin: 12px; -ms-transform-origin: 12px; transform-origin: 12px; } .toggle-button.opposite.open { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } html.touchevents, html.touchevents > body, html.touchevents #app-container, html.touchevents #app-container > #container { position: relative; } html.touchevents #body { top: 0; bottom: 0; left: 0 !important; right: 0 !important; padding: 0 !important; position: fixed !important; margin-bottom: 0 !important; min-height: 100% !important; margin-top: -100px !important; } html.touchevents #body > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding-top: 200px; padding-bottom: 25px; } html.touchevents #body > div > div { overflow-x: hidden; } html.touchevents #sidebar { overflow: hidden !important; } html.touchevents #sidebar #sidebar-container .sidebar { overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } html.touchevents #footer, html.touchevents #footer-container { display: none !important; position: relative !important; } html.static { background: #273135; } html.static body, html.static #app-container { background: #273135; } html.static #body { margin-top: -35px !important; } html.static #sidebar, html.static #rubix-nav-header { position: relative !important; } html.static #rubix-nav-header { position: static; margin-top: -110px; margin-bottom: -110px; margin-left: -25px !important; margin-right: -25px; } html.static #sidebar { overflow: visible !important; } html.static #sidebar #sidebar-container, html.static #sidebar .sidebar { overflow: visible !important; } @media (min-width: 990px) { html.static #rubix-nav-header { margin-left: 225px !important; } } html.static #container.container-open #rubix-nav-header { margin-left: 225px !important; } @media (min-width: 990px) { html.static #container.container-open #rubix-nav-header { margin-right: -25px !important; } } html.boxed { height: 100%; overflow: hidden; background: #333333 url("/imgs/common/congruent_outline.png"); } html.boxed body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: none; transition: all 0.5s ease; } html.boxed body #navbar { padding: 0; } html.boxed body #rubix-nav-header { margin: 0; position: absolute; } html.boxed body #sidebar { top: 75px; } html.boxed body #container.container-open > #sidebar { left: 0; } html.boxed body #container.container-open #rubix-nav-header { margin-left: 0; margin-right: 0; } html.boxed body #container.container-open > #body, html.boxed body #container.container-open > #footer-container { margin-left: 250px; margin-right: -250px; } @media (min-width: 990px) { html.boxed body #container.container-open > #body, html.boxed body #container.container-open > #footer-container { margin-right: 0; margin-left: 250px; } } html.boxed body > #app-container { height: 100%; overflow: hidden; position: relative; } html.boxed body > #app-container #rubix-nav-header { position: relative; } html.boxed body > #app-container #sidebar { margin: 0; position: absolute; } html.boxed body > #app-container #body { left: 0; right: 0; bottom: 0; margin-top: 0; overflow: auto; margin-left: 0; position: absolute; padding-bottom: 25px; padding-top: 200px; margin-top: -175px !important; overflow-y: auto; overflow-x: hidden; } html.boxed body > #app-container #footer-container, html.boxed body > #app-container #footer { display: none; } html.boxed body > #app-container #navbar ~ #body { margin-top: 0; top: 69px; } @media (min-width: 990px) { html.boxed body { width: 990px; margin: auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.boxed body > #app-container { margin: auto; } html.boxed body > #app-container #sidebar { margin-left: 0; } html.boxed body > #app-container #sidebar ~ #body, html.boxed body > #app-container #sidebar ~ #body ~ #footer-container { right: 0; margin-left: 250px; } } html.static.boxed { height: auto; overflow: auto; overflow-x: hidden; } html.static.boxed body { height: auto; overflow: visible; overflow-x: hidden; } html.static.boxed body #app-container { overflow: hidden; } html.static.boxed body #container.container-open #rubix-nav-header { margin-left: 0 !important; margin-right: 0 !important; } html.static.boxed body #navbar { width: 100%; } html.static.boxed body #rubix-nav-header { margin-right: 0; margin-top: -110px; margin-left: 0 !important; } html.static.boxed body #body { overflow: hidden !important; padding-top: 95px !important; position: relative !important; padding-bottom: 95px !important; } html.static.boxed body #footer-container, html.static.boxed body #footer { display: block !important; } html.static.boxed body #footer-container { margin-top: 25px; } /* GLOBAL SETTINGS */ html { letter-spacing: 0.5px; } a { color: #2EB398; } a:hover, a:focus { color: #248a76; } .rubix-panel-container { background: #ffffff; } .rubix-panel-container.bordered { border: 1px solid rgba(206, 219, 236, 0.75); box-shadow: 0px 2px 0px 0px rgba(206, 219, 236, 0.5); } .rubix-panel-container.noOverflow { overflow: visible; } .rubix-panel-controls { color: #89949B; } html.green .form-control { border-color: #ddd; } html.green .form-control:focus { box-shadow: none !important; border-color: #2EB398; } html.green .dropdown-menu .active > a { background-color: #2EB398; } html.green .dropdown-menu .active > a:hover, html.green .dropdown-menu .active > a:focus { background-color: #2EB398; } html.green .select2-container-multi .select2-choices { border-radius: 0; height: 25px; } html.green .select2-container .select2-choice, html.green .select2-container-multi .select2-choices { border-width: 2px; } html.green .select2-container .select2-choice .select2-arrow { color: white; border-radius: 0; } html.green .select2-drop-active, html.green .select2-drop.select2-drop-above.select2-drop-active, html.green .select2-container-active .select2-choice, html.green .select2-container-active .select2-choices, html.green .select2-dropdown-open.select2-drop-above .select2-choice, html.green .select2-dropdown-open.select2-drop-above .select2-choices, html.green .select2-container-multi.select2-container-active .select2-choices, html.green .form-control.select2-container.select2-dropdown-open { border-width: 2px; } html.green .pagination { margin: 0 0 25px; } html.green .pagination .disabled > a { color: #ccc; } html.green .pagination > .active > a, html.green .pagination > .active > a:hover, html.green .pagination > .active > a:focus, html.green .pagination > .active > span, html.green .pagination > .active > span:hover, html.green .pagination > .active > span:focus { color: white; background: #2EB398; border-color: #2EB398; } html.green .pagination > li > a, html.green .pagination > li > span { color: inherit; } html.green .rubix-panel .pagination > li > a { border: 1px solid #ddd; } html.green .datepicker table tr td.active, html.green .datepicker table tr td.active:hover, html.green .datepicker table tr td.active.disabled, html.green .datepicker table tr td.active.disabled:hover, html.green .datepicker table tr td span.active, html.green .datepicker table tr td span.active:hover, html.green .datepicker table tr td span.active.disabled, html.green .datepicker table tr td span.active.disabled:hover { background: #2EB398 !important; } html.green .breadcrumb > li > a { color: #2EB398; } html.green .breadcrumb > li > a:hover, html.green .breadcrumb > li > a:focus { color: #1e7664; } html.green .btn-theme { background: #2EB398; color: white; border-color: #2EB398; } html.green .btn-theme.btn-outlined { color: #2EB398; background: none; } html.green .btn-theme.btn-outlined.btn-onlyOnHover { color: #89949B; } html.green .btn-theme.btn-outlined.btn-onlyOnHover:hover, html.green .btn-theme.btn-outlined.btn-onlyOnHover:focus, html.green .btn-theme.btn-outlined.btn-onlyOnHover.active { color: white; } html.green .btn-theme.btn-outlined.btn-inverse { color: white; border-color: white; } html.green .btn-theme.btn-outlined.btn-inverse:hover, html.green .btn-theme.btn-outlined.btn-inverse:focus, html.green .btn-theme.btn-outlined.btn-inverse.active { color: #2EB398; background: white; } html.green .btn-theme.btn-outlined.btn-inverse:hover.btn-retainBg, html.green .btn-theme.btn-outlined.btn-inverse:focus.btn-retainBg, html.green .btn-theme.btn-outlined.btn-inverse.active.btn-retainBg { background: #2EB398; color: white; border-color: #2EB398; } html.green .btn-theme.btn-outlined.btn-inverse:hover.btn-retainBg:active, html.green .btn-theme.btn-outlined.btn-inverse:focus.btn-retainBg:active, html.green .btn-theme.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #1b6a5a; border-color: #0f3931; } html.green .btn-theme:focus, html.green .btn-theme.focus, html.green .btn-theme:hover, html.green .btn-theme.active { color: white; background: #45cfb3; border-color: #45cfb3; } html.green .btn-theme:active, html.green .btn-theme.active, html.green .btn-theme[aria-expanded="true"], html.green .btn-theme.active:hover, html.green .btn-theme.active:focus, html.green .btn-theme[aria-expanded="true"]:hover, html.green .btn-theme[aria-expanded="true"]:focus, .open > html.green .btn-theme.dropdown-toggle { color: white; background: #1b6a5a; border-color: #0f3931; background-image: none; } html.green .btn-theme.dropdown-toggle + ul li.active a { color: white; background: #2EB398; } html.green .btn-theme.disabled, html.green .btn-theme[disabled], fieldset[disabled] html.green .btn-theme { pointer-events: none; } html.green .btn-theme .badge { color: #2EB398; background-color: #2EB398; } html.green .menu-theme ul li.active a, html.green .menu-theme ul li.active a:hover { color: white; background: #2EB398 !important; } html.green .nav-theme > li.active > a, html.green .nav-theme > rubix-menu > li.active > a, html.green .nav-theme > rubix-nav-item > li.active > a { color: white; background: #2EB398; border-color: #2EB398; } html.green .tab-theme { border-color: #2EB398; } html.green .tab-theme > li.active > a { border-color: #2EB398; border-bottom-color: transparent; } html.green .tab-theme.nav-pills > li.active > a { background: #2EB398; color: white; } html.green .rubix-panel-header.nav-inline .nav-theme > li.active > a { border: 1px solid #2EB398; border-bottom: none; } html.green .rubix-panel-header.nav-inline .nav-theme > li.open > .dropdown-toggle { color: white; background: none; } html.green .bg-theme { background: #2EB398 !important; } html.green .bg-theme table td, html.green .bg-theme th { border-color: rgba(0, 0, 0, 0.05) !important; } html.green .bg-focus-theme:focus { background: #2EB398 !important; } html.green .bg-hover-theme:hover { background: #2EB398 !important; } html.green .fg-theme { color: #2EB398; } html.green .fg-theme .nav-tabs > li.active > a { color: #2EB398; } html.green .fg-tab-active-theme .nav-tabs > li.active > a { color: #2EB398 !important; } html.green .fg-focus-theme:focus { color: #2EB398; } html.green .fg-hover-theme:hover { color: #2EB398; } html.green .border-theme { border-color: #2EB398 !important; } html.green .border-theme .rubix-timeline-body > ul { border-color: #2EB398; } html.green .border-theme.rubix-timeline-view:before { border-color: #2EB398; } html.green .border-hover-theme:hover { border-color: #2EB398 !important; } html.green .border-focus-theme:focus { border-color: #2EB398 !important; } html.green .tl-theme .rubix-timeline-body > ul > li:before { border-color: #2EB398; } html.green .list-bg-theme > .list-group-item.active { background: #2EB398 !important; color: white !important; } html.green .list-fg-theme > .list-group-item { color: #2EB398; } html.green { background: white; overflow-x: hidden; color: #89949B; } html.green body { background: white; overflow-x: hidden; color: #89949B; } html.green body #app-container { overflow: hidden; } html.green body #container > div:first-child#navbar #rubix-nav-header { margin: 0; } html.green body #container > div:first-child#body { margin-top: 0; padding-top: 25px; } html.green body #container.container-open > #sidebar { left: 0; } html.green body #container.container-open #rubix-nav-header, html.green body #container.container-open > #body, html.green body #container.container-open > #footer-container { margin-left: 250px; margin-right: -250px; } @media (min-width: 990px) { html.green body #container.container-open #rubix-nav-header, html.green body #container.container-open > #body, html.green body #container.container-open > #footer-container { margin-right: 0; } } html.green body #container.force-close > #sidebar { left: -250px; } html.green body #container.force-close #rubix-nav-header { margin-left: 0; margin-right: 0; } html.green body #container.force-close > #body, html.green body #container.force-close > #footer-container { margin-left: 0; margin-right: 0; } html.green body #navbar { width: 100%; } html.green body #rubix-nav-header { border: none; margin-left: 0; display: block; height: 75px; transition: all 0.3s ease; background: #273135; } html.green body #rubix-nav-header .navbar-brand { width: 100%; text-align: center; color: #89949B; } html.green body #rubix-nav-header .navbar-brand > img { top: -3px; margin: auto; position: relative; } @media (max-width: 320px) { html.green body #rubix-nav-header .navbar-brand > img { width: 80px; left: -10px; } } html.green body #rubix-nav-header .navbar-content { height: 75px; } html.green body #rubix-nav-header .navbar-right { margin-right: -25px; } html.green body #rubix-nav-header .navbar-nav { margin: 0; display: inline-block; } html.green body #rubix-nav-header .navbar-nav:first-child { margin-left: -25px; } html.green body #rubix-nav-header .navbar-nav > li > a { border: none; padding: 25px; display: block; line-height: 1; } html.green body #rubix-nav-header .navbar-nav > li > a > .rubix-icon { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } html.green body #rubix-nav-header .navbar-nav > li.divider { height: 75px; border: 1px solid rgba(59, 70, 72, 0.45); } html.green body #rubix-nav-header .navbar-nav > li.dropdown.open > a { color: white; background: none; } html.green body #rubix-nav-header .navbar-nav > li.active > a, html.green body #rubix-nav-header .navbar-nav > li > a { height: 75px; font-size: 26px; background: none; text-align: center; color: #89949B; } html.green body #rubix-nav-header .navbar-nav > li.active > a:hover, html.green body #rubix-nav-header .navbar-nav > li > a:hover { color: #ffffff; } html.green body #rubix-nav-header .navbar-nav > li.pressed > a { color: white; } html.green body #rubix-nav-header .navbar-nav > li.logout > a, html.green body #rubix-nav-header .navbar-nav > li.sidebar-btn > a { width: 80px; font-size: 30px; padding-left: 0; padding-right: 0; } html.green body #rubix-nav-header .navbar-nav > li.logout > a { color: #ffffff; background: #2EB398; } html.green body #rubix-nav-header .navbar-nav > li.logout > a:hover { background: #31C0A3; } html.green body #rubix-nav-header .navbar-nav > li.sidebar-btn > a { color: #ffffff; background: #2AA38B; } html.green body #rubix-nav-header .navbar-nav > li.sidebar-btn > a:hover { background: #2EB398; } html.green body #rubix-nav-header .navbar-nav > li.collapse-left > a { padding-left: 0; } html.green body #rubix-nav-header .navbar-nav > li.collapse-right > a { padding-right: 0; } html.green body #rubix-nav-header .navbar-nav > li.small-font > a { font-size: 20px; } html.green body #rubix-nav-header .navbar-nav > li .notification-badge { font-size: 10px; padding: 3px 5px; margin-left: -5px; line-height: 10px; margin-top: -10px; position: absolute; } @media (min-width: 990px) { html.green body #rubix-nav-header { margin-left: 250px; } } html.green body #flag-menu-btn > img { top: -2px; position: relative; } html.green body .lang-menu-text { line-height: 32px; } html.green body .header-menu > .dropdown-menu { border: none; margin-top: 0px; overflow: visible; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); border-top: 5px solid #2EB398 !important; } html.green body .header-menu > .dropdown-menu:after { top: -14px; right: 25px; content: ''; position: absolute; display: inline-block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #2EB398; } html.green body #flag-menu-btn + .dropdown-menu { width: 325px; } html.green body #flag-menu-btn + .dropdown-menu .container-fluid { margin-left: -25px; margin-right: -25px; } html.green body #settings-menu + .dropdown-menu { width: 375px; } html.green body #notifications-menu + .dropdown-menu, html.green body #rss-menu + .dropdown-menu { width: 325px; } html.green body #notifications-menu + .dropdown-menu > li, html.green body #rss-menu + .dropdown-menu > li { border-bottom: 1px solid #f2f2f2; } html.green body #notifications-menu + .dropdown-menu > li:last-child, html.green body #rss-menu + .dropdown-menu > li:last-child { border-bottom: none; } html.green body #notifications-menu + .dropdown-menu > li > a > .container-fluid, html.green body #rss-menu + .dropdown-menu > li > a > .container-fluid { padding-top: 10px; padding-bottom: 10px; } html.green body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container, html.green body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container { width: 75px; padding-right: 10px; } html.green body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container .label, html.green body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container .label { font-size: 8px; } html.green body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container, html.green body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container { width: 225px; } html.green body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time, html.green body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time { line-height: 1; font-size: 10px; padding-bottom: 5px; } html.green body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time > strong > .rubix-icon, html.green body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time > strong > .rubix-icon { margin-right: 5px; } html.green body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-header, html.green body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-header { line-height: 1; font-size: 12px; padding-bottom: 5px; } html.green body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-details, html.green body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-details { line-height: 1; font-size: 10px; padding-bottom: 5px; } html.green body #notifications-menu + .dropdown-menu .notification-footer-btn, html.green body #rss-menu + .dropdown-menu .notification-footer-btn { margin: 0; height: 100%; font-size: 12px; border-radius: 0; font-weight: bold; padding: 6px 12px; border: none !important; color: #98A0A3 !important; background: #F9FAFB !important; } html.green body #notifications-menu + .dropdown-menu .notification-footer-btn:hover, html.green body #notifications-menu + .dropdown-menu .notification-footer-btn:focus, html.green body #rss-menu + .dropdown-menu .notification-footer-btn:hover, html.green body #rss-menu + .dropdown-menu .notification-footer-btn:focus { border: none !important; background: #eaedf1 !important; } html.green body #notifications-menu + .dropdown-menu .notification-footer-btn.left-btn, html.green body #rss-menu + .dropdown-menu .notification-footer-btn.left-btn { border-right: 1px solid #DDE1E6 !important; } html.green body #sidebar { top: 0; bottom: 0; z-index: 1; position: fixed; overflow: hidden; transition: all 0.3s ease; left: -250px; width: 250px; background: #273135; } @media (min-width: 990px) { html.green body #sidebar { left: 0; } } html.green body #sidebar #avatar { height: 75px; background: #56B596; } html.green body #sidebar #avatar img { top: 17px; position: relative; } html.green body #sidebar #avatar-col, html.green body #sidebar #avatar-desc { margin-left: -5px; } html.green body #sidebar #demo-progress { margin: 0; top: 30px; height: 4px; width: 115px; border-radius: 0; position: relative; background: #279982; } html.green body #sidebar #demo-icon { top: 3px; float: right; font-size: 18px; position: relative; color: #279982; } html.green body #sidebar .sidebar-controls-container { width: 250px; height: 35px; display: table; visibility: visible; background: #279982; } html.green body #sidebar .sidebar-controls-container > .sidebar-controls { display: table-row; } html.green body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn { border: none; outline: none; font-size: 16px; cursor: pointer; background: none; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #25917b; } html.green body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a { outline: none; color: #1B6858; } html.green body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a:hover, html.green body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a:focus { border: none; } html.green body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn.active { background: #1E7362 !important; } html.green body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn.active > a { color: #56B596; } html.green body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn:hover { background: rgba(0, 0, 0, 0.04); } html.green body #sidebar .sidebar-item { height: 35px; background: #1F282D; } html.green body #sidebar #sidebar-container { bottom: 0; width: 250px; overflow: hidden; position: absolute; top: 110px; } html.green body #sidebar #sidebar-container .sidebar { top: 0; bottom: 0; width: 250px; overflow: hidden; position: absolute; transition: all 0.3s ease; } html.green body .sidebar-header { line-height: 1; font-size: 12px; padding-top: 25px; font-weight: bold; padding-bottom: 12px; text-transform: uppercase; color: rgba(137, 148, 155, 0.4); } html.green body .sidebar-nav > .sidebar-header { padding-left: 25px; } html.green body .sidebar-nav { padding: 0; list-style: none; margin-left: 25px; border-left: 2px solid rgba(59, 70, 72, 0.5); } html.green body .sidebar-nav > li { height: 45px; outline: none; cursor: pointer; overflow: hidden; position: relative; } html.green body .sidebar-nav > li > a { height: 45px; border: none; outline: none; color: #89949B; display: block; font-size: 14px; line-height: 14px; text-decoration: none; padding: 15px 0px 15px 25px; } html.green body .sidebar-nav > li > a > .rubix-icon, html.green body .sidebar-nav > li > a > rubix-icon > .rubix-icon { width: 16px; height: 17px; vertical-align: top; display: inline-block; } html.green body .sidebar-nav > li > a > .name { line-height: 16px; vertical-align: top; } html.green body .sidebar-nav > li > a > .name > span > .label, html.green body .sidebar-nav > li > a > .name > .label { float: right; margin-top: -3px; padding: 5px 10px; margin-right: 30px; } html.green body .sidebar-nav > li > a > .rubix-icon ~ .name, html.green body .sidebar-nav > li > a > rubix-icon ~ .name { margin-left: 10px; } html.green body .sidebar-nav > li > a:hover, html.green body .sidebar-nav > li > a:focus { border: none; background: rgba(0, 0, 0, 0.2); } html.green body .sidebar-nav > li:hover:before, html.green body .sidebar-nav > li.open:before { display: none; } html.green body .sidebar-nav > li.open { height: 100%; } html.green body .sidebar-nav > li.open > a { background: rgba(0, 0, 0, 0.2); } html.green body .sidebar-nav > li:before { left: 0; top: 22px; width: 15px; content: ' '; position: absolute; display: inline-block; border: 1px solid rgba(59, 70, 72, 0.5); } html.green body .sidebar-nav > li.active { border-left: 5px solid #2EB398; } html.green body .sidebar-nav > li.active > a { background: rgba(0, 0, 0, 0.4); padding-left: 20px; } html.green body .sidebar-nav > li.active > a:hover { background: rgba(0, 0, 0, 0.4); } html.green body .sidebar-nav > li.active:before { display: none; } html.green body .sidebar-nav > li.active:after { top: 11px; right: 0; content: ''; position: absolute; display: inline-block; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #E9F0F5; } html.green body .sidebar-nav-container > .sidebar-nav { border: none; margin-left: -25px; margin-right: -25px; } html.green body .sidebar-nav-container > .sidebar-nav > li:before { display: none; } html.green body .sidebar-nav-container > .sidebar-nav > li > a { font-size: 16px; line-height: 16px; padding: 15px 25px; } html.green body .sidebar-nav-container > .sidebar-nav > li > a > .name { line-height: 18px; margin-left: 15px; } html.green body .sidebar-nav-container > .sidebar-nav > li > a > .rubix-icon, html.green body .sidebar-nav-container > .sidebar-nav > li > a > rubix-icon > .rubix-icon { width: 18px; height: 19px; display: inline-block; } html.green body .sidebar-nav-container > .sidebar-nav > li.active > a { padding-left: 20px; } html.green body #navbar ~ #sidebar { top: 75px; } html.green body #body { left: 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; z-index: 100; margin-left: 0; position: relative; transition: all 0.3s ease; background: #E9F0F5; margin-top: 25px; padding-bottom: 25px; } html.green body #navbar ~ #body { margin-top: 74px; padding-top: 25px; } @media (min-width: 990px) { html.green body #sidebar ~ #body { margin-left: 250px; } } html.green body #sidebar + #body { margin-top: 0; padding-top: 25px; } html.green body .external-event { background: #2EB398; } html.green body #footer { padding: 10px; position: relative; color: #CCD6DF; background: #89949B; -webkit-box-flex: 0; -ms-flex: none; flex: none; } html.green body #footer-container { transition: all 0.3s ease; } @media (min-width: 990px) { html.green body #sidebar ~ #footer-container { margin-left: 250px; } } html .sidebar-nav > li > a > .toggle-button { top: 14px; right: 15px; position: absolute; } .toggle-button { -webkit-transform-origin: 4px; -ms-transform-origin: 4px; transform-origin: 4px; transition: all 0.125s ease; } .toggle-button.open { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .toggle-button.opposite { -webkit-transform-origin: 12px; -ms-transform-origin: 12px; transform-origin: 12px; } .toggle-button.opposite.open { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } html.touchevents, html.touchevents > body, html.touchevents #app-container, html.touchevents #app-container > #container { position: relative; } html.touchevents #body { top: 0; bottom: 0; left: 0 !important; right: 0 !important; padding: 0 !important; position: fixed !important; margin-bottom: 0 !important; min-height: 100% !important; margin-top: -100px !important; } html.touchevents #body > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding-top: 200px; padding-bottom: 25px; } html.touchevents #body > div > div { overflow-x: hidden; } html.touchevents #sidebar { overflow: hidden !important; } html.touchevents #sidebar #sidebar-container .sidebar { overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } html.touchevents #footer, html.touchevents #footer-container { display: none !important; position: relative !important; } html.static { background: #273135; } html.static body, html.static #app-container { background: #273135; } html.static #body { margin-top: -35px !important; } html.static #sidebar, html.static #rubix-nav-header { position: relative !important; } html.static #rubix-nav-header { position: static; margin-top: -110px; margin-bottom: -110px; margin-left: -25px !important; margin-right: -25px; } html.static #sidebar { overflow: visible !important; } html.static #sidebar #sidebar-container, html.static #sidebar .sidebar { overflow: visible !important; } @media (min-width: 990px) { html.static #rubix-nav-header { margin-left: 225px !important; } } html.static #container.container-open #rubix-nav-header { margin-left: 225px !important; } @media (min-width: 990px) { html.static #container.container-open #rubix-nav-header { margin-right: -25px !important; } } html.boxed { height: 100%; overflow: hidden; background: #333333 url("/imgs/common/congruent_outline.png"); } html.boxed body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: none; transition: all 0.5s ease; } html.boxed body #navbar { padding: 0; } html.boxed body #rubix-nav-header { margin: 0; position: absolute; } html.boxed body #sidebar { top: 75px; } html.boxed body #container.container-open > #sidebar { left: 0; } html.boxed body #container.container-open #rubix-nav-header { margin-left: 0; margin-right: 0; } html.boxed body #container.container-open > #body, html.boxed body #container.container-open > #footer-container { margin-left: 250px; margin-right: -250px; } @media (min-width: 990px) { html.boxed body #container.container-open > #body, html.boxed body #container.container-open > #footer-container { margin-right: 0; margin-left: 250px; } } html.boxed body > #app-container { height: 100%; overflow: hidden; position: relative; } html.boxed body > #app-container #rubix-nav-header { position: relative; } html.boxed body > #app-container #sidebar { margin: 0; position: absolute; } html.boxed body > #app-container #body { left: 0; right: 0; bottom: 0; margin-top: 0; overflow: auto; margin-left: 0; position: absolute; padding-bottom: 25px; padding-top: 200px; margin-top: -175px !important; overflow-y: auto; overflow-x: hidden; } html.boxed body > #app-container #footer-container, html.boxed body > #app-container #footer { display: none; } html.boxed body > #app-container #navbar ~ #body { margin-top: 0; top: 69px; } @media (min-width: 990px) { html.boxed body { width: 990px; margin: auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.boxed body > #app-container { margin: auto; } html.boxed body > #app-container #sidebar { margin-left: 0; } html.boxed body > #app-container #sidebar ~ #body, html.boxed body > #app-container #sidebar ~ #body ~ #footer-container { right: 0; margin-left: 250px; } } html.static.boxed { height: auto; overflow: auto; overflow-x: hidden; } html.static.boxed body { height: auto; overflow: visible; overflow-x: hidden; } html.static.boxed body #app-container { overflow: hidden; } html.static.boxed body #container.container-open #rubix-nav-header { margin-left: 0 !important; margin-right: 0 !important; } html.static.boxed body #navbar { width: 100%; } html.static.boxed body #rubix-nav-header { margin-right: 0; margin-top: -110px; margin-left: 0 !important; } html.static.boxed body #body { overflow: hidden !important; padding-top: 95px !important; position: relative !important; padding-bottom: 95px !important; } html.static.boxed body #footer-container, html.static.boxed body #footer { display: block !important; } html.static.boxed body #footer-container { margin-top: 25px; } /* GLOBAL SETTINGS */ html { letter-spacing: 0.5px; } a { color: #2EB398; } a:hover, a:focus { color: #248a76; } .rubix-panel-container { background: #ffffff; } .rubix-panel-container.bordered { border: 1px solid rgba(206, 219, 236, 0.75); box-shadow: 0px 2px 0px 0px rgba(206, 219, 236, 0.5); } .rubix-panel-container.noOverflow { overflow: visible; } .rubix-panel-controls { color: #89949B; } html.blue .form-control { border-color: #ddd; } html.blue .form-control:focus { box-shadow: none !important; border-color: #2EB398; } html.blue .dropdown-menu .active > a { background-color: #79B0EC; } html.blue .dropdown-menu .active > a:hover, html.blue .dropdown-menu .active > a:focus { background-color: #79B0EC; } html.blue .select2-container-multi .select2-choices { border-radius: 0; height: 25px; } html.blue .select2-container .select2-choice, html.blue .select2-container-multi .select2-choices { border-width: 2px; } html.blue .select2-container .select2-choice .select2-arrow { color: white; border-radius: 0; } html.blue .select2-drop-active, html.blue .select2-drop.select2-drop-above.select2-drop-active, html.blue .select2-container-active .select2-choice, html.blue .select2-container-active .select2-choices, html.blue .select2-dropdown-open.select2-drop-above .select2-choice, html.blue .select2-dropdown-open.select2-drop-above .select2-choices, html.blue .select2-container-multi.select2-container-active .select2-choices, html.blue .form-control.select2-container.select2-dropdown-open { border-width: 2px; } html.blue .pagination { margin: 0 0 25px; } html.blue .pagination .disabled > a { color: #ccc; } html.blue .pagination > .active > a, html.blue .pagination > .active > a:hover, html.blue .pagination > .active > a:focus, html.blue .pagination > .active > span, html.blue .pagination > .active > span:hover, html.blue .pagination > .active > span:focus { color: white; background: #79B0EC; border-color: #79B0EC; } html.blue .pagination > li > a, html.blue .pagination > li > span { color: inherit; } html.blue .rubix-panel .pagination > li > a { border: 1px solid #ddd; } html.blue .datepicker table tr td.active, html.blue .datepicker table tr td.active:hover, html.blue .datepicker table tr td.active.disabled, html.blue .datepicker table tr td.active.disabled:hover, html.blue .datepicker table tr td span.active, html.blue .datepicker table tr td span.active:hover, html.blue .datepicker table tr td span.active.disabled, html.blue .datepicker table tr td span.active.disabled:hover { background: #79B0EC !important; } html.blue .breadcrumb > li > a { color: #79B0EC; } html.blue .breadcrumb > li > a:hover, html.blue .breadcrumb > li > a:focus { color: #3689e3; } html.blue .btn-theme { background: #79B0EC; color: white; border-color: #79B0EC; } html.blue .btn-theme.btn-outlined { color: #79B0EC; background: none; } html.blue .btn-theme.btn-outlined.btn-onlyOnHover { color: #89949B; } html.blue .btn-theme.btn-outlined.btn-onlyOnHover:hover, html.blue .btn-theme.btn-outlined.btn-onlyOnHover:focus, html.blue .btn-theme.btn-outlined.btn-onlyOnHover.active { color: white; } html.blue .btn-theme.btn-outlined.btn-inverse { color: white; border-color: white; } html.blue .btn-theme.btn-outlined.btn-inverse:hover, html.blue .btn-theme.btn-outlined.btn-inverse:focus, html.blue .btn-theme.btn-outlined.btn-inverse.active { color: #79B0EC; background: white; } html.blue .btn-theme.btn-outlined.btn-inverse:hover.btn-retainBg, html.blue .btn-theme.btn-outlined.btn-inverse:focus.btn-retainBg, html.blue .btn-theme.btn-outlined.btn-inverse.active.btn-retainBg { background: #79B0EC; color: white; border-color: #79B0EC; } html.blue .btn-theme.btn-outlined.btn-inverse:hover.btn-retainBg:active, html.blue .btn-theme.btn-outlined.btn-inverse:focus.btn-retainBg:active, html.blue .btn-theme.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #2981e1; border-color: #1963b3; } html.blue .btn-theme:focus, html.blue .btn-theme.focus, html.blue .btn-theme:hover, html.blue .btn-theme.active { color: white; background: #a6caf2; border-color: #a6caf2; } html.blue .btn-theme:active, html.blue .btn-theme.active, html.blue .btn-theme[aria-expanded="true"], html.blue .btn-theme.active:hover, html.blue .btn-theme.active:focus, html.blue .btn-theme[aria-expanded="true"]:hover, html.blue .btn-theme[aria-expanded="true"]:focus, .open > html.blue .btn-theme.dropdown-toggle { color: white; background: #2981e1; border-color: #1963b3; background-image: none; } html.blue .btn-theme.dropdown-toggle + ul li.active a { color: white; background: #79B0EC; } html.blue .btn-theme.disabled, html.blue .btn-theme[disabled], fieldset[disabled] html.blue .btn-theme { pointer-events: none; } html.blue .btn-theme .badge { color: #79B0EC; background-color: #79B0EC; } html.blue .menu-theme ul li.active a, html.blue .menu-theme ul li.active a:hover { color: white; background: #79B0EC !important; } html.blue .nav-theme > li.active > a, html.blue .nav-theme > rubix-menu > li.active > a, html.blue .nav-theme > rubix-nav-item > li.active > a { color: white; background: #79B0EC; border-color: #79B0EC; } html.blue .tab-theme { border-color: #79B0EC; } html.blue .tab-theme > li.active > a { border-color: #79B0EC; border-bottom-color: transparent; } html.blue .tab-theme.nav-pills > li.active > a { background: #79B0EC; color: white; } html.blue .rubix-panel-header.nav-inline .nav-theme > li.active > a { border: 1px solid #79B0EC; border-bottom: none; } html.blue .rubix-panel-header.nav-inline .nav-theme > li.open > .dropdown-toggle { color: white; background: none; } html.blue .bg-theme { background: #79B0EC !important; } html.blue .bg-theme table td, html.blue .bg-theme th { border-color: rgba(0, 0, 0, 0.05) !important; } html.blue .bg-focus-theme:focus { background: #79B0EC !important; } html.blue .bg-hover-theme:hover { background: #79B0EC !important; } html.blue .fg-theme { color: #79B0EC; } html.blue .fg-theme .nav-tabs > li.active > a { color: #79B0EC; } html.blue .fg-tab-active-theme .nav-tabs > li.active > a { color: #79B0EC !important; } html.blue .fg-focus-theme:focus { color: #79B0EC; } html.blue .fg-hover-theme:hover { color: #79B0EC; } html.blue .border-theme { border-color: #79B0EC !important; } html.blue .border-theme .rubix-timeline-body > ul { border-color: #79B0EC; } html.blue .border-theme.rubix-timeline-view:before { border-color: #79B0EC; } html.blue .border-hover-theme:hover { border-color: #79B0EC !important; } html.blue .border-focus-theme:focus { border-color: #79B0EC !important; } html.blue .tl-theme .rubix-timeline-body > ul > li:before { border-color: #79B0EC; } html.blue .list-bg-theme > .list-group-item.active { background: #79B0EC !important; color: white !important; } html.blue .list-fg-theme > .list-group-item { color: #79B0EC; } html.blue { background: white; overflow-x: hidden; color: #89949B; } html.blue body { background: white; overflow-x: hidden; color: #89949B; } html.blue body #app-container { overflow: hidden; } html.blue body #container > div:first-child#navbar #rubix-nav-header { margin: 0; } html.blue body #container > div:first-child#body { margin-top: 0; padding-top: 25px; } html.blue body #container.container-open > #sidebar { left: 0; } html.blue body #container.container-open #rubix-nav-header, html.blue body #container.container-open > #body, html.blue body #container.container-open > #footer-container { margin-left: 250px; margin-right: -250px; } @media (min-width: 990px) { html.blue body #container.container-open #rubix-nav-header, html.blue body #container.container-open > #body, html.blue body #container.container-open > #footer-container { margin-right: 0; } } html.blue body #container.force-close > #sidebar { left: -250px; } html.blue body #container.force-close #rubix-nav-header { margin-left: 0; margin-right: 0; } html.blue body #container.force-close > #body, html.blue body #container.force-close > #footer-container { margin-left: 0; margin-right: 0; } html.blue body #navbar { width: 100%; } html.blue body #rubix-nav-header { border: none; margin-left: 0; display: block; height: 75px; transition: all 0.3s ease; background: #273135; } html.blue body #rubix-nav-header .navbar-brand { width: 100%; text-align: center; color: #89949B; } html.blue body #rubix-nav-header .navbar-brand > img { top: -3px; margin: auto; position: relative; } @media (max-width: 320px) { html.blue body #rubix-nav-header .navbar-brand > img { width: 80px; left: -10px; } } html.blue body #rubix-nav-header .navbar-content { height: 75px; } html.blue body #rubix-nav-header .navbar-right { margin-right: -25px; } html.blue body #rubix-nav-header .navbar-nav { margin: 0; display: inline-block; } html.blue body #rubix-nav-header .navbar-nav:first-child { margin-left: -25px; } html.blue body #rubix-nav-header .navbar-nav > li > a { border: none; padding: 25px; display: block; line-height: 1; } html.blue body #rubix-nav-header .navbar-nav > li > a > .rubix-icon { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } html.blue body #rubix-nav-header .navbar-nav > li.divider { height: 75px; border: 1px solid rgba(59, 70, 72, 0.45); } html.blue body #rubix-nav-header .navbar-nav > li.dropdown.open > a { color: white; background: none; } html.blue body #rubix-nav-header .navbar-nav > li.active > a, html.blue body #rubix-nav-header .navbar-nav > li > a { height: 75px; font-size: 26px; background: none; text-align: center; color: #89949B; } html.blue body #rubix-nav-header .navbar-nav > li.active > a:hover, html.blue body #rubix-nav-header .navbar-nav > li > a:hover { color: #ffffff; } html.blue body #rubix-nav-header .navbar-nav > li.pressed > a { color: white; } html.blue body #rubix-nav-header .navbar-nav > li.logout > a, html.blue body #rubix-nav-header .navbar-nav > li.sidebar-btn > a { width: 80px; font-size: 30px; padding-left: 0; padding-right: 0; } html.blue body #rubix-nav-header .navbar-nav > li.logout > a { color: #ffffff; background: #6FA2D9; } html.blue body #rubix-nav-header .navbar-nav > li.logout > a:hover { background: #80BAF9; } html.blue body #rubix-nav-header .navbar-nav > li.sidebar-btn > a { color: #ffffff; background: #2AA38B; } html.blue body #rubix-nav-header .navbar-nav > li.sidebar-btn > a:hover { background: #2EB398; } html.blue body #rubix-nav-header .navbar-nav > li.collapse-left > a { padding-left: 0; } html.blue body #rubix-nav-header .navbar-nav > li.collapse-right > a { padding-right: 0; } html.blue body #rubix-nav-header .navbar-nav > li.small-font > a { font-size: 20px; } html.blue body #rubix-nav-header .navbar-nav > li .notification-badge { font-size: 10px; padding: 3px 5px; margin-left: -5px; line-height: 10px; margin-top: -10px; position: absolute; } @media (min-width: 990px) { html.blue body #rubix-nav-header { margin-left: 250px; } } html.blue body #flag-menu-btn > img { top: -2px; position: relative; } html.blue body .lang-menu-text { line-height: 32px; } html.blue body .header-menu > .dropdown-menu { border: none; margin-top: 0px; overflow: visible; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); border-top: 5px solid #79B0EC !important; } html.blue body .header-menu > .dropdown-menu:after { top: -14px; right: 25px; content: ''; position: absolute; display: inline-block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #79B0EC; } html.blue body #flag-menu-btn + .dropdown-menu { width: 325px; } html.blue body #flag-menu-btn + .dropdown-menu .container-fluid { margin-left: -25px; margin-right: -25px; } html.blue body #settings-menu + .dropdown-menu { width: 375px; } html.blue body #notifications-menu + .dropdown-menu, html.blue body #rss-menu + .dropdown-menu { width: 325px; } html.blue body #notifications-menu + .dropdown-menu > li, html.blue body #rss-menu + .dropdown-menu > li { border-bottom: 1px solid #f2f2f2; } html.blue body #notifications-menu + .dropdown-menu > li:last-child, html.blue body #rss-menu + .dropdown-menu > li:last-child { border-bottom: none; } html.blue body #notifications-menu + .dropdown-menu > li > a > .container-fluid, html.blue body #rss-menu + .dropdown-menu > li > a > .container-fluid { padding-top: 10px; padding-bottom: 10px; } html.blue body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container, html.blue body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container { width: 75px; padding-right: 10px; } html.blue body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container .label, html.blue body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container .label { font-size: 8px; } html.blue body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container, html.blue body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container { width: 225px; } html.blue body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time, html.blue body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time { line-height: 1; font-size: 10px; padding-bottom: 5px; } html.blue body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time > strong > .rubix-icon, html.blue body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time > strong > .rubix-icon { margin-right: 5px; } html.blue body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-header, html.blue body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-header { line-height: 1; font-size: 12px; padding-bottom: 5px; } html.blue body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-details, html.blue body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-details { line-height: 1; font-size: 10px; padding-bottom: 5px; } html.blue body #notifications-menu + .dropdown-menu .notification-footer-btn, html.blue body #rss-menu + .dropdown-menu .notification-footer-btn { margin: 0; height: 100%; font-size: 12px; border-radius: 0; font-weight: bold; padding: 6px 12px; border: none !important; color: #98A0A3 !important; background: #F9FAFB !important; } html.blue body #notifications-menu + .dropdown-menu .notification-footer-btn:hover, html.blue body #notifications-menu + .dropdown-menu .notification-footer-btn:focus, html.blue body #rss-menu + .dropdown-menu .notification-footer-btn:hover, html.blue body #rss-menu + .dropdown-menu .notification-footer-btn:focus { border: none !important; background: #eaedf1 !important; } html.blue body #notifications-menu + .dropdown-menu .notification-footer-btn.left-btn, html.blue body #rss-menu + .dropdown-menu .notification-footer-btn.left-btn { border-right: 1px solid #DDE1E6 !important; } html.blue body #sidebar { top: 0; bottom: 0; z-index: 1; position: fixed; overflow: hidden; transition: all 0.3s ease; left: -250px; width: 250px; background: #273135; } @media (min-width: 990px) { html.blue body #sidebar { left: 0; } } html.blue body #sidebar #avatar { height: 75px; background: #80BAF9; } html.blue body #sidebar #avatar img { top: 17px; position: relative; } html.blue body #sidebar #avatar-col, html.blue body #sidebar #avatar-desc { margin-left: -5px; } html.blue body #sidebar #demo-progress { margin: 0; top: 30px; height: 4px; width: 115px; border-radius: 0; position: relative; background: #6FA2D9; } html.blue body #sidebar #demo-icon { top: 3px; float: right; font-size: 18px; position: relative; color: #6FA2D9; } html.blue body #sidebar .sidebar-controls-container { width: 250px; height: 35px; display: table; visibility: visible; background: #6FA2D9; } html.blue body #sidebar .sidebar-controls-container > .sidebar-controls { display: table-row; } html.blue body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn { border: none; outline: none; font-size: 16px; cursor: pointer; background: none; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #6C9DD2; } html.blue body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a { outline: none; color: #52779e; } html.blue body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a:hover, html.blue body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a:focus { border: none; } html.blue body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn.active { background: #80BAF9 !important; } html.blue body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn.active > a { color: #357bc7; } html.blue body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn:hover { background: rgba(0, 0, 0, 0.04); } html.blue body #sidebar .sidebar-item { height: 35px; background: #1F282D; } html.blue body #sidebar #sidebar-container { bottom: 0; width: 250px; overflow: hidden; position: absolute; top: 110px; } html.blue body #sidebar #sidebar-container .sidebar { top: 0; bottom: 0; width: 250px; overflow: hidden; position: absolute; transition: all 0.3s ease; } html.blue body .sidebar-header { line-height: 1; font-size: 12px; padding-top: 25px; font-weight: bold; padding-bottom: 12px; text-transform: uppercase; color: rgba(137, 148, 155, 0.4); } html.blue body .sidebar-nav > .sidebar-header { padding-left: 25px; } html.blue body .sidebar-nav { padding: 0; list-style: none; margin-left: 25px; border-left: 2px solid rgba(59, 70, 72, 0.5); } html.blue body .sidebar-nav > li { height: 45px; outline: none; cursor: pointer; overflow: hidden; position: relative; } html.blue body .sidebar-nav > li > a { height: 45px; border: none; outline: none; color: #89949B; display: block; font-size: 14px; line-height: 14px; text-decoration: none; padding: 15px 0px 15px 25px; } html.blue body .sidebar-nav > li > a > .rubix-icon, html.blue body .sidebar-nav > li > a > rubix-icon > .rubix-icon { width: 16px; height: 17px; vertical-align: top; display: inline-block; } html.blue body .sidebar-nav > li > a > .name { line-height: 16px; vertical-align: top; } html.blue body .sidebar-nav > li > a > .name > span > .label, html.blue body .sidebar-nav > li > a > .name > .label { float: right; margin-top: -3px; padding: 5px 10px; margin-right: 30px; } html.blue body .sidebar-nav > li > a > .rubix-icon ~ .name, html.blue body .sidebar-nav > li > a > rubix-icon ~ .name { margin-left: 10px; } html.blue body .sidebar-nav > li > a:hover, html.blue body .sidebar-nav > li > a:focus { border: none; background: rgba(0, 0, 0, 0.2); } html.blue body .sidebar-nav > li:hover:before, html.blue body .sidebar-nav > li.open:before { display: none; } html.blue body .sidebar-nav > li.open { height: 100%; } html.blue body .sidebar-nav > li.open > a { background: rgba(0, 0, 0, 0.2); } html.blue body .sidebar-nav > li:before { left: 0; top: 22px; width: 15px; content: ' '; position: absolute; display: inline-block; border: 1px solid rgba(59, 70, 72, 0.5); } html.blue body .sidebar-nav > li.active { border-left: 5px solid #79B0EC; } html.blue body .sidebar-nav > li.active > a { background: rgba(0, 0, 0, 0.4); padding-left: 20px; } html.blue body .sidebar-nav > li.active > a:hover { background: rgba(0, 0, 0, 0.4); } html.blue body .sidebar-nav > li.active:before { display: none; } html.blue body .sidebar-nav > li.active:after { top: 11px; right: 0; content: ''; position: absolute; display: inline-block; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #E9F0F5; } html.blue body .sidebar-nav-container > .sidebar-nav { border: none; margin-left: -25px; margin-right: -25px; } html.blue body .sidebar-nav-container > .sidebar-nav > li:before { display: none; } html.blue body .sidebar-nav-container > .sidebar-nav > li > a { font-size: 16px; line-height: 16px; padding: 15px 25px; } html.blue body .sidebar-nav-container > .sidebar-nav > li > a > .name { line-height: 18px; margin-left: 15px; } html.blue body .sidebar-nav-container > .sidebar-nav > li > a > .rubix-icon, html.blue body .sidebar-nav-container > .sidebar-nav > li > a > rubix-icon > .rubix-icon { width: 18px; height: 19px; display: inline-block; } html.blue body .sidebar-nav-container > .sidebar-nav > li.active > a { padding-left: 20px; } html.blue body #navbar ~ #sidebar { top: 75px; } html.blue body #body { left: 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; z-index: 100; margin-left: 0; position: relative; transition: all 0.3s ease; background: #E9F0F5; margin-top: 25px; padding-bottom: 25px; } html.blue body #navbar ~ #body { margin-top: 74px; padding-top: 25px; } @media (min-width: 990px) { html.blue body #sidebar ~ #body { margin-left: 250px; } } html.blue body #sidebar + #body { margin-top: 0; padding-top: 25px; } html.blue body .external-event { background: #79B0EC; } html.blue body #footer { padding: 10px; position: relative; color: #CCD6DF; background: #89949B; -webkit-box-flex: 0; -ms-flex: none; flex: none; } html.blue body #footer-container { transition: all 0.3s ease; } @media (min-width: 990px) { html.blue body #sidebar ~ #footer-container { margin-left: 250px; } } html .sidebar-nav > li > a > .toggle-button { top: 14px; right: 15px; position: absolute; } .toggle-button { -webkit-transform-origin: 4px; -ms-transform-origin: 4px; transform-origin: 4px; transition: all 0.125s ease; } .toggle-button.open { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .toggle-button.opposite { -webkit-transform-origin: 12px; -ms-transform-origin: 12px; transform-origin: 12px; } .toggle-button.opposite.open { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } html.touchevents, html.touchevents > body, html.touchevents #app-container, html.touchevents #app-container > #container { position: relative; } html.touchevents #body { top: 0; bottom: 0; left: 0 !important; right: 0 !important; padding: 0 !important; position: fixed !important; margin-bottom: 0 !important; min-height: 100% !important; margin-top: -100px !important; } html.touchevents #body > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding-top: 200px; padding-bottom: 25px; } html.touchevents #body > div > div { overflow-x: hidden; } html.touchevents #sidebar { overflow: hidden !important; } html.touchevents #sidebar #sidebar-container .sidebar { overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } html.touchevents #footer, html.touchevents #footer-container { display: none !important; position: relative !important; } html.static { background: #273135; } html.static body, html.static #app-container { background: #273135; } html.static #body { margin-top: -35px !important; } html.static #sidebar, html.static #rubix-nav-header { position: relative !important; } html.static #rubix-nav-header { position: static; margin-top: -110px; margin-bottom: -110px; margin-left: -25px !important; margin-right: -25px; } html.static #sidebar { overflow: visible !important; } html.static #sidebar #sidebar-container, html.static #sidebar .sidebar { overflow: visible !important; } @media (min-width: 990px) { html.static #rubix-nav-header { margin-left: 225px !important; } } html.static #container.container-open #rubix-nav-header { margin-left: 225px !important; } @media (min-width: 990px) { html.static #container.container-open #rubix-nav-header { margin-right: -25px !important; } } html.boxed { height: 100%; overflow: hidden; background: #333333 url("/imgs/common/congruent_outline.png"); } html.boxed body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: none; transition: all 0.5s ease; } html.boxed body #navbar { padding: 0; } html.boxed body #rubix-nav-header { margin: 0; position: absolute; } html.boxed body #sidebar { top: 75px; } html.boxed body #container.container-open > #sidebar { left: 0; } html.boxed body #container.container-open #rubix-nav-header { margin-left: 0; margin-right: 0; } html.boxed body #container.container-open > #body, html.boxed body #container.container-open > #footer-container { margin-left: 250px; margin-right: -250px; } @media (min-width: 990px) { html.boxed body #container.container-open > #body, html.boxed body #container.container-open > #footer-container { margin-right: 0; margin-left: 250px; } } html.boxed body > #app-container { height: 100%; overflow: hidden; position: relative; } html.boxed body > #app-container #rubix-nav-header { position: relative; } html.boxed body > #app-container #sidebar { margin: 0; position: absolute; } html.boxed body > #app-container #body { left: 0; right: 0; bottom: 0; margin-top: 0; overflow: auto; margin-left: 0; position: absolute; padding-bottom: 25px; padding-top: 200px; margin-top: -175px !important; overflow-y: auto; overflow-x: hidden; } html.boxed body > #app-container #footer-container, html.boxed body > #app-container #footer { display: none; } html.boxed body > #app-container #navbar ~ #body { margin-top: 0; top: 69px; } @media (min-width: 990px) { html.boxed body { width: 990px; margin: auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.boxed body > #app-container { margin: auto; } html.boxed body > #app-container #sidebar { margin-left: 0; } html.boxed body > #app-container #sidebar ~ #body, html.boxed body > #app-container #sidebar ~ #body ~ #footer-container { right: 0; margin-left: 250px; } } html.static.boxed { height: auto; overflow: auto; overflow-x: hidden; } html.static.boxed body { height: auto; overflow: visible; overflow-x: hidden; } html.static.boxed body #app-container { overflow: hidden; } html.static.boxed body #container.container-open #rubix-nav-header { margin-left: 0 !important; margin-right: 0 !important; } html.static.boxed body #navbar { width: 100%; } html.static.boxed body #rubix-nav-header { margin-right: 0; margin-top: -110px; margin-left: 0 !important; } html.static.boxed body #body { overflow: hidden !important; padding-top: 95px !important; position: relative !important; padding-bottom: 95px !important; } html.static.boxed body #footer-container, html.static.boxed body #footer { display: block !important; } html.static.boxed body #footer-container { margin-top: 25px; } /* GLOBAL SETTINGS */ html { letter-spacing: 0.5px; } a { color: #2EB398; } a:hover, a:focus { color: #248a76; } .rubix-panel-container { background: #ffffff; } .rubix-panel-container.bordered { border: 1px solid rgba(206, 219, 236, 0.75); box-shadow: 0px 2px 0px 0px rgba(206, 219, 236, 0.5); } .rubix-panel-container.noOverflow { overflow: visible; } .rubix-panel-controls { color: #89949B; } html.purple .form-control { border-color: #ddd; } html.purple .form-control:focus { box-shadow: none !important; border-color: #2EB398; } html.purple .dropdown-menu .active > a { background-color: #B4A1DD; } html.purple .dropdown-menu .active > a:hover, html.purple .dropdown-menu .active > a:focus { background-color: #B4A1DD; } html.purple .select2-container-multi .select2-choices { border-radius: 0; height: 25px; } html.purple .select2-container .select2-choice, html.purple .select2-container-multi .select2-choices { border-width: 2px; } html.purple .select2-container .select2-choice .select2-arrow { color: white; border-radius: 0; } html.purple .select2-drop-active, html.purple .select2-drop.select2-drop-above.select2-drop-active, html.purple .select2-container-active .select2-choice, html.purple .select2-container-active .select2-choices, html.purple .select2-dropdown-open.select2-drop-above .select2-choice, html.purple .select2-dropdown-open.select2-drop-above .select2-choices, html.purple .select2-container-multi.select2-container-active .select2-choices, html.purple .form-control.select2-container.select2-dropdown-open { border-width: 2px; } html.purple .pagination { margin: 0 0 25px; } html.purple .pagination .disabled > a { color: #ccc; } html.purple .pagination > .active > a, html.purple .pagination > .active > a:hover, html.purple .pagination > .active > a:focus, html.purple .pagination > .active > span, html.purple .pagination > .active > span:hover, html.purple .pagination > .active > span:focus { color: white; background: #B4A1DD; border-color: #B4A1DD; } html.purple .pagination > li > a, html.purple .pagination > li > span { color: inherit; } html.purple .rubix-panel .pagination > li > a { border: 1px solid #ddd; } html.purple .datepicker table tr td.active, html.purple .datepicker table tr td.active:hover, html.purple .datepicker table tr td.active.disabled, html.purple .datepicker table tr td.active.disabled:hover, html.purple .datepicker table tr td span.active, html.purple .datepicker table tr td span.active:hover, html.purple .datepicker table tr td span.active.disabled, html.purple .datepicker table tr td span.active.disabled:hover { background: #B4A1DD !important; } html.purple .breadcrumb > li > a { color: #B4A1DD; } html.purple .breadcrumb > li > a:hover, html.purple .breadcrumb > li > a:focus { color: #8769c9; } html.purple .btn-theme { background: #B4A1DD; color: white; border-color: #B4A1DD; } html.purple .btn-theme.btn-outlined { color: #B4A1DD; background: none; } html.purple .btn-theme.btn-outlined.btn-onlyOnHover { color: #89949B; } html.purple .btn-theme.btn-outlined.btn-onlyOnHover:hover, html.purple .btn-theme.btn-outlined.btn-onlyOnHover:focus, html.purple .btn-theme.btn-outlined.btn-onlyOnHover.active { color: white; } html.purple .btn-theme.btn-outlined.btn-inverse { color: white; border-color: white; } html.purple .btn-theme.btn-outlined.btn-inverse:hover, html.purple .btn-theme.btn-outlined.btn-inverse:focus, html.purple .btn-theme.btn-outlined.btn-inverse.active { color: #B4A1DD; background: white; }