@charset "UTF-8";

:root {
  --rz-white: #FFFFFF;
  --rz-black: #38383D;
  --rz-base: #DFE5EC;
  --rz-base-50: #F9F9FA;
  --rz-base-100: #F9F9FA;
  --rz-base-200: #F9F9FA;
  --rz-base-300: #F5F5F5;
  --rz-base-400: #EDEDED;
  --rz-base-500: #DDDDDD;
  --rz-base-600: #BDC2C5;
  --rz-base-700: #8D9496;
  --rz-base-800: #767676;
  --rz-base-900: #616161;
  --rz-base-dark: #767676;
  --rz-base-darker: #38383D;
  --rz-base-light: #F5F5F5;
  --rz-base-lighter: #F9F9FA;
  --rz-primary: #0735A8;
  --rz-primary-light: #C6D1EB;
  --rz-primary-lighter: #EEF3FF;
  --rz-primary-dark: #042B8C;
  --rz-primary-darker: #041662;
  --rz-secondary: #CE4A12;
  --rz-secondary-light: #E6A488;
  --rz-secondary-lighter: #F5E2D8;
  --rz-secondary-dark: #B94310;
  --rz-secondary-darker: #A93D0F;
  --rz-info: #263EA1;
  --rz-info-light: #CCD4F4;
  --rz-info-lighter: #E6EAFA;
  --rz-info-dark: #0020A0;
  --rz-info-darker: #001878;
  --rz-success: #3A8717;
  --rz-success-light: #B0CFA2;
  --rz-success-lighter: #D8E7D1;
  --rz-success-dark: #2E6C12;
  --rz-success-darker: #23510E;
  --rz-warning: #F5C855;
  --rz-warning-light: #F8D988;
  --rz-warning-lighter: #F7E5CC;
  --rz-warning-dark: #625022;
  --rz-warning-darker: #493C19;
  --rz-error: #CB3325;
  --rz-error-light: #F9A199;
  --rz-error-lighter: #FCD0CC;
  --rz-error-dark: #C01000;
  --rz-error-darker: #900C00;
  --rz-danger: #CB3325;
  --rz-danger-light: #F9A199;
  --rz-danger-lighter: #FCD0CC;
  --rz-danger-dark: #C01000;
  --rz-danger-darker: #900C00;
  --rz-text-color: var(--rz-black);
  --rz-text-secondary-color: var(--rz-base-800);
  --rz-text-tertiary-color: var(--rz-base-700);
  --rz-text-disabled-color: var(--rz-base-600);
  --rz-link-color: var(--rz-secondary);
  --rz-link-hover-color: var(--rz-secondary-darker);
  --rz-text-font-family: Figtree, Arial, sans-serif;
  --rz-base-background-color: var(--rz-base-50);
  --rz-grid-background-color: var(--rz-white);
  --rz-grid-filter-color: var(--rz-text-tertiary-color);
  --rz-datalist-item-border: none;
  --rz-datalist-item-background-color: rgba(116, 120, 126, 0.08);
  --rz-chip-background-color: var(--rz-base-500);
  --rz-grid-stripe-background-color: var(--rz-datalist-item-background-color);
  --rz-paginator-numeric-button-selected-background-color: var(--rz-info-light);
  --rz-text-button-text-transform: none;
  --rz-text-overline-text-transform: none;
  --rz-tabs-tab-text-transform: none;
  --rz-badge-text-transform: none;
  --rz-datepicker-calendar-header-text-transform: none;
  --rz-tabs-tab-hover-color: var(--rz-primary);
  --rz-tabs-tab-letter-spacing: 0.1px;
  --rz-border-normal: var(--rz-border-width) solid var(--rz-base-600);
  --rz-border-hover: var(--rz-border-width) solid var(--rz-base-700);
  --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-400);
  --rz-grid-stripe-odd-background-color: var(--rz-grid-background-color);
  --rz-dialog-title-font-size: 1.5rem;
  --rz-dialog-title-line-height: 2rem;
  --rz-dialog-title-font-weight: 400;
  --rz-notification-success-color: var(--rz-on-success);
  --rz-notification-success-background-color: var(--rz-success);
  --rz-notification-success-icon-color: var(--rz-on-success);
  --rz-notification-warning-color: var(--rz-on-warning);
  --rz-notification-warning-background-color: var(--rz-warning);
  --rz-notification-warning-icon-color: var(--rz-on-warning);
  --rz-notification-error-color: var(--rz-on-danger);
  --rz-notification-error-background-color: var(--rz-danger);
  --rz-notification-error-icon-color: var(--rz-on-danger);
  --rz-notification-info-color: var(--rz-on-info);
  --rz-notification-info-background-color: var(--rz-info);
  --rz-notification-info-icon-color: var(--rz-on-info);
  --rz-grid-header-cell-border-bottom: var(--rz-border-base-400);
  --rz-input-background-color: transparent;
  --rz-input-disabled-background-color: transparent;
  --rz-input-transition: var(--rz-transition-all);
  --rz-dropdown-item-hover-background-color: var(--rz-base-300);
  --rz-dropdown-item-hover-color: var(--rz-text-color);
  --rz-dropdown-item-selected-hover-background-color: var(--rz-base-400);
  --rz-dropdown-item-selected-hover-color: var(--rz-text-color);
  --rz-dropdown-item-selected-color: var(--rz-primary);
  --rz-dropdown-filter-border: var(--rz-border-normal);
  --rz-dropdown-open-background-color: var(--rz-base-100);
  --rz-dropdown-panel-shadow: var(--rz-shadow-2);
  --rz-shadow-1: 0px 1px 2px rgba(69, 73, 79, 0.3), 0px 1px 3px 1px rgba(69, 73, 79, 0.15);
  --rz-shadow-2: 0px 1px 2px rgba(69, 73, 79, 0.3), 0px 2px 6px 2px rgba(69, 73, 79, 0.15);
  --rz-shadow-3: 0px 4px 8px 3px rgba(69, 73, 79, 0.15), 0px 1px 3px rgba(69, 73, 79, 0.3);
  --rz-shadow-4: 0px 6px 10px 4px rgba(69, 73, 79, 0.15), 0px 2px 3px rgba(69, 73, 79, 0.3);
  --rz-shadow-5: 0px 8px 12px 6px rgba(69, 73, 79, 0.15), 0px 4px 4px rgba(69, 73, 79, 0.3);
  --rz-shadow-6: 0px 12px 16px 6px rgba(69, 73, 79, 0.15), 0px 4px 6px rgba(69, 73, 79, 0.3);
  --rz-shadow-7: 0px 16px 20px 6px rgba(69, 73, 79, 0.15), 0px 6px 6px rgba(69, 73, 79, 0.3);
  --rz-shadow-8: 0px 20px 24px 6px rgba(69, 73, 79, 0.15), 0px 6px 8px rgba(69, 73, 79, 0.3);
  --rz-shadow-9: 0px 24px 28px 6px rgba(69, 73, 79, 0.15), 0px 8px 8px rgba(69, 73, 79, 0.3);
  --rz-shadow-10: 0px 28px 32px 6px rgba(69, 73, 79, 0.15), 0px 8px 10px rgba(69, 73, 79, 0.3);
  --rz-grid-clear-filter-button-background-color: var(--rz-secondary);
  --rz-grid-clear-filter-button-color: var(--rz-on-secondary);
  --rz-grid-clear-filter-button-shadow: var(--rz-button-shadow);
  --rz-grid-apply-filter-button-background-color: var(--rz-primary);
  --rz-grid-apply-filter-button-color: var(--rz-on-primary);
  --rz-grid-apply-filter-button-shadow: var(--rz-button-shadow);
  --rz-notification-border-radius: calc(var(--rz-border-radius) * 2);
  --rz-input-focus-shadow: inset 0 0 0 2px var(--rz-primary-light);
  --rz-border-focus: var(--rz-border-width) solid var(--rz-primary-light);
  --rz-dialog-mask-zindex: 1046;
  --rz-dialog-zindex: 1047;
}

