/* css controls mostly structural changes based on screen size, print mode and media */
.h-33 {
  height: 33% !important;
}

.mw-50 {
  max-width: 50% !important;
}

body, .preview-container {
  --grid-height-con-filter: 0rem !important;
  --grid-height-tabs: 0rem;
  --grid-height-header: 0rem;
  --grid-height-bespoke: 0rem;
  --grid-height-def: 4.5rem;
  --grid-height-diff: 0rem;
  --grid-border: initial;
  --grid-height-max: 200px;
}

.bg-header-grad ~ *:not(.preview-container),
.bg-header-cand ~ *:not(.preview-container) {
  --grid-height-header: 7rem;
}
.bg-header-grad ~ *:not(.preview-container) .dxbl-loading-panel,
.bg-header-cand ~ *:not(.preview-container) .dxbl-loading-panel {
  height: auto;
}

.preview-pane .bg-header-grad ~ *,
.preview-pane .bg-header-cand ~ * {
  --grid-height-header: 13rem;
}

.quotation-holder .dxbl-loading-panel {
  height: 100%;
}

.mm-con-filter-row, .mm-con-filter-row ~ * {
  --grid-height-con-filter: 5.5rem;
}

.dxbl-tabs {
  --grid-height-tabs: 3rem;
}

.maintenance-grid {
  --grid-height-con-filter: 8rem;
}

.temp-confwiz-grid {
  --grid-height-con-filter: 8rem;
}

.dxbl-grid {
  --grid-height-diff: max(var(--grid-height-max), calc(100vh - var(--grid-height-def) - var(--grid-height-con-filter) - var(--grid-height-tabs) - var(--grid-height-header) - var(--grid-height-bespoke)));
  height: var(--grid-height-diff);
}

.preview-pane {
  --grid-height-header: 6rem;
}

.cand-edit-container .bg-header-grad ~ *, .client-edit-container .bg-header-grad ~ *, .job-edit-container .bg-header-grad ~ * {
  --grid-height-header: 14rem;
}

.srch-grid {
  --grid-height-bespoke: 11rem;
}

.preview-pane .srch-grid {
  --grid-height-bespoke: 6rem;
}

.temp-tanda-grid {
  --grid-height-bespoke: 9rem;
}

.cand-edit-compliance-grid {
  --grid-height-bespoke: 4rem;
}

.fin-chkmisdata-grid,
.import-cv-grid {
  --grid-height-bespoke: 2rem;
}

.util-audtrail-grid {
  --grid-height-bespoke: 16rem;
}

.util-manage-codes-grid {
  --grid-height-bespoke: 17rem;
}

.util-mand-fields-grid {
  --grid-height-bespoke: 1rem;
}

.cand-exceeding-hours-grid {
  --grid-height-bespoke: 4rem;
}

.cli-srch-grid {
  --grid-height-bespoke: 27rem;
}

.cand-send-templ,
.cont-send-templ {
  --grid-height-bespoke: 13rem;
}

.cand-find-cand-cli {
  --grid-height-bespoke: 20rem;
}

.cand-find-cand-cli2 {
  --grid-height-bespoke: 14rem;
}

.cli-send-templ {
  --grid-height-bespoke: 16rem;
}

.notif-config-grid {
  --grid-height-bespoke: 14rem;
}

.bulletin-preview .cand-srch-grid {
  --grid-height-bespoke: 26rem;
}

.report-grid {
  --grid-height-bespoke: 8rem;
}

.report-params ~ div {
  --grid-height-header: 8rem;
}

.attach-popup-grid {
  height: calc(100% - 7rem);
}

.batch-avail-grid {
  max-height: 60vh;
}

.find-cands-search {
  --grid-height-header: 17rem;
}

.fill-job-pick-cand {
  --grid-height-header: 8rem;
}

.find-cands-matching {
  --grid-height-bespoke: 12rem;
}

.find-candidates-preview {
  --grid-height-header: 20rem;
}

.vac-find-cand-grid {
  --grid-height-header: 26rem;
}

