:root, :before, :after {
    /* Class */
    --primary: var(--blue1);
    --primary-dark: var(--blue2);
    --navbar-top-background: var(--blue3);
    --navbar-side-background: var(--blue3);
    --navbar-icon-hover: var(--blue5);
    --navbar-icon-active: var(--blue4);
    --nav1: var(--grey3);
    --dark: var(--blue2);
    --default_header1: var(--white1);
    --default_summary1: var(--white1);
    --focus-nav: var(--blue5);
    --icon-main: var(--blue1);
    --nav-icon-focused: var(--green1);
    --nav-default1: var(--blue11);
    /* new */
    --scaleFnt1: var(--blue1);
    --card-header1: var(--blue2);
    --card-header2: var(--blue8);
    --card-header3: var(--blue1);
    --card-header4: var(--white1);
    --card-header5: var(--black1);
    --card-header6: var(--grey1);
    --card-block1: var(--white);
    --text-filter-border-bottom: var(--blue1);
    --text-filter-border-bottom-focus: var(--blue1);
    --bootstrap-select-border-bottom: var(--blue1);
    --bootstrap-select1: var(--grey3);
    --dropdown-item-active1: var(--blue3);
    --dropdown-item-active2: var(--blue1);
    --dropdown-item1: var(--grey4);
    --dropdown-item2: var(--white1);
    --grid-title1: var(--blue2);
    --grid-title3: var(--blue2);
    --grid-title4: var(--blue2);
    --workflow-detail-title: var(--grey1);
    --info-background: var(--blue2);
    --btn-text1: var(--blue2);
    --btn-background1: var(--grey3);
    --btn-background2: var(--blue2);
    --lable1: var(--grey3);
    --label2: var(--blue2);
    --label3: var(--grey6);
    --label4: var(--blue1);
    --document-background1: var(--grey3);
    --link1: var(--green1); /*green1*/
    --link2: var(--red1); /*red1*/
    --link3: var(--blue2); /*blue2*/
    --link4: var(--blue1);
    --focus-input-label: var(--blue2);
    --v-label1: var(--blue2);
    --tag1: var(--blue2);
    --focus1: var(--blue2);
    --title1: var(--blue2);
    --select-textarea1: var(--blue1);
    --select-textarea2: var(--grey4);
    --placeholder1: var(--blue8);
    --placeholder2: var(--grey1);
    --tag2: var(--blue1);
    --tag3: var(--blue8);
    --tag4: var(--blue9);
    --tag5: var(--green3);
    --select-group1: var(--blue1);
    --select-group2: var(--grey4);
    --select-group3: var(--blue2);
    --bar1: var(--blue9);
    --highlighter1: var(--blue9);
    --label5: var(--white1);
    --bootstrap-select2: var(--grey4);
    --bootstrap-select3: var(--blue1);
    --file1: var(--blue1);
    --icon1: var(--blue1);
    --icon2: var(--green2);
    --icon3: var(--red1);
    --icon4: var(--pink1);
    --icon5: var(--green1);
    --icon6: var(--yellow1);
    --icon7: var(--orange2);
    --button1: var(--grey6);
    --button2: var(--pink1);
    --button3: var(--blue1);
    --button4: var(--green1);
    --button5: var(--blue2);
    --button6: var(--red1);
    --button7: var(--white1);
    --button8: var(--grey1);
    --button9: var(--orange1);
    --button10: var(--green2);
    --button11: var(--blue8);
    --button12: var(--green2);
    --box-shadow1: var(--grey6);
    --button-material1: var(--green2);
    --button-material2: var(--red1);
    --button-material3: var(--grey6);
    --button-material4: var(--orange1);
    --button-material5: var(--blue1);
    --button-material6: var(--blue2);
    --choice1: var(--grey4);
    --choice2: var(--grey6);
    --grid1: var(--green2);
    --grid2: var(--red1);
    --grid3: var(--blue1);
    --tool1: var(--grey1);
    --tool2: var(--white1);
    --general1: var(--grey1);
    --general2: var(--black1);
    --general3: var(--white1);
    --general4: var(--grey4);
    --general5: var(--blue1);
    --general6: var(--grey5);
    --general7: var(--blue2);
    --general8: var(--grey3);
    --general11: var(--grey3);
    --general12: var(--green2);
    --untested1: var(--blue10);
    --untested2: var(--grey6);
    --skipped1: var(--orange2);
    --open1: var(--grey2);
    --open2: var(--grey6);
    --inprogress1: var(--blue1);
    --passed1: var(--green2);
    --approved1: var(--green2);
    --passed2: var(--green1);
    --approved2: var(--green1);
    --failed1: var(--red1);
    --failed2: var(--red2);
    --unknown1: var(--blue6);
    --warning1: var(--orange1);
    --bar1: var(--red1);
    --filter1: var(--blue1);
    --badge1: var(--blue2);
    --badge2: var(--red1);
    --badge3: var(--yellow1);
    --badge4: var(--green1);
    --badge5: var(--blue7);
    --error1: var(--red1);
    --error2: var(--green2);
    --error3: var(--orange1);
    /**/
    /* Images */
    --logo1: Images/Cym-MainLogo.png;
    --logo2: Images/us_billboard-waves-home.png;
    --logo3: Images/sts-cym-logo-title-primary-first.png;
    --logo4: Images/sts-cym-logo-title-primary-second.png;
    --logo5: Images/Orchestrate.png;
    --logo6: Images/billboard-magenta-2-TallFlip.png;
    --logo7: Images/Verify.png;
    --logo8: Images/billboard-wave-4.png;
    --logo9: Images/Approve.png;
    --logo10: Images/billboard-wave-3.png;
    --logo11: Images/Proof.png;
    --logo12: Images/wave-cyan-Tall.png;
}