/* Tema Blue */
/* Icone del menu laterale sinistro */
ul.main-navigation-menu > li > a > i.fa {
  	color: #337ab7;
}

/* Icona del n. di notifiche in alto a destra */
.label-default, .badge-default {
  	background: #337ab7 !important;
}

/* MouseOver sui link in MenuFolder */
.MenuFolderVoice .ParagrafoTitolo:hover,
.MenuFolderVoice > div > a:hover .Label{
	COLOR: #337ab7;
}
/* Altri link */
A:hover, .nlbi:hover {
    color: #337ab7;
}

/*nabilrafka 10032023 added class for icon color on hover*/
table.dataTable.noHeader td > div.SectionFolder:hover div.kpiLink.haslink {
    color: #337ab7;
}

/*joeyelrassi 08072021 new layout fix*/
/* Altri link */
    A:hover > *:not(.label):not(.notificationRemove) > i:not(.bi-arrow-repeat) {
        color: #337ab7;
    }
    a:hover > i:not(.bi-arrow-repeat) {
        color: #337ab7;
    }

/*mattiapaganini 18042023 colore applicato su tutte le dropdown*/
li.dropdown:hover > a > i:not(.bi-arrow-repeat) {
    color: #337ab7;
}

/* Girelli 24/7/2023: Theme color for audio icons */
i.audio_icon:hover {
    color: #337ab7;
}

/*******************************/
/******  NAVIGATION PILLS  *****/
/*******************************/
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	background-color: #337ab7 !important;
}
.nav-pills > li.mixitup-control-active > a,
.nav-pills > li.mixitup-control-active > a:hover,
.nav-pills > li.mixitup-control-active > a:focus {
    background-color: #337ab7 !important;
}

/*joeyelrassi 11122020 icons colors*/
.menuIconBig, .PageCmd svg, .PageCmd i.fa,.PageCmd i.bi, .sidebar-widget, .tooltip-text, .titleIconBig, .PageCmd a.rapid-actions > span {
    color: #337ab7;
}
/*joeyelrassi 11012020 change hor menu color depending on theme*/
div#horizontal-menu .navbar-collapse.tabMenu {
    background-color: #337ab7;
}
/*joeyelrassi 20012021 added for first "home" icon in horiz menu*/
#horizontal-menu .navbar-collapse #tabMenu.navbar-nav > #I_HOME:hover > a {
    border-bottom-color: #337ab7;
    background: #337ab7;
}

ul.main-navigation-menu > li > a > i.fa,
ul.main-navigation-menu > li > a > i.zmdi {
    color: #337ab7;
}

app-job-list .btn-primary
{
    color: #fff; 
    background-color: #337ab7 !important; 
    border-color: #337ab7 !important; 
}

app-job-detail-modal .btn-primary
{
    color: #fff; 
    background-color: #337ab7 !important; 
    border-color: #337ab7 !important; 
}

app-job-list .btnContainer
{
    color: #337ab7 !important;
}

app-job-submit .btnContainer
{
    color: #337ab7 !important;
}

app-job-submit .btn-primary
{
    color: #fff;
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}

app-job-detail-modal .btnContainer
{
    color: #337ab7 !important;
}

app-job-detail-modal button.btn-primary:not(:disabled):not(.disabled).active,
app-job-detail-modal button.btn-primary:not(:disabled):not(.disabled):active,
app-job-detail-modal button.show>.btn-primary.dropdown-toggle {
    background-color: #337ab7;
}

app-job-list button.btn.btn-primary:focus,
app-job-list button.btn.btn-primary:active,
app-job-list button.btn-primary:not(:disabled):not(.disabled).active:focus,
app-job-list button.btn-primary:not(:disabled):not(.disabled):active:focus,
app-job-list button.show>.btn-primary.dropdown-toggle:focus {
  	box-shadow: 0 0 0 .2rem rgba(51,122,183, .5);
}

app-job-list button.btn:hover {
    box-shadow: 0 0 0 .2rem rgba(51,122,183, .5);
}

app-job-detail-modal button.btn.btn-primary:focus,
app-job-detail-modal button.btn.btn-primary:active,
app-job-detail-modal button.btn-primary:not(:disabled):not(.disabled):active:focus,
app-job-detail-modal button.btn-primary:not(:disabled):not(.disabled).active:focus,
app-job-detail-modal button.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(51,122,183, .5);
}

