/* Elements
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.rz-menu:not(.rz-profile-menu) {
    background: transparent !important; 
}
.rz-navigation-item-link:hover {
    color: var(--primary) !important;
}
.rz-dropdown-clear-icon {
    right: 3rem !important;
}
.rz-notification-item {
    position: fixed;
    top: var(--header-height) !important;
    right: 6rem !important;
    z-index: 1000000 !important;
    border-radius: 1rem !important;
    padding: 3rem !important
}
.rz-notification-info, .rz-notification-item {
    background: var(--green) !important;
    color: var(--dark) !important;
}
.rz-navigation-item-link {
    color: var(--active-dark) !important;
    font-family: Lettera-Regular, sans-serif !important;
    padding: 0 !important;
}
.rz-navigation-item-icon-children {
    display:none !important;
}
#blazor-error-ui {
    z-index: 10000 !important;
}
.rz-steps ul {
    margin:0 !important;
}
.sub-item {
    display:block;
}
.rz-navigation-menu {
    display:block;
}
.nav-link {
    display: grid !important;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 1rem !important;
    border-radius: 1rem;
    border: none !important;
    background: var(--menu-hover) !important;
    color: var(--regular-light) !important;
    fill: var(--regular-light) !important;
    width: 100%;
    justify-items: start;
}
.nav-link:hover {
    color: var(--active-light) !important;
    fill: var(--active-light) !important;
    text-decoration: none;
}
.rz-dialog-wrapper {
    backdrop-filter: blur(10px);
    background: var(--level-4);
    z-index: 100000 !important;
}
.rz-dialog {
    border-radius: 1rem !important;
    box-shadow: none !important;
    resize: none !important;
}
.rz-dialog-titlebar {
    display: none !important;
}
.rz-dialog-content {
    padding: 3rem !important;
}
.rz-dialog-mask {
    background-color: var(--level-4) !important
}
.rz-fieldset {
    border: none !important;
}
.rz-fieldset-content {
    padding: 1px !important;
}
.rz-fieldset-content-wrapper {
    padding-bottom: 3rem !important;
}
.rz-fieldset-legend {
    display: none;
}
.rz-dialog-mask {
    opacity: 0.2 !important;
}
.rz-cell-filter {
    border-top:none !important;
    padding:none !important;
    font-size: inherit !important;
}
/* Tables general
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.rz-grid-table {
    table-layout: auto !important;
}
.padding-left {
    padding-left:3rem !important;
}
.rz-cell-data, .rz-column-title, .rz-row-toggler, .rz-datatable-tfoot td, .rz-grid-table tfoot td {
    font-size:  inherit !important;
    color:  inherit !important;
    line-height: inherit !important;
    padding-left:0 !important;
}
.rz-grid-table tfoot {
    position: relative !important;
}
.rz-data-grid-data { /* Wrapper around whole table */
    box-shadow: none !important;
}

