.k-pannel {
    margin-top: 4px;
    margin-bottom: 4px;
    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;
    background: none;
}

.k-pannel-content {
    padding: 4px;
    display: block;
    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;
}

.k-pannel-header {
    height: 12px;
    padding: 4px;
}

.k-pannel-header-text {
    font-size: 12px;
}

.k-pannel-header-buttons {
    display: inline-block;
    float: right;
}

.k-pannel-footer {
    height: 12px;
    padding: 4px;
}

.k-pannel-footer-text {
    font-size: 12px;
}

.k-pannel-footer-buttons {
    display: inline-block;
    float: right;
}