/*------- Add ADSK Fonts ------*/

@font-face {
    font-family: "Artifakt Element Regular";
    src: url("../fonts/artifakt/Artifakt Element Regular.ttf");
}

@font-face {
    font-family: "Artifakt Element Light";
    src: url("../fonts/artifakt/Artifakt Element Light.ttf");
}

@font-face {
    font-family: "Artifakt Element Bold";
    src: url("../fonts/artifakt/Artifakt Element Bold.ttf");
}




/*-------- Rebrand color theme --------*/
:root {
    --color-btn-status-in-progress: #3BB6CF;
    --color-btn-status-draft: #858585;
    --color-btn-status-pending: #F58220;
    --color-btn-status-completed: #71CF41;
    --color-btn-status-approved: #3BC580;
    --color-btn-status-cancelled: #CE6565;
}




/*----------- generic styles ----------------*/

/*------ generic styles - font family -----*/
.rebrand [class*="btn_status"],
.rebrand .issueListGrid [class*="ganttViewTaskState"],
.rebrand .tracking_issues-grid [class*="ganttViewTaskState"] {
    font-family: "Artifakt Element Bold" !important;
}

/*------ generic styles - button status -----*/
.rebrand * [class*="btn_status"][class*="project-type-pill"] {
    border: 1px solid #0696D7 !important;
    background-color: #0696D7 !important;
    color: #FFF !important;
}

.rebrand [class*="btn_status"][class*="Draft"] {
    border: 1px solid var(--color-btn-status-draft) !important;
    background-color: var(--color-btn-status-draft) !important;
    color: #FFF !important;
}

.rebrand [class*="btn_status"][class*="Active"],
.rebrand [class*="btn_status"][class*="Completed"],
.rebrand [class*="btn_status"][class*="Closed"] {
    border: 1px solid var(--color-btn-status-completed) !important;
    background-color: var(--color-btn-status-completed) !important;
    color: #FFF !important;
}

/*------ generic styles - text field focus state -----*/
.rebrand [class*="roundedInput"][class*="Focused"], .rebrand:not([id*="styleTester"]) ~ * [class*="roundedInput"][class*="Focused"],
.rebrand .formInputFocused, .rebrand:not([id*="styleTester"]) ~ * .formInputFocused,
.rebrand .selectionInputFocused, .rebrand:not([id*="styleTester"]) ~ * .selectionInputFocused,
.rebrand .textItemShowBorderNewFocused, .rebrand:not([id*="styleTester"]) ~ * .textItemShowBorderNewFocused,
.rebrand .textItemFocused, .rebrand:not([id*="styleTester"]) ~ * .textItemFocused,
.rebrand .selectItemTextFocused, .rebrand:not([id*="styleTester"]) ~ * .selectItemTextFocused,
.rebrand .searchBoxBoderFocused, .rebrand:not([id*="styleTester"]) ~ * .searchBoxBoderFocused {
    border: 1px solid #0696D7 !important;
    box-shadow: 0 0 5px #0696D7 !important;
}

/*------ generic styles - menu item dropdown style -----*/
.rebrand:not([id*="styleTester"]) ~ .tracking_main-header-project-menu [class*="Over"],
.rebrand:not([id*="styleTester"]) ~ * .popupmenu [class*="Over"],
.rebrand:not([id*="styleTester"]) ~ * .tracking_main-header-recent-project-item[class*="Over"],
.rebrand:not([id*="styleTester"]) ~ * [class*="pickListCellSelected"],
.rebrand:not([id*="styleTester"]) ~ * .BackgroundmanuOver,
.rebrand:not([id*="styleTester"]) ~ * .menuMain .normal[style*="rgb(221, 239, 240)"],
.rebrand:not([id*="styleTester"]) ~ * .menuOver,
.rebrand:not([id*="styleTester"]) ~ * .menuIconFieldOver,
.rebrand:not([id*="styleTester"]) ~ * .menuTitleFieldOver,
.rebrand:not([id*="styleTester"]) ~ * [class*="more-actions"][style*="rgb(221, 239, 240)"] {
    background-color: rgba(128, 128, 128, 0.1) !important;
}


/*!*------Main header------*!*/

.rebrand {
    background-color: #f5f5f5 !important;
}

.rebrand .mainheader {
    background-color: #D9D9D9 !important;
}

.rebrand .regular_font_button1 {
    color: #006EAF;
}

.rebrand .regular_font.btn_iconTextTeam {
    background-color: transparent !important;
    color: #000000 !important;
}

.rebrand .btn_iconTextTeamOver {
    background-color: #0696D7 !important;
}

.rebrand .regular_fontCreateButton.btn_iconText,
.rebrand .btn_regular_strong, .rebrand .btn_regular_strongOver, .rebrand .btn_regular_strongSelected, .rebrand .btn_regular_strongFocused {
    background-color: #0696D7 !important;
    border: none;
}

.rebrand .btn_regular_cleanOver, .rebrand .btn_regular_cleanSelected,
.rebrand .btn_regular_cleanFocused, .rebrand .btn_iconTextOver, .rebrand .btn_iconTextSelected,
.rebrand .btn_iconTextFocused, .rebrand .btn_iconTextFocusedDown, .rebrand .btn_iconTextFocusedOver, .rebrand .btn_iconTextFocusedSelected {
    background-color: #0696D7 !important;
    border: none;
}

.rebrand .selectionInputLastActivities, .rebrand .selectionInputLastActivitiesOver, .rebrand .selectionInputLastActivitiesDown,
.rebrand .selectionInputLastActivitiesSelected, .rebrand .selectionInputLastActivitiesHint, .rebrand .searchIconStyle, .rebrand .textItemHideBorder {
    background-color: rgba(255,255,255,0.4);
}

.rebrand .mainHeaderAvatar {
    background-color: transparent !important;
}




/* ----------Main header - User profile dropdown menu ------------- */
.popupmenuMainProfile [class*="menu"][class*="Over"] {
    background-color: transparent !important;
}

.popupmenuMainProfile [class*="menuTitleField"] {
    display: none;
}

.popupmenuMainProfile [eventproxy="themeToggle"] {
    overflow: visible !important;
    z-index: 999999 !important;
}

.themeToggleBase > * {
    position: relative;
    margin-left: 10px;
    display: block !important;
    height: 100%;
    line-height: 1;
    padding: 7px 45px 7px 0;
    overflow: visible !important;
}

.themeToggleBase .toggle {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 18px;
    border-radius: 18px;
    border: 1px solid #80808080;
    box-sizing: border-box;
    background-color: #FFF;
    transition: background-color 0.25s ease-out;
}

.themeToggleBase:hover .toggle {
    outline: 2px solid #80808026;
}

.themeToggleBase .toggle:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    background-color: #808080;
    border-radius: 50%;
    transition: background-color 0.25s ease-out;
}

.themeToggleBase .toggle > span {
    display: none;
    position: absolute;
    top: calc(100% + 15px);
    right: 0;
    background-color: #535353;
    color: #FFF;
    font-weight: 700;
    font-family: "Artifakt Element Regular";
    font-size: 12px;
    padding: 8px 12px;
    border-radius: 3px;
}

