/**
 * @application   RECUE
 * @author        [2012-2026] | Eugene Meyer - (Lead - Full System)
 * @author        [2023-2025] | Rene van der Merwe - (Jnr Developer | Front-End RECUE)
 * @license       IBE Workflow Automation (PTY) LTD
 * @copyright     [2012-2026] All rights owned by IBE Workflow Automation (PTY) LTD
 * @modified      2026/05/08, 14:09
 ******************************************************************************/
/* .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 : rgba(255, 131, 0, 0.1);
  }

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

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

.CRTL_BODY {
  background : rgba(255, 131, 0, 0.1);
  }

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

.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 : rgba(237, 118, 246, .075);
  }

.SYNOF_BODY {
  background : rgba(237, 118, 246, .1);
  }

.SYNOS_BODY {
  background : rgba(237, 118, 246, .12);
  }

.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 : rgba(255, 131, 0, 0.1);
  }

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

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

.crtl_back {
  background-color : rgba(255, 131, 0, 0.1);
  }

.ctl_back {
  background-color : rgba(175, 103, 22, 0.1);
  }

.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 : rgba(237, 118, 246, .075);
  }

.synof_back {
  background-color : rgba(237, 118, 246, .1);
  }

.synos_back {
  background-color : rgba(237, 118, 246, .12);
  }

.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-atlantis);
  font-family : "recue", "Arial", Arial, sans-serif;
  }

.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);
  }