/* NEW VERTICAL MENU */
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
  clear: both;
}

.nav > li > a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.side-navigation {
  position: fixed;
  height: 100vh;
  z-index: 11;
  height: calc(100vh - 44px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--sapList_Background, #fff);
  border-right: var(--sapList_BorderWidth) solid;
  border-right-color: var(--sapGroup_ContentBorderColor);
  scrollbar-width: thin;
}

.side-navigation .fd-side-nav {
  border-right: 0;
}

.fd-side-nav .sap-icon {
  color: #1D2D3E !important;
}

.fd-side-nav .fd-nested-list__link:hover {
  background: #eaecee !important;
}

.fd-side-nav .fd-nested-list__link:active {
  background: #dee2e5 !important;
}

.fd-side-nav .fd-nested-list__link:active .fd-nested-list__title {
  color: #1d2d3e !important;
}

.fd-side-nav .fd-nested-list__link.has-child:after {
  border-color: transparent #1d2d3e transparent transparent !important;
}

.fd-side-nav .fd-nested-list__link:active .fd-nested-list__button {
  background: #dee2e5 !important;
}

.sidebar:not(.collapsed) .fd-nested-list .fd-nested-list .fd-nested-list .fd-nested-list__link {
  border-bottom: none;
  padding-inline: calc(2 * var(--fdNestedList_Item_Padding_Left)) var(--fdNestedList_Item_Padding_Right) !important;
}

.sidebar:not(.collapsed) .fd-nested-list .fd-nested-list__link {
  border-bottom: none;
  padding-inline: var(--fdNestedList_Item_Padding_Left) var(--fdNestedList_Item_Padding_Right) !important;
}

.fd-nested-list  .fd-nested-list__link span.fd-nested-list__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  height: unset;
  padding-right: 0.5rem;
}

.side-menu__expand-button:hover, .side-menu__expand-button:active {
  color: #1d2d3e !important;
}

.side-navigation .fd-button:after {
    content: none;
}

.side-navigation .fd-nested-list__title:first-child {
  padding-inline-start: 0px;
}

.side-navigation .fd-side-nav:not(.fd-side-nav--condensed) {
  overflow-y: auto;
}

.sidebar:not(.fd-side-nav__main-navigation),
#sidebar-mock {
  width: 240px;
}

.sidebar .fd-button.is-focus:after, .sidebar .fd-button:focus:after {
  border: none !important
}

.sidebar:not(.fd-side-nav__main-navigation),
#sidebar-mock {
  height: calc(100% - 44px);
}

.side-menu__expand-button{
  width: 2.75rem;
  color: #6f7275;
  margin: 1rem 0 .5rem;
  transform: rotate(180deg);
}

.side-menu__expand-button:hover, .side-menu__expand-button:active {
  background: none;
  border: none;
  color: var(--sapContent_IconColor, #0854a0);
}

.side-menu__expand-button--open {
  transform: rotate(0);
}

#sidebar-mock {
  height: 10px;
}

.sidebar.collapsed,
#sidebar-mock.collapsed {
  width: 44px;
  overflow-y: visible;
}

.sidebar.collapsed .menu-item-text {
  display: none;
}

.menu-item-text.no-icon-padding {
  padding: 10px;
}

.sidebar.collapsed .nav.secondary.float-menu a {
  text-align: left;
  padding-left: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sidebar.collapsed .nav > li.menu_item:nth-child(n + 12) {
  display: none;
}

#searchDataIcon {
  color: #d1e8ff;
}

.sidebar .menu_item.more {
  display: none;
}

.sidebar.collapsed .menu_item.more.active1 {
  display: flex;
}

.sidebar.collapsed .menu_item.more:hover {
  cursor: pointer;
}

.sidebar.collapsed #user-menu-collapse {
  width: 44px;
}

.sidebar.collapsed .fd-nested-list__item {
  overflow: inherit;
}

#user-menu-collapse:hover {
  text-decoration: none;
}

.user-menu-collapse-icon {
  width: 48px;
  height: 48px;
  font-family: SAP-icons;
  line-height: 48px;
}

.sidebar .user-menu-collapse-icon.expand {
  display: none;
}

.sidebar .user-menu-collapse-icon.collapse {
  display: block;
}

.sidebar.collapsed .user-menu-collapse-icon.expand {
  display: block;
}

.sidebar.collapsed .user-menu-collapse-icon.collapse {
  display: none;
}

.sidebar a.parentableMenu {
  cursor: pointer;
}

