:root {
  --rz-text-font-family: "noto-sans-display", sans-serif;
}

:root {
  --promove-color-value: 227, 232, 54;
  --dark-gray-value: 96, 112, 121;
  --white-values: 255, 255, 255;
}

:root {
  --bs-primary-rgb: rgb(227, 232, 54);
}

:root {
  /*--rz-primary: #c4d600;*/
  --rz-primary: rgb(227, 232, 54);
  --rz-primary-lighter: rgba(var(--promove-color-value), .5);
  --rz-on-primary: rgb(96, 112, 121);
  --rz-on-primary-lighter: rgb(96, 112, 121);
  --rz-secondary: rgb(96, 112, 121);
  --rz-header-shadow: none;
}

.body {
  --rz-body-background-color: rgb(242, 242, 242);
}

.rz-sidebar-toggle {
  --rz-sidebar-toggle-color: rgb(96, 112, 121);
  --rz-sidebar-toggle-hover-color: rgb(96, 112, 121);
  --rz-sidebar-toggle-hover-background-color: rgb(227, 232, 54);
}

.rz-card {
  --rz-card-shadow: 0px 8px 10px 0px rgba(var(--dark-gray-value),0.1);
}

.rz-dropdown-item.rz-state-highlight {
  --rz-dropdown-item-selected-color: rgb(36, 44, 51);
  --rz-dropdown-item-selected-background-color: var(--rz-primary-lighter);
  --rz-dropdown-item-selected-hover-color: rgb(36, 44, 51);
  --rz-dropdown-item-selected-hover-background-color: var(--rz-dropdown-item-hover-background-color);
}

.rz-button, .rz-paginator-element {
  --rz-button-border-radius: 20px;
  --rz-button-shadow: none;
}
.rz-button:hover, .rz-paginator-element:hover {
  background-color: var(--rz-primary-lighter);
  /*--rz-button-hover-shadow: none;*/
  --rz-button-hover-shadow: 0px 4px 5px 0px rgba(var(--dark-gray-value),0.1);
}

.rz-button.rz-primary,
.rz-primary.rz-paginator-element {
  --rz-text-contrast-color: rgb(96, 112, 121);
}

.rz-apply-filter {
  --rz-grid-apply-filter-button-color: rgb(96, 112, 121);
}

.rz-listbox-item.rz-state-highlight {
  --rz-dropdown-item-selected-color: rgb(96, 112, 121);
}

.rz-button.rz-primary,
.rz-primary.rz-paginator-element,
.rz-button:not(.rz-state-disabled):active,
.rz-paginator-element:not(.rz-state-disabled):active {
  --rz-text-contrast-color: rgb(96, 112, 121);
  --rz-button-active-shadow: var(--rz-button-hover-shadow);
}

.rz-datepicker-calendar td .rz-state-active {
  --rz-datepicker-calendar-selected-background-color: rgb(227, 232, 54);
  --rz-datepicker-calendar-selected-color: rgb(96, 112, 121);
}
.rz-datepicker-calendar td .rz-state-active:hover {
  --rz-datepicker-calendar-selected-hover-color: rgb(96, 112, 121);
  --rz-datepicker-calendar-selected-hover-background-color: var(--rz-primary-lighter);
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
  --rz-grid-selected-color: rgb(96, 112, 121);
}

.rz-paginator-page.rz-state-active {
  --rz-paginator-numeric-button-selected-color: rgb(96, 112, 121);
}

.rz-steps .rz-menuitem-link {
  --rz-steps-color: rgb(96, 112, 121);
}
.rz-steps .rz-menuitem-link:hover {
  --rz-steps-title-selected-color: rgb(96, 112, 121) !important;
}
.rz-steps .rz-state-highlight .rz-steps-number {
  --rz-steps-number-selected-background: rgb(227, 232, 54);
  --rz-steps-number-selected-color: rgb(96, 112, 121);
  --rz-steps-number-background-color: rgb(96, 112, 121);
}
.rz-steps .rz-state-highlight .rz-steps-title {
  --rz-steps-title-selected-color: rgb(96, 112, 121);
}

