:root {
    --rz-datepicker-calendar-selected-hover-background-color: transparent !important;
    --rz-switch-checked-circle-background-color: transparent !important;
}

label {
    margin-bottom: 0 !important;
    white-space: nowrap !important;
}

/*Radzen*/
.rz-column-title-content {
    color: #137DB4;
}

.rz-radiobutton-box.rz-state-active {
    border: none !important;
    background-image: var(--qb-linear-gradient);
    background-size: 200% auto;
    box-shadow: var(--qb-shadow);
}

.rz-radiobutton-box .rzi-circle-on {
    background-color: transparent !important;
}

.rz-radiobutton-label {
    cursor: pointer !important;
}

.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled):after {
    background-color: var(--qb-main-hover-color) !important;
}

input {
    border: none !important;
    border-radius: var(--qb-border-radius) !important;
    box-shadow: none !important;
    /*background-color: var(--qb-secondary-color) !important;*/
    background: var(--qb-input-color) !important;
    color: var(--qb-main-text-color) !important;
    font-size: var(--qb-font-size) !important;
    transition: var(--qb-transition) !important;
}

.rz-spinner {
    border: none !important;
    background: transparent !important;
}

.rz-fileupload-buttonbar {
    background-color: var(--qb-secondary-color) !important;
}

.rz-slider {
    background-color: var(--qb-secondary-color) !important;
}

.rz-slider-handle {
    background-image: var(--qb-linear-gradient);
    background-size: 200% auto;
    box-shadow: var(--qb-shadow);
}

.rz-slider-range {
    background-image: var(--qb-linear-gradient);
    background-size: 200% auto;
    box-shadow: var(--qb-shadow);
}



.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover,
.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus,
.rz-slider:not(.rz-state-disabled) .rz-slider-handle:active {
    background-image: var(--qb-linear-gradient);
    background-size: 200% auto;
    box-shadow: var(--qb-shadow);
}

.rz-chkbox-box.rz-state-active {
    border: none !important;
    background-image: var(--qb-linear-gradient) !important;
    /*background-image: var(--qb-rendeles-idoszak-szin) !important;*/
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
}

.rz-chkbox-box.rz-state-active {
    /*background-image: var(--qb-rendeles-idoszak-szin) !important;*/
}

    .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled):after {
        background-image: var(--qb-linear-gradient) !important;
        background-size: 200% auto !important;
        box-shadow: var(--qb-shadow) !important;
    }

div.rz-timepicker > button {
    background-image: var(--qb-linear-gradient) !important;
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
    color: var(--qb-main-color) !important;
    border: none !important;
    border-radius: var(--qb-border-radius) !important;
    font-size: var(--qb-font-size) !important;
    transition: var(--qb-transition) !important;
    box-shadow: none !important;
}

.rz-datepicker-calendar td .rz-state-active {
    background-image: var(--qb-linear-gradient) !important;
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
    background-color: transparent !important;
    color: var(--qb-main-color) !important;
    border-radius: var(--qb-border-radius) !important;
    transition: var(--qb-transition) !important;
}

.rz-dropdown-item.rz-state-highlight,
.rz-dropdown-item.rz-state-highlight * {
    /*background-image: var(--qb-linear-gradient) !important;*/
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
    color: var(--qb-main-color) !important;
    transition: var(--qb-transition) !important;
}

.rz-dropdown-item {
    cursor: pointer !important;
}

    .rz-dropdown-item.rz-state-highlight {
        background-color: var(--qb-nav-icon-color) !important;
    }

.rz-autocomplete-list-item.rz-state-highlight {
    background-color: var(--qb-nav-icon-color) !important;
}

.rz-dropdown {
    border: none !important;
    border-radius: var(--qb-border-radius) !important;
    box-shadow: none !important;
    background: var(--qb-input-color) !important;
}

.rz-dropdown-clear-icon {
    margin-right: 5px;
}

.rz-datepicker-header {
    border-radius: var(--qb-border-radius) !important;
}

.rz-dropdown-panel .rz-popup {
    border: none !important;
    border-radius: var(--qb-border-radius) !important;
    background-image: var(--qb-linear-gradient) !important;
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
}

/*Nem lesz jó ez mert betördeli az animációt.
.rz-dropdown-panel {
    width: unset !important;
}*/

.rz-dropdown-trigger .rzi-chevron-down:before {
    color: var(--qb-main-text-color) !important;
}

.rz-datepicker-trigger {
    color: var(--qb-main-text-color) !important;
}

