/* Backgrounds */
#gk-header {
    background: #ffffff;
}

#logo {
    background-image: url('../images/logo.png');
}

#gk-header:before {
    background: linear-gradient(to right, rgba(224, 120, 0, 1) 21%, rgba(15, 15, 15, 1) 100%);
}

#mainForm\:content h3:not(.ui-panelmenu-header):after, .ui-dialog .ui-dialog-titlebar:after, h2.page_title:after, .ui-panel span.ui-panel-title:after, .ui-treetable th[role="columnheader"] span.ui-column-title:after, .scope-filter .row-header:after, .ui-datepicker.ui-widget-content .ui-state-active, .main_filter > a.ui-commandlink .fa:first-child, .ui-toggleswitch-checked .ui-toggleswitch-slider {
    background-color: rgba(244, 140, 0, 1);
}

/* - Navigation */
#navigation > #main-menu > li:hover > a > span,
#navigation > #main-menu > li > a:hover > span,
#navigation > #main-menu > li > ul > li > a:hover > span,
body.dashboard-locationmanagement #navigation > #main-menu > li#main-menu-locationmanagement > a > span,
body.dashboard-sessionmanagement #navigation > #main-menu > li#main-menu-sessionmanagement > a > span,
body.dashboard-engagement #navigation > #main-menu > li#main-menu-engagement > a > span,
body.dashboard-devicemonitor #navigation > #main-menu > li#main-menu-devicemonitor > a > span,
body.dashboard-analytics #navigation > #main-menu > li#main-menu-analytics > a > span,
body.dashboard-system #navigation > #main-menu > li#main-menu-system > a > span,
a, a:hover, a:visited, .ui-button:hover, .main_filter, .benchmark_filter, .ui-button.ui-state-active, .ui-selectcheckboxmenu-multiple:hover .ui-selectcheckboxmenu-trigger, .ui-selectonemenu:hover .ui-selectonemenu-trigger, #filterForm [id *= "filter-wisp"]:hover:after, .ui-dialog .ui-dialog-titlebar a:hover, .ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-state-hover a, .top-list li a, #data-refresh > span, #sidebar-left-options .toggle:hover, .ui-selectcheckboxmenu-token:hover .ui-icon:before, .ui-tree .ui-treenode-label.ui-state-hover, .ui-tree .ui-treenode-label.ui-state-highlight, #side-menu .ui-panelmenu-content a.active .ui-menuitem-text, .ui-accordion .ui-accordion-header {
    color: rgba(244, 140, 0, 1);
}

button:hover,
button:hover span,
button.ui-state-hover span,
button:focus,
button:focus span,
.highcharts-data-label.highcharts-data-label-color-0 text,
.ui-paginator .ui-paginator-page:hover,
.ui-paginator .ui-paginator-next:hover,
.ui-paginator .ui-paginator-last:hover,
.ui-paginator .ui-paginator-first:hover,
.ui-paginator .ui-paginator-prev:hover,
.ui-panelgrid .ui-button:hover,
.ui-panelgrid .ui-commandlink:hover,
#filterForm [id *= "btnFind"].ui-state-hover,
#filterForm [id *= "btnFind"].ui-state-hover span,
#filterForm [id *= "btnFind"].ui-state-focus:hover,
#filterForm [id *= "btnFind"].ui-state-focus:hover span,
.ui-state-hover span.ui-menuitem-text,
button:hover, button:hover span, button.ui-state-hover span, button:focus, button:focus span, .highcharts-data-label.highcharts-data-label-color-0 text, .ui-paginator .ui-paginator-page:hover, .ui-paginator .ui-paginator-next:hover, .ui-paginator .ui-paginator-last:hover, .ui-paginator .ui-paginator-first:hover, .ui-paginator .ui-paginator-prev:hover, .ui-panelgrid .ui-button:hover, .ui-panelgrid .ui-commandlink:hover, #filterForm [id *= "btnFind"].ui-state-hover, #filterForm [id *= "btnFind"].ui-state-hover span, #filterForm [id *= "btnFind"].ui-state-focus:hover, #filterForm [id *= "btnFind"].ui-state-focus:hover span {
    color: rgba(244, 140, 0, 1)!important;
}

/* Decoration */
.main_filter > a.ui-commandlink .wgl-icon,
.ui-tabs .ui-tabs-nav li.ui-state-active a {
    border-color: rgba(244, 140, 0, 1);
}

.page_title {
    color: #1c1d1e;
}

.color1-light em {
    color: #f7b357;
}

.color1-medium em {
    color: #f48c00;
}

.color1-dark em {
    color: #cc6500;
}

.color1-extradark em {
    color: #964a00;
}

.color2-light em {
    color: #BBBBBB;
}

.color2-medium em {
    color: #888888;
}

.color2-dark em {
    color: #1c1d1e;
}

.color3-light em {
    color: #1c1d1e;
}

.color3-medium em {
    color: #1c1d1e;
}