.rz-growl-message-success .rz-growl-item {
  --rz-notification-success-icon-color: rgb(255, 255, 255);
  --rz-notification-success-color: rgb(255, 255, 255);
  --rz-notification-success-background-color: rgb(5, 130, 63);
}

:root {
  font-size: var(--rz-root-font-size);
}

body {
  font-family: var(--rz-text-font-family);
  color: var(--rz-text-color);
  font-size: var(--rz-body-font-size);
  line-height: var(--rz-body-line-height);
  background-color: var(--rz-body-background-color);
  text-rendering: geometricPrecision;
}

a {
  color: var(--rz-link-color);
}
a:hover, a:focus {
  color: var(--rz-link-hover-color);
}

.rz-layout .rz-body {
  overflow-y: scroll;
}

.rz-button:not(.rz-state-disabled):after,
.rz-paginator-element:not(.rz-state-disabled):after {
  background: rgba(255, 255, 255, 0.75);
}

.rz-navigation-item-link:not(.rz-state-disabled):before, .rz-menu-toggle:not(.rz-state-disabled):before,
.rz-button:not(.rz-state-disabled):before, .rz-paginator-element:not(.rz-state-disabled):before {
  background: none !important;
}

.rz-button.rz-state-disabled, .rz-state-disabled.rz-paginator-element {
  pointer-events: none;
  color: var(--rz-paginator-next-button-color);
}

.rz-button.rz-button-md.rz-primary {
  font-weight: 600 !important;
}

.rz-listbox-item {
  cursor: pointer;
}

.rz-apply-filter {
  border: 1px solid rgb(96, 112, 121);
  border-radius: 20px;
}
.rz-apply-filter:hover {
  border: 1px solid var(--rz-primary-lighter);
}

.rz-dialog-content {
  height: 100%;
}

.rz-calendar .rz-datepicker-trigger .rzi-calendar {
  font-size: 20px;
}
.rz-calendar input[readonly] + button.rz-datepicker-trigger {
  display: none;
}

.promove-fullheight {
  height: 100%;
}

.promove-spinner-container {
  height: calc(100vh - 56px - 205px - 88px);
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 3.5rem;
  top: 0.5rem;
}

.blazor-error-boundary {
  background: url("../images/icons/warning.svg") no-repeat 1rem/1.8rem, #b32121;
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}

.blazor-error-boundary::after {
  content: "An error has occurred.";
}

.main-cell {
  font-weight: 500 !important;
  text-decoration-style: dotted;
  text-decoration-line: underline;
  text-decoration-color: var(--gray-mic);
  text-decoration-thickness: from-font;
  cursor: pointer;
}

.btn-form {
  display: inline-block;
  margin-right: 10px;
}

form.rz-form label[for=CouponCode] ~ div.d-flex {
  flex-wrap: wrap;
}
form.rz-form label[for=CouponCode] ~ div.d-flex input {
  max-width: 342px;
}
form.rz-form label[for=CouponCode] ~ div.d-flex div.rz-message {
  order: 1;
}
form.rz-form label[for=CouponCode] ~ div.d-flex button span {
  padding-right: 0;
}

.rz-notification {
  position: fixed;
  top: 0;
  left: 50%;
  right: 50%;
}
.rz-notification .rz-notification-message.rz-growl {
  position: fixed !important;
  top: 0;
  left: 50%;
  right: 50%;
  transform: translate(-50%, 0);
}
.rz-notification .rz-notification-message.rz-growl .rz-growl-item {
  margin: 0;
}

@page {
  size: A4;
  margin: 0;
}
@media print {
  html,
  body {
    width: 210mm;
    height: 297mm;
    margin: 0;
    padding: 0;
  }
}
.rz-datepicker {
  /*.rz-dropdown:first-child {
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
  }

  .rz-dropdown:last-child {
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
  }*/
}
.rz-datepicker .rz-dropdown {
  /*border-radius: 0;*/
}
.rz-datepicker .rz-dropdown .rz-dropdown-trigger .rzi-chevron-down:before {
  content: "expand_more";
}

.rz-card.smallCard {
  width: 300px;
}