.rz-switch.rz-switch-checked .rz-switch-circle:before {
    background-image: var(--qb-linear-gradient) !important;
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
}

.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before {
    box-shadow: var(--qb-main-hover-color) !important;
}

.rz-switch.rz-switch-checked .rz-switch-circle {
    background-image: var(--qb-linear-gradient) !important;
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
}

.rz-listbox-filter-container input {
    padding: 0.6vh !important;
}

.rz-listbox {
    border: 1px solid var(--qb-border-color) !important;
    border-radius: var(--qb-border-radius) !important;
}

.rz-dropdown-item.rz-state-highlight,
.rz-dropdown-item.rz-state-highlight *,
.rz-state-highlight.rz-menuitem,
.rz-state-highlight.rz-autocomplete-list-item,
.rz-state-highlight.rz-autocomplete-list-item span,
.rz-state-highlight.rz-multiselect-item,
.rz-dropdown-items li.rz-state-highlight,
.rz-autocomplete-items li.rz-state-highlight,
.rz-multiselect-items li.rz-state-highlight {
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
    color: var(--qb-main-color) !important;
    /*transition: var(--qb-transition) !important;*/
    transition: var(--qb-transition) !important;
}

.rz-multiselect-item {
    cursor: pointer !important;
}

textarea {
    border: none !important;
    border-radius: var(--qb-border-radius) !important;
    box-shadow: none !important;
    background-color: var(--qb-secondary-color) !important;
    color: var(--qb-main-text-color) !important;
    font-size: var(--qb-font-size) !important;
    transition: var(--qb-transition) !important;
}

/*td {
    border: none !important;
}*/


.rz-group-header {
    padding-left: 0px;
}

.rz-data-grid-data {
    flex: unset;
}

.rz-datatable {
    border: none !important;
}

.rz-paginator-icon {
    color: var(--qb-main-text-color) !important;
}

td.rz-frozen-cell::before {
    background-color: var(--qb-main-color) !important;
}

.rz-grid-table-fixed .rz-frozen-cell {
    background-color: var(--qb-main-color) !important;
}

.rz-cell-filter {
    background-color: var(--qb-main-color) !important;
}

.rz-cell-filter-label {
    justify-content: center !important;
}

    .rz-cell-filter-label .rz-numeric-up,
    .rz-cell-filter-label .rz-numeric-down {
        display: none;
    }

    .rz-cell-filter-label .rz-numeric {
        border: none !important;
        box-shadow: none !important;
    }

.rz-numeric {
    border: none !important;
    box-shadow: none !important;
}

.rz-data-row > td {
    background-color: var(--qb-alternate-row-color) !important;
}

.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
    background-color: var(--qb-row-color) !important;
}

.rz-grid-table td .rz-cell-data {
    color: var(--qb-main-text-color) !important;
}

.rz-paginator {
    background-color: var(--qb-main-color) !important;
    margin: auto !important;
    flex-wrap: nowrap;
}

.rz-paginator-element {
    margin: 0 !important;
    padding-left: 0;
    padding-right: 0;
}

.rzi-caret-left,
.rzi-step-backward {
    float: right;
}

.rzi-caret-right,
.rzi-step-forward {
    float: left;
}

.rz-paginator-page.rz-state-active {
    background-color: var(--qb-nav-icon-color) !important;
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
    color: var(--qb-main-color) !important;
}

.rz-selectable tbody {
    cursor: pointer;
}

.older-than-a-month > td {
    background-color: #ff8098 !important;
}

