: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;

   --AcButtonWidth:100px;
   --AcButtonHeight:25px;
  
   --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: calc(6vh + 15px);
   


   --BoxSize: calc(7.4vh - 4.4vh - 6vh);
   --MainBodyHeight: calc(7.4vh - 4.4vh);
   --OptionBoxSize: calc(100vh - 7.4vh - 4.4vh - 6vh);
   --NewMainOptionBox: calc(100vh - 7.4vh - 4.4vh - 10.5vh  + 2px );

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

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

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

    --ReportHeight: calc(7.4vh - 4.4vh - 36vh);

   --ParameterBoxColor : whitesmoke;
 /*background-color: #023333 !important;*/  



 /*root changes by react software for hormenu*/

      --nav-bg:          #0f172a;
      --nav-bg:          whitesmoke;       
      --nav-bg:          white;  
      --nav-border:      #1e293b;
      --nav-border:      darkgray;
      --nav-text:        #94a3b8;
      --nav-text:        black;
      --nav-text-active: #f1f5f9;
      --nav-accent:      #38bdf8;
      --nav-accent-bg:   rgba(56,189,248,0.1);
      --nav-hover:       #1e293b;
      --nav-logout:      #f43f5e;
      --nav-logout-bg:   rgba(244,63,94,0.1);
      --dropdown-bg:     #131f35;
      --dropdown-bg:     whitesmoke;
      --dropdown-border: #1e293b;
      --dropdown-border: darkgray;
      --dropdown-shadow: 0 8px 32px rgba(0,0,0,0.5);

 

}