/* drop down */
.tlk-dd-sm {
    height: calc(1.5em + .5rem + 2px);
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    background-color: var(--light) !important;
    color: black !important;
}

/* combo box*/
.k-combobox .k-dropdown-wrap {
    background-color: var(--light) !important;
    color: black !important;
}

.k-combobox .k-select {
    background-color: var(--light) !important;
    color: black !important;
}

/* data picker */
.k-dateinput .k-dateinput-wrap {
    background-color: var(--light) !important;
    color: black !important;
}

.tlk-dp-sm {
    font-size: .875rem;
    height: calc(1.5em + .5rem + 2px);
}

    .tlk-dp-sm .k-input {
        height: calc(0.2rem + 1.5em) !important;
    }


/* data grid */
.no-scroll .k-grid-content {
    overflow-y: hidden;
}

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

div.grid-sm
tr.k-master-row > td {
    font-size: 14px;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .25rem;
    padding-bottom: .25rem
}

div.grid-sm
td {
    font-size: 14px;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .25rem;
    padding-bottom: .25rem
}


/*numeric textbox*/
.k-numerictextbox .k-numeric-wrap {
    background-color: var(--light) !important;
    color: black !important;
}

.tlk-ntb-sm {
    font-size: .875rem;
    height: calc(1.5em + .5rem + 2px);
    line-height: 1.5;
}

    .tlk-ntb-sm
    input.k-input {
        padding-top: .25rem !important;
        padding-right: .5rem !important;
        padding-bottom: .4rem !important;
        padding-left: .5rem !important;
    }