:root {
  --xxf-navigation-menu-min-width: 60px;
}
* {
  box-sizing: border-box;
}
html, body {
  min-height: 100%;
  height: 100%;
  margin: 0;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content {
  line-height: 1.5;
}
/* .content h2 {
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
} */
.content-block {
  position: relative;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.screen-x-small .content-block {
  margin-left: 5px;
  margin-right: 5px;
}
.responsive-paddings {
  padding: 10px;
}
/* .screen-large .responsive-paddings {
  padding: 15px;
} */
.dx-card.wide-card {
  margin-left: 0;
  margin-right: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 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%;
}
/* Class used to style the copy icon inside a dialog */
.copy-icon-box {
  cursor: pointer;
}
.copy-icon-box:hover {
  background-color: #eeeeee;
}
.copy-icon-box:active {
  background-color: #dddddd;
}

/* Overrides */
label.dx-field-item-label { margin-bottom: 0; }
.dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget { opacity: 0.7; }
.dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input { color: rgba(0, 0, 0, 1); }
.dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input { color: rgba(0, 0, 0, 0.8); }
.dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input:hover { color: rgba(0, 0, 0, 0.8); }
.dx-actionsheet-container .dx-actionsheet-item:not(:last-child) { margin-bottom: 10px; }

/* Patch for dx.dashboard [22.2.6] / Must unset position  */
dashboard-docking-layout.dx-dashboard-viewer div[style*="justify-content: start; position: absolute"] {
	position: unset!important;
}