.themeToggleBase .toggle:hover > span.classic {
    display: block;
}

.themeToggleBase .toggle > span:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #535353;
}

.rebrand:not([id*="styleTester"]) ~ * .themeToggleBase .toggle {
    border: 1px solid #0696D7;
    background-color: #0696D7;
}

.rebrand:not([id*="styleTester"]) ~ * .themeToggleBase .toggle:before {
    background-color: #FFF;
    left: auto;
    right: 2px;
}

.rebrand:not([id*="styleTester"]) ~ * .themeToggleBase .toggle:hover > span.classic { display: none; }
.rebrand:not([id*="styleTester"]) ~ * .themeToggleBase .toggle:hover > span.new { display: block; }




/* ----------Main header - Projects dropdown menu ------------- */
.rebrand:not([id*="styleTester"]) ~ * .noResultMsg,
.rebrand:not([id*="styleTester"]) ~ * .noResultMsg * {
    font-family: "Artifakt Element Light";
    width: 110px !important;
}

.rebrand:not([id*="styleTester"]) ~ .tracking_main-header-project-menu .description_font,
.rebrand:not([id*="styleTester"]) ~ .tracking_middle-header-project-menu .description_font {
    font-family: "Artifakt Element Regular";
}




/*!*-------Main body style ------------*!*/

.rebrand .tallCellOver, .rebrand .tallCellOverDark {
    background-color: #CDEAF799 !important;
    border-top: 1px solid rgba(6, 150, 215, 0.5);
    border-bottom: 1px solid rgba(6, 150, 215, 0.5);
    opacity: 60%;
}

.rebrand .greenProgresStyle {
    background-color: #cff3ac !important;
}

.rebrand .redProgresStyle {
    background-color: #E7B2B2 !important;
}

.rebrand .regular_font_link,
.rebrand .regular_font_linkSelected,
.rebrand .regular_font_linkSelectedOver,
.rebrand .regular_font_linkFocused,
.rebrand .regular_font_linkDown,
.rebrand .regular_font_blue,
.rebrand .regular_font_blueSelected,
.rebrand .regular_font_blueFocused,
.rebrand .regular_font_blueDown {
    font-family: "Artifakt Element Regular" !important;
}

.rebrand .h1,
.rebrand .h1_button {
    font-family: "Artifakt Element Regular" !important;
}

.rebrand .description_font,
.rebrand .description_font_button,
.rebrand .description_fontOver,
.rebrand .description_fontDown,
.rebrand .description_fontSelected,
.rebrand .description_fontFocused,
.rebrand .description_fontError,
.rebrand .description_fontDisabled {
    font-family: "Artifakt Element Light" !important;
}

.rebrand .half_bar_color_project_completion{
    background: #cff3ac !important;
}

@media only screen and (min-width: 1451px) {
    .rebrand .half_part_pie_two_project_completion {
        background: #cff3ac !important;
    }
}

.rebrand .half_bar_color_total_overdue {
    background: #E7B2B2 !important;
}

.rebrand .projectnav {
    background: #EEEEEE !important;
}

.rebrand .verticalNavBtnOver img,
.rebrand .verticalNavBtnSelected img,
.rebrand .verticalNavBtnSelectedOver img,
.rebrand .verticalNavBtnDown img,
.rebrand .verticalNavBtnSelectedDown img,
.rebrand .verticalNavBtnDown div,
.rebrand .verticalNavBtnSelected div,
.rebrand .verticalNavBtnSelectedOver div,
.rebrand .verticalNavBtnSelectedDown div,
.rebrand .verticalNavBtnOver div {
    background-color: #FFF !important;
    color: #53575a !important;
}

.rebrand .verticalNavBtnSelected img,
.rebrand .verticalNavBtnSelectedOver img,
.rebrand .verticalNavBtnDown img,
.rebrand .verticalNavBtnSelectedDown img {
    border-left: 5px solid #0696D7;
}

.rebrand .collapse-buttonOver, .rebrand .collapse-buttonDown {
    background-color: #CDEAF799 !important;
    opacity: 60%;
}

.rebrand .verticalNavBtn,
.rebrand .verticalNavBtnFocused,
.rebrand .verticalNavBtnDisabled,
.rebrand .verticalNavBtnDown,
.rebrand .verticalNavBtnOver,
.rebrand .verticalNavBtnSelected,
.rebrand .verticalNavBtnSelectedOver,
.rebrand .verticalNavBtnDownOver,
.rebrand .verticalNavBtnSelectedSelected,
.rebrand .verticalNavBtnSelectedDown,
.rebrand .verticalNavBtnSelectedOver,
.rebrand .verticalNavBtnSelectedFocused {
    color: #53575a !important;
}


/* Forms */

.rebrand:not([id*="styleTester"]) ~ .popupmenu .formInputFocused {
    border: 1px solid #0696D7;
    box-shadow: 0 0 5px #0696D7;
}

/* Advance Search */

.rebrandAdvancedSearch .windowHeaderWithTitle,
.rebrandAdvancedSearch .windowHeaderWithTitle1,
.rebrandAdvancedSearch .windowHeader {
    background-color: #0696D7 !important;
}

.notificationWindow .windowHeaderWithTitleNormal {
    background-color: #005959;
}

.rebrand:not([id*="styleTester"]) ~ * .windowHeaderWithTitleNormal {
    background-color: #0696D7;
}

.rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .regular_fontCreateButton.btn_iconText,
.rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_regular_strong, .rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_regular_strongOver, .rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_regular_strongSelected, .rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_regular_strongFocused {
    background-color: #0696D7 !important;
    border: 1px solid #0696D7;
    height: 23px;
    line-height: 21px;
    font-weight: 700;
    padding: 1px 8px 0px;
}

.rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_regular_strongDown {
    background-color: #07a7f0 !important;
    border: 1px solid #07a7f0;
    height: 23px;
    line-height: 21px;
    font-weight: 700;
    padding: 1px 8px 0px;
}

.rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_regular_cleanOver, .rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_regular_cleanSelected,
.rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_regular_cleanFocused, .rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_iconTextOver, .rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_iconTextSelected,
.rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_iconTextFocused, .rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_iconTextFocusedDown, .rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_iconTextFocusedOver, .rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_iconTextFocusedSelected {
    background-color: #0696D7 !important;
    border: 1px solid #0696D7;
    height: 23px;
    line-height: 21px;
    font-weight: 700;
    padding: 1px 8px 0px;
}

.rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_iconOver,
.rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_iconDown,
.rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_iconSelected,
.rebrand:not([id*="styleTester"]) ~ .rebrandAdvancedSearch .btn_iconFocus {
    background-color: #0696D7 !important;
}




/*--------- Project Header ---------*/
.rebrand .middleHeaderMainContant [class*="h1"],
.rebrand .middleHeaderMainContant .normal {
    font-family: "Artifakt Element Regular" !important;
    color: #3C3C3C;
}

