/*Telerik Adaptions: Custom adaptions of Telerik components: Do not change this in MedCubesTheme.css - only at this file. MedCubesTheme.css is always changed after Telerik-Update  */
/*MedCubesTheme.css: Change only color*/
/*TelerikAdaptions.css: Change properties of telerik components*/
/*CommonStyles.css: All other changes except Telerik*/

:root {
    --kendo-color-primary: #01b7e9;
    --kendo-color-primary-on-surface: #01b7e9;
    --kendo-color-primary-subtle: #d8f1fd;
    --kendo-color-primary-subtle-hover: #c5eafc;
    --kendo-color-primary-subtle-active: #a3dffb;
    --kendo-color-primary-hover: #03a9f4;
    --kendo-color-primary-active: #03a9f4;
    --kendo-color-primary-emphasis: #a3dffb;
    --kendo-color-series-a: #01b7e9;
}

:root {
    --kendo-font-size: 1.15rem;
}

:root {
    --kendo-spacing-2: 0.75rem;
}

.k-grid-content {
    overflow-y: scroll;
}

.k-column-title {
    font-size: 12px !important;
}

.k-grid td,
.k-grid .k-table-td {
    vertical-align: top;
}

/*Telerik DropdownList-Arrow: reduce font-size */
.k-button-md.k-icon-button {
    font-size: 8px;
    padding: 4px !important;
}

/*TelerikGrid: non-selectable cells and default cursor*/
.k-table-th,
.k-table-td {
    user-select: none;
    cursor: default;
}

.k-animation-container {
    z-index: inherit;    /* not important! otherwise the dropdowns are not visible! */
}

.k-listview-content {
    overflow: inherit; /*if auto, some mcselectionlists has a x-overflow ...*/
}

/*Telerikgrid */
.k-grid {
    font-size: 13px !important; /* instead of 14px from telerik */
}

/*Telerik pickers font size*/
.k-input-md,
.k-picker-md {
    font-size: 12px !important;
}

/*Telerikgrid no header*/
.no-headers-grid .k-grid-header {
    display: none;
}
/*Telerikgrid no footer*/
.no-footer-grid .k-grid-footer {
    display: none;
}
/*Telerikgrid no vertical scrolling*/
.no-scroll-grid .k-grid-content {
    overflow-y: hidden;
}

.no-scroll-grid .k-grid-header {
    padding-right: 0 !important;
}

.no-scroll-grid .k-grid-header-wrap {
    border-width: 0px !important;
}

/*Telerikgrid small lines*/
div.smallLine-grid.k-grid tr {
    line-height: 15px;
}

div.smallLine-grid.k-grid td {
    padding: 0 !important;
}

/*Telerikgrid no border between cells*/
div.no-border-grid.k-grid td {
    border-width: 0px !important;
}

/*Telerikgrid splitter - otherwise, splitter would be visible over dialog (has default z-index 200)*/
.splitter-on-app {
    z-index: 5
}

/*Telerikeditor no toolbar*/
.no-toolbar-editor .k-toolbar {
    display: none;
}

/*todo telerik check
.k-combobox .k-dropdown-wrap {
    border: none !important;
}
.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    border: none !important;
}
k-numerictextbox .k-numeric-wrap {
    border: none !important;
}*/

/*Combobox: DropDown  todo: only for opened list */
/*.k-dropdown-wrap {
    background-color: white !important;
}
*/

/*Telerikgrid */
.k-placeholder-line {
    display: none !important;
}
/*Telerikgrid: header */
.k-grid th {
    /*margin: 0 !important;*/
    padding: 4px 2px 4px 2px !important; /* instead of 8px 12px from telerik */
}

.k-cell-inner > .k-link {
    padding: 7px 12px !important; /* instead of 8px 12px from telerik */
}
/*Telerikgrid: data */
.k-grid td {
    /*margin: 0 !important;*/
    padding: 2px !important;
}
/*Telerikgrid: large data */
.large-grid.k-grid td {
    padding: 6px 2px !important;
}

/*Telerikgrid: cell to expand */
.k-grid .k-hierarchy-cell > .k-icon {
    padding: 4px 0 !important;
}

/*Telerikgrid: grouping - no extra header*/
.no-group-header-grid .k-grouping-header {
    display: none;
}

/*Telerik: combobox, datetimepicker, ... */
.k-input {
    padding: 1px 2px !important;
    height: 100% !important;
}

.k-input-inner {
    padding: 1px 1px !important; /*instead of 4px 8px from telerik*/
    /*height: 100% !important; */
}

/*TelerikTabstrip*/
.k-tabstrip-items .k-link {
    padding: 2px 8px !important;
}


/*TelerikTreeView no paddings*/
.k-treeview .k-in {
    padding: 0 !important;
}

.k-treeview-leaf {
    padding: 0 !important; /* instead of 4px 8px from Telerik */
}

.k-treeview-md .k-treeview-leaf {
    padding: 0 !important; /* instead of 4px 8px from Telerik */
}

/* TelerikNumericTextBox */
.k-numerictextbox .k-numeric-wrap .k-input {
    text-align: right !important;
}

/* Telerik Tooltip */
.k-tooltip {
    padding: 0 !important;
    border: 1px solid gray !important;
    background: #ffffcc !important;
    color: black !important;
    font-size: inherit !important;
}

/* TelerikListView e.g. for horizontal list in McSelectionList */
.horizontalListViewClass .k-listview-item {
    display: inline-block;
    padding: 2px 0px 0px 2px;
}

/* GridColumn with "..." and no wrap */
/* template */
div.gridColumnEllipsis,
span.gridColumnEllipsis,
/* OnCellRender */
.k-grid td.gridColumnEllipsis,
/* OnRowRender */
.k-grid tr.gridColumnEllipsis .k-table-td {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Telerik NumericInput - Spinner: do not arrange arrows vertical --> arrange horizontal*/
.k-numerictextbox .k-input-spinner {
    width: auto !important;    
    flex-flow: row-reverse !important;
}

/*div.smallLine-grid .k-grid-edit-cell input */
/*div .smallLine-grid .k-dropdown.k-header.k-dropdown-operator {*/
/*font-size: 10px;*/
/*height: 18px;
}*/
/*todo blazor: test for telerikgrid*/
/*only with OnRowRenderHandler?*/
/*tr.no-expandcolumn-grid .k-hierarchy-cell * {
    display: none !important;
}
*/
/*.no-expandcolumn-grid .k-grid .k-hierarchy-cell {*/
/*.no-expandcolumn-grid .k-grid .k-hierarchy-col {
    /*display: none;*/
/*width: 1px;
}

.no-expandcolumn-grid .k-grid .k-group-col, .k-grid .k-hierarchy-col {*/
/*display: none;*/
/*width: 5px;
}

.no-expandcolumn-grid .k-hierarchy-col {*/
/*display: none;*/
/*width: 10px;
}


.no-expandcolumn-grid .k-hierarchy-cell {*/
/*display: none;*/
/*width: 2px;*/
/*visibility: hidden;
}*/