/**
 * @application   RECUE
 * @author        [2012-2026] | Eugene Meyer - (Lead - Full System)
 * @author        [2023-2025] | Rene van der Merwe - (Jnr Developer | Front-End RECUE)
 * @copyright     [2012-2026] All rights owned by IBE Workflow Automation (PTY) LTD
 * @license       IBE Workflow Automation (PTY) LTD
 * @modified      2026/09/08, 15:59
 ******************************************************************************/
/* .grey_glowing_word { */
/*   border-color : var(--color-white); */
/*   color        : var(--color-white); */
/*   } */
/* .green_glowing_word { */
/*   border-color : var(--color-green-chartreuse); */
/*   color        : var(--color-green-chartreuse); */
/*   } */
/* .yellow_glowing_word { */
/*   border-color : var(--color-yellow); */
/*   color        : var(--color-yellow); */
/*   } */
/* .salmon_glowing_word { */
/*   border-color : var(--color-pink-salmon-light); */
/*   color        : var(--color-pink-salmon-light); */
/*   } */
/* .orange_red_glowing_word { */
/*   border-color : var(--color-orange); */
/*   color        : var(--color-orange); */
/*   } */
/* .blue_glowing_word { */
/*   border-color : var(--color-blue-maya); */
/*   color        : var(--color-blue-maya); */
/*   } */
/* .purple_green_glowing_word { */
/*   border-color : var(--color-green-chartreuse); */
/*   color        : var(--color-purple-psychedelic); */
/*   } */
/* .purple_glowing_word { */
/*   border-color : var(--color-purple-psychedelic); */
/*   color        : var(--color-purple-psychedelic); */
/*   } */
.recue_green {
 background-color : transparent;
 color            : var(--color-green-atlantis);
}

.recue_green:hover {
 background-color : var(--color-green-2);
 box-shadow       : 0 0 0.3125rem var(--color-green-atlantis), 0 0 0.625rem var(--color-green-atlantis), 0 0 0.975rem var(--color-green-atlantis), 0 0 1.25rem var(--color-green-atlantis);
 color            : var(--color-white);
}

.recue_red {
 background-color : transparent;
 border-color     : var(--color-red-free-speech);
 color            : var(--color-red-free-speech);
}

.recue_red:hover {
 background-color : var(--color-red-maroon);
 box-shadow       : 0 0 0.3125rem var(--color-red-free-speech), 0 0 0.625rem var(--color-red-free-speech), 0 0 0.975rem var(--color-red-free-speech), 0 0 1.25rem var(--color-red-free-speech);
 color            : var(--color-white);
}

.bright_blue {
 background-color : var(--color-blue-dodger);
 color            : var(--color-white);
}

.baby_blue {
 background-color : var(--color-blue-light);
 color            : var(--color-blue-dark);
}

.blue {
 background   : var(--color-blue-medium-slate);
 border-color : var(--color-blue-dark);
}

.dark_lime {
 background-color : var(--color-green-islamic-dark);
 color            : var(--color-white);
}

.dark_mcs_bg {
 background-color : var(--color-green-myrtle);
 color            : var(--color-white);
}

.dark_fcc_bg {
 background-color : var(--color-blue-midnight-opc-75);
 color            : var(--color-white);
}

.anc_green {
 background-color : var(--color-green-myrtle-dark-opc-75);
 color            : var(--color-white);
}

.anc_purple {
 background-color : rgb(62, 14, 80);
 color            : var(--color-white);
}

.medium_lime {
 background-color : var(--color-green-lime-med);
}

.dark_orchid {
 background-color : rgb(128, 5, 181);
 color            : var(--color-white);
}

.medium_orchid {
 background-color : var(--color-purple-dark-orchid);
 color            : var(--color-white);
}

.light_grey {
 background-color : var(--color-grey-170);
 color            : var(--color-black);
}

.light_red {
 background-color : var(--color-pink-bittersweet);
 color            : var(--color-black);
}