.rebrand .middleHeaderMainContant [class*="h1"] {
    font-weight: 400;
    color: #006EAF;
}




/*-------override #005959 with #0696D7--------------*/
/* #3d7f82 temporary replaced by #07a7f0  */

/*-------override #005959 with #0696D7 - button.css-------*/

/* example: pop up window: Create project > any > Cancel button */
.rebrand:not([id*="styleTester"]) ~ * .btn_popup_cleanOver,
.rebrand:not([id*="styleTester"]) ~ * .btn_popup_cleanDown,
.rebrand:not([id*="styleTester"]) ~ * .btn_popup_cleanSelected,
.rebrand:not([id*="styleTester"]) ~ * .btn_popup_cleanFocused {
    color: #0696D7;
}

/* example: pop up window: More action > Rename > Rename button */
.rebrand:not([id*="styleTester"]) ~ * .btn_popup_strong,
.rebrand:not([id*="styleTester"]) ~ * .btn_popup_strongSelected,
.rebrand:not([id*="styleTester"]) ~ * .btn_popup_strongFocused {
    color: #0696D7;
    border: 1px solid #0696D7;
}

.rebrand:not([id*="styleTester"]) ~ * .btn_popup_strongOver {
    background-color: #07a7f0;  /* to be updated */
    border: 1px solid #0696D7;
}

.rebrand:not([id*="styleTester"]) ~ * .btn_popup_strongDown {
    color: #0696D7;
    background-color: #07a7f0;
    border: 1px solid #07a7f0;
}

/* example: Project settings > Show subprojects button*/
.rebrand .btn_regular_clean, .rebrand:not([id*="styleTester"]) ~ * .btn_regular_clean,
.rebrand .btn_iconText, .rebrand:not([id*="styleTester"]) ~ * .btn_iconText {
    border: 1px solid #0696D7;
    color: #0696D7;
}

/* example: BOM > sBOM > Publish button*/
.rebrand .dropdown-menu-secondary-button {
    border: 1px solid #0696D7;
    color: #0696D7;
}

.rebrand .dropdown-menu-secondary-buttonDown,
.rebrand .dropdown-menu-secondary-buttonOver {
    border: 1px solid #0696D7;
    background-color: #07a7f0 !important; /* to be updated */
}

/* example: Team Button */
.rebrand .btn_iconTextTeam {
    background-color: transparent !important;
    color: #000000 !important;
}

.rebrand .btn_iconTextTeamOver {
    background-color: transparent !important;
    color: #000000 !important;
}

.rebrand .btn_iconTextTeamDown{
    background-color: transparent !important;
    color: #000000 !important;
}

/* example: User profile > Add delegate button */
.rebrand .btn_iconTextAddRole {
    border: 1px solid #0696D7;
    color: #0696D7;
}

.rebrand .btn_iconTextAddRoleOver {
    border: 1px solid #0696D7;
    background-color: #07a7f0; /* to be updated */
}

.rebrand .btn_iconTextAddRoleSelected,
.rebrand .btn_iconTextAddRoleFocusedDown,
.rebrand .btn_iconTextAddRoleFocused,
.rebrand .btn_iconTextAddRoleFocusedOver,
.rebrand .btn_iconTextAddRoleOverSelected {
    border: 1px solid #0696D7;
    color: #0696D7 !important;
    background-color: #07a7f0 !important; /* to be updated */
}

/* example: BOM > select any item > New view button */
.rebrand .btn_iconTextSmall {
    border: 1px solid #0696D7;
    color: #0696D7;
}

.rebrand .btn_iconTextSmallOver,
.rebrand .btn_iconTextSmallDown,
.rebrand .btn_iconTextSmallSelected,
.rebrand .btn_iconTextSmallFocused {
    border: 1px solid #0696D7 !important;
    background-color: #07a7f0 !important;  /* to be updated */
}

.rebrand .btn_iconTextSmallOver:active div {
    color: #0696D7;
}

.rebrand .btn_iconTextSmallDown {
    border: 1px solid #0696D7;
    color: #0696D7 !important;
    background-color: #07a7f0; /* to be updated */
}


.rebrand .btn_regular_cleanOver, .rebrand:not([id*="styleTester"]) ~ * .btn_regular_cleanOver,
.rebrand .btn_regular_cleanSelected, .rebrand:not([id*="styleTester"]) ~ * .btn_regular_cleanSelected,
.rebrand .btn_regular_cleanFocused, .rebrand:not([id*="styleTester"]) ~ * .btn_regular_cleanFocused,
.rebrand .btn_iconTextOver, .rebrand:not([id*="styleTester"]) ~ * .btn_iconTextOver,
.rebrand .btn_iconTextSelected, .rebrand:not([id*="styleTester"]) ~ * .btn_iconTextSelected,
.rebrand .btn_iconTextFocused, .rebrand:not([id*="styleTester"]) ~ * .btn_iconTextFocused,
.rebrand .btn_iconTextFocusedDown, .rebrand:not([id*="styleTester"]) ~ * .btn_iconTextFocusedDown,
.rebrand .btn_iconTextFocusedOver, .rebrand:not([id*="styleTester"]) ~ * .btn_iconTextFocusedOver,
.rebrand .btn_iconTextFocusedSelected, .rebrand:not([id*="styleTester"]) ~ * .btn_iconTextFocusedSelected {
    border: 1px solid #0696D7;
    background-color: #07a7f0 !important; /* to be updated */
}

.rebrand .btn_iconTextDown, .rebrand:not([id*="styleTester"]) ~ * .btn_iconTextDown,
.rebrand .btn_regular_cleanDown, .rebrand:not([id*="styleTester"]) ~ * .btn_regular_cleanDown {
    border: 1px solid #07a7f0; /* to be updated */
    color: #0696D7 !important;
    background-color: #07a7f0 !important; /* to be updated */
}

.rebrand .btn_regular_clean:hover, .rebrand:not([id*="styleTester"]) ~ * .btn_regular_clean:hover {
    border: 1px solid #0696D7;
    background-color: #07a7f0 !important; /* to be updated */
}

/* example: Documents > preview panel > pin button */
.rebrand .btn_icon {
    border: 1px solid #0696D7;
}

.rebrand .btn_iconOver,
.rebrand .btn_iconDown,
.rebrand .btn_iconSelected,
.rebrand .btn_iconFocus {
    border: 1px solid #0696D7;
    background-color: #07a7f0 !important; /* to be updated */
}

.rebrand .btn_iconDown {
    border: 1px solid #0696D7;
    background-color: #0696D7;
}

/* example: UNKNOWN */
.rebrand .btn_iconLeftOver, .rebrand:not([id*="styleTester"]) ~ * .btn_iconLeftOver,
.rebrand .btn_iconLeftDown, .rebrand:not([id*="styleTester"]) ~ * .btn_iconLeftDown,
.rebrand .btn_iconLeftSelected, .rebrand:not([id*="styleTester"]) ~ * .btn_iconLeftSelected,
.rebrand .btn_iconLeftFocus, .rebrand:not([id*="styleTester"]) ~ * .btn_iconLeftFocus,
.rebrand .btn_iconLeftSelectedOver, .rebrand:not([id*="styleTester"]) ~ * .btn_iconLeftSelectedOver,
.rebrand .btn_iconLeftSelectedDown, .rebrand:not([id*="styleTester"]) ~ * .btn_iconLeftSelectedDown {
    color: #0696D7;
}

 /*example: UNKNOWN */