app-job-submit button.btn.btn-primary:focus,
app-job-submit button.btn.btn-primary:active,
app-job-submit button.btn-primary:not(:disabled):not(.disabled).active:focus,
app-job-submit button.btn-primary:not(:disabled):not(.disabled):active:focus,
app-job-submit button.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(51,122,183, .5);
}

app-job-submit .progress-bar {
  background-color: #337ab7 !important;
}

app-job-list h1.text-primary
{
    color: #337ab7 !important;
}

app-job-list .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #337ab7;
    background-color: #337ab7;
}

app-job-list .custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #337ab7;
}

app-job-list .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(51,122,183,.25);
}

app-job-list .btn-link {
    font-weight: 400;
    color: #337ab7;
    text-decoration: none;
}

app-job-list .btn-link:hover {
    color: #337ab7;
}

app-job-list a {
    color: #337ab7;
}

app-job-list .btn-outline-primary {
    color: #337ab7;
    background-color: #fff;
    border-color: #337ab7;
    border-width: 2px;
}

app-job-list .btn-outline-primary:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    border-width: 2px;
}

app-job-list .btn-outline-primary:not(:disabled):not(.disabled).active,
app-job-list .btn-outline-primary:not(:disabled):not(.disabled):active,
app-job-list .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

app-job-list .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
app-job-list .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
app-job-list .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(51,122,183,.5);
}

element.style {
    margin-bottom: 10px;
}

app-job-detail-modal
a {
    color: #337ab7;
}

app-job-detail-modal a:hover{
    color:rgba(51,122,183,.25);
}

/*joeyelrassi 12052021 change section and grid title and headers background color to toned down theme color*/
/*joeyelrassi change background color of all table and grid title headers to this color*/
div.ui-tabs ul.DetailTableTab.ui-tabs-nav li.ui-tabs-selected.ui-state-active {
    background-color: #609DD2;
}
/*joeyelrassi change the background color of grid and table header row*/
THEAD, .THeadTable {
    background: #609DD2;
}

/*joeyelrassi in search pages*/
div.ui-tabs li.ui-tabs-selected.ui-state-active, div.ui-tabs li.ui-tabs-selected.ui-state-active:hover {
    background-color: #609DD2;
}

/*default color for link icons in case it is not specified inline*/
[typeid="LINK_ICON"] i{
    color: #337ab7;
}
a[typeid="LINK_ICON"]:hover .linkIconTop, a[typeid="LINK_ICON"]:hover .linkIconBottom {
    background-color: rgba(51, 122, 183, 0.2); /*strong theme color rgba*/
}

/*joeyelrassi 13052021 it is not "correct" to use lightGray with another color, but not to lose the jquery ui css it is necessary*/
div.lightGray .ui-dialog .ui-dialog-titlebar:not(.popupMessageHeader), .themePopup .popupMessageHeader {
    background: #337ab7;
}

/*joeyelrassi 14052021 footer color*/
footer.inner {
    background-color: #337ab7;
}
/*joeyelrassi 14052021 footer color left side toggle*/
/*ariannaboisseau 14122023 added overflow hidden for overlapping text*/
#pageslide-left div.slide-tools.color {
    background-color: #337ab7;
}

/*ariannaboisseau 14122023 color of the text when background is transparent*/
#pageslide-left .slide-tools.transparent .btn {
    color: #337ab7;
}

/*joeyelrassi 08062021 new layout fix*/
input#SearchKeyMenu.MenuSearch, input#SearchKeyMenu.MenuSearch:focus {
    background-color: #337ab7 !important;
}

/*joeyelrassi 08062021 adjust color according to theme   new layout fix*/
div.PageTabList.ui-tabs.ui-widget > ul > li {
    border-top-color: #337ab7;
}

/*joeyelrassi 08062021 new layout fix*/
div.PageTabList.ui-tabs > ul > li.ui-state-active > a {
    background-color: #337ab7; /*added*/
}

.boxContent article > span:nth-child(even) {
    background-color: #609DD2 !important;
}