/* Radzen class definition overrides: */

.navbar {
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.35) .5px .5px 2.6px;
}

.fmx-logo {
  margin-left: 0.9rem;
}

.rz-button.rz-light {
  background-color: var(--rz-base-500);
}

.rz-pager-element:not(.rz-state-disabled):not(:active):focus-visible, .rz-button:not(.rz-state-disabled):not(:active):focus-visible {
  text-decoration: none;
  background-image: none;
  background-size: unset;
  box-shadow: none;
}

.rz-button.rz-variant-flat:focus-visible, .rz-dialog-confirm-buttons > .rz-button.rz-variant-filled {
  outline-offset: -2px;
}

button.rz-button.rz-variant-flat.rz-primary.rz-shade-default:not(.rz-state-disabled):hover {
  background-color: var(--rz-primary-darker);
}

.rz-button.rz-primary.rz-variant-flat:focus-visible {
  outline: var(--rz-outline-primary-light);
}

button.rz-button.rz-variant-flat.rz-secondary.rz-shade-default:not(.rz-state-disabled):hover {
  background-color: var(--rz-secondary-darker);
}

label.rz-button.rz-variant-flat.rz-secondary.rz-shade-default:hover {
  background-color: var(--rz-secondary-darker);
}

.rz-button.rz-secondary.rz-variant-flat:focus-visible {
  outline: var(--rz-outline-secondary-light);
}