.rebrand .btn_iconRightOver, .rebrand:not([id*="styleTester"]) ~ * .btn_iconRightOver,
.rebrand .btn_iconRightDown, .rebrand:not([id*="styleTester"]) ~ * .btn_iconRightDown,
.rebrand .btn_iconRightSelected, .rebrand:not([id*="styleTester"]) ~ * .btn_iconRightSelected,
.rebrand .btn_iconRightFocus, .rebrand:not([id*="styleTester"]) ~ * .btn_iconRightFocus,
.rebrand .btn_iconRightSelectedOver, .rebrand:not([id*="styleTester"]) ~ * .btn_iconRightSelectedOver,
.rebrand .btn_iconRightSelectedDown, .rebrand:not([id*="styleTester"]) ~ * .btn_iconRightSelectedDown {
    color: #0696D7;
}

/* example: Activity Stream > plus icon */
.rebrand .btn_icon1ActivityOver,
.rebrand .btn_icon1ActivityDown,
.rebrand .btn_icon1ActivitySelected,
.rebrand .btn_icon1ActivityFocus,
.rebrand .btn_icon1ActivityHint {
    border: 1px solid #0696D7;
    background-color: #07a7f0; /* to be updated */
}

/* example: Advanced search button */
.rebrand .btn_regular_strong,
.windowStyle .btn_regular_strong{
    border: 1px solid #0696D7;
    background-color: #0696D7;
}

.rebrand .btn_regular_strongOver, .rebrand:not([id*="styleTester"]) ~ * .btn_regular_strongOver,
.rebrand .btn_regular_strongSelected, .rebrand:not([id*="styleTester"]) ~ * .btn_regular_strongSelected,
.rebrand .btn_regular_strongFocused, .rebrand:not([id*="styleTester"]) ~ * .btn_regular_strongFocused {
    border: 1px solid #07a7f0; /* to be updated */
    background-color: #07a7f0; /* to be updated */
}

.rebrand .btn_regular_strongDown, .rebrand:not([id*="styleTester"]) ~ * .btn_regular_strongDown {
    border: 1px solid #07a7f0;
    color: #0696D7;
    background-color: #07a7f0;
}

/* example: Documents > any > version button */
.rebrand .btn_version {
    border: 1px solid #0696D7;
    color: #0696D7;
}

.rebrand .btn_versionOver {
    border: 1px solid #0696D7;
    background-color: #07a7f0; /* to be updated */
}

.rebrand .btn_versionDown,
.rebrand .btn_versionSelected,
.rebrand .btn_versionFocused {
    border: 1px solid #0696D7;
    color: #0696D7;
    background-color: #07a7f0; /* to be updated */
}

/* example: Business Processes > Investigation requests > preview panel > Item > download file button */
.rebrand .btn_download {
    border: 1px solid #0696D7;
    color: #0696D7;
}

.rebrand .btn_downloadOver {
    border: 1px solid #0696D7;
    background-color: #07a7f0; /* to be updated */
}

/* example: Documents > preview panel > Edit detail button */
.rebrand .btn_icon_bottom_padding {
    border: 1px solid #0696D7;
}

.rebrand .btn_icon_bottom_paddingOver,
.rebrand .btn_icon_bottom_paddingSelected,
.rebrand .btn_icon_bottom_paddingFocus {
    border: 1px solid #0696D7;
    background-color: #07a7f0; /* to be updated */
}

.rebrand .btn_icon_bottom_paddingDown {
    border: 1px solid #0696D7;
    color: #0696D7;
    background-color: #07a7f0; /* to be updated */
}

/* example: UNKNOWN*/
.rebrand .btn_icon_bottom_paddingRefresh, .rebrand:not([id*="styleTester"]) ~ * .btn_icon_bottom_paddingRefresh {
    border: 1px solid #0696D7;
}

.rebrand .btn_icon_bottom_paddingRefreshOver,
.rebrand .btn_icon_bottom_paddingRefreshDown,
.rebrand .btn_icon_bottom_paddingRefreshSelected,
.rebrand .btn_icon_bottom_paddingRefreshFocus {
    border: 1px solid #0696D7;
    background-color: #07a7f0; /* to be updated */
}

 /*example: UNKNOWN*/
.rebrand .btn_icon_action, .rebrand:not([id*="styleTester"]) ~ * .btn_icon_action {
    border: 1px solid #0696D7;
}

.rebrand .btn_icon_actionOver,
.rebrand .btn_icon_actionDown,
.rebrand .btn_icon_actionSelected,
.rebrand .btn_icon_actionFocus {
    border: 1px solid #0696D7;
    background-color: #07a7f0;  /* to be updated */
}

/* example: Documents > preview panel > More actions button */
.rebrand .btn_icon_action_menu,
.rebrand .btn_icon_action_menuDisabled {
    border: 1px solid #0696D7;
}

.rebrand .btn_icon_action_menuOver,
.rebrand .btn_icon_action_menuSelected,
.rebrand .btn_icon_action_menuFocus {
    border: 1px solid #0696D7;
    color: #0696D7;
    background-color: #07a7f0; /* to be updated */
}

.rebrand .btn_icon_action_menuDown {
    border: 1px solid #07a7f0; /* to be updated */
    color: #0696D7;
    background-color: #07a7f0; /* to be updated */
}

/* example: Business Processes > Investigation requests > preview panel > Edit details button */
.rebrand .btn_icon_bottom_EBOM_DOC_padding,
.rebrand .btn_icon_bottom_EBOM_DOC_paddingOver,
.rebrand .btn_icon_bottom_EBOM_DOC_paddingDown,
.rebrand .btn_icon_bottom_EBOM_DOC_paddingSelected,
.rebrand .btn_icon_bottom_EBOM_DOC_paddingFocus {
    border: 1px solid #0696D7;
}

.rebrand .btn_icon_bottom_EBOM_DOC_paddingOver {
    border: 1px solid #0696D7;
    background-color: #0696D7;
}

/* example: pop up window: Create Project button > any > Create button */
.rebrand:not([id*="styleTester"]) ~ * .btn_FooterText {
    border: 1px solid #0696D7;
    color: #0696D7;
}

.rebrand:not([id*="styleTester"]) ~ * .btn_FooterTextOver,
.rebrand:not([id*="styleTester"]) ~ * .btn_FooterTextSelected,
.rebrand:not([id*="styleTester"]) ~ * .btn_FooterTextFocused {
    border: 1px solid #0696D7;
    background-color: #07a7f0 !important; /* to be updated */
}

