.k-dashboardview {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    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-dashboardview-surface {
    margin: 0;
    padding: 0;
    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-dashboardview-normal {
    margin: 0;
    padding: 0;
    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-dashboardview-header {
    border-radius: 3px;
    margin-bottom: 5px;
    height: 30px;
}

.k-dashboardview-title {
    float: left;
}

.k-dashboardview-buttons {
    float: right;
}

.k-dashboardview-design {
    background-color: #dadada;
    background-image: linear-gradient(90deg, #e8e8e8 0px, #e8e8e8 3px, rgba(232, 232, 232, 0) 4px, rgba(232, 232, 232, 0) 85px, #e8e8e8 88px, #e8e8e8 90px), linear-gradient(0deg, #e8e8e8 0px, #e8e8e8 3px, rgba(232, 232, 232, 0) 4px, rgba(232, 232, 232, 0) 85px, #e8e8e8 88px, #e8e8e8 90px);
    background-size: 90px 90px;
    display: inline-block;
    min-height: calc(100% - 34px);
    min-width: calc(100% - 40px);
}

.panel-wrap {
    display: table;
    margin: 0 0 20px;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
}

.sidebar {
    display: table-cell;
    padding: 20px 0 20px 20px;
    width: 220px;
    vertical-align: top;
}

.main-content {
    display: table-cell;
    padding: 20px;
    vertical-align: top;
}

.k-dashboardpart-preview {
    background-color: white;
    border-width: thin;
    border-style: inset;
    width: 100%;
    height: 140px;
}

/* WIDGETS */
.k-dashboardpartview {
    padding: 0;
    /*background-color: #ffffff;*/
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    cursor: move;
    margin: -6px;
}

    .k-dashboardpartview:hover {
        background-color: #fcfcfc;
        border-color: #cccccc;
    }

    .k-dashboardpartview.placeholder {
        opacity: 0.4;
        border: 1px dashed #a6a6a6;
    }

.k-dashboardpartview-header {
    padding: 10px;
    min-height: 12px;
    border-bottom: 1px solid #e7e7e7;
}

.k-dashboardpartview-title {
    padding: 0;
    float: left;
}

    .k-dashboardpartview-title h3 {
        font-size: 12px;
        text-transform: uppercase;
    }

.k-dashboardpartview-buttons {
    float: right;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 99;
}

    .k-dashboardpartview-buttons span {
        padding: 0;
        float: right;
    }

        .k-dashboardpartview-buttons span:hover {
            cursor: pointer;
            background-color: #e7e7e7;
            border-radius: 20px;
        }

/*.k-dashboardpartview-content p, div, h1, h2, h3, h4, h5, h6 {
    padding: 4px 5px;
    margin: 0;
}
*/
.hint {
    width: 250px;
    height: 100px;
    overflow: hidden;
}

    .hint > h3 {
        padding-left: 20px;
    }