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

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


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


   --main-wrapper: lightgray;
   --Msg-BG: darkred;
   --Msg-Color:white;

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

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

   --MainFlexContainer-BG : white;
   --MainFlexContainer-Color: black;
   --SubFlexContainer-BG : white;
   --SubFlexContainer-Color : black;

   --de-font: 14px;
   --de-weight: bold;

   --card-header-bg: #336699;
   --card-header-color: white;
   --card-header-font: medium;
   --card-header-weight: bold;

   --card-headerSecondary-bg : darkgray;
    --card-headerSecondary-color: white;
    --card-headerSecondary-font:medium;
    --card-headerSecondary-weight:bold;


    
   --card-body-bg: white;
   --card-body-color: black;
   --card-body-font: small;
   --card-body-weight: bold;
    
   /*--card-footer-bg: #336699;*/
   --card-footer-bg: ghostwhite;
   --card-footer-color: white;
   --card-footer-font: 10px;
   --card-footer-weight: normal;
   --card-footer-align:right;

   --noLabelBG-font: 14px;
   --noLabelBG-weight: normal;  


   --LoginButton-Bg: green;
   --LoginButton-Color: white;
   --LoginButtonHover-Bg:darkgray;
   --LoginButtonHover-Color:white;
   --LoginButton-Font-Size: 12px;
   
   --LoginButtonWidth:60px;
   --LoginButtonHeight:30px;


   --SaveButton-Bg: whitesmoke;
   --SaveButton-Color: black;
   --SaveButtonHover-Bg:darkgray;
   --SaveButtonHover-Color:white;
   --SaveButton-Font-Size: 12px;
   
   --SaveButtonWidth:100px;
   --SaveButtonHeight:35px;

   --EditButtonWidth: 60px;
   --EditButtonHeight: 30px;

   --ExitButtonWidth: 60px;
   --ExitButtonHeight: 30px;

   --BackButtonWidth: 60px;
   --BackButtonHeight: 30px;

   --SearchButtonWidth: 60px;
   --SearchButtonHeight: 30px;

   --CloseButtonWidth: 60px;
   --CloseButtonHeight: 30px;

   --SaveButtonWidth: 60px;
   --SaveButtonHeight: 30px;

   --ListButtonWidth: 60px;
   --ListButtonHeight: 30px;

   --AddButtonWidth: 60px;
   --AddButtonHeight: 30px;
   
   --sidebar-font: small;
   --sidebar-weight:bold;

   --TableBG: whitesmoke;
   --TableColor:black;

   --EditButton-Bg: green;
   --EditButton-Color: white;
   --EditButtonHover-Bg:darkgray;
   --EditButtonHover-Color:white;
   --EditButton-Font-Size: 12px;

   --SearchButton-Bg: green;
   --SearchButton-Color: white;
   --SearchButtonHover-Bg:darkgray;
   --SearchButtonHover-Color:white;
   --SearchButton-Font-Size: 12px;

   --ListButton-Bg: Orange;
   --ListButton-Color: white;
   --ListButtonHover-Bg:darkgray;
   --ListButtonHover-Color:white;
   --ListButton-Font-Size: 12px;

   --AddButton-Bg: purple;
   --AddButton-Color: white;
   --AddButtonHover-Bg:darkgray;
   --AddButtonHover-Color:white;
   --AddButton-Font-Size: 12px;

   --CloseButton-Bg: red;
   --CloseButton-Color: white;
   --CloseButtonHover-Bg:darkgray;
   --CloseButtonHover-Color:white;
   --CloseButton-Font-Size: 12px;

   --SaveButton-Bg: green;
   --SaveButton-Color: white;
   --SaveButtonHover-Bg:darkgray;
   --SaveButtonHover-Color:white;
   --SaveButton-Font-Size: 12px;

   --ExitButton-Bg: red;
   --ExitButton-Color: white;
   --ExitButtonHover-Bg:darkgray;
   --ExitButtonHover-Color:white;
   --ExitButton-Font-Size: 12px;

   --BackButton-Bg: steelblue;
   --BackButton-Color: white;
   --BackButtonHover-Bg:darkgray;
   --BackButtonHover-Color:white;
   --BackButton-Font-Size: 12px;


   /*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:      black;
      --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:     ghostwhite;
      --dropdown-border: #1e293b;
      --dropdown-border: darkgray;
      --dropdown-shadow: 0 8px 32px rgba(0,0,0,0.5);

 
}