/* CUSTOMIZED THEME */
/* PRODUCT COLOR */
.login-box .btn-login,
.navbar,
.login-box .title,
.progress-bar,
.input-slider .slider-selection,
.rtl .input-slider .slider-track-high,
.seriesDrag li:hover,
.seriesDrag li:active,
#selector li:hover,
#xDrag li:hover,
#seriesDrag li:hover,
#selector li:active,
#xDrag li:active,
#seriesDrag li:active {
    background-color: var(--flavorColor);
}

a,
a:active,
a:focus,
.panel-breadcrumb li a,
.panel-breadcrumb i,
.loader-text i {
    color: var(--flavorColor);
}

.seriesSort li:hover,
.seriesSort li:active,
#xSort li:hover,
#drag3a li:hover,
#seriesSort li:hover,
#xSort li:active,
#drag3a li:active,
#seriesSort li:active {
    background: var(--flavorColor);
    color: #fff;
}

.selected {
    background-color: var(--flavorColor) !important;
}

.toggle-btn i,
.input-group-addon,
.selected {
    background-color: var(--flavorColor);
    color: #FFF;
    border: 1px solid var(--flavorColor);
}

.btn-default,
.pagination > .active > a:focus,
.pagination > li > a:hover,
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination>li>a:focus {
    background-color: var(--flavorColor) !important;
    color: #FFF !important;
    border: 1px solid var(--flavorColor);
    z-index: 1 !important;
}

.spinner,
.loader {
    border-top-color: var(--flavorColor);
}

.fuelux .wizard > ul.steps li.active .chevron::before,
.fuelux .wizard > .steps-container > ul.steps li.active .chevron::before {
    border-left-color: var(--flavorColor);
}

.fuelux .wizard > ul.steps li.active,
.fuelux .wizard > .steps-container > ul.steps li.active {
    background-color: var(--flavorColor);
}

.rtl .fuelux .wizard > ul.steps li.active .chevron:before,
.rtl .fuelux .wizard > .steps-container > ul.steps li.active .chevron:before {
    border-right-color: var(--flavorColor);
}

/* DARK SHADES */

a:hover,
.pagination > li > a,
.panel-breadcrumb .active,
.panel-breadcrumb a:hover,
.panel-breadcrumb i:hover,
.ellipsis,
.btn-outline {
    color: var(--flavorHoverColor);
}

.ui-menu-item:hover {
    color: #FFF !important;
}

.btn-default,
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > li > a:hover,
.login-box .btn-login,
.btn-bold:hover,
.btn-italic:hover,
.input-group-addon,
.selected,
.btn-single-action:hover,
.ui-menu-item:hover,
.btn-outline:hover,
.pagination>li>a:focus {
    border: 1px solid var(--flavorHoverColor) !important;
}

.header-navigation .btn-group .btn:hover,
.input-slider .slider-handle {
    background-color: var(--flavorHoverColor);
}

.btn-default:hover,
.btn-outline:hover,
.btn-outline:active,
.btn-outline:focus,
.more-menu-item a:hover,
#action-menu:hover,
.horizontal-tabs span a:hover,
.nav > li > a:hover,
.btn-default:active,
.btn-active,
.action-dropdown > li > a:hover,
.login-box .btn-login:hover,
#menu-toggle .fa:hover,
.btn-bold:hover,
.btn-italic:hover,
.input-group-addon:hover,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.mce-menu-item:hover,
.mce-menu-item.mce-selected,
.mce-menu-item:focus,
.selected-size,
.btn-single-action:hover,
.ui-menu-item:hover,
.ui-state-focus:hover,
.ui-state-focus:focus,
.ui-state-focus:visited,
.ui-state-focus:active,
.chosen-container .chosen-results li.highlighted,
.chosen-container .chosen-results li.active-result:hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.pagination > li > a:hover,
.btn-dropdown:hover {
    background-color: var(--flavorHoverColor) !important;
    color: #FFF !important;
    background-image: none !important;
}

.horizontal-tabs span a:hover,
.btn-dropdown:hover {
    border-color: var(--flavorHoverColor);
}

.fuelux .wizard > ul.steps li.complete,
.fuelux .wizard > .steps-container > ul.steps li.complete {
    border-color: var(--flavorHoverColor) !important;
    color: var(--flavorHoverColor);
}

.rtl .fuelux .wizard > ul.steps li.complete:hover .chevron:before,
.rtl .fuelux .wizard > .steps-container > ul.steps li.complete:hover .chevron:before,
.rtl a.btn-file-cancel {
    border-right-color: var(--flavorHoverColor) !important;
}

.fuelux .wizard > ul.steps li.complete:hover,
.fuelux .wizard > .steps-container > ul.steps li.complete:hover {
    background-color: var(--flavorHoverColor) !important;
}

.fuelux .wizard > ul.steps li.complete:hover .chevron:before,
.fuelux .wizard > .steps-container > ul.steps li.complete:hover .chevron:before {
    border-left-color: var(--flavorHoverColor) !important;
}

/*site.css - some classes to be overwriten related to theme */
.select-list-view .select-list-item-ctnr:hover, .select-list-view .select-list-item-ctnr.active{
    background-color: var(--flavorColor) !important;
    cursor: pointer;
}
.tree-view-select-list-ctnr .tree-view-node .tree-view-item.selected{
    background-color: var(--flavorColor) !important;
    color: #fff;
}
.tree-view .list-header.nodeSelected {
    background: var(--flavorHoverColor) !important;
    color: #FFF;
}
.tree-view .list-header.nodeSelected:hover {
    background: var(--flavorHoverColor) !important;
}
.panel-group .panel .panel-heading .panel-title a:hover {
    text-decoration: none;
    background-color: var(--flavorHoverColor) !important;
    color: #FFF !important;
    background-image: none !important;
}
.panel-group .panel .panel-heading .panel-title a:hover .text-muted {
    text-decoration: none;
    background-color: var(--flavorHoverColor) !important;
    color: #FFF !important;
    background-image: none !important;
}
.section-item.active{
    background-color: var(--flavorHoverColor) !important;
}
.toolbar .btn.add-dd > span{
    position: absolute;
    right: 0;
    height: 100%;
    background: var(--flavorColor);
    width: 14px;
    border-left: 1px solid var(--flavorHoverColor);
}
footer {
    background-color: var(--flavorColor); 
    border-top:1px solid var(--flavorColor);
}
footer .version:hover{color: #ddd;text-decoration: underline;}