/*joeyelrassi 28062021 progress bars of upload in grids*/
div.uploadBarName .fileProgress .bar0 {
    border-color: #337ab7; /*heavy theme color*/
}

div.uploadBarName .fileProgress .bar {
    background-color: #609DD2; /*light theme color*/
}

.uploadSmall.uploadSmall2 .fileinput-button, .uploadBig.uploadBig2 .fileinput-button, .uploadPicSmall2.FooterTableIcon {
    color: #337ab7; /*heavy theme color*/
}

.uploadSmall.uploadSmall2:not(.uploadGrid) .fileinput-button i:hover {
    /*color and background follow the css theme -- new layout fix*/
    background-color: #609DD2; /*light theme color*/
}

    .uploadSmall.uploadSmall2 .fileinput-button i {
        /*color and border-color follow the css theme -- new layout fix*/
        color: #609DD2; /*light theme color*/
        border-color: #337ab7; /*heavy theme color*/
    }

    .uploadBig.uploadBig2 .fileinput-button i:hover {
        /*color and background-color follow the css theme -- new layout fix*/
        background-color: #609DD2; /*light theme color*/
    }

    .uploadBig.uploadBig2 .fileinput-button i {
        /*color and border-color follow the css theme -- new layout fix*/
        color: #609DD2; /*light theme color*/
        border-color: #337ab7; /*heavy theme color*/
    }

/*joeyelrassi 29062021 new layout fix --  sections tabs*/
div.ui-tabs.sectionBorders > ul[role="tablist"] > li.ui-state-default.ui-state-active,
div.ui-tabs.sectionBorders > ul[role="tablist"] > li.ui-state-default.ui-state-active.ui-state-hover {
    border-top-color: #609DD2; /*light theme color*/
}

/*joeyelrassi 30062021 new layout fix*/
.file-fs.file-fs2 i {
    color: #609DD2; /*light theme color*/
}
.gridFileProgress {
    background-color: #609DD2; /*light theme color*/
}
/*joeyelrassi 08072021 color chart footer icons*/
.FooterTableIcon:not(.bi-arrow-repeat):hover {
    color: #337ab7;
}

/*joeyelrassi 15072021 jobs pages custom icon*/
app-job-submit .job-submit-custom-icon > div {
    background-color: #337ab7;
}

/*joeyelrassi 03082021 section preview icon color*/
.sp i:hover, .SectionPreviewIcon:hover {
    color: #337ab7; /*strong theme color*/
}

/*joeyelrassi 06082021 SearchValues icon color (multiselect)*/
.SearchValues .bi-check2-circle {
    color: #337ab7;
}

/* Girelli 25/11/2014: Sfondo freccia Other */
#headerMenu > .other.open > a,
#other.open > a,
ul#headerMenu > li.right-menu-toggle > a:hover i.bi-bell, .PlanViewHeaderToggle:hover {
    background-color: rgba(51, 122, 183,0.2);
}
.PlanViewHeaderToggle:active {
    background-color: rgba(51, 122, 183,0.3);
}
div.gridbox_material.gridbox table.hdr tr:nth-child(2) td {
    background-color: #609DD2; /*light theme color*/
}

/*-----------------------------------------------------------------joeyelrassi 17032022 Hover and Focus Start-----------------------------------------------------------------*/
/*-------------------------------------------------------joeyelrassi 17032022 Select2 and Input-------------------------------------------------------*/

INPUT[type="color"]:hover, INPUT[type="date"]:hover, INPUT[type="datetime"]:hover, INPUT[type="datetime-local"]:hover, INPUT[type="email"]:hover, INPUT[type="file"]:hover,
INPUT[type="image"]:hover, INPUT[type="month"]:hover, INPUT[type="number"]:hover, INPUT[type="password"]:hover, INPUT[type="range"]:hover, INPUT[type="reset"]:hover,
INPUT[type="search"]:hover, INPUT[type="tel"]:hover, INPUT[type="text"]:hover, INPUT[type="time"]:hover, INPUT[type="url"]:hover, INPUT[type="week"]:hover,
button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all.ui-state-hover,
div#QuickRedirect:hover ~ ul.quick-last-items > .dropdown > a.rapid-actions > span, ul.quick-last-items:hover > .dropdown > a.rapid-actions > span,
div#QuickRedirect:hover > div > .PeopleSearch {
    border-color: #337ab7; /*strong theme color*/
}