.vacancy-cands-grid {
  --grid-height-bespoke: 2rem;
}

.dxbl-grid.std-auto-grid {
  height: auto;
}
.dxbl-grid.std-90-grid {
  height: 90px;
}
.dxbl-grid.std-100-grid {
  height: 100px;
}
.dxbl-grid.std-120-grid {
  height: 120px;
}
.dxbl-grid.std-140-grid {
  height: 140px;
}
.dxbl-grid.std-150-grid {
  height: 150px;
}
.dxbl-grid.std-200-grid {
  height: 200px;
}
.dxbl-grid.std-240-grid {
  height: 240px;
}
.dxbl-grid.std-280-grid {
  height: 280px;
}
.dxbl-grid.std-340-grid {
  height: 340px;
}
.dxbl-grid.std-400-grid {
  height: 400px;
}
.dxbl-grid.std-300-grid {
  height: 300px;
}
.dxbl-grid.std-440-grid {
  height: 440px;
}
.dxbl-grid.std-160-grid {
  height: 160px;
}
.dxbl-grid.std-180-grid {
  height: 180px;
}
.dxbl-grid.std_50pcent-grid {
  height: 50%;
}

.docedit-richedit {
  height: calc(var(--app-height) - 120px);
  width: 100%;
}

.docedit-richedit-managedocs {
  height: calc(var(--app-height) - 190px);
  width: 100%;
}

