/*
    These properties are set by properties files. The JSF and SASS syntaxes are not compatible. Thus, this file
    has to written in CSS.
*/

nav {
    background-color: #018EC3;
}

.banner > div {
    border: 2px solid #018EC3;
}

.loading {
    background: #018EC3;
    border-color: #018EC3;
}

.fa-spinner-custom-color {
    color: #018EC3;
}

.submenu a:link,.submenu a:visited,.submenu a:active,.submenu a:hover {
    color: #018EC3 !important;
}

.top-menu-section > div a:hover,
        nav .submenu-toggler-container:hover {
    color: #DADEE1;
}

.submenu ul li:hover {
    background-color: #DADEE1;
}

.submenu-item-on, .tree-menu li:hover {
    background-color: #DADEE1;
}

.pure-button-primary {
    background: #018EC3 !important;
}

.breadcrumbs li a:link,.breadcrumbs li a:visited,.breadcrumbs li a:hover {
    color: #018EC3;
}

.chart-popup-grid .nav-arrow:hover {
    background-color: #CFDAD9;
}

.timeline-item::before {
    background-color: #018EC3;
}

ul#period-selection-list > li.selected {
    border-left: 5px solid #018EC3;
}

.levelTwo {
    background-color: #DADEE1;
}

.filter-toggle.active-filter-tab {
    background-color: #565C5E;
}

#filter-panel .ui-panel-content {
    background-color: #565C5E;
}

.filter-panel-content {
    background-color: #565C5E;
}

#filter-add-apply {
    background-color: #565C5E;
}

.nano.nano-not-on-top:after {
    box-shadow: 0 1px 2px 8px #565C5E,
        0 2px 4px 8px #565C5E,
        0 4px 8px 8px #565C5E,
        0 8px 16px 8px #565C5E;
}

.nano.nano-not-on-end:before {
    box-shadow: 0 -1px 2px 8px #565C5E,
        0 -2px 4px 8px #565C5E,
        0 -4px 8px 8px #565C5E,
        0 -8px 16px 8px #565C5E;
}

.noUi-connect {
    background-color: #018EC3;
}

.selectedRow {
    background-color: #CFDAD9;
}

.submenu hr {
    background: #018EC3;
    border-color: #018EC3;
}

.carousel-container {
    background-color: #848B8E;
}

.bubble-info {
    background-color: #848B8E;
    border-left: 3px solid #018EC3;
}

.wizard-choice-block-selected, .wizard-choice-block.wizard-choice-block-selected:hover {
    background-color: #018EC3;
}

.projects-table .ui-progressbar .ui-progressbar-value {
    background-color: #018EC3;
}

.breadcrumbs li {
    background: url(/ui/jakarta.faces.resource/img/icons/breadcrumb.gif.xhtml?ln=squore&r=75b37f1c.pclp) no-repeat right center;
}