.content {
  line-height: 26px;
}
.content h2 {
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.side-nav-outer-toolbar .dx-drawer {
  height: calc(100% - 56px);
}

.content-block {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 20px;
}
.content-block .screen-x-small {
  margin-left: 20px;
  margin-right: 20px;
}

.responsive-paddings {
  padding: 20px;
}
.responsive-paddings .screen-x-small {
  padding: 10px;
}
.responsive-paddings .screen-large {
  padding: 40px;
}

.dx-card.wide-card {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  border-right: 0;
  border-left: 0;
}

.with-footer > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  height: 100%;
}
.with-footer > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-scrollview-content {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#app {
  height: 100%;
}

.dx-field-label {
  float: right;
  width: 30%;
}

.dx-field-value-static, .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
  width: 70%;
}

.side-navigation-menu {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
  width: 250px !important;
}
.side-navigation-menu .menu-container {
  background-color: #363640;
  color: white;
  min-height: 100%;
  display: flex;
  flex: 1;
}
.side-navigation-menu .menu-container .dx-treeview-toggle-item-visibility {
  color: white;
}
.side-navigation-menu .menu-container .dx-state-selected span {
  font-weight: 800 !important;
}
.side-navigation-menu .menu-container .dx-treeview {
  white-space: nowrap;
}
.side-navigation-menu .menu-container .dx-treeview .dx-icon {
  padding: 0 10px;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-item {
  padding-left: 0;
  padding-right: 0;
  color: white;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-item .dx-icon {
  width: 60px !important;
  height: initial !important;
  margin: 0 !important;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-item .dx-icon svg {
  width: 24px !important;
  height: 24px !important;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-item .dx-icon svg path[fill] {
  background-color: white !important;
  fill: white !important;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node {
  padding: 0 0 !important;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-toggle-item-visibility {
  right: 10px;
  left: auto;
}
.side-navigation-menu .menu-container .dx-treeview .dx-rtl .dx-treeview-toggle-item-visibility {
  left: 10px;
  right: auto;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node {
  color: white;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node[aria-level="1"] {
  font-weight: 650;
  border-bottom: 1px solid #515159;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node[aria-level="2"] .dx-treeview-item-content {
  font-weight: 600;
  padding: 0 60px;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node[aria-level="2"] .dx-treeview-item-content span {
  padding-right: 14px;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node[aria-level="2"] .dx-treeview-item-content span:before {
  font-family: DXIcons;
  font-size: 10px;
  content: "\f076";
  position: absolute;
  display: block;
  width: 24px;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node[aria-level="3"] {
  padding-right: 20px !important;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node[aria-level="3"] .dx-treeview-item-content {
  font-weight: 500;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected:not(.dx-state-focused) > .dx-treeview-item {
  background: transparent;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected > .dx-treeview-item * {
  color: #337ab7;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node:not(.dx-state-focused) > .dx-treeview-item.dx-state-hover {
  background-color: #3f3f4b;
}
.side-navigation-menu .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node:not(.dx-state-focused) > .dx-treeview-item.dx-state-hover svg path[fill] {
  fill: #337ab7 !important;
  transition: fill 0.3s ease-in !important;
}
.side-navigation-menu .menu-container .dx-theme-generic .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected.dx-state-focused > .dx-treeview-item * {
  /*   color: inherit;*/
}
.side-navigation-menu .dx-item {
  padding-top: 10px;
  padding-bottom: 10px;
}