ui-widget input:hover, .ui-widget select:hover, .ui-widget textarea:hover {
    border-color: #337ab7; /*strong theme color*/
}

.select2-container:not(.select2-container-disabled) .select2-choice:hover, div.select:hover > select.minimal {
    border-color: #337ab7; /*strong theme color*/
}
.ui-widget select:focus, .select2-container-active .select2-choice,
INPUT[type="text"]:not(#SearchKeyMenu):focus,
INPUT[type="password"]:focus,
INPUT[type="search"]:focus,
TEXTAREA:focus,
.PanelCell.active,
td[contenteditable]:focus,
div#QuickRedirect:focus-within ~ ul.quick-last-items > .dropdown > a.rapid-actions > span {
    outline-color: #609DD2 !important; /*light theme color*/
    border-color: #609DD2 !important; /*light theme color*/
}
/*------------------------------------------------------joeyelrassi 15072021 Responsive Layout-----------------------------------------------------*/

.container .fieldContainer .FieldValueEdit:focus {
    border-color: #609DD2; /*light theme color*/
    outline-color: #609DD2 !important; /*light theme color*/
}

/*------------------------------------------------------joeyelrassi 05052022 Google Distance-----------------------------------------------------*/

/*joeyelrassi adhere to theme color*/
.rValueUnitWrapper:hover {
    border-color: #337ab7; /*strong theme color*/
}

.rValueUnitWrapper:focus-within {
    outline-color: #609DD2; /*light theme color*/
    border-color: #609DD2; /*light theme color*/
}

/*------------------------------------------------------joeyelrassi 04072022 Indoor Maps-----------------------------------------------------*/
div.navigation-ball, div.zoom-ball {
    background-color: #609DD2; /*light theme color*/
}

    div.zoom-ball:hover {
        background-color: #337ab7; /*strong theme color*/
    }

.selected > div.navigation-ball {
    background-color: #337ab7; /*strong theme color*/
}

.div-icon-container i {
    color: #337ab7; /*strong theme color*/
}

.newIndoorIcon i::after {
    box-shadow: 0 0 7px 3px rgb(96, 157, 210); /*light theme color rgb*/
}
.indoorMapLabel span {
    background: #337ab7; /*strong theme color*/
}
/*------------------------------------------------------joeyelrassi 15092022 OrgChart-----------------------------------------------------*/

.btn.btn-light.orgChartButton:hover i, .zoomSliderContainer div.zoomIn:hover i, .zoomSliderContainer div.zoomOut:hover i {
    color: #337ab7; /*strong theme color*/
}

.orgChartUtilityContainer, .orgChartDrawerContainer {
    border-top-color: #337ab7; /*strong theme color*/
}

.orgChartUtilityWidgetContainer.selected {
    background-color: rgba(51, 122, 183,0.6); /*strong theme color rgba*/
}

.orgChartPreviewTabsContainer.orgChartTabsContainer {
    border-top-color: #337ab7; /*strong theme color*/
}
.annotationButtonsContainer > i:hover:before {
    color: #337ab7; /*strong theme color*/
}
.childrenPlacementOption.selected {
    border-color: #337ab7; /*strong theme color*/
}
.OrgChartItem.connectorAnnotationHighlight .orgChartItemWrapper {
    outline-color: #337ab7 !important; /*should follow theme color*/
}
/* Color for OrgChart Edit button when activated */
.orgChartOptionsButtons.selected {
    border-color: #337ab7;
}
.orgChartTabsContainer a.orgChartTab.selected {
    background-color: #337ab7; /*strong theme color*/
}
.fileOptionsPopup .orgChartPopupProp:hover i {
    color: #337ab7; /*strong theme color*/
}
.toggleContentContainer .orgChartDrawerLabel:hover, .orgDrawerItem.toggleOptionsContainer:hover, .orgChartPopupContainerClose:hover {
    color: #337ab7; /*strong theme color*/
}
.orgChartTab.selected:first-child {
    border-left-color: #337ab7; /*strong theme color*/
}
.orgChartMSG {
    color: #337ab7; /*strong theme color*/
}
/*------------------------------------------------------nabilrafka 181220223 scheduler-----------------------------------------------------*/
.dhx_cal_tab:hover {
    background-color: #609DD2; /*light theme color*/
}