button.rz-button.rz-variant-flat.rz-base.rz-shade-default:not(.rz-state-disabled):hover {
  background-color: var(--rz-base-darker);
  color: var(--rz-on-base-darker);
}

.rz-button.rz-base.rz-variant-flat:focus-visible {
  outline: var(--rz-outline-base-light);
}

button.rz-button.rz-variant-flat.rz-light.rz-shade-default:not(.rz-state-disabled):hover {
  background-color: var(--rz-base-dark);
  color: var(--rz-on-base-dark);
}

.rz-button.rz-light.rz-variant-flat:focus-visible {
  outline: var(--rz-outline-base-light);
}

.rz-link.focus-outline-light:focus-visible {
  outline: none;
}

.rz-link.focus-outline-light:focus-visible > .rz-button.rz-light.rz-variant-flat {
  outline: var(--rz-outline-base-light);
}

button.rz-button.rz-variant-flat.rz-info.rz-shade-default:not(.rz-state-disabled):hover {
  background-color: var(--rz-info-darker);
}

.rz-button.rz-info.rz-variant-flat:focus-visible {
  outline: var(--rz-outline-info-light);
}

button.rz-button.rz-variant-flat.rz-success.rz-shade-default:not(.rz-state-disabled):hover {
  background-color: var(--rz-success-darker);
}

.rz-button.rz-success.rz-variant-flat:focus-visible {
  outline: var(--rz-outline-success-light);
}

button.rz-button.rz-variant-flat.rz-warning.rz-shade-default:not(.rz-state-disabled):hover {
  background-color: var(--rz-warning-darker);
}

.rz-button.rz-warning.rz-variant-flat:focus-visible {
  outline: var(--rz-outline-warning-light);
}

button.rz-button.rz-variant-flat.rz-danger.rz-shade-default:not(.rz-state-disabled):hover {
  background-color: var(--rz-danger-darker);
}

.rz-button.rz-danger.rz-variant-flat:focus-visible {
  outline: var(--rz-outline-danger-light);
}

.rz-pager-element:focus, .rz-button:focus {
  outline: var(--rz-outline-normal);
}

.rz-pager-element:focus-visible, .rz-button:focus-visible, div > .rz-splitbutton:focus-visible {
  outline: var(--rz-outline-secondary-light);
}

div > .rz-splitbutton:focus-visible {
  border-radius: var(--rz-border-radius);
  outline: var(--rz-outline-secondary-light);
}

.rz-pager-element:focus-visible, .rz-button:focus-visible {
  outline: var(--rz-button-focus-outline);
}