.sidebar .nav .secondary > li > ul > li > a {
  padding: 0 0 0 65px;
  border-left: 0;
}

.secondary {
  display: block;
  overflow: hidden;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  background: #f8f9fa;
}

.secondary.expanded {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  max-height: 1000px;
  overflow: hidden;
}

.secondary.float-menu {
  display: block;
  position: absolute;
  left: 44px;
  top: 0;
  z-index: 999999;
  max-height: max-content;
  width: 200px;
  background: #fff;
  overflow: visible;
}

.hover-buffer {

  pointer-events: none;
}

.fd-side-nav--condensed .menu_item.active .hover-buffer {
  position: absolute;
  top: 0;
  right: -8px;
  width: 10px;
  height: 44px;
  background: transparent;
  pointer-events: auto;
}

.side-navigation .collapsed .fd-bar.fd-bar--header-with-subheader {
  display: flex;
}

.side-navigation .fd-bar.fd-bar--header-with-subheader {
  display: none;
}

.side-navigation .fd-nested-list__link:focus {
  outline: none;
}

.secondary.float-menu .secondary.float-menu {
  left: 176px;
}

.nav-sidebar li.superUserMenuItem a {
  color: #ed3bab !important;
  font-style: italic;
  font-weight: bold;
}

.sidebar.collapsed .parentableMenu .fa1 {
  display: none;
}

/** header layout **/

.header_top {
  margin-bottom: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5555;
}

#headerTopOptions a {
  text-decoration: none;
}

#headerTopOptions .fd-button:focus::after, #headerTopOptions .fd-button .fd-avatar--circle:focus::after {
  border: none;
}

#quickSearchForm {
  background-color: var(--sapShellColor);
}

#quickSearchForm .fd-button:hover {
  --fdButtonBackgroundColor: var(--fdShellbar_Input_Hover_Background);
}

#quickSearchForm:hover {
  border-color: var(--sapField_BorderColor);
}

.top.topnav {
  background: #eaeaea;
  text-align: center;
  position: relative;
  height: 55px;
}

.top.topnav h2 {
  display: inline;
  font-size: 20px;
  line-height: 55px;
  padding: 10px 0 10px 0;
  color: #636466;
}

.top.topnav .menu-icon {
  font-size: 22px;
}

.top.topnav #adminMenuToggler {
  color: #636466;
  cursor: pointer;
  position: absolute;
  top: 15px;
  left: 15px;
}

.toplnks {
  position: absolute;
  top: 10px;
  right: 10px;
}

.toplnks ul {
  padding: 0;
  margin: 0;
}

.toplnks li {
  list-style-type: none;
  display: inline-block;
  float: left;
  width: 100px;
  text-align: center;
}

.toplnks li a {
  color: #636466;
  font-size: 1.1em;
}

.toplnks li a:hover {
  color: #1ea9e0;
  text-decoration: none;
}

.toplnks li .fa {
  margin: 0 auto;
  font-size: 1.3em;
}

.toplnks li a .fa,
.toplnks li a span {
  display: block;
}

.user-menu-nav {
  display: inline-block;
  width: 10%;
  height: 41px;
  font-family: SAP-icons;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #313336;
}

.user-menu-alias {
  width: 48px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #313336;
  display: inline-block;
  float: left;
  box-sizing: border-box;
  height: 48px;
  line-height: 29px;
}

.fd-side-nav--condensed .fd-nested-list__title {
  display: flex;
}

.fd-bar .fd-nested-list__title:first-child {
  color: var(--sapTextColor_Light, #8e8e8e) !important;
}

.sidebar.collapsed .user-menu-alias {
  display: block;
}

.sidebar.collapsed .arrow {
  display: none;
}

.sidebar .user-menu-alias {
  padding: 10px;
}

.menuItemDecoration {
  width: 0;
  display: none;
}

html,
body {
  margin: 0;
  padding: 0;
  /*height: 100%;*/
}

.create-new-case-title {
  display: block;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #6f7275;
  border-bottom: 1px solid #ccc;
}

#expanded-icon {
  transform: rotate(-180deg);
  transform-origin: center;
}

#createNewCaseTitle {
  font-size: 12px;
  text-align: center;
  color: #32363a;
}

.iframe #headerTopInfo .help-menu-item {
  display: none;
}

.iframe #userMenuItem {
  display: none;
}

.iframe #newcase-arrow {
  right: 11px;
}

#headerTopInfo {
  background-color: var(--sapShellColor);
}

.parentableMenu.hiddenItem {
  display: none;
}