.color3-dark em {
    color: #1c1d1e;
}

.color4-light em {
    color: #1c1d1e;
}

.color4-medium em {
    color: #1c1d1e;
}

.color4-dark em {
    color: #1c1d1e;
}

.color5-light em {
    color: #1c1d1e;
}

.color5-medium em {
    color: #1c1d1e;
}

.color5-dark em {
    color: #1c1d1e;
}

li.color1-light {
    color: #ffffff !important;
}

/*
.color1-light	em	{ color: #fed7a3; }
.color1-medium em	{ color: #fbb559; }
.color1-dark em		{ color: #F48C00; }
.color2-light em	{ color: #d6d6d6; }
.color2-medium em	{ color: #999999; }
.color2-dark em		{ color: #333333; }
.color3-light em	{ color: #84d7fa; }
.color3-medium em	{ color: #42b2e2; }
.color3-dark em		{ color: #0D83B5; }
.color4-light em	{ color: #c8f665; }
.color4-medium em	{ color: #9fe20e; }
.color4-dark em		{ color: #71a403; }
.color5-light em	{ color: #ffbebe; }
.color5-medium em	{ color: #ff7575; }
.color5-dark em		{ color: #f30000; } */

/* - Chart colors */
.ui-rangeSlider-bar,
td.color1-light,
li.color1-light,
td.color1-medium, li.color1-medium, .highcharts-contextmenu div.color1-medium, .ui-accordion-header.color1-medium, button.color1-medium, li.ui-state-highlight, tr.ui-state-highlight td, .ui-rangeSlider-bar {
    background-color: rgba(255, 166, 36, 1);
}

tr.ui-state-highlight td {
    background-color: rgba(254, 117, 15, 1);
}

/* Typography */
.page_title {
    font-family: 'museo500', Arial;
    font-weight: normal;
    margin: 24px 0px 16px;
    color: #4b4d4f;
    padding: 0;
    line-height: 20px;
    font-weight: 500;
}

h1, h2 {
    font-family: 'museo500', Verdana;
    font-weight: 500;
}

#portal-title h1 {
    font-family: 'museo500', Verdana, sans-serif;
    font-size: 20px;
    margin-top: -3px;
    font-weight: 500;
}

a, a:hover, a:visited,
.ui-button:hover,
.main_filter,
#filterForm [id *= "period-container"] .ui-panelgrid-odd div,
.ui-dialog .ui-dialog-titlebar a:hover,
#data-refresh > span,
a, a:hover, a:visited, #navigation > #main-menu > li:hover > a, #navigation > #main-menu > li > a:hover, #navigation > #main-menu > li > ul > li > a:hover, .ui-button:hover, .main_filter, #filterForm [id *= "period-container"] .ui-panelgrid-odd div, .ui-dialog .ui-dialog-titlebar a:hover, .ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-state-hover a, .top-list li a, #data-refresh > span, .ui-button.ui-state-active,
a, a:hover, a:visited, .ui-button:hover, .main_filter, .benchmark_filter, .ui-button.ui-state-active, .ui-selectcheckboxmenu-multiple:hover .ui-selectcheckboxmenu-trigger, .ui-selectonemenu:hover .ui-selectonemenu-trigger, #filterForm [id *= "filter-wisp"]:hover:after, .ui-dialog .ui-dialog-titlebar a:hover, .ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-state-hover a, .top-list li a, #data-refresh > span, #sidebar-left-options .toggle:hover, .ui-selectcheckboxmenu-token:hover .ui-icon:before, .ui-tree .ui-treenode-label.ui-state-hover, .ui-tree .ui-treenode-label.ui-state-highlight, #side-menu .ui-panelmenu-content a.active .ui-menuitem-text, .ui-accordion .ui-accordion-header {
    color: rgba(244, 140, 0, 1);
}

button:hover, button:hover span, button.ui-state-hover span, button:focus, button:focus span, .highcharts-data-label.highcharts-data-label-color-0 text, .ui-paginator .ui-paginator-page:hover, .ui-paginator .ui-paginator-next:hover, .ui-paginator .ui-paginator-last:hover, .ui-paginator .ui-paginator-first:hover, .ui-paginator .ui-paginator-prev:hover, .ui-panelgrid .ui-button:hover, .ui-panelgrid .ui-commandlink:hover, #filterForm [id *= "btnFind"].ui-state-hover, #filterForm [id *= "btnFind"].ui-state-hover span, #filterForm [id *= "btnFind"].ui-state-focus:hover, #filterForm [id *= "btnFind"].ui-state-focus:hover span {
    color: rgba(244, 140, 0, 1) !important;
}

.ui-datatable tr.ui-state-highlight td,
.ui-datatable tr.ui-state-highlight td a,
.ui-datatable tr.ui-datatable-selectable:hover td,
.ui-datatable tr:hover td a,
.ui-datatable tr td.color1-medium,
.ui-datatable tr td.color1-medium a {
    color: #ffffff;
}