.rz-datatable-loading-content .rzi-circle-o-notch:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f021";
}

/* Override values for Data Grid Filter buttons, which don't have a way to set them in code */
.rz-grid-filter-buttons > .rz-button.rz-variant-filled.rz-shade-default, .rz-dialog-confirm-buttons > .rz-button.rz-variant-filled.rz-shade-default {
  text-decoration: none;
  background-image: none;
  background-size: unset;
  box-shadow: none;
  padding-inline: var(--rz-grid-filter-button-padding-inline);
}

.rz-grid-filter-buttons > .rz-button.rz-variant-filled.rz-base, .rz-dialog-confirm-buttons > .rz-button.rz-variant-filled.rz-base {
  background-color: var(--rz-base-500);
  color: var(--rz-text-color);
}

.rz-grid-filter-buttons > .rz-button.rz-base.rz-shade-default:not(.rz-state-disabled):hover, .rz-dialog-confirm-buttons > .rz-button.rz-base.rz-shade-default:not(.rz-state-disabled):hover {
  background-color: var(--rz-base-dark);
  color: var(--rz-on-base-dark);
}

.rz-grid-filter-buttons .rz-button.rz-shade-default:hover, .rz-dialog-confirm-buttons > .rz-button.rz-shade-default:hover {
  box-shadow: none !important;
}

.rz-grid-filter-buttons > .rz-button.rz-base.rz-shade-default:focus-visible, .rz-dialog-confirm-buttons > .rz-button.rz-base.rz-shade-default:focus-visible {
  outline: var(--rz-outline-base-light);
}

.rz-grid-filter-buttons > .rz-button.rz-variant-filled.rz-primary, .rz-dialog-confirm-buttons > .rz-button.rz-variant-filled.rz-primary {
  background-color: var(--rz-secondary-dark);
  color: var(--rz-on-secondary-dark);
}

.rz-grid-filter-buttons > .rz-button.rz-primary.rz-shade-default:not(.rz-state-disabled):hover, .rz-dialog-confirm-buttons > .rz-button.rz-primary.rz-shade-default:not(.rz-state-disabled):hover {
  background-color: var(--rz-secondary-darker);
}

.rz-grid-filter-buttons > .rz-button.rz-primary.rz-shade-default:focus-visible, .rz-dialog-confirm-buttons > .rz-button.rz-primary.rz-shade-default:focus-visible {
  outline: var(--rz-outline-secondary-light);
}

/* Input Overrides */

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: var(--rz-primary-light);
  outline: 0;
  box-shadow: 0 0 0 2px var(--rz-primary-light);
}

/* Accordion Overrides */
.accordion-item:focus-visible {
  box-shadow: var(--rz-input-focus-shadow);
}

.accordion-item:nth-of-type(2) {
  border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:nth-of-type(2) .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:nth-last-of-type(2) {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:nth-last-of-type(2) .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-button:hover {
  background: var(--rz-primary-lighter);
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-btn-color);
  background-color: var(--bs-accordion-btn-bg);
}

.accordion-button::after {
  background-image: none;
  line-height: 1.5rem;
  content: "\f055";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--rz-primary);
}

.accordion-button:not(.collapsed)::after {
  background-image: none;
  line-height: 1.1rem;
  content: "\f056";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--rz-primary);
}

.module-group .fas {
  color: var(--rz-primary);
}

.module-group button .accordion-button::after {
  content: unset;
}

.module-group .accordion-button:not(.collapsed)::after {
  content: unset;
}

.rz-dialog-side-content {
  width: 100%;
}

.rz-notification-message p {
  padding-left: 1rem !important;
  margin-left: 1rem !important;
}

.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
  color: #000000;
}

.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
  color: #000000;
}

@media(max-width: 768px) {
  .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
    top: 100px !important;
  }
}

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
  content: "\00BB" !important;
  padding-bottom: 0.0625rem;
}