.green_button > .menu_buttons {
 background-color : var(--color-green-fruit-salad);
}

.orange_button > .menu_buttons {
 background-color : var(--color-orange-pumpkin);
}

.red_button > .menu_buttons {
 background-color : var(--color-red-trinidad);
}

.blue_button > .menu_buttons {
 background-color : var(--color-blue-dodger);
}

.purple_button > .menu_buttons {
 background-color : rgb(166, 77, 166);
}

.enabled_button {
 background-color : var(--color-green-atlantis);
 color            : var(--color-green-recue);
}

.cms-purple {
 background-color : var(--color-purple);
 color            : var(--color-white);
}

.cms-magenta {
 background-color : var(--color-purple-magenta);
 color            : var(--color-white);
}

.cms-green {
 background-color : var(--color-green-fruit-salad);
 color            : var(--color-white);
}

.th_card_subject_green {
 background-color : var(--color-green-fruit-salad-dark);
}

.th_card_subject_blue {
 background-color : rgb(100, 100, 200);
}

.th_card_subject_grey {
 background-color : var(--color-grey-100);
}

.th_card_subject_orange {
 background-color : rgb(200, 150, 50);
}

.th_card_status_open {
 background-color : var(--color-blue-medium-slate);
 color            : var(--color-white);
}

.th_card_status_resolved {
 background-color : rgb(70, 120, 70);
 color            : var(--color-white);
}

.th_card_status_unresolved {
 background-color : var(--color-red-persian);
 color            : var(--color-white);
}

.th_card_status_closed {
 background-color : var(--color-grey-100);
 color            : var(--color-grey-170);
}

.th_card_status_inprogress {
 background-color : var(--color-green-lime);
 color            : var(--color-white);
}

.info_green {
 background : var(--color-green-2);
 box-shadow : 0 0 0.3125rem 0.0625rem var(--color-green-fern);
}

.info_red {
 background : var(--color-red-maroon);
 box-shadow : 0 0 0.3125rem 0.0625rem var(--color-red-free-speech);
}

.mcdoctitle .val {
 background-color : var(--color-blue-midnight);
 color            : var(--color-grey-180);
 flex-grow        : 1;
}

.mcdoctitle .val_green {
 background-color : var(--color-green-myrtle-dark);
 color            : var(--color-green);
 flex-grow        : 1;
}

.mcdoctitle .val_purple {
 background : var(--color-purple);
 color      : var(--color-grey-200);
 flex-grow  : 1;
}

.mcdoctitle .val_red {
 background : var(--color-red);
 color      : var(--color-grey-200);
 flex-grow  : 1;
}

.mcdoctitle .val_blue {
 background : rgb(0, 50, 200);
 color      : var(--color-grey-200);
 flex-grow  : 1;
}

.recue_columns_table .required {
 background-color : var(--color-green-recue);
}

.recue_columns_table .optional {
 background-color : var(--color-grey-170);
}

.recue_columns_table .dependant {
 background-color : var(--color-red-indian-dark);
}

.required {
 background-color : var(--color-green-recue);
}

.optional {
 background-color : var(--color-grey-170);
}

.dependant {
 background-color : var(--color-red-indian-dark);
}

/* .red_container { */
/*   background-color : rgba(170, 0, 0, 0.15); */
/*   border-color     : var(--color-red-free-speech); */
/*   } */
/* .salmon_container { */
/*   background-color : rgba(250, 128, 114, 0.15); */
/*   border-color     : var(--color-pink-salmon-light); */
/*   } */
/* .blue_container { */
/*   background-color : rgba(0, 150, 255, 0.15); */
/*   border-color     : var(--color-blue-dodger); */
/*   } */
/* .green_container { */
/*   background-color : rgba(0, 170, 0, 0.15); */
/*   border-color     : var(--color-green-islamic-dark); */
/*   } */
.bright_green_container {
 background-color : rgba(145, 232, 66, 0.15);
 border-color     : var(--color-green-atlantis);
}