/* old grid heights
.grid.grid-con-filter.grid-toolbar.grid-tabs {
    height: max(200px, calc(var(--app-height) - 18rem)) !important;
}

.grid.grid-toolbar.grid-tabs {
    height: max(200px, calc(var(--app-height) - 15rem)) !important;
}

.grid.grid-toolbar {
    height: max(200px, calc(var(--app-height) - 12rem)) !important;
}


// grid heights
.notif-grid {
    height: max(200px, calc(var(--app-height) - 3.5rem)) !important;
}

.notif-config-grid {
    height: max(200px, calc(var(--app-height) - 19rem)) !important;
}

.fillCandGrid {
    height: max(200px, calc(var(--app-height) - 15rem)) !important;
}

#manage-storage .dxbl-grid,
.fillCandSrchGrid {
    height: max(200px, calc(var(--app-height) - 20rem)) !important;
}

.fillCandWizGrid {
    height: max(200px, calc(var(--app-height) - 22rem)) !important;
}

.fillCandGridPrevUsed {
    height: calc(100vh - 160px);
}

.readonly_richedit {
    height: max(200px, calc(var(--app-height) - 31rem)) !important;
}

.readonly_richedit-cv {
    height: max(200px, calc(var(--app-height) - 31rem)) !important;
}

.readonly_richedit-job {
    height: max(200px, calc(var(--app-height) - 23rem)) !important;
}

.readonly_richedit iframe, .readonly_richedit-job iframe {
    height: 100%;
}

.card-grid.card-grid-client-people {
    max-height: max(200px, calc(var(--app-height) - 19rem)) !important;
    height: max(200px, calc(var(--app-height) - 19rem)) !important;
}

.importrecord-page-grid {
    height: max(200px, calc(var(--app-height) - 18rem)) !important;
}

.find-uk-companies-grid {
    height: max(200px, calc(var(--app-height) - 15rem)) !important;
}

.client-dupe-check .find-uk-companies-grid {
    height: max(200px, calc(var(--app-height) - 32rem)) !important;
}

.report-grid {
    height: max(200px, calc(var(--app-height) - 15rem)) !important;
}

.vacancy-cands-grid {
    height: max(200px, calc(var(--app-height) - 21rem)) !important;
}

.preview-pane .vacancy-cands-grid {
    height: max(200px, calc(var(--app-height) - 18rem)) !important;
}

.srch-set-grid {
    max-height: 95px;
}

.vacancy-log-grid {
    height: max(200px, calc(var(--app-height) - 16rem)) !important;
}

.preview-pane .vacancy-log-grid {
    height: max(200px, calc(var(--app-height) - 13rem)) !important;
}

.cand-find-cand-cli {
    height: max(200px, calc(var(--app-height) - 25.5rem)) !important;
}

.cand-find-cand-cli2 {
    height: max(200px, calc(var(--app-height) - 21rem)) !important;
}

.vac-find-cand-grid {
    height: max(200px, calc(var(--app-height) - 27rem)) !important;
}

.vac-find-cand-grid2 {
    height: max(200px, calc(var(--app-height) - 21rem)) !important;
}

.reqjob-shift-grid {
    height: max(200px, calc(var(--app-height) - 17rem)) !important;
}

.assign-edit-advert-grid {
    height: 138px;
}

.kpi-list-grid {
    height: max(200px, calc(var(--app-height) - 22rem)) !important;
}

.cand-send-templ {
    height: max(200px, calc(var(--app-height) - 19rem)) !important;
}

.cand-edit-edu-grid {
    height: 94px;
}

.cand-edit-jobs-grid {
    height: max(200px, calc(var(--app-height) - 25rem)) !important;
}

.cand-tday-reg {
    height: calc(var(--app-height) - 220px) !important;
}

.cand-screening {
    height: calc(var(--app-height) - 17rem) !important;
}

.cand-awr-manage {
    height: calc(var(--app-height) - 220px) !important;
}

.preview-pane .cand-edit-jobs-grid {
    height: max(200px, calc(var(--app-height) - 14.85rem)) !important;
}

.bulletin-preview .cli-srch-grid {
    height: max(200px, calc(var(--app-height) - 33rem)) !important;
}

.cli-send-templ {
    height: max(200px, calc(var(--app-height) - 21rem)) !important;
}

.cli-edit-sub-grid {
    height: 88px;
}

.cli-edit-jobs-grid {
    height: max(200px, calc(var(--app-height) - 19rem)) !important;
}

.cli-edit-cont-grid {
    height: max(200px, calc(var(--app-height) - 19rem)) !important;
}

.cli-talent-bank-grid {
    height: calc(100vh - 80px) !important;
}

.preview-pane .cli-edit-jobs-grid {
    height: max(200px, calc(var(--app-height) - 16rem)) !important;
}

.preview-pane .cli-edit-cont-grid {
    height: max(200px, calc(var(--app-height) - 16rem)) !important;
}

.preview-pane .cli-edit-jobs-grid {
    height: max(200px, calc(var(--app-height) - 16rem)) !important;
}

.cont-log-grid {
    height: max(200px, calc(var(--app-height) - 16rem)) !important;
}

.cont-send-templ {
    height: max(200px, calc(var(--app-height) - 19rem)) !important;
}

.cont-picker-grid {
    height: 300px;
}

.req-plan-grid {
    height: max(200px, calc(var(--app-height) - 18rem)) !important;
}

.shift-plan-grid {
    height: max(200px, calc(var(--app-height) - 14rem)) !important;
}

.gen-user-config-grid {
    height: max(200px, calc(var(--app-height) - 10rem)) !important;
}

.batch-change-rates-grid {
    height: max(200px, calc(var(--app-height) - 19rem)) !important;
}

.temps-view-grid {
    height: max(200px, calc(var(--app-height) - 16rem)) !important;
}

.req-auto-fill-grid {
    height: calc(var(--app-height) - 8rem);
}

.jobs-manage-grid {
    height: max(200px, calc(var(--app-height) - 16rem)) !important;
}

.temp-confwiz-grid {
    height: max(200px, calc(var(--app-height) - 19rem)) !important;
}

.temp-tanda-grid {
    height: max(200px, calc(var(--app-height) - 19rem)) !important;
}

.temp-tshtwiz-grid {
    height: max(200px, calc(var(--app-height) - 18rem)) !important;
}

.req-serv-summ-wdgt {
    height: calc(100vh / 2 - 70px) !important;
}

.vac-summWidget {
    height: calc(100vh / 2.5 - 70px) !important;
}

.vac-summDryWidget {
    height: calc(100vh / 3 - 70px) !important;
}

.vac-summLegend {
    font-size: 0.6em;
}

.birthListGrid {
    height: calc(var(--app-height) - 210px) !important;
}

.fin-invman-grid {
    // height: calc(100vh - 230px) !important;
    height: max(200px, calc(var(--app-height) - 20rem)) !important;
}

.fin-chkmisdata-grid {
    height: max(200px, calc(var(--app-height) - 18rem)) !important;
}

.fin-paylink-grid {
    height: max(200px, calc(var(--app-height) - 18rem)) !important;
}

.attach-popup-grid {
    height: 370px;
}

.util-con-KPIGrid {
    height: max(200px, calc(var(--app-height) - 14rem)) !important;
}

.util-con-PermGrid {
    height: max(200px, calc(var(--app-height) - 12rem)) !important;
}

.util-mand-fields-grid {
    height: max(200px, calc(var(--app-height) - 14rem)) !important;
}

.util-audtrail-grid {
    height: max(200px, calc(var(--app-height) - 28rem)) !important;
}

.util-auto-codes-grid {
    height: max(200px, calc(var(--app-height) - 14rem)) !important;
}

.util-manage-codes-grid {
    height: max(200px, calc(var(--app-height) - 22rem)) !important;
}

.util-manage-users-grid {
    height: max(200px, calc(var(--app-height) - 17rem)) !important;
}

.util-list-contract-grid {
    height: max(200px, calc(var(--app-height) - 9rem)) !important;
}

.act-srch-grid {
    height: max(200px, calc(var(--app-height) - 7rem)) !important;
}
*/
.dxlist-100 {
  height: 100px !important;
}