.radzen-datagrid-disabled-row > td {
    background-color: lightgray !important;
    opacity: 0.6;
    cursor: default;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight.cant-edit-row-but-selected > td {
    background-color: #94C7D6 !important;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight.older-than-a-month > td {
    background-color: crimson !important;
}

.older-than-a-month.currently-double-clicked-row > td {
    background-color: #f5ae70 !important;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight.older-than-a-month.currently-double-clicked-row > td {
    background-color: #f29340 !important;
}

.currently-double-clicked-row > td {
    background-color: #ffe866 !important;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight.currently-double-clicked-row > td {
    background-color: #e6c300 !important;
}


.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td {
    background-color: var(--qb-nav-icon-color) !important;
    transition: var(--qb-transition) !important;
    color: var(--qb-main-color) !important;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
    color: var(--qb-main-color) !important;
    font-weight: bold !important;
}

div.rz-data-grid-data > table > tbody > tr.rz-state-highlight.rz-data-row > td.rz-frozen-cell > span.rz-cell-data {
    color: var(--qb-main-text-color) !important;
    font-weight: bold !important;
}

.rz-progressbar-value {
    border-radius: var(--qb-border-radius);
}

.rz-progressbar-determinate.rz-progressbar-primary .rz-progressbar-value {
    background-color: #137DB4;
}

.rz-progressbar-indeterminate-primary .rz-progressbar-value:before {
    background-image: var(--qb-linear-gradient) !important;
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
}

.rz-progressbar-indeterminate-primary .rz-progressbar-value:after {
    background-image: var(--qb-linear-gradient) !important;
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
}

.rz-progressbar-determinate-primary .rz-progressbar-value:before {
    background-image: var(--qb-linear-gradient) !important;
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
}

.rz-progressbar-determinate-primary .rz-progressbar-value:after {
    background-image: var(--qb-linear-gradient) !important;
    background-size: 200% auto !important;
    box-shadow: var(--qb-shadow) !important;
}

.rz-progressbar-value.rz-progressbar-value-animate {
    border-radius: var(--qb-border-radius) !important;
}

.rz-progressbar-label {
    display: unset !important;
    font-weight: bold;
    color: var(--qb-main-text-color) !important;
}

.rz-progressbar {
    border-radius: var(--qb-border-radius) !important;
    background-color: var(--qb-body-background-color);
}

.rz-dropdown-panel {
    box-shadow: var(--qb-shadow) !important;
}

.rz-data-grid {
    width: 100% !important;
}

.rz-grid-table thead th > div:not(.rz-cell-filter) {
    background-color: var(--qb-body-background-color);
}

.rz-grid-table-fixed .rz-frozen-cell {
    border-right: 2.5px solid var(--qb-body-background-color) !important;
}

.rz-datatable-thead th, .rz-grid-table thead th {
    border-bottom: 2.5px solid var(--qb-body-background-color) !important;
}

.rz-datatable-data td, .rz-grid-table td {
    border-bottom: 2.5px solid var(--qb-body-background-color) !important;
}

.rz-chkbox-box .rzi {
    color: var(--qb-main-color) !important;
}

.rz-paginator-page {
    color: var(--qb-main-text-color) !important;
}

.form-label, label {
    color: var(--qb-nav-icon-color) !important;
    font-weight: 600;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    color: var(--qb-main-text-color) !important;
    font-weight: bold !important;
}

.rz-progressbar-determinate-primary .rz-progressbar-value {
    background-color: var(--qb-element-secondary-color);
}

.rz-grid-filter-active {
    color: var(--qb-main-text-color) !important;
}

.rz-datatable-emptymessage span {
    font-weight: bold !important;
    color: var(--qb-main-text-color) !important;
}



.rz-dropdown-panel, .rz-datepicker {
    z-index: 999999 !important;
}


@media screen and (max-width: 375px) {
    .rz-data-grid {
        width: 100% !important;
    }
}

@media screen and (max-width: 425px) {
    .container-fluid {
        padding: 0 !important;
    }
}

@media screen and (min-width: 376px) and (max-width: 768px) {
    .rz-data-grid {
        width: 100% !important;
    }
}

@media screen and (min-width: 840px) {
    .rz-data-grid {
        width: 100% !important;
    }
}

@media screen and (min-width: 1197px) {
    .rz-data-grid {
        width: 100% !important;
    }
}

@media screen and (min-width: 1300px) {
    .rz-data-grid {
        width: 100% !important;
    }
}

/*li.rz-multiselect-item > span:not(:first-child) {
    display: none !important;
}*/

/*Change content of first child*/
/*li.rz-multiselect-item:first-child > span:first-child::after {
    content: "Egyenl\0151" !important;
}*/

/*Equals, Not equals, Less than, Less than or equals, Greater than, Greater than or equals, Is null, Is not null, Clear*/

/*Bootstrap*/
.card {
    /*    box-shadow: var(--qb-shadow);
    --bs-card-bg: var(--qb-main-color) !important;*/
    border: 1px solid #137DB4;
}

.card-header {
    background-color: var(--qb-main-color) !important;
}

.tooltip-inner {
    font-family: Inter, Arial, sans-serif !important;
}

/*Scrollbar*/
::-webkit-scrollbar {
    width: 8px !important;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--qb-scrollbar-color);
    border-radius: 12px;
    border: 1px solid var(--qb-main-color);
}

.qb-body-child {
    overflow-x: auto !important;
    scrollbar-gutter: auto !important;
}

.rz-autocomplete {
    background-color: transparent !important;
    border: none !important;
}

/*::placeholder {
    color: var(--qb-main-text-color) !important;
}*/

