.pushable:not(body) {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.pushable:not(body) > .ui.sidebar,
.pushable:not(body) > .fixed,
.pushable:not(body) > .pusher:after {
  position: fixed;
  top: 0px;
}
.pushable > .menu {
  position: static !important;
}
.ui.menu {
  background-color: #001e3c !important;
}
.ui.sidebar {
  background-color: #001e3c !important;
}
.ui.menu::-webkit-scrollbar-thumb:vertical {
  display: none;
}
.ui.sidebar::-webkit-scrollbar-thumb {
  display: none;
}
.vertical.menu.extended {
  left: 0px;
  top: 0px;
  width: 100px !important;
  height: 100% !important;
  background-color: #001e3c !important;
  color: #f9f8f7 !important;
}
.vertical.menu.extended::-webkit-scrollbar-thumb {
  display: none;
}
.ui.vertical.menu .item > p {
  visibility: hidden;
}
.ui.vertical.menu .item.active p,
.ui.vertical.menu .item:hover p {
  visibility: visible;
}
.ui.vertical.icon.menu div a .item {
  gap: 10px;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui.icon.menu .item {
  color: #f9f8f7 !important;
  padding-left: 0;
  padding-right: 0;
}
.ui.icon.menu .item:hover {
  color: #66b2ff !important;
}
.ui.icon.menu .item.active {
  color: #66b2ff !important;
  background: inherit !important;
  border-right: 2px solid #8db2ee;
}