.dxbl-loading-panel {
  --dxbl-loading-panel-height: auto;
}

.mm-assistant-chat .dxbl-loading-panel,
.dxbrv-wrapper > .dxbl-loading-panel {
  --dxbl-loading-panel-height: 100%;
  height: 100% !important;
}

.display-toggle.open .display-toggle-target {
  display: none;
}

.display-toggle:not(.open) .display-toggle-target-open {
  display: none;
}

.dxbl-toast-portal .dxbl-toast .dxbl-toast-content .dxbl-toast-template {
  justify-content: initial !important;
}

.dxbl-chatui-root h3 {
  font-size: 1rem !important;
}

#mm-quick-search-input {
  outline: none;
  border: 0;
  font-size: 0.9rem;
  border-radius: 2px;
  padding: 0.4em 0.5rem !important;
}

#mm-quick-search-results {
  width: 100%;
  background-color: var(--bs-white);
  text-align: left;
  color: var(--bs-dark);
  font-size: 1.1em;
  max-height: 20rem;
  overflow: auto;
  border: 1px solid var(--bs-secondary);
  border-radius: 2px;
  top: 27px;
}

#mm-quick-search-results > div {
  cursor: pointer;
  height: 2.5em;
  display: flex;
  align-items: center;
}

#mm-quick-search-results > div:hover,
#mm-quick-search-results > div.active {
  background-color: var(--bs-light);
}

#mm-quick-search-results > div > i {
  margin: 0.5em;
}

.preview-container-outer {
  position: absolute;
  height: calc(100% - 0.75em) !important;
  right: 0;
}

.preview-pane.preview-pane-right.open {
  right: 0 !important;
}

.preview-pane.preview-pane-right {
  top: 0;
  bottom: 0 !important;
}

.release-notes-popup ul {
  margin: 0;
}

.release-notes-popup h1 {
  padding: 0;
  line-height: 1.64em;
}

.release-notes-popup h2 {
  text-transform: initial;
}

.release-notes-popup .dxbl-modal .dxbl-modal-root .dxbl-popup.dxbl-popup-adaptivity .dxbl-modal-content .dxbl-modal-body {
  padding-bottom: 1.5rem;
}

.release-notes-popup .release-notes-markdown > h2:first-child {
  line-height: 1rem;
  padding: 0.5rem 0 1rem 0;
}