.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
  border-bottom: 2px solid var(--rz-primary);
}
.rz-tabview.rz-tabview-bottom > .rz-tabview-nav li {
  border-top: 2px solid transparent;
}
.rz-tabview.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected {
  border-top: 2px solid var(--rz-primary);
}
.rz-tabview.rz-tabview-left > .rz-tabview-nav li {
  border-right: 2px solid transparent;
}
.rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected {
  border-right: 2px solid var(--rz-primary);
}
.rz-tabview.rz-tabview-right > .rz-tabview-nav li {
  border-left: 2px solid transparent;
}
.rz-tabview.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected {
  border-left: 2px solid var(--rz-primary);
}
.rz-tabview.rz-tabview-top > .rz-tabview-panels {
  border-top: var(--rz-border-base-600);
}
.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled):after {
  background-color: var(--rz-tabs-tab-hover-background-color);
}
.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a {
  color: var(--rz-tabs-tab-hover-color);
}

.rz-button-text, .rz-tabview-title {
  text-transform: none;
}

.rz-date-filter-buttons .rz-button, .rz-button-md {
  padding: .625rem 1.5rem;
  min-height: 2.5rem;
  min-width: 2.5rem;
  letter-spacing: normal;
  text-transform: none;
}

.rz-paginator.rz-density-compact .rz-paginator-element, .rz-fileupload .rz-button, .rz-button-sm {
  padding: .375rem 1rem;
  letter-spacing: normal;
  text-transform: none;
}

.rz-notification-item-wrapper {
  border-radius: var(--rz-notification-border-radius);
}

.rz-grid-filter-buttons .rz-button.rz-shade-default.rz-clear-filter:hover {
  box-shadow: var(--rz-button-hover-shadow);
}

.rz-grid-filter-buttons .rz-button.rz-shade-default.rz-apply-filter:hover {
  box-shadow: var(--rz-button-hover-shadow);
}

/* Custom selectors that have not already been established by the material-base.css theme: */

.container.mt-5 .rz-data-grid {
  border-bottom-left-radius: var(--bs-border-radius);
  border-bottom-right-radius: var(--bs-border-radius);
}

.dropdown-menu .dropdown-item:active {
  background-color: var(--rz-primary-light) !important;
}

.dropdown-item {
  text-decoration: none !important;
}

.rz-menuitem {
  background-color: #fff;
}

.rz-menuitem:hover {
  background-color: #e9ecef;
}

div.rz-dialog {
  border-radius: var(--bs-border-radius-lg);
}

.rz-dialog-confirm-buttons > button.rz-secondary {
  background-color: var(--rz-base-500) !important;
  color: var(--rz-text-color) !important;
}

.rz-badge-primary.rz-shade-default {
  background-color: #0062FF;
}

.tooltip-map-name {
  margin-left: 35px;
}

/* We do not support Alpha values at this point, so hide them in the color picker */
.rz-color-box:last-child {
  display: none !important;
}

.rz-hue-and-alpha > .rz-alpha-picker {
  display: none !important;
}

.rz-hue-and-alpha {
  margin-top: auto!important;
  margin-bottom: auto!important;
}

@media all and (max-height: 820px) {
  .rz-dialog {
    margin-top: 10px;
  }
}

@media all and (max-height: 800px) {
  .rz-dialog {
    margin-top: 30px;
  }
}

/* Handle cases where the dialog content is taller than the screen size */
.rz-dialog-wrapper {
  margin-top: 32px;
}

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

@media not print {
  #custom-field-order-form {
    height: 100%;
    max-height: calc(100% - 56px);
  }

  @media (max-height: 800px) {
    .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
      top: 10px !important;
    }

    #custom-field-order-form {
      height: 100%;
      max-height: calc(100% - 54px);
    }
  }

  @media(max-width: 768px) {
    .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
      top: 40px !important;
    }

    #custom-field-order-form {
      height: 100%;
      max-height: calc(100% - 100px);
    }

    @media (max-height: 800px) {
      .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
        top: 10px !important;
      }
    }

    @media (max-height: 700px) {
      #custom-field-order-form {
        height: 100%;
        max-height: calc(100% - 130px);
      }
    }
  }
}