::-ms-input-placeholder {
    color: var(--qb-main-text-color) !important;
}

.modal-content {
    background-color: var(--qb-body-background-color) !important;
}

/*Toast*/
.toast {
    background-color: var(--qb-body-background-color);
    border-radius: var(--qb-border-radius) !important;
}

.toast-container {
    padding: var(--qb-padding) !important;
}

    .toast-container > .toast {
        box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.5);
    }

.toast-header {
    border-radius: var(--qb-border-radius) !important;
}

/*Blazored modal*/
.blazored-modal {
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
    .blazored-modal:has( > .bm-content > .set-previous) > .bm-header > h3 {
        margin-right: 300px;
    }

    .blazored-modal .bm-close:focus > span {
        outline: dashed 2px black;
        box-sizing: content-box;
    }

.bm-container {
    z-index: 9999 !important;
}

.bm-container {
    overflow-y: hidden !important;
}

.bm-content {
    flex: 1;
    overflow-y: auto;
}

.blazored-modal-focus-trap {
    height: 100%;
}
/*Datepicker szűrésnél*/
.rz-overlaypanel,
.rz-datepicker-popup-container {
    z-index: 10001 !important;
}

.rz-button:not(.rz-state-disabled):focus:not(:active) {
    background-image: none !important;
}

.rz-toggle-button {
    background-image: none !important;
    background-color: var(--bs-card-bg) !important;
    color: var(--qb-nav-icon-color) !important;
    box-shadow: none !important;
    border: 1px solid var(--qb-nav-icon-color) !important;
}

    .rz-toggle-button:disabled {
        border: 1px solid gray !important;
    }

    .rz-toggle-button.rz-state-active {
        border: 1px solid var(--qb-nav-icon-color) !important;
        background-color: var(--qb-nav-icon-color) !important;
        color: #fff !important;
    }

    .rz-toggle-button:hover,
    .rz-accordion-header:hover {
        background-color: #f0f0f0 !important;
    }

    .rz-toggle-button.rz-state-active:hover {
        background-color: #0f6591 !important;
    }

.rz-accordion-header {
    cursor: pointer;
}

.rz-accordion-content {
    padding: 0;
}

.rz-button-text {
    text-transform: none;
}

.card-header {
    border-bottom: none !important;
}


a {
    text-decoration: none;
}

.rz-progressbar-value.rz-progressbar-value-animate {
    background-color: var(--bs-primary-border-subtle) !important;
}


.blazored-modal.size-automatic {
    max-width: 90vw !important;
    overflow: auto;
}

/* rendelés hónap / periódus checkbox szinezés */

:root {
    /*--qb-rendeles-idoszak-szin: darkblue;*/
    --qb-rendeles-idoszak-szin: #4340d2;
    --qb-rendeles-honap-szin: darkgreen;
}

.time-period-colored .rz-chkbox-box {
    /*background-image: none !important;*/
    /*border-color: var(--qb-rendeles-idoszak-szin) !important;*/
    /*background-color: var(--qb-rendeles-idoszak-szin) !important;*/
}

.month-colored .rz-chkbox-box {
    background-image: none !important;
    border-color: var(--qb-rendeles-honap-szin) !important;
    background-color: var(--qb-rendeles-honap-szin) !important;
}

/* dropdown - padding nélkül */

.rz-dropdown {
    display: flex;
    justify-content: center;
}


.rz-dropdown-label {
    padding-left: 4px;
    margin-right: 4px;
}


input:disabled {
    background-color: var(--qb-disabled-color) !important;
}


.rendeles_custom_tooltip {
    background-color: #fff;
    color: var(--qb-nav-icon-color);
    padding: 20px;
    border: 1px solid var(--qb-nav-icon-color);
    border-radius: 10px;
    font-size: 0.9rem;
    z-index: 100000;
    width: 170px;
    text-wrap: wrap;
    /*

    display: none;
    right: 0;
    transform: translate(100%, -50%);
    */
}

.rz-datepicker-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

/* Fixing scroll on datatables */

.rz-datatable {
    overflow: auto;
}

    .rz-datatable > .rz-data-grid-data {
        overflow: visible;
    }

.rz-datatable {
    padding-top: 0 !important;
}

/* kijelentkező navbar gomb */
.nav_link.sign-out {
    position: absolute;
    padding: 0;
    margin: 0;
}

    .nav_link.sign-out a {
        padding: 0 !important;
    }


.mud-list {
    background-color: #fff;
    box-shadow: var(--qb-box-shadow);
    transition: box-shadow 300ms ease-in-out;
    border-radius: 7px;
}

.mud-menu-item:hover {
    background-color: #f1f1f1;
}
.mud-menu-item.mud-disabled {
    color: rgba(96,95,109,0.30196078431372547) !important;
}



/*
################
### DARKMODE ###
################

    Ide rakd aminek ne legyen dark modeja
*/
.qb-dark-theme {
    filter: invert(0.9)
    /*--qb-main-color: #022C43;
    filter: invert(1);
    --qb-main-text-color: white;
    --qb-linear-gradient: linear-gradient(90deg, rgba(246,246,246,1) 27%, rgba(221,221,221,1) 50%);
    --qb-element-secondary-color: rgba(221,221,221,1);
    --qb-nav-icon-color: var(--qb-main-color);
    --qb-logo-linear-gradient: linear-gradient(90deg, rgba(143,202,221,1) 41%, rgba(80,159,198,1) 75%);
    --qb-body-background-color: #034163;
    --qb-breadcrumb-color: #CACCCF;
    --qb-notification-text-color: var(--qb-main-text-color);
    --qb-scrollbar-color: var(--qb-body-background-color) var(--qb-main-color);
    --qb-dark-blueish-linear-gradient: linear-gradient(90deg, rgba(29,101,139,1) 25%, rgba(13,86,125,1) 58%);
    --qb-input-color: var(--qb-element-color);
    --qb-row-color: var(--qb-main-color);
    --qb-alternate-row-color: #034061;
    --qb-main-hover-color: var(--qb-main-text-color);*/
}

    .qb-dark-theme .no-dark-mode,
    /*Rendeles*/
    .qb-dark-theme .rendeles-blokk-wrap,
    .qb-dark-theme .rendeles-blokk-wrap .rendelesek-blokk-default,
    .qb-dark-theme .rendeles-blokk-wrap .mennyiseg-blokk,
    .qb-dark-theme .rendeles-blokk-wrap .custom_tooltip,
    .qb-dark-theme .unnepnap-kartya-szin,
    /*bootstrap*/
    .qb-dark-theme .bg-success,
    .qb-dark-theme .bg-danger,
    /*gombok*/
    .qb-dark-theme .inactive-button:not(:hover),
    .qb-dark-theme .save-button:not(:hover),
    .qb-dark-theme .discard-button:not(:hover),
    /*egyeb*/
    .qb-dark-theme .idoszak-naptar td,
    .qb-dark-theme .radio-container-vertical .selected,
    .qb-dark-theme iframe,
    .qb-dark-theme .image-wrapper,
    .qb-dark-theme .rz-switch,
    .qb-dark-theme .custom-border,
    .qb-dark-theme .custom-border > *,
    /*Kepek*/
    .qb-dark-theme .qb-browser,
    .qb-dark-theme .qb-footer-logo-img,
    .qb-dark-theme .qb-logo,
    .qb-dark-theme .nav_logo,
    .qb-dark-theme .qb-main-body-content.fooldal-image {
        filter: invert(1) !important
    }

    .qb-dark-theme .spotlight-part,
    .qb-dark-theme .bm-container {
        background-color: rgba(0,0,0,0.9);
        filter: invert(1) !important
    }

    .qb-dark-theme .blazored-modal {
        filter: invert(1);
        box-shadow: 0 0 2px rgba(0,0,0,.25) !important;
    }




.rz-group-header {
    padding-top: 0;
}



.rz-pager.rz-align-left {
    justify-content: center !important;
}

/* Calender selected day style*/

.rz-calendar-view td .rz-state-active {
    color: white !important;
    background-image: var(--qb-linear-gradient) !important;
}



.torzsadat-details-container .rz-data-grid-data,
.szemely-szures .rz-data-grid-data {
    display: flex;
}

.torzsadat-details-container .rz-grid-table,
.szemely-szures .rz-grid-table {
flex-grow: 1;
}

.torzsadat-details-container .not-flexible-column {
    flex-grow: 0 !important;
}



.reset-everything * {
    all: revert;
}


.torzsadat-terites-panel .rz-data-grid-data {
    display: flex;
}

.torzsadat-terites-panel .rz-grid-table {
    flex-grow: 1;
}

.torzsadat-terites-panel .not-flexible-column {
    flex-grow: 0 !important;
}

.terites-timeline .rz-timeline-item {
    cursor: pointer;
    min-width: 130px;
}

    

    .terites-timeline .rz-timeline-item .rz-timeline-point {
        transition: ease-out all 100ms;
        z-index: 2;
    }