/* Fix Form control items padding & size */
.k-widget.form-control {
    padding: 0;
}

.k-widget.form-control,
.k-maskedtextbox.form-control .k-textbox,
.k-datetimepicker.form-control,
.k-textbox.form-control {
    width: 100%;
}

.k-textbox.form-control {
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
}

.k-textbox.form-control-sm {
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    line-height: 1.5;
}

.k-textbox.form-control-lg {
    height: calc(2.875rem + 2px);
    padding: 0.5rem 1rem;
    line-height: 1.5;
}

.ap-kpi-filters-bar .k-icon-button,
.ap-kpi-filters-bar .k-button.k-icon-button {
    width: calc(1.5em + 0.75rem + 2px);
    height: calc(1.5em + 0.75rem + 2px);
}

/* Filter buttons */
.k-button:has(.k-icon.k-i-filter-clear) {
    display: none;
}

.k-datepicker button.k-button {
    height: initial;
}

/* Form input */
.k-input, .k-picker {
    width: auto;
}

.k-input-solid, .k-picker-solid {
    margin-top: 0;
}

/* Telerik TextArea */
.k-form .k-textbox, .k-form .k-textarea, .k-form .k-autocomplete,
.k-form .k-combobox, .k-form .k-dropdown, .k-form .k-dropdowntree,
.k-form .k-multiselect, .k-form .k-dropdowntree, .k-form .k-dateinput,
.k-form .k-datepicker, .k-form .k-datetimepicker, .k-form .k-daterangepicker-wrap,
.k-form .k-timepicker, .k-form .k-numerictextbox, .k-form .k-maskedtextbox,
.k-form.k-textbox-container, .k-form .k-floating-label-container {
    display: flex;
    width: 100%;
}

.k-input-md .k-input-values > .k-searchbar, .k-input-md .k-input-values > .k-input-inner,
.k-input-md .k-input-values .k-input-inner, .k-picker-md .k-input-values > .k-searchbar,
.k-picker-md .k-input-values > .k-input-inner {
    margin: -0.1875rem;
}

/* Telerik Checkbox */
.k-checkbox {
    background: #FFFFFF;
    border: 1px solid #023650;
    width: 1rem;
    height: 1rem;
    border-radius: 0.25rem;
}

/* Telerik Calendar */
.k-calendar .k-month .k-calendar-td.k-selected:not(.k-other-month) .k-calendar-cell-inner,
.k-calendar .k-month .k-calendar-td.k-selected:not(.k-other-month) .k-link {
    background-color: #73a9c9 !important;
    color: white !important;
}

.k-calendar .k-calendar-td.k-selected.k-other-month .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected.k-other-month .k-link {
    background-color: unset;
    color: #6c757d;
    box-shadow: none;
}

.k-calendar .k-month td:not(.k-disabled).k-other-month .k-link {
    pointer-events: none !important;
}

.k-calendar .k-calendar-table.k-month .k-calendar-td.k-selected:focus:not(.k-other-month) .k-calendar-cell-inner,
.k-calendar .k-calendar-table.k-month .k-calendar-td.k-selected:focus:not(.k-other-month) .k-link,
.k-calendar .k-calendar-table.k-month .k-calendar-td.k-selected.k-focus:not(.k-other-month) .k-calendar-cell-inner,
.k-calendar .k-calendar-table.k-month .k-calendar-td.k-selected.k-focus:not(.k-other-month) .k-link {
    box-shadow: inset 0 0 0 2px rgb(87 152 190 / 50%) !important;
}

.k-calendar .k-nav-today, .k-calendar .k-calendar-nav-today {
    color: #007bff;
}

.k-calendar .k-range-start:not(.k-other-month), .k-calendar .k-range-end:not(.k-other-month), .k-calendar .k-range-mid:not(.k-other-month) {
    background-color: rgba(87, 152, 190, 0.25) !important;
}

.k-calendar .k-range-start.k-other-month, .k-calendar .k-range-end.k-other-month, .k-calendar .k-range-mid.k-other-month {
    background-color: transparent !important;
}

/* Items list */
.k-list-item.k-selected,
.k-selected.k-list-optionlabel {
    color: #fff;
    background-color: #73a9c9;
}

.k-list-item.k-selected:hover,
.k-selected.k-list-optionlabel:hover,
.k-list-item.k-selected.k-hover,
.k-selected.k-hover.k-list-optionlabel {
    color: #fff;
    background-color: #73a9c9;
}

/* Grid buttons */
.k-grid .k-command-cell .k-button.k-icon-button {
    vertical-align: middle;
}

.k-button-md.k-icon-button > .k-button-icon,
.k-button-icon {
    color: inherit;
    align-self: center;
    position: relative;
}

.k-grid .k-cell-inner .k-grid-filter, .k-grid .k-cell-inner .k-header-column-menu, .k-grid .k-cell-inner .k-grid-header-menu {
    margin-inline-end: 0;
}

/* Dropdown */
.k-dropdown-operator .k-input-button {
    border-width: 0;
    width: calc(1.5em + 0.75rem + 2px);
}

.k-pager-md .k-pager-sizes .k-dropdown-list,
.k-pager-md .k-pager-sizes .k-dropdown,
.k-pager-md .k-pager-sizes .k-dropdownlist,
.k-pager-md .k-pager-sizes > select {
    width: 5.5em;
}

/* Telerik Window */
.k-window {
    min-width: 350px !important;
}

.k-window-content .row {
    padding-top: 10px;
}

/* Telerik Toolbar */
.k-toolbar > * {
    align-items: center;
}

.k-toolbar {
    border-color: #dee2e6;
    color: #000;
    background-color: #f8f9fa;
}

/* Table */
.k-table-thead, .k-table-header, .k-table-group-sticky-header {
    border-color: #dee2e6;
    color: #000;
    background-color: #f8f9fa;
}

/* Tabs */
.k-tabstrip-items-wrapper .k-item {
    color: #007bff;
}

.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: none;
}

/* Panel bar */
.k-paneblbar-item-icon .my-icon {
    width: 1em !important;
    height: 1em !important;
    font-size: 24px !important;
}


.k-panelbar > .k-item > .k-link.k-selected,
.k-panelbar > .k-panelbar-header > .k-link.k-selected {
    background-color: var(--primary-50-color) !important;
    color: var(--white-color) !important;
}

.k-panelbar > .k-item > .k-link,
.k-panelbar > .k-panelbar-header > .k-link {
    color: var(--black-color) !important;
}

/* Telerik Menu (Action selector from ATPCO Management page */
div.k-popup.k-menu-popup {
    margin-top: 0.375rem;
}

div.k-popup.k-menu-popup ul.k-group.k-menu-group {
    padding: .25rem;
}

    div.k-popup.k-menu-popup ul.k-group.k-menu-group li.k-item.k-menu-item:has(.action-selector-item) {
        font: var(--f-16-150-inter-bold);
    }

    div.k-popup.k-menu-popup ul.k-group.k-menu-group li.k-item.k-menu-item:has(.action-selector-item) span {
        border-radius: 3px;
        color: var(--bluedark-color);
    }

    div.k-popup.k-menu-popup ul.k-group.k-menu-group li.k-item.k-menu-item:has(.action-selector-item):hover span {
        color: var(--primary-color);
        background-color: var(--whitegrey-color);
    }