/* .grey_container { */
/*   background-color : var(--color-white-15-opc); */
/*   border-color     : var(--color-white); */
/*   } */
/* .purple_container { */
/*   background-color : rgba(153, 50, 204, 0.15); */
/*   border-color     : var(--color-purple-dark-orchid); */
/*   } */
/* .border_color_bright_blue { */
/*   border-color : var(--color-blue-dodger); */
/*   } */
.ARF_BODY,
.CREWL_BODY,
.CREWC_BODY,
.CMA_BODY,
.CRTL_BODY,
.CTL_BODY,
.FCC_BODY,
.FOTD_BODY,
.MCS_BODY,
.PRODN_BODY,
.SCRI_BODY,
.SYNOE_BODY,
.SYNOF_BODY,
.SYNOS_BODY,
.TCD_BODY {
 box-sizing : border-box;
 height     : 100vh;
 min-height : 625rem;
}

.ARF_BODY {
 background : var(--zz--clr-arf-back);
}

.CREWL_BODY {
 background : var(--zz--clr-crewl-back);
}

.CREWC_BODY {
 background : rgba(175, 103, 22, 0.1);
}

.CMA_BODY {
 background : rgba(0, 30, 0, 0.5);
}

.CRTL_BODY {
 background : var(--zz--clr-crtl-back);
}

.CTL_BODY {
 background : var(--zz--clr-ctl-back);
}

.FCC_BODY {
 background : var(--zz--clr-fcc-back);
}

.FOTD_BODY {
 background : rgba(255, 104, 10, 0.1);
}

.MCS_BODY {
 background : var(--zz--clr-mcs-back);
}

.PRODN_BODY {
 background : rgba(255, 104, 10, 0.1);
}

.SCRI_BODY {
 background : rgba(0, 30, 0, 0.5);
}

.SYNOE_BODY {
 background : var(--zz--clr-synoe-back);
}

.SYNOF_BODY {
 background : var(--zz--clr-synof-back);
}

.SYNOS_BODY {
 background : var(--zz--clr-synos-back);
}

.TCD_BODY {
 background : var(--zz--clr-tcd-back);
}

.arf_back,
.crewl_back,
.crewc_back,
.cma_back,
.cred_back,
.crtl_back,
.ctl_back,
.fcc_back,
.fotd_back,
.mcs_back,
.prodn_back,
.scri_back,
.synoe_back,
.synof_back,
.synos_back,
.tcd_back {
 animation : fade_in var(--ani-trn-dur) var(--ani-trn-dur) ease-in-out forwards;
 opacity   : 0;
}

.arf_back {
 background-color : var(--zz--clr-arf-back);
}

.crewl_back {
 background-color : var(--zz--clr-crewl-back);
}

.cma_back {
 background-color : rgba(0, 30, 0, 0.5);
}

.cred_back {
 background-color : rgba(255, 104, 10, 0.1);
}

.crtl_back {
 background-color : var(--zz--clr-crtl-back);
}

.ctl_back {
 background-color : var(--zz--clr-ctl-back);
}

.fcc_back {
 background-color : var(--zz--clr-fcc-back);
}

.fotd_back {
 background-color : rgba(255, 104, 10, 0.1);
}

.mcs_back {
 background-color : var(--zz--clr-mcs-back);
}

.prodn_back {
 background-color : rgba(255, 104, 10, 0.1);
}

.scri_back {
 background-color : rgba(0, 30, 0, 0.5);
}

.synoe_back {
 background-color : var(--zz--clr-synoe-back);
}

.synof_back {
 background-color : var(--zz--clr-synof-back);
}

.synos_back {
 background-color : var(--zz--clr-synos-back);
}

.tcd_back {
 background-color : var(--zz--clr-tcd-back);
}

.back_blue_50 {
 background-color : var(--color-blue-dodger-opc-50);
}

.back_orange_50 {
 background-color : var(--color-orange-opc-75);
 color            : var(--color-grey-020);
 text-shadow      : none;
}