.rebrand:not([id*="styleTester"]) ~ * .btn_FooterTextDown {
    border: 1px solid #07a7f0 !important; /* to be updated */
    color: #0696D7 !important;
    background-color: #07a7f0 !important; /* to be updated */
}

/* example: Permissions > Import button*/
.rebrand .btn_iconTextUploader {
    border: 1px solid #0696D7;
    color: #0696D7;
}

.rebrand .btn_iconTextUploader:hover {
    border: 1px solid #0696D7;
    background-color: #07a7f0 !important; /* to be updated */
}

.rebrand .btn_iconTextUploader:active {
    color: #0696D7 !important;
}

.rebrand .btn_iconTextUploader:active .gwt-Label {
    color: #0696D7 !important;
}

/* example: BP > IR > Add IR Button > Add Item Button */
.rebrand .actionButtonActivity, .rebrand:not([id*="styleTester"]) ~ * .actionButtonActivity {
    border: 1px solid #0696D7;
    color: #0696D7;
}

.rebrand .actionButtonActivityOver, .rebrand:not([id*="styleTester"]) ~ * .actionButtonActivityOver,
.rebrand .actionButtonActivityFocused, .rebrand:not([id*="styleTester"]) ~ * .actionButtonActivityFocused,
.rebrand .actionButtonActivityDown, .rebrand:not([id*="styleTester"]) ~ * .actionButtonActivityDown {
    background-color: #07a7f0 !important; /* to be updated */
    border: 1px solid #0696D7;
}




/*-------override #005959 with #0696D7 - MGMWeb.css-------*/

/* example: UNKNOWN */
.rebrand .roundedInputTextAreaProfileFocused, .rebrand:not([id*="styleTester"]) ~ * .roundedInputTextAreaProfileFocused {
    border: solid 1px #0696D7 !important;
}

 /*example: UNKNOWN */
.rebrand .roundedInputProfileFocused, .rebrand:not([id*="styleTester"]) ~ * .roundedInputProfileFocused {
    border: solid 1px #0696D7 !important;
}

 /*example: UNKNOWN */
.rebrand .calendarDaysOver, .rebrand:not([id*="styleTester"]) ~ * .calendarDaysOver {
    color: #0696D7;
}

 /*example: UNKNOWN */
.rebrand .calendarDaysSelected, .rebrand:not([id*="styleTester"]) ~ * .calendarDaysSelected,
.rebrand .calendarDaysSelectedOver, .rebrand:not([id*="styleTester"]) ~ * .calendarDaysSelectedOver {
    color: #0696D7;
}

 /*example: UNKNOWN */
.rebrand .calendarNav, .rebrand:not([id*="styleTester"]) ~ * .calendarNav,
.rebrand .calendarNavOver, .rebrand:not([id*="styleTester"]) ~ * .calendarNavOver,
.rebrand .calendarNavFocused, .rebrand:not([id*="styleTester"]) ~ * .calendarNavFocused,
.rebrand .calendarNavDown, .rebrand:not([id*="styleTester"]) ~ * .calendarNavDown,
.rebrand .calendarNavSelected, .rebrand:not([id*="styleTester"]) ~ * .calendarNavSelected,
.rebrand .calendarNavDisabled, .rebrand:not([id*="styleTester"]) ~ * .calendarNavDisabled {
    background-color: #0696D7;
}

 /*example: UNKNOWN*/
.rebrand .selectionInputActivityC, .rebrand:not([id*="styleTester"]) ~ * .selectionInputActivityC,
.rebrand .selectionInputActivityCOver, .rebrand:not([id*="styleTester"]) ~ * .selectionInputActivityCOver,
.rebrand .selectionInputActivityCDown, .rebrand:not([id*="styleTester"]) ~ * .selectionInputActivityCDown,
.rebrand .selectionInputActivityCSelected, .rebrand:not([id*="styleTester"]) ~ * .selectionInputActivityCSelected,
.rebrand .selectionInputActivityCFocused, .rebrand:not([id*="styleTester"]) ~ * .selectionInputActivityCFocused,
.rebrand .selectionInputActivityCHint, .rebrand:not([id*="styleTester"]) ~ * .selectionInputActivityCHint,
.rebrand .selectionInputActivityCDisabled, .rebrand:not([id*="styleTester"]) ~ * .selectionInputActivityCDisabled,
.rebrand .selectionInputActivityCDisabledDown, .rebrand:not([id*="styleTester"]) ~ * .selectionInputActivityCDisabledDown,
.rebrand .selectionInputActivityCDisabledFocused, .rebrand:not([id*="styleTester"]) ~ * .selectionInputActivityCDisabledFocused,
.rebrand .selectionInputActivityCDisabledSelected, .rebrand:not([id*="styleTester"]) ~ * .selectionInputActivityCDisabledSelected {
    border: solid 1px #0696D7 !important;
}




/*-------override #005959 with #0696D7 - css/main.css-------*/

/* example: Create Project > any */
.rebrand:not([id*="styleTester"]) ~ * .windowHeaderWithTitle,
.rebrand:not([id*="styleTester"]) ~ * .windowHeaderWithTitle1,
.rebrand:not([id*="styleTester"]) ~ * .windowHeader {
    background-color: #0696D7;
}

/* example: UNKNOWN */
.rebrand .textItemHideBorderFocused, .rebrand:not([id*="styleTester"]) ~ * .textItemHideBorderFocused {
    border: solid 1px #0696D7 !important;
}

/* example: UNKNOWN */
.rebrand .textItemShowBorder, .rebrand:not([id*="styleTester"]) ~ * .textItemShowBorder {
    border: solid 1px #0696D7 !important;
}

 /*example: UNKNOWN */
.rebrand .textItemShowBorderFocused, .rebrand:not([id*="styleTester"]) ~ * .textItemShowBorderFocused {
    border: solid 1px #0696D7 !important;
}

 /*example: UNKNOWN */
.rebrand .searchBoxBoderFocusedNewm, .rebrand:not([id*="styleTester"]) ~ * .searchBoxBoderFocusedNew {
    border: solid 1px #0696D7 !important;
}

/* example: Project Settings > Change Photo button */
.rebrand .leftMarginProjectSettings .btn_iconTextOver:active .gwt-Label {
    color: #0696D7 !important;
}

/* example: UNKNOWN */
.rebrand .ActDetailsItemShowBorderFocused, .rebrand:not([id*="styleTester"]) ~ * .ActDetailsItemShowBorderFocused {
    border: solid 1px #0696D7 !important;
}

 /*example: UNKNOWN */
.rebrand .ActDetailsItemHideBorderFocused, .rebrand:not([id*="styleTester"]) ~ * .ActDetailsItemHideBorderFocused {
    border: solid 1px #0696D7 !important;
}

 /*example: UNKNOWN */
.rebrand .activitiesDetailsDurationFocused, .rebrand:not([id*="styleTester"]) ~ * .activitiesDetailsDurationFocused {
    border: solid 1px #0696D7 !important;
}

