:root {
  --body-bg-color: #e4e6ea;
  --simple-body-bg-color: #e4e6ea;  
  --prog-primary:rgb(49, 79, 142);
  --prog-accent:rgb(238, 108, 77);
  --prog-accent-hover:rgb(212, 96, 68);
  --prog-primary-light: rgb(243,242,249);
  --primary-color-text: #fefefe;
  
  --header-btn-bg: #314f8e;
  --header-btn-color: #ffffff;
  --header-btn-bg-hover: #273d6a;
  --header-btn-color-hover: #ffffff;
  
  --header-btn-bg-accent: rgb(238, 108, 77);
  --header-btn-color-accent: #ffffff;
  
  --header-btn-secondary-bg-hover:#647baa;
  
  /*====== Button & Link Colors ===========================================*/
  --primary-color: rgb(51,102,153);
  --primary-color-lt: rgba(51,102,153,0.35);
  --primary-color-hover: rgb(38,77,115);
  --primary-color-text: #fefefe;
  --primary-color-lt-text: #222222;
  
  --accent-color: #8b0100;
  --accent-color-bg: #8b0100;
  --accent-color-text: #fefefe;
  
  --gray-text:#666666;
  
  --link-color:rgb(51,102,153);
  --link-color-hover:rgb(38,77,115);
  --button-bg-color:rgb(51,102,153);
  --button-bg-color-hover:rgb(38,77,115);
  --button-color: #fefefe;
  --button-color-hover: #fefefe;
  
  --callout-accent-dk: rgb(3,100,151);
  --callout-accent-lt: #0483c8;
  
  --nav-opt-hover-bg: rgba(49, 79, 142, 0.15);
  --nav-opt-border: rgba(49, 79, 142, 0.08);
  /*====== Layout Colors =================================================*/
/*  --apex-bg-color: #f8f8f8;
  --apex-color: #666666;
  --apex-border-color: #dddddd;
  
  --bg-cust-logo: #fefefe;
  
  --nav-bg-color: #ebebeb;
  --nav-bg-color-hover: rgb(51,102,153);
  --nav-bg-color-hover: #444444;
  --nav-color: #222222;
  --nav-color-hover: #fefefe;
  
  --footer-bg-color: #3b3b3b;
  --footer-color: #fefefe;
  --footer-color-hover: rgba(255,255,255,0.75);
  --footer-btm-bg-color: #222222;
  --footer-btm-color: rgb(255,255,255,0.8);
  --footer-btm-color: #eee;
  ====== Feedback Colors =================================================
  --alert: #fff6bf;
  --error: #8a1f11;
  --error-bg: #fcd6d6;
  --info-bg: #d7ecfa;
  --warning: #fff3d9;
  ====== Standard Colors =================================================
  --black: #222222;
  --white: #fefefe;
  --x-light-gray: #f1f1f1;
  --light-gray: #f0f0f0;
  --light-gray-text: #999999;
  --gray: #cccccc;
  --dark-gray: #808080;*/
  
  
  
  
  /*====== Panel Colors =================================================*/
  --panel-bg-grid-filter: #f2f2f2;
  --panel-bg-cust-a: #458ced; /* blue */
  --panel-bg-cust-a-10: #458ced1a; /* blue, 10% opacity */
  --panel-bg-cust-b: #7cb342; /* green */
  --panel-bg-cust-b-10: #7cb3421a; /* green, 10% opacity */
  --panel-bg-cust-c: #ffa726; /* orange */
  --panel-bg-cust-c-10: #ffa7261a; /* orange, 10% opacity */
/*  --panel-bg-cust-d: #e629bc;  magenta 
  --panel-bg-cust-d-10: #e629bc1a;  magenta, 10% opacity */
  --panel-bg-cust-d: #93037a; /* magenta */
  --panel-bg-cust-d-10: #93037a1a; /* magenta, 10% opacity */
  --panel-bg-cust-e: #3f2360; /* purple */
  --panel-bg-cust-e-10: #3f23601a; /* dark blue-gray, 10% opacity */
  --panel-bg-cust-f: #415066; /* dark blue-gray */
  --panel-bg-cust-f-10: #4150661a; /* dark blue-gray, 10% opacity */
  --panel-bg-cust-g: #616161; /* very dark gray */
  --panel-bg-cust-g-10: #6161611a; /* brown-gray, 10% opacity */
  
  /*====== Feedback Colors =================================================*/
  --alert: #fff6bf;
  --error: #8a1f11;
  --delete: #8a1f11;
  --delete-light: #8a1f111a;
  --delete-light-hover: #8a1f11bf;
  --input-error-bg: #f8e6e7;
  --error-bg: #fcd6d6;
  --info-bg: #d7ecfa;
  --warning: #fff3d9;
  
  /*====== Standard Colors =================================================*/
  --black: #222222;
  --white: #fefefe;
  --x-light-gray: #f1f1f1;
  --light-gray: #f0f0f0;
  --light-gray-text: #999999;
  --med-gray: #dedede;
  --gray: #cccccc;
  --gray-text: #666666;
  --dark-gray: #444444;
  
    /*====== KENDO Override Colors =================================================*/
  --grid-group-bg: #eaeaea;
  
  /*====== Tag Colors ===================================================*/
  /* --tag-a: #458ced; Too light/bright  */
  --tag-a: #5c7bcb;
  --tag-b: #7cb342;
  --tag-c: #ed9007;
  /*--tag-d: #e629bc;*/
  --tag-d: #93037a;
  --tag-e: #3f2360;
  
  /*====== Named Colors =================================================*/
  --box-brown: #8f6d3d;
  --favorite: #daa520;

  /*====== Badge Colors =================================================*/
  --badge-info-bg: #f3f5f7;
  --badge-info-color: #515761;
  --badge-info-border: #c1cdd7;
  
  --badge-ebs-bg: #e5f2fd;
  --badge-ebs-color: #2c5cc5;
  --badge-ebs-border: #bbdcfe;
  
  --badge-red-bg: #fef1e1;
  --badge-red-color: #c13e1b;
  --badge-red-border: #fddbb5;
  
  
  --stat-increase-color: #40860d;
  --stat-decrease-color: #c35249;
}

.box-brown{
  color: var(--box-brown);
}