.dhx_cal_tab.active {
    background-color: #337ab7; /*strong theme color*/
    border-color: #337ab7; /*strong theme color*/
}

    .dhx_cal_tab.active:hover {
        background-color: #337ab7; /*strong theme color*/
        border-color: #337ab7; /*strong theme color*/
    }

.dhx_cal_tab {
    border-color: #337ab7; /*strong theme color*/
    color: #337ab7; /*strong theme color*/
}

.dhx_cal_today_button, .dhx_minical_icon, .dhx_cal_prev_button, .dhx_cal_next_button {
    color: #337ab7; /*strong theme color*/
}

.dhx_year_box .dhx_year_month {
    color: #337ab7; /*strong theme color*/
}

.dhx_year_box .dhx_year_grid .dhx_year_body table tbody .dhx_before .dhx_month_head.dhx_year_event, .dhx_year_box .dhx_year_grid .dhx_year_body table tbody td .dhx_month_head.dhx_year_event {
    background-color: #337ab7; /*strong theme color*/
}

div.dhx_mini_calendar div.dhx_month_head.dhx_year_event {
    background-color: rgba(51, 122, 183, 0.2); /*strong theme color rgba*/
    color: #337ab7; /*strong theme color*/
}

div.dhx_mini_calendar div.dhx_month_head.dhx_year_event.dhx_calendar_click,
.dhx_cal_container.dhx_mini_calendar div.dhx_cal_prev_button:hover, .dhx_minical_popup .dhx_cal_container.dhx_mini_calendar div.dhx_cal_next_button:hover {
    background-color: rgba(51, 122, 183, 0.2); /*strong theme color rgba*/
}

div.dhx_mini_calendar div.dhx_month_head.dhx_year_event.dhx_calendar_click, .dhx_mini_calendar div.dhx_month_head.dhx_calendar_click {
    color: #337ab7; /*strong theme color*/
    border-color: #337ab7;
}

div.dhx_mini_calendar .dhx_month_head:hover {
    background-color: #337ab7 !important; /*strong theme color*/
}

/*------------------------------------------------------nabilrafka 181220223 Pivot Grid-----------------------------------------------------*/
div.dx-pivotgrid-fields-container .dx-area-field.dx-area-box:hover {
    background-color: rgba(51, 122, 183, 0.2); /*strong theme color rgba*/
}

div.dx-pivotgrid-fields-container .dx-area-field.dx-area-box:hover .dx-sort {
    color: #337ab7; /*strong theme color*/
}

div.dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter:not(.dx-header-filter-empty) {
    color: #337ab7; /*strong theme color*/
}
/*------------------------------------------------------Chat Box-----------------------------------------------------*/
.btn-theme {
    border-color: #337ab7; /*strong theme color*/
}
.btn-theme, .btn-theme:hover {
    background-color: #337ab7; /*strong theme color*/
}
.chatModal .modal-header {
    border-top-color: #337ab7; /*strong theme color*/
}
/*------------------------------------------------------layout properties-----------------------------------------------------*/
.l-hover-c:hover {
    color: #337ab7;
}
.l-hover-bc:hover, .l-o-bc {
    background-color: rgba(51, 122, 183, 0.2) !important; /*strong theme color rgba*/
}
.l-hover-s-bc:hover {
    background-color: #337ab7 !important; /*strong theme color*/
}
.l-s-c {
    color: #337ab7; /*strong theme color*/
}
.l-s-bc {
    background-color: #337ab7 !important; /*strong theme color*/
}
.l-l-bc {
    background-color: #609DD2; /*light theme color*/
}
.l-s-bs {
    box-shadow: 0px 0px 4px 4px #337ab7; /*strong theme color*/
}
.l-bd-c {
    border-color: #609DD2; /*light theme color*/
}
.s-bd-c {
    border-color: #337ab7; /*strong theme color*/
}
.l-hover-l-bd-c:hover {
    border-color: #609DD2; /*light theme color*/
}
.l-hover-s-bd-c:hover {
    border-color: #337ab7; /*strong theme color*/
}