html {
  font-size: 8pt;
}

/* ensure the body takes the full height of the viewport ----------- */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

/* allow flex children to size properly */
.container-fluid,
main,
.report-page,
#ReportDisplay {
    min-height: 0;
}

footer.footer {
    flex-shrink: 0;
}

body > .container-fluid {
    flex: 1 1 auto;
    min-height: 0;
}
/* ensure the body takes the full height of the viewport ----------- */

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

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

body {
    margin-bottom: 60px;
    font-size: 8pt;
}
.dx-tabs {
    border: 1px solid #ddd;
    font-size: 10pt;
    padding: 0px;
}
.dx-tab {
    padding: 2px;
    background-color: #f7f7f7;
    color: #333;
}
.dx-widget, .dx-widget *, .dx-widget ::after, .dx-widget ::before, .dx-widget::after, .dx-widget::before {

}
.dx-texteditor-input {
    margin: 0;
    padding: 0px 0px 0px;
    padding-left:10px;
    background: rgba(0,0,0,0);
    color: #333;
    font-size: 8pt;
    border-radius: 4px;
    min-height: 24px;
}
.nav-item{
    font-size: 10pt;
    /*font-weight:bold;*/
}
.navbar-brand {
    font-size: 14pt;
    font-weight: bold;
}
.dx-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    width: auto;
    height: 100%;
    text-align: left;
    cursor: text;
    pointer-events: none;
    color: #999;
    font-size: 8pt;
}
.editor-label {
    display: block;
    float: left;
/*    display: flex;*/
    padding: 0;
    width: 150px;
    margin: 1em 1em 0 0;
}
.dx-field-label {
    float: left;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    cursor: default;
    padding: 5px 1px 5px 1px;
}
.dx-field-value {
    /*background-color: red;*/
    width: auto;
}

element.style {
}
.auto-grid-header {
    font-size: 18px;
}

.activity-item:hover {
    background-color: #f5f9ff;
}