:root {

  /* primary similar colors */ 
  /*--primary-color: #1c2818;  /* side bar and used this in save buttons of forms, learner box area color */
 /* --navebar-hover-color: #325243; /* on hover side bar menu */
  /*--secondary-color: #325243; /* most of used in Add new button, paginations , table title of Scrom Report(inner table) */  
  /*--tabletr-color: #1c2818; /* table tr background color */  
  /*--secondary-font: #325257; /* most of used in font color of table title, pagination, and side bar menu */

   /* primary similar colors */ 
   --primary-color: #1c2818;  
   --navebar-hover-color: #325243;
   --secondary-color: #325243;
   --tabletr-color: #1c2818; 
   --secondary-font: #325257;

  /*----differnt boxes background color of edit Course----*/
  --courseedit-yellow-box-color:#ffecce;  /* course Status box background color*/
  --courseedit-blue-box-color:#d7deff; /* course Certificate box background color*/
  --courseedit-pink-box-color:#ffcec5; /* course Course duration box background color*/
  --courseedit-green-box-color:#c4ffe4; /* course Due Date box background color*/
  /*---- gradient boxes of dashbord of admin and learner */
  
  --yellow-gradient:#EC930D;
  --blue-gradient:#5170fe;
  --black-gradient:#0c111d;
  --green-gradient:#039855;


  /* Example theme colors
  --primary-color: #1c2818; 
  --navebar-hover-color: #325243;
  --secondary-color: #325243;
  --tabletr-color: #1c2818;
  --secondary-font: #325257;
/*End Example theme colors */ 

  /*---- background-border-color----*/

  /*-------table--button-tr-color-----*/  
  --table-btn-blue-color:#5170fe;  /* table button(enroll) color */
  --table-btn-black-color:#0c111d; /* table button color (View report) */
  --table-btn-orange-color:#EC930D; /* table button color(Edit)  */

  --statusbg-color:#f7f7f7; /*  using in view course,learner , Quiz report box background */
  --tabbar-lightblue-color:#f5f6ff; /* top bar edit menu background of courses*/
  --tab-lightgray-color:#f7f7f7; /* Report tab  with different selection bar background color */

 
  --white-color:#ffffff;
  --red-color:#D92D20; /* no need to change this one because this is most of cancle button, delete , and notice */
  --green-color:#039855; /* no need to change this one because this is most of completed message and boxes */ 
  --yellow-color:#EC930D; /* most of used in edit link of listing and status button in leaner Scrom report  */
  --darkgray-color:#8a8a8a;
  --gray-color:#4D5361;
  --lightgray-color:#f7f7f7;
  --light-blue-color:#d7deff;
  --secondarygray-color:#cccccc;
  --secondarypink-light-color:#ffeded;
  --lightblue-color:#f5f6ff; /* top bar of edit courses */
  
  /*---- font-color----*/
  --primary-font:#0c111d;
  --white-font:#ffffff;
  --red-font:#D92D20;
  --green-font:#039855;
  --blue-font:#5170fe;
  --black-font:#0c111d;
  --yellow-font:#EC930D;
  --darkgray-font:#8a8a8a;
  --gray-font:#4D5361;
  --secondarygray-font:#cccccc;
  --lightblue-font:#9ea2ac;

  /*---- left-panel-menu-color----*/
  
  --navebar-font: #f5f5f5;
  --coursebox-color: #36454f;
  --learnerbox-color: #4a7c8c;
  --learningpathbox-color: #6b8e7f;
  --totalgroupbox-color: #2f4f4f;
  --coursesinprogress-color: #3c4f4a;
  --coursescompletedbox-color: #307c7c;
  --certificatesbox-color: #745c4a;

  /*---- common-border-color----*/
  --commonborder:#D6D6D6;

}