html .Header_background {
    background-color: #333333; /*header color*/
}

/* active menu */
html .Menu_TopMenuActive {
    border-bottom: 4px solid #F3642A; /*menu color*/
}

html .desktop .Header_Menu a:hover, 
html .desktop .Header_Menu a:link:hover, 
html .desktop .Header_Menu a:visited:hover{
    color: #fff;
}

/* logout icon */
html .Login_Info .LoginInfo_Logout a:link {
    color: #F3642A;
}

html .Login_Info .LoginInfo_Logout a:link:hover {
    color: #F3642A;
}



html div.Menu_DropDownPanel a:hover,
html div.Menu_DropDownPanel a:link:hover,
html div.Menu_DropDownPanel a:visited:hover {
    background-color: #F3642A; /*primary color*/
}

/* hover submenu item */
html .Menu_DropDownPanel a.Menu_SubMenuItem:hover,
html .Menu_DropDownPanel a.Menu_SubMenuItem:link:hover,
html .Menu_DropDownPanel a.Menu_SubMenuItem:visited:hover {
    background-color: #F3642A; /*primary color*/
}

html .Title_Section{
    background: #F3642A; /*primary color*/
}

html .Footer a,
html .Footer a:link,
html .Footer a:visited {
    color: #F3642A; /*primary color*/
}

html body input[type='checkbox']:after {
    border-color: #F3642A; /*primary color*/
}

html body input[type='radio']:checked:after {
    background-color: #F3642A; /*primary color*/
    border-color: #F3642A; /*primary color*/
}

html span.ListNavigation_CurrentPageNumber {
    background-color: #F3642A; /*primary color*/
    border: 1px solid #F3642A; /*primary color*/
}

html .EditableTable tr.RowControlGroup a {
    color: #F3642A; /*primary color*/
}

html div.Feedback_Message_Error {
    background-color: #F3642A; /*primary color*/
}

/* Ajax Loading */
html .Feedback_AjaxWait {
    color: #F3642A; /*primary color*/
}


html a, 
html a:link,
html a:visited{
   color: #F3642A; /*primary color*/
}

html .desktop a:hover, 
html .desktop a:link:hover, 
html .desktop a:visited:hover, 
html .tablet a:hover, 
html .phone a:hover {
    color: #de480d; /*primary color*/
}


html .Button,
html a.Button {
    color: #F3642A; /*primary color*/
}

html .Button:hover:active,
html a.Button:hover:active {
    color: #F3642A; /*primary color*/
}

html .desktop .Button:hover, 
html .desktop a.Button:hover {
    color: #F3642A; /*primary color*/
}


/* Default Action Button **************************/
html .desktop .Button.ButtonDefault,
html .desktop .Button.Is_Default,
html .Button.ButtonDefault,
html .Button.Is_Default,
html input.Button.Is_Default {
    background-color: #F3642A; /*primary color*/
}

html .Button.ButtonDefault:hover,
html .desktop .Button.ButtonDefault:hover,
html .desktop .Button.Is_Default:hover,
html .desktop a.Button.Is_Default:hover,
html .desktop input.Button.Is_Default:hover {
    background: #F3642A; /*primary color*/
    color: #fff;
    box-shadow: none;
}

html a.Button.Link,
html .Button.Link {
    color: #F3642A; /*primary color*/
}

html .desktop .Button.Link:hover,
html .desktop a.Button.Link:hover {
    color: #F3642A; /*primary color*/
}

html .Button.Link:hover:active,
html a.Button.Link:hover:active,
html .Button.Link:focus,
html a.Button.Link:focus {
    border: 1px solid #F3642A; /*primary color*/
    color: #F3642A; /*primary color*/
}


/* AccordionVertical **************************/
html .AccordionVertical_item.open .AccordionVertical___icon > .fa, 
html .AccordionVertical_item.open .AccordionVertical___title{
    color: #F3642A; /*primary color*/
}
html .AccordionVertical___icon {
    color: #F3642A; /*primary color*/
}
html .AccordionVertical___title {
    color: #F3642A; /*primary color*/
}


/* Carrousel **************************/
html .owl-theme .owl-controls .owl-page.active span,
html .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #F3642A; /*primary color*/
}

html .SectionExpandable .SectionExpandable_header {
    color: #F3642A; /*primary color*/
}

html .SectionExpandable .SectionExpandable_header .Heading2 {
    color: #F3642A; /*primary color*/
}

html .SectionExpandable.expanded .SectionExpandable_header .Heading2 {
    color: #F3642A; /*primary color*/
}

html .ButtonGroup_button.active,
html .ButtonGroup_button.Button:active,
html .desktop .ButtonGroup_button.active:hover {
    background-color: #F3642A; /*primary color*/
    border-top-color: #F3642A; /*primary color*/
    border-bottom-color: #F3642A; /*primary color*/
}

html .DropdownMenu .PH > a:hover {
    background-color: #F3642A; /*primary color*/
}

html .ButtonDropdown_button.Button {
    color: #F3642A; /*primary color*/
}

html .ButtonDropdown_button.Button:hover,
html .desktop .ButtonDropdown_button.Button:hover {
    color: #F3642A; /*primary color*/
}

html .ButtonDropdown.open .ButtonDropdown_button.Button,
html .ButtonDropdown.open .ButtonDropdown_button.Button:hover {
    color: #F3642A; /*primary color*/
}

html .ButtonDropdown_icon .fa-fw:before {
    color: #F3642A; /*primary color*/
}


