:root
{
   --Header-BG: #002233;
   --Header-Color: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;


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

   --BoxSize: 7.4vh - 4.4vh - 6vh;
 
   --TableBG: white;
   --TableColor: black;

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