.rz-datatable { /* Wrapper around each tables */
    background: transparent !important; 
    border: none !important;
    box-shadow: none !important;
}
th {
    font-family: "Lettera-Medium", serif !important;
    color: var(--regular-dark);
    vertical-align: top !important;
    padding: 1rem 0 !important;
}
.rz-column-title {
    line-height: inherit !important;
    font-size: inherit !important;
    text-transform: capitalize !important;
}
table .pill {
    padding:0 0 0 3rem !important;
    background: transparent !important;
}
table .pill:hover {
    background: transparent !important;
}
.rz-pager {
    grid-template-columns: repeat(10, 1fr) !important;
    background: transparent !important;
    padding: 1rem 1rem 0 1rem !important;
    border-top: 1px solid var(--border);
}
.card .rz-v {
    padding: 1rem 1rem 0 1rem !important;
}
.rz-pager-element {
    font-size: calc(var(--paragraph)* 0.8) !important;
    height: calc(var(--paragraph)* 2) !important;
    width: calc(var(--paragraph)* 2) !important;
    line-height: calc(var(--paragraph)* 0.9) !important;
    text-align: center;
    align-content: center;
    background: var(--level-1) !important;
    color: var(--active-dark) !important;
    border-radius: 99em !important;
    border: 0 !important;
}
.rz-pager-page.rz-state-active, .rz-pager-page:hover, .rz-pager-last:hover, .rz-pager-next:hover, .rz-pager-first:hover, .rz-pager-prev:hover {
    background: var(--dark) !important;
    color: var(--active-light) !important;
    border: 0 !important;
}
.rz-pager-summary, .rz-pager-icon {
    font-size: calc(var(--paragraph)* 0.8) !important;
    color: inherit !important;
}
.rz-expanded-row-content .rz-pager-page.rz-state-active, .rz-expanded-row-content .rz-pager-page:hover, .rz-expanded-row-content .rz-pager-last:hover, .rz-expanded-row-content .rz-pager-next:hover, .rz-expanded-row-content .rz-pager-first:hover, .rz-expanded-row-content .rz-pager-prev:hover {
    background: var(--dark) !important;
    color: var(--active-light) !important;
    border: 0 !important;
}
.rz-pager-first {
    grid-row: 1;
    grid-column: 1 / 10 !important;
}
.rz-pager-prev {
    grid-row: 1;
    grid-column: 2 / 10 !important;
}
.rz-pager-pages {
    grid-row: 1;
    grid-column: 3 / span 6 !important;
}
.rz-pager-next {
    grid-row: 1;
    grid-column: 9 / 10 !important;
}
.rz-pager-last {
    grid-row: 1;
    grid-column: 10 / 10 !important;
}
.checked {
    height: var(--mobile-paragraph);
    width: var(--mobile-paragraph);
    border-radius: 99em;
    background: var(--green);
    justify-self: flex-end;
}
.unchecked {
    height: var(--mobile-paragraph);
    width: var(--mobile-paragraph);
    border-radius: 99em;
    background: var(--level-1);
    justify-self: flex-end;
}
.rz-datatable-data td, .rz-grid-table td {
    border-bottom: 1px solid var(--border) !important;
}
.rz-expanded-row-template.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
    border-bottom: 1px solid var(--inactive-light) !important;
}
.rz-grid-table-fixed {
    table-layout: auto !important;
}
.clickable:hover {
    cursor: pointer;
}
.full-height {
    height: calc(100vh - 1rem - var(--header-height-mobile) * 2);
}

@media (min-width: 734px) {
    .checked, .unchecked {
        height: var(--tablet-paragraph);
        width: var(--tablet-paragraph);
    }
    .card .rz-pager {
        padding: 1rem 3rem 0 3rem !important;
    }
    .full-height {
        height: calc(100vh - 3rem - var(--header-height));
    }
    th {
        padding: 1rem 0 !important;
    }
}

@media (min-width: 1180px) {
    .checked, .unchecked {
        height: var(--paragraph);
        width: var(--paragraph);
    }
    .card .rz-pager {
        padding: 1rem 3rem 0 3rem !important;
    }
    .full-height {
        height: calc(100vh - 6rem - var(--header-height));
    }
    th {
        padding: 1rem 0 !important;
    }
}

/* Tables top level general
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Tables top level th
–––––––––––––––––––––––––––––––––––––––––––––––––– */

thead tr:hover {
    cursor: default !important;
}
/*.rz-grid-table th:first-child {
    padding-left: 6rem !important;
}
.rz-grid-table th:last-child {
    padding-right: 6rem !important;
}*/
.rz-grid-table thead th, .rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td, .rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
    background: transparent !important;
    border-bottom: 1px solid var(--border) !important;
}
.rz-grid-table thead th {
    padding: 1rem 0.5rem !important;
}    
.rz-grid-table td:not(:last-child), .rz-grid-table thead th:not(:last-child) {
    border-right: none !important;
}

/* Tables top level td
–––––––––––––––––––––––––––––––––––––––––––––––––– */
tbody tr:hover {
    background: var(--border) !important;
    color: var(--active-dark) !important;
}
.dark tbody tr:hover {
    background: var(--menu-hover) !important;
    color: var(--active-light) !important;
}
/*tbody tr:hover .qty-button, tbody tr:hover .qty-button:hover i, tbody tr:hover .rz-spinner {
    background: var(--dark) !important;
    color: var(--white) !important;
}*/
.rz-grid-table td {
    padding: 1rem 0.5rem !important;
    border-bottom: none;
}
.rz-data-grid.narrow td {
    padding: 0.5rem 0 !important;
}
.align-right {
    text-align: right;
    justify-items: end !important;
}
.link-expanded-row {
    background: var(--dark);
    font-family:Lettera-Medium !important;
    color: var(--active-light) !important;
}
.link-expanded-row:hover {
    font-family:Lettera-Medium !important;
    background: var(--dark) !important;
    color: var(--active-light) !important;
    cursor: pointer !important;
}

