html {
    font-size: var(--bs-body-font-size) !important;
}

@media (min-width: 768px) {
    html {
        font-size: var(--bs-body-font-size);
    }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.hover-click-for-details:hover {
    padding-left: 2px;
    border-left: solid 1px;
}

img.masterhead-image {
    height: 1.4em;
    width: auto;
}

a.dx-link.dx-link {
    color: inherit;
}

.dx-freespace-row {
    height: 0% !important;
    display: none !important;
}

.dx-theme-material-typography {
    font-family: var(--bs-body-font-family) !important;
    font-size: var(--bs-body-font-size) !important;
}

    .dx-theme-material-typography input,
    .dx-theme-material-typography textarea {
        font-family: var(--bs-body-font-family) !important;
        font-size: var(--bs-body-font-size) !important;
    }

.dx-widget {
    font-family: var(--bs-body-font-family) !important;
    font-size: var(--bs-body-font-size) !important;
}

.dx-box-item-content {
    font-family: var(--bs-body-font-family) !important;
    font-size: var(--bs-body-font-size) !important;
}

.dx-widget input,
.dx-widget textarea {
    font-family: var(--bs-body-font-family) !important;
    font-size: var(--bs-body-font-size) !important;
}

.dx-overlay-wrapper {
    font-family: var(--bs-body-font-family) !important;
    font-size: var(--bs-body-font-size) !important;
}

    .dx-overlay-wrapper input,
    .dx-overlay-wrapper textarea {
        font-family: var(--bs-body-font-family) !important;
        font-size: var(--bs-body-font-size) !important;
    }

.dx-menu-base {
    font-family: var(--bs-body-font-family) !important;
    font-size: var(--bs-body-font-size) !important;
}

    .dx-menu-base input,
    .dx-menu-base textarea {
        font-family: var(--bs-body-font-family) !important;
        font-size: var(--bs-body-font-size) !important;
    }

.dx-datagrid-column-chooser {
    font-family: var(--bs-body-font-family) !important;
    font-size: var(--bs-body-font-size) !important;
}

    .dx-datagrid-column-chooser input,
    .dx-datagrid-column-chooser textarea {
        font-family: var(--bs-body-font-family) !important;
        font-size: var(--bs-body-font-size) !important;
    }

.dx-treelist-column-chooser {
    font-family: var(--bs-body-font-family) !important;
    font-size: var(--bs-body-font-size) !important;
}

    .dx-treelist-column-chooser input,
    .dx-treelist-column-chooser textarea {
        font-family: var(--bs-body-font-family) !important;
        font-size: var(--bs-body-font-size) !important;
    }