.k-view-container {
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    height: auto;
}

.k-view-footer {
    clear: both;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    padding: .6em;
    bottom: 0;
}

.k-view-footer-buttons {
    padding: 1px;
    text-align: right;
}

.k-view-body {
    margin-bottom: 0.4em;
    position: relative;
}

.k-view-content {
    margin-bottom: 0.4em;
    position: relative;
    display: block;
}

.k-view-header {
    clear: both;
    border-width: 0 0 1px 0;
    border-style: solid;
    position: relative;
    padding: .6em;
    margin-bottom: 0.4em;
}

.k-view-workflow {
    clear: both;
    border-width: 0 0 1px 0;
    border-style: solid;
    position: relative;
    padding: .6em;
    margin-bottom: 0.4em;
    text-align:center;
}

.k-view-workflow-area {
    width: 180px;
    display: inline-block;
    /* padding: 1px; */
    vertical-align: middle;
    /* float: right; */
    /* background: transparent; */
    border-style: solid;
    border-width: 1px;
}

.k-page-body {
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    height: 100% !important;
    height: -moz-available; /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    height: fill-available;
    display: inline-block;
    border: none;
    border-radius: 0;
}

.k-page {
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    height: 100% !important;
    height: -moz-available; /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    height: fill-available;
    display: block;
    border: none;
}

.k-layoutview {
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    height: 100%;
    height: -moz-available; /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    height: fill-available;
    display: inline-block;
    border: none;
}

.k-view-toolbar-buttons {
    padding: 1px;
}

.k-view-toolbar-filters {
    padding: 1px;
}

.k-view-toolbar {
    padding: 1em;
    text-align: right;
    margin-bottom: 4px;
}

.k-webapp {
    width: 100%;
    height: 100%;
    overflow: hidden;
}