/* CCSCalendar */
.ccs-calendar {
    width: calc(100% - 2px);
    height: 600px;
    flex: 1;
    flex-basis: 600px;
}

/* CCSDataGrid */
.ccs-grid.k-grid {
    height: 600px;
}

.ccs-grid.k-grid.ccs-grid-simple {
    height: 400px;
}

/* CCSEditor */
.ccs-editor.k-editor {
    height: 400px;
}

/* CCSImage */
.ccs-image.k-avatar.ccs-image-width-default {
    width: max-content;
}

.ccs-image.k-avatar.ccs-image-height-default {
    height: min-content;
}

/* CCSLayoutBox */
.ccs-layout-box {
    background-color: white;
    text-align: start;
    box-shadow: 0 0 2px 1px #1F382640;
    margin: 15px 10px 10px 10px;
    padding: 5px;
    border-radius: 9px;
}

.ccs-layout-box > .ccs-layout-box-title {
    font-size: var(--font-size-large);
    font-weight: bold;
    color: darkblue;
}

/* CCSRangeSlider */
.ccs-range-slider.k-slider.k-slider-horizontal {
    width: 100%;
}

/* CCSSkeleton */
.ccs-skeleton.k-skeleton {
    width: 100%;
    height: 30px;
}

/* CCSSlider */
.ccs-slider.k-slider.k-slider-vertical {
    height: 100%;
}

.ccs-slider.k-slider.k-slider-horizontal {
    width: 100%;
}

/* CCSTabStrip */
.ccs-tab-strip.k-tabstrip {
    width: 100%;
}

/* CCSTileLayout */
.ccs-tile-layout.k-tilelayout {
    gap: 16px;
    padding: 16px;
}

/* CCSWindow */
.ccs-window.k-window {
    width: 600px;
    height: auto;
    max-width: 90vw;
    max-height: 95vh;
}

/* Selection lists */
.ccs-selection-list.k-listbox {
    width: 100%;
    height: auto;
}

/* LabeledControl */
.labeled-control {
    width: 100%;
}

.ccs-stack-layout.ccs-stack-layout-horiz > .labeled-control {
    width: max-content;
}

.ccs-stack-layout.ccs-stack-layout-horiz > .labeled-control:has(> .labeled-control-content > .ccs-date-picker),
.ccs-stack-layout.ccs-stack-layout-horiz > .labeled-control:has(> .labeled-control-content > .ccs-time-picker) {
    width: 140px;
}

.ccs-stack-layout.ccs-stack-layout-horiz > .labeled-control:has(> .labeled-control-content > .ccs-date-time-picker) {
    width: 200px;
}

.labeled-control-label > .ccs-label.text-size-default {
    font-size: var(--font-size-small);
}

.view-mode-display > .ccs-label.text-size-default {
    font-size: var(--font-size-medium);
}

.view-mode-display > .ccs-label.text-style-default {
    font-weight: bold;
}

/* filters */
.labeled-control.filter-wrapper {
    width: 200px;
}

.filter-chooser-block > .labeled-control.filter-wrapper {
    width: 200px;
}

.filter-multiselect > .labeled-control.filter-wrapper {
    width: 300px;
}

.filter-pkey.filter-numeric > .labeled-control.filter-wrapper {
    width: 80px;
}

.filter-radio-button-list > .labeled-control.filter-wrapper {
    width: max-content;
}

.filter-top50.filter-radio-button-list > .labeled-control.filter-wrapper {
    width: 120px;
}