/* Default spacing */
.k-input, .k-picker, .k-checkbox
{
    margin-top: 2px;
    margin-bottom: 2px;
}

/* Telerik numeric textbox */
.k-numerictextbox .k-input-inner
{
    width: calc(100% - 30px);
}
.k-numerictextbox .k-input-spinner
{
    display: inline-grid;
}
.k-input-md .k-spinner-increase
{
    padding-block: 5px;
    padding-inline: 0px;
}

/* Telerik dropdownlist*/
.vsi-dropdownlist .k-input-button
{
    appearance: none !important; /* This removes native select styling */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url('../images/search.svg') !important; /* Path to your icon */
    background-repeat: no-repeat !important;
    background-position: right 0px center !important; /* Adjust as needed */
    background-size: 20px 20px !important; /* Size of your icon */
    cursor: pointer !important;
}
.vsi-dropdownlist .k-input-button .k-icon
{
    display: none !important;
}
.vsi-dropdownlist .k-input-inner
{
    padding: 0;
}

/* Toolbar */
.k-toolbar
{
    z-index: 0 !important;
}

/*** Telerik radiobutton Group ***/
.vsi-radiobuttongroup
{
}

.vsi-radiobuttongroup .k-radio-item
{
    color: #fff !important;
    background-color: #1b6ec2 !important;
    border-color: #1861ac !important;
    padding: 0.375rem 0.75rem !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    margin-right: 5px;
    margin-top: 5px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    -ms-user-select: none;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: color .15s;
    background-image: none;
}

/*** Telerik Multiline Edit ***/
textarea.k-input-inner
{
    min-height: 100px;
}

/* Checkbox color white */
.k-checkbox:checked, .k-checkbox.k-checked
{
    border-color: #1b6ec2 !important;
    background-color: #1b6ec2 !important;
}
/* Checkboxes a bit bigger */
.k-checkbox
{
    border-color: #1b6ec2 !important;
    background-color: #1b6ec2 !important;
    width: 25px;
    height: 25px;
}

/*** Telerik datetime picker Icon left ***/
/* Icon left */
.k-datepicker .k-button
{
    position: absolute;
}

.k-datepicker .k-input-inner
{
    margin-left: 40px;
}

.k-maskedtextbox input
{
    padding: 0px!important;
}

/*** Telerik PDF Viewer ***/
.k-search-highlight-mark
{
    background-color: orangered !important;
}

.k-search-highlight
{
    background-color: green !important;
}

/*** Telerik Grid ***/
/* Bit margin at the top */
.k-grid
{
    margin-top: 5px;
}

.k-column-title
{
    font-weight: bold;
}

.k-table-md
{
    font-size: 1rem !important; 
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.vsi-grid .k-table-md
{
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

.vsi-btn-grid-save
{
}

.vsi-row-grid .k-header
{
    font-weight: bold;
    font-size: 12px;
}

.vsi-row-grid .k-table-td
{
    font-size: 12px;
}


.vsi-grid .k-button-md.k-icon-button .k-button-icon
{
    min-width: 14px !important;
    min-height: 14px !important;
    width: 14px !important;
    height: 14px !important;
}

.vsi-grid-small .k-table-md
{
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

.vsi-grid-small .k-button-md.k-icon-button .k-button-icon
{
    min-width: 12px!important;
    min-height: 12px!important;
    width: 12px!important;
    height: 12px!important;
}

.k-textarea
{
    margin-top: 2px;
}

/* Menu */
.AppMenu
{
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 24px;
    background-color: transparent;
    padding-top: 13px;
}

.AppMenu .k-menu-item
{
    margin-left: 24px;
    padding: 8px;
    text-align: left;
    color: white !important;
}