/* #region Drawer */
.appMenuDrawerContainer {
  position: absolute;
  top: 0;
  left: 0;
  /* #region Zpet */
  /* #endregion Zpet */
  /* #region Zalozky */
  /* #endregion Zalozky */
}
.appMenuDrawerContainer .dx-drawer-panel-content {
  background-color: var(--primaryColor);
}
.appMenuDrawerContainer #BackIconContainer {
  padding: 20px;
}
.appMenuDrawerContainer #BackIconContainer #backIcon {
  height: 35px;
  width: 35px;
  fill: white;
  cursor: pointer;
}
.appMenuDrawerContainer #BackIconContainer #backIcon:hover {
  fill: var(--secondaryColor);
}
.appMenuDrawerContainer #drawer-list {
  width: 200px;
}
.appMenuDrawerContainer .dx-list-item {
  background-color: var(--primaryColor);
  color: white;
}
.appMenuDrawerContainer .dx-list-item:hover {
  background-color: var(--secondaryColor);
}
.appMenuDrawerContainer .dx-list-item .dx-list-item-content {
  padding: 8px 20px;
  font-size: 1.1em;
}

/* #endregion Drawer */
/* #region Content */
#titleBar {
  margin-left: 200px;
  width: calc(100vw - 200px);
}

.appMenuDrawerContainer .dx-drawer-content {
  margin-top: 4rem;
}

/* #endregion Content */
/* #region Login*/
#content {
  padding: 1.5rem;
}

#login {
  max-width: 500px;
}

#infoText {
  margin-top: 1.5rem;
}

/* #endregion Login*/