.back_red_50 {
 background-color : var(--color-red-opc-10);
}

.red_text {
 background  : var(--color-white-05-opc);
 color       : var(--color-red-free-speech);
 font-family : inherit;
 font-size   : inherit;
}

.purple,
.blue,
.green,
.darkgreen,
.grey,
.lightgreen,
.yellow,
.lime,
.olive,
.greenyellow,
.lightgrey,
.lightred,
.red,
.darkred,
.pink,
.lightpink,
.orange {
 color : var(--color-white);
}

.purple {
 background : var(--color-purple);
}

.lightgreen {
 background : var(--color-green-light);
 color      : var(--color-grey-040);
}

.blue {
 background   : var(--color-blue-medium-slate);
 border-color : var(--color-blue-dark);
}

.opacity_blue {
 background : rgba(0, 0, 125, 0.5);
 color      : var(--color-grey-200);
}

.lime {
 background-color : var(--color-green-recue);
 color            : var(--color-grey-040);
}

.olive {
 background-color : rgb(128, 128, 0);
}

.greenyellow {
 background-color : var(--color-green-yellow);
 color            : var(--color-green-myrtle-dark);
}

.yellow {
 background : var(--color-yellow);
 color      : var(--color-red-indian-dark);
}

.grey {
 background-color : var(--color-grey-170);
}

.darkgrey {
 background-color : var(--color-grey-075);
}

.lightgrey {
 background-color : var(--color-grey-210);
 color            : var(--color-black);
}

.lightred {
 background-color : var(--color-pink-bittersweet);
}

.red {
 background-color : var(--color-red-free-speech);
}

.red_opc_50 {
 background-color : rgba(255, 0, 0, 0.5);
}

.red_opc_25 {
 background-color : var(--color-red-opc-25);
}

.darkred {
 background-color : var(--color-red-dark);
}

.pink {
 background-color : rgb(255, 100, 200);
 color            : var(--color-red-maroon);
}

.lightpink {
 background-color : var(--color-pink);
 color            : var(--color-red-maroon);
}

.orange {
 background   : var(--color-orange);
 border-color : var(--color-red-dark);
 color        : var(--color-red-maroon);
}

.brown {
 background-color : var(--color-brown-black-magic);
 color            : var(--color-orange);
}

.brown_light {
 background-color : var(--color-brown-tacha);
 color            : var(--color-brown-seal);
}

.darkblue {
 background : var(--color-blue-midnight);
 color      : var(--color-blue-light-slate);
}

.clr_lightblue {
 background-color : var(--color-blue-light);
 color            : var(--color-blue-dark);
}

.light_green {
 background-color : var(--color-green-opc-05);
}

.green {
 background   : var(--color-green-islamic-dark);
 border-color : var(--color-green-myrtle-dark);
}

.darkgreen {
 background-color : var(--color-green-myrtle-dark);
}

.darkgreenv2 {
 background-color : var(--color-green-myrtle-dark-opc-50);
}

.darkgreenv3 {
 background-color : rgba(0, 50, 0, 0.25);
}

.btn_clr__blue,
.icn_btn__blue {
 background : var(--color-blue-medium-slate);
}

.btn_clr__red,
.icn_btn__red {
 background : var(--color-red-free-speech);
}

.btn_clr__green,
.icn_btn__green {
 background : var(--color-green-islamic-dark);;
}

.btn_clr__orange,
.icn_btn__orange {
 background : rgb(220, 142, 9);
}

.btn_clr__orange > .icon-doc_ancillary,
.icn_btn__orange > .icon-doc_ancillary {
 color : var(--color-red-maroon);
}

.btn_clr__purple,
.icn_btn__purple {
 background : var(--color-purple);
}

.btn_clr__bright_green,
.icn_btn__bright_green {
 background-color : var(--color-green-atlantis);
 color            : var(--color-black-60-opc);
}

