body {
  margin: 0px;
  font-size: 13px;
  line-height: 1.8;
  color: #222;
  background: #f8f8f8;
  font-weight: 400;
  font-family: Poppins;
}

body,
html {
  width: 100% !important;
  height: 100% !important;
}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
}
.s-main-container {
  display: grid;
  /* grid-template-rows: 75px auto; */
  grid-template-columns: auto 1fr;
}
.s-sidebar {
  grid-row: 2;
  grid-column: 1;
}
.s-content {
  grid-row: 2;
  grid-column: 2;
  padding-left: 20px;
  padding-right: 20px;
}
.h-layout {
  display: flex;
  flex-direction: row;
  position: relative;
  flex-grow: 1;
  height: 100%;
}
.h-layout-content {
  height: 100%;
  overflow: auto;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(209, 213, 219, 12);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.mdc-menu-surface
{
    background-color: #fff !important;
}