/* example: Business Processes > Change requests tab */
.rebrand .activityIssueTabBottomDown,
.rebrand .activityIssueTabBottomSelectedDown,
.rebrand .activityIssueTabBottomSelectedFocus,
.rebrand .activityIssueTabBottomSelected,
.rebrand .activityIssueTabBottomSelectedOver {
    background-color: #0696D7;
}

.rebrand .activityIssueTabBottomOver {
    background-color: #07a7f0; /* to be updated */
}

/* example: UNKNOWN */
.rebrand .gwt-FileUpload:focus, .rebrand:not([id*="styleTester"]) ~ * .gwt-FileUpload:focus,
.rebrand .gwt-FileUpload:active, .rebrand:not([id*="styleTester"]) ~ * .gwt-FileUpload:active {
    color: #0696D7;
}

/* example: UNKNOWN */
.rebrand .noCbomDataLayoutStyle, .rebrand:not([id*="styleTester"]) ~ * .noCbomDataLayoutStyle {
    color: #0696D7;
}





/*-------override #005959 with #0696D7 - css/typography.css-------*/

/* example: Create project button */
.rebrand .regular_fontCreateButton.btn_iconText {
    background-color: #0696D7 !important;
    border: none ;
}

.rebrand .regular_fontCreateButton.btn_iconTextOver {
    background-color: #0696D7 !important;
    border: none ;
}

.rebrand .regular_fontCreateButton.btn_iconTextDown {
    background-color: #0696D7 !important;
    border: none ;
}

.rebrand .regular_fontCreateButton.btn_iconText .btn_iconText {
    color: #FFF !important;
}

.rebrand .regular_fontCreateButton.btn_iconTextDown .btn_iconText {
    color: #FFF;
}




/*-------override #005959 with #0696D7 - vault/dhtmlxvault_productiiv.css-------*/

/* example: Documents > Add Documents > Add Documents button */
.rebrand:not([id*="styleTester"]) ~ * .dhx_vault_dhx_skyblue div.dhx_vault_controls div.dhx_vault_button {
    border: 1px solid #0696D7;
    color: #0696D7;
}

.rebrand:not([id*="styleTester"]) ~ * .dhx_vault_dhx_skyblue div.dhx_vault_controls div.dhx_vault_button.dhx_vault_button_hover{
    border: 1px solid #0696D7;
    background-color: #07a7f0 !important; /* to be updated */
}

.rebrand:not([id*="styleTester"]) ~ * .dhx_vault_button_hover:active .dhxvault_button_text{
    color: #0696D7;
}

.rebrand:not([id*="styleTester"]) ~ * .dhx_vault_dhx_skyblue div.dhx_vault_controls div.dhx_vault_button.dhx_vault_button_pressed {
    background-color: #07a7f0 !important; /* to be updated */
    color: #0696D7;
    border: 1px solid #07a7f0 !important; /* to be updated */
}




