:root body {
    /* Core Colors */
    --primary-color: #98af41;  /* Top menu */
    --secondary-color:#746661;  /* Side menu */
    --banner-theme-color:  #ffffff; /* banner bg color*/
    --banner-text-color: #222; /* banner text color */
    --default-nav-hassubmenu-color: #98af41; /* Text color for side menu items with submenus*/
    --default-table-head-bg: #f6f7fb;/* Background color for the header section of table*/
    --default-table-head-color: #222; /*Sets the text color for table headers (usually bold or dark text) */
    --default-form-input-color: #222; /*Text color used inside input fields in forms*/
    --default-navbar-icon-opacity: 1;   /* Transparency level for side navbar icons*/ 
    --default-btn-border-radius: 100px; /* Rounds the corners of buttons by 10 pixels*/
    --default-nav-hasmenu-opacity: 0.3;/*Makes navigation items with submenus a little transparent (30% visible)*/
    /*--Image width and height*/
    --family-login-logo-height:135px;   /* Sets the height of images to 135 pixels in family login logo*/
    --family-login-logo-width:auto  ;  /* Sets the width of images to auto in family login logo*/
    --header-logo-height: auto;  /* Sets the height of images to 140 pixels in header-logo*/
    --header-logo-width: 56px;  /* Sets the width of images to auto header-logo*/
    --banner-height: auto;  /* Sets the height of images to 100 pixels in banner*/
    --banner-width: 130px;  /* Sets the width of images to 100 pixels in banner*//

  }