.Public {
  margin: auto;
}

.Private {
  /* display: flex; */
  height: 100%;
  width: 100%;
}

.BasicAdmin {
  height: 100%;
  width: 100%;
}

/* .BasicSide * {
  xcolor: white !important;
  xbackground-color: rgb(var(--pdm-cb1));
} */

.BasicSide ul {
  height: 100vh;
}

.BasicMain {
  flex: 1;
  /* background-color: #eee; */
  padding-top: 4rem;
  height: calc(100% - 4rem);
}

/* .BasicSideMenuItem-itemDivider {
  width: 164px;
  margin-left: 12px !important;
} */

.BasicMain-container {
  overflow-y: auto;
}

.BasicLed {
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.Chat {
  padding: 2rem;
}

.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.react:hover {
  filter: drop-shadow(0 0 2em #61dafbaa);
}

@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: no-preference) {
  a:nth-of-type(2) .logo {
    animation: logo-spin infinite 20s linear;
  }
}

.css-f2zdh9 {
  min-height: 69px;
}

.card {
  padding: 2em;
}

.read-the-docs {
  color: #888;
}

html {
    --vxg-side-width: 200px;
}

.vxg-BasicAdmin {
    width: 100%;
}



.vxg-BasicHead {
}


.vxg-BasicHead-toolbar {
    display: flex;
}


.vxg-BasicHeadTool-logo > img {
    width: 5rem;
}


.vxg-BasicSide {
}


.vxg-BasicMain {

}


.vxg-BasicFoot {
}
html {
  --pdm-cb0: 255, 255, 255;
  --pdm-cb1: 39, 50, 73;
  --pdm-cb2: 100, 166, 206;
  --pdm-ct0: 50, 64, 103;
  --pdm-ct1: 255, 255, 255;
  --pdm-ct2: 162, 207, 250;
  --pdm-ci0: 46, 122, 193;
}

body {
  margin: 0px;
}

#root {
  display: flex;
  height: 100vh;
  width: 100vw;
}

.MuiDataGrid-columnHeaderTitle {
  font-weight: bold !important;
}