.btn_clr__lightblue,
.icn_btn__lightblue {
 background-color : var(--color-blue-light);
}

.btn_clr__lightblue,
.btn_clr__lightblue p,
.icn_btn__lightblue,
.icn_btn__lightblue p {
 color : var(--color-blue-dark);
}

.btn_clr__brown,
.icn_btn__brown {
 background-color : var(--color-brown-black-magic);
}

.btn_clr__grey,
.icn_btn__grey {
 background : var(--color-grey-070);
 font-style : italic;
}

.btn_clr__lightgreen,
.icn_btn__lightgreen {
 background : var(--color-green-light);
}

.btn_clr__lightgreen,
.btn_clr__lightgreen p,
.icn_btn__lightgreen,
.icn_btn__lightgreen p {
 color : var(--color-grey-040);
}

.text_color_red {
 color : var(--color-red);
 /* font-family : "recue", "Arial", Arial, sans-serif; */
}

.text_color_green {
 color : var(--color-green);
 /* font-family : "recue", "Arial", Arial, sans-serif; */
}

.text_color_green_atlantis {
 color : var(--color-green-atlantis);
 /* font-family : "recue", "Arial", Arial, sans-serif; */
}

.text_color_orange {
 color : var(--color-orange);
}

.text_color_blue {
 color : var(--color-blue);
}

.text_color_blue_aqua {
 color : var(--color-blue-aqua);
}

.text_color_blue_deep_sky {
 color : var(--color-blue-deep-sky);
}

.text_color_blue_light {
 color : var(--color-blue-light);
}

.text_color_brown_black_magic {
 color : var(--color-brown-black-magic);
}

.text_color_brown_tacha {
 color : var(--color-brown-tacha);
}

.text_color_brown_tequila {
 color : var(--color-brown-tequila);
}

.text_color_yellow {
 color : var(--color-yellow);
}

.obsolete_back {
 background-color : var(--color-white-25-opc);
}

.obsolete_front {
 background-color : var(--color-white-10-opc);
}

.project_color_default {
 background : var(--zz--clr-mcs-back);
}

.project_color_fcc {
 background : var(--zz--clr-fcc-back);
}

.project_color_tcd {
 background : var(--zz--clr-tcd-back);
}

.project_color_archived {
 background : rgb(70, 40, 40);
}

.support_question_card {
 background-color : rgba(250, 128, 114, 0.25);
 border-color     : var(--color-pink-salmon-light);
}

.project_wizard_background_nordic {
 background-color : var(--color-blue-nordic);
 padding          : 0.5rem;
}

.project_wizard_background_oracle {
 background-color : var(--color-blue-oracle);
 padding          : 0.5rem;
}

.project_wizard_background_black_opc_20 {
 background-color : var(--color-black-20-opc);
 border-radius    : 0.5rem;
 padding          : 0.5rem;
}

.red_doc_card_container {
 background-color : var(--color-red-opc-25);
 border           : solid 0.125rem var(--color-red-free-speech);
}

.green_doc_card_container,
.bright_green_doc_card_container {
 border-radius : 5px 15px;
 padding       : 0.5rem;
}

.green_doc_card_container {
 background : var(--color-green-opc-20);
 border     : solid 0.125rem rgba(0, 255, 0, 0.6);
 color      : var(--color-white-80-opc);
}

.bright_green_doc_card_container {
 background : rgba(145, 232, 66, 0.25);
 border     : solid 0.125rem var(--color-green-atlantis);
 color      : var(--color-white-80-opc);
}

.black_opc_50 {
 background-color : var(--color-black-50-opc);
}

.orange_rounded,
.orange_rounded b,
.orange_rounded i {
 background    : var(--color-orange);
 border-color  : transparent;
 border-radius : 15px;
 color         : var(--color-red-maroon);
 margin        : 0.25rem 0 0.5rem 0;
}

.rounded_accepted_opc_bg {
 background-color : var(--color-green-islamic-dark-opc-50);
 border           : 0.0625rem solid var(--color-green-islamic-dark);
}

