/* ============================================
   Global Telerik Component Styling
   Applies k-input-solid and k-rounded-sm classes
   ============================================ */

/* ============================================
   TextBox Styling
   ============================================ */
.k-textbox {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 4px;
}

.k-textbox,
.k-input,
.k-textbox > .k-input {
    border-radius: 4px;
}


/* ============================================
   MaskedTextBox Styling
   ============================================ */
.k-maskedtextbox{
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 4px;
}

/* ============================================
   CheckBox Styling
   ============================================ */
/* Target the actual checkbox input element */
.k-checkbox,
.k-checkbox-wrap,
.k-checkbox input[type="checkbox"] {
    border-radius: .25rem !important;
    width: 1rem !important;
    height: 1rem !important;
}

/* Ensure the visual checkbox (before pseudo-element) matches size */
.k-checkbox::before,
.k-checkbox input[type="checkbox"]::before {
    border-radius: .25rem !important;
    width: 1rem !important;
    height: 1rem !important;
}

/* Checkbox label styling */
.k-checkbox-label {
    display: inline-flex;
    align-items: center;
}

/* Ensure the checkbox wrapper respects the size */
.k-checkbox-wrap {
    min-width: 1rem;
    min-height: 1rem;
}

/* ============================================
   Radio Styling
   ============================================ */
/* Target the actual radio input element */
.k-radio,
.k-radio-wrap,
.k-radio input[type="radio"] {
    width: 1rem !important;
    height: 1rem !important;
}

    /* Ensure the visual radio (before pseudo-element) matches size */
    .k-radio::before,
    .k-radio input[type="radio"]::before {
        width: 1rem !important;
        height: 1rem !important;
    }

/* Radio label styling */
.k-radio-label {
    display: inline-flex;
    align-items: center;
}

/* Ensure the checkbox wrapper respects the size */
.k-radio-wrap {
    min-width: 1rem;
    min-height: 1rem;
}

/* ============================================
   ComboBox Styling
   ============================================ */
.k-combobox {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 4px;
}

.k-combobox .k-button {
    border-radius: 0 4px 4px 0;
}

/* ============================================
   DropDownList Styling
   ============================================ */
.k-dropdown,
.k-dropdown .k-input-inner {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 4px;
}

.k-dropdown .k-button {
    border-radius: 0 4px 4px 0;
}

/* ============================================
   NumericTextBox Styling
   ============================================ */
.k-numerictextbox,
.k-numerictextbox .k-input-inner {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 4px;
}

.k-numerictextbox .k-button {
    border-radius: 0 4px 4px 0;
}

/* ============================================
   DatePicker / DateTimePicker Styling
   ============================================ */
.k-datepicker,
.k-datepicker .k-input-inner,
.k-datetimepicker,
.k-datetimepicker .k-input-inner,
.k-timepicker,
.k-timepicker .k-input-inner {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 4px;
}

.k-datepicker .k-button,
.k-datetimepicker .k-button,
.k-timepicker .k-button {
    border-radius: 0 4px 4px 0;
}

/* ============================================
   AutoComplete Styling
   ============================================ */
.k-autocomplete,
.k-autocomplete .k-input-inner {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 4px;
}

/* ============================================
   TextArea Styling
   ============================================ */
.k-textarea,
.k-textarea .k-input-inner {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 4px;
}

/* ============================================
   MultiSelect Styling
   ============================================ */
.k-multiselect,
.k-multiselect .k-input-inner {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 4px;
}

/* ============================================
   Common Input Solid Styling
   ============================================ */
.k-input-solid {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

.k-rounded-sm {
    border-radius: 4px;
}

/* ============================================
   Focus States
   ============================================ */
.k-textbox:focus,
.k-input:focus,
.k-input-solid:focus,
.k-maskedtextbox:focus-within,
.k-combobox:focus-within,
.k-dropdown:focus-within,
.k-numerictextbox:focus-within,
.k-datepicker:focus-within,
.k-datetimepicker:focus-within,
.k-timepicker:focus-within,
.k-autocomplete:focus-within,
.k-textarea:focus-within,
.k-multiselect:focus-within {
    border-color: #0078d4;
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.25);
    background-color: #ffffff;
}

/* CheckBox focus */
.k-checkbox:focus,
.k-checkbox input[type="checkbox"]:focus {
    outline: 2px solid rgba(0, 120, 212, 0.25);
    outline-offset: 2px;
}

/* ============================================
   Disabled States
   ============================================ */
.k-textbox[disabled],
.k-input[disabled],
.k-input-solid[disabled],
.k-maskedtextbox.k-disabled,
.k-combobox.k-disabled,
.k-dropdown.k-disabled,
.k-numerictextbox.k-disabled,
.k-datepicker.k-disabled,
.k-datetimepicker.k-disabled,
.k-timepicker.k-disabled,
.k-autocomplete.k-disabled,
.k-textarea.k-disabled,
.k-multiselect.k-disabled,
.k-checkbox.k-disabled {
    background-color: #e9ecef;
    opacity: 0.6;
    cursor: not-allowed;
}

.k-input .k-input-button, .k-input .k-spinner-increase, .k-input .k-spinner-decrease, .k-picker .k-input-button, .k-picker .k-spinner-increase, .k-picker .k-spinner-decrease {
    padding-block: .375rem;
    padding-inline: .375rem
}

/* Telerik style fixes */
.k-grid td, .k-grid .k-table-td, .k-grid .k-table-th {
    padding-block: .5rem;
    padding-inline: .5rem;
}

.k-pager-md, .k-pager {
    padding-inline: .5rem;
    padding-block: .5rem;
    gap: 1rem
}
.k-clear-value, .k-input .k-input-icon, .k-input .k-input-validation-icon, .k-input .k-input-loading-icon, .k-input .k-clear-value, .k-input .k-input-prefix > .k-icon, .k-input .k-input-prefix > .k-svg-icon, .k-input .k-input-suffix > .k-icon, .k-input .k-input-suffix > .k-svg-icon, .k-picker .k-input-icon, .k-picker .k-input-validation-icon, .k-picker .k-input-loading-icon, .k-picker .k-clear-value, .k-picker .k-input-prefix > .k-icon, .k-picker .k-input-prefix > .k-svg-icon, .k-picker .k-input-suffix > .k-icon, .k-picker .k-input-suffix > .k-svg-icon {
    width: calc(16px + .75rem);
    height: calc(16px + .75rem)
}
.k-button{
    border-color: #e4e7eb;
    color: #212529;
    background-color: #e4e7eb;
}

.k-button:hover, .k-button.k-hover {
    border-color: #c7cdd5;
    background-color: #ced3db
}

.card-header {
    background-color: #505168 !important
}

.fars .wizard-body .card .card .card-header {
    background-color: transparent!important;
    color: inherit;
}

.voffset4 {
    margin-top: 40px !important;
    bottom: 20px !important;
}