﻿/*****************************************************************************************/
/*** GRID OPEN/CLOSE ICON
/*****************************************************************************************/
.telerik-blazor.k-icon.k-svg-icon {
    padding: 0 !important;
}

/*****************************************************************************************/
/*** CHECKBOX
/*****************************************************************************************/
.k-checkbox-wrap {
    align-self: center;
}

/*****************************************************************************************/
/*** VALIDATION SUMMARY
/*****************************************************************************************/
.k-validation-summary.k-messagebox.k-messagebox-error {
    background-color: white;
    border-bottom: 2px solid red;
}

    .k-validation-summary.k-messagebox.k-messagebox-error a {
        color: red;
    }

/*****************************************************************************************/
/*** TOOLTIP
/*****************************************************************************************/
.k-tooltip {
    background: gray;
    color: white;
}

    .k-tooltip .k-callout {
        /* same as tooltip background */
        color: gray;
    }


/*****************************************************************************************/
/*** GRID NO-WRAP CELLS
/*****************************************************************************************/
.telerik-grid-no-wrap-cell td {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/*****************************************************************************************/
/*** INPUT MEZŐK SÁRGA/KÉK HÁTTÉR
/*****************************************************************************************/
.k-textbox.k-input input,
.k-maskedtextbox.k-input input,
.k-numerictextbox.k-input input,
.k-textarea.k-input textarea,
.k-datepicker.k-input input,
.k-timepicker.k-input input,
.k-dateinput.k-input input {
    background-color: LightGoldenrodYellow !important;
}

    .k-textbox.k-input input:focus,
    .k-maskedtextbox.k-input input:focus,
    .k-numerictextbox.k-input input:focus,
    .k-textarea.k-input textarea:focus,
    .k-timepicker.k-input input:focus,
    .k-datepicker.k-input input:focus,
    .k-dateinput.k-input input:focus {
        background-color: #c8f9fb !important;
    }

    .k-numerictextbox.k-input input:not(:focus) {
        text-align: end !important;
    }

.k-combobox,
.k-combobox .k-button,
.k-dropdownlist {
    background-color: LightGoldenrodYellow !important;
}

    .k-combobox.k-focus,
    .k-combobox.k-focus .k-button,
    .k-dropdownlist:focus {
        background-color: #c8f9fb !important;
    }

.k-invalid {
    border-color: red !important;
}

/*****************************************************************************************/
/*** TEXTAREA NO RESIZE
/*****************************************************************************************/
.k-no-resize textarea {
    resize: none;
}

/*****************************************************************************************/
/*** TOAST PARAMÉTEREK
/*****************************************************************************************/
.k-notification-group {
    z-index: 1000;
}

.k-notification.telerik-blazor.k-notification-closable {
    padding: 20px;
    font-size: medium;
}

.k-notification-wrap {
    align-items: center;
}

.k-notification-content {
    margin: 6px 10px;
}

/*****************************************************************************************/
/*** WINDOW PARAMÉTEREK
/*****************************************************************************************/
.k-window-titlebar {
    padding: 6px !important;
}

.k-window-content {
    padding: 8px !important;
}

.k-actions.k-actions-start.k-actions-horizontal.k-window-actions {
    padding: 0 1rem 1rem 1rem !important;
}

.k-input-icon {
    box-sizing: content-box !important;
}

/*****************************************************************************************/
/*** TELERIK FORM GROUP FORMÁZÁSOK
/*****************************************************************************************/
form.k-form legend {
    margin: 0 !important;
}

.k-form-sm .k-form-field,
.k-form-fieldset,
.k-form-sm .k-form-buttons {
    margin-top: 8px !important;
}

.k-label.k-form-label {
    margin-bottom: 0 !important;
    font-size: 12px;
}

/*****************************************************************************************/
/*** ÁLTALÁNOS SCROLLBAR
/*****************************************************************************************/
*::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 1px;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent;
}

*::-webkit-scrollbar-thumb {
    border-radius: 32px;
    background-color: cornflowerblue;
}

* {
    scrollbar-color: blue transparent;
    scrollbar-width: thin;
}

/*****************************************************************************************/
/*** ÁLTALÁNOS VALIDATION MESSAGE
/*****************************************************************************************/
.validation-message {
    font-size: 10px;
    line-height: 0.8rem;
    color: red;
    font-weight: 600;
}
