:root {
    --menu-height: 57px; /*43px;*/
    --header-height: 95px; /*90px;*/
    --breadcrumb-height: 55px; /*30px;*/
    --toolbar-height: 72px;
    --grid-toolbar-height: 42px;
    --screen-bottom-margin: 3px;
    --theme-scale-offset: 0px;
    --footer-height: 0px;
    --tab-container: 74px; /*58px;*/
    --search-height: 42px;
    --wizard-header-and-buttons: 177px;
    --wizard-tree-container: 87px;
    --filter-extended-height: 300px;
}

.content-wrapper.fit-size {
    height: calc(100% - var(--toolbar-height));
    min-height: calc(100% - var(--toolbar-height));
}

.h-98 {
    height: 98%!important;
}

.screen-height .h-98 .card-text {
    height: 96% !important;
}

.toolbar-window-vr {
    position: absolute;
    left: 49%;
    top: 9%;
    width: 20px;
    height: 90%;
    display: flex;
}

.screen-height .h-98 .k-card-text {
    height: 96% !important;
}

.screen-height .h-98 .k-card-body {
    height: 100% !important;
}

hr {
    border-top: 1px solid rgba(0,0,0,.5);
}

.screen-height.has-toolbar.has-header {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--toolbar-height) - var(--footer-height));
}

.screen-height.has-toolbar.has-header.has-breadcrumb {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--toolbar-height) - var(--footer-height) - var(--breadcrumb-height));
}

.screen-height.has-header {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height));
}

.k-wizard-content .screen-height.has-header .k-grid-container:has(tr) {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height) - var(--wizard-header-and-buttons) - var(--wizard-tree-container));
}

.k-wizard-content .screen-height.has-header {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height) - var(--wizard-header-and-buttons));
}

.screen-height.has-header.has-breadcrumb {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height) - var(--breadcrumb-height));
}

.screen-height.has-header.has-toolbar.k-grid {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height) - var(--grid-toolbar-height));
}

.screen-height.has-header.has-toolbar.has-breadcrumb.k-grid {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height) - var(--grid-toolbar-height) - var(--breadcrumb-height));
}

.screen-height.has-header.is-tab-content.has-breadcrumb {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height) - var(--tab-container) - var(--breadcrumb-height));
    overflow-x: hidden;
}

.screen-height.has-header.has-toolbar.is-tab-content {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height) - var(--toolbar-height) - var(--tab-container));
    overflow-x: hidden;
}

.screen-height.has-header.has-breadcrumb.is-tab-content {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height) - var(--breadcrumb-height) - var(--tab-container));
    overflow-x: hidden;
}

.screen-height.has-header.has-toolbar.is-tab-content.has-breadcrumb {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height) - var(--toolbar-height) - var(--tab-container) - var(--breadcrumb-height));
    overflow-x: hidden;
}

.screen-height-50 {
    height: calc(50vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height) - var(--breadcrumb-height));
}

.k-filter-extended {
    height: var(--filter-extended-height);
    padding-left: 0;
}

.k-filter-extended ul.k-filter-container {
    height: calc(var(--filter-extended-height) - 74.2px);
    overflow-y: auto
}

.k-filter-extended-grid {
    height: calc(100vh - var(--screen-bottom-margin) - var(--menu-height) - var(--header-height) - var(--footer-height) - var(--tab-container) - var(--breadcrumb-height) - var(--filter-extended-height))
}