:root {
  --test: #f656532b;
  --input_1: #ececec;
  --top_nav: #000000;
  --white:#FFFAF0;
  --white_2:rgb(223, 223, 223);
  --white_input: #e5e5e5;
  --brand:#5c6061 ;
  --grey: #4d4b4b;
  --notification: #ff0000;
  --red_selected: #f14b4b;
  --red_default:#3C0201;
  --red_light: #6c2323;
  --blue:rgb(14, 14, 80);
 --background: #FFFAF0;
 --white_nav: #fff;
 --br_full:100vw;
 --black:var(--black);
 --brand_clr:#343738;
 --grey_1:#6c2323;

 
 --red_light:#6c2323;
 --left_panel_clr:#131313;
 --order_color_1:#333232;
 --order_color_2:#404040;
 --info_row_clr_1:#2c2b2b;
 --info_row_clr_2:#373737;
 --home_block_color_1:#171717;
 --shadow_clr_1:#131313;
 --shadow_type_1: 2px 2px 3px 0px var(--shadow_clr_1);
 
 --border_radius:3px;
 


 --sidebar_width:28rem;
 --sidebar_spacing:0.5rem;
 --nav_height:4rem;

 --spacing:1.8em;
 --spacing_small:1.5em;
 --outer_spacing:2rem;

 --left_panel_width:9.5em;
 --left_panel_padding:2em;


 --latest_orders_width:50em;
 --sales_width:18em;
 --top_products_width:20em;


 --productcard_height: 20em;
 --product_card_title_height: calc(var(--productcard_height) * 0.15);
 --product_card_price_height:calc(var(--productcard_height) * 0.1);

}
@media (max-width: 1453px){
 :root {
   --latest_orders_width:93%;
   
 }
 
}
@media (max-width: 1000px){
 :root {
   
   --left_panel_width:7em;
   --sales_width:93%;
   --top_products_width:93%;
   
 }
 
}
@media (max-width: 675px){
 :root {
   
   --outer_spacing:0.6rem;
 
 }
}
.black_font {
 color: black !important;
}
.wf  {
  color: white !important;
}
.delivery {
 background-color: rgb(0, 51, 51)!important;
 
 
}
.pickup {
 background-color: rgb(114, 8, 38, 0.5)!important;
}
.pick_up {
  background-color: rgb(114, 8, 38, 0.5)!important;
 }
/* Delivered */
.delivered {
background-color: #003333; /* Very Dark Teal */
}
.refunded {
  background-color: #d89e00 !important; /* Very Dark Blue */
}
/* Ready */
.ready {
background-color: #4d3300 !important; /* Very Dark Golden Brown */
}

/* Cancelled */
.cancelled {
background-color: #ff6868; /* Very Dark Red */
}

/* Processed */
.processed {
background-color: rgb(14, 26, 38, 0.7); /* Very Dark Blue */
}
.pending {
background-color: rgba(135, 92, 0, 0.7); /* Very Dark Blue */
}
.pp {
background-color: rgba(143, 98, 2, 0.7); /* Very Dark Blue */
}
.paid {
background-color: #4CAF50; /* Very Dark Green */
}

/* Out */
.out {
background-color: #291d28; /* Very Dark Purple */
}

/* Prep */
.prep {
background-color: #401f00 !important; /* Very Dark Rust */
}
.prep_light {
background-color: #401f0057 !important; /* Very Dark Rust */
}
.active {
background-color: rgba(12, 71, 0, 0.7)!important;
color: white;
border-radius: 100vw;

}
.active_light {
background-color: rgba(12, 61, 2, 0.421)!important;
}
.inactive {
background-color: rgba(61, 2, 2, 0.7)!important;
color: white;
border-radius: 100vw;
}
.unfullfilled {
  background-color: #ac0101ed !important;
}
.fulfilled {
  background-color: #015302ed !important;
}
.rfpu {
  background-color: #150185 !important;
}
.rfd {
  background-color: #017885 !important;
}
.ofd {
  background-color: #017885 !important;
}
.christmass {
/* Very Dark Rust */
}
.normal {
/* Very Dark Rust */
}
.stores {
/* Very Dark Rust */
}

.grey {
background-color: #4d4b4b !important;
}
.selected_category {
background-color: #6c2323;
}


.bold {
font-weight: bolder;
}
.mb_small {
margin-bottom: var(--spacing_small);
}
.mt_small {
margin-top: var(--spacing_small);
}