@import url(https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans&display=swap);
.gal-hexa-loader{position:absolute;margin:50px auto;left:53.5%;top:42%;scale:0.3;transform:rotate(30deg)}.slice{position:absolute;top:50%;left:50%;border:100px solid transparent;border-left-width:58px;border-right-width:58px;border-top-color:#42d2b0;transform:translate(-50%, -50%)}.slice:nth-child(1){border-top-color:#42d2b0;transform:translate(-50%, -50%) rotate(0deg) scale(0);animation:sparkleLoad-1 2s 0.07s infinite}.slice:nth-child(2){border-top-color:#42d2c8;transform:translate(-50%, -50%) rotate(60deg) scale(0);animation:sparkleLoad-2 2s 0.14s infinite}.slice:nth-child(3){border-top-color:#42c4d2;transform:translate(-50%, -50%) rotate(120deg) scale(0);animation:sparkleLoad-3 2s 0.21s infinite}.slice:nth-child(4){border-top-color:#42acd2;transform:translate(-50%, -50%) rotate(180deg) scale(0);animation:sparkleLoad-4 2s 0.28s infinite}.slice:nth-child(5){border-top-color:#4294d2;transform:translate(-50%, -50%) rotate(240deg) scale(0);animation:sparkleLoad-5 2s 0.35s infinite}.slice:nth-child(6){border-top-color:#427cd2;transform:translate(-50%, -50%) rotate(300deg) scale(0);animation:sparkleLoad-6 2s 0.42s infinite}.slice:nth-child(1){border-top-color:#4370b7}.slice:nth-child(2){border-top-color:#99cf91}.slice:nth-child(3){border-top-color:#6d8490}.slice:nth-child(4){border-top-color:#c3dbf0}.slice:nth-child(5){border-top-color:#a8d1f3}.slice:nth-child(6){border-top-color:#71a8de}@keyframes sparkleLoad-1{0%{opacity:0;transform:translate(-50%, -50%) rotate(0deg) scale(0)}25%,75%{opacity:1;transform:translate(-50%, -50%) rotate(0deg) scale(1)}100%{opacity:0;transform:translate(-50%, -50%) rotate(0deg) scale(0)}}@keyframes sparkleLoad-2{0%{opacity:0;transform:translate(-50%, -50%) rotate(60deg) scale(0)}25%,75%{opacity:1;transform:translate(-50%, -50%) rotate(60deg) scale(1)}100%{opacity:0;transform:translate(-50%, -50%) rotate(60deg) scale(0)}}@keyframes sparkleLoad-3{0%{opacity:0;transform:translate(-50%, -50%) rotate(120deg) scale(0)}25%,75%{opacity:1;transform:translate(-50%, -50%) rotate(120deg) scale(1)}100%{opacity:0;transform:translate(-50%, -50%) rotate(120deg) scale(0)}}@keyframes sparkleLoad-4{0%{opacity:0;transform:translate(-50%, -50%) rotate(180deg) scale(0)}25%,75%{opacity:1;transform:translate(-50%, -50%) rotate(180deg) scale(1)}100%{opacity:0;transform:translate(-50%, -50%) rotate(180deg) scale(0)}}@keyframes sparkleLoad-5{0%{opacity:0;transform:translate(-50%, -50%) rotate(240deg) scale(0)}25%,75%{opacity:1;transform:translate(-50%, -50%) rotate(240deg) scale(1)}100%{opacity:0;transform:translate(-50%, -50%) rotate(240deg) scale(0)}}@keyframes sparkleLoad-6{0%{opacity:0;transform:translate(-50%, -50%) rotate(300deg) scale(0)}25%,75%{opacity:1;transform:translate(-50%, -50%) rotate(300deg) scale(1)}100%{opacity:0;transform:translate(-50%, -50%) rotate(300deg) scale(0)}}.notified-feature{animation:blink-feature 2s 0.21s infinite}.notified-feature-show{opacity:1}@keyframes blink-feature{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.DraftEditor-editorContainer {
  width: inherit !important; }

.labelStyling{font-family:"Muli", "Roboto", sans-serif !important;color:rgba(0,0,0,0.44)}.date-error .MuiFormLabel-root,.date-error .MuiFormLabel-root span,.date-error .MuiFormHelperText-root{color:#f44336}

.label-style{margin-right:10px;font-size:0.875em}

@keyframes gal-kathy-sparkle-pulse{0%,100%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:0.75;transform:scale(1.12) rotate(8deg)}}@keyframes gal-kathy-typing-dot{0%,80%,100%{transform:translateY(0);opacity:0.45}40%{transform:translateY(-6px);opacity:1}}@keyframes gal-kathy-fade-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gal-ai-assistant{display:flex;flex-direction:column;height:100%;font-family:"Roboto", "Helvetica Neue", Arial, sans-serif;color:#1a2b3c;background:#f0f4f9}.gal-ai-assistant,.gal-ai-assistant *{box-sizing:border-box}.gal-ai-assistant__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg, #4a8cc9 0%, #2d5fa0 100%);color:#fff;flex-shrink:0;gap:12px}.gal-ai-assistant__header-left{display:flex;align-items:center;gap:14px;min-width:0}.gal-ai-assistant__header-icon-wrap{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,0.16);flex-shrink:0;border:1px solid rgba(255,255,255,0.22)}.gal-ai-assistant__sparkle-icon{animation:gal-kathy-sparkle-pulse 3s ease-in-out infinite}.gal-ai-assistant__title{font-size:18px;font-weight:700;line-height:1.2;letter-spacing:-0.01em}.gal-ai-assistant__subtitle{font-size:11.5px;opacity:0.75;margin-top:2px;letter-spacing:0.01em}.gal-ai-assistant__header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.gal-ai-assistant__hdr-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:rgba(255,255,255,0.14);color:#fff;border:1px solid rgba(255,255,255,0.25);border-radius:9px;cursor:pointer;transition:background 0.12s, transform 0.12s, opacity 0.12s}.gal-ai-assistant__hdr-btn:disabled{opacity:0.3;cursor:not-allowed;transform:none !important}.gal-ai-assistant__hdr-btn:not(:disabled):hover{background:rgba(255,255,255,0.24);transform:translateY(-1px)}.gal-ai-assistant__hdr-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:rgba(255,255,255,0.14);border:none;color:#fff;border-radius:50%;cursor:pointer;margin-left:2px;transition:background 0.12s}.gal-ai-assistant__hdr-close:hover{background:rgba(255,255,255,0.28)}.gal-ai-assistant__messages{flex:1;min-height:0;padding:20px 20px 12px;overflow-y:auto;background:#f0f4f9;scroll-behavior:smooth}.gal-ai-assistant__messages::-webkit-scrollbar{width:5px}.gal-ai-assistant__messages::-webkit-scrollbar-track{background:transparent}.gal-ai-assistant__messages::-webkit-scrollbar-thumb{background:#c4cedb;border-radius:4px}.gal-ai-assistant__empty-state{display:flex;flex-direction:column;align-items:center;padding:32px 16px 20px;text-align:center;animation:gal-kathy-fade-up 0.35s ease both}.gal-ai-assistant__empty-icon{position:relative;width:72px;height:72px;border-radius:50%;overflow:visible;margin-bottom:18px;box-shadow:0 8px 24px rgba(58,110,170,0.24)}.gal-ai-assistant__empty-avatar-image{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff}.gal-ai-assistant__online-indicator{position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-shadow:0 0 0 2px rgba(34,197,94,0.2)}.gal-ai-assistant__empty-heading{font-size:20px;font-weight:700;color:#1a2b3c;margin-bottom:8px}.gal-ai-assistant__empty-sub{font-size:13.5px;color:#6b7e8f;line-height:1.6;max-width:320px;margin-bottom:28px}.gal-ai-assistant__suggestions-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#6b7e8f;margin-bottom:12px;align-self:flex-start;width:100%;text-align:left}.gal-ai-assistant__suggestions{display:flex;flex-direction:column;gap:10px;width:100%}.gal-ai-assistant__suggestion-card{display:flex;align-items:flex-start;gap:10px;width:100%;background:#fff;border:1.5px solid #dde5ef;border-radius:12px;padding:13px 15px;text-align:left;font-size:13.5px;line-height:1.5;color:#1a2b3c;cursor:pointer;transition:border-color 0.15s, box-shadow 0.15s, transform 0.15s;box-shadow:0 1px 4px rgba(0,0,0,0.05)}.gal-ai-assistant__suggestion-card:hover{border-color:#5b9bd5;box-shadow:0 4px 14px rgba(91,155,213,0.2);transform:translateY(-1px)}.gal-ai-assistant__suggestion-star{flex-shrink:0;margin-top:2px;color:#5b9bd5;opacity:0.8}.gal-ai-assistant__message{display:flex;align-items:flex-end;gap:8px;margin-bottom:14px;min-width:0;animation:gal-kathy-fade-up 0.2s ease both}.gal-ai-assistant__message--user{justify-content:flex-end}.gal-ai-assistant__message--assistant{justify-content:flex-start}.gal-ai-assistant__avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg, #4a8cc9, #2d5fa0);color:#fff;flex-shrink:0;margin-bottom:2px}.gal-ai-assistant__bubble{max-width:82%;min-width:0;padding:11px 15px;border-radius:16px;font-size:13.5px;line-height:1.6;overflow-wrap:break-word;word-break:break-word;background:#fff;color:#1a2b3c;box-shadow:0 2px 8px rgba(0,0,0,0.07)}.gal-ai-assistant__bubble--typing{display:flex;align-items:center;gap:5px;padding:14px 18px;min-width:64px}.gal-ai-assistant__message--assistant .gal-ai-assistant__bubble{border-bottom-left-radius:4px}.gal-ai-assistant__message--user .gal-ai-assistant__bubble{background:linear-gradient(135deg, #5b9bd5, #3a6eaa);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 10px rgba(58,110,170,0.25)}.gal-ai-assistant__text strong{font-weight:700}.gal-ai-assistant__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8cbce8}.gal-ai-assistant__dot:nth-child(1){animation:gal-kathy-typing-dot 1.2s ease-in-out infinite}.gal-ai-assistant__dot:nth-child(2){animation:gal-kathy-typing-dot 1.2s ease-in-out 0.2s infinite}.gal-ai-assistant__dot:nth-child(3){animation:gal-kathy-typing-dot 1.2s ease-in-out 0.4s infinite}.gal-ai-assistant__form{border-top:1px solid #dde5ef;padding:14px 16px 12px;background:#fff;flex-shrink:0}.gal-ai-assistant__input-wrap{display:flex;gap:10px;align-items:flex-end}.gal-ai-assistant__input{flex:1;resize:none;border:1.5px solid #dde5ef;border-radius:12px;padding:11px 14px;font-size:13.5px;line-height:1.55;outline:none;font-family:inherit;color:#1a2b3c;background:#f0f4f9;transition:border-color 0.15s, box-shadow 0.15s}.gal-ai-assistant__input:focus{border-color:#5b9bd5;box-shadow:0 0 0 3px rgba(91,155,213,0.18);background:#fff}.gal-ai-assistant__input::placeholder{color:#aab5c0}.gal-ai-assistant__input:disabled{opacity:0.6;cursor:not-allowed}.gal-ai-assistant__send-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:none;border-radius:12px;background:linear-gradient(135deg, #5b9bd5, #3a6eaa);color:#fff;cursor:pointer;transition:opacity 0.12s, transform 0.12s, box-shadow 0.12s;box-shadow:0 3px 10px rgba(58,110,170,0.3)}.gal-ai-assistant__send-btn:disabled{opacity:0.35;cursor:not-allowed;transform:none !important;box-shadow:none}.gal-ai-assistant__send-btn:not(:disabled):hover{opacity:0.88;transform:translateY(-1px);box-shadow:0 5px 14px rgba(58,110,170,0.38)}.gal-ai-assistant__form-hint{margin-top:8px;font-size:11px;color:#6b7e8f}.gal-ai-assistant__form-hint kbd{display:inline-block;padding:1px 5px;border:1px solid #c8d4df;border-radius:4px;font-size:10px;background:#f4f7fb;font-family:inherit;line-height:1.5}.gal-ai-assistant__form-hint--error{color:#c0392b}

.beta-features-drawer{width:400px !important;background-color:#f8f9fa}.beta-features-drawer .beta-features-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#697c88 !important;color:white}.beta-features-drawer .beta-features-header .beta-features-title{display:flex;align-items:center;gap:8px}.beta-features-drawer .beta-features-header .beta-features-title .beta-icon{font-size:24px;color:white}.beta-features-drawer .beta-features-header .beta-features-title .title-text{font-weight:600;color:white}.beta-features-drawer .beta-features-header .close-button{color:white}.beta-features-drawer .beta-features-header .close-button:hover{background-color:rgba(255,255,255,0.1)}.beta-features-drawer .beta-features-content{padding:20px;height:100%;overflow-y:auto}.beta-features-drawer .beta-features-content .section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.beta-features-drawer .beta-features-content .section-header .section-icon{color:#1976d2;font-size:20px}.beta-features-drawer .beta-features-content .section-header .section-title{font-weight:600;color:#333}.beta-features-drawer .beta-features-content .section-description{color:#666;margin-bottom:16px;font-size:14px}.beta-features-drawer .beta-features-content .table-keys-section{margin-bottom:24px}.beta-features-drawer .beta-features-content .table-keys-section .table-keys-list{padding:0}.beta-features-drawer .beta-features-content .table-keys-section .table-keys-list .table-key-item{padding:12px 0;border-bottom:1px solid #e0e0e0}.beta-features-drawer .beta-features-content .table-keys-section .table-keys-list .table-key-item:last-child{border-bottom:none}.beta-features-drawer .beta-features-content .table-keys-section .table-keys-list .table-key-item .table-icon{color:#666;font-size:18px}.beta-features-drawer .beta-features-content .table-keys-section .table-keys-list .table-key-item .table-key-text{flex:1}.beta-features-drawer .beta-features-content .table-keys-section .table-keys-list .table-key-item .table-key-text .MuiListItemText-primary{font-weight:500;color:#333;font-size:14px}.beta-features-drawer .beta-features-content .table-keys-section .table-keys-list .table-key-item .table-key-text .MuiListItemText-secondary{color:#666;font-size:12px;margin-top:4px}.beta-features-drawer .beta-features-content .table-keys-section .table-keys-list .table-key-item .table-key-switch{margin:0}.beta-features-drawer .beta-features-content .table-keys-section .table-keys-list .table-key-item .table-key-switch .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked{color:#1976d2}.beta-features-drawer .beta-features-content .table-keys-section .table-keys-list .table-key-item .table-key-switch .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#1976d2}.beta-features-drawer .beta-features-content .section-divider{margin:24px 0}.beta-features-drawer .beta-features-content .access-info{background-color:#e3f2fd;padding:16px;border-radius:8px;border-left:4px solid #1976d2}.beta-features-drawer .beta-features-content .access-info .access-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.beta-features-drawer .beta-features-content .access-info .access-header .access-icon{color:#1976d2;font-size:18px}.beta-features-drawer .beta-features-content .access-info .access-header .access-title{font-weight:600;color:#1976d2}.beta-features-drawer .beta-features-content .access-info .access-text{color:#333;margin-bottom:12px;font-size:14px}.beta-features-drawer .beta-features-content .access-info .access-text strong{color:#1976d2}.beta-features-drawer .beta-features-content .access-info .beta-user-chip{background-color:#1976d2;color:white;font-weight:500}@media (max-width: 768px){.beta-features-drawer{width:100% !important}}@media (prefers-color-scheme: dark){.beta-features-drawer{background-color:#1a1a1a}.beta-features-drawer .beta-features-content .section-title{color:#fff}.beta-features-drawer .beta-features-content .section-description{color:#ccc}.beta-features-drawer .beta-features-content .table-keys-list .table-key-item{border-bottom-color:#333}.beta-features-drawer .beta-features-content .table-keys-list .table-key-item .table-key-text .MuiListItemText-primary{color:#fff}.beta-features-drawer .beta-features-content .table-keys-list .table-key-item .table-key-text .MuiListItemText-secondary{color:#ccc}.beta-features-drawer .beta-features-content .access-info{background-color:#2d3748;border-left-color:#4299e1}.beta-features-drawer .beta-features-content .access-info .access-title{color:#4299e1}.beta-features-drawer .beta-features-content .access-info .access-text{color:#fff}.beta-features-drawer .beta-features-content .access-info .access-text strong{color:#4299e1}}

.status-message-connection-not-ok {
  color: red; }

.status-message-connection-not-ok:before {
  content: "\A";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #b83b3b;
  display: inline-block;
  margin-right: 8px; }

.status-message-connection-ok {
  color: grey; }

.status-message-connection-ok:before {
  content: "\A";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: green;
  display: inline-block;
  margin-right: 8px; }

.banner-chip-1 {
  background-color: #697c88 !important; }
  .banner-chip-1 .MuiChip-label {
    color: white !important; }

.banner-chip-2 {
  background-color: orange !important; }
  .banner-chip-2 .MuiChip-label {
    color: white !important; }

@keyframes ai-spark-twinkle {
  0%, 100% {
    transform: scale(1);
    opacity: 1; }
  50% {
    transform: scale(1.5);
    opacity: 0.7; } }

.ai-spark-small {
  transform-box: fill-box;
  transform-origin: center;
  animation: ai-spark-twinkle 1.8s ease-in-out infinite; }

.ai-spark-large {
  transform-box: fill-box;
  transform-origin: center;
  animation: ai-spark-twinkle 1.8s ease-in-out infinite 0.9s; }

.idui-popover {
  padding: 0px !important; }
  .idui-popover .MuiCardHeader-root {
    width: 100% !important;
    padding: 0px !important; }

.pin-icon{transform:rotate(45deg) !important;font-size:20px;padding:2px;cursor:pointer;vertical-align:middle}

.outerDiv {
  display: flex;
  align-items: center;
  background: #499ae9;
  margin: 6px 24px 6px 64px;
  border-radius: 3px;
  height: 44px; }
  .outerDiv i.material-icons {
    color: rgba(255, 255, 255, 0.7);
    margin-right: 30px;
    margin-left: 30px; }

input::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

footer span {
  text-align: right; }

footer .mdc-toolbar__section--align-start span {
  padding-left: 24px; }

footer .mdc-toolbar__section--align-end span {
  padding-right: 24px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  footer span {
    padding-top: 10px; } }

/*!
 Material Components for the web
 Copyright (c) 2017 Google Inc.
 License: Apache-2.0
*/
/**
 * The css property used for elevation. In most cases this should not be changed. It is exposed
 * as a variable for abstraction / easy use when needing to reference the property directly, for
 * example in a `will-change` rule.
 */
/**
 * The default duration value for elevation transitions.
 */
/**
 * The default easing value for elevation transitions.
 */
/**
 * Applies the correct css rules to an element to give it the elevation specified by $z-value.
 * The $z-value must be between 0 and 24.
 */
/**
 * Returns a string that can be used as the value for a `transition` property for elevation.
 * Calling this function directly is useful in situations where a component needs to transition
 * more than one property.
 *
 * ```scss
 * .foo {
 *   transition: mdc-elevation-transition-rule(), opacity 100ms ease;
 *   will-change: $mdc-elevation-property, opacity;
 * }
 * ```
 */
/**
 * Applies the correct css rules needed to have an element transition between elevations.
 * This mixin should be applied to elements whose elevation values will change depending on their
 * context (e.g. when active or disabled).
 */
/** MDC Ripple keyframes are split into their own file so that _mixins.scss can rely on them. */
@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }
@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }

@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 1; }
  to {
    opacity: 0; } }

.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden; }
  .mdc-ripple-surface--test-edge-var-bug::before {
    border: var(--mdc-ripple-surface-test-edge-var); }

/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
.mdc-button {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2.25rem;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 88px;
  height: 36px;
  padding: 0 16px;
  border: none;
  outline: none;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 2px; }
  .mdc-button:active {
    outline: none; }
  .mdc-button:hover {
    cursor: pointer; }
  .mdc-button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .mdc-button:disabled {
    background-color: transparent;
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
    cursor: default;
    pointer-events: none; }
    .mdc-button--theme-dark .mdc-button:disabled,
    .mdc-theme--dark .mdc-button:disabled {
      /* @alternate */
      color: rgba(255, 255, 255, 0.5);
      color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)); }
  .mdc-button:not(:disabled) {
    background-color: transparent; }
  .mdc-button:not(:disabled) {
    /* @alternate */
    color: #3f51b5;
    color: var(--mdc-theme-primary, #3f51b5); }
  .mdc-button:not(:disabled) {
    --mdc-ripple-surface-width: 0;
    --mdc-ripple-surface-height: 0;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    will-change: transform, opacity;
    -webkit-tap-highlight-color: transparent; }
    .mdc-button:not(:disabled):not(.mdc-ripple-upgraded):hover::before, .mdc-button:not(:disabled):not(.mdc-ripple-upgraded):focus::before, .mdc-button:not(:disabled):not(.mdc-ripple-upgraded):active::after {
      -webkit-transition-duration: 85ms;
              transition-duration: 85ms;
      opacity: .6; }
    .mdc-button:not(:disabled)::before {
      /* @alternate */
      background-color: rgba(63, 81, 181, 0.16);
      position: absolute;
      top: calc(50% - 100%);
      left: calc(50% - 100%);
      width: 200%;
      height: 200%;
      -webkit-transition: opacity 250ms linear;
      transition: opacity 250ms linear;
      border-radius: 50%;
      opacity: 0;
      pointer-events: none;
      content: ""; }
      @supports (background-color: color(green a(10%))) {
        .mdc-button:not(:disabled)::before {
          background-color: color(var(--mdc-theme-primary, #3f51b5) a(16%)); } }
    .mdc-button:not(:disabled).mdc-ripple-upgraded::before {
      top: calc(50% - 100%);
      left: calc(50% - 100%);
      width: 200%;
      height: 200%;
      /* @alternate */
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
              transform: scale(var(--mdc-ripple-fg-scale, 0)); }
    .mdc-button:not(:disabled).mdc-ripple-upgraded--background-focused::before {
      opacity: .99999; }
    .mdc-button:not(:disabled).mdc-ripple-upgraded--background-active-fill::before {
      -webkit-transition-duration: 120ms;
              transition-duration: 120ms;
      opacity: 1; }
    .mdc-button:not(:disabled).mdc-ripple-upgraded--unbounded::before {
      /* @alternate */
      top: calc(50% - 50%);
      top: var(--mdc-ripple-top, calc(50% - 50%));
      /* @alternate */
      left: calc(50% - 50%);
      left: var(--mdc-ripple-left, calc(50% - 50%));
      /* @alternate */
      width: 100%;
      width: var(--mdc-ripple-fg-size, 100%);
      /* @alternate */
      height: 100%;
      height: var(--mdc-ripple-fg-size, 100%);
      /* @alternate */
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
              transform: scale(var(--mdc-ripple-fg-scale, 0)); }
    .mdc-button:not(:disabled)::after {
      /* @alternate */
      background-color: rgba(63, 81, 181, 0.16);
      position: absolute;
      top: calc(50% - 100%);
      left: calc(50% - 100%);
      width: 200%;
      height: 200%;
      -webkit-transition: opacity 250ms linear;
      transition: opacity 250ms linear;
      border-radius: 50%;
      opacity: 0;
      pointer-events: none;
      content: ""; }
      @supports (background-color: color(green a(10%))) {
        .mdc-button:not(:disabled)::after {
          background-color: color(var(--mdc-theme-primary, #3f51b5) a(16%)); } }
    .mdc-button:not(:disabled).mdc-ripple-upgraded::after {
      top: 0;
      left: 0;
      /* @alternate */
      width: 100%;
      width: var(--mdc-ripple-fg-size, 100%);
      /* @alternate */
      height: 100%;
      height: var(--mdc-ripple-fg-size, 100%);
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      opacity: 0; }
    .mdc-button:not(:disabled):not(.mdc-ripple-upgraded--unbounded)::after {
      -webkit-transform-origin: center center;
              transform-origin: center center; }
    .mdc-button:not(:disabled).mdc-ripple-upgraded--unbounded::after {
      /* @alternate */
      top: 0;
      top: var(--mdc-ripple-top, 0);
      /* @alternate */
      left: 0;
      left: var(--mdc-ripple-left, 0);
      /* @alternate */
      width: 100%;
      width: var(--mdc-ripple-fg-size, 100%);
      /* @alternate */
      height: 100%;
      height: var(--mdc-ripple-fg-size, 100%);
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform-origin: center center;
              transform-origin: center center; }
    .mdc-button:not(:disabled).mdc-ripple-upgraded--foreground-activation::after {
      -webkit-animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards;
              animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards; }
    .mdc-button:not(:disabled).mdc-ripple-upgraded--foreground-deactivation::after {
      -webkit-animation: 83ms mdc-ripple-fg-opacity-out;
              animation: 83ms mdc-ripple-fg-opacity-out;
      -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
              transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }

.mdc-button--raised:disabled,
.mdc-button--unelevated:disabled {
  background-color: rgba(0, 0, 0, 0.12);
  /* @alternate */
  color: rgba(0, 0, 0, 0.38);
  color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); }
  .mdc-button--theme-dark .mdc-button--raised:disabled,
  .mdc-theme--dark .mdc-button--raised:disabled, .mdc-button--theme-dark
  .mdc-button--unelevated:disabled,
  .mdc-theme--dark
  .mdc-button--unelevated:disabled {
    background-color: rgba(255, 255, 255, 0.12);
    /* @alternate */
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); }

.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  /* @alternate */
  background-color: #3f51b5; }
  @supports not (-ms-ime-align: auto) {
    .mdc-button--raised:not(:disabled),
    .mdc-button--unelevated:not(:disabled) {
      background-color: var(--mdc-theme-primary, #3f51b5); } }

.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  /* @alternate */
  color: white;
  color: var(--mdc-theme-text-primary-on-primary, white); }

.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  --mdc-ripple-surface-width: 0;
  --mdc-ripple-surface-height: 0;
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  will-change: transform, opacity;
  -webkit-tap-highlight-color: transparent; }
  .mdc-button--raised:not(:disabled):not(.mdc-ripple-upgraded):hover::before, .mdc-button--raised:not(:disabled):not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised:not(:disabled):not(.mdc-ripple-upgraded):active::after,
  .mdc-button--unelevated:not(:disabled):not(.mdc-ripple-upgraded):hover::before,
  .mdc-button--unelevated:not(:disabled):not(.mdc-ripple-upgraded):focus::before,
  .mdc-button--unelevated:not(:disabled):not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 85ms;
            transition-duration: 85ms;
    opacity: .6; }
  .mdc-button--raised:not(:disabled)::before,
  .mdc-button--unelevated:not(:disabled)::before {
    /* @alternate */
    background-color: rgba(255, 255, 255, 0.32);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""; }
    @supports (background-color: color(green a(10%))) {
      .mdc-button--raised:not(:disabled)::before,
      .mdc-button--unelevated:not(:disabled)::before {
        background-color: color(var(--mdc-theme-text-primary-on-primary, white) a(32%)); } }
  .mdc-button--raised:not(:disabled).mdc-ripple-upgraded::before,
  .mdc-button--unelevated:not(:disabled).mdc-ripple-upgraded::before {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    /* @alternate */
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
            transform: scale(var(--mdc-ripple-fg-scale, 0)); }
  .mdc-button--raised:not(:disabled).mdc-ripple-upgraded--background-focused::before,
  .mdc-button--unelevated:not(:disabled).mdc-ripple-upgraded--background-focused::before {
    opacity: .99999; }
  .mdc-button--raised:not(:disabled).mdc-ripple-upgraded--background-active-fill::before,
  .mdc-button--unelevated:not(:disabled).mdc-ripple-upgraded--background-active-fill::before {
    -webkit-transition-duration: 120ms;
            transition-duration: 120ms;
    opacity: 1; }
  .mdc-button--raised:not(:disabled).mdc-ripple-upgraded--unbounded::before,
  .mdc-button--unelevated:not(:disabled).mdc-ripple-upgraded--unbounded::before {
    /* @alternate */
    top: calc(50% - 50%);
    top: var(--mdc-ripple-top, calc(50% - 50%));
    /* @alternate */
    left: calc(50% - 50%);
    left: var(--mdc-ripple-left, calc(50% - 50%));
    /* @alternate */
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
            transform: scale(var(--mdc-ripple-fg-scale, 0)); }
  .mdc-button--raised:not(:disabled)::after,
  .mdc-button--unelevated:not(:disabled)::after {
    /* @alternate */
    background-color: rgba(255, 255, 255, 0.32);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""; }
    @supports (background-color: color(green a(10%))) {
      .mdc-button--raised:not(:disabled)::after,
      .mdc-button--unelevated:not(:disabled)::after {
        background-color: color(var(--mdc-theme-text-primary-on-primary, white) a(32%)); } }
  .mdc-button--raised:not(:disabled).mdc-ripple-upgraded::after,
  .mdc-button--unelevated:not(:disabled).mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    /* @alternate */
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%);
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0; }
  .mdc-button--raised:not(:disabled):not(.mdc-ripple-upgraded--unbounded)::after,
  .mdc-button--unelevated:not(:disabled):not(.mdc-ripple-upgraded--unbounded)::after {
    -webkit-transform-origin: center center;
            transform-origin: center center; }
  .mdc-button--raised:not(:disabled).mdc-ripple-upgraded--unbounded::after,
  .mdc-button--unelevated:not(:disabled).mdc-ripple-upgraded--unbounded::after {
    /* @alternate */
    top: 0;
    top: var(--mdc-ripple-top, 0);
    /* @alternate */
    left: 0;
    left: var(--mdc-ripple-left, 0);
    /* @alternate */
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%);
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: center center;
            transform-origin: center center; }
  .mdc-button--raised:not(:disabled).mdc-ripple-upgraded--foreground-activation::after,
  .mdc-button--unelevated:not(:disabled).mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards;
            animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards; }
  .mdc-button--raised:not(:disabled).mdc-ripple-upgraded--foreground-deactivation::after,
  .mdc-button--unelevated:not(:disabled).mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: 83ms mdc-ripple-fg-opacity-out;
            animation: 83ms mdc-ripple-fg-opacity-out;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }

.mdc-button--raised {
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow; }
  .mdc-button--raised:hover, .mdc-button--raised:focus {
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  .mdc-button--raised:active {
    -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
  .mdc-button--raised:disabled {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mdc-button--stroked {
  border-style: solid;
  border-width: 2px;
  line-height: 32px; }
  .mdc-button--stroked:disabled {
    /* @alternate */
    border-color: rgba(0, 0, 0, 0.38);
    border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); }
    .mdc-button--theme-dark .mdc-button--stroked:disabled,
    .mdc-theme--dark .mdc-button--stroked:disabled {
      /* @alternate */
      border-color: rgba(255, 255, 255, 0.5);
      border-color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)); }
  .mdc-button--stroked.mdc-button--dense {
    line-height: 27px; }
  .mdc-button--stroked:not(:disabled) {
    /* @alternate */
    border-color: #3f51b5;
    border-color: var(--mdc-theme-primary, #3f51b5); }

.mdc-button--compact {
  padding: 0 8px; }

.mdc-button--dense {
  height: 32px;
  font-size: .8125rem;
  line-height: 32px; }

.mdc-button__icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  font-size: 18px;
  line-height: inherit;
  vertical-align: top; }

/*!
 Material Components for the web
 Copyright (c) 2017 Google Inc.
 License: Apache-2.0
*/
/**
 * The css property used for elevation. In most cases this should not be changed. It is exposed
 * as a variable for abstraction / easy use when needing to reference the property directly, for
 * example in a `will-change` rule.
 */
/**
 * The default duration value for elevation transitions.
 */
/**
 * The default easing value for elevation transitions.
 */
/**
 * Applies the correct css rules to an element to give it the elevation specified by $z-value.
 * The $z-value must be between 0 and 24.
 */
/**
 * Returns a string that can be used as the value for a `transition` property for elevation.
 * Calling this function directly is useful in situations where a component needs to transition
 * more than one property.
 *
 * ```scss
 * .foo {
 *   transition: mdc-elevation-transition-rule(), opacity 100ms ease;
 *   will-change: $mdc-elevation-property, opacity;
 * }
 * ```
 */
/**
 * Applies the correct css rules needed to have an element transition between elevations.
 * This mixin should be applied to elements whose elevation values will change depending on their
 * context (e.g. when active or disabled).
 */
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
.mdc-card {
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  border-radius: 2px;
  overflow: hidden; }
  .mdc-card__primary {
    padding: 16px; }
    .mdc-card__primary .mdc-card__title--large {
      padding-top: 8px; }
    .mdc-card__primary:last-child {
      padding-bottom: 24px; }
  .mdc-card__supporting-text {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform: inherit;
    /* @alternate */
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 8px 16px; }
    .mdc-card--theme-dark .mdc-card__supporting-text,
    .mdc-theme--dark .mdc-card__supporting-text {
      /* @alternate */
      color: white;
      color: var(--mdc-theme-text-primary-on-dark, white); }
    .mdc-card__primary + .mdc-card__supporting-text {
      margin-top: -8px;
      padding-top: 0; }
    .mdc-card__supporting-text:last-child {
      padding-bottom: 24px; }
  .mdc-card__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 8px; }
    .mdc-card--theme-dark .mdc-card__actions,
    .mdc-theme--dark .mdc-card__actions {
      /* @alternate */
      color: white;
      color: var(--mdc-theme-text-primary-on-dark, white); }
    .mdc-card__actions .mdc-card__action {
      margin: 0 8px 0 0; }
      [dir="rtl"] .mdc-card__actions .mdc-card__action, .mdc-card__actions .mdc-card__action[dir="rtl"] {
        margin: 0 0 0 8px; }
    .mdc-card__actions .mdc-card__action:last-child {
      margin-left: 0;
      margin-right: 0; }
      [dir="rtl"] .mdc-card__actions .mdc-card__action:last-child, .mdc-card__actions .mdc-card__action:last-child[dir="rtl"] {
        margin-left: 0;
        margin-right: 0; }
    .mdc-card__actions--vertical {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .mdc-card__actions--vertical .mdc-card__action {
        margin: 0 0 4px; }
      .mdc-card__actions--vertical .mdc-card__action:last-child {
        margin-bottom: 0; }
  .mdc-card__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px; }
  .mdc-card__media-item {
    display: inline-block;
    width: auto;
    height: 80px;
    margin: 16px 0 0;
    padding: 0; }
    .mdc-card__media-item--1dot5x {
      width: auto;
      height: 120px; }
    .mdc-card__media-item--2x {
      width: auto;
      height: 160px; }
    .mdc-card__media-item--3x {
      width: auto;
      height: 240px; }
  .mdc-card__title {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    /* @alternate */
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    margin: -.063rem 0; }
    .mdc-card--theme-dark .mdc-card__title,
    .mdc-theme--dark .mdc-card__title {
      /* @alternate */
      color: white;
      color: var(--mdc-theme-text-primary-on-dark, white); }
  .mdc-card__title--large {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2rem;
    text-decoration: inherit;
    text-transform: inherit;
    margin: 0; }
  .mdc-card__subtitle {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform: inherit;
    /* @alternate */
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    margin: -.063rem 0; }
    .mdc-card--theme-dark .mdc-card__subtitle,
    .mdc-theme--dark .mdc-card__subtitle {
      /* @alternate */
      color: white;
      color: var(--mdc-theme-text-primary-on-dark, white); }
  .mdc-card__horizontal-block {
    padding-left: 0;
    padding-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    [dir="rtl"] .mdc-card__horizontal-block, .mdc-card__horizontal-block[dir="rtl"] {
      padding-left: 16px;
      padding-right: 0; }
    .mdc-card__horizontal-block .mdc-card__actions--vertical {
      margin: 16px; }
    .mdc-card__horizontal-block .mdc-card__media-item {
      margin-left: 16px;
      margin-right: 0; }
      [dir="rtl"] .mdc-card__horizontal-block .mdc-card__media-item, .mdc-card__horizontal-block .mdc-card__media-item[dir="rtl"] {
        margin-left: 0;
        margin-right: 16px; }
    .mdc-card__horizontal-block .mdc-card__media-item--3x {
      margin-bottom: 16px; }

/*!
 Material Components for the web
 Copyright (c) 2017 Google Inc.
 License: Apache-2.0
*/
/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
:root {
  --mdc-persistent-drawer-dark-theme-bg-color: #212121; }

.mdc-persistent-drawer {
  /* Use aspect ratio trick to maintain 16:9 aspect ratio on the header */
  /* stylelint-disable selector-no-qualifying-type */
  /* stylelint-enable selector-no-qualifying-type */
  /* TODO(sgomes): Revisit when we have interactive lists. */
  width: 0; }
  .mdc-persistent-drawer__toolbar-spacer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: flex-center;
        -ms-flex-align: flex-center;
            align-items: flex-center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 56px;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    /* TODO(sgomes): replace with global breakpoints when we have them */ }
    .mdc-persistent-drawer__toolbar-spacer--theme-dark .mdc-persistent-drawer__toolbar-spacer,
    .mdc-theme--dark .mdc-persistent-drawer__toolbar-spacer {
      border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
    @media (min-width: 600px) {
      .mdc-persistent-drawer__toolbar-spacer {
        height: 64px; } }
  .mdc-persistent-drawer__header {
    position: relative; }
  .mdc-persistent-drawer__header::before {
    display: block;
    padding-top: 56.25%;
    content: ""; }
  .mdc-persistent-drawer__header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px; }
  .mdc-persistent-drawer .mdc-list-group,
  .mdc-persistent-drawer .mdc-list {
    padding-right: 0;
    padding-left: 0; }
  .mdc-persistent-drawer .mdc-list-item {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    position: relative;
    padding: 0 16px;
    outline: none;
    color: inherit;
    text-decoration: none; }
    .mdc-persistent-drawer .mdc-list-item.mdc-ripple-upgraded {
      left: 0; }
  .mdc-persistent-drawer .mdc-list-item__start-detail {
    color: rgba(0, 0, 0, 0.54); }
    .mdc-persistent-drawer .mdc-list-item__start-detail--theme-dark .mdc-persistent-drawer .mdc-list-item__start-detail,
    .mdc-theme--dark .mdc-persistent-drawer .mdc-list-item__start-detail {
      color: rgba(255, 255, 255, 0.54); }
  .mdc-persistent-drawer--selected.mdc-list-item,
  .mdc-persistent-drawer--selected.mdc-list-item .mdc-list-item__start-detail {
    /* @alternate */
    color: #3f51b5;
    color: var(--mdc-theme-primary, #3f51b5); }
  .mdc-persistent-drawer .mdc-list-item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border-radius: inherit;
    background: currentColor;
    opacity: 0;
    content: ""; }
  .mdc-persistent-drawer .mdc-list-item:focus::before {
    -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: .12; }
  .mdc-persistent-drawer .mdc-list-item:active::before {
    /*
      Slightly darker value for visual distinction.
      This allows a full base that has distinct modes.
      Progressive enhancement with ripples will provide complete button spec alignment.
    */
    -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: .18; }
  .mdc-persistent-drawer .mdc-list-item:active:focus::before {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .mdc-persistent-drawer__drawer {
    /* @alternate */
    background: #fff;
    background: var(--mdc-theme-background, #fff);
    border-left: 0;
    border-right: 1px solid #e4e4e4;
    left: 0;
    right: initial;
    height: 100%;
    -webkit-transform: translateX(-107%);
            transform: translateX(-107%);
    -webkit-transform: translateX(calc(-100% - 20px));
            transform: translateX(calc(-100% - 20px));
    will-change: transform;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 240px;
    overflow: hidden;
    -ms-touch-action: none;
        touch-action: none; }
    [dir="rtl"] .mdc-persistent-drawer__drawer, .mdc-persistent-drawer__drawer[dir="rtl"] {
      border-left: 1px solid #e4e4e4;
      border-right: 0; }
    [dir="rtl"] .mdc-persistent-drawer__drawer, .mdc-persistent-drawer__drawer[dir="rtl"] {
      left: initial;
      right: 0; }
    .mdc-persistent-drawer__drawer--theme-dark,
    .mdc-theme--dark .mdc-persistent-drawer__drawer {
      background-color: #212121;
      background-color: var(--mdc-persistent-drawer-dark-theme-bg-color, #212121);
      /* @alternate */
      color: white;
      color: var(--mdc-theme-text-primary-on-dark, white);
      border-left: 0;
      border-right: 1px solid rgba(255, 255, 255, 0.12); }
      [dir="rtl"] .mdc-persistent-drawer__drawer--theme-dark, .mdc-persistent-drawer__drawer--theme-dark[dir="rtl"], [dir="rtl"]
      .mdc-theme--dark .mdc-persistent-drawer__drawer,
      .mdc-theme--dark .mdc-persistent-drawer__drawer[dir="rtl"] {
        border-left: 1px solid rgba(255, 255, 255, 0.12);
        border-right: 0; }
    [dir="rtl"] .mdc-persistent-drawer .mdc-persistent-drawer__drawer,
    .mdc-persistent-drawer[dir="rtl"] .mdc-persistent-drawer__drawer {
      -webkit-transform: translateX(107%);
              transform: translateX(107%);
      -webkit-transform: translateX(calc(100% + 20px));
              transform: translateX(calc(100% + 20px)); }
  .mdc-persistent-drawer--animating .mdc-persistent-drawer__drawer {
    -webkit-transition: -webkit-transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: -webkit-transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1); }
  .mdc-persistent-drawer--animating.mdc-persistent-drawer--open .mdc-persistent-drawer__drawer {
    -webkit-transition: -webkit-transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: -webkit-transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1); }
  .mdc-persistent-drawer--open {
    width: 240px;
    pointer-events: auto; }
    .mdc-persistent-drawer--open .mdc-persistent-drawer__drawer {
      -webkit-transform: none;
              transform: none; }
    [dir="rtl"] .mdc-persistent-drawer--open .mdc-persistent-drawer__drawer, .mdc-persistent-drawer--open[dir="rtl"] .mdc-persistent-drawer__drawer {
      -webkit-transform: none;
              transform: none; }

/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
:root {
  --mdc-permanent-drawer-dark-theme-bg-color: #212121; }

.mdc-permanent-drawer {
  /* Use aspect ratio trick to maintain 16:9 aspect ratio on the header */
  /* stylelint-disable selector-no-qualifying-type */
  /* stylelint-enable selector-no-qualifying-type */
  /* TODO(sgomes): Revisit when we have interactive lists. */
  /* @alternate */
  background: #fff;
  background: var(--mdc-theme-background, #fff);
  border-left: 0;
  border-right: 1px solid #e4e4e4;
  left: 0;
  right: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 240px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden; }
  .mdc-permanent-drawer__toolbar-spacer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: flex-center;
        -ms-flex-align: flex-center;
            align-items: flex-center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 56px;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    /* TODO(sgomes): replace with global breakpoints when we have them */ }
    .mdc-permanent-drawer__toolbar-spacer--theme-dark .mdc-permanent-drawer__toolbar-spacer,
    .mdc-theme--dark .mdc-permanent-drawer__toolbar-spacer {
      border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
    @media (min-width: 600px) {
      .mdc-permanent-drawer__toolbar-spacer {
        height: 64px; } }
  .mdc-permanent-drawer__header {
    position: relative; }
  .mdc-permanent-drawer__header::before {
    display: block;
    padding-top: 56.25%;
    content: ""; }
  .mdc-permanent-drawer__header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px; }
  .mdc-permanent-drawer .mdc-list-group,
  .mdc-permanent-drawer .mdc-list {
    padding-right: 0;
    padding-left: 0; }
  .mdc-permanent-drawer .mdc-list-item {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    position: relative;
    padding: 0 16px;
    outline: none;
    color: inherit;
    text-decoration: none; }
    .mdc-permanent-drawer .mdc-list-item.mdc-ripple-upgraded {
      left: 0; }
  .mdc-permanent-drawer .mdc-list-item__start-detail {
    color: rgba(0, 0, 0, 0.54); }
    .mdc-permanent-drawer .mdc-list-item__start-detail--theme-dark .mdc-permanent-drawer .mdc-list-item__start-detail,
    .mdc-theme--dark .mdc-permanent-drawer .mdc-list-item__start-detail {
      color: rgba(255, 255, 255, 0.54); }
  .mdc-permanent-drawer--selected.mdc-list-item,
  .mdc-permanent-drawer--selected.mdc-list-item .mdc-list-item__start-detail {
    /* @alternate */
    color: #3f51b5;
    color: var(--mdc-theme-primary, #3f51b5); }
  .mdc-permanent-drawer .mdc-list-item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border-radius: inherit;
    background: currentColor;
    opacity: 0;
    content: ""; }
  .mdc-permanent-drawer .mdc-list-item:focus::before {
    -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: .12; }
  .mdc-permanent-drawer .mdc-list-item:active::before {
    /*
      Slightly darker value for visual distinction.
      This allows a full base that has distinct modes.
      Progressive enhancement with ripples will provide complete button spec alignment.
    */
    -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: .18; }
  .mdc-permanent-drawer .mdc-list-item:active:focus::before {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  [dir="rtl"] .mdc-permanent-drawer, .mdc-permanent-drawer[dir="rtl"] {
    border-left: 1px solid #e4e4e4;
    border-right: 0; }
  [dir="rtl"] .mdc-permanent-drawer, .mdc-permanent-drawer[dir="rtl"] {
    left: initial;
    right: 0; }
  .mdc-permanent-drawer--theme-dark,
  .mdc-theme--dark .mdc-permanent-drawer {
    background-color: #212121;
    background-color: var(--mdc-permanent-drawer-dark-theme-bg-color, #212121);
    /* @alternate */
    color: white;
    color: var(--mdc-theme-text-primary-on-dark, white);
    border-left: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.12); }
    [dir="rtl"] .mdc-permanent-drawer--theme-dark, .mdc-permanent-drawer--theme-dark[dir="rtl"], [dir="rtl"]
    .mdc-theme--dark .mdc-permanent-drawer,
    .mdc-theme--dark .mdc-permanent-drawer[dir="rtl"] {
      border-left: 1px solid rgba(255, 255, 255, 0.12);
      border-right: 0; }
  .mdc-permanent-drawer--floating {
    background: none;
    border-left: 0;
    border-right: none; }
    [dir="rtl"] .mdc-permanent-drawer--floating, .mdc-permanent-drawer--floating[dir="rtl"] {
      border-left: none;
      border-right: 0; }
    .mdc-permanent-drawer--floating--theme-dark,
    .mdc-theme--dark .mdc-permanent-drawer--floating {
      background: none;
      border-left: 0;
      border-right: none; }
      [dir="rtl"] .mdc-permanent-drawer--floating--theme-dark, .mdc-permanent-drawer--floating--theme-dark[dir="rtl"], [dir="rtl"]
      .mdc-theme--dark .mdc-permanent-drawer--floating,
      .mdc-theme--dark .mdc-permanent-drawer--floating[dir="rtl"] {
        border-left: none;
        border-right: 0; }

/**
 * The css property used for elevation. In most cases this should not be changed. It is exposed
 * as a variable for abstraction / easy use when needing to reference the property directly, for
 * example in a `will-change` rule.
 */
/**
 * The default duration value for elevation transitions.
 */
/**
 * The default easing value for elevation transitions.
 */
/**
 * Applies the correct css rules to an element to give it the elevation specified by $z-value.
 * The $z-value must be between 0 and 24.
 */
/**
 * Returns a string that can be used as the value for a `transition` property for elevation.
 * Calling this function directly is useful in situations where a component needs to transition
 * more than one property.
 *
 * ```scss
 * .foo {
 *   transition: mdc-elevation-transition-rule(), opacity 100ms ease;
 *   will-change: $mdc-elevation-property, opacity;
 * }
 * ```
 */
/**
 * Applies the correct css rules needed to have an element transition between elevations.
 * This mixin should be applied to elements whose elevation values will change depending on their
 * context (e.g. when active or disabled).
 */
/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
.mdc-temporary-drawer {
  /* Use aspect ratio trick to maintain 16:9 aspect ratio on the header */
  /* stylelint-disable selector-no-qualifying-type */
  /* stylelint-enable selector-no-qualifying-type */
  /* TODO(sgomes): Revisit when we have interactive lists. */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  contain: strict;
  z-index: 5;
  /* Shaded background */ }
  .mdc-temporary-drawer__toolbar-spacer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: flex-center;
        -ms-flex-align: flex-center;
            align-items: flex-center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 56px;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    /* TODO(sgomes): replace with global breakpoints when we have them */ }
    .mdc-temporary-drawer__toolbar-spacer--theme-dark .mdc-temporary-drawer__toolbar-spacer,
    .mdc-theme--dark .mdc-temporary-drawer__toolbar-spacer {
      border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
    @media (min-width: 600px) {
      .mdc-temporary-drawer__toolbar-spacer {
        height: 64px; } }
  .mdc-temporary-drawer__header {
    position: relative; }
  .mdc-temporary-drawer__header::before {
    display: block;
    padding-top: 56.25%;
    content: ""; }
  .mdc-temporary-drawer__header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px; }
  .mdc-temporary-drawer .mdc-list-group,
  .mdc-temporary-drawer .mdc-list {
    padding-right: 0;
    padding-left: 0; }
  .mdc-temporary-drawer .mdc-list-item {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    position: relative;
    padding: 0 16px;
    outline: none;
    color: inherit;
    text-decoration: none; }
    .mdc-temporary-drawer .mdc-list-item.mdc-ripple-upgraded {
      left: 0; }
  .mdc-temporary-drawer .mdc-list-item__start-detail {
    color: rgba(0, 0, 0, 0.54); }
    .mdc-temporary-drawer .mdc-list-item__start-detail--theme-dark .mdc-temporary-drawer .mdc-list-item__start-detail,
    .mdc-theme--dark .mdc-temporary-drawer .mdc-list-item__start-detail {
      color: rgba(255, 255, 255, 0.54); }
  .mdc-temporary-drawer--selected.mdc-list-item,
  .mdc-temporary-drawer--selected.mdc-list-item .mdc-list-item__start-detail {
    /* @alternate */
    color: #3f51b5;
    color: var(--mdc-theme-primary, #3f51b5); }
  .mdc-temporary-drawer .mdc-list-item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border-radius: inherit;
    background: currentColor;
    opacity: 0;
    content: ""; }
  .mdc-temporary-drawer .mdc-list-item:focus::before {
    -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: .12; }
  .mdc-temporary-drawer .mdc-list-item:active::before {
    /*
      Slightly darker value for visual distinction.
      This allows a full base that has distinct modes.
      Progressive enhancement with ripples will provide complete button spec alignment.
    */
    -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: .18; }
  .mdc-temporary-drawer .mdc-list-item:active:focus::before {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .mdc-temporary-drawer::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    content: "";
    opacity: 0;
    opacity: var(--mdc-temporary-drawer-opacity, 0);
    will-change: opacity;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .mdc-temporary-drawer__drawer {
    /* @alternate */
    background: #fff;
    background: var(--mdc-theme-background, #fff);
    -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    left: 0;
    right: initial;
    height: 100%;
    -webkit-transform: translateX(-107%);
            transform: translateX(-107%);
    -webkit-transform: translateX(calc(-100% - 20px));
            transform: translateX(calc(-100% - 20px));
    will-change: transform;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(100% - 56px);
    max-width: 280px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    -ms-touch-action: none;
        touch-action: none;
    /* TODO(sgomes): replace with global breakpoints when we have them */ }
    [dir="rtl"] .mdc-temporary-drawer__drawer, .mdc-temporary-drawer__drawer[dir="rtl"] {
      left: initial;
      right: 0; }
    .mdc-temporary-drawer--theme-dark .mdc-temporary-drawer__drawer,
    .mdc-theme--dark .mdc-temporary-drawer__drawer {
      background: #303030;
      /* @alternate */
      color: white;
      color: var(--mdc-theme-text-primary-on-dark, white); }
    [dir="rtl"] .mdc-temporary-drawer .mdc-temporary-drawer__drawer,
    .mdc-temporary-drawer[dir="rtl"] .mdc-temporary-drawer__drawer {
      -webkit-transform: translateX(107%);
              transform: translateX(107%);
      -webkit-transform: translateX(calc(100% + 20px));
              transform: translateX(calc(100% + 20px)); }
    @media (min-width: 600px) {
      .mdc-temporary-drawer__drawer {
        width: calc(100% - 64px);
        max-width: 320px; } }
  .mdc-temporary-drawer__content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-y;
        touch-action: pan-y; }
  .mdc-temporary-drawer__footer {
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .mdc-temporary-drawer--animating::before {
    -webkit-transition: opacity 0.3s 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 0.3s 0ms cubic-bezier(0, 0, 0.2, 1); }
  .mdc-temporary-drawer--animating.mdc-temporary-drawer--open .mdc-temporary-drawer__drawer {
    -webkit-transition: -webkit-transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: -webkit-transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1); }
  .mdc-temporary-drawer--animating .mdc-temporary-drawer__drawer {
    -webkit-transition: -webkit-transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: -webkit-transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1); }
  .mdc-temporary-drawer--open {
    pointer-events: auto; }
    .mdc-temporary-drawer--open::before {
      opacity: 1;
      opacity: var(--mdc-temporary-drawer-opacity, 1); }
    .mdc-temporary-drawer--open .mdc-temporary-drawer__drawer {
      -webkit-transform: none;
              transform: none; }
    [dir="rtl"] .mdc-temporary-drawer--open .mdc-temporary-drawer__drawer, .mdc-temporary-drawer--open[dir="rtl"] .mdc-temporary-drawer__drawer {
      -webkit-transform: none;
              transform: none; }

.mdc-drawer-scroll-lock {
  height: 100vh;
  overflow: hidden; }

/*!
 Material Components for the web
 Copyright (c) 2017 Google Inc.
 License: Apache-2.0
*/
/** MDC Ripple keyframes are split into their own file so that _mixins.scss can rely on them. */
@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }
@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }

@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 1; }
  to {
    opacity: 0; } }

.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden; }
  .mdc-ripple-surface--test-edge-var-bug::before {
    border: var(--mdc-ripple-surface-test-edge-var); }

/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
.mdc-list {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.75rem;
  text-decoration: inherit;
  text-transform: inherit;
  /* @alternate */
  color: rgba(0, 0, 0, 0.87);
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  margin: 0;
  padding: 8px 16px 0;
  line-height: 1.5rem;
  list-style-type: none; }
  .mdc-list--theme-dark,
  .mdc-theme--dark .mdc-list {
    /* @alternate */
    color: white;
    color: var(--mdc-theme-text-primary-on-dark, white); }

.mdc-list--dense {
  padding-top: 4px;
  font-size: .812rem; }

.mdc-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 48px; }
  .mdc-list-item__start-detail {
    width: 24px;
    height: 24px;
    margin-left: 0;
    margin-right: 32px; }
    [dir="rtl"] .mdc-list-item .mdc-list-item__start-detail,
    .mdc-list-item[dir="rtl"] .mdc-list-item__start-detail {
      margin-left: 32px;
      margin-right: 0; }
  .mdc-list-item__end-detail {
    width: 24px;
    height: 24px;
    margin-left: auto;
    margin-right: 0; }
    [dir="rtl"] .mdc-list-item .mdc-list-item__end-detail,
    .mdc-list-item[dir="rtl"] .mdc-list-item__end-detail {
      margin-left: 0;
      margin-right: auto; }
  .mdc-list-item__text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .mdc-list-item__text__secondary {
      font-family: Roboto, sans-serif;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-size: 0.875rem;
      font-weight: 400;
      letter-spacing: 0.04em;
      line-height: 1.25rem;
      text-decoration: inherit;
      text-transform: inherit;
      /* @alternate */
      color: rgba(0, 0, 0, 0.54);
      color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); }
      .mdc-list-item__text__secondary--theme-dark,
      .mdc-theme--dark .mdc-list-item__text__secondary {
        /* @alternate */
        color: rgba(255, 255, 255, 0.7);
        color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }
      .mdc-list--dense .mdc-list-item__text__secondary {
        font-size: inherit; }
  .mdc-list--dense .mdc-list-item {
    height: 40px; }
    .mdc-list--dense .mdc-list-item__start-detail {
      width: 20px;
      height: 20px;
      margin-left: 0;
      margin-right: 36px; }
      [dir="rtl"] .mdc-list-item .mdc-list--dense .mdc-list-item__start-detail,
      .mdc-list-item[dir="rtl"] .mdc-list--dense .mdc-list-item__start-detail {
        margin-left: 36px;
        margin-right: 0; }
    .mdc-list--dense .mdc-list-item__end-detail {
      width: 20px;
      height: 20px; }
  .mdc-list--avatar-list .mdc-list-item {
    height: 56px; }
    .mdc-list--avatar-list .mdc-list-item__start-detail {
      width: 40px;
      height: 40px;
      margin-left: 0;
      margin-right: 16px;
      border-radius: 50%; }
      [dir="rtl"] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__start-detail,
      .mdc-list-item[dir="rtl"] .mdc-list--avatar-list .mdc-list-item__start-detail {
        margin-left: 16px;
        margin-right: 0; }
  .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list__item {
    height: 48px; }
    .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list__item__start-detail {
      width: 36px;
      height: 36px;
      margin-left: 0;
      margin-right: 20px; }
      [dir="rtl"] .mdc-list-item .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list__item__start-detail,
      .mdc-list-item[dir="rtl"] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list__item__start-detail {
        margin-left: 20px;
        margin-right: 0; }
  .mdc-list--two-line .mdc-list-item {
    height: 72px; }
  .mdc-list--two-line.mdc-list--dense .mdc-list-item {
    height: 60px; }

a.mdc-list-item {
  color: inherit;
  text-decoration: none; }

.mdc-list-item.mdc-ripple-upgraded {
  --mdc-ripple-surface-width: 0;
  --mdc-ripple-surface-height: 0;
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  will-change: transform, opacity;
  -webkit-tap-highlight-color: transparent;
  left: -16px;
  right: initial;
  position: relative;
  width: 100%;
  padding: 0 16px;
  overflow: hidden; }
  .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):hover::before, .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):focus::before, .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 85ms;
            transition-duration: 85ms;
    opacity: .6; }
  .mdc-list-item.mdc-ripple-upgraded::before {
    background-color: rgba(0, 0, 0, 0.06);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""; }
  .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::before {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    /* @alternate */
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
            transform: scale(var(--mdc-ripple-fg-scale, 0)); }
  .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before {
    opacity: .99999; }
  .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before {
    -webkit-transition-duration: 120ms;
            transition-duration: 120ms;
    opacity: 1; }
  .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::before {
    /* @alternate */
    top: calc(50% - 50%);
    top: var(--mdc-ripple-top, calc(50% - 50%));
    /* @alternate */
    left: calc(50% - 50%);
    left: var(--mdc-ripple-left, calc(50% - 50%));
    /* @alternate */
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
            transform: scale(var(--mdc-ripple-fg-scale, 0)); }
  .mdc-list-item.mdc-ripple-upgraded::after {
    background-color: rgba(0, 0, 0, 0.06);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""; }
  .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    /* @alternate */
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%);
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0; }
  .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded--unbounded)::after {
    -webkit-transform-origin: center center;
            transform-origin: center center; }
  .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::after {
    /* @alternate */
    top: 0;
    top: var(--mdc-ripple-top, 0);
    /* @alternate */
    left: 0;
    left: var(--mdc-ripple-left, 0);
    /* @alternate */
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%);
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: center center;
            transform-origin: center center; }
  .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards;
            animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards; }
  .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: 83ms mdc-ripple-fg-opacity-out;
            animation: 83ms mdc-ripple-fg-opacity-out;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  [dir="rtl"] .mdc-list-item.mdc-ripple-upgraded, .mdc-list-item.mdc-ripple-upgraded[dir="rtl"] {
    left: initial;
    right: -16px; }
  .mdc-list-item.mdc-ripple-upgraded:focus {
    outline: none; }
  .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded::before,
  .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded::before {
    background-color: rgba(255, 255, 255, 0.12);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""; }
  .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::before,
  .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::before {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    /* @alternate */
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
            transform: scale(var(--mdc-ripple-fg-scale, 0)); }
  .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before,
  .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before {
    opacity: .99999; }
  .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before,
  .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before {
    -webkit-transition-duration: 120ms;
            transition-duration: 120ms;
    opacity: 1; }
  .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::before,
  .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::before {
    /* @alternate */
    top: calc(50% - 50%);
    top: var(--mdc-ripple-top, calc(50% - 50%));
    /* @alternate */
    left: calc(50% - 50%);
    left: var(--mdc-ripple-left, calc(50% - 50%));
    /* @alternate */
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
            transform: scale(var(--mdc-ripple-fg-scale, 0)); }
  .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded::after,
  .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded::after {
    background-color: rgba(255, 255, 255, 0.12);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""; }
  .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::after,
  .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    /* @alternate */
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%);
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0; }
  .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded--unbounded)::after,
  .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded--unbounded)::after {
    -webkit-transform-origin: center center;
            transform-origin: center center; }
  .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::after,
  .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::after {
    /* @alternate */
    top: 0;
    top: var(--mdc-ripple-top, 0);
    /* @alternate */
    left: 0;
    left: var(--mdc-ripple-left, 0);
    /* @alternate */
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    /* @alternate */
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%);
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: center center;
            transform-origin: center center; }
  .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after,
  .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards;
            animation: 300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards; }
  .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after,
  .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: 83ms mdc-ripple-fg-opacity-out;
            animation: 83ms mdc-ripple-fg-opacity-out;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }

.mdc-list-divider {
  height: 0;
  margin: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .mdc-list--theme-dark .mdc-list-divider,
  .mdc-theme--dark .mdc-list-divider {
    border-bottom-color: rgba(255, 255, 255, 0.2); }

.mdc-list-divider--inset {
  margin-left: 56px;
  margin-right: 0;
  width: calc(100% - 56px); }
  [dir="rtl"] .mdc-list-group .mdc-list-divider--inset,
  .mdc-list-group[dir="rtl"] .mdc-list-divider--inset {
    margin-left: 0;
    margin-right: 56px; }

.mdc-list-group {
  padding: 0 16px; }
  .mdc-list-group__subheader {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    /* @alternate */
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
    margin: 0.75rem 0; }
    .mdc-list-group__subheader--theme-dark,
    .mdc-theme--dark .mdc-list-group__subheader {
      /* @alternate */
      color: white;
      color: var(--mdc-theme-text-primary-on-dark, white); }
  .mdc-list-group .mdc-list {
    padding: 0; }

/*!
 Material Components for the web
 Copyright (c) 2017 Google Inc.
 License: Apache-2.0
*/
/**
 * The css property used for elevation. In most cases this should not be changed. It is exposed
 * as a variable for abstraction / easy use when needing to reference the property directly, for
 * example in a `will-change` rule.
 */
/**
 * The default duration value for elevation transitions.
 */
/**
 * The default easing value for elevation transitions.
 */
/**
 * Applies the correct css rules to an element to give it the elevation specified by $z-value.
 * The $z-value must be between 0 and 24.
 */
/**
 * Returns a string that can be used as the value for a `transition` property for elevation.
 * Calling this function directly is useful in situations where a component needs to transition
 * more than one property.
 *
 * ```scss
 * .foo {
 *   transition: mdc-elevation-transition-rule(), opacity 100ms ease;
 *   will-change: $mdc-elevation-property, opacity;
 * }
 * ```
 */
/**
 * Applies the correct css rules needed to have an element transition between elevations.
 * This mixin should be applied to elements whose elevation values will change depending on their
 * context (e.g. when active or disabled).
 */
/**
 * Creates a rule that will be applied when an MDC-Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
/**
 * Applies styles to the different types of icons that can exist in toolbars.
 * Both .mdc-toolbar__icon and .mdc-toolbar__icon--menu share all styles except for
 * horizontal padding.
 */
.mdc-toolbar {
  /* @alternate */
  background-color: #3f51b5;
  background-color: var(--mdc-theme-primary, #3f51b5);
  /* @alternate */
  color: white;
  color: var(--mdc-theme-text-primary-on-primary, white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%; }
  .mdc-toolbar__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 64px; }
    @media (max-width: 959px) and (orientation: landscape) {
      .mdc-toolbar__row {
        min-height: 48px; } }
    @media (max-width: 599px) {
      .mdc-toolbar__row {
        min-height: 56px; } }
  .mdc-toolbar__section {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 0;
    height: 100%;
    z-index: 1; }
    .mdc-toolbar__section--align-start {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; }
    .mdc-toolbar__section--align-end {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
  .mdc-toolbar__title {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 2rem;
    text-decoration: inherit;
    text-transform: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 24px;
    margin-right: 0;
    -ms-flex-item-align: center;
        align-self: center;
    padding: 16px 0;
    line-height: 1.5rem;
    z-index: 1; }
    [dir="rtl"] .mdc-toolbar__title, .mdc-toolbar__title[dir="rtl"] {
      margin-left: 0;
      margin-right: 24px; }
  .mdc-toolbar__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px;
    border: none;
    background-color: inherit;
    color: inherit;
    text-decoration: none;
    /* @alternate */
    color: white;
    color: var(--mdc-theme-text-primary-on-primary, white);
    padding-right: 12px;
    padding-left: 12px;
    cursor: pointer; }
  .mdc-toolbar__icon:last-of-type {
    padding-left: 12px;
    padding-right: 24px; }
    [dir="rtl"] .mdc-toolbar__icon:last-of-type, .mdc-toolbar__icon:last-of-type[dir="rtl"] {
      padding-left: 24px;
      padding-right: 12px; }
  .mdc-toolbar__icon--menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px;
    border: none;
    background-color: inherit;
    color: inherit;
    text-decoration: none;
    /* @alternate */
    color: white;
    color: var(--mdc-theme-text-primary-on-primary, white);
    padding-right: 24px;
    padding-left: 24px;
    cursor: pointer; }

.mdc-toolbar__icon--menu + .mdc-toolbar__title {
  margin-left: 8px;
  margin-right: 0; }
  [dir="rtl"] .mdc-toolbar__icon--menu + .mdc-toolbar__title, .mdc-toolbar__icon--menu + .mdc-toolbar__title[dir="rtl"] {
    margin-left: 0;
    margin-right: 8px; }

@media (max-width: 599px) {
  .mdc-toolbar__title {
    margin-left: 16px;
    margin-right: 0; }
    [dir="rtl"] .mdc-toolbar__title, .mdc-toolbar__title[dir="rtl"] {
      margin-left: 0;
      margin-right: 16px; }
  .mdc-toolbar__icon {
    padding-right: 8px;
    padding-left: 8px; }
  .mdc-toolbar__icon:last-of-type {
    padding-left: 8px;
    padding-right: 16px; }
    [dir="rtl"] .mdc-toolbar__icon:last-of-type, .mdc-toolbar__icon:last-of-type[dir="rtl"] {
      padding-left: 16px;
      padding-right: 8px; }
  .mdc-toolbar__icon--menu {
    padding-right: 16px;
    padding-left: 16px; }
  .mdc-toolbar__icon--menu + .mdc-toolbar__title {
    margin-left: 16px;
    margin-right: 0; }
    [dir="rtl"] .mdc-toolbar__icon--menu + .mdc-toolbar__title, .mdc-toolbar__icon--menu + .mdc-toolbar__title[dir="rtl"] {
      margin-left: 0;
      margin-right: 16px; } }

.mdc-toolbar--fixed {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4; }

.mdc-toolbar--flexible {
  --mdc-toolbar-ratio-to-extend-flexible: 4; }
  .mdc-toolbar--flexible .mdc-toolbar__row:first-child {
    height: 256px;
    height: calc(64px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); }
    @media (max-width: 599px) {
      .mdc-toolbar--flexible .mdc-toolbar__row:first-child {
        height: 224px;
        height: calc(56px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); } }
    .mdc-toolbar--flexible .mdc-toolbar__row:first-child::after {
      position: absolute;
      content: ""; }
  .mdc-toolbar--flexible-default-behavior .mdc-toolbar__title {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 2.125rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    -ms-flex-item-align: end;
        align-self: flex-end;
    line-height: 1.5rem; }
  .mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: 1; }
  .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child::after {
    opacity: 0; }
  .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title {
    font-weight: 500; }

.mdc-toolbar--waterfall.mdc-toolbar--fixed {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow; }
  .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized {
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
  .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row {
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.mdc-toolbar-fixed-adjust {
  margin-top: 64px; }
  @media (max-width: 959px) and (orientation: landscape) {
    .mdc-toolbar-fixed-adjust {
      margin-top: 48px; } }
  @media (max-width: 599px) {
    .mdc-toolbar-fixed-adjust {
      margin-top: 56px; } }

.mdc-toolbar__section--shrink-to-fit {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }

/*!
 Material Components for the web
 Copyright (c) 2017 Google Inc.
 License: Apache-2.0
*/
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
/* TODO(sgomes): Figure out what to do about desktop font sizes. */
/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
.mdc-typography {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

.mdc-typography--display4 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 7rem;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 7rem;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-typography--adjust-margin.mdc-typography--display4 {
  margin: -1rem 0 3.5rem -0.085em; }

.mdc-typography--display3 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 3.5rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 3.5rem;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-typography--adjust-margin.mdc-typography--display3 {
  margin: -8px 0 64px -0.07em; }

.mdc-typography--display2 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 2.813rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 3rem;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-typography--adjust-margin.mdc-typography--display2 {
  margin: -0.5rem 0 4rem -0.07em; }

.mdc-typography--display1 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 2.125rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 2.5rem;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-typography--adjust-margin.mdc-typography--display1 {
  margin: -0.5rem 0 4rem -0.07em; }

.mdc-typography--headline {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 2rem;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-typography--adjust-margin.mdc-typography--headline {
  margin: -0.5rem 0 1rem -0.06em; }

.mdc-typography--title {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2rem;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-typography--adjust-margin.mdc-typography--title {
  margin: -0.5rem 0 1rem -0.05em; }

.mdc-typography--subheading2 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.75rem;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-typography--adjust-margin.mdc-typography--subheading2 {
  margin: -0.5rem 0 1rem -0.06em; }

.mdc-typography--subheading1 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.938rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.5rem;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-typography--adjust-margin.mdc-typography--subheading1 {
  margin: -0.313rem 0 0.813rem -0.06em; }

.mdc-typography--body2 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5rem;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-typography--adjust-margin.mdc-typography--body2 {
  margin: -0.25rem 0 0.75rem 0; }

.mdc-typography--body1 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.25rem;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-typography--adjust-margin.mdc-typography--body1 {
  margin: -0.25rem 0 0.75rem 0; }

.mdc-typography--caption {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.25rem;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-typography--adjust-margin.mdc-typography--caption {
  margin: -0.5rem 0 1rem -0.04em; }

.mdc-typography--button {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2.25rem;
  text-decoration: none;
  text-transform: uppercase; }

.mdc-typography--adjust-margin.mdc-typography--button {
  margin: inherit; }

.mt-0 {
  margin-top: 0; }

main {
  width: calc(100% - 512px); }

span,
h3,
td,
div,
li {
  font-family: "Muli", "Roboto", sans-serif !important; }

.new-claim-card .mdc-list-group__subheader {
  font-weight: normal; }

#user-dropdown-button {
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center; }
  #user-dropdown-button i {
    padding-right: 12px; }

.mdc-toolbar .mdc-toolbar__section--align-start,
.mdc-toolbar .mdc-toolbar__section--align-end {
  width: 256px; }

.mdc-toolbar__row {
  min-height: 56px; }

.mdc-permanent-drawer {
  width: 256px; }
  .mdc-permanent-drawer .mdc-list-item__start-detail {
    margin-right: 16px; }
  .mdc-permanent-drawer .mdc-list-item__end-detail {
    color: #1976d2;
    width: inherit; }
  .mdc-permanent-drawer .mdc-list-group__subheader {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0; }
  .mdc-permanent-drawer .mdc-list-item,
  .mdc-permanent-drawer .mdc-list-group__subheader {
    color: #757575; }
  .mdc-permanent-drawer .mdc-permanent-drawer--selected.mdc-list-item {
    color: #1976d2; }

#search-title-bar {
  text-align: center;
  margin-bottom: 12px; }

button.mdc-button.secondary-filled-button:not(:disabled) {
  background-color: #2e7d32;
  color: white; }

.card-toolbar {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
  .card-toolbar .card-toolbar__row {
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto; }
  .card-toolbar .card-toolbar__section {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1;
    flex: 1 1;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 0;
    height: 100%;
    z-index: 1; }
  .card-toolbar .card-toolbar__section--align-start {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-order: -1;
    order: -1; }
  .card-toolbar .card-toolbar__section--align-end {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-order: 1;
    order: 1; }

.card-heading {
  margin: 0 24px; }

.mdc-list hr {
  width: 224px !important; }

input:required {
  box-shadow: none; }

input:invalid {
  box-shadow: none; }

.horizontal-layout-container {
  background-color: #e7ecec;
  flex-wrap: wrap !important; }

.horizontal-layout-side-nav {
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; }
  .horizontal-layout-side-nav .freeze-side-nav {
    width: 256px;
    min-width: 100%; }
    .horizontal-layout-side-nav .freeze-side-nav .horizontal-selector {
      width: 100% !important;
      flex-basis: auto !important; }
    .horizontal-layout-side-nav .freeze-side-nav .division-selector {
      margin-bottom: 7px !important; }
    .horizontal-layout-side-nav .freeze-side-nav .root-selector {
      flex-basis: auto !important;
      padding: 5%;
      padding-bottom: 8px; }

.horizontal-layout-content-body basis-adjust {
  flex-basis: auto !important;
  -webkit-flex-basis: 0px !important; }

.create_select__control {
  background-color: #ffffff !important;
  width: 100%; }
  .create_select__control-is-disabled {
    border-bottom-style: dotted; }

.create_select__value-container {
  padding-left: 0px; }

.create_select__multi-value__remove {
  display: none; }

.create_select__multi-value__label {
  max-width: 200px;
  color: #000 !important;
  font-size: 14px;
  padding: 0; }

.create_select__multi-value {
  background-color: white !important; }
  .create_select__multi-value--is-disabled div {
    color: #a4a4a4 !important; }

.gal-body-container-form {
  width: 100%; }
  .gal-body-container-form-field {
    width: 20%;
    padding: 0 16px; }
    .gal-body-container-form-field.adjust-top {
      margin-top: 12px; }

.gal-body-container .has-sub-title {
  color: #757575 !important; }

.MuiAutocomplete-popper {
  z-index: 999999 !important; }

.MuiPopover-root {
  z-index: 2000 !important; }

.MuiDialog-paper > div:not(.no-padding) {
  padding: 16px !important; }

input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari/Edge */
  color: rgba(0, 0, 0, 0.3) !important; }

input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(0, 0, 0, 0.3) !important; }

input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.3) !important; }

.MuiAutocomplete-paper .MuiAutocomplete-listbox {
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .MuiAutocomplete-paper .MuiAutocomplete-listbox::-webkit-scrollbar {
    width: 10px !important;
    height: 10px; }
  .MuiAutocomplete-paper .MuiAutocomplete-listbox::-webkit-scrollbar-track {
    background: #f1f1f1 !important; }
  .MuiAutocomplete-paper .MuiAutocomplete-listbox::-webkit-scrollbar-thumb {
    border-radius: 500px !important;
    background: #b5b4b4 !important; }
  .MuiAutocomplete-paper .MuiAutocomplete-listbox::-webkit-scrollbar-thumb:hover {
    background: #c6c6c6 !important; }

.MuiChip-deletable {
  max-width: 300px !important; }

.horizontal-layout-content-body {
  /* border-left: 1px solid #ececec; */ }
  .horizontal-layout-content-body.data-model-config-layout {
    min-width: 0;
    width: 600px; }
  .horizontal-layout-content-body.settings-layout .MuiCardHeader-title {
    font-size: 28px;
    color: rgba(0, 0, 0, 0.87);
    display: block;
    line-height: 36px;
    font-weight: 500; }
    .horizontal-layout-content-body.settings-layout .MuiCardHeader-title.new {
      font-size: 48px; }
  .horizontal-layout-content-body.settings-layout .MuiCardHeader-root.new {
    padding: 32px 32px 32px 48px; }
    .horizontal-layout-content-body.settings-layout .MuiCardHeader-root.new .MuiCardHeader-title {
      font-size: 48px; }

input::placeholder {
  color: #a0a0a0 !important; }

.supply-tree-parent {
  display: flex;
  flex-flow: wrap;
  width: 100%;
  background-color: #eaeff0; }

.supply-tree-body {
  flex: 1 0 60%; }

.supply-tree-sidenav {
  flex: 0 0 286px;
  background-color: #fff;
  box-shadow: unset !important;
  border-right: 1px solid #e0e0e0 !important; }

.supply-tree-rightnav {
  flex: 1 0 5%; }

.admin-advanced-search-fields {
  padding: 8px 16px 0px 16px; }
  .admin-advanced-search-fields p {
    margin-bottom: 0px; }

.side-bar-admin-parent {
  width: 100%;
  margin: 0 !important; }
  .side-bar-admin-parent div {
    width: 100% !important; }

.side-bar-admin {
  display: unset !important;
  width: 100% !important; }

.side-bar-admin-item > div > div {
  width: unset !important; }

.side-bar-admin-item.brand-member {
  padding-left: 20px !important; }

.side-bar-admin-item:not(.user-list) > div > div {
  padding-left: 55px !important; }

.supply-tree-body-content {
  padding: 8px; }

.department-selction-admin {
  padding: 16px; }

.division-selction-admin {
  padding: 16px;
  padding-bottom: 0px; }

.client-selction-admin {
  padding: 16px;
  padding-bottom: 0px; }

.topbar-icon-holder {
  list-style-type: none;
  margin: 0;
  padding: 16px; }
  .topbar-icon-holder svg {
    fill: #757575 !important; }
  .topbar-icon-holder li {
    display: inline; }

.pop-over-menu-items {
  list-style-type: none;
  margin: 0px;
  padding: 0px; }
  .pop-over-menu-items li {
    padding: 12px;
    cursor: pointer; }
    .pop-over-menu-items li:hover {
      background-color: #eaeff0;
      color: #000000; }

.secondary-table-top-bar-icons {
  display: flex;
  flex-flow: wrap; }
  .secondary-table-top-bar-icons div {
    flex: 1; }

.add-new-button-secondary-table-top-bar-icons {
  padding: 0;
  padding-bottom: 0;
  text-align: right;
  width: 10%; }
  .add-new-button-secondary-table-top-bar-icons button {
    margin-right: 16px !important; }

.paper-title-main {
  font-size: 24px;
  margin: 0px; }

.global-list-avatars-sequence .svg-icon {
  fill: #697c88 !important; }

.manager-list-avatars-sequence,
.global-list-avatars-sequence {
  list-style-type: none;
  padding: 4px; }
  .manager-list-avatars-sequence li,
  .global-list-avatars-sequence li {
    display: inline-block;
    padding-right: 16px;
    margin-bottom: 1%; }
  .manager-list-avatars-sequence svg,
  .global-list-avatars-sequence svg {
    fill: white !important; }
  .manager-list-avatars-sequence .no-manager div,
  .global-list-avatars-sequence .no-manager div {
    background-color: #f89696 !important; }
    .manager-list-avatars-sequence .no-manager div > div,
    .global-list-avatars-sequence .no-manager div > div {
      background-color: #f73838 !important; }
  .manager-list-avatars-sequence li div,
  .global-list-avatars-sequence li div {
    background-color: #c4e5ff !important; }
    .manager-list-avatars-sequence li div > div,
    .global-list-avatars-sequence li div > div {
      background-color: #42a5f6 !important; }

.suplier-detail-header p {
  font-size: 24px;
  margin: 0px; }

.supplier-detail-body {
  padding: 16px; }

.add-new-supplier-root {
  padding: 16px; }
  .add-new-supplier-root .add-new-supplier-title {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 24px; }

.add-new-supplier-create-selection-radio-group {
  display: flex;
  flex-flow: wrap;
  width: 90%;
  padding-top: 16px;
  padding-bottom: 16px; }
  .add-new-supplier-create-selection-radio-group .add-new-supplier-create-selection-radio-button {
    flex: 1;
    text-align: left; }
    .add-new-supplier-create-selection-radio-group .add-new-supplier-create-selection-radio-button p {
      margin: 0px; }
    .add-new-supplier-create-selection-radio-group .add-new-supplier-create-selection-radio-button .add-new-supplier-create-selection-spread-sheet {
      padding: 0px;
      cursor: pointer;
      color: blue; }
  .add-new-supplier-create-selection-radio-group .add-new-supplier-create-selection-radio-button:nth-child(2) {
    flex: 1 0 50%; }
    .add-new-supplier-create-selection-radio-group .add-new-supplier-create-selection-radio-button:nth-child(2) input {
      width: 20% !important; }

.add-new-supplier-create-single {
  display: flex;
  flex-flow: wrap;
  padding-top: 16px; }
  .add-new-supplier-create-single .add-new-supplier-create-single-child {
    flex: 1 0 30%;
    margin-right: 16px; }
  .add-new-supplier-create-single p {
    margin-bottom: 0px !important; }
  .add-new-supplier-create-single .custom-text {
    margin-bottom: 12px !important; }

.signature-section {
  border: 1px dashed #42a5f5;
  padding: 56px;
  text-align: center;
  margin-top: 36px; }

.secondary-table-container-70 > div:nth-child(1) > div:nth-child(1) {
  width: 70% !important; }

.secondary-table-container-70 > div:nth-child(1) > div:nth-child(2) {
  width: 70% !important; }

.secondary-table-container-75 > div:nth-child(1) > div:nth-child(1) {
  width: 75% !important; }

.secondary-table-container-75 > div:nth-child(1) > div:nth-child(2) {
  width: 75% !important; }

.secondary-table-container-80 > div:nth-child(1) > div:nth-child(1) {
  width: 80% !important; }

.secondary-table-container-80 > div:nth-child(1) > div:nth-child(2) {
  width: 80% !important; }

.secondary-table-container-85 > div:nth-child(1) > div:nth-child(1) {
  width: 85% !important; }

.secondary-table-container-85 > div:nth-child(1) > div:nth-child(2) {
  width: 85% !important; }

.secondary-table-container-90 > div:nth-child(1) > div:nth-child(1) {
  width: 90% !important; }

.secondary-table-container-90 > div:nth-child(1) > div:nth-child(2) {
  width: 90% !important; }

.secondary-table-container-95 > div:nth-child(1) > div:nth-child(1) {
  width: 95% !important; }

.secondary-table-container-95 > div:nth-child(1) > div:nth-child(2) {
  width: 95% !important; }

.secondary-table-container-100 > div:nth-child(1) > div:nth-child(1) {
  width: 100% !important; }

.secondary-table-container-100 > div:nth-child(1) > div:nth-child(2) {
  width: 100% !important; }

.secondary-table-container-105 > div:nth-child(1) > div:nth-child(1) {
  width: 105% !important; }

.secondary-table-container-105 > div:nth-child(1) > div:nth-child(2) {
  width: 105% !important; }

.secondary-table-container-110 > div:nth-child(1) > div:nth-child(1) {
  width: 110% !important; }

.secondary-table-container-110 > div:nth-child(1) > div:nth-child(2) {
  width: 110% !important; }

.secondary-table-container-115 > div:nth-child(1) > div:nth-child(1) {
  width: 115% !important; }

.secondary-table-container-115 > div:nth-child(1) > div:nth-child(2) {
  width: 115% !important; }

.secondary-table-container-120 > div:nth-child(1) > div:nth-child(1) {
  width: 120% !important; }

.secondary-table-container-120 > div:nth-child(1) > div:nth-child(2) {
  width: 120% !important; }

.secondary-table-container-125 > div:nth-child(1) > div:nth-child(1) {
  width: 125% !important; }

.secondary-table-container-125 > div:nth-child(1) > div:nth-child(2) {
  width: 125% !important; }

.secondary-table-container-130 > div:nth-child(1) > div:nth-child(1) {
  width: 130% !important; }

.secondary-table-container-130 > div:nth-child(1) > div:nth-child(2) {
  width: 130% !important; }

.secondary-table-container-135 > div:nth-child(1) > div:nth-child(1) {
  width: 135% !important; }

.secondary-table-container-135 > div:nth-child(1) > div:nth-child(2) {
  width: 135% !important; }

.secondary-table-container-140 > div:nth-child(1) > div:nth-child(1) {
  width: 140% !important; }

.secondary-table-container-140 > div:nth-child(1) > div:nth-child(2) {
  width: 140% !important; }

.secondary-table-container-145 > div:nth-child(1) > div:nth-child(1) {
  width: 145% !important; }

.secondary-table-container-145 > div:nth-child(1) > div:nth-child(2) {
  width: 145% !important; }

.secondary-table-container-150 > div:nth-child(1) > div:nth-child(1) {
  width: 150% !important; }

.secondary-table-container-150 > div:nth-child(1) > div:nth-child(2) {
  width: 150% !important; }

.secondary-table-container-155 > div:nth-child(1) > div:nth-child(1) {
  width: 155% !important; }

.secondary-table-container-155 > div:nth-child(1) > div:nth-child(2) {
  width: 155% !important; }

.secondary-table-container-160 > div:nth-child(1) > div:nth-child(1) {
  width: 160% !important; }

.secondary-table-container-160 > div:nth-child(1) > div:nth-child(2) {
  width: 160% !important; }

.secondary-table-container-165 > div:nth-child(1) > div:nth-child(1) {
  width: 165% !important; }

.secondary-table-container-165 > div:nth-child(1) > div:nth-child(2) {
  width: 165% !important; }

.secondary-table-container-170 > div:nth-child(1) > div:nth-child(1) {
  width: 170% !important; }

.secondary-table-container-170 > div:nth-child(1) > div:nth-child(2) {
  width: 170% !important; }

.secondary-table-container-175 > div:nth-child(1) > div:nth-child(1) {
  width: 175% !important; }

.secondary-table-container-175 > div:nth-child(1) > div:nth-child(2) {
  width: 175% !important; }

.secondary-table-container-180 > div:nth-child(1) > div:nth-child(1) {
  width: 180% !important; }

.secondary-table-container-180 > div:nth-child(1) > div:nth-child(2) {
  width: 180% !important; }

.secondary-table-container-185 > div:nth-child(1) > div:nth-child(1) {
  width: 185% !important; }

.secondary-table-container-185 > div:nth-child(1) > div:nth-child(2) {
  width: 185% !important; }

.secondary-table-container-190 > div:nth-child(1) > div:nth-child(1) {
  width: 190% !important; }

.secondary-table-container-190 > div:nth-child(1) > div:nth-child(2) {
  width: 190% !important; }

.secondary-table-container-195 > div:nth-child(1) > div:nth-child(1) {
  width: 195% !important; }

.secondary-table-container-195 > div:nth-child(1) > div:nth-child(2) {
  width: 195% !important; }

.secondary-table-container-200 > div:nth-child(1) > div:nth-child(1) {
  width: 200% !important; }

.secondary-table-container-200 > div:nth-child(1) > div:nth-child(2) {
  width: 200% !important; }

.secondary-table-container-205 > div:nth-child(1) > div:nth-child(1) {
  width: 205% !important; }

.secondary-table-container-205 > div:nth-child(1) > div:nth-child(2) {
  width: 205% !important; }

.secondary-table-container-210 > div:nth-child(1) > div:nth-child(1) {
  width: 210% !important; }

.secondary-table-container-210 > div:nth-child(1) > div:nth-child(2) {
  width: 210% !important; }

.secondary-table-container-215 > div:nth-child(1) > div:nth-child(1) {
  width: 215% !important; }

.secondary-table-container-215 > div:nth-child(1) > div:nth-child(2) {
  width: 215% !important; }

.secondary-table-container-220 > div:nth-child(1) > div:nth-child(1) {
  width: 220% !important; }

.secondary-table-container-220 > div:nth-child(1) > div:nth-child(2) {
  width: 220% !important; }

.secondary-table-container-225 > div:nth-child(1) > div:nth-child(1) {
  width: 225% !important; }

.secondary-table-container-225 > div:nth-child(1) > div:nth-child(2) {
  width: 225% !important; }

.secondary-table-container-230 > div:nth-child(1) > div:nth-child(1) {
  width: 230% !important; }

.secondary-table-container-230 > div:nth-child(1) > div:nth-child(2) {
  width: 230% !important; }

.secondary-table-container-235 > div:nth-child(1) > div:nth-child(1) {
  width: 235% !important; }

.secondary-table-container-235 > div:nth-child(1) > div:nth-child(2) {
  width: 235% !important; }

.secondary-table-container-240 > div:nth-child(1) > div:nth-child(1) {
  width: 240% !important; }

.secondary-table-container-240 > div:nth-child(1) > div:nth-child(2) {
  width: 240% !important; }

.secondary-table-container-245 > div:nth-child(1) > div:nth-child(1) {
  width: 245% !important; }

.secondary-table-container-245 > div:nth-child(1) > div:nth-child(2) {
  width: 245% !important; }

.secondary-table-container-250 > div:nth-child(1) > div:nth-child(1) {
  width: 250% !important; }

.secondary-table-container-250 > div:nth-child(1) > div:nth-child(2) {
  width: 250% !important; }

.secondary-table-container-255 > div:nth-child(1) > div:nth-child(1) {
  width: 255% !important; }

.secondary-table-container-255 > div:nth-child(1) > div:nth-child(2) {
  width: 255% !important; }

.secondary-table-container-260 > div:nth-child(1) > div:nth-child(1) {
  width: 260% !important; }

.secondary-table-container-260 > div:nth-child(1) > div:nth-child(2) {
  width: 260% !important; }

.secondary-table-container-265 > div:nth-child(1) > div:nth-child(1) {
  width: 265% !important; }

.secondary-table-container-265 > div:nth-child(1) > div:nth-child(2) {
  width: 265% !important; }

.secondary-table-container-270 > div:nth-child(1) > div:nth-child(1) {
  width: 270% !important; }

.secondary-table-container-270 > div:nth-child(1) > div:nth-child(2) {
  width: 270% !important; }

.secondary-table-container-275 > div:nth-child(1) > div:nth-child(1) {
  width: 275% !important; }

.secondary-table-container-275 > div:nth-child(1) > div:nth-child(2) {
  width: 275% !important; }

.secondary-table-container-280 > div:nth-child(1) > div:nth-child(1) {
  width: 280% !important; }

.secondary-table-container-280 > div:nth-child(1) > div:nth-child(2) {
  width: 280% !important; }

.secondary-table-container-285 > div:nth-child(1) > div:nth-child(1) {
  width: 285% !important; }

.secondary-table-container-285 > div:nth-child(1) > div:nth-child(2) {
  width: 285% !important; }

.secondary-table-container-290 > div:nth-child(1) > div:nth-child(1) {
  width: 290% !important; }

.secondary-table-container-290 > div:nth-child(1) > div:nth-child(2) {
  width: 290% !important; }

.secondary-table-container-295 > div:nth-child(1) > div:nth-child(1) {
  width: 295% !important; }

.secondary-table-container-295 > div:nth-child(1) > div:nth-child(2) {
  width: 295% !important; }

.secondary-table-container-300 > div:nth-child(1) > div:nth-child(1) {
  width: 300% !important; }

.secondary-table-container-300 > div:nth-child(1) > div:nth-child(2) {
  width: 300% !important; }

.secondary-table-container-305 > div:nth-child(1) > div:nth-child(1) {
  width: 305% !important; }

.secondary-table-container-305 > div:nth-child(1) > div:nth-child(2) {
  width: 305% !important; }

.secondary-table-container-310 > div:nth-child(1) > div:nth-child(1) {
  width: 310% !important; }

.secondary-table-container-310 > div:nth-child(1) > div:nth-child(2) {
  width: 310% !important; }

.secondary-table-container-315 > div:nth-child(1) > div:nth-child(1) {
  width: 315% !important; }

.secondary-table-container-315 > div:nth-child(1) > div:nth-child(2) {
  width: 315% !important; }

.secondary-table-container-320 > div:nth-child(1) > div:nth-child(1) {
  width: 320% !important; }

.secondary-table-container-320 > div:nth-child(1) > div:nth-child(2) {
  width: 320% !important; }

.secondary-table-container-325 > div:nth-child(1) > div:nth-child(1) {
  width: 325% !important; }

.secondary-table-container-325 > div:nth-child(1) > div:nth-child(2) {
  width: 325% !important; }

.secondary-table-container-330 > div:nth-child(1) > div:nth-child(1) {
  width: 330% !important; }

.secondary-table-container-330 > div:nth-child(1) > div:nth-child(2) {
  width: 330% !important; }

.secondary-table-container-335 > div:nth-child(1) > div:nth-child(1) {
  width: 335% !important; }

.secondary-table-container-335 > div:nth-child(1) > div:nth-child(2) {
  width: 335% !important; }

.secondary-table-container-340 > div:nth-child(1) > div:nth-child(1) {
  width: 340% !important; }

.secondary-table-container-340 > div:nth-child(1) > div:nth-child(2) {
  width: 340% !important; }

.secondary-table-container-345 > div:nth-child(1) > div:nth-child(1) {
  width: 345% !important; }

.secondary-table-container-345 > div:nth-child(1) > div:nth-child(2) {
  width: 345% !important; }

.secondary-table-container-350 > div:nth-child(1) > div:nth-child(1) {
  width: 350% !important; }

.secondary-table-container-350 > div:nth-child(1) > div:nth-child(2) {
  width: 350% !important; }

.secondary-table-container-355 > div:nth-child(1) > div:nth-child(1) {
  width: 355% !important; }

.secondary-table-container-355 > div:nth-child(1) > div:nth-child(2) {
  width: 355% !important; }

.secondary-table-container-360 > div:nth-child(1) > div:nth-child(1) {
  width: 360% !important; }

.secondary-table-container-360 > div:nth-child(1) > div:nth-child(2) {
  width: 360% !important; }

.secondary-table-container-365 > div:nth-child(1) > div:nth-child(1) {
  width: 365% !important; }

.secondary-table-container-365 > div:nth-child(1) > div:nth-child(2) {
  width: 365% !important; }

.secondary-table-container-370 > div:nth-child(1) > div:nth-child(1) {
  width: 370% !important; }

.secondary-table-container-370 > div:nth-child(1) > div:nth-child(2) {
  width: 370% !important; }

.secondary-table-container-375 > div:nth-child(1) > div:nth-child(1) {
  width: 375% !important; }

.secondary-table-container-375 > div:nth-child(1) > div:nth-child(2) {
  width: 375% !important; }

.secondary-table-container-380 > div:nth-child(1) > div:nth-child(1) {
  width: 380% !important; }

.secondary-table-container-380 > div:nth-child(1) > div:nth-child(2) {
  width: 380% !important; }

.secondary-table-container-385 > div:nth-child(1) > div:nth-child(1) {
  width: 385% !important; }

.secondary-table-container-385 > div:nth-child(1) > div:nth-child(2) {
  width: 385% !important; }

.secondary-table-container-390 > div:nth-child(1) > div:nth-child(1) {
  width: 390% !important; }

.secondary-table-container-390 > div:nth-child(1) > div:nth-child(2) {
  width: 390% !important; }

.secondary-table-container-395 > div:nth-child(1) > div:nth-child(1) {
  width: 395% !important; }

.secondary-table-container-395 > div:nth-child(1) > div:nth-child(2) {
  width: 395% !important; }

.secondary-table-container-400 > div:nth-child(1) > div:nth-child(1) {
  width: 400% !important; }

.secondary-table-container-400 > div:nth-child(1) > div:nth-child(2) {
  width: 400% !important; }

.secondary-table-container-405 > div:nth-child(1) > div:nth-child(1) {
  width: 405% !important; }

.secondary-table-container-405 > div:nth-child(1) > div:nth-child(2) {
  width: 405% !important; }

.secondary-table-container-410 > div:nth-child(1) > div:nth-child(1) {
  width: 410% !important; }

.secondary-table-container-410 > div:nth-child(1) > div:nth-child(2) {
  width: 410% !important; }

.secondary-table-container-415 > div:nth-child(1) > div:nth-child(1) {
  width: 415% !important; }

.secondary-table-container-415 > div:nth-child(1) > div:nth-child(2) {
  width: 415% !important; }

.secondary-table-container-420 > div:nth-child(1) > div:nth-child(1) {
  width: 420% !important; }

.secondary-table-container-420 > div:nth-child(1) > div:nth-child(2) {
  width: 420% !important; }

.secondary-table-container-425 > div:nth-child(1) > div:nth-child(1) {
  width: 425% !important; }

.secondary-table-container-425 > div:nth-child(1) > div:nth-child(2) {
  width: 425% !important; }

.secondary-table-container-430 > div:nth-child(1) > div:nth-child(1) {
  width: 430% !important; }

.secondary-table-container-430 > div:nth-child(1) > div:nth-child(2) {
  width: 430% !important; }

.secondary-table-container-435 > div:nth-child(1) > div:nth-child(1) {
  width: 435% !important; }

.secondary-table-container-435 > div:nth-child(1) > div:nth-child(2) {
  width: 435% !important; }

.secondary-table-container-440 > div:nth-child(1) > div:nth-child(1) {
  width: 440% !important; }

.secondary-table-container-440 > div:nth-child(1) > div:nth-child(2) {
  width: 440% !important; }

.secondary-table-container-445 > div:nth-child(1) > div:nth-child(1) {
  width: 445% !important; }

.secondary-table-container-445 > div:nth-child(1) > div:nth-child(2) {
  width: 445% !important; }

.secondary-table-container-450 > div:nth-child(1) > div:nth-child(1) {
  width: 450% !important; }

.secondary-table-container-450 > div:nth-child(1) > div:nth-child(2) {
  width: 450% !important; }

.secondary-table-container-455 > div:nth-child(1) > div:nth-child(1) {
  width: 455% !important; }

.secondary-table-container-455 > div:nth-child(1) > div:nth-child(2) {
  width: 455% !important; }

.secondary-table-container-460 > div:nth-child(1) > div:nth-child(1) {
  width: 460% !important; }

.secondary-table-container-460 > div:nth-child(1) > div:nth-child(2) {
  width: 460% !important; }

.secondary-table-container-465 > div:nth-child(1) > div:nth-child(1) {
  width: 465% !important; }

.secondary-table-container-465 > div:nth-child(1) > div:nth-child(2) {
  width: 465% !important; }

.secondary-table-container-470 > div:nth-child(1) > div:nth-child(1) {
  width: 470% !important; }

.secondary-table-container-470 > div:nth-child(1) > div:nth-child(2) {
  width: 470% !important; }

.secondary-table-container-475 > div:nth-child(1) > div:nth-child(1) {
  width: 475% !important; }

.secondary-table-container-475 > div:nth-child(1) > div:nth-child(2) {
  width: 475% !important; }

.secondary-table-container-480 > div:nth-child(1) > div:nth-child(1) {
  width: 480% !important; }

.secondary-table-container-480 > div:nth-child(1) > div:nth-child(2) {
  width: 480% !important; }

.secondary-table-container-485 > div:nth-child(1) > div:nth-child(1) {
  width: 485% !important; }

.secondary-table-container-485 > div:nth-child(1) > div:nth-child(2) {
  width: 485% !important; }

.secondary-table-container-490 > div:nth-child(1) > div:nth-child(1) {
  width: 490% !important; }

.secondary-table-container-490 > div:nth-child(1) > div:nth-child(2) {
  width: 490% !important; }

.secondary-table-container-495 > div:nth-child(1) > div:nth-child(1) {
  width: 495% !important; }

.secondary-table-container-495 > div:nth-child(1) > div:nth-child(2) {
  width: 495% !important; }

.secondary-table-container-500 > div:nth-child(1) > div:nth-child(1) {
  width: 500% !important; }

.secondary-table-container-500 > div:nth-child(1) > div:nth-child(2) {
  width: 500% !important; }

.secondary-table-container-505 > div:nth-child(1) > div:nth-child(1) {
  width: 505% !important; }

.secondary-table-container-505 > div:nth-child(1) > div:nth-child(2) {
  width: 505% !important; }

.secondary-table-container-510 > div:nth-child(1) > div:nth-child(1) {
  width: 510% !important; }

.secondary-table-container-510 > div:nth-child(1) > div:nth-child(2) {
  width: 510% !important; }

.secondary-table-container-515 > div:nth-child(1) > div:nth-child(1) {
  width: 515% !important; }

.secondary-table-container-515 > div:nth-child(1) > div:nth-child(2) {
  width: 515% !important; }

.secondary-table-container-520 > div:nth-child(1) > div:nth-child(1) {
  width: 520% !important; }

.secondary-table-container-520 > div:nth-child(1) > div:nth-child(2) {
  width: 520% !important; }

.secondary-table-container-525 > div:nth-child(1) > div:nth-child(1) {
  width: 525% !important; }

.secondary-table-container-525 > div:nth-child(1) > div:nth-child(2) {
  width: 525% !important; }

.secondary-table-container-530 > div:nth-child(1) > div:nth-child(1) {
  width: 530% !important; }

.secondary-table-container-530 > div:nth-child(1) > div:nth-child(2) {
  width: 530% !important; }

.secondary-table-container-535 > div:nth-child(1) > div:nth-child(1) {
  width: 535% !important; }

.secondary-table-container-535 > div:nth-child(1) > div:nth-child(2) {
  width: 535% !important; }

.secondary-table-container-540 > div:nth-child(1) > div:nth-child(1) {
  width: 540% !important; }

.secondary-table-container-540 > div:nth-child(1) > div:nth-child(2) {
  width: 540% !important; }

.secondary-table-container-545 > div:nth-child(1) > div:nth-child(1) {
  width: 545% !important; }

.secondary-table-container-545 > div:nth-child(1) > div:nth-child(2) {
  width: 545% !important; }

.secondary-table-container-550 > div:nth-child(1) > div:nth-child(1) {
  width: 550% !important; }

.secondary-table-container-550 > div:nth-child(1) > div:nth-child(2) {
  width: 550% !important; }

.secondary-table-container-555 > div:nth-child(1) > div:nth-child(1) {
  width: 555% !important; }

.secondary-table-container-555 > div:nth-child(1) > div:nth-child(2) {
  width: 555% !important; }

.secondary-table-container-560 > div:nth-child(1) > div:nth-child(1) {
  width: 560% !important; }

.secondary-table-container-560 > div:nth-child(1) > div:nth-child(2) {
  width: 560% !important; }

.secondary-table-container-565 > div:nth-child(1) > div:nth-child(1) {
  width: 565% !important; }

.secondary-table-container-565 > div:nth-child(1) > div:nth-child(2) {
  width: 565% !important; }

.secondary-table-container-570 > div:nth-child(1) > div:nth-child(1) {
  width: 570% !important; }

.secondary-table-container-570 > div:nth-child(1) > div:nth-child(2) {
  width: 570% !important; }

.secondary-table-container-575 > div:nth-child(1) > div:nth-child(1) {
  width: 575% !important; }

.secondary-table-container-575 > div:nth-child(1) > div:nth-child(2) {
  width: 575% !important; }

.secondary-table-container-580 > div:nth-child(1) > div:nth-child(1) {
  width: 580% !important; }

.secondary-table-container-580 > div:nth-child(1) > div:nth-child(2) {
  width: 580% !important; }

.secondary-table-container-585 > div:nth-child(1) > div:nth-child(1) {
  width: 585% !important; }

.secondary-table-container-585 > div:nth-child(1) > div:nth-child(2) {
  width: 585% !important; }

.secondary-table-container-590 > div:nth-child(1) > div:nth-child(1) {
  width: 590% !important; }

.secondary-table-container-590 > div:nth-child(1) > div:nth-child(2) {
  width: 590% !important; }

.secondary-table-container-595 > div:nth-child(1) > div:nth-child(1) {
  width: 595% !important; }

.secondary-table-container-595 > div:nth-child(1) > div:nth-child(2) {
  width: 595% !important; }

.secondary-table-container-600 > div:nth-child(1) > div:nth-child(1) {
  width: 600% !important; }

.secondary-table-container-600 > div:nth-child(1) > div:nth-child(2) {
  width: 600% !important; }

.secondary-table-container-605 > div:nth-child(1) > div:nth-child(1) {
  width: 605% !important; }

.secondary-table-container-605 > div:nth-child(1) > div:nth-child(2) {
  width: 605% !important; }

.secondary-table-container-610 > div:nth-child(1) > div:nth-child(1) {
  width: 610% !important; }

.secondary-table-container-610 > div:nth-child(1) > div:nth-child(2) {
  width: 610% !important; }

.secondary-table-container-615 > div:nth-child(1) > div:nth-child(1) {
  width: 615% !important; }

.secondary-table-container-615 > div:nth-child(1) > div:nth-child(2) {
  width: 615% !important; }

.secondary-table-container-620 > div:nth-child(1) > div:nth-child(1) {
  width: 620% !important; }

.secondary-table-container-620 > div:nth-child(1) > div:nth-child(2) {
  width: 620% !important; }

.secondary-table-container-625 > div:nth-child(1) > div:nth-child(1) {
  width: 625% !important; }

.secondary-table-container-625 > div:nth-child(1) > div:nth-child(2) {
  width: 625% !important; }

.secondary-table-container-630 > div:nth-child(1) > div:nth-child(1) {
  width: 630% !important; }

.secondary-table-container-630 > div:nth-child(1) > div:nth-child(2) {
  width: 630% !important; }

.secondary-table-container-635 > div:nth-child(1) > div:nth-child(1) {
  width: 635% !important; }

.secondary-table-container-635 > div:nth-child(1) > div:nth-child(2) {
  width: 635% !important; }

.secondary-table-container-640 > div:nth-child(1) > div:nth-child(1) {
  width: 640% !important; }

.secondary-table-container-640 > div:nth-child(1) > div:nth-child(2) {
  width: 640% !important; }

.secondary-table-container-645 > div:nth-child(1) > div:nth-child(1) {
  width: 645% !important; }

.secondary-table-container-645 > div:nth-child(1) > div:nth-child(2) {
  width: 645% !important; }

.secondary-table-container-650 > div:nth-child(1) > div:nth-child(1) {
  width: 650% !important; }

.secondary-table-container-650 > div:nth-child(1) > div:nth-child(2) {
  width: 650% !important; }

.secondary-table-container-655 > div:nth-child(1) > div:nth-child(1) {
  width: 655% !important; }

.secondary-table-container-655 > div:nth-child(1) > div:nth-child(2) {
  width: 655% !important; }

.secondary-table-container-660 > div:nth-child(1) > div:nth-child(1) {
  width: 660% !important; }

.secondary-table-container-660 > div:nth-child(1) > div:nth-child(2) {
  width: 660% !important; }

.secondary-table-container-665 > div:nth-child(1) > div:nth-child(1) {
  width: 665% !important; }

.secondary-table-container-665 > div:nth-child(1) > div:nth-child(2) {
  width: 665% !important; }

.secondary-table-container-670 > div:nth-child(1) > div:nth-child(1) {
  width: 670% !important; }

.secondary-table-container-670 > div:nth-child(1) > div:nth-child(2) {
  width: 670% !important; }

.secondary-table-container-675 > div:nth-child(1) > div:nth-child(1) {
  width: 675% !important; }

.secondary-table-container-675 > div:nth-child(1) > div:nth-child(2) {
  width: 675% !important; }

.secondary-table-container-680 > div:nth-child(1) > div:nth-child(1) {
  width: 680% !important; }

.secondary-table-container-680 > div:nth-child(1) > div:nth-child(2) {
  width: 680% !important; }

.secondary-table-container-685 > div:nth-child(1) > div:nth-child(1) {
  width: 685% !important; }

.secondary-table-container-685 > div:nth-child(1) > div:nth-child(2) {
  width: 685% !important; }

.secondary-table-container-690 > div:nth-child(1) > div:nth-child(1) {
  width: 690% !important; }

.secondary-table-container-690 > div:nth-child(1) > div:nth-child(2) {
  width: 690% !important; }

.secondary-table-container-695 > div:nth-child(1) > div:nth-child(1) {
  width: 695% !important; }

.secondary-table-container-695 > div:nth-child(1) > div:nth-child(2) {
  width: 695% !important; }

.secondary-table-container-700 > div:nth-child(1) > div:nth-child(1) {
  width: 700% !important; }

.secondary-table-container-700 > div:nth-child(1) > div:nth-child(2) {
  width: 700% !important; }

.secondary-table-container-705 > div:nth-child(1) > div:nth-child(1) {
  width: 705% !important; }

.secondary-table-container-705 > div:nth-child(1) > div:nth-child(2) {
  width: 705% !important; }

.secondary-table-container-710 > div:nth-child(1) > div:nth-child(1) {
  width: 710% !important; }

.secondary-table-container-710 > div:nth-child(1) > div:nth-child(2) {
  width: 710% !important; }

.secondary-table-container-715 > div:nth-child(1) > div:nth-child(1) {
  width: 715% !important; }

.secondary-table-container-715 > div:nth-child(1) > div:nth-child(2) {
  width: 715% !important; }

.secondary-table-container-720 > div:nth-child(1) > div:nth-child(1) {
  width: 720% !important; }

.secondary-table-container-720 > div:nth-child(1) > div:nth-child(2) {
  width: 720% !important; }

.secondary-table-container-725 > div:nth-child(1) > div:nth-child(1) {
  width: 725% !important; }

.secondary-table-container-725 > div:nth-child(1) > div:nth-child(2) {
  width: 725% !important; }

.secondary-table-container-730 > div:nth-child(1) > div:nth-child(1) {
  width: 730% !important; }

.secondary-table-container-730 > div:nth-child(1) > div:nth-child(2) {
  width: 730% !important; }

.secondary-table-container-735 > div:nth-child(1) > div:nth-child(1) {
  width: 735% !important; }

.secondary-table-container-735 > div:nth-child(1) > div:nth-child(2) {
  width: 735% !important; }

.secondary-table-container-740 > div:nth-child(1) > div:nth-child(1) {
  width: 740% !important; }

.secondary-table-container-740 > div:nth-child(1) > div:nth-child(2) {
  width: 740% !important; }

.secondary-table-container-745 > div:nth-child(1) > div:nth-child(1) {
  width: 745% !important; }

.secondary-table-container-745 > div:nth-child(1) > div:nth-child(2) {
  width: 745% !important; }

.secondary-table-container-750 > div:nth-child(1) > div:nth-child(1) {
  width: 750% !important; }

.secondary-table-container-750 > div:nth-child(1) > div:nth-child(2) {
  width: 750% !important; }

.secondary-table-container-755 > div:nth-child(1) > div:nth-child(1) {
  width: 755% !important; }

.secondary-table-container-755 > div:nth-child(1) > div:nth-child(2) {
  width: 755% !important; }

.secondary-table-container-760 > div:nth-child(1) > div:nth-child(1) {
  width: 760% !important; }

.secondary-table-container-760 > div:nth-child(1) > div:nth-child(2) {
  width: 760% !important; }

.secondary-table-container-765 > div:nth-child(1) > div:nth-child(1) {
  width: 765% !important; }

.secondary-table-container-765 > div:nth-child(1) > div:nth-child(2) {
  width: 765% !important; }

.secondary-table-container-770 > div:nth-child(1) > div:nth-child(1) {
  width: 770% !important; }

.secondary-table-container-770 > div:nth-child(1) > div:nth-child(2) {
  width: 770% !important; }

.secondary-table-container-775 > div:nth-child(1) > div:nth-child(1) {
  width: 775% !important; }

.secondary-table-container-775 > div:nth-child(1) > div:nth-child(2) {
  width: 775% !important; }

.secondary-table-container-780 > div:nth-child(1) > div:nth-child(1) {
  width: 780% !important; }

.secondary-table-container-780 > div:nth-child(1) > div:nth-child(2) {
  width: 780% !important; }

.secondary-table-container-785 > div:nth-child(1) > div:nth-child(1) {
  width: 785% !important; }

.secondary-table-container-785 > div:nth-child(1) > div:nth-child(2) {
  width: 785% !important; }

.secondary-table-container-790 > div:nth-child(1) > div:nth-child(1) {
  width: 790% !important; }

.secondary-table-container-790 > div:nth-child(1) > div:nth-child(2) {
  width: 790% !important; }

.secondary-table-container-795 > div:nth-child(1) > div:nth-child(1) {
  width: 795% !important; }

.secondary-table-container-795 > div:nth-child(1) > div:nth-child(2) {
  width: 795% !important; }

.secondary-table-container-800 > div:nth-child(1) > div:nth-child(1) {
  width: 800% !important; }

.secondary-table-container-800 > div:nth-child(1) > div:nth-child(2) {
  width: 800% !important; }

.secondary-table-container-805 > div:nth-child(1) > div:nth-child(1) {
  width: 805% !important; }

.secondary-table-container-805 > div:nth-child(1) > div:nth-child(2) {
  width: 805% !important; }

.secondary-table-container-810 > div:nth-child(1) > div:nth-child(1) {
  width: 810% !important; }

.secondary-table-container-810 > div:nth-child(1) > div:nth-child(2) {
  width: 810% !important; }

.secondary-table-container-815 > div:nth-child(1) > div:nth-child(1) {
  width: 815% !important; }

.secondary-table-container-815 > div:nth-child(1) > div:nth-child(2) {
  width: 815% !important; }

.secondary-table-container-820 > div:nth-child(1) > div:nth-child(1) {
  width: 820% !important; }

.secondary-table-container-820 > div:nth-child(1) > div:nth-child(2) {
  width: 820% !important; }

.secondary-table-container-825 > div:nth-child(1) > div:nth-child(1) {
  width: 825% !important; }

.secondary-table-container-825 > div:nth-child(1) > div:nth-child(2) {
  width: 825% !important; }

.secondary-table-container-830 > div:nth-child(1) > div:nth-child(1) {
  width: 830% !important; }

.secondary-table-container-830 > div:nth-child(1) > div:nth-child(2) {
  width: 830% !important; }

.secondary-table-container-835 > div:nth-child(1) > div:nth-child(1) {
  width: 835% !important; }

.secondary-table-container-835 > div:nth-child(1) > div:nth-child(2) {
  width: 835% !important; }

.secondary-table-container-840 > div:nth-child(1) > div:nth-child(1) {
  width: 840% !important; }

.secondary-table-container-840 > div:nth-child(1) > div:nth-child(2) {
  width: 840% !important; }

.secondary-table-container-845 > div:nth-child(1) > div:nth-child(1) {
  width: 845% !important; }

.secondary-table-container-845 > div:nth-child(1) > div:nth-child(2) {
  width: 845% !important; }

.secondary-table-container-850 > div:nth-child(1) > div:nth-child(1) {
  width: 850% !important; }

.secondary-table-container-850 > div:nth-child(1) > div:nth-child(2) {
  width: 850% !important; }

.secondary-table-container-855 > div:nth-child(1) > div:nth-child(1) {
  width: 855% !important; }

.secondary-table-container-855 > div:nth-child(1) > div:nth-child(2) {
  width: 855% !important; }

.secondary-table-container-860 > div:nth-child(1) > div:nth-child(1) {
  width: 860% !important; }

.secondary-table-container-860 > div:nth-child(1) > div:nth-child(2) {
  width: 860% !important; }

.secondary-table-container-865 > div:nth-child(1) > div:nth-child(1) {
  width: 865% !important; }

.secondary-table-container-865 > div:nth-child(1) > div:nth-child(2) {
  width: 865% !important; }

.secondary-table-container-870 > div:nth-child(1) > div:nth-child(1) {
  width: 870% !important; }

.secondary-table-container-870 > div:nth-child(1) > div:nth-child(2) {
  width: 870% !important; }

.secondary-table-container-875 > div:nth-child(1) > div:nth-child(1) {
  width: 875% !important; }

.secondary-table-container-875 > div:nth-child(1) > div:nth-child(2) {
  width: 875% !important; }

.secondary-table-container-880 > div:nth-child(1) > div:nth-child(1) {
  width: 880% !important; }

.secondary-table-container-880 > div:nth-child(1) > div:nth-child(2) {
  width: 880% !important; }

.secondary-table-container-885 > div:nth-child(1) > div:nth-child(1) {
  width: 885% !important; }

.secondary-table-container-885 > div:nth-child(1) > div:nth-child(2) {
  width: 885% !important; }

.secondary-table-container-890 > div:nth-child(1) > div:nth-child(1) {
  width: 890% !important; }

.secondary-table-container-890 > div:nth-child(1) > div:nth-child(2) {
  width: 890% !important; }

.secondary-table-container-895 > div:nth-child(1) > div:nth-child(1) {
  width: 895% !important; }

.secondary-table-container-895 > div:nth-child(1) > div:nth-child(2) {
  width: 895% !important; }

.secondary-table-container-900 > div:nth-child(1) > div:nth-child(1) {
  width: 900% !important; }

.secondary-table-container-900 > div:nth-child(1) > div:nth-child(2) {
  width: 900% !important; }

.secondary-table-container-905 > div:nth-child(1) > div:nth-child(1) {
  width: 905% !important; }

.secondary-table-container-905 > div:nth-child(1) > div:nth-child(2) {
  width: 905% !important; }

.secondary-table-container-910 > div:nth-child(1) > div:nth-child(1) {
  width: 910% !important; }

.secondary-table-container-910 > div:nth-child(1) > div:nth-child(2) {
  width: 910% !important; }

.secondary-table-container-915 > div:nth-child(1) > div:nth-child(1) {
  width: 915% !important; }

.secondary-table-container-915 > div:nth-child(1) > div:nth-child(2) {
  width: 915% !important; }

.secondary-table-container-920 > div:nth-child(1) > div:nth-child(1) {
  width: 920% !important; }

.secondary-table-container-920 > div:nth-child(1) > div:nth-child(2) {
  width: 920% !important; }

.secondary-table-container-925 > div:nth-child(1) > div:nth-child(1) {
  width: 925% !important; }

.secondary-table-container-925 > div:nth-child(1) > div:nth-child(2) {
  width: 925% !important; }

.secondary-table-container-930 > div:nth-child(1) > div:nth-child(1) {
  width: 930% !important; }

.secondary-table-container-930 > div:nth-child(1) > div:nth-child(2) {
  width: 930% !important; }

.secondary-table-container-935 > div:nth-child(1) > div:nth-child(1) {
  width: 935% !important; }

.secondary-table-container-935 > div:nth-child(1) > div:nth-child(2) {
  width: 935% !important; }

.secondary-table-container-940 > div:nth-child(1) > div:nth-child(1) {
  width: 940% !important; }

.secondary-table-container-940 > div:nth-child(1) > div:nth-child(2) {
  width: 940% !important; }

.secondary-table-container-945 > div:nth-child(1) > div:nth-child(1) {
  width: 945% !important; }

.secondary-table-container-945 > div:nth-child(1) > div:nth-child(2) {
  width: 945% !important; }

.secondary-table-container-950 > div:nth-child(1) > div:nth-child(1) {
  width: 950% !important; }

.secondary-table-container-950 > div:nth-child(1) > div:nth-child(2) {
  width: 950% !important; }

.secondary-table-container-955 > div:nth-child(1) > div:nth-child(1) {
  width: 955% !important; }

.secondary-table-container-955 > div:nth-child(1) > div:nth-child(2) {
  width: 955% !important; }

.secondary-table-container-960 > div:nth-child(1) > div:nth-child(1) {
  width: 960% !important; }

.secondary-table-container-960 > div:nth-child(1) > div:nth-child(2) {
  width: 960% !important; }

.secondary-table-container-965 > div:nth-child(1) > div:nth-child(1) {
  width: 965% !important; }

.secondary-table-container-965 > div:nth-child(1) > div:nth-child(2) {
  width: 965% !important; }

.secondary-table-container-970 > div:nth-child(1) > div:nth-child(1) {
  width: 970% !important; }

.secondary-table-container-970 > div:nth-child(1) > div:nth-child(2) {
  width: 970% !important; }

.secondary-table-container-975 > div:nth-child(1) > div:nth-child(1) {
  width: 975% !important; }

.secondary-table-container-975 > div:nth-child(1) > div:nth-child(2) {
  width: 975% !important; }

.secondary-table-container-980 > div:nth-child(1) > div:nth-child(1) {
  width: 980% !important; }

.secondary-table-container-980 > div:nth-child(1) > div:nth-child(2) {
  width: 980% !important; }

.secondary-table-container-985 > div:nth-child(1) > div:nth-child(1) {
  width: 985% !important; }

.secondary-table-container-985 > div:nth-child(1) > div:nth-child(2) {
  width: 985% !important; }

.secondary-table-container-990 > div:nth-child(1) > div:nth-child(1) {
  width: 990% !important; }

.secondary-table-container-990 > div:nth-child(1) > div:nth-child(2) {
  width: 990% !important; }

.secondary-table-container-995 > div:nth-child(1) > div:nth-child(1) {
  width: 995% !important; }

.secondary-table-container-995 > div:nth-child(1) > div:nth-child(2) {
  width: 995% !important; }

.fixed-table-column table {
  width: 100% !important; }

.supply-tree-body-content > div {
  box-shadow: unset !important; }

.table-custom-scroll {
  width: 94%;
  display: inline-block; }

.table-header-name {
  border-left: 1px solid #b5b4b4 !important;
  border-bottom: 1px solid #b5b4b4 !important; }

.table-custom-scroll,
.fixed-table-column {
  background-color: white !important; }

.table-custom-scroll > div:nth-child(1) {
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .table-custom-scroll > div:nth-child(1)::-webkit-scrollbar {
    width: 5px !important;
    height: 10px; }
  .table-custom-scroll > div:nth-child(1)::-webkit-scrollbar-track {
    background: #f1f1f1 !important; }
  .table-custom-scroll > div:nth-child(1)::-webkit-scrollbar-thumb {
    border-radius: 500px !important;
    background: #b5b4b4 !important; }
  .table-custom-scroll > div:nth-child(1)::-webkit-scrollbar-thumb:hover {
    background: #c6c6c6 !important; }

.icon-adjustement-textfield {
  fill: #697c88 !important;
  position: absolute;
  float: right;
  padding: 5px;
  margin-left: -2%;
  cursor: pointer; }

.table-cell {
  font-weight: 500;
  display: -webkit-inline-box;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis; }

.table-cell-active {
  color: #5fb75f;
  font-weight: 500;
  display: -webkit-inline-box;
  padding: 5px; }

.table-cell-in-active {
  color: #ff6b6b;
  font-weight: 500;
  display: -webkit-inline-box;
  padding: 5px; }

.table-cell-in-active-partial {
  color: orange; }

.admin-search-title-bar {
  color: #757575;
  text-align: center;
  margin-bottom: 12px;
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5rem;
  text-decoration: inherit;
  text-transform: inherit;
  margin: 0.75rem 0; }

.add-new-supplier-root {
  width: 80%; }

.side-list-item-active {
  background-color: #f0f0f0 !important; }
  .side-list-item-active .right-icon {
    cursor: pointer; }

.info-text {
  font-weight: 400; }

.custom-sub-header {
  font-size: 19px !important;
  color: black !important; }

.list-item-text {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  margin: 0; }

.test-requests-container {
  background-color: #e7ecec;
  width: 100vw;
  height: 100% !important;
  display: flex; }
  .test-requests-container-left-nav-bar {
    flex: none;
    width: 15%;
    height: inherit;
    background-color: white; }
  .test-requests-container-body {
    flex: 4;
    padding: 8px;
    overflow: hidden; }
    .test-requests-container-body > div {
      overflow: unset; }
      .test-requests-container-body > div.gal-table > div:nth-child(3) {
        height: max-content !important;
        overflow-y: unset; }
    .test-requests-container-body-no-search {
      flex: 6 !important;
      padding-right: 5% !important; }
  .test-requests-container-right-nav-bar {
    flex: 1;
    height: 88vh;
    overflow: hidden; }
    .test-requests-container-right-nav-bar nav {
      overflow: hidden !important; }

.test-requests-container-body.supply-tree-body
> div
> div.gal-table
> div:nth-child(3) {
  height: 586px;
  width: 100%;
  height: max-content !important;
  overflow: unset !important;
  overflow-x: auto !important;
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .test-requests-container-body.supply-tree-body
> div
> div.gal-table
> div:nth-child(3) > div {
    overflow: unset !important;
    margin: 0px !important; }
  .test-requests-container-body.supply-tree-body
> div
> div.gal-table
> div:nth-child(3)::-webkit-scrollbar {
    width: 5px !important;
    height: 5px; }
  .test-requests-container-body.supply-tree-body
> div
> div.gal-table
> div:nth-child(3)::-webkit-scrollbar-track {
    background: #f1f1f1 !important; }
  .test-requests-container-body.supply-tree-body
> div
> div.gal-table
> div:nth-child(3)::-webkit-scrollbar-thumb {
    border-radius: 500px !important;
    background: #b5b4b4 !important; }
  .test-requests-container-body.supply-tree-body
> div
> div.gal-table
> div:nth-child(3)::-webkit-scrollbar-thumb:hover {
    background: #c6c6c6 !important; }

.test-requests-container-right-nav-bar > nav > div > div:nth-child(2) {
  height: 70% !important;
  overflow-y: scroll !important; }

.advanced-search-buttons {
  padding: 16px; }

.test-requests-container
> div.test-requests-container-body
> div
> div:nth-child(1)
> div:nth-child(1)
> div
> div:nth-child(3) {
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .test-requests-container
> div.test-requests-container-body
> div
> div:nth-child(1)
> div:nth-child(1)
> div
> div:nth-child(3) div {
    margin: 0px !important; }
  .test-requests-container
> div.test-requests-container-body
> div
> div:nth-child(1)
> div:nth-child(1)
> div
> div:nth-child(3)::-webkit-scrollbar {
    width: 5px !important;
    height: 5px; }
  .test-requests-container
> div.test-requests-container-body
> div
> div:nth-child(1)
> div:nth-child(1)
> div
> div:nth-child(3)::-webkit-scrollbar-track {
    background: #f1f1f1 !important; }
  .test-requests-container
> div.test-requests-container-body
> div
> div:nth-child(1)
> div:nth-child(1)
> div
> div:nth-child(3)::-webkit-scrollbar-thumb {
    border-radius: 500px !important;
    background: #b5b4b4 !important; }
  .test-requests-container
> div.test-requests-container-body
> div
> div:nth-child(1)
> div:nth-child(1)
> div
> div:nth-child(3)::-webkit-scrollbar-thumb:hover {
    background: #c6c6c6 !important; }

@media only screen and (min-width: 800px) and (max-width: 1500px) {
  .test-requests-container {
    height: 100vh; }
    .test-requests-container-left-nav-bar {
      overflow-y: auto !important; }
    .test-requests-container-body {
      flex: 4;
      padding: 8px;
      height: unset !important; }
    .test-requests-container-right-nav-bar {
      flex: none;
      width: 23%; }
  .secondary-table-container-340 .table-custom-scroll {
    flex: 1 0 73% !important; }
  .horizontal-layout-content-body .custom-scrollbar .lg {
    height: 95vh !important; } }

.parent-groups .horizontal-layout-side-nav {
  justify-content: space-between;
  padding-bottom: 55px; }

@media only screen and (min-width: 1400px) and (max-width: 1800px) {
  .test-requests-container {
    height: 80vh; }
    .test-requests-container-left-nav-bar {
      overflow-y: auto !important; }
    .test-requests-container-body {
      flex: 4;
      padding: 8px; }
    .test-requests-container-right-nav-bar {
      flex: none;
      width: 23%; }
  .test-requests-container-body.supply-tree-body
> div
> div.gal-table
> div:nth-child(3) {
    /* height: -webkit-max-content !important; */
    height: 60vh !important;
    overflow-x: scroll !important; }
  .test-requests-container-right-nav-bar > nav > div > div:nth-child(2) {
    height: 40% !important;
    overflow-y: scroll !important; } }

.retest-error-message,
.faded-section {
  padding-left: 16px;
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  display: flex;
  opacity: 0;
  flex-flow: row;
  height: 40px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; }
  .retest-error-message p,
  .faded-section p {
    display: inline-block;
    margin: 0px !important;
    align-self: center; }
    .retest-error-message p svg,
    .faded-section p svg {
      fill: #856404 !important; }
  .retest-error-message p:nth-child(1),
  .faded-section p:nth-child(1) {
    padding-left: 6px; }
  .retest-error-message-has-match,
  .faded-section-has-match {
    padding-left: 16px;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    display: flex;
    flex-flow: row;
    height: 40px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
    transition: opacity 0.6s;
    opacity: 1; }
    .retest-error-message-has-match p,
    .faded-section-has-match p {
      display: inline-block;
      margin: 0px !important;
      align-self: center; }
      .retest-error-message-has-match p svg,
      .faded-section-has-match p svg {
        fill: #856404 !important; }
    .retest-error-message-has-match p:nth-child(1),
    .faded-section-has-match p:nth-child(1) {
      padding-left: 6px !important; }
    .retest-error-message-has-match-override,
    .faded-section-has-match-override {
      background-color: unset;
      height: unset;
      padding-left: unset;
      color: unset; }
      .retest-error-message-has-match-override p,
      .faded-section-has-match-override p {
        display: inline-block;
        margin: 0px !important;
        align-self: unset; }

.css-text-test-request-button:after {
  content: "Retest Fails" !important; }

.css-text-test-request-button-next:after {
  content: "NEXT" !important; }

.contact-icon {
  font-size: 69px;
  color: #ed7071 !important;
  border: 3px solid #fff7f7;
  border-radius: 70px;
  padding: 21px;
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff,
 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }

.context-menu-test-requests {
  padding: 0px !important; }

.selected-test-request-count {
  display: inline-block !important;
  color: darkorange;
  padding-left: 16px; }
  .selected-test-request-count span {
    cursor: pointer;
    text-decoration: underline; }

.selecte-all-rows-container {
  display: inline-flex;
  flex-flow: row; }
  .selecte-all-rows-container div {
    align-self: center; }

.table-custom-scroll
> div:nth-child(1)
> div:nth-child(1)
> table
> thead
> tr
> th {
  white-space: nowrap !important;
  overflow: hidden; }

.secondary-table-top-bar-icons-test-request {
  display: flex;
  flex-flow: wrap; }
  .secondary-table-top-bar-icons-test-request div {
    flex: 9;
    align-self: center; }
  .secondary-table-top-bar-icons-test-request .button-class {
    flex: 1 0 50px; }
    .secondary-table-top-bar-icons-test-request .button-class button {
      display: inline-block !important; }

.advanced-search-pop-over-documents {
  width: 728px !important; }
  .advanced-search-pop-over-documents .row {
    width: 100%; }
  .advanced-search-pop-over-documents .col {
    padding: 16px;
    width: 50%; }

.advanced-search-pop-over {
  width: 100%;
  padding: 16px; }
  .advanced-search-pop-over > div:nth-child(1) {
    width: 100% !important;
    display: block; }
    .advanced-search-pop-over > div:nth-child(1) > div:nth-child(1) {
      width: 100% !important;
      display: block !important;
      padding: 2px !important; }

.advanced-search-parent {
  display: flex;
  flex-flow: column; }
  .advanced-search-parent .advanced-search-pop-over-field {
    display: flex;
    flex-flow: row;
    flex: 1;
    flex-basis: auto; }
    .advanced-search-parent .advanced-search-pop-over-field div:nth-child(1) {
      flex: 1; }
    .advanced-search-parent .advanced-search-pop-over-field div:nth-child(2) {
      flex: 3; }

.table-cell-warning {
  color: orange; }

.trf-active-tabs {
  background-color: #f1f1f1; }

.search-element-entities {
  margin-top: -16px;
  float: left; }
  .search-element-entities li {
    display: inline-block;
    list-style-type: none;
    padding-right: 4px;
    padding-top: 8px; }
  .search-element-entities div {
    color: #42a5f5;
    border-color: #42a5f5; }
  .search-element-entities svg {
    color: #42a5f5; }
    .search-element-entities svg:hover {
      color: #64b2f1; }

advanced-search-pop-over-field h3 {
  color: #757575 !important; }

.search-element-entities {
  padding-left: 16px;
  margin: 0px; }
  .search-element-entities li div {
    display: flex;
    flex-flow: wrap; }
    .search-element-entities li div div {
      align-self: center;
      padding: 4px; }
      .search-element-entities li div div p {
        padding: 0px;
        margin: 0px; }
      .search-element-entities li div div svg {
        height: 20px !important;
        width: 20px !important; }

.test-requests-container-left-nav-bar {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  border-right: 1px solid #e0e0e0 !important; }

.spinner-center::before {
  height: 80% !important; }

.test-request-container-override-message {
  position: absolute;
  top: 57%;
  left: 53%;
  font-weight: 600;
  transform: translate(-40%, -50%); }

.test-request-container-override-active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0.7;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 53%;
  width: 50px;
  height: 50px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 4px solid #ccc;
  border-top-color: #55626b;
  animation: spinner 1s linear infinite;
  z-index: 2; }

.test-request-container-override-active::before {
  content: "";
  position: absolute;
  height: 88%;
  background-color: #eaeff0;
  z-index: 1; }

.lab-testing-spinner {
  position: relative;
  opacity: 0.7;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 45%;
  left: 45%;
  border: 4px solid #ccc;
  border-top-color: #55626b;
  animation: spinner 1s linear infinite; }

.lab-testing-spinner.sm {
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  display: inline-flex;
  border-width: 3px; }

.side-nav-hover:hover {
  background-color: #eeeeee;
  color: black; }

@keyframes spinner {
  to {
    transform: rotate(360deg); } }

.overlay-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999; }

.custom-class-speed-dial > .MuiButtonBase-root {
  background-color: #697c88; }
  .custom-class-speed-dial > .MuiButtonBase-root:hover {
    background-color: #7d8f9a !important; }

.table-text-cell-item {
  font-size: 16px;
  font-weight: 500; }

.button-icon-style {
  width: fit-content;
  display: flex;
  flex-flow: row;
  align-self: center; }
  .button-icon-style div:nth-child(2) {
    padding-left: 10%; }

.no-results-table {
  display: flex;
  width: 100%;
  text-align: center;
  height: 550px; }
  .no-results-table div {
    width: inherit;
    align-self: center; }

.no-results-table.small {
  height: 250px; }

.skinny-side-nav-sub-menu-items {
  display: flex;
  flex-flow: wrap;
  align-self: center; }
  .skinny-side-nav-sub-menu-items .material-icons {
    align-self: center;
    width: 20px;
    padding-right: 10% !important; }

.advanced-search-model-admin div {
  width: 100%; }

.notification-badge .MuiPaper-root {
  overflow: inherit;
  top: 55px !important; }
  .notification-badge .MuiPaper-root::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid white;
    position: absolute;
    margin-top: -12px;
    margin-left: 73% !important; }
  .notification-badge .MuiPaper-root .MuiList-root {
    padding: 0px !important; }
  .notification-badge .MuiPaper-root .MuiCardHeader-root {
    padding: 0px !important;
    width: 100%; }
  .notification-badge .MuiPaper-root .MuiAvatar-root {
    font-size: 16px !important; }

.notification-and-issue-badge .MuiPaper-root {
  overflow: inherit;
  top: 55px !important; }
  .notification-and-issue-badge .MuiPaper-root::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid white;
    position: absolute;
    margin-top: -12px;
    margin-left: 81%; }
  .notification-and-issue-badge .MuiPaper-root .MuiList-root {
    padding: 0px !important; }
  .notification-and-issue-badge .MuiPaper-root .MuiCardHeader-root {
    padding: 0px !important;
    width: 100%; }
  .notification-and-issue-badge .MuiPaper-root .MuiAvatar-root {
    font-size: 16px !important; }

.custom-scrollbar {
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .custom-scrollbar::-webkit-scrollbar {
    width: 5px !important;
    height: 5px; }
  .custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1 !important; }
  .custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 500px !important;
    background: #b5b4b4 !important; }
  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #c6c6c6 !important; }

.custom-scrollbar.lg::-webkit-scrollbar {
  width: 10px !important;
  height: 10px; }

/*Change text in autofill textbox*/
@-webkit-keyframes autofill {
  0%,
  100% {
    color: #666;
    background: white; } }

@keyframes autofill {
  0%,
  100% {
    color: #666;
    background: white; } }

input:-webkit-autofill {
  -webkit-animation-delay: 1s;
  /* Safari support - any positive time runs instantly */
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both; }

.test-group-view-item p {
  cursor: pointer; }

.test-group-edit-methods-parameters p {
  width: fit-content;
  white-space: pre; }

.restricted-text-field {
  cursor: not-allowed; }
  .restricted-text-field input {
    cursor: not-allowed; }

.parmeter-group-accoridan .MuiExpansionPanelSummary-content {
  margin: 0px !important; }

.warning-message-parmeter {
  display: inline-flex;
  align-items: center; }
  .warning-message-parmeter div:nth-child(3) i {
    color: orange;
    font-size: 16px; }
  .warning-message-parmeter div:nth-child(4) {
    color: orange; }

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes rotationInverse {
  0% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.rotate-clock-wise {
  animation: rotation 16s infinite linear; }

.rotate-anti-clock-wise {
  animation: rotationInverse 16s infinite linear; }
  .rotate-anti-clock-wise-icon {
    margin-left: -30px;
    margin-top: 34px;
    position: absolute;
    top: 163px; }

.issue-dialog-container {
  padding-left: 16px; }
  .issue-dialog-container div.MuiFormControl-root {
    width: 100% !important; }

.issue-dialog-container-left .MuiFormControl-root {
  width: 100% !important; }

.issue-dialog-container-left div.MuiAutocomplete-inputRoot {
  height: 42px !important; }

.no-steper-labels .MuiStepLabel-iconContainer {
  display: none !important; }

.side-bar-notification-item svg {
  display: block !important;
  color: rgba(0, 0, 0, 0.87) !important;
  fill: #757575 !important;
  height: 24px !important;
  width: 24px !important;
  user-select: none !important;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms !important;
  position: absolute !important;
  top: 0px !important;
  margin: 12px !important;
  left: 4px !important; }

.side-bar-notification-item div {
  list-style-type: none;
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: inherit;
  color: #697c88; }

.tooltip-google-chart {
  padding: 8px; }
  .tooltip-google-chart p {
    margin: 0px; }

.speech-bubble-left {
  position: relative;
  min-height: 60px;
  width: 90%;
  background: #687c88;
  border-radius: 0.4em;
  margin-left: 4%; }

.speech-bubble-left:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-right-color: #687c88;
  border-left: 0;
  margin-top: -18px;
  margin-left: -12px; }

.speech-bubble-right {
  position: relative;
  border-radius: 0.4em;
  min-height: 60px;
  width: 91%;
  background: #bddcf3;
  border-radius: 0.4em;
  margin-left: 24px; }

.speech-bubble-right:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-left-color: #bddcf3;
  border-right: 0;
  margin-top: -18px;
  margin-right: -12px; }

.text-bubble-left {
  display: flex;
  word-wrap: break-word; }
  .text-bubble-left div {
    align-self: center; }
  .text-bubble-left div:nth-child(2) {
    width: 80%; }
  .text-bubble-left p {
    padding: 8px;
    color: white; }

.text-bubble-right {
  display: flex;
  word-wrap: break-word;
  flex-direction: row-reverse; }
  .text-bubble-right div {
    align-self: center; }
  .text-bubble-right div:nth-child(2) {
    width: 80%; }
  .text-bubble-right p {
    padding: 8px; }

.custom-fields-settings .custom-fields-settings-cell {
  flex: 1 0 180px !important; }

.arrow-animate-90 {
  transform: rotateZ(0deg);
  transition: all 0.2s; }

.arrow-animate-0 {
  transform: rotateZ(90deg);
  transition: all 0.2s; }

.pdf-canvas-preview canvas {
  width: 100% !important;
  height: auto !important; }

.mui-table-head-custom {
  font-weight: normal;
  font-size: 12px;
  height: 56px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #9e9e9e;
  position: relative;
  background-color: inherit;
  border-bottom: 1px solid #f3f3f3; }

.mui-table-cell-custom {
  height: 48px;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: inherit;
  width: 30px;
  border-bottom: 1px solid #f3f3f3; }

.color-scheme-tool-bar-new-balance > div {
  background-color: #697c88 !important; }

.color-scheme-tool-bar-new-balance button .material-icons {
  color: white; }

.color-scheme-tool-bar-new-balance button svg {
  fill: white !important; }

.color-scheme-tool-bar-new-balance button svg #changeable-stroke {
  stroke: white; }

.color-scheme-app-bar-new-balance header,
.color-scheme-app-bar-new-balance img {
  background-color: #f0f0f0 !important; }

.color-scheme-app-bar-new-balance a,
.color-scheme-app-bar-new-balance span {
  color: #697c88 !important; }

.color-scheme-app-bar-new-balance .MuiBadge-badge {
  color: white !important; }

.color-scheme-app-bar-new-balance button .material-icons {
  color: #697c88 !important; }

.color-scheme-app-bar-new-balance button .material-icons-color-danger {
  color: red !important; }

.color-scheme-app-bar-new-balance a.material-icons-color-danger {
  color: red !important; }

.color-scheme-bottom-bar-new-balance footer {
  background-color: #f0f0f0 !important;
  color: #000000 !important;
  border-top: 1px solid #dddddd; }

.color-scheme-bottom-bar-new-balance img {
  background-color: #f0f0f0 !important; }

.parent,
#parent {
  display: flex;
  flex-wrap: wrap; }

.child,
.common {
  flex: 1 0 25%;
  /* explanation below */
  margin: 5px; }

.field-item {
  border: 1px solid black; }
  .field-item > div {
    background-color: #697c88; }
  .field-item .material-icons {
    color: white; }

.field-item-shade {
  opacity: 0.5; }

.MuiPickersDay-daySelected {
  background-color: #697c88 !important; }

.MuiAutocomplete-root label {
  width: 400px !important; }

.custom-select-item-removal .select__multi-value__label {
  max-width: 280px !important; }

#document-link-input {
  text-overflow: ellipsis; }

.basic-multi-select .select__control:hover {
  border-bottom: 2px solid #697c88 !important; }

.container-wrapper {
  width: 100%; }
  .container-wrapper-layout {
    height: 100%; }
    .container-wrapper-layout .freeze-side-nav {
      box-shadow: unset !important; }
  .container-wrapper-body {
    padding: 8px; }
  .container-wrapper-details {
    padding: 16px; }
  .container-wrapper-title span:first-child {
    font-size: 28px !important;
    line-height: 36px !important;
    font-weight: 500 !important;
    color: rgba(0, 0, 0, 0.87); }
    .container-wrapper-title span:first-child span:first-child {
      color: #757575 !important; }
  .container-wrapper-form {
    padding: 16px;
    width: 100%; }
    .container-wrapper-form-builder {
      max-width: 1200px; }
  .container-wrapper-edit-actions {
    width: 100%;
    margin-top: 58vh; }

.custom-survey-context-menu {
  left: 130px;
  top: 25px;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  box-shadow: rgba(2, 2, 2, 0.12) 0px 1px 6px, rgba(12, 12, 12, 0.12) 0px 1px 4px; }
  .custom-survey-context-menu > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px; }
    .custom-survey-context-menu > div:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    .custom-survey-context-menu > div > div {
      margin-right: 25px; }

.test-requests-parent {
  display: flex;
  flex-flow: wrap;
  width: 100%; }

.test-requests-body {
  flex: 1 0 60%;
  background-color: #eaeff0; }

.test-requests-side-nav {
  flex: 1 0 3%; }

.test-requests-right-nav {
  flex: 1 0 5%; }

.side-bar-test-request-item svg {
  display: block !important;
  color: rgba(0, 0, 0, 0.87) !important;
  fill: #757575 !important;
  height: 24px !important;
  width: 24px  !important;
  user-select: none !important;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms !important;
  position: absolute !important;
  top: 0px !important;
  margin: 12px !important;
  left: 4px !important; }

.side-bar-test-request-parent {
  box-shadow: 5px 1px 7px #dbd7d7 !important;
  padding-top: 6px;
  width: 100%;
  margin: 0 !important; }
  .side-bar-test-request-parent div {
    width: 100% !important; }

.wrapped-title {
  white-space: normal; }

.title-header-title-wrapper {
  display: flex;
  flex-flow: inherit; }
  .title-header-title-wrapper div {
    align-self: center !important; }
    .title-header-title-wrapper div:nth-child(2) svg {
      fill: grey !important;
      height: 16px !important;
      width: 16px !important; }

.test-requests-advanced-search-title h3 {
  font-family: Roboto, sans-serif !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.5rem !important;
  text-decoration: inherit !important;
  text-transform: inherit !important;
  color: rgba(0, 0, 0, 0.87) !important;
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important;
  margin: 0.75rem 0 !important;
  text-align: center;
  color: #757575 !important;
  text-transform: uppercase !important; }

.test-requests-advanced-search-entities {
  height: 70vh;
  overflow-y: scroll; }

.search-entity-element {
  padding: 8px; }
  .search-entity-element p {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    color: #757575 !important;
    margin: 0.75rem 0;
    margin-bottom: 0px;
    margin-top: 0px; }

.sidebar-animate-enable {
  width: 15%;
  transition: width 0.2s; }
  .sidebar-animate-enable .mdc-permanent-drawer {
    overflow: hidden; }

.sidebar-animate-disabled {
  width: 0%;
  transition: width 0.2s; }
  .sidebar-animate-disabled .mdc-permanent-drawer {
    display: none; }

.test-request-pdf-preview-full-screen {
  height: 100% !important; }

.bom-search-model div {
  flex-basis: auto !important; }

.mdc-list-item__end-detail-disabled {
  background-color: #1976d2 !important;
  color: white !important;
  border-radius: 26%;
  min-width: 24px;
  padding: 2px;
  text-align: center !important;
  margin-right: 4px;
  font-size: 12px;
  font-weight: bold; }

.mdc-list-item span:nth-child(2) {
  margin-right: 5px !important; }

div:focus {
  outline: unset !important; }

.material-symbols-sharp {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased; }

.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased; }

.title-text-entry {
  font-size: 43px !important; }

.title-text-question {
  font-size: 23px !important; }

.zero-active-issues,
.notification-issue {
  color: #d1d1d1 !important; }

.have-closed-issues {
  color: #697c88 !important; }

.active-issues {
  color: #ff5151 !important; }

.supply-tree-body,
#content-container,
.horizontal-layout-content-body,
.test-requests-container,
.horizontal-layout-container {
  background: white !important; }

.test-requests-container.test-requests-container-body > div {
  box-shadow: 0px !important; }

.test-requests-container-left-nav-bar,
.horizontal-layout-side-nav {
  border-right: 1px solid #e0e0e0 !important; }

.supply-tree-body-content > div {
  box-shadow: unset !important; }

.no-card-shadow {
  box-shadow: unset !important; }

.mt-0 {
  margin-top: 0; }

html {
  height: 100%; }

body {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  height: 100%;
  overflow-x: hidden; }

#root {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  box-sizing: border-box; }

.App {
  flex: 1; }

#titleBlock {
  scroll-behavior: smooth; }

.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}

.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* src/style.css */
.slider-container .MuiSlider-rail,
.MuiSlider-track {
  height: 30px !important;
}
.slider-container .MuiSlider-markLabel {
  top: -30px !important;
}
.slider-container .MuiSlider-mark {
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.slider-container .MuiSlider-mark[data-index="4"] {
  left: -1.7% !important;
}
.slider-container .MuiSlider-mark[data-index="3"] {
  left: 23.2% !important;
}
.slider-container .MuiSlider-mark[data-index="2"] {
  left: 48.2% !important;
}
.slider-container .MuiSlider-mark[data-index="1"] {
  left: 73.2% !important;
}
.slider-container .MuiSlider-mark[data-index="0"] {
  left: 98.2% !important;
}
.slider-container .MuiSlider-markLabelActive {
  font-weight: bold !important;
  font-size: 16px !important;
}
.slider-container {
  padding: 0px !important;
  height: 30px;
  width: 800px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  border-radius: 14px 14px 14px 14px;
}
.MuiSlider-root {
  color: #9cd095 !important;
}
.MuiRadio-root input + span {
  background-color: white !important;
  border-radius: 100px !important;
}

footer span {
  text-align: right; }

footer .mdc-toolbar__section--align-start span {
  padding-left: 24px; }

footer .mdc-toolbar__section--align-end span {
  padding-right: 24px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  footer #language {
    padding-top: 20px; } }

.maintenance-alert-box{background-color:#697c88 !important;color:white !important}.maintenance-alert-box i{color:white !important}

.paginationDiv {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: gray;
  margin-right: 12px;
  margin-left: 12px;
  float: right; }
  .paginationDiv p {
    padding-left: 20px;
    padding-right: 20px; }

i.material-icons {
  color: gray; }

.table-custom-scroll i.material-icons-gray {
  color: gray !important; }

.icon-description-wrapper{align-items:center;display:flex}.icon-description-wrapper :hover{cursor:pointer}.icon-description-wrapper.active{background-color:#f1f1f1}.document-search-input input{font-size:14px !important}.enable-search-checkbox label{margin-right:0px !important}.remember-checkbox svg{fill:#697c88 !important;color:#697c88 !important}@media (max-width: 1560px){.img-responsive,.visible-large{display:none !important}.responsive-padding{padding-top:0px !important}.header-responsive{margin-top:0px !important}.visible-small{margin-top:12px !important}.visible-small h5{font-size:14px !important}}@media (min-width: 1560px){.visible-large{display:flex !important}.visible-small{display:none !important}}.custom-text-field-document .MuiInputBase-inputAdornedEnd{margin-top:16px !important}

.icon-description-wrapper {
  align-items: center;
  display: flex; }
  .icon-description-wrapper :hover {
    cursor: pointer; }
  .icon-description-wrapper.active {
    background-color: #f1f1f1; }

.document-search-input input {
  font-size: 14px !important; }

.enable-search-checkbox label {
  margin-right: 0px !important; }

.remember-checkbox svg {
  fill: #697c88 !important;
  color: #697c88 !important; }

@media (max-width: 1560px) {
  .img-responsive,
  .visible-large {
    display: none !important; }
  .responsive-padding {
    padding-top: 0px !important; }
  .header-responsive {
    margin-top: 0px !important; }
  .visible-small {
    margin-top: 12px !important; }
    .visible-small h5 {
      font-size: 14px !important; } }

@media (min-width: 1560px) {
  .visible-large {
    display: flex !important; }
  .visible-small {
    display: none !important; } }

.custom-text-field-document .MuiInputBase-inputAdornedEnd {
  margin-top: 16px !important; }

.test-request-info-container,.bom-info-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal;margin-bottom:12px}.test-request-sample-details-container,.bom-details-container{flex-grow:1;flex-shrink:1;flex-wrap:wrap;flex-basis:auto;align-self:auto;order:0;flex:12;display:flex}.test-request-sample-details-container div,.bom-details-container div{flex-basis:50%}.test-request-sample-details-container h3,.bom-details-container h3{text-transform:uppercase;flex-basis:100%;margin-bottom:0px}.failing-results-container{display:block;flex-grow:1;flex-shrink:1;flex-basis:auto;align-self:auto;order:0}.failing-results-container h3{text-transform:uppercase;flex-basis:100%;margin-bottom:0px}

html {
  height: 100%; }

body {
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  overflow: hidden !important; }

.container-dashboard {
  height: 99% !important;
  overflow: hidden;
  display: flex; }
  .container-dashboard > aside {
    flex: none;
    width: 250px;
    overflow: hidden; }
  .container-dashboard > main {
    flex: 1; }

.resize-handle--x {
  flex: none;
  position: relative;
  box-sizing: border-box;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  border-left: 1px solid #ccc;
  -webkit-touch-callout: none;
  user-select: none; }
  .resize-handle--x:hover, .resize-handle--x:active {
    border-color: lightblue;
    border-style: double; }

/* 
.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.flex-item {
  margin: 8px;
  padding: 4px;
  flex-grow: 1;
  border: 1px solid #f1f1f1;
}

.flex-item-expanded {
  margin: 8px;
  padding: 4px;
  width: 40%;
  flex-grow: 1;
  border: 1px solid #f1f1f1;
}

.flex-item-chart-container {
  display: flex;
}

.flex-item-chart-container .left {
  flex: 75;
}

.flex-item-chart-container .right {
  flex: 25;
  display: flex;
  flex-direction: column;
} */
.right-hidden {
  flex: 0;
  display: flex;
  flex-direction: column; }

.right-hidden-child {
  width: 0;
  overflow: hidden; }

.container-text-rotate {
  position: relative;
  display: inline-block;
  height: auto;
  min-width: 30px; }

.rotate {
  text-align: center;
  overflow: hidden;
  height: 56px;
  font-weight: bold;
  line-height: 30px;
  width: 200px;
  text-align: left;
  position: absolute;
  bottom: -32px;
  transform: rotate(-90deg);
  transform-origin: top left; }

.popover-container .MuiPopover-paper {
  overflow: initial !important; }

.report-exceptions-table-container td {
  padding: 4.6px; }

.report-exceptions-table-container th {
  height: 40px; }

.legend-container-parent ul {
  flex-direction: column !important;
  gap: 2px; }

.legend-container-parent ul li {
  padding: 10px 10px; }

.legend-container-parent ul li:hover {
  background: #f0f5fc; }

.filter-dialog .MuiDialog-container .MuiPaper-root {
  overflow: initial !important; }

.arrow-button {
  height: 30px;
  background: transparent;
  border: none;
  position: relative;
  cursor: pointer; }

.arrow-button.right::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
  border: 15px solid transparent;
  border-left-color: #99cf91; }

.arrow-button.right-gray::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
  border: 15px solid transparent;
  border-left-color: #cccccc !important; }

.arrow-button.bottom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
  border: 15px solid transparent;
  border-top-color: #cccccc !important;
  border-left-color: white !important; }

.arrow-button.top::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
  border: 15px solid transparent;
  border-bottom-color: #cccccc !important;
  border-left-color: none !important;
  border-right-color: none !important; }

.arrow-button.left::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  right: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  border: 15px solid transparent;
  border-right-color: #99cf91; }

.arrow-button.left-gray::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  right: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  border: 15px solid transparent;
  border-left-color: #cccccc !important; }

/* Flexbox container */
.responsive-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  /* Gap between flex items */ }

/* Default grid-items (mobile fallback) */
.grid-item {
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
  flex: 1 1 100%; }

/* For large screens, 3 items per row */
@media (min-width: 1400px) {
  .responsive-grid .grid-item {
    flex: 0 1 calc(33.333% - 7px);
    /* 3 items per row accounting for gap */
    min-width: 350px; }
  /* Items with span 2 take 2/3 of the width */
  .responsive-grid .grid-item[data-span="2"] {
    flex: 0 1 calc(66.666% - 7px); }
  /* Items with span 3 take full width */
  .responsive-grid .grid-item[data-span="3"] {
    flex: 0 1 100%; } }

/* For medium screens, 2 items per row */
@media (max-width: 1400px) and (min-width: 601px) {
  .responsive-grid .grid-item {
    flex: 1 1 calc(50% - 5px);
    /* 2 items per row accounting for gap */
    min-width: 400px; }
  /* Odd last item should keep half width instead of stretching */
  .responsive-grid .grid-item:last-child:nth-child(odd) {
    flex: 0 1 calc(50% - 5px);
    max-width: calc(50% - 5px); }
  /* Items with span 2 or 3 take full width on 2-column layout */
  .responsive-grid .grid-item[data-span="2"],
  .responsive-grid .grid-item[data-span="3"] {
    flex: 0 1 100%;
    min-width: 600px; } }

/* For mobile screens, 1 item per row */
@media (max-width: 600px) {
  .responsive-grid .grid-item {
    flex: 1 1 100%;
    /* 1 item per row */
    min-width: 100%; } }

/* Flexbox container */
.responsive-grid-cards {
  display: flex;
  flex-wrap: wrap;
  /* Allows items to wrap to the next row */
  gap: 10px;
  /* Adds space between items */ }

/* Flex items - responsive with 4 per row on larger screens */
.card-container-item {
  box-sizing: border-box;
  /* Ensures padding and border don't affect width */
  flex: 0 1 calc(25% - 7.5px);
  /* 4 items per row accounting for gap (10px * 3 gaps / 4 items = 7.5px) */
  min-width: 250px;
  /* Minimum width for smaller screens */
  max-width: 400px !important; }
  .card-container-item h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700 !important; }
  .card-container-item .MuiPaper-root {
    height: 138px !important; }

/* For large screens, 4 items per row */
@media (min-width: 1200px) {
  .card-container-item {
    flex: 0 1 calc(25% - 13.5px); }
  /* Last item matches the width of the second-to-last item */
  .card-container-item:last-child {
    flex: 0 1 calc(25% - 7.5px);
    max-width: calc(25% - 7.5px); } }

/* For medium screens, 3 items per row */
@media (max-width: 1199px) and (min-width: 900px) {
  .card-container-item {
    flex: 0 1 calc(33.333% - 6.67px);
    /* 3 items per row */ }
  .card-container-item:last-child {
    flex: 0 1 calc(33.333% - 6.67px);
    max-width: calc(33.333% - 6.67px); } }

/* For smaller screens, 2 items per row */
@media (max-width: 899px) and (min-width: 600px) {
  .card-container-item {
    flex: 0 1 calc(50% - 5px);
    /* 2 items per row */ }
  .card-container-item:last-child {
    flex: 0 1 calc(50% - 5px);
    max-width: calc(50% - 5px); } }

/* For mobile screens, 1 item per row */
@media (max-width: 599px) {
  .card-container-item {
    flex: 0 1 100%;
    /* 1 item per row */ }
  .card-container-item:last-child {
    flex: 0 1 100%;
    max-width: 100%; } }

.chart-sub-filter-container {
  border: 1px solid #f1f1f1; }
  .chart-sub-filter-container .gal-table td {
    border: unset !important;
    border-bottom: 1px solid #e0e0e0 !important; }

.MuiButtonGroup-grouped .material-icons {
  color: white !important; }

.MuiButton-outlinedSizeSmall .material-icons {
  color: gray !important; }

/* gal-table border styles */
.gal-table thead th,
.gal-table thead tr th {
  border-top: 2px solid #e0e0e0 !important;
  border-bottom: 2px solid #e0e0e0 !important; }

.gal-table tbody tr {
  border-top: 1px solid #e0e0e0 !important;
  border-bottom: 1px solid #e0e0e0 !important; }

.gal-table tbody tr:first-child {
  border-top: none !important; }

.responsive-grid-cards .card-container-item:last-child {
  min-width: 250px;
  max-width: 24.5%;
  flex-grow: 1; }

/* src/Base/style.css */
.Toastify {
  display: inline-block !important;
}
.Toastify__toast--success {
  background-color: #43a047 !important;
}
.Toastify__toast {
  width: 500px !important;
}
.gal-react-select__menu {
  min-width: 250px !important;
}
.gal-react-select__value-container {
  position: inherit !important;
}
.custom-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.custom-tooltip .tooltip-text {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}
.custom-tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.tooltip-text {
  z-index: 999;
  min-width: 200px;
}
.custom-tooltip .tooltip-text.top {
  bottom: auto;
  top: 125% !important;
}
.custom-tooltip .tooltip-text.bottom {
  top: auto;
  bottom: 125% !important;
}
.custom-tooltip .tooltip-text.left {
  right: auto;
  left: 125% !important;
  transform: translateX(-50%);
}
.custom-tooltip .tooltip-text.right {
  left: auto;
  right: 125% !important;
  transform: translateX(50%);
}

/* src/Packed/DateRangePicker/style.css */
.rdrStartEdge,
.rdrEndEdge {
  color: #697c88 !important;
}
.rdrInRange {
  color: #697c88 !important;
}
.rdrDayHovered .rdrDayStartPreview {
  color: #697c88 !important;
}
.rdrDateDisplayItemActive {
  border-color: #697c88 !important;
}
.rdrDayActive {
  color: #697c88 !important;
}
.rdrSelected {
  color: #697c88 !important;
}
.rdrDay {
}
.rdrDayStartPreview,
.rdrDayEndPreview,
.rdrDayNumber {
}
.rdrDayStartPreview,
.rdrDayEndPreview {
  color: #697c88 !important;
}
.rdrDayHovered {
}

/* src/Base/timeline.css */
time {
  line-height: 1.6;
}
.timeline {
  padding: 3rem 2rem;
  max-width: 460px;
  border-radius: 12px;
  background-color: white;
  box-shadow: 0 4px 25px -20px rgba(0, 0, 0, 0.2);
}
.tl-content .tl-header,
.tl-content .tl-body {
  padding-left: 25.6px;
  border-left: 3px solid gainsboro;
}
.tl-body {
  padding-bottom: 1rem;
}
.tl-content:last-child .tl-body {
  border-left: 3px solid transparent;
}
.tl-header {
  position: relative;
  display: grid;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tl-title {
  font-weight: 600;
  font-size: 1em;
  border-bottom: 1px solid gainsboro;
  margin-bottom: 4px;
}
.tl-time {
  font-size: 0.7em;
}
.tl-marker {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50% / 50%;
  background: gainsboro;
  left: -1.1rem;
  top: 50%;
  transform: translate(50%, -50%);
}
.tl-content-active .tl-marker {
  padding: 1.6px;
  left: -1.64rem;
  width: 18px;
  height: 18px;
  border: 2px solid #697c88;
  background-color: #697c88;
  background-clip: content-box;
  box-shadow: 0 0 15px -2px #697c88;
}
.tl-content-active .tl-title {
  font-weight: 700;
  color: #697c88;
}

/* src/Packed/AdvancedTable/styles.css */
.table-container {
  display: flex;
}
.MuiTableContainer-root::-webkit-scrollbar {
  width: 1em;
  height: 12px;
}
.MuiTableContainer-root::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.MuiTableContainer-root::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.table-container .table-middle-section {
  overflow: auto;
  color: #a9a9a9 !important;
}
.table-middle-section th {
  padding-top: 11px;
  padding-bottom: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-left-section {
  border-right: 2px solid rgba(225, 225, 225, 1) !important;
}
.table-left-section td {
  padding-top: 11px;
  padding-bottom: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-middle-section td {
  padding-top: 11px;
  padding-bottom: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gal-table th {
  text-transform: uppercase;
}
.gal-table {
  table-layout: fixed;
  display: table;
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}
.gal-table td,
.gal-table th {
  border: 1px solid #c6c6c6;
  padding-left: 8px;
  cursor: pointer;
  color: #495057;
}
.gal-table thead > tr:hover {
  background-color: unset;
}
.gal-table td {
  padding-left: 8px;
  user-select: none;
  color: #373737;
}
.gal-table .mantine-DatePicker-month,
.gal-table .mantine-DateRangePicker-month {
  width: 100%;
}
.gal-table .mantine-DatePicker-month td,
.gal-table .mantine-DateRangePicker-month td {
  padding-left: 0;
}
.gal-table .table-header-row-cell .sort-icon {
  opacity: 0;
}
.gal-table .table-header-row-cell .sort-icon-visible {
  opacity: 1 !important;
}
.gal-table .no-hover {
  border-color: #ededed !important;
}
.gal-table .no-hover:hover {
  background-color: white !important;
}
.gal-table .row-hover {
  background-color: #697c8830 !important;
}
.gal-table .no-cell-hover:hover {
  background-color: white !important;
}
.gal-table .align-left {
  text-align: left;
}
.gal-table .no-row-hover:hover {
  background-color: white !important;
}
.color-strip tbody tr:nth-child(even) {
  background-color: #f8f9fa;
}
.color-strip tbody tr:nth-child(even):hover {
  background-color: #f8f9fa !important;
}
.color-strip tbody tr:nth-child(even) td:hover {
  background-color: #f8f9fa !important;
}
.color-strip tbody tr:nth-child(even) .no-cell-hover:hover {
  background-color: #f8f9fa !important;
}
.color-strip tbody tr:nth-child(even) .no-row-hover:hover {
  background-color: #f8f9fa !important;
}
.auto-table-layout {
  table-layout: auto;
}
.gal-table td,
.gal-table th {
  border-right: unset !important;
  border-left: unset !important;
}
.gal-row-hover {
  background-color: #697c8814;
}
.gal-table-cell-overflow {
  overflow: initial !important;
}

/* src/Packed/TransferList/style.css */
.list-item-with-button:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

.row-align {
  display: flex;
  align-items: center;
  cursor: pointer; }

#renameSpan {
  font-size: 16px;
  float: right;
  margin-top: 16px;
  cursor: pointer; }

#renameSpan:hover {
  font-size: 16px;
  float: right;
  margin-top: 16px;
  cursor: pointer;
  color: #66b3ff; }

.basic-multi-select svg {
  height: auto; }

.basic-multi-select .select__control {
  background-color: white !important; }

.basic-multi-select-error svg {
  height: auto; }

.basic-multi-select-error .select__control {
  background-color: white !important;
  border: 2px solid red !important; }

.select__multi-value {
  padding: 4px;
  border-radius: 24px !important;
  background-color: #697c88 !important; }

.select__multi-value__label {
  color: #fff !important;
  margin-left: 5px;
  max-width: 85px; }

.select__multi-value__remove, .select__multi-value__remove:hover {
  color: #fff !important;
  margin-left: 5px;
  background-color: #697c88 !important;
  border-radius: 24px !important; }

[dir="rtl"] .mdc-list-item .mdc-list-item__start-detail, .mdc-list-item[dir="rtl"] .mdc-list-item__start-detail {
  width: 24px;
  height: 24px;
  margin-left: 0;
  margin-right: 16px; }

/* src/Styles/test-request-styles.css */
.sample-color {
  background: red !important;
}
.gal-react-select__value-container--is-multi {
  overflow: hidden !important;
}

.test-request-table-container .paginationDiv {
  width: 50% !important;
  overflow: hidden !important; }

.test-request-table-container .card-toolbar {
  width: 90% !important; }

.test-request-table-container-right .paginationDiv {
  width: 50% !important;
  overflow: hidden !important; }

.test-request-table-container-right .card-toolbar + div {
  width: 95% !important; }

.test-request-table-container-right .card-toolbar {
  width: 90% !important; }

@media (min-width: 1025px) and (max-width: 1280px) {
  .test-request-table-container .card-toolbar + div {
    width: 76.5% !important; }
  .test-request-table-container .paginationDiv {
    width: 67% !important;
    overflow: hidden !important; }
  .test-request-table-container .card-toolbar + div div {
    overflow: hidden !important; }
  .test-request-table-container-right .paginationDiv {
    width: 80% !important;
    overflow: hidden !important; } }

@media (min-width: 1281px) and (max-width: 1440px) {
  .test-request-table-container .card-toolbar + div {
    width: 67% !important; }
  .test-request-table-container .paginationDiv {
    width: 70% !important;
    overflow: hidden !important; }
  .test-request-table-container .card-toolbar + div div {
    overflow: hidden !important; }
  .test-request-table-container .card-toolbar {
    width: 67% !important; }
  .test-request-table-container-right .paginationDiv {
    width: 85% !important;
    overflow: hidden !important; }
  .test-request-table-container-right .card-toolbar + div {
    width: 61% !important; }
  .test-request-table-container-right .card-toolbar {
    width: 61% !important; } }

td.gal-trf-row-dark-red {
  background-color: #ffb0b0 !important; }

td.gal-trf-row-light-red {
  background-color: #ffe7e7 !important; }

[data-no-highlight="yes"] td {
  background-color: unset !important; }

.no-new-styles tr.gal-new-row {
  background-color: unset !important; }

.no-new-styles tr.unlikely-on-mcl {
  background-color: unset !important; }

.no-new-styles tr {
  background-color: unset !important; }

.no-new-styles tr.gal-row-hover {
  background-color: #697c8814 !important; }

.test-requests-container-body th {
  font-weight: normal !important;
  font-size: 12px !important;
  text-align: left !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #9e9e9e !important;
  position: relative;
  background-color: inherit;
  overflow: hidden;
  height: 42px !important;
  border-top: 1px solid #e0e0e0 !important; }

.fsycheckBox div label {
  width: auto !important;
  color: #757575 !important; }

.button-wrapper {
  margin: 40px 0 40px 0;
  display: flex;
  flex-direction: row;
  float: right; }

input.editor-main:focus {
  border: 0px;
  border-bottom: 2px solid #aaaaaa;
  height: 30px !important;
  width: auto !important;
  background: #ffffff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-top: 1%;
  outline: none !important; }

.horizontal-center .note-section {
  width: 25%; }
  .horizontal-center .note-section p {
    width: 300px !important;
    word-wrap: break-word; }

.card-custom-field-section {
  padding-left: 5%; }

.react-grid-HeaderRow {
  height: 75px;
  top: 0px;
  left: 0px;
  width: 985px;
  overflow-x: hidden;
  min-height: auto; }

.react-grid-HeaderCell {
  border: unset !important;
  background-color: #dddddd !important; }

.widget-HeaderCell__value {
  margin: 5% !important;
  font-weight: 400; }

.react-grid-Cell__value {
  padding-left: 4% !important; }

.react-grid-Viewport {
  top: 20% !important; }

.react-grid-Header {
  height: 70px !important;
  background-color: #dddddd !important; }

.react-grid-Cell {
  width: 20%; }

.react-grid-multiline-header .react-grid-Canvas {
  width: 100% !important; }
  .react-grid-multiline-header .react-grid-Canvas div:nth-of-type(2) {
    height: 850px; }

.react-grid-multiline-header .react-grid-Container {
  width: 79% !important; }

.react-grid-multiline-header .react-grid-HeaderRow {
  width: 100% !important; }

.bom-configuration-side-nav,
.search-test-packages-attribute-section,
.tests-required-un-selected,
.tests-required-selected {
  /* width */
  overflow-y: auto;
  max-height: 65vh;
  height: 65vh;
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .bom-configuration-side-nav::-webkit-scrollbar,
  .search-test-packages-attribute-section::-webkit-scrollbar,
  .tests-required-un-selected::-webkit-scrollbar,
  .tests-required-selected::-webkit-scrollbar {
    width: 10px !important; }
  .bom-configuration-side-nav::-webkit-scrollbar-track,
  .search-test-packages-attribute-section::-webkit-scrollbar-track,
  .tests-required-un-selected::-webkit-scrollbar-track,
  .tests-required-selected::-webkit-scrollbar-track {
    background: #f1f1f1 !important; }
  .bom-configuration-side-nav::-webkit-scrollbar-thumb,
  .search-test-packages-attribute-section::-webkit-scrollbar-thumb,
  .tests-required-un-selected::-webkit-scrollbar-thumb,
  .tests-required-selected::-webkit-scrollbar-thumb {
    border-radius: 500px !important;
    background: #b5b4b4 !important; }
  .bom-configuration-side-nav::-webkit-scrollbar-thumb:hover,
  .search-test-packages-attribute-section::-webkit-scrollbar-thumb:hover,
  .tests-required-un-selected::-webkit-scrollbar-thumb:hover,
  .tests-required-selected::-webkit-scrollbar-thumb:hover {
    background: #c6c6c6 !important; }

.department-user-list + div div + div {
  height: 100px !important;
  overflow-y: scroll; }

.custom-bom-select-dropdown .css-10nd86i,
.custom-bom-select-dropdown .css-10nd86i,
.custom-country-select-dropdown .css-10nd86i,
.custom-country-select-dropdown .css-10nd86i {
  position: absolute;
  width: 25%; }

.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: left;
  height: 1.5em;
  opacity: 0.8; }
  .hr-text:before {
    content: "";
    background: #43a5f6;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px; }
  .hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: #6c6c69;
    padding: 0 0.5em;
    line-height: 1.5em;
    background-color: #fcfcfa;
    left: 124px; }
  .hr-text.required:after {
    content: attr(data-content) "*";
    position: relative;
    display: inline-block;
    color: red; }

.multi-select-country-custom .css-10nd86i {
  width: 20% !important;
  position: absolute !important; }

.multi-select-country-custom .css-10nd86i {
  width: 20% !important;
  position: absolute !important; }

.DraftEditor-root {
  min-height: 200px;
  max-height: 200px;
  overflow-y: auto; }

.DraftEditor-editorContainer {
  height: 180px !important;
  width: 60vw; }

.react-grid-Canvas {
  padding-bottom: 5px; }

.react-grid-HeaderRow {
  overflow: hidden; }

.table-overflow-packages > div:nth-child(2) > div:nth-child(2) {
  overflow-y: scroll !important;
  height: 400px !important; }

.container {
  height: 300px;
  width: 35%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  padding-bottom: 30px; }

.col1 {
  height: 500px;
  width: 300px;
  position: relative;
  float: left; }

.col2 {
  height: 500px;
  width: 300px;
  position: relative;
  float: right; }

.tests-required-list-item {
  cursor: move !important; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome and Opera */ }

.custom-tab-highliter > div:nth-child(2) > div {
  background-color: white !important; }

.custom-select-item-removal .select__multi-value__remove {
  display: none; }

.custom-select-item-removal .select__multi-value__label {
  max-width: 200px;
  color: #000 !important;
  font-size: 14px;
  padding: 0; }

.custom-select-item-removal .select__multi-value {
  background-color: white !important; }

.select__multi-value-shorter .custom-select-item-removal .select__multi-value__label {
  max-width: 100px; }

.accordion-item > .title {
  font-weight: 400 !important; }
  .accordion-item > .title::after {
    content: unset !important; }

.accoridian-title {
  margin: 10px !important; }

.accordion .accordion-item .title {
  background-color: unset !important;
  padding: 0px !important; }

.accordion .accordion-item.active .panel {
  max-height: 100% !important; }

.accordion .accordion-item {
  border-bottom: 1px solid #dddddd; }
  .accordion .accordion-item .title:hover {
    background-color: #eeeeee !important; }

.accoridan-icon-down-arrow::after {
  content: "\u2193"; }

.accordion {
  padding: 3% !important; }

.accordion-item.active .accoridan-down-arrow {
  transform: rotate(180deg) !important; }

.accoridian-title {
  font-weight: bold !important; }

.accordion-item .accoridian-title-wrapper:hover {
  background-color: #dddddd !important; }

.accordion-item.active .accoridian-title-wrapper {
  background-color: #dddddd !important; }

.accordion .accordion-item.active .title {
  background-color: #eeeeee !important; }

.accoridan-warnign-icon {
  width: 100px !important;
  fill: #ff5722 !important; }

.accoridian-title-wrapper {
  padding: 4px !important;
  margin-top: 0px !important; }

.accordion-item {
  margin-top: 0px !important; }

.snackbar-custom-content-undo {
  display: flex;
  flex-flow: row; }
  .snackbar-custom-content-undo div:nth-child(1) {
    flex: 1 0 70%; }
    .snackbar-custom-content-undo div:nth-child(1) p {
      padding-left: 5%; }
  .snackbar-custom-content-undo div:nth-child(2) {
    flex: 1 0 5% !important; }
  .snackbar-custom-content-undo div:nth-child(3) {
    flex: 1 0 5% !important; }
  .snackbar-custom-content-undo svg {
    color: white !important; }

.snackbar-custom-content-styling {
  display: flex;
  flex-flow: row; }
  .snackbar-custom-content-styling div:nth-child(2) {
    flex: 1 0 80%; }
  .snackbar-custom-content-styling div:nth-child(1) {
    flex: 1;
    display: flex;
    text-align: center;
    padding-left: 1%;
    align-items: center; }
    .snackbar-custom-content-styling div:nth-child(1) div {
      background-color: unset; }
  .snackbar-custom-content-styling div:nth-child(3) {
    flex: 1;
    display: flex;
    text-align: center;
    padding-left: 1%;
    align-items: center; }
    .snackbar-custom-content-styling div:nth-child(3) div {
      background-color: unset; }
  .snackbar-custom-content-styling svg {
    color: white !important; }

.snackbar-parent > div {
  padding: 0 !important; }

.trf-cancel-row-style {
  text-decoration: line-through !important;
  color: #444444 !important; }
  .trf-cancel-row-style:hover td {
    text-decoration: line-through !important; }

.advanced-search-bar-ltr .mdc-permanent-drawer {
  direction: ltr; }

/* width */
.test-package-selection-grid {
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .test-package-selection-grid::-webkit-scrollbar {
    width: 10px !important; }
  .test-package-selection-grid::-webkit-scrollbar-track {
    background: #f5f5f5 !important; }
  .test-package-selection-grid::-webkit-scrollbar-thumb {
    border-radius: 300px !important;
    background: #cecece !important; }
  .test-package-selection-grid::-webkit-scrollbar-thumb:hover {
    background: #bebebe !important; }

.test-package-selection-grid div:nth-child(2) {
  overflow: unset !important; }

.MuiDialogContent-root .MuiTabs-indicator {
  background-color: #42a5f5 !important; }

button.MuiButtonBase-root.MuiTab-root.Mui-selected.MuiTab-fullWidth {
  color: #42a5f5; }

.testRequired .MuiFormControl-root {
  padding-left: 10px; }
  .testRequired .MuiFormControl-root .MuiInputBase-adornedEnd {
    font-size: 1.5rem; }

.text-wrap-override {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .text-wrap-override .MuiListItemText-primary {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.tutorial-label-style label + .MuiInput-formControl {
  margin-top: 0px !important; }

.MuiPickersDatePickerRoot-toolbar{background-color:#697c88 !important;color:#fff !important}

.MuiDialogContent-root .dialog-content-package-selection {
  padding-top: 0px !important; }

.supply-tree-body:has(.documents-table-container){width:50px !important}.documents-table-container{max-width:100%;background-color:white;overflow:hidden}.documents-table-container .simple-grid{width:100%;max-width:100%;overflow-x:auto}.documents-table-container .simple-grid table{width:100%;table-layout:fixed}.documents-table-container .simple-grid th,.documents-table-container .simple-grid td{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-table-container .documents-table-header{font-weight:normal !important;font-size:12px !important;padding:0px !important;padding-left:24px !important;padding-right:0px !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;color:#9e9e9e !important;position:relative;background-color:inherit;overflow:hidden;height:40px !important;border-top:1px solid #e0e0e0 !important}.documents-table-container .documents-table-cell{height:40px !important;padding:0 !important;padding-left:24px !important;padding-right:24px !important;font-size:12px !important;color:#212121 !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.documents-table-container .documents-table-cell[data-column-id="contextMenu"]{padding:0 !important;padding-left:0 !important;padding-right:0 !important}.documents-table-container .context-menu-cell{padding:0 !important;text-align:center;width:30px !important;min-width:30px !important;max-width:30px !important}.documents-table-container .context-menu-cell .MuiIconButton-root{padding:4px !important;color:#666 !important}.documents-table-container .context-menu-cell .MuiIconButton-root:hover{background-color:rgba(0,0,0,0.04) !important}.documents-table-container .context-menu-test-requests .MuiMenuItem-root{font-size:12px !important}.documents-table-container .context-menu-test-requests .MuiMenuItem-root .MuiMenuItem-rightIcon{margin-left:16px !important;margin-right:0 !important}.documents-table-container .MuiTextField-root{z-index:1 !important;position:relative}.documents-table-container .MuiTextField-root .MuiOutlinedInput-root{z-index:1 !important}.documents-table-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.documents-table-container .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.documents-table-container table thead tr th:nth-child(1){border-top:1px solid #e0e0e0 !important}.documents-table-container .simple-grid table thead tr th:first-child{border-top:1px solid #e0e0e0 !important}.documents-table-container .simple-grid .documents-table-cell{height:40px !important}.documents-table-container .simple-grid .documents-table-cell[data-column-id="contextMenu"]{padding:0 !important;padding-left:0 !important;padding-right:0 !important}.documents-table-container .simple-grid .documents-table-row{height:40px !important}.documents-table-container .simple-grid .documents-table-row td{height:40px !important}.documents-table-container.read-only-grid{width:100%;max-width:100%;overflow:visible}.documents-table-container.read-only-grid .simple-grid{width:100%;max-width:100%;overflow-x:auto}.documents-table-container.read-only-grid .simple-grid table{width:100%;min-width:100%}.documents-table-container.read-only-grid .secondary-table-container{overflow:visible !important}.documents-read-only-container{width:100%}.documents-read-only-container .card-title{margin-bottom:0;padding:0}.documents-read-only-container .card-title h2{margin:0;line-height:1.2}.documents-read-only-container .documents-table-container.read-only-grid{margin-left:0;padding-left:0}.documents-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border-radius:12px;border:1px solid #e1e5e9}.documents-loading-container .loading-spinner{margin-bottom:16px}.documents-loading-container .loading-text{font-size:16px;color:#4a5568;font-weight:500}


.custom-scrollbar::-webkit-scrollbar{width:5px !important;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1 !important}.custom-scrollbar::-webkit-scrollbar-thumb{border-radius:500px !important;background:#b5b4b4 !important}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#c6c6c6 !important}.custom-scrollbar.lg::-webkit-scrollbar{width:10px !important;height:10px}

.customChips {
  background-color: #fff !important;
  border-radius: 0px !important;
  border: 2px solid #697c88 !important; }

.customHeader {
  background-color: #697c88;
  color: #fff; }

.accordion {
  border-radius: 5px;
  border: 1px solid #d9d9d9;
}
.accordion .accordion-item:first-child .title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.accordion .accordion-item:last-child .title {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.accordion .accordion-item .title {
  background-color: #f6f6f6;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.accordion .accordion-item .title:after {
  content: '\2795';
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}
.accordion .accordion-item .panel {
  max-height: 0;
  -webkit-transition: max-height 0.15s ease-out;
  -o-transition: max-height 0.15s ease-out;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
}
.accordion .accordion-item.active .title {
  background-color: #eee;
}
.accordion .accordion-item.active .title:after {
  content: '\2796';
}
.accordion .accordion-item.active .panel {
  max-height: 500px;
  -webkit-transition: max-height 0.25s ease-in;
  -o-transition: max-height 0.25s ease-in;
  transition: max-height 0.25s ease-in;
}

.tableChk > div {
  overflow: hidden !important; }

.custom-creatable-select {
  overflow: hidden; }

.custom-creatable-select :hover {
  cursor: pointer; }

@media (min-width: 1025px) and (max-width: 1280px) {
  .testsTable {
    width: "420px !important"; } }

@media (min-width: 1281px) and (max-width: 1376px) {
  .testsTable {
    width: "500px !important"; } }

@media (min-width: 1377px) and (max-width: 1440px) {
  .testsTable {
    width: "500px !important"; } }

.testing-in-progress .MuiInputLabel-shrink {
  top: 10px; }

.parameter-result-table{table-layout:fixed;display:table;border-collapse:collapse;width:100%;border-spacing:0px;border:1px solid #ddd}.parameter-result-table thead th:nth-child(1){width:160px}.parameter-result-table thead th:nth-child(2){width:80px}.parameter-result-table thead th:nth-child(3){width:50px}.parameter-result-table thead th:nth-child(4){width:60px}.parameter-result-table thead th:nth-child(5){width:50px}.parameter-result-table thead th:nth-child(6){width:80px}.parameter-result-table thead th:nth-child(7){width:90px}.parameter-result-table thead th:nth-child(8){width:100px}.parameter-result-table thead th:nth-child(9){width:100px}.parameter-result-table thead th:nth-child(10){width:100px}.parameter-result-table thead th:nth-child(11){width:100px}.parameter-result-table thead th{text-transform:uppercase;text-align:left;white-space:normal;padding:0px 16px;font-size:12px;font-weight:normal;color:#9e9e9e;height:50px;border-bottom:1px solid #ddd}.parameter-result-table tbody tr td{white-space:normal;font-size:12px;font-weight:normal;padding:5px 18px;width:200px;border-bottom:1px solid #ddd}.parameter-result-table tbody tr td div{padding-bottom:0px}.method-and-parameter-action-container{display:flex;align-items:center;justify-content:space-between}.method-and-parameter-action-container .information-section{display:flex;align-items:center;justify-content:space-between}.name-info-container{display:flex;align-items:center;flex:1;width:100%}.result-missing-notification{display:flex;width:100%;justify-content:space-between}.override-reasoon-parameter-row .override-reasoon-parameter-row__value-container{overflow:hidden !important}.override-reasoon-parameter-row .override-reasoon-parameter-row__option{padding-bottom:8px !important}.override-reasoon-parameter-row .override-reasoon-parameter-row__control{background-color:white !important}.override-reasoon-parameter-row .override-reasoon-parameter-row__single-value{color:red !important}.form-control-override-limit input{color:red !important}

.add-review-markup-form-button i{color:white !important}.add-review-markup-form-container button i{color:white !important}


.upload-image-container{width:73%;border:1px dashed #42a5f5;padding:56px;text-align:center;margin-left:16px}.upload-image-full{width:100%;border:1px dashed #42a5f5;padding:56px;text-align:center}.uploade-image-display{width:100%;display:flex;flex-direction:column;justify-content:center;border:1px dashed #42a5f5;padding:56px}

.fsycheckBox div label{width:auto !important;color:#757575 !important}.button-wrapper{margin:40px 0 40px 0;display:flex;flex-direction:row;float:right}

input.editor-main:focus{border:0px;border-bottom:2px solid #aaa;height:30px !important;width:auto !important;background:#ffffff;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;margin-top:1%;outline:none !important}.horizontal-center .note-section{width:25%}.horizontal-center .note-section p{width:300px !important;word-wrap:break-word}.card-custom-field-section{padding-left:5%}.react-grid-HeaderRow{height:75px;top:0px;left:0px;width:985px;overflow-x:hidden;min-height:auto}.react-grid-HeaderCell{border:unset !important;background-color:#dddddd !important}.widget-HeaderCell__value{margin:5% !important;font-weight:400}.react-grid-Cell__value{padding-left:4% !important}.react-grid-Viewport{top:20% !important}.react-grid-Header{height:70px !important;background-color:#dddddd !important}.react-grid-Cell{width:20%}.react-grid-multiline-header .react-grid-Canvas{width:100% !important}.react-grid-multiline-header .react-grid-Canvas div:nth-of-type(2){height:850px}.react-grid-multiline-header .react-grid-Container{width:79% !important}.react-grid-multiline-header .react-grid-HeaderRow{width:100% !important}.bom-configuration-side-nav,.search-test-packages-attribute-section,.tests-required-un-selected,.tests-required-selected{overflow-y:auto;max-height:65vh;height:65vh}.bom-configuration-side-nav::-webkit-scrollbar,.search-test-packages-attribute-section::-webkit-scrollbar,.tests-required-un-selected::-webkit-scrollbar,.tests-required-selected::-webkit-scrollbar{width:10px !important}.bom-configuration-side-nav::-webkit-scrollbar-track,.search-test-packages-attribute-section::-webkit-scrollbar-track,.tests-required-un-selected::-webkit-scrollbar-track,.tests-required-selected::-webkit-scrollbar-track{background:#f1f1f1 !important}.bom-configuration-side-nav::-webkit-scrollbar-thumb,.search-test-packages-attribute-section::-webkit-scrollbar-thumb,.tests-required-un-selected::-webkit-scrollbar-thumb,.tests-required-selected::-webkit-scrollbar-thumb{border-radius:500px !important;background:#b5b4b4 !important}.bom-configuration-side-nav::-webkit-scrollbar-thumb:hover,.search-test-packages-attribute-section::-webkit-scrollbar-thumb:hover,.tests-required-un-selected::-webkit-scrollbar-thumb:hover,.tests-required-selected::-webkit-scrollbar-thumb:hover{background:#c6c6c6 !important}.department-user-list+div div+div{height:100px !important;overflow-y:scroll}.custom-bom-select-dropdown .css-10nd86i,.custom-bom-select-dropdown .css-10nd86i,.custom-country-select-dropdown .css-10nd86i,.custom-country-select-dropdown .css-10nd86i{position:absolute;width:25%}.hr-text{line-height:1em;position:relative;outline:0;border:0;color:black;text-align:left;height:1.5em;opacity:0.8}.hr-text:before{content:"";background:#43a5f6;position:absolute;left:0;top:50%;width:100%;height:1px}.hr-text:after{content:attr(data-content);position:relative;display:inline-block;color:#6c6c69;padding:0 0.5em;line-height:1.5em;background-color:#fcfcfa;left:124px}.hr-text.required:after{content:attr(data-content) "*";position:relative;display:inline-block;color:red}.multi-select-country-custom .css-10nd86i{width:20% !important;position:absolute !important}.multi-select-country-custom .css-10nd86i{width:20% !important;position:absolute !important}.DraftEditor-root{min-height:200px;max-height:200px;overflow-y:auto}.DraftEditor-editorContainer{height:180px !important;width:60vw}.react-grid-Canvas{padding-bottom:5px}.react-grid-HeaderRow{overflow:hidden}.table-overflow-packages>div:nth-child(2)>div:nth-child(2){overflow-y:scroll !important;height:400px !important}.container{height:300px;width:35%;overflow-x:hidden;overflow-y:scroll;position:relative;padding-bottom:30px}.col1{height:500px;width:300px;position:relative;float:left}.col2{height:500px;width:300px;position:relative;float:right}.tests-required-list-item{cursor:move !important}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-tab-highliter>div:nth-child(2)>div{background-color:white !important}.custom-select-item-removal .select__multi-value__remove{display:none}.custom-select-item-removal .select__multi-value__label{max-width:200px;color:#000 !important;font-size:14px;padding:0}.custom-select-item-removal .select__multi-value{background-color:white !important}.select__multi-value-shorter .custom-select-item-removal .select__multi-value__label{max-width:100px}.accordion-item>.title{font-weight:400 !important}.accordion-item>.title::after{content:unset !important}.accoridian-title{margin:10px !important}.accordion .accordion-item .title{background-color:unset !important;padding:0px !important}.accordion .accordion-item.active .panel{max-height:100% !important}.accordion .accordion-item{border-bottom:1px solid #dddddd}.accordion .accordion-item .title:hover{background-color:#eeeeee !important}.accoridan-icon-down-arrow::after{content:"\u2193"}.accordion{padding:3% !important}.accordion-item.active .accoridan-down-arrow{transform:rotate(180deg) !important}.accoridian-title{font-weight:bold !important}.accordion-item .accoridian-title-wrapper:hover{background-color:#dddddd !important}.accordion-item.active .accoridian-title-wrapper{background-color:#dddddd !important}.accordion .accordion-item.active .title{background-color:#eeeeee !important}.accoridan-warnign-icon{width:100px !important;fill:#ff5722 !important}.accoridian-title-wrapper{padding:4px !important;margin-top:0px !important}.accordion-item{margin-top:0px !important}.snackbar-custom-content-undo{display:flex;flex-flow:row}.snackbar-custom-content-undo div:nth-child(1){flex:1 0 70%}.snackbar-custom-content-undo div:nth-child(1) p{padding-left:5%}.snackbar-custom-content-undo div:nth-child(2){flex:1 0 5% !important}.snackbar-custom-content-undo div:nth-child(3){flex:1 0 5% !important}.snackbar-custom-content-undo svg{color:white !important}.snackbar-custom-content-styling{display:flex;flex-flow:row}.snackbar-custom-content-styling div:nth-child(2){flex:1 0 80%}.snackbar-custom-content-styling div:nth-child(1){flex:1;display:flex;text-align:center;padding-left:1%;align-items:center}.snackbar-custom-content-styling div:nth-child(1) div{background-color:unset}.snackbar-custom-content-styling div:nth-child(3){flex:1;display:flex;text-align:center;padding-left:1%;align-items:center}.snackbar-custom-content-styling div:nth-child(3) div{background-color:unset}.snackbar-custom-content-styling svg{color:white !important}.snackbar-parent>div{padding:0 !important}.trf-cancel-row-style{text-decoration:line-through !important;color:#444444 !important}.trf-cancel-row-style:hover td{text-decoration:line-through !important}.advanced-search-bar-ltr .mdc-permanent-drawer{direction:ltr}.test-package-selection-grid::-webkit-scrollbar{width:10px !important}.test-package-selection-grid::-webkit-scrollbar-track{background:#f5f5f5 !important}.test-package-selection-grid::-webkit-scrollbar-thumb{border-radius:300px !important;background:#cecece !important}.test-package-selection-grid::-webkit-scrollbar-thumb:hover{background:#bebebe !important}.test-package-selection-grid div:nth-child(2){overflow:unset !important}.MuiDialogContent-root .MuiTabs-indicator{background-color:#42a5f5 !important}button.MuiButtonBase-root.MuiTab-root.Mui-selected.MuiTab-fullWidth{color:#42a5f5}.testRequired .MuiFormControl-root{padding-left:10px}.testRequired .MuiFormControl-root .MuiInputBase-adornedEnd{font-size:1.5rem}.text-wrap-override{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-wrap-override .MuiListItemText-primary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-label-style label+.MuiInput-formControl{margin-top:0px !important}

.notificaiton-settings-container .notification-setting-label label + div {
  margin-top: 0px !important; }

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
}
.ReactCrop:focus {
  outline: none;
}
.ReactCrop--disabled, .ReactCrop--locked {
  cursor: inherit;
}
.ReactCrop__image {
  display: block;
  max-width: 100%;
  touch-action: none;
}
.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  cursor: move;
  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  touch-action: none;
  border: 1px solid;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat;
}
.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}
.ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5);
}
.ReactCrop--invisible-crop .ReactCrop__crop-selection {
  display: none;
}
.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
}
.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after {
  width: 1px;
  height: 100%;
}
.ReactCrop__rule-of-thirds-vt::before {
  left: 33.3333%;
  left: calc(100% / 3);
}
.ReactCrop__rule-of-thirds-vt::after {
  left: 66.6666%;
  left: calc(100% / 3 * 2);
}
.ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
  width: 100%;
  height: 1px;
}
.ReactCrop__rule-of-thirds-hz::before {
  top: 33.3333%;
  top: calc(100% / 3);
}
.ReactCrop__rule-of-thirds-hz::after {
  top: 66.6666%;
  top: calc(100% / 3 * 2);
}
.ReactCrop__drag-handle {
  position: absolute;
}
.ReactCrop__drag-handle::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  outline: 1px solid transparent;
}
.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize;
}
.ReactCrop .ord-nw::after {
  top: 0;
  left: 0;
}
.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize;
}
.ReactCrop .ord-n::after {
  top: 0;
}
.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize;
}
.ReactCrop .ord-ne::after {
  top: 0;
  right: 0;
}
.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize;
}
.ReactCrop .ord-e::after {
  right: 0;
}
.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize;
}
.ReactCrop .ord-se::after {
  bottom: 0;
  right: 0;
}
.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize;
}
.ReactCrop .ord-s::after {
  bottom: 0;
}
.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize;
}
.ReactCrop .ord-sw::after {
  bottom: 0;
  left: 0;
}
.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize;
}
.ReactCrop .ord-w::after {
  left: 0;
}
.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}
.ReactCrop__drag-bar {
  position: absolute;
}
.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px;
}
.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px;
}
.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px;
}
.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px;
}
.ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none;
}
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}
@media (pointer: coarse) {
  .ReactCrop .ord-n,
.ReactCrop .ord-e,
.ReactCrop .ord-s,
.ReactCrop .ord-w {
    display: none;
  }
  .ReactCrop__drag-handle {
    width: 24px;
    height: 24px;
  }
}

.grid-column-gap{margin-right:10px;margin-left:10px}.grid-column-top{margin-top:12px}.field-name-wrapper{width:80%}.add-new-custom-field-root{width:90%;padding:16px}.add-new-custom-field-root .add-new-supplier-title{margin-top:0;margin-bottom:12px;font-size:24px}.negative-grid-column-top{margin-top:-15px}

.settings-layout {
  width: 96vw !important;
  margin-right: 8px !important; }

.user-profile-container{display:flex;flex-wrap:wrap;width:100%;max-width:1200px}.user-profile-children{display:flex;flex-wrap:wrap;width:25%;padding:16px 16px 0px 0px}.user-profile-children hr:nth-child(2){border-top:none #697c88 !important;border-left:none #697c88 !important;border-right:none #697c88 !important;border-bottom:2px solid #697c88 !important}.user-profile-children hr:nth-child(1){border-top:none !important;border-left:none !important;border-right:none !important;border-bottom:1px solid #697c88 !important}.mfe-user-profile-container .MuiTab-textColorPrimary,.mfe-user-profile-container .MuiButton-containedPrimary{font-weight:normal !important}.user-profile-tab.MuiTab-textColorPrimary.Mui-selected{color:#42a5f5 !important}.user-tabs-container .MuiTabs-indicator{background-color:#42a5f5 !important}.user-tabs-container .MuiCheckbox-colorPrimary.Mui-checked{color:#697c88 !important}

.react-flow light {
  height: 80% !important; }

.score-table {
  border-collapse: collapse;
  width: 100%;
  max-width: 800px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial,
 sans-serif;
  border: 1px solid #e7e7e7;
  background: white; }

.score-table th,
.score-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #eee; }

.score-table th {
  background-color: #f8f9fa;
  font-weight: 600;
  color: #2c3e50;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px; }

.score-table tr:hover {
  background-color: #f5f9ff; }

.score-table td {
  color: #444; }

.score-table tr:last-child {
  font-weight: bold;
  background-color: #f8f9fa; }

.score-table tr:last-child td {
  border-top: 2px solid #ddd;
  border-bottom: none; }

/* Column-specific styles */
.score-table td:nth-child(2),
.score-table td:nth-child(3),
.score-table td:nth-child(4) {
  text-align: center; }

/* Responsive design */
@media (max-width: 600px) {
  .score-table {
    font-size: 14px; }
  .score-table th,
  .score-table td {
    padding: 8px 10px; } }

.supply-tree-parent{flex-flow:unset !important}.supply-tree-body:has(.supplier-table-container){width:50px !important}.supplier-table-container{width:100%;max-width:100%;background-color:white;overflow:hidden}.supplier-table-container .search-container{padding:8px 34px;width:300px}.supplier-table-container .search-container .search-field{margin-bottom:10px;width:100%}.supplier-table-container .table-container{width:100%}.supplier-table-container .table-container .supplier-row{cursor:pointer;transition:background-color 0.2s ease}.supplier-table-container .table-container .supplier-row:hover{background-color:#f5f5f5}.supplier-table-container .table-container .supplier-row.inactive{background-color:#f5f5f5;opacity:0.7}.supplier-table-container .table-container .supplier-row.recent{background-color:#f0f8ff}.supplier-table-container .table-container .status-icon.active{color:#4caf50}.supplier-table-container .table-container .status-icon.inactive{color:#9e9e9e;opacity:0.5}.supplier-table-container .table-container .context-menu-button{padding:4px}.supplier-table-container .table-container .context-menu-button .material-icons{font-size:18px}.supplier-table-container .footer-actions{display:flex;align-items:center;gap:8px}.supplier-table-container .footer-actions .action-button{padding:4px}.supplier-table-container .footer-actions .action-button .material-icons{font-size:18px}.supplier-table-container .simple-grid .table-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.supplier-table-container .simple-grid .table-row{border-bottom:1px solid #e9ecef}.supplier-table-container .simple-grid .table-row:nth-child(even){background-color:#f8f9fa}.supplier-table-container .simple-grid .table-row:hover{background-color:#e3f2fd}.supplier-table-container .simple-grid .sticky-column{background-color:white;box-shadow:2px 0 4px rgba(0,0,0,0.1)}.supplier-table-container .table-wrapper{width:100%;overflow-x:auto;overflow-y:visible}.supplier-table-header{font-weight:normal !important;font-size:12px !important;padding:0px !important;padding-left:24px !important;padding-right:0px !important;height:58.5px;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;color:#9e9e9e !important;position:relative;background-color:inherit;overflow:hidden;height:42px !important;border-top:1px solid #e0e0e0 !important}.supplier-table-container table thead tr th:nth-child(1){border-top:1px solid #e0e0e0 !important}.supplier-table-container .simple-grid table thead tr th:first-child{border-top:1px solid #e0e0e0 !important}.supplier-table-cell{height:45px !important;padding:0 !important;padding-left:24px !important;padding-right:24px !important;font-size:12px !important;color:#212121 !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.supplier-table-cell:nth-child(2){padding:0px !important}.supplier-table-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.supplier-table-container .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.supplier-table-container .simple-grid .table-cell{height:45px !important}.supplier-table-container .simple-grid .table-row{height:45px !important}.supplier-table-container .simple-grid .table-row td{height:45px !important}

.select__multi-value__label{max-width:max-content !important;min-width:max-content !important}.select__control{width:500px}.custom-select-reset-width .basic-multi-select{width:100% !important}.custom-select-reset-width .select__control{width:100% !important}.css-1rtrksz{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap !important;display:unset;position:unset}.css-xwjg1b{min-width:max-content !important}.MuiAutocomplete-root label{width:inherit !important}.MuiFormControl-marginNormal{margin-top:0 !important}label+.MuiInput-formControl{margin-block-start:30px !important}.no-top-margin label+.MuiInput-formControl{margin-block-start:0px !important}.datePickerIcon{margin-bottom:20px}.MuiInputLabel-animated{max-width:270px}

.supply-tree-body:has(.users-table-container){width:50px !important}.users-table-container{width:100%;max-width:100%;background-color:white;overflow:hidden}.users-table-container .users-table-header{font-weight:normal !important;font-size:12px !important;padding:0px !important;padding-left:24px !important;padding-right:0px !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;color:#9e9e9e !important;position:relative;background-color:inherit;overflow:hidden;height:40px !important;border-top:1px solid #e0e0e0 !important;vertical-align:middle}.users-table-container .users-table-header>*{max-height:40px !important;overflow:hidden}.users-table-container .users-table-cell{height:40px !important;padding:0 !important;padding-left:24px !important;padding-right:24px !important;font-size:12px !important;color:#212121 !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.users-table-container .users-table-cell[data-column-id="contextMenu"]{padding:0 !important;padding-left:0 !important;padding-right:0 !important}.users-table-container .MuiTextField-root{z-index:1 !important;position:relative;max-height:32px !important;height:32px !important;overflow:hidden}.users-table-container .MuiTextField-root .MuiOutlinedInput-root{z-index:1 !important;height:32px !important;max-height:32px !important}.users-table-container .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:6px 8px !important;font-size:12px !important}.users-table-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.users-table-container .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.users-table-container table thead tr th:nth-child(1){border-top:1px solid #e0e0e0 !important}.users-table-container .simple-grid table thead tr th:first-child{border-top:1px solid #e0e0e0 !important}.users-table-container .simple-grid .users-table-cell{height:40px !important}.users-table-container .simple-grid .users-table-cell[data-column-id="contextMenu"]{padding:0 !important;padding-left:0 !important;padding-right:0 !important}.users-table-container .simple-grid .users-table-row{height:40px !important}.users-table-container .simple-grid .users-table-row td{height:40px !important}

/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  touch-action: none;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
/* Arrowhead marker styles - use CSS custom properties as default */
.react-flow__arrowhead polyline {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__arrowhead polyline.arrowclosed {
  fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__pane.selection .react-flow__panel {
  pointer-events: none;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.top.center, .react-flow__panel.bottom.center {
      left: 50%;
      transform: translateX(-15px) translateX(-50%);
    }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.left.center, .react-flow__panel.right.center {
      top: 50%;
      transform: translateY(-15px) translateY(-50%);
    }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__controls-button:last-child {
    border-bottom: none;
  }
.react-flow__controls.horizontal .react-flow__controls-button {
    border-bottom: none;
    border-right: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
  }
.react-flow__controls.horizontal .react-flow__controls-button:last-child {
    border-right: none;
  }
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  translate: -50% -50%;
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}

/* src/Components/style.css */
.updatenode__controls {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 4;
  font-size: 12px;
}
.updatenode__controls label {
  display: block;
}
.updatenode__bglabel {
  margin-top: 10px;
}
.updatenode__checkboxwrapper {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.progress {
  width: 200px;
  height: 200px;
  font-size: 30px;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  text-align: center;
  line-height: 200px;
  margin: 20px;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.progress::after {
  content: "%";
  color: #000;
}
.progress .title {
  position: relative;
  z-index: 100;
  color: #000;
}
.progress .overlay {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.progress .left,
.progress .right {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 10px solid #222235;
  border-radius: 100px 0px 0px 100px;
  border-right: 0;
  transform-origin: right;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.progress .left {
  animation: load1 1s linear forwards;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.progress:nth-of-type(2) .right,
.progress:nth-of-type(3) .right {
  animation: load2 0.5s linear forwards 1s;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.progress:last-of-type .right,
.progress:first-of-type .right {
  animation: load3 0.8s linear forwards 1s;
}
@keyframes load1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes load2 {
  0% {
    z-index: 100;
    transform: rotate(180deg);
  }
  100% {
    z-index: 100;
    transform: rotate(270deg);
  }
}
@keyframes load3 {
  0% {
    z-index: 100;
    transform: rotate(180deg);
  }
  100% {
    z-index: 100;
    transform: rotate(315deg);
  }
}
.parent-container {
  position: relative;
  width: 100%;
  height: 400px;
  border: 1px solid #ddd;
}
.overlay {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.spinner {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 4px solid #ccc;
  border-top-color: #55626b;
  box-sizing: border-box;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.content {
  padding: 20px;
  z-index: 1;
}

.supply-tree-parent{flex-flow:unset !important}.supply-tree-body:has(.laboratory-table-container){width:50px !important}.laboratory-table-container{width:100%;max-width:100%;background-color:white;overflow:hidden}.laboratory-table-container .search-container{padding:8px 34px;width:300px}.laboratory-table-container .search-container .search-field{margin-bottom:10px;width:100%}.laboratory-table-container .table-container{width:100%}.laboratory-table-container .table-container .laboratory-row{cursor:pointer;transition:background-color 0.2s ease}.laboratory-table-container .table-container .laboratory-row:hover{background-color:#f5f5f5}.laboratory-table-container .table-container .laboratory-row.inactive{background-color:#f5f5f5;opacity:0.7}.laboratory-table-container .table-container .laboratory-row.recent{background-color:#f0f8ff}.laboratory-table-container .table-container .status-icon.active{color:#4caf50}.laboratory-table-container .table-container .status-icon.inactive{color:#9e9e9e;opacity:0.5}.laboratory-table-container .table-container .context-menu-button{padding:4px}.laboratory-table-container .table-container .context-menu-button .material-icons{font-size:18px}.laboratory-table-container .footer-actions{display:flex;align-items:center;gap:8px}.laboratory-table-container .footer-actions .action-button{padding:4px}.laboratory-table-container .footer-actions .action-button .material-icons{font-size:18px}.laboratory-table-container .simple-grid .table-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.laboratory-table-container .simple-grid .table-row{border-bottom:1px solid #e9ecef}.laboratory-table-container .simple-grid .table-row:nth-child(even){background-color:#f8f9fa}.laboratory-table-container .simple-grid .table-row:hover{background-color:#e3f2fd}.laboratory-table-container .simple-grid .sticky-column{background-color:white;box-shadow:2px 0 4px rgba(0,0,0,0.1)}.laboratory-table-container .table-wrapper{width:100%;overflow-x:auto;overflow-y:visible}.laboratory-table-header{font-weight:normal !important;font-size:12px !important;padding:0px !important;padding-left:24px !important;padding-right:0px !important;height:58.5px;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;color:#9e9e9e !important;position:relative;background-color:inherit;overflow:hidden;height:42px !important;border-top:1px solid #e0e0e0 !important}.laboratory-table-container table thead tr th:nth-child(1){border-top:1px solid #e0e0e0 !important}.laboratory-table-container .simple-grid table thead tr th:first-child{border-top:1px solid #e0e0e0 !important}.laboratory-table-cell{height:45px !important;padding:0 !important;padding-left:24px !important;padding-right:24px !important;font-size:12px !important;color:#212121 !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.laboratory-table-cell:nth-child(2){padding:0px !important}.laboratory-table-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.laboratory-table-container .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.laboratory-table-container .simple-grid .table-cell{height:45px !important}.laboratory-table-container .simple-grid .table-row{height:45px !important}.laboratory-table-container .simple-grid .table-row td{height:45px !important}

.supply-tree-parent{flex-flow:unset !important}.supply-tree-body:has(.department-table-container){width:50px !important}.department-table-container{width:100%;max-width:100%;background-color:white;overflow:hidden}.department-table-container .search-container{padding:8px 34px;width:300px}.department-table-container .search-container .search-field{margin-bottom:10px;width:100%}.department-table-container .table-container{width:100%}.department-table-container .table-container .department-row{cursor:pointer;transition:background-color 0.2s ease}.department-table-container .table-container .department-row:hover{background-color:#f5f5f5}.department-table-container .table-container .department-row.inactive{background-color:#f5f5f5;opacity:0.7}.department-table-container .table-container .department-row.recent{background-color:#f0f8ff}.department-table-container .table-container .status-icon.active{color:#4caf50}.department-table-container .table-container .status-icon.inactive{color:#9e9e9e;opacity:0.5}.department-table-container .table-container .context-menu-button{padding:4px}.department-table-container .table-container .context-menu-button .material-icons{font-size:18px}.department-table-container .footer-actions{display:flex;align-items:center;gap:8px}.department-table-container .footer-actions .action-button{padding:4px}.department-table-container .footer-actions .action-button .material-icons{font-size:18px}.department-table-container .simple-grid .table-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.department-table-container .simple-grid .table-row{border-bottom:1px solid #e9ecef}.department-table-container .simple-grid .table-row:nth-child(even){background-color:#f8f9fa}.department-table-container .simple-grid .table-row:hover{background-color:#e3f2fd}.department-table-container .simple-grid .sticky-column{background-color:white;box-shadow:2px 0 4px rgba(0,0,0,0.1)}.department-table-container .table-wrapper{width:100%;overflow-x:auto;overflow-y:visible}.department-table-header{font-weight:normal !important;font-size:12px !important;padding:0px !important;padding-left:24px !important;padding-right:0px !important;height:58.5px;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;color:#9e9e9e !important;position:relative;background-color:inherit;overflow:hidden;height:42px !important;border-top:1px solid #e0e0e0 !important}.department-table-container table thead tr th:nth-child(1){border-top:1px solid #e0e0e0 !important}.department-table-container .simple-grid table thead tr th:first-child{border-top:1px solid #e0e0e0 !important}.department-table-cell{height:45px !important;padding:0 !important;padding-left:24px !important;padding-right:24px !important;font-size:12px !important;color:#212121 !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.department-table-cell:nth-child(2){padding:0px !important}.department-table-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.department-table-container .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.department-table-container .simple-grid .table-cell{height:45px !important}.department-table-container .simple-grid .table-row{height:45px !important}.department-table-container .simple-grid .table-row td{height:45px !important}.context-menu-test-requests .MuiMenuItem-root{padding:8px 16px;font-size:14px}.context-menu-test-requests .MuiMenuItem-root:hover{background-color:#f5f5f5}

.autocomplete-with-chip .MuiAutocomplete-tag{max-width:100% !important}


.suplier-detail-content .MuiAppBar-root {
  box-shadow: none !important; }

.suplier-detail-content .Mui-selected {
  color: black !important;
  font-weight: 500 !important; }

.suplier-detail-content .MuiTabs-indicator {
  background-color: #3498db !important; }

.suplier-detail-content .MuiTab-root {
  color: black !important; }

.brand-image-section-item > div {
  margin-top: 4px !important; }

.brand-image-section-item .signature-section {
  margin-top: 0 !important; }

.brand-image-section-container {
  margin-top: 16px !important; }

.brands-table-container{background-color:white}.brands-table-container .search-container{padding:8px 34px;width:300px}.brands-table-container .search-container .search-field{margin-bottom:10px;width:100%}.brands-table-container .table-container{width:100%}.brands-table-container .table-container .brand-row{cursor:pointer;transition:background-color 0.2s ease}.brands-table-container .table-container .brand-row:hover{background-color:#f5f5f5}.brands-table-container .table-container .brand-row.inactive{background-color:#f5f5f5;opacity:0.7}.brands-table-container .table-container .brand-row.recent{background-color:#f0f8ff}.brands-table-container .table-container .status-icon.active{color:#4caf50}.brands-table-container .table-container .status-icon.inactive{color:#9e9e9e;opacity:0.5}.brands-table-container .table-container .context-menu-button{padding:4px}.brands-table-container .table-container .context-menu-button .material-icons{font-size:18px}.brands-table-container .footer-actions{display:flex;align-items:center;gap:8px}.brands-table-container .footer-actions .action-button{padding:4px}.brands-table-container .footer-actions .action-button .material-icons{font-size:18px}.brands-table-container .simple-grid .table-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.brands-table-container .simple-grid .table-row{border-bottom:1px solid #e9ecef}.brands-table-container .simple-grid .table-row:nth-child(even){background-color:#f8f9fa}.brands-table-container .simple-grid .table-row:hover{background-color:#e3f2fd}.brands-table-container .simple-grid .sticky-column{background-color:white;box-shadow:2px 0 4px rgba(0,0,0,0.1)}.brands-table-header{font-weight:normal !important;font-size:12px !important;padding:0px !important;padding-left:24px !important;padding-right:0px !important;height:58.5px;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;color:#9e9e9e !important;position:relative;background-color:inherit;overflow:hidden;height:42px !important;border-top:1px solid #e0e0e0 !important}.brands-table-container table thead tr th:nth-child(1){border-top:1px solid #e0e0e0 !important}.brands-table-container .simple-grid table thead tr th:first-child{border-top:1px solid #e0e0e0 !important}.brands-table-cell{height:45px !important;padding:0 !important;padding-left:24px !important;padding-right:24px !important;font-size:12px !important;color:#212121 !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brands-table-cell:nth-child(2){padding:0px !important}.brands-table-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.brands-table-container .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.brands-table-container .simple-grid .table-cell{height:45px !important}.brands-table-container .simple-grid .table-row{height:45px !important}.brands-table-container .simple-grid .table-row td{height:45px !important}

.suplier-detail-content .MuiAppBar-root {
  box-shadow: none !important; }

.suplier-detail-content .Mui-selected {
  color: black !important;
  font-weight: 500 !important; }

.suplier-detail-content .MuiTabs-indicator {
  background-color: #3498db !important; }

.suplier-detail-content .MuiTab-root {
  color: black !important; }

.brand-image-section-item > div {
  margin-top: 4px !important; }

.brand-image-section-item .signature-section {
  margin-top: 0 !important; }

.brand-image-section-container {
  margin-top: 16px !important; }

.supply-tree-parent{flex-flow:unset !important}.supply-tree-body:has(.division-table-container){width:50px !important}.division-table-container{width:100%;max-width:100%;background-color:white;overflow:hidden}.division-table-container .search-container{padding:8px 34px;width:300px}.division-table-container .search-container .search-field{margin-bottom:10px;width:100%}.division-table-container .table-container{width:100%}.division-table-container .table-container .division-row{cursor:pointer;transition:background-color 0.2s ease}.division-table-container .table-container .division-row:hover{background-color:#f5f5f5}.division-table-container .table-container .division-row.inactive{background-color:#f5f5f5;opacity:0.7}.division-table-container .table-container .division-row.recent{background-color:#f0f8ff}.division-table-container .table-container .status-icon.active{color:#4caf50}.division-table-container .table-container .status-icon.inactive{color:#9e9e9e;opacity:0.5}.division-table-container .table-container .context-menu-button{padding:4px}.division-table-container .table-container .context-menu-button .material-icons{font-size:18px}.division-table-container .footer-actions{display:flex;align-items:center;gap:8px}.division-table-container .footer-actions .action-button{padding:4px}.division-table-container .footer-actions .action-button .material-icons{font-size:18px}.division-table-container .simple-grid .table-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.division-table-container .simple-grid .table-row{border-bottom:1px solid #e9ecef}.division-table-container .simple-grid .table-row:nth-child(even){background-color:#f8f9fa}.division-table-container .simple-grid .table-row:hover{background-color:#e3f2fd}.division-table-container .simple-grid .sticky-column{background-color:white;box-shadow:2px 0 4px rgba(0,0,0,0.1)}.division-table-container .table-wrapper{width:100%;overflow-x:auto;overflow-y:visible}.division-table-header{font-weight:normal !important;font-size:12px !important;padding:0px !important;padding-left:24px !important;padding-right:0px !important;height:58.5px;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;color:#9e9e9e !important;position:relative;background-color:inherit;overflow:hidden;height:42px !important;border-top:1px solid #e0e0e0 !important}.division-table-container table thead tr th:nth-child(1){border-top:1px solid #e0e0e0 !important}.division-table-container .simple-grid table thead tr th:first-child{border-top:1px solid #e0e0e0 !important}.division-table-cell{height:45px !important;padding:0 !important;padding-left:24px !important;padding-right:24px !important;font-size:12px !important;color:#212121 !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.division-table-cell:nth-child(2){padding:0px !important}.division-table-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.division-table-container .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.division-table-container .simple-grid .table-cell{height:45px !important}.division-table-container .simple-grid .table-row{height:45px !important}.division-table-container .simple-grid .table-row td{height:45px !important}.context-menu-test-requests .MuiMenuItem-root{padding:8px 16px;font-size:14px}.context-menu-test-requests .MuiMenuItem-root:hover{background-color:#f5f5f5}

.user-groups-table-container{width:100%;max-width:100%;background-color:white;overflow:hidden}.user-groups-table-container .search-container{padding:8px 34px;width:300px}.user-groups-table-container .search-container .search-field{margin-bottom:10px;width:100%}.user-groups-table-container .table-container{width:100%}.user-groups-table-container .table-container .user-group-row{cursor:pointer;transition:background-color 0.2s ease}.user-groups-table-container .table-container .user-group-row:hover{background-color:#f5f5f5}.user-groups-table-container .table-container .user-group-row.inactive{background-color:#f5f5f5;opacity:0.7}.user-groups-table-container .table-container .user-group-row.recent{background-color:#f0f8ff}.user-groups-table-container .table-container .status-icon.active{color:#4caf50}.user-groups-table-container .table-container .status-icon.inactive{color:#9e9e9e;opacity:0.5}.user-groups-table-container .table-container .context-menu-button{padding:4px}.user-groups-table-container .table-container .context-menu-button .material-icons{font-size:18px}.user-groups-table-container .footer-actions{display:flex;align-items:center;gap:8px}.user-groups-table-container .footer-actions .action-button{padding:4px}.user-groups-table-container .footer-actions .action-button .material-icons{font-size:18px}.user-groups-table-container .simple-grid .table-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.user-groups-table-container .simple-grid .table-row{border-bottom:1px solid #e9ecef}.user-groups-table-container .simple-grid .table-row:nth-child(even){background-color:#f8f9fa}.user-groups-table-container .simple-grid .table-row:hover{background-color:#e3f2fd}.user-groups-table-container .simple-grid .sticky-column{background-color:white;box-shadow:2px 0 4px rgba(0,0,0,0.1)}.user-groups-table-container .table-wrapper{width:100%;overflow-x:auto;overflow-y:visible}.user-groups-table-header{font-weight:normal !important;font-size:12px !important;padding:0px !important;padding-left:24px !important;padding-right:0px !important;height:58.5px;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;color:#9e9e9e !important;position:relative;background-color:inherit;overflow:hidden;height:42px !important;border-top:1px solid #e0e0e0 !important}.user-groups-table-container table thead tr th:nth-child(1){border-top:1px solid #e0e0e0 !important}.user-groups-table-container .simple-grid table thead tr th:first-child{border-top:1px solid #e0e0e0 !important}.user-groups-table-cell{height:45px !important;padding:0 !important;padding-left:24px !important;padding-right:24px !important;font-size:12px !important;color:#212121 !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-groups-code-cell{text-overflow:clip;overflow:visible;white-space:normal}.user-groups-table-cell:nth-child(2){padding:0px !important}.user-groups-table-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.user-groups-table-container .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ccc !important}.user-groups-table-container .simple-grid .table-cell{height:45px !important}.user-groups-table-container .simple-grid .table-row{height:45px !important}.user-groups-table-container .simple-grid .table-row td{height:45px !important}.user-groups-table-container .user-groups-table-cell span{width:100% !important}


.notification-stepper{width:100%;background-color:white}.notification-stepper .notification-header{padding:16px 16px 0 16px}.notification-stepper .notification-header .notification-title{font-size:28px;font-weight:500;margin-bottom:0;color:#333;margin-top:0px !important;padding:14px;padding-bottom:0}.notification-stepper .notification-info-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 16px 0 16px}.notification-stepper .notification-info-section .info-message{display:flex;padding:0;align-items:center}.notification-stepper .notification-info-section .info-message .info-icon{vertical-align:middle;color:#2196f3}.notification-stepper .notification-info-section .info-message .info-text{margin-left:4px;color:#666;font-size:14px}.notification-stepper .notification-info-section .action-buttons{padding:0}.notification-stepper .notification-context{display:flex;padding:16px 16px 14px 16px}.notification-stepper .notification-context .division-info{align-self:center;color:#666;font-size:14px}.notification-stepper .notification-context .division-info .division-name{font-weight:bold;color:#333}.notification-stepper .notification-context .program-info{padding-left:24px;align-self:center;color:#666;font-size:14px}.notification-stepper .notification-context .program-info .program-name{font-weight:bold;color:#333}.notification-stepper .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin-top:10%}.notification-stepper .empty-state .empty-icon{font-size:48px;color:#ccc;margin-bottom:16px}.notification-stepper .empty-state .empty-text{color:#666;font-size:16px}.notification-list-container{width:100%;background-color:white;overflow-y:auto}.notification-list-container .search-container{width:300px;padding:16px 16px 8px 16px}.notification-list-container .search-container .search-field{margin-bottom:10px;width:100%}.notification-list-container .search-container .search-field .MuiInput-root{font-size:14px}.notification-list-container .search-container .search-field .MuiInputAdornment-root{color:#666}.notification-list-container .grid-container{width:100%}.notification-list .notification-row{cursor:pointer;transition:background-color 0.2s ease}.notification-list .notification-row:hover{background-color:#f5f5f5}.notification-list .notification-row.unread{background-color:#f3fff3}.notification-list .notification-row.read{background-color:white}.notification-list .status-icon.unread{color:#f44336}.notification-list .status-icon.read{color:#ccc;opacity:0.5}.notification-list .from-column{font-weight:bold}.notification-list .from-column.read{font-weight:400}.notification-list .received-column{font-weight:bold}.notification-list .received-column.read{font-weight:400}.notification-list .recipients-column{display:flex;align-items:center;justify-content:center;cursor:pointer}.notification-list .recipients-column .recipients-count{color:gray;margin-right:4px}.notification-list .recipients-column .people-icon{font-size:18px;margin-right:4px}.notification-list .context-menu .menu-button{padding:4px}.notification-list .context-menu .menu-button:hover{background-color:#f0f0f0}.recipients-dialog .dialog-content{width:100%;height:100%;overflow-y:auto;max-height:400px}.recipients-dialog .dialog-content .recipient-item{padding:8px 16px;border-bottom:1px solid #eee}.recipients-dialog .dialog-content .recipient-item:last-child{border-bottom:none}.side-drawer .drawer-content{height:calc(100% - 50px)}.side-drawer .no-selection-state{text-align:center;padding:40px 20px;color:#666}.side-drawer .no-selection-state .no-selection-icon{font-size:48px;margin-bottom:16px;color:#ccc}.side-drawer .no-selection-state .no-selection-title{margin-bottom:8px;font-size:18px;font-weight:500}.side-drawer .no-selection-state .no-selection-text{font-size:14px;color:#999}.notification-table-header{font-weight:normal !important;font-size:12px !important;padding:0px !important;padding-left:24px !important;padding-right:0px !important;height:58.5px;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;color:#9e9e9e !important;position:relative;background-color:inherit;overflow:hidden;height:42px !important;border-top:1px solid #e0e0e0 !important}.notification-table-cell{height:45px !important;padding:0 !important;padding-left:24px !important;padding-right:24px !important;font-size:12px !important;color:#212121 !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notification-list-container table thead tr th:nth-child(1){border-top:1px solid #e0e0e0 !important}.notification-list-container .simple-grid table thead tr th:first-child{border-top:1px solid #e0e0e0 !important}

.issue-stepper{width:100%;background-color:white}.issue-stepper .issue-header{padding:16px 16px 0 0px}.issue-stepper .issue-header .issue-title{font-size:28px;font-weight:500;margin-bottom:0;margin-top:0px !important;color:#333;padding:14px;padding-bottom:0}.issue-stepper .issue-context{display:flex;padding:16px 16px 0 16px}.issue-stepper .issue-context .division-info{align-self:center;color:#666;font-size:14px}.issue-stepper .issue-context .division-info .division-name{font-weight:bold;color:#333}.issue-stepper .issue-context .program-info{padding-left:24px;align-self:center;color:#666;font-size:14px}.issue-stepper .issue-context .program-info .program-name{font-weight:bold;color:#333}.issue-stepper .search-container{padding:16px 16px 8px 16px;width:300px}.issue-stepper .search-container .search-field{width:100%}.issue-stepper .search-container .search-field .MuiInput-root{font-size:14px}.issue-stepper .search-container .search-field .MuiInputAdornment-root{color:#666}.issue-stepper .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin-top:10%}.issue-stepper .empty-state .empty-icon{font-size:48px;color:#ccc;margin-bottom:16px}.issue-stepper .empty-state .empty-text{color:#666;font-size:16px}.issue-list-container{width:98%;background-color:white;overflow-y:auto;padding-left:14px}.issue-list-container .grid-container{width:100%}.issue-list .issue-row{cursor:pointer;transition:background-color 0.2s ease}.issue-list .issue-row:hover{background-color:#f5f5f5}.issue-list .issue-row.unread{background-color:#f3fff3}.issue-list .issue-row.read{background-color:white}.issue-list .status-icon.red{color:#f44336}.issue-list .status-icon.blue{color:#2196f3}.issue-list .status-icon.grey{color:#697c88}.issue-list .issue-number{font-weight:500;color:#333}.issue-list .initiator-column{font-weight:500;color:#333}.issue-list .recipients-column{display:flex;align-items:center;justify-content:center;cursor:pointer}.issue-list .recipients-column .recipients-count{color:gray;margin-right:4px}.issue-list .recipients-column .people-icon{font-size:18px;margin-right:4px}.issue-list .title-column{font-weight:500;color:#333}.issue-list .parent-type-column .parent-link{cursor:pointer;color:#499ae9;font-weight:bold;text-decoration:none}.issue-list .parent-type-column .parent-link:hover{text-decoration:underline}.issue-list .created-column{color:#666;font-size:14px}.issue-list .latest-comment-column .comment-author{font-weight:bold;color:#333}.issue-list .latest-comment-column .comment-text{color:#666}.issue-list .latest-comment-column .no-comments{font-style:italic;color:#999}.recipients-dialog .dialog-content{width:100%;height:100%;overflow-y:auto;max-height:400px}.recipients-dialog .dialog-content .recipient-item{padding:8px 16px;border-bottom:1px solid #eee}.recipients-dialog .dialog-content .recipient-item:last-child{border-bottom:none}.side-drawer .drawer-content{height:calc(100% - 50px)}.side-drawer .no-selection-state{text-align:center;padding:40px 20px;color:#666}.side-drawer .no-selection-state .no-selection-icon{font-size:48px;margin-bottom:16px;color:#ccc}.side-drawer .no-selection-state .no-selection-title{margin-bottom:8px;font-size:18px;font-weight:500}.side-drawer .no-selection-state .no-selection-text{font-size:14px;color:#999}.loading-container{width:100%;margin-top:1px}.loading-container .linear-progress{height:4px;background-color:#e0e0e0}.loading-container .linear-progress .MuiLinearProgress-bar{background-color:#2196f3}.issue-table-header{font-weight:normal !important;font-size:12px !important;padding:0px !important;padding-left:24px !important;padding-right:0px !important;height:58.5px;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;color:#9e9e9e !important;position:relative;background-color:inherit;overflow:hidden;height:42px !important;border-top:1px solid #e0e0e0 !important}.issue-table-cell{height:45px !important;padding:0 !important;padding-left:24px !important;padding-right:24px !important;font-size:12px !important;color:#212121 !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.issue-list-container table thead tr th:nth-child(1){border-top:1px solid #e0e0e0 !important}.issue-list-container .simple-grid table thead tr th:first-child{border-top:1px solid #e0e0e0 !important}

.task-stepper{width:100%;background-color:white}.task-stepper .task-header{padding:16px 16px 0 16px}.task-stepper .task-header .task-title{font-size:28px;font-weight:500;margin-bottom:0;color:#333;margin-top:0px !important;padding:14px;padding-bottom:0}.task-stepper .task-info-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 16px 0 16px}.task-stepper .task-info-section .info-message{display:flex;padding:0;align-items:center}.task-stepper .task-info-section .info-message .info-icon{vertical-align:middle;color:#2196f3}.task-stepper .task-info-section .info-message .info-text{margin-left:4px;color:#666;font-size:14px}.task-stepper .task-info-section .action-buttons{padding:0}.task-stepper .task-context{display:flex;padding:16px 16px 14px 16px}.task-stepper .task-context .division-info{align-self:center;color:#666;font-size:14px}.task-stepper .task-context .division-info .division-name{font-weight:bold;color:#333}.task-stepper .task-context .program-info{padding-left:24px;align-self:center;color:#666;font-size:14px}.task-stepper .task-context .program-info .program-name{font-weight:bold;color:#333}.task-stepper .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin-top:10%}.task-stepper .empty-state .empty-icon{font-size:48px;color:#ccc;margin-bottom:16px}.task-stepper .empty-state .empty-text{color:#666;font-size:16px}.task-list-container{width:100%;background-color:white;overflow-y:auto;height:100%}.task-list-container .grid-container{width:100%}.task-table-header{font-weight:normal !important;font-size:12px !important;padding:0px !important;padding-left:24px !important;padding-right:0px !important;height:58.5px;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;color:#9e9e9e !important;position:relative;background-color:inherit;overflow:hidden;height:42px !important;border-top:1px solid #e0e0e0 !important}.task-table-cell{height:45px !important;padding:0 !important;padding-left:24px !important;padding-right:24px !important;font-size:12px !important;color:#212121 !important;text-align:left !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task-list-container table thead tr th:nth-child(1){border-top:1px solid #e0e0e0 !important}.task-list-container .simple-grid table thead tr th:first-child{border-top:1px solid #e0e0e0 !important}

.secondary-table-wrapper{overflow-x:auto}.card-wrapper{display:block}.secondary-table-wrapper:-webkit-scrollbar-track:horizontal{background:#f1f1f1}.secondary-table-wrapper:-webkit-scrollbar-thumb:horizontal{background:#888;border-radius:50px}.secondary-table-wrapper:-webkit-scrollbar-thumb:hover:horizontal{background:#555}

.svc-logic-question-value,div:only-child>.sd-element--with-frame:not(.sd-element--collapsed){border-radius:calc(0.5 * var(--base-unit, 8px));box-sizing:border-box;padding-left:var(--sd-base-padding);padding-right:var(--sd-base-padding);padding-bottom:var(--sd-base-padding);background:var(--background, #fff);box-shadow:0px 1px 2px rgba(0,0,0,0.15)}.svc-logic-question-value>.sd-question__erbox--above-question,div:only-child>.sd-element--with-frame:not(.sd-element--collapsed)>.sd-question__erbox--above-question{border-radius:calc(0.5 * var(--base-unit, 8px)) calc(0.5 * var(--base-unit, 8px)) 0 0;margin-left:calc(-1 * var(--sd-base-padding));margin-right:calc(-1 * var(--sd-base-padding));width:calc(100% + 2 * var(--sd-base-padding))}.svc-logic-question-value.sd-question--paneldynamic,div:only-child>.sd-element--with-frame:not(.sd-element--collapsed).sd-question--paneldynamic{padding-bottom:0}.svc-logic-question-value,.sd-element:not(.sd-element--collapsed){padding-top:var(--sd-base-vertical-padding)}.sd-table__cell--detail-panel .sd-element:not(.sd-element--collapsed){padding-top:0}.sd-element.sd-element--complex{padding-top:0}.sd-element--collapsed>.sd-element__header{padding:calc(2 * var(--base-unit, 8px)) var(--sd-base-padding);box-sizing:border-box;background-color:var(--background, #fff);cursor:pointer}.sd-element--collapsed.sd-element--with-frame>.sd-element__header{box-shadow:0px 1px 2px rgba(0,0,0,0.15);border-radius:calc(0.5 * var(--base-unit, 8px))}.sd-element--collapsed>.sd-element__header:focus-within,.sd-element--collapsed>.sd-element__header:hover{background-color:var(--background-dim-light, #f9f9f9)}.sd-element__title{outline:none}.sd-element--collapsed:not(.sd-element--with-frame)>.sd-element__header{margin-left:calc(-1 * var(--sd-base-padding));width:calc(100% + 2 * var(--sd-base-padding))}.sd-element--complex:not(.sd-element--collapsed)>.sd-element__header--location-top{padding-top:var(--sd-base-vertical-padding);padding-bottom:var(--sd-base-vertical-padding)}.sd-element--complex:not(.sd-element--collapsed)>.sd-element__header--location-top:after{content:" ";display:block;position:relative;bottom:calc(-1 * var(--sd-base-vertical-padding));height:1px;background:var(--border-light, #eaeaea)}.sd-element--complex.sd-element--with-frame>.sd-element__header--location-top:after{content:" ";left:calc(-1 * var(--sd-base-padding));width:calc(100% + 2 * var(--sd-base-padding))}.sd-element--nested.sd-element--complex>.sd-element__header--location-top{padding-bottom:calc(0.5 * var(--sd-base-vertical-padding))}.sd-element--nested.sd-element--complex>.sd-element__header--location-top:after{bottom:calc(-0.5 * var(--sd-base-vertical-padding))}.sd-element--nested.sd-panel,.sd-element--nested.sd-question--paneldynamic{border:1px solid var(--border-light, #eaeaea);box-sizing:border-box;padding-left:var(--sd-base-padding);padding-right:var(--sd-base-padding);margin-top:var(--sd-base-vertical-padding)}.sd-element--nested.sd-panel>.sd-element__header--location-top,.sd-element--nested.sd-question--paneldynamic>.sd-element__header--location-top{padding-top:calc(0.5 * var(--sd-base-vertical-padding));padding-bottom:calc(0.5 * var(--sd-base-vertical-padding))}.sd-element--nested.sd-panel>.sd-element__header--location-top:after,.sd-element--nested.sd-question--paneldynamic>.sd-element__header--location-top:after{left:calc(-1 * var(--sd-base-padding));width:calc(100% + 2 * var(--sd-base-padding));bottom:calc(-0.5 * var(--sd-base-vertical-padding))}.sd-element--nested.sd-panel:not(.sd-element--collapsed){padding-bottom:var(--sd-base-padding)}.svc-question__content .sd-element{padding-top:0}.svc-question__content .sd-element--complex>.sd-element__header--location-top{padding-bottom:calc(0.5 * var(--sd-base-vertical-padding));padding-top:0}.svc-question__content .sd-element--complex>.sd-element__header--location-top:after{display:none}.sd-element--invisible{opacity:0.35}.sd-element__title{font-size:0;line-height:0;position:static;font-weight:600;margin:0}.sd-element__title .sd-element__num{font-size:calc(1.5 * var(--base-unit, 8px));line-height:calc(2 * var(--base-unit, 8px))}.sd-element__title span{font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px))}.sd-element__title .sv-title-actions__title{font-size:0;line-height:0}.sd-element__title .svc-string-editor{display:inline-block;max-width:100%}.sd-element__title .sv-string-editor{max-width:100%;white-space:normal}.sd-element__title .sv-title-actions__title{white-space:nowrap}.sd-element__title .sv-string-viewer{white-space:normal}.sd-element__num{float:left;padding:calc(0.625 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) calc(0.375 * var(--base-unit, 8px));width:calc(4 * var(--base-unit, 8px));font-size:calc(1.5 * var(--base-unit, 8px));line-height:calc(2 * var(--base-unit, 8px));color:var(--foreground-light, #909090);margin-left:calc(-4 * var(--base-unit, 8px));text-align:right;box-sizing:border-box;white-space:nowrap;flex-shrink:0}.sd-element__num+span{float:left;width:0}div:not(:only-child)>.sd-element>.sd-question__header .sd-action-bar,.sd-element__title--expandable .sd-action-bar{margin-right:0}div:not(:only-child)>.sd-element>.sd-question__header .sd-element__num,.sd-element__title--expandable .sd-element__num{float:none;margin-left:0;width:auto;padding-left:0;padding-right:0}div:not(:only-child)>.sd-element>.sd-question__header .sd-element__num+span,.sd-element__title--expandable .sd-element__num+span{float:none;width:auto}.sd-element__title--expandable.sd-element__title--expandable{position:relative;display:block}.sd-element__title--expandable:before{content:"";display:inline-block;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center center;height:calc(2 * var(--base-unit, 8px));width:calc(2 * var(--base-unit, 8px));position:absolute;left:calc(-3 * var(--base-unit, 8px));top:calc(0.5 * var(--base-unit, 8px))}.sd-element__title--expandable.sd-element__title--expanded:before{transform:rotate(90deg)}.sd-question{position:relative}.sd-question__erbox--above-question{margin-top:calc(-1 * var(--sd-base-vertical-padding));margin-bottom:calc(var(--sd-base-vertical-padding) - var(--base-unit, 8px));width:100%;color:var(--red, #e60a3e);background-color:var(--red-light, rgba(230,10,62,0.1));box-sizing:border-box}.sd-question__erbox{padding:calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));border-radius:calc(0.5 * var(--base-unit, 8px));font-weight:600;line-height:calc(2 * var(--base-unit, 8px));font-size:calc(1.5 * var(--base-unit, 8px))}.sd-question__header{width:100%}.sd-question__header--location-top{padding-bottom:calc(0.5 * var(--sd-base-vertical-padding))}.sd-scrollable .sd-question__content{overflow-x:auto;padding:calc(2 * var(--base-unit, 8px)) 0}.sd-question__header--location--left{display:inline-block;width:auto;max-width:50%;vertical-align:top;margin-top:calc(1.5 * var(--base-unit, 8px))}.sd-question--left{display:flex}.sd-question__content--left{display:inline-block;padding-left:calc(3 * var(--base-unit, 8px));flex:1}.sd-question__required-text{color:var(--red, #e60a3e);vertical-align:top}.sd-question__form-group{margin-top:calc(2 * var(--base-unit, 8px))}.sd-question__erbox--tooltip{display:none;position:fixed;height:auto;width:auto;max-width:calc(29 * var(--base-unit, 8px));background-color:var(--background, #fff);color:var(--foreground, #161616);opacity:0.75;box-shadow:0px 2px 6px rgba(0,0,0,0.1);white-space:normal;text-align:left;z-index:1000}.sd-question__content:hover:not(:focus-within)>.sd-question__erbox--tooltip{display:block}.sd-question__erbox--location--top,.sd-question__erbox--location--bottom{display:block;color:var(--red, #e60a3e);padding-left:0;padding-right:0;text-align:left}.sd-question--complex .sd-question__erbox--above-question{margin-top:0}.sd-question--complex .sd-question__erbox--above-question ~ .sd-question__header--location-top{padding-top:calc(1 * var(--base-unit, 8px))}.sd-question--empty.sd-question--complex>.sd-question__header--location-top{padding-bottom:calc(0.5 * var(--sd-base-vertical-padding))}.sd-question--empty.sd-question--complex>.sd-question__header--location-top:after{display:none}.sd-question__placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(0.5 * var(--base-unit, 8px));justify-content:center;min-height:calc(24 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));font-size:calc(2 * var(--base-unit, 8px));color:var(--foreground-light, #909090)}.sd-question__placeholder>div>.sv-string-viewer,.sd-question__placeholder>span>.sv-string-viewer{white-space:pre-line}.sd-question--empty.sd-question--complex>.sd-question__content{padding-top:0;padding-bottom:0}.sd-question--empty.sd-question--complex>.sd-question__content:first-child{padding-top:var(--sd-base-padding)}.sd-scrollable-container:not(.sd-scrollable-container--compact){width:max-content;max-width:100%}.sd-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:static;width:100%;height:calc(6 * var(--base-unit, 8px));box-sizing:border-box;padding:calc(1.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:calc(2 * var(--base-unit, 8px));color:var(--foreground, #161616);background-color:var(--background-dim-light, #f9f9f9);box-shadow:inset 0px 1px 2px rgba(0,0,0,0.15);border:none;border-radius:3px;text-align:left}.sd-input.sd-input:focus{outline:none}.sd-input--disabled{background-color:var(--background-dim-light, #f9f9f9)}.sd-input::placeholder{color:var(--foreground-light, #909090)}.sd-input--disabled,.sd-input--disabled::placeholder{color:var(--foreground-disabled, rgba(22,22,22,0.25))}.sd-input:focus{box-shadow:0 0 0 2px var(--primary, #697c88),inset 0px 1px 2px var(--border-inside, rgba(0,0,0,0.16))}.sd-input--error{background-color:var(--red-light, rgba(230,10,62,0.1))}.sd-comment{height:auto;min-width:calc(6 * var(--base-unit, 8px));min-height:calc(6 * var(--base-unit, 8px));max-width:100%}.sd-panel{position:relative}.sd-panel .sd-row{margin-top:calc(1 * var(--base-unit, 8px))}.sd-panel .sd-row:first-child{margin-top:0}.sd-panel__required-text{color:var(--red, #e60a3e)}.sd-panel__footer{box-sizing:border-box;padding-left:calc(var(--sd-base-padding) - 3 * var(--base-unit, 8px));margin-left:calc(-1 * var(--sd-base-padding));width:calc(100% + 2 * var(--sd-base-padding));margin-bottom:calc(
 -1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));margin-top:calc(0.5 * var(--sd-base-vertical-padding));border-top:1px solid var(--border-light, #eaeaea);padding-top:calc(0.5 * var(--sd-base-vertical-padding))}.sjs_sp_placeholder{color:var(--foreground-light, #909090)}.sjs_sp_container{border:1px dashed var(--border, #d6d6d6)}.sjs_sp_controls.sd-signaturepad__controls{right:calc(1 * var(--base-unit, 8px));top:calc(1 * var(--base-unit, 8px));left:auto;bottom:auto}.sd-question--signature:not(.sd-question--answered) .sd-signaturepad__controls{display:none}.sd-question--signature.sd-question--error .sjs_sp_placeholder{background-color:var(--red-light, rgba(230,10,62,0.1))}.sd-checkbox__decorator{border-radius:3px}.sd-checkbox__svg{display:none;width:calc(2.5 * var(--base-unit, 8px));height:calc(2.5 * var(--base-unit, 8px))}.sd-checkbox--checked .sd-checkbox__svg{display:block}.sd-checkbox--checked .sd-checkbox__svg use{fill:var(--background, #fff)}.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use{fill:var(--border, #d6d6d6)}.sd-checkbox--checked .sd-checkbox__control:focus+.sd-checkbox__decorator .sd-checkbox__svg use{fill:var(--primary, #697c88)}.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn{position:sticky;left:calc(-3 * var(--base-unit, 8px));margin-left:calc(-3 * var(--base-unit, 8px));z-index:12}.sd-matrixdynamic__footer:first-child{padding-bottom:calc(2 * var(--base-unit, 8px))}.sd-action.sd-matrixdynamic__remove-btn{opacity:0.5}.sd-matrixdynamic__btn{appearance:none;background:rgba(0,0,0,0);border:none;line-height:calc(3 * var(--base-unit, 8px));font-size:calc(2 * var(--base-unit, 8px));font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:600;padding:calc(1 * var(--base-unit, 8px)) 0}.sd-matrixdynamic__drag-element{padding:calc(2 * var(--base-unit, 8px))}.sd-matrixdynamic__drag-element:hover{background-color:var(--background, #fff)}.sd-matrixdynamic__drag-element:after{content:" ";display:block;height:calc(0.5 * var(--base-unit, 8px));width:calc(2 * var(--base-unit, 8px));border:1px solid var(--border, #d6d6d6);box-sizing:border-box;border-radius:10px}.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn{margin-left:0}.sd-drag-element__svg{width:calc(2 * var(--base-unit, 8px));height:calc(2 * var(--base-unit, 8px));display:block}.sd-drag-element__svg use{fill:var(--foreground-light, #909090)}.sd-table{width:100%;background-color:var(--background, #fff);border-collapse:collapse;white-space:normal}.sd-table__cell{font-weight:normal;font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));padding-bottom:calc(2 * var(--base-unit, 8px));color:var(--foreground, #161616);text-align:center;padding-right:calc(1 * var(--base-unit, 8px));padding-left:calc(1 * var(--base-unit, 8px))}.sd-table__cell--header{font-weight:600;vertical-align:top;padding-top:calc(1.5 * var(--base-unit, 8px));padding-bottom:calc(3.5 * var(--base-unit, 8px))}.sd-table__cell--detail-panel{padding:0 calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px))}.sd-table__cell--actions .sv-action-bar,.sd-matrixdynamic__add-btn .sv-action-bar{overflow:visible}.sd-table__cell--actions .svc-string-editor__button--done,.sd-matrixdynamic__add-btn .svc-string-editor__button--done{width:calc(2 * var(--base-unit, 8px))}.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled{background:var(--background, #fff);opacity:1}.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use{fill:var(--foreground-light, #909090)}.sd-table__cell--actions:not(.sd-table__cell--vertical){width:0}.sd-table__cell--detail-button{border:none;background:rgba(0,0,0,0);width:calc(4 * var(--base-unit, 8px));height:calc(4 * var(--base-unit, 8px));padding:calc(1 * var(--base-unit, 8px))}.sd-table__cell--detail-button svg{width:calc(2 * var(--base-unit, 8px));height:calc(2 * var(--base-unit, 8px));fill:var(--foreground-light, #909090)}.sd-table__cell--actions{white-space:nowrap}.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar{justify-content:center}.sd-table__cell--row-text{font-weight:600;text-align:left}.sd-table__question-wrapper:not(:focus-within):hover{position:relative}.sd-table__question-wrapper:not(:focus-within):hover .sd-question__erbox--tooltip{display:inline-block}.sd-table__cell--actions:not(.sd-table__cell--vertical),.sd-table__cell--empty,.sd-table__cell--row-text,.sd-matrix__cell:first-child,.sd-matrix tr>td:first-child{position:sticky;background:var(--background, #fff);z-index:12}.sd-table__cell--actions:not(.sd-table__cell--vertical):first-child,.sd-table__cell--empty:first-child,.sd-table__cell--row-text:first-child,.sd-matrix__cell:first-child:first-child,.sd-matrix tr>td:first-child:first-child{left:calc(-1 * var(--base-unit, 8px))}.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child,.sd-table__cell--empty:last-child,.sd-table__cell--row-text:last-child,.sd-matrix__cell:first-child:last-child,.sd-matrix tr>td:first-child:last-child{right:calc(-1 * var(--base-unit, 8px))}.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar{margin-right:calc(-3 * var(--base-unit, 8px));justify-content:flex-end;background:var(--background, #fff)}.sd-question.sd-question--table{position:relative;overflow-x:auto}.sd-question--table>.sd-question__content{display:flex;padding-top:calc(2.5 * var(--base-unit, 8px));margin:0 calc(-1 * var(--sd-base-padding));width:fit-content;min-width:calc(100% + 2 * var(--sd-base-padding))}.sd-question--table>.sd-question__content:before,.sd-question--table>.sd-question__content:after{content:"";display:block;position:sticky;min-height:100%;width:calc(var(--sd-base-padding) - var(--base-unit, 8px));flex-shrink:0;background:var(--background, #fff);z-index:11}.sd-question--table>.sd-question__content::before{left:calc(-1 * var(--sd-base-padding))}.sd-question--table>.sd-question__content:after{right:calc(-1 * var(--sd-base-padding))}.sd-question--table>.sd-question__content>div{flex-basis:100%}.sd-question--table>.sd-question__header{position:sticky;left:0}.sd-question--table:not(.sd-element--with-frame){padding-right:var(--sd-base-padding);margin-right:calc(-1 * var(--sd-base-padding));padding-left:var(--sd-base-padding);margin-left:calc(-1 * var(--sd-base-padding));box-sizing:content-box}.sd-question--scroll{overflow-x:scroll}.sd-body--responsive .sd-page{padding:calc(5 * var(--base-unit, 8px)) var(--sd-page-vertical-padding) calc(2 * var(--base-unit, 8px))}.sd-page{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:calc(5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));width:100%;box-sizing:border-box}.sd-page__title{position:static;font-size:calc(3 * var(--base-unit, 8px));line-height:calc(4 * var(--base-unit, 8px));margin:calc(0.5 * var(--base-unit, 8px)) 0px}.sd-page__description{position:static;font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));margin:calc(0.5 * var(--base-unit, 8px)) 0px}.sd-row{display:flex;flex-direction:row;width:100%;box-sizing:border-box;margin-top:calc(2 * var(--base-unit, 8px))}.sd-page>.sd-row--multiple,.svc-row>.sd-row--multiple{background:var(--background, #fff);box-shadow:0px 1px 2px rgba(0,0,0,0.15);border-radius:calc(0.5 * var(--base-unit, 8px))}.sd-row--multiple{margin-top:calc(2 * var(--base-unit, 8px))}.sd-row--multiple .sd-question{padding-right:0 !important}:not(.svc-row)>.sd-row--multiple{row-gap:calc(1 * var(--base-unit, 8px));margin-left:calc(-2 * var(--base-unit, 8px));width:calc(100% + 2 * var(--base-unit, 8px));flex-wrap:wrap}:not(.svc-row)>.sd-row--multiple>div{box-sizing:border-box;padding-left:calc(2 * var(--base-unit, 8px))}.sd-page:not(.svc-row)>.sd-row--multiple{padding:0 var(--sd-base-padding) var(--sd-base-padding) calc(var(--sd-base-padding) - 2 * var(--base-unit, 8px));margin-left:0;width:100%}.svc-row .sd-row--multiple{overflow:auto;margin-top:calc(2 * var(--base-unit, 8px))}.svc-row--multiple .sd-row--multiple{gap:calc(1 * var(--base-unit, 8px))}:not(.svc-row--ghost)>.sd-row{min-height:50px}.sd-row__panel{box-sizing:border-box;width:100%}.sd-row__question{box-sizing:border-box;width:100%;white-space:nowrap}.svc-tab-designer .sd-title{display:flex}.sd-title{display:block;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:normal;color:var(--foreground, #161616);flex-direction:row;white-space:normal;word-break:break-word}.sd-title.sd-container-modern__title{display:flex;padding:calc(3 * var(--base-unit, 8px));overflow:auto;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;gap:calc(4 * var(--base-unit, 8px));box-shadow:0px 2px 0px var(--primary, #697c88)}.sd-title.sd-container-modern__title .sd-logo__image{margin-top:calc(1 * var(--base-unit, 8px))}.sd-header__text{display:flex;flex-direction:column;gap:calc(1 * var(--base-unit, 8px));flex-grow:1}.sd-header__text h3{font-size:calc(4 * var(--base-unit, 8px));font-weight:700;line-height:calc(5 * var(--base-unit, 8px));color:var(--primary, #697c88)}.sd-header__text h5{font-size:calc(2 * var(--base-unit, 8px));font-weight:400;line-height:calc(3 * var(--base-unit, 8px))}.sd-title .sv-title-actions{width:100%;justify-content:space-between}.sd-title .sd-action-bar{margin:calc(-1 * var(--base-unit, 8px)) 0;margin-right:calc(-3 * var(--base-unit, 8px))}.sd-root-modern:not(.svc-tab-designer) .sd-container-modern__title{background-color:var(--background, #fff)}.sd-root-modern .sd-container-modern__title .sd-header__text h3{margin:0}.sd-root-modern .sd-container-modern__title .sd-description{margin:0}.sd-description{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:normal;font-weight:normal;color:var(--foreground-light, #909090);white-space:normal;word-break:break-word}.sd-item{padding:calc(1.5 * var(--base-unit, 8px)) 0}.sd-item--disabled.sd-item--disabled .sd-item__decorator,.sd-item__decorator{display:flex;align-items:center;justify-content:center;width:calc(3 * var(--base-unit, 8px));height:calc(3 * var(--base-unit, 8px));box-sizing:border-box;box-shadow:inset 0px 1px 2px var(--border-inside, rgba(0,0,0,0.16));background:var(--background-dim-light, #f9f9f9);border:none;flex-shrink:0}.sd-item--checked .sd-item__decorator{box-shadow:none}.sd-item__control:focus+.sd-item__decorator,.sd-item--allowhover:hover .sd-item__decorator{box-shadow:0 0 0 2px var(--primary, #697c88);outline:none}.sd-item__control:focus+.sd-item__decorator,.sd-item--allowhover:hover .sd-item__decorator{background:var(--background, #fff)}.sd-item--checked .sd-item__decorator{background:var(--primary, #697c88)}.sd-item__control-label{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:normal;font-weight:normal;line-height:calc(3 * var(--base-unit, 8px));font-size:calc(2 * var(--base-unit, 8px));margin-left:calc(1 * var(--base-unit, 8px));color:var(--foreground, #161616);white-space:normal;word-break:break-word}.sd-item--disabled .sd-item__control-label{color:var(--foreground-disabled, rgba(22,22,22,0.25))}.sd-item--error .sd-item__decorator{background:var(--red-light, rgba(230,10,62,0.1))}.sd-selectbase{border:none;margin:0;padding:0}.sd-selectbase--multi-column{display:flex;flex:1 1 0px}.sd-selectbase__label{display:flex;position:relative}.sd-selectbase__column{vertical-align:top}.sd-selectbase__column{display:block;box-sizing:border-box;word-break:break-word;flex:1 1 0px}.sd-selectbase__column:not(:last-child){padding-right:calc(2 * var(--base-unit, 8px))}.sd-selectbase__column.sv-q-column-1{width:100%}.sd-selectbase__other{margin-top:calc(2 * var(--base-unit, 8px))}.sd-selectbase__item .sd-selectbase__other{margin-top:calc(3.5 * var(--base-unit, 8px))}.sd-selectbase__item:last-child .sd-selectbase__other{margin-bottom:calc(-2 * var(--base-unit, 8px))}.sd-checkbox__decorator{border-radius:3px}.sd-checkbox__svg{display:none;width:calc(2.5 * var(--base-unit, 8px));height:calc(2.5 * var(--base-unit, 8px))}.sd-checkbox--checked .sd-checkbox__svg{display:block}.sd-checkbox--checked .sd-checkbox__svg use{fill:var(--background, #fff)}.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use{fill:var(--border, #d6d6d6)}.sd-checkbox--checked .sd-checkbox__control:focus+.sd-checkbox__decorator .sd-checkbox__svg use{fill:var(--primary, #697c88)}.sd-radio__decorator{border-radius:50%}.sd-radio--checked .sd-radio__decorator:after{content:" ";display:block;width:calc(1 * var(--base-unit, 8px));height:calc(1 * var(--base-unit, 8px));border-radius:50%;background-color:var(--background, #fff)}.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after{background-color:var(--border, #d6d6d6)}.sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator:after{background-color:var(--primary, #697c88)}.sd-radio__svg{display:none}.sd-visuallyhidden{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}.sd-matrix fieldset{border:none;padding:0;margin:0}.sd-matrix__label{display:flex;justify-content:center}.sd-matrix__text{padding:calc(2 * var(--base-unit, 8px))}.sd-matrix__text--checked{background-color:var(--primary-light, rgba(25,179,148,0.1));padding:calc(2 * var(--base-unit, 8px))}.sd-matrix__cell:first-child{font-weight:600;text-align:left}.sd-rating{overflow-x:auto;min-height:calc(8 * var(--base-unit, 8px))}.sd-rating fieldset{display:flex;border:none;padding:0 0 calc(2 * var(--base-unit, 8px)) 0;flex-wrap:nowrap;gap:calc(1 * var(--base-unit, 8px))}.sd-rating.sd-rating--wrappable fieldset{flex-wrap:wrap}.sd-rating__item{position:relative;background:var(--background, #fff);box-shadow:0px 1px 2px rgba(0,0,0,0.15);border-radius:calc(12.5 * var(--base-unit, 8px));white-space:nowrap;padding:calc(1.25 * var(--base-unit, 8px));box-sizing:border-box;min-width:calc(6 * var(--base-unit, 8px));text-align:center;border:2px solid var(--background, #fff);color:var(--foreground, #161616)}.sd-rating__item--error{background-color:var(--red-light, rgba(230,10,62,0.1));box-shadow:0px 1px 2px rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.sd-rating__item.sd-rating__item--disabled{color:var(--foreground-disabled, rgba(22,22,22,0.25))}.sd-rating__item--allowhover:hover,.sd-rating__item:focus-within{border-color:var(--primary, #697c88)}.sd-rating__item--selected{background-color:var(--primary, #697c88);border-color:var(--primary, #697c88);color:var(--background, #fff)}.sd-rating__item--selected:focus-within{box-shadow:inset 0 0 0 2px var(--background, #fff)}.sd-rating__item-text.sd-rating__item-text{line-height:calc(3 * var(--base-unit, 8px));min-width:calc(3 * var(--base-unit, 8px));display:inline-block}.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text,.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text{margin-top:calc(1.25 * var(--base-unit, 8px));margin-bottom:calc(1.25 * var(--base-unit, 8px));border:2px solid var(--background, #fff);color:var(--foreground-light, #909090)}.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text{margin-right:calc(1 * var(--base-unit, 8px));margin-left:calc(2 * var(--base-unit, 8px))}.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text{margin-right:calc(2 * var(--base-unit, 8px));margin-left:calc(1 * var(--base-unit, 8px))}.sd-rating__item-text.sd-rating__item-text .sv-string-editor{white-space:nowrap}.sv-ranking-item--error .sv-ranking-item__index{background-color:var(--red-light, rgba(230,10,62,0.1));box-shadow:0px 1px 2px rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.sd-element--with-frame .sv-ranking-item{left:calc(-5 * var(--base-unit, 8px))}.sd-element--with-frame .sv-ranking-item__icon{margin-left:7px}.sd-element--with-frame .sv-ranking-item__icon-container{width:calc(3 * var(--base-unit, 8px));height:calc(3 * var(--base-unit, 8px));margin-right:calc(1 * var(--base-unit, 8px));margin-left:calc(1 * var(--base-unit, 8px))}.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container{margin-left:0;margin-right:calc(1 * var(--base-unit, 8px))}.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item{left:0}.sd-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:calc(6 * var(--base-unit, 8px));background-position:right calc(1.5 * var(--base-unit, 8px)) top 50%,0 0;background-repeat:no-repeat;background-size:calc(3 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%23909090'/%3E%3C/svg%3E%0A");opacity:1;display:flex;justify-content:space-between}.sd-dropdown--empty:not(.sd-input--disabled),.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value{color:var(--foreground-light, #909090)}.sd-dropdown option{color:var(--foreground, #161616);font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:calc(2 * var(--base-unit, 8px))}.sd-dropdown_clean-button{padding:0 calc(1 * var(--base-unit, 8px))}.sd-dropdown_clean-button-svg{width:calc(3 * var(--base-unit, 8px));height:calc(3 * var(--base-unit, 8px))}.sd-dropdown use{fill:var(--foreground-light, #909090)}.sd-dropdown__value{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:calc(2 * var(--base-unit, 8px));color:var(--foreground, #161616)}.sd-imagepicker{display:flex;flex-wrap:wrap;padding:0;border:none;gap:calc(2 * var(--base-unit, 8px));width:100%;margin:0}.sd-imagepicker--column{align-items:flex-start;flex-direction:column}@supports not (aspect-ratio: 1/1){.sd-imagepicker>div{margin-right:calc(2 * var(--base-unit, 8px))}}.sd-imagepicker__item img,.sd-imagepicker__item .sd-imagepicker__image-container>div{border-radius:calc(0.5 * var(--base-unit, 8px));background-color:var(--background-dim, #f3f3f3)}.sd-imagepicker__item-decorator{position:relative;display:flex;flex-direction:column;align-items:center}.sd-imagepicker__image-container{position:relative}.sd-imagepicker__item--checked .sd-imagepicker__image-container::before{display:block;position:absolute;content:" ";top:calc(1 * var(--base-unit, 8px));right:calc(1 * var(--base-unit, 8px));width:calc(6 * var(--base-unit, 8px));height:calc(6 * var(--base-unit, 8px));box-sizing:border-box;border-radius:calc(12.5 * var(--base-unit, 8px));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='17' viewBox='0 0 23 17' fill='none'%3E%3Cpath d='M8.33331 16.1L0.333313 8L2.43331 5.9L8.33331 11.9L20.2333 0L22.3333 2.1L8.33331 16.1Z' fill='%2319B394'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:22px calc(2 * var(--base-unit, 8px));background-color:var(--background, #fff);z-index:1}.sd-imagepicker_>_item--error .sd-imagepicker__image-container::before{display:block;position:absolute;content:" ";left:0;top:0;width:100%;height:100%;background-color:var(--red-light, rgba(230,10,62,0.1));border-radius:calc(0.5 * var(--base-unit, 8px));background:linear-gradient(0deg, var(--red-light, rgba(230,10,62,0.1)), var(--red-light, rgba(230,10,62,0.1)))}.sd-imagepicker__item:focus-within .sd-imagepicker__image,.sd-imagepicker__item--allowhover .sd-imagepicker__image:hover{opacity:0.5}.sd-imagepicker__image{display:block;box-sizing:border-box;max-width:100%}.sd-imagepicker__text{line-height:calc(3 * var(--base-unit, 8px));margin-top:calc(1 * var(--base-unit, 8px));color:var(--foreground, #161616)}.sd-imagepicker__no-image{display:flex;background-color:var(--background-dim-light, #f9f9f9)}.sd-imagepicker__no-image-svg{height:calc(6 * var(--base-unit, 8px));width:calc(6 * var(--base-unit, 8px));margin:auto}.sd-imagepicker__column{display:flex;flex-direction:column;gap:calc(2 * var(--base-unit, 8px));align-items:flex-start;padding-right:0}.sd-selectbase__column.sd-imagepicker__column:not(:last-child){padding-right:0}.sd-image__image{display:block;max-width:100%;border-radius:calc(0.5 * var(--base-unit, 8px))}.sd-image__image--adaptive{width:100%;height:auto;max-width:calc(80 * var(--base-unit, 8px))}.sd-html{white-space:initial}.sd-progress{height:2px;background-color:var(--border-light, #eaeaea);position:relative}.sd-progress__bar{position:relative;height:100%;background-color:var(--primary, #697c88);overflow:hidden}.sd-progress__text{position:absolute;margin-top:calc(1 * var(--base-unit, 8px));right:calc(3 * var(--base-unit, 8px));color:var(--foreground-light, #909090);font-size:calc(1.5 * var(--base-unit, 8px));line-height:calc(2 * var(--base-unit, 8px));font-weight:600}@media only screen and (min-width: calc(125 * var(--base-unit, 8px))){.sd-progress__text{margin-left:5%}}@media only screen and (max-width: calc(125 * var(--base-unit, 8px))){.sd-progress__text{margin-left:10px}}.sd-boolean{display:flex;width:max-content;position:relative;padding:calc(0.5 * var(--base-unit, 8px));background:var(--background-dim-light, #f9f9f9);box-shadow:inset 0px 1px 2px rgba(0,0,0,0.15);border-radius:calc(12.5 * var(--base-unit, 8px))}.sd-boolean__thumb,.sd-boolean__label{display:block;color:var(--foreground-light, #909090);font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));padding:calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px))}.sd-boolean__switch{display:flex;padding:calc(0.5 * var(--base-unit, 8px));align-items:center;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border-radius:calc(12.5 * var(--base-unit, 8px))}.sd-boolean__control:focus ~ .sd-boolean__switch{box-shadow:inset 0 0 0 2px var(--primary, #697c88)}.sd-boolean--indeterminate .sd-boolean__thumb{display:none}.sd-boolean__thumb{background:var(--background, #fff);box-shadow:0px 1px 2px rgba(0,0,0,0.15);border-radius:calc(12.5 * var(--base-unit, 8px));transition-duration:0.2s;transition-property:margin-left, transform;transition-timing-function:linear;color:var(--primary, #697c88);font-weight:600;margin-left:0%;transform:translateX(0)}.sd-boolean--checked .sd-boolean__thumb{margin-left:100%;transform:translateX(-100%)}.sd-boolean--disabled .sd-boolean__thumb,.sd-boolean--disabled .sd-boolean__label{color:var(--foreground-disabled, rgba(22,22,22,0.25))}.svc-question__content .sd-boolean:not(.sd-boolean--checked):not(.sd-boolean--indeterminate) .sd-boolean__label:nth-of-type(1),.svc-question__content .sd-boolean--checked .sd-boolean__label:nth-of-type(2){color:var(--primary, #697c88);font-weight:600;background:var(--background, #fff);box-shadow:0px 1px 2px rgba(0,0,0,0.15);border-radius:calc(12.5 * var(--base-unit, 8px))}.svc-question__content .sd-boolean__switch{display:none}.sd-boolean--error{background-color:var(--red-light, rgba(230,10,62,0.1))}.sd-paneldynamic .sd-progress{position:absolute;left:0;right:0;height:2px;z-index:2;transform:translateY(-1px)}.sd-paneldynamic>.sd-panel{padding-top:1px;padding-bottom:calc(0.5 * var(--sd-base-vertical-padding))}.sd-paneldynamic>.sd-panel+.sd-paneldynamic__remove-btn{margin-bottom:calc(0.5 * var(--sd-base-vertical-padding))}.sd-paneldynamic .sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header{padding-bottom:0;padding-top:calc(
 0.5 * var(--sd-base-vertical-padding) + var(--base-unit, 8px))}.sd-paneldynamic .sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header:after{display:none}.sd-paneldynamic .sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header>.sd-panel__title{color:var(--foreground-light, #909090)}.sd-paneldynamic .sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header ~ .sd-panel__content{margin-top:calc(1 * var(--base-unit, 8px))}.sd-question__content:first-child>.sd-paneldynamic>.sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header{padding-top:var(--sd-base-vertical-padding)}.sd-paneldynamic__separator{display:block;position:absolute;left:0;right:0;margin:0;border-color:var(--border-light, #eaeaea);background:var(--border-light, #eaeaea);height:1px;border:none}.sd-paneldynamic__panel-wrapper{padding-bottom:calc(0.5 * var(--sd-base-vertical-padding))}.sd-paneldynamic__panel-wrapper:after{display:table;clear:both;content:" "}.sd-paneldynamic__panel-wrapper--in-row{display:flex;flex-direction:row;align-items:center}.sd-paneldynamic__btn{-webkit-appearance:none;appearance:none;border:none;background:var(--background, #fff);font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:600;font-style:normal;font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));padding:calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));cursor:pointer;border-radius:calc(12.5 * var(--base-unit, 8px))}.sd-paneldynamic__remove-btn{float:right;margin-top:calc(0.5 * var(--sd-base-vertical-padding));margin-right:calc(-3 * var(--base-unit, 8px))}.sd-paneldynamic__footer{clear:both}.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,.sd-paneldynamic__footer .sd-paneldynamic__next-btn{display:block}.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg{width:calc(2 * var(--base-unit, 8px));height:calc(2 * var(--base-unit, 8px))}.sd-paneldynamic__footer .sd-paneldynamic__add-btn,.sd-paneldynamic__footer .sd-paneldynamic__progress-text,.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom{display:initial}.sd-paneldynamic__buttons-container{display:flex;align-items:center;padding:calc(var(--sd-base-vertical-padding) - var(--base-unit, 8px)) 0}.sd-paneldynamic__progress-container{display:flex;align-items:center;margin-left:auto;margin-right:calc(-1 * var(--base-unit, 8px))}.sd-paneldynamic__progress-text{color:var(--foreground-light, #909090);margin:0;margin-right:calc(3 * var(--base-unit, 8px))}.sd-paneldynamic__prev-btn,.sd-paneldynamic__next-btn{width:calc(2 * var(--base-unit, 8px));height:calc(2 * var(--base-unit, 8px))}.sd-paneldynamic__prev-btn .sv-svg-icon,.sd-paneldynamic__next-btn .sv-svg-icon{display:block}.sd-paneldynamic__prev-btn{margin-right:calc(2 * var(--base-unit, 8px))}.sd-paneldynamic__next-btn{margin-left:calc(-1 * var(--base-unit, 8px));margin-right:calc(2 * var(--base-unit, 8px));transform:rotate(180deg)}.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn{display:initial;margin-left:0}.sd-question--empty.sd-question--paneldynamic>.sd-question__content{padding-bottom:var(--sd-base-padding)}.svc-question__content .sd-paneldynamic__panel-wrapper{padding:0}.sd-paneldynamic__buttons-container .sd-action-bar{width:100%;margin:0 calc(-3 * var(--base-unit, 8px));width:calc(100% + 6 * var(--base-unit, 8px))}.sd-file{min-height:calc(36 * var(--base-unit, 8px));position:relative;font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px))}.sd-file .sv-action-bar{padding:calc(1 * var(--base-unit, 8px)) 0;justify-content:center;position:absolute;width:100%;bottom:0}.sd-file .sv-action-bar .sv-action-bar-item{height:calc(4 * var(--base-unit, 8px));line-height:calc(2 * var(--base-unit, 8px));color:var(--foreground-light, #909090);border-radius:calc(2 * var(--base-unit, 8px))}.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover{background-color:var(--background, #fff)}.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled{opacity:initial}.sd-file .sv-action-bar .sv-action:not(:last-child)>.sv-action__content{padding-right:calc(1 * var(--base-unit, 8px))}.sd-file__decorator{display:flex;flex-direction:column;position:absolute;width:100%;height:100%;box-sizing:border-box;border:1px dashed var(--border, #d6d6d6);justify-content:center;align-items:center}.sd-file__decorator--drag{border:1px solid var(--primary, #697c88);box-shadow:inset 0 0 0 1px var(--primary, #697c88);background:var(--primary-light, rgba(25,179,148,0.1))}.sd-file__decorator--drag:after{content:" ";position:absolute;display:block;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0);z-index:2}.sd-file__no-file-chosen{display:none}.sd-file__drag-area-placeholder{word-break:break-word;white-space:normal;color:var(--foreground-light, #909090)}.sd-file__choose-btn--text{display:block;margin-top:calc(1 * var(--base-unit, 8px));font-weight:600;color:var(--primary, #697c88);cursor:pointer}.sd-question--answered .sd-file__drag-area-placeholder{display:none}.sd-file__choose-btn--text svg{display:none}.sd-file__choose-btn--icon{z-index:2}.sd-file__choose-btn--icon span:first-child{display:none}.sd-file__choose-btn--icon,.sd-file__clean-btn{top:calc(1 * var(--base-unit, 8px));position:absolute}.sd-file__clean-btn{z-index:2;right:calc(1 * var(--base-unit, 8px))}.sd-file__clean-btn span:first-child{display:none}.sd-file__choose-btn--icon{right:calc(8 * var(--base-unit, 8px))}.sd-file__list{overflow:auto;display:flex;box-sizing:content-box;flex-direction:row;align-items:stretch;justify-content:space-between;padding:calc(10.5 * var(--base-unit, 8px)) 0;min-height:calc(15 * var(--base-unit, 8px));max-height:calc(15 * var(--base-unit, 8px));position:absolute;width:100%}.sd-file__preview{position:relative;display:flex;align-items:center;flex-direction:column;min-height:100%;margin:0 auto}.sd-file__preview .sd-file__default-image{width:calc(7 * var(--base-unit, 8px));height:90px}.sd-file__preview img:hover+.sd-file__remove-file-button,.sd-file__preview svg:hover+.sd-file__remove-file-button,.sd-file__preview .sd-file__remove-file-button:hover{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.sd-file__sign{margin-top:calc(1 * var(--base-unit, 8px));text-align:center;font-size:calc(1.5 * var(--base-unit, 8px));line-height:calc(2 * var(--base-unit, 8px))}.sd-file__sign a{display:block;text-decoration:none;color:var(--foreground, #161616);white-space:normal;word-break:break-all;width:calc(12 * var(--base-unit, 8px));overflow:hidden;max-height:calc(6 * var(--base-unit, 8px));text-overflow:ellipsis;line-height:calc(2 * var(--base-unit, 8px));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sd-file__remove-file-button{display:none}.sd-file__decorator--error{background-color:var(--red-light, rgba(230,10,62,0.1))}.sd-file__image-wrapper{position:relative;text-align:center;min-width:calc(12 * var(--base-unit, 8px));min-height:calc(12 * var(--base-unit, 8px))}.sd-file__image-wrapper img:not(.sd-file__default-image){display:block;width:calc(12 * var(--base-unit, 8px));height:calc(12 * var(--base-unit, 8px));object-fit:contain;background:var(--background-dim, #f3f3f3)}.sd-file--single img:hover+.sd-file__remove-file-button{display:none}.sd-file--mobile .sd-file__list{height:calc(100% - 4 * var(--base-unit, 8px))}.sd-file--single-image{height:calc(36 * var(--base-unit, 8px))}.sd-file--single-image .sd-file__list{padding:0;height:100%;max-height:100%;width:100%}.sd-file--single-image .sd-file__image-wrapper{min-height:100%;min-width:100%}.sd-file--single-image .sd-file__image-wrapper img{width:100%;height:100%;background-color:var(--background-dim-light, #f9f9f9)}.sd-file--single-image .sd-file__sign{position:absolute;margin:0;width:100%;min-height:100%}.sd-file--single-image .sd-file__sign a{color:rgba(0,0,0,0);width:100%;height:100%;outline:none}.sd-file>input:focus+.sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use{fill:var(--primary, #697c88)}.sd-file>input:focus+.sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon){background-color:var(--primary-light, rgba(25,179,148,0.1))}.sd-hidden{display:none !important}.sd-body__navigation .sd-btn{padding:calc(2 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px))}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
 U+FE2E-FE2F}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
 U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
 U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
 U+01AF-01B0, U+1EA0-1EF9, U+20AB}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
 U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
 U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
 U+FEFF, U+FFFD}.sd-btn{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));background:var(--background, #fff);box-shadow:0px 1px 2px rgba(0,0,0,0.15);border-radius:calc(0.5 * var(--base-unit, 8px));cursor:pointer;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:normal;font-weight:600;font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));text-align:center;color:var(--primary, #697c88);border:2px solid rgba(0,0,0,0);outline:none}.sd-btn:not(:disabled):hover,.sd-btn:not(:disabled):focus{box-shadow:0 0 0 2px var(--primary, #697c88)}.sd-btn:disabled{color:var(--foreground-disabled, rgba(22,22,22,0.16));cursor:default}.sd-btn--action{background-color:var(--primary, #697c88);color:var(--primary-foreground, #fff)}.sd-btn--action:not(:disabled):hover,.sd-btn--action:not(:disabled):focus{color:var(--primary, #697c88);background-color:var(--background, #fff)}.sd-btn--action:disabled{color:var(--primary-foreground-disabled, rgba(255,255,255,0.25))}.sd-body{width:100%}.sd-body .sd-body__page{min-width:calc(300px + 6 * var(--base-unit, 8px))}.sd-body .sd-body__timer{padding:calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) 0;box-sizing:border-box}.sd-body.sd-body--static .sd-body__timer,.sd-body.sd-body--static .sd-body__navigation,.sd-body.sd-body--static .sd-body__page{margin-left:auto;margin-right:auto;max-width:calc(84 * var(--base-unit, 8px))}.sd-body.sd-body--responsive{max-width:initial}.sd-body.sd-body--responsive .sd-body__timer,.sd-body.sd-body--responsive .sd-body__navigation{padding:calc(2 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px))}.sd-body__navigation{box-sizing:border-box;padding:calc(3 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px))}.sd-body__navigation .sv-action:not(.sv-action--hidden) ~ .sv-action:not(.sv-action--hidden){margin-left:calc(2 * var(--base-unit, 8px))}.sd-body__progress{margin-bottom:calc(4 * var(--base-unit, 8px))}.sd-multipletext{width:100%;table-layout:fixed;border-spacing:0;height:1px}.sd-multipletext__cell{height:100%}.sd-multipletext__cell:not(:last-child){padding-right:calc(2 * var(--base-unit, 8px))}.sd-multipletext__item-container.sd-input:focus-within{box-shadow:inset 0 0 0 2px var(--primary, #697c88),inset 0px 1px 2px var(--border-inside, rgba(0,0,0,0.16))}.sd-multipletext__item-container{display:flex;align-items:flex-start;height:100%;padding-top:0;padding-bottom:0}.sd-multipletext__item-container .sd-input{padding-top:0;padding-right:0;padding-bottom:0;border:none;box-shadow:none;height:calc(3 * var(--base-unit, 8px))}.sd-multipletext__item-container .sd-input,.sd-multipletext__item-title{margin-top:calc(1.5 * var(--base-unit, 8px));margin-bottom:calc(1.5 * var(--base-unit, 8px))}.sd-multipletext__item-title{height:calc(100% - var(--base-unit, 8px) * 3);max-width:30%;padding-right:calc(2 * var(--base-unit, 8px));border-right:1px solid var(--border, #d6d6d6);word-break:break-word;white-space:normal;color:var(--foreground-light, #909090)}.sd-multipletext__item{flex-grow:1}.sd-multipletext__item-container--error{background-color:var(--red-light, rgba(230,10,62,0.1))}.sd-multipletext__item-container--error .sd-input--error{background-color:rgba(0,0,0,0)}.sd-multipletext__item-container:hover:not(:focus-within)>.sd-question__erbox--tooltip{display:inline-block}.sd-multipletext tr:not(:last-child) .sd-multipletext__cell{padding-bottom:calc(2 * var(--base-unit, 8px))}.sd-action.sd-action{appearance:none;border:none;background:rgba(0,0,0,0);padding:calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));color:var(--primary, #697c88);border-radius:calc(12.5 * var(--base-unit, 8px));font-weight:600;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:normal;font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));outline:none}.sd-action.sd-action--negative{color:var(--red, #e60a3e)}.sd-action.sd-action--disabled{color:var(--foreground, #161616);cursor:default;opacity:0.25}.sd-action.sd-action--icon{padding:calc(1 * var(--base-unit, 8px))}.sd-action.sd-action--icon use{fill:var(--foreground-light, #909090)}svg.sd-action--icon{fill:var(--foreground-light, #909090)}.sd-action.sd-action:not(:disabled):not(.sd-action--disabled):hover,.sd-action.sd-action:not(:disabled):not(.sd-action--disabled):focus{outline:none;background-color:var(--primary-light, rgba(25,179,148,0.1));cursor:pointer;opacity:1}.sd-action.sd-action:not(:disabled):not(.sd-action--disabled):hover.sd-action--icon,.sd-action.sd-action:not(:disabled):not(.sd-action--disabled):focus.sd-action--icon{background-color:var(--background-dim, #f3f3f3)}.sd-action.sd-action:not(:disabled):not(.sd-action--disabled):hover.sd-action--negative,.sd-action.sd-action:not(:disabled):not(.sd-action--disabled):focus.sd-action--negative{background-color:var(--red-light, rgba(230,10,62,0.1))}.sd-action.sd-action:not(:disabled):not(.sd-action--disabled):hover.sd-action--negative.sd-action--icon use,.sd-action.sd-action:not(:disabled):not(.sd-action--disabled):focus.sd-action--negative.sd-action--icon use{fill:var(--red, #e60a3e)}.sd-action.sd-action:not(:disabled):not(.sd-action--disabled):hover:active,.sd-action.sd-action:not(:disabled):not(.sd-action--disabled):focus:active{opacity:0.5}.sd-action__icon{display:block;width:calc(3 * var(--base-unit, 8px));height:calc(3 * var(--base-unit, 8px))}.sd-action.sd-action--pressed{background-color:var(--background-dim, #f3f3f3);opacity:0.5}.sd-action-bar{display:flex;align-items:center}.sd-action-bar .sv-action:not(:last-child) .sv-action__content{padding-right:0}.sd-context-btn{background-color:var(--background, #fff);padding:calc(1.5 * var(--base-unit, 8px));border-radius:calc(12.5 * var(--base-unit, 8px));border:none;outline:none;cursor:pointer}.sd-context-btn svg{display:block;width:calc(3 * var(--base-unit, 8px));height:calc(3 * var(--base-unit, 8px))}.sd-context-btn use{fill:var(--foreground-light, #909090)}.sd-context-btn:hover use,.sd-context-btn:focus use{fill:var(--primary, #697c88)}.sd-context-btn:hover.sd-context-btn--negative use,.sd-context-btn:focus.sd-context-btn--negative use{fill:var(--red, #e60a3e)}.sd-context-btn:disabled{opacity:0.25}.sd-completedpage{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;box-sizing:border-box;text-align:center;height:auto}.sd-completedpage h3{font-size:calc(3 * var(--base-unit, 8px))}.sd-completedpage:before,.sd-completedpage:after{display:block;width:calc(9 * var(--base-unit, 8px));margin-left:calc(50% - 4.5 * var(--base-unit, 8px));content:""}.sd-completedpage:before{height:calc(9 * var(--base-unit, 8px))}.sd-completedpage:after{height:calc(2 * var(--base-unit, 8px))}.sd-progress-buttons__image-button-left{display:none}.sd-progress-buttons__image-button-right{display:none}.sd-progress-buttons__image-button--hidden{visibility:hidden}.sd-progress-buttons__list{display:flex;list-style-type:none;margin:0;padding:0}.sd-progress-buttons__list li{text-align:center;flex-grow:1;text-decoration:none;border-top:2px solid var(--border-light, #eaeaea);padding-top:calc(2 * var(--base-unit, 8px));padding-bottom:calc(4 * var(--base-unit, 8px));cursor:pointer}.sd-progress-buttons__list li:hover .sd-progress-buttons__page-title{text-decoration-line:underline}.sd-progress-buttons__list .sd-progress-buttons__list-element--current,.sd-progress-buttons__list .sd-progress-buttons__list-element--passed{border-top:2px solid var(--primary, #697c88)}.sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__page-title{color:var(--foreground-light, #909090)}.sd-progress-buttons__list-element--current .sd-progress-buttons__page-title,.sd-progress-buttons__list-element--current .sd-progress-buttons__page-description{color:var(--primary, #697c88)}.sd-progress-buttons__page-title{width:100%;font-size:calc(2 * var(--base-unit, 8px));font-weight:600;line-height:calc(3 * var(--base-unit, 8px))}.sd-progress-buttons__page-description{width:100%;font-size:calc(1.5 * var(--base-unit, 8px));line-height:calc(2 * var(--base-unit, 8px));font-weight:600;color:var(--foreground-light, #909090)}.sv-action-bar{display:flex;box-sizing:content-box;position:relative;align-items:center;margin-left:auto;padding:0 calc(2 * var(--base-unit, 8px));overflow:hidden;white-space:nowrap}.sv-action--first{margin-right:auto;flex:1}.sv-action--first .sv-action-bar-item{flex-direction:row-reverse}.sv-action--first .sv-action-bar-item__title{margin-left:0;margin-right:calc(1 * var(--base-unit, 8px))}.sv-action-bar-separator{display:inline-block;width:1px;height:24px;vertical-align:middle;margin-right:16px;background-color:var(--border, #d6d6d6)}.sv-action-bar-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;height:calc(5 * var(--base-unit, 8px));padding:calc(1 * var(--base-unit, 8px));box-sizing:border-box;border:none;border-radius:2px;background-color:rgba(0,0,0,0);cursor:pointer;line-height:calc(3 * var(--base-unit, 8px));font-size:calc(2 * var(--base-unit, 8px));font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;overflow-x:hidden;white-space:nowrap}button.sv-action-bar-item{overflow:hidden}.sv-action-bar-item__icon svg{display:block}.sv-action-bar-item__icon use{fill:var(--foreground-light, #909090)}.sv-action-bar-item:hover,.sv-action-bar-item:focus-visible{outline:none;background-color:var(--background-dim, #f3f3f3)}.sv-action-bar-item:active{opacity:0.5}.sv-action-bar-item:disabled{opacity:0.25;cursor:default;color:var(--foreground, #161616)}.sv-action-bar-item:disabled .sv-action-bar-item__icon use{fill:var(--foreground, #161616)}.sv-action-bar-item__title{vertical-align:middle;white-space:nowrap}.sv-action-bar-item--secondary .sv-action-bar-item__icon use{fill:var(--secondary, #ff9814)}.sv-action-bar-item--active .sv-action-bar-item__icon use{fill:var(--primary, #697c88)}.sv-action-bar-item-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;height:calc(5 * var(--base-unit, 8px));padding:calc(1 * var(--base-unit, 8px));box-sizing:border-box;border:none;border-radius:2px;background-color:rgba(0,0,0,0);cursor:pointer;line-height:calc(3 * var(--base-unit, 8px));font-size:calc(2 * var(--base-unit, 8px));font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}.sv-action-bar-item__title--with-icon{margin-left:calc(1 * var(--base-unit, 8px))}.sv-action--last{flex:1;justify-content:flex-end;display:flex}.sv-expand-action:before{content:"";display:inline-block;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center center;height:10px;width:12px;margin:auto 8px}.sv-expand-action--expanded:before{transform:rotate(180deg)}.sv-dots{width:48px}.sv-dots__item{width:100%}.sv-dots__item .sv-action-bar-item__icon{margin:auto}.sv-action--hidden{width:0px;height:0px;overflow:hidden;visibility:hidden}.sv-action__content{display:flex;flex-direction:row;align-items:center}.sv-action__content>*{flex:0 0 auto}.sv-action:not(:last-child)>.sv-action__content{box-sizing:content-box;padding-right:calc(2 * var(--base-unit, 8px))}.sv-action--space{margin-left:auto}.sv-action-bar-item--pressed{background-color:var(--background-dim, #f3f3f3);opacity:50%}sv-popup{display:block;position:absolute;z-index:-1}.sv-popup{position:fixed;left:0;top:0;width:100vw;height:100vh;outline:none;z-index:2}.sv-popup__container{filter:drop-shadow(0px 2px 6px rgba(0,0,0,0.1));position:absolute;padding:0}.sv-popup__shadow{width:100%;height:100%}.sv-popup__body-content{background-color:var(--background, #fff);border-radius:calc(0.5 * var(--base-unit, 8px));width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;max-width:90vw}.sv-popup--modal{display:flex;align-items:center;justify-content:center}.sv-popup--modal .sv-popup__container{position:static}.sv-popup--modal .sv-popup__body-content{padding:calc(4 * var(--base-unit, 8px))}.sv-popup--overlay{width:100%}.sv-popup--overlay .sv-popup__container{background:rgba(144,144,144,0.5);max-width:100vw;max-height:calc(100vh - 1 * var(--base-unit, 8px));height:calc(100vh - 1 * var(--base-unit, 8px));width:100%;padding-top:calc(2 * var(--base-unit, 8px));border:unset}.sv-popup--overlay .sv-popup__body-content{max-height:100vh;max-width:100vw;border-radius:calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) 0px 0px;background:var(--background, #fff);box-shadow:0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0,0,0,0.1);padding:calc(3 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));height:calc(100% - (1 * var(--base-unit, 8px)))}.sv-popup--overlay .sv-popup__scrolling-content{height:calc(100% - 10 * var(--base-unit, 8px))}.sv-popup--overlay .sv-popup__body-footer{margin-top:calc(2 * var(--base-unit, 8px))}.sv-popup--overlay .sv-popup__body-footer-item{width:100%}.sv-popup--overlay .sv-popup__button--cancel{background-color:var(--primary, #697c88);border:2px solid var(--primary, #697c88);color:var(--primary-foreground, #fff)}.sv-popup__scrolling-content{height:100%;overflow:auto}.sv-popup__scrolling-content::-webkit-scrollbar{height:6px;width:6px;background-color:var(--background-dim, #f3f3f3)}.sv-popup__scrolling-content::-webkit-scrollbar-thumb{background:var(--primary-light, rgba(25,179,148,0.1))}.sv-popup__content{min-width:100%}.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer{transform:translate(calc(-1 * var(--base-unit, 8px))) rotate(180deg)}.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer{transform:translate(calc(-1 * var(--base-unit, 8px)), calc(-1 * var(--base-unit, 8px)))}.sv-popup--show-pointer.sv-popup--right{transform:translate(calc(1 * var(--base-unit, 8px)))}.sv-popup--show-pointer.sv-popup--right .sv-popup__pointer{transform:translate(-12px, -4px) rotate(-90deg)}.sv-popup--show-pointer.sv-popup--left{transform:translate(calc(-1 * var(--base-unit, 8px)))}.sv-popup--show-pointer.sv-popup--left .sv-popup__pointer{transform:translate(-4px, -4px) rotate(90deg)}.sv-popup__pointer{display:block;position:absolute}.sv-popup__pointer:after{content:" ";display:block;width:0;height:0;border-left:calc(1 * var(--base-unit, 8px)) solid rgba(0,0,0,0);border-right:calc(1 * var(--base-unit, 8px)) solid rgba(0,0,0,0);border-bottom:calc(1 * var(--base-unit, 8px)) solid var(--background, #fff);align-self:center}.sv-popup__body-header{font-family:Open Sans;font-size:calc(3 * var(--base-unit, 8px));line-height:calc(4 * var(--base-unit, 8px));font-style:normal;font-weight:700;margin-bottom:calc(2 * var(--base-unit, 8px));color:var(--foreground, #161616)}.sv-popup__body-footer{display:flex;margin-top:calc(4 * var(--base-unit, 8px))}.sv-popup__body-footer-item:first-child{margin-left:auto}.sv-popup__body-footer-item+.sv-popup__body-footer-item{margin-left:calc(1 * var(--base-unit, 8px))}.sv-popup__button{padding:calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));background:var(--background, #fff);box-shadow:0px 1px 2px rgba(0,0,0,0.15);border-radius:4px;margin:2px;cursor:pointer;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:normal;font-weight:600;font-size:calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));text-align:center;color:var(--primary, #697c88);border:none;outline:none}.sv-popup__button:hover{box-shadow:0 0 0 2px var(--primary, #697c88)}.sv-popup__button:disabled{color:var(--foreground-disabled, rgba(22,22,22,0.16));cursor:default}.sv-popup__button:disabled:hover{box-shadow:0px 1px 2px rgba(0,0,0,0.15)}.sv-popup__button--apply{background-color:var(--primary, #697c88);color:var(--primary-foreground, #fff)}.sv-popup__button--apply:disabled{background-color:var(--background-dim, #f3f3f3)}.sv-list{padding:0;margin:0;background:var(--background, #fff);font-family:"Open Sans";list-style-type:none}.sv-list__item{width:100%;align-items:center;box-sizing:border-box;padding:calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));color:var(--foreground, #161616);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-list__item:hover,.sv-list__item:focus{background-color:var(--background-dim, #f3f3f3);outline:none}.sv-list__item-icon{float:left;width:calc(3 * var(--base-unit, 8px));height:calc(3 * var(--base-unit, 8px));margin-right:calc(2 * var(--base-unit, 8px))}.sv-list__item-icon svg{display:block}.sv-list__item-icon use{fill:var(--foreground-light, #909090)}.sv-list__item--selected{background-color:var(--primary, #697c88);color:var(--background, #fff)}.sv-list__item--selected:hover,.sv-list__item--selected:focus{background-color:var(--primary, #697c88);color:var(--background, #fff)}.sv-list__item--selected .sv-list__item-icon use{fill:var(--background, #fff)}.sv-list__item--disabled{cursor:default;pointer-events:none}.sv-list__item--disabled span{color:var(--foreground-disabled, rgba(22,22,22,0.16))}.sv-list__item span{white-space:nowrap}.sv-list__container{position:relative}.sv-list__filter{position:sticky;top:0;border-bottom:1px solid var(--border-inside, rgba(0,0,0,0.16));background:var(--background, #fff)}.sv-list__filter-icon{display:block;position:absolute;top:calc(2 * var(--base-unit, 8px));left:calc(2 * var(--base-unit, 8px))}.sv-list__filter-icon .sv-svg-icon{width:calc(3 * var(--base-unit, 8px));height:calc(3 * var(--base-unit, 8px))}.sv-list__filter-icon .sv-svg-icon use{fill:var(--foreground-light, #909090)}.sv-list__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;background:var(--background, #fff);box-sizing:border-box;width:100%;border:1px solid var(--border-inside, rgba(0,0,0,0.16));outline:none;font-size:1em;color:var(--foreground, #161616);padding:calc(2 * var(--base-unit, 8px));padding-left:calc(8 * var(--base-unit, 8px));padding-right:calc(3 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px))}.sv-list__input::placeholder{color:var(--foreground-light, #909090)}.sv-list__input:focus{border:1px solid var(--primary, #697c88)}.sv-list__input:disabled,.sv-list__input:disabled::placeholder{color:var(--foreground-disabled, rgba(22,22,22,0.16))}.sv-button-group{display:flex;align-items:center;flex-direction:row;font-size:calc(2 * var(--base-unit, 8px));overflow:auto;border:1px solid var(--border, #d6d6d6)}.sv-button-group:focus-within{box-shadow:0 0 0 1px var(--primary, #697c88);border-color:var(--primary, #697c88)}.sv-button-group__item{display:flex;box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;appearance:none;width:100%;padding:11px calc(2 * var(--base-unit, 8px));line-height:calc(3 * var(--base-unit, 8px));outline:none;font-size:calc(2 * var(--base-unit, 8px));font-weight:400;background:var(--background, #fff);cursor:pointer;overflow:hidden;color:var(--foreground, #161616);position:relative}.sv-button-group__item:not(:last-of-type){border-right:1px solid var(--border, #d6d6d6)}.sv-button-group__item--hover:hover{background-color:var(--background-dim, #f3f3f3)}.sv-button-group__item-icon{display:block;height:calc(3 * var(--base-unit, 8px))}.sv-button-group__item-icon use{fill:var(--foreground-light, #909090)}.sv-button-group__item--selected{font-weight:600;color:var(--primary, #697c88)}.sv-button-group__item--selected .sv-button-group__item-icon use{fill:var(--primary, #697c88)}.sv-button-group__item--selected:hover{background-color:var(--background, #fff)}.sv-button-group__item-decorator{display:flex;align-items:center;max-width:100%}.sv-button-group__item-caption{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-button-group__item-icon+.sv-button-group__item-caption{margin-left:calc(1 * var(--base-unit, 8px))}.sv-button-group__item--disabled{color:var(--foreground-disabled, rgba(22,22,22,0.16));cursor:default}.sv-button-group__item--disabled .sv-button-group__item-icon use{fill:var(--foreground-disabled, rgba(22,22,22,0.16))}.sv-button-group__item--disabled:hover{background-color:var(--background, #fff)}.sv-button-group:focus-within{box-shadow:0 0 0 1px var(--primary, #697c88);border-color:var(--primary, #697c88)}.sv-visuallyhidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sv-hidden{display:none !important}.sv-title-actions{display:flex;align-items:center;width:100%}.sv-title-actions__title{flex-wrap:wrap;max-width:90%;min-width:50%;white-space:initial}.sv-title-actions__bar{min-width:56px}.sv_window{position:fixed;bottom:3px;right:10px;background-color:#5f9ea0;padding:1px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);line-break:auto;z-index:100}.sv_window_title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.sv_window_content{padding:8px;margin:0;max-height:80vh;overflow-y:auto}.sv_window_title a,.sv_window_title a:link,.sv_window_title a:visited{text-decoration:none;font-size:14px;font-style:normal;color:#000}.sjs_sp_container{position:relative}.sjs_sp_controls{position:absolute;left:0;bottom:0}.sjs_sp_controls>button{user-select:none}.sjs_sp_container>div>canvas:focus{outline:none}.sjs_sp_placeholder{display:flex;align-items:center;justify-content:center;position:absolute;z-index:0;user-select:none;pointer-events:none;width:100%;height:100%}.sd-root-modern,.svc-logic-question-value{--sd-base-padding: calc(5 * var(--base-unit, 8px));--sd-base-vertical-padding: calc(4 * var(--base-unit, 8px));--sd-page-vertical-padding: calc(3 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile{--sd-base-padding: calc(3 * var(--base-unit, 8px));--sd-base-vertical-padding: calc(2 * var(--base-unit, 8px));--sd-page-vertical-padding: calc(2 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-element__num{float:none;margin-left:0;width:auto;padding-left:0;padding-right:0}.sd-root-modern.sd-root-modern--mobile .sd-element__num+span{float:none;width:auto}.sd-root-modern.sd-root-modern--mobile .sd-element__title--expandable:before{left:calc(-2.5 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title{flex-direction:column}.sd-root-modern.sd-root-modern--mobile .sd-header__text{min-width:100%}.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell{display:block}.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell:not(:last-child){padding-right:0;padding-bottom:calc(2 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-container{flex-direction:column}.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-title{font-size:12px;line-height:16px;height:16px;padding-right:0;border-right:none;margin-bottom:0;margin-top:calc(1 * var(--base-unit, 8px));width:100%;max-width:none}.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item{width:100%}.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item .sd-input{padding-right:0;padding-left:0;margin-top:0;margin-bottom:calc(1 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column{flex-direction:column}.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child){padding-right:0}.sd-root-modern.sd-root-modern--mobile .sd-question.sd-question--table>.sd-question__content{padding-top:0}.sd-root-modern.sd-root-modern--mobile .sd-question--table,.sd-root-modern.sd-root-modern--mobile .sd-question--scroll{overflow-x:visible}.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell{display:flex;align-items:flex-start}.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title{margin-left:calc(1 * var(--base-unit, 8px));text-align:left}.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell:first-child{padding-top:calc(2 * var(--base-unit, 8px));padding-bottom:calc(1 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-table thead{display:none}.sd-root-modern.sd-root-modern--mobile .sd-table tr{display:block}.sd-root-modern.sd-root-modern--mobile .sd-matrix__table tr+tr{margin-top:calc(1 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr{padding-bottom:calc(1 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr::after{z-index:12;content:" ";display:block;position:relative;height:1px;background-color:var(--border-light, #eaeaea);left:calc(-2 * var(--base-unit, 8px));bottom:calc(-1 * var(--base-unit, 8px));width:calc(100% + 4 * var(--base-unit, 8px));z-index:12}.sd-root-modern.sd-root-modern--mobile .sd-matrix__label{justify-content:start}.sd-root-modern.sd-root-modern--mobile .sd-table__cell{display:block;padding-top:0;padding-bottom:0}.sd-root-modern.sd-root-modern--mobile .sd-table__cell:not(.sd-matrix__cell):not(:first-child){margin-top:calc(1 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-table__cell:not(.sd-matrix__cell):not(.sd-table__cell--actions):not(.sd-table__cell--row-text)::before{padding-top:calc(2 * var(--base-unit, 8px));padding-bottom:calc(1 * var(--base-unit, 8px));content:attr(data-responsive-title);font-weight:600;display:block;text-align:left}.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions{width:auto}.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar{margin-right:calc(-3 * var(--base-unit, 8px));justify-content:flex-end;background:var(--background, #fff)}.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn{opacity:1;padding:calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon{display:none}.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after{content:attr(title)}.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__footer{padding-top:calc(1 * var(--base-unit, 8px));margin-bottom:calc(-2 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text{color:var(--foreground-light, #909090);padding-top:calc(2 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:not(:last-child){padding-bottom:calc(2 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after{bottom:calc(-2 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after{content:none}.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn{margin-left:calc(-2 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sv-ranking-item{left:calc(-3 * var(--base-unit, 8px))}.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container{margin-left:0;margin-right:0}body{--sv-defaultV2-mark: true}.sd-root-modern{--sd-mobile-width: 600px;--sd-imagepicker-gap: 16px;width:100%;font-family:"Open Sans";background-color:var(--background-dim, "white")}.sd-root-modern *{scrollbar-width:thin;scrollbar-color:var(--border, #d6d6d6) rgba(0,0,0,0)}.sd-root-modern ::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0)}.sd-root-modern ::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:32px;background-color:var(--border, #d6d6d6)}.sd-root-modern ::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sd-root-modern ::-webkit-scrollbar-thumb:hover{border:2px solid rgba(0,0,0,0);background-color:var(--foreground-light, #909090)}.sv-popup .sv-popup__scrolling-content{scrollbar-width:thin;scrollbar-color:var(--border, #d6d6d6) rgba(0,0,0,0)}.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar{width:12px;height:12px;background-color:var(--background, #fff)}.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:32px;background-color:var(--border, #d6d6d6)}.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover{border:2px solid rgba(0,0,0,0);background-color:var(--foreground-light, #909090)}.sv-popup.sv-popup--dropdown .sv-popup__shadow{filter:drop-shadow(0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0,0,0,0.1))}.sv-popup.sv-popup--dropdown .sv-popup__body-content{background-color:var(--background, #fff);padding:calc(1 * var(--base-unit, 8px)) 0}.sv-popup.sv-popup--modal .sv-popup__body-content{box-shadow:0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0,0,0,0.1);background-color:var(--background-dim-light, #f9f9f9)}.sv-popup.sv-popup--modal .sv-popup__body-footer{padding-bottom:2px}.sv-popup.sv-popup--overlay .sv-popup__body-content{background-color:var(--background-dim, #f3f3f3)}.sv-list__input:focus{border:1px solid rgba(0,0,0,0)}body{background-color:#fff}.my-rating{font-size:12px}.sv_main.sv_default_css .sv_body{border-color:#fff !important}.sv_p_root{padding:20px}.sq_103{background-color:#fff}.sv_qstn .sq-root{border-radius:5px}.sv_main .sv_container .sv_body .sv_p_root .sv_q_title{font-size:20px;margin-left:20px}.sq-title{font-size:20px;margin-left:20px}.sq-title-required{color:red}.sq-label{margin-left:30px}.sq-item:nth-child(1){margin-bottom:5px}.sv_q_checkbox_label.sq-label{padding-bottom:10px}.sv_q_checkbox_control_label{font-size:15px}.sv_main.sv_body{border-top:#fff}.sq-root{width:20%}.sq-root.file{width:100%;position:relative}.sq-root.file .sv-file__decorator{width:100%;border:1px dashed var(--border, #d6d6d6);height:100px;display:flex;justify-content:center;position:relative}.sq-root.file .sv-file__decorator>div::before{content:"Drop a file here or click the button below to load the file.";font-size:18px;position:absolute;top:10px;width:100%;left:0;text-align:center}.sq-root.file .sv-file__decorator .sv_q_file_choose_button{padding:5px;position:absolute;bottom:18px;left:46%}.sq-root.file .sv_q_file_remove_button{position:absolute;right:0px;margin-top:5px}.sq-root.file .sv_q_file_preview{width:85%}.sq-root.file .sv_q_file_preview .sv_q_file_remove{color:white;background-color:#1ab394;padding:3px;text-align:center;width:110px;margin-top:6px}.sq-root.file .sv_q_file_preview .sv_q_file_remove:hover{color:white}.sd-file__decorator::after{content:"Maximum upload file size: 50.00 MB";position:absolute;width:100%;text-align:center;left:0;bottom:-33px;font-size:14px}.custom-survey.question-file .sd-file__choose-btn.sd-file__choose-btn--text,.custom-survey.question-file .sd-file__choose-btn.sd-file__choose-btn--text:hover{color:#fff !important;background-color:#42a5f5 !important;border-radius:4px !important;text-transform:uppercase;font-size:0.875rem;font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-weight:500;line-height:1.75;letter-spacing:0.02857em;padding:calc(1 * var(--base-unit, 6px)) calc(3 * var(--base-unit, 6px))}.sd-root-modern .sd-page.sd-body__page{padding-bottom:100px}.survey-card>div{height:100%}.sd-root-modern{min-height:100%}.sd-file__choose-btn--disabled .sd-file__wrapper{display:none}.input-number-no-arrows::-webkit-outer-spin-button,.input-number-no-arrows::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number-no-arrows{-moz-appearance:textfield}.survey-request-container .root-selector{display:block !important;flex:unset !important}

.constituent-table-container .table-left-section input,
.constituent-master-chemical-table-children .table-left-section input {
  padding-bottom: 10px; }

.constituent-table-container .table-left-section > table > tbody > tr.MuiTableRow-root:nth-child(1),
.constituent-master-chemical-table-children .table-left-section > table > tbody > tr.MuiTableRow-root:nth-child(1) {
  height: 65px !important; }

.table-left-section > table > tbody > tr.MuiTableRow-root:nth-child(1) {
  height: 65px !important; }

.failing-tr-color-row,
.failing-tr-color-rowgal-row-hover {
  background: #fdffc0; }

.unlikely-on-mcl {
  background-color: #ffe7e7 !important; }
  .unlikely-on-mcl:hover {
    background-color: #ffe7e7 !important; }

.unlikely-on-mclgal-row-hover {
  background-color: #ffe7e7 !important; }

.chemical-watch-table .table-container, .master-inventory-list-table .table-container, .master-constituent-table .table-container, .master-chemical-table .table-container, .constituents-table .table-container {
  border-top: 1px solid #e0e0e0 !important;
  border-bottom: 1px solid #e0e0e0 !important; }
  .chemical-watch-table .table-container .undefinedgal-row-hover, .master-inventory-list-table .table-container .undefinedgal-row-hover, .master-constituent-table .table-container .undefinedgal-row-hover, .master-chemical-table .table-container .undefinedgal-row-hover, .constituents-table .table-container .undefinedgal-row-hover {
    background-color: #f3f5f6 !important; }
  .chemical-watch-table .table-container .table-left-section > table > tbody > tr.MuiTableRow-root:nth-child(1), .master-inventory-list-table .table-container .table-left-section > table > tbody > tr.MuiTableRow-root:nth-child(1), .master-constituent-table .table-container .table-left-section > table > tbody > tr.MuiTableRow-root:nth-child(1), .master-chemical-table .table-container .table-left-section > table > tbody > tr.MuiTableRow-root:nth-child(1), .constituents-table .table-container .table-left-section > table > tbody > tr.MuiTableRow-root:nth-child(1) {
    height: 65px !important; }

.MuiCard-root {
  box-shadow: none !important; }

.no-new-styles tr.gal-new-row {
  background-color: unset !important; }

.no-new-styles tr.unlikely-on-mcl {
  background-color: unset !important; }

.no-new-styles tr {
  background-color: unset !important; }

.no-new-styles tr.gal-row-hover {
  background-color: #697c8814 !important; }

.form-container {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0; }
  .form-container .form-container-item {
    width: 25%; }

#settings-action-container {
  position: relative;
  bottom: 70px; }
  #settings-action-container .action-buttons {
    margin: 10px;
    display: flex;
    flex-direction: column;
    gap: 16px; }

.horizontal-layout-side-nav {
  justify-content: space-between;
  box-shadow: unset !important; }

div.MuiAutocomplete-inputRoot {
  height: 32px !important; }

.date-range-picker input {
  height: 26px !important; }

.constituent-master-chemical-table .gal-table tbody tr:nth-child(1) {
  background-color: #f3fff3 !important; }

.ag-filter-panel-buttons {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
  flex-wrap: wrap;
  gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-filter-panel-buttons-button {
  line-height: 1.5;
}

.ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button {
  color: var(--ag-filter-panel-apply-button-color);
  background-color: var(--ag-filter-panel-apply-button-background-color);
}

.ag-filter-panel > *:where(:last-child) {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-row.ag-row-pinned-source {
  color: var(--ag-pinned-source-row-text-color);
  background-color: var(--ag-pinned-source-row-background-color);
  font-weight: var(--ag-pinned-source-row-font-weight);
}

.ag-row.ag-row-pinned {
  color: var(--ag-pinned-row-text-color);
  background-color: var(--ag-pinned-row-background-color);
  font-weight: var(--ag-pinned-row-font-weight);
}

.ag-floating-top-viewport {
  border-bottom: var(--ag-pinned-row-border);
}

.ag-floating-bottom-viewport {
  border-top: var(--ag-pinned-row-border);
}

.ag-measurement-container {
  --ag-legacy-styles-loaded: 'true';
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
  font-family: inherit;
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}

.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}

.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}

.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-aasc {
  font-family: var(--ag-icon-font-family-aasc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aasc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aasc, var(--ag-icon-font-color));
}

.ag-icon-aasc::before {
  content: var(--ag-icon-font-code-aasc, "\f13c");
  display: var(--ag-icon-font-display-aasc, var(--ag-icon-font-display));
}

.ag-icon-aasc::after {
  background-image: var(--ag-icon-image-aasc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aasc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aasc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-adesc {
  font-family: var(--ag-icon-font-family-adesc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-adesc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-adesc, var(--ag-icon-font-color));
}

.ag-icon-adesc::before {
  content: var(--ag-icon-font-code-adesc, "\f13d");
  display: var(--ag-icon-font-display-adesc, var(--ag-icon-font-display));
}

.ag-icon-adesc::after {
  background-image: var(--ag-icon-image-adesc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-adesc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-adesc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}

.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}

.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}

.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}

.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}

.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}

.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}

.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}

.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}

.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}

.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}

.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}

.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}

.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}

.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}

.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}

.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}

.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}

.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}

.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}

.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}

.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}

.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}

.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}

.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}

.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}

.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}

.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}

.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}

.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}

.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}

.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}

.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}

.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}

.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}

.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}

.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}

.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}

.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}

.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}

.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}

.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}

.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}

.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}

.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-column-arrow {
  font-family: var(--ag-icon-font-family-column-arrow, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-column-arrow, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-column-arrow, var(--ag-icon-font-color));
}

.ag-icon-column-arrow::before {
  content: var(--ag-icon-font-code-column-arrow, "\f13a");
  display: var(--ag-icon-font-display-column-arrow, var(--ag-icon-font-display));
}

.ag-icon-column-arrow::after {
  background-image: var(--ag-icon-image-column-arrow, var(--ag-icon-image));
  display: var(--ag-icon-image-display-column-arrow, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-column-arrow, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-un-pin {
  font-family: var(--ag-icon-font-family-un-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-un-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-un-pin, var(--ag-icon-font-color));
}

.ag-icon-un-pin::before {
  content: var(--ag-icon-font-code-un-pin, "\f13b");
  display: var(--ag-icon-font-display-un-pin, var(--ag-icon-font-display));
}

.ag-icon-un-pin::after {
  background-image: var(--ag-icon-image-un-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-un-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-un-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pinned-bottom {
  font-family: var(--ag-icon-font-family-pinned-bottom, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-bottom, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-bottom, var(--ag-icon-font-color));
}

.ag-icon-pinned-bottom::before {
  content: var(--ag-icon-font-code-pinned-bottom, "\f13e");
  display: var(--ag-icon-font-display-pinned-bottom, var(--ag-icon-font-display));
}

.ag-icon-pinned-bottom::after {
  background-image: var(--ag-icon-image-pinned-bottom, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-bottom, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-bottom, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pinned-top {
  font-family: var(--ag-icon-font-family-pinned-top, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-top, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-top, var(--ag-icon-font-color));
}

.ag-icon-pinned-top::before {
  content: var(--ag-icon-font-code-pinned-top, "\f13f");
  display: var(--ag-icon-font-display-pinned-top, var(--ag-icon-font-display));
}

.ag-icon-pinned-top::after {
  background-image: var(--ag-icon-image-pinned-top, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-top, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-top, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-up {
  font-family: var(--ag-icon-font-family-chevron-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-up, var(--ag-icon-font-color));
}

.ag-icon-chevron-up::before {
  content: var(--ag-icon-font-code-chevron-up, "\f140");
  display: var(--ag-icon-font-display-chevron-up, var(--ag-icon-font-display));
}

.ag-icon-chevron-up::after {
  background-image: var(--ag-icon-image-chevron-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-down {
  font-family: var(--ag-icon-font-family-chevron-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-down, var(--ag-icon-font-color));
}

.ag-icon-chevron-down::before {
  content: var(--ag-icon-font-code-chevron-down, "\f141");
  display: var(--ag-icon-font-display-chevron-down, var(--ag-icon-font-display));
}

.ag-icon-chevron-down::after {
  background-image: var(--ag-icon-image-chevron-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-left {
  font-family: var(--ag-icon-font-family-chevron-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-left, var(--ag-icon-font-color));
}

.ag-icon-chevron-left::before {
  content: var(--ag-icon-font-code-chevron-left, "\f142");
  display: var(--ag-icon-font-display-chevron-left, var(--ag-icon-font-display));
}

.ag-icon-chevron-left::after {
  background-image: var(--ag-icon-image-chevron-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-right {
  font-family: var(--ag-icon-font-family-chevron-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-right, var(--ag-icon-font-color));
}

.ag-icon-chevron-right::before {
  content: var(--ag-icon-font-code-chevron-right, "\f143");
  display: var(--ag-icon-font-display-chevron-right, var(--ag-icon-font-display));
}

.ag-icon-chevron-right::after {
  background-image: var(--ag-icon-image-chevron-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter-add {
  font-family: var(--ag-icon-font-family-filter-add, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter-add, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter-add, var(--ag-icon-font-color));
}

.ag-icon-filter-add::before {
  content: var(--ag-icon-font-code-filter-add, "\f144");
  display: var(--ag-icon-font-display-filter-add, var(--ag-icon-font-display));
}

.ag-icon-filter-add::after {
  background-image: var(--ag-icon-image-filter-add, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter-add, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter-add, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-edit {
  font-family: var(--ag-icon-font-family-edit, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-edit, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-edit, var(--ag-icon-font-color));
}

.ag-icon-edit::before {
  content: var(--ag-icon-font-code-edit, "\f145");
  display: var(--ag-icon-font-display-edit, var(--ag-icon-font-display));
}

.ag-icon-edit::after {
  background-image: var(--ag-icon-image-edit, var(--ag-icon-image));
  display: var(--ag-icon-image-display-edit, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-edit, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-search {
  font-family: var(--ag-icon-font-family-search, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-search, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-search, var(--ag-icon-font-color));
}

.ag-icon-search::before {
  content: var(--ag-icon-font-code-search, "\f146");
  display: var(--ag-icon-font-display-search, var(--ag-icon-font-display));
}

.ag-icon-search::after {
  background-image: var(--ag-icon-image-search, var(--ag-icon-image));
  display: var(--ag-icon-image-display-search, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-search, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-wrapper-background-color: var(--ag-background-color);
  --ag-header-background-color: transparent;
  --ag-toolbar-background-color: var(--ag-header-background-color);
  --ag-toolbar-text-color: var(--ag-foreground-color);
  --ag-toolbar-separator-color: var(--ag-border-color);
  --ag-toolbar-separator-width: 1px;
  --ag-tooltip-background-color: transparent;
  --ag-tooltip-error-background-color: color-mix(
      in srgb,
      var(--ag-background-color),
      var(--ag-invalid-color) 10%
  );
  --ag-tooltip-error-text-color: var(--ag-invalid-color);
  --ag-tooltip-error-border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 25%);
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-data-background-color: var(--ag-background-color);
  --ag-odd-row-background-color: var(--ag-data-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-row-drag-indicator-color: var(--ag-range-selection-border-color);
  --ag-row-drag-indicator-width: 2px;
  --ag-column-drag-indicator-color: var(--ag-range-selection-border-color);
  --ag-column-drag-indicator-width: 2px;
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-range-header-highlight-color: color-mix(
      in srgb,
      var(--ag-header-background-color),
      var(--ag-foreground-color) 8%
  );
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-full-row-invalid-background-color: color-mix(
      in srgb,
      var(--ag-background-color),
      var(--ag-invalid-color) 25%
  );
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-error-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-pagination-panel-height: var(--ag-header-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-row-numbers-selected-color: #bbb;
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-side-bar-panel-animation-duration: 0s;
  --ag-font-family: 'Helvetica Neue', sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-background-color: #ffa500;
  --ag-cell-batch-edit-background-color: rgb(220 181 139 / 16%);
  --ag-cell-batch-edit-text-color: #422f00;
  --ag-row-batch-edit-background-color: var(--ag-cell-batch-edit-background-color);
  --ag-row-batch-edit-text-color: var(--ag-cell-batch-edit-text-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-background-color);
  --ag-column-panel-apply-button-color: var(--ag-foreground-color);
  --ag-column-panel-apply-button-background-color: var(--ag-background-color);
  --ag-filter-panel-card-subtle-color: var(--ag-foreground-color);
  --ag-filter-panel-card-subtle-hover-color: var(--ag-foreground-color);
  --ag-formula-token-1-color: #3269c6;
  --ag-formula-token-1-background-color: rgb(50 105 198 / 16%);
  --ag-formula-token-1-border-color: var(--ag-formula-token-1-color);
  --ag-formula-token-2-color: #c0343f;
  --ag-formula-token-2-background-color: rgb(192 52 63 / 16%);
  --ag-formula-token-2-border-color: var(--ag-formula-token-2-color);
  --ag-formula-token-3-color: #8156b8;
  --ag-formula-token-3-background-color: rgb(129 86 184 / 16%);
  --ag-formula-token-3-border-color: var(--ag-formula-token-3-color);
  --ag-formula-token-4-color: #007c1f;
  --ag-formula-token-4-background-color: rgb(0 124 31 / 16%);
  --ag-formula-token-4-border-color: var(--ag-formula-token-4-color);
  --ag-formula-token-5-color: #b03e85;
  --ag-formula-token-5-background-color: rgb(176 62 133 / 16%);
  --ag-formula-token-5-border-color: var(--ag-formula-token-5-color);
  --ag-formula-token-6-color: #b74900;
  --ag-formula-token-6-background-color: rgb(183 73 0 / 16%);
  --ag-formula-token-6-border-color: var(--ag-formula-token-6-color);
  --ag-formula-token-7-color: #247492;
  --ag-formula-token-7-background-color: rgb(36 116 146 / 16%);
  --ag-formula-token-7-border-color: var(--ag-formula-token-7-color);
  --ag-note-indicator-size: 8px;
  --ag-note-popup-background-color: var(--ag-menu-background-color);
  --ag-note-popup-text-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 75%);
  --ag-note-popup-input-text-color: var(--ag-input-text-color);
  --ag-note-popup-input-background-color: var(--ag-background-color);
  --ag-note-popup-border: var(--ag-dialog-border);
  --ag-note-popup-padding: calc(var(--ag-grid-size) / 2);
}

.ag-root-wrapper,
.ag-dnd-ghost {
  background-color: var(--ag-wrapper-background-color);
}

.ag-sticky-top,
.ag-sticky-bottom {
  background-color: var(--ag-data-background-color);
}

.ag-sticky-bottom .ag-pinned-left-sticky-bottom,
.ag-sticky-bottom .ag-sticky-bottom-container,
.ag-sticky-bottom .ag-pinned-right-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}

.ag-tab-guard-top {
  top: 1px;
}

.ag-tab-guard-bottom {
  bottom: 1px;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  content-visibility: auto;
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
}
.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-viewport {
  position: relative;
}

.ag-spanning-container {
  position: absolute;
  top: 0;
  z-index: 1;
}

.ag-sticky-top-container,
.ag-sticky-bottom-container,
.ag-floating-top-container,
.ag-floating-bottom-container {
  min-height: 1px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  z-index: 1;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container,
.ag-pinned-left-sticky-bottom,
.ag-pinned-right-sticky-bottom {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top,
.ag-floating-bottom-container,
.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}
.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  pointer-events: none;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label,
.ag-header-group-cell-selectable .ag-header-cell-comp-wrapper {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}

.ag-header-cell-label {
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -3px;
}
.ag-rtl .ag-header-cell-resize {
  left: -3px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-spanned-cell-wrapper {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-delay-render .ag-cell {
  visibility: hidden;
}
.ag-delay-render .ag-row {
  visibility: hidden;
}
.ag-delay-render .ag-spanned-cell-wrapper {
  visibility: hidden;
}
.ag-delay-render .ag-header-cell {
  visibility: hidden;
}
.ag-delay-render .ag-header-group-cell {
  visibility: hidden;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: auto hidden;
  scrollbar-width: thin;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}

.ag-row-animation.ag-prevent-animation .ag-row,
.ag-row-animation.ag-prevent-animation .ag-row.ag-after-created {
  transition: none !important;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value:not(.ag-allow-overflow),
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}

.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper {
  align-items: normal;
  height: 100%;
}
.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper .ag-cell-value {
  height: 100%;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  line-height: initial;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor.ag-cell-editor.ag-cell-editor input {
  height: 100%;
  min-height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-row.ag-row-editing-invalid .ag-cell-inline-editing {
  opacity: 0.8;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-date-floating-filter-wrapper {
  display: flex;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper,
.ag-overlay-exporting-wrapper,
.ag-overlay-modal-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top,
.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top,
.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom {
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}

.ag-sticky-bottom {
  box-sizing: content-box !important;
}
.ag-sticky-bottom .ag-pinned-left-sticky-bottom,
.ag-sticky-bottom .ag-sticky-bottom-container,
.ag-sticky-bottom .ag-pinned-right-sticky-bottom {
  box-sizing: border-box;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  user-select: none;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-context-menu-loading-icon {
  position: absolute;
  pointer-events: none;
}

.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}

.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-rich-select-loading {
  display: flex;
  min-height: 2rem;
}
.ag-rich-select-list .ag-rich-select-loading .ag-loading-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-rich-select-typing-multi .ag-picker-field-display {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}
.ag-rich-select-typing-multi .ag-rich-select-pill-display {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  overflow: hidden;
}
.ag-rich-select-typing-multi .ag-rich-select-pill-display .ag-pill-container {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.ag-rich-select-typing-multi .ag-rich-select-field-input {
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
}
.ag-rich-select-typing-multi .ag-rich-select-field-input .ag-input-wrapper {
  flex: 0 0 auto;
  max-width: 100%;
}
.ag-rich-select-typing-multi .ag-rich-select-field-input .ag-input-field-input {
  width: auto;
  min-width: 1ch;
  max-width: 100%;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  overflow: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  contain: paint;
}

.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}

.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel,
.ag-status-panel.ag-status-panel-aggregations .ag-status-name-value {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-row-number-cell {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  user-select: none;
}
.ag-ltr .ag-row-number-cell {
  text-align: right;
}
.ag-rtl .ag-row-number-cell {
  text-align: left;
}

.ag-row-numbers-resizer {
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 4px;
  width: 100%;
  cursor: ns-resize;
}

.ag-floating-bottom .ag-row-numbers-resizer {
  bottom: unset;
  top: -2px;
}

.ag-icon {
  display: block;
  speak: never;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date],
.ag-floating-filter-input .ag-input-field-input[type=datetime-local] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%224%22 height=%224%22><rect x=%220%22 y=%220%22 width=%224%22 height=%224%22 fill=%22%23fff%22/><path d=%22M0 0H2V4H4V2H0Z%22 fill=%22%23b2b2b2%22/></svg>');
}

.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-content-editable-field {
  display: flex;
  align-items: center;
}

.ag-content-editable-field-input {
  cursor: text;
  display: block;
  flex: 1 1 auto;
  outline: none;
  white-space: nowrap;
  line-height: normal;
  overflow: auto;
  overflow-y: hidden;
}
.ag-content-editable-field-input::-webkit-scrollbar {
  display: none !important;
}
.ag-content-editable-field-input {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.ag-measurement-container div {
  position: absolute;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
    container-type: normal;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):focus.invalid, input[class^=ag-]:not([type]):focus:invalid,
input[class^=ag-][type=text]:focus.invalid,
input[class^=ag-][type=text]:focus:invalid,
input[class^=ag-][type=number]:focus.invalid,
input[class^=ag-][type=number]:focus:invalid,
input[class^=ag-][type=tel]:focus.invalid,
input[class^=ag-][type=tel]:focus:invalid,
input[class^=ag-][type=date]:focus.invalid,
input[class^=ag-][type=date]:focus:invalid,
input[class^=ag-][type=datetime-local]:focus.invalid,
input[class^=ag-][type=datetime-local]:focus:invalid,
textarea[class^=ag-]:focus.invalid,
textarea[class^=ag-]:focus:invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
  border-color: var(--ag-invalid-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}
input[class^=ag-][type=button]:focus:invalid, input[class^=ag-][type=button]:focus.invalid,
button[class^=ag-]:focus:invalid,
button[class^=ag-]:focus.invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}

.ag-drag-handle-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus.invalid, .ag-picker-field-wrapper:focus-within.invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-picker-field-wrapper.invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}

.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-colors {
  margin-top: 10px;
}

.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}

.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-not-allowed {
  border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select .ag-picker-field-wrapper {
  cursor: default;
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-rich-select-loading {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-ltr .ag-rich-select-typing-multi .ag-rich-select-field-input {
  margin-left: 0.25rem;
}
.ag-rtl .ag-rich-select-typing-multi .ag-rich-select-field-input {
  margin-right: 0.25rem;
}
.ag-ltr .ag-rich-select-typing-multi .ag-rich-select-deselect-button {
  margin-left: auto;
}
.ag-rtl .ag-rich-select-typing-multi .ag-rich-select-deselect-button {
  margin-right: auto;
}
.ag-ltr .ag-rich-select-typing-multi .ag-rich-select-deselect-button.ag-hidden + .ag-picker-field-icon {
  margin-left: auto;
}
.ag-rtl .ag-rich-select-typing-multi .ag-rich-select-deselect-button.ag-hidden + .ag-picker-field-icon {
  margin-right: auto;
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}

.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}

.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}

.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}

.ag-content-editable-field-input {
  background-color: var(--ag-background-color);
  border: var(--ag-borders-input) var(--ag-input-border-color);
  border-radius: var(--ag-border-radius);
  color: var(--ag-foreground-color);
}
.ag-ltr .ag-content-editable-field-input {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-content-editable-field-input {
  padding-right: var(--ag-grid-size);
}

.ag-cell-editor .ag-wrapper.ag-content-editable-field-input {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
}

.ag-content-editable-field-input:focus,
.ag-content-editable-field-input:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

:where(.ag-content-editable-field.ag-disabled .ag-content-editable-field-input) {
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
  color: var(--ag-disabled-foreground-color);
}

.ag-content-editable-field-input.invalid {
  border-color: var(--ag-invalid-color);
}

.ag-formula-token {
  line-height: var(--ag-line-height, 1.6);
}

.ag-formula-token-color-1 {
  color: var(--ag-formula-token-1-color);
}

.ag-formula-token-color-2 {
  color: var(--ag-formula-token-2-color);
}

.ag-formula-token-color-3 {
  color: var(--ag-formula-token-3-color);
}

.ag-formula-token-color-4 {
  color: var(--ag-formula-token-4-color);
}

.ag-formula-token-color-5 {
  color: var(--ag-formula-token-5-color);
}

.ag-formula-token-color-6 {
  color: var(--ag-formula-token-6-color);
}

.ag-formula-token-color-7 {
  color: var(--ag-formula-token-7-color);
}

.ag-formula-range-color-1 {
  --ag-range-selection-border-color: var(--ag-formula-token-1-color);
  --ag-range-selection-background-color: var(--ag-formula-token-1-background-color);
}

.ag-formula-range-color-2 {
  --ag-range-selection-border-color: var(--ag-formula-token-2-color);
  --ag-range-selection-background-color: var(--ag-formula-token-2-background-color);
}

.ag-formula-range-color-3 {
  --ag-range-selection-border-color: var(--ag-formula-token-3-color);
  --ag-range-selection-background-color: var(--ag-formula-token-3-background-color);
}

.ag-formula-range-color-4 {
  --ag-range-selection-border-color: var(--ag-formula-token-4-color);
  --ag-range-selection-background-color: var(--ag-formula-token-4-background-color);
}

.ag-formula-range-color-5 {
  --ag-range-selection-border-color: var(--ag-formula-token-5-color);
  --ag-range-selection-background-color: var(--ag-formula-token-5-background-color);
}

.ag-formula-range-color-6 {
  --ag-range-selection-border-color: var(--ag-formula-token-6-color);
  --ag-range-selection-background-color: var(--ag-formula-token-6-background-color);
}

.ag-formula-range-color-7 {
  --ag-range-selection-border-color: var(--ag-formula-token-7-color);
  --ag-range-selection-background-color: var(--ag-formula-token-7-background-color);
}

.ag-range-handle.ag-formula-range-color-1,
.ag-fill-handle.ag-formula-range-color-1 {
  background-color: var(--ag-formula-token-1-color);
}

.ag-range-handle.ag-formula-range-color-2,
.ag-fill-handle.ag-formula-range-color-2 {
  background-color: var(--ag-formula-token-2-color);
}

.ag-range-handle.ag-formula-range-color-3,
.ag-fill-handle.ag-formula-range-color-3 {
  background-color: var(--ag-formula-token-3-color);
}

.ag-range-handle.ag-formula-range-color-4,
.ag-fill-handle.ag-formula-range-color-4 {
  background-color: var(--ag-formula-token-4-color);
}

.ag-range-handle.ag-formula-range-color-5,
.ag-fill-handle.ag-formula-range-color-5 {
  background-color: var(--ag-formula-token-5-color);
}

.ag-range-handle.ag-formula-range-color-6,
.ag-fill-handle.ag-formula-range-color-6 {
  background-color: var(--ag-formula-token-6-color);
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-has-cell-notes::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0 var(--ag-note-indicator-size) var(--ag-note-indicator-size) 0;
  border-color: transparent var(--ag-note-indicator-color) transparent transparent;
  pointer-events: none;
}

.ag-notes-panel.ag-panel {
  width: 100%;
  border: var(--ag-note-popup-border);
  background-color: var(--ag-note-popup-background-color);
}

.ag-notes-panel-content-wrapper {
  min-height: 0;
  min-width: 0;
}

.ag-notes-popup-content {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  gap: calc(var(--ag-grid-size) / 2);
  padding: var(--ag-note-popup-padding);
}

.ag-notes-popup-meta {
  color: var(--ag-note-popup-text-color);
  font-size: calc(var(--ag-font-size) - 1px);
}
.ag-ltr .ag-notes-popup-meta {
  padding-left: calc(var(--ag-grid-size) / 2);
}
.ag-rtl .ag-notes-popup-meta {
  padding-right: calc(var(--ag-grid-size) / 2);
}

.ag-notes-popup-body {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}

.ag-notes-popup-editor {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
}

.ag-notes-popup-editor .ag-text-area-input-wrapper {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  align-items: stretch;
}

.ag-notes-popup-editor .ag-text-area-input {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  resize: none;
  color: var(--ag-note-popup-input-text-color);
  background-color: var(--ag-note-popup-input-background-color);
  padding: calc(var(--ag-grid-size) / 2);
}

.ag-notes-popup-editor .ag-text-area-input[readonly] {
  background-color: var(--ag-note-popup-background-color);
  border: none;
}

.ag-notes-popup-read-only .ag-text-area-input-wrapper {
  background-color: var(--ag-input-disabled-background-color);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}
.ag-tooltip.ag-cell-editor-tooltip, .ag-tooltip.ag-cell-formula-tooltip {
  background-color: var(--ag-tooltip-error-background-color);
  color: var(--ag-tooltip-error-text-color);
  border: var(--ag-borders) var(--ag-tooltip-error-border-color);
  font-weight: 500;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}

.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}

.ag-cell-wrapper > .ag-group-checkbox-spacing {
  width: var(--ag-icon-size);
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row,
.ag-spanned-row {
  color: var(--ag-data-color);
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-data-background-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-row.ag-row-editing-invalid {
  background-color: var(--ag-full-row-invalid-background-color);
}

.ag-spanned-cell-wrapper {
  background-color: var(--ag-data-background-color);
  position: absolute;
}

.ag-spanned-cell-wrapper > .ag-spanned-cell {
  display: block;
  position: relative;
}

.ag-row-highlight-above::after,
.ag-row-highlight-inside::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: var(--ag-row-drag-indicator-width);
  background-color: var(--ag-row-drag-indicator-color);
  border-radius: calc(var(--ag-row-drag-indicator-width) / 2);
  left: 1px;
  pointer-events: none;
}

.ag-row-highlight-above::after {
  top: 0;
}

.ag-row-highlight-below::after {
  bottom: 0;
}

.ag-row-highlight-indent::after {
  display: block;
  width: auto;
  left: calc(2 * (var(--ag-cell-widget-spacing) + var(--ag-icon-size)) + var(--ag-cell-horizontal-padding) + var(--ag-row-highlight-level) * var(--ag-row-group-indent-size));
  right: 1px;
}

.ag-row-highlight-inside::after {
  display: block;
  width: auto;
  height: auto;
  inset: 0;
  background-color: var(--ag-selected-row-background-color);
  border: 1px solid var(--ag-range-selection-border-color);
}

.ag-body,
.ag-floating-top,
.ag-floating-bottom {
  background-color: var(--ag-data-background-color);
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-header-range-highlight {
  background-color: var(--ag-range-header-highlight-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}

.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-data-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-viewport {
  min-height: 50px;
}

.ag-overlay-loading-wrapper,
.ag-overlay-exporting-wrapper,
.ag-overlay-modal-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center,
.ag-overlay-exporting-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  display: flex;
}

.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top:not(.ag-invisible) {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom:not(.ag-invisible) {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-find-cell {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-find-match {
  color: var(--ag-find-match-color);
  background-color: var(--ag-find-match-background-color);
}

.ag-find-active-match {
  color: var(--ag-find-active-match-color);
  background-color: var(--ag-find-active-match-background-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-cell-range-selected.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-cell-range-selected-1.ag-cell-range-chart,
.ag-cell-range-selected-1.ag-formula-range,
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-cell-range-selected-2.ag-cell-range-chart,
.ag-cell-range-selected-2.ag-formula-range,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-cell-range-selected-3.ag-cell-range-chart,
.ag-cell-range-selected-3.ag-formula-range,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-cell-range-selected-4.ag-cell-range-chart,
.ag-cell-range-selected-4.ag-formula-range,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}
.ag-fill-handle,
.ag-range-handle {
  background-color: var(--ag-range-selection-border-color);
}

.ag-fill-handle {
  cursor: crosshair;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}
.ag-cell-inline-editing.ag-cell-editing-error {
  border-color: var(--ag-invalid-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option {
  position: relative;
}

.ag-menu-option:focus-visible {
  outline: none;
}
.ag-menu-option:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}

.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs-header {
  display: flex;
}

.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter {
  --ag-indentation-level: 0;
}

.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: max(200px, 100%);
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--ag-widget-vertical-spacing);
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: var(--ag-widget-container-vertical-padding);
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-horizontal-size, var(--ag-side-bar-panel-width));
  background-color: var(--ag-control-panel-background-color);
}

.ag-tool-panel-content {
  display: flex;
  height: 100%;
  overflow: hidden auto;
}

.ag-tool-panel-wrapper.ag-tool-panel-animating {
  display: block !important;
  transition: width var(--ag-side-bar-panel-animation-duration) ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .ag-tool-panel-wrapper.ag-tool-panel-animating {
    transition: none;
  }
}
.ag-tool-panel-external {
  display: flex;
  flex-direction: row;
}

:where(.ag-tool-panel-external) .ag-tool-panel-wrapper {
  flex-grow: 1;
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden auto;
  scrollbar-width: thin;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ag-filter-panel .ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) 0;
}
.ag-filter-panel .ag-mini-filter {
  margin-top: var(--ag-widget-vertical-spacing);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-panel .ag-standard-button {
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.ag-filter-panel .ag-simple-filter-body-wrapper > *:last-child,
.ag-filter-panel .ag-set-filter-body-wrapper {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-panel-container {
  flex: 1;
  overflow: auto;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
}

.ag-filter-panel-container > *:not(:last-child) {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-card {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-background-color);
}
.ag-ltr .ag-filter-card .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-filter-card .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-ltr .ag-filter-card-header > *:not(:last-child) {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-card-header > *:not(:last-child) {
  padding-left: var(--ag-grid-size);
}

.ag-filter-card-heading {
  flex: 1;
  overflow: hidden;
  padding-top: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-ltr .ag-filter-card-heading {
  padding-left: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-heading {
  padding-right: var(--ag-widget-horizontal-spacing);
}

.ag-filter-card-expand {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.ag-filter-card-title {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-filter-card-expand-icon {
  display: flex;
  flex: 1;
  justify-content: end;
}

.ag-filter-card-editing-icon {
  margin: 0 var(--ag-grid-size);
}

.ag-filter-card-summary,
.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon,
.ag-filter-card-editing-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-color);
}

.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon {
  transition: color 0.25s ease-in-out;
}

.ag-filter-card-expand-icon:hover .ag-icon,
.ag-filter-card-delete-icon:hover .ag-icon {
  color: var(--ag-filter-panel-card-subtle-hover-color);
}

.ag-filter-card-heading:hover .ag-filter-card-expand-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-hover-color);
}

.ag-filter-card-expand,
.ag-filter-card-delete {
  border-radius: var(--ag-button-border-radius);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.ag-filter-panel .ag-standard-button {
  cursor: pointer;
}

.ag-filter-card-summary,
.ag-filter-type-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-ltr .ag-filter-card-delete {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-delete {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-filter-card-summary {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-type-select {
  padding-top: var(--ag-widget-vertical-spacing);
}

.ag-filter-card-add {
  padding: 0;
  border: 0;
}

.ag-filter-add-button {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  line-height: 1.5;
}

.ag-ltr .ag-filter-add-button-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-add-button-label {
  margin-right: var(--ag-grid-size);
}

.ag-filter-add-select {
  border: 0;
}
.ag-ltr .ag-filter-add-select .ag-text-field-input {
  padding-left: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-rtl .ag-filter-add-select .ag-text-field-input {
  padding-right: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-filter-add-select .ag-rich-select-value {
  padding: calc((1.5 * var(--ag-font-size) + 4 * var(--ag-grid-size) - var(--ag-input-height)) / 2) var(--ag-grid-size);
  border: 0;
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-panel-column-select:not(.ag-last-visible-child) {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-buttons {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
  flex-wrap: wrap;
  gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}
.ag-column-panel-buttons .ag-standard-button {
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}

.ag-column-panel-buttons:last-child {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-column-panel-buttons-button {
  line-height: 1.5;
}

.ag-column-panel .ag-standard-button.ag-column-panel-buttons-apply-button:not(:disabled) {
  color: var(--ag-column-panel-apply-button-color);
  background-color: var(--ag-column-panel-apply-button-background-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-cell:not(.ag-right-aligned-header) .ag-header-col-ref {
  margin-right: var(--ag-grid-size);
  color: var(--ag-subtle-text-color);
}
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-header-cell.ag-right-aligned-header .ag-header-col-ref {
  margin-left: var(--ag-grid-size);
  color: var(--ag-subtle-text-color);
}
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: var(--ag-column-drag-indicator-width);
  border-radius: calc(var(--ag-column-drag-indicator-width) / 2);
  background-color: var(--ag-column-drag-indicator-color);
}

.ag-header-highlight-before::after {
  left: 0px;
}

.ag-header-highlight-after::after {
  right: 0px;
}

.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
  align-items: unset;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-pagination-panel-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
  line-height: 0;
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
  font-weight: normal;
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}

.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
  padding: 1px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
  padding: unset;
}
.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}

.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}

.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}
.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-buttons {
  display: contents;
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
  line-height: normal;
}
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-button {
  white-space: nowrap;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-row-number-cell {
  background-color: var(--ag-header-background-color);
  color: var(--ag-header-foreground-color);
  font-size: var(--ag-font-size);
  font-family: var(--ag-font-family);
}

.ag-row-number-header.ag-row-number-selection-enabled {
  cursor: cell;
}

.ag-row-number-range-highlight {
  background-color: var(--ag-range-header-highlight-color);
}

.ag-row-number-range-selected {
  background-color: var(--ag-row-numbers-selected-color);
}

.ag-ltr .ag-row-number-header,
.ag-ltr .ag-cell.ag-row-number-cell:not(.ag-cell-last-left-pinned) {
  border-right: var(--ag-pinned-column-border);
}
.ag-ltr .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik0zLjQ0NSw4LjkxMUwzLjQ0NSw3LjQwOUw5Ljc1LDcuNDA5TDkuNzUsNi4wMTRMMTIuMjg1LDguMTZMOS43NSwxMC4zMDZMOS43NSw4LjkxMUwzLjQ0NSw4LjkxMVoiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg=="), auto;
}

.ag-rtl .ag-row-number-header,
.ag-rtl .ag-cell.ag-row-number-cell:not(.ag-cell-first-right-pinned) {
  border-left: var(--ag-pinned-column-border);
}
.ag-rtl .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik01Ljk3OSw4LjkxMUw1Ljk3OSwxMC4zMDZMMy40NDUsOC4xNkw1Ljk3OSw2LjAxNEw1Ljk3OSw3LjQwOUwxMi4yODUsNy40MDlMMTIuMjg1LDguOTExTDUuOTc5LDguOTExWiIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utd2lkdGg6MC40MXB4OyIvPgogICAgPC9nPgo8L3N2Zz4K"), auto;
}

.ag-cell-batch-edit {
  background-color: var(--ag-cell-batch-edit-background-color);
  color: var(--ag-cell-batch-edit-text-color);
}

.ag-cell.ag-cell-inline-editing {
  background-color: var(--ag-background-color);
  background-image: linear-gradient(0deg, var(--ag-background-color), var(--ag-background-color));
}

.ag-row-batch-edit {
  background-color: var(--ag-row-batch-edit-background-color);
  color: var(--ag-row-batch-edit-text-color);
}

.ag-toolbar {
  display: flex;
  align-items: center;
  overflow: hidden;
  border-bottom: var(--ag-borders) var(--ag-border-color);
  min-height: var(--ag-header-height);
  background-color: var(--ag-toolbar-background-color);
  color: var(--ag-toolbar-text-color);
  font-family: var(--ag-header-font-family);
  font-size: var(--ag-header-font-size);
  white-space: nowrap;
}

.ag-toolbar-right-start {
  margin-inline-start: auto;
}

.ag-toolbar-item {
  display: inline-flex;
  margin: 0 calc(var(--ag-grid-size, 8px) * 2);
}

.ag-toolbar-item:where(:not(.ag-toolbar-panel)) {
  font-weight: var(--ag-header-font-weight);
}

.ag-toolbar-button-wrapper {
  display: inline-flex;
  padding: calc(var(--ag-grid-size) * 0.25);
  height: 100%;
}

.ag-toolbar-button {
  display: inline-flex;
  align-items: center;
  gap: var(--ag-grid-size);
  padding: calc(var(--ag-grid-size));
  border: 0;
  background: transparent;
  color: var(--ag-toolbar-text-color);
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  font-family: var(--ag-header-font-family);
  font-size: var(--ag-header-font-size);
  font-weight: var(--ag-header-font-weight);
}

.ag-toolbar-button-wrapper:hover {
  background-color: var(--ag-icon-button-hover-background-color, transparent);
  color: var(--ag-icon-button-hover-color, var(--ag-foreground-color));
}

.ag-toolbar-button-wrapper:hover .ag-toolbar-button,
.ag-toolbar-button-wrapper:hover .ag-toolbar-button .ag-icon {
  color: var(--ag-icon-button-hover-color, var(--ag-foreground-color));
}

.ag-toolbar > .ag-toolbar-button-wrapper:first-child > .ag-toolbar-button {
  border-start-start-radius: calc(var(--ag-border-radius) + 1px);
}

.ag-toolbar > .ag-toolbar-button-wrapper:last-child > .ag-toolbar-button {
  border-start-end-radius: calc(var(--ag-border-radius) + 1px);
}

.ag-toolbar-button:focus-visible {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-toolbar-button:focus:not(:focus-visible) {
  box-shadow: none;
}

.ag-toolbar-button:disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.ag-toolbar-panel {
  display: inline-flex;
  flex: 1;
  min-width: 260px;
}

.ag-toolbar-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 200px;
  max-width: none;
  margin: 0 calc(var(--ag-grid-size) * 2);
}

.ag-toolbar-input + .ag-toolbar-input {
  margin-inline-start: 0;
}

.ag-toolbar > .ag-toolbar-input:first-child,
.ag-toolbar-right-start + .ag-toolbar-input {
  margin-inline-start: var(--ag-grid-size);
}

.ag-toolbar > .ag-toolbar-input:last-child {
  margin-inline-end: var(--ag-grid-size);
}

.ag-toolbar-input-icon {
  position: absolute;
  display: inline-flex;
  align-items: center;
  color: var(--ag-toolbar-text-color);
  opacity: 0.5;
  pointer-events: none;
  inset-inline-start: var(--ag-grid-size);
}

.ag-toolbar-input-field {
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-family: var(--ag-header-font-family);
  font-weight: var(--ag-header-font-weight);
  line-height: 1.5;
  outline: none;
  border: var(--ag-borders-input) var(--ag-input-border-color);
  border-radius: var(--ag-border-radius);
  width: 100%;
  padding-block: calc(var(--ag-grid-size) * 0.5);
  padding-inline: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2) var(--ag-grid-size);
}

.ag-ltr .ag-toolbar-input input[class^=ag-][type=text].ag-toolbar-input-field {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-toolbar-input input[class^=ag-][type=text].ag-toolbar-input-field {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-left: var(--ag-grid-size);
}

.ag-toolbar-input-field:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
  border: var(--ag-borders-input) var(--ag-input-focus-border-color);
}

.ag-toolbar-input-field::placeholder {
  color: var(--ag-disabled-foreground-color);
}

.ag-toolbar-panel .ag-column-drop-horizontal {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
  font-size: var(--ag-font-size);
  font-family: var(--ag-font-family);
}

.ag-toolbar .ag-column-drop-horizontal {
  border-bottom: none;
  background-color: transparent;
}

.ag-toolbar-button-chevron {
  display: inline-flex;
  align-items: center;
}

.ag-toolbar-separator {
  align-self: stretch;
  width: 0;
  margin: calc(var(--ag-grid-size) * 1.75) 0;
  border-inline-start: solid var(--ag-toolbar-separator-width) var(--ag-toolbar-separator-color);
}

.ag-toolbar-find {
  gap: calc(var(--ag-grid-size) * 0.5);
  width: 280px;
  max-width: none;
  min-width: 220px;
  border: var(--ag-borders-input) var(--ag-input-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-background-color);
}

.ag-toolbar-find:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border: var(--ag-borders-input) var(--ag-input-focus-border-color);
}

.ag-toolbar-find .ag-toolbar-input-field {
  border: none;
  background-color: transparent;
  flex: 1;
  min-width: 0;
}

.ag-toolbar .ag-toolbar-find input[class^=ag-][type=text].ag-toolbar-input-field {
  border: none;
  box-shadow: none;
}
.ag-toolbar .ag-toolbar-find input[class^=ag-][type=text].ag-toolbar-input-field:focus {
  border: none;
  box-shadow: none;
}

.ag-toolbar-find-match-count {
  white-space: nowrap;
  font-size: var(--ag-font-size);
  color: inherit;
  opacity: 0.7;
  user-select: none;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  text-align: end;
}

.ag-toolbar-find-button {
  flex-shrink: 0;
  padding: calc(var(--ag-grid-size) * 0.5);
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper {
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-cell-editing-error .ag-checkbox-input-wrapper:focus-within, .ag-cell-editing-error .ag-checkbox-input-wrapper:active {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper {
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-cell-editing-error .ag-radio-button-input-wrapper:focus-within, .ag-cell-editing-error .ag-radio-button-input-wrapper:active {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper {
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

.ag-range-field-input {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
.ag-range-field-input::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
.ag-range-field-input::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
.ag-range-field-input::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
.ag-range-field-input::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
.ag-range-field-input::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
.ag-range-field-input::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
.ag-range-field-input:focus {
  outline: none;
}
.ag-range-field-input:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
.ag-range-field-input:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
.ag-range-field-input:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
.ag-range-field-input:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
.ag-range-field-input:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
.ag-range-field-input:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
.ag-range-field-input:disabled {
  opacity: 0.5;
}

@font-face {
  font-family: "agGridAlpine";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABhQAAsAAAAAMrwAABf+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIt0BmAAjTQKuSSuSgE2AiQDgnQLgTwABCAFhEYHhl0b4iszUrQ+ZyRC2DiI2MYjsv9TAjdknt5Ae1WU414mZuWRpGaZSmukndZZ23caNqEoLsPGIEC7zism0+J8Vv7PXYZSQgBr7n7iiA23DQ9xmGvIxAQ1nUFrbc737N2sEcVDjZQA/peO9k7VYn+TjdqJCUxPyfR0FcPTNv/JGU1ZjYU2UeodtF+sCRjRGDVYN/sTVoWLZHWrCha6MGpBAFzufmUQBTKWti1bC9s0iRPKIEzfWlPv5rdLAi27CVRIKE/UKXf+WVu5Hq0j88asbyY/yW/yi9cMe+KOzN2XJUAAwdHchrQ6C9ERkd92M7mJJlqiRCIhUhLbTHWBd+uZGRacMmbL5D1tJ48ek/ASJ+S6DYkABKdbjuscrLiCWqgIerXfq0ZPOi4bcGg0OZe57Ieb/RvgNxuiF6ALs0ocSkRhyBEXXFWNQ2EqDWtVYWSpqhPprAHsKVsjlr/mPm0B0QELi+Pr1NtNbv5ukg+bHO3HQ9orASkC1Sqg7AGAa6oIXCuBhDvh60ylrG61mxL0dPNcdJTBWNPTnu3XPiJDBSVjSMQU2fe+DwGQktNB137TfdSu+j+e0ImVzg8gbx+sDl+fonyeia3xD5CPkJjsBfz46320tN0M84X3hJPF+/eTNFBCEVLQMVNANs7upiAyCaPScIV4kyiiRmcoMbeIwdRCIypFGKLkag0cONmTIrEOrAk1uagIkbAwQWfEUtwz4IkwTIsd0GTZUidpa8/mpnDmZA5mvJ/v7BaiOxIw2Ead7WhGnMQk3OSLLU04JyZiExTrqGVaMe2o2O3mTG6RwQ31JKC2NBmiCFmSZkWDZAnTZNMYGoqWiLyLNTHCLWDNmVw3aN/87BDZAhOQ2C199LMHsaZ8zBDW3ruQMjoxHSdXfvwRecOXNhS4F50xd4bEI0vdfG725lNtJMPMI5EZia0jNhKz7yEyg6jUlERhckz3911TpEHIwY9/DrntN1O4xL8elgB7cAbX8NS8lrFisUf2bt+j8d24cCWDpFeUanIOTyzldBLD1Abtq6HUA6dyx9RWUSycXK8IxH1RTxQbXImE8qmSx+tdDKPK6dDp97hOp0oNqRSJUUhMhyOWHZLs/pFYNUGrZSjNaGRzT2Irw9kbUsDUBVU4g6GWXswkUR94takGTJiYhXg6Bv8Rg0nR1LOKSRxiCjz6MMBsTtYDRdF53BXUwnQr4CzILvbIGTD1IUZ8at/ZOTJwM3eOl7zWvKYcebYwqyGrYjH0q1S5FCHm7F9CLNkG6E3wsodMrgjtFgABKYOeJx582aLWEJemwBvwmWJjaJvEV5za2DgSlJQ+tygzCkZwlgoZM49SBbKC7ZF6wyhGv0l4pPSVsu2/FLhQLG3uc3KoXQkpKusLaIyeV4n1r2my2MK+f0ymOPwSLGEGoaPtAfBLvn7wlA8wACFcBNInLU3kC/yXThXmBezEFVDyKjAIkgXO+WEgB0QglKsvC7IYWpvDkHgfhvUHZBA0VtqzF7/T3/7/Ie/JvbcUMs7UCiiZ6RJRAUeQZ5uQLOBE5dpJ3PXoDB3hoTpfIleAxuAJCJEUnj80qjS0dPQMjEzMLKxs7BycXNw8vHz8AoJCwiKiYuISklLSMrJy8gIKikoYBmUVVTV1DSxOU0tbR1fPAYEIQQakcbzuf36ha1qUyY4KtxVyLYZSZ1Gq+0mOKFYGIHJTfwjkl7AOHEMBOIFV4BQWgDNYBM5hEriAXeASxoErWAauYRq4hRXgDpaAe9gAHmAWeIQZ4Am2gBeYAF5hHniDKeAdNoEP2AE+YQ74gjXgG7aBn5A9kCo5SDQGYjAQC4iBHMRBHhKgAEmQQAoUIQ1KkAFlKAIVKAZVKAE1UApqoQzUQTmohwrQAJWgEapAE2RBM1SDFqgBrVAL2qAOtEM96IAG0AmNoAuaQDc0gx5oAb3QCvqgDfRDOxiADjAInWAIusAwdIMR6AGj0AvGoA+MQz+YgByYhDyYggEwDYNgBobALAyDuWd6eRwj4DEKHmMghMHy67cqGOWqGKiGgeoYqIGBmhioBYiAbYiCnSFXFwP1MFAfAw0w0BADjTDQGANN8IEf2F+jF/wB/AOJPKT3IC0I/rbNcChCRvS7A4VaBot6TSOeIoM1mCgwkfaJA1RglGO7IRmChNcLzJ1cTD5p96YJksMhamO0rVZsRKihgcQrkhh+j8Oz4kKdiEodznpRqhfQxn2L18rOWrRbd5NjUaPb3SDXtt5hvJpDdKqiwlhO54o4Ym1FllVn7aqFTbDz2e3OGofd4VNkUXQMKiTIFKFRXFIv1TdlzrqMya4jZazw1TtF0IbU2fWS3S3IiqhJgBIgQ4kzuZfQQ4wfC1DSzAcoYX9Q7iest5lXfeTBNm7DAu2IhDTr7dPFKHMPmTMpPR6fVVbP3s2NAv3JG7PybAlO52at+WEjM7dmz61P0Hj+PoQYIiiICWZo0Hp7EejZ7Cowe/eiXnyDkNCJrQJsmogQxAc5CI08Qj3JWYXGR7M3VEZiZt7w8jNJK6d7iCc2p7LEWOG2Qo90YZG+ZXZxqYoJmklKHKbT8jCLV4cZrPIX7G5lpJ2zDsrbiIZFxDBAUWxDWp355gpw6Fff4nrr/XVYY1x7dyHCaZRyH7LLBd2ao65m7sCZSCsNhf/klMY82aYi0L9a36GxJbNBc9ndfciGg0sRC8imhUNGFKNJ5hcgYrtMt4n6VyzLSuzGN9Qt2eUjUTVyEgmxaIRrCVZR+26oo0F3d+d7ELxQI9OUksa4e0BPZbPInMtnMmPQmL58H1t3HdSpmJlQM3lkXgH6aM4qLEwmrTjVi3eQuSZxj5hQOh0/cwXVufwl43IBgdlc+qDMRMbMgp5BkyKUeC7NKU96YWsxrgMPicXqMxMqU9VjrJs+EkmMF24qh3XWWC7rpZJZqUDjZ0ZyVwHTRKNaxdbufvNOUb9417p/2bh076j5xTEVGN+iNJgcy9/waO1EWFfDWsPRE2WcGbauMY+tnI9yr0WowwLQ1xEaN9o/Y855HTxVIjMPjRORaBuhR9oDtNqtBlPFc6V0yH+ovYRKlQpTvder9E5pW7kSscXbXYJNTgqwtvunkLGJVnklU8wzVnXLSyUi5RuohnocvXRanKn9Qt2YdNO7ViOACAy6j1LQAfkZxtsJjWAb4ghiujyU4+zCGpDgIHDBzu6QMtBTZUpiKpPCvZS0cSZ7rlzi7aFwB5ODxvPPuKHaCYU24dMzSGUoDSKArY9Py08+oEjpahZyIwGHwrrHWlnHoATlo0vKc3qsTPv4AC5gMPwErMk2BC8Z0rzeDZfeYIWrCW3tzrePDjHi55QSFqB8BJohY1cltsr+0KNK2Kw0Rx+Wgd5oEw2NfTI/LELjoJc7U7JyevZJRF447LJjIEMcZd5k9iVc/v32r3xsa+HgvDe8rrjuzh6ixH2Tm4r7VjHSfGTGk1J85NWuF8Fhb2Hp8IoFXInjuHd+IdNulsuL/8ocKZV2/VN8q1JZ8nfOeLW69/8il1jmt78vrdbqyujX3ath1PPMqane+1p2IeUQ437PS+br0MLS4/pyDFlpGYbcNL8sIhjiQYCXjH3bMzCDdgHMXyGAh/oDW69O1ak6RVPzgukGZaJZrlFO3jjSa2rfHD52GDrzXALypRU5c7PuSTdwHcEi6g2kykLhwWgkGA1Ho/RshPdyzSEyxowhj1gPjJZ2tb2vwtm9CaL4NH1TAoNnunH981pK6SKp47z2pXt4iqfrVcxSGCCAvBN4ICDwSzA6wvFI9/Btn06uoakGdJnRdPKA4lfiPvOb8d36qn85iQto2CpCEw1WYEGWZuWA6AtoWPgKIZnYPTQYOl4oIugWXb2ibO9nr4BZvTTACsOjugWJhcm1Xn+ArcquyzalBsTLC0s1xUCnwuna+1svr8ioKr95sLB1I+toDh0i/iGaWhVTTVUlvsmmkXUediYSoAK2cf/JYT9uKHyINUsgzWdcwB1MGF6etBQaH8mar3aJWlz3bJjKng3RyxwS6CcYLLPhzdyoh9C4rkljZN7Kj3m5oKIhSVdybeX1DxeDFji8kV1QCATAui/BMQAIr65IqPn2yoZHEMoYn+tKOI62hwgcSs5bs0rbE9+dUp6zRza0aR60FxkeWw0ZyTnWSnsa8S58ABlNk+ABeCXJXAm+zFuJ/uhZKy50sw66cuXajIzMDMQhFoIhoXFysLVfazSOy8c/GXsS8QIBdel38jUAEhwt3Inau46LRiX7h1qVT345++K+ZHHdhBZSTNDX4Kv9breP0TqfppB9fb5uUaa5pc3QpyVT15YUvMgLmwcp0sgSvYcj9jwJihKVs250klfXJYYjvpcdsR9XE3k0Dnb+OyzxiFuMNenyz2O3jz13Wl30fPcane5F0I7AGygK5rjR9V4cQ0sv/7x6q67fhG/rSbeTUTw2waFbxd9xWjgm3j/coryCcfaLpovMpSbBEwZcb6PLD/b17Ta3CFlwRo+7IzhHMo36XO9+qeeaafPe2zscrgB4CzTKQlY+g5HPKnyb4FvnMwpZb0vQ8d2aFaTd8GhoB4B7iZ2aokZH1WPqtjZ1uxowlxutvcLveu3I3XAvfD++JGtHx6SkSxe3bElKrs9cEBrWGMb3dVrXhaLWN9Tagy9n1q/XFhdjMHGxl9i5Sxcv7YnbuXPhF4WrHxABP1f514WAcntMSVUaVGaYaNuqW3sGcG4OZ9Vw5ovRhoCN0MkBEvCTyCUDqrRrfoAk6f5+1+IlJEBb7TXJNdBPz8zi87MSTRFwDiCZaBRg3P1UUdbaMFW4zySoIig6qDyIsfy/iuYcuO3+rq1jrsl9y2Au7qlJw/qHtos87zrgKqLH1gkd/c63QkTnmECC1Vq7ztgWKtb5AMXnWJlPRobrJPs1e+1dXRydPO2vDhBsFtp3VTZ+tcWnE+zXOw8yNoIIh7dOBJVpu+M6uypO8hsvgp1V9na+k9Pmi4TVMQtDjpFRlxDg2GnTlmht5kK751L/P/ZIngvlRoSl9TqCEuyypU86yXgku3mPxyVTFdEURbmGKSjl5UcrqDC3qCOvOSjHh1om5eiEIpoa6Lle6nZlNV13hX5UR199FDIJak9pT04Es4qYhDGasrsoOQlo+IFg2i1n5sXdvZTZkVC9sDbBCcHi/YZjspCstXfk5y2xkbb4xKRaWcfJFYSFLg4u9IxJ6Z302WaWWB8sATSizLJYfY/fx+PddB2VSBTBBek6QXOXRwo5hCHIPXsDLcul1KQDnbC50z2Fw5YmlRZaXhekRbtyC4unMOInxJP0a+mh8WSyOJRubVHQTpXlUomcKpEkcUjZLtwiiYyFAHKRGA581TlZrJTCYldu+005791Tmrt0gl06jyJ77K/gnsKepQtRBgJ7FZQDxv4uJ6w+hmZOBrJnAvy01u5d/eQpGKKdOkmtx5o2XO2XD8jB6CishlEVokaOqeiJKHB5MXHoASpQwiyYiSIURGVQI+pKhNWjqq24uw1hIarRfWoQRsCP/Rq19klhGsFr3GjU9x7VP5YVgql+ktt+0taUrewCJjO/SWDKZkoi7Xcj6cnJ8uS2LVEEiEKaDCxQ2gC3RFrinIChofLUQlYLlWfF0hJpB6RmbjNrfWEIGPV2IztggNvbM1+YmPB4vdELi3vE9vas54zsOaDcYSthpVqJ4EZYCWCD4GzG3ocHCcBZFt7zJ51Zz2KC954/+qPn40Jn7nbLs1t7T6zPCUsMlUpDE8Ny2BWkDXfvupEqEonwskWVgejpNbvv/0n9c36PH/DTLY14Iojxs0mz/fDh03rjdXL1erUcpKqXLrV04yTPv6Q1VhcXLtkeC3s99vSUGt6KxRWlZqYu/pyUi9Uazbt36PtFkYv3qwd1urwmgrWra2uJk0UzfoWmebnN64fOP+/dA9FEfaOQTBZaQB4kFsGF5MbpAaCyg53jbGafWa+lL5Vg2Tt8HY8lUH1/TDxqvwqVy2VydE5jMFksClG2zEH3HZKj3T9oTsseWDE8xRaqSV0nwH+m6snwCE3aagryuxDk+ERVl0nrqj0xe9lLVJNPqholkyaDXT97nlG5/s+fs2tvLM8NzAyYNy8gMzD3usBwbp8ZkBt4nWNvXjKjLpeRRaNlMXKfJuSts2i5jKeltUF/r7CJz2+aExDeOfSfE4zqSfYW8PRPZVEjIQLeGwdPRR6Ze5G9rF6YAoP3WvskJgLyAWgz0R4kvrfeJ3KaVuU2PMznc9heXjweQHnKfCX4ucsvmZbppBA4d24UFWPDEGqvc+CiWHbI/EnwllyZzFJSM3XK/5JKLnu8dcD3Eb9fofCWN+Xnxcdv3Uo9chTY3nPXIqu2alpLyypkK3gbJs/IkN+7F++i3AZjctCvCSpPzuICR2mf/g4Bzsa+qVsU4ka52HAEPnJILmpUiLZOdYWDRanopgh1tE0RJRxFjhoMWFe8ZYpLXLAiVZ6srQCO02vs8HZ7W3dbMxsXpvvLz5xg9wLY+doBF0ofJW6P8pAS/7S1Fd24YeNGFJzElpVdTUyyxkzL0+kG1fsXR+KuX0tNjSsizDvc21lcWG3UXjotCrHEV4EdO1asqL6YwvF3MTWrKBWL3xqknR149Mxpxb59aAwnLe2n88PXNsubV2jwzRZOJa0tLcCKhsU+pvFT4al7fTT6EhEhAqvlxYRzU+Ap8KOE7bB5rLgRdGN09HnQcxS8YdYT+OzR44LfxSDq1/LKwanPE5c+eRH47kJ7cTXH89RusxuPg44l2BivXICfY6Cmtwnf0ZnKi12w2HTaS5lNxOg/yu2mwrTCzg7bZnQ+kAOlq3VFh1C6cLG/aO+ZXCS3Eqlcg54ROHOGevMm4dZNYfsKsWhOt/tcvYl+rlv3KpGoO2wuAXhs0pTuKl3drgzbVXKFlLysZFfBTpYqCOQFBvCCBOsCnMELEAStAwBVwE0D+YjYBtptMRzsOWgAk73/FVmn6B9AAUwfFP5vnP2Y3hkAAADiK2T0Rehpz2CiQZSsbs8GOqBSkPBUeMZeMhGaAp0iS0JdDwD+/WbqoW/xnHXQM9WD4GrD81U6CdcgaJju43AMy3OaamkwF5Laf9BnyAh3D4e2cd9GMnh323kfIJxN2VCtyaKCJsK9m0NkXTokEapBIITRJc0sCCJOXgW0BSLqZkHMu3VNrdHpiCswaVCiyVjHa2OnKR73xBUn8sRsCMash7zIk1cwF5pnE9ewrPlP0Mmg5aXl+QJs7KClDWS8bsi2endyChnsBwWc1LJ9q87AnZ5XzXC/KDu+mVf1aobkL27562cEne75/302uZ80SmYA8Gt8QZ1vTFACc8umZo7QAuVGeIl+S8EO2wgOkj0acVjE1VijSB+MnQBq8orAxiWlhVu/txbh9wE71U874PcHhDX8btiaHjMcOPq3lCPCO4RTclwcEn/ON3CJhIZnuKrXHQCBnYA3xs3k5/BSSGNsptaohOtJKZFBpl+oZe+K5FeWtZM33gO1HSc4YJH3JskiBN7B/PhOEoclRhVb32CmC741ggweg5P0OiiidGhBc88w3NZdc2fBiyKzGmZpM9JSUpUqSZ0yTTeEfPsXqBPZc1vY2Ss2m86WlT1QguG/DACQ9OLu+lCAIrRDB6yBtdD5xZBIUP6W9l9dpzcYTWaL1WZ3OF1uj9fnDwRD4Ug0Fk8kU+lMNpcvFEvlSrVWbzRb7U63RyCSyBSqkbGJqZm5haWVtY2tnb2Do5Ozi6ubu4fnmPSPwBCcRMJKb6ZL6etPrfTVrbS+oNQVTKwhadiOZXmZUP/90NVui8A/FG7w0IMAtxGdwLoqu0SprlOoRGwx7rH9efA8Ti2WMRQKu1rAK6h809BUSh+ecx9eUbq5tr4JGQ7LTrnUj6wfbJ5cOfZpYmVnekCiXRkXUU7HrJ2mU1ZCiagwGqnCRM2NHYTlfMQwjOY1tvEOKgo8DQ1VmcbGcRUVF8IkLrF6SnQBr1FBI6GPiRrzTDLEhnOkU1lmR/o6ZI2TCKFNmmZRqAx1luEoKp9nGOfXba416YI73CVjAqWJMbxGBtPizNxiXTCAI/VRceUkAw7L2xZB4XkqWgSjDa1A3UUqeIjYF12mjtVtX/KqvM84w9myNARvDRKhdsysW1Aew4YzGxwu83SHO+q6xbeeGZRbY+zwT8Lq3itrRanycFwfuzpHxlLwJGK1HDCFXAFDg35XQq2KrRsdAAA=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-alpine,
.ag-theme-alpine-dark,
.ag-theme-alpine-auto-dark {
  --ag-alpine-active-color: #2196f3;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);
  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-alpine-active-color) 50%);
  --ag-icon-button-hover-color: var(--ag-alpine-active-color);
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: #babfc7;
  --ag-secondary-border-color: #dde2eb;
  --ag-header-background-color: #f8f8f8;
  --ag-tooltip-background-color: #f8f8f8;
  --ag-odd-row-background-color: #fcfcfc;
  --ag-control-panel-background-color: #f8f8f8;
  --ag-subheader-background-color: #fff;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: #999;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-active-match-background-color: #ffa500;
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-alpine-active-color);
  --ag-range-selection-border-color: var(--ag-alpine-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);
  --ag-input-error-focus-box-shadow: 0 0 2px 0.1rem var(--ag-invalid-color);
  --ag-panel-background-color: var(--ag-header-background-color);
  --ag-menu-background-color: var(--ag-header-background-color);
  --ag-filter-panel-apply-button-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-alpine-active-color);
  --ag-column-panel-apply-button-color: var(--ag-background-color);
  --ag-column-panel-apply-button-background-color: var(--ag-alpine-active-color);
  --ag-column-drag-indicator-color: var(--ag-alpine-active-color);
  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
  --ag-chip-background-color: rgba(24, 29, 31, 0.07);
  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);
  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);
  --ag-borders: solid 1px;
  --ag-border-radius: 3px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 6px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-font-family:
      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
      sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridAlpine;
  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-tab-min-width: 240px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: var(--ag-card-shadow);
  --ag-side-bar-panel-width: 250px;
  --ag-note-indicator-color: var(--ag-alpine-active-color);
}

.ag-theme-alpine-dark {
  --ag-background-color: #181d1f;
  --ag-foreground-color: #fff;
  --ag-border-color: #68686e;
  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
  --ag-header-background-color: #222628;
  --ag-tooltip-background-color: #222628;
  --ag-odd-row-background-color: #222628;
  --ag-control-panel-background-color: #222628;
  --ag-subheader-background-color: #000;
  --ag-input-disabled-background-color: #282c2f;
  --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
  --ag-input-error-focus-box-shadow:
      0 0 2px 0.5px rgba(255, 255, 255, 0.5),
      0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
  --ag-chip-background-color: rgba(255, 255, 255, 0.07);
  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-find-match-color: var(--ag-background-color);
  --ag-find-active-match-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-column-panel-apply-button-color: var(--ag-foreground-color);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  --ag-cell-batch-edit-text-color: #f3d0b3;
  --ag-formula-token-1-color: #4da3e5;
  --ag-formula-token-1-background-color: rgb(77 163 229 / 16%);
  --ag-formula-token-2-color: #f55864;
  --ag-formula-token-2-background-color: rgb(245 88 100 / 16%);
  --ag-formula-token-3-color: #b688f2;
  --ag-formula-token-3-background-color: rgb(182 136 242 / 16%);
  --ag-formula-token-4-color: #24bb4a;
  --ag-formula-token-4-background-color: rgb(36 187 74 / 16%);
  --ag-formula-token-5-color: #e772ba;
  --ag-formula-token-5-background-color: rgb(231 114 186 / 16%);
  --ag-formula-token-6-color: #f69b5f;
  --ag-formula-token-6-background-color: rgb(246 155 95 / 16%);
  --ag-formula-token-7-color: #a3e6ff;
  --ag-formula-token-7-background-color: rgb(163 230 255 / 16%);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-alpine-auto-dark {
    --ag-background-color: #181d1f;
    --ag-foreground-color: #fff;
    --ag-border-color: #68686e;
    --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
    --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
    --ag-header-background-color: #222628;
    --ag-tooltip-background-color: #222628;
    --ag-odd-row-background-color: #222628;
    --ag-control-panel-background-color: #222628;
    --ag-subheader-background-color: #000;
    --ag-input-disabled-background-color: #282c2f;
    --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
    --ag-input-error-focus-box-shadow:
        0 0 2px 0.5px rgba(255, 255, 255, 0.5),
        0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
    --ag-chip-background-color: rgba(255, 255, 255, 0.07);
    --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
    --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-find-match-color: var(--ag-background-color);
    --ag-find-active-match-color: var(--ag-background-color);
    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
    --ag-column-panel-apply-button-color: var(--ag-foreground-color);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    --ag-cell-batch-edit-text-color: #f3d0b3;
    --ag-formula-token-1-color: #4da3e5;
    --ag-formula-token-1-background-color: rgb(77 163 229 / 16%);
    --ag-formula-token-2-color: #f55864;
    --ag-formula-token-2-background-color: rgb(245 88 100 / 16%);
    --ag-formula-token-3-color: #b688f2;
    --ag-formula-token-3-background-color: rgb(182 136 242 / 16%);
    --ag-formula-token-4-color: #24bb4a;
    --ag-formula-token-4-background-color: rgb(36 187 74 / 16%);
    --ag-formula-token-5-color: #e772ba;
    --ag-formula-token-5-background-color: rgb(231 114 186 / 16%);
    --ag-formula-token-6-color: #f69b5f;
    --ag-formula-token-6-background-color: rgb(246 155 95 / 16%);
    --ag-formula-token-7-color: #a3e6ff;
    --ag-formula-token-7-background-color: rgb(163 230 255 / 16%);
    color-scheme: dark;
  }
}
.ag-theme-alpine .ag-filter-toolpanel-header,
.ag-theme-alpine .ag-filter-toolpanel-search,
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine .ag-header-row,
.ag-theme-alpine .ag-row-number-cell,
.ag-theme-alpine .ag-panel-title-bar-title,
.ag-theme-alpine .ag-multi-filter-group-title-bar,
.ag-theme-alpine .ag-filter-card-title,
.ag-theme-alpine-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-dark .ag-header-row,
.ag-theme-alpine-dark .ag-row-number-cell,
.ag-theme-alpine-dark .ag-panel-title-bar-title,
.ag-theme-alpine-dark .ag-multi-filter-group-title-bar,
.ag-theme-alpine-dark .ag-filter-card-title,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-auto-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-header-row,
.ag-theme-alpine-auto-dark .ag-row-number-cell,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-title,
.ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar,
.ag-theme-alpine-auto-dark .ag-filter-card-title {
  font-weight: 700;
  color: var(--ag-header-foreground-color);
}
.ag-theme-alpine .ag-toolbar-item:where(:not(.ag-toolbar-panel)),
.ag-theme-alpine-dark .ag-toolbar-item:where(:not(.ag-toolbar-panel)),
.ag-theme-alpine-auto-dark .ag-toolbar-item:where(:not(.ag-toolbar-panel)) {
  font-weight: 700;
}
.ag-theme-alpine .ag-row,
.ag-theme-alpine-dark .ag-row,
.ag-theme-alpine-auto-dark .ag-row {
  font-size: calc(var(--ag-font-size) + 1px);
}
.ag-theme-alpine input[class^=ag-]:not([type]),
.ag-theme-alpine input[class^=ag-][type=text],
.ag-theme-alpine input[class^=ag-][type=number],
.ag-theme-alpine input[class^=ag-][type=tel],
.ag-theme-alpine input[class^=ag-][type=date],
.ag-theme-alpine input[class^=ag-][type=datetime-local],
.ag-theme-alpine textarea[class^=ag-],
.ag-theme-alpine-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-dark input[class^=ag-][type=text],
.ag-theme-alpine-dark input[class^=ag-][type=number],
.ag-theme-alpine-dark input[class^=ag-][type=tel],
.ag-theme-alpine-dark input[class^=ag-][type=date],
.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark textarea[class^=ag-],
.ag-theme-alpine-auto-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-auto-dark input[class^=ag-][type=text],
.ag-theme-alpine-auto-dark input[class^=ag-][type=number],
.ag-theme-alpine-auto-dark input[class^=ag-][type=tel],
.ag-theme-alpine-auto-dark input[class^=ag-][type=date],
.ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-tab,
.ag-theme-alpine-dark .ag-tab,
.ag-theme-alpine-auto-dark .ag-tab {
  padding: calc(var(--ag-grid-size) * 1.5);
  transition: color 0.4s;
  flex: 1 1 auto;
}
.ag-theme-alpine .ag-tab-selected,
.ag-theme-alpine-dark .ag-tab-selected,
.ag-theme-alpine-auto-dark .ag-tab-selected {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-menu,
.ag-theme-alpine-dark .ag-menu,
.ag-theme-alpine-auto-dark .ag-menu {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-toolbar .ag-toolbar-panel,
.ag-theme-alpine-dark .ag-toolbar .ag-toolbar-panel,
.ag-theme-alpine-auto-dark .ag-toolbar .ag-toolbar-panel {
  padding-left: var(--ag-grid-size);
}
.ag-theme-alpine .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-menu-header,
.ag-theme-alpine-dark .ag-menu-header,
.ag-theme-alpine-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
  padding-top: 1px;
}
.ag-theme-alpine .ag-tabs-header,
.ag-theme-alpine-dark .ag-tabs-header,
.ag-theme-alpine-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-theme-alpine .ag-charts-settings-group-title-bar,
.ag-theme-alpine .ag-charts-data-group-title-bar,
.ag-theme-alpine .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar {
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
}
.ag-theme-alpine .ag-chart-mini-thumbnail,
.ag-theme-alpine-dark .ag-chart-mini-thumbnail,
.ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
}
.ag-theme-alpine .ag-chart-settings-nav-bar,
.ag-theme-alpine-dark .ag-chart-settings-nav-bar,
.ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}
.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  font-weight: 700;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}
.ag-theme-alpine.ag-dnd-ghost,
.ag-theme-alpine-dark.ag-dnd-ghost,
.ag-theme-alpine-auto-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 700;
}
.ag-theme-alpine .ag-side-buttons,
.ag-theme-alpine-dark .ag-side-buttons,
.ag-theme-alpine-auto-dark .ag-side-buttons {
  width: calc(var(--ag-grid-size) * 5);
}
.ag-theme-alpine .ag-standard-button,
.ag-theme-alpine-dark .ag-standard-button,
.ag-theme-alpine-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: 1px solid;
  border-color: var(--ag-alpine-active-color);
  color: var(--ag-alpine-active-color);
  background-color: var(--ag-background-color);
  font-weight: 600;
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-standard-button:hover,
.ag-theme-alpine-dark .ag-standard-button:hover,
.ag-theme-alpine-auto-dark .ag-standard-button:hover {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-row-hover-color);
}
.ag-theme-alpine .ag-standard-button:active,
.ag-theme-alpine-dark .ag-standard-button:active,
.ag-theme-alpine-auto-dark .ag-standard-button:active {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-alpine-active-color);
  color: var(--ag-background-color);
}
.ag-theme-alpine .ag-standard-button:disabled,
.ag-theme-alpine-dark .ag-standard-button:disabled,
.ag-theme-alpine-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-alpine .ag-column-drop-vertical,
.ag-theme-alpine-dark .ag-column-drop-vertical,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-alpine .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-dark .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar {
  padding: calc(var(--ag-grid-size) * 2);
  padding-bottom: 0px;
}
.ag-theme-alpine .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-dark .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-column-drop-empty-message,
.ag-theme-alpine-dark .ag-column-drop-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
  opacity: 0.75;
}
.ag-theme-alpine .ag-pill-select .ag-column-drop,
.ag-theme-alpine-dark .ag-pill-select .ag-column-drop,
.ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-alpine .ag-status-name-value-value,
.ag-theme-alpine-dark .ag-status-name-value-value,
.ag-theme-alpine-auto-dark .ag-status-name-value-value {
  font-weight: 700;
}
.ag-theme-alpine .ag-paging-number,
.ag-theme-alpine .ag-paging-row-summary-panel-number,
.ag-theme-alpine-dark .ag-paging-number,
.ag-theme-alpine-dark .ag-paging-row-summary-panel-number,
.ag-theme-alpine-auto-dark .ag-paging-number,
.ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.ag-theme-alpine .ag-column-drop-cell-button,
.ag-theme-alpine-dark .ag-column-drop-cell-button,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button {
  opacity: 0.5;
}
.ag-theme-alpine .ag-column-drop-cell-button:hover,
.ag-theme-alpine-dark .ag-column-drop-cell-button:hover,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 0.75;
}
.ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-alpine .ag-header-cell-menu-button:hover,
.ag-theme-alpine .ag-header-cell-filter-button:hover,
.ag-theme-alpine .ag-side-button-button:hover,
.ag-theme-alpine .ag-tab:hover,
.ag-theme-alpine .ag-panel-title-bar-button:hover,
.ag-theme-alpine .ag-header-expand-icon:hover,
.ag-theme-alpine .ag-column-group-icons:hover,
.ag-theme-alpine .ag-set-filter-group-icons:hover,
.ag-theme-alpine .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine .ag-chart-settings-prev:hover,
.ag-theme-alpine .ag-chart-settings-next:hover,
.ag-theme-alpine .ag-group-title-bar-icon:hover,
.ag-theme-alpine .ag-column-select-header-icon:hover,
.ag-theme-alpine .ag-floating-filter-button-button:hover,
.ag-theme-alpine .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine .ag-chart-menu-icon:hover,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-dark .ag-side-button-button:hover,
.ag-theme-alpine-dark .ag-tab:hover,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-dark .ag-column-group-icons:hover,
.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-dark .ag-chart-menu-icon:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover,
.ag-theme-alpine-auto-dark .ag-tab:hover,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-auto-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon {
  color: inherit;
}
.ag-theme-alpine .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-dark .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  border-right: dashed 1px;
  border-right-color: var(--ag-border-color);
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-set-filter-list,
.ag-theme-alpine-dark .ag-set-filter-list,
.ag-theme-alpine-auto-dark .ag-set-filter-list {
  padding-top: calc(var(--ag-grid-size) * 0.5);
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-alpine .ag-filter-add-button .ag-icon,
.ag-theme-alpine-dark .ag-filter-add-button .ag-icon,
.ag-theme-alpine-auto-dark .ag-filter-add-button .ag-icon {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport {
  min-height: 150px;
}
.ag-theme-alpine .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-advanced-filter-builder-button,
.ag-theme-alpine-dark .ag-advanced-filter-builder-button,
.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-alpine .ag-list-item-hovered::after,
.ag-theme-alpine-dark .ag-list-item-hovered::after,
.ag-theme-alpine-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-dark .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-alpine .ag-disabled .ag-icon,
.ag-theme-alpine .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-alpine [disabled] .ag-icon,
.ag-theme-alpine-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-alpine-dark .ag-disabled .ag-icon,
.ag-theme-alpine-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-alpine-dark [disabled] .ag-icon,
.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-alpine-auto-dark .ag-disabled .ag-icon,
.ag-theme-alpine-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-alpine-auto-dark [disabled] .ag-icon {
  color: var(--ag-disabled-foreground-color);
}

.ag-horizontal-left-spacer {
  overflow: hidden !important; }

.ag-header-cell.ag-column-first {
  padding-left: 12px !important;
  padding-right: 12px !important; }

/* Quick filter input: keep neutral outline (no blue focus). */
.listview-quick-filter .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border-color: rgba(0, 0, 0, 0.23) !important; }

.listview-quick-filter .MuiOutlinedInput-root {
  height: 36px; }

.listview-quick-filter .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: rgba(0, 0, 0, 0.23) !important; }

.listview-quick-filter .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: rgba(0, 0, 0, 0.23) !important; }

.filter-select__control,.filter-value-select__control,.filter-select__option,.filter-value-select__option{cursor:pointer}.filter-select__option:active,.filter-value-select__option:active{background-color:rgba(105,124,136,0.4) !important}

.scrollWrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;min-width:0}.table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:13.125px}.table thead tr{border-bottom:1px solid #e0e0e0}.table thead th{box-sizing:border-box;padding:0.75rem 1rem;text-align:left;font-weight:600;font-size:13.125px;color:#9e9e9e;background-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table thead th>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.table tbody tr{transition:background-color 0.15s ease}.table tbody tr:hover{background-color:var(--table-row-hover-bg, #f3f4f6);cursor:pointer}.table tbody tr.listview-empty-row:hover{background-color:inherit;cursor:default}.table tbody td{box-sizing:border-box;padding:0.75rem 1rem;font-size:13.125px;color:#333333;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #e8e8e8}.table tbody td>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.table.table_hasBorder{border:1px solid #e5e7eb;border-bottom:none}.stickyLeft,.stickyRight{position:sticky;z-index:1}.table thead th.stickyLeft,.table thead th.stickyRight{background:#fff;z-index:2}.table th.stickyLeftEnd,.table td.stickyLeftEnd{z-index:3 !important}.table th.stickyLeftEnd::after,.table td.stickyLeftEnd::after{content:'';position:absolute;top:0;right:0;bottom:0;width:1px;background:#c1c1c1;pointer-events:none}.table tbody td.stickyLeft,.table tbody td.stickyRight{background:#fff}.table tbody tr:hover td.stickyLeft,.table tbody tr:hover td.stickyRight{background:var(--table-row-hover-bg, #f3f4f6)}.table.variant_alternative tbody tr:nth-child(odd) td.stickyLeft,.table.variant_alternative tbody tr:nth-child(odd) td.stickyRight{background:#f3f4f6}.table.variant_alternative tbody tr:nth-child(even) td.stickyLeft,.table.variant_alternative tbody tr:nth-child(even) td.stickyRight{background:#fff}.table.variant_alternative tbody tr:nth-child(odd):hover td.stickyLeft,.table.variant_alternative tbody tr:nth-child(odd):hover td.stickyRight{background:var(--table-row-hover-bg, #e5e7eb)}.table.variant_alternative tbody tr:nth-child(even):hover td.stickyLeft,.table.variant_alternative tbody tr:nth-child(even):hover td.stickyRight{background:var(--table-row-hover-bg, #f3f4f6)}.headerStyle_uppercase thead th{text-transform:uppercase}.headerStyle_lowercase thead th{text-transform:lowercase}.headerStyle_capitalize thead th{text-transform:capitalize}.density_sm thead th{padding:0.375rem 0.75rem;font-size:13.125px}.density_sm tbody td{padding:0.375rem 0.75rem;font-size:13.125px}.density_lg thead th{padding:1rem 1.25rem;font-size:0.9375rem}.density_lg tbody td{padding:1rem 1.25rem;font-size:0.9375rem}.headerSize_sm thead th{padding:0.375rem 0.75rem;font-size:13.125px}.headerSize_md thead th{padding:0.75rem 1rem;font-size:13.125px}.headerSize_lg thead th{padding:1rem 1.25rem;font-size:13.125px}.table.density_sm thead th.listview-cell-checkbox,.table.density_sm tbody td.listview-cell-checkbox,.table.density_lg thead th.listview-cell-checkbox,.table.density_lg tbody td.listview-cell-checkbox{padding:0}.variant_bordered{border-top:1px solid #d1d5db;border-bottom:1px solid #d1d5db;border-radius:var(--table-border-radius, 0.5rem);overflow:hidden;border-collapse:separate;border-spacing:0}.variant_bordered thead tr{border-bottom:2px solid #d1d5db}.variant_bordered thead th:first-child{border-top-left-radius:var(--table-border-radius, 0.5rem)}.variant_bordered thead th:last-child{border-top-right-radius:var(--table-border-radius, 0.5rem)}.variant_bordered tbody tr{border-bottom:none}.variant_bordered tbody td{border-bottom:1px solid #d1d5db}.variant_bordered tbody tr:last-child td:first-child{border-bottom-left-radius:var(--table-border-radius, 0.5rem)}.variant_bordered tbody tr:last-child td:last-child{border-bottom-right-radius:var(--table-border-radius, 0.5rem)}.table.cellBorders_vertical thead th{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.table.cellBorders_vertical thead th:first-child{border-left:1px solid #e5e7eb}.table.cellBorders_vertical thead th:last-child{border-right:1px solid #e5e7eb}.table.cellBorders_vertical tbody td{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.table.cellBorders_vertical tbody td:first-child{border-left:1px solid #e5e7eb}.table.cellBorders_vertical tbody td:last-child{border-right:1px solid #e5e7eb}.table.variant_bordered.cellBorders_vertical thead th{border-left:1px solid #d1d5db;border-right:1px solid #d1d5db}.table.variant_bordered.cellBorders_vertical tbody td{border-left:1px solid #d1d5db;border-right:1px solid #d1d5db}.table.cellBorders_noVertical thead th{border-left:none;border-right:none}.table.cellBorders_noVertical tbody td{border-left:none;border-right:none}.table.cellBorders_vertical.cellBorders_noVerticalBody tbody td,.table.cellBorders_noVerticalBody tbody td{border-left:none;border-right:none}.variant_alternative tbody tr:nth-child(odd){background-color:#f3f4f6}.variant_alternative tbody tr:nth-child(even){background-color:#fff}.variant_alternative tbody tr:nth-child(odd):hover{background-color:var(--table-row-hover-bg, #e5e7eb)}.variant_alternative tbody tr:nth-child(even):hover{background-color:var(--table-row-hover-bg, #f3f4f6)}.variant_alternative tbody tr.listview-empty-row:hover{background-color:inherit;cursor:default}.sortButton{display:inline-flex;align-items:center;gap:0.25rem;text-align:left;font-weight:600;padding:0;margin:0;border:none;background:none;cursor:pointer;font:inherit;color:inherit}.sortButton:hover{opacity:0.85}.sortIndicator{margin-left:0.25rem}.tableHeaderResizeHandle{position:absolute;top:0;right:0;bottom:0;width:10px;cursor:col-resize;user-select:none;flex-shrink:0}.tableHeaderResizeHandle::after{content:'';position:absolute;top:0;left:50%;bottom:0;width:0;border-left:1px dashed #7dd3fc;transform:translateX(-50%);pointer-events:none}.tableHeaderResizeHandle:hover::after{border-left-color:#38bdf8}

.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:0.75rem 0;margin-bottom:0.5rem;min-height:2.5rem}.toolbar button{min-height:28px;height:28px;padding:0 10px;font-size:0.8125rem;box-sizing:border-box}.toolbar button .material-icons{font-size:16px !important}.label{display:flex;align-items:center;gap:4px;font-weight:600;font-size:0.9375rem;color:var(--toolbar-label-color, #111827);min-height:28px}.slot{display:flex;align-items:center;gap:4px}.filterSlot{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px}

@keyframes skeletonShimmer{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}.skeletonBar{display:inline-block;height:0.875rem;min-width:2rem;background:#e5e7eb;border-radius:4px;animation:skeletonShimmer 1.5s ease-in-out infinite}