/* Tables sub level general
–––––––––––––––––––––––––––––––––––––––––––––––––– */
tr.rz-expanded-row-content {
    background: var(--border) !important;
    color: var(--active-dark);
}
.rz-expanded-row-content > td, .rz-expanded-row-template, .rz-datatable-tfoot td, .rz-grid-table tfoot td {
    background: var(--dark) !important;
}
tr.rz-expanded-row-content tbody tr:hover {
    background: var(--alt-hover) !important;
    cursor: pointer;
}
.rz-expanded-row-template h2 {
    color: var(--active-dark);
}


/* Tables sub level th
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.rz-expanded-row-content thead th {
    cursor: pointer !important;
    color: var(--active-dark) !important;
}
tbody tr.rz-expanded-row-content td tbody tr:hover{
    background:  var(--level-2) !important;
    color: var(--dark) !important;
}
tbody tr.rz-expanded-row-content td tbody tr:hover .checked{
    fill: var(--dark) !important;
}
.rz-expanded-row-template thead, .rz-expanded-row-template thead tr:hover {
    background: transparent !important;
}

/* Tables sub level td
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.rz-expanded-row-content > td, .rz-expanded-row-template, .rz-datatable-tfoot td, .rz-grid-table tfoot td {
    background: transparent !important;
}
/*
.rz-expanded-row-content td {
    padding: 1rem 0 !important;
}
.rz-expanded-row-content td:first-child {
    padding: 1rem 0 !important;
}
.rz-expanded-row-content td td:first-child {
    padding-left: 6rem !important;
}
.rz-expanded-row-content td td:last-child {
    padding-right: 6rem !important;
}
*/
.price-list .rz-grid-table .rz-expanded-row-content td {
    padding:1rem 0rem !important;
}
.price-list .rz-grid-table .rz-expanded-row-content td .rz-expanded-row-template td:first-child{
    padding-left:3rem !important;
}
.price-list .rz-grid-table .rz-expanded-row-content td .rz-expanded-row-template td:last-child{
    padding-right:3rem !important;
}
.padding-left {
    padding-left: 3rem;
}