/* Dropdown: IconDropdown **************************/
html .IconDropdown_button.Button {
    color: #F3642A; /*primary color*/
}

html .IconDropdown_button.Button .IconDown span.fa,
html .IconDropdown_button.Button:hover span.fa {
    color: #F3642A; /*primary color*/
}


/* InlineDropdown **************************/
html .InlineDropdown_label{
    color: #F3642A; /*primary color*/
}


/* InputWithIcons **************************/
html .InputWithIcons .InputIcon {
    color: #F3642A; /*primary color*/
}


/* Slide Range **************************/
html .SliderRange .ui-slider-range {
    background-color: #F3642A; /*primary color*/
}


/* Select2 **************************/
html .select2-container .select2-choice .select2-arrow:before {
    color: #F3642A; /*primary color*/
}

html .select2-container .select2-choice > .select2-chosen{
    color: #F3642A; /*primary color*/
}

html .select2-drop {
    border-top: 1px solid #F3642A; /*primary color*/
}
html .select2-results li {
    color: #F3642A; /*primary color*/
}

html .select2-results .select2-highlighted {
    background-color: #F3642A; /*primary color*/
}


/* Calendar ********************/
html .desktop .Calendar-navBtn > div:hover {
    color: #F3642A; /*primary color*/
}

/* Calendar days */
html .Calendar-day-selected,
html .Calendar-day-selected:hover,
html td:hover > .Calendar-day.Calendar-day-selected {
    background: #F3642A; /*primary color*/
}


html .Calendar_Input[type=text] {
    border-bottom: 1px solid #F3642A; /*primary color*/
}


/* ListItem **************************/
html .ListItemGroup .ListItem {
    color: #F3642A; /*primary color*/
}


/* NavigationBar **************************/
html .NavigationBar a.Active:after {
    background-color: #F3642A; /*primary color*/
}

html .NavigationBar a.Active:not(.ie7):before,
html .NavigationBar a.Active:not(.ie8):before {
    border-bottom-color: #F3642A; /*primary color*/
}

html .desktop .NavigationBar a:hover:after,
html .desktop .NavigationBar a:link:hover:after {
    background-color: #F3642A; /*primary color*/
}

html .phone .NavigationBar a:active,
html .phone .NavigationBar a:link:active,
html .tablet .NavigationBar a:active,
html .tablet .NavigationBar a:link:active {
    color: #F3642A; /*primary color*/
}

html .phone .NavigationBar a:active:after,
html .phone .NavigationBar a:link:active:after,
html .tablet .NavigationBar a:active:after,
html .tablet .NavigationBar a:link:active:after {
    background-color: #F3642A; /*primary color*/
}


/* TabsClient **************************/
html .Tabs__tab:hover {
    color: #F3642A; /*primary color*/
}


/* SectionIndex **************************/
html .SectionIndex.vertical a.active,
html .SectionIndex.vertical a:hover {
    border-left-color: #F3642A; /*primary color*/
}

html .SectionIndex a.active,
html .SectionIndex a:hover {
    color: #F3642A; /*primary color*/
}


/* Wizard **************************/
html .WizardStep.ActiveStep {
    background-color: #F3642A; /*primary color*/
}

html .WizardStep.ActiveStep:before {
    border-bottom-color: #F3642A; /*primary color*/
    border-top-color: #F3642A; /*primary color*/
}


/** Client Contact Expandable  **/
html .IconExpand{
    background-color: #F3642A; /*primary color*/
}


/** SearchArea **/
html .SearchSection .select2-container .select2-choice {
    border-bottom: 1px solid #F3642A; /*primary color*/
}


/* DropdownTreeContainer ***********************/
html .DropdownTree_header input[type='text'] {
    border-bottom: 1px solid #F3642A; /*primary color*/
}

html .DropdownTree__icon {
    color: #F3642A; /*primary color*/
}

html .DropdownTreeItem_button:before {
    background: #F3642A; /*primary color*/
}


/* BottomMenu **************************/
html .BottomMenu_item.active {
    background-color: #F3642A; /*primary color*/
}


/* Scaffolding buttons ***************************/
html a.ActionAdd,
html a.ActionAdd:link,
html a.ActionAdd:visited,
html a.ActionEdit,
html a.ActionEdit:link,
html a.ActionEdit:visited,
html a.ActionDelete,
html a.ActionDelete:link,
html a.ActionDelete:visited,
html a.ActionChange,
html a.ActionChange:link,
html a.ActionChange:visited {
    border: 1px solid #F3642A; /*primary color*/
    color: #F3642A; /*primary color*/
}

html .SearchSection_Input[type=text] {
    border-bottom: 1px solid #F3642A; /*primary color*/
}

html .Tabs__tab.active {
    border-bottom: 2px solid #F3642A; /*primary color*/
}


/*Primary text class*/
html .Text_primary {
    color: #F3642A; /*primary color*/
}
    

html .CustomerSearch {
    color: #F3642A; /*primary color*/
}

html .CustomerSearch:hover {
    background-color: #F3642A; /*primary color*/
}

html .select2-container .select2-choice:hover span {
    color: #de480d; 
}

html .AlertSideBar_AlertTypeFilters > div.Selected {
    background-color: #F3642A; /*primary color*/
}

html .AlertSideBar_AlertTypeFilters > div:hover {
    background-color: #de480d; 
}

html .ClientInfoHeader_Toggle {
    background-color: #F3642A; 
}

html .ClientInfoHeader_Toggle:hover {
    background-color: #de480d; 
}

html .tooltipstered {
    color: #F3642A;
}