.custom-grid-small .k-dropdown-operator .k-input-button {
    padding: 4px;
    display: none;
    height: 24px;
    width: 24px;
}

.custom-grid-small .k-filtercell .k-button,
.custom-grid-small .k-dropdown-operator .k-button {
    height: 25px;
    width: 25px;
}

.custom-grid-small a.k-icon-button.custom-bt-cancel,
.custom-grid-small .k-grid-content .k-icon-button.custom-bt-cancel {
    width: 25px;
    height: 25px;
    min-width: 25px;
    padding: 0;
}

.custom-grid-small .k-table {
    font-size: 12px;
    line-height: 1.1;
}

.k-grid,
.k-grid .k-table {
    color: #424242;
    font-size: 12px;
    line-height: 1.1;
}

.k-grid .k-table-td,
.k-grid td {
    font-size: 12px;
    line-height: 1.1;
}


.custom-grid-small.k-grid .k-filtercell .k-filtercell-wrapper {
    gap: 0px;
}

.custom-grid-small .k-button-flat-primary {
    color: dimgray;
}

.custom-grid-small .k-button {
    font-size: 12px;
}

.custom-grid-small .k-pager-info {
    font-size: 11px;
       color: dimgray;
}

.custom-grid-small .k-input .k-input-inner,
.custom-grid-small .k-picker .k-input-inner {
    font-size: 12px;
}


/* calendar week color */
.k-calendar .k-alt,
.k-calendar .k-calendar-td.k-alt,
.k-calendar .k-calendar-weekdays {
    background-color: rgba(0, 0, 0, 0);
    color: lightgray;
    font-size: 10px;
    font-weight: 700;
}


.k-grid .k-input-spinner  {
    display: none;
}

.k-filter-row {
    background-color: #f5f5f0;
}



/* dropdown select and arrow button part */
.k-input-inner {
    background-color: #fff;
    font-size: 12px;
}
.k-picker .k-input-button {
    color: inherit;
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0);
}


/* pager size — compact like v8; current page highlighted without a solid fill */
.custom-grid-small .k-pager .k-button {
    width: auto;
    min-width: 25px;
    height: 25px;
    padding: 0 4px;
    font-size: 11px;
    background-color: transparent;
    border-color: transparent;
    color: dimgray;
    box-shadow: none;
}

.custom-grid-small .k-pager .k-button:hover,
.custom-grid-small .k-pager .k-button.k-hover {
    background-color: #f0f0f0 !important;
    border-color: transparent;
    color: #424242;
}

/* the v15 theme sets `background: none !important` on .k-button-flat,
   so the pager fills below must be !important to take effect */
.custom-grid-small .k-pager .k-button.k-selected,
.custom-grid-small .k-pager .k-button.k-button-solid.k-selected,
.custom-grid-small .k-pager .k-button.k-button-base.k-selected,
.custom-grid-small .k-pager .k-button.k-button-solid.k-button-base.k-selected {
    background-color: #d6e3f0 !important;
    border-color: #c5d4e8 !important;
    color: #28578f !important;
    font-weight: 700;
}

.custom-grid-small .k-pager .k-button.k-selected:hover,
.custom-grid-small .k-pager .k-button.k-selected.k-hover {
    background-color: #c5d4e8 !important;
    border-color: #b4c6dc !important;
    color: #28578f !important;
}

.custom-grid-small .k-pager .k-button.k-selected::before {
    opacity: 0;
}

 /* page width grid pager */
 .k-pager-sizes .k-dropdownlist {
    width: 75px;
}

/*  pager select 15, 50, 100 text size */
.k-pager .k-input-value-text {
    font-size: 11px;
}
/*  items per page text size */
.k-pager-sizes {
    font-size: 11px;
}

.k-grid .header,
.k-grid .header > .k-link,
.k-grid .k-grid-header .k-table-th.header .k-link {
    font-weight: bold;
    color: grey;
    font-size: 11px;
}


.k-table-tbody {
   /*    background-color: red;*/
    cursor: pointer;
}

/* selected grid row highlighted background color */
.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
    background-color: antiquewhite;
}

.k-checkbox-wrap .k-checkbox.k-checked,
.k-checkbox-wrap .k-checkbox:checked {
    background-color: lightgray;
    border: none;
}

.k-button-sm.k-icon-button .k-button-icon {
    min-width: 20.0000000004px;
    min-height: 20.0000000004px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pricechecker-wrapper {
    background-color: #fff;
    padding: 25px;
}

.pricechecker-wrapper .custom-label {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px;
}

.pricechecker-wrapper .box-row {
    color: dimgray;
}

    .pricechecker-wrapper .box-row .left {
        font-size: 14px;
    }

    .pricechecker-wrapper .box-row .right {
        font-size: 14px;
    }

.pricechecker-wrapper .k-combobox.k-input .k-input-inner {
    font-size: 14px !important;
}

.pricechecker-wrapper .k-input {
    font-size: 14px !important;
}

.k-checkbox {
    border-color: lightgrey;
    background-color: #fff;
}



.k-filtercell-wrapper .k-input,
.k-filtercell-wrapper .k-input-value-text {
    color: darkorange;
    font-weight: 500;
}

.k-grid .k-datepicker .k-input-inner {
    color: #666 !important;
    font-size: 11px !important;
    font-weight: normal !important;
}

.k-grid .k-dropdownlist .k-input-value-text {
    color: #666 !important;
    font-size: 11px !important;
    font-weight: normal !important;
}

/* Lighter placeholder color for all Telerik TextBox inputs */
.k-input-inner::placeholder {
    color: #adb5bd;
    opacity: 1;
}


.k-svg-icon {
    width: 20px;
    height: 20px;
}

.k-svg-icon-pencil {
    width: 20px;
    height: 20px;
    padding: 2px !important;
}