/* Cards
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.rz-card {
    padding: 3rem !important;
    box-shadow: none !important;
    border-radius: 1rem !important;
}
.rz-card th:first-child, .rz-card td:first-child {
    padding-left:0 !important;
}

.rz-button, .rz-button-md, .rz-button-box {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}
.rz-badge {
    font-size:  inherit !important;
}
.rz-inputtext {
    font-size:  inherit !important;
}
.rz-label {
    font-size: calc(var(--paragraph) * 0.8) !important;
    display: inline-block !important;
}
label {
    width: 100%;
    font-size: calc(var(--paragraph) * 0.8);
}
article {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.rz-dropdown-label {
    font-size:  inherit !important;
    padding-right:4rem !important;
}
.rz-dropdown-filter-container {
    line-height: 0 !important;
    margin: 0 1rem;
    font-size: inherit;
}
.rz-dropdown-filter-icon {
    display: none;
}
.rz-dropdown-trigger {
    margin-right: 1rem !important;
}
.rz-steps-item {
    display:none !important;
}

/* 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
::placeholder {
    color: inherit !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--active-dark);
  -webkit-box-shadow: 0 0 0 40rem var(--level-1) inset !important;
}
.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox, .rz-numeric {
    height: inherit !important;
    line-height: inherit !important;
    color: var(--active-dark);
    font-size: var(--mobile-paragraph) !important;
    border-radius: 1rem !important;
    padding: 1rem !important;
    width: 100%;
    background: var(--level-1) !important;
}
.rz-multiselect-item {
    font-size: inherit !important;
    padding: 0.5rem !important;
}
.rz-multiselect-item:hover {
    background: var(--level-1) !important;
    color: var(--active-dark) !important;
    cursor: pointer !important;
}
.rz-spinner input[type=text] {
    background: transparent !important;
    padding: 1rem !important;
    margin:0 !important;
}
.rz-numeric input[type=text], .rz-numeric input[type=numbers] {
    background: transparent !important;
    padding: 0 !important;
    margin:0 !important;
}
.price-list .rz-spinner {
    margin-bottom:0;
}
.rz-form-field-content, .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox, .rz-numeric {
    border: none !important;
    box-shadow: none !important;
}
.rz-dropdown {
    vertical-align: top;
    display: inline-grid !important;
}
.rz-dropdown:hover {
    cursor: pointer;
}
.rz-helper-hidden-accessible {
    width: 0 !important;
}
td.rz-spinner {
    margin-bottom: 0 !important;
}
.rz-spinner {
    height: fit-content !important;
    padding: 0 !important;
}
.rz-spinner-button {
    font-size: var(--paragraph) !important;
    width: var(--paragraph) !important;
    height: var(--paragraph) !important;
    border-radius: 0 !important;
    background-color: var(--level-1) !important;
    color: var(--regular-dark) !important;
}
.rz-spinner-button:hover {
    background: var(--dark) !important;
    color: var(--active-light) !important;
}
.rz-chkbox {
    width: var(--paragraph) !important;
    height: var(--paragraph) !important;
    margin-right:1rem;
}
.rz-chkbox-box {
    background: var(--level-1) !important;
    border:none !important;
    border-radius: 99em !important;
    box-shadow: none !important;
    width: var(--paragraph) !important;
    height: var(--paragraph) !important;
}
.rz-chkbox-box.rz-state-active {
    background: var(--primary) !important;
}
.rz-chkbox-box .rzi-check:before {
    content: none !important;
}
.rz-checkbox {
    margin: 0 0 0.5rem 0 !important;
}
.rz-dropdown-panel {
    padding: inherit !important;
    background-color: var(--background) !important;
    border-radius: 1rem !important;
    backdrop-filter: blur(1rem);
    border: none !important;
    width: max-content !important;
    box-shadow: none !important;
    z-index: 100000 !important;
}
.rz-dropdown-items-wrapper {
    width:100%;
    margin: inherit !important;
    border-radius: 0 !important;
}
.rz-dropdown-items {
    padding: 1rem !important;
    margin: 0 !important;
}
.rz-dropdown-item li {
    padding: 0.5rem 1rem !important;
    cursor: pointer !important;
    font-size: inherit !important;
}
.rz-dropdown-item {
    font-size: inherit !important;
}
.rz-dropdown-items-wrapper, .rz-multiselect-items-wrapper {
    width: fit-content; }
.rz-dropdown .rz-placeholder {
    color: var(--active-dark) !important;
    background: transparent !important;
}
.rz-dropdown-items li:hover, .rz-dropdown-item:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover {
    background: var(--level-1) !important;
    color: inherit !important;
    /*background: transparent !important;*/
}
.rz-dropdown-item.rz-state-highlight {
    background: var(--dark) !important;
}
.rz-stack {
    column-gap: 0rem !important;
    row-gap: 0 !important;
}
.rz-messages-error {
    color: var(--alert) !important;
    font-size: inherit !important;
    padding: 0 !important;
}
.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--green) !important;
}
.invalid {
    outline: 1px solid var(--alert) !important;
}

@media (min-width: 734px) {
    .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox, .rz-numeric {
        font-size: var(--tablet-paragraph) !important;
    }
}

@media (min-width: 1180px) {
    .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox, .rz-numeric {
        font-size: var(--paragraph) !important;
    }
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.rz-button-box {
    vertical-align: inherit !important;
}
.rz-button:not(.rz-state-disabled):hover:not(:active) {
    box-shadow: none !important;
}
.text {
    background: transparent;
    border:none;
    font-family: "Lettera-Medium", serif !important;
    color:inherit;
    padding: 0 0 0 1rem;
}
.text:hover {
    color: var(--primary);
}
header.rz-textbox {
    margin-bottom: 0 !important;
}
.rzi {
    font-size: inherit !important;
    vertical-align: sub;
    color: inherit !important;
}
.rzi-search {
    display: none;
}
.rz-sortable-column .rzi-grid-sort {
    height: inherit !important;
    font-size: inherit !important;
}
.rz-sortable-column .rzi-sort-asc {
    color: var(--regular-dark) !important;
}
/*Growl messages
-------------------------------------------------------------
*/
.rz-growl-message-success .rz-growl-item, .rz-growl-message-info .rz-growl-item {
    background-color: var(--green) !important;
    margin:0 !important;
    padding:3rem;
    white-space:nowrap;
}
.rz-growl-message-error .rz-growl-item {
    background-color: var(--alert) !important;
    padding:3rem;
}
.rz-growl-icon-close {
    font-size: inherit;
}
.rz-growl-image {
    display: none !important;
}
.rz-growl-item {
    margin:0 !important;
}