.rounded_error_opc_bg {
 background-color : var(--color-red-free-speech-opc-50);
 border           : 0.0625rem solid var(--color-red-free-speech);
}

.ad_manager_blue_con,
.ad_view_blue_con,
.ad_view_bright_blue_con {
 background-color : var(--color-blue-dodger);
}

.ad_manager_blue_con_opc,
.ad_view_blue_con_opc {
 background-color : var(--color-blue-dodger-opc-50);
 color            : var(--color-white);
}

.ad_manager_green_con,
.ad_view_bright_green_con,
.ad_view_active_clr {
 background-color : var(--color-green-islamic-dark);
}

.ad_manager_green_con_opc,
.ad_view_green_con_opc {
 background-color : var(--color-green-islamic-dark-opc-50);
 color            : var(--color-white);
}

.ad_view_active_clr_faded {
 background-color : rgba(0, 170, 0, 0.25);
 color            : var(--color-white-50-opc);
}

.ad_view_light_green_con {
 background-color : var(--color-green-atlantis);
}

.ad_view_light_blue_con {
 background-color : var(--color-blue-aqua);
}

.ad_view_red_con,
.ad_view_expired_clr {
 background-color : var(--color-red-free-speech);
}

.ad_view_red_con_opc {
 background-color : var(--color-red-free-speech-opc-50);
 color            : var(--color-white);
}

.ad_view_expired_clr_faded {
 background-color : rgba(170, 0, 0, 0.25);
 color            : var(--color-white-50-opc);
}

.ad_view_dark_green_con {
 background-color : var(--color-green-myrtle);
}

.ad_view_dark_blue_con {
 background-color : var(--color-blue-midnight);
}

.black_opc_75_txt {
 color : var(--color-black-75-opc);
}

.white_opc_75_txt {
 color : var(--color-white-75-opc);
}

.white_opc_25_txt {
 color : var(--color-white-25-opc);
}

.green_opc_75_txt {
 color : var(--color-green-myrtle-dark-opc-75);
}

.blue_opc_75_txt {
 color : var(--color-blue-midnight-opc-75);
}

.purple_opc_75_txt {
 color : rgba(153, 50, 204, 0.75);
}

.orange_rounded p {
 color          : inherit;
 padding-bottom : 0.25rem;
 padding-top    : 0.25rem;
 text-align     : inherit;
}

.orange_rounded h1 {
 color      : inherit;
 display    : block;
 font-size  : 1rem;
 text-align : left;
}

.orange_warped_frame {
 background-color : var(--color-orange-persimmon);
}

.purple_warped_frame {
 background-color : var(--color-purple-dark-orchid);
}

.green_warped_frame {
 background-color : var(--color-green-islamic-dark);
}

.light_green_warped_frame {
 background-color : var(--color-green-atlantis);
}

.light_blue_warped_frame {
 background-color : var(--color-blue-dodger-opc-80);
}

.red_warped_frame {
 background-color : var(--color-red-free-speech);
}

/* .light_green_warped_bordered_frame { */
/*   background-color : var(--color-black-50-opc); */
/*   outline          : 0.1875rem ridge var(--color-green-atlantis); */
/*   } */
.blue_mini_container {
 border : 3px solid var(--color-blue-light-opc-75);
}

.red_mini_container {
 border : 3px solid var(--color-red-free-speech-opc-75);
}

.default_header_color {
 color : var(--color-blue-sky-light);
}

.alert_error {
 background-color : var(--color-alert-background);
 color            : var(--color-alert-error);
}

.alert_notice {
 background-color : var(--color-alert-notice);
 color            : var(--color-alert-background);
}

.alert_info {
 background-color : var(--color-alert-info);
 color            : var(--color-white-90-opc);
}

.blue__button_wrapper:hover {
 background-color : var(--color-blue-dodger);
}

.red__button_wrapper:hover {
 background-color : var(--color-red);
}

