#main-menu .menu-children, .ui-widget-content {
  z-index: 15;
}

#hideSidebarButton {
  display: flex;
  width: 100%;
  padding-top: 7px;
}

#hideSidebarButton:hover {
  cursor: pointer;
}

#hideSidebarButton.sidebar_hidden {
  display: none;
}
#hideSidebarText{
  color: #777777;
  flex-grow: 1;
  font-size: 14px;
  padding-top: 4px;
}
.hideSidebarIcon{
  width: 43px;
}
#showSidebarButton {
  display: none;
}
#showSidebarButton.sidebar_hidden {
  cursor: pointer;
  display: block;
  width: 43px;
  float: left;
  padding-left: 10px;
  padding-top: 7px;
}

#sidebarHandler.sidebar_hidden {
  margin-left: 0;
  padding-left: 0;
}
#sidebarHandler {
  margin-left: -20px;
  padding-left: 12px;
  height: 43px;
  border-bottom: solid 1px rgba(45, 45, 45, 0.16);
  border-top: solid 1px rgba(45, 45, 45, 0.16);
  position: fixed;
  bottom: 0;
}

#sidebarContent.sidebar_hidden {
  display: none;
}

#content {
  position: relative;
  z-index:0;
}

#sidebar {
  z-index:12;
}

#sidebar.sidebar_hidden {
  width: 43px;
  padding-left: 0;
}
#watchers.sidebar_hidden {
  display: none;
}

.material-icons.arrow_ios{
  color: #999999;
  width: 5px;
}

body #content.sidebar_hidden {
  width: auto;
  margin-right: 0;
}
@media screen and (min-width: 0px) and (max-width: 1089px) {#sidebarHandler{width: 22%;}}
@media screen and (min-width: 1090px) and (max-width: 1279px) {#sidebarHandler{width: 240px;}}
@media screen and (min-width: 1280px) and (max-width: 1599px) {#sidebarHandler{width: 280px;}}
@media screen and (min-width: 1600px) and (max-width: 1919px) {#sidebarHandler{width: 320px;}}
@media screen and (min-width: 1920px) and (max-width: 2559px) {#sidebarHandler{width: 360px;}}
@media screen and (min-width: 2560px) {#sidebarHandler{width: 380px;}}
/***** Media print specific styles *****/
@media print {
  #sidebarHandler {
    display: none;
  }

  #sidebar {
    display: none;
  }

  body #content {
    width: auto;
    margin-right: 0;
  }
}