:root
{
   --Header-BG: #002233;
   --Header-Color:white;

   --BottomeMenu-BG: white;
   --BottomeMenu-Color:black;
   --BottomButtonBG:steelblue;
   --BottomButtonColor:white;

   --Footer-BG: #002233;
   --Footer-Color:white;

   --Body-BG: white;
   --Body-Color:black;

   ---CommonBox-BG: whitesmoke;
   --CommonBox-Color: black;

   --CommonDataTableHover: green;
   --CommonReportFontSize: small;

   --noLabelBG-font: small;
   --noLabelBG-weight: normal;  

   --SaveButton-Bg: whitesmoke;
   --SaveButton-Color: black;
   --SaveButtonHover-Bg:darkgray;
   --SaveButtonHover-Color:white;
   --SaveButton-Font-Size: 12px;
   --SaveButtonWidth:100px;
   --SaveButtonHeight:35px;
  
   --ReportButtonWidth:55px;
   --ReportButtonHeight:30px;
   
   --card-header-bg: #336699;
    
   --card-header-color: white;
   --card-header-font: medium;
   --card-header-weight: bold;
    
   --card-body-bg: white;
   --card-body-color: black;
   --card-body-font: small;
   --card-body-weight: bold;
    
   --card-footer-bg: #336699;
   --card-footer-color: white;
   --card-footer-font: 10px;
   --card-footer-weight: normal;
   --card-footer-align:right;

   --CommonReportBGColor: white;
   --CommonReportTextColor:black;


   --HeaderHeight: 7.4vh;
   --FooterHeight: 4.4vh;
   --MenuHeight: 6vh;

   --BoxSize: 7.4vh - 4.4vh - 6vh;
   --MainBodyHeight: 7.4vh - 4.4vh;
   --OptionBoxSize: 100vh - 7.4vh - 4.4vh - 6vh;

 
   --TableBG: white;
   --TableColor: black;

   --de-font: 10px;
   --de-weight: normal;

   --sidebar-font: small;
   --sidebar-weight:bold;

 /*background-color: #023333 !important;*/  
}