.green__button_wrapper:hover {
 background-color : var(--color-green-islamic);
}

.orange__button_wrapper:hover {
 background-color : var(--color-orange-pumpkin);
}

.purple__button_wrapper:hover {
 background-color : var(--color-purple-deep-magenta);
}

.bright_green__button_wrapper:hover {
 background-color : var(--color-green-atlantis);
}

.light_blue__button_wrapper:hover {
 background-color : var(--color-blue-light);
}

.brown__button_wrapper:hover {
 background-color : rgb(160, 82, 45);
}

.grey__button_wrapper:hover {
 background-color : var(--color-grey-150);
}

.light_green__button_wrapper:hover {
 background-color : var(--color-green-light);
}

.green_txt {
 color : var(--color-green-atlantis);
}

.red_txt {
 color : var(--color-red);
}

.txt_clr__green {
 color : var(--color-green-chartreuse);
}

.txt_clr__red {
 color : var(--donut-chart-1);
}

.txt_clr__purple {
 color : var(--circular_progress_bar);
}

.txt_clr__orange {
 color : var(--donut-chart-2);
}

.txt_clr__obsolete_back {
 color : var(--color-white-60-opc);
}

.txt_clr__obsolete_front {
 color : var(--color-white-10-opc);
}

.txt_clr__lightgreen {
 color : var(--color-green-light);
}

.txt_clr__blue {
 color : var(--color-blue-deep-sky);
}

.txt_clr__brown {
 color : var(--color-brown-black-magic);
}

.txt_clr__lightblue {
 color : var(--color-blue-light);
}

.txt_clr__hotpink {
 color : rgb(255, 105, 180);
}

.border_clr__green {
 border-color : var(--color-green-chartreuse);
}

.border_clr__red {
 border-color : var(--donut-chart-1);
}

.border_clr__purple {
 border-color : var(--circular_progress_bar);
}

.border_clr__orange {
 border-color : var(--donut-chart-2);
}

.border_clr__obsolete_back {
 color : var(--color-white-60-opc);
}

.border_clr__obsolete_front {
 border-color : var(--color-white-10-opc);
}

.border_clr__lightgreen {
 border-color : var(--color-green-light);
}

.border_clr__blue {
 border-color : var(--color-blue-deep-sky);
}

.border_clr__brown {
 border-color : var(--color-brown-black-magic);
}

.border_clr__lightblue {
 border-color : var(--color-blue-light);
}

.border_clr__hotpink {
 border-color : rgb(255, 105, 180);
}

.box_clr__green,
.report_table_dot_clr__green {
 background-color : var(--color-green-chartreuse);
}

.box_clr__red,
.report_table_dot_clr__red {
 background-color : var(--donut-chart-1);
}

.box_clr__purple,
.report_table_dot_clr__purple {
 background-color : var(--circular_progress_bar);
}

.box_clr__orange,
.report_table_dot_clr__orange {
 background-color : var(--donut-chart-2);
}

.box_clr__obsolete_back,
.report_table_dot_clr__obsolete_back {
 background-color : var(--color-white-60-opc);
}

.box_clr__obsolete_front,
.report_table_dot_clr__obsolete_front {
 background-color : var(--color-white-10-opc);
}

.box_clr__grey,
.report_table_dot_clr__grey {
 background-color : var(--color-grey-150);
}

.box_clr__lightgreen,
.report_table_dot_clr__lightgreen {
 background-color : var(--color-green-light);
}

.box_clr__blue,
.report_table_dot_clr__blue {
 background-color : var(--color-blue-deep-sky);
}

.box_clr__brown,
.report_table_dot_clr__brown {
 background-color : var(--color-brown-black-magic);
}

.box_clr__lightblue,
.report_table_dot_clr__lightblue {
 background-color : var(--color-blue-light);
}

.box_clr__hotpink,
.report_table_dot_clr__hotpink {
 background-color : rgb(255, 105, 180);
}