/*------ user profile background color -------*/
.avatar_color_0, .avatar_color_5 { background-color: #0e9dd8; }
.avatar_color_1, .avatar_color_6 { background-color: #e72671; }
.avatar_color_2 { background-color: #91ca69; }
.avatar_color_3 { background-color: #4a68b1; }
.avatar_color_4 { background-color: #ee6e5e; }

.rebrand .avatar_color_0, .rebrand:not([id*="styleTester"]) ~ * .avatar_color_0 { background-color: #BC2B2B; }
.rebrand .avatar_color_1, .rebrand:not([id*="styleTester"]) ~ * .avatar_color_1 { background-color: #1D6328; }
.rebrand .avatar_color_2, .rebrand:not([id*="styleTester"]) ~ * .avatar_color_2 { background-color: #527C29; }
.rebrand .avatar_color_3, .rebrand:not([id*="styleTester"]) ~ * .avatar_color_3 { background-color: #3D6AC2; }
.rebrand .avatar_color_4, .rebrand:not([id*="styleTester"]) ~ * .avatar_color_4 { background-color: #C84B75; }
.rebrand .avatar_color_5, .rebrand:not([id*="styleTester"]) ~ * .avatar_color_5 { background-color: #CE6D3C; }
.rebrand .avatar_color_6, .rebrand:not([id*="styleTester"]) ~ * .avatar_color_6 { background-color: #BE29BE; }




/*-------loader icons-------*/

span[class*="productiiv_spin_icon"] {
    display: inline-block;
    background-image: url(/images/Productiiv_spin.gif);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.rebrand span[class*="productiiv_spin_icon"],
.rebrand:not([id*="styleTester"]) ~ * span[class*="productiiv_spin_icon"] {
    background-image: url(/images/rebrand/Productiiv_spin.gif);
}

span.productiiv_spin_icon_20 {
    width: 20px;
    height: 20px;
}

span.productiiv_spin_icon_25 {
    width: 25px;
    height: 25px;
}

span.productiiv_spin_icon_35 {
    width: 35px;
    height: 35px;
}

span.productiiv_spin_icon_50 {
    width: 50px;
    height: 50px;
}

span[class*="upchain_spinner_icon"] {
    display: inline-block;
    background-image: url(/images/visualizationToolbar/upchainSpinner.gif);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.rebrand span[class*="upchain_spinner_icon"],
.rebrand:not([id*="styleTester"]) ~ * span[class*="upchain_spinner_icon"] {
    background-image: url(/images/rebrand/visualizationToolbar/upchainSpinner.gif);
}

span.upchain_spinner_icon_30 {
    width: 30px;
    height: 30px;
}




/*--------- BOM --------*/
td[id*="EditEnabledEbomTreeGrid"] {
    font-size: 13px;
    white-space: nowrap;
}

td[id*="EditEnabledEbomTreeGrid"] span.regular_font_link { font-size: 1em; }

.rebrand td[id*="EditEnabledEbomTreeGrid"] span.regular_font_link { font-size: 0.967em; }




/*--------- Business Process - generic elements --------------*/
.rebrand .textItemHideBorder,
.rebrand .ecrTabsMargin .regular_font,
.rebrand .ecrTabsMargin .description_font span {
    font-family: "Artifakt Element Regular" !important;
}

.rebrand [class*="tallCell"] { font-family: "Artifakt Element Regular" !important; }

.rebrand [class*="cell"] { font-family: "Artifakt Element Regular" !important; }

.rebrand .issueListGrid .listTable .tallCellDark { background-color: white; }
.rebrand .issueListGrid .listTable [class^="tallCellOver"] {
    background-color: #8080801A !important;
}

.rebrand .issueListGrid .listTable [class*="tallCellSelected"] {
    background-color: #CDEAF799;
    border-bottom: 1px solid #0696D780 !important;
    border-top: 1px solid #0696D780 !important;
}

.rebrand [class*="ebomTreeHeaderChild"] { font-family: "Artifakt Element Regular" !important; }

.rebrand .issueListGrid .emptyMessageNoPadding { font-family: "Artifakt Element Regular" !important; }

.rebrand .issueListGrid [class*="ganttViewTaskState"],
.rebrand .tracking_issues-grid [class*="ganttViewTaskState"] {
    display: block;
    line-height: 1 !important;
    padding: 2px 4px;
    width: 60px;
    height: 8px;
}

.tabNumInProgress { color: #FFCB05; }
.issuebarProgress { background-color: #FFCB05; }
.rebrand .tabNumInProgress { color: var(--color-btn-status-in-progress); }
.rebrand .issuebarProgress { background-color: var(--color-btn-status-in-progress); }
.rebrand [class*="ganttViewTaskStateInProgress"] {
    border: 1px solid var(--color-btn-status-in-progress);
    background-color: var(--color-btn-status-in-progress);
    color: #FFF;
}

.tabNumDraft { color: #455b65; }
.issuebarDraft { background-color: #53575A; }
.rebrand .tabNumDraft { color: var(--color-btn-status-draft); }
.rebrand .issuebarDraft { background-color: var(--color-btn-status-draft);}
.rebrand [class*="ganttViewTaskStateDraft"] {
    border: 1px solid var(--color-btn-status-draft);
    background-color: var(--color-btn-status-draft);
    color: #FFF;
}

.tabNumPending { color: #F58220; }
.issuebarPending { background-color: #F58220; }
.rebrand .tabNumPending { color: var(--color-btn-status-pending); }
.rebrand .issuebarPending { background-color: var(--color-btn-status-pending); }
.rebrand [class*="ganttViewTaskStatePendingCompletion"] {
    border: 1px solid var(--color-btn-status-pending);
    background-color: var(--color-btn-status-pending);
    color: #FFF;
}

.tabNumCompleted { color: #91ca69; }
.issuebarCompleted { background-color: #91ca69; }
.rebrand .tabNumCompleted { color: var(--color-btn-status-completed); }
.rebrand .issuebarCompleted { background-color: var(--color-btn-status-completed); }
.rebrand [class*="ganttViewTaskStateCompleted"] {
    border: 1px solid var(--color-btn-status-completed);
    background-color: var(--color-btn-status-completed);
    color: #FFF;
}

.tabNumCancelled { color: #EF4137; }
.issuebarCancelled{ background-color: #EF4137; }
.rebrand .tabNumCancelled { color: var(--color-btn-status-cancelled); }
.rebrand .issuebarCancelled{ background-color: var(--color-btn-status-cancelled); }
.rebrand [class*="ganttViewTaskStateCancelled"] {
    border: 1px solid var(--color-btn-status-cancelled);
    background-color: var(--color-btn-status-cancelled);
    color: #FFF;
}




/*--------- Business Process - Change Requests --------------*/
.rebrand .issueListGrid .regular_font { font-family: "Artifakt Element Regular" !important; }




/*--------- Business Process - Change Notices --------------*/
.rebrand .description_font span { font-family: "Artifakt Element Regular" !important; }

.tabNumApproved { color: #3fc47e; }
.issuebarApproved { background-color: #3fc47e; }
.rebrand .tabNumApproved { color: var(--color-btn-status-approved); }
.rebrand .issuebarApproved { background-color: var(--color-btn-status-approved); }




/*--------- Business Process - Investigation Requests --------------*/
.rebrand .h1NewActivtie {
    font-family: "Artifakt Element Regular" !important;
    white-space: nowrap;
    font-weight: 700;
    color: #001110;
}

.rebrand [class^="regular_font"],
.rebrand [class^="ebomTreeHeader"],
.rebrand .sourceName,
.rebrand [class*="treeTallCell"] {
    font-family: "Artifakt Element Regular" !important;
}

.rebrand [role="treeitem"] > [class*="treeTallCellOver"] { background-color: #8080801A !important;}

.rebrand [role="treeitem"] > [class*="treeTallCellSelected"] {
    background-color: #CDEAF799;
    border-bottom: 1px solid #0696D780 !important;
    border-top: 1px solid #0696D780 !important;
}




/*----------- Side Panel - generic styles --------------------*/
.rebrand .previewParent,
.rebrand .previewParent .normal,
.rebrand .previewParent .details_H1_link,
.rebrand .previewParent .bom_underlined,
.rebrand .previewParent .disabledTextItem,
.rebrand .previewParent .formCell,
.rebrand .previewParent .securityTitle,
.rebrand .previewParent .EbomTabHIstory,
.rebrand .previewParent .formTitle,
.rebrand .previewParent .roundedInputTextAreaDisabled,
.rebrand .previewParent .disabledTextItemCustomAttributes,
.rebrand .previewParent [class*="sectionHeader"],
.rebrand .previewParent [class*="EbomTabHIstory"],
.rebrand .previewParent .emptyMessage,
.rebrand .previewParent .description_font_padding,
.rebrand .previewParent .Normal_lower_case,
.rebrand .previewParent .version_button_text,
.rebrand .previewParent [class*="selectionInputPriority"],
.rebrand .previewParent [class*="selectionInputDisabled"] {
    font-family: "Artifakt Element Regular" !important;
}

.rebrand .customSidePanel [class*="btn_icon"] {
    border: none;
    background-color: transparent !important;
}

.rebrand .customSidePanel .tabBarLeft + .normal { display: none; }
.rebrand .customSidePanel .tabBarLeft table,
.rebrand .customSidePanel .tabBarLeft tbody,
.rebrand .customSidePanel .tabBarLeft tr {
    display: block;
}

.rebrand .customSidePanel .tabBarLeft {
    background-color: #F5F5F5;
    padding-right: 3px;
    box-sizing: border-box;
    width: 48px !important;
    top: 5px !important;
}

.rebrand .customSidePanel .tabBarLeft > [role="tab"] {
    left: auto !important;
    right: 0;
    transform: translateY(-5px);
    width: 42px !important;
}


.rebrand .customSidePanel .tabBarLeft td[class*="tabButtonLeft"] {
    padding-right: 0 !important;
    background-color: transparent !important;
}

.rebrand .customSidePanel td[class*="tabButtonLeft"] img { padding-left: 5px; }

.rebrand .customSidePanel .tabBarLeft > * > * > * > * > * > td[class*="tabButtonLeft"] {
    position: relative;
    border-radius: unset;
    padding: 0;
    display: block;
}

.rebrand .customSidePanel .tabBarLeft > * > * > * > * > * > td[class*="tabButtonLeftSelected"] { background-color: #FFF !important; }
.rebrand .customSidePanel .tabBarLeft > * > * > * > * > * > td[class*="tabButtonLeftOver"],
.rebrand .customSidePanel .tabBarLeft > * > * > * > * > * > td[class*="tabButtonLeftDown"] {
    background-color: rgba(255, 255, 255, 0.7) !important;
}

.rebrand .previewParent [class*="btn_status"] {
    border: none !important;
}

.rebrand .previewParent [class*="btn_status"][class*="InProgress"] {
    color: #FFF;
    background-color: var(--color-btn-status-in-progress) !important;
}

.rebrand .previewParent [class*="btn_status"][class*="Draft"] {
    color: #FFF;
    background-color: var(--color-btn-status-draft) !important;
}

.rebrand .previewParent .btn_status_Completed {
    color: #FFF;
    background-color: var(--color-btn-status-completed) !important;
}

.rebrand .previewParent [class*="btn_status_Pending"] {
    color: #FFF;
    background-color: var(--color-btn-status-pending) !important;
}

.rebrand .previewParent .btn_status_Cancelled,
.rebrand .previewParent .btn_status_Discarded {
    color: #FFF;
    background-color: var(--color-btn-status-cancelled) !important;
}





/*------------- Generic buttons ------------------*/
.rebrand .genericBtn img { display: none; }

.rebrand .genericBtn:first-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
}

.rebrand .genericBtn.pin:first-child:before { background-image: url(/images/rebrand/Button_Icons/Pin.svg); }
.rebrand .btn_iconOver .genericBtn.pin:first-child:before { background-image: url(/images/rebrand/Button_Icons/Pin_Over.svg); }

.rebrand .genericBtn.pinSelected:first-child:before { background-image: url(/images/rebrand/Button_Icons/Pin_Selected.svg); }
.rebrand .btn_iconOver .genericBtn.pinSelected:first-child:before { background-image: url(/images/rebrand/Button_Icons/Pin_Selected_Over.svg); }

.rebrand .genericBtn.moreAction:first-child:before { background-image: url(/images/rebrand/Button_Icons/Action_big.svg); }
.rebrand .btn_icon_action_menuOver .genericBtn.moreAction:first-child:before { background-image: url(/images/rebrand/Button_Icons/Action_big_Over.svg); }

.rebrand .genericBtn.edit:first-child:before { background-image: url(/images/rebrand/Icons_regular/Edit.svg); }
.rebrand .genericBtn.editDisabled:first-child:before { background-image: url(/images/rebrand/Icons_regular/Edit_Disabled.svg); }
.rebrand [class$="Over"] .genericBtn.edit:first-child:before { background-image: url(/images/rebrand/Icons_regular/Edit_Over.svg); }

.rebrand .genericBtn.save:first-child:before { background-image: url(/images/rebrand/Button_Icons/Save.svg); }
.rebrand [class$="Over"] .genericBtn.save:first-child:before { background-image: url(/images/rebrand/Button_Icons/Save_Over.svg); }

.rebrand .genericBtn.build:first-child:before { background-image: url(/images/rebrand/RightNavigation/Build.svg); }
.rebrand .genericBtn.buildDisabled:first-child:before { background-image: url(/images/rebrand/RightNavigation/Build_Disabled.svg); }
.rebrand .btn_icon_bottom_paddingOver .genericBtn.build:first-child:before { background-image: url(/images/rebrand/RightNavigation/Build_hover.svg); }

.rebrand .genericBtn.plus:first-child:before { background-image: url(/images/rebrand/Button_Icons/Plus.svg); }
.rebrand .genericBtn.plusDisabled:first-child:before { background-image: url(/images/rebrand/Button_Icons/Plus_Disabled.svg); }
.rebrand [class$="Over"] .genericBtn.plus:first-child:before { background-image: url(/images/rebrand/Button_Icons/Plus_Over.svg); }

.rebrand .genericBtn.minus:first-child:before { background-image: url(/images/rebrand/Button_Icons/Minus.svg); }
.rebrand .genericBtn.minusDisabled:first-child:before { background-image: url(/images/rebrand/Button_Icons/Minus_Disabled.svg); }
.rebrand .btn_icon_bottom_paddingOver .genericBtn.minus:first-child:before { background-image: url(/images/rebrand/Button_Icons/Minus_Over.svg); }

.rebrand .genericBtn.newWindow:first-child:before { background-image: url(/images/rebrand/Button_Icons/New_window.svg); }
.rebrand .genericBtn.newWindowDisabled:first-child:before { background-image: url(/images/rebrand/Button_Icons/New_window_Disabled.svg); }
.rebrand .btn_icon_bottom_paddingOver .genericBtn.newWindow:first-child:before { background-image: url(/images/rebrand/Button_Icons/New_window_Over.svg); }

.rebrand .genericBtn.cancel:first-child:before { background-image: url(/images/rebrand/Button_Icons/Reject.svg); }
.rebrand .genericBtn.cancelDisabled:first-child:before { background-image: url(/images/rebrand/Button_Icons/Reject_Disabled.svg); }
.rebrand .btn_icon_bottom_paddingOver .genericBtn.cancel:first-child:before { background-image: url(/images/rebrand/Button_Icons/Reject_Over.svg); }

.rebrand .genericBtn.approve:first-child:before { background-image: url(/images/rebrand/Button_Icons/Approve.svg); }
.rebrand .genericBtn.approveDisabled:first-child:before { background-image: url(/images/rebrand/Button_Icons/Approve_Disabled.svg); }
.rebrand .btn_iconTextOver .genericBtn.approve:first-child:before { background-image: url(/images/rebrand/Button_Icons/Approve_Over.svg); }

.rebrand .btn_version .btn_download-icon, .rebrand .btn_download .btn_download-icon { background-image: url(/images/rebrand/Button_Icons/Download_small.svg);}
.rebrand .btn_versionOver .btn_download-icon, .rebrand .btn_downloadOver .btn_download-icon { background-image: url(/images/rebrand/Button_Icons/Download_small_Over.svg); }

.rebrand .genericBtn.closeView:first-child:before { background-image: url(/images/rebrand/Button_Icons/Close_view.svg); }
.rebrand .genericBtn.closeViewDisabled:first-child:before { background-image: url(/images/rebrand/Button_Icons/Close_view_Disabled.svg); }
.rebrand [class$="paddingOver"] .genericBtn.closeView:first-child:before { background-image: url(/images/rebrand/Button_Icons/Close_view_Over.svg); }




/*------------- Project Settings ------------------*/
.rebrand [eventproxy="projectSettings"] .normal,
.rebrand [eventproxy="projectSettings"] .formCell,
.rebrand [eventproxy="projectSettings"] .formCell *:not([class*="btn_status"]),
.rebrand [eventproxy="projectSettings"] [class*="labelAnchor"],
.rebrand [eventproxy="projectSettings"] .bom_underlined,
.rebrand [eventproxy="projectSettings"] [class*="selectionInput"],
.rebrand [eventproxy="projectSettings"] [class*="tabButtonTop"],
.rebrand [eventproxy="projectSettings"] .modalWindowQuestion,
.rebrand [eventproxy="projectSettings"] .emptyMessage {
    font-family: "Artifakt Element Regular" !important;
}

.rebrand [eventproxy="projectSettings"] [class*="btn_iconText"] .normal {
    color: #0696D7;
    white-space: nowrap;
}

.rebrand [eventproxy="projectSettings"] .teams-grid-list [class*="tallCellSelected"] { background-color: #CDEAF799; }

.rebrand [class*="groupFiles"][class*="Selected"],
.rebrand [class*="groupFiles"][class*="Selected"][class*="Over"] {
    background-color: #CDEAF799 !important;
    border-bottom: 1px solid #0696D780 !important;
    border-top: 1px solid #0696D780 !important;
}

.rebrand [class*="groupFiles"][class*="Over"] { background-color: #8080801A !important; }