/* global variables for styles */
:root {
  
  /* login */
  --login-background-color:transparent;            /* The background color for the login screen, black; */
  --login-frame-color: rgba(255, 255, 255, 0.7); /* the colour of the round-rect frame around the user/pass form */
  --login-frame-mobile-color: var(--login-frame-color); /*  the colour of the round-rect frame around the user/pass form */
  --login-background-image: none;  /* the large icon to use in the login */

  /* general */
  --global-background-color: white; /* The color that appears as the background of any transparent page area, #fafafa; */
  --global-background-image: none;  /* the global image to show in the background. above the global bk color */
  --main-icon-color: #cae4fb; /* icon colour in toolbar,sidebar,#cae4fb */
  --main-text-color: #cae4fb; /* text colour in toolbar,sidebar,#cae4fb */
  --main-menu-color: #91c8f6; /* menu colour in toolbar, #91c8f6; */
  --main-menu-unselected-color: #fafafa; /* menu text when unselected */
  --selected-background-color: #496b8a; /* sidebar selected background color */
  --selected-tablecell-background-color: #e8eff6; /* table cell selected colour, same as .sapMLIB.sapMLIBSelected  */

  /* main toolbar */
  --main-toolbar-color: black; /* background colour of the main toolbar -- #2f3c48 */
  --main-toolbar-icon-color :  white; /*var(--main-icon-color); icon color of the main tolbar, #cae4fb */
  --main-toolbar-text-color : white; /* var(--main-text-color);  text color in main toolbar, #cae4fb */
  --main-toolbar-menu-hover-color:#fff;/* color of a menu item when the user hovers on it */
  --main-toolbar-btn-hover-background-color:rgba(99,127,153,0.5); /* the background color of buttons on the tb when on hover*/
  --main-toolbar-btn-hover-color:#cae4fb; /* the text/icon color of buttons on the tb when on hover */
  --main-toolbar-menu-selected-hover-color: #c0e0fa; /* hover text color when the menu is active */
  --main-toolbar-text-font-size: 1rem; /* font size of the text in main toolbar */

  /* breadcrumbs subheader */
  --breadcrumbs-background-color : #fff;

  /* second level toolbar in pages */
  --secondbar-background-color : #eeeeee;

  /* third ;evel toolbar , e.g. document panel header */
  --thirdbar-background-color : #f4f4f4;

  /* sidebar */
  --sidebar-bar-color : var(--main-toolbar-color);  /* background colour of the sidebar */
  --sidebar-expanded-text-color: var(--main-menu-unselected-color); /* color of text in sidebar when expanded #fafafa; */
  --sidebar-bar-right-border: var(--sidebar-bar-color);/* 1 pixel border on the rigt of the sidebar #4f667a; */
  --sidebar-group-item-color : var(--main-toolbar-color); /* background color of items that are headers (apps) - bith expanded or collapsed */
  --sidebar-item-color : var(--main-toolbar-color); /* background color for sidebar sub items */
  --sidebar-item-bottom-border-color : var(--main-toolbar-color); /* the bottom border color for sidebar items #394958;*/
  --sidebar-item-corner-color : #f49104;/* the bottom-right corner that appears on sidebar items, #f49104;*/
  --sidebar-item-hover-color : #45596a; /* sidebar backgroun color when the user hovers on it.  #45596a;  */
  --sidebar-scroll-hover-color : var(--sidebar-item-hover-color); /* sidebar top/bottom scroll bar hovers background color  #45596a; */
  --sidebar-counter-color: white; /* the counter that shows process counts in the sidebar */

  /* filter bar */
  --ui5filter-fore-color:black;
  --ui5filter-back-color:white;

  --locally-modified-existing-color: #f9a429;
  --locally-modified-new-color: #800;
}

:root.sapUiTheme-sap_fiori_3_dark {
--secondbar-background-color : #1c2228;
--sidebar-item-corner-color :#91c8f6;

--ui5filter-fore-color:white;
--ui5filter-back-color:#29313a;
}