:root body {
  /* Core Colors */
  --primary-color: #293f79;  /* Top menu */
  --secondary-color:#223565;  /* Side menu */
  --default-nav-hassubmenu-color: #fff; /* Text color for side menu items with submenus*/
  --default-table-head-bg: #293f79;/* Background color for the header section of table*/
  --default-table-head-color: #FFF; /*Sets the text color for table headers */
  --default-form-input-color: #596882; /*Text color used inside input fields in forms*/
  --default-navbar-icon-opacity: 0.5;   /* Transparency level for side navbar icons*/ 
  --default-btn-border-radius: 0px; /* Rounds the corners of buttons by 10 pixels*/
  --default-nav-hasmenu-opacity: 1;/*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: 140px;  /* Sets the height of images to 140 pixels in header-logo*/
  --header-logo-width: auto;  /* Sets the width of images to auto header-logo*/

  --banner-theme-color:  #293f79; /* banner bg color*/
  --banner-text-color: #fff; /* banner text color */
  --banner-height: auto;  /* Sets the height of images to 100 pixels in banner*/
  --banner-width: 140px;  /* Sets the width of images to 100 pixels in banner*/
}