#viewer-host {
  width: 100%;
  height: 85vh;
}

.app {
  width: 100vw;
  height: calc(100vh - 74px);
  padding: var(--spacing-xxxlarge);
  padding-top: var(--spacing-large);
  flex-direction: row;
  justify-content: center;
  font-family: Soehne, sans-serif;
  display: flex;
}

.app.has-tabs {
  height: calc(100vh - 144px);
  padding-bottom: 8px !important;
}

.app div {
  min-width: 0;
  min-height: 0;
}

.app p {
  margin: 0;
  font-family: Soehne, sans-serif;
}

.module-area {
  width: 100vw;
  height: 100%;
  display: flex;
  position: relative;
}

.windows ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.windows ::-webkit-scrollbar-thumb {
  background: none;
  border-radius: 4px;
}

.windows :hover::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
}

.module-container {
  z-index: 1;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0;
}

.module-container.active-view {
  z-index: 10;
  display: flex;
}

.module-container.inactive-view {
  pointer-events: none;
  display: none;
}

:root {
  --flyout-height: 45px;
  --reduce-height: 45px;
  --header-min-height: 34px;
  --header-max-height: 34px;
  --flyout-top-tmpp: 172px;
  --header-font-size: 20px;
}

.compact {
  --flyout-height: 35px;
  --reduce-height: 15px;
  --header-min-height: 20px;
  --header-max-height: 20px;
  --flyout-top-tmpp: 145px;
  --header-font-size: 18px;
}

.ui-sortable-helper {
  display: table;
}

.Mui-selected {
  color: #9974ce !important;
}

svg [data-testid="AddOutlinedIcon"]:last-child {
  display: none;
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74d3c;
  --toastify-color-transparent: #ffffffb3;
  --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-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px #0000001a;
  --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-color-progress-bgo: .2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  flex-direction: column;
  display: flex;
  position: fixed;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  z-index: 0;
  word-break: break-word;
  flex: auto;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
}

@media only screen and (width <= 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }

  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }

  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }

  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }

  .Toastify__toast {
    --toastify-toast-width: 100%;
    border-radius: 0;
    margin-bottom: 0;
  }
}

.Toastify__toast-container[data-stacked="true"] {
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform .3s;
  position: absolute;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity .1s;
}

.Toastify__toast--stacked[data-collapsed="false"] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: "";
  height: calc(var(--g) * 1px);
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

.Toastify__toast--stacked[data-pos="top"] {
  top: 0;
}

.Toastify__toast--stacked[data-pos="bot"] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: "";
  z-index: -1;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleY(3);
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  flex-shrink: 0;
  width: 22px;
  margin-inline-end: 10px;
  display: flex;
}

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

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

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--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;
  cursor: pointer;
  opacity: .7;
  z-index: 1;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  transition: all .3s;
  position: absolute;
  top: 6px;
  right: 6px;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: .3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  width: 14px;
  height: 16px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  z-index: 1;
  opacity: .7;
  transform-origin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.Toastify__progress-bar--animated {
  animation: linear forwards Toastify__trackProgress;
}

.Toastify__progress-bar--controlled {
  transition: transform .2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: 100%;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.Toastify__progress-bar--wrp[data-hidden="true"] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

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

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .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, var(--y), 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .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, var(--y), 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .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, calc(var(--y) - 10px), 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .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, calc(var(--y) - 10px), 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 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(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

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

@keyframes Toastify__flipIn {
  from {
    opacity: 0;
    animation-timing-function: ease-in;
    transform: perspective(400px)rotate3d(1, 0, 0, 90deg);
  }

  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px)rotate3d(1, 0, 0, -20deg);
  }

  60% {
    opacity: 1;
    transform: perspective(400px)rotate3d(1, 0, 0, 10deg);
  }

  80% {
    transform: perspective(400px)rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }

  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: translate3d(0, var(--y), 0) 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 {
    visibility: visible;
    transform: translate3d(110%, 0, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    visibility: visible;
    transform: translate3d(-110%, 0, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    visibility: visible;
    transform: translate3d(0, 110%, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    visibility: visible;
    transform: translate3d(0, -110%, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 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;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

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

@keyframes dotPulse {
  0%, 80%, 100% {
    opacity: .4;
    transform: scale(.75);
  }

  40% {
    opacity: .95;
    transform: scale(1);
  }
}

.careplan-delivery-ticket-card {
  color: #4d525c;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.careplan-delivery-ticket-card .div-btn-disabled {
  cursor: not-allowed !important;
}

.careplan-delivery-ticket-card .custom-cell-button img {
  opacity: 1;
}

.careplan-delivery-ticket-card .custom-cell-button:hover img {
  opacity: .7;
}

.careplan-delivery-ticket-card .dsl-list-bottom {
  border-radius: 16px !important;
}

.careplan-delivery-ticket-card .ag-cell[col-id="cleanroom"] .div-btn-disabled {
  opacity: .5 !important;
}

.careplan-delivery-ticket-card .ag-cell[col-id="cleanroom"] .div-btn-disabled img {
  filter: grayscale();
}

.careplan-delivery-ticket-card .specialty-quantity-renderer {
  flex-direction: column;
  display: flex;
}

.careplan-delivery-ticket-card .specialty-quantity-renderer:not(:has(.overfill)) {
  justify-content: center;
}

.careplan-delivery-ticket-card .specialty-quantity-renderer p {
  margin: 0;
  line-height: 1.35;
}

.careplan-delivery-ticket-card .specialty-quantity-renderer .dosing {
  color: var(--color-text);
  text-align: end;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.careplan-delivery-ticket-card .specialty-quantity-renderer .overfill {
  color: var(--color-text);
  text-align: end;
  opacity: .7;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
}

.careplan-delivery-ticket-card .btn-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .ag-cell-value {
  height: 100%;
}

.careplan-delivery-ticket-card .billing-override-btn {
  opacity: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 82px;
  height: 36px;
  display: flex;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem 0 0 .6rem !important;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code i {
  color: #fff;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.careplan-delivery-ticket-card .billing-override-btn.has-code.disabled, .careplan-delivery-ticket-card .billing-override-btn.has-code[disabled], .careplan-delivery-ticket-card .billing-override-btn.has-code:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code.disabled i, .careplan-delivery-ticket-card .billing-override-btn.has-code[disabled] i, .careplan-delivery-ticket-card .billing-override-btn.has-code:disabled i {
  color: var(--gray-400);
}

.careplan-delivery-ticket-card .billing-override-btn.has-code:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .billing-override-btn.no-code {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#fff 0%, #f2f2f2 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #d4d4d4, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code i {
  color: #5e636b;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code:not(:has(i)) {
  background: linear-gradient(#fefefe 0%, #f6f6f6 100%);
}

.careplan-delivery-ticket-card .billing-override-btn.no-code.disabled, .careplan-delivery-ticket-card .billing-override-btn.no-code[disabled], .careplan-delivery-ticket-card .billing-override-btn.no-code:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code.disabled i, .careplan-delivery-ticket-card .billing-override-btn.no-code[disabled] i, .careplan-delivery-ticket-card .billing-override-btn.no-code:disabled i {
  color: var(--gray-400);
}

.careplan-delivery-ticket-card .billing-override-btn.no-code:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .billing-override-btn.no-code .plus-icon {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}

.careplan-delivery-ticket-card .cross-icon-btn-over {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: 0 .6rem .6rem 0 !important;
  width: 36px !important;
  margin-left: 2px !important;
}

.careplan-delivery-ticket-card .cross-icon-btn-over i {
  color: #fff;
}

.careplan-delivery-ticket-card .cross-icon-btn-over:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.careplan-delivery-ticket-card .cross-icon-btn-over.disabled, .careplan-delivery-ticket-card .cross-icon-btn-over[disabled], .careplan-delivery-ticket-card .cross-icon-btn-over:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.careplan-delivery-ticket-card .cross-icon-btn-over.disabled i, .careplan-delivery-ticket-card .cross-icon-btn-over[disabled] i, .careplan-delivery-ticket-card .cross-icon-btn-over:disabled i {
  color: var(--gray-400);
}

.careplan-delivery-ticket-card .cross-icon-btn-over:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .cross-icon-btn-over:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.careplan-delivery-ticket-card .cross-icon-btn-over:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .cross-icon-btn-over:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .section-container {
  background-color: #ededed;
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 12px;
  display: flex;
  overflow-x: hidden;
}

.careplan-delivery-ticket-card .section-container:has(.expandable-wizard-step.max-height .content.expanded .dsl-tab-container) {
  overflow-y: hidden;
}

.careplan-delivery-ticket-card .section-container:has(.expandable-wizard-step.max-height .content.expanded .dsl-tab-container) .mini-form .form_container {
  overflow: scroll;
}

.careplan-delivery-ticket-card .wizard-container {
  flex-direction: column;
  flex: 1 1 0;
  gap: 8px;
  min-height: 0;
  max-height: calc(100% - 70px);
  margin-bottom: 8px;
  padding-bottom: 12px;
  display: flex;
  overflow: visible auto;
}

.careplan-delivery-ticket-card .wizard-container .ag-root-wrapper {
  min-height: 100%;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-buy {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-buy i {
  color: #fff;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-buy:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-buy.disabled, .careplan-delivery-ticket-card .wizard-container .btn-shipment-buy[disabled], .careplan-delivery-ticket-card .wizard-container .btn-shipment-buy:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-buy.disabled i, .careplan-delivery-ticket-card .wizard-container .btn-shipment-buy[disabled] i, .careplan-delivery-ticket-card .wizard-container .btn-shipment-buy:disabled i {
  color: var(--gray-400);
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-buy:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-buy:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-buy:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-buy:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-label {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-label i {
  color: #5e636b;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-label:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-label.disabled, .careplan-delivery-ticket-card .wizard-container .btn-shipment-label[disabled], .careplan-delivery-ticket-card .wizard-container .btn-shipment-label:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-label.disabled i, .careplan-delivery-ticket-card .wizard-container .btn-shipment-label[disabled] i, .careplan-delivery-ticket-card .wizard-container .btn-shipment-label:disabled i {
  color: var(--gray-400);
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-label:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-label:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-label:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .wizard-container .btn-shipment-label:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .wizard-container .btn-process-card {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-delivery-ticket-card .wizard-container .btn-process-card i {
  color: #fff;
}

.careplan-delivery-ticket-card .wizard-container .btn-process-card:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.careplan-delivery-ticket-card .wizard-container .btn-process-card.disabled, .careplan-delivery-ticket-card .wizard-container .btn-process-card[disabled], .careplan-delivery-ticket-card .wizard-container .btn-process-card:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.careplan-delivery-ticket-card .wizard-container .btn-process-card.disabled i, .careplan-delivery-ticket-card .wizard-container .btn-process-card[disabled] i, .careplan-delivery-ticket-card .wizard-container .btn-process-card:disabled i {
  color: var(--gray-400);
}

.careplan-delivery-ticket-card .wizard-container .btn-process-card:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .wizard-container .btn-process-card:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.careplan-delivery-ticket-card .wizard-container .btn-process-card:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .wizard-container .btn-process-card:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .cell-container {
  flex-direction: row;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .form-render-style {
  height: 100%;
}

.careplan-delivery-ticket-card .form-render-style [form="careplan_dt_exception"], .careplan-delivery-ticket-card .form-render-style [section="pharm tech verification"], .careplan-delivery-ticket-card .form-render-style [section="confirmed charges"], .careplan-delivery-ticket-card .form-render-style [section="confirmation details"], .careplan-delivery-ticket-card .form-render-style [section="confirmed"] {
  display: none !important;
}

.careplan-delivery-ticket-card .form-render-style-sections-only {
  background: #fff;
  height: fit-content;
  margin-bottom: 8px;
  margin-left: 0;
  border-radius: 8px !important;
}

.careplan-delivery-ticket-card .form-render-style-sections-only .dsl-tab-area:has(:not([style*="display: none"]):not([style*="visibility: hidden"])) {
  display: none !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step {
  border-radius: 2px;
  padding-bottom: 0;
}

.careplan-delivery-ticket-card .expandable-wizard-step .header .header-left .header-left-title {
  width: auto;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-row {
  border-top: 1px solid #e3e5e8 !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-row.ag-full-width-row {
  border-top: none !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-row-even, .careplan-delivery-ticket-card .expandable-wizard-step .ag-row-odd {
  background-color: #fff !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-body-viewport, .careplan-delivery-ticket-card .expandable-wizard-step .ag-body-viewport .ag-center-cols-viewport, .careplan-delivery-ticket-card .expandable-wizard-step .ag-body-viewport .ag-center-cols-container {
  min-height: 42px !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-body-viewport .ag-center-cols-container .ag-row-even .ag-cell[col-id="last_through_date"] .ant-picker-input input:not(:placeholder-shown), .careplan-delivery-ticket-card .expandable-wizard-step .ag-body-viewport .ag-center-cols-container .ag-row-odd .ag-cell[col-id="last_through_date"] .ant-picker-input input:not(:placeholder-shown), .careplan-delivery-ticket-card .expandable-wizard-step .ag-sticky-top .ag-cell[col-id="last_through_date"] .ant-picker-input input:not(:placeholder-shown) {
  color: #4d525c;
  text-align: center;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-sticky-top:has(.ag-row) {
  z-index: 2;
  box-shadow: 0 3px 6px -2px #0000001f;
}

.careplan-delivery-ticket-card .expandable-wizard-step .scrolltarget.container {
  padding-bottom: 10px;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) {
  flex-direction: column;
  display: flex;
  overflow: hidden !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  min-height: 0;
  display: flex;
  overflow-y: hidden;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .mini-form {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .mini-form .form-container, .careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .mini-form .cardform {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  height: 100% !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .cardarea {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  height: 100% !important;
  overflow: hidden !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .cardarea .dsl-tab-container {
  flex: 1;
  min-height: 0;
  height: 100% !important;
  overflow: hidden !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .cardarea .dsl-tab-container .dsl-tab-header {
  flex-shrink: 0 !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .cardarea .dsl-tab-container .dsl-tab-area {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

.careplan-delivery-ticket-card .dsl-tab-area {
  padding-bottom: 30px;
}

.careplan-delivery-ticket-card .careplan_delivery_tick {
  margin-bottom: 20px;
}

.careplan-delivery-ticket-card .form_careplan_delivery_tick {
  overflow-x: hidden;
  padding: 0 !important;
}

.careplan-delivery-ticket-card .footer {
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  display: flex;
}

.careplan-delivery-ticket-card .footer .info-container {
  letter-spacing: 0;
  vertical-align: middle;
  color: #cc7878;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.careplan-delivery-ticket-card .footer .action-right-cnt {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.careplan-delivery-ticket-card .footer .action-btn-group-cnt {
  justify-content: end;
}

.careplan-delivery-ticket-card .dot-circle {
  background-color: #d9d9d9;
  border-radius: 100px;
  width: 12px;
  height: 12px;
  display: block;
}

.careplan-delivery-ticket-card .item-name-col {
  line-height: 2em;
  display: block;
}

.careplan-delivery-ticket-card .item-name-col__wrapper {
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .item-name-col span.verified, .careplan-delivery-ticket-card .item-name-col span.accepted, .careplan-delivery-ticket-card .item-name-col span.pending {
  align-items: center;
  height: 32px;
  margin-left: 6px;
  padding-top: 11px;
  display: inline-flex;
}

.careplan-delivery-ticket-card .item-name-col span.rejected {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-delivery-ticket-card .item-name-col span.rejected i {
  color: #fff;
}

.careplan-delivery-ticket-card .item-name-col span.rejected:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.careplan-delivery-ticket-card .item-name-col span.rejected.disabled, .careplan-delivery-ticket-card .item-name-col span.rejected[disabled], .careplan-delivery-ticket-card .item-name-col span.rejected:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.careplan-delivery-ticket-card .item-name-col span.rejected.disabled i, .careplan-delivery-ticket-card .item-name-col span.rejected[disabled] i, .careplan-delivery-ticket-card .item-name-col span.rejected:disabled i {
  color: var(--gray-400);
}

.careplan-delivery-ticket-card .item-name-col span.rejected:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .item-name-col span.rejected:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.careplan-delivery-ticket-card .item-name-col span.rejected:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .item-name-col span.rejected:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .item-name-col span.accepted {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#80b3a2 0%, #6ca794 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #508675, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-delivery-ticket-card .item-name-col span.accepted i {
  color: #fff;
}

.careplan-delivery-ticket-card .item-name-col span.accepted:not(:has(i)) {
  background: linear-gradient(#7bb09e 0%, #71aa98 100%);
}

.careplan-delivery-ticket-card .item-name-col span.accepted.disabled, .careplan-delivery-ticket-card .item-name-col span.accepted[disabled], .careplan-delivery-ticket-card .item-name-col span.accepted:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.careplan-delivery-ticket-card .item-name-col span.accepted.disabled i, .careplan-delivery-ticket-card .item-name-col span.accepted[disabled] i, .careplan-delivery-ticket-card .item-name-col span.accepted:disabled i {
  color: var(--gray-400);
}

.careplan-delivery-ticket-card .item-name-col span.accepted:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .item-name-col span.accepted:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.careplan-delivery-ticket-card .item-name-col span.accepted:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .item-name-col span.accepted:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .item-name-col span.pending {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-delivery-ticket-card .item-name-col span.pending i {
  color: #5e636b;
}

.careplan-delivery-ticket-card .item-name-col span.pending:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.careplan-delivery-ticket-card .item-name-col span.pending.disabled, .careplan-delivery-ticket-card .item-name-col span.pending[disabled], .careplan-delivery-ticket-card .item-name-col span.pending:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.careplan-delivery-ticket-card .item-name-col span.pending.disabled i, .careplan-delivery-ticket-card .item-name-col span.pending[disabled] i, .careplan-delivery-ticket-card .item-name-col span.pending:disabled i {
  color: var(--gray-400);
}

.careplan-delivery-ticket-card .item-name-col span.pending:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .item-name-col span.pending:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.careplan-delivery-ticket-card .item-name-col span.pending:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .item-name-col span.pending:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .item-name-col__title {
  color: var(--gray-700);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.careplan-delivery-ticket-card .item-name-col__title img {
  width: 16px;
  height: 16px;
  margin-top: -3px;
  margin-left: 4px;
}

.careplan-delivery-ticket-card .item-name-col__title img:first-child {
  margin-left: 6px;
}

.careplan-delivery-ticket-card .item-name-col__subtitle {
  color: var(--color-text);
  text-align: start;
  opacity: .7;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
}

.careplan-delivery-ticket-card .item-name-col .container-info {
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  width: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .item-name-col .container-info__flex {
  gap: 10px;
  display: flex;
}

.careplan-delivery-ticket-card .dispense-info {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  text-align: right;
  cursor: pointer;
  width: 100%;
  color: var(--color-text-100);
  margin: 0 0 0 5px;
  padding-right: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.careplan-delivery-ticket-card .dispense-info__dispensed {
  color: var(--color-text);
  margin-right: 5px;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.careplan-delivery-ticket-card .dispense-info__pending {
  color: var(--color-text-200);
  margin-left: 5px;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.careplan-delivery-ticket-card .dispense-info-wrapper {
  justify-content: flex-end;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .dispense-info__hover {
  text-align: right;
  width: 90%;
  height: 100%;
  transition: transform .4s;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(120%);
}

.careplan-delivery-ticket-card .dispense-info__btn {
  color: #fff;
  background-color: #837bb2;
  border: none;
  width: 100%;
  min-width: 120px;
  font-size: 12px;
  font-weight: 600;
}

.careplan-delivery-ticket-card .dispense-info__btn:hover {
  background-color: #7368ae;
}

.careplan-delivery-ticket-card .dispense-info__btn__plus {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 18px;
}

.careplan-delivery-ticket-card .ag-cell {
  overflow: hidden;
}

.careplan-delivery-ticket-card .unsorted-columns {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.careplan-delivery-ticket-card .ag-cell-wrapper {
  min-height: 100%;
}

.careplan-delivery-ticket-card .ag-cell-wrapper:hover .dispense-info__hover {
  transform: translateX(0);
}

.careplan-delivery-ticket-card .to-prep-wrapper {
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.careplan-delivery-ticket-card .number-right {
  width: calc(100% - 55px);
}

.careplan-delivery-ticket-card .number-right .ant-input-number-input {
  text-align: right;
  color: #4d525c;
  font-weight: 600;
}

.careplan-delivery-ticket-card .number-right .ant-input-number-handler-wrap {
  right: 0;
}

.careplan-delivery-ticket-card .py-10 {
  padding: 10px 0;
}

.careplan-delivery-ticket-card .py-10 .ant-picker, .careplan-delivery-ticket-card .py-10 .ant-input-number {
  background: #fff;
  border: 1px solid #e3e5e8;
  border-radius: 6px;
  height: 36px;
  box-shadow: inset 0 1px 2px #3838380f;
}

.careplan-delivery-ticket-card .py-10 .ant-picker input, .careplan-delivery-ticket-card .py-10 .ant-input-number input {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.careplan-delivery-ticket-card .py-10 .ant-picker input::placeholder, .careplan-delivery-ticket-card .py-10 .ant-input-number input::placeholder {
  font-weight: 400;
}

.careplan-delivery-ticket-card .ag-header-cell-text {
  font-size: 11px !important;
}

.careplan-delivery-ticket-card .text-center {
  text-align: center;
}

.careplan-delivery-ticket-card .text-right {
  text-align: right;
}

.careplan-delivery-ticket-card .header-center, .careplan-delivery-ticket-card .header-center .ag-header-cell-label {
  text-align: center;
  justify-content: center;
}

.careplan-delivery-ticket-card .header-left, .careplan-delivery-ticket-card .header-left .ag-header-cell-label {
  text-align: left;
  justify-content: start;
}

.careplan-delivery-ticket-card .header-right, .careplan-delivery-ticket-card .header-right .ag-header-cell-label {
  text-align: right;
  justify-content: end;
}

.careplan-delivery-ticket-card .query-list-view .dsl-list-bottom {
  padding: 0 !important;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy {
  margin-left: 8px;
  margin-right: 8px;
  padding: 12px 0;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy__innergrid .ag-root-wrapper {
  border-radius: 0 0 5px 5px;
}

.careplan-delivery-ticket-card .to-prep-text {
  vertical-align: middle;
  color: #a3a3a0;
  letter-spacing: 4px;
  margin-left: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.careplan-delivery-ticket-card .delivery-ticket-verified {
  text-align: center;
  display: block;
}

.careplan-delivery-ticket-card .delivery-ticket-verified__switch.ant-switch-checked {
  background-color: #837bb3;
}

.careplan-delivery-ticket-card .delivery-ticket-verified__switch.ant-switch-checked:hover {
  background-color: #6e65a1 !important;
}

.careplan-delivery-ticket-card .delivery-ticket-verified__switch:not(.ant-switch-checked) {
  background-color: #bfbfbf;
}

.careplan-delivery-ticket-card .delivery-ticket-verified__switch:not(.ant-switch-checked):hover {
  background-color: #919191 !important;
}

#application.ReactModal__Content {
  background-image: unset;
}

.ant-modal-root .ant-modal {
  isolation: isolate;
}

.ant-modal-root .ant-modal .ant-modal-content {
  background-color: #ededed !important;
  border: 1px solid #b4b4b480 !important;
  box-shadow: 0 12px 32px #1419281a !important;
}

.ant-modal-root .ant-modal .ant-modal-close {
  cursor: pointer;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: color .15s;
  display: flex;
  background-color: #0000 !important;
}

.ant-modal-root .ant-modal .ant-modal-close:hover {
  background-color: #0000 !important;
}

.ant-modal-root .ant-modal .ant-modal-close:hover .ant-modal-close-x {
  color: #a6aab1 !important;
}

.ant-modal-root .ant-modal .ant-modal-close .ant-modal-close-x {
  color: #717680;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1;
  transition: color .15s;
  display: flex;
}

.ant-modal-root .ant-modal .ant-modal-close .ant-modal-close-x .anticon {
  color: inherit;
  font-size: 14px;
}

.ant-modal-root .ant-modal .ant-modal-close:active .ant-modal-close-x {
  color: #595d65;
}

.ant-select:not([class*="table-select"]) .ant-select-selector {
  height: 38px !important;
  min-height: 38px !important;
  box-shadow: none !important;
  background: #fffffff2 !important;
  border: 1px solid #0000001a !important;
  border-radius: 8px !important;
  align-items: center !important;
  padding: 0 11px !important;
  transition: all .15s !important;
  display: flex !important;
}

.ant-select:not([class*="table-select"]) .ant-select-selection-wrap {
  align-items: center !important;
  height: 100% !important;
  display: flex !important;
}

.ant-select:not([class*="table-select"]):hover .ant-select-selector, .ant-select:not([class*="table-select"]).ant-select-focused .ant-select-selector, .ant-select:not([class*="table-select"]).ant-select-open .ant-select-selector {
  border-color: #837bb380 !important;
}

.ant-select:not([class*="table-select"]) .ant-select-selection-item, .ant-select:not([class*="table-select"]) .ant-select-selection-placeholder {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  padding: 0 !important;
  line-height: normal !important;
}

.ant-select:not([class*="table-select"]) .ant-select-selection-item {
  color: #4d525c;
}

.ant-select:not([class*="table-select"]) .ant-select-selection-placeholder {
  color: #9b9fa8;
}

.ant-select:not([class*="table-select"]) .ant-select-arrow {
  top: 0;
  right: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 100%;
  margin-top: 0;
  display: flex;
  inset-inline-end: 4px;
}

.ant-select:not([class*="table-select"]) .ant-select-arrow > * {
  visibility: hidden !important;
  display: none !important;
}

.ant-select:not([class*="table-select"]) .ant-select-arrow:after {
  content: "";
  filter: brightness(0) saturate() opacity(.5);
  background-image: url("chevron-down-outline.ea9e659f.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  visibility: visible !important;
  display: block !important;
}

.ant-select:not([class*="table-select"]) .ant-select-arrow:hover:after {
  filter: brightness(0) saturate() opacity(.65);
}

.ReactModal__Content.tpn-modal-wrapper {
  background-color: none !important;
  border: none !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 20px !important;
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
}

.ag-center-aligned-header {
  text-align: center !important;
  justify-content: center !important;
  max-width: 100% !important;
}

.ag-center-aligned-header .ag-header-cell-label {
  text-align: center !important;
  justify-content: center !important;
}

.ag-header-right-padding .ag-header-cell-label {
  text-align: right !important;
  justify-content: flex-end !important;
}

.tpn-review-modal {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  width: fit-content;
  max-width: 96vw;
  max-height: 95vh;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}

.tpn-review-modal .header {
  background-color: #ededed !important;
  border: none !important;
  padding-top: 14px !important;
  padding-bottom: 6px !important;
}

.tpn-review-modal .header .title {
  color: #5b83b0 !important;
}

.tpn-review-modal .modal-content {
  border: 1px solid #ffffff7a;
  border-radius: 12px;
  flex-direction: column;
  flex: auto;
  width: fit-content;
  min-width: 1009px;
  max-width: 96vw;
  max-height: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000001a, 0 3px 5px -4px #0000000a;
  background: #ededed !important;
}

.tpn-review-modal .modal-content > .body {
  flex: auto;
  overflow: visible auto;
}

.tpn-review-modal .tpn-status-header h3 {
  font-size: 16px;
  font-weight: 600;
}

.tpn-review-modal .header {
  color: #5b83b0;
  background-color: #ededed;
  border-bottom: 1px solid #0000001a;
  border-radius: 12px 12px 0 0;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.tpn-review-modal .header .title {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.tpn-review-modal .header .close-btn {
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: color .15s;
  display: flex;
}

.tpn-review-modal .header .close-btn i, .tpn-review-modal .header .close-btn .icon, .tpn-review-modal .header .close-btn:before {
  color: #717680;
  font-size: 18px;
  transition: color .15s;
}

.tpn-review-modal .header .close-btn:hover {
  background-color: #0000;
}

.tpn-review-modal .header .close-btn:hover i, .tpn-review-modal .header .close-btn:hover .icon, .tpn-review-modal .header .close-btn:hover:before {
  color: #a6aab1;
}

.tpn-review-modal .header .close-btn:active i, .tpn-review-modal .header .close-btn:active .icon, .tpn-review-modal .header .close-btn:active:before {
  color: #595d65;
}

.tpn-review-modal .tpn-info-bar {
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.tpn-review-modal .tpn-info-bar .left {
  flex-wrap: wrap;
  gap: 24px;
  display: flex;
}

.tpn-review-modal .tpn-info-bar .left .kv {
  font-size: 16px;
}

.tpn-review-modal .tpn-info-bar .left .kv .label {
  color: var(--label-color);
  margin-right: 6px;
  font-weight: 500;
}

.tpn-review-modal .tpn-info-bar .left .kv .value {
  color: var(--gray-700);
  font-weight: 500;
}

.tpn-review-modal .tpn-info-bar .stop-badge {
  color: #fff;
  cursor: pointer;
  background: #d98080;
  border: none;
  border-radius: 16px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.tpn-review-modal .tpn-info-bar .stop-badge:hover {
  background: #c56b6b;
}

.tpn-review-modal .tpn-tabs {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.tpn-review-modal .tpn-tabs .tab-headers {
  border-bottom: 1px solid #e8e8e8;
  flex-shrink: 0;
  gap: 4px;
  margin-bottom: 16px;
  display: flex;
}

.tpn-review-modal .tpn-tabs .tab-headers .tab-header {
  color: #666;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px 6px 0 0;
  padding: 6px 12px;
  font-weight: 600;
}

.tpn-review-modal .tpn-tabs .tab-headers .tab-header:hover {
  background: #f5f5f5;
}

.tpn-review-modal .tpn-tabs .tab-headers .tab-header.active {
  color: #fff;
  background: #1890ff;
}

.tpn-review-modal .tpn-tabs .tab-content {
  flex: auto;
  min-height: 0;
  overflow-y: auto;
}

.tpn-review-modal .tpn-tabs .tab-content .tab-pane {
  height: 100%;
  padding: 4px 0;
}

.ant-modal-content {
  flex-direction: column;
  max-height: 90vh;
  display: flex;
}

.ant-modal-body {
  flex: 1;
  overflow-y: auto;
}

.tpn-grid {
  flex-direction: column;
  gap: 16px;
  width: fit-content;
  margin-top: 8px;
  display: flex;
}

.tpn-grid .grid-row {
  gap: 16px;
  width: fit-content;
  display: flex;
}

.tpn-grid .grid-row.top-row {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.tpn-grid .grid-row.top-row .grid-item:first-child {
  flex-direction: column;
  flex: none;
  width: auto;
  display: flex;
}

.tpn-grid .grid-row.top-row .grid-item:first-child .dsl-advanced-grid {
  min-height: 200px;
  transition: opacity .15s ease-in-out;
  overflow: visible;
  display: inline-block !important;
}

.tpn-grid .grid-row.top-row .grid-item:first-child .dsl-advanced-grid:not(.ag-grid-ready) {
  background-color: #0000000f;
  border-radius: 8px;
  animation: 1.5s ease-in-out infinite skeleton-pulse;
}

.tpn-grid .grid-row.top-row .grid-item:first-child .dsl-advanced-grid:not(:first-of-type) {
  display: block !important;
}

.tpn-grid .grid-row.top-row .grid-item:last-child {
  flex-direction: column;
  flex: none;
  width: auto;
  display: inline-flex;
}

.tpn-grid .grid-row.top-row .grid-item:last-child .dsl-advanced-grid {
  display: inline-block !important;
}

.tpn-grid .grid-row.top-row .grid-item:last-child .dsl-advanced-grid .right-col-pack {
  flex-direction: column;
  align-items: flex-start;
  display: inline-flex;
}

.tpn-grid .grid-row.top-row .grid-item:last-child .dsl-advanced-grid .right-col-pack .dsl-advanced-grid {
  min-height: 200px;
  transition: opacity .15s ease-in-out;
  display: inline-block !important;
}

.tpn-grid .grid-row.top-row .grid-item:last-child .dsl-advanced-grid .right-col-pack .dsl-advanced-grid:not(.ag-grid-ready) {
  background-color: #0000000f;
  border-radius: 8px;
  animation: 1.5s ease-in-out infinite skeleton-pulse;
}

.tpn-grid .grid-row.top-row .grid-item:last-child .dsl-advanced-grid .right-col-pack .chart-container {
  width: 100%;
}

.tpn-grid .grid-row.bottom-row {
  align-items: stretch;
  gap: 16px;
  display: flex;
}

.tpn-grid .grid-row.bottom-row .grid-item.chart-container {
  flex: none;
  width: fit-content;
  min-width: 600px;
  height: 558px;
  position: relative;
  overflow: hidden;
}

.tpn-grid .grid-item {
  background: none;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  display: flex;
  overflow: visible;
  border: none !important;
  border-radius: 0 !important;
}

.tpn-grid .grid-item h4 {
  display: none;
}

.tpn-grid .grid-item .dsl-advanced-grid {
  width: 100%;
  height: auto;
  overflow: visible;
  visibility: visible !important;
  opacity: 1 !important;
  border: none !important;
  border-radius: 0 !important;
  display: block !important;
}

.tpn-grid .grid-item .dsl-advanced-grid .ag-root-wrapper {
  min-height: inherit;
  visibility: visible !important;
  border: none !important;
  border-radius: 0 !important;
  width: 100% !important;
  display: block !important;
}

.tpn-grid .grid-item .dsl-advanced-grid .ag-cell-value {
  max-width: 100% !important;
}

.tpn-grid .grid-item .dsl-advanced-grid .ag-body-viewport {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.tpn-grid .grid-item .dsl-advanced-grid .ag-body-horizontal-scroll-viewport {
  overflow-x: visible !important;
}

.tpn-grid .grid-item .dsl-advanced-grid .ag-body-viewport-wrapper {
  height: auto !important;
  max-height: none !important;
}

.tpn-grid .grid-item .dsl-advanced-grid .ag-body-horizontal-scroll {
  display: none !important;
}

.tpn-grid .grid-item .chart-host {
  width: 100%;
  height: 558px;
  display: block;
  position: relative;
}

.tpn-grid .grid-item .chart-host > div {
  width: 100% !important;
  height: 558px !important;
}

.tpn-grid .grid-item .chart-host .ag-charts-wrapper {
  width: 100% !important;
  height: 100% !important;
}

.tpn-grid .grid-item .empty-block {
  text-align: center;
  color: #888;
  background-color: #f5f5f5;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  padding: 20px;
}

.tpn-grid .grid-item .empty-block.info {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}

.tpn-modal-title {
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.tpn-messages {
  margin-bottom: 16px;
}

.tpn-info-section {
  background: none;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 16px;
}

.tpn-info-section h4 {
  color: #333;
  margin-bottom: 12px;
  font-weight: 600;
}

.tpn-info-section p {
  color: #666;
  margin: 8px 0;
}

.tpn-info-section p strong {
  color: #333;
  margin-right: 8px;
}

.tpn-signature-section {
  background: #f0f5ff;
  border: 1px solid #d6e4ff;
  border-radius: 4px;
  margin-top: 24px;
  padding: 20px;
}

.tpn-signature-section h4 {
  color: #1890ff;
  margin-bottom: 16px;
}

.tpn-signature-section .signature-input {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
}

.tpn-signature-section .signature-input:focus {
  border-color: #1890ff;
  outline: none;
  box-shadow: 0 0 0 2px #1890ff1a;
}

.tpn-signature-section .signature-note {
  color: #666;
  margin-top: 8px;
  font-size: 12px;
  font-style: italic;
}

.tpn-calorie-details {
  background: #f5f5f5;
  border-radius: 4px;
  padding: 16px;
}

.tpn-calorie-details h4 {
  color: #333;
  margin-bottom: 16px;
  font-weight: 600;
}

.tpn-calorie-details .calorie-table {
  border-collapse: collapse;
  width: 100%;
}

.tpn-calorie-details .calorie-table thead {
  background: #e6e6e6;
}

.tpn-calorie-details .calorie-table thead th {
  text-align: left;
  border-bottom: 2px solid #ccc;
  padding: 8px;
  font-weight: 600;
}

.tpn-calorie-details .calorie-table tbody td {
  border-bottom: 1px solid #ddd;
  padding: 8px;
}

.tpn-calorie-details .calorie-table tbody .total-row {
  background: #e6f7ff;
}

.tpn-calorie-details .calorie-table tbody .total-row td {
  border-top: 2px solid #1890ff;
  border-bottom: none;
}

.tpn-calorie-details p {
  margin: 12px 0;
}

.tpn-calorie-details p strong {
  margin-right: 8px;
}

.body {
  background: none;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  max-height: none;
  padding: 12px;
  display: flex;
  overflow: auto visible;
}

.cardarea.careplan_order_rx_tpn_calc .area_header {
  padding: 0 !important;
}

.grid-item {
  background: none !important;
}

@keyframes glow {
  from {
    box-shadow: 0 4px 16px #0000001a, 0 2px 4px -3px #0000000a;
  }

  to {
    box-shadow: none;
  }
}

@keyframes wobble-attention {
  0% {
    transform: translateX(0)rotate(0);
  }

  15% {
    transform: translateX(-2px)rotate(-1deg);
  }

  30% {
    transform: translateX(2px)rotate(1deg);
  }

  45% {
    transform: translateX(-2px)rotate(-1deg);
  }

  60% {
    transform: translateX(2px)rotate(1deg);
  }

  75% {
    transform: translateX(-1px)rotate(-.5deg);
  }

  100% {
    transform: translateX(0)rotate(0);
  }
}

.footer-buttons {
  text-align: right;
  background: #ededed;
  border: 1px solid #ffffff7a;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  margin-top: 12px;
  padding: 8px 0;
  display: flex;
  box-shadow: 0 4px 16px #00000038, 0 2px 4px -3px #0000000a;
}

.footer-buttons .dsl-action-btn {
  float: none;
  transform-origin: center;
  will-change: transform;
  color: #fff;
  justify-content: center;
  align-items: center;
  height: 54px;
  margin-right: 8px;
  padding: 0 8px;
  font-weight: bold;
  animation: 1.2s ease-in-out 2 forwards wobble-attention;
  display: inline-flex;
}

.footer-buttons .dsl-action-btn .inner-cont {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  line-height: 1;
  display: flex;
}

.footer-buttons .dsl-action-btn .inner-cont i {
  font-size: 16px;
  display: block;
}

.footer-buttons .dsl-action-btn .inner-cont .label {
  white-space: nowrap;
  margin: 0;
  line-height: 1;
}

.stop-banner {
  background: #fff2f0;
  border: 1px solid #ffccc7;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding: 12px 16px;
  display: flex;
}

.stop-banner .stop-message {
  color: #cf1322;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  display: flex;
}

.stop-banner .stop-message i {
  font-size: 16px;
}

.stop-banner .btn-link {
  color: #cf1322;
  font-weight: 500;
  text-decoration: none;
}

.stop-banner .btn-link:hover {
  text-decoration: underline;
}

.status-message {
  border-radius: 4px;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
  padding: 12px 16px;
  display: flex;
}

.status-message.warning {
  color: #8b7355;
  background: #fffbe6;
  border: 1px solid #ffe58f;
}

.status-message.warning i {
  color: #faad14;
  margin-top: 2px;
}

.status-message.error {
  color: #cf1322;
  background: #fff2f0;
  border: 1px solid #ffccc7;
}

.status-message.error i {
  color: #cf1322;
  margin-top: 2px;
}

.message-item {
  border-radius: 4px;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
  padding: 8px 12px;
  display: flex;
}

.message-item.warning {
  color: #8b7355;
  background: #fffbe6;
  border: 1px solid #ffe58f;
}

.message-item.warning i {
  color: #faad14;
  margin-top: 2px;
}

.message-item.info {
  color: #135200;
  background: #f6ffed;
  border: 1px solid #b7eb8f;
}

.message-item.info i {
  color: #52c41a;
  margin-top: 2px;
}

.empty-block {
  text-align: center;
  color: #8c8c8c;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  padding: 40px 20px;
  font-size: 14px;
}

.empty-block.info {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}

.dsl-advanced-grid.ag-theme-material {
  --ag-header-foreground-color: #80807d;
  --ag-header-background-color: #e5e5e0;
  --ag-data-color: #333;
  --ag-row-hover-color: #ebf1f7;
  --ag-header-height: 37px;
  --ag-row-height: 40px;
  --ag-odd-row-background-color: #f5f5f3;
  --ag-even-row-background-color: #fff;
  --ag-borders: transparent;
  --ag-cell-horizontal-border: transparent;
  --ag-border-color: transparent;
  border: none !important;
  border-radius: 0 !important;
}

.dsl-advanced-grid.ag-theme-material .ag-header-cell-menu-button {
  display: none !important;
}

.dsl-advanced-grid.ag-theme-material .ag-header-cell-text {
  color: #a3a3a0;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  text-overflow: initial !important;
  overflow: visible !important;
}

.dsl-advanced-grid.ag-theme-material .ag-header-cell-label, .dsl-advanced-grid.ag-theme-material .ag-header-cell {
  overflow: visible !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell {
  border: none;
  font-size: 14px;
  line-height: 40px;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-right-aligned-cell {
  text-align: right !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-right-aligned-cell .ag-cell-wrapper, .dsl-advanced-grid.ag-theme-material .ag-cell.ag-right-aligned-cell .ag-cell-wrapper.ag-row-group {
  text-align: right !important;
  justify-content: flex-end !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-left-aligned-cell {
  text-align: left !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-left-aligned-cell .ag-cell-wrapper {
  text-align: left !important;
  justify-content: flex-start !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-rightAligned {
  text-align: right !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-rightAligned .ag-cell-wrapper {
  text-align: right !important;
  justify-content: flex-end !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-rightAligned .ag-cell-value {
  width: 100%;
  text-align: right !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-leftAligned {
  text-align: left !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-leftAligned .ag-cell-wrapper {
  text-align: left !important;
  justify-content: flex-start !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-leftAligned .ag-cell-value {
  width: 100%;
  text-align: left !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell .ag-cell-value {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}

.dsl-advanced-grid.ag-theme-material .ag-row-odd {
  background-color: #f5f5f3;
}

.dsl-advanced-grid.ag-theme-material .ag-row-even {
  background-color: #fff;
}

.dsl-advanced-grid.ag-theme-material .ag-root, .dsl-advanced-grid.ag-theme-material .ag-root-wrapper, .dsl-advanced-grid.ag-theme-material .ag-body-viewport {
  border: none !important;
  border-radius: 0 !important;
}

.tab-pane .ag-charts-wrapper, .tab-pane .ag-charts-canvas {
  background: none;
}

.ag-chart-tooltip.tpn-tooltip {
  color: var(--color-text) !important;
  background: #fffffff2 !important;
  border: 1px solid #00000014 !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  box-shadow: 0 8px 20px #00000014 !important;
}

.ag-chart-tooltip.tpn-tooltip .ag-chart-tooltip-title {
  color: #5b83b0 !important;
  margin-bottom: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

@keyframes skeleton-pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes tpnSlideInRight {
  from {
    opacity: 0;
    transform: translateX(120vw);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes tpnSlideOutLeft {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(-120vw);
  }
}

.tpn-anim-pre {
  opacity: 0;
  transform: translateX(120vw);
}

.tpn-anim-in-right {
  animation: .22s ease-out both tpnSlideInRight;
}

.tpn-anim-out-left {
  animation: .22s ease-in both tpnSlideOutLeft;
}

.tpn-anim-pre, .tpn-anim-in-right, .tpn-anim-out-left {
  will-change: transform, opacity;
}

.tpn-anim-pre .dsl-advanced-grid, .tpn-anim-in-right .dsl-advanced-grid, .tpn-anim-out-left .dsl-advanced-grid {
  animation: none !important;
  transform: none !important;
}

.tpn-stop-alerts-modal {
  min-width: 600px;
  max-width: 800px;
}

.tpn-stop-alerts-modal .header {
  background: #fff2f0;
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  display: flex;
}

.tpn-stop-alerts-modal .header .title {
  color: #cf1322;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.tpn-stop-alerts-modal .header .title i {
  font-size: 20px;
}

.tpn-stop-alerts-modal .header .close-btn {
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: color .15s;
  display: flex;
}

.tpn-stop-alerts-modal .header .close-btn i, .tpn-stop-alerts-modal .header .close-btn .icon, .tpn-stop-alerts-modal .header .close-btn:before {
  color: #717680;
  font-size: 18px;
  transition: color .15s;
}

.tpn-stop-alerts-modal .header .close-btn:hover {
  background-color: #0000;
}

.tpn-stop-alerts-modal .header .close-btn:hover i, .tpn-stop-alerts-modal .header .close-btn:hover .icon, .tpn-stop-alerts-modal .header .close-btn:hover:before {
  color: #a6aab1;
}

.tpn-stop-alerts-modal .header .close-btn:active i, .tpn-stop-alerts-modal .header .close-btn:active .icon, .tpn-stop-alerts-modal .header .close-btn:active:before {
  color: #595d65;
}

.tpn-stop-alerts-modal .body {
  padding: 12px 16px;
}

.tpn-stop-alerts-modal .body .explanation {
  color: #595959;
  margin-bottom: 12px;
  line-height: 1.6;
}

.tpn-stop-alerts-modal .body .stop-messages {
  margin-bottom: 20px;
}

.tpn-stop-alerts-modal .body .stop-messages .stop-message {
  background: #fff2f0;
  border: 1px solid #ffccc7;
  border-radius: 4px;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
  padding: 8px 12px;
  display: flex;
}

.tpn-stop-alerts-modal .body .stop-messages .stop-message i {
  color: #cf1322;
  flex-shrink: 0;
  margin-top: 2px;
}

.tpn-stop-alerts-modal .body .stop-messages .stop-message .message-text {
  color: #cf1322;
  line-height: 1.5;
}

.tpn-stop-alerts-modal .body .continue-mode-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#7196bf 0%, #5b86b5 100%);
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #426892, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.tpn-stop-alerts-modal .body .continue-mode-btn i {
  color: #fff;
}

.tpn-stop-alerts-modal .body .continue-mode-btn:not(:has(i)) {
  background: linear-gradient(#6b92bc 0%, #618ab8 100%);
}

.tpn-stop-alerts-modal .body .continue-mode-btn.disabled, .tpn-stop-alerts-modal .body .continue-mode-btn[disabled], .tpn-stop-alerts-modal .body .continue-mode-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.tpn-stop-alerts-modal .body .continue-mode-btn.disabled i, .tpn-stop-alerts-modal .body .continue-mode-btn[disabled] i, .tpn-stop-alerts-modal .body .continue-mode-btn:disabled i {
  color: var(--gray-400);
}

.tpn-stop-alerts-modal .body .continue-mode-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.tpn-stop-alerts-modal .body .continue-mode-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.tpn-stop-alerts-modal .body .continue-mode-btn:focus-visible {
  box-shadow: none;
}

.tpn-stop-alerts-modal .body .continue-mode-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dsl-card-section-popup {
  max-width: 98% !important;
}

.dsl-card-section-popup .dsl-templ-area {
  overflow-y: auto;
}

.dsl-card-section-popup.popup-warning, .dsl-card-section-popup.popup-warning .header {
  background-color: var(--color-error-400) !important;
}

.dsl-card-section-popup.popup-warning .header .title {
  color: var(--gray-700) !important;
}

.dsl-card-section-popup.force-single-column .form-horizontal {
  width: 100% !important;
}

.dsl-card-section-popup.readonly-popup .form-horizontal textarea {
  min-height: 250px !important;
  margin-top: 35px !important;
  padding-top: 0 !important;
}

.dsl-card-section-popup .form-horizontal {
  min-width: 200px !important;
}

.dsl-card-section-popup .body .form-container {
  height: 100% !important;
}

.dsl-card-section-popup .body .form-container h3, .dsl-card-section-popup.single-section .body div[section] h4 {
  display: none;
}

@keyframes flyoutFormErrorFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes cardFormErrorFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOutBackground {
  from {
    background-color: #f8f1ec;
  }

  to {
    background-color: #fff;
  }
}

@media (width <= 1200px) {
  .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)), .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 {
    width: 100% !important;
  }

  .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)) .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)) .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group .controls {
    width: 45% !important;
  }
}

@media (width <= 576px) {
  .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)) .form-group, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group {
    flex-direction: column !important;
  }

  .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)) .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)) .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group .controls {
    width: 100% !important;
    margin-right: 0% !important;
  }
}

@media (width <= 1200px) {
  .form-container .cardarea .fieldgroup .form-horizontal.form-col-3, .form-container .cardarea .fieldgroup .form-horizontal.form-col-4 {
    width: 50% !important;
  }

  .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-3 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-4 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-5 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-6 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-7 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-8 label.checkbox {
    width: 45% !important;
  }
}

@media (width <= 992px) {
  .form-card-menu {
    z-index: -1;
    transition: all .5s;
    display: none !important;
  }

  .form-card-menu.cardmenu-show {
    z-index: 3;
    display: block !important;
  }

  .dsl-tab-header.tab-list-default {
    z-index: 15;
    background-color: #0000;
    transition: all .3s;
    position: sticky;
    top: 0;
  }

  .dsl-tab-header.tab-list-default.scrolled {
    background: none;
    border-bottom: 1px solid #0000001a;
    box-shadow: 0 2px 8px #00000014, 0 1px 3px #0000000f;
  }

  .cardform, .cardread {
    margin-right: 0;
  }

  .form-horizontal .form-group {
    flex-direction: column;
    display: flex;
  }

  .form-horizontal .form-group > label {
    text-align: left;
    font-family: Soehne, sans-serif;
    font-weight: 600;
    font-size: var(--font-size-14);
    line-height: var(--line-height-24);
    color: #333;
    margin: 0;
  }

  .form-horizontal .form-group .manage {
    flex-direction: row;
    justify-content: flex-start;
    width: 43%;
    display: flex;
  }

  .form-horizontal .form-group .controls-grid {
    width: 95%;
    overflow: auto;
  }

  .form-horizontal .form-group .note {
    width: 90%;
  }

  .cardform .cardbar, .cardread .cardbar {
    flex-direction: column;
    display: flex;
  }

  .cardform .cardbar .formerror, .cardread .cardbar .formerror {
    width: 100%;
  }

  .cardform .cardbar .form-buttons-bottom, .cardread .cardbar .form-buttons-bottom {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }
}

@media (width <= 768px) {
  .form-container .cardarea .fieldgroup .form-horizontal.form-col-2, .form-container .cardarea .fieldgroup .form-horizontal.form-col-3, .form-container .cardarea .fieldgroup .form-horizontal.form-col-4, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_1 {
    width: 100% !important;
  }

  .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_2, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_city, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_state, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_zip {
    width: 50% !important;
  }

  .action-btn-cnt {
    height: auto;
  }
}

@media (width <= 576px) {
  .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-2 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-3 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-4 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-5 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-6 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-7 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-8 label.checkbox {
    width: 100% !important;
  }
}

@media (width <= 425px) {
  .form-container .cardarea .fieldgroup .form-horizontal.form-col-modifier {
    width: 50% !important;
  }
}

@media (width <= 320px) {
  .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_1, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_2, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_city, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_state, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_zip {
    width: 100% !important;
  }
}

.base-style-primary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-primary i {
  color: #fff;
}

.base-style-primary:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.base-style-primary.disabled, .base-style-primary[disabled], .base-style-primary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-style-primary.disabled i, .base-style-primary[disabled] i, .base-style-primary:disabled i {
  color: var(--gray-400);
}

.base-style-primary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-style-primary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-style-primary:focus-visible {
  box-shadow: none;
}

.base-style-primary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.base-style-info {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-info i {
  color: #fff;
}

.base-style-info:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.base-style-info.disabled, .base-style-info[disabled], .base-style-info:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-style-info.disabled i, .base-style-info[disabled] i, .base-style-info:disabled i {
  color: var(--gray-400);
}

.base-style-info:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-style-info:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-style-info:focus-visible {
  box-shadow: none;
}

.base-style-info:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.base-style-error {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-error i {
  color: #fff;
}

.base-style-error:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.base-style-error.disabled, .base-style-error[disabled], .base-style-error:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-style-error.disabled i, .base-style-error[disabled] i, .base-style-error:disabled i {
  color: var(--gray-400);
}

.base-style-error:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-style-error:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-style-error:focus-visible {
  box-shadow: none;
}

.base-style-error:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.base-style-warning {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#dc9c69 0%, #d68c51 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #bd6d2c, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-warning i {
  color: #fff;
}

.base-style-warning:not(:has(i)) {
  background: linear-gradient(#da9863 0%, #d89057 100%);
}

.base-style-warning.disabled, .base-style-warning[disabled], .base-style-warning:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-style-warning.disabled i, .base-style-warning[disabled] i, .base-style-warning:disabled i {
  color: var(--gray-400);
}

.base-style-warning:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-style-warning:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-style-warning:focus-visible {
  box-shadow: none;
}

.base-style-warning:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.base-style-accept {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-accept i {
  color: #fff;
}

.base-style-accept:not(:has(i)) {
  background: linear-gradient(#6d9c8d 0%, #659585 100%);
}

.base-style-accept.disabled, .base-style-accept[disabled], .base-style-accept:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-style-accept.disabled i, .base-style-accept[disabled] i, .base-style-accept:disabled i {
  color: var(--gray-400);
}

.base-style-accept:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-style-accept:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-style-accept:focus-visible {
  box-shadow: none;
}

.base-style-accept:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.base-style-default {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-default i {
  color: #5e636b;
}

.base-style-default:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.base-style-default.disabled, .base-style-default[disabled], .base-style-default:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-style-default.disabled i, .base-style-default[disabled] i, .base-style-default:disabled i {
  color: var(--gray-400);
}

.base-style-default:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.base-style-default:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-style-default:focus-visible {
  box-shadow: none;
}

.base-style-default:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dsl-action-btn.wizard-bottom-btn-default {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.dsl-action-btn.wizard-bottom-btn-default.disabled {
  cursor: not-allowed !important;
  box-shadow: none !important;
  background: #d7d7d7 !important;
}

.base-form-button {
  gap: 4px;
  height: 36px;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  overflow: visible !important;
}

.base-form-button .inner-cont .icon {
  width: 16px !important;
  height: 16px !important;
}

.base-form-button .inner-cont p.label {
  letter-spacing: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.base-form-button.style-primary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-primary i {
  color: #fff;
}

.base-form-button.style-primary:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.base-form-button.style-primary.disabled, .base-form-button.style-primary[disabled], .base-form-button.style-primary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-form-button.style-primary.disabled i, .base-form-button.style-primary[disabled] i, .base-form-button.style-primary:disabled i {
  color: var(--gray-400);
}

.base-form-button.style-primary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-form-button.style-primary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-form-button.style-primary:focus-visible {
  box-shadow: none;
}

.base-form-button.style-primary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.base-form-button.style-info {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-info i {
  color: #fff;
}

.base-form-button.style-info:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.base-form-button.style-info.disabled, .base-form-button.style-info[disabled], .base-form-button.style-info:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-form-button.style-info.disabled i, .base-form-button.style-info[disabled] i, .base-form-button.style-info:disabled i {
  color: var(--gray-400);
}

.base-form-button.style-info:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-form-button.style-info:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-form-button.style-info:focus-visible {
  box-shadow: none;
}

.base-form-button.style-info:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.base-form-button.style-error {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-error i {
  color: #fff;
}

.base-form-button.style-error:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.base-form-button.style-error.disabled, .base-form-button.style-error[disabled], .base-form-button.style-error:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-form-button.style-error.disabled i, .base-form-button.style-error[disabled] i, .base-form-button.style-error:disabled i {
  color: var(--gray-400);
}

.base-form-button.style-error:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-form-button.style-error:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-form-button.style-error:focus-visible {
  box-shadow: none;
}

.base-form-button.style-error:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.base-form-button.style-warning {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#dc9c69 0%, #d68c51 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #bd6d2c, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-warning i {
  color: #fff;
}

.base-form-button.style-warning:not(:has(i)) {
  background: linear-gradient(#da9863 0%, #d89057 100%);
}

.base-form-button.style-warning.disabled, .base-form-button.style-warning[disabled], .base-form-button.style-warning:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-form-button.style-warning.disabled i, .base-form-button.style-warning[disabled] i, .base-form-button.style-warning:disabled i {
  color: var(--gray-400);
}

.base-form-button.style-warning:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-form-button.style-warning:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-form-button.style-warning:focus-visible {
  box-shadow: none;
}

.base-form-button.style-warning:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.base-form-button.style-default {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-default i {
  color: #5e636b;
}

.base-form-button.style-default:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.base-form-button.style-default.disabled, .base-form-button.style-default[disabled], .base-form-button.style-default:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-form-button.style-default.disabled i, .base-form-button.style-default[disabled] i, .base-form-button.style-default:disabled i {
  color: var(--gray-400);
}

.base-form-button.style-default:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.base-form-button.style-default:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-form-button.style-default:focus-visible {
  box-shadow: none;
}

.base-form-button.style-default:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.base-form-button.style-accept {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-accept i {
  color: #fff;
}

.base-form-button.style-accept:not(:has(i)) {
  background: linear-gradient(#6d9c8d 0%, #659585 100%);
}

.base-form-button.style-accept.disabled, .base-form-button.style-accept[disabled], .base-form-button.style-accept:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.base-form-button.style-accept.disabled i, .base-form-button.style-accept[disabled] i, .base-form-button.style-accept:disabled i {
  color: var(--gray-400);
}

.base-form-button.style-accept:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-form-button.style-accept:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.base-form-button.style-accept:focus-visible {
  box-shadow: none;
}

.base-form-button.style-accept:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dsl-action-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-action-btn i {
  color: #5e636b;
}

.dsl-action-btn:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.dsl-action-btn.disabled, .dsl-action-btn[disabled], .dsl-action-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dsl-action-btn.disabled i, .dsl-action-btn[disabled] i, .dsl-action-btn:disabled i {
  color: var(--gray-400);
}

.dsl-action-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.dsl-action-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dsl-action-btn:focus-visible {
  box-shadow: none;
}

.dsl-action-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dsl-action-btn .inner-cont {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-width: 50px;
  margin-top: 4px;
  display: flex;
}

.dsl-action-btn .inner-cont .icon {
  align-self: center;
  width: 16px;
  height: 16px;
}

.dsl-action-btn .inner-cont .label {
  background-color: inherit;
  color: inherit;
  font-size: var(--font-size-13);
  line-height: var(--line-height-16);
  margin: 0;
  padding: 0;
}

.action-btn-group-container {
  background-color: #0000000a;
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 4px 8px 8px;
  display: flex;
  box-shadow: 0 -1px 3px #0000001a;
  min-height: 64px !important;
}

.action-btn-group-container .action-btn-group-cnt {
  -webkit-user-select: none;
  user-select: none;
  justify-content: flex-start;
  gap: var(--spacing-standard);
  flex-direction: row;
  width: auto;
  padding: 0;
  display: flex;
  overflow: visible;
}

.action-btn-group-container .action-btn-group-cnt:has(.mini-btn-group-container) {
  gap: 4px !important;
}

.action-btn-group-container .action-btn-group-cnt.left {
  justify-content: flex-start;
}

.action-btn-group-container .action-btn-group-cnt.center {
  justify-content: center;
  width: auto;
}

.action-btn-group-container .action-btn-group-cnt.right {
  justify-content: flex-end;
}

.action-btn-group-container .action-btn-group-cnt .mini-btn-group-container {
  flex-direction: row;
  justify-content: flex-start;
  gap: 4px;
  width: auto;
  padding: 0;
  display: flex;
  overflow: visible;
}

.action-btn-group-container .action-btn-group-cnt .mini-btn-group {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: auto;
  padding: 0;
  display: flex;
  overflow: visible;
}

.action-btn-group-container .action-btn-group-cnt .mini-btn-group .dsl-action-btn {
  height: 28px;
  padding: 0 12px !important;
}

.action-btn-group-container .action-btn-group-cnt .mini-btn-group .dsl-action-btn .inner-cont {
  flex-direction: row;
}

.action-btn-group-container .action-btn-group-cnt .mini-btn-group .dsl-action-btn .inner-cont p.label, .action-btn-group-container .action-btn-group-cnt .mini-btn-group .dsl-action-btn .inner-cont i {
  font-size: 12px;
}

.action-btn-group-container .action-btn-group-cnt.nolabel .label {
  display: none;
}

.action-btn-group-container .action-btn-group-cnt.nolabel .dsl-action-btn {
  max-width: 34px !important;
}

.action-btn-group-container .action-btn-group-cnt.vertical {
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  min-width: fit-content;
  padding: 10px;
  display: flex;
  background: #fff !important;
  box-shadow: 0 1px 4px #18100a14 !important;
}

.action-btn-group-container .action-btn-group-cnt.vertical .dsl-action-btn {
  min-width: 100% !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive i {
  color: #fff;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.action-btn-group-container .action-btn-group-cnt .btn-archive.disabled, .action-btn-group-container .action-btn-group-cnt .btn-archive[disabled], .action-btn-group-container .action-btn-group-cnt .btn-archive:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-archive[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-archive:disabled i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .btn-archive:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive i {
  color: #fff;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive:not(:has(i)) {
  background: linear-gradient(#6d9c8d 0%, #659585 100%);
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive.disabled, .action-btn-group-container .action-btn-group-cnt .btn-unarchive[disabled], .action-btn-group-container .action-btn-group-cnt .btn-unarchive:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-unarchive[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-unarchive:disabled i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-verify {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify i {
  color: #5e636b;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.action-btn-group-container .action-btn-group-cnt .btn-verify.disabled, .action-btn-group-container .action-btn-group-cnt .btn-verify[disabled], .action-btn-group-container .action-btn-group-cnt .btn-verify:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-verify[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-verify:disabled i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .btn-verify:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-review {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-review i {
  color: #fff;
}

.action-btn-group-container .action-btn-group-cnt .btn-review:not(:has(i)) {
  background: linear-gradient(#6d9c8d 0%, #659585 100%);
}

.action-btn-group-container .action-btn-group-cnt .btn-review.disabled, .action-btn-group-container .action-btn-group-cnt .btn-review[disabled], .action-btn-group-container .action-btn-group-cnt .btn-review:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-review.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-review[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-review:disabled i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .btn-review:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-review:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.action-btn-group-container .action-btn-group-cnt .btn-review:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-review:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-more {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-more i {
  color: #5e636b;
}

.action-btn-group-container .action-btn-group-cnt .btn-more:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.action-btn-group-container .action-btn-group-cnt .btn-more.disabled, .action-btn-group-container .action-btn-group-cnt .btn-more[disabled], .action-btn-group-container .action-btn-group-cnt .btn-more:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-more.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-more[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-more:disabled i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .btn-more:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-more:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.action-btn-group-container .action-btn-group-cnt .btn-more:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-more:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default {
  border: 0 solid #0000;
  height: 60px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default .inner-cont {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: auto;
  margin-top: 4px;
  display: flex;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default .inner-cont .icon {
  align-self: center;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event) {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event) i {
  color: #5e636b;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event):not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event).disabled, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event)[disabled], .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event):disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event).disabled i, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event)[disabled] i, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event):disabled i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event):hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event):active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event):focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"]):not(.btn-print):not(.btn-save):not(.btn-edit):not(.btn-cancel):not(.btn-print):not(.btn-archive):not(.btn-unarchive):not(.btn-verify):not(.btn-review):not(.btn-cancel):not(.btn-more):not(.btn-special_event):focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event i {
  color: #fff;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event.disabled, .action-btn-group-container .action-btn-group-cnt .btn-special_event[disabled], .action-btn-group-container .action-btn-group-cnt .btn-special_event:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-special_event[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-special_event:disabled i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-save {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-save i {
  color: #fff;
}

.action-btn-group-container .action-btn-group-cnt .btn-save:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.action-btn-group-container .action-btn-group-cnt .btn-save.disabled, .action-btn-group-container .action-btn-group-cnt .btn-save[disabled], .action-btn-group-container .action-btn-group-cnt .btn-save:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-save.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-save[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-save:disabled i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .btn-save:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-save:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.action-btn-group-container .action-btn-group-cnt .btn-save:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-save:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-edit {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit i {
  color: #fff;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.action-btn-group-container .action-btn-group-cnt .btn-edit.disabled, .action-btn-group-container .action-btn-group-cnt .btn-edit[disabled], .action-btn-group-container .action-btn-group-cnt .btn-edit:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-edit[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-edit:disabled i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .btn-edit:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel i {
  color: #fff;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.disabled, .action-btn-group-container .action-btn-group-cnt .btn-cancel[disabled], .action-btn-group-container .action-btn-group-cnt .btn-cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-cancel[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-cancel:disabled i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-print {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-print i {
  color: #5e636b;
}

.action-btn-group-container .action-btn-group-cnt .btn-print:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.action-btn-group-container .action-btn-group-cnt .btn-print.disabled, .action-btn-group-container .action-btn-group-cnt .btn-print[disabled], .action-btn-group-container .action-btn-group-cnt .btn-print:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-print.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-print[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-print:disabled i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .btn-print:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-print:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.action-btn-group-container .action-btn-group-cnt .btn-print:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-print:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-sections {
  display: none;
}

@media (width <= 740px) {
  .action-btn-group-container .action-btn-group-cnt {
    z-index: 3;
    flex-direction: row-reverse;
    width: 100%;
    height: 60px;
    padding: 5px;
    position: relative;
    overflow: visible;
  }

  .action-btn-group-container .action-btn-group-cnt .btn-sections {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

.kP4uJW_initialAvatarContainer {
  color: #5a595880;
  text-align: center;
  border-radius: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: 600;
  display: flex;
}

.kP4uJW_initialAvatarContainer.kP4uJW_primary {
  min-width: var(--sm-avatar-width);
  width: var(--sm-avatar-width);
  min-height: var(--sm-avatar-height);
  height: var(--sm-avatar-height);
  font-size: var(--sm-avatar-font-size);
  background: #f8f1ec;
}

.kP4uJW_initialAvatarContainer.kP4uJW_secondary {
  min-width: var(--sm-avatar-width);
  width: var(--sm-avatar-width);
  min-height: var(--sm-avatar-height);
  height: var(--sm-avatar-height);
  font-size: var(--sm-avatar-font-size);
  background-color: #fff;
}

.kP4uJW_initialAvatarContainer.kP4uJW_xs {
  min-width: var(--xs-avatar-width);
  width: var(--xs-avatar-width);
  min-height: var(--xs-avatar-height);
  height: var(--xs-avatar-height);
}

.kP4uJW_initialAvatarContainer.kP4uJW_sm {
  min-width: var(--sm-avatar-width);
  width: var(--sm-avatar-width);
  min-height: var(--sm-avatar-height);
  height: var(--sm-avatar-height);
}

.kP4uJW_initialAvatarContainer.kP4uJW_xl {
  min-width: var(--xl-avatar-width);
  width: var(--xl-avatar-width);
  min-height: var(--xl-avatar-height);
  height: var(--xl-avatar-height);
  font-size: var(--xl-avatar-font-size);
}

.cr-error-boundary {
  background: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.k9bWwG_wizardBottomBar {
  width: 100%;
  height: var(--wizard-bottom-bar-height);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #17b3ce;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #ffaa5b;
  --toastify-color-error: #cc7878;
  --toastify-z-index: 10000000;
}

.N6LPsq_bottomDrawerContainer.N6LPsq_show {
  z-index: 1;
  max-height: 30px;
  padding: var(--bottom-drawer-p);
  width: 25%;
  transition: max-height .5s, visibility .1;
  background-color: #f8f1ec;
  border: 1px solid #d3d3d3;
  border-radius: 25px 25px 0 0;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  box-shadow: 0 -2px 10px #0003;
}

.N6LPsq_bottomDrawerContainer.N6LPsq_show .N6LPsq_collapseBtn {
  cursor: pointer;
  width: 60%;
  height: 10px;
  margin: auto;
  margin-bottom: var(--bottom-drawer-p);
  background-color: #d6d6d6;
  border-radius: 25px;
}

.N6LPsq_bottomDrawerContainer.N6LPsq_show .N6LPsq_contentContainer {
  width: 100%;
  padding: var(--bottom-drawer-p);
  display: none;
}

.N6LPsq_bottomDrawerContainer.N6LPsq_expanded {
  width: 100%;
  max-height: 50%;
}

.N6LPsq_bottomDrawerContainer.N6LPsq_expanded .N6LPsq_contentContainer {
  width: 100%;
  display: block;
}

.lZkl4W_noDataFoundContainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lZkl4W_noDataFoundContainer .lZkl4W_noDataFondText {
  text-align: center;
}

.status-indicator {
  color: #cc7878;
  background-color: #cc78781a;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-width: 90px;
  height: 100%;
  padding: 6px 12px;
  display: flex;
}

.status-indicator > img {
  width: 24px;
  height: 24px;
}

.status-indicator .initials {
  text-align: center;
  border-radius: 50%;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: 12px;
}

.status-indicator > span {
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.status-indicator.salmon {
  color: #cc7878;
  background-color: #cc78781a;
}

.status-indicator.salmon .initials {
  color: #fff;
  background-color: #cc7878;
}

.status-indicator.skyblue {
  color: #17b3ce;
  background-color: #17b3ce1a;
}

.status-indicator.skyblue .initials {
  color: #fff;
  background-color: #17b3ce;
}

.status-indicator.purple {
  color: #9974ce;
  background-color: #9974ce1a;
}

.status-indicator.purple .initials {
  color: #fff;
  background-color: #9974ce;
}

.status-indicator.gray {
  color: #595959;
  background-color: #5959591a;
}

.status-indicator.gray .initials {
  color: #fff;
  background-color: #595959;
}

.outlined-icon-button {
  color: #9974ce;
  text-align: start;
  background: none;
  border: 2px dotted #9974ce66;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: fit-content;
  min-height: 45px;
  padding: 6px 16px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  display: flex;
}

.outlined-icon-button > img {
  width: 24px;
  height: 24px;
}

.outlined-icon-button > p {
  font-size: var(--font-size-13);
  line-height: var(--line-height-16);
}

@media (width <= 425px) {
  .outlined-icon-button {
    flex-basis: 48%;
    gap: 5px;
  }
}

@media (width <= 375px) {
  .outlined-icon-button {
    flex-basis: 100%;
    gap: 5px;
  }
}

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

.MX3YdG_pageLoadingOverlay {
  isolation: isolate;
  z-index: 2000;
  background: none;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.MX3YdG_containedLoadingOverlay {
  isolation: isolate;
  z-index: 100;
  background: none;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.MX3YdG_loader {
  backdrop-filter: blur(2px);
  isolation: isolate;
  will-change: transform;
  background: #ffffff2e;
  border: 1px solid #ffffff47;
  border-radius: 999px;
  width: 48px;
  height: 48px;
  margin: 40px;
  position: relative;
  transform: translateZ(0);
  box-shadow: 0 10px 30px #0000002e, inset 0 1px #ffffff59;
}

.MX3YdG_loader:before {
  content: "";
  opacity: .9;
  background: conic-gradient(#14141400 0deg, #1414148c 40deg, #14141414 120deg, #14141400 360deg);
  border-radius: 999px;
  animation: .9s linear infinite MX3YdG_spin;
  position: absolute;
  inset: 10px;
  mask: radial-gradient(farthest-side, #0000 calc(100% - 3px), #000 0);
}

@media (prefers-reduced-motion: reduce) {
  .MX3YdG_loader:before {
    animation: none;
  }
}

.camera-scanner-popover {
  width: 50vw;
  min-width: 50vw;
  padding: 0 !important;
}

@media (width <= 768px) {
  .camera-scanner-popover {
    width: 80%;
    min-width: 80%;
  }
}

.camera-scanner-popover .body {
  border-radius: 12px;
  max-height: 50%;
  padding: 5px !important;
}

.camera-scanner-popover .body canvas {
  width: 100%;
  height: 100%;
  display: "none";
}

.camera-scanner-popover .body video {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.ellipses-loader {
  justify-content: center;
  align-items: center;
  display: flex;
}

.ellipses-loader .dot {
  border-radius: 100%;
  width: 6px;
  height: 6px;
  margin: 2px;
}

.ellipses-loader .first {
  -webkit-animation: 1s ease-in-out infinite pulse_first, 1s ease-in-out infinite nudge;
}

.ellipses-loader .second {
  -webkit-animation: 1s ease-in-out .1s infinite pulse_second, 1s ease-in-out .1s infinite nudge;
}

.ellipses-loader .third {
  -webkit-animation: 1s ease-in-out .2s infinite pulse_third, 1s ease-in-out .2s infinite nudge;
}

@-webkit-keyframes pulse_first {
  0%, 80%, 100% {
    background-color: #b4bec8;
  }

  40% {
    background-color: #9974ce;
  }
}

@-webkit-keyframes pulse_second {
  0%, 80%, 100% {
    background-color: #b4bec8;
  }

  40% {
    background-color: #9974ce;
  }
}

@-webkit-keyframes pulse_third {
  0%, 80%, 100% {
    background-color: #b4bec8;
  }

  40% {
    background-color: #9974ce;
  }
}

@-webkit-keyframes nudge {
  0%, 80% {
    transform: translate(0);
  }

  40% {
    transform: translate(0, -4px);
  }
}

.form-active-users {
  gap: 10px;
  display: flex;
}

.form-active-users .active-user {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  display: flex;
}

.form-active-users .active-user .active-user-photo {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.form-active-users .active-user .active-user-photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.form-active-users .active-user .active-user-photo .no-photo {
  background-color: #888;
  width: 100%;
  height: 100%;
}

.form-active-users .active-user .active-user-info {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.form-active-users .active-user .active-user-info .active-user-name {
  color: #111;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.form-active-users .active-user .active-user-info .active-user-timestamp {
  color: #595959;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.flex-row {
  flex-direction: row;
  display: flex;
}

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

@keyframes wiggleIcon {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(-10deg);
  }

  75% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes iconClickBounce {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(.85);
  }

  100% {
    transform: scale(1);
  }
}

.inc-container {
  background: #ffffff40;
  border: 1px solid #ffffff4d;
  flex-direction: column;
  margin: 8px 8px 0;
  display: flex;
  flex-shrink: 0 !important;
}

.inc-container .header-container {
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  display: flex;
}

.inc-container .header-container .pt-info {
  flex-direction: column;
  justify-content: center;
  min-width: 20%;
  display: flex;
}

.inc-container .header-container .pt-info .status-container {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  display: flex;
}

.inc-container .header-container .pt-info .status-container span:first-of-type {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Soehne, sans-serif;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .status {
  white-space: nowrap;
  color: #fff;
  background-color: #949492;
  border-radius: 16px;
  padding: 2px 8px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.inc-container .header-container .pt-info .status-container .active {
  background-color: #689989;
}

.inc-container .header-container .pt-info .status-container .on-hold {
  background-color: #837bb2;
}

.inc-container .header-container .pt-info .status-container .pending {
  background-color: #838894;
}

.inc-container .header-container .pt-info .status-container .tag-bubble {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #838894;
  border-radius: 16px;
  padding: 2px 8px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .status-icon:before {
  content: "";
  color: #e58787;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  font-weight: 400;
}

.inc-container .header-container .pt-info .status-container .status-active:before {
  content: "";
  color: #837bb2;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 400;
}

.inc-container .header-container .pt-info .status-container .default-status:before {
  content: "";
  color: #949492;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 400;
}

.inc-container .header-container .pt-info .status-container .demographics-icon {
  cursor: pointer;
  margin-left: 4px;
  transition: transform .2s;
  display: inline-block;
}

.inc-container .header-container .pt-info .status-container .demographics-icon i {
  color: var(--color-primary);
  opacity: .8;
  font-size: 18px;
  transition: color .2s;
}

.inc-container .header-container .pt-info .status-container .demographics-icon:hover {
  animation: .5s wiggleIcon;
}

.inc-container .header-container .pt-info .status-container .demographics-icon:hover i {
  color: var(--color-primary);
}

.inc-container .header-container .pt-info .status-container .status-icon:before, .inc-container .header-container .pt-info .status-container .status-active:before, .inc-container .header-container .pt-info .status-container .default-status:before {
  cursor: pointer;
  transition: transform .2s;
  display: inline-block;
}

.inc-container .header-container .pt-info .status-container .status-icon:hover:before, .inc-container .header-container .pt-info .status-container .status-active:hover:before, .inc-container .header-container .pt-info .status-container .default-status:hover:before {
  animation: .5s wiggleIcon;
}

.inc-container .header-container .pt-info .status-container > h1 {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .pt-info .info-nav {
  flex-direction: row;
  gap: 10px;
  display: flex;
}

.inc-container .header-container .pt-info .info-nav .setting-bcontainer {
  flex: none;
  align-self: center;
}

.inc-container .header-container .pt-info .info-nav .setting-bcontainer .setting-button {
  color: #fff;
  cursor: pointer;
  background-color: #668eba;
  border-radius: 8px;
  width: 36px;
  height: 36px;
  font-size: 18px;
  transition: transform .1s;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border: none !important;
}

.inc-container .header-container .pt-info .info-nav .setting-bcontainer:active {
  transform: scale(.9);
}

.inc-container .header-container .pt-info .info-nav .setting-bcontainer .setting-cond {
  display: none;
}

.inc-container .header-container .pt-info .info-nav .general-info {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.inc-container .header-container .pt-info .info-nav .general-info .info-child {
  gap: 16px;
  display: flex;
}

.inc-container .header-container .pt-info .info-nav .general-info .info-child > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .pt-info .info-nav .general-info .phone:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .pt-info .info-nav .general-info .dob:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .pt-info .info-nav .general-info .address-container {
  display: flex;
}

.inc-container .header-container .pt-info .info-nav .general-info .address-container > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .pt-info .info-nav .address-container:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .med-info {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  max-width: 20%;
  padding: 8px;
  display: flex;
}

.inc-container .header-container .med-info .med-name {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .med-info .med-name:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 400;
}

.inc-container .header-container .med-info .med-desc {
  color: #cc7878;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
  font-weight: 500 !important;
}

.inc-container .header-container .med-info .med-desc:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .med-info .therapy-container {
  flex-direction: row;
  display: flex;
}

.inc-container .header-container .med-info .med-team {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #a3a3a0;
  border-radius: 16px;
  padding: 2px 8px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  background-color: #838894 !important;
  font-weight: 500 !important;
}

.inc-container .header-container .med-info .flag-icon:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .primary-phy-info {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  max-width: fit-content;
  padding: 8px;
  display: flex;
}

.inc-container .header-container .primary-phy-info .primary-phy-name {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .primary-phy-info .primary-phy-name:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .primary-phy-info .primary-phy-pcontact {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .primary-phy-info .primary-phy-pcontact:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .primary-phy-info .primary-phy-fax {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .primary-phy-info .primary-phy-fax:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .secondary-phy-info {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  max-width: 20%;
  padding: 8px;
  display: flex;
}

.inc-container .header-container .secondary-phy-info .secondary-phy-name {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .secondary-phy-info .secondary-phy-name:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .secondary-phy-info .pharmacy {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .secondary-phy-info .pharmacy:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .secondary-phy-info .secondary-location {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .secondary-phy-info .secondary-location:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .insurance-info {
  padding: var(--Component-Padding) var(--Inner-Padding) var(--Component-Padding) var(--Inner-Padding);
  flex: unset;
  cursor: pointer;
  background: none;
  border-radius: 12px;
  justify-content: center;
  width: 100%;
  max-width: 20%;
  transition: all .15s;
  position: relative;
  border: 1px solid #0000001f !important;
}

.inc-container .header-container .insurance-info:hover {
  background: #ffffffd9;
  border-color: #0000002e !important;
}

.inc-container .header-container .insurance-info .ins-top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  padding: 6px 8px 0 12px;
  display: flex;
}

.inc-container .header-container .insurance-info .ins-top .content {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.inc-container .header-container .insurance-info .ins-top .content .ins-header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  display: flex;
}

.inc-container .header-container .insurance-info .ins-top .content .ins-header span {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .insurance-info .ins-top .content .ins-header .title:before {
  content: "";
  color: #e58787;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
}

.inc-container .header-container .insurance-info .ins-top .content .insurance-details, .inc-container .header-container .insurance-info .ins-top .content .des-section {
  flex-direction: row;
  gap: 8px;
  display: flex;
}

.inc-container .header-container .insurance-info .ins-top .content .insurance-details .p-box, .inc-container .header-container .insurance-info .ins-top .content .des-section .p-box, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .fax-box, .inc-container .header-container .insurance-info .ins-top .content .des-section .fax-box, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .id-container, .inc-container .header-container .insurance-info .ins-top .content .des-section .id-container, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .group-container, .inc-container .header-container .insurance-info .ins-top .content .des-section .group-container {
  align-items: center;
  gap: 8px;
  width: 50%;
  display: flex;
}

.inc-container .header-container .insurance-info .ins-top .content .insurance-details .p-box > i, .inc-container .header-container .insurance-info .ins-top .content .des-section .p-box > i, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .fax-box > i, .inc-container .header-container .insurance-info .ins-top .content .des-section .fax-box > i, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .id-container > i, .inc-container .header-container .insurance-info .ins-top .content .des-section .id-container > i, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .group-container > i, .inc-container .header-container .insurance-info .ins-top .content .des-section .group-container > i {
  color: #9b9fa8;
  font-size: 13px;
}

.inc-container .header-container .insurance-info .ins-top .content .insurance-details .p-box span, .inc-container .header-container .insurance-info .ins-top .content .des-section .p-box span, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .fax-box span, .inc-container .header-container .insurance-info .ins-top .content .des-section .fax-box span, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .id-container span, .inc-container .header-container .insurance-info .ins-top .content .des-section .id-container span, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .group-container span, .inc-container .header-container .insurance-info .ins-top .content .des-section .group-container span {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .insurance-info .ins-top .content .insurance-details .insurance-phone, .inc-container .header-container .insurance-info .ins-top .content .des-section .insurance-phone, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .insurance-fax, .inc-container .header-container .insurance-info .ins-top .content .des-section .insurance-fax {
  color: #9b9fa8;
  align-self: center;
  font-size: 13px;
}

.inc-container .header-container .insurance-info .ins-top .content .external-link-cond, .inc-container .header-container .insurance-info .ins-top .content .arrow-down-cond {
  display: none;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  display: flex;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .external-link {
  transition: transform .2s;
  display: none;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .external-link:active {
  animation: .3s iconClickBounce;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .external-link:before {
  content: "";
  color: #837bb2;
  cursor: pointer;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 400;
  transition: transform .2s;
  display: inline-block;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .arrow-toggle {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  display: flex;
  position: relative;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .arrow-toggle .arrow-icon {
  width: 20px;
  height: 20px;
  transition: transform .2s;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .arrow-toggle .arrow-icon path {
  fill: #838894;
}

.inc-container .header-container .dispensed-rental-info {
  color: #4d525c;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  max-width: 20%;
  padding: 8px;
  display: flex;
}

.inc-container .header-container .dispensed-rental-info i {
  color: #9b9fa8;
  margin-right: 7px;
}

.cond-background {
  background-color: #ededed;
  border: 1px solid #fff6;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
}

.cond-background .status-container {
  padding-left: 10px;
}

.arrowDownContainer {
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  background: #fff;
  border-top: none;
  border-radius: 0 0 8px 8px;
  transition: opacity .15s, transform .15s;
  position: absolute;
  transform: translateY(-4px);
  border: 1px solid #0000001f !important;
}

.arrowDownContainer .ins-item {
  cursor: pointer;
  padding: 8px 12px;
  transition: background .15s;
}

.arrowDownContainer .ins-item:hover {
  background: #0000000a;
}

.arrowDownContainer .ins-item > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
}

.arrowDownContainer .ins-item.no-insurance {
  cursor: default;
}

.arrowDownContainer .ins-item.no-insurance:hover {
  background: none;
}

.arrowDownContainer .ins-item.no-insurance > p {
  color: #9b9fa8;
  font-style: italic;
}

.arrowDownContainer.open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.arrowDownContainer .ins-box {
  padding: 4px 0;
}

.barContainer {
  background: #0000000a;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  flex-direction: row;
  gap: 10px;
  padding: 10px 16px;
  display: flex;
  box-shadow: inset 0 1px 2px 1px #38383814;
  display: none !important;
}

.barContainer p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.barContainer .heading, .barContainer .orderStatusContainer, .barContainer .refillInfo, .barContainer .nexFillInfo, .barContainer .flag-container {
  align-items: center;
  gap: 8px;
  display: flex;
}

.barContainer .heading > p, .barContainer .orderStatusContainer > p, .barContainer .flag-container > p {
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.barContainer .heading > p {
  color: #5e636b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  overflow: hidden;
}

.barContainer .orderStatusContainer > p, .barContainer .flag-container > p {
  color: #fff;
  border-radius: 16px;
  padding: 2px 8px;
}

.barContainer .orderStatusContainer > p {
  background-color: #949491;
}

.barContainer .flag-container > p {
  background-color: #838894;
}

.barContainer .refillInfo:before, .barContainer .nexFillInfo:before, .barContainer .flag-container:before {
  color: #9b9fa8;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.barContainer .refillInfo:before {
  content: "";
}

.barContainer .nexFillInfo:before {
  content: "";
}

.barContainer .flag-container:before {
  content: "";
}

#navigator-menu .MuiPaper-root {
  background-color: #0000;
}

.navigator-menu-list {
  width: 100%;
  height: 100%;
  max-height: 550px;
  overflow: unset;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 3px 5px -4px #0000000a, 0 6px 12px -4px #0000000f;
}

.navigator-menu-list .header {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdd;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  padding: 14px;
  display: flex;
}

.navigator-menu-list .header.collapsed {
  border-bottom: none;
  border-radius: 12px;
}

.navigator-menu-list .header .title {
  color: #111;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.navigator-menu-list .header .arrow {
  cursor: pointer;
  width: 14px;
  height: 24px;
}

.navigator-menu-list .body {
  border-radius: inherit;
  background-color: #fbfbfb;
  height: 100%;
  padding-top: 14px;
  padding-bottom: 12px;
}

.navigator-menu-list .header {
  background-color: #f5f5f5;
  border-bottom: 0;
  min-height: 52px;
  padding: 8px 12px 8px 16px;
}

.navigator-menu-list .header .title {
  color: #668eba;
  font-size: 14px;
  font-family: Soehne, sans-serif !important;
}

.navigator-menu-list .body {
  background-color: #fff;
  border-radius: 8px;
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  width: calc(100% - 20px);
  height: 100%;
  margin: 0 10px 10px;
  padding: 0;
  display: flex;
  overflow: auto;
}

.navigator-menu-list .body .navigator-list {
  flex-direction: column;
  gap: 1%;
  width: 32%;
  height: fit-content;
  padding: 16px 24px;
  display: flex;
}

.navigator-menu-list .body .navigator-list .list-label {
  color: var(--gray-700);
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: var(--line-height-24);
}

.navigator-menu-list .body .navigator-list .list-items {
  flex-direction: column;
  display: flex;
}

.navigator-menu-list .body .navigator-list .list-items .item {
  font-size: var(--font-size-12);
  color: var(--gray-500);
  font-family: Soehne, sans-serif;
  font-weight: 400;
  line-height: var(--line-height-24);
  cursor: pointer;
  transition: all .2s;
}

.navigator-menu-list .body .navigator-list .list-items .item:hover {
  color: #668eba;
  font-family: Soehne, sans-serif;
  font-weight: normal;
}

@media (width <= 1000px) {
  .navigator-menu-list .body .navigator-list {
    width: 50%;
  }
}

@media (width <= 576px) {
  .navigator-menu-list .body .navigator-list {
    width: 100%;
  }
}

.min-grid-export {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: flex;
  position: relative;
}

.min-grid-export .btn-export {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  flex-direction: column;
  justify-content: center;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.min-grid-export .btn-export i {
  color: #58505b;
}

.min-grid-export .btn-export:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

.min-grid-export .btn-export.disabled, .min-grid-export .btn-export[disabled], .min-grid-export .btn-export:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.min-grid-export .btn-export.disabled i, .min-grid-export .btn-export[disabled] i, .min-grid-export .btn-export:disabled i {
  color: var(--gray-400);
}

.min-grid-export .btn-export:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.min-grid-export .btn-export:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.min-grid-export .btn-export:focus-visible {
  box-shadow: none;
}

.min-grid-export .btn-export:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.min-grid-export .btn-export img {
  filter: brightness(.5);
}

.min-grid-export .btn-export:hover img {
  filter: brightness(400%);
}

.min-grid-export .bl-wl-btn {
  border: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
  display: flex;
}

.min-grid-export .bl-wl-btn > img {
  width: 16px;
  height: 16px;
}

@media (width <= 992px) and (width >= 576px) {
  .data-grid-bottom-drawer {
    width: 175px !important;
  }
}

@media (width <= 768px) {
  .min-grid-export .btn-export {
    flex: 1;
    align-items: center;
  }
}

@media (width <= 576px) {
  .data-grid-bottom-drawer:not(.expanded) {
    left: -15px;
    transform: rotate(90deg);
    width: 60px !important;
    bottom: 15px !important;
  }
}

.vertical-tab-view-container .dsl-list-tab-container {
  --webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
  border: none !important;
}

.dsl-list-tab-container {
  backdrop-filter: blur(2px);
  background-color: #fff #ffffff7a #ffffff30;
  border-radius: var(--radius-medium);
  border: 1px solid #ffffff7a;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
  background: #ffffff61 !important;
}

.dsl-list-tab-container .non-popup {
  width: 100%;
  min-height: fit-content;
  display: flex;
}

.dsl-list-tab-container .non-popup .find-view {
  flex-direction: column;
  display: flex;
  border-radius: 8px !important;
}

.dsl-list-tab-container .non-popup .find-view .dsl-find-view {
  flex-direction: column;
}

.dsl-list-tab-container .non-popup .find-view .dsl-find-view .findbar .findtab .findbasic, .dsl-list-tab-container .non-popup .find-view .dsl-find-view .findbar .findtab .findadvanced {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action {
  flex-direction: row;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn i {
  color: #58505b;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn.disabled, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[disabled], .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn.disabled i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[disabled] i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:disabled i {
  color: var(--gray-400);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:focus-visible {
  box-shadow: none;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn img {
  filter: brightness(.5);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:hover img {
  filter: brightness(400%);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button i {
  color: #58505b;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button.disabled, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[disabled], .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button.disabled i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[disabled] i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:disabled i {
  color: var(--gray-400);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:focus-visible {
  box-shadow: none;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button img {
  filter: brightness(.5);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:hover img {
  filter: brightness(400%);
}

.dsl-list-tab-container > div {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dsl-list-tab-container .dsl-list-top {
  width: 100%;
  box-shadow: none;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  min-height: auto;
  padding: 5px 10px;
  display: flex;
  background: none !important;
  border-radius: 10px 10px 0 0 !important;
  padding: 16px !important;
}

.dsl-list-tab-container .dsl-list-top.has-left-sharp-corner {
  border-top-left-radius: 0;
}

.dsl-list-tab-container .dsl-list-top > div {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  display: flex;
}

.dsl-list-tab-container .dsl-list-top .dsl-grid-top-bar-left {
  flex: 1;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar {
  flex: 1;
  align-items: center;
  gap: 16px;
  display: flex;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .grid-label {
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  display: flex;
  font-weight: 500 !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 40%;
  min-height: 40px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: #ffffff5c !important;
  border: 1px solid #fff6 !important;
  font-weight: 400 !important;
  box-shadow: 0 10px 30px #00000014, 0 1px 2px #0000000f, inset 0 1px #ffffff59 !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar:focus-within {
  background: #ffffff80 !important;
  border-color: #ffffffa6 !important;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar > div {
  flex: 1;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar:focus-within img {
  opacity: .95;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .highlight {
  background-color: #fff;
  border: 2px solid #5b83b0;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .ant-checkbox-wrapper {
  color: #4d525c;
  font-family: Soehne, sans-serif;
  font-size: 14px;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #837bb2 !important;
  border-color: #837bb2 !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #837bb2 !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .ant-checkbox-wrapper .ant-checkbox-checked:hover .ant-checkbox-inner {
  background-color: #726aa1 !important;
  border-color: #726aa1 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 8px;
  display: flex;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .icon-download:before {
  color: var(--color-primary);
  cursor: pointer;
  padding: 0 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 500;
  content: "" !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .icon-upload:before {
  color: var(--color-primary);
  cursor: pointer;
  padding: 0 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 500;
  content: "" !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .icon-fax:before {
  color: var(--color-primary);
  cursor: pointer;
  padding: 0 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 500;
  content: "" !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .icon-print:before {
  color: var(--color-primary);
  cursor: pointer;
  padding: 0 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 500;
  content: "" !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .icon-download, .dsl-list-tab-container .dsl-list-top .wgdts-container .icon-upload, .dsl-list-tab-container .dsl-list-top .wgdts-container .icon-fax, .dsl-list-tab-container .dsl-list-top .wgdts-container .icon-print {
  opacity: 1;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .icon-download:hover, .dsl-list-tab-container .dsl-list-top .wgdts-container .icon-upload:hover, .dsl-list-tab-container .dsl-list-top .wgdts-container .icon-fax:hover, .dsl-list-tab-container .dsl-list-top .wgdts-container .icon-print:hover {
  opacity: .7 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-act-btn {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 50%;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-act-btn i {
  color: var(--color-primary);
  font-size: 18px;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0%;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  align-items: center;
  gap: 4px;
  padding: 0 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  height: 36px !important;
  font-size: 13px !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn i {
  color: #fff;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn.disabled, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[disabled], .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn.disabled i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[disabled] i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:disabled i {
  color: var(--gray-400);
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:focus-visible {
  box-shadow: none;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-refresh {
  opacity: 1;
  color: var(--color-primary);
  cursor: pointer;
  padding: 0 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 500;
  content: "" !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-refresh:hover {
  opacity: .7 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .filter-applied {
  z-index: 1;
  background: red;
  border-radius: 10px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-top: -25px;
  margin-right: -25px;
  display: flex;
  position: absolute;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible {
  border-radius: 35px 35px 0 0;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .filter-applied {
  display: none;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible:after {
  content: "";
  z-index: 1;
  background: #f8f5fc;
  width: 35px;
  height: 12px;
  margin-top: 45px;
  display: flex;
  position: absolute;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn {
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-weight: 600;
  transition: color .15s;
  display: flex;
  transform: rotate(45deg);
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn .icon, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:before {
  color: #717680;
  font-size: 18px;
  transition: color .15s;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:hover {
  background-color: #0000;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:hover i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:hover .icon, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:hover:before {
  color: #a6aab1;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:active i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:active .icon, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:active:before {
  color: #595d65;
}

.dsl-list-tab-container .dsl-list-export {
  width: 100%;
  height: auto;
  margin-top: -25px;
}

.dsl-list-tab-container .dsl-list-export .data-grid-bottom-drawer.expanded {
  width: calc(100% - var(--dsl-list-bottom-p) * 2) !important;
}

.dsl-list-tab-container .dsl-list-bottom {
  min-height: 160px;
  padding: var(--dsl-list-bottom-p);
  background-color: #fbfbfb;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 4px #18100a14;
  box-shadow: none !important;
  background-color: #0000 !important;
  border-radius: 0 0 10px 10px !important;
  padding: 0 16px 16px !important;
}

@media (width <= 768px) {
  .dsl-list-tab-container .dsl-list-export .min-grid-export {
    justify-content: space-around;
  }
}

.card-with-preview {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  height: 100% !important;
}

.card-with-preview .cardmenu {
  display: none !important;
}

.card-with-preview .form-container > .form-container {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.card-with-preview > .form-container.form-edit-mode {
  align-items: flex-start;
}

.card-with-preview .layout-form-content .form-container > div:first-child {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: 40% !important;
}

.card-with-preview .layout-form-content .form-container > div:last-child {
  flex: 60% !important;
}

.dsl-card-duel-card {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: calc(100% - 12px);
  margin-inline: 8px;
  display: flex;
  height: 100% !important;
}

.dsl-card-duel-card .cardmenu {
  display: none !important;
}

.dsl-card-duel-card .form-container > .form-container {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.dsl-card-duel-card > .form-container.form-edit-mode {
  align-items: flex-start;
}

.dsl-card-duel-card .layout-form-content .form-container > div:first-child {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: 40% !important;
}

.dsl-card-duel-card .layout-form-content .form-container > div:last-child {
  flex: 60% !important;
}

.dsl-card-duel-card > .form-container > div:first-child {
  flex: 0 0 calc(50% - 10px);
  width: 50%;
  height: 100% !important;
}

.dsl-card-duel-card > .form-container > div:first-child .dsl-tab-container {
  height: 100% !important;
}

.dsl-card-duel-card > .form-container > div:last-child {
  flex: 0 0 calc(50% - 10px);
  width: 50%;
  height: 100% !important;
}

.dsl-card-duel-card > .form-container > div:last-child .dsl-tab-area {
  min-height: auto !important;
}

.dsl-card-duel-card > div.form-container > div.form-container > div.dsl-templ-area .cardarea > h3 {
  display: none;
}

.dsl-card-duel-card.flip > .form-container {
  flex-direction: row-reverse;
}

.dsl-card-duel-card .layout-form-content .form-container > div:first-child {
  flex: 50% !important;
}

.dsl-card-duel-card .layout-form-content .form-container > div:last-child {
  height: 100%;
  flex: 50% !important;
}

.billing-invoice-details {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.billing-invoice-details .cardarea {
  border-radius: 0 !important;
}

.billing-invoice-details .billing-invoice-details-widget-container {
  background-color: var(--color-transparent-white);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  max-height: 121px;
  padding: 4px 16px 16px;
  display: flex;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  height: 48px;
  display: flex;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item {
  flex-direction: row;
  gap: 5px;
  display: flex;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item .label {
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--color-text-400);
  font-size: 14px;
  font-weight: 400;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item .value {
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 500;
}

.billing-invoice-details .billing-invoice-details-widget-container .widget-cash-posting-info {
  padding-right: 0 !important;
}

.billing-invoice-details .billing-invoice-details-widget-container .widget-cash-posting-name {
  color: var(--color-text);
  font-size: 14px;
  font-weight: 500;
}

.billing-invoice-details .billing-invoice-details-widget-container .widget-cash-posting-actions {
  padding-left: 12px;
}

.billing-invoice-details .billing-invoice-details-widget-container .widget-cash-posting-desc, .billing-invoice-details .billing-invoice-details-widget-container .widget-cash-posting-copay, .billing-invoice-details .billing-invoice-details-widget-container .widget-cash-posting-paid {
  font-size: 14px;
}

.billing-invoice-details .billing-invoice-details-widget-container .widget-cash-posting-copay, .billing-invoice-details .billing-invoice-details-widget-container .widget-cash-posting-paid {
  font-weight: 500;
  color: var(--color-text) !important;
}

.billing-invoice-details .billing-invoice-details-widget-container .widget-cash-posting-desc {
  font-weight: 400;
  color: var(--color-text-400) !important;
}

.billing-invoice-details .billing-invoice-details-widget-container .cash-posting-actions {
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.billing-invoice-details .billing-invoice-details-widget-container .cash-posting-actions .widget-cash-posting {
  justify-content: flex-end;
}

.widget-cash-posting {
  color: #4d525c;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.widget-cash-posting-info {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 8px;
  display: flex;
}

.widget-cash-posting-info-details {
  flex-direction: row;
  gap: 16px;
  display: flex;
}

.widget-cash-posting p {
  margin-bottom: 3px;
}

.widget-cash-posting-count, .widget-cash-posting-name {
  font-weight: bold;
}

.widget-cash-posting-actions {
  gap: 8px;
  display: flex;
}

.widget-cash-posting-desc {
  color: #9b9fa8;
  display: inline-block;
}

.widget-cash-posting-copay {
  color: #4d525c;
  font-weight: 600;
}

.widget-cash-posting-paid {
  color: #cc7878;
  font-weight: 600;
}

.widget-cash-posting-actions {
  display: flex;
}

.widget-cash-posting .btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.widget-cash-posting .btn i {
  color: #5e636b;
}

.widget-cash-posting .btn:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.widget-cash-posting .btn.disabled, .widget-cash-posting .btn[disabled], .widget-cash-posting .btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.widget-cash-posting .btn.disabled i, .widget-cash-posting .btn[disabled] i, .widget-cash-posting .btn:disabled i {
  color: var(--gray-400);
}

.widget-cash-posting .btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.widget-cash-posting .btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.widget-cash-posting .btn:focus-visible {
  box-shadow: none;
}

.widget-cash-posting .btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.widget-cash-posting .btn i {
  margin-right: 10px;
}

.list-viewer-popover {
  width: 80%;
  height: 80%;
}

.list-viewer-popover > body {
  margin-top: 0;
}

.list-viewer-popover div {
  min-width: 0;
  min-height: 0;
}

.list-viewer-popover .dsl-list-bottom {
  padding: 0;
}

.query-list-skeleton {
  background-color: #fff;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
}

.query-list-skeleton .skeleton-header {
  background-color: var(--color-border-500, #f0f0f0);
  border-radius: 4px 4px 0 0;
  gap: 8px;
  padding: 12px 8px;
  display: flex;
}

.query-list-skeleton .skeleton-header .skeleton-cell {
  background-color: #00000014;
  border-radius: 4px;
  flex: 1;
  height: 18px;
}

.query-list-skeleton .skeleton-row {
  border-bottom: 1px solid var(--color-border-500, #f0f0f0);
  gap: 8px;
  padding: 14px 8px;
  display: flex;
}

.query-list-skeleton .skeleton-row:nth-child(odd) {
  background-color: var(--color-background-400, #fafafa);
}

.query-list-skeleton .skeleton-row .skeleton-cell {
  background-color: #0000000f;
  border-radius: 4px;
  flex: 1;
  height: 16px;
}

.query-list-skeleton .skeleton-pulse {
  animation: 1.5s ease-in-out infinite skeleton-pulse;
}

.dsl-state-checkbox {
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  display: flex;
}

.dsl-state-checkbox input[type="checkbox"] {
  appearance: none;
  border: 1px solid var(--gray-300, #d5d7da);
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  transition: all .15s;
  position: relative;
  margin: 0 !important;
}

.dsl-state-checkbox input[type="checkbox"]:hover {
  border-color: #837bb2;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb2;
}

.dsl-state-checkbox input[type="checkbox"]:focus, .dsl-state-checkbox input[type="checkbox"]:focus-visible {
  border-color: #837bb2;
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb2;
}

.dsl-state-checkbox input[type="checkbox"]:checked {
  background-color: #837bb2;
  border-color: #837bb2;
}

.dsl-state-checkbox input[type="checkbox"]:checked:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsl-state-checkbox input[type="checkbox"]:checked:hover {
  background-color: #6b61a3;
  border-color: #6b61a3;
}

.dsl-state-checkbox input[type="checkbox"]:disabled {
  cursor: not-allowed;
  background-color: #d5d7da;
  border-color: #d5d7da;
}

.dsl-state-checkbox input[type="checkbox"]:disabled:hover {
  box-shadow: none;
  border-color: #d5d7da;
}

.dsl-state-checkbox span {
  color: var(--gray-700, #4d525c);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.form-widget-container {
  flex-direction: column;
  flex-grow: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.form-widget-container .form-widget-top-buttons {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: fit-content;
  display: flex;
  position: relative;
  top: 0;
}

.form-widget-container .form-widget-top-buttons .form-widget-top-buttons-right, .form-widget-container .form-widget-top-buttons .form-widget-top-buttons-left {
  color: #5b83b0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 50%;
  padding: 8px;
  font-weight: 500;
  display: flex;
}

.form-widget-container .form-widget-top-buttons .form-widget-top-buttons-right .form-widget-top-buttons-right-fields, .form-widget-container .form-widget-top-buttons .form-widget-top-buttons-left .form-widget-top-buttons-right-fields {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  margin-right: 8px;
  display: flex;
}

.form-widget-container .form-widget-top-buttons .form-widget-top-buttons-right .form-widget-top-buttons-left-fields, .form-widget-container .form-widget-top-buttons .form-widget-top-buttons-left .form-widget-top-buttons-left-fields {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  display: flex;
}

.form-widget-container .dsl-card-duel-card {
  height: calc(100% - 36px) !important;
}

#flyout .form .form-widget-container .form-widget-top-buttons {
  background-color: #ededed;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: calc(100% - 12px);
  margin-inline: 8px;
  top: 4px;
}

#flyout .form .form-widget-container .dsl-card-duel-card .form-segment-container-flyout .form-container-flyout {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.user-input-dialog-container {
  z-index: 1000;
  backdrop-filter: blur(2px);
  isolation: isolate;
  background: radial-gradient(#0000001a 0%, #0000002e 65%, #00000038 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.user-input-dialog {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #fafafad1;
  border: 1px solid #ffffff80;
  border-radius: 14px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  min-width: 400px;
  max-width: 460px;
  max-height: 90vh;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 24px 48px #1419282e, 0 8px 16px #00000014;
}

.user-input-dialog:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  z-index: 0;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.user-input-dialog .user-input-dialog-header {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
  position: relative;
}

.user-input-dialog-title {
  color: var(--gray-700, #5e636b);
  letter-spacing: -.01em;
  flex: 1;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.user-input-dialog-close {
  cursor: pointer;
  color: #717680;
  background: #0000000a;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: all .15s;
  display: flex;
}

.user-input-dialog-close:hover {
  color: #5e636b;
  background: #00000014;
}

.user-input-dialog-close svg {
  width: 14px;
  height: 14px;
}

.user-input-dialog-description {
  color: #717680;
  letter-spacing: 0;
  z-index: 1;
  width: 100%;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}

.user-input-dialog-content {
  z-index: 1;
  background: #ffffffbf;
  border: 1px solid #0000000f;
  border-radius: 10px;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  min-height: 128px;
  padding: 12px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 2px #0000000a;
}

.user-input-dialog-label {
  color: #717680;
  letter-spacing: 0;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.user-input-dialog-label .required-mark {
  color: #5b83b0;
}

.user-input-dialog-value {
  color: #43464d;
  letter-spacing: 0;
  resize: vertical;
  background: none;
  border: none;
  width: 100%;
  min-height: 82px;
  padding: 0;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.user-input-dialog-value:focus {
  outline: none;
}

.user-input-dialog-value::placeholder {
  color: #a0a4ab;
}

.user-input-dialog-form, .user-input-dialog-record, .user-input-dialog-mode {
  display: none;
}

.user-input-dialog.select-mode .user-input-dialog-content {
  min-height: auto;
  overflow: visible;
}

.user-input-dialog.select-mode .user-input-dialog-content.select-content {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  min-height: auto !important;
  padding: 0 !important;
}

.user-input-dialog.select-mode .user-input-dialog-select {
  z-index: 10;
  position: relative;
  overflow: visible;
}

.user-input-dialog.select-mode .user-input-dialog-select .field-select {
  width: 100%;
  min-width: 360px;
}

.user-input-dialog.select-mode .user-input-dialog-select .field-select .react-select__control {
  align-items: center;
  display: flex;
}

.user-input-dialog.select-mode .user-input-dialog-select .field-select .react-select__value-container {
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.user-input-dialog.select-mode .user-input-dialog-select .field-select .react-select__placeholder, .user-input-dialog.select-mode .user-input-dialog-select .field-select .react-select__single-value {
  align-items: center;
  margin: 0;
  display: flex;
}

.user-input-dialog.select-mode .user-input-dialog-select .field-select .react-select__input-container {
  margin: 0;
  padding: 0;
}

.user-input-dialog-actions {
  z-index: 1;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 8px;
  display: flex;
  position: relative;
}

.user-input-dialog-button {
  cursor: pointer;
  letter-spacing: 0;
  border: none;
  border-radius: 10px;
  width: 100%;
  height: 44px;
  padding: 10px 16px;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-weight: 500;
  line-height: 24px;
  transition: all .15s;
  font-size: 15px !important;
}

.user-input-dialog-button.confirm {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.user-input-dialog-button.confirm i {
  color: #fff;
}

.user-input-dialog-button.confirm:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.user-input-dialog-button.confirm.disabled, .user-input-dialog-button.confirm[disabled], .user-input-dialog-button.confirm:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.user-input-dialog-button.confirm.disabled i, .user-input-dialog-button.confirm[disabled] i, .user-input-dialog-button.confirm:disabled i {
  color: var(--gray-400);
}

.user-input-dialog-button.confirm:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.user-input-dialog-button.confirm:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.user-input-dialog-button.confirm:focus-visible {
  box-shadow: none;
}

.user-input-dialog-button.confirm:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.user-input-dialog-button.close {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.user-input-dialog-button.close i {
  color: #fff;
}

.user-input-dialog-button.close:not(:has(i)) {
  background: linear-gradient(#ce7e7e 0%, #ca7272 100%);
}

.user-input-dialog-button.close.disabled, .user-input-dialog-button.close[disabled], .user-input-dialog-button.close:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.user-input-dialog-button.close.disabled i, .user-input-dialog-button.close[disabled] i, .user-input-dialog-button.close:disabled i {
  color: var(--gray-400);
}

.user-input-dialog-button.close:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.user-input-dialog-button.close:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.user-input-dialog-button.close:focus-visible {
  box-shadow: none;
}

.user-input-dialog-button.close:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.user-input-dialog-button.secondary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  border-radius: 10px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.user-input-dialog-button.secondary i {
  color: #5e636b;
}

.user-input-dialog-button.secondary:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.user-input-dialog-button.secondary.disabled, .user-input-dialog-button.secondary[disabled], .user-input-dialog-button.secondary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.user-input-dialog-button.secondary.disabled i, .user-input-dialog-button.secondary[disabled] i, .user-input-dialog-button.secondary:disabled i {
  color: var(--gray-400);
}

.user-input-dialog-button.secondary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.user-input-dialog-button.secondary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.user-input-dialog-button.secondary:focus-visible {
  box-shadow: none;
}

.user-input-dialog-button.secondary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.user-input-dialog-button.secondary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.user-input-dialog-button.change {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.user-input-dialog-button.change i {
  color: #5e636b;
}

.user-input-dialog-button.change:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.user-input-dialog-button.change.disabled, .user-input-dialog-button.change[disabled], .user-input-dialog-button.change:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.user-input-dialog-button.change.disabled i, .user-input-dialog-button.change[disabled] i, .user-input-dialog-button.change:disabled i {
  color: var(--gray-400);
}

.user-input-dialog-button.change:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.user-input-dialog-button.change:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.user-input-dialog-button.change:focus-visible {
  box-shadow: none;
}

.user-input-dialog-button.change:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.user-input-dialog-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.field-select {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.field-select span {
  letter-spacing: 0;
  text-align: left;
  color: #77797d;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.field-select input, .field-select textarea {
  border: unset;
  border-bottom: 1px solid #dcdcdc;
  line-height: 17px;
  color: var(--gray-700) !important;
  font-family: Soehne, sans-serif !important;
  font-weight: 500 !important;
}

.internal-select-field-container {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.internal-select-field-container .internal-select-field-container:has(.field-select input:focus) .select-field-label, .internal-select-field-container .internal-select-field-container:has(.field-select [class*="singleValue"]) .select-field-label, .internal-select-field-container .internal-select-field-container:has(.field-select [class*="multiValue"]) .select-field-label {
  top: var(--spacing-standard);
  font-size: var(--font-size-xsmall);
}

.internal-select-field-container .select-field-label {
  top: var(--spacing-standard);
  left: var(--spacing-xlarge);
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-regular);
  color: var(--color-text);
  z-index: 1;
  pointer-events: none;
  position: absolute !important;
}

.window-manager-content:has(.create-delivery-ticket) {
  padding-bottom: 8px !important;
}

.create-delivery-ticket {
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: flex;
}

.create-delivery-ticket .wizard-container {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.create-delivery-ticket .selection-grid-container {
  background-color: #0000;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  min-height: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-right: 8px;
  display: flex;
}

.create-delivery-ticket .selection-grid-container .dsl-advanced-grid {
  min-height: 100px;
}

.create-delivery-ticket .dt-mini-dsl-view {
  border-radius: 12px;
  justify-content: center;
  align-items: flex-start;
  min-height: 126px;
  margin-bottom: 8px;
  display: flex;
}

.create-delivery-ticket .dt-mini-dsl-view .cardarea {
  width: 100%;
  height: auto !important;
}

.create-delivery-ticket .dt-mini-dsl-view .form-group {
  min-height: auto;
  height: auto !important;
}

.create-delivery-ticket .prescription-info-text {
  letter-spacing: 0;
  color: #5e636b;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.create-delivery-ticket .filter-container {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  height: 54px;
  margin-bottom: 10px;
  display: flex;
}

.create-delivery-ticket .filter-container > div {
  flex-basis: 50%;
}

.create-delivery-ticket .supply-kit-select-field-container {
  box-sizing: border-box;
  flex: 1;
  height: 100%;
  position: relative;
}

.create-delivery-ticket .supply-kit-select-field-container .supply-kit-select-field-label {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  z-index: 1;
  pointer-events: none;
  font-size: 11px;
  font-weight: 400;
  top: 8px;
  left: 14px;
  position: absolute !important;
}

.create-delivery-ticket .supply-kit-select-field-container .field-select {
  height: 100%;
}

.create-delivery-ticket .supply-kit-select-field-container .field-select .rs__placeholder {
  display: none;
}

.create-delivery-ticket .supply-kit-select-field-container .field-select .rs__control {
  height: 100%;
  min-height: unset;
}

.create-delivery-ticket .supply-kit-select-field-container .field-select .rs__value-container {
  padding: 0 12px;
  transform: translateY(-1px);
}

.create-delivery-ticket .supply-kit-select-field-container .field-select .rs__input-container {
  margin: 0 !important;
  padding: 0 !important;
}

.create-delivery-ticket .search-bar {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  width: 100%;
  max-width: 40%;
  min-height: 40px;
  max-width: unset;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: #ffffff5c !important;
  border: 1px solid #fff6 !important;
  height: 100% !important;
  font-weight: 400 !important;
  box-shadow: 0 10px 30px #00000014, 0 1px 2px #0000000f, inset 0 1px #ffffff59 !important;
}

.create-delivery-ticket .search-bar:focus-within {
  background: #ffffff80 !important;
  border-color: #ffffffa6 !important;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c !important;
}

.create-delivery-ticket .search-bar > div {
  flex: 1;
}

.create-delivery-ticket .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.create-delivery-ticket .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.create-delivery-ticket .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.create-delivery-ticket .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.create-delivery-ticket .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.create-delivery-ticket .search-bar:focus-within img {
  opacity: .95;
}

.create-delivery-ticket .dsl-advanced-grid .ag-header-cell .ag-header-cell-label {
  letter-spacing: 0;
  vertical-align: middle;
  color: #949491;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.create-delivery-ticket .dsl-advanced-grid .secondary-cell {
  font-weight: 500;
  font-style: medium;
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: #5e636b;
  font-size: 14px;
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .bold-cell {
  font-weight: 600;
  font-style: bold;
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: #5e636b;
  font-size: 14px;
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .red-cell {
  color: #cc7878;
}

.create-delivery-ticket .dsl-advanced-grid .item-cell, .create-delivery-ticket .dsl-advanced-grid .item-cell .ag-cell-value {
  font-weight: 600;
  font-style: bold;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #5e636b;
  font-size: 14px;
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .qoh-cell .ag-cell-wrapper {
  justify-content: right;
}

.create-delivery-ticket .dsl-advanced-grid .bill-cell .ag-cell-wrapper {
  justify-content: center;
}

.create-delivery-ticket .dsl-advanced-grid .hcpc-cell, .create-delivery-ticket .dsl-advanced-grid .hcpc-cell .ag-cell-value, .create-delivery-ticket .dsl-advanced-grid .container-quantity-cell, .create-delivery-ticket .dsl-advanced-grid .container-quantity-cell .ag-cell-value {
  font-weight: 500;
  font-style: medium;
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: #5e636b;
  font-size: 14px;
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .container-quantity-cell .ag-cell-wrapper {
  justify-content: right;
}

.create-delivery-ticket .dsl-advanced-grid .manufacturer-cell, .create-delivery-ticket .dsl-advanced-grid .manufacturer-cell .ag-cell-value {
  font-weight: 500;
  font-style: medium;
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: #5e636b;
  font-size: 14px;
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .qoh, .create-delivery-ticket .dsl-advanced-grid .qoh .ag-cell-value {
  font-weight: 600;
  font-style: bold;
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: #5e636b;
  font-size: 14px;
  line-height: 20px;
}

.create-delivery-ticket .associated-prescription-select-container {
  min-width: 300px;
  max-width: 300px;
}

.create-delivery-ticket .associated-prescription-select-container.has-errors {
  border-bottom: 1px solid #cc7878 !important;
}

.create-delivery-ticket .ag-cell-wrapper {
  width: 100%;
  height: 100%;
}

.create-delivery-ticket .wizard-container {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  margin-bottom: 10px;
  display: flex;
}

.create-delivery-ticket .subtitle {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #9b9fa8;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
}

.create-delivery-ticket .main-cell {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #5e636b;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.create-delivery-ticket .default-style {
  padding-left: 0 !important;
}

.create-delivery-ticket .footer .info-container {
  letter-spacing: 0;
  vertical-align: middle;
  color: #cc7878;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.create-delivery-ticket .footer .action-right-cnt {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
  display: flex;
}

.create-delivery-ticket .ag-grid-generic-input-container .left-icon {
  position: relative;
  left: 30px;
}

.create-delivery-ticket .mini-form.form-container.cardarea.container {
  background-color: #fff;
}

.information-block-container {
  flex-direction: row;
  gap: 12px;
  padding-right: 8px;
  display: flex;
}

.information-block {
  flex-direction: row;
  flex-shrink: 1;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.information-block .information-block-label {
  letter-spacing: 0;
  vertical-align: middle;
  color: var(--color-text);
  opacity: .9;
  flex-shrink: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.information-block .information-block-value {
  letter-spacing: 0;
  vertical-align: middle;
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  min-width: 0;
  padding-left: 4px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.information-block.error-text .information-block-value {
  color: #d32f2f;
}

.expandable-wizard-step {
  background: none;
  border-radius: 6px;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.expandable-wizard-step.has-errors .header .header-left-title {
  color: #cc7878 !important;
}

.expandable-wizard-step.has-errors .header .header-left-count {
  background: #cc7878 !important;
}

.expandable-wizard-step.max-height {
  flex-shrink: 1;
}

.expandable-wizard-step.max-height .content.expanded {
  flex-direction: column;
  height: auto;
  max-height: calc(100vh - 350px);
  display: flex;
  overflow: auto;
}

.expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container.level_1) {
  height: calc(100vh - 350px);
  overflow: hidden;
}

.expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container.level_1) .section-container {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.expandable-wizard-step .header {
  z-index: 50;
  backdrop-filter: blur(2px) saturate(80%);
  cursor: pointer;
  background: #ffffffbf;
  border: 1px solid #ffffff59;
  border-radius: 14px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  padding: 12px 16px;
  display: flex;
  box-shadow: 0 1px 2px #0000000a, 0 8px 24px #0000000f;
}

.expandable-wizard-step .header .header-left {
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  min-width: fit-content;
  display: flex;
}

.expandable-wizard-step .header .header-left .header-left-icon {
  color: #5e636b;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  display: flex;
}

.expandable-wizard-step .header .header-left .header-left-icon img {
  width: 12px;
  height: 12px;
}

.expandable-wizard-step .header .header-left .header-left-icon svg {
  fill: currentColor;
}

.expandable-wizard-step .header .header-left .header-left-title {
  letter-spacing: .04em;
  color: #668eba;
  flex-shrink: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
}

.expandable-wizard-step .header .header-left .header-left-count {
  text-align: center;
  color: #fff;
  background: #668eba;
  border-radius: 50px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  min-height: 22px;
  padding: 1px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.expandable-wizard-step .header .header-right {
  min-width: 10px;
}

.expandable-wizard-step .content {
  background: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  flex-direction: column;
  padding: 8px;
  display: none;
  overflow: visible;
}

.expandable-wizard-step .content.expanded {
  display: flex;
}

.expandable-wizard-step .content .mini-form {
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  height: fit-content;
  margin-top: 12px;
  margin-bottom: 4px;
  padding-bottom: 12px;
}

.expandable-wizard-step .content .mini-form .form-container, .expandable-wizard-step .content .mini-form .cardform {
  height: auto !important;
}

.expandable-wizard-step .content .mini-form .cardarea {
  width: 100%;
  height: auto !important;
}

.expandable-wizard-step .content .mini-form .form-group {
  min-height: auto;
  height: auto !important;
}

.expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) {
  background: none;
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
}

.expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) .form-container, .expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) .cardform, .expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) .cardarea {
  flex-direction: column;
  flex: 1;
  display: flex;
  height: 100% !important;
}

.expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 .dsl-tab-area {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.tooltip-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.tooltip-box {
  color: #f9f9f7;
  white-space: nowrap;
  z-index: 1000;
  opacity: 0;
  background: #f9f9f7;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 13px;
  animation: .2s forwards fadeIn;
  position: absolute;
  box-shadow: 0 2px 8px #00000026;
}

.tooltip-box.tooltip-box-fixed {
  position: fixed;
}

.tooltip-box:not(.tooltip-box-fixed).tooltip-top {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-box:not(.tooltip-box-fixed).tooltip-bottom {
  margin-top: 8px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-box:not(.tooltip-box-fixed).tooltip-left {
  margin-right: 8px;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.tooltip-box:not(.tooltip-box-fixed).tooltip-right {
  margin-left: 8px;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.tooltip-arrow {
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltip-arrow-top {
  border-width: 6px 6px 0;
  border-color: #f9f9f7 #0000 #0000;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-arrow-bottom {
  border-width: 0 6px 6px;
  border-color: #0000 #0000 #f9f9f7;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-arrow-left {
  border-width: 6px 0 6px 6px;
  border-color: #0000 #0000 #0000 #f9f9f7;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.tooltip-arrow-right {
  border-width: 6px 6px 6px 0;
  border-color: #0000 #f9f9f7 #0000 #0000;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.tooltip-default-trigger, .tooltip-default-trigger * {
  text-underline-offset: 5px;
  cursor: pointer;
  color: #837bb2;
  margin: 0;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-style: dashed;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.selected-items-tooltip {
  color: #5e636b;
  width: max-content;
  max-width: 300px;
}

.selected-items-tooltip p {
  margin: 0;
}

.selected-items-tooltip__list {
  max-height: 200px;
  padding-top: 5px;
  overflow: hidden auto;
}

.selected-items-tooltip__list__heading {
  justify-content: center;
  margin-bottom: 5px;
  display: block;
}

.selected-items-tooltip__list li {
  white-space: break-spaces;
  margin-bottom: 5px;
}

.dsl-advanced-grid {
  width: 100%;
  height: 100%;
  position: relative;
}

.dsl-advanced-grid .ag-right-aligned-header {
  text-align: right !important;
  justify-content: flex-end !important;
}

.dsl-advanced-grid .ag-column-select {
  padding-top: 12px;
}

.dsl-advanced-grid .ag-checkbox-input-wrapper {
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  transition: all .15s;
}

.dsl-advanced-grid .ag-checkbox-input-wrapper:after {
  color: #fff;
}

.dsl-advanced-grid .ag-checkbox-input-wrapper:hover {
  border-color: #837bb2;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb24d;
}

.dsl-advanced-grid .ag-checkbox-input-wrapper.ag-checked {
  background-color: #837bb2;
  border-color: #837bb2;
}

.dsl-advanced-grid .ag-checkbox-input-wrapper.ag-checked:hover {
  background-color: #726aa1;
  border-color: #726aa1;
}

.dsl-advanced-grid .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: #837bb2;
  border-color: #837bb2;
}

.dsl-advanced-grid .ag-checkbox-input-wrapper input[type="checkbox"] {
  cursor: pointer;
}

.dsl-advanced-grid .ag-header-cell .ag-checkbox-input-wrapper:hover {
  box-shadow: 0 0 0 2px var(--color-border-500), 0 0 0 4px #837bb24d;
}

.dsl-advanced-grid .ag-full-width-row {
  transition: height .1s ease-out !important;
}

.dsl-advanced-grid .ag-details-row {
  transition: opacity .1s ease-out !important;
}

.dsl-advanced-grid .ag-row {
  transition: transform .1s ease-out, opacity .1s ease-out !important;
}

.dsl-advanced-grid .ag-header-cell.ag-column-first {
  padding-left: 16px !important;
}

.dsl-advanced-grid .header-align-right, .dsl-advanced-grid .cell-align-right {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .header-align-center, .dsl-advanced-grid .header-align-center .ag-header-cell-label, .dsl-advanced-grid .cell-align-center {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .ag-loading {
  justify-content: center;
}

.dsl-advanced-grid .ag-loading-icon {
  margin-right: 8px;
}

.dsl-advanced-grid .ag-tool-panel-wrapper .ag-react-container {
  width: 100%;
}

.dsl-advanced-grid .ag-header-cell-label {
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell .ag-header-cell-label, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell .ag-header-cell-label .ag-header-cell-text {
  font-size: calc(var(--ag-grid-font-size, 14px) - 2px) !important;
  font-weight: 400 !important;
}

.dsl-advanced-grid .ag-popup-child .context-menu-action .ag-menu-option-icon i {
  color: #a3a3a0;
}

.dsl-advanced-grid .ag-popup-child .context-menu-action .ag-menu-option-text {
  color: var(--color-text);
}

.dsl-advanced-grid .ag-popup-child .ag-menu-option .ag-menu-option-icon i {
  color: #a3a3a0;
}

.dsl-advanced-grid .ag-popup-child .ag-menu-option .ag-menu-option-text {
  color: var(--color-text);
}

.dsl-advanced-grid .ag-popup-child .context-menu-action-danger .ag-menu-option-icon i, .dsl-advanced-grid .ag-popup-child .context-menu-action-danger .ag-menu-option-text {
  color: #e58787;
}

.dsl-advanced-grid .ag-popup-child .context-menu-action-primary .ag-menu-option-icon i {
  color: var(--color-secondary-300);
}

.dsl-advanced-grid .ag-popup-child .context-menu-action-primary .ag-menu-option-text {
  color: var(--color-tertiary);
}

.dsl-advanced-grid .agc-toolbar-container {
  cursor: default;
  white-space: normal;
  -webkit-font-smoothing: antialiased;
  line-height: normal;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  flex-direction: column;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-title {
  height: var(--ag-header-height);
  justify-content: center;
  font-weight: 500;
}

.dsl-advanced-grid .agc-toolbar-container .agc-toolbar-layout {
  padding: 10px;
  padding-left: var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-tool-panel-separator-border);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-toolbar-layout .agc-toolbar-btn-group {
  flex-direction: row;
  gap: 10px;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-toolbar-layout .dsl-action-btn {
  border-radius: 4px !important;
  padding: 4px 6px !important;
}

.dsl-advanced-grid .ag-icon-config:before {
  background-color: #0000 !important;
}

.dsl-advanced-grid .ag-cell-value {
  font-size: var(--ag-grid-font-size, 14px);
  font-weight: normal;
}

.dsl-advanced-grid .ag-cell-value:has(span) {
  text-align: center;
  justify-content: center;
  width: 100%;
}

.dsl-advanced-grid .ag-cell-value span {
  vertical-align: middle;
  font-size: var(--ag-grid-font-size, 14px);
  border-radius: 64px;
  max-width: fit-content;
  font-weight: 400;
}

.dsl-advanced-grid .ag-cell-value span.status-error {
  color: #fff;
  background-color: #e58787;
  padding: 4px 8px;
  font-weight: 500;
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
}

.dsl-advanced-grid .ag-cell-value span.status-warning {
  color: #fff;
  background-color: #e89e64;
  padding: 4px 8px;
  font-weight: 500;
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
}

.dsl-advanced-grid .ag-cell-value span.status-pending {
  color: #fff;
  background-color: #5b83b0;
  padding: 4px 8px;
  font-weight: 500;
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
}

.dsl-advanced-grid .ag-cell-value span.status-onhold {
  color: #fff;
  background-color: #949491;
  padding: 4px 8px;
  font-weight: 500;
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
}

.dsl-advanced-grid .ag-cell-value span.status-paid {
  color: #fff;
  background-color: #7db8a5;
  padding: 4px 8px;
  font-weight: 500;
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
}

.dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"], .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"] {
  color: var(--color-text-800) !important;
}

.dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"] .ag-header-cell-label, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label .ag-header-cell-text, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label .ag-header-cell-text, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label .ag-header-cell-text, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"] .ag-header-cell-label .ag-header-cell-text {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
}

.dsl-advanced-grid .ag-header-cell.ag-center-header .ag-header-cell-label {
  justify-content: center;
}

.dsl-advanced-grid .ag-header-cell.ag-right-header .ag-header-cell-label {
  justify-content: flex-end;
}

.dsl-advanced-grid .ag-header-cell.ag-left-header .ag-header-cell-label {
  justify-content: flex-start;
}

.dsl-advanced-grid .ag-header-cell-sortable .ag-header-cell-label .ag-sort-indicator-container {
  order: -1;
  margin-right: 5px;
}

.dsl-advanced-grid .ag-side-bar .ag-side-buttons {
  background-color: var(--color-border-500);
  flex-direction: column;
  gap: 4px;
  padding: 2px;
  display: flex;
}

.dsl-advanced-grid .ag-side-bar .ag-side-buttons .ag-side-button {
  color: var(--color-primary);
  background-color: #fff;
  padding: 12px 5px;
  font-size: 14px;
  font-weight: 500;
  overflow-y: auto;
}

.dsl-advanced-grid .ag-row {
  color: #4d525c;
  border-width: 0 !important;
}

.dsl-advanced-grid .ag-header-viewport {
  background-color: var(--color-border-500) !important;
}

.dsl-advanced-grid .ag-side-bar .ag-side-buttons .ag-side-button:first-child {
  border-radius: 0 10px 0 0;
}

.dsl-advanced-grid .ag-side-bar .ag-side-buttons .ag-side-button .ag-side-button-button {
  padding: 0 !important;
}

.dsl-advanced-grid:has(.ag-side-bar) .ag-header-cell:last-child .ag-header-cell-menu-button, .dsl-advanced-grid:has(.ag-side-bar) .ag-header-cell:last-child .ag-header-menu-icon, .dsl-advanced-grid:has(.ag-side-bar) .ag-header-cell:last-child .ag-header-icon, .dsl-advanced-grid:has(.ag-side-bar) .ag-header-cell:last-child {
  border-top-right-radius: 0 !important;
}

.dsl-advanced-grid .ag-cell {
  -webkit-font-smoothing: antialiased !important;
}

.dsl-advanced-grid .ag-cell.ag-cell-last-left-pinned {
  border-right: none !important;
}

.dsl-advanced-grid .ag-cell.ag-cell-first-right-pinned, .dsl-advanced-grid .ag-cell.ag-cell-last-right-pinned {
  border-color: #0000 !important;
  border-left-style: none !important;
  border-left-width: medium !important;
}

.dsl-advanced-grid .ag-header-cell.ag-header-cell-last-left-pinned {
  border-right: none !important;
}

.dsl-advanced-grid .even-background {
  background-color: var(--color-background-400);
}

.dsl-advanced-grid .odd-background {
  background-color: "#FFFFFF";
}

.dsl-advanced-grid .sorted-column {
  color: #4d525c;
  font-size: 14px;
}

.dsl-advanced-grid .sorted-column .ag-cell-value {
  font-weight: 600;
}

.dsl-advanced-grid .unsorted-columns {
  color: #5e636b;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
}

.dsl-advanced-grid .header-style {
  background-color: var(--color-border-500);
  color: #5a5e67;
  padding-left: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.dsl-advanced-grid .ag-header-cell, .dsl-advanced-grid .ag-header-group-cell-with-group {
  background-color: var(--color-border-500);
}

.dsl-advanced-grid .ag-header-cell.ag-header-cell-locked, .dsl-advanced-grid .ag-header-cell.ag-header-cell-locked.ag-header-cell-sorted-asc, .dsl-advanced-grid .ag-header-cell.ag-header-cell-locked.ag-header-cell-sorted-desc {
  background-color: color-mix(in srgb, var(--color-border-500) 98%, black);
}

.dsl-advanced-grid .default-style {
  padding-left: 37px;
}

@media (width <= 768px) {
  .dsl-advanced-grid .ag-side-bar .ag-side-buttons .ag-side-button {
    font-size: 10px;
  }
}

.dsl-advanced-grid .ag-cell:has(.table-select), .dsl-advanced-grid .ag-cell-wrapper:has(.table-select), .dsl-advanced-grid .ag-cell-value:has(.table-select) {
  overflow: visible !important;
}

.dsl-advanced-grid .ag-row:has(.table-select) {
  z-index: 1;
  overflow: visible !important;
}

.dsl-advanced-grid .ag-row:has(.table-select .rs__control--is-focused), .dsl-advanced-grid .ag-row:has(.table-select .rs__menu), .dsl-advanced-grid .ag-row:has(.table-select .react-select__control--is-focused), .dsl-advanced-grid .ag-row:has(.table-select .react-select__menu) {
  z-index: 100 !important;
}

.dsl-advanced-grid .dt-td-select {
  vertical-align: middle;
}

.dsl-advanced-grid .table-select {
  box-sizing: border-box;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0 8px;
  display: flex;
}

.dsl-advanced-grid .table-select .field-select {
  width: 100%;
}

.dsl-advanced-grid .table-select .rs__control, .dsl-advanced-grid .table-select .react-select__control {
  height: 38px !important;
  min-height: 38px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  background: none !important;
  border: 1px solid #00000014 !important;
  border-radius: 4px !important;
  outline: none !important;
  transition: all .15s !important;
}

.dsl-advanced-grid .table-select .rs__value-container, .dsl-advanced-grid .table-select .react-select__value-container {
  cursor: pointer;
  pointer-events: none;
  align-items: center;
  padding: 0 12px;
  display: flex;
  position: relative;
}

.dsl-advanced-grid .table-select .rs__input-container, .dsl-advanced-grid .table-select .react-select__input-container {
  margin: 0;
  padding: 0;
  color: #0000 !important;
  caret-color: #0000 !important;
}

.dsl-advanced-grid .table-select .rs__input-container input, .dsl-advanced-grid .table-select .react-select__input-container input {
  cursor: pointer !important;
  caret-color: #0000 !important;
}

.dsl-advanced-grid .table-select .rs__single-value, .dsl-advanced-grid .table-select .rs__placeholder, .dsl-advanced-grid .table-select .react-select__single-value, .dsl-advanced-grid .table-select .react-select__placeholder {
  pointer-events: none;
  font-size: 14px;
}

.dsl-advanced-grid .table-select .rs__indicators, .dsl-advanced-grid .table-select .react-select__indicators {
  pointer-events: none;
  align-items: center;
  height: 100%;
  display: flex;
}

.dsl-advanced-grid .table-select .rs__indicator, .dsl-advanced-grid .table-select .react-select__indicator {
  pointer-events: auto;
  align-items: center;
  padding: 0 8px;
  display: flex;
}

.dsl-advanced-grid .table-select .rs__dropdown-indicator svg, .dsl-advanced-grid .table-select .react-select__dropdown-indicator svg {
  fill: #00000080;
  width: 16px;
  height: 16px;
  transform: scale(.9);
}

.dsl-advanced-grid .table-select .rs__indicator-separator, .dsl-advanced-grid .table-select .react-select__indicator-separator {
  display: none;
}

.dsl-advanced-grid .table-select .rs__control:hover, .dsl-advanced-grid .table-select .react-select__control:hover {
  background: none !important;
  border-color: #00000024 !important;
}

.dsl-advanced-grid .table-select .rs__control:hover .rs__dropdown-indicator svg, .dsl-advanced-grid .table-select .react-select__control:hover .rs__dropdown-indicator svg, .dsl-advanced-grid .table-select .rs__control:hover .react-select__dropdown-indicator svg, .dsl-advanced-grid .table-select .react-select__control:hover .react-select__dropdown-indicator svg {
  fill: #000000a0;
}

.dsl-advanced-grid .table-select .rs__control--is-focused, .dsl-advanced-grid .table-select .react-select__control--is-focused {
  box-shadow: none !important;
  background: none !important;
  border-color: #0000000a !important;
  outline: none !important;
}

.dsl-advanced-grid .table-select .rs__control--menu-is-open, .dsl-advanced-grid .table-select .react-select__control--menu-is-open {
  background: none !important;
  border-color: #00000024 !important;
}

.dsl-advanced-grid .table-select .rs__menu, .dsl-advanced-grid .table-select .react-select__menu {
  z-index: 99999;
  border: 1px solid #00000014;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 14px 40px #0000002e;
}

.dsl-advanced-grid .table-select .rs__option, .dsl-advanced-grid .table-select .react-select__option {
  padding: 8px 10px;
  font-size: 12.5px;
}

.dsl-advanced-grid .table-select .rs__option--is-focused, .dsl-advanced-grid .table-select .react-select__option--is-focused {
  background: #5f7dc81a;
}

.dsl-advanced-grid .table-select .rs__option--is-selected, .dsl-advanced-grid .table-select .react-select__option--is-selected {
  background: #5f7dc82e;
}

.dsl-advanced-grid .table-select .ant-select-selector {
  background: none !important;
  border-color: #00000014 !important;
  border-radius: 4px !important;
  height: 38px !important;
  min-height: 38px !important;
  transition: all .15s !important;
}

.dsl-advanced-grid .table-select.ant-select-focused .ant-select-selector {
  background: #fffffff2 !important;
  border-color: #837bb3a6 !important;
}

.dsl-advanced-grid .table-select .ant-select-arrow {
  opacity: .5;
  color: #00000080;
}

.dsl-advanced-grid .ag-row:hover .table-select .rs__control, .dsl-advanced-grid .ag-row:hover .table-select .react-select__control {
  background: #ffffffbf;
  border-color: #0000001a;
}

.dsl-advanced-grid .ag-row:hover .table-select .ant-select-selector {
  background: #ffffffbf !important;
  border-color: #0000001a !important;
}

.dsl-advanced-grid .ag-row:hover .table-select .ant-select-arrow {
  opacity: .5;
}

.dsl-advanced-grid .rs__menu-portal, .dsl-advanced-grid .react-select__menu-portal {
  z-index: 99999 !important;
}

.dsl-advanced-grid .dropdown-actions-container {
  cursor: pointer;
  background: none;
  border: 1px solid #00000014;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 38px;
  margin: 8px;
  padding: 0 12px;
  transition: all .15s;
  display: flex;
}

.dsl-advanced-grid .dropdown-actions-container .menu-icon {
  color: #00000080;
  font-size: 14px;
}

.dsl-advanced-grid .dropdown-actions-container .arrow-down-icon {
  fill: #00000080;
  width: 16px;
  height: 16px;
  transform: scale(.9);
}

.dsl-advanced-grid .dropdown-actions-container:hover {
  background: #ffffffd9;
  border-color: #00000024;
}

.dsl-advanced-grid .dropdown-actions-container:hover .menu-icon {
  color: #000000a0;
}

.dsl-advanced-grid .dropdown-actions-container:hover .arrow-down-icon {
  fill: #000000a0;
}

.dsl-advanced-grid .dropdown-actions-container:active, .dsl-advanced-grid .dropdown-actions-container:focus {
  background: #fffffff2;
  border-color: #00000024;
  outline: none;
}

.dsl-advanced-grid .ag-row:hover .dropdown-actions-container {
  background: #ffffffbf;
  border-color: #0000001a;
}

.dsl-advanced-grid .ag-row:hover .dropdown-actions-container .arrow-down-icon {
  fill: #00000080;
}

.dsl-advanced-grid .ag-no-rows-custom {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.dsl-advanced-grid .ag-no-rows-custom .ag-no-rows-icon {
  margin-bottom: 12px;
}

.dsl-advanced-grid .ag-no-rows-custom .ag-no-rows-icon i {
  color: var(--color-text-300);
  font-size: 32px;
}

.dsl-advanced-grid .ag-no-rows-custom .ag-no-rows-title {
  color: var(--color-text-300);
  font-size: 14px;
  font-weight: 500;
}

.dsl-advanced-grid .ag-overlay-no-matching-rows-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.dsl-advanced-grid .ag-overlay-no-matching-rows-wrapper:before {
  content: "";
  color: var(--color-text-300);
  margin-bottom: 12px;
  font-family: "Font Awesome 6 Pro";
  font-size: 32px;
  font-weight: 400;
  display: block;
}

.dsl-advanced-grid .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center {
  color: var(--color-text-300);
  font-size: 14px;
  font-weight: 500;
}

.dsl-advanced-grid .ag-loading-error-custom {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.dsl-advanced-grid .ag-loading-error-custom .ag-loading-error-icon {
  margin-bottom: 12px;
}

.dsl-advanced-grid .ag-loading-error-custom .ag-loading-error-icon i {
  color: var(--color-text-300);
  font-size: 32px;
}

.dsl-advanced-grid .ag-loading-error-custom .ag-loading-error-title {
  color: var(--color-text-300);
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
}

.dsl-advanced-grid .ag-loading-error-custom .ag-loading-error-subtitle {
  color: var(--color-text-300);
  font-size: 14px;
}

.dsl-advanced-grid .ag-error-overlay {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 40px 20px;
  display: flex;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-icon {
  margin-bottom: 8px;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-icon i {
  color: #e53e3e;
  font-size: 48px;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-title {
  color: var(--color-text-900);
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-message {
  color: var(--color-text-600);
  max-width: 400px;
  margin-bottom: 12px;
  font-size: 14px;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-retry-btn {
  color: #fff;
  cursor: pointer;
  background-color: #837bb2;
  border: none;
  border-radius: 6px;
  margin-top: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all .15s;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-retry-btn:hover {
  background-color: #726aa1;
  box-shadow: 0 2px 8px #837bb24d;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-retry-btn:active {
  transform: translateY(1px);
}

.dsl-advanced-grid .ag-error-overlay .ag-error-retry-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px #837bb24d;
}

.dsl-advanced-grid .ag-custom-error-overlay {
  z-index: 1000;
  text-align: center;
  background-color: #fffffffa;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 40px 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-icon {
  margin-bottom: 8px;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-icon i {
  color: #d98080;
  font-size: 48px;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-title {
  color: var(--color-text);
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-message {
  color: var(--color-text);
  max-width: 400px;
  margin-bottom: 12px;
  font-size: 14px;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-retry-btn {
  color: #fff;
  cursor: pointer;
  background-color: #837bb2;
  border: none;
  border-radius: 6px;
  align-items: center;
  margin-top: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-retry-btn:hover {
  background-color: #726aa1;
  box-shadow: 0 2px 8px #837bb24d;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-retry-btn:active {
  transform: translateY(1px);
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-retry-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px #837bb24d;
}

.view-counts-modal {
  background-color: #ededed;
  border: 1px solid #b4b4b480;
  border-radius: 12px;
  flex-direction: column;
  min-width: 400px;
  max-width: 600px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 12px 32px #14192826;
}

.view-counts-modal .view-counts-modal-header {
  border-bottom: 1px solid #00000014;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-title {
  color: #4d525c;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-title i {
  color: #837bb2;
  font-size: 18px;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-close {
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: all .15s;
  display: flex;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-close i {
  color: #717680;
  font-size: 14px;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-close:hover {
  background-color: #0000000d;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-close:hover i {
  color: #4d525c;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-close:active {
  background-color: #00000014;
}

.view-counts-modal .view-counts-modal-body {
  flex: 1;
  padding: 0;
  overflow: auto;
}

.view-counts-modal .view-counts-modal-body .view-counts-no-data {
  color: var(--color-text-300, #9b9fa8);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 20px;
  display: flex;
}

.view-counts-modal .view-counts-modal-body .view-counts-no-data i {
  font-size: 36px;
}

.view-counts-modal .view-counts-modal-body .view-counts-no-data span {
  font-size: 14px;
  font-weight: 500;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container {
  width: 100%;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-root-wrapper {
  border: none;
  border-radius: 0;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-header {
  background-color: var(--color-border-500, #e8e9eb);
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-header-cell {
  background-color: var(--color-border-500, #e8e9eb);
  color: #5a5e67;
  font-size: 12px;
  font-weight: 500;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-row {
  border: none;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-row-even {
  background-color: #fff;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-row-odd {
  background-color: var(--color-background-400, #f6f7f8);
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-cell {
  color: #4d525c;
  font-size: 13px;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .view-counts-value-cell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .view-counts-count-cell {
  text-align: right;
  font-weight: 500;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-paging-panel {
  border-top: 1px solid #00000014;
  padding: 8px 12px;
  font-size: 12px;
}

.view-counts-modal .view-counts-modal-footer {
  background-color: #ffffff80;
  border-top: 1px solid #00000014;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  display: flex;
}

.view-counts-modal .view-counts-modal-footer .view-counts-summary .view-counts-total {
  color: #717680;
  font-size: 13px;
}

.view-counts-modal .view-counts-modal-footer .view-counts-close-btn {
  color: #fff;
  cursor: pointer;
  background-color: #837bb2;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all .15s;
}

.view-counts-modal .view-counts-modal-footer .view-counts-close-btn:hover {
  background-color: #726aa1;
  box-shadow: 0 2px 8px #837bb24d;
}

.view-counts-modal .view-counts-modal-footer .view-counts-close-btn:active {
  transform: translateY(1px);
}

.view-counts-modal .view-counts-modal-footer .view-counts-close-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px #837bb24d;
}

.options-field-container {
  background-color: #00000005;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding-left: 4px;
  padding-right: 4px;
  display: inline-flex;
  box-shadow: inset 0 1px 2px #0000001f;
}

.options-field-container.has-errors {
  margin: 1px;
  box-shadow: 0 0 0 1px #cc7878;
}

.options-field-container .options-field-option {
  height: 32px;
  color: var(--color-tertiary);
  letter-spacing: 0;
  cursor: pointer;
  white-space: nowrap;
  background-color: #0000;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px 14px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.options-field-container .options-field-option.selected {
  opacity: 1;
  background: var(--color-tertiary);
  color: #fff;
  letter-spacing: 0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 32px;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  display: flex;
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f;
}

.options-field-container .options-field-option.disabled {
  opacity: .5;
  cursor: not-allowed;
}

.checkbox-field-container {
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.checkbox-field-container input {
  width: 16px;
  height: 16px;
}

.ag-grid-generic-input-container {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ag-grid-generic-input-container .ag-grid-generic-input {
  width: 80%;
  height: 80%;
  color: inherit;
  background: #fff;
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  outline: none;
  padding: 2px;
  font-family: inherit;
  font-size: 14px;
}

.ag-grid-generic-input-container .ag-grid-generic-input.has-errors {
  border: 1px solid #cc7878;
  margin: 1px;
}

.ag-grid-generic-input-container .ag-grid-generic-input:disabled {
  color: #999;
  cursor: not-allowed;
}

.ag-grid-generic-input-container .ag-grid-generic-input::placeholder {
  color: #999;
  opacity: .7;
}

.ag-grid-generic-input-container .ag-grid-generic-input[type="number"] {
  -moz-appearance: textfield;
}

.ag-grid-generic-input-container .ag-grid-generic-input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ag-grid-generic-input-container .ag-grid-generic-input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ag-grid-generic-input-container .left-icon, .ag-grid-generic-input-container .right-icon {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 17px;
  display: flex;
}

.ag-grid-generic-input-container .left-icon {
  left: 8px;
}

.ag-grid-generic-input-container .right-icon {
  margin-left: 8px;
}

.dark-theme .ag-grid-generic-input-container .ag-grid-generic-input:focus {
  background-color: #ffffff1a;
}

.dark-theme .ag-grid-generic-input-container .ag-grid-generic-input::placeholder {
  color: #ccc;
}

.mini-form {
  background: #fff;
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
  padding-bottom: 12px;
  display: flex;
}

.mini-form:has(.dsl-tab-container.level_1) {
  background: none;
  height: 100%;
}

.mini-form:has(.dsl-tab-container.level_1) .form-container {
  height: 100%;
}

.mini-form .dsl-templ-area {
  height: 100%;
  box-shadow: none;
  background-color: #0000;
  border: none;
  border-radius: 0;
}

.mini-form .cardbar {
  background-color: #0000 !important;
}

.mini-form .wizard-bottom-bar {
  display: none;
}

.mini-form .form-container {
  background-color: #0000;
  justify-content: flex-start;
  height: max-content;
}

.mini-form .form-container .cardarea {
  padding: 0;
}

.mini-form .form-container .cardarea .container {
  margin: 0;
  padding: 0;
}

.mini-form h3, .mini-form h4, .mini-form h2 {
  display: none;
}

.dsl-field-alert-container {
  z-index: 1000;
  backdrop-filter: blur(2px);
  isolation: isolate;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.dsl-field-alert {
  background-color: #ededed;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-direction: column;
  gap: 16px;
  min-width: 400px;
  max-width: min(480px, 100vw - 56px);
  padding: 24px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
  background-image: none !important;
}

.dsl-field-alert .dsl-field-alert-icon {
  display: none;
}

.dsl-field-alert .dsl-field-alert-header {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.dsl-field-alert-title {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--gray-700, #5e636b);
  text-align: center;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.dsl-field-alert-content {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #ffffffa3;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  min-height: 100px;
  padding: 12px;
  display: flex;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
}

.dsl-field-alert-label {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--label-color, #3c3c43b8);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.dsl-field-alert-label .required-mark {
  color: #cc7878;
}

.dsl-field-alert-value {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--color-text, #333);
  resize: vertical;
  background: none;
  border: none;
  width: 100%;
  min-height: 60px;
  padding: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.dsl-field-alert-value:focus {
  outline: none;
}

.dsl-field-alert-form, .dsl-field-alert-record, .dsl-field-alert-mode {
  display: none;
}

.dsl-field-alert-actions {
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.dsl-field-alert-button {
  width: 100%;
}

.dsl-field-alert-button.confirm {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-field-alert-button.confirm i {
  color: #fff;
}

.dsl-field-alert-button.confirm:not(:has(i)) {
  background: linear-gradient(#ce7e7e 0%, #ca7272 100%);
}

.dsl-field-alert-button.confirm.disabled, .dsl-field-alert-button.confirm[disabled], .dsl-field-alert-button.confirm:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dsl-field-alert-button.confirm.disabled i, .dsl-field-alert-button.confirm[disabled] i, .dsl-field-alert-button.confirm:disabled i {
  color: var(--gray-400);
}

.dsl-field-alert-button.confirm:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dsl-field-alert-button.confirm:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dsl-field-alert-button.confirm:focus-visible {
  box-shadow: none;
}

.dsl-field-alert-button.confirm:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dsl-field-alert-button.change {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-field-alert-button.change i {
  color: #5e636b;
}

.dsl-field-alert-button.change:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.dsl-field-alert-button.change.disabled, .dsl-field-alert-button.change[disabled], .dsl-field-alert-button.change:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dsl-field-alert-button.change.disabled i, .dsl-field-alert-button.change[disabled] i, .dsl-field-alert-button.change:disabled i {
  color: var(--gray-400);
}

.dsl-field-alert-button.change:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.dsl-field-alert-button.change:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dsl-field-alert-button.change:focus-visible {
  box-shadow: none;
}

.dsl-field-alert-button.change:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.btn-row {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: calc(100% - 250px);
  margin-left: 100px;
  margin-right: 50px;
  display: flex;
  position: absolute;
  top: 25px;
}

.btn-row .button-common {
  color: #535862;
  opacity: 1;
  letter-spacing: 0;
  background: none;
  border: none;
  border-radius: 6px;
  outline: none;
  height: 36px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.btn-row .button-common.active {
  color: #fff;
  background: #668eba;
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f, 0 0 2px #00000054, 0 2px 3px #544f731f;
}

.tab-confirm-lots {
  background-color: #0000;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  display: flex;
}

.tab-confirm-lots .side-float-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  height: 64px;
  margin-top: 12px;
  display: flex;
  position: absolute;
}

.tab-confirm-lots .side-float-container .info-kv {
  flex-direction: row;
  justify-content: space-between;
  gap: 50px;
  width: 100%;
  display: flex;
}

.tab-confirm-lots .side-float-container .info-kv .title {
  letter-spacing: 0;
  color: #5e636b;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
}

.tab-confirm-lots .side-float-container .info-kv .value {
  letter-spacing: 0;
  color: #5e636b;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}

.tab-confirm-lots .acute-mini-dsl-view {
  justify-content: center;
  height: auto;
  display: flex;
  flex-direction: initial !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
}

.tab-confirm-lots .acute-mini-dsl-view .cardarea {
  border-radius: 12px !important;
}

.tab-confirm-lots .acute-mini-dsl-view .form_view_acute_modal {
  overflow: hidden;
}

.tab-confirm-lots .area-container {
  flex-direction: row;
  gap: 8px;
  width: 100%;
  height: calc(100% - 224px);
  display: flex;
}

.tab-confirm-lots .area-container .area-left {
  background: #f5f5f5;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  width: 50%;
  padding: 10px;
  display: flex;
}

.tab-confirm-lots .area-container .area-right {
  flex-direction: column;
  width: 50%;
  display: flex;
}

.tab-confirm-lots .default-style {
  padding-left: 0 !important;
}

.tab-confirm-lots .footer {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  padding-top: 4px;
  display: flex;
}

.tab-confirm-lots .footer .info-container {
  letter-spacing: 0;
  vertical-align: middle;
  color: #cc7878;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.tab-confirm-lots .footer .action-right-cnt {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.tab-confirm-lots .ag-grid-generic-input-container .left-icon {
  position: relative;
  left: 30px;
}

.tab-assessment, .tab-claim {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.window-container.acute-modal {
  background-color: #ededed;
  padding: 2px;
}

.window-container.acute-modal .window-manager-content {
  padding-bottom: 0 !important;
}

.window-container.acute-modal:has(.tab-confirm-lots:not([style*="display: none"])), .window-container.acute-modal:has(.tab-confirm-lots:not([style*="display:none"])) {
  animation: .3s ease-in-out forwards fadeToWhite;
}

.window-container.acute-modal:has(.tab-confirm-lots[style*="display: none"]), .window-container.acute-modal:has(.tab-confirm-lots[style*="display:none"]) {
  animation: .3s ease-in-out forwards fadeToGray;
}

.window-container.acute-modal .cardarea {
  padding: 0 !important;
}

@keyframes fadeToWhite {
  from {
    background-color: #ededed;
  }

  to {
    background-color: #fff;
  }
}

@keyframes fadeToGray {
  from {
    background-color: #fff;
  }

  to {
    background-color: #ededed;
  }
}

.query-list-view {
  width: 100%;
  height: 100%;
  overflow-y: unset;
  flex-direction: column;
  display: flex;
}

.query-list-view .tr-select {
  background: #c6ddf5 !important;
}

.query-list-view .tr-select th {
  color: #5b83b0 !important;
}

.query-list-view .dsl-list-tab-container {
  overflow: unset;
  padding-left: 0;
  padding-right: 0;
}

.query-list-view .query-list {
  flex-direction: column;
  flex: 1;
  min-height: 250px;
  display: flex;
}

.query-list-view .query-action {
  flex-direction: column;
  flex: 0;
  min-height: fit-content;
  display: flex;
}

.item-puller .warning-text {
  color: var(--color-error-600);
  border: 2px solid;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.item-puller-grid {
  width: 100%;
  height: 100%;
  min-height: 0;
  color: var(--color-text);
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.item-puller-grid .dsl-advanced-grid .cell-container {
  flex-direction: row;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 100%;
  display: flex;
}

.item-puller-grid .dsl-advanced-grid .ag-row-no-focus.ag-row.ag-row-level-0 {
  border-top: 1px solid #ebebe8 !important;
}

.item-puller-grid .dsl-advanced-grid span {
  vertical-align: unset !important;
  padding: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
}

.item-puller-grid .dsl-advanced-grid .partial-pulled {
  background-color: #fff1e5 !important;
}

.item-puller-grid .dsl-list-bottom {
  padding: 0 !important;
}

.item-puller-grid .upper-grid {
  background: none;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: 46px;
  padding: 0 16px;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .refresh-prescription {
  color: var(--color-primary);
  cursor: pointer;
  opacity: 1;
  padding: 0 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 500;
  content: "" !important;
}

.item-puller-grid .upper-grid .grid-header .refresh-prescription:hover {
  opacity: .7 !important;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation {
  flex-direction: row;
  gap: 4px;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  height: 22px;
  padding: 2px 6px;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item img {
  width: 12px;
  height: 12px;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item div {
  letter-spacing: 0%;
  text-align: center;
  color: var(--color-text);
  opacity: .7;
  justify-content: center;
  align-items: center;
  height: 12px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item.warning div {
  font-weight: 500;
  color: var(--color-error, #c00) !important;
}

.item-puller-grid .upper-grid .grid-header .action-btns {
  flex-direction: row;
  gap: 10px;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .action-btns div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .action-btns div img {
  filter: brightness(0) saturate();
  width: 16px;
  height: 16px;
}

.item-puller-grid .upper-grid .grid-header .action-btns .add-btn {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 13px !important;
}

.item-puller-grid .upper-grid .grid-header .action-btns .add-btn i {
  color: var(--color-text);
  opacity: .7;
  font-size: 18px;
  transition: opacity .2s;
}

.item-puller-grid .upper-grid .grid-header .action-btns .add-btn:hover i {
  opacity: 1;
}

.item-puller-grid .upper-grid .grid-header .action-btns .refresh-grid {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .action-btns .refresh-grid i {
  color: var(--color-text);
  opacity: .7;
  transition: opacity .2s;
}

.item-puller-grid .upper-grid .grid-header .action-btns .refresh-grid:hover i {
  opacity: 1;
}

.item-puller-grid .upper-grid .grid-header .action-btns .qr-code-btn {
  cursor: pointer;
  color: #5e636b;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: background-color .2s;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .action-btns .qr-code-btn:hover {
  background-color: #0000000d;
}

.item-puller-grid .upper-grid .grid-header .action-btns .qr-code-btn svg {
  font-size: 18px;
}

.item-puller-grid [col-id="delete"] .ag-cell-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.item-puller-grid .item-name-col {
  line-height: 2em;
  display: block;
}

.item-puller-grid .item-name-col .item-name-col-icon img {
  width: 16px;
  height: 16px;
  margin-top: -3px;
  margin-left: 4px;
}

.item-puller-grid .item-name-col .item-name-col-icon img:first-child {
  margin-left: 8px;
}

.item-puller-grid .item-name-col-wrapper {
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.item-puller-grid .item-name-col-title {
  color: var(--gray-700);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.item-puller-grid .item-name-col-title .subtext {
  color: var(--gray-400);
}

.item-puller-grid .item-name-col-title .subtext span {
  color: var(--gray-700) !important;
  font-weight: 400 !important;
}

.item-puller-grid .item-name-col .subtext {
  text-align: end;
  font-weight: 400;
}

.item-puller-grid .item-name-col-subtitle {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-400) !important;
}

.item-puller-grid .item-name-col-subtitle .subtext {
  color: var(--gray-400) !important;
}

.item-puller-grid .item-name-col-subtitle.left {
  text-align: left;
}

.item-puller-grid .item-name-col-subtitle.right {
  text-align: right;
}

.item-puller-grid .item-name-col .container-info {
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  display: flex;
}

.item-puller-grid .item-name-col .container-info-flex {
  gap: 10px;
  display: flex;
}

.item-puller-grid .dispense-info {
  text-align: right;
  cursor: pointer;
  width: 100%;
  margin: 0;
  font-size: 14px;
}

.item-puller-grid .dispense-info-dispensed {
  color: var(--gray-700);
  margin-right: 5px;
  font-weight: 400;
}

.item-puller-grid .dispense-info-pending {
  color: var(--gray-400);
  margin-left: 5px;
  font-weight: 400;
}

.item-puller-grid .dispense-info-wrapper {
  justify-content: flex-end;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.item-puller-grid .dispense-info-hover {
  text-align: right;
  width: 90%;
  height: 100%;
  transition: transform .4s;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(120%);
}

.item-puller-grid .dispense-info-btn {
  color: #fff;
  border: none;
  font-size: 12px;
  font-weight: 600;
}

.item-puller-grid .dispense-info-btn.btn-delete {
  background-color: #e58787;
  min-width: 50% !important;
}

.item-puller-grid .dispense-info-btn.btn-delete:hover {
  background-color: #d98080;
}

.item-puller-grid .dispense-info-btn.btn-add {
  background-color: #837bb2;
  min-width: 50% !important;
}

.item-puller-grid .dispense-info-btn.btn-add:hover {
  background-color: #7368ae;
}

.item-puller-grid .dispense-info-btn-plus {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 18px;
}

.item-puller-grid .ag-cell {
  overflow: hidden;
}

.item-puller-grid .ag-cell-wrapper {
  width: 100%;
  min-height: 100%;
  display: block;
}

.item-puller-grid .ag-cell-wrapper:hover .dispense-info-hover {
  transform: translateX(0);
}

.item-puller-grid .number-right {
  width: 100%;
}

.item-puller-grid .number-right .ant-input-number-input {
  text-align: right;
  padding-right: 28px;
}

.item-puller-grid .number-right .ant-input-number-handler-wrap {
  right: 0;
}

.item-puller-grid .py-10 {
  padding: 10px 0;
}

.item-puller-grid .ag-header-cell-text {
  font-size: 11px !important;
}

.item-puller-grid .text-center {
  text-align: center;
}

.item-puller-grid .text-right {
  text-align: right;
}

.item-puller-grid .header-center, .item-puller-grid .header-center .ag-header-cell-label {
  text-align: center;
  justify-content: center;
}

.item-puller-grid .header-left, .item-puller-grid .header-left .ag-header-cell-label {
  text-align: left;
  justify-content: start;
}

.item-puller-grid .header-right, .item-puller-grid .header-right .ag-header-cell-label {
  text-align: right;
  justify-content: end;
}

.item-puller-grid .query-list-view .dsl-list-bottom {
  padding: 0 !important;
}

.item-puller-grid .puller-hierarchy-innergrid {
  background-color: #fff;
  padding: 0;
}

.item-puller-grid .puller-hierarchy-innergrid .ag-root-wrapper {
  border-radius: 0;
}

.item-puller-grid .puller-hierarchy-innergrid .ag-body-viewport, .item-puller-grid .puller-hierarchy-innergrid .ag-body-viewport .ag-center-cols-viewport, .item-puller-grid .puller-hierarchy-innergrid .ag-body-viewport .ag-center-cols-container {
  min-height: 42px !important;
}

.dosing-quantity-renderer {
  max-width: fit-content;
  color: var(--gray-400);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.dosing-quantity-renderer p {
  margin-bottom: 0;
  font-weight: 400;
}

.dosing-quantity-renderer p.dosing-quantity {
  color: var(--gray-700);
}

.dosing-quantity-renderer p.dosing-quantity span {
  color: var(--gray-700) !important;
}

.dosing-quantity-renderer p.overfill {
  color: var(--gray-400);
  font-size: 12px !important;
}

.dosing-quantity-renderer p.overfill span {
  color: var(--gray-400) !important;
  font-size: 12px !important;
}

.lot-selection-popover-container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.lot-selection-content {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: auto;
}

.lot-selection-content .lot-selection-header {
  border-bottom: 1px solid #eee;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding: 16px 0;
  display: flex;
}

.lot-selection-content .lot-selection-header .lot-selection-title-section {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.lot-selection-content .lot-selection-header .lot-selection-title-section .lot-selection-title {
  color: #5e636b;
  font-size: 24px;
  font-weight: 600;
}

.lot-selection-content .lot-selection-header .lot-selection-title-section .lot-selection-subtitle {
  color: #838894;
  font-size: 16px;
  font-weight: 600;
}

.lot-selection-content .lot-selection-header .lot-selection-metrics {
  align-items: center;
  gap: 24px;
  display: flex;
}

.lot-selection-content .lot-selection-header .lot-selection-metrics .metric-item {
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 24px;
  display: flex;
}

.lot-selection-content .lot-selection-header .lot-selection-metrics .metric-item .metric-label {
  color: #838894;
  font-weight: 600;
}

.lot-selection-content .lot-selection-header .lot-selection-metrics .metric-item .metric-value {
  color: #333;
  font-weight: 600;
}

.lot-selection-content .lot-selection-header .lot-selection-metrics .metric-item.remaining-warning .metric-label, .lot-selection-content .lot-selection-header .lot-selection-metrics .metric-item.remaining-warning .metric-value {
  color: #d98080;
}

.lot-selection-content .lot-selection-header .lot-selection-metrics .metric-item.remaining-complete .metric-label, .lot-selection-content .lot-selection-header .lot-selection-metrics .metric-item.remaining-complete .metric-value {
  color: #689989;
}

.lot-selection-content .lot-selection-header-container {
  border-bottom: 1px solid #eee;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px 0;
  display: flex;
}

.lot-selection-content .lot-selection-header-container .lot-selection-title {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.lot-selection-content .lot-selection-header-container .validation-error-banner {
  color: #d32f2f;
  text-align: center;
  background-color: #ffebee;
  border: 1px solid #f44336;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
}

.lot-selection-content .lot-selection-header-container .lot-selection-summary {
  flex-flow: wrap;
  gap: 24px;
  display: flex;
}

.lot-selection-content .lot-selection-header-container .lot-selection-summary .quantity-info {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.lot-selection-content .lot-selection-header-container .lot-selection-summary .quantity-info .quantity-label {
  color: #666;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.lot-selection-content .lot-selection-header-container .lot-selection-summary .quantity-info .quantity-value {
  color: #333;
  font-size: 16px;
  font-weight: 600;
}

.lot-selection-content .lot-selection-header-container .lot-selection-summary .quantity-info .quantity-value.over-limit {
  color: #d32f2f;
  background-color: #ffebee;
  border-radius: 4px;
  padding: 2px 6px;
}

.lot-selection-content .dsl-advanced-grid .ag-cell-value {
  max-width: none;
}

.lot-selection-grid {
  flex: 1;
  width: 100%;
  min-height: 0;
}

.lot-selection-grid .ag-theme-alpine {
  --ag-header-height: 40px;
  --ag-row-height: 40px;
  --ag-border-color: #e3e5e8;
  --ag-header-background-color: #f8f9fa;
  --ag-header-foreground-color: #495057;
  --ag-odd-row-background-color: #fff;
  --ag-even-row-background-color: #f8f9fa;
}

.lot-selection-grid .ag-header-cell-text {
  font-size: 12px;
  font-weight: 600;
}

.lot-selection-grid .ag-cell {
  align-items: center;
  font-size: 14px;
  display: flex;
}

.lot-selection-grid .ag-cell.ag-cell-focus {
  border: 1px solid #007bff !important;
}

.lot-selection-grid .ag-row-hover {
  background-color: #e3f2fd !important;
}

.lot-selection-grid .ag-row-selected {
  background-color: #bbdefb !important;
}

.lot-selection-loading {
  color: #666;
  justify-content: center;
  align-items: center;
  height: 200px;
  font-size: 16px;
  display: flex;
}

.error-message {
  color: #c00;
  background: #fee;
  border: 1px solid #fcc;
  border-radius: 6px;
  align-items: center;
  margin: 0 0 16px;
  padding: 12px;
  font-size: 14px;
  display: flex;
}

.error-message:before {
  content: "⚠️";
  margin-right: 8px;
}

.action-btn-cnt.sticky-buttons {
  z-index: 10;
  background: #fff;
  border-top: 1px solid #eee;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 16px;
  padding: 16px 0 0;
  display: flex;
}

.action-btn-cnt.sticky-buttons .base-form-button:disabled, .action-btn-cnt.sticky-buttons .base-form-button.disabled {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
}

.action-btn-cnt.sticky-buttons .base-form-button:disabled.primary, .action-btn-cnt.sticky-buttons .base-form-button.disabled.primary {
  background-color: #ccc !important;
  border-color: #ccc !important;
}

@media (width <= 768px) {
  .lot-selection-popover-container .lot-selection-content .lot-selection-header-container {
    padding: 12px 0;
  }

  .lot-selection-popover-container .lot-selection-content .lot-selection-header-container .lot-selection-title {
    font-size: 16px;
  }

  .lot-selection-popover-container .lot-selection-content .lot-selection-header-container .lot-selection-value {
    font-size: 14px;
  }

  .lot-selection-popover-container .lot-selection-grid .ag-theme-alpine {
    --ag-header-height: 36px;
    --ag-row-height: 36px;
  }

  .lot-selection-popover-container .lot-selection-grid .ag-header-cell-text {
    font-size: 12px;
    font-weight: 600;
  }

  .lot-selection-popover-container .lot-selection-grid .ag-cell {
    font-size: 12px;
  }
}

.lot-selection-grid .ag-grid-generic-input-container {
  width: 100%;
  height: 100%;
}

.lot-selection-grid .ag-grid-generic-input-container .ag-grid-generic-input {
  border-radius: 6px;
  width: 100%;
  height: 34px;
  font-size: 14px;
}

.lot-selection-grid .ag-grid-generic-input-container .ag-grid-generic-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 2px #007bff40;
}

.lot-selection-grid .ag-grid-generic-input-container .ag-grid-generic-input.has-errors {
  background-color: #ffebee;
  border-color: #d32f2f;
}

.lot-selection-grid .ag-grid-generic-input-container .ag-grid-generic-input.has-errors:focus {
  box-shadow: 0 0 0 2px #d32f2f40;
}

.delivery-ticket-table {
  background: #fff;
  width: calc(100% - 24px);
  margin-left: 24px;
  margin-right: 0;
  overflow-x: auto;
}

.delivery-ticket-table .delivery-ticket-table-loading {
  text-align: center;
  color: #667;
  padding: 20px;
  font-size: 14px;
}

.delivery-ticket-table .delivery-ticket-verified {
  text-align: center;
  display: block;
}

.delivery-ticket-table .delivery-ticket-verified__switch.ant-switch-checked {
  background-color: #837bb3;
}

.delivery-ticket-table .delivery-ticket-verified__switch.ant-switch-checked:hover {
  background-color: #6e65a1 !important;
}

.delivery-ticket-table .delivery-ticket-verified__switch:not(.ant-switch-checked) {
  background-color: #bfbfbf;
}

.delivery-ticket-table .delivery-ticket-verified__switch:not(.ant-switch-checked):hover {
  background-color: #919191 !important;
}

.delivery-ticket-table .dt-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.delivery-ticket-table .dt-table .dt-row {
  border-bottom: 1px solid #0000000a;
  transition: background-color .2s;
}

.delivery-ticket-table .dt-table .dt-row:hover {
  background-color: #ebf1f7;
}

.delivery-ticket-table .dt-table .dt-row.even-background {
  background-color: #f9f9f9;
}

.delivery-ticket-table .dt-table .dt-row.odd-background {
  background-color: #fff;
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell {
  vertical-align: middle;
  padding: 10px 12px;
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell-name {
  width: calc(100% - 60px);
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell-expand {
  text-align: center;
  width: 60px;
  padding: 10px;
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell-expand .expand-btn {
  color: #fff;
  cursor: pointer;
  background: #1890ff;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 18px;
  line-height: 1;
  transition: background-color .2s;
  display: flex;
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell-expand .expand-btn:hover {
  background: #40a9ff;
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell-expand .expand-btn:active {
  background: #096dd9;
}

.delivery-ticket-table .dt-table .dt-row.dt-row-child .dt-cell-child-container {
  background: #fafafa;
  padding: 0;
}

.delivery-ticket-table .dt-table .dt-cell {
  color: var(--color-text);
  font-size: 14px;
}

.delivery-ticket-table .dt-table-inner {
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  border-bottom: none !important;
}

.delivery-ticket-table .dt-table-inner .col-qty {
  width: 110px;
}

.delivery-ticket-table .dt-table-inner .col-lot {
  width: 120px;
}

.delivery-ticket-table .dt-table-inner .col-serial {
  width: 160px;
}

.delivery-ticket-table .dt-table-inner .col-expiration {
  width: 140px;
}

.delivery-ticket-table .dt-table-inner .col-verified {
  width: 120px;
}

.delivery-ticket-table .dt-table-inner .col-actions {
  width: auto;
}

.delivery-ticket-table .dt-table-inner thead {
  background: #f2f2f0;
  border-top: none;
  border-bottom: none;
}

.delivery-ticket-table .dt-table-inner .dt-th {
  text-align: left;
  color: #a3a3a0;
  border-bottom: none;
  padding: 8px 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.delivery-ticket-table .dt-table-inner .dt-th:first-child {
  padding-left: 48px;
}

.delivery-ticket-table .dt-table-inner .dt-th.dt-th-right {
  text-align: right;
}

.delivery-ticket-table .dt-table-inner .dt-th.dt-th-center {
  text-align: center;
}

.delivery-ticket-table .dt-table-inner .dt-row-inner {
  background: #f7f7f7;
  border-bottom: none;
  outline: none;
}

.delivery-ticket-table .dt-table-inner .dt-row-inner:last-child {
  border-bottom: none;
}

.delivery-ticket-table .dt-table-inner .dt-row-inner:hover {
  background: #ebebeb;
}

.delivery-ticket-table .dt-table-inner .dt-td {
  color: var(--color-text);
  vertical-align: middle;
  padding: 6px;
  font-size: 14px;
  font-weight: 400;
}

.delivery-ticket-table .dt-table-inner .dt-td.dt-td-right {
  text-align: right;
}

.delivery-ticket-table .dt-table-inner .dt-td.dt-td-center {
  text-align: center;
}

.delivery-ticket-table .dt-table-inner .dt-td .delete-btn {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: opacity .2s;
  display: inline-flex;
}

.delivery-ticket-table .dt-table-inner .dt-td .delete-btn:hover {
  opacity: .7;
}

.delivery-ticket-table .dt-table-inner .dt-td .delete-btn img {
  width: 20px;
  height: 20px;
}

.delivery-ticket-table .item-name-col {
  padding: 10px 0;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper {
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .dot-circle {
  background: #1890ff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  display: inline-block;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  display: flex;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info .container-info__flex {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info .item-name-col__title {
  color: var(--color-text);
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info .item-name-col__subtitle {
  color: var(--color-text);
  opacity: .7;
  margin: 2px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info .item-name-col__icon {
  margin: 0;
  padding: 0;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info .item-name-col__icon img {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

@media (width <= 1200px) {
  .delivery-ticket-table .dt-table-inner .dt-th, .delivery-ticket-table .dt-table-inner .dt-td {
    padding: 8px 10px;
  }
}

.qr-code-display {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.qr-code-display .qr-code-label {
  color: #333;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.qr-code-display .qr-code-container {
  background: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
  box-shadow: 0 2px 8px #0000001a;
}

.qr-code-display .qr-code-container canvas {
  filter: grayscale() contrast(1.2);
  display: block;
}

.qr-code-modal .qr-modal-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 8px;
  display: flex;
}

.qr-code-modal .qr-modal-header span {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.qr-code-modal .qr-codes-container {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  padding: 24px 16px;
  display: flex;
}

@media (width <= 768px) {
  .qr-code-modal .qr-codes-container {
    flex-direction: column;
    align-items: center;
  }
}

.qr-code-modal .no-qr-codes {
  text-align: center;
  color: #666;
  padding: 40px 20px;
  font-size: 14px;
}

.tiff-media-viewer {
  max-height: -webkit-fill-available;
  position: relative;
  overflow-y: auto;
}

.tiff-media-viewer canvas {
  display: block;
}

.tiff-media-viewer .pagination-container {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  z-index: 10;
  background-color: #d4d4d438;
  border: 1px solid #fff6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 4px 0;
  font-family: sans-serif;
  display: flex;
  position: sticky;
  top: 0;
}

.tiff-media-viewer .pagination-container .pagination-bar {
  align-items: center;
  gap: 6px;
  display: flex;
}

.tiff-media-viewer .pagination-container .pagination-btn {
  min-width: 28px;
  height: 28px;
  color: var(--gray-700);
  text-align: center;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 2px;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  transition: background .15s, border-color .15s;
}

.dsl-templ-area img {
  height: auto;
  max-height: -webkit-fill-available;
}

.dsl-templ-area:has( > img) {
  background-color: #fff;
}

.media-viewer {
  width: 40vw;
  height: calc(100vh - 20px);
  margin: 10px;
  position: fixed;
  top: 0;
  left: 0;
}

.media-viewer img {
  object-fit: contain;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
}

.media-viewer .body {
  padding: 0 !important;
}

.media-viewer.media-viewer--spreadsheet {
  width: 90vw;
  max-width: 1400px;
  height: 60vh;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.media-viewer.media-viewer--spreadsheet .body {
  height: calc(100% - 50px);
  overflow: hidden;
}

.media-viewer.media-viewer--spreadsheet .ag-theme-alpine {
  height: 100% !important;
}

.file-outer-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  background-color: #0000 !important;
  width: 100% !important;
}

.file-drop-zone-container {
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
}

.file-upload-placeholder-container {
  border-radius: var(--radius-medium);
  gap: var(--spacing-large);
  border: 1px dashed #e3e5e8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 0;
  display: flex;
}

.file-upload-placeholder-container.hover {
  background: #f9f9f9;
  border-color: #333;
}

.file-upload-placeholder-container .file-icon-area {
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.file-upload-placeholder-container .file-icon-area i {
  color: #837bb2;
  font-size: 14px;
  font-weight: 500;
}

.file-upload-placeholder-container .file-text-area {
  text-align: center;
  letter-spacing: 0;
  color: #4d525c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.file-upload-placeholder-container .file-text-area span {
  color: #837bb2;
  font-weight: 700;
}

.file-errors-placeholder-container {
  border-radius: var(--radius-medium);
  gap: var(--spacing-large);
  border: 1px dashed #e3e5e8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 0;
  display: flex;
}

.file-errors-placeholder-container.hover {
  background: #f9f9f9;
  border-color: #333;
}

.file-errors-placeholder-container .file-icon-area {
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.file-errors-placeholder-container .file-icon-area i {
  color: #d98080;
  font-size: 14px;
  font-weight: 500;
}

.file-errors-placeholder-container .file-text-area {
  text-align: center;
  letter-spacing: 0;
  color: #4d525c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.file-errors-placeholder-container .file-text-area span {
  color: #d98080;
  font-weight: 700;
}

.file-drop-zone-overlay {
  background: rgba(var(--color-primary-rgb, 59, 130, 246), .15);
  -webkit-backdrop-filter: blur(2px);
  border-radius: var(--radius-medium);
  pointer-events: all;
  opacity: 1;
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0;
}

.file-drop-zone-overlay.hide {
  opacity: 0;
  pointer-events: none;
}

.file-drop-zone-overlay.visible {
  opacity: 1;
  pointer-events: all;
}

.file-drop-zone-overlay.fullscreen {
  z-index: 9999;
  background: rgba(var(--color-primary-rgb, 59, 130, 246), .2);
  border-radius: 0;
  position: fixed;
  inset: 0;
}

.file-drop-zone-overlay .file-upload-placeholder-container {
  border-radius: var(--radius-medium);
  gap: var(--spacing-large);
  border-radius: var(--radius-large);
  background: #fff;
  border: 1px dashed #e3e5e8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 40px;
  display: flex;
  box-shadow: 0 10px 40px #00000026;
}

.file-drop-zone-overlay .file-upload-placeholder-container.hover {
  background: #f9f9f9;
  border-color: #333;
}

.file-drop-zone-overlay .file-upload-placeholder-container .file-icon-area {
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.file-drop-zone-overlay .file-upload-placeholder-container .file-icon-area i {
  color: #837bb2;
  font-size: 14px;
  font-weight: 500;
}

.file-drop-zone-overlay .file-upload-placeholder-container .file-text-area {
  text-align: center;
  letter-spacing: 0;
  color: #4d525c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.file-drop-zone-overlay .file-upload-placeholder-container .file-text-area span {
  color: #837bb2;
  font-weight: 700;
}

.acute-print-popover .generic-card-container {
  width: 100%;
  height: 100%;
}

.acute-print-popover .generic-card-container .card-body {
  padding: 20px;
}

.acute-print-popover .generic-card-container .card-body .print-options {
  flex-direction: column;
  gap: 15px;
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 15px;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group h4 {
  color: #333;
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group .checkbox-group {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group .checkbox-group label {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group .checkbox-group label input[type="checkbox"] {
  margin: 0;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group .checkbox-group label span {
  color: #555;
  font-size: 14px;
}

.acute-print-popover .generic-card-container .card-body .print-options .printer-selection {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .print-options .printer-selection .printer-row {
  align-items: center;
  gap: 15px;
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .print-options .printer-selection .printer-row label {
  color: #333;
  min-width: 120px;
  font-weight: 500;
}

.acute-print-popover .generic-card-container .card-body .print-options .printer-selection .printer-row select {
  border: 1px solid #ddd;
  border-radius: 4px;
  flex: 1;
  padding: 8px 12px;
  font-size: 14px;
}

.acute-print-popover .generic-card-container .card-body .print-options .printer-selection .printer-row input[type="number"] {
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 80px;
  padding: 8px 12px;
  font-size: 14px;
}

.acute-print-popover .generic-card-container .card-body .action-buttons {
  border-top: 1px solid #e0e0e0;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .action-buttons button {
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
}

.acute-print-popover .generic-card-container .card-body .action-buttons button.cancel-btn {
  color: #666;
  background-color: #f5f5f5;
}

.acute-print-popover .generic-card-container .card-body .action-buttons button.cancel-btn:hover {
  background-color: #e0e0e0;
}

.acute-print-popover .generic-card-container .card-body .action-buttons button.print-btn {
  color: #fff;
  background-color: #007bff;
}

.acute-print-popover .generic-card-container .card-body .action-buttons button.print-btn:hover {
  background-color: #0056b3;
}

.acute-print-popover .generic-card-container .card-body .action-buttons button.print-btn:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.report-manager-cnt {
  overflow: auto;
  width: 100% !important;
  height: 100% !important;
}

.report-manager-cnt .gcv-header-container--fullscreen {
  position: absolute !important;
}

.report-manager-cnt .gcv-main-view.gcv-main-view--fullscreen .gcv-header-container {
  width: 460px !important;
}

.report-manager-cnt .gcv-main-view.gcv-main-view--fullscreen .gcv-header-container .gc-toolbar__content.gc-toolbar__content--padding {
  justify-content: center;
}

.report-manager-cnt .gcv-main-view.gcv-main-view--fullscreen .gcv-header-container .print-btn-custom {
  width: 16px !important;
  height: 16px !important;
}

.queue-actions .queue-action-btns {
  cursor: pointer;
  color: #fff;
  background: var(--color-primary);
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 8px 12px;
  display: flex;
}

.fax-queue-container {
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
}

.fax-queue-drop-overlay {
  background: rgba(var(--color-primary-rgb, 59, 130, 246), .15);
  border: 3px dashed var(--color-primary, #3b82f6);
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  transition: opacity .15s ease-out, visibility .15s ease-out;
  display: flex;
  position: fixed;
  inset: 0;
}

.fax-queue-drop-overlay.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  backdrop-filter: blur(2px);
}

.fax-queue-drop-overlay i {
  color: var(--color-primary, #3b82f6);
  font-size: 48px;
}

.fax-queue-drop-overlay span {
  color: var(--color-primary, #3b82f6);
  font-size: 1.2em;
  font-weight: 500;
}

.arjs-popover {
  width: 40vw;
  height: calc(100vh - 20px);
  margin: 10px;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 4px 2px 16px #00000080 !important;
}

.arjs-popover .body {
  border-radius: 0 0 12px 12px;
  padding: 0 !important;
}

.print-quantity-popover {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 4px 2px 16px #00000080 !important;
}

.print-quantity-popover .body {
  border-radius: 0 0 12px 12px;
  padding: 0 !important;
}

.printer-selection-modal {
  flex-direction: column;
  gap: 16px;
  min-width: 360px;
  display: flex;
}

.printer-selection-modal .printer-select-field-container {
  box-sizing: border-box;
  flex-direction: column;
  gap: 10px;
  display: flex;
  overflow: visible;
}

.printer-selection-modal .printer-select-field-container .printer-select-field-label {
  color: #5e636b;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.printer-selection-modal .footer {
  justify-content: space-between;
  margin-top: 8px;
  display: flex;
}

.printer-selection-modal .footer .btn-secondary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.printer-selection-modal .footer .btn-secondary i {
  color: #fff;
}

.printer-selection-modal .footer .btn-secondary:not(:has(i)) {
  background: linear-gradient(#ce7e7e 0%, #ca7272 100%);
}

.printer-selection-modal .footer .btn-secondary.disabled, .printer-selection-modal .footer .btn-secondary[disabled], .printer-selection-modal .footer .btn-secondary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.printer-selection-modal .footer .btn-secondary.disabled i, .printer-selection-modal .footer .btn-secondary[disabled] i, .printer-selection-modal .footer .btn-secondary:disabled i {
  color: var(--gray-400);
}

.printer-selection-modal .footer .btn-secondary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.printer-selection-modal .footer .btn-secondary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.printer-selection-modal .footer .btn-secondary:focus-visible {
  box-shadow: none;
}

.printer-selection-modal .footer .btn-secondary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.printer-selection-modal .footer .btn-primary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.printer-selection-modal .footer .btn-primary i {
  color: #fff;
}

.printer-selection-modal .footer .btn-primary:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.printer-selection-modal .footer .btn-primary.disabled, .printer-selection-modal .footer .btn-primary[disabled], .printer-selection-modal .footer .btn-primary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.printer-selection-modal .footer .btn-primary.disabled i, .printer-selection-modal .footer .btn-primary[disabled] i, .printer-selection-modal .footer .btn-primary:disabled i {
  color: var(--gray-400);
}

.printer-selection-modal .footer .btn-primary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.printer-selection-modal .footer .btn-primary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.printer-selection-modal .footer .btn-primary:focus-visible {
  box-shadow: none;
}

.printer-selection-modal .footer .btn-primary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.printer-selection-modal .footer .btn-primary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.document-form-with-preview {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  width: 100% !important;
}

.document-form-with-preview .form-segment-container-flyout {
  flex-direction: row !important;
  width: 90% !important;
  height: 90% !important;
}

.document-form-with-preview .form-segment-container-flyout .form-container, .document-form-with-preview .form-container {
  flex-direction: row !important;
  display: flex !important;
}

.document-form-with-preview .file-preview-area {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: flex;
  background-color: #fff !important;
}

.inspect {
  flex: 40%;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.inspect .inspect-action-btns {
  flex-wrap: wrap;
  flex: 40%;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: fit-content;
  padding: 1px;
  display: flex;
}

.inspect .inspect-action-btns .inspect-action-btn {
  color: #fff;
  border: none;
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f;
}

.inspect .inspect-action-btns .inspect-action-btn:hover, .inspect .inspect-action-btns .inspect-action-btn:focus {
  box-shadow: inset 0 0 0 1px #0a0d122e, inset 0 -2px #0a0d120d, 0 0 0 2px #fff, 0 0 0 4px #837bb2, 0 1px 2px #0a0d120d;
}

.inspect .inspect-action-btns .inspect-action-btn.act-btn-primary {
  background-color: #837bb2;
}

.inspect .inspect-action-btns .inspect-action-btn.act-btn-secondary {
  color: #5e636b;
  background-color: #f7f7f7;
}

.inspect .inspect-action-btns .inspect-action-btn.act-btn-tertiary {
  color: #252b37;
  background-color: #f6f5ff;
}

.inspect .inspect-action-btns .inspect-action-btn:hover {
  opacity: .9;
}

.inspect .inspect-action-btns .btn-hide {
  display: none;
}

.inspect .inspect-action-btns .inspect-btn {
  color: #58505b;
  border: unset;
  background: #eef1f4;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 33px;
  width: 80%;
  height: 30px;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 2px 2px #0000001a;
}

.inspect.mode-popover {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.inspect.mode-popover .inspect-action-btns .btn-dark-light {
  width: 100%;
}

.inspect.mode-popover .inspect-action-btns .inspect-btn {
  color: #254d5b;
  gap: 10px;
  width: 100%;
  min-height: 24px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 500;
  width: 225px !important;
}

.inspect.mode-popover .inspect-cfg {
  border-left: none;
  width: 100%;
  padding: 0;
  display: flex;
}

.view-record-btn {
  width: 100%;
  color: #fff !important;
  background-color: #58505b !important;
}

.view-record-btn i {
  font-size: 16px;
  color: #fff !important;
}

.intake-hidden-section {
  display: none !important;
}

.intake-forms-review {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  isolation: isolate;
  background-color: #ededed;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-direction: row;
  width: 100%;
  max-width: 95vw;
  height: 90vh;
  min-height: 0;
  max-height: 90vh;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
  opacity: 1 !important;
}

.intake-forms-review .intake-forms-left-pane, .intake-forms-review .intake-forms-right-pane {
  height: 100%;
  min-height: 0;
}

.intake-forms-review .intake-forms-right-pane {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.intake-forms-review .intake-forms-scroll {
  overscroll-behavior: contain;
  flex: 0 auto;
  min-height: 0;
  max-height: 100%;
  padding: 16px;
  position: relative;
  overflow: hidden auto;
  opacity: 1 !important;
}

.intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .form-container {
  box-shadow: 0 1px 2px #0000000d, 0 6px 14px #00000014;
}

.intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .cardarea {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) {
  min-height: 0 !important;
  box-shadow: none !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  display: flex !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .intake-form-wrapper {
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  display: flex !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .form-container, .intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .cardform, .intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .cardarea, .intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-templ-area {
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) div[id$="_view"], .intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) div[id$="_temp_container"], .intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 {
  flex-direction: column !important;
  flex: 1 1 0 !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 > .dsl-tab-header {
  background-color: #f5f5f5 !important;
  flex: none !important;
  position: relative !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 > .dsl-tab-area {
  -webkit-overflow-scrolling: touch;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow: hidden auto !important;
  box-shadow: 0 1px 2px #0000000f, 0 6px 14px #00000014 !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .wizard-bottom-bar {
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  overflow: hidden !important;
}

.intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .dsl-templ-area, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .dsl-tab-container, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .form-container, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .cardlist, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .cardform, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .cardarea, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .container, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .fieldgroup {
  flex: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .dsl-templ-area, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .form-container, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .cardlist, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .cardform, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .cardarea, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .container, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .fieldgroup {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll .cardarea {
  padding-top: 0 !important;
}

.intake-forms-review .intake-forms-scroll div[id$="_view"], .intake-forms-review .intake-forms-scroll div[id$="_temp_container"] {
  flex: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll .dsl-tab-header {
  margin-bottom: 8px;
  padding-bottom: 8px;
  z-index: 10 !important;
  background-color: #f5f5f5 !important;
  width: 100% !important;
  position: sticky !important;
  top: 0 !important;
}

.intake-forms-review .intake-forms-scroll .dsl-tab-header .section-tab {
  background-color: #fff !important;
}

.intake-forms-review .intake-forms-scroll > [role="tabpanel"] {
  flex: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.intake-forms-review .intake-forms-scroll > [role="tabpanel"] > div, .intake-forms-review .intake-forms-scroll > [role="tabpanel"] > div > div, .intake-forms-review .intake-forms-scroll .array-form-item .form-container, .intake-forms-review .intake-forms-scroll .array-form-item .cardform, .intake-forms-review .intake-forms-scroll .array-form-item .cardarea, .intake-forms-review .intake-forms-scroll .array-form-item .dsl-templ-area, .intake-forms-review .intake-forms-scroll .array-form-item [id$="_view"], .intake-forms-review .intake-forms-scroll .array-form-item [id$="_temp_container"] {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll .array-form-item .wizard-bottom-bar, .intake-forms-review .intake-forms-scroll .array-form-item .action-btn-cnt, .intake-forms-review .btn-save, .intake-forms-review .array-form-item .btn-cancel, .intake-forms-review .array-form-item .btn-save {
  display: none !important;
}

.intake-forms-review .intake-forms-tabs {
  border-bottom: none;
  flex-direction: row;
  flex-shrink: 0;
  gap: 8px;
  padding: 16px 16px 8px;
  display: flex;
  overflow-x: auto;
  opacity: 1 !important;
  background-color: #f5f5f5 !important;
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab {
  color: var(--gray-700);
  gap: var(--tab-list-button-common-gap, 8px);
  cursor: pointer;
  white-space: nowrap;
  background-color: #0000;
  border: none;
  border-radius: 12px;
  align-items: center;
  padding: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  min-width: max-content !important;
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab:hover {
  background-color: #58505b14;
  transform: scale(1);
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab.active {
  background-color: var(--color-tertiary);
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab.active:hover {
  cursor: default;
  transform: scale(1);
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab.active .tab-count, .intake-forms-review .intake-forms-tabs .intake-forms-tab.active .tab-badge, .intake-forms-review .intake-forms-tabs .intake-forms-tab.active .intake-tab-badge, .intake-forms-review .intake-forms-tabs .intake-forms-tab.active .tab-counter .count {
  color: var(--color-tertiary);
  background-color: #fff;
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab .tab-count, .intake-forms-review .intake-forms-tabs .intake-forms-tab .tab-badge, .intake-forms-review .intake-forms-tabs .intake-forms-tab .intake-tab-badge, .intake-forms-review .intake-forms-tabs .intake-forms-tab .tab-counter .count {
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #888;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  min-height: 20px;
  margin-top: 4px;
  margin-left: 0;
  padding: 4px;
  font-family: Soehne, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  display: inline-flex;
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab.active .intake-tab-existing {
  color: #fff;
  opacity: .9;
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab.active .intake-tab-warning {
  color: #ffaa5b;
}

.intake-forms-review .intake-forms-action-bar {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding: 16px;
  display: flex;
  opacity: 1 !important;
  box-shadow: 0 -2px 6px #00000014 !important;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  margin-right: auto;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel i {
  color: #fff;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel.disabled, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[disabled], .intake-forms-review .intake-forms-action-bar .intake-btn-cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel.disabled i, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[disabled] i, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel:disabled i {
  color: var(--gray-400);
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel:focus-visible {
  box-shadow: none;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save i {
  color: #fff;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save.disabled, .intake-forms-review .intake-forms-action-bar .intake-btn-save[disabled], .intake-forms-review .intake-forms-action-bar .intake-btn-save:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save.disabled i, .intake-forms-review .intake-forms-action-bar .intake-btn-save[disabled] i, .intake-forms-review .intake-forms-action-bar .intake-btn-save:disabled i {
  color: var(--gray-400);
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save:focus-visible {
  box-shadow: none;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.intake-forms-review .intake-remove-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  vertical-align: middle !important;
  border-radius: .6rem !important;
  justify-content: center !important;
  align-items: center !important;
  height: auto !important;
  min-height: 28px !important;
  padding: 6px 14px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  display: flex !important;
}

.intake-forms-review .intake-remove-btn i {
  color: #fff;
}

.intake-forms-review .intake-remove-btn:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.intake-forms-review .intake-remove-btn.disabled, .intake-forms-review .intake-remove-btn[disabled], .intake-forms-review .intake-remove-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.intake-forms-review .intake-remove-btn.disabled i, .intake-forms-review .intake-remove-btn[disabled] i, .intake-forms-review .intake-remove-btn:disabled i {
  color: var(--gray-400);
}

.intake-forms-review .intake-remove-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-forms-review .intake-remove-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.intake-forms-review .intake-remove-btn:focus-visible {
  box-shadow: none;
}

.intake-forms-review .intake-remove-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.wf-inspect-view-container {
  background-color: #fff;
  flex-flow: wrap;
  flex-grow: 1;
  flex-shrink: 0;
  max-height: fit-content;
  padding: 10px;
  display: flex;
}

.wf-inspect-view-container .inspect-ph {
  flex: 1;
  display: flex;
  overflow: auto;
}

.wf-inspect-view-container .inspect-cfg {
  padding: var(--inspect-cfg-p);
  border-left: 1px solid #ebeaea;
  flex-wrap: wrap;
  width: 25%;
  display: flex;
}

.order-select-footer {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.ReactModalPortal .generic-card-container {
  backdrop-filter: blur(12px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #d4d4d470;
  border: 1px solid #fff6;
  border-radius: 12px;
  background-color: #fafafaeb !important;
}

.ReactModalPortal .generic-card-container:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.ReactModalPortal .generic-card-container.site-selection-popup .action-btn-group-container {
  box-shadow: none !important;
  background: none !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  margin-right: 12px !important;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save i {
  color: #fff;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save.disabled, .ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save[disabled], .ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save.disabled i, .ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save[disabled] i, .ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save:disabled i {
  color: var(--gray-400);
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-save:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel i {
  color: #fff;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel:not(:has(i)) {
  background: linear-gradient(#ce7e7e 0%, #ca7272 100%);
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel.disabled, .ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel[disabled], .ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel.disabled i, .ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel[disabled] i, .ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel:disabled i {
  color: var(--gray-400);
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .generic-card-container.site-selection-popup .wizard-bottom-bar .btn-cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ReactModalPortal .generic-card-container .header {
  background-color: #0000;
  border-bottom: none;
  gap: 10px;
}

.ReactModalPortal .generic-card-container .header .title {
  text-transform: none;
  color: #4d525c;
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.ReactModalPortal .generic-card-container .header .arrow-container img {
  opacity: .5;
  cursor: pointer;
  width: 14px;
  height: 14px;
  transition: opacity .15s;
  position: absolute;
  top: 18px;
  right: 18px;
}

.ReactModalPortal .generic-card-container .header .arrow-container img:hover {
  opacity: .8;
}

.ReactModalPortal .generic-card-container .body {
  background-color: #ffffffbf;
  border: 1px solid #0000000f;
  border-radius: 10px;
  min-width: 420px;
  box-shadow: inset 0 1px 2px #0000000a;
}

.ReactModalPortal .generic-card-container .body .patient-order-selector, .ReactModalPortal .generic-card-container .body .patient-order-selector .field-select {
  min-width: 420px;
}

.ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary i {
  color: #fff;
}

.ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary.disabled, .ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary[disabled], .ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary.disabled i, .ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary[disabled] i, .ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary:disabled i {
  color: var(--gray-400);
}

.ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .generic-card-container .body .patient-order-selector .order-select-footer .btn-primary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ReactModalPortal .generic-card-container .body .info-detail-card:not(disabled) {
  color: #4d525c;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.ReactModalPortal .generic-card-container .body .wizard-bottom-bar {
  background: none;
}

.ReactModalPortal .generic-card-container .body .wizard-bottom-bar .dsl-action-btn {
  border-radius: 8px;
  height: auto;
  padding: 8px 12px;
}

.ReactModalPortal .patient-order-selector {
  flex-direction: column;
  gap: 16px;
  min-width: 420px;
  max-width: 420px;
  display: flex;
}

.ReactModalPortal .patient-order-selector .select-field-container {
  box-sizing: border-box;
  flex-direction: column;
  gap: 10px;
  display: flex;
  overflow: visible;
}

.ReactModalPortal .patient-order-selector .select-field-container .select-field-label {
  color: #5e636b;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.ReactModalPortal .patient-order-selector .btn-primary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .patient-order-selector .btn-primary i {
  color: #fff;
}

.ReactModalPortal .patient-order-selector .btn-primary:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.ReactModalPortal .patient-order-selector .btn-primary.disabled, .ReactModalPortal .patient-order-selector .btn-primary[disabled], .ReactModalPortal .patient-order-selector .btn-primary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ReactModalPortal .patient-order-selector .btn-primary.disabled i, .ReactModalPortal .patient-order-selector .btn-primary[disabled] i, .ReactModalPortal .patient-order-selector .btn-primary:disabled i {
  color: var(--gray-400);
}

.ReactModalPortal .patient-order-selector .btn-primary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .patient-order-selector .btn-primary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ReactModalPortal .patient-order-selector .btn-primary:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .patient-order-selector .btn-primary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ReactModalPortal .patient-order-selector .btn-primary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.ReactModalPortal .patient-order-selector .order-select-footer {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.intake-forms-review {
  isolation: isolate;
  border: 1px solid #fff6;
  border-radius: 12px;
  width: 95vw;
  max-width: 95vw;
  height: 90vh;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #14192826, 0 24px 48px #1419281f, 0 4px 16px #0000001a;
  opacity: 1 !important;
}

.intake-forms-review * {
  opacity: inherit;
}

.intake-modal-close-btn {
  cursor: pointer;
  z-index: 10;
  background-color: #0000;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: color .15s;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.intake-modal-close-btn i, .intake-modal-close-btn .icon, .intake-modal-close-btn:before {
  color: #717680;
  font-size: 18px;
  transition: color .15s;
}

.intake-modal-close-btn:hover {
  background-color: #0000;
}

.intake-modal-close-btn:hover i, .intake-modal-close-btn:hover .icon, .intake-modal-close-btn:hover:before {
  color: #a6aab1;
}

.intake-modal-close-btn:active i, .intake-modal-close-btn:active .icon, .intake-modal-close-btn:active:before {
  color: #595d65;
}

.intake-forms-left-pane {
  flex-direction: column;
  flex: 0 0 45%;
  display: flex;
  overflow: hidden;
  opacity: 1 !important;
  background-color: #f5f5f5 !important;
}

.intake-forms-doc-header {
  color: #495057;
  flex: none;
  align-items: center;
  min-height: 42px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  display: none;
  opacity: 1 !important;
  background-color: #f5f5f5 !important;
}

.intake-forms-doc-content {
  flex-direction: column;
  flex: auto;
  display: flex;
  overflow: hidden;
}

.intake-forms-doc-content iframe, .intake-forms-doc-content img {
  object-fit: contain;
  flex: 1;
  width: 100%;
  max-height: 100%;
  height: 100% !important;
}

.intake-forms-right-pane {
  flex-direction: column;
  flex: 55%;
  min-width: 0;
  display: flex;
  overflow: hidden;
  opacity: 1 !important;
  background-color: #f5f5f5 !important;
}

.intake-forms-tabs {
  border-bottom: none;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 8px;
  padding: 16px 16px 8px;
  display: flex;
  opacity: 1 !important;
}

.intake-forms-tab {
  color: var(--gray-700);
  cursor: pointer;
  white-space: nowrap;
  border: none;
  align-items: center;
  gap: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  border-radius: 6px !important;
  padding: 6px 12px !important;
}

.intake-forms-tab:hover {
  transform: scale(1);
  background-color: #58505b14 !important;
}

.intake-forms-tab.active {
  border-radius: 5px;
  gap: 8px;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  background-color: var(--color-tertiary) !important;
  color: #fff !important;
}

.intake-forms-tab.active:hover {
  cursor: default;
  transform: scale(1);
  background-color: var(--color-tertiary) !important;
}

.intake-forms-tab.active .intake-tab-badge {
  color: var(--color-tertiary) !important;
  background-color: #fff !important;
}

.intake-forms-tab.active .intake-tab-existing {
  color: #fff;
  opacity: .9;
}

.intake-forms-tab.active .intake-tab-warning {
  color: #ffaa5b;
}

.intake-tab-badge {
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #888;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  padding: 1px 0 0;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-flex;
}

.intake-tab-existing {
  color: #7db8a5;
  margin-left: 2px;
  font-size: 14px;
}

.intake-tab-warning {
  color: #d26158;
  margin-left: 2px;
  font-size: 14px;
}

.intake-forms-tab.needs-attention {
  border-color: #d26158;
}

.intake-forms-tab.needs-attention.active .intake-tab-warning {
  color: #ffaa5b;
}

.intake-forms-tab-panel {
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.intake-forms-tab-panel.inactive {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: -9999px;
}

.intake-forms-scroll {
  -webkit-overflow-scrolling: touch;
  flex: 1 1 0;
  min-height: 0;
  max-height: 100%;
  padding: 16px 16px 0;
  position: relative;
  overflow: hidden auto;
  opacity: 1 !important;
  background-color: #f5f5f5 !important;
}

.intake-forms-scroll > :not(.dsl-tab-container) {
  overflow: visible !important;
}

.intake-forms-scroll:has(.dsl-tab-container.level_1) {
  padding: 16px 16px 0;
  overflow: hidden !important;
}

.intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 {
  grid-template-rows: auto 1fr !important;
  height: 100% !important;
  display: grid !important;
  overflow: hidden !important;
}

.intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 .dsl-tab-header {
  margin-bottom: 8px;
  padding-bottom: 8px;
  position: relative;
  background-color: #f5f5f5 !important;
  grid-row: 1 !important;
}

.intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 .dsl-tab-area {
  -webkit-overflow-scrolling: touch;
  grid-row: 2 !important;
  min-height: 0 !important;
  overflow: hidden auto !important;
}

.intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 .dsl-tab-area .dsl-templ-area, .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 .dsl-tab-area .form-container, .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 .dsl-tab-area .cardlist, .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 .dsl-tab-area .cardform, .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 .dsl-tab-area .cardarea, .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 .dsl-tab-area div[id$="_view"], .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 .dsl-tab-area div[id$="_temp_container"], .intake-forms-scroll .dsl-templ-area, .intake-forms-scroll .dsl-tab-container:not(.level_1), .intake-forms-scroll .dsl-tab-area, .intake-forms-scroll .form-container, .intake-forms-scroll .cardlist, .intake-forms-scroll .cardform, .intake-forms-scroll .cardarea, .intake-forms-scroll div[id$="_view"], .intake-forms-scroll div[id$="_temp_container"] {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.intake-forms-scroll .dsl-tab-container:not(.level_1) .dsl-tab-header {
  z-index: 10;
  margin-bottom: 8px;
  padding-bottom: 8px;
  position: sticky;
  top: 0;
  background-color: #f5f5f5 !important;
  width: 100% !important;
}

.intake-forms-scroll .dsl-tab-container:not(.level_1) .dsl-tab-area {
  height: auto !important;
  overflow: visible !important;
}

.intake-forms-scroll > [role="tabpanel"] > div > div {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.intake-forms-scroll > [role="tabpanel"] {
  flex: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.intake-forms-action-bar {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
  box-shadow: 0 -1px #00000014;
  opacity: 1 !important;
}

.intake-btn-cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  align-items: center;
  gap: 8px;
  margin-right: auto;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-btn-cancel i {
  color: #fff;
}

.intake-btn-cancel:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.intake-btn-cancel.disabled, .intake-btn-cancel[disabled], .intake-btn-cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.intake-btn-cancel.disabled i, .intake-btn-cancel[disabled] i, .intake-btn-cancel:disabled i {
  color: var(--gray-400);
}

.intake-btn-cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-btn-cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.intake-btn-cancel:focus-visible {
  box-shadow: none;
}

.intake-btn-cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.intake-btn-save {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-btn-save i {
  color: #fff;
}

.intake-btn-save:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.intake-btn-save.disabled, .intake-btn-save[disabled], .intake-btn-save:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.intake-btn-save.disabled i, .intake-btn-save[disabled] i, .intake-btn-save:disabled i {
  color: var(--gray-400);
}

.intake-btn-save:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-btn-save:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.intake-btn-save:focus-visible {
  box-shadow: none;
}

.intake-btn-save:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.intake-remove-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  min-height: auto;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  padding: 4px 12px !important;
  font-size: 12px !important;
}

.intake-remove-btn i {
  color: #fff;
}

.intake-remove-btn:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.intake-remove-btn.disabled, .intake-remove-btn[disabled], .intake-remove-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.intake-remove-btn.disabled i, .intake-remove-btn[disabled] i, .intake-remove-btn:disabled i {
  color: var(--gray-400);
}

.intake-remove-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-remove-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.intake-remove-btn:focus-visible {
  box-shadow: none;
}

.intake-remove-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.array-form-item {
  background-color: #f5f5f5;
  padding: 0;
  position: relative;
}

.array-form-item.existing-item {
  background-color: #7db8a50d;
  border-color: #7db8a5;
}

.intake-hidden-section, .intake-forms-scroll .action-btn-cnt, .intake-forms-scroll .action-bar, .intake-forms-scroll .form-actions, .intake-forms-scroll .dsl-form-actions, .intake-forms-scroll .btn-cancel, .intake-forms-scroll .btn-close {
  display: none !important;
}

.intake-forms-scroll .dsl-form-content, .intake-forms-scroll .form-content {
  max-height: none !important;
  overflow: visible !important;
}

.intake-forms-scroll .dsl-form-grid, .intake-forms-scroll .field-grid {
  width: 100%;
}

.intake-forms-scroll .dsl-form-grid table, .intake-forms-scroll .field-grid table {
  table-layout: fixed;
  width: 100%;
}

.intake-forms-scroll .dsl-form-grid th, .intake-forms-scroll .field-grid th, .intake-forms-scroll .dsl-form-grid td, .intake-forms-scroll .field-grid td {
  padding: 8px;
}

.intake-forms-scroll .controls-grid {
  width: 100%;
  overflow-x: auto;
}

.intake-forms-scroll .controls-grid table.table {
  table-layout: auto;
  border-collapse: collapse;
  width: 100%;
  display: table !important;
}

.intake-forms-scroll .controls-grid table.table thead {
  display: table-header-group !important;
}

.intake-forms-scroll .controls-grid table.table thead tr {
  display: table-row !important;
}

.intake-forms-scroll .controls-grid table.table thead th {
  text-align: left;
  white-space: nowrap;
  border-bottom: 2px solid #dee2e6;
  padding: 8px 12px;
  font-weight: 600;
  display: table-cell !important;
}

.intake-forms-scroll .controls-grid table.table tbody {
  display: table-row-group !important;
}

.intake-forms-scroll .controls-grid table.table tbody tr {
  display: table-row !important;
}

.intake-forms-scroll .controls-grid table.table tbody tr:hover {
  background-color: #f8f9fa;
}

.intake-forms-scroll .controls-grid table.table tbody td {
  vertical-align: middle;
  border-bottom: 1px solid #e0e0e0;
  padding: 8px 12px;
  display: table-cell !important;
}

.intake-forms-scroll .controls-grid table.table tbody td input, .intake-forms-scroll .controls-grid table.table tbody td select {
  width: 100%;
  min-width: 80px;
}

.intake-forms-scroll .controls-grid table.table tfoot {
  display: table-footer-group !important;
}

.intake-forms-scroll .controls-grid table.table tfoot tr {
  display: table-row !important;
}

.intake-forms-scroll .controls-grid table.table tfoot th {
  padding: 8px;
  display: table-cell !important;
}

.existing-insurances-section {
  backdrop-filter: blur(8px) saturate(120%);
  background: linear-gradient(135deg, #ebf8f5d9 0%, #dcf3eecc 100%);
  border: 1px solid #7db8a559;
  border-radius: 10px;
  margin-bottom: 16px;
  padding: 12px 16px;
  box-shadow: 0 2px 8px #3c8c7814, inset 0 1px #fff9;
}

.existing-insurances-header {
  color: #3a5a50;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 450;
  line-height: 1.4;
  display: flex;
}

.existing-insurances-header i {
  color: #7db8a5;
  opacity: .9;
  flex-shrink: 0;
  font-size: 16px;
}

.existing-insurances-hint {
  color: #666;
  margin: 0 0 12px;
  font-size: 13px;
}

.existing-insurances-list {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.existing-insurance-card {
  background: #ffffff80;
  border: 1px solid #7db8a54d;
  border-radius: 0 0 6px 6px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.existing-insurance-info {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.existing-insurance-name {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

.existing-insurance-details {
  color: #666;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.existing-insurance-details .insurance-type {
  color: #7db8a5;
  font-weight: 600;
}

.existing-insurance-status {
  color: #7db8a5;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.existing-insurance-status i {
  color: #7db8a5 !important;
}

.new-insurance-header {
  color: #7db8a5;
  border-bottom: 1px solid #e0e0e0;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.new-insurance-header .new-insurance-title {
  align-items: center;
  gap: 8px;
  display: flex;
}

.new-insurance-header .new-insurance-title i {
  font-size: 14px;
}

.skip-form-button {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  align-items: center;
  gap: 4px;
  min-height: auto;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  padding: 4px 12px !important;
  font-size: 12px !important;
}

.skip-form-button i {
  color: #fff;
}

.skip-form-button:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.skip-form-button.disabled, .skip-form-button[disabled], .skip-form-button:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.skip-form-button.disabled i, .skip-form-button[disabled] i, .skip-form-button:disabled i {
  color: var(--gray-400);
}

.skip-form-button:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.skip-form-button:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.skip-form-button:focus-visible {
  box-shadow: none;
}

.skip-form-button:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.skip-form-button i {
  font-size: 10px;
}

.skippable-form-header {
  color: #567ba6;
  border-bottom: 1px solid #e0e0e0;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.skippable-form-header .skippable-form-title {
  align-items: center;
  gap: 8px;
  display: flex;
}

.skippable-form-header .skippable-form-title i {
  font-size: 14px;
}

.existing-insurances-hint.matched {
  color: #007bff;
  font-weight: 500;
}

.existing-insurances-hint.matched i {
  margin-right: 4px;
}

.existing-insurance-card.matched {
  background-color: #f0f7ff;
  border: 2px solid #007bff;
  box-shadow: 0 2px 8px #007bff26;
}

.ai-payer-hint {
  backdrop-filter: blur(8px) saturate(120%);
  color: #5a4a35;
  background: linear-gradient(135deg, #fff8ebd9 0%, #fff3dccc 100%);
  border: 1px solid #ffc86459;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 450;
  line-height: 1.4;
  display: flex;
  box-shadow: 0 2px 8px #b48c3c14, inset 0 1px #fff9;
}

.ai-payer-hint i {
  color: #d4a024;
  opacity: .9;
  flex-shrink: 0;
  font-size: 16px;
}

.ai-payer-hint span {
  flex: 1;
}

.ai-payer-hint strong {
  color: #8a6914;
  font-weight: 600;
}

.intake-empty-state {
  text-align: center;
  background: #00000005;
  border: 1px dashed #0000001f;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.intake-empty-state i {
  color: #999;
  opacity: .6;
  font-size: 48px;
}

.intake-empty-state span {
  color: #666;
  font-size: 14px;
  font-weight: 500;
}

.intake-add-manual-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-add-manual-btn i {
  color: #fff;
}

.intake-add-manual-btn:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.intake-add-manual-btn.disabled, .intake-add-manual-btn[disabled], .intake-add-manual-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.intake-add-manual-btn.disabled i, .intake-add-manual-btn[disabled] i, .intake-add-manual-btn:disabled i {
  color: var(--gray-400);
}

.intake-add-manual-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-add-manual-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.intake-add-manual-btn:focus-visible {
  box-shadow: none;
}

.intake-add-manual-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.intake-add-manual-btn i {
  color: #fff;
  opacity: 1;
  font-size: 14px;
}

.intake-add-another-btn {
  color: #567ba6;
  cursor: pointer;
  background: none;
  border: 1px dashed #0003;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.intake-add-another-btn:hover {
  background: #567ba614;
  border-color: #567ba6;
}

.intake-add-another-btn i {
  font-size: 14px;
}

body:has(.intake-forms-review) .modal-backdrop {
  z-index: 99999 !important;
}

body:has(.intake-forms-review) .bootstrap-dialog {
  z-index: 100000 !important;
}

.med-claim-resp-inspect .query-list {
  min-height: unset !important;
}

.med-claim-resp-inspect .query-list .dsl-list-bottom {
  padding: 0 !important;
}

.med-claim-resp-inspect .query-list .dsl-list-bottom .dsl-advanced-grid {
  padding: 10px !important;
}

.med-claim-resp-inspect .ag-header-cell {
  background-color: #e3e0ffb0 !important;
}

.med-claim-resp-inspect .med-claim-resp-sl-inspect {
  height: 100%;
}

.med-claim-resp-inspect .med-claim-resp-sl-inspect .ag-header-cell {
  background-color: #e5fcffad !important;
}

.status-cell {
  --status-color-default: #949491;
  --status-color-red: #d98080;
  --status-color-green: #689989;
  --status-color-grey: #949491;
  --status-color-purple: #837bb2;
  --status-color-blue: #668eba;
  --status-color-orange: #e89e64;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 2px 8px;
  display: flex;
  max-width: fit-content !important;
}

.status-cell p {
  letter-spacing: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
}

.status-cell.default {
  background-color: #e5e5e5;
  border: 2px solid #e5e5e5;
}

.status-cell.default p {
  font-weight: white;
}

.status-cell.green {
  background-color: var(--status-color-green);
  border: 2px solid var(--status-color-green);
}

.status-cell.green p {
  color: #fff;
}

.status-cell.red {
  background-color: var(--status-color-red);
  border: 2px solid var(--status-color-red);
}

.status-cell.red p {
  color: #fff;
}

.status-cell.grey {
  background-color: var(--status-color-grey);
  border: 2px solid var(--status-color-grey);
}

.status-cell.grey p {
  color: #fff;
}

.status-cell.purple {
  background-color: var(--status-color-purple);
  border: 2px solid var(--status-color-purple);
}

.status-cell.purple p {
  color: #fff;
}

.status-cell.blue {
  background-color: var(--status-color-blue);
  border: 2px solid var(--status-color-blue);
}

.status-cell.blue p {
  color: #fff;
}

.status-cell.orange {
  background-color: var(--status-color-orange);
  border: 2px solid var(--status-color-orange);
}

.status-cell.orange p {
  color: #fff;
}

.status-cell.outlined-red {
  border: 2px solid var(--status-color-red);
}

.status-cell.outlined-red p {
  color: var(--status-color-red);
}

.status-cell.outlined-green {
  border: 2px solid var(--status-color-green);
}

.status-cell.outlined-green p {
  color: var(--status-color-green);
}

.status-cell.outlined-grey {
  border: 2px solid var(--status-color-grey);
}

.status-cell.outlined-grey p {
  color: var(--status-color-grey);
}

.status-cell.outlined-purple {
  border: 2px solid var(--status-color-purple);
}

.status-cell.outlined-purple p {
  color: var(--status-color-purple);
}

.status-cell.outlined-blue {
  border: 2px solid var(--status-color-blue);
}

.status-cell.outlined-blue p {
  color: var(--status-color-blue);
}

.status-cell.outlined-orange {
  border: 2px solid var(--status-color-orange);
}

.status-cell.outlined-orange p {
  color: var(--status-color-orange);
}

.status-cell.outlined-default {
  border: 2px solid var(--status-color-default);
}

.status-cell.outlined-default p {
  color: var(--status-color-default);
}

.generic-tab-list-container {
  gap: var(--spacing-standard);
  height: calc(100% - 46px);
  display: flex;
}

.generic-tab-list-container.inactive {
  pointer-events: none;
  display: none !important;
}

.generic-tab-list {
  gap: var(--spacing-standard);
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.matrix-editor {
  flex-direction: column;
  gap: 10px;
  width: 100%;
  min-height: 100%;
  padding-bottom: 10px;
  display: flex;
}

.matrix-editor .dsl-grid-view {
  height: 100% !important;
}

.matrix-editor .row-mark-danger-inv {
  background-color: #f4999b29 !important;
}

.matrix-editor .matrix-unassigned:not(.tr-select) {
  background-color: #f4999b4d !important;
}

.matrix-editor .matrix-editor-row {
  gap: 10px;
  display: flex;
}

.matrix-editor .matrix-editor-row:first-child {
  height: 60% !important;
  min-height: 60% !important;
  max-height: 60% !important;
}

.matrix-editor .matrix-editor-row:first-child .no-item-cont {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.matrix-editor .matrix-editor-row:first-child .container-label {
  color: #42437b;
  letter-spacing: 0;
  text-align: left;
  text-transform: uppercase;
  background: #dfe1ef;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding-left: 18px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  display: flex;
}

.matrix-editor .matrix-editor-row:last-child {
  height: 40% !important;
  min-height: 40% !important;
  max-height: 40% !important;
}

.matrix-editor .matrix-editor-row .matrix-editor-item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.inventory-compact-list .compact-btns-container {
  display: none;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.inventory-compact-list .searchbox {
  flex-direction: column;
  width: 100%;
  padding: 2px 0;
  display: flex;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.inventory-compact-list .searchbox .search-input {
  border: none;
  width: 100%;
  height: 30px;
  padding: 0 0 0 10px;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.dsl-editor .form-container {
  min-width: 100%;
  min-height: calc(100% - var(--wizard-bottom-bar-height) + var(--form-container-g));
  margin: 0 !important;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.dsl-editor .form-container .cardarea > h3:first-child, .matrix-editor .matrix-editor-row .matrix-editor-item.dsl-editor .form-container .cardarea h4 {
  display: none;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.dsl-editor .wizard-bottom-bar {
  min-height: fit-content;
  padding: 10px;
}

.dsl-list-compact {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.dsl-list-compact.card-one {
  background-color: #0000 !important;
}

.dsl-list-compact .tr-select {
  background: #59595933 !important;
}

.dsl-list-compact tr {
  background-color: #0000 !important;
}

.dsl-list-compact tr:hover:not(.tr-select) {
  background: #5959590d !important;
}

.dsl-list-compact .dsl-grid-view {
  border-bottom: none;
  border-radius: 8px !important;
}

.dsl-list-compact table {
  margin: 0 !important;
}

.dsl-list-compact table thead tr th:first-child {
  border-top-left-radius: unset !important;
}

.dsl-list-compact table thead tr th:last-child {
  border-top-right-radius: unset !important;
}

.dsl-list-compact .dataTables_scroll {
  box-shadow: none !important;
  min-height: 50px !important;
  max-height: 100% !important;
}

.dsl-list-compact .dataTables_scrollBody {
  background-color: #0000;
  padding-bottom: 2px;
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.dsl-list-compact .dataTables_info, .dsl-list-compact .dataTables_paginate {
  display: none !important;
}

.dsl-list-compact .compact-btns-container {
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn {
  margin: var(--spacing-large) 0px 4px 4px;
  cursor: pointer;
  padding: var(--spacing-standard) var(--spacing-xlarge);
  text-transform: capitalize;
  gap: var(--spacing-xsmall);
  border-radius: var(--radius-medium);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: fit-content;
  min-height: 36px;
  display: flex;
  min-width: 30px !important;
  margin-top: 0 !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn .inner-cont {
  margin-top: 0 !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn .inner-cont .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  filter: none !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn .inner-cont .label {
  font-weight: var(--font-weight-medium);
  background-color: #0000;
  font-size: var(--font-size-xsmall) !important;
  filter: none !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.disabled {
  cursor: not-allowed !important;
  opacity: 1 !important;
  filter: none !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive {
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
  background-color: var(--color-text-100) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add .inner-cont .label, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive .inner-cont .label {
  color: var(--brand-700) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add .inner-cont .icon, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive .inner-cont .icon {
  filter: brightness(0) saturate() invert(46%) sepia(19%) saturate(745%) hue-rotate(209deg) brightness(99%) contrast(92%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add:hover, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:hover {
  background-color: var(--color-text-50) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add:hover .inner-cont .label, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:hover .inner-cont .label {
  background-color: #0000;
  color: var(--brand-800) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add:focus, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:focus {
  background-color: var(--brand-100);
  box-shadow: 0px 0px 0px 1px #0a0d122e inset, 0px -2px 0px 0px #0a0d120d inset, 0px 1px 2px 0px #0a0d120d, 0px 0px 0px 2px #fff, 0px 0px 0px 4px var(--color-tertiary);
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add:focus .inner-cont .label, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:focus .inner-cont .label {
  color: var(--brand-700);
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add.disabled, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled {
  outline: 1px solid var(--brand-100);
  background-color: var(--color-text-50) !important;
  opacity: .66 !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add.disabled .inner-cont .icon, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled .inner-cont .icon {
  filter: invert(65%) sepia(6%) saturate(120%) hue-rotate(180deg) brightness(95%) contrast(85%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add.disabled .inner-cont .label, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled .inner-cont .label {
  color: var(--color-text-400) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit {
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
  background-color: var(--color-text-100) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit .inner-cont .icon {
  filter: invert(77%) sepia(6%) saturate(150%) hue-rotate(180deg) brightness(90%) contrast(90%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit .inner-cont .label {
  color: var(--color-text-700) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:hover {
  background-color: var(--brand-50) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:hover .inner-cont .icon {
  mix-blend-mode: difference;
  filter: invert(12%) sepia(10%) saturate(500%) hue-rotate(200deg) brightness(90%) contrast() !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:hover .inner-cont .label {
  background-color: #0000;
  color: var(--color-text-800) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:focus {
  background-color: var(--white);
  box-shadow: inset 0 -2px #0a0d120d, inset 0 0 0 1px #0a0d122e, 0 0 0 2px #fff, 0 0 0 4px #837bb2;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:focus .inner-cont .icon {
  mix-blend-mode: luminosity;
  filter: invert(25%) sepia(6%) saturate(300%) hue-rotate(180deg) brightness(90%) contrast(95%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:focus .inner-cont .label {
  color: var(--brand-700);
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit.disabled {
  outline: none;
  background-color: var(--color-text-50) !important;
  opacity: 1 !important;
  opacity: .66 !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit.disabled .inner-cont .icon {
  mix-blend-mode: luminosity;
  opacity: .5;
  filter: invert(16%) sepia(8%) saturate(300%) hue-rotate(190deg) brightness(90%) contrast(95%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit.disabled .inner-cont .label {
  color: var(--color-text-400) !important;
  filter: none !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive {
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
  background-color: var(--color-text-100) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive .inner-cont .icon {
  filter: invert(57%) sepia(36%) saturate(320%) hue-rotate(330deg) brightness(90%) contrast(85%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive .inner-cont .label {
  color: var(--color-error-700) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:hover {
  background-color: var(--color-error-50) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:hover .inner-cont .label {
  background-color: #0000;
  color: var(--color-error-700) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:focus {
  background-color: var(--white);
  box-shadow: inset 0 -2px #0a0d120d, inset 0 0 0 1px #0a0d122e, 0 0 0 2px #fff, 0 0 0 4px #837bb2;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:focus .inner-cont .icon {
  filter: invert(57%) sepia(36%) saturate(320%) hue-rotate(330deg) brightness(90%) contrast(85%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:focus .inner-cont .label {
  color: var(--color-error-700);
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled {
  outline: none;
  background-color: var(--color-text-50) !important;
  opacity: 1 !important;
  opacity: .66 !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled .inner-cont .icon {
  opacity: .5;
  filter: invert(57%) sepia(36%) saturate(320%) hue-rotate(330deg) brightness(90%) contrast(85%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled .inner-cont .label {
  color: var(--color-error-400) !important;
  filter: none !important;
}

.ReactModalPortal .matrix-assignment {
  flex-direction: column;
  gap: 10px;
  min-width: 320px;
  max-width: 500px;
  display: flex;
}

.ReactModalPortal .matrix-assignment .error {
  color: #f56d63;
}

.ReactModalPortal .matrix-assignment .btn-primary {
  width: 50%;
}

.ReactModalPortal .matrix-assignment .btn-primary:disabled {
  color: #fbfbfb;
  background-color: #fbfbfb;
}

.ReactModalPortal .matrix-assignment .btn-primary:disabled:hover {
  color: #fbfbfb;
}

.ReactModalPortal .matrix-assignment .matrix-assignment-footer {
  justify-content: flex-end;
  display: flex;
}

#flyout div[form="payer_contract"], .window-manager-content[data-form="payer_contract"] {
  gap: 8px !important;
}

#flyout div[form="payer_contract"] .generic-tab-list-container, .window-manager-content[data-form="payer_contract"] .generic-tab-list-container {
  flex-direction: column;
  display: flex;
  min-width: 100% !important;
}

#flyout div[form="payer_contract"] .generic-tab-list-container .wizard-bottom-bar, .window-manager-content[data-form="payer_contract"] .generic-tab-list-container .wizard-bottom-bar {
  padding: 0 !important;
}

.queue-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.queue-actions .queue-action-btns {
  background: var(--color-primary);
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.queue-actions .queue-action-btns i {
  color: #fff;
  align-items: center;
  margin-right: 8px;
  font-size: 14px;
  display: flex;
}

.queue-actions .queue-action-btns .btn-label {
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.queue-actions .queue-action-btns i {
  color: #fff;
}

.queue-actions .queue-action-btns:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.queue-actions .queue-action-btns.disabled, .queue-actions .queue-action-btns[disabled], .queue-actions .queue-action-btns:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.queue-actions .queue-action-btns.disabled i, .queue-actions .queue-action-btns[disabled] i, .queue-actions .queue-action-btns:disabled i {
  color: var(--gray-400);
}

.queue-actions .queue-action-btns:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.queue-actions .queue-action-btns:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.queue-actions .queue-action-btns:focus-visible {
  box-shadow: none;
}

.queue-actions .queue-action-btns:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ReactModalPortal .ai-scan-clinicals-content {
  flex-direction: column;
  gap: 16px;
  min-width: 420px;
  max-width: 500px;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content.dragging .file-drop-zone {
  background-color: #ebf1f7;
  border-color: #668eba;
}

.ReactModalPortal .ai-scan-clinicals-content .select-field-container {
  background: none;
  border: none;
  padding: 0;
}

.ReactModalPortal .ai-scan-clinicals-content .select-field-container .select-field-label {
  text-align: center;
  color: #999;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 400;
  display: block;
}

.ReactModalPortal .ai-scan-clinicals-content .divider-text {
  text-align: center;
  color: #999;
  font-size: 13px;
  font-weight: 400;
  position: relative;
}

.ReactModalPortal .ai-scan-clinicals-content .divider-text:before, .ReactModalPortal .ai-scan-clinicals-content .divider-text:after {
  content: "";
  background: #0000001a;
  width: calc(50% - 20px);
  height: 1px;
  position: absolute;
  top: 50%;
}

.ReactModalPortal .ai-scan-clinicals-content .divider-text:before {
  left: 0;
}

.ReactModalPortal .ai-scan-clinicals-content .divider-text:after {
  right: 0;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone {
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 2px dashed #00000026;
  border-radius: 10px;
  padding: 24px;
  transition: all .2s;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone:hover {
  border-color: #00000040;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone.active {
  background-color: #ebf1f7;
  border-style: solid;
  border-color: #668eba;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone.has-file {
  background-color: #00000005;
  border-style: solid;
  border-color: #00000014;
  padding: 16px 20px;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone.has-file:hover {
  background-color: #00000008;
  border-color: #0000001f;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .drop-zone-content {
  color: #666;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .drop-zone-content i {
  color: #668eba;
  font-size: 32px;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .drop-zone-content span {
  font-size: 14px;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .drop-zone-content .file-types {
  color: #999;
  font-size: 12px;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info {
  color: #333;
  align-items: center;
  gap: 12px;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .file-icon-wrapper {
  background: linear-gradient(135deg, #cc7878 0%, #b86a6a 100%);
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .file-icon-wrapper i {
  color: #fff;
  font-size: 16px;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .file-details {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .file-details .file-name {
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .file-details .file-ready {
  color: #86868b;
  font-size: 11px;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info i.fa-file-pdf {
  color: #fff;
  font-size: 18px;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .remove-file-btn {
  cursor: pointer;
  color: #86868b;
  background: #0000000a;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: all .15s;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .remove-file-btn i {
  font-size: 12px;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .remove-file-btn:hover {
  color: #333;
  background: #00000014;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .remove-file-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer {
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel i {
  color: #fff;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:not(:has(i)) {
  background: linear-gradient(#ce7e7e 0%, #ca7272 100%);
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel.disabled, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[disabled], .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel.disabled i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[disabled] i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:disabled i {
  color: var(--gray-400);
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary i {
  color: #fff;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary.disabled, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[disabled], .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary.disabled i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[disabled] i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:disabled i {
  color: var(--gray-400);
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.text-style-body {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.text-style-heading {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: normal;
  overflow: hidden;
}

.text-style-label, .text-style-small {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: normal;
  overflow: hidden;
}

.text-style-large {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #ffffffa3;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 0 8px;
  display: flex;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
  flex-shrink: 0 !important;
}

.ss-snapshot-details-container .flex-row {
  flex-direction: row;
  display: flex;
}

.ss-snapshot-details-container .flex-column {
  flex-direction: column;
  display: flex;
}

.ss-snapshot-details-container .is-link {
  cursor: pointer;
}

.ss-snapshot-details-container .is-link:hover {
  color: #567ba6;
  text-decoration: underline;
}

.ss-snapshot-details-container .header-container {
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  padding: 16px;
  display: flex;
}

.ss-snapshot-details-container .header-container > div {
  flex-basis: 25%;
}

.ss-snapshot-details-container .header-container .pt-info {
  flex-direction: column;
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .name-container .pat-name {
  color: #567ba6;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: normal;
  text-decoration: underline;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav {
  flex-direction: row;
  gap: 10px;
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info {
  flex-direction: column;
  gap: 4px;
  margin-top: 2px;
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info .info-child {
  gap: 16px;
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info .info-child > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info .phone:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info .dob:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info .address-container {
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info .address-container > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .address-container:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
}

.ss-snapshot-details-container .header-container .med-info {
  flex-direction: column;
  gap: 4px;
  padding-top: 5px;
  display: flex;
}

.ss-snapshot-details-container .header-container .med-info .med-name {
  color: #567ba6;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-decoration: underline;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .med-info .refill-container {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ss-snapshot-details-container .header-container .med-info .refill-container .med-refills {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .med-info .refill-container .icon {
  width: 14px;
  height: 13px;
}

.ss-snapshot-details-container .header-container .med-info .med-desc-container {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ss-snapshot-details-container .header-container .med-info .med-desc-container .med-desc {
  color: #5e636b;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .med-info .med-desc-container .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .med-info .therapy-container {
  flex-direction: row;
  display: flex;
}

.ss-snapshot-details-container .header-container .med-info .med-team {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #a3a3a0;
  border-radius: 16px;
  padding: 2px 8px;
  font-family: Soehne, sans-serif;
  font-weight: 600;
  overflow: hidden;
  font-weight: 600 !important;
}

.ss-snapshot-details-container .header-container .phy-info {
  flex-direction: column;
  gap: 4px;
  min-width: 12%;
  max-width: fit-content;
  padding-top: 5px;
  display: flex;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-name-container {
  gap: 8px;
  display: flex;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-name-container .phy-name {
  color: #567ba6;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-name-container .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .hash-code-container {
  gap: 8px;
  display: flex;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .hash-code-container .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .hash-code-container .hash-code {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info .info-child {
  gap: 16px;
  display: flex;
}

.ss-snapshot-details-container .header-container .phy-info .info-child > p, .ss-snapshot-details-container .header-container .phy-info .info-child .phy-pcontact {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-pcontact:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-fax {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-fax:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
}

.ss-snapshot-details-container .header-container .phy-info .address-container {
  display: flex;
}

.ss-snapshot-details-container .header-container .phy-info .address-container > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info .address-container:before {
  content: "";
  color: #9b9fa8;
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
}

.ss-snapshot-details-container .header-container .surescript-info {
  flex-direction: column;
  gap: 4px;
  min-width: 12%;
  max-width: fit-content;
  padding: 5px 8px 0 0;
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child {
  gap: 16px;
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child .surescript-date-container {
  gap: 8px;
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child .surescript-date-container .surescript-date {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child .surescript-date-container .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child .hash-code-container {
  gap: 8px;
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child .hash-code-container .hash-code {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 16ch;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child .hash-code-container .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-child {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-child .surescript-status-container {
  gap: 8px;
  height: fit-content;
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-child .surescript-status-container .surescript-status {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #e58787;
  border-radius: 16px;
  height: 22px;
  margin: 0;
  padding: 2px 8px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: normal;
  overflow: hidden;
  color: #fff !important;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-child .surescript-status-container .surescript-status.standard {
  background-color: #9b9fa8;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-child .surescript-status-container .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-child .certification-container {
  flex-direction: column;
  align-items: center;
  padding-left: 24px;
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-child .certification-container .certification-child {
  gap: 8px;
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-child .certification-container .certification-child .certification-heading {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-child .certification-container .certification-child .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-child .certification-container .authentication-text {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 10px;
  font-weight: normal;
  overflow: hidden;
}

.interactions-check-card {
  background: #ededed;
  border: 1px solid #fff6;
  border-radius: 10px;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  display: flex;
}

.interactions-check-card .interactions-content {
  flex: 1;
  gap: 16px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.interactions-check-card .interactions-list {
  background: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  padding: 0;
  display: flex;
  overflow-y: auto;
  box-shadow: 0 2px 3px -1px #00000014, 0 0 2px #0000001f;
}

.interactions-check-card .interaction-item {
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-bottom-color: #d7dae0;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  transition: all .2s ease-in-out;
}

.interactions-check-card .interaction-item:hover {
  background: #f5f9ff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #00000026;
}

.interactions-check-card .interaction-item.severity-high {
  background: #ffe5e5;
}

.interactions-check-card .interaction-item.severity-high:hover {
  background: #ffd6d6;
}

.interactions-check-card .interaction-item.severity-moderate {
  background: #ffead9;
}

.interactions-check-card .interaction-item.severity-moderate:hover {
  background: #ffdcc4;
}

.interactions-check-card .interaction-header {
  flex-wrap: wrap;
  align-items: center;
  height: 40px;
  display: flex;
}

.interactions-check-card .severity-badge {
  letter-spacing: 0;
  vertical-align: middle;
  color: #b6bac2;
  align-items: center;
  gap: 6px;
  height: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.interactions-check-card .severity-badge.severity-contraindication, .interactions-check-card .severity-badge.severity-high {
  color: #cc7878;
}

.interactions-check-card .severity-badge.severity-moderate {
  color: #d9945d;
}

.interactions-check-card .severity-badge.severity-low {
  color: #b6bac2;
}

.interactions-check-card .severity-badge .severity-icon {
  width: 16px;
  height: 16px;
}

.interactions-check-card .interaction-medications {
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  color: #4d525c;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.interactions-check-card .interaction-type {
  letter-spacing: 0;
  vertical-align: middle;
  color: #4d525c;
  align-items: center;
  gap: 6px;
  height: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.interactions-check-card .interaction-type .type-icon {
  width: 16px;
  height: 16px;
}

.interactions-check-card .interaction-summary {
  letter-spacing: 0;
  color: #4d525c;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
}

.interactions-check-card .no-interactions-found {
  background: #d4d4d4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  box-shadow: 0 2px 3px -1px #00000014, 0 0 2px #0000001f;
}

.interactions-check-card .no-interactions-found .check-icon {
  width: 65px;
  height: 56px;
  margin-bottom: 15px;
}

.interactions-check-card .no-interactions-found .no-interactions-text {
  letter-spacing: 0;
  color: #4d525c;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
}

.interactions-check-card .interactions-sidebar {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 362px;
  display: flex;
  overflow: hidden auto;
}

.interactions-check-card .summary-section {
  flex-shrink: 0;
}

.interactions-check-card .summary-title {
  color: #333;
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 600;
}

.interactions-check-card .summary-group {
  flex-direction: column;
  padding: 10px 30px;
  display: flex;
}

.interactions-check-card .summary-item {
  border-bottom: 1px solid #b6bac2;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  display: flex;
}

.interactions-check-card .summary-item .summary-item-label {
  letter-spacing: 0;
  color: #4d525c;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  display: flex;
}

.interactions-check-card .summary-item .summary-icon {
  width: 16px;
  height: 16px;
}

.interactions-check-card .summary-item .summary-count {
  color: #4d525c;
  text-align: right;
  min-width: 24px;
  font-size: 14px;
  font-weight: 600;
}

.interactions-check-card .summary-item.zero-count .summary-item-label, .interactions-check-card .summary-item.zero-count .summary-count {
  color: #838894;
}

.interactions-check-card .severity-summary {
  justify-content: center;
  gap: 22px;
  padding: 20px 0;
  display: flex;
}

.interactions-check-card .severity-summary .severity-item {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.interactions-check-card .severity-summary .severity-item .severity-summary-icon {
  width: 24px;
  height: 24px;
}

.interactions-check-card .severity-summary .severity-item .severity-label {
  letter-spacing: 0;
  color: #4d525c;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.interactions-check-card .notes-section {
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.interactions-check-card .form-field {
  flex-direction: column;
  display: flex;
}

.interactions-check-card .form-field label {
  color: #838894;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}

.interactions-check-card .form-field label .required {
  color: #e58787;
  vertical-align: middle;
}

.interactions-check-card .form-field .note-textarea {
  resize: vertical;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  padding: 27px 10px 10px;
  font-family: inherit;
  font-size: 13px;
  box-shadow: inset 0 1px 2px 1px #38383814;
}

.interactions-check-card .form-field .note-textarea:focus {
  border-color: #1890ff;
  outline: none;
  box-shadow: 0 0 0 2px #1890ff1a;
}

.interactions-check-card .form-field .note-textarea:disabled {
  color: #969696;
  background: #f2f2f2;
}

.interactions-check-card .footer {
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  display: flex;
}

.skeleton-pulse {
  background-color: #ededed;
  border-radius: 4px;
  height: 1em;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.skeleton-pulse:after {
  content: "";
  background: linear-gradient(90deg, #fff0 0%, #fff3 20%, #ffffff80 60%, #fff0);
  animation: 2s infinite shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

.patient-account {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 16px;
  width: 100%;
  padding: 0 0 4px;
  display: flex;
  border-radius: 0 0 10px 10px !important;
}

.patient-account .dashboard-section {
  display: flex;
}

.patient-account .dashboard-section .section-title {
  color: #5e636b;
  margin-bottom: 10px;
  font-family: Soehne, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.patient-account .dashboard-section .cards-grid {
  flex: auto;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.patient-account .metric-card {
  cursor: pointer;
  background-color: #f5f5f5;
  border: none;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  height: 74px;
  padding: 16px;
  transition: box-shadow .2s ease-in-out, background-color .2s;
  display: flex;
  box-shadow: 0 2px 2px #dcdcdc, 0 2px 5px #0000000f;
}

.patient-account .metric-card:first-child {
  box-shadow: none;
  background-color: #0000;
  border: none;
}

.patient-account .metric-card:first-child .card-menu {
  display: none;
}

.patient-account .metric-card:first-child:hover {
  box-shadow: none;
  background-color: #0000;
}

.patient-account .metric-card:hover {
  background-color: #f8f9fa;
  border-color: #d1d5db;
  box-shadow: 0 3px 6px #00000026;
}

.patient-account .metric-card.selected {
  color: #fff;
  background-color: #668eba;
  border: none;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.patient-account .metric-card.selected .card-header .card-title, .patient-account .metric-card.selected .card-header .card-menu, .patient-account .metric-card.selected .card-value {
  color: #fff;
}

.patient-account .metric-card .card-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.patient-account .metric-card .card-header .card-title {
  color: var(--label-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 5px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.patient-account .metric-card .card-header .card-menu {
  color: var(--gray-500);
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.patient-account .metric-card .card-header .card-copay {
  color: var(--gray-500);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Soehne, sans-serif;
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
}

.patient-account .metric-card .card-value-container {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.patient-account .metric-card .card-value-icon.has-icon {
  color: #fff;
  background-color: #837bb2;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
}

.patient-account .metric-card .card-value-icon.has-icon i {
  margin-top: 2px;
  font-size: 20px;
}

.patient-account .metric-card .card-value-icon.has-icon:hover {
  background-color: #746ba9;
}

.patient-account .metric-card .card-value {
  color: var(--gray-700);
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  padding: 5px 5px 5px 0;
  font-family: Soehne, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  display: flex;
  overflow: hidden;
}

.ag-right-aligned-header {
  text-align: right !important;
}

.charge-lines-view {
  background-color: #ebebe8;
  padding: 25px 15px 24px;
  height: fit-content !important;
}

.charge-lines-view .dsl-advanced-grid {
  height: fit-content !important;
}

.charge-lines-view .dsl-advanced-grid .ag-header-icon {
  visibility: hidden;
}

.charge-lines-view .dsl-advanced-grid .ag-center-cols-viewport {
  min-height: 44px !important;
}

.charge-lines-view .dsl-advanced-grid .ag-root-wrapper {
  border-radius: 8px !important;
}

.ar-manager-container .ag-details-row, .ar-manager-container .ag-full-width-row, .ar-manager-container .ag-row-detail {
  height: fit-content !important;
}

.billing-adjustment-details-container {
  flex-direction: column;
  width: 100%;
  padding: 10px 10px 0;
  display: flex;
}

.billing-adjustment-details-container .internal-container {
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.billing-adjustment-details-container .internal-container .action-btn-group-container {
  box-shadow: none !important;
  background-color: #0000 !important;
}

.billing-adjustment-details-container .header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  vertical-align: middle !important;
  height: 64px !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.billing-adjustment-details-container .header .title {
  flex-direction: row;
  gap: 12px;
  width: 100%;
  margin-left: 12px;
  display: flex;
}

.billing-adjustment-details-container .header .title .title-btn {
  letter-spacing: 0;
  color: #4d525c;
  cursor: pointer;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: 36px;
  padding: 6px 12px;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.billing-adjustment-details-container .header .title .title-btn.active {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  text-transform: none !important;
  border-radius: .6rem !important;
}

.billing-adjustment-details-container .header .title .title-btn.active i {
  color: #fff;
}

.billing-adjustment-details-container .header .title .title-btn.active:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.billing-adjustment-details-container .header .title .title-btn.active.disabled, .billing-adjustment-details-container .header .title .title-btn.active[disabled], .billing-adjustment-details-container .header .title .title-btn.active:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.billing-adjustment-details-container .header .title .title-btn.active.disabled i, .billing-adjustment-details-container .header .title .title-btn.active[disabled] i, .billing-adjustment-details-container .header .title .title-btn.active:disabled i {
  color: var(--gray-400);
}

.billing-adjustment-details-container .header .title .title-btn.active:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.billing-adjustment-details-container .header .title .title-btn.active:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.billing-adjustment-details-container .header .title .title-btn.active:focus-visible {
  box-shadow: none;
}

.billing-adjustment-details-container .header .title .title-btn.active:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.billing-adjustment-details-container .header .note {
  letter-spacing: 0;
  text-align: center;
  color: var(--gray-700);
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.billing-adjustment-details-container .header .note.red {
  color: #d98080;
}

.billing-adjustment-details-container .content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ar-manager-on-screen {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.ar-manager-container {
  flex-direction: column;
  flex-shrink: 0px;
  backdrop-filter: blur(12px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #d4d4d470;
  border: 1px solid #fff6;
  border-radius: 12px;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
  overflow-y: auto;
}

.ar-manager-container:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.ar-manager-container .fa-print {
  opacity: 1;
  color: var(--color-primary);
  cursor: pointer;
  padding: 0 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 500;
}

.ar-manager-container .fa-print:hover {
  opacity: .7;
}

.ar-manager-container .fa-download {
  opacity: 1;
  color: var(--color-primary);
  cursor: pointer;
  padding: 0 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 500;
}

.ar-manager-container .fa-download:hover {
  opacity: .7;
}

.ar-manager-container .refresh-all {
  color: var(--color-primary);
  cursor: pointer;
  opacity: 1;
  padding: 0 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 500;
  content: "" !important;
}

.ar-manager-container .refresh-all:hover {
  opacity: .7 !important;
}

.ar-manager-container .actions-cell {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 100%;
  display: flex;
}

.ar-manager-container .actions-cell img {
  cursor: pointer;
}

.ar-manager-container > .dsl-advanced-grid .action-btn-group-container {
  justify-content: end;
  gap: 8px;
}

.ar-manager-container > .dsl-advanced-grid > div > .ag-root-wrapper {
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.ar-manager-container .ar-manager-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: fit-content;
  padding-bottom: 8px;
  padding-right: 8px;
  display: flex;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
  display: flex;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 40%;
  min-height: 40px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: #ffffff5c !important;
  border: 1px solid #fff6 !important;
  font-weight: 400 !important;
  box-shadow: 0 10px 30px #00000014, 0 1px 2px #0000000f, inset 0 1px #ffffff59 !important;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar:focus-within {
  background: #ffffff80 !important;
  border-color: #ffffffa6 !important;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c !important;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar > div {
  flex: 1;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar:focus-within img {
  opacity: .95;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .ar-manager-header-left-subtitle {
  letter-spacing: 0;
  color: #707580;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
}

.ar-manager-container .ar-manager-header .ar-buttons {
  color: var(--color-primary);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  display: flex;
}

.ar-manager-container .ar-manager-header .ar-buttons i {
  cursor: pointer;
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button {
  letter-spacing: 0;
  color: #5e636b;
  cursor: pointer;
  background: #fafafa;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  box-shadow: inset 0 -1px 2px #00000038;
}

.ar-manager-container .ar-manager-sub-grids {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  height: 413px;
  display: flex;
}

.ar-manager-container .ar-manager-sub-grids .ar-manager-sub-grid {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.ar-manager-container .ar-manager-sub-grids .ar-manager-sub-grid.charge-lines {
  width: 60%;
}

.ar-manager-container .ar-manager-sub-grids .ar-manager-sub-grid.transactions {
  width: 40%;
}

.ar-manager-sticky-row {
  background-color: #ffffff70;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 12px;
  font-size: .85rem;
  display: flex;
  border-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ar-manager-sticky-row .bottom-label {
  letter-spacing: 0;
  vertical-align: middle;
  color: #5e636b;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.5px;
}

.ar-manager-sticky-row .totals-label {
  letter-spacing: 0;
  vertical-align: middle;
  color: #5e636b;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  display: flex;
}

.ar-manager-sticky-row .totals-label span {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #5e636b;
  padding: 2px 4px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.dsl-advanced-grid {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.dsl-advanced-grid .ag-root-wrapper {
  flex: 1;
}

.ar-manager-container .ag-row {
  cursor: pointer;
  transition: background-color .1s, transform 50ms;
}

.ar-manager-container .ag-row:active {
  transform: scale(.995);
  background-color: #5b83b026 !important;
}

.ar-manager-container .ag-row-group-expanded {
  background-color: #ebebe8 !important;
}

.ar-manager-container .charge-lines-view .ag-row.ag-row-even {
  background-color: #fff !important;
}

.ar-manager-container .charge-lines-view .ag-row.ag-row-odd {
  background-color: #f8f8f8 !important;
}

.ar-manager-container .charge-lines-view .ag-row-group-expanded {
  background-color: #fff !important;
}

.charge-lines-skeleton {
  background-color: #ebebe8;
  flex-direction: column;
  width: 100%;
  padding: 25px 15px;
  display: flex;
}

.charge-lines-skeleton .skeleton-header {
  background-color: #e0e0dc;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

.charge-lines-skeleton .skeleton-header .skeleton-cell {
  background-color: #00000014;
  border-radius: 4px;
  flex: 1;
  height: 18px;
}

.charge-lines-skeleton .skeleton-row {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: none;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 12px;
  display: flex;
}

.charge-lines-skeleton .skeleton-row .skeleton-cell {
  background-color: #0000000f;
  border-radius: 4px;
  flex: 1;
  height: 16px;
}

.charge-lines-skeleton .skeleton-pulse {
  animation: 1.5s ease-in-out infinite charge-lines-pulse;
}

@keyframes charge-lines-pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }

  100% {
    opacity: 1;
  }
}

.ag-cell[col-id="__row_icons"] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.row-icons-cell-container {
  white-space: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}

.row-icons-cell-container i {
  flex-shrink: 0;
}

.generate-invoice {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
  display: flex;
}

.generate-invoice .control-lbl {
  letter-spacing: 0;
  white-space: nowrap;
  color: #838894;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.generate-invoice .control-val {
  letter-spacing: 0;
  white-space: nowrap;
  color: #5e636b;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.generate-invoice .generate-invoice-header {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  display: flex;
}

.generate-invoice .generate-invoice-header .current-payer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: fit-content;
  display: flex;
}

.generate-invoice .generate-invoice-header .next-payer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 413px;
  display: flex;
}

.generate-invoice .remaining-balance {
  letter-spacing: 0;
  vertical-align: middle;
  color: #5e636b;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 44px;
  padding: 12px;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
}

.generate-invoice .remaining-balance span {
  letter-spacing: 0;
  vertical-align: middle;
  color: #5e636b;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.generate-invoice .ag-root-wrapper {
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.generate-invoice .action-btn-cnt {
  flex-shrink: 0;
  justify-content: flex-end;
}

.generate-invoice .action-btn-cnt .action-btn-group-cnt {
  padding: 0 !important;
}

.ag-grid-currency-input {
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  gap: 10px;
  width: 100%;
  height: 36px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  box-shadow: inset 0 1px 2px -1px #38383838;
}

.ag-grid-currency-input-container {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.ag-grid-currency-input-container .ag-grid-currency-input {
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  padding: 8px;
}

.ag-grid-currency-input-container .left-icon {
  align-items: center;
  display: flex;
  position: absolute;
  left: 8px;
}

.ag-grid-currency-input-container .right-icon {
  align-items: center;
  display: flex;
  position: absolute;
  right: 8px;
}

.split-invoice {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  display: flex;
}

.split-invoice .control-lbl {
  letter-spacing: 0;
  white-space: nowrap;
  color: #838894;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.split-invoice .control-val {
  letter-spacing: 0;
  white-space: nowrap;
  color: #5e636b;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.split-invoice .split-invoice-header {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 100%;
  height: 40px;
  display: flex;
}

.split-invoice .split-invoice-header .current-payer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: fit-content;
  display: flex;
}

.split-invoice .split-invoice-header .next-payer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 413px;
  display: flex;
}

.split-invoice .currency-row {
  letter-spacing: 0;
  vertical-align: middle;
  color: #5e636b;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 44px;
  padding: 12px;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
}

.split-invoice .currency-row span {
  letter-spacing: 0;
  vertical-align: middle;
  color: #5e636b;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.split-invoice .ag-root-wrapper {
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.split-invoice .action-btn-cnt {
  flex-shrink: 0;
  justify-content: flex-end;
}

.split-invoice .action-btn-cnt .action-btn-group-cnt {
  padding: 0 !important;
}

.ar-cash-posting {
  backdrop-filter: blur(12px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #d4d4d470;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 12px;
  display: flex;
  background-color: #fafafabf !important;
}

.ar-cash-posting .vertical-align-center {
  align-items: center;
  display: flex;
}

.ar-cash-posting .vertical-align-center-end {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.ar-cash-posting .even-background {
  background-color: var(--color-background-400);
}

.ar-cash-posting .odd-background {
  background-color: "#FFFFFF";
}

.ar-cash-posting:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.ar-cash-posting .subtitle {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #9b9fa8;
  font-family: Soehne, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
}

.ar-cash-posting .action-btn-group-container {
  box-shadow: none !important;
  background-color: #0000 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ar-cash-posting .horizontal-wizard-step.expanded {
  flex-basis: 40%;
}

.ar-cash-posting .main-cell {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #5e636b;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.ar-cash-posting .main-content-container {
  border-radius: 8px;
  flex-direction: row;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 8px;
  display: flex;
}

.ar-cash-posting .wizard-container {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.ar-cash-posting .wizard-container .expandable-wizard-step:first-child .content {
  padding: 0 2px;
}

.ar-cash-posting .wizard-container .expandable-wizard-step:first-child .content .mini-form {
  height: auto;
  min-height: fit-content;
}

.ar-cash-posting .wizard-container .expandable-wizard-step:first-child .content .mini-form .form-container, .ar-cash-posting .wizard-container .expandable-wizard-step:first-child .content .mini-form .cardarea {
  min-height: fit-content;
  height: auto !important;
}

.ar-cash-posting .inv-item-info {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ar-cash-posting .inv-item-info .inv-name {
  width: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #5e636b;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  overflow: hidden;
}

.ar-cash-posting .inv-item-info .sub-cell {
  width: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #9b9fa8;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  font-family: Soehne, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.ar-cash-posting .allocate-cash-container, .ar-cash-posting .invoice-selection-container {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  display: flex;
}

.ar-cash-posting .allocate-cash-container .filter-container, .ar-cash-posting .invoice-selection-container .filter-container {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: stretch;
  gap: 8px;
  display: flex;
}

.ar-cash-posting .allocate-cash-container .search-bar, .ar-cash-posting .invoice-selection-container .search-bar {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  width: 100%;
  max-width: 40%;
  min-height: 40px;
  max-width: unset;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: #ffffff5c !important;
  border: 1px solid #fff6 !important;
  height: 100% !important;
  font-weight: 400 !important;
  box-shadow: 0 10px 30px #00000014, 0 1px 2px #0000000f, inset 0 1px #ffffff59 !important;
}

.ar-cash-posting .allocate-cash-container .search-bar:focus-within, .ar-cash-posting .invoice-selection-container .search-bar:focus-within {
  background: #ffffff80 !important;
  border-color: #ffffffa6 !important;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c !important;
}

.ar-cash-posting .allocate-cash-container .search-bar > div, .ar-cash-posting .invoice-selection-container .search-bar > div {
  flex: 1;
}

.ar-cash-posting .allocate-cash-container .search-bar > div input, .ar-cash-posting .invoice-selection-container .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.ar-cash-posting .allocate-cash-container .search-bar > div input:focus, .ar-cash-posting .invoice-selection-container .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.ar-cash-posting .allocate-cash-container .search-bar > div input::placeholder, .ar-cash-posting .invoice-selection-container .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.ar-cash-posting .allocate-cash-container .search-bar:focus-within input::placeholder, .ar-cash-posting .invoice-selection-container .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.ar-cash-posting .allocate-cash-container .search-bar img, .ar-cash-posting .invoice-selection-container .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.ar-cash-posting .allocate-cash-container .search-bar:focus-within img, .ar-cash-posting .invoice-selection-container .search-bar:focus-within img {
  opacity: .95;
}

.ar-cash-posting .allocate-cash-container .dsl-advanced-grid, .ar-cash-posting .invoice-selection-container .dsl-advanced-grid {
  flex: 1;
  min-height: 300px;
}

.ar-cash-posting .allocate-cash-container {
  gap: 0;
}

.ar-cash-posting .allocate-cash-container .ag-root-wrapper {
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.ar-cash-posting .allocate-cash-container .ag-grid-currency-input {
  height: 44px !important;
}

.ar-cash-posting .allocate-cash-container .ag-grid-select-input-container {
  height: 44px;
  box-shadow: none !important;
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-flow: column;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0;
  width: 100%;
  padding: 8px 23px;
  font-size: .85rem;
  display: flex;
  border-top: 1px solid #ebebe8 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .information-block {
  padding: 0 4px;
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt {
  padding: 0 0 4px;
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  padding: 8px 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full i {
  color: #fff;
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full:not(:has(i)) {
  background: linear-gradient(#6d9c8d 0%, #659585 100%);
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full.disabled, .ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full[disabled], .ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full.disabled i, .ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full[disabled] i, .ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full:disabled i {
  color: var(--gray-400);
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full:focus-visible {
  box-shadow: none;
}

.ar-cash-posting .allocate-cash-container .ar-posting-sticky-row .action-btn-group-cnt .btn-pay_in_full:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ar-cash-posting .footer {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding-top: 8px;
  display: flex;
}

.ar-cash-posting .footer .action-btn-cnt {
  width: auto;
}

.ar-cash-posting .footer .btn-cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  min-width: 100px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ar-cash-posting .footer .btn-cancel i {
  color: #fff;
}

.ar-cash-posting .footer .btn-cancel:not(:has(i)) {
  background: linear-gradient(#ce7e7e 0%, #ca7272 100%);
}

.ar-cash-posting .footer .btn-cancel.disabled, .ar-cash-posting .footer .btn-cancel[disabled], .ar-cash-posting .footer .btn-cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ar-cash-posting .footer .btn-cancel.disabled i, .ar-cash-posting .footer .btn-cancel[disabled] i, .ar-cash-posting .footer .btn-cancel:disabled i {
  color: var(--gray-400);
}

.ar-cash-posting .footer .btn-cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ar-cash-posting .footer .btn-cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ar-cash-posting .footer .btn-cancel:focus-visible {
  box-shadow: none;
}

.ar-cash-posting .footer .btn-cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ar-cash-posting .footer .btn-save {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  min-width: 100px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ar-cash-posting .footer .btn-save i {
  color: #fff;
}

.ar-cash-posting .footer .btn-save:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.ar-cash-posting .footer .btn-save.disabled, .ar-cash-posting .footer .btn-save[disabled], .ar-cash-posting .footer .btn-save:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ar-cash-posting .footer .btn-save.disabled i, .ar-cash-posting .footer .btn-save[disabled] i, .ar-cash-posting .footer .btn-save:disabled i {
  color: var(--gray-400);
}

.ar-cash-posting .footer .btn-save:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ar-cash-posting .footer .btn-save:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ar-cash-posting .footer .btn-save:focus-visible {
  box-shadow: none;
}

.ar-cash-posting .footer .btn-save:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ar-cash-posting .footer .info-container {
  letter-spacing: 0;
  vertical-align: middle;
  color: #4d525c;
  margin-left: 98px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.ar-cash-posting .footer .action-right-cnt {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: auto;
  display: flex;
}

.ar-cash-posting .footer .action-right-cnt .amount-values {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.ar-cash-posting .footer .action-right-cnt .amount-values .amount-value-item {
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.ar-cash-posting .footer .action-right-cnt .amount-values .amount-value-item .amount-value-item-label {
  letter-spacing: 0;
  color: #838894;
  text-align: left;
  align-content: baseline;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.ar-cash-posting .footer .action-right-cnt .amount-values .amount-value-item .amount-value-item-value {
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: #707580;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.ar-cash-posting .footer .action-right-cnt .amount-values .amount-value-item .amount-value-item-value.red {
  color: #bf7171;
}

.ar-cash-posting .credit-card-section {
  background: #fafbfc;
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  margin-top: 16px;
  padding: 16px;
}

.ar-cash-posting .credit-card-section .section-title {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #5e636b;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.ar-cash-posting .credit-card-section .section-title i {
  color: #837bb2;
}

.ar-cash-posting .credit-card-section .payment-error-banner {
  color: #cc7878;
  background: #fef2f2;
  border: 1px solid #f7c9c9;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 10px 14px;
  font-size: 13px;
  display: flex;
}

.ar-cash-posting .credit-card-section .payment-error-banner i {
  flex-shrink: 0;
}

.ar-cash-posting .credit-card-section .selected-card-info {
  color: #059669;
  background: #ecfdf5;
  border: 1px solid #abefc6;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.ar-cash-posting .credit-card-section .selected-card-info i {
  color: #52c41a;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container {
  flex-direction: column;
  gap: 12px;
  padding: 4px;
  display: flex;
  overflow-y: auto;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  min-height: 180px;
  transition: all .2s ease-in-out;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #0000001a;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #00000026;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-header {
  border-bottom: 1px solid #f3f4f6;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  padding: 4px 16px 8px;
  display: flex;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-header .claim-number-header {
  justify-content: space-between;
  display: flex;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-header .claim-number-header .claim-number-text {
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-header .batch-number-header {
  align-items: center;
  display: flex;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-header .batch-number-header .batch-number-text {
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-header .action-btn-group-cnt .btn-mark_resolved {
  background-color: #059669 !important;
  border-color: #059669 !important;
  min-width: auto !important;
  height: 32px !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-header .action-btn-group-cnt .btn-mark_resolved:hover {
  background-color: #047857 !important;
  border-color: #047857 !important;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-body {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 8px 16px;
  display: flex;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-body .card-three-column {
  flex-direction: row;
  gap: 16px;
  display: flex;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-body .card-three-column .card-column {
  flex: 1;
  min-width: 0;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-body .card-three-column .card-column .card-table {
  border-collapse: collapse;
  width: auto;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-body .card-three-column .card-column .card-table tr {
  height: 24px;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-body .card-three-column .card-column .card-table tr td {
  vertical-align: top;
  padding: 2px 0;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-body .card-three-column .card-column .card-table tr td.card-label {
  text-align: right;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: .5px;
  white-space: nowrap;
  vertical-align: middle;
  padding-right: 4px;
  font-size: 11px;
  font-weight: 500;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-body .card-three-column .card-column .card-table tr td.card-value-inline {
  color: #374151;
  word-break: break-word;
  font-size: 13px;
  font-weight: 600;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-body .exception-type-row .exception-type-badge {
  color: #e58787;
  text-transform: uppercase;
  letter-spacing: .5px;
  background-color: #ffdbdb87;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container .exception-card .exception-card-body .action-btn-group-cnt {
  justify-content: right;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container::-webkit-scrollbar {
  width: 6px;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 3px;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.ar-cash-posting .exceptions-container .exceptions-cards-container::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.horizontal-wizard-step {
  border: 1px solid;
  background: #fafafacc;
  border-image-source: linear-gradient(#ffffffe6 0%, #ffffff1a 100%);
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  gap: 8px;
  width: 60px;
  height: 100%;
  min-height: fit-content;
  transition: width .3s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.horizontal-wizard-step:not(.expanded) .header {
  writing-mode: vertical-lr;
  text-orientation: mixed;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 100%;
}

.horizontal-wizard-step:not(.expanded) .header .header-left {
  flex-direction: column-reverse;
  justify-content: center;
  height: 100%;
}

.horizontal-wizard-step:not(.expanded) .header .header-left .header-left-verbiage {
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
  display: flex;
}

.horizontal-wizard-step:not(.expanded) .header .header-left .header-left-verbiage .header-left-title {
  letter-spacing: 0;
  color: #4d525c;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  transform: rotate(180deg);
}

.horizontal-wizard-step:not(.expanded) .header .header-left .header-left-verbiage .header-left-count {
  margin-top: 2px;
  transform: rotate(180deg);
}

.horizontal-wizard-step:not(.expanded) .header .header-right {
  display: none;
}

.horizontal-wizard-step .header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.horizontal-wizard-step .header .header-left {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.horizontal-wizard-step .header .header-left .header-left-verbiage {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  display: flex;
}

.horizontal-wizard-step .header .header-left .header-left-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  display: flex;
}

.horizontal-wizard-step .header .header-left .header-left-title {
  letter-spacing: 0;
  color: #4d525c;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.horizontal-wizard-step .header .header-left .header-left-count {
  color: #fff;
  background: #837bb2;
  border-radius: 50px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  display: flex;
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f;
}

.horizontal-wizard-step .content {
  flex-direction: column;
  flex: 1;
  height: calc(100% - 44px);
  padding: 0 12px 12px;
  overflow: auto;
}

.ag-grid-select-input-container {
  box-sizing: border-box;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  display: flex;
}

.ag-grid-select-input-container .field-select {
  width: 100%;
}

.ag-grid-select-input-container.has-errors .rs__control, .ag-grid-select-input-container.has-errors .react-select__control {
  border-color: #cc7878 !important;
  box-shadow: 0 0 0 2px #cc787840 !important;
}

.ag-grid-select-input-container .rs__control, .ag-grid-select-input-container .react-select__control {
  cursor: pointer;
  background: none;
  border-radius: 4px;
  height: 44px;
  min-height: 44px;
  transition: all .15s;
  box-shadow: none !important;
  border: 1px solid #00000014 !important;
  outline: none !important;
}

.ag-grid-select-input-container .rs__value-container, .ag-grid-select-input-container .react-select__value-container {
  align-items: center;
  height: 100%;
  padding: 0 12px;
  display: flex;
}

.ag-grid-select-input-container .rs__input-container, .ag-grid-select-input-container .react-select__input-container {
  margin: 0;
  padding: 0;
  color: #0000 !important;
  caret-color: #0000 !important;
}

.ag-grid-select-input-container .rs__input-container input, .ag-grid-select-input-container .react-select__input-container input {
  padding-left: 8px;
  cursor: pointer !important;
  caret-color: #0000 !important;
}

.ag-grid-select-input-container .rs__single-value, .ag-grid-select-input-container .rs__placeholder, .ag-grid-select-input-container .react-select__single-value, .ag-grid-select-input-container .react-select__placeholder {
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.ag-grid-select-input-container .rs__indicators, .ag-grid-select-input-container .react-select__indicators {
  align-items: center;
  height: 100%;
  display: flex;
}

.ag-grid-select-input-container .rs__indicator, .ag-grid-select-input-container .react-select__indicator {
  align-items: center;
  padding: 0 8px;
  display: flex;
}

.ag-grid-select-input-container .rs__clear-indicator, .ag-grid-select-input-container .react-select__clear-indicator {
  transform: scale(.9);
  color: #00000080 !important;
  padding: 0 4px !important;
}

.ag-grid-select-input-container .rs__clear-indicator svg, .ag-grid-select-input-container .react-select__clear-indicator svg {
  fill: #00000080 !important;
}

.ag-grid-select-input-container .rs__clear-indicator:hover, .ag-grid-select-input-container .react-select__clear-indicator:hover {
  color: #000000a0 !important;
}

.ag-grid-select-input-container .rs__clear-indicator:hover svg, .ag-grid-select-input-container .react-select__clear-indicator:hover svg {
  fill: #000000a0 !important;
}

.ag-grid-select-input-container .rs__dropdown-indicator, .ag-grid-select-input-container .react-select__dropdown-indicator {
  transform: scale(.9);
  color: #00000080 !important;
  padding: 0 8px !important;
}

.ag-grid-select-input-container .rs__dropdown-indicator svg, .ag-grid-select-input-container .react-select__dropdown-indicator svg {
  width: 16px;
  height: 16px;
  fill: #00000080 !important;
}

.ag-grid-select-input-container .rs__dropdown-indicator:hover, .ag-grid-select-input-container .react-select__dropdown-indicator:hover {
  color: #000000a0 !important;
}

.ag-grid-select-input-container .rs__dropdown-indicator:hover svg, .ag-grid-select-input-container .react-select__dropdown-indicator:hover svg {
  fill: #000000a0 !important;
}

.ag-grid-select-input-container .rs__indicator-separator, .ag-grid-select-input-container .react-select__indicator-separator {
  display: none;
}

.ag-grid-select-input-container .rs__control:hover, .ag-grid-select-input-container .react-select__control:hover {
  background: #ffffffd9;
  border-color: #00000024;
}

.ag-grid-select-input-container .rs__control:hover .rs__dropdown-indicator svg, .ag-grid-select-input-container .react-select__control:hover .rs__dropdown-indicator svg, .ag-grid-select-input-container .rs__control:hover .react-select__dropdown-indicator svg, .ag-grid-select-input-container .react-select__control:hover .react-select__dropdown-indicator svg {
  fill: #000000a0;
}

.ag-grid-select-input-container .rs__control:hover .rs__clear-indicator, .ag-grid-select-input-container .react-select__control:hover .rs__clear-indicator, .ag-grid-select-input-container .rs__control:hover .react-select__clear-indicator, .ag-grid-select-input-container .react-select__control:hover .react-select__clear-indicator {
  color: #000000a0;
}

.ag-grid-select-input-container .rs__control--is-focused, .ag-grid-select-input-container .react-select__control--is-focused {
  box-shadow: none !important;
  background: none !important;
  border-color: #00000014 !important;
  outline: none !important;
}

.ag-grid-select-input-container .rs__control--menu-is-open, .ag-grid-select-input-container .react-select__control--menu-is-open {
  background: #fffffff2 !important;
  border-color: #00000024 !important;
}

.ag-grid-select-input-container .rs__menu, .ag-grid-select-input-container .react-select__menu {
  z-index: 99999;
  border: 1px solid #00000014;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 14px 40px #0000002e;
}

.ag-grid-select-input-container .rs__menu-list, .ag-grid-select-input-container .react-select__menu-list {
  padding: 4px;
}

.ag-grid-select-input-container .rs__option, .ag-grid-select-input-container .react-select__option {
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 12.5px;
}

.ag-grid-select-input-container .rs__option--is-focused, .ag-grid-select-input-container .react-select__option--is-focused {
  background: #5f7dc81a;
}

.ag-grid-select-input-container .rs__option--is-selected, .ag-grid-select-input-container .react-select__option--is-selected {
  color: #4a5568;
  background: #5f7dc82e;
}

.payment-card-selector {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.payment-card-selector--loading, .payment-card-selector--error {
  color: #838894;
  background: #fafbfc;
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 16px;
  font-size: 14px;
  display: flex;
}

.payment-card-selector--error {
  color: #cc7878;
  background: #fef2f2;
  border-color: #f7c9c9;
}

.payment-card-selector--error .btn-retry {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #cc7878;
  cursor: pointer;
  background: none;
  border: 1px solid #cc7878;
  border-radius: 6px;
  margin-left: 12px;
  padding: 4px 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  transition: all .2s;
}

.payment-card-selector--error .btn-retry:hover {
  color: #fff;
  background: #cc7878;
}

.payment-card-selector--disabled {
  opacity: .6;
  pointer-events: none;
}

.payment-card-selector__empty {
  background: #fafbfc;
  border: 1px dashed #d1d5db;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px;
  display: flex;
}

.payment-card-selector__empty .empty-message {
  color: #707580;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.payment-card-selector__empty .empty-message i {
  color: #e89e64;
}

.payment-card-selector__cards {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.payment-card-selector .card-item {
  cursor: pointer;
  background: #fafbfc;
  border: 2px solid #e3e5e8;
  border-radius: 8px;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  transition: all .2s;
  display: flex;
}

.payment-card-selector .card-item:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}

.payment-card-selector .card-item--selected, .payment-card-selector .card-item--selected:hover {
  background: #f6f5ff;
  border-color: #837bb2;
}

.payment-card-selector .card-item .card-icon {
  color: #707580;
  justify-content: center;
  align-items: center;
  width: 40px;
  font-size: 28px;
  display: flex;
}

.payment-card-selector .card-item .card-details {
  flex: 1;
}

.payment-card-selector .card-item .card-details .card-name {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #5e636b;
  align-items: center;
  gap: 8px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.payment-card-selector .card-item .card-details .card-exp {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #838894;
  margin-top: 2px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.payment-card-selector .card-item .hsa-badge {
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #52c41a;
  background: #ecfdf5;
  border-radius: 4px;
  align-items: center;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

.payment-card-selector .card-item .selected-check {
  color: #fff;
  background: #837bb2;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  display: flex;
}

.payment-card-selector .btn-add-card {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #fff;
  cursor: pointer;
  background: #837bb2;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 2px 4px #837bb24d;
}

.payment-card-selector .btn-add-card:hover:not(:disabled) {
  color: #837bb2;
  background: #f6f5ff;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #837bb266;
}

.payment-card-selector .btn-add-card:active:not(:disabled) {
  transform: translateY(0);
}

.payment-card-selector .btn-add-card:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.payment-card-selector .btn-add-card--secondary {
  color: #837bb2;
  box-shadow: none;
  background: none;
  border: 1px solid #837bb2;
}

.payment-card-selector .btn-add-card--secondary:hover:not(:disabled) {
  color: #fff;
  background: #837bb2;
  border-color: #837bb2;
}

.grid-checkbox-filter {
  align-items: center;
  display: flex;
}

.grid-checkbox-filter .ant-checkbox-wrapper:hover .ant-checkbox-inner, .grid-checkbox-filter .ant-checkbox:hover .ant-checkbox-inner, .grid-checkbox-filter .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #837bb2 !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb24d !important;
}

.grid-checkbox-filter .ant-checkbox {
  border-radius: 4px;
  width: 16px;
  height: 16px;
  transition: all .15s;
  background-color: #fff !important;
}

.grid-checkbox-filter .ant-checkbox:after {
  color: #fff;
}

.grid-checkbox-filter .ant-checkbox:hover {
  border-color: #837bb2 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb24d !important;
}

.grid-checkbox-filter .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #837bb2 !important;
  border-color: #837bb2 !important;
}

.grid-checkbox-filter .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:hover {
  background-color: #726aa1 !important;
  border-color: #726aa1 !important;
}

.grid-checkbox-filter .ant-checkbox input[type="checkbox"] {
  cursor: pointer;
  outline: none !important;
}

.billing-invoice-popup {
  width: 60%;
  min-width: 600px;
  max-width: 900px;
  height: auto;
  max-height: 80%;
}

.billing-invoice-popup > .body {
  margin-top: 0;
  overflow: auto;
}

.billing-invoice-popup div {
  min-width: 0;
  min-height: 0;
}

.billing-invoice-grid {
  width: 100%;
  height: 400px;
}

.billing-invoice-grid .billing-invoice-error-row {
  background-color: #dc354526 !important;
}

.billing-invoice-grid .billing-invoice-error-row:hover {
  background-color: #dc354540 !important;
}

.billing-invoice-grid .billing-invoice-error-row .ag-cell {
  color: #721c24;
}

.billing-invoice-action-btn {
  background-color: var(--color-primary-500, #007bff);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 12px;
  transition: background-color .2s;
}

.billing-invoice-action-btn:hover {
  background-color: var(--color-primary-600, #0056b3);
}

.billing-invoice-action-btn:active {
  background-color: var(--color-primary-700, #004094);
}

.patient-details-snap-comp {
  padding-left: 46px;
  border-bottom: 2px solid #0000 !important;
  min-height: auto !important;
}

.patient-details-snap-comp .snap-comp-container {
  padding: 0;
  min-height: auto !important;
}

.patient-details-snap-comp .snap-comp-container .snap-comp {
  padding: 0;
}

.patient-details-snap-comp .snap-comp-container .snap-comp .grid-header {
  background-color: #0000;
}

.patient-details-snap-comp .snap-comp-container .snap-comp .dsl-list-bottom, .patient-details-snap-comp .snap-comp-container .snap-comp .dsl-list-tab-container, .patient-details-snap-comp .snap-comp-container .snap-comp .ag-root-wrapper {
  border-radius: 0 !important;
}

.patient-details-snap-comp .snap-comp-container .snap-comp .ag-center-cols-viewport, .patient-details-snap-comp .snap-comp-container .snap-comp .query-list, .patient-details-snap-comp .snap-comp-container .snap-comp .dsl-list-bottom {
  min-height: 52px !important;
}

.patient-details-snap-comp .snap-comp-container .snap-comp .ag-no-rows-custom .ag-no-rows-icon {
  display: none !important;
}

.snap-comp-container {
  flex-direction: column;
  flex-basis: 100%;
  gap: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  min-height: 200px !important;
}

.snap-comp-container .grid-footer {
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.snap-comp-container .grid-footer .dt-btn-container {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.snap-comp-container .grid-footer .action-buttons {
  gap: 16px;
  display: flex;
}

.snap-comp-container .snap-comp {
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;
  height: 100%;
  padding: 6px 16px;
  display: flex;
  overflow-y: auto;
}

.snap-comp-container .snap-comp .no-order {
  cursor: pointer;
}

.snap-comp-container .snap-comp .past-orders {
  justify-content: center;
  align-items: center;
  min-height: fit-content;
  display: flex;
}

.snap-comp-container .snap-comp .past-orders .past-order-btn {
  background: none;
  border: #0000;
}

.prescriptions-grid {
  flex-direction: column;
  gap: 10px;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.prescriptions-grid .dsl-advanced-grid .cell-container {
  flex-direction: row;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 100%;
  display: flex;
}

.prescriptions-grid .dsl-advanced-grid .no-padding {
  padding: 0 !important;
}

.prescriptions-grid .dsl-advanced-grid .center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.prescriptions-grid .dsl-advanced-grid .full-size .ag-cell-wrapper, .prescriptions-grid .dsl-advanced-grid .full-size .ag-cell-wrapper .ag-cell-value {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.prescriptions-grid .dsl-advanced-grid .value-style {
  letter-spacing: 0;
  height: 20px;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.prescriptions-grid .dsl-advanced-grid .td-drug-name {
  flex-direction: row;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 100%;
  display: flex;
}

.prescriptions-grid .dsl-advanced-grid .td-drug-name i {
  color: var(--gray-500);
  margin-right: 4px;
  font-weight: 500;
}

.prescriptions-grid .dsl-advanced-grid .td-drug-name .drug-name-container-wrapper {
  flex-direction: column;
  display: flex;
}

.prescriptions-grid .dsl-advanced-grid .td-drug-name .drug-name-container-wrapper .drug-name-container {
  opacity: 1;
  letter-spacing: 0;
  height: 20px;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.prescriptions-grid .dsl-advanced-grid .td-drug-name .drug-name-container-wrapper .drug-unit-container {
  height: 20px;
  letter-spacing: 0%;
  color: var(--color-text);
  opacity: .7;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.prescriptions-grid .dsl-advanced-grid .td-drug-name.order-set-header {
  letter-spacing: 0;
  vertical-align: middle;
  color: #668eba;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.prescriptions-grid .dsl-advanced-grid .td-drug-name.order-set-header .order-set-header-count {
  opacity: 1;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background: #668eba;
  border-radius: 16px;
  width: 20px;
  height: 19px;
  font-size: 12px;
}

.prescriptions-grid .dsl-advanced-grid [col-id="insurance_id_auto_name"] .ag-cell-wrapper, .prescriptions-grid .dsl-advanced-grid [col-id="insurance_id_auto_name"] .ag-cell-wrapper .ag-cell-value {
  flex: 1;
  width: 100%;
  min-height: 100%;
}

.prescriptions-grid .dsl-advanced-grid [col-id="insurance_id_auto_name"] .select-container.table-select {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.prescriptions-grid .dsl-advanced-grid .next-fill-date-container {
  flex-direction: column;
  justify-content: flex-end;
  max-width: fit-content;
  display: flex;
}

.prescriptions-grid .dsl-advanced-grid .next-fill-date-container .next-fill-date-value {
  letter-spacing: 0;
  height: 20px;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.prescriptions-grid .dsl-advanced-grid .next-fill-date-container .next-fill-date-need {
  letter-spacing: 0;
  height: 10px;
  color: var(--color-text);
  opacity: .7;
  font-family: Soehne, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
}

.prescriptions-grid .dsl-advanced-grid .value-of-container {
  flex-direction: column;
  justify-content: flex-end;
  max-width: fit-content;
  display: flex;
}

.prescriptions-grid .dsl-advanced-grid .value-of-container .value-of-value {
  letter-spacing: 0;
  text-align: right;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.prescriptions-grid .dsl-advanced-grid .value-of-container .value-of-need {
  height: 10px;
  letter-spacing: 0%;
  text-align: right;
  color: var(--color-text);
  opacity: .7;
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
}

.prescriptions-grid .dsl-advanced-grid .value-of-container.warning .value-of-value {
  color: var(--color-error-600);
}

.prescriptions-grid .dsl-advanced-grid .value-of-container.warning .value-of-need {
  color: var(--color-error-500);
}

.prescriptions-grid .dsl-advanced-grid .select-container {
  color: var(--color-text);
}

.prescriptions-grid .refresh-prescription {
  color: var(--color-primary);
  cursor: pointer;
  opacity: 1;
  padding: 0 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 500;
  content: "" !important;
}

.prescriptions-grid .refresh-prescription:hover {
  opacity: .7 !important;
}

.prescriptions-grid .actions-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}

.prescriptions-grid .dsl-list-bottom {
  padding: 0 !important;
}

.prescriptions-grid .btn-action-rx {
  cursor: pointer;
  color: #fff;
  background: #837bb2;
  border: none;
  border-radius: 8px;
  gap: 4px;
  height: 30px;
  padding: 4px 10px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f;
}

.prescriptions-grid .btn-action-rx:disabled {
  color: #80807d;
  cursor: not-allowed;
  background: #e0e0e0;
}

.prescriptions-grid .btn-action-rx.danger {
  background: #e58787;
}

.prescriptions-grid .filter-act-btn {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  background: #f8f5fc;
  border-radius: 50%;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.prescriptions-grid .filter-act-btn i {
  color: var(--color-primary);
  font-size: 18px;
}

.prescriptions-grid .filter-collapsed .add-btn {
  cursor: pointer;
  background: var(--color-primary);
  height: 36px;
  letter-spacing: 0%;
  color: #fff;
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  padding: 0 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  box-shadow: inset 0 1px 2px #ffffff1f;
  font-size: 13px !important;
}

.prescriptions-grid .upper-grid {
  background: #ffffff54;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.prescriptions-grid .upper-grid .grid-header {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: 46px;
  padding: 0 16px;
  display: flex;
}

.prescriptions-grid .upper-grid .grid-header .grid-header-title {
  letter-spacing: 0;
  color: #838894;
  flex-direction: row;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  display: flex;
}

.prescriptions-grid .upper-grid .grid-header .grid-header-title .count {
  letter-spacing: 0;
  text-align: center;
  width: 24px;
  color: var(--color-text);
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.prescriptions-grid .upper-grid .grid-header .grid-header-title .discontinued-title {
  color: var(--color-text);
  opacity: .7;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.prescriptions-grid .upper-grid .grid-header .grid-header-explanation {
  flex-direction: row;
  gap: 4px;
  display: flex;
}

.prescriptions-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  height: 22px;
  padding: 2px 6px;
  display: flex;
}

.prescriptions-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item img {
  width: 12px;
  height: 12px;
}

.prescriptions-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item div {
  letter-spacing: 0%;
  text-align: center;
  color: var(--color-text);
  opacity: .7;
  justify-content: center;
  align-items: center;
  height: 12px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  display: flex;
}

.prescriptions-grid .upper-grid .grid-header .show-discontinued {
  letter-spacing: 0;
  vertical-align: middle;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: normal;
  line-height: 18px;
  display: flex;
}

.prescriptions-grid .upper-grid .grid-header .show-discontinued span {
  color: var(--color-text);
  opacity: .7;
  font-size: 12px;
}

.prescriptions-grid .upper-grid .grid-header .show-discontinued .MuiSwitch-root {
  width: 44px;
  height: 24px;
  margin: 8px;
  padding: 0;
}

.prescriptions-grid .upper-grid .grid-header .show-discontinued .MuiSwitch-root .MuiSwitch-track {
  background-color: var(--color-text-100);
  opacity: 1;
  border-radius: 13px;
  transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
}

.prescriptions-grid .upper-grid .grid-header .show-discontinued .MuiSwitch-switchBase {
  margin: 2px;
  padding: 0;
  transition-duration: .3s;
}

.prescriptions-grid .upper-grid .grid-header .show-discontinued .MuiSwitch-switchBase.Mui-checked {
  color: #fff;
  transform: translateX(18px);
}

.prescriptions-grid .upper-grid .grid-header .show-discontinued .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  opacity: 1;
  background-color: #837bb2;
  border: 0;
}

.prescriptions-grid .upper-grid .grid-header .show-discontinued .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
  background-color: #fff;
}

.prescriptions-grid .upper-grid .grid-header .show-discontinued .MuiSwitch-thumb {
  box-sizing: border-box;
  background-color: #fff;
  width: 20px;
  height: 20px;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid {
  flex: 1;
  height: 100%;
  min-height: 0;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .ag-header, .prescriptions-grid .upper-grid .dsl-advanced-grid .ag-header-container, .prescriptions-grid .upper-grid .dsl-advanced-grid .ag-header-row, .prescriptions-grid .upper-grid .dsl-advanced-grid .ag-header-cell, .prescriptions-grid .upper-grid .dsl-advanced-grid .ag-header-group-cell, .prescriptions-grid .upper-grid .dsl-advanced-grid .ag-header-cell-comp-wrapper {
  border-radius: 0 !important;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .dsl-list-tab-container {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .ag-header-cell-menu-button {
  display: none;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .default-style {
  padding-left: 0;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .ag-group-expanded {
  display: none;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .ag-row-group-leaf-indent {
  margin-left: 0;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .ag-root-wrapper {
  border: none;
  border-radius: 0 0 12px 12px;
  height: 100%;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .header-style {
  color: #80807d;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .sorted-column .ag-cell-value {
  color: var(--color-text);
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .sorted-column .ag-icon {
  display: none;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .unsorted-columns {
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .status-badge {
  border: 2px solid #689989;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 2px 8px;
  display: flex;
  max-width: fit-content !important;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .status-badge p {
  letter-spacing: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  overflow: hidden;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .ag-row.ag-row-dragging {
  opacity: .7;
  z-index: 1000;
  border: 2px solid #668eba;
  border-radius: 4px;
  transform: scale(.98);
  box-shadow: 0 4px 12px #00000026;
  background-color: #f0f4ff !important;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .ag-row.custom-ag-row-drag-over {
  border: 2px dashed #668eba;
  border-radius: 4px;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px #668eba33;
  background-color: #e8f4fd !important;
}

.prescriptions-grid .upper-grid .dsl-advanced-grid .ag-row.custom-ag-row-drag-over:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #668eba1a 0%, #668eba0d 100%);
  border-radius: 4px;
  position: absolute;
  inset: 0;
}

.prescriptions-grid .upper-grid .grid-footer {
  flex-shrink: 0;
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.prescriptions-grid .upper-grid .grid-footer .dt-btn-container {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.prescriptions-grid .upper-grid .grid-footer .action-buttons {
  gap: 16px;
  display: flex;
}

.prescriptions-grid .upper-grid .grid-footer .action-buttons .dsl-action-btn {
  height: 40px !important;
}

.prescriptions-grid .upper-grid .grid-footer .action-buttons .dsl-action-btn .icon {
  width: 12px !important;
  height: 12px !important;
}

.prescriptions-grid .upper-grid .grid-footer .start-dispense {
  cursor: pointer;
  color: #fff;
  background: #837bb2;
  border: none;
  border-radius: 8px;
  gap: 4px;
  height: 36px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f;
}

.prescriptions-grid .upper-grid .grid-footer .start-dispense:disabled {
  color: #80807d;
  cursor: not-allowed;
  background: #e0e0e0;
}

.prescriptions-grid .upper-grid .grid-footer .new-therapy, .prescriptions-grid .upper-grid .grid-footer .new-prescription {
  height: 40px;
  color: var(--color-text);
  background: #fafafa;
  border: none;
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f;
}

.prescriptions-grid .upper-grid .grid-footer .new-therapy img, .prescriptions-grid .upper-grid .grid-footer .new-prescription img {
  margin-right: 8px;
}

.prescriptions-grid .therapy-set-header {
  align-items: center;
  gap: 4px;
  padding: 8px 0;
  display: flex;
}

.prescriptions-grid .therapy-set-header .heading-section {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.prescriptions-grid .therapy-set-header .heading-section .therapy-set-header-title {
  color: var(--color-text);
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.prescriptions-grid .therapy-set-header .heading-section .therapy-set-header-count {
  color: var(--color-text);
  opacity: .7;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.prescriptions-grid .header-center .ag-header-cell-label {
  justify-content: center;
}

.prescriptions-grid .ag-header-cell-text {
  font-size: 12px !important;
}

.prescriptions-grid .missing-checklists-container {
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  display: flex;
}

.prescriptions-grid .missing-checklists-container .missing-checklists-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.prescriptions-grid .missing-checklists-container .missing-checklists-text {
  color: var(--color-error, #d32f2f);
  word-break: break-word;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.prescriptions-grid .missing-checklists-container:hover .missing-checklists-text {
  color: var(--color-error-dark, #b71c1c);
  text-decoration: underline;
}

.print-reports-popover {
  min-width: 380px;
  max-width: 480px;
}

.print-reports-popover .print-reports-content {
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.print-reports-popover .print-reports-loading, .print-reports-popover .print-reports-empty {
  color: #6b7280;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 32px 16px;
  display: flex;
}

.print-reports-popover .print-reports-loading i, .print-reports-popover .print-reports-empty i {
  opacity: .5;
  font-size: 32px;
}

.print-reports-popover .print-reports-loading span, .print-reports-popover .print-reports-empty span {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.print-reports-popover .print-reports-header {
  border-bottom: 1px solid #00000014;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.print-reports-popover .print-reports-header .print-reports-count {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #6b7280;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.print-reports-popover .print-reports-header .print-reports-actions {
  gap: 12px;
  display: flex;
}

.print-reports-popover .print-reports-header .print-reports-actions .btn-link {
  color: #567ba6;
  cursor: pointer;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  background: none;
  border: none;
  padding: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.print-reports-popover .print-reports-header .print-reports-actions .btn-link:hover {
  text-decoration: underline;
}

.print-reports-popover .print-reports-list {
  flex-direction: column;
  gap: 4px;
  max-height: 300px;
  display: flex;
  overflow-y: auto;
}

.print-reports-popover .print-report-item {
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  transition: background-color .15s;
  display: flex;
}

.print-reports-popover .print-report-item:hover {
  background-color: #567ba614;
}

.print-reports-popover .print-report-item input[type="checkbox"] {
  display: none;
}

.print-reports-popover .print-report-item .checkmark {
  border: 2px solid #cbd5e1;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  transition: all .15s;
  display: flex;
}

.print-reports-popover .print-report-item .checkmark:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 5px;
  height: 9px;
  margin-top: -2px;
  display: none;
  transform: rotate(45deg);
}

.print-reports-popover .print-report-item input[type="checkbox"]:checked + .checkmark {
  background-color: #567ba6;
  border-color: #567ba6;
}

.print-reports-popover .print-report-item input[type="checkbox"]:checked + .checkmark:after {
  display: block;
}

.print-reports-popover .print-report-item .report-name {
  color: #374151;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  flex: 1;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.print-reports-popover .print-report-item .report-type {
  color: #9ca3af;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  background-color: #0000000d;
  border-radius: 4px;
  padding: 2px 8px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.print-reports-popover .print-reports-footer {
  border-top: 1px solid #00000014;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 12px;
  display: flex;
}

.print-reports-popover .print-reports-footer .btn-secondary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #374151;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#fcfcfd 0%, #eaecef 100%);
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #c7ccd5, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.print-reports-popover .print-reports-footer .btn-secondary i {
  color: #374151;
}

.print-reports-popover .print-reports-footer .btn-secondary:not(:has(i)) {
  background: linear-gradient(#f7f8f9 0%, #eff0f3 100%);
}

.print-reports-popover .print-reports-footer .btn-secondary.disabled, .print-reports-popover .print-reports-footer .btn-secondary[disabled], .print-reports-popover .print-reports-footer .btn-secondary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.print-reports-popover .print-reports-footer .btn-secondary.disabled i, .print-reports-popover .print-reports-footer .btn-secondary[disabled] i, .print-reports-popover .print-reports-footer .btn-secondary:disabled i {
  color: var(--gray-400);
}

.print-reports-popover .print-reports-footer .btn-secondary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #374151 !important;
  opacity: 1 !important;
}

.print-reports-popover .print-reports-footer .btn-secondary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.print-reports-popover .print-reports-footer .btn-secondary:focus-visible {
  box-shadow: none;
}

.print-reports-popover .print-reports-footer .btn-secondary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.print-reports-popover .print-reports-footer .btn-secondary i {
  font-size: 14px;
}

.print-reports-popover .print-reports-footer .btn-primary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
  border-radius: .6rem !important;
}

.print-reports-popover .print-reports-footer .btn-primary i {
  color: #fff;
}

.print-reports-popover .print-reports-footer .btn-primary:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.print-reports-popover .print-reports-footer .btn-primary.disabled, .print-reports-popover .print-reports-footer .btn-primary[disabled], .print-reports-popover .print-reports-footer .btn-primary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.print-reports-popover .print-reports-footer .btn-primary.disabled i, .print-reports-popover .print-reports-footer .btn-primary[disabled] i, .print-reports-popover .print-reports-footer .btn-primary:disabled i {
  color: var(--gray-400);
}

.print-reports-popover .print-reports-footer .btn-primary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.print-reports-popover .print-reports-footer .btn-primary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.print-reports-popover .print-reports-footer .btn-primary:focus-visible {
  box-shadow: none;
}

.print-reports-popover .print-reports-footer .btn-primary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.print-reports-popover .print-reports-footer .btn-primary i {
  color: #fff;
  font-size: 14px;
}

.form-links-popup-container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.form-links-popup-container .form-links-header {
  background: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 4px;
  display: flex;
}

.form-links-popup-container .form-links-header .form-links-toggle {
  gap: 16px;
  display: flex;
}

.form-links-popup-container .form-links-header .form-links-toggle .toggle-button {
  color: #535862;
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.form-links-popup-container .form-links-header .form-links-toggle .toggle-button i {
  font-size: 14px;
}

.form-links-popup-container .form-links-header .form-links-toggle .toggle-button:hover:not(:disabled) {
  color: #668eba;
}

.form-links-popup-container .form-links-header .form-links-toggle .toggle-button.active {
  color: #fff;
  cursor: default;
  background: #5b83b0;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.form-links-popup-container .form-links-header .form-links-toggle .toggle-button:disabled {
  opacity: 1;
  cursor: default;
}

.form-links-popup-container .form-links-header .link-selected-button {
  color: #fff;
  cursor: pointer;
  background: #5b83b0;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.form-links-popup-container .form-links-header .link-selected-button i {
  font-size: 12px;
}

.form-links-popup-container .form-links-header .link-selected-button:hover {
  background: #4a6e94;
  box-shadow: 0 2px 8px #5b83b04d;
}

.form-links-popup-container .form-links-header .link-selected-button:active {
  background: #42627f;
  transform: translateY(1px);
}

.form-links-popup-container .form-links-content {
  background: none;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .loading-placeholder {
  color: #666;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 14px;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .dsl-list-tab-container {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .dsl-list-tab-container .dsl-list-bottom {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 4px;
  flex: none;
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
  transition: all .15s;
  overflow: hidden;
  width: 16px !important;
  height: 16px !important;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper:after {
  color: #fff;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper:hover {
  border-color: #837bb2;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb24d;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper.ag-checked {
  background-color: #837bb2;
  border-color: #837bb2;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper.ag-checked:hover {
  background-color: #726aa1;
  border-color: #726aa1;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: #837bb2;
  border-color: #837bb2;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper input[type="checkbox"] {
  cursor: pointer;
  width: 16px !important;
  height: 16px !important;
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 4px;
  flex: none;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
  margin: 0;
  transition: all .15s;
  position: relative;
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"]:after {
  content: "";
  opacity: 0;
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 4px;
  height: 8px;
  transition: opacity .15s;
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(45deg);
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"]:hover {
  border-color: #837bb2;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb24d;
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"]:checked {
  background-color: #837bb2;
  border-color: #837bb2;
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"]:checked:after {
  opacity: 1;
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"]:checked:hover {
  background-color: #726aa1;
  border-color: #726aa1;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox .ag-input-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-header-cell .ag-checkbox {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-cell .ag-checkbox {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-cell .ag-checkbox .ag-checkbox-input-wrapper {
  flex: 0 0 16px;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-cell .ag-cell-wrapper {
  align-items: center;
  height: 100%;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-cell .ag-selection-checkbox {
  flex: none;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-cell .ag-selection-checkbox .ag-checkbox-input-wrapper {
  flex: 0 0 16px;
}

.form-links-popup-container .form-links-content .form-links-grid .query-list-view {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .query-list-view .query-list {
  flex: 1;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .query-list-view .query-list .dsl-list-view {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .query-list-view .query-list .dsl-list-view .dsl-list-view-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .query-list-view .query-action {
  display: none;
}

.form-links-popup-container .action-btn-cnt {
  background: none;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 0 0;
  display: flex;
}

@keyframes iconPulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes badgePop {
  0% {
    transform: scale(.8);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.form-link-icons-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 4px 8px;
  display: flex;
}

.form-link-icons-container .form-link-icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.form-link-icons-container .form-link-icon i {
  color: #5b83b0;
  font-size: 18px;
  transition: color .2s, opacity .2s;
}

.form-link-icons-container .form-link-icon .link-count-badge {
  color: #fff;
  background: #5b83b0;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  font-family: Soehne, sans-serif;
  font-size: 11px;
  font-weight: 600;
  animation: .3s badgePop;
  display: flex;
  position: absolute;
  top: -6px;
  right: -6px;
  box-shadow: 0 1px 3px #00000026;
}

.form-link-icons-container .form-link-icon:hover i {
  opacity: .6;
}

.form-link-icons-container .form-link-icon:hover .link-count-badge {
  opacity: .9;
}

.form-link-icons-container .form-link-icon:active i {
  opacity: .4;
}

.form-link-icons-container .form-link-icon:focus {
  outline: none;
}

.form-link-icons-container .form-link-icon:focus i {
  opacity: .7;
}

.form-link-icons-container.compact {
  gap: 8px;
  padding: 2px 4px;
}

.form-link-icons-container.compact .form-link-icon {
  border-radius: 6px;
  width: 28px;
  height: 28px;
}

.form-link-icons-container.compact .form-link-icon i {
  font-size: 13px;
}

.form-link-icons-container.compact .form-link-icon .link-count-badge {
  border-radius: 7px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  font-size: 9px;
  top: -4px;
  right: -4px;
}

.form-link-icons-container.dark-bg .form-link-icon {
  background: #ffffff26;
  border-color: #fff3;
}

.form-link-icons-container.dark-bg .form-link-icon i {
  color: #fff;
}

.form-link-icons-container.dark-bg .form-link-icon:hover {
  background: #ffffff40;
  border-color: #ffffff59;
}

.form-link-icons-container.dark-bg .form-link-icon:hover i {
  color: #fff;
}

.form-link-icons-container.dark-bg .form-link-icon .link-count-badge {
  color: #5b83b0;
  background: #fff;
}

.flyout-container .form-link-icons-container, .dsl-card-container .form-link-icons-container {
  z-index: 1;
  flex: none;
  margin: 0 auto;
}

.header-container .form-link-icons-container {
  align-self: center;
}

.replace-item-popover-container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.replace-item-popover-container .replace-item-content {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: auto;
}

.replace-item-popover-container .replace-item-content .replace-item-header-container {
  border-bottom: 1px solid #eee;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
  padding: 16px 0;
  display: flex;
}

.replace-item-popover-container .replace-item-content .replace-item-header-container .replace-item-title {
  font-size: 18px;
  font-weight: 600;
}

.replace-item-popover-container .replace-item-content .replace-item-header-container .replace-item-header {
  flex-direction: row;
  gap: 16px;
  display: flex;
}

.replace-item-popover-container .replace-item-content .replace-item-header-container .replace-item-header .replace-item-value {
  font-size: 16px;
}

.replace-item-popover-container .replace-item-content .search-bar-container {
  margin-top: 10px;
  margin-left: 10px;
}

.replace-item-popover-container .replace-item-content .search-bar-container .search-bar {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  width: 100%;
  max-width: 40%;
  min-height: 40px;
  max-width: unset;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: #ffffff5c !important;
  border: 1px solid #fff6 !important;
  font-weight: 400 !important;
  box-shadow: 0 10px 30px #00000014, 0 1px 2px #0000000f, inset 0 1px #ffffff59 !important;
}

.replace-item-popover-container .replace-item-content .search-bar-container .search-bar:focus-within {
  background: #ffffff80 !important;
  border-color: #ffffffa6 !important;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c !important;
}

.replace-item-popover-container .replace-item-content .search-bar-container .search-bar > div {
  flex: 1;
}

.replace-item-popover-container .replace-item-content .search-bar-container .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.replace-item-popover-container .replace-item-content .search-bar-container .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.replace-item-popover-container .replace-item-content .search-bar-container .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.replace-item-popover-container .replace-item-content .search-bar-container .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.replace-item-popover-container .replace-item-content .search-bar-container .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.replace-item-popover-container .replace-item-content .search-bar-container .search-bar:focus-within img {
  opacity: .95;
}

.replace-item-popover-container .replace-item-content .search-bar-container .highlight {
  background-color: #fff;
  border: 2px solid #5b83b0;
}

.replace-item-popover-container .replace-item-content .replace-item-grid {
  flex: 1;
  width: 100%;
  min-height: 0;
  padding: 10px;
}

.replace-item-popover-container .replace-item-content .replace-item-grid .dsl-list-tab-container .dsl-list-bottom {
  padding: 0 !important;
}

.action-btn-cnt.sticky-buttons {
  z-index: 10;
  background: #fff;
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

.generic-search-text {
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 10px;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 200px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  transition: border-color .16s, box-shadow .16s;
  display: flex;
  box-shadow: inset 0 0 1px #0000000a, inset 0 1px 1px #0000000d, inset 0 2px 2px #00000008;
}

.generic-search-text:focus-within {
  border-color: #00000026;
  box-shadow: inset 0 0 1px #0000000a, inset 0 1px 1px #0000000d, 0 0 0 3px #668eba26;
}

.generic-search-text img {
  opacity: .6;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.generic-search-text input {
  width: 100%;
  color: var(--color-text, #333);
  border: none;
  flex: 1;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
  background: none !important;
}

.generic-search-text input::placeholder {
  color: #00000073;
}

.generic-search-text input:focus {
  box-shadow: none;
  outline: none;
}

.refund-modal .ant-modal-content {
  background-color: #ededed;
  border: 1px solid #fff6;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
}

.refund-modal .ant-modal-header {
  background: none;
  border-bottom: 1px solid #0000000f;
  padding: 16px 24px;
}

.refund-modal .refund-modal-header {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--gray-700);
  align-items: center;
  gap: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.refund-modal .refund-modal-header img {
  width: 24px;
  height: 24px;
}

.refund-modal .ant-modal-body {
  padding: var(--spacing-xxxlarge);
  background: none;
  min-height: 300px;
  max-height: 70vh;
  overflow-y: auto;
}

.refund-modal .refund-modal-content .refund-info {
  border: 1px solid var(--gray-200, #e3e5e8);
  background: #fff;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 16px 20px;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .refund-info .refund-detail-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.refund-modal .refund-modal-content .refund-info .refund-detail-row .ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #5e636b);
  margin-bottom: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.refund-modal .refund-modal-content .refund-info .refund-detail-row .ant-typography.ant-typography-secondary {
  color: var(--gray-500, #9b9fa8);
}

.refund-modal .refund-modal-content .refund-error {
  border-radius: 8px;
  margin-bottom: 20px;
}

.refund-modal .refund-modal-content .refund-error .ant-alert {
  border-radius: 8px;
}

.refund-modal .refund-modal-content .refund-type-selection {
  border: 1px solid var(--gray-200, #e3e5e8);
  background: #fff;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 16px 20px;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .refund-type-selection h5.ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #5e636b);
  margin-bottom: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.refund-modal .refund-modal-content .refund-type-selection .ant-radio-group {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.refund-modal .refund-modal-content .refund-type-selection .ant-radio-group .ant-radio-wrapper {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #5e636b);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.refund-modal .refund-modal-content .refund-type-selection .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked {
  color: var(--gray-700, #4d525c);
  font-weight: 500;
}

.refund-modal .refund-modal-content .refund-loading {
  border: 1px dashed var(--gray-300, #d9d9d9);
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 48px 24px;
  display: flex;
}

.refund-modal .refund-modal-content .refund-loading .ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-500, #9b9fa8);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.refund-modal .refund-modal-content .transactions-list h5.ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #5e636b);
  margin-bottom: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.refund-modal .refund-modal-content .transactions-list .ant-list {
  border: 1px solid var(--gray-200, #e3e5e8);
  background: #fff;
  border-radius: 12px;
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item {
  border-bottom: 1px solid var(--gray-100, #f0f0f0);
  cursor: pointer;
  margin: 0;
  padding: 0;
  transition: all .2s;
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item:hover {
  background: var(--gray-50, #f8f9fa);
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item.selected {
  background: linear-gradient(135deg, #fff5f5 0%, #ffeded 100%);
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item.selected .transaction-content {
  border-left: 4px solid #ff4d4f;
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item.selected .selected-indicator {
  color: #ff4d4f;
  background: #ff4d4f1a;
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item:last-child {
  border-bottom: none;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content {
  border-left: 4px solid #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 20px;
  transition: border-color .2s;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-card {
  align-items: center;
  gap: 8px;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-card .card-icon {
  font-size: 18px;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-card .card-info {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #4d525c);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-details {
  align-items: center;
  gap: 12px;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-details .ant-typography-secondary {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-500, #9b9fa8);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-details .txn-id {
  font-family: monospace;
  font-size: 11px;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-amount {
  align-items: center;
  gap: 12px;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-amount .ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #4d525c);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-amount .selected-indicator {
  color: #ff4d4f;
  background: #ff4d4f1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 20px;
  font-weight: bold;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section {
  border: 1px solid var(--gray-200, #e3e5e8);
  background: #fff;
  border-radius: 12px;
  margin-top: 16px;
  padding: 16px 20px;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section h5.ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #5e636b);
  margin-bottom: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-radio-group {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-radio-group .ant-radio-wrapper {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #5e636b);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  border-color: var(--gray-200, #e3e5e8);
  border-radius: 8px;
  height: 40px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number .ant-input-number-input-wrap {
  align-items: center;
  height: 100%;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number .ant-input-number-input-wrap input {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  height: 100%;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number:focus, .refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number:hover {
  border-color: #ff4d4f;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number.ant-input-number-focused {
  box-shadow: 0 0 0 2px #ff4d4f1a;
}

.refund-modal .refund-modal-content .unreferenced-refund h5.ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #5e636b);
  margin-bottom: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list {
  border: 1px solid var(--gray-200, #e3e5e8);
  background: #fff;
  border-radius: 12px;
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item {
  border-bottom: 1px solid var(--gray-100, #f0f0f0);
  cursor: pointer;
  margin: 0;
  padding: 0;
  transition: all .2s;
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item:hover {
  background: var(--gray-50, #f8f9fa);
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item.selected {
  background: linear-gradient(135deg, #fff5f5 0%, #ffeded 100%);
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item.selected .payment-method-content {
  border-left: 4px solid #ff4d4f;
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item.selected .selected-indicator {
  color: #ff4d4f;
  background: #ff4d4f1a;
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item:last-child {
  border-bottom: none;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content {
  border-left: 4px solid #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 20px;
  transition: border-color .2s;
  display: flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .card-info {
  align-items: center;
  gap: 12px;
  display: flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .card-info .card-icon {
  font-size: 24px;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .card-info .card-details {
  align-items: center;
  gap: 8px;
  display: flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .card-info .card-details .ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #4d525c);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .card-info .card-details .hsa-badge {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px;
  background: linear-gradient(135deg, #ff7a45 0%, #ff9a6c 100%);
  border-radius: 4px;
  align-items: center;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .selected-indicator {
  color: #ff4d4f;
  background: #ff4d4f1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 20px;
  font-weight: bold;
  display: flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section {
  border: 1px solid var(--gray-200, #e3e5e8);
  background: #fff;
  border-radius: 12px;
  margin-top: 16px;
  padding: 16px 20px;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section h5.ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #5e636b);
  margin-bottom: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  border-color: var(--gray-200, #e3e5e8);
  border-radius: 8px;
  height: 40px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number .ant-input-number-input-wrap {
  align-items: center;
  height: 100%;
  display: flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number .ant-input-number-input-wrap input {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  height: 100%;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number:focus, .refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number:hover {
  border-color: #ff4d4f;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number.ant-input-number-focused {
  box-shadow: 0 0 0 2px #ff4d4f1a;
}

.refund-modal .refund-modal-content .refund-reason-section {
  border: 1px solid var(--gray-200, #e3e5e8);
  background: #fff;
  border-radius: 12px;
  margin-top: 16px;
  padding: 16px 20px;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .refund-reason-section h5.ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #5e636b);
  margin-bottom: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.refund-modal .refund-modal-content .refund-reason-section .refund-reason-input {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  border: 1px solid var(--gray-200, #e3e5e8);
  border-radius: 8px;
  outline: none;
  width: 100%;
  padding: 10px 14px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  transition: all .2s;
}

.refund-modal .refund-modal-content .refund-reason-section .refund-reason-input:focus {
  border-color: #ff4d4f;
  box-shadow: 0 0 0 2px #ff4d4f1a;
}

.refund-modal .refund-modal-content .refund-reason-section .refund-reason-input::placeholder {
  color: var(--gray-400, #bfbfbf);
}

.refund-modal .ant-modal-footer {
  background: none;
  border-top: 1px solid #0000000f;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  display: flex;
}

.refund-modal .ant-modal-footer .ant-btn {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 20px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: inline-flex;
}

.refund-modal .ant-modal-footer .ant-btn[disabled] {
  opacity: .5;
  cursor: not-allowed;
}

.refund-modal .ant-modal-footer .ant-btn-default {
  background: var(--gray-500, #9b9fa8);
  color: #fff;
  border: none;
  box-shadow: 0 2px 4px #9b9fa84d;
}

.refund-modal .ant-modal-footer .ant-btn-default:hover:not([disabled]) {
  background: var(--gray-100, #f5f5f5);
  color: var(--gray-700, #5e636b);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px #9b9fa866;
}

.refund-modal .ant-modal-footer .ant-btn-primary.ant-btn-dangerous {
  color: #fff;
  background: #ff4d4f;
  border: none;
  box-shadow: 0 2px 4px #ff4d4f4d;
}

.refund-modal .ant-modal-footer .ant-btn-primary.ant-btn-dangerous:hover:not([disabled]) {
  color: #ff4d4f;
  background: #fff5f5;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px #ff4d4f66;
}

@media (width <= 768px) {
  .refund-modal .ant-modal {
    max-width: 600px;
    margin: 20px auto;
    width: 95% !important;
  }

  .refund-modal .ant-modal-body {
    padding: 16px;
  }

  .refund-modal .refund-modal-content .refund-info, .refund-modal .refund-modal-content .refund-type-selection, .refund-modal .refund-modal-content .partial-refund-section, .refund-modal .refund-modal-content .unreferenced-amount-section, .refund-modal .refund-modal-content .refund-reason-section {
    padding: 12px 16px;
  }

  .refund-modal .refund-modal-content .transaction-content, .refund-modal .refund-modal-content .payment-method-content {
    padding: 12px 16px !important;
  }

  .refund-modal .ant-modal-footer {
    flex-direction: column-reverse;
    gap: 8px;
    padding: 12px 16px;
  }

  .refund-modal .ant-modal-footer .ant-btn {
    justify-content: center;
    width: 100%;
  }
}

.custom-pdf-editor .pdf-button {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: var(--gray-500);
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--font-size-small);
  border-radius: var(--radius-medium);
  gap: var(--spacing-xsmall);
  box-shadow: 0 2px 2px #d9d9d9, 0 2px 5px #0000000f;
  box-shadow: unset;
  padding: 8px 16px;
  padding: var(--spacing-standard);
  font-weight: var(--font-weight-medium);
  background: linear-gradient(#fff 0%, #f7f7f7 100%);
  border: none;
  outline: none;
  justify-content: center;
  align-items: center;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  background: var(--white) !important;
  border-radius: .6rem !important;
}

.custom-pdf-editor .pdf-button i {
  color: #707580;
}

.custom-pdf-editor .pdf-button:not(:has(i)) {
  background: linear-gradient(#fff 0%, #fbfbfb 100%);
}

.custom-pdf-editor .pdf-button.disabled, .custom-pdf-editor .pdf-button[disabled], .custom-pdf-editor .pdf-button:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.custom-pdf-editor .pdf-button.disabled i, .custom-pdf-editor .pdf-button[disabled] i, .custom-pdf-editor .pdf-button:disabled i {
  color: var(--gray-400);
}

.custom-pdf-editor .pdf-button:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #707580 !important;
  opacity: 1 !important;
}

.custom-pdf-editor .pdf-button:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.custom-pdf-editor .pdf-button:focus-visible {
  box-shadow: none;
}

.custom-pdf-editor .pdf-button:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.custom-pdf-editor .pdf-button--icon-left {
  flex-direction: row-reverse;
}

.custom-pdf-editor .pdf-button--active {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--font-size-small);
  border-radius: var(--radius-medium);
  padding: 8px 16px;
  padding: var(--spacing-standard);
  font-weight: var(--font-weight-bolder);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xsmall);
  background: linear-gradient(#7196bf 0%, #5b86b5 100%);
  border: 0;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #426892, 0 2px 5px #0000000f;
  background: var(--color-primary) !important;
  border-radius: .6rem !important;
}

.custom-pdf-editor .pdf-button--active i {
  color: #fff;
}

.custom-pdf-editor .pdf-button--active:not(:has(i)) {
  background: linear-gradient(#6b92bc 0%, #618ab8 100%);
}

.custom-pdf-editor .pdf-button--active.disabled, .custom-pdf-editor .pdf-button--active[disabled], .custom-pdf-editor .pdf-button--active:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.custom-pdf-editor .pdf-button--active.disabled i, .custom-pdf-editor .pdf-button--active[disabled] i, .custom-pdf-editor .pdf-button--active:disabled i {
  color: var(--gray-400);
}

.custom-pdf-editor .pdf-button--active:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.custom-pdf-editor .pdf-button--active:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.custom-pdf-editor .pdf-button--active:focus-visible {
  box-shadow: none;
}

.custom-pdf-editor .pdf-button--active:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.custom-pdf-editor .pdf-button--active .pdf-button__icon {
  filter: brightness(0) invert();
}

.custom-pdf-editor .pdf-button--disabled {
  opacity: .5;
  cursor: not-allowed;
}

.custom-pdf-editor .pdf-button--disabled:hover {
  background-color: #0000;
}

.custom-pdf-editor .pdf-button img.pdf-button__icon {
  width: 14px;
  height: auto;
}

.custom-pdf-editor .split-pdf {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d0d0d0;
  flex-direction: column;
  width: 100%;
  min-height: auto;
  padding: 10px;
  display: flex;
}

.custom-pdf-editor .split-pdf__ranges {
  height: 200px;
  overflow-y: auto;
}

.custom-pdf-editor .split-pdf__title {
  text-align: center;
  color: var(--gray-800);
  margin-bottom: 6px;
  font-size: 14px;
}

.custom-pdf-editor .split-pdf__range-item {
  margin-bottom: 4px;
}

.custom-pdf-editor .split-pdf__range-label {
  color: var(--gray-800);
  text-align: center;
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 500;
}

.custom-pdf-editor .split-pdf__range-row {
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.custom-pdf-editor .split-pdf__arrow {
  color: var(--gray-400);
  font-size: 14px;
}

.custom-pdf-editor .split-pdf__input {
  text-align: center;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  width: 50px;
  padding: 3px 6px;
  font-size: 13px;
}

.custom-pdf-editor .split-pdf__input::placeholder {
  color: #aaa;
  font-size: 11px;
}

.custom-pdf-editor .split-pdf__remove-btn {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 2px;
  display: flex;
}

.custom-pdf-editor .split-pdf__remove-btn:hover {
  opacity: .7;
}

.custom-pdf-editor .split-pdf__remove-icon {
  width: 14px;
  height: 14px;
}

.custom-pdf-editor .split-pdf__add-range-btn {
  color: var(--blue-200);
  cursor: pointer;
  text-align: center;
  background: none;
  border: none;
  width: 100%;
  padding: 4px 0;
  font-size: 12px;
}

.custom-pdf-editor .split-pdf__add-range-btn:hover {
  text-decoration: underline;
}

.custom-pdf-editor .split-pdf__actions {
  justify-content: center;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.custom-pdf-editor .split-pdf__results {
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  max-height: 125px;
  margin-top: 8px;
  overflow: hidden scroll;
}

.custom-pdf-editor .split-pdf__results-header-row {
  background: #f5f5f5;
  align-items: center;
  display: flex;
}

.custom-pdf-editor .split-pdf__results-header {
  cursor: pointer;
  color: #333;
  text-align: left;
  background: none;
  border: none;
  flex: 1;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.custom-pdf-editor .split-pdf__results-header:hover {
  background: #eee;
}

.custom-pdf-editor .split-pdf__download-all-btn {
  cursor: pointer;
  color: var(--blue-200);
  background: none;
  border: none;
  border-left: 1px solid #d0d0d0;
  padding: 8px 10px;
  font-size: 11px;
}

.custom-pdf-editor .split-pdf__download-all-btn:hover {
  background: #eee;
}

.custom-pdf-editor .split-pdf__export-btn {
  cursor: pointer;
  color: var(--blue-200);
  background: none;
  border: none;
  border-left: 1px solid #d0d0d0;
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 500;
}

.custom-pdf-editor .split-pdf__export-btn:hover:not(:disabled) {
  background: #eee;
}

.custom-pdf-editor .split-pdf__export-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.custom-pdf-editor .split-pdf__results-chevron {
  font-size: 9px;
  transition: transform .2s;
}

.custom-pdf-editor .split-pdf__results-chevron--expanded {
  transform: rotate(90deg);
}

.custom-pdf-editor .split-pdf__results-list {
  background: #fff;
  padding: 6px 10px;
}

.custom-pdf-editor .split-pdf__download-link {
  color: var(--blue-200);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 4px 0;
  font-size: 12px;
  text-decoration: none;
  display: flex;
}

.custom-pdf-editor .split-pdf__download-link:hover {
  text-decoration: underline;
}

.custom-pdf-editor .split-pdf__download-icon {
  font-size: 11px;
}

.ReactModalPortal .custom-pdf-editor .custom-pdf-editor__viwer-section {
  border: 1px solid #ececec;
}

.export-modal {
  width: 400px;
  max-width: 90vw;
}

.export-modal__message {
  font-size: var(--font-size-small);
  color: var(--color-text);
  margin: 0 0 var(--spacing-large) 0;
  line-height: 1.5;
}

.export-modal__message strong {
  font-weight: 600;
}

.export-modal__checkbox-row {
  background: #f8f8f8;
  border-radius: 6px;
  margin-bottom: 16px;
  padding: 12px;
}

.export-modal__error {
  color: var(--color-error);
  font-size: var(--font-size-small);
  margin: 0 0 var(--spacing-large) 0;
  border-radius: 4px;
}

.export-modal__actions {
  justify-content: flex-end;
  gap: var(--spacing-large);
  display: flex;
}

.export-modal__btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.export-modal__btn--cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.export-modal__btn--cancel i {
  color: #5e636b;
}

.export-modal__btn--cancel:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.export-modal__btn--cancel.disabled, .export-modal__btn--cancel[disabled], .export-modal__btn--cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.export-modal__btn--cancel.disabled i, .export-modal__btn--cancel[disabled] i, .export-modal__btn--cancel:disabled i {
  color: var(--gray-400);
}

.export-modal__btn--cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.export-modal__btn--cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.export-modal__btn--cancel:focus-visible {
  box-shadow: none;
}

.export-modal__btn--cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.export-modal__btn--cancel:hover:not(:disabled) {
  background: #f5f5f5;
}

.export-modal__btn--export {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.export-modal__btn--export i {
  color: #fff;
}

.export-modal__btn--export:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.export-modal__btn--export.disabled, .export-modal__btn--export[disabled], .export-modal__btn--export:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.export-modal__btn--export.disabled i, .export-modal__btn--export[disabled] i, .export-modal__btn--export:disabled i {
  color: var(--gray-400);
}

.export-modal__btn--export:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.export-modal__btn--export:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.export-modal__btn--export:focus-visible {
  box-shadow: none;
}

.export-modal__btn--export:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ReactModalPortal .export-modal .body {
  min-width: unset;
}

.multi-button-group {
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  display: inline-flex;
  overflow: hidden;
}

.multi-button {
  cursor: pointer;
  align-items: center;
  gap: var(--spacing-xsmall);
  height: 30px;
  color: var(--gray-600);
  font-size: var(--font-size-small);
  -webkit-user-select: none;
  user-select: none;
  background: none;
  border: none;
  padding: 0 16px;
  transition: all .2s;
  display: flex;
}

.multi-button:hover {
  background: #f5f6f7;
}

.multi-button--active {
  background: var(--color-primary);
  color: var(--color-secondary);
  height: 30px;
}

.multi-button--active:hover {
  background: var(--color-secondary);
}

.multi-button--active .multi-button__icon {
  filter: brightness(0) invert();
}

.custom-pdf-editor .pdf-editor-header {
  background: #d4d4d4;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;
}

.custom-pdf-editor .pdf-editor-header .toolbar {
  background-color: #fff;
  border-bottom: 1px solid #e3e5e8;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 30px;
  display: flex;
  overflow-x: scroll;
}

.custom-pdf-editor .pdf-editor-header .submenu {
  color: #707580;
  background-color: #fff;
  justify-content: center;
  width: 100%;
  padding: 12px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 1px #8c8c8c1a, 0 3px 3px #8c8c8c17, 0 6px 3px #8c8c8c0d, 0 10px 4px #8c8c8c03, 0 16px 4px #8c8c8c00;
}

.custom-pdf-editor .pdf-editor-header .submenu-tools {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.custom-pdf-editor .pdf-editor-header .submenu-tools__editor-block, .custom-pdf-editor .pdf-editor-header .submenu-tools__selection-block {
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
}

.custom-pdf-editor .pdf-editor-header .fontsize-input {
  text-align: center;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  width: 50px;
}

.custom-pdf-editor .pdf-editor-header .color-input {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  width: 22px;
  height: 22px;
  padding: 0;
}

.custom-pdf-editor .pdf-comment {
  cursor: pointer;
}

.custom-pdf-editor .pdf-comment:hover .pdf-comment__textbox {
  background: #e7e7e7;
}

.custom-pdf-editor .pdf-comment__textbox {
  border: 1px solid;
  background: #fff;
  border-image-source: linear-gradient(#fdfdfd 0%, #eee 100%);
  border-radius: 8px;
  padding: 12px;
  font-weight: 500;
  box-shadow: 0 2px 4px #00000026;
}

.custom-pdf-editor .pdf-comment__meta {
  color: #5e636b;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 0 12px;
  font-size: 10px;
  font-weight: 600;
}

.custom-pdf-editor .pdf-comment .pdf-comment-icon--highlight {
  outline-offset: 3px;
  outline: 3px solid #007bff;
  transition: outline .2s;
  animation: 1.2s pulse-highlight;
}

@keyframes pulse-highlight {
  0% {
    outline-color: #007bff;
    transform: scale(1);
  }

  50% {
    outline-color: #66b3ff;
    transform: scale(1.2);
  }

  100% {
    outline-color: #007bff;
    transform: scale(1);
  }
}

.custom-pdf-editor .pdf-thumbnail-list {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  display: flex;
}

.custom-pdf-editor .pdf-thumbnail-list--loading {
  color: #666;
  padding: 24px;
  font-size: 13px;
}

.custom-pdf-editor .pdf-thumbnail {
  cursor: pointer;
  background: #fff;
  border: 2px solid #0000;
  border-radius: 6px;
  width: 80%;
  transition: all .2s;
  overflow: hidden;
  box-shadow: 0 1px 4px #0000001a;
}

.custom-pdf-editor .pdf-thumbnail:hover {
  transform: scale(1.02);
  box-shadow: 0 3px 8px #00000026;
}

.custom-pdf-editor .pdf-thumbnail.active {
  box-shadow: 0 0 6px #1976d266;
}

.custom-pdf-editor .pdf-thumbnail img {
  width: 100%;
  display: block;
}

.custom-pdf-editor .pdf-thumbnail__label {
  text-align: center;
  color: #4d525c;
  padding: 4px 0;
  font-size: 14px;
  font-weight: 600;
}

.custom-pdf-editor .pdf-thumbnail .thumbnail canvas {
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}

.custom-pdf-editor .pdf-thumbnail-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.custom-pdf-editor .pdf-thumbnail-meta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.custom-checkbox-wrapper {
  cursor: pointer;
  align-items: center;
  gap: .4rem;
  display: inline-flex;
}

.custom-checkbox-wrapper .custom-checkbox {
  margin: 0;
}

.custom-checkbox-wrapper .custom-checkbox .ant-checkbox-inner {
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  transition: all .2s;
}

.custom-checkbox-wrapper .custom-checkbox .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #837bb2 !important;
  border-color: #837bb2 !important;
}

.custom-checkbox-wrapper .custom-checkbox:hover .ant-checkbox-inner {
  filter: brightness(1.1);
}

.custom-checkbox-wrapper .custom-checkbox-label {
  color: #333;
  -webkit-user-select: none;
  user-select: none;
  font-size: 14px;
}

.ui-spinner {
  backdrop-filter: blur(2px);
  will-change: transform;
  background: #ffffff2e;
  border: 1px solid #ffffff47;
  border-radius: 999px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 28px;
  max-width: 28px;
  height: 28px;
  max-height: 28px;
  position: relative;
  transform: translateZ(0);
  box-shadow: 0 10px 30px #0000002e, inset 0 1px #ffffff59;
}

.ui-spinner:before {
  content: "";
  opacity: .9;
  background: conic-gradient(#14141400 0deg, #1414148c 40deg, #14141414 120deg, #14141400 360deg);
  border-radius: 999px;
  animation: .9s linear infinite spin;
  position: absolute;
  inset: 6px;
  mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #000 0);
}

@media (prefers-reduced-motion: reduce) {
  .ui-spinner:before {
    animation: none;
  }
}

.custom-pdf-editor {
  flex: 1;
  height: 100%;
  padding: 0;
  display: flex;
}

.custom-pdf-editor__thumnail-section {
  background-color: #f0f0f0;
  border-radius: 12px;
  flex-direction: column;
  width: 25%;
  height: 100%;
  display: flex;
}

.custom-pdf-editor__thumnail-section__header {
  background-color: #fff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 57px;
  padding: 12px 30px;
  display: flex;
  overflow: scroll hidden;
}

@media (width <= 1200px) {
  .custom-pdf-editor__thumnail-section__header {
    justify-content: flex-start;
  }
}

.custom-pdf-editor__thumnail-section__body {
  height: 100%;
  padding: 10px 0;
  overflow-y: auto;
}

.custom-pdf-editor__viwer-section {
  border-radius: 15px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 12px;
  display: flex;
  overflow: hidden;
}

.custom-pdf-editor__viwer-section__header {
  z-index: 20;
  background-color: #fff;
  border-bottom: 1px solid #e2e2e2;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 57px;
  padding: 16px 30px;
  display: flex;
  position: sticky;
  top: 0;
}

@media (width <= 1200px) {
  .custom-pdf-editor__viwer-section__header {
    justify-content: flex-start;
  }
}

.custom-pdf-editor__viwer-section__body {
  flex: 1;
  position: relative;
  overflow: hidden auto;
}

.custom-pdf-editor__comment-section {
  background-color: #f0f0f0;
  border-radius: 12px;
  width: 30%;
  overflow: hidden;
}

.custom-pdf-editor__comment-section__header {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-medium);
  background-color: var(--white);
  color: var(--color-primary);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  min-height: 57px;
  margin-bottom: 6px;
  padding: 16px 30px;
  display: flex;
}

@media (width <= 1200px) {
  .custom-pdf-editor__comment-section__header {
    justify-content: flex-start;
  }
}

.custom-pdf-editor__comment-section__body {
  height: 100%;
  padding: 8px 8px 58px;
  overflow-y: auto;
}

.custom-pdf-editor__loading {
  color: #666;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 24px;
  font-size: 13px;
  display: flex;
}

.custom-pdf-editor .pdf-text-input {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 400px;
  min-height: 20px;
}

.custom-pdf-editor .pdf-comments-layer {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.custom-pdf-editor .pdf-comments-layer .pdf-comment-icon {
  pointer-events: auto !important;
}

.custom-pdf-editor .pdf-comment-icon {
  pointer-events: auto;
  font-family: sans-serif;
  transform: translate(-50%, -50%);
}

.custom-pdf-editor .pdf-comment-icon__bubble {
  background: #dc143c;
  border: 1px solid #1976d233;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 28px;
  display: inline-flex;
  box-shadow: 0 1px 4px #00000026;
}

.custom-pdf-editor .pdf-comment-icon__tooltip {
  white-space: normal;
  z-index: 400;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 8px;
  box-shadow: 0 4px 12px #0000001f;
}

.custom-pdf-editor .pdf-comment-icon__editor textarea {
  resize: vertical;
}

.ReactModalPortal .custom-pdf-editor {
  background-color: #ededed;
}

.ReactModalPortal .custom-pdf-editor__thumnail-section, .ReactModalPortal .custom-pdf-editor__comment-section {
  background-color: #0000000a;
}

.ReactModalPortal .pdf-editor-modal {
  height: 100%;
}

.multi-form-render-modal-container {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}

.multi-form-render-modal-container .body {
  overflow: hidden;
  background-color: #fafafad9 !important;
  margin-top: 0 !important;
  padding: 10px 10px 0 !important;
}

.multi-form-render {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.multi-form-render .multi-form-render-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dsl-card-multi-form {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  overflow-y: auto;
}

.dsl-card-multi-form .form-container > .form-container {
  margin: 0 !important;
  padding: 0 !important;
}

.dsl-card-multi-form .dsl-tab-header {
  z-index: 10;
  background-color: var(--white);
  transition: all .3s;
  position: sticky;
  top: 0;
}

.dsl-card-multi-form .dsl-tab-header.scrolled {
  background: #f2f2f2;
  border-bottom: 1px solid #0000001a;
  box-shadow: 0 2px 8px #00000014, 0 1px 3px #0000000f;
}

.form-container-flyout .layout-form-content .dsl-card-multi-form .form-container {
  scroll-behavior: smooth;
  padding: 0 10px;
  overflow-y: auto;
  height: calc(100vh - 265px) !important;
}

.form-container-flyout .layout-form-content .dsl-card-multi-form .form-container .dsl-tab-header {
  z-index: 15;
  background-color: #0000;
  transition: all .3s;
  position: sticky;
  top: 0;
}

.form-container-flyout .layout-form-content .dsl-card-multi-form .form-container .dsl-tab-header.scrolled {
  background: none;
  border-bottom: 1px solid #0000001a;
  box-shadow: 0 3px 10px #0000001a, 0 1px 4px #00000014;
}

.dsl-tabbed-card-view {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.dsl-tabbed-card-view .wizard-bottom-bar, .dsl-tabbed-card-view .form-card-menu {
  display: none !important;
}

.dsl-tabbed-card-view .form-container {
  width: 100%;
}

.dsl-tabbed-card-view .section-tabs {
  flex: none;
}

.dsl-tabbed-card-view .form-container {
  margin-top: 0 !important;
}

.dsl-tabbed-card-view .form-container .cardarea {
  border-radius: 0 !important;
}

.dsl-tabbed-card-view .dsl-templ-area {
  flex: 1;
  width: 100%;
  border-radius: 0 !important;
}

.dsl-tabbed-card-view .dsl-templ-area > div {
  margin-right: unset !important;
}

.dsl-tabbed-card-view .dsl-templ-area h3, .dsl-tabbed-card-view .dsl-templ-area h4 {
  display: none;
}

.dsl-tabbed-card-view #no-data-available {
  color: #656463;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px;
  font-size: 20px;
  font-weight: bolder;
  display: flex;
}

.dsl-tabbed-card-view .section-tabs {
  color: #8e8d8c;
  border-bottom: 2px solid #ededee;
  width: 100%;
  display: flex;
  overflow-y: auto;
}

.dsl-tabbed-card-view .section-tabs .section-tab {
  cursor: pointer;
  border: none;
  border-top: 1px solid #ededee;
  border-left: 1px solid #ededee;
  justify-content: center;
  align-items: center;
  min-width: fit-content;
  padding: 5px 10px;
  font-family: Soehne, sans-serif;
  font-weight: bolder;
  display: flex;
}

.dsl-tabbed-card-view .section-tabs .section-tab.active {
  color: #fbfbfb;
  background-color: #656463;
  border-color: #656463;
  font-family: Soehne, sans-serif;
}

.dsl-tabbed-card-view .section-tabs .section-tab:first-child {
  border-top-left-radius: 10px;
}

.dsl-tabbed-card-view .section-tabs .section-tab:last-child {
  border-right: 1px solid #ededee;
  border-top-right-radius: 10px;
}

.delivery-ticket-item-header {
  color: #4d525c;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.delivery-ticket-item-header p {
  margin-bottom: 3px;
}

.delivery-ticket-item-header__left--title {
  font-weight: bold;
  color: var(--gray-700) !important;
}

.delivery-ticket-item-header__left--desc {
  color: #9b9fa8;
}

.delivery-ticket-item-header__left--desc span {
  color: #4d525c;
}

.delivery-ticket-item-header__right {
  text-align: right;
  align-items: center;
  gap: 16px;
  display: flex;
}

.delivery-ticket-item-header__right > div {
  align-items: center;
  gap: 8px;
  display: flex;
}

.delivery-ticket-item-header__right p {
  margin-bottom: 0;
  line-height: 1;
}

.delivery-ticket-item-header .btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.delivery-ticket-item-header .btn i {
  color: #5e636b;
}

.delivery-ticket-item-header .btn:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.delivery-ticket-item-header .btn.disabled, .delivery-ticket-item-header .btn[disabled], .delivery-ticket-item-header .btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.delivery-ticket-item-header .btn.disabled i, .delivery-ticket-item-header .btn[disabled] i, .delivery-ticket-item-header .btn:disabled i {
  color: var(--gray-400);
}

.delivery-ticket-item-header .btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.delivery-ticket-item-header .btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.delivery-ticket-item-header .btn:focus-visible {
  box-shadow: none;
}

.delivery-ticket-item-header .btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.delivery-ticket-item-header .btn i {
  margin-right: 10px;
}

.delivery-ticket-assessment-item-header {
  color: #4d525c;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.delivery-ticket-assessment-item-header p {
  margin-bottom: 3px;
}

.delivery-ticket-assessment-item-header__left--title {
  font-weight: bold;
  color: var(--gray-700) !important;
}

.delivery-ticket-assessment-item-header__right {
  text-align: right;
}

.delivery-ticket-header {
  color: #4d525c;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.delivery-ticket-header .show-pulled {
  letter-spacing: 0;
  vertical-align: middle;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: normal;
  line-height: 18px;
  display: flex;
}

.delivery-ticket-header .show-pulled span {
  color: #4d525c;
  font-size: 12px;
}

.delivery-ticket-header .show-pulled .MuiSwitch-root {
  width: 44px;
  height: 24px;
  margin: 8px;
  padding: 0;
}

.delivery-ticket-header .show-pulled .MuiSwitch-root .MuiSwitch-track {
  background-color: var(--color-text-100);
  opacity: 1;
  border-radius: 13px;
  transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
}

.delivery-ticket-header .show-pulled .MuiSwitch-switchBase {
  width: 100%;
  margin: 2px;
  padding: 0;
  transition-duration: .3s;
  left: -11px;
}

.delivery-ticket-header .show-pulled .MuiSwitch-switchBase.Mui-checked {
  color: #fff;
  transform: translateX(18px);
}

.delivery-ticket-header .show-pulled .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  opacity: 1;
  background-color: #837bb2;
  border: 0;
}

.delivery-ticket-header .show-pulled .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
  background-color: #fff;
}

.delivery-ticket-header .show-pulled .MuiSwitch-thumb {
  box-sizing: border-box;
  background-color: #fff;
  width: 20px;
  height: 20px;
}

.delivery-ticket-header p {
  margin-bottom: 3px;
}

.delivery-ticket-header__count {
  font-weight: bold;
}

.delivery-ticket-header__right {
  text-align: right;
  gap: 10px;
  display: flex;
}

.delivery-ticket-header__right--title {
  padding-right: 8px;
}

.delivery-ticket-header__name {
  font-weight: bold;
}

.delivery-ticket-header__actions {
  gap: 8px;
  display: flex;
}

.delivery-ticket-header__desc {
  color: #9b9fa8;
  margin-left: 10px;
  display: inline-block;
}

.delivery-ticket-header__copay {
  color: #4d525c;
  font-weight: 600;
}

.delivery-ticket-header__paid {
  color: #cc7878;
  font-weight: 600;
}

.delivery-ticket-header__actions {
  display: flex;
}

.delivery-ticket-header .btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.delivery-ticket-header .btn i {
  color: #5e636b;
}

.delivery-ticket-header .btn:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.delivery-ticket-header .btn.disabled, .delivery-ticket-header .btn[disabled], .delivery-ticket-header .btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.delivery-ticket-header .btn.disabled i, .delivery-ticket-header .btn[disabled] i, .delivery-ticket-header .btn:disabled i {
  color: var(--gray-400);
}

.delivery-ticket-header .btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.delivery-ticket-header .btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.delivery-ticket-header .btn:focus-visible {
  box-shadow: none;
}

.delivery-ticket-header .btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.delivery-ticket-header .btn i {
  margin-right: 10px;
}

.rx-verification-container {
  flex-direction: column;
  flex-grow: 0;
  gap: 6px;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.rx-verification-container .inc-container {
  margin: 0 !important;
}

.rx-verification {
  flex-grow: 0;
  width: 100%;
  height: calc(100% - 92px);
  min-height: 0;
  margin-top: 0;
}

.rx-verification .body {
  gap: 10px;
  background-color: #0000 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 16px 8px !important;
}

.rx-verification .rx-container {
  flex-direction: row;
  gap: 10px;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.rx-verification .rx-container .rx-form, .rx-verification .rx-container .rx-verify {
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  width: 50%;
  height: 100%;
  min-height: 0;
}

.rx-verification .rx-container .rx-form {
  overflow: auto;
}

.rx-verification .rx-container .rx-form .form-container {
  height: 100% !important;
}

.rx-verification .rx-container .rx-form .wizard-bottom-bar {
  display: none;
}

.rx-verification .rx-container .rx-form .cardarea {
  padding: 0 !important;
}

.rx-verification .rx-container .rx-verify {
  background: #fff;
  border: 1px solid #f5f5f5;
}

.rx-verification .rx-container .rx-verify > div:first-child {
  height: calc(100% - 220px);
}

.rx-verification .rx-container .rx-verify .verification-box {
  width: 100%;
  height: 220px;
  display: flex;
}

.rx-verification .rx-container .rx-verify .verification-box .rejection-box, .rx-verification .rx-container .rx-verify .verification-box .acceptance-box {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 11px;
  width: 50%;
  padding: 16px;
  display: flex;
}

.rx-verification .rx-container .rx-verify .verification-box .rejection-box .reject-reason {
  letter-spacing: 0;
  color: #838894;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
}

.rx-verification .rx-container .rx-verify .verification-box .rejection-box textarea {
  opacity: 1;
  letter-spacing: 0;
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  gap: 10px;
  width: 100%;
  height: 136px;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}

.rx-verification .rx-container .rx-verify .verification-box .rejection-box .button-reject {
  letter-spacing: 0;
  color: #fff;
  background: linear-gradient(#e58787 0%, #cc7878 100%);
  border: 1px solid #d98080;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
}

.rx-verification .rx-container .rx-verify .verification-box .rejection-box .button-reject:hover {
  background: linear-gradient(#cc7878 0%, #e58787 100%);
  border: 1px solid #d98080;
  box-shadow: 0 1px 1px #7070701f, 0 3px 3px #7070701a, 0 6px 4px #7070700f, 0 11px 4px #70707005, 0 17px 5px #70707000;
}

.rx-verification .rx-container .rx-verify .verification-box .rejection-box .button-reject:disabled {
  opacity: .6;
}

.rx-verification .rx-container .rx-verify .verification-box .acceptance-box p {
  letter-spacing: 0;
  vertical-align: middle;
  color: #4d525c;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
}

.rx-verification .rx-container .rx-verify .verification-box .acceptance-box p.message-red {
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  color: #d98080;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
}

.field-esign-react {
  justify-content: center;
  align-items: center;
  display: flex;
}

.field-esign-react .fieldgroup, .field-esign-react .fieldgroup .esignfield {
  padding: 0 !important;
}

.field-esign-react .fieldgroup .control-label, .field-esign-react .fieldgroup .control-label .esign-link div:first-child {
  display: none !important;
}

.field-esign-react .esign-value-container {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.field-esign-react .esign-value-container img {
  filter: invert(51%) sepia(10%) saturate(1384%) hue-rotate(209deg) brightness(90%) contrast(88%);
  cursor: pointer;
}

.field-esign-react .esign-value-container .esign-value-text {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  height: 48px;
  display: flex;
}

.field-esign-react .esign-value-container .esign-value-text > div {
  letter-spacing: 0;
  color: #838894;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.field-esign-react .button-sign {
  letter-spacing: 0;
  color: #fff;
  opacity: 1;
  background: linear-gradient(#7db8a5 0%, #699a8a 100%);
  border: 1px solid #76ad9b;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
}

.field-esign-react .button-sign:hover {
  background: linear-gradient(#699a8a 0%, #7db8a5 100%);
  border: 1px solid #76ad9b;
  box-shadow: 0 1px 1px #7070701f, 0 3px 3px #7070701a, 0 6px 4px #7070700f, 0 11px 4px #70707005, 0 17px 5px #70707000;
}

.field-esign-react .button-sign:disabled {
  opacity: .6;
}

.ReactModalPortal .rph-password-prompt {
  flex-direction: column;
  gap: 16px;
  min-width: 360px;
  display: flex;
}

.ReactModalPortal .rph-password-prompt .info-detail-card {
  color: #4d525c;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.ReactModalPortal .rph-password-prompt .password-field-container {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.ReactModalPortal .rph-password-prompt .password-field-container .password-field-label {
  color: #4d525c;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.ReactModalPortal .rph-password-prompt .password-field-container .password-input-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.ReactModalPortal .rph-password-prompt .password-field-container .password-input-wrapper input {
  color: #1a1a1a;
  background: #ffffffbf;
  border: 1px solid #0000001f;
  border-radius: 8px;
  outline: none;
  width: 100%;
  padding: 12px 44px 12px 14px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  transition: border-color .15s, box-shadow .15s;
}

.ReactModalPortal .rph-password-prompt .password-field-container .password-input-wrapper input:focus {
  border-color: #567ba6;
  box-shadow: 0 0 0 3px #567ba61f;
}

.ReactModalPortal .rph-password-prompt .password-field-container .password-input-wrapper input:disabled {
  color: #999;
  cursor: not-allowed;
  background: #f5f5f5;
}

.ReactModalPortal .rph-password-prompt .password-field-container .password-input-wrapper input::placeholder {
  color: #999;
}

.ReactModalPortal .rph-password-prompt .password-field-container .password-input-wrapper .password-toggle {
  cursor: pointer;
  color: #888;
  background: none;
  border: none;
  padding: 4px;
  transition: color .15s;
  position: absolute;
  right: 12px;
}

.ReactModalPortal .rph-password-prompt .password-field-container .password-input-wrapper .password-toggle:hover {
  color: #567ba6;
}

.ReactModalPortal .rph-password-prompt .password-field-container .password-input-wrapper .password-toggle i {
  font-size: 16px;
}

.ReactModalPortal .rph-password-prompt .error-message {
  color: #cc7878;
  background: #cc78781a;
  border: 1px solid #cc787833;
  border-radius: 6px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.ReactModalPortal .rph-password-prompt .error-message:before {
  content: none;
  display: none;
}

.ReactModalPortal .rph-password-prompt .footer {
  justify-content: space-between;
  margin-top: 8px;
  display: flex;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel i {
  color: #fff;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel:not(:has(i)) {
  background: linear-gradient(#ce7e7e 0%, #ca7272 100%);
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel.disabled, .ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel[disabled], .ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel.disabled i, .ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel[disabled] i, .ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel:disabled i {
  color: var(--gray-400);
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.submit {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.submit i {
  color: #fff;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.submit:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.submit.disabled, .ReactModalPortal .rph-password-prompt .footer .btn-primary.submit[disabled], .ReactModalPortal .rph-password-prompt .footer .btn-primary.submit:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.submit.disabled i, .ReactModalPortal .rph-password-prompt .footer .btn-primary.submit[disabled] i, .ReactModalPortal .rph-password-prompt .footer .btn-primary.submit:disabled i {
  color: var(--gray-400);
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.submit:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.submit:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.submit:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary.submit:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ReactModalPortal .rph-password-prompt .footer .btn-primary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.ant-modal-root .ant-modal-mask {
  backdrop-filter: blur(2px);
  background: radial-gradient(#0000001f 0%, #00000038 65%, #00000047 100%);
}

.payment-modal__select.ant-select.ant-select-single {
  height: auto !important;
}

.payment-modal__select.ant-select .ant-select-arrow {
  pointer-events: none;
  width: 32px;
  justify-content: center !important;
  align-items: center !important;
  height: 100% !important;
  margin-top: 0 !important;
  display: flex !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 12px !important;
  transform: none !important;
}

.payment-modal__select.ant-select .ant-select-arrow .anticon, .payment-modal__select.ant-select .ant-select-arrow > span, .payment-modal__select.ant-select .ant-select-arrow > svg {
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.payment-modal__select.ant-select .ant-select-arrow:after {
  content: "" !important;
  visibility: visible !important;
  filter: brightness(0) saturate() opacity(.5) !important;
  background-image: url("chevron-down-outline.ea9e659f.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

.payment-modal.ant-modal {
  isolation: isolate;
}

.payment-modal .ant-modal-content {
  background-color: #ededed;
  border: 1px solid #fff6;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
  background-color: #ededed !important;
  border: 1px solid #b4b4b480 !important;
  box-shadow: 0 12px 32px #1419281a !important;
}

.payment-modal .ant-modal-header {
  background: none;
  border-bottom: 1px solid #0000000f;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.payment-modal .ant-modal-header .ant-modal-title {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--gray-700, #5e636b);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.payment-modal .ant-modal-close {
  cursor: pointer;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: color .15s;
  display: flex;
  top: 16px;
  right: 16px;
  background-color: #0000 !important;
}

.payment-modal .ant-modal-close:hover {
  background-color: #0000 !important;
}

.payment-modal .ant-modal-close:hover .ant-modal-close-x {
  color: #a6aab1 !important;
}

.payment-modal .ant-modal-close .ant-modal-close-x {
  color: #717680;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1;
  transition: color .15s;
  display: flex;
}

.payment-modal .ant-modal-close .ant-modal-close-x .anticon {
  color: inherit;
  font-size: 14px;
}

.payment-modal .ant-modal-close:active .ant-modal-close-x {
  color: #595d65;
}

.payment-modal .ant-modal-body {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  background: none;
  min-height: 300px;
  max-height: 70vh;
  padding: 8px 24px 24px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  overflow-y: auto;
}

.payment-modal .payment-modal__content {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.payment-modal .payment-modal__section {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.payment-modal .payment-modal__section-label {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--gray-600, #6b7280);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.payment-modal .payment-modal__patient-value {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #4d525c;
  padding: 10px 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.payment-modal .payment-modal__select {
  width: 100%;
}

.payment-modal .payment-modal__select .ant-select-selector {
  background-color: #fff !important;
  border-color: #e3e5e8 !important;
  border-radius: 8px !important;
  align-items: center !important;
  height: 44px !important;
  padding: 0 10px !important;
  display: flex !important;
  box-shadow: 0 0 1px #0000000f, 0 1px 2px -1px #0000000a, inset 0 1px 2px 1px #38383814 !important;
}

.payment-modal .payment-modal__select.ant-select-focused .ant-select-selector, .payment-modal .payment-modal__select.ant-select-open .ant-select-selector, .payment-modal .payment-modal__select .ant-select-selector:focus, .payment-modal .payment-modal__select .ant-select-selector:active {
  border-color: #d5d7da !important;
  outline: none !important;
}

.payment-modal .payment-modal__select .ant-select-selection-item {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #4d525c;
  align-items: center;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  display: flex;
  line-height: 44px !important;
}

.payment-modal .payment-modal__select .ant-select-selection-placeholder {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #9b9fa8;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.payment-modal .payment-modal__input {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #4d525c;
  text-align: left;
  background: #fff;
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  outline: none;
  width: 100%;
  height: 44px;
  padding: 0 10px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: border-color .2s;
  box-shadow: 0 0 1px #0000000f, 0 1px 2px -1px #0000000a, inset 0 1px 2px 1px #38383814;
}

.payment-modal .payment-modal__input::placeholder {
  color: #9b9fa8;
}

.payment-modal .payment-modal__input:hover {
  border-color: #d5d7da;
}

.payment-modal .payment-modal__input:focus {
  border-color: #d5d7da;
  outline: none;
}

.payment-modal .payment-modal__no-cards {
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 16px;
  display: flex;
}

.payment-modal .payment-modal__no-cards .payment-modal__no-cards-message {
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  display: flex;
}

.payment-modal .payment-modal__no-cards .payment-modal__no-cards-message i {
  color: #e89e64;
  flex-shrink: 0;
  font-size: 16px;
}

.payment-modal .payment-modal__no-cards .payment-modal__no-cards-message span {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #5e636b;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border: none !important;
  border-radius: .6rem !important;
  outline: none !important;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn i {
  color: #fff;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn.disabled, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[disabled], .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn.disabled i, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[disabled] i, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:disabled i {
  color: var(--gray-400);
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:focus-visible {
  box-shadow: none;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:hover:not(:disabled):not([disabled]), .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:focus:not(:disabled):not([disabled]) {
  color: #fff !important;
  background: #746ba9 !important;
  border: none !important;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn > span {
  color: inherit;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn .ant-btn-icon {
  color: inherit;
  margin: 0;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn .ant-btn-icon i {
  color: inherit;
}

.payment-modal .payment-error {
  margin-top: 20px;
}

.payment-modal .payment-error .ant-alert {
  border: 1px solid var(--color-error-200, #f7c9c9);
  background: var(--color-error-25, #fef5f5);
  border-radius: 8px;
  align-items: flex-start;
  padding: 12px 16px;
  display: flex;
}

.payment-modal .payment-error .ant-alert .ant-alert-icon {
  color: var(--color-error-600, #d07676);
  margin-right: 12px;
  font-size: 16px;
  line-height: 22px;
}

.payment-modal .payment-error .ant-alert .ant-alert-content {
  flex: 1;
}

.payment-modal .payment-error .ant-alert .ant-alert-message {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--color-text-700, #4d525c);
  margin-bottom: 4px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.payment-modal .payment-error .ant-alert .ant-alert-description {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--color-text-300, #9b9fa8);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.payment-modal .payment-loading {
  border: 1px dashed var(--color-text-200, #b6bac2);
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 48px 24px;
  display: flex;
}

.payment-modal .payment-loading .ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--color-text-300, #9b9fa8);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.payment-modal .payment-methods {
  margin-top: 8px;
}

.payment-modal .payment-methods h5.ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--gray-500, #717680);
  margin-bottom: 8px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.payment-modal .payment-methods .ant-list {
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  overflow: visible;
}

.payment-modal .payment-methods .ant-list .ant-list-item {
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 1px solid #e3e5e8;
  border-radius: 0;
  margin: 0;
  padding: 0;
  transition: all .2s;
}

.payment-modal .payment-methods .ant-list .ant-list-item:hover {
  background: #837bb20a;
}

.payment-modal .payment-methods .ant-list .ant-list-item.selected {
  border-bottom-color: var(--color-primary-600, #837bb2);
  background: #837bb20f;
}

.payment-modal .payment-methods .ant-list .ant-list-item.selected .payment-method-content {
  border-left: none;
}

.payment-modal .payment-methods .ant-list .ant-list-item.selected .selected-indicator {
  color: #fff;
  background: var(--color-primary-600, #837bb2);
}

.payment-modal .payment-methods .ant-list .ant-list-item:last-child {
  border-bottom: 1px solid #e3e5e8;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content {
  border-left: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 4px;
  transition: all .2s;
  display: flex;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info {
  align-items: center;
  gap: 12px;
  display: flex;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info .card-icon {
  background: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 24px;
  font-size: 24px;
  display: flex;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info .card-details .ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info .card-details .ant-typography:first-child {
  color: var(--color-text-700, #4d525c);
  font-size: 14px;
  font-weight: 500;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info .card-details .ant-typography-secondary {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--color-text-300, #9b9fa8);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info .card-details .hsa-badge {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  background: linear-gradient(135deg, var(--color-warning, #e89e64) 0%, var(--color-warning-300, #f2b78e) 100%);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px;
  border-radius: 4px;
  align-items: center;
  padding: 2px 8px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .selected-indicator {
  color: #fff;
  background: var(--color-primary-600, #837bb2);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 4px;
  display: flex;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .selected-indicator i {
  font-size: 13px;
  line-height: 1;
}

.payment-modal .payment-methods .payment-modal__add-card-link {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #7ca3cf;
  background: none;
  border: none;
  align-items: center;
  gap: 6px;
  height: auto;
  margin-top: 16px;
  padding: 8px 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.payment-modal .payment-methods .payment-modal__add-card-link:hover {
  color: #5789c1;
  background: none;
}

.payment-modal .payment-methods .payment-modal__add-card-link .ant-btn-icon {
  margin: 0;
}

.payment-modal .payment-methods .payment-modal__add-card-link .ant-btn-icon i {
  font-size: 12px;
}

.payment-modal .hsa-notice {
  margin-top: 16px;
}

.payment-modal .hsa-notice .ant-alert {
  border: 1px solid var(--color-success-200, #abefc6);
  background: var(--color-success-25, #f6fef9);
  border-radius: 8px;
  padding: 8px 12px;
}

.payment-modal .hsa-notice .ant-alert .ant-alert-icon {
  color: var(--color-success-600, #529a82);
  font-size: 14px;
}

.payment-modal .hsa-notice .ant-alert .ant-alert-message {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--color-text-700, #4d525c);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.payment-modal .hsa-notice .ant-alert .ant-alert-description {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--color-text-300, #9b9fa8);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.4;
}

.payment-modal .ant-modal-footer {
  background: none;
  border-top: 1px solid #0000000f;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 24px;
  display: flex;
}

.payment-modal .ant-modal-footer .ant-btn-default {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 20px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  color: #fff !important;
  border: none !important;
  border-radius: .6rem !important;
  outline: none !important;
}

.payment-modal .ant-modal-footer .ant-btn-default i {
  color: #fff;
}

.payment-modal .ant-modal-footer .ant-btn-default:not(:has(i)) {
  background: linear-gradient(#ce7e7e 0%, #ca7272 100%);
}

.payment-modal .ant-modal-footer .ant-btn-default.disabled, .payment-modal .ant-modal-footer .ant-btn-default[disabled], .payment-modal .ant-modal-footer .ant-btn-default:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.payment-modal .ant-modal-footer .ant-btn-default.disabled i, .payment-modal .ant-modal-footer .ant-btn-default[disabled] i, .payment-modal .ant-modal-footer .ant-btn-default:disabled i {
  color: var(--gray-400);
}

.payment-modal .ant-modal-footer .ant-btn-default:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.payment-modal .ant-modal-footer .ant-btn-default:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.payment-modal .ant-modal-footer .ant-btn-default:focus-visible {
  box-shadow: none;
}

.payment-modal .ant-modal-footer .ant-btn-default:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.payment-modal .ant-modal-footer .ant-btn-default > span {
  color: inherit !important;
}

.payment-modal .ant-modal-footer .ant-btn-default:hover:not(:disabled):not([disabled]):not(.disabled) {
  color: #fff !important;
  background: #c56565 !important;
  border: none !important;
}

.payment-modal .ant-modal-footer .ant-btn-default:hover:not(:disabled):not([disabled]):not(.disabled) > span {
  color: #fff !important;
}

.payment-modal .ant-modal-footer .ant-btn-default:focus, .payment-modal .ant-modal-footer .ant-btn-default:active {
  color: #fff !important;
  background: #c15a5a !important;
  border: none !important;
}

.payment-modal .ant-modal-footer .ant-btn-default[disabled] {
  opacity: .5;
  cursor: not-allowed;
  color: var(--gray-400) !important;
  box-shadow: none !important;
  background-color: #f5f5f5 !important;
}

.payment-modal .ant-modal-footer .ant-btn-primary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 20px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border: none !important;
  border-radius: .6rem !important;
  outline: none !important;
}

.payment-modal .ant-modal-footer .ant-btn-primary i {
  color: #fff;
}

.payment-modal .ant-modal-footer .ant-btn-primary:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.payment-modal .ant-modal-footer .ant-btn-primary.disabled, .payment-modal .ant-modal-footer .ant-btn-primary[disabled], .payment-modal .ant-modal-footer .ant-btn-primary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.payment-modal .ant-modal-footer .ant-btn-primary.disabled i, .payment-modal .ant-modal-footer .ant-btn-primary[disabled] i, .payment-modal .ant-modal-footer .ant-btn-primary:disabled i {
  color: var(--gray-400);
}

.payment-modal .ant-modal-footer .ant-btn-primary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.payment-modal .ant-modal-footer .ant-btn-primary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.payment-modal .ant-modal-footer .ant-btn-primary:focus-visible {
  box-shadow: none;
}

.payment-modal .ant-modal-footer .ant-btn-primary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.payment-modal .ant-modal-footer .ant-btn-primary > span {
  color: inherit;
}

.payment-modal .ant-modal-footer .ant-btn-primary img {
  filter: brightness(0) invert();
}

.payment-modal .ant-modal-footer .ant-btn-primary:hover:not(:disabled):not([disabled]) {
  color: #fff !important;
  background: #746ba9 !important;
  border: none !important;
}

.payment-modal .ant-modal-footer .ant-btn-primary:focus, .payment-modal .ant-modal-footer .ant-btn-primary:active {
  color: #fff !important;
  background: #6b61a3 !important;
  border: none !important;
}

.payment-modal .ant-modal-footer .ant-btn-primary[disabled] {
  opacity: .5;
  cursor: not-allowed;
  color: var(--gray-400) !important;
  box-shadow: none !important;
  background-color: #f5f5f5 !important;
}

.payment-modal .ant-modal-footer .ant-btn-primary[disabled] img {
  filter: grayscale() opacity(.5);
}

.payment-modal .ant-modal-footer .ant-btn-primary .ant-btn-loading-icon {
  color: inherit;
}

.patient_paycard .paycard-wrapper {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

.patient_paycard div.paycard {
  min-height: 36px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  transition: none !important;
  position: relative !important;
  overflow: visible !important;
}

.patient_paycard div.paycard:hover, .patient_paycard div.paycard:focus-within {
  box-shadow: none !important;
  border-bottom-color: #e3e5e8 !important;
}

.patient_paycard div.paycard .paycard-main {
  cursor: default !important;
  box-sizing: border-box !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 6px 16px 6px 0 !important;
  display: flex !important;
  position: relative !important;
}

.patient_paycard div.paycard .paycard-actions {
  z-index: auto !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  display: flex !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
}

.patient_paycard .paycard-label {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #4d525c !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: 1 !important;
  margin: 0 10px 0 0 !important;
  padding: 10px 12px 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  overflow: hidden !important;
}

.patient_paycard .paycard-label:empty:before {
  content: "No card on file" !important;
  color: #9b9fa8 !important;
  font-style: normal !important;
}

.patient_paycard .paycard-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.patient_paycard .paycard-btn i {
  color: #fff;
}

.patient_paycard .paycard-btn:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.patient_paycard .paycard-btn.disabled, .patient_paycard .paycard-btn[disabled], .patient_paycard .paycard-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.patient_paycard .paycard-btn.disabled i, .patient_paycard .paycard-btn[disabled] i, .patient_paycard .paycard-btn:disabled i {
  color: var(--gray-400);
}

.patient_paycard .paycard-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.patient_paycard .paycard-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.patient_paycard .paycard-btn:focus-visible {
  box-shadow: none;
}

.patient_paycard .paycard-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.patient_paycard .paycard-btn.paycard-heartland, .patient_paycard .paycard-btn.paycard-authnet, .patient_paycard .paycard-btn.paycard-btree, .patient_paycard .paycard-btn.paycard-stripe {
  color: #fff !important;
  background-color: #837bb2 !important;
}

.patient_paycard .paycard-btn.paycard-heartland:hover, .patient_paycard .paycard-btn.paycard-authnet:hover, .patient_paycard .paycard-btn.paycard-btree:hover, .patient_paycard .paycard-btn.paycard-stripe:hover {
  background-color: #6f67a0 !important;
}

.patient_paycard .paycard-btn.paycard-heartland:active, .patient_paycard .paycard-btn.paycard-authnet:active, .patient_paycard .paycard-btn.paycard-btree:active, .patient_paycard .paycard-btn.paycard-stripe:active {
  background-color: #5c5490 !important;
}

.patient_paycard .paycard-btn.paycard-btn-edit {
  color: #4d525c !important;
  background-color: #f5f5f5 !important;
  border: 1px solid #e3e5e8 !important;
}

.patient_paycard .paycard-btn.paycard-btn-edit:hover {
  color: #4d525c !important;
  background-color: #ebebeb !important;
  border-color: #d5d7da !important;
}

.patient_paycard .paycard-btn[data-action="remove"] {
  color: #fff !important;
  background-color: #cc7878 !important;
}

.patient_paycard .paycard-btn[data-action="remove"]:hover {
  background-color: #b86a6a !important;
}

.patient_paycard .paycard-details {
  background: none;
  border-top: none;
  border-radius: 0;
  margin-top: 8px;
  padding: 12px 0;
}

.patient_paycard .paycard-details.show {
  display: block;
}

.patient_paycard .paycard-details .card-details-content .detail-row {
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.patient_paycard .paycard-details .card-details-content .detail-row:last-child {
  margin-bottom: 0;
}

.patient_paycard .paycard-details .card-details-content .detail-label {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #5e636b;
  text-transform: uppercase;
  min-width: 80px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.patient_paycard .paycard-details .card-details-content .detail-value {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #4d525c;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.patient_paycard .paycard-details .card-details-content .detail-value.token-value {
  color: #9b9fa8;
  font-family: monospace;
  font-size: 12px;
}

.patient_paycard .paycard-details .error-message {
  color: #cc7878;
  margin: 0;
}

.patient_paycard div.paycard[data-has-card="true"] {
  background: none !important;
  border-bottom-color: #17b26a !important;
}

.patient_paycard div.paycard[data-has-card="true"] .paycard-label {
  color: #4d525c !important;
  font-weight: 500 !important;
}

.patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before {
  content: none !important;
}

.flyout-body .patient_paycard .paycard-wrapper, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-wrapper, .flyout-body .form-view .patient_paycard .paycard-wrapper, .form-view .patient_paycard .paycard-wrapper, body .patient_paycard .paycard-wrapper {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

.flyout-body .patient_paycard div.paycard, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard, .flyout-body .form-view .patient_paycard div.paycard, .form-view .patient_paycard div.paycard, body .patient_paycard div.paycard {
  min-height: 36px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  transition: none !important;
  position: relative !important;
  overflow: visible !important;
}

.flyout-body .patient_paycard div.paycard:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard:hover, .flyout-body .form-view .patient_paycard div.paycard:hover, .form-view .patient_paycard div.paycard:hover, body .patient_paycard div.paycard:hover, .flyout-body .patient_paycard div.paycard:focus-within, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard:focus-within, .flyout-body .form-view .patient_paycard div.paycard:focus-within, .form-view .patient_paycard div.paycard:focus-within, body .patient_paycard div.paycard:focus-within {
  box-shadow: none !important;
  border-bottom-color: #e3e5e8 !important;
}

.flyout-body .patient_paycard div.paycard .paycard-main, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard .paycard-main, .flyout-body .form-view .patient_paycard div.paycard .paycard-main, .form-view .patient_paycard div.paycard .paycard-main, body .patient_paycard div.paycard .paycard-main {
  cursor: default !important;
  box-sizing: border-box !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 6px 16px 6px 0 !important;
  display: flex !important;
  position: relative !important;
}

.flyout-body .patient_paycard div.paycard .paycard-actions, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard .paycard-actions, .flyout-body .form-view .patient_paycard div.paycard .paycard-actions, .form-view .patient_paycard div.paycard .paycard-actions, body .patient_paycard div.paycard .paycard-actions {
  z-index: auto !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  display: flex !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
}

.flyout-body .patient_paycard .paycard-label, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-label, .flyout-body .form-view .patient_paycard .paycard-label, .form-view .patient_paycard .paycard-label, body .patient_paycard .paycard-label {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #4d525c !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: 1 !important;
  margin: 0 10px 0 0 !important;
  padding: 10px 12px 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  overflow: hidden !important;
}

.flyout-body .patient_paycard .paycard-label:empty:before, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-label:empty:before, .flyout-body .form-view .patient_paycard .paycard-label:empty:before, .form-view .patient_paycard .paycard-label:empty:before, body .patient_paycard .paycard-label:empty:before {
  content: "No card on file" !important;
  color: #9b9fa8 !important;
  font-style: normal !important;
}

.flyout-body .patient_paycard .paycard-btn, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn, .flyout-body .form-view .patient_paycard .paycard-btn, .form-view .patient_paycard .paycard-btn, body .patient_paycard .paycard-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.flyout-body .patient_paycard .paycard-btn i, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn i, .flyout-body .form-view .patient_paycard .paycard-btn i, .form-view .patient_paycard .paycard-btn i, body .patient_paycard .paycard-btn i {
  color: #fff;
}

.flyout-body .patient_paycard .paycard-btn:not(:has(i)), .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:not(:has(i)), .flyout-body .form-view .patient_paycard .paycard-btn:not(:has(i)), .form-view .patient_paycard .paycard-btn:not(:has(i)), body .patient_paycard .paycard-btn:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.flyout-body .patient_paycard .paycard-btn.disabled, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.disabled, .flyout-body .form-view .patient_paycard .paycard-btn.disabled, .form-view .patient_paycard .paycard-btn.disabled, body .patient_paycard .paycard-btn.disabled, .flyout-body .patient_paycard .paycard-btn[disabled], .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[disabled], .flyout-body .form-view .patient_paycard .paycard-btn[disabled], .form-view .patient_paycard .paycard-btn[disabled], body .patient_paycard .paycard-btn[disabled], .flyout-body .patient_paycard .paycard-btn:disabled, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:disabled, .flyout-body .form-view .patient_paycard .paycard-btn:disabled, .form-view .patient_paycard .paycard-btn:disabled, body .patient_paycard .paycard-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.flyout-body .patient_paycard .paycard-btn.disabled i, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.disabled i, .flyout-body .form-view .patient_paycard .paycard-btn.disabled i, .form-view .patient_paycard .paycard-btn.disabled i, body .patient_paycard .paycard-btn.disabled i, .flyout-body .patient_paycard .paycard-btn[disabled] i, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[disabled] i, .flyout-body .form-view .patient_paycard .paycard-btn[disabled] i, .form-view .patient_paycard .paycard-btn[disabled] i, body .patient_paycard .paycard-btn[disabled] i, .flyout-body .patient_paycard .paycard-btn:disabled i, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:disabled i, .flyout-body .form-view .patient_paycard .paycard-btn:disabled i, .form-view .patient_paycard .paycard-btn:disabled i, body .patient_paycard .paycard-btn:disabled i {
  color: var(--gray-400);
}

.flyout-body .patient_paycard .paycard-btn:hover:not(:disabled):not([disabled]):not(.disabled), .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:hover:not(:disabled):not([disabled]):not(.disabled), .flyout-body .form-view .patient_paycard .paycard-btn:hover:not(:disabled):not([disabled]):not(.disabled), .form-view .patient_paycard .paycard-btn:hover:not(:disabled):not([disabled]):not(.disabled), body .patient_paycard .paycard-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.flyout-body .patient_paycard .paycard-btn:active, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:active, .flyout-body .form-view .patient_paycard .paycard-btn:active, .form-view .patient_paycard .paycard-btn:active, body .patient_paycard .paycard-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.flyout-body .patient_paycard .paycard-btn:focus-visible, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:focus-visible, .flyout-body .form-view .patient_paycard .paycard-btn:focus-visible, .form-view .patient_paycard .paycard-btn:focus-visible, body .patient_paycard .paycard-btn:focus-visible {
  box-shadow: none;
}

.flyout-body .patient_paycard .paycard-btn:focus:not(:disabled):not([disabled]):not(.disabled), .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:focus:not(:disabled):not([disabled]):not(.disabled), .flyout-body .form-view .patient_paycard .paycard-btn:focus:not(:disabled):not([disabled]):not(.disabled), .form-view .patient_paycard .paycard-btn:focus:not(:disabled):not([disabled]):not(.disabled), body .patient_paycard .paycard-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.flyout-body .patient_paycard .paycard-btn.paycard-heartland, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-heartland, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-heartland, .form-view .patient_paycard .paycard-btn.paycard-heartland, body .patient_paycard .paycard-btn.paycard-heartland, .flyout-body .patient_paycard .paycard-btn.paycard-authnet, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-authnet, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-authnet, .form-view .patient_paycard .paycard-btn.paycard-authnet, body .patient_paycard .paycard-btn.paycard-authnet, .flyout-body .patient_paycard .paycard-btn.paycard-btree, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-btree, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-btree, .form-view .patient_paycard .paycard-btn.paycard-btree, body .patient_paycard .paycard-btn.paycard-btree, .flyout-body .patient_paycard .paycard-btn.paycard-stripe, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-stripe, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-stripe, .form-view .patient_paycard .paycard-btn.paycard-stripe, body .patient_paycard .paycard-btn.paycard-stripe {
  color: #fff !important;
  background-color: #837bb2 !important;
}

.flyout-body .patient_paycard .paycard-btn.paycard-heartland:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-heartland:hover, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-heartland:hover, .form-view .patient_paycard .paycard-btn.paycard-heartland:hover, body .patient_paycard .paycard-btn.paycard-heartland:hover, .flyout-body .patient_paycard .paycard-btn.paycard-authnet:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-authnet:hover, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-authnet:hover, .form-view .patient_paycard .paycard-btn.paycard-authnet:hover, body .patient_paycard .paycard-btn.paycard-authnet:hover, .flyout-body .patient_paycard .paycard-btn.paycard-btree:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-btree:hover, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-btree:hover, .form-view .patient_paycard .paycard-btn.paycard-btree:hover, body .patient_paycard .paycard-btn.paycard-btree:hover, .flyout-body .patient_paycard .paycard-btn.paycard-stripe:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-stripe:hover, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-stripe:hover, .form-view .patient_paycard .paycard-btn.paycard-stripe:hover, body .patient_paycard .paycard-btn.paycard-stripe:hover {
  background-color: #6f67a0 !important;
}

.flyout-body .patient_paycard .paycard-btn.paycard-heartland:active, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-heartland:active, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-heartland:active, .form-view .patient_paycard .paycard-btn.paycard-heartland:active, body .patient_paycard .paycard-btn.paycard-heartland:active, .flyout-body .patient_paycard .paycard-btn.paycard-authnet:active, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-authnet:active, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-authnet:active, .form-view .patient_paycard .paycard-btn.paycard-authnet:active, body .patient_paycard .paycard-btn.paycard-authnet:active, .flyout-body .patient_paycard .paycard-btn.paycard-btree:active, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-btree:active, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-btree:active, .form-view .patient_paycard .paycard-btn.paycard-btree:active, body .patient_paycard .paycard-btn.paycard-btree:active, .flyout-body .patient_paycard .paycard-btn.paycard-stripe:active, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-stripe:active, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-stripe:active, .form-view .patient_paycard .paycard-btn.paycard-stripe:active, body .patient_paycard .paycard-btn.paycard-stripe:active {
  background-color: #5c5490 !important;
}

.flyout-body .patient_paycard .paycard-btn.paycard-btn-edit, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-btn-edit, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-btn-edit, .form-view .patient_paycard .paycard-btn.paycard-btn-edit, body .patient_paycard .paycard-btn.paycard-btn-edit {
  color: #4d525c !important;
  background-color: #f5f5f5 !important;
  border: 1px solid #e3e5e8 !important;
}

.flyout-body .patient_paycard .paycard-btn.paycard-btn-edit:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-btn-edit:hover, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-btn-edit:hover, .form-view .patient_paycard .paycard-btn.paycard-btn-edit:hover, body .patient_paycard .paycard-btn.paycard-btn-edit:hover {
  color: #4d525c !important;
  background-color: #ebebeb !important;
  border-color: #d5d7da !important;
}

.flyout-body .patient_paycard .paycard-btn[data-action="remove"], .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[data-action="remove"], .flyout-body .form-view .patient_paycard .paycard-btn[data-action="remove"], .form-view .patient_paycard .paycard-btn[data-action="remove"], body .patient_paycard .paycard-btn[data-action="remove"] {
  color: #fff !important;
  background-color: #cc7878 !important;
}

.flyout-body .patient_paycard .paycard-btn[data-action="remove"]:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[data-action="remove"]:hover, .flyout-body .form-view .patient_paycard .paycard-btn[data-action="remove"]:hover, .form-view .patient_paycard .paycard-btn[data-action="remove"]:hover, body .patient_paycard .paycard-btn[data-action="remove"]:hover {
  background-color: #b86a6a !important;
}

.flyout-body .patient_paycard .paycard-details, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details, .flyout-body .form-view .patient_paycard .paycard-details, .form-view .patient_paycard .paycard-details, body .patient_paycard .paycard-details {
  background: none;
  border-top: none;
  border-radius: 0;
  margin-top: 8px;
  padding: 12px 0;
}

.flyout-body .patient_paycard .paycard-details.show, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details.show, .flyout-body .form-view .patient_paycard .paycard-details.show, .form-view .patient_paycard .paycard-details.show, body .patient_paycard .paycard-details.show {
  display: block;
}

.flyout-body .patient_paycard .paycard-details .card-details-content .detail-row, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details .card-details-content .detail-row, .flyout-body .form-view .patient_paycard .paycard-details .card-details-content .detail-row, .form-view .patient_paycard .paycard-details .card-details-content .detail-row, body .patient_paycard .paycard-details .card-details-content .detail-row {
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.flyout-body .patient_paycard .paycard-details .card-details-content .detail-row:last-child, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details .card-details-content .detail-row:last-child, .flyout-body .form-view .patient_paycard .paycard-details .card-details-content .detail-row:last-child, .form-view .patient_paycard .paycard-details .card-details-content .detail-row:last-child, body .patient_paycard .paycard-details .card-details-content .detail-row:last-child {
  margin-bottom: 0;
}

.flyout-body .patient_paycard .paycard-details .card-details-content .detail-label, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details .card-details-content .detail-label, .flyout-body .form-view .patient_paycard .paycard-details .card-details-content .detail-label, .form-view .patient_paycard .paycard-details .card-details-content .detail-label, body .patient_paycard .paycard-details .card-details-content .detail-label {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #5e636b;
  text-transform: uppercase;
  min-width: 80px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.flyout-body .patient_paycard .paycard-details .card-details-content .detail-value, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details .card-details-content .detail-value, .flyout-body .form-view .patient_paycard .paycard-details .card-details-content .detail-value, .form-view .patient_paycard .paycard-details .card-details-content .detail-value, body .patient_paycard .paycard-details .card-details-content .detail-value {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #4d525c;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.flyout-body .patient_paycard .paycard-details .card-details-content .detail-value.token-value, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details .card-details-content .detail-value.token-value, .flyout-body .form-view .patient_paycard .paycard-details .card-details-content .detail-value.token-value, .form-view .patient_paycard .paycard-details .card-details-content .detail-value.token-value, body .patient_paycard .paycard-details .card-details-content .detail-value.token-value {
  color: #9b9fa8;
  font-family: monospace;
  font-size: 12px;
}

.flyout-body .patient_paycard .paycard-details .error-message, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details .error-message, .flyout-body .form-view .patient_paycard .paycard-details .error-message, .form-view .patient_paycard .paycard-details .error-message, body .patient_paycard .paycard-details .error-message {
  color: #cc7878;
  margin: 0;
}

.flyout-body .patient_paycard div.paycard[data-has-card="true"], .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard[data-has-card="true"], .flyout-body .form-view .patient_paycard div.paycard[data-has-card="true"], .form-view .patient_paycard div.paycard[data-has-card="true"], body .patient_paycard div.paycard[data-has-card="true"] {
  background: none !important;
  border-bottom-color: #17b26a !important;
}

.flyout-body .patient_paycard div.paycard[data-has-card="true"] .paycard-label, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard[data-has-card="true"] .paycard-label, .flyout-body .form-view .patient_paycard div.paycard[data-has-card="true"] .paycard-label, .form-view .patient_paycard div.paycard[data-has-card="true"] .paycard-label, body .patient_paycard div.paycard[data-has-card="true"] .paycard-label {
  color: #4d525c !important;
  font-weight: 500 !important;
}

.flyout-body .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before, .flyout-body .form-view .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before, .form-view .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before, body .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before {
  content: none !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-wrapper, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-wrapper {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard {
  min-height: 36px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  transition: none !important;
  position: relative !important;
  overflow: visible !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard:hover, .flyout-body .form-view .control-group .patient_paycard div.paycard:focus-within, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard:focus-within {
  box-shadow: none !important;
  border-bottom-color: #e3e5e8 !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard .paycard-main, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard .paycard-main {
  cursor: default !important;
  box-sizing: border-box !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 6px 16px 6px 0 !important;
  display: flex !important;
  position: relative !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard .paycard-actions, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard .paycard-actions {
  z-index: auto !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  display: flex !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-label, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-label {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #4d525c !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: 1 !important;
  margin: 0 10px 0 0 !important;
  padding: 10px 12px 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  overflow: hidden !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-label:empty:before, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-label:empty:before {
  content: "No card on file" !important;
  color: #9b9fa8 !important;
  font-style: normal !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn i, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn i {
  color: #fff;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn:not(:has(i)), .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.disabled, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.disabled, .flyout-body .form-view .control-group .patient_paycard .paycard-btn[disabled], .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[disabled], .flyout-body .form-view .control-group .patient_paycard .paycard-btn:disabled, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.disabled i, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.disabled i, .flyout-body .form-view .control-group .patient_paycard .paycard-btn[disabled] i, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[disabled] i, .flyout-body .form-view .control-group .patient_paycard .paycard-btn:disabled i, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:disabled i {
  color: var(--gray-400);
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn:hover:not(:disabled):not([disabled]):not(.disabled), .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn:active, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn:focus-visible, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:focus-visible {
  box-shadow: none;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn:focus:not(:disabled):not([disabled]):not(.disabled), .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-heartland, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-heartland, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-authnet, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-authnet, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-btree, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-btree, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-stripe, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-stripe {
  color: #fff !important;
  background-color: #837bb2 !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-heartland:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-heartland:hover, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-authnet:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-authnet:hover, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-btree:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-btree:hover, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-stripe:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-stripe:hover {
  background-color: #6f67a0 !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-heartland:active, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-heartland:active, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-authnet:active, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-authnet:active, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-btree:active, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-btree:active, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-stripe:active, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-stripe:active {
  background-color: #5c5490 !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-btn-edit, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-btn-edit {
  color: #4d525c !important;
  background-color: #f5f5f5 !important;
  border: 1px solid #e3e5e8 !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-btn-edit:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-btn-edit:hover {
  color: #4d525c !important;
  background-color: #ebebeb !important;
  border-color: #d5d7da !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn[data-action="remove"], .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[data-action="remove"] {
  color: #fff !important;
  background-color: #cc7878 !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn[data-action="remove"]:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[data-action="remove"]:hover {
  background-color: #b86a6a !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details {
  background: none;
  border-top: none;
  border-radius: 0;
  margin-top: 8px;
  padding: 12px 0;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details.show, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details.show {
  display: block;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details .card-details-content .detail-row, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details .card-details-content .detail-row {
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details .card-details-content .detail-row:last-child, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details .card-details-content .detail-row:last-child {
  margin-bottom: 0;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details .card-details-content .detail-label, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details .card-details-content .detail-label {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #5e636b;
  text-transform: uppercase;
  min-width: 80px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details .card-details-content .detail-value, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details .card-details-content .detail-value {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #4d525c;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details .card-details-content .detail-value.token-value, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details .card-details-content .detail-value.token-value {
  color: #9b9fa8;
  font-family: monospace;
  font-size: 12px;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details .error-message, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details .error-message {
  color: #cc7878;
  margin: 0;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard[data-has-card="true"], .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard[data-has-card="true"] {
  background: none !important;
  border-bottom-color: #17b26a !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard[data-has-card="true"] .paycard-label, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard[data-has-card="true"] .paycard-label {
  color: #4d525c !important;
  font-weight: 500 !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard[data-has-card="true"] .paycard-label:empty:before {
  content: none !important;
}

.flyout-body .form-view .form-horizontal:has(.paycard-wrapper), .form-view .form-horizontal:has(.paycard-wrapper), .patient_paycard .form-horizontal:has(.paycard-wrapper), .form-horizontal:has(.paycard-wrapper) {
  background: none !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) {
  width: 450px !important;
  max-width: 90vw !important;
  height: auto !important;
  min-height: unset !important;
  max-height: 90vh !important;
  padding: 24px !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .form-flyout-header-bar {
  border-bottom: none !important;
  min-height: auto !important;
  max-height: none !important;
  margin-bottom: 0 !important;
  padding: 0 0 16px !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .form-flyout-header-bar > span:first-child {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase !important;
  color: var(--gray-700, #5e636b) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .form-flyout-header-bar .close-flyout {
  color: #717680 !important;
  cursor: pointer !important;
  background: none !important;
  border-radius: 6px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 28px !important;
  height: 28px !important;
  transition: background-color .2s !important;
  display: flex !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .form-flyout-header-bar .close-flyout:hover {
  background-color: #0000000d !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .form-flyout-header-bar .close-flyout i {
  font-size: 14px !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .layout-form-content {
  flex: none !important;
  height: auto !important;
  padding: 0 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .layout-form-content .form-container {
  height: auto !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .layout-form-content .form-container .dsl-templ-area {
  padding: 0 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .layout-form-content .wizard-bottom-bar {
  display: none !important;
}

#heartland_form_container .sandbox-warning {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #fff !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background-color: #d9945d !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  padding: 10px 16px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

#heartland_form_container .alert-info {
  background: var(--color-primary-50, #f6f5f9) !important;
  border: 1px solid var(--color-primary-200, #d4d1e8) !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  padding: 12px 16px !important;
}

#heartland_form_container .alert-info i {
  color: #837bb2 !important;
  margin-right: 8px !important;
}

#heartland_form_container .alert-info strong {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #4d525c !important;
}

#heartland_form_container .alert-info small {
  color: #9b9fa8 !important;
}

#heartland_form_container .security-notice {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #9b9fa8 !important;
  text-align: center !important;
  order: 999 !important;
  margin: 0 !important;
  padding: 14px 0 0 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

#heartland_form_container #heartland-capture-form {
  flex-direction: column !important;
  display: flex !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-number, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-expiration, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-cvv {
  visibility: visible !important;
  width: 100% !important;
  margin-bottom: 16px !important;
  display: block !important;
  position: relative !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-number label, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-expiration label, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-cvv label {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase !important;
  color: var(--gray-600, #6b7280) !important;
  margin-bottom: 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  display: block !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-number > div, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-expiration > div, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-cvv > div {
  visibility: visible !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-bottom: 1px solid #e3e5e8 !important;
  border-radius: 0 !important;
  width: 100% !important;
  transition: border-color .2s !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-number > div:hover, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-expiration > div:hover, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-cvv > div:hover, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-number > div:focus-within, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-expiration > div:focus-within, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-cvv > div:focus-within {
  border-bottom-color: #e3e5e8 !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-number iframe, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-expiration iframe, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-cvv iframe {
  visibility: visible !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  display: block !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-number iframe:focus, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-expiration iframe:focus, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-cvv iframe:focus, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-number iframe:focus-visible, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-expiration iframe:focus-visible, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-cvv iframe:focus-visible, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-number iframe:active, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-expiration iframe:active, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-cvv iframe:active {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-number > div {
  padding-right: 0 !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-cvv {
  margin-bottom: 0 !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-shield, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-card-holder-name {
  display: none !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-logo {
  margin-top: 16px !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-submit {
  border-top: none !important;
  width: 100% !important;
  margin-top: 16px !important;
  padding-top: 0 !important;
  display: block !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-submit .credit-card-submit-target {
  width: 100% !important;
  display: block !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .credit-card-submit .credit-card-submit-target iframe {
  border: none !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  display: block !important;
}

#heartland_form_container #heartland-capture-form .form-check {
  background: var(--color-background-200, #fafaf9) !important;
  border: 1px solid #e3e5e8 !important;
  border-radius: 8px !important;
  order: 1 !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 16px 0 !important;
  padding: 12px 16px !important;
  display: flex !important;
}

#heartland_form_container #heartland-capture-form .form-check .form-check-input {
  cursor: pointer !important;
  accent-color: #837bb2 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

#heartland_form_container #heartland-capture-form .form-check .form-check-input:checked {
  background-color: #837bb2 !important;
  border-color: #837bb2 !important;
}

#heartland_form_container #heartland-capture-form .form-check .form-check-label {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #4d525c !important;
  cursor: pointer !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

@media (width <= 768px) {
  .payment-modal .ant-modal {
    max-width: 500px;
    margin: 20px auto;
    width: 95% !important;
  }

  .payment-modal .ant-modal-body {
    padding: 16px;
  }

  .payment-modal .payment-modal__content {
    gap: 16px;
  }

  .payment-modal .payment-method-content {
    padding: 12px 16px !important;
  }

  .payment-modal .payment-method-content .card-info {
    gap: 12px;
  }

  .payment-modal .payment-method-content .card-info .card-icon {
    width: 36px;
    height: 36px;
    font-size: 24px;
  }

  .payment-modal .ant-modal-footer {
    flex-direction: column-reverse;
    gap: 8px;
    padding: 12px 16px;
  }

  .payment-modal .ant-modal-footer .ant-btn {
    justify-content: center;
    width: 100%;
  }
}

.ant-select-dropdown {
  background: #fffffffa !important;
  border: 1px solid #00000014 !important;
  border-radius: 10px !important;
  padding: 4px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 40px #0000002e !important;
}

.ant-select-dropdown .ant-select-item {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #4d525c;
  border-radius: 6px;
  padding: 8px 10px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  transition: background .15s;
}

.ant-select-dropdown .ant-select-item.ant-select-item-option-active, .ant-select-dropdown .ant-select-item:hover {
  background: #5f7dc81a !important;
}

.ant-select-dropdown .ant-select-item.ant-select-item-option-selected {
  font-weight: 500;
  background: #5f7dc82e !important;
}

.snap {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.snap .no-order {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.snap .no-order > h1 {
  color: #989898;
  font-family: Soehne, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.snap .no-order > img {
  width: 50px;
  height: 50px;
}

.snap .no-order .patient-drawer-chevron {
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  rotate: 270deg;
}

.snap .snap-view {
  flex: 1;
  gap: 8px;
  display: flex;
}

.snap .snap-view .snap-view-area {
  background-color: #0000;
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: scroll;
}

.snap .snap-view .snap-view-area .snap-tab-content {
  background-color: #0000;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  min-height: 300px;
  display: flex;
  box-shadow: 0 1px 4px #18100a14;
}

.snap .snap-view .snap-view-area .snap-tab-content .dsl-container {
  gap: 0;
  padding: 0;
}

.snap .snap-view .snap-view-area .snap-tab-content .dsl-list-bottom {
  padding: 5px;
}

.snap .snap-view .snap-view-area .snap-tab-content .dsl-snap-list {
  min-height: 50%;
  padding: 0 20px 20px;
  overflow: auto;
}

.snap .snap-view .snap-view-area .snap-tab-content .dsl-snap-list .dsl-list-tab-container {
  backdrop-filter: blur(12px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #d4d4d470;
  border: 1px solid #fff6;
  border-radius: 12px;
  padding: 10px 0 0;
}

.snap .snap-view .snap-view-area .snap-tab-content .dsl-snap-list .dsl-list-tab-container:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.snap .snap-view .snap-view-area .snap-tab-content .dsl-snap-list .dsl-list-tab-container .dsl-list-top {
  padding-bottom: 0;
}

.snap .snap-view .snap-view-area .snap-tab-content .dsl-snap-list .dt-buttons {
  display: none;
}

.snap .snap-view .snap-view-area .snap-tab-content.ovr {
  background-color: #0000;
}

.snap .snap-view .snap-view-area .snap-tab-content.ovr .dsl-container {
  gap: 10px;
  padding: 0;
}

@media screen and (width <= 1200px) {
  .snap .no-order .patient-drawer-chevron {
    display: block;
  }
}

@media (width <= 768px) {
  .snap-main-tab-list {
    padding-right: 0% !important;
  }
}

.tab-list-default {
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-start;
  display: flex;
}

.tab-list-default .dynamic-tab-list {
  background: #ffffff54;
  border-radius: 8px;
  flex-direction: row;
  gap: 16px;
  height: 46px;
  padding: 0 4px;
  display: flex;
  overflow: auto clip;
}

.tab-list-default .dynamic-tab-list::-webkit-scrollbar {
  height: 0;
}

.tab-list-default .dynamic-tab-list:hover::-webkit-scrollbar {
  height: 2.5px;
}

.tab-list-default .dynamic-tab-list::-webkit-scrollbar-thumb {
  background-color: #00000080;
}

.tab-list-default .dynamic-tab-list::-webkit-scrollbar-track {
  background-color: #0003;
}

.tab-list-default.tab-add {
  cursor: pointer;
}

.tab-list-default .tab-list-button {
  cursor: pointer;
  color: var(--gray-700);
  gap: var(--tab-list-button-common-gap);
  border-radius: 12px;
  padding: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  min-width: max-content !important;
}

.tab-list-default .tab-list-button:hover {
  transform: scale(1);
}

.tab-list-default .tab-list-button .tab-close-btn {
  cursor: pointer;
  display: flex;
}

.tab-list-default .tab-list-button .tab-close-btn s img {
  width: 10px;
  height: 10px;
}

.tab-list-default .tab-list-button .tab-counter .count {
  color: #fff;
  background-color: #888;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  padding: 2px 6px;
  font-family: Soehne, sans-serif;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  overflow-y: visible;
}

.tab-list-default .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
  color: #fff;
  border-radius: 5px;
  gap: 8px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.tab-list-default .tab-list-button.tab-active .tab-counter .count {
  color: #fff;
  background-color: #9974ce;
}

.tab-list-default .tab-list-button.tab-active:hover {
  cursor: default;
  transform: scale(1);
}

.tab-list-default .tab-list-button.tab-active .tab-label {
  font-size: 14px;
}

.tab-list-default .tab-list-button.tab-active .tab-label:hover {
  cursor: default;
}

.tab-list-default .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  max-width: 24ch;
  overflow: hidden;
}

.tab-list-default .tab-list-button .tab-label .tab-count {
  margin-left: 6px;
  display: inline-block;
}

.tab-list-default .tab-list-button .tab-avatar {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.tab-list-default .tab-list-button .tab-avatar img {
  width: 22px;
  height: 22px;
}

.tab-list-default .tab-list-button.tab-active, .tab-list-default .tab-list-button.tab-active:after {
  cursor: pointer;
}

.tab-list-default .tab-list-button-add .tab-label-add {
  color: #50749c;
}

.tab-list-default .tab-list-button-add .tab-label-add .tab-label-add-container .add-container {
  margin-right: 4px;
  font-size: 14px;
  font-weight: 500;
}

.tab-list-default .tab-list-button-add .tab-label-add .tab-label-add-container .tab-label-add-text {
  font-family: Soehne, sans-serif;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.tab-list {
  background-color: #0000;
  flex-grow: 0;
  flex-shrink: 0;
  height: 34px;
  margin-bottom: 0;
}

.tab-list.tab-add {
  color: #fff;
  background: none;
}

.tab-list.tab-add:after {
  color: #fff;
  background: none !important;
}

.tab-list .tab-list-button {
  font-size: var(--font-size-13);
  line-height: var(--line-height-16);
  padding: var(--l3-tab-list-button-p);
  background-color: #9974ce14;
  border: 1px solid #dbdbdd;
  align-items: center;
  padding: 8px 12px;
}

.tab-list .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
}

.tab-list > .tab-list-button.tab-list-button-add {
  background-color: #0000;
  border: 0;
}

.tab-list > .tab-list-button .tab-label-add {
  border: 0;
  font-size: 25px;
}

.tab-list-sub {
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-start;
  display: flex;
}

.tab-list-sub[parent_tabgroupid][tabcontroller] {
  border-left: 1px solid #dbdbdd;
  margin-top: 0 !important;
}

.tab-list-sub .dynamic-tab-list {
  background: #ffffff54;
  border-radius: 8px;
  flex-direction: row;
  gap: 16px;
  height: 46px;
  padding: 0 4px;
  display: flex;
  overflow: auto clip;
}

.tab-list-sub .dynamic-tab-list::-webkit-scrollbar {
  height: 0;
}

.tab-list-sub .dynamic-tab-list:hover::-webkit-scrollbar {
  height: 2.5px;
}

.tab-list-sub .dynamic-tab-list::-webkit-scrollbar-thumb {
  background-color: #00000080;
}

.tab-list-sub .dynamic-tab-list::-webkit-scrollbar-track {
  background-color: #0003;
}

.tab-list-sub.tab-add {
  cursor: pointer;
}

.tab-list-sub .tab-list-button {
  cursor: pointer;
  color: var(--gray-700);
  gap: var(--tab-list-button-common-gap);
  border-radius: 12px;
  padding: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  min-width: max-content !important;
}

.tab-list-sub .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  max-width: 24ch;
  overflow: hidden;
}

.tab-list-sub .tab-list-button .tab-label .tab-count {
  margin-left: 6px;
  display: inline-block;
}

.tab-list-sub .tab-list-button .tab-avatar {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.tab-list-sub .tab-list-button .tab-avatar img {
  width: 22px;
  height: 22px;
}

.tab-list-sub .tab-list-button.tab-active, .tab-list-sub .tab-list-button.tab-active:after {
  cursor: pointer;
}

.tab-list-sub .tab-list-button-add .tab-label-add {
  color: #50749c;
}

.tab-list-sub .tab-list-button-add .tab-label-add .tab-label-add-container .add-container {
  margin-right: 4px;
  font-size: 14px;
  font-weight: 500;
}

.tab-list-sub .tab-list-button-add .tab-label-add .tab-label-add-container .tab-label-add-text {
  font-family: Soehne, sans-serif;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.tab-list-sub .tab-list-button {
  color: var(--gray-700);
  gap: var(--tab-list-button-common-gap);
  cursor: pointer;
  border-radius: 12px;
  padding: 5px 16px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  min-width: max-content !important;
}

.tab-list-sub .tab-list-button:hover {
  transform: scale(1);
}

.tab-list-sub .tab-list-button .tab-close-btn {
  cursor: pointer;
  display: flex;
}

.tab-list-sub .tab-list-button .tab-close-btn s img {
  width: 10px;
  height: 10px;
}

.tab-list-sub .tab-list-button .tab-counter .count {
  color: #fff;
  background-color: #888;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  padding: 2px 6px;
  font-family: Soehne, sans-serif;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  overflow-y: visible;
}

.tab-list-sub .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
  color: #fff;
  border-radius: 5px;
  gap: 8px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.tab-list-sub .tab-list-button.tab-active .tab-counter .count {
  color: #fff;
  background-color: #9974ce;
}

.tab-list-sub .tab-list-button.tab-active:hover {
  cursor: default;
  transform: scale(1);
}

.tab-list-sub .tab-list-button.tab-active .tab-label {
  font-size: 14px;
}

.tab-list-sub .tab-list-button.tab-active .tab-label:hover {
  cursor: default;
}

.tab-list-sub .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  max-width: 24ch;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  overflow: hidden;
}

.tab-list-sub .tab-list-button.tab-active .tab-label {
  border-bottom: 2px solid #9974ce;
  border-radius: 2px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

[data-dsl-form="view_report_query"] .subfield-sql > textarea {
  height: 250px;
}

[data-dsl-form="view_report_query"] .subfield-code > input {
  min-width: 200px;
}

.dsl-card-section-popup [data-dsl-form="careplan_order"] #denny_btn {
  display: none;
}

[data-dsl-form="careplan_order"] #denny_btn {
  gap: 10px;
  display: flex;
}

[data-dsl-form="careplan_order"] #denny_btn label {
  margin: 0;
  font-size: 14px;
}

[data-dsl-form="careplan_order"] #denny_btn input {
  margin: 0;
}

#flyout .form[form="ncpdp"] {
  border-radius: 20px;
}

[data-dsl-form="billing_posting"] div.container.fieldgroup[section="filters"] {
  background-color: #fff;
  border-radius: 6px;
  margin-left: 25px;
  margin-right: 25px;
  padding: 20px 20px 5px;
  box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
}

[data-dsl-form="billing_posting"] div.container.fieldgroup[section="filters"] .billing_posting_clear_filters .control-label {
  color: var(--color-text) !important;
}

[data-dsl-form="billing_posting"] div.container.fieldgroup[section="filters"] > div {
  width: 23% !important;
}

[data-dsl-form="billing_posting"] div.container.fieldgroup[section="filters"] > div:last-child {
  width: 5% !important;
  min-width: 5% !important;
}

.form[form="document"] {
  justify-content: center;
}

.form[form="document"] .card-with-preview {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.form[form="document"] .card-with-preview .form-container-flyout, .form[form="document"] .card-with-preview .form-segment-container-flyout {
  width: 100% !important;
  height: 100% !important;
}

.form[form="document"] .card-with-preview .form-container {
  flex: 1;
}

.form[form="document"] .card-with-preview .form-container .form-group.document.document_file_path .generic-card-container.field-field-media-viewer {
  display: none !important;
}

.form[form="document"] .card-with-preview .form-container-flyout {
  height: 100vh !important;
}

.form-container-flyout .layout-form-content .form-container .generic-card-container.field-field-media-viewer > .body > iframe.pdf-iframe {
  width: 100%;
  min-height: 300px;
  height: calc(100vh - var(--flyout-top-tmpp, 200px) - 180px) !important;
}

.form[form="interactions_check"] .cardarea .area_header > h3:first-child {
  display: none;
}

.form[form="inv_tpn_solubility_curve"] {
  justify-content: center;
}

.form[form="inv_tpn_solubility_curve"] .cardarea.inv_tpn_solubility_curve > div.scrolltarget {
  float: left;
  margin: 0;
  flex: none !important;
  width: 50% !important;
  min-width: 50% !important;
  max-width: 50% !important;
}

.cardarea.master_recipe div.scrolltarget[section="tpn label"], .cardarea.master_recipe div.scrolltarget[section="iv label"] {
  float: left;
  box-sizing: border-box;
  width: 600px;
  margin: 0;
  min-width: 600px !important;
  max-width: 600px !important;
}

.cardarea.master_recipe div.scrolltarget[section="description"] {
  box-sizing: border-box;
  min-height: 750px;
  margin: 0;
  overflow: hidden;
  width: auto !important;
  min-width: 750px !important;
}

.cardarea.master_recipe div.scrolltarget[section="description"] + .scrolltarget {
  clear: both;
}

[data-dsl-form="careplan_order_rx"] #generate-compounding-instructions-btn {
  backdrop-filter: blur(2px) saturate(80%);
  background: #d4d4d438;
  border: 1px solid #94909066;
  border-radius: 6px;
  outline: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 6px;
  margin-right: 6px;
  padding: 5px;
  display: flex;
  position: absolute;
  right: 0;
  box-shadow: 0 4px 30px #0000001a;
  cursor: pointer !important;
  color: #837bb2 !important;
}

[data-dsl-form="careplan_order_rx"] #generate-compounding-instructions-btn i {
  cursor: pointer;
  font-size: 12px;
}

[data-dsl-form="careplan_order_rx"] #generate-compounding-instructions-btn:hover {
  cursor: pointer;
}

[data-dsl-form="careplan_order_rx"] #generate-compounding-instructions-btn:hover i {
  font-weight: bolder !important;
}

[data-dsl-form="careplan_order_rx"] .form_careplan_order_lbl_tpn.fieldgroup.area_header:has(.careplan_order_lbl_tpn_ingredients) {
  margin-left: 24px !important;
  padding-right: 24px !important;
}

:root {
  --font-size-xxsmall: 12px;
  --font-size-xsmall: 14px;
  --font-size-small: 14px;
  --font-size-standard: 16px;
  --font-size-large: 24px;
  --font-size-xlarge: 30px;
  --font-size-xxlarge: 36px;
  --font-size-xxxlarge: 42px;
  --font-size-xxxxlarge: 48px;
  --font-size-xxxxxlarge: 54px;
  --font-size-xxxxxxlarge: 60px;
  --font-size-xxxxxxxlarge: 66px;
  --font-size-xxxxxxxxlarge: 72px;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 600;
  --font-weight-bolder: 700;
  --line-height-xxsmall: 12px;
  --line-height-xsmall: 14px;
  --line-height-small: 16px;
  --line-height-standard: 18px;
  --line-height-medium: 20px;
  --line-height-large: 22px;
  --line-height-xlarge: 24px;
  --line-height-xxlarge: 26px;
  --line-height-xxxlarge: 28px;
  --line-height-xxxxlarge: 30px;
  --line-height-xxxxxlarge: 32px;
  --line-height-xxxxxxlarge: 34px;
  --line-height-xxxxxxxlarge: 36px;
  --line-height-xxxxxxxxlarge: 38px;
  --line-height-xxxxxxxxxlarge: 40px;
  --line-height-xsmall-small: 15px;
}

.window-container .dsl-tab-header.level_1 .tab-label {
  color: #535862;
}

.level-1-tab-list {
  --strip-bg: #f1f1f1;
  --active-bg: #fff;
  --tab-h: 38px;
  --tab-pad-x: 18px;
  --radius: 10px;
  --shoulder: 18px;
  --divider-gap: 18px;
  --divider-color: #00000038;
  --baseline: #0000001a;
  background: var(--strip-bg);
  align-items: flex-end;
  gap: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
  overflow: visible;
  width: 100% !important;
}

.level-1-tab-list:after {
  content: "";
  background: var(--baseline);
  pointer-events: none;
  z-index: 1;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.level-1-tab-list .dsl-tab-header:before, .level-1-tab-list .dsl-tab-header:after, .level-1-tab-list .dsl-tab-header.level_1:before, .level-1-tab-list .dsl-tab-header.level_1:after {
  content: none !important;
  display: none !important;
}

.level-1-tab-list .tab-list-button {
  height: var(--tab-h);
  padding: 0 var(--tab-pad-x);
  margin: 0 calc(var(--divider-gap) / 2);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: #707580;
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  mask: none !important;
}

.level-1-tab-list .tab-list-button .tab-label {
  white-space: nowrap;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.level-1-tab-list .tab-list-button:not(:first-child):not(.tab-active):not(.tab-active + *):not(.tab-active + .hide + *):not(.tab-active + .hide + .hide + *):not(.hide):before {
  content: "|";
  left: calc(-1 * var(--divider-gap) / 2);
  color: var(--divider-color);
  pointer-events: none;
  z-index: 3;
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -52%);
}

.level-1-tab-list .tab-list-button:not(.tab-active):hover {
  color: #5f6672;
}

.level-1-tab-list .tab-list-button.tab-active {
  z-index: 4;
  color: var(--color-tertiary, #2a2a2a);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  padding-left: calc(var(--tab-pad-x) + 6px);
  padding-right: calc(var(--tab-pad-x) + 6px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: -1px;
  background: var(--active-bg) !important;
  box-shadow: none !important;
}

.level-1-tab-list .tab-list-button.tab-active ~ .tab-list-button:not(.hide):before {
  display: none !important;
}

.level-1-tab-list .tab-list-button.tab-active ~ .tab-list-button:not(.hide) ~ .tab-list-button:not(.hide):before {
  display: block !important;
}

.level-1-tab-list .tab-list-button.tab-active:before, .level-1-tab-list .tab-list-button.tab-active:after {
  content: "";
  pointer-events: none;
  z-index: 2;
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: 0;
}

.level-1-tab-list .tab-list-button.tab-active .tab-label {
  z-index: 5;
  position: relative;
}

.level-1-tab-list .tab-list-button.tab-active:before {
  background: radial-gradient(circle at 0 0, #0000 14px, #fff 14px);
  left: -14px;
}

.level-1-tab-list .tab-list-button.tab-active:after {
  background: radial-gradient(circle at 100% 0, #0000 14px, #fff 14px);
  right: -14px;
}

.level-1-tab-list .tab-list-button input[type="checkbox"] {
  appearance: none;
  border: 1px solid var(--gray-300, #d5d7da);
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  transition: all .15s;
  position: relative;
  margin: 0 6px 0 0 !important;
}

.level-1-tab-list .tab-list-button input[type="checkbox"]:hover {
  border-color: #837bb2;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb2;
}

.level-1-tab-list .tab-list-button input[type="checkbox"]:focus, .level-1-tab-list .tab-list-button input[type="checkbox"]:focus-visible {
  border-color: #837bb2;
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb2;
}

.level-1-tab-list .tab-list-button input[type="checkbox"]:checked {
  background-color: #837bb2;
  border-color: #837bb2;
}

.level-1-tab-list .tab-list-button input[type="checkbox"]:checked:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.level-1-tab-list .tab-list-button input[type="checkbox"]:checked:hover {
  background-color: #6b61a3;
  border-color: #6b61a3;
}

.form-read-mode .level-1-tab-list .tab-list-button:has(input[type="checkbox"]:not(:checked)) {
  display: none;
}

#application .form-container.form-read-mode .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active {
  background-color: #fafafa;
}

#application .form-container.form-read-mode .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:before {
  background: radial-gradient(circle at 0 0, #0000 14px, #fafafa 14px);
}

#application .form-container.form-read-mode .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:after {
  background: radial-gradient(circle at 100% 0, #0000 14px, #fafafa 14px);
}

.dsl-templ-area [tabcontroller] {
  border-bottom: none !important;
}

.level-2-tab-list {
  flex-direction: row;
  align-items: center;
  display: flex;
  flex-wrap: wrap !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 8px 0 12px 16px !important;
}

.level-2-tab-list.tab-list-sub {
  background-color: none;
  border-left: none;
}

.level-2-tab-list .tab-list-button {
  cursor: pointer;
  background-color: none;
  gap: 0;
  transition: background-color .3s, border-radius .3s;
  display: flex;
  min-width: max-content !important;
  padding: 0 !important;
}

.level-2-tab-list .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: #535862;
  border-bottom: none;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  padding: 0 !important;
}

.level-2-tab-list .tab-list-button.toggle-tab {
  box-shadow: none;
  accent-color: #668eba !important;
}

.level-2-tab-list .tab-list-button.toggle-tab .tab-toggle {
  color: #a2adc6;
}

.level-2-tab-list .tab-list-button.toggle-tab .tab-toggle:checked {
  color: #707580 !important;
}

.level-2-tab-list .tab-list-button.toggle-tab .tab-toggle:checked:disabled {
  background-image: none;
}

.level-2-tab-list .tab-list-button.toggle-tab .tab-label {
  color: #707580;
  border-bottom: none;
  background-color: none !important;
  margin-top: 3px !important;
  margin-bottom: 2px !important;
  margin-left: 8px !important;
}

.level-2-tab-list .tab-list-button.toggle-tab input[disabled] {
  -webkit-text-fill-color: white;
}

.level-2-tab-list .tab-list-button.toggle-tab input[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  border: 2px solid #668eba;
  border-radius: 30%;
  outline: none;
  position: relative;
}

.level-2-tab-list .tab-list-button.toggle-tab input[type="checkbox"]:checked {
  background-color: #668eba;
}

.level-2-tab-list .tab-list-button.toggle-tab input[type="checkbox"]:checked:after {
  content: "";
  text-align: center;
  color: #fff;
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.level-2-tab-list .tab-list-button.toggle-tab.tab-active {
  transition: border-radius .2s;
}

.level-2-tab-list .tab-list-button.toggle-tab.tab-active .tab-label {
  color: #fff;
  padding: 8px 12px 8px 2px !important;
}

.level-2-tab-list .tab-list-button:first-child {
  gap: 8px;
}

.level-2-tab-list .tab-list-button:first-child:after {
  content: "*";
  color: var(--color-error);
  align-self: center;
  margin-right: 10px;
  font-family: "Font Awesome 6 Pro";
}

.level-2-tab-list .tab-list-button.tab-active {
  background-color: none;
}

.level-2-tab-list .tab-list-button.tab-active:after {
  color: #f59d9d !important;
}

.level-2-tab-list .tab-list-button.tab-active .tab-label {
  color: #fff;
  border-bottom: none;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 10px !important;
}

.level-2-tab-list .tab-list-button.tab-active input[type="checkbox"] {
  border: 2px solid #fff;
  margin-left: 8px !important;
}

.level-2-tab-list .tab-list-button.tab-active input[type="checkbox"]:checked {
  background-color: #fff;
}

.level-2-tab-list .tab-list-button.tab-active input[type="checkbox"]:checked:after {
  content: "";
  text-align: center;
  color: #668eba;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.level-2-tab-list:before {
  content: none;
}

.tab-level-3-list {
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  display: flex;
  background-color: #f5f5f5 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
}

.tab-level-3-list .tab-list-button {
  cursor: pointer;
  background-color: none;
  align-items: center;
  gap: 0;
  display: flex;
  min-width: max-content !important;
}

.tab-level-3-list .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: #535862;
  border-bottom: none;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  padding: 0 !important;
}

.tab-level-3-list .tab-list-button.toggle-tab {
  box-shadow: none;
  accent-color: #668eba !important;
}

.tab-level-3-list .tab-list-button.toggle-tab .tab-toggle:checked:disabled {
  background-image: none;
}

.tab-level-3-list .tab-list-button.toggle-tab .tab-label {
  color: #707580;
  border-bottom: none;
  background-color: none !important;
}

.tab-level-3-list .tab-list-button.toggle-tab input[disabled] {
  -webkit-text-fill-color: white;
}

.tab-level-3-list .tab-list-button.toggle-tab input[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #668eba;
  border-radius: 4px;
  outline: none;
  margin-right: 6px;
  position: relative;
}

.tab-level-3-list .tab-list-button.toggle-tab input[type="checkbox"]:checked {
  background-color: #668eba;
}

.tab-level-3-list .tab-list-button.toggle-tab input[type="checkbox"]:checked:after {
  content: "";
  text-align: center;
  color: #fff;
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tab-level-3-list .tab-list-button.tab-active {
  cursor: pointer;
}

.tab-level-3-list .tab-list-button.tab-active .tab-label {
  color: #fff;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.tab-level-3-list .tab-list-button.tab-active:after {
  cursor: pointer;
}

.tab-level-3-list:before {
  content: none;
}

body.has-flyout #application #flyout {
  position: absolute;
  bottom: 0;
  right: 0;
}

body.has-flyout #application #flyout .cardmenu {
  background: none;
  width: 280px;
}

body.has-flyout #application #flyout .form {
  width: 100%;
  padding: var(--spacing-large);
  z-index: 20000;
  scroll-behavior: smooth;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden auto;
}

body.has-flyout #application #flyout .form:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  will-change: opacity;
  background: #00000059;
  transition: opacity .18s;
  position: fixed;
  inset: 0;
  backdrop-filter: blur(2px) brightness(105%) saturate(70%) !important;
}

body.has-flyout #application #flyout .form:has(.form-segment-container-flyout):before {
  opacity: 1;
}

body.has-flyout #application #flyout .form .form-segment-container-flyout, body.has-flyout #application #flyout .form .form-container-flyout {
  z-index: 1;
  position: relative;
}

body.has-flyout #application #flyout .form .dsl-card-duel-card {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

body.has-flyout #application #flyout .form .form-segment-container-flyout {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
  max-width: 90vw !important;
  max-height: 90vh !important;
}

body.has-flyout #application #flyout .form .form-segment-container-flyout .inc-container {
  width: 100%;
  margin: 0;
}

body.has-flyout #application #flyout .form .form-segment-container-flyout .inc-container .header-container {
  padding: 8px;
}

body.has-flyout #application #flyout .form .form-container-flyout {
  height: 100%;
  padding: var(--spacing-xxxlarge);
  gap: var(--spacing-standard);
  isolation: isolate;
  background-color: #ededed;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 400px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
  background-color: #ededed !important;
  box-shadow: 0 12px 32px #1419281a !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar {
  min-height: var(--header-min-height);
  max-height: var(--header-max-height);
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #5e636b);
  padding: 0px var(--spacing-standard);
  text-transform: uppercase;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  position: relative;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .close-flyout {
  cursor: pointer;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .close-flyout img {
  width: 14px;
  height: 14px;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container {
  top: var(--spacing-xxxlarge);
  z-index: 100;
  pointer-events: auto;
  width: fit-content;
  max-width: calc(100% - 300px);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror {
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: help;
  border: 1px solid #e587874d;
  border-radius: 6px;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 4px 12px;
  animation: .25s ease-out forwards flyoutFormErrorFadeIn;
  display: none;
  overflow: hidden;
  background: snow !important;
  box-shadow: 0 2px 6px #0000000f !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror div {
  color: #d98080;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  display: inline;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror div:before {
  content: "";
  color: #e58787;
  margin-right: 6px;
  font-family: "Font Awesome 6 Pro";
  font-size: 11px;
  font-weight: 600;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror div + div {
  display: none;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content {
  gap: var(--spacing-standard);
  height: calc(100% -  var(--wizard-bottom-bar-height) - var(--layout-form-content-container));
  flex-direction: column;
  flex: 1;
  display: flex;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container {
  padding: 0px var(--flyout-form-container-p);
  scroll-behavior: smooth;
  background-color: #0000;
  padding-bottom: 0;
  overflow-y: auto;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container.form-container-with-preview {
  flex-direction: row !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container.form-container-with-preview > div {
  flex: 1 0 50% !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-templ-area {
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
  position: static !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-templ-area > div, body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-templ-area > div > div, body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .cardform, body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .cardarea, body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-tab-container {
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-tab-header {
  z-index: 15;
  background-color: #0000;
  transition: all .3s;
  position: sticky;
  top: 0;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-tab-header.scrolled {
  background: none;
  border-bottom: 1px solid #0000001a;
  box-shadow: 0 3px 12px #0000001f, 0 1px 4px #00000014;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .dsl-card-duel-card > .form-container, body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .card-with-preview > .form-container {
  flex-direction: row !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .wizard-bottom-bar {
  background: none;
}

body.has-flyout #application #flyout .form .form-container-flyout .carddrop .fa-clock-rotate-left {
  display: none;
}

body.has-flyout #application #flyout .form .form-container-flyout .cardform:has(.cardarea > h3) .carddrop {
  padding-top: var(--spacing-small-standard);
}

body.has-flyout #application #flyout .form #sections {
  height: 1px;
  overflow-y: hidden;
}

body.has-flyout #application #flyout .form .select2-dropdown-open .select2-choice, body.has-flyout #application #flyout .form .select2-dropdown-open .select2-choices {
  z-index: 29999;
}

body.has-flyout #application #flyout .form .form-group:has(.select2-dropdown-open) .control-label {
  z-index: 30000 !important;
}

body.has-flyout #application #flyout .form .select2-drop {
  z-index: 29998;
}

body.has-flyout #application #flyout .form .select2-drop-mask {
  z-index: 29997;
}

body.has-flyout #application #flyout .form .tabhead {
  z-index: 30000;
  background: #23b180;
  visibility: hidden !important;
}

body.has-flyout #application #flyout .form .tabhead h1, body.has-flyout #application #flyout .form .tabhead h2 {
  color: #fff;
}

body.has-flyout #application #flyout .form .tabarea {
  min-height: 100%;
}

body.has-flyout #application #flyout .form .tabarea .compare .cardmenu, body.has-flyout #application #flyout .form .tabarea .compare .readonlymode {
  display: none;
}

body.has-flyout #application #flyout .form .tabarea .compare .newdata {
  position: absolute;
  left: 0;
  display: block !important;
}

body.has-flyout #application #flyout .form .tabarea .compare .cardarea {
  box-shadow: none;
}

body.has-flyout #application #flyout .form .tabarea .compare .cardarea .form-horizontal {
  width: 70%;
}

body.has-flyout #application #flyout .form .tabarea .compare .cardarea .form-horizontal .newvalue {
  color: #090;
  font-family: Soehne, sans-serif;
  font-weight: bold;
  position: absolute;
}

body.has-flyout #application #flyout .form .tabarea .flyout_html {
  padding: 12px 24px 24px;
}

body.has-flyout #application #flyout .form .tabarea .flyout_html h4 {
  padding-top: 12px;
}

body.has-flyout #application #flyout .form .tabarea .flyout_html ul {
  margin-left: 16px;
  list-style-type: disc;
}

body.has-flyout #application #flyout .form .tabarea .flyout_html ul li {
  margin-bottom: 8px;
}

body.has-flyout #application #flyout .blocker {
  z-index: 19999;
  opacity: 1;
  pointer-events: auto;
  inset: 0;
  position: fixed;
  inset: 0;
}

body.has-flyout #application #flyout .hide-close-button .close-flyout {
  visibility: hidden;
}

body.has-flyout #application #flyout .hide-close-button .form-flyout-header-bar {
  color: #999;
}

.ReactModal__Content, .ant-modal-root .ant-modal, #application #flyout .form, #application #flyout .form .form-segment-container-flyout {
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1);
}

.ant-modal-root .ant-modal .ant-modal-content, .ReactModal__Content .generic-card-container {
  border: 1px solid #ffffff8c !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 60px #0000002e !important;
}

body.ReactModal__Body--open:not(.has-flyout):not(:has(.ant-modal-wrap)):not(:has(.bootstrap-dialog)) .ReactModal__Content {
  opacity: 1 !important;
  transform: none !important;
}

body.has-flyout #application #flyout:has(.lvl-1-flyout) .form.hide-close-button .form-segment-container-flyout {
  opacity: .9 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98)translateY(8px) !important;
}

body.has-flyout #application #flyout:has(.lvl-2-flyout) .form.hide-close-button .form-segment-container-flyout {
  opacity: .85 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.97)translateY(16px) !important;
}

body.has-flyout #application #flyout:has(.lvl-2-flyout) .lvl-1-flyout .form-segment-container-flyout, body.has-flyout.ReactModal__Body--open #application #flyout .form .form-segment-container-flyout, body.has-flyout.ReactModal__Body--open #application #flyout .form .form-container-flyout {
  opacity: .9 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98)translateY(8px) !important;
}

body.has-flyout.ReactModal__Body--open #application #flyout .form .form-segment-container-flyout {
  box-shadow: none !important;
  border: none !important;
}

body.has-flyout.ReactModal__Body--open #application #flyout .form:before {
  opacity: 1 !important;
}

body.has-flyout.ReactModal__Body--open .ReactModal__Overlay {
  -webkit-backdrop-filter: none !important;
  background: none !important;
}

body.has-flyout.ReactModal__Body--open .ReactModal__Content, body.has-flyout.ReactModal__Body--open.flyout-topmost #application #flyout .form .form-segment-container-flyout, body.has-flyout.ReactModal__Body--open.flyout-topmost #application #flyout .form .form-container-flyout {
  opacity: 1 !important;
  transform: none !important;
}

body.has-flyout.ReactModal__Body--open.flyout-topmost .ReactModal__Content {
  opacity: .9 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98)translateY(8px) !important;
}

body.has-flyout.ReactModal__Body--open.flyout-topmost .ReactModal__Content .generic-card-container {
  box-shadow: none !important;
  border: none !important;
}

body.has-flyout:has(.ant-modal-wrap) #application #flyout .form:before {
  opacity: 0 !important;
}

body.has-flyout:has(.ant-modal-wrap) .ant-modal-root .ant-modal {
  opacity: .9 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98)translateY(8px) !important;
}

body.ReactModal__Body--open:has(.ant-modal-wrap:not([style*="display: none"]):not([style*="display:none"])) .ant-modal-mask {
  background-color: #0000 !important;
}

body.ReactModal__Body--open:has(.ant-modal-wrap:not([style*="display: none"]):not([style*="display:none"])) .ReactModal__Content, body.has-flyout.ReactModal__Body--open:has(.ant-modal-wrap) .ant-modal-root .ant-modal {
  opacity: .9 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98)translateY(8px) !important;
}

body.has-flyout.ReactModal__Body--open:has(.ant-modal-wrap) .ReactModal__Content {
  opacity: .85 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.97)translateY(16px) !important;
}

body.has-flyout.ReactModal__Body--open:has(.ant-modal-wrap) #application #flyout:has(.lvl-1-flyout) .form.hide-close-button .form-segment-container-flyout {
  opacity: .9 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98)translateY(8px) !important;
}

body.has-flyout.ReactModal__Body--open:has(.ant-modal-wrap):has(.lvl-1-flyout) .ant-modal-root .ant-modal {
  opacity: .85 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.97)translateY(16px) !important;
}

body.has-flyout.ReactModal__Body--open:has(.ant-modal-wrap):has(.lvl-1-flyout) .ReactModal__Content {
  opacity: .8 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.96)translateY(24px) !important;
}

body.has-flyout .bootstrap-dialog ~ .modal-backdrop, body.has-flyout .modal-backdrop.in:not(:first-of-type) {
  background-color: #0000 !important;
}

body.has-flyout:has(.bootstrap-dialog) #application #flyout .form .form-segment-container-flyout, body.has-flyout:has(.bootstrap-dialog):has(.ant-modal-wrap) #application #flyout .form .form-segment-container-flyout {
  opacity: .9 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98)translateY(8px) !important;
}

body.has-flyout:has(.bootstrap-dialog):has(.ant-modal-wrap) .ant-modal-root .ant-modal {
  opacity: .85 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.97)translateY(16px) !important;
}

body.has-flyout.ReactModal__Body--open:has(.bootstrap-dialog):has(.ant-modal-wrap) #application #flyout .form .form-segment-container-flyout {
  opacity: .9 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98)translateY(8px) !important;
}

body.has-flyout.ReactModal__Body--open:has(.bootstrap-dialog):has(.ant-modal-wrap) .ant-modal-root .ant-modal {
  opacity: .85 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.97)translateY(16px) !important;
}

body.has-flyout.ReactModal__Body--open:has(.bootstrap-dialog):has(.ant-modal-wrap) .ReactModal__Content {
  opacity: .8 !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.96)translateY(24px) !important;
}

.dsl-container {
  border-radius: 12px;
}

.carddrop.pull-right {
  visibility: hidden !important;
  display: none !important;
}

.dsl-tab-container {
  border-radius: var(--radius-medium);
  background-color: #0000;
  flex-direction: column;
  display: flex;
  height: fit-content !important;
}

.dsl-tab-container.level_1 {
  height: 100% !important;
}

.dsl-tab-container .dsl-tab-area.level_1 {
  border-top-left-radius: 0;
  border-top-right-radius: var(--radius-medium);
  border-bottom-left-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
}

.dsl-tab-container .dsl-tab-header {
  z-index: 10;
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex-shrink: 0;
  top: 0;
  overflow-y: hidden;
  position: sticky !important;
}

.dsl-tab-container .dsl-tab-header::-webkit-scrollbar-track {
  display: none;
}

.dsl-tab-container .dsl-tab-area {
  scroll-behavior: smooth;
  background-color: #fff;
  flex: 1;
  height: auto;
  min-height: 50px;
  overflow: hidden auto;
}

.dsl-tab-container .dsl-tab-area .container {
  background-color: #0000;
  padding: 0 !important;
}

.dsl-tab-container .dsl-tab-area > .container.fieldgroup:not([style*="display: none"]):not(.hide) ~ .container.fieldgroup:not([style*="display: none"]):not(.hide) > h4 {
  margin-top: 12px !important;
}

.dsl-tab-container .dsl-tab-area.level_1 {
  padding: 12px 6px;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-area {
  border: 1px solid #e4e6ea;
  border-radius: 8px;
  padding: 0 4px;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-area:has( > [style="display: none;"]) .dsl-tab-area.level_1:has( > [style="display: none;"]), .dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-area:has( > [style="display: none;"]) .dsl-tab-area.level_2:has( > [style="display: none;"]), .dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-area:has( > [style="display: none;"]) .dsl-tab-area.level_3:has( > [style="display: none;"]), .dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-area:has( > [style="display: none;"]) .dsl-tab-area.level_4:has( > [style="display: none;"]) {
  border: none !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default {
  z-index: 9;
  background-color: #fff;
  flex-direction: row;
  align-items: center;
  gap: 0;
  display: flex;
  top: 0;
  flex-wrap: wrap !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 8px 0 12px 16px !important;
  position: sticky !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default.tab-list-sub {
  background-color: none;
  border-left: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button {
  cursor: pointer;
  background-color: none;
  gap: 0;
  transition: background-color .3s, border-radius .3s;
  display: flex;
  min-width: max-content !important;
  padding: 0 !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: #535862;
  border-bottom: none;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  padding: 0 !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab {
  box-shadow: none;
  accent-color: #668eba !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab .tab-toggle {
  color: #a2adc6;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab .tab-toggle:checked {
  color: #707580 !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab .tab-toggle:checked:disabled {
  background-image: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab .tab-label {
  color: #707580;
  border-bottom: none;
  background-color: none !important;
  margin-top: 3px !important;
  margin-bottom: 2px !important;
  margin-left: 8px !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[disabled] {
  -webkit-text-fill-color: white;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  border: 2px solid #668eba;
  border-radius: 30%;
  outline: none;
  position: relative;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked {
  background-color: #668eba;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked:after {
  content: "";
  text-align: center;
  color: #fff;
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab.tab-active {
  transition: border-radius .2s;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab.tab-active .tab-label {
  color: #fff;
  padding: 8px 12px 8px 2px !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button:first-child {
  gap: 8px;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button:first-child:after {
  content: "*";
  color: var(--color-error);
  align-self: center;
  margin-right: 10px;
  font-family: "Font Awesome 6 Pro";
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active {
  background-color: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active:after {
  color: #f59d9d !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active .tab-label {
  color: #fff;
  border-bottom: none;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 10px !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active input[type="checkbox"] {
  border: 2px solid #fff;
  margin-left: 8px !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active input[type="checkbox"]:checked {
  background-color: #fff;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active input[type="checkbox"]:checked:after {
  content: "";
  text-align: center;
  color: #668eba;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default:before {
  content: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default {
  z-index: 8;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  display: flex;
  top: 0;
  box-shadow: 0 0 2px #0000001f, 0 2px 3px -1px #00000014;
  background-color: #f5f5f5 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  position: sticky !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button {
  cursor: pointer;
  background-color: none;
  align-items: center;
  gap: 0;
  display: flex;
  min-width: max-content !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: #535862;
  border-bottom: none;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  padding: 0 !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab {
  box-shadow: none;
  accent-color: #668eba !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab .tab-toggle:checked:disabled {
  background-image: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab .tab-label {
  color: #707580;
  border-bottom: none;
  background-color: none !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab input[disabled] {
  -webkit-text-fill-color: white;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #668eba;
  border-radius: 4px;
  outline: none;
  margin-right: 6px;
  position: relative;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked {
  background-color: #668eba;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked:after {
  content: "";
  text-align: center;
  color: #fff;
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.tab-active {
  cursor: pointer;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.tab-active .tab-label {
  color: #fff;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.tab-active:after {
  cursor: pointer;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default:before {
  content: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_3 {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_3 .dsl-tab-area {
  background: #fff;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_3 .dsl-tab-area.level_3 {
  border: 1px solid var(--gray-200) !important;
}

.dsl-tab-container .dsl-tab-area.level_3 .scrolltarget {
  width: 100%;
}

.dsl-tab-container.level_1:has( > [style="display: none;"]) .dsl-tab-area, .dsl-tab-container.level_2:has( > [style="display: none;"]) .dsl-tab-area, .dsl-tab-container.level_3:has( > [style="display: none;"]) .dsl-tab-area, .dsl-tab-container.level_4:has( > [style="display: none;"]) .dsl-tab-area {
  background: #fafafa !important;
}

.dsl-tab-container.level_1:has( > [style="display: none;"]) .dsl-tab-area.level_1:not(:has(.dsl-tab-container)), .dsl-tab-container.level_2:has( > [style="display: none;"]) .dsl-tab-area.level_1:not(:has(.dsl-tab-container)), .dsl-tab-container.level_3:has( > [style="display: none;"]) .dsl-tab-area.level_1:not(:has(.dsl-tab-container)), .dsl-tab-container.level_4:has( > [style="display: none;"]) .dsl-tab-area.level_1:not(:has(.dsl-tab-container)), .dsl-tab-container.level_1:has( > [style="display: none;"]) .dsl-tab-area.level_2:not(:has(.dsl-tab-container)), .dsl-tab-container.level_2:has( > [style="display: none;"]) .dsl-tab-area.level_2:not(:has(.dsl-tab-container)), .dsl-tab-container.level_3:has( > [style="display: none;"]) .dsl-tab-area.level_2:not(:has(.dsl-tab-container)), .dsl-tab-container.level_4:has( > [style="display: none;"]) .dsl-tab-area.level_2:not(:has(.dsl-tab-container)), .dsl-tab-container.level_1:has( > [style="display: none;"]) .dsl-tab-area.level_3:not(:has(.dsl-tab-container)), .dsl-tab-container.level_2:has( > [style="display: none;"]) .dsl-tab-area.level_3:not(:has(.dsl-tab-container)), .dsl-tab-container.level_3:has( > [style="display: none;"]) .dsl-tab-area.level_3:not(:has(.dsl-tab-container)), .dsl-tab-container.level_4:has( > [style="display: none;"]) .dsl-tab-area.level_3:not(:has(.dsl-tab-container)), .dsl-tab-container.level_1:has( > [style="display: none;"]) .dsl-tab-area.level_4:not(:has(.dsl-tab-container)), .dsl-tab-container.level_2:has( > [style="display: none;"]) .dsl-tab-area.level_4:not(:has(.dsl-tab-container)), .dsl-tab-container.level_3:has( > [style="display: none;"]) .dsl-tab-area.level_4:not(:has(.dsl-tab-container)), .dsl-tab-container.level_4:has( > [style="display: none;"]) .dsl-tab-area.level_4:not(:has(.dsl-tab-container)) {
  border: none !important;
}

.dsl-tab-container .dsl-tab-header[style*="display: none"] + .dsl-tab-area, .dsl-tab-container .dsl-tab-header[style*="display:none"] + .dsl-tab-area, .dsl-tab-container .dsl-tab-header.hide + .dsl-tab-area {
  border: none !important;
  padding: 0 !important;
}

.dsl-tab-container ~ div.container {
  padding-left: var(--spacing-xxxlarge) !important;
  padding-right: var(--spacing-xxxlarge) !important;
}

.dsl-tab-area {
  display: none;
}

.dsl-tab-area:has(.container.fieldgroup:not(.hide):not([style*="display:none"]):not([style*="display: none"]):not([style*="visibility:hidden"]):not([style*="visibility: hidden"])) {
  display: block;
}

.dsl-tab-area.level_1 {
  border-top-right-radius: 4px;
}

.dsl-tab-area.level_2:not(:has(.fieldgroup:not(.hide):not([style*="display:none"]):not([style*="display: none"]))), .dsl-tab-area.level_3:not(:has(.fieldgroup:not(.hide):not([style*="display:none"]):not([style*="display: none"]))) {
  display: none !important;
}

.dsl-tab-header.level_1, .dsl-tab-header.level_1 .nav-tabs > li.active > a {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.dsl-tab-header.level_1.tab-list-default {
  --strip-bg: #f1f1f1;
  --active-bg: #fff;
  --tab-h: 38px;
  --tab-pad-x: 18px;
  --radius: 10px;
  --shoulder: 18px;
  --divider-gap: 18px;
  --divider-color: #00000038;
  --baseline: #0000001a;
  background: var(--strip-bg);
  z-index: 10;
  align-items: flex-end;
  gap: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
  top: 0;
  overflow: visible;
  width: 100% !important;
  position: sticky !important;
}

.dsl-tab-header.level_1.tab-list-default:after {
  content: "";
  background: var(--baseline);
  pointer-events: none;
  z-index: 1;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.dsl-tab-header.level_1.tab-list-default .dsl-tab-header:before, .dsl-tab-header.level_1.tab-list-default .dsl-tab-header:after, .dsl-tab-header.level_1.tab-list-default .dsl-tab-header.level_1:before, .dsl-tab-header.level_1.tab-list-default .dsl-tab-header.level_1:after {
  content: none !important;
  display: none !important;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button {
  height: var(--tab-h);
  padding: 0 var(--tab-pad-x);
  margin: 0 calc(var(--divider-gap) / 2);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: #707580;
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  mask: none !important;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button .tab-label {
  white-space: nowrap;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button:not(:first-child):not(.tab-active):not(.tab-active + *):not(.tab-active + .hide + *):not(.tab-active + .hide + .hide + *):not(.hide):before {
  content: "|";
  left: calc(-1 * var(--divider-gap) / 2);
  color: var(--divider-color);
  pointer-events: none;
  z-index: 3;
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -52%);
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button:not(.tab-active):hover {
  color: #5f6672;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active {
  z-index: 4;
  color: var(--color-tertiary, #2a2a2a);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  padding-left: calc(var(--tab-pad-x) + 6px);
  padding-right: calc(var(--tab-pad-x) + 6px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: -1px;
  background: var(--active-bg) !important;
  box-shadow: none !important;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active ~ .tab-list-button:not(.hide):before {
  display: none !important;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active ~ .tab-list-button:not(.hide) ~ .tab-list-button:not(.hide):before {
  display: block !important;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:before, .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:after {
  content: "";
  pointer-events: none;
  z-index: 2;
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: 0;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active .tab-label {
  z-index: 5;
  position: relative;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:before {
  background: radial-gradient(circle at 0 0, #0000 14px, #fff 14px);
  left: -14px;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:after {
  background: radial-gradient(circle at 100% 0, #0000 14px, #fff 14px);
  right: -14px;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"] {
  appearance: none;
  border: 1px solid var(--gray-300, #d5d7da);
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  transition: all .15s;
  position: relative;
  margin: 0 6px 0 0 !important;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:hover {
  border-color: #837bb2;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb2;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:focus, .dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:focus-visible {
  border-color: #837bb2;
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb2;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:checked {
  background-color: #837bb2;
  border-color: #837bb2;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:checked:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:checked:hover {
  background-color: #6b61a3;
  border-color: #6b61a3;
}

.form-read-mode .dsl-tab-header.level_1.tab-list-default .tab-list-button:has(input[type="checkbox"]:not(:checked)) {
  display: none;
}

.container.area_header + .dsl-tab-container.level_1 {
  margin-bottom: 12px;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default {
  background-color: #fff;
  flex-direction: row;
  align-items: center;
  display: flex;
  flex-wrap: wrap !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 8px 0 12px 16px !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default.tab-list-sub {
  background-color: none;
  border-left: none;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button {
  cursor: pointer;
  background-color: none;
  gap: 0;
  transition: background-color .3s, border-radius .3s;
  display: flex;
  min-width: max-content !important;
  padding: 0 !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: #535862;
  border-bottom: none;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  padding: 0 !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab {
  box-shadow: none;
  accent-color: #668eba !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab .tab-toggle {
  color: #a2adc6;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab .tab-toggle:checked {
  color: #707580 !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab .tab-toggle:checked:disabled {
  background-image: none;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab .tab-label {
  color: #707580;
  border-bottom: none;
  background-color: none !important;
  margin-top: 3px !important;
  margin-bottom: 2px !important;
  margin-left: 8px !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab input[disabled] {
  -webkit-text-fill-color: white;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  border: 2px solid #668eba;
  border-radius: 30%;
  outline: none;
  position: relative;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked {
  background-color: #668eba;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked:after {
  content: "";
  text-align: center;
  color: #fff;
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab.tab-active {
  transition: border-radius .2s;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab.tab-active .tab-label {
  color: #fff;
  padding: 8px 12px 8px 2px !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button:first-child {
  gap: 8px;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button:first-child:after {
  content: "*";
  color: var(--color-error);
  align-self: center;
  margin-right: 10px;
  font-family: "Font Awesome 6 Pro";
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active {
  background-color: none;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:after {
  color: #f59d9d !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active .tab-label {
  color: #fff;
  border-bottom: none;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 10px !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active input[type="checkbox"] {
  border: 2px solid #fff;
  margin-left: 8px !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active input[type="checkbox"]:checked {
  background-color: #fff;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active input[type="checkbox"]:checked:after {
  content: "";
  text-align: center;
  color: #668eba;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default:before {
  content: none;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button {
  background-color: #0000 !important;
  border-inline: none !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  mask: none !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button:after, .container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:before {
  display: none !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button .tab-label {
  color: var(--gray-700);
  font-size: 14px;
  padding: 0 !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active {
  height: 100% !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active .tab-label {
  color: #fff;
  background-color: var(--color-tertiary);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 12px !important;
}

.dsl-information {
  flex-direction: column;
  display: flex;
}

.dsl-information .action-warning {
  color: #cc7878;
  width: max-content;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.input-checkbox {
  accent-color: #9974ce;
  color: #9974ce;
  border: 2px solid #9974ce;
  width: 18px;
  height: 18px;
}

.tab-toggle:checked:disabled {
  background-size: inherit;
  background-image: url("checkbox.ab3ef749.svg");
  background-position: center;
  border: 2px solid #9974cf;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  content: "" !important;
}

.dsl-card-duel-card {
  gap: 8px;
}

.dsl-card-duel-card .dsl-tab-area {
  padding: 8px 0 8px 8px !important;
  overflow-x: hidden !important;
}

.dsl-card-duel-card .cardarea {
  padding: 0 !important;
}

.dsl-card-duel-card > .form-container {
  flex-direction: row !important;
  gap: 8px !important;
}

.form-container {
  justify-content: space-around;
  gap: var(--spacing-standard);
  height: calc(100% -  var(--wizard-bottom-bar-height) - var(--spacing-standard));
  flex-direction: row;
  width: 100%;
  display: flex;
}

.form-container .section-compact {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.form-container .carddrop input[type="checkbox"] {
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  transition: background .5s;
}

.form-container .carddrop input[type="checkbox"]:hover:before {
  border: 2px solid #58505b;
}

.form-container .carddrop input[type="checkbox"]:before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid #e7e7e7;
  display: block;
}

.form-container .carddrop input[type="checkbox"]:checked:before {
  background-image: url("checkbox.ab3ef749.svg");
  background-size: inherit;
  background-position: center;
  border: 2px solid #9974cf;
}

.form-container .tab-toggle {
  accent-color: #9974ce;
  color: #9974ce;
  border: 2px solid #9974ce;
  width: 18px;
  height: 18px;
  margin-top: auto;
  margin-bottom: auto;
}

.form-container.hide-cardmenu .cardmenu-show, .form-container.hide-cardmenu .cardmenu.dropmenu.affix {
  display: none !important;
}

.form-container .cardform {
  background: none;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.form-container .cardform.oneitem {
  background: #fff;
}

.form-container .cardform.hasmenu {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column !important;
}

.form-container .cardarea .formerror-container + .container, .form-container .cardform .formerror-container + .container {
  margin-top: var(--spacing-xxxlarge);
}

.form-container .cardarea .formerror-container, .form-container .cardform .formerror-container {
  z-index: 1;
  text-align: center;
  position: relative;
}

.form-container .cardarea .formerror-container .formerror, .form-container .cardform .formerror-container .formerror {
  cursor: help;
  display: none;
  width: fit-content !important;
  max-width: calc(100% - 300px) !important;
  margin: var(--spacing-large) auto 0 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background: snow !important;
  border: 1px solid #e587874d !important;
  border-radius: 6px !important;
  padding: 4px 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 6px #0000000f !important;
}

.form-container .cardarea .formerror-container .formerror div, .form-container .cardform .formerror-container .formerror div {
  color: #d98080 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  display: inline !important;
}

.form-container .cardarea .formerror-container .formerror div:before, .form-container .cardform .formerror-container .formerror div:before {
  content: "";
  color: #e58787;
  margin-right: 6px;
  font-family: "Font Awesome 6 Pro";
  font-size: 11px;
  font-weight: 600;
}

.form-container .cardarea .formerror-container .formerror div + div, .form-container .cardform .formerror-container .formerror div + div {
  display: none !important;
}

.form-container .cardform .formerror-container {
  width: 100% !important;
}

.form-container .cardarea {
  scroll-behavior: smooth;
  background-color: var(--color-transparent-white);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  height: 100%;
  padding-bottom: 8px;
  overflow: hidden auto;
}

.form-container .cardarea.billing_invoice {
  background-color: #0000 !important;
}

.form-container .cardarea.billing_invoice .dsl-tab-area.level_1 {
  background-color: var(--color-transparent-white) !important;
}

.form-container .cardarea .formerror-container .formerror {
  animation: .25s ease-out forwards cardFormErrorFadeIn;
}

.form-container .cardarea > .container:first-child {
  margin-top: var(--spacing-xxxlarge);
}

.form-container .cardarea:has(:nth-child(2).dsl-tab-container), .form-container .cardarea:has(:first-child.dsl-tab-container) {
  background-color: #0000 !important;
}

.form-container .cardarea .container {
  background-color: #0000;
  padding: 0;
}

.form-container .cardarea .container:has(.area-header) {
  margin-bottom: 12px;
}

.form-container .cardarea > .container.fieldgroup ~ .container.fieldgroup:has( > h3), .form-container .cardarea > .container.fieldgroup ~ .container.fieldgroup:has( > h4), .form-container .cardarea > h3 ~ .container.fieldgroup:has( > h3), .form-container .cardarea > h3 ~ .container.fieldgroup:has( > h4), .form-container .cardarea > h4 ~ .container.fieldgroup:has( > h3), .form-container .cardarea > h4 ~ .container.fieldgroup:has( > h4) {
  margin-top: 12px !important;
}

.form-container .cardarea .dsl-tab-container .dsl-tab-header.container {
  background-color: #0000;
}

.form-container .cardarea .hl-container {
  z-index: 99999;
  background-color: #f5f7fa;
  border: 1px solid #05050533;
  border-radius: 3px;
  flex-direction: column;
  width: 300px;
  display: flex;
  position: absolute;
  right: 250px;
}

.form-container .cardarea .hl-container .h-content-continer {
  padding: var(--h-content-container);
}

.form-container .cardarea .hl-container .h-content-continer .h-content {
  padding-bottom: var(--h-content-pb);
  padding-left: var(--h-content-pl);
  justify-content: space-between;
  font-size: 10px;
  font-weight: 550;
  display: flex;
}

.form-container .cardarea .hl-container .h-content-continer hr {
  border-top: 1px solid #05050533;
  width: -webkit-fill-available;
  margin: 0;
}

.form-container .cardarea .hl-container .h-content-continer:hover {
  background-color: #d6dce4;
}

.form-container .cardarea .hl-container .heading {
  margin: 8px 0 0;
  margin-top: var(--hl-container-heading-mt);
  color: #0070bd;
}

.form-container .cardarea .hl-container .heading .heading-text {
  margin-left: var(--hl-container-heading-text-ml);
}

.form-container .cardarea .hl-container .heading hr {
  margin: 0;
  margin-top: var(--hl-container-heading-hr-mt);
  border-top: 1px solid #05050533;
  width: -webkit-fill-available;
}

.form-container .cardarea > h3 {
  padding: 8px 8px 12px 12px;
  padding-bottom: var(--card-area-h3-pb);
  text-transform: uppercase;
  font-size: var(--font-size-xxsmall);
  margin-bottom: 0;
  margin-top: var(--card-area-h3-tmp-mt);
  border-bottom: none;
  line-height: 31px;
  color: var(--color-tertiary) !important;
  font-weight: 500 !important;
}

.form-container .cardarea > h3[tabgroupid] {
  padding-top: var(--tab-group-id-h4-pt);
  background-color: #0000;
}

.form-container .cardarea .fieldgroup > div:first-child.sectionnote {
  margin-top: 8px !important;
}

.form-container .cardarea .fieldgroup > h3 {
  text-transform: uppercase;
  font-size: var(--font-size-xxsmall);
  background-color: #0000;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 0;
  padding-left: 4px;
  color: var(--color-tertiary) !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

.form-container .cardarea .fieldgroup > h4 {
  padding: var(--field-group-h4-p);
  font-size: var(--font-size-18);
  line-height: var(--line-height-28);
  text-transform: uppercase;
  color: var(--color-tertiary);
  margin: 6px 0;
  margin: var(--field-group-h4-m);
  width: 100%;
  padding-left: var(--spacing-xsmall);
  color: var(--color-tertiary) !important;
  font-size: var(--font-size-xxsmall) !important;
  font-weight: 500 !important;
}

.form-container .cardarea .fieldgroup > h4.required-section {
  color: #d26158 !important;
}

.form-container .cardarea .fieldgroup > h4.required-section:after {
  content: "*";
  padding-left: var(--required-asterisk-pl);
  margin-top: -1px;
}

.form-container .cardarea .fieldgroup.highlight-section {
  box-shadow: none;
  background-color: #f8f1ec;
  border-radius: 12px;
  transition: background-color .5s;
  animation: 1s 1s forwards fadeOutBackground;
}

.form-container .cardarea .fieldgroup .form-horizontal:has(.label-line) {
  background: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal:has(textarea) {
  background: none !important;
  margin-top: 12px !important;
}

.form-container .cardarea .fieldgroup .form-horizontal:has(textarea) textarea {
  border: 1px solid #e3e5e8 !important;
}

.form-container .cardarea .fieldgroup > .form-horizontal:has(textarea) + .form-horizontal:has(textarea) {
  padding-left: 4px !important;
}

.form-container .cardarea .fieldgroup > .form-horizontal:has(textarea):not(:last-child) {
  padding-right: 4px !important;
}

.form-container .cardarea .fieldgroup > h3 + .form-horizontal:has(textarea), .form-container .cardarea .fieldgroup > h4 + .form-horizontal:has(textarea) {
  margin-top: 0 !important;
}

.form-container .cardarea .fieldgroup > h3:has( + .form-horizontal .form-group .control-nonfocusable) {
  padding-bottom: 8px !important;
}

.form-container .cardarea .fieldgroup:not(:has( > h3)):not(:has( > h4)) > .form-horizontal:not(:has(textarea)) + .form-horizontal:has(textarea) {
  margin-top: 0;
}

.form-container .cardarea .fieldgroup .form-horizontal {
  vertical-align: top;
}

.form-container .cardarea .fieldgroup .form-horizontal:has(.form-group .controls > .embedded_table), .form-container .cardarea .fieldgroup .form-horizontal:has(.form-group .controls .dsl-field-embed), .form-container .cardarea .fieldgroup .form-horizontal:has(.form-group .controls .dsl-grid-view) {
  padding-left: 4px;
  padding-right: 4px;
  align-self: flex-start !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group {
  transition: padding-bottom .2s ease-out;
  position: relative;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group:after {
  content: "";
  pointer-events: none;
  background-color: #e3e5e8;
  height: 1px;
  transition: bottom .2s ease-out, border-color .15s ease-out;
  position: absolute;
  bottom: 0;
  left: 4px;
  right: 0;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls > .fileupload):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls > .esign-signature):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls .dsl-field-embed):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls .dsl-grid-view):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls-grid.subform):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.sf-table-container):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(table.subform-editable-table):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls .barcode-cam):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.select2-container-disabled):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls > .checkbox-only):not(:has(.controls > .select2-container)):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls > .checkboxes):not(:has(.controls > .select2-container)):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls > .btn-group.radios):not(:has(.controls > .select2-container)):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls > textarea):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls > .textarea-wrapper):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls.control-nonfocusable):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.controls > input[readonly]):after, .form-container .cardarea .fieldgroup .form-horizontal .form-group.no-floating-label:after, .form-container .cardarea .fieldgroup .form-horizontal .controls-grid.subform .form-group:after, .form-container .cardarea .fieldgroup .form-horizontal .sf-table-container .form-group:after, .form-container .cardarea .fieldgroup .form-horizontal table.subform-editable-table .form-group:after, .form-container .cardarea .fieldgroup .form-horizontal .dsl-field-embed .form-group:after, .form-container .cardarea .fieldgroup .form-horizontal .dsl-grid-view .form-group:after, .form-container .cardarea .fieldgroup .form-horizontal .embedded_table .form-group:after {
  display: none;
}

.form-container .cardarea .fieldgroup .form-horizontal.section-required-check {
  width: 100% !important;
}

.form-container .cardarea .fieldgroup .form-horizontal.section-required-check > div {
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  display: flex !important;
}

.form-container .cardarea .fieldgroup .form-horizontal.section-required-check > div > label {
  width: max-content !important;
}

.form-container .cardarea .fieldgroup .form-horizontal.form-col-1 {
  width: calc(100% - 8px);
  margin-right: 8px;
}

.form-container .cardarea .fieldgroup .form-horizontal.form-col-2 {
  vertical-align: bottom;
  width: calc(50% - 8px);
  margin-right: 8px;
  display: inline-flex;
}

.form-container .cardarea .fieldgroup .form-horizontal.form-col-3 {
  vertical-align: bottom;
  width: calc(33.3333% - 8px);
  margin-right: 8px;
  display: inline-flex;
}

.form-container .cardarea .fieldgroup .form-horizontal.form-col-4, .form-container .cardarea .fieldgroup .form-horizontal.form-col-modifier {
  vertical-align: bottom;
  width: calc(25% - 8px);
  margin-right: 8px;
  display: inline-flex;
}

.form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_1 {
  vertical-align: bottom;
  width: calc(33% - 8px);
  margin-right: 8px;
  display: inline-flex;
}

.form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_2, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_city {
  vertical-align: bottom;
  width: calc(16.8% - 8px);
  margin-right: 8px;
  display: inline-flex;
}

.form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_state {
  vertical-align: bottom;
  width: calc(21% - 8px);
  margin-right: 8px;
  display: inline-flex;
}

.form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_state .select2-container > a.select2-choice {
  display: block;
}

.form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_zip {
  vertical-align: bottom;
  width: calc(12.4% - 8px);
  margin-right: 8px;
  display: inline-flex;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group:not(:has(textarea)):not(:has(.checkboxes)):not(:has(.radios)) {
  align-self: flex-end;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group {
  gap: 6px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group:has(.checkbox-group) {
  padding-top: 10px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls:has( > .label-line-70,  > .label-line-50,  > .label-line-45,  > .label-line-23,  > .label-line-37,  > .label-line-17) {
  border-bottom: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls:has( > input[type="color"]) {
  padding-bottom: 10px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls:has( > input.api_prefill) div {
  height: 0;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox {
  cursor: pointer;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: var(--color-primary);
  overflow: hidden;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox span {
  pointer-events: auto;
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  transition: background .5s;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input {
  opacity: 0;
  z-index: 12;
  cursor: pointer;
  width: 0;
  height: 18px;
  margin-left: 0;
  position: absolute;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:checked + span {
  font-family: Soehne, sans-serif;
  font-weight: normal;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:checked, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:focus {
  outline: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input + span:before {
  vertical-align: middle;
  margin-right: var(--checkbox-input-span-before-mr);
  margin-top: var(--checkbox-input-span-before-tmp-mt);
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid #e7e7e7;
  margin-bottom: 2px;
  line-height: 18px;
  display: block;
  display: inline-block !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:checked + span:before {
  display: inline-block;
  box-shadow: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input[disabled="disabled"] + span {
  color: #aaa;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:checked + span {
  color: #333;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:hover + span:before, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input + span:hover:before {
  border-color: #58505b;
  box-shadow: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:active + span:before, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:checked:active + span:before {
  box-shadow: none !important;
  border: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:not([type="checkbox"]):disabled + span:before, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:not([type="checkbox"])[disabled] + span:before, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:not([type="checkbox"]).disabled + span:before {
  color: #bbb;
  box-shadow: none !important;
  background-color: #ddd !important;
  border-color: #ccc !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox:focus-visible {
  outline: none;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-1 label.checkbox {
  width: 100%;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-2 label.checkbox {
  width: 45%;
  margin-right: var(--checkboxes-checkbox-2-mr);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-3 label.checkbox {
  width: 30%;
  margin-right: var(--checkboxes-checkbox-3-mr);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-4 label.checkbox {
  width: 23%;
  margin-right: var(--checkboxes-checkbox-4-mr);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-5 label.checkbox {
  width: 18%;
  margin-right: var(--checkboxes-checkbox-4-mr);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-6 label.checkbox {
  width: 14%;
  margin-right: var(--checkboxes-checkbox-4-mr);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-7 label.checkbox {
  width: 12%;
  margin-right: var(--checkboxes-checkbox-4-mr);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox {
  all: unset;
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  width: auto !important;
  min-height: 20px !important;
  padding: var(--btn-primary-p) !important;
  border-radius: .6rem !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox i {
  color: #58505b;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox.disabled, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[disabled], .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox.disabled i, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[disabled] i, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:disabled i {
  color: var(--gray-400);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:focus-visible {
  box-shadow: none;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox img {
  filter: brightness(.5);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:hover img {
  filter: brightness(400%);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:hover {
  color: #58505b;
  background-color: #58505b1f;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked) {
  text-align: center !important;
  text-transform: uppercase !important;
  font-optical-sizing: auto !important;
  font-kerning: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: grayscale !important;
  -ms-font-smoothing: antialiased !important;
  font-smooth: antialiased !important;
  font-synthesis-style: none !important;
  font-synthesis-weight: none !important;
  letter-spacing: .01em !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  touch-action: manipulation !important;
  color: #fff !important;
  box-sizing: border-box !important;
  background: linear-gradient(#19bfdcbf 0%, #15a7c0bf 100%) !important;
  border: 0 !important;
  border-radius: .6rem !important;
  min-height: 20px !important;
  padding: 8px 16px !important;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  transition: box-shadow .15s, transform .15s !important;
  transform: translateY(0) !important;
  box-shadow: 0 2px 2px #0f7789bf, 0 2px 5px #0000000f !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked) i {
  color: #fff !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):not(:has(i)) {
  background: linear-gradient(#18b9d5bf 0%, #16adc7bf 100%) !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked).disabled, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[disabled], .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):disabled {
  box-shadow: none !important;
  color: var(--gray-400) !important;
  cursor: not-allowed !important;
  background: #f5f5f5 !important;
  border: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked).disabled i, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[disabled] i, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):disabled i {
  color: var(--gray-400) !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):hover:not(:disabled):not([disabled]):not(.disabled) {
  color: #fff !important;
  filter: brightness(1.03) saturate(1.02) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: translateY(1px) !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):active {
  filter: brightness(.98) saturate() !important;
  transform: translateY(0) !important;
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014 !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):focus-visible {
  box-shadow: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px !important;
  box-shadow: none !important;
  outline: 2px solid #0000 !important;
  transform: translateY(1px) !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked) img {
  filter: brightness(400%) !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):hover img {
  filter: brightness(.5) !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):hover {
  background-color: #17b3cebf !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox span {
  all: unset !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox span:hover, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox span:before {
  background: none;
  all: unset !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox input + span:before {
  all: unset;
  display: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls .barcode input {
  display: none;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls input[disabled], .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls input[readonly], .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls select[readonly], .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls select[disabled] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .controls .barcode-container {
  margin-bottom: 10px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .manage {
  color: #5a595880;
  width: 36px;
  height: 100%;
  padding: 2px var(--spacing-large) 2px var(--spacing-standard);
  background-color: #fff;
  border-bottom: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .manage a {
  color: #5a595880;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Soehne, sans-serif;
  font-weight: normal;
  line-height: normal;
  text-decoration: none;
  display: flex;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .manage a:before {
  content: "abl";
  color: #0000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  min-height: 20px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .manage a:hover:before {
  background-size: 20px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .manage a.manage-add:before {
  background-image: url("plus-circle-outline.f719699f.svg");
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .manage a.manage-edit:before, .form-container .cardarea .fieldgroup .form-horizontal .form-group .manage a.manage-list:before {
  background-image: url("edit-manage-outline.7ebc589d.svg");
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label {
  align-items: center;
  gap: var(--control-label-g);
  width: calc(100% - 40px);
  color: var(--label-color);
  font-size: var(--font-size-xxsmall);
  z-index: 5;
  font-weight: 500;
  line-height: normal;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label .form-group {
  position: relative;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label .form-group:has(.controls > input:focus) .control-label, .form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label .form-group:has(.controls > input:not(.no-val):not([value=""])) .control-label, .form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label .form-group:has(.controls .select2-container.select2-dropdown-open) .control-label, .form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label .form-group:has(.controls .select2-container:not(.select2-container-multi):not(.select2-default)) .control-label, .form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label .form-group:has(.controls .select2-container-multi.select2-dropdown-open) .control-label, .form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label .form-group:has(.controls .select2-container-multi .select2-search-choice) .control-label {
  font-size: 12px;
  top: 10px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label .form-group:has(.controls > textarea) .control-label, .form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label .form-group:has(.controls > .textarea-wrapper) .control-label {
  font-size: var(--font-size-xsmall);
  top: 10px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label:has( + .controls input[type="color"]) {
  left: 45px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label:before {
  flex-shrink: 0;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.clickable-label > span {
  cursor: pointer !important;
  color: var(--color-tertiary) !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.clickable-label > span:hover {
  text-decoration: underline;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.clickable-label > span > i {
  color: var(--color-tertiary) !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.clickable-label > span .required-label {
  color: var(--color-error) !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.clickable-label:before {
  filter: brightness(0) saturate() invert(48%) sepia(11%) saturate(1000%) hue-rotate(178deg) brightness(90%) contrast(95%);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.important {
  color: #746d9e;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.important .input {
  color: #746d9e !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.important:before {
  content: ".";
  color: #0000;
  background-image: url("important.649d9e9a.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.money {
  color: #679989;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.money .input {
  color: #679989 !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.money:before {
  content: ".";
  color: #0000;
  background-image: url("money.2ba97c8a.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.discount {
  color: #50749c;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.discount:before {
  content: ".";
  color: #0000;
  background-image: url("discount.3de72137.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.status {
  color: #746d9e;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.status .input {
  color: #746d9e !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.status:before {
  content: ".";
  color: #0000;
  background-image: url("status.352c091b.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.claim-field:before {
  content: ".";
  color: #0000;
  filter: invert(57%) sepia(28%) saturate(615%) hue-rotate(171deg) brightness(90%) contrast(86%);
  background-image: url("claim.a41d3719.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.check-field {
  color: #f57066;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.check-field:before {
  content: ".";
  color: #0000;
  background-image: url("checkmark.1b8e6698.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.fdb-field:before {
  content: ".";
  color: #0000;
  background-image: url("fdb.868703bd.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label.cms-1500-field:before {
  content: ".";
  color: #0000;
  background-image: url("cms-1500.959fdeb1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label .required-label {
  color: var(--color-error);
  padding-top: 8px;
  font-size: 20px;
  line-height: 0;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .control-label i.audit-trail {
  display: none;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-xsmall);
  flex-direction: row;
  display: flex;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container:has(span:empty):not(:has( > span > span:not(:empty))) {
  display: none;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container .note {
  clear: both;
  text-align: center;
  height: 22px;
  margin: 0;
  position: relative;
  overflow: visible;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container .note b {
  padding-right: var(--spacing-standard);
  font-size: var(--font-size-xsmall);
  color: #cc7878;
  font-weight: normal;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container .note span {
  font-size: var(--font-size-xsmall);
  color: var(--color-text-400);
  vertical-align: center;
  font-weight: normal;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container span {
  line-clamp: 2;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  max-height: 3em;
  margin: 0;
  line-height: 1.2;
  overflow: hidden;
  display: -webkit-box !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container span:not(:empty) {
  min-width: 50%;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container .errormsg {
  color: #cc7878;
  font-size: var(--font-size-xxsmall);
  text-align: right;
  background-color: #fafafa;
  border: 2px solid #cc7878;
  border-radius: 6px;
  align-items: center;
  gap: 20%;
  width: 100%;
  height: 49px;
  margin: 0;
  padding: 8px;
  font-weight: normal;
  display: none;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container .errormsg:empty {
  display: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container .errormsg i {
  width: 12px;
  height: 10px;
  margin-bottom: 2px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container .errormsg .errormsg-text {
  gap: 20px;
  line-height: 18px;
  display: flex;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .help-container .warningmsg {
  color: var(--color-warning);
  font-size: var(--font-size-xsmall);
  text-align: right;
  font-weight: normal;
  display: none;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)) {
  padding-bottom: 16px !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)) > label.control-label {
  color: var(--color-error) !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)) > label.control-label .field-error-icon {
  display: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)) > label.control-label * {
  color: var(--color-error) !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)) > label.control-label:before {
  filter: invert(70%) sepia(40%) saturate(500%) hue-rotate(330deg) brightness(140%) contrast(90%);
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)):after {
  background-color: #e58787;
  bottom: 16px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)):focus-within:after, .form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)):has(.select2-dropdown-open):after {
  background-color: #e3e5e8;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)):has( > .controls .select2-container):after {
  transition: none;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)):has( > .controls .select2-container):focus-within:after, .form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)):has( > .controls .select2-container):has(.select2-dropdown-open):after {
  background-color: #e58787;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)) .help-container {
  padding: 0;
  left: 4px;
  right: 0;
  height: 14px !important;
  margin: 0 !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)) .help-container .note, .form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)) .help-container .warningmsg {
  display: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)) .help-container .errormsg {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left !important;
  color: #d98080 !important;
  background-color: #0000 !important;
  border: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2px 0 0 4px !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  display: block !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)).no-floating-label {
  padding-bottom: 16px;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)).no-floating-label .help-container {
  left: 4px;
  right: 0;
  bottom: 0 !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)).no-floating-label + .help-container {
  margin-top: -12px !important;
  display: block !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-error:not(:has( > .controls.inline-control)):not(:has( > .controls-grid.subform)) .custom-error-popover {
  display: none !important;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.has-warning .warningmsg {
  display: block;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group .subform .has-warning .warningmsg {
  margin-top: -5px !important;
}

.form-container .cardarea .fieldgroup .form-horizontal:has(div.barcode), .form-container.form-add-mode .cardform .carddrop.pull-right .fa-clock-rotate-left, .form-container.form-addfill-mode .cardform .carddrop.pull-right .fa-clock-rotate-left, .form-container.form-edit-mode .cardform .carddrop.pull-right .fa-clock-rotate-left, .form-container.form-add-mode .cardform .form-horizontal .form-group .control-label i.audit-trail, .form-container.form-addfill-mode .cardform .form-horizontal .form-group .control-label i.audit-trail, .form-container.form-edit-mode .cardform .form-horizontal .form-group .control-label i.audit-trail {
  display: none;
}

.form-container.form-add-mode .cardform .form-horizontal .form-group .control-label i.audit-trail-grid, .form-container.form-addfill-mode .cardform .form-horizontal .form-group .control-label i.audit-trail-grid, .form-container.form-edit-mode .cardform .form-horizontal .form-group .control-label i.audit-trail-grid {
  display: none !important;
}

.form-container.form-add-mode .cardform .form-horizontal .form-group:has(.manage) .control-label, .form-container.form-addfill-mode .cardform .form-horizontal .form-group:has(.manage) .control-label, .form-container.form-edit-mode .cardform .form-horizontal .form-group:has(.manage) .control-label {
  width: calc(100% - 120px) !important;
}

.form-container.form-add-mode .cardarea .scrolltarget:has(:not([style*="display: none"])), .form-container.form-addfill-mode .cardarea .scrolltarget:has(:not([style*="display: none"])), .form-container.form-edit-mode .cardarea .scrolltarget:has(:not([style*="display: none"])) {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.form-container.form-add-mode .form-horizontal .form-group:has(.manage) .control-label, .form-container.form-addfill-mode .form-horizontal .form-group:has(.manage) .control-label, .form-container.form-edit-mode .form-horizontal .form-group:has(.manage) .control-label {
  width: calc(100% - 120px) !important;
}

.form-container.form-edit-mode .dsl-templ-area .cardread.hasmenu, .form-container.form-read-mode .dsl-templ-area .cardread.hasmenu {
  justify-content: space-evenly;
  display: flex;
  flex-direction: row-reverse !important;
}

.form-container.form-edit-mode .carddrop, .form-container.form-read-mode .carddrop {
  justify-content: flex-end;
  display: flex;
  gap: var(--edit-read-cardrop-g) !important;
}

.form-container.form-edit-mode .carddrop.pull-right .fa-clock-rotate-left, .form-container.form-read-mode .carddrop.pull-right .fa-clock-rotate-left {
  display: none;
}

.form-container.form-edit-mode .carddrop:hover.pull-right .fa-clock-rotate-left, .form-container.form-read-mode .carddrop:hover.pull-right .fa-clock-rotate-left {
  display: block;
}

.form-container.form-edit-mode .form-horizontal .form-group .control-label .fld-adt-hsty-con, .form-container.form-read-mode .form-horizontal .form-group .control-label .fld-adt-hsty-con {
  display: inline-block;
}

.form-container.form-edit-mode .form-horizontal .form-group .control-label i.audit-trail, .form-container.form-read-mode .form-horizontal .form-group .control-label i.audit-trail {
  display: none;
}

.form-container.form-edit-mode .form-horizontal .form-group .control-label i.audit-trail-grid, .form-container.form-read-mode .form-horizontal .form-group .control-label i.audit-trail-grid {
  margin-top: var(--cl-i-audit-trail-grid-mt);
  padding-left: var(--cl-i-audit-trail-grid-tmp-pl);
  display: none !important;
}

.form-container.form-edit-mode .form-horizontal .form-group .control-label:hover, .form-container.form-read-mode .form-horizontal .form-group .control-label:hover, .form-container.form-edit-mode .form-horizontal .form-group .control-label:has(:hover), .form-container.form-read-mode .form-horizontal .form-group .control-label:has(:hover) {
  cursor: pointer;
}

.form-container.form-edit-mode .form-horizontal .form-group .control-label:hover i.audit-trail, .form-container.form-read-mode .form-horizontal .form-group .control-label:hover i.audit-trail, .form-container.form-edit-mode .form-horizontal .form-group .control-label:has(:hover) i.audit-trail, .form-container.form-read-mode .form-horizontal .form-group .control-label:has(:hover) i.audit-trail, .form-container.form-edit-mode .form-horizontal .form-group .control-label:hover i.audit-trail-grid, .form-container.form-read-mode .form-horizontal .form-group .control-label:hover i.audit-trail-grid, .form-container.form-edit-mode .form-horizontal .form-group .control-label:has(:hover) i.audit-trail-grid, .form-container.form-read-mode .form-horizontal .form-group .control-label:has(:hover) i.audit-trail-grid {
  display: block !important;
}

.form-container.form-edit-mode + .wizard-bottom-bar, .form-container.form-add-mode + .wizard-bottom-bar, .form-container.form-read-mode + .wizard-bottom-bar {
  background: none !important;
}

.action-btn-cnt {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.wizard-bottom-bar {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  margin-top: 8px;
  display: flex;
}

.wizard-bottom-bar .cardbar {
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  padding: var(--wizard-bottom-bar-cardbar-p);
  color: #cc7878;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: normal;
  display: flex;
  background-color: #0000 !important;
}

.wizard-bottom-bar .cardbar .readonlymode {
  text-transform: uppercase !important;
  width: max-content !important;
  font-weight: bold !important;
}

.wizard-bottom-bar .cardbar .readonlymode i {
  margin-right: 4px;
}

.wizard-bottom-bar .action-btn-cnt {
  overflow: visible;
}

.action-btn {
  -webkit-user-select: none;
  user-select: none;
  padding: var(--action-btn-p);
  margin: var(--action-btn-m);
  color: #fff;
  background: #5b83b0;
  border-radius: 20px;
  align-items: center;
  display: flex;
}

.form-container {
  flex-direction: row;
  display: flex;
}

.form-container .form-card-menu {
  flex-direction: column;
  min-width: 200px;
  display: flex;
}

.dsl-templ-area {
  background-color: #0000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: scroll;
}

.dsl-templ-area .section-menu-header-hc {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.dsl-templ-area h4[tabgroupid], .dsl-templ-area h3[tabgroupid] {
  color: var(--color-tertiary);
  font-size: var(--font-size-xxsmall);
  text-transform: uppercase !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 24px !important;
  font-weight: 400 !important;
}

.dsl-templ-area h4[tabgroupid]:has( + .container.fieldgroup.hide), .dsl-templ-area h3[tabgroupid]:has( + .container.fieldgroup.hide) {
  display: none;
}

.dsl-templ-area #application:not(:has(.form-container.form-read-mode)) [tabgroupid] {
  border-image: linear-gradient(#dbdbdd, #fff 200px) 1;
}

.dsl-templ-area div[tabgroupid][style="display: none;"] + div[tabgroupid] {
  display: block;
}

.dsl-templ-area .dsl-templ-area .container.fieldgroup[tabgroupid] ~ .container.fieldgroup[tabgroupid]:has(.controls-grid.subform):not(.dsl-tab-area .container.fieldgroup[tabgroupid]) {
  margin-top: 12px !important;
}

.dsl-templ-area [tabcontroller] {
  border-bottom: 1px solid #dbdbdd;
  border-left: 0;
  margin-bottom: 0 !important;
  overflow-x: scroll !important;
}

.dsl-templ-area [tabcontroller] > .tab-list-button {
  border-bottom: none;
}

.dsl-templ-area div[tabcontroller] + div[tabgroupid] {
  border-left: 1px solid;
}

.dsl-templ-area .sf-table-container {
  overflow-y: auto;
}

.dsl-templ-area table.subform-editable-table .gridedit-subrow > * {
  min-width: 100% !important;
}

.dsl-templ-area table.subform-editable-table .gridedit-subrow br {
  display: none;
}

.dsl-templ-area:has(.dsl-tab-container) {
  background-color: #0000;
}

.dsl-templ-area:has(.formload:not([style="display: none;"])) {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-horizontal:not(:has( > :not([style*="display: none"]))) {
  padding: unset !important;
  display: none !important;
}

.container.fieldgroup:not(:has( > :not(.offscreen):not(h3):not(h4):not([style*="display: none"]):not([style*="display:none"]))) {
  display: none !important;
}

.cardarea .form-group .controls:has(input.no-val):before {
  content: "-";
  color: var(--gray-700);
  font-weight: normal;
  font-size: var(--font-size-small);
  position: absolute;
  top: 35px;
  left: 10px;
}

.cardread .form-group .controls:has(input.no-val):before {
  line-height: normal;
  top: 0;
}

.form-add-mode .form-group .controls-grid .control-label:has(.audit-trail-grid) {
  display: none !important;
}

.fieldgroup {
  counter-reset: label-counter;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode, .controls-grid) .control-label {
  position: relative;
  top: 0;
  left: 8px;
}

#application .fieldgroup .form-horizontal .form-group:has(.json-viewer) .control-label {
  position: relative;
  top: 10px;
  left: 0;
}

#application .fieldgroup .form-horizontal .form-group:has(.fileupload) .control-label {
  padding-top: 0;
  position: relative;
  top: 10px;
  left: 4px;
}

#application .form-horizontal:has(.fileupload) {
  background: none !important;
}

#application .fieldgroup .form-horizontal .form-group:has(.checkbox-group) .control-label {
  position: relative;
  top: 0;
  left: 8px;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls * {
  cursor: pointer;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:disabled, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:disabled *, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(input[readonly]), #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(input[readonly]) *, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(input[disabled]), #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(input[disabled]) *, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(textarea[readonly]), #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(textarea[readonly]) *, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(textarea[disabled]), #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(textarea[disabled]) *, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(select[readonly]), #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(select[readonly]) *, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(select[disabled]), #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(select[disabled]) *, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(.control-nonfocusable), #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled]) .controls:has(.control-nonfocusable) * {
  cursor: not-allowed;
}

.fieldgroup .form-horizontal:has(.label-directions) {
  counter-increment: label-counter;
}

.form-group .controls:has(.label-directions) {
  align-items: flex-end;
  display: flex;
}

.form-group .controls:has(.label-directions):before {
  content: "_";
  color: #0000;
  font-size: var(--form-fs-lmd);
  background-image: url("menu-single-icon.bc57e9b3.svg");
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 1px;
  font-family: Soehne, sans-serif;
  font-weight: normal;
  line-height: 24px;
}

.form-container br {
  content: "";
  width: 100%;
  display: block;
}

.form-container br + br {
  display: none;
}

.form-container .esign-link br {
  display: block;
}

.form-container br + br + br {
  display: none;
}

.form-container #application .form-horizontal .form-group {
  position: relative;
}

.form-container #application .form-horizontal .form-group .control-label {
  z-index: 5;
  position: absolute;
  left: 0;
}

.form-container #application .form-horizontal .form-group:has(.controls > input:focus) .control-label, .form-container #application .form-horizontal .form-group:has(.controls > input:not(.no-val):not([value=""])) .control-label, .form-container #application .form-horizontal .form-group:has(.controls .select2-container.select2-dropdown-open) .control-label, .form-container #application .form-horizontal .form-group:has(.controls .select2-container:not(.select2-container-multi):not(.select2-default)) .control-label, .form-container #application .form-horizontal .form-group:has(.controls .select2-container-multi .select2-search-choice) .control-label, .form-container #application .form-horizontal .form-group:has(.controls > textarea) .control-label, .form-container #application .form-horizontal .form-group:has(.controls > .textarea-wrapper) .control-label {
  font-size: 12px;
  top: 10px;
}

.form-container #application .form-horizontal .form-group .controls:has(.field-field-media-viewer) {
  height: auto !important;
  min-height: 28px !important;
  overflow: visible !important;
}

.form-container br + .form-horizontal:has( > [style="display: none;"]) + br, .form-container .form-horizontal:has( > [style="display: none;"]) + br + br, .form-container br + br + .form-horizontal:has( > [style="display: none;"]) + br + br {
  display: none;
}

#application .form-horizontal .form-group .controls > input, #application .form-horizontal .form-group .controls input.unit {
  box-sizing: border-box;
  width: 100%;
  min-height: 60px;
  color: var(--gray-700);
  border: none;
  margin-right: 12px;
  padding: 26px 10px 0;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
}

#application .form-horizontal .form-group .controls > input::placeholder, #application .form-horizontal .form-group .controls input.unit::placeholder {
  color: var(--gray-300);
}

#application .form-horizontal .form-group .controls input.label-line, #application .form-horizontal .form-group .controls div.label-line {
  box-shadow: none;
  border-radius: unset;
  background-image: linear-gradient(#e3e5e8, #e3e5e8);
  background-position: 0 100%;
  background-repeat: no-repeat;
  outline: none;
  min-height: auto;
  padding-top: 10px;
  background-size: 100% 1px !important;
  border-bottom: none !important;
}

#application .form-horizontal .form-group .controls input.label-line-70 {
  background-size: 70ch 1px !important;
  width: 70ch !important;
}

#application .form-horizontal .form-group .controls input.label-line-50 {
  background-size: 50ch 1px !important;
  width: 50ch !important;
}

#application .form-horizontal .form-group .controls input.label-line-45 {
  background-size: 45ch 1px !important;
  width: 45ch !important;
}

#application .form-horizontal .form-group .controls input.label-line-23 {
  background-size: 23ch 1px !important;
  width: 23ch !important;
}

#application .form-horizontal .form-group .controls input.label-line-37 {
  background-size: 37ch 1px !important;
  width: 37ch !important;
}

#application .form-horizontal .form-group .controls input.label-line-17 {
  background-size: 17ch 1px !important;
  width: 17ch !important;
}

#application .form-horizontal .form-group .controls > input[readonly], #application .form-horizontal .form-group .controls > input[disabled] {
  box-shadow: none;
  background: #fafafa;
  outline: none;
  padding-left: var(--spacing-large) !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  background-image: none !important;
  padding-top: 20px !important;
  padding-bottom: 0 !important;
}

#application .form-horizontal .form-group .controls input[disabled].label-line, #application .form-horizontal .form-group .controls input[readonly].label-line {
  border-bottom: 1px solid var(--gray-300);
  min-height: auto;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#application .form-horizontal .form-group .unit-field-control .input-group {
  gap: 10px;
  width: 100%;
  display: flex;
}

#application .form-horizontal .form-group .unit-field-control .input-group input.unit {
  width: 100%;
}

#application .form-horizontal .form-group .unit-field-control .input-group input[readonly], #application .form-horizontal .form-group .unit-field-control .input-group input[disabled] {
  box-shadow: none;
  background: #fafafa;
  outline: none;
  margin-bottom: -10px;
  margin-left: -10px;
  padding-left: var(--spacing-large) !important;
  background-image: none !important;
  padding-top: 35px !important;
  padding-bottom: 0 !important;
}

#application .form-horizontal .form-group .unit-field-control .input-group:has(input[readonly]), #application .form-horizontal .form-group .unit-field-control .input-group:has(input[disabled]) {
  background: #fafafa;
}

#application .form-horizontal .form-group .unit-field-control .input-group .input-group-addon {
  text-align: left;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 44px;
  margin-top: auto;
  display: flex;
  color: #a69fcc !important;
}

#application .form-horizontal .form-group .unit-field-control .input-group .input-group-addon:empty {
  display: none;
}

#application .form-horizontal .form-group .unit-field-control .input-group .input-group-addon:last-child {
  border-radius: var(--radius-medium) !important;
}

#application .form-horizontal .form-group:has(.unit-field-control) .control-label {
  width: calc(50% - 30px);
}

#application .form-horizontal .form-group:has(.label-line) {
  padding: 0;
  padding: 0px var(--spacing-large);
  flex-flow: wrap;
  display: flex;
}

#application .form-horizontal .form-group:has(.label-line) .control-label {
  width: 94px;
  padding-right: var(--spacing-large);
  justify-content: flex-end;
  position: relative;
  left: 0 !important;
}

#application .form-horizontal .form-group:has(.label-line) .controls {
  width: calc(100% - 110px);
}

#application .form-horizontal .form-group:has(.label-line) .controls:has(input.no-val):before {
  top: 7px;
}

#application .form-horizontal .form-group:has(.label-line):has(.no-label) .controls {
  width: 100%;
}

#application .form-horizontal .form-group:has(input[readonly].unit, input[disabled].unit) input {
  margin-left: 0 !important;
}

#application .form-horizontal .form-group:has(input[readonly].unit, input[disabled].unit) input[readonly], #application .form-horizontal .form-group:has(input[readonly].unit, input[disabled].unit) input[disabled] {
  margin-bottom: 0;
  padding-top: 25px !important;
}

#application .form-horizontal .form-group:has(input[readonly].unit, input[disabled].unit) .input-group-addon {
  text-wrap: inherit;
  height: 60px;
}

#application .form-horizontal .form-group:has(.datepicker) .controls > div.picker {
  width: calc(100% - 28px);
}

#application .form-horizontal .form-group.has-error .controls > input[readonly], #application .form-horizontal .form-group.has-error .controls > input[disabled] {
  outline: none;
}

#application .form-horizontal .form-group:has(.controls > input[readonly]) .control-label .field-error-icon, #application .form-horizontal .form-group:has(.controls > input[disabled]) .control-label .field-error-icon {
  display: none !important;
}

#application .cardread .form-horizontal .form-group .controls > input, #application .cardread .form-horizontal .form-group .controls input.unit, #application .cardread .form-horizontal .form-group .controls > input[readonly], #application .cardread .form-horizontal .form-group .controls > input[disabled] {
  margin-left: 0;
  background-color: #0000 !important;
  padding-top: 0 !important;
  padding-left: 10px !important;
}

#application .cardread .form-horizontal .form-group .controls input.label-line {
  border-bottom: unset;
}

#application .cardread .form-horizontal .form-group:has(.label-line) {
  padding: 0;
}

#application .cardread .form-horizontal .form-group:has(.label-line) .controls input.label-line, #application .cardread .form-horizontal .form-group:has(.label-line) .controls input.label-line, #application .cardread .form-horizontal .form-group:has(.label-line) .controls input[disabled].label-line, #application .cardread .form-horizontal .form-group:has(.label-line) .controls input[readonly].label-line {
  width: 100%;
  margin-left: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

#application .cardread .form-horizontal .form-group:has(.label-line) .controls:has(input.no-val):before {
  top: 0;
  left: 0;
}

#application .cardread .form-horizontal .form-group:has(.label-line) .control-label {
  justify-content: flex-start;
  padding-right: 0;
  width: calc(45% - 14px) !important;
}

#application .cardread .form-horizontal .form-group:has(.unit-field-control input[readonly].unit, .unit-field-control input[disabled].unit) .control-label {
  left: 0;
}

#application .cardread .form-horizontal .form-group:has(.unit-field-control input[readonly].unit, .unit-field-control input[disabled].unit) .controls input {
  outline: none;
  width: 50%;
  height: 17px;
  margin-left: 0;
  outline: none !important;
}

#application .cardread .form-horizontal .form-group:has(.unit-field-control input[readonly].unit, .unit-field-control input[disabled].unit) .controls input[readonly], #application .cardread .form-horizontal .form-group:has(.unit-field-control input[readonly].unit, .unit-field-control input[disabled].unit) .controls input[disabled] {
  background-color: #0000 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

#application .cardread .form-horizontal .form-group:has(.unit-field-control input[readonly].unit, .unit-field-control input[disabled].unit) .controls .input-group-addon {
  text-wrap: nowrap;
  outline: none;
  height: 17px;
  padding: 0;
}

#application .cardread .form-horizontal .form-group:has(.controls > input[readonly]) .control-label .field-error-icon, #application .cardread .form-horizontal .form-group:has(.controls > input[disabled]) .control-label .field-error-icon {
  display: none !important;
}

#application .form-horizontal .form-group:has(.controls textarea) {
  padding-top: 8px;
  padding-bottom: 4px;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper {
  width: 100%;
  position: relative;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper:before {
  content: "";
  background-color: var(--white);
  z-index: 1;
  pointer-events: none;
  border-radius: var(--radius-small) var(--radius-small) 0 0;
  height: 28px;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea {
  border: 1px solid var(--gray-200);
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 128px;
  min-height: 60px;
  max-height: calc(100vh - 250px);
  color: var(--gray-700);
  background-color: var(--white);
  font-size: var(--font-size-standard);
  border-radius: var(--radius-small);
  padding: var(--spacing-large);
  resize: vertical;
  padding-top: 30px;
  font-weight: 500;
  position: relative;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea::placeholder {
  color: var(--gray-300);
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea:focus {
  border-color: var(--gray-300);
  outline: none;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea.area-md {
  height: 256px !important;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea.area-lg {
  height: 512px !important;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea.monospace {
  font-family: Menlo, Consolas, Courier New, monospace;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea.area-dynamic {
  height: auto;
  min-height: 2em !important;
  max-height: 750px !important;
  overflow-y: auto !important;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea[readonly], #application .form-horizontal .form-group .controls > .textarea-wrapper > textarea[disabled] {
  box-shadow: none;
  outline: none;
  height: 42.5px;
  background-color: var(--input-bg-disabled) !important;
  padding-left: var(--spacing-large) !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  border: none !important;
  padding-top: 35px !important;
  padding-bottom: 0 !important;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea[readonly].area-dynamic, #application .form-horizontal .form-group .controls > .textarea-wrapper > textarea[disabled].area-dynamic {
  height: auto;
  min-height: 2em !important;
  max-height: 750px !important;
  overflow-y: auto !important;
}

#application .form-horizontal .form-group .controls > textarea {
  border: 1px solid var(--gray-200);
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 128px;
  min-height: 60px;
  max-height: calc(100vh - 250px);
  color: var(--gray-700);
  background-color: var(--white);
  font-size: var(--font-size-standard);
  border-radius: var(--radius-small);
  padding: var(--spacing-large);
  resize: vertical;
  padding-top: 30px;
  font-weight: 500;
}

#application .form-horizontal .form-group .controls > textarea::placeholder {
  color: var(--gray-300);
}

#application .form-horizontal .form-group .controls > textarea.area-md {
  height: 256px !important;
}

#application .form-horizontal .form-group .controls > textarea.area-lg {
  height: 512px !important;
}

#application .form-horizontal .form-group .controls > textarea.monospace {
  font-family: Menlo, Consolas, Courier New, monospace;
}

#application .form-horizontal .form-group .controls > textarea.area-dynamic {
  height: auto;
  min-height: 2em !important;
  max-height: 750px !important;
  overflow-y: auto !important;
}

#application .form-horizontal .form-group .controls > textarea:focus {
  border-color: var(--gray-300);
  outline: none;
}

#application .form-horizontal .form-group .controls > textarea[readonly], #application .form-horizontal .form-group .controls > textarea[disabled] {
  box-shadow: none;
  outline: none;
  height: 42.5px;
  background-color: var(--input-bg-disabled) !important;
  padding-left: var(--spacing-large) !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  border: none !important;
  padding-top: 35px !important;
  padding-bottom: 0 !important;
}

#application .form-horizontal .form-group .controls > textarea[readonly].area-dynamic, #application .form-horizontal .form-group .controls > textarea[disabled].area-dynamic {
  height: auto;
  min-height: 2em !important;
  max-height: 750px !important;
  overflow-y: auto !important;
}

#application .form-horizontal .form-group.has-error .controls .textarea-wrapper > textarea, #application .form-horizontal .form-group.has-error .controls > textarea {
  border: 1px solid var(--color-error) !important;
}

#application .form-horizontal .form-group.has-error .controls .textarea-wrapper > textarea:focus, #application .form-horizontal .form-group.has-error .controls > textarea:focus {
  border: 1px solid var(--gray-300) !important;
}

#application .form-horizontal .form-group.has-error .controls .textarea-wrapper > textarea[readonly], #application .form-horizontal .form-group.has-error .controls .textarea-wrapper > textarea[disabled], #application .form-horizontal .form-group.has-error .controls > textarea[readonly], #application .form-horizontal .form-group.has-error .controls > textarea[disabled] {
  border: none !important;
}

#application .form-horizontal:has(.controls textarea) .control-label {
  z-index: 2;
  width: calc(100% - 40px);
  top: 16px;
  left: 12px;
}

#application .form-horizontal .form-group:has(.controls textarea.monospace) > .control-label {
  margin-top: 4px;
}

#application .cardread .form-horizontal .form-group .controls > .textarea-wrapper:before {
  background-color: #f5f5f5;
}

#application .cardread .form-horizontal .form-group .controls .textarea-wrapper > textarea, #application .cardread .form-horizontal .form-group .controls .textarea-wrapper > textarea[readonly], #application .cardread .form-horizontal .form-group .controls .textarea-wrapper > textarea[disabled], #application .cardread .form-horizontal .form-group .controls > textarea, #application .cardread .form-horizontal .form-group .controls > textarea[readonly], #application .cardread .form-horizontal .form-group .controls > textarea[disabled] {
  padding: var(--spacing-large) !important;
  padding-top: 30px !important;
}

#application .cardread .form-horizontal .form-group:has(.controls textarea) {
  align-items: flex-start !important;
}

#application .cardread .form-horizontal .form-group:has(.controls textarea) .control-label {
  background-color: #f5f5f5;
  min-height: 17px;
  margin-left: 1px;
  padding-top: 0;
}

.form-group:has(.checkbox-only):not(:has(.subform)) {
  height: 60px !important;
}

.form-group:has(.checkbox-only):not(:has(.subform)) .help-container {
  padding-left: 54px !important;
}

.form-group:has(.btn-group.radios):not(:has(.subform)) .help-container {
  padding-top: 4px !important;
}

.form-group:has(.controls > div.checkbox-only):not(:has(.subform)) > .control-label {
  width: calc(100% - 70px) !important;
  font-size: var(--font-size-xsmall) !important;
  top: 22px !important;
  left: 60px !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox {
  background-color: #0000;
  align-items: end;
  height: 62px;
  display: flex;
  padding: var(--spacing-xsmall) !important;
  color: var(--color-text) !important;
  font-size: var(--font-size-xsmall) !important;
  padding-bottom: 15px !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox input + span {
  display: none;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox span {
  width: 20px;
  height: 20px;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container {
  border-radius: var(--radius-xlarge);
  -o-transition: all .2s ease;
  height: 25px;
  transition: all .2s;
  position: relative;
  box-shadow: inset 0 1px 2px #38383814;
  background-color: #f0f0f0 !important;
  width: 44px !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.slider-checkbox-container-toggled {
  box-shadow: 0px 1px 2px 0px #38383814 inset, 0px 0px 0px 2px #fff, 0px 0px 0px 4px var(--color-tertiary);
  background-color: var(--color-tertiary) !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.checkbox-only-disabled {
  background-color: var(--color-text-100);
  cursor: not-allowed;
  box-shadow: none;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.checkbox-only-disabled.slider-checkbox-container-toggled {
  background-color: var(--disabled-background-200);
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.checkbox-only-disabled.slider-checkbox-container-toggled .slider-checkbox.slider-checkbox-toggled {
  background-color: var(--color-text-100);
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.checkbox-only-disabled:hover {
  box-shadow: none;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.checkbox-only-disabled .slider-checkbox {
  background-color: var(--disabled-background-200);
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container:hover {
  box-shadow: inset 0 1px 2px #38383814, 0 0 0 2px #fff, 0 0 0 4px #91b9de;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container .slider-checkbox {
  cursor: pointer;
  -o-transition: left .2s ease;
  top: 2px;
  left: var(--spacing-xxsmall);
  bottom: var(--spacing-xxsmall);
  background-color: #fff;
  transition: left .2s;
  position: relative;
  box-shadow: 0 1px 3px #0a0d121a, 0 1px 2px -1px #0a0d121a;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container .slider-checkbox-toggled {
  left: 22px;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox:has(.checkbox-only-disabled) * {
  cursor: not-allowed !important;
}

.form-group.has-error .checkbox-only .slider-checkbox-container {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e58787;
  background-color: var(--color-error) !important;
}

.form-group.has-error .checkbox-only .slider-checkbox-container.slider-checkbox-container-toggled {
  background-color: var(--color-error) !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e58787 !important;
}

.cardread .form-group:has(.controls > div.checkbox-only) > .control-label {
  width: calc(35% - 8px) !important;
  top: 0 !important;
  left: 10px !important;
}

.cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox {
  background-color: #0000 !important;
}

.cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox > input {
  margin: 0;
}

.cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox:not(:has(input:checked)) {
  display: block !important;
  left: 10px !important;
}

.cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container, .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container-toggled, .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .checkbox-only-disabled, .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox, .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-toggled {
  all: unset !important;
}

.cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox:before {
  content: "-";
  color: var(--gray-700);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-small);
}

.cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox.slider-checkbox-toggled:before {
  content: "ab";
  color: #0000;
  filter: invert(57%) sepia(28%) saturate(615%) hue-rotate(171deg) brightness(90%) contrast(86%);
  background-image: url("field-checkbox-only-checked-value.e1011b01.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 10px;
}

.form-group .controls .checkbox-group {
  gap: var(--spacing-large);
  flex-wrap: wrap;
  padding: 0 0 0 10px;
  display: flex;
}

.form-group .controls .checkbox-group.checkbox-block {
  flex-direction: column;
}

.form-group .controls .checkbox-group label.checkbox {
  border-radius: var(--radius-medium);
  height: 32px;
  padding: 7px var(--spacing-xxxxlarge) var(--spacing-xsmall) var(--spacing-xxxxlarge) !important;
  width: auto !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:checked) {
  box-shadow: none !important;
}

.form-group .controls .checkbox-group label.checkbox span {
  color: var(--gray-700);
  font-weight: 400;
  font-size: var(--font-size-xsmall);
  line-height: 1.2;
  background-color: unset !important;
}

.form-group .controls .checkbox-group label.checkbox input:checked + span {
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-bold) !important;
  color: var(--color-primary) !important;
}

.form-group .controls .checkbox-group label.checkbox input + span:before {
  border: 1px solid #d7dae0 !important;
  border-radius: 4px !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 10px !important;
}

.form-group .controls .checkbox-group label.checkbox input:checked + span:before {
  text-align: center;
  color: #fff;
  background-color: var(--color-primary);
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  content: "" !important;
  box-shadow: none !important;
  background-image: none !important;
  border: none !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) {
  background-color: unset;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) * {
  cursor: not-allowed !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) span {
  color: var(--gray-700) !important;
  background-color: #0000 !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) input:checked + span {
  color: #fff !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) input + span:before {
  box-shadow: none !important;
  background-color: #00000005 !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) input:checked + span:before {
  color: #00000059;
  background-image: none !important;
}

.form-group.has-error .checkbox-group label.checkbox {
  border: none !important;
}

.form-group.has-error .checkbox-group label.checkbox input + span:before {
  border: 2px solid var(--color-error) !important;
}

.form-group.has-error .checkbox-group label.checkbox input:checked + span:before {
  box-shadow: 0 0 0 2px var(--color-error) !important;
}

#application .form-group:has(.btn-group.radios) {
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-end;
  min-height: 62px;
  display: flex;
}

#application .form-group:has(.btn-group.radios) .control-label {
  margin-bottom: 6px;
  position: relative;
  left: 10px;
}

#application .form-group .btn-group {
  border-radius: var(--radius-medium);
  padding: 3px var(--spacing-xsmall);
  background: #fafafa;
  height: 30px;
  margin-bottom: 0;
  position: relative;
  left: 10px;
  box-shadow: inset 0 1px 2px #0000001f;
}

#application .form-group .btn-group .btn {
  font-size: var(--font-size-small);
  color: var(--color-tertiary);
  background: none;
  border: none;
  height: 26px;
  padding: 7px 16px;
  font-weight: 500;
  line-height: 11px;
}

#application .form-group .btn-group .btn.active {
  color: #fff;
  background-color: var(--color-tertiary);
  border-radius: .5rem;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

#application .form-group .btn-group .btn:last-child {
  margin: 0 !important;
}

#application .form-group .btn-group .btn + .btn {
  margin: 0;
}

#application .form-group.has-error .btn-group {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e58787, inset 0 1px 2px #0000001f;
}

#application .form-group.has-error .btn-group .btn.active {
  color: #fff;
  background-color: var(--color-error);
}

#application .form-group .btn-group:has(.disabled) {
  box-shadow: none;
  cursor: not-allowed;
}

#application .form-group .btn-group:has(.disabled) * {
  cursor: not-allowed;
}

#application .form-group .btn-group:has(.disabled) .btn {
  color: #9b9fa8 !important;
}

#application .form-group .btn-group:has(.disabled) .btn.active {
  background-color: #9b9fa8;
  color: #fff !important;
}

#application .form-group .btn-group:has(.disabled) .btn.disabled {
  color: #838894 !important;
  background-color: #0000 !important;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) > label.control-label {
  color: var(--label-color);
  font-weight: 500;
  font-size: var(--font-size-xxsmall);
  padding-top: 8px;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls:has(.barcode) {
  padding-bottom: 8px;
  overflow: visible !important;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls:has(.barcode) > input {
  all: unset;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls:has(.barcode) > input.barcode {
  border: 0;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  color: #0000 !important;
  background: none !important;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam, #application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid {
  width: calc(50% - 24px);
  padding: var(--spacing-large);
  float: left;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-large);
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #837bb2;
  box-sizing: border-box;
  margin-right: var(--spacing-large);
  background: linear-gradient(#fdfdfd 0%, #ededed 100%);
  border: 0;
  max-width: 256px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cfcfcf, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam i {
  color: #837bb2;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam:not(:has(i)) {
  background: linear-gradient(#f9f9f9 0%, #f1f1f1 100%);
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam.disabled, #application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam[disabled], #application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam.disabled i, #application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam[disabled] i, #application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam:disabled i {
  color: var(--gray-400);
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #837bb2 !important;
  opacity: 1 !important;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam:focus-visible {
  box-shadow: none;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-cam .icon-camera-scanner {
  background-image: url("phone.660c8ca2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#7196bf 0%, #5b86b5 100%);
  border: 0;
  max-width: 256px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #426892, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid i {
  color: #fff;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid:not(:has(i)) {
  background: linear-gradient(#6b92bc 0%, #618ab8 100%);
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid.disabled, #application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid[disabled], #application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid.disabled i, #application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid[disabled] i, #application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid:disabled i {
  color: var(--gray-400);
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid:focus-visible {
  box-shadow: none;
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

#application .fieldgroup .form-horizontal .form-group:has(.barcode) .controls .barcode-hid .icon-handheld-scanner {
  background-color: #0000;
  background-image: url("scanner.2fb1c741.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

#application .fieldgroup .form-horizontal:has(.barcode), #application .fieldgroup:has(.barcode), #application .form-group:has(.barcode) {
  overflow: visible !important;
}

#application .fieldgroup .form-horizontal .form-group .controls > .esignfield {
  border-radius: var(--radius-small);
  box-sizing: border-box;
  min-height: 60px;
  padding: 8px 12px;
  position: relative;
  overflow: hidden;
}

#application .fieldgroup .form-horizontal .form-group .esign-link {
  cursor: default;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 170px 34px;
  align-items: center;
  gap: 2px 10px;
  min-height: 44px;
  text-decoration: none;
  display: grid;
}

#application .fieldgroup .form-horizontal .form-group .esign-link > div:first-child {
  color: #5b83b0;
  white-space: nowrap;
  text-overflow: ellipsis;
  grid-area: 1 / 1;
  margin-top: 22px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.1;
  overflow: hidden;
}

#application .fieldgroup .form-horizontal .form-group .esign-text-container {
  flex-direction: column;
  grid-area: 2 / 1 / span 2;
  gap: 1px;
  min-width: 0;
  display: flex;
}

#application .fieldgroup .form-horizontal .form-group .esign-text-container > div {
  color: var(--label-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 9px;
  line-height: 1.05;
  overflow: hidden;
}

#application .fieldgroup .form-horizontal .form-group .esign-image {
  object-fit: contain;
  filter: none;
  opacity: .95;
  pointer-events: none;
  grid-area: 1 / 2 / span 3;
  place-self: center end;
  width: auto;
  max-width: 170px;
  height: 44px;
  margin-top: 12px;
}

#application .fieldgroup .form-horizontal .form-group .esign-link > i, #application .fieldgroup .form-horizontal .form-group .edit-esign-icon {
  color: #5b83b0;
  cursor: pointer;
  grid-area: 1 / 3 / span 3;
  place-self: center end;
  font-size: 22px;
}

#application .fieldgroup .form-horizontal .form-group .esign-link:not(.has-signed) {
  grid-template-columns: 1fr 34px;
}

#application .fieldgroup .form-horizontal .form-group .esign-link:not(.has-signed) .esign-text-container, #application .fieldgroup .form-horizontal .form-group .esign-link:not(.has-signed) .esign-image {
  display: none;
}

#application .fieldgroup .form-horizontal .form-group .esign-link:not(.has-signed) > div:first-child {
  grid-area: 1 / 1;
  margin-top: 28px;
  font-weight: 500;
}

#application .fieldgroup .form-horizontal .form-group .esign-link:not(.has-signed) > i {
  grid-area: 1 / 2;
  margin-top: 8px;
}

#application .form-group .controls .fileupload:hover iframe {
  pointer-events: auto;
}

#application .form-group .controls .fileupload iframe {
  opacity: 0;
  float: left;
  z-index: 2;
  pointer-events: none;
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#application .form-group .controls .fileupload .file-upload-area-container {
  border-radius: var(--radius-medium);
  gap: var(--spacing-large);
  border: 1px dashed #e3e5e8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 112px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 0;
  display: flex;
}

#application .form-group .controls .fileupload .file-upload-area-container.hover {
  background: #f9f9f9;
  border-color: #333;
}

#application .form-group .controls .fileupload .file-upload-area-container .file-icon-area {
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

#application .form-group .controls .fileupload .file-upload-area-container .file-icon-area i {
  color: #837bb2;
  font-size: 14px;
  font-weight: 500;
}

#application .form-group .controls .fileupload .file-upload-area-container .file-text-area {
  text-align: center;
  letter-spacing: 0;
  color: #4d525c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

#application .form-group .controls .fileupload .file-upload-area-container .file-text-area span {
  color: #837bb2;
  font-weight: 700;
}

#application .form-group .controls .fileupload > span, #application .form-group .controls .fileupload .glyphicon-zoom-in, #application .form-group .controls .fileupload.has-file iframe, #application .form-group .controls .fileupload.has-file .file-upload-area-container {
  display: none;
}

#application .form-group .controls .fileupload.has-file > span {
  align-items: center;
  gap: var(--spacing-xsmall);
  margin-top: 8px;
  margin-left: 4px;
  display: flex;
}

#application .form-group .controls .fileupload.has-file > span a {
  color: #668eba;
  font-size: 14px;
  font-weight: 500;
}

#application .form-group .controls .fileupload.has-file > span .delete-file-icon {
  cursor: pointer;
  color: #d98080;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: 500;
}

#application .form-group .controls .fileupload.has-file .preview {
  margin-bottom: 10px;
}

#application .form-group .controls.has-error {
  border-color: var(--color-error);
}

#application .form-horizontal .form-group .controls .select2-container:not(.select2-container-multi) .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container:not(.select2-container-multi) .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container:not(.select2-container-multi) .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container:not(.select2-container-multi) .select2-search-choice-close {
  top: 50%;
  transform: translateY(-50%);
}

#application .form-horizontal .form-group .controls .select2-container, #application .form-horizontal .form-group .controls-grid .select2-container, #application .form-horizontal .form-group .controls .select2-container-multi, #application .form-horizontal .form-group .controls-grid .select2-container-multi {
  vertical-align: middle;
  margin: 0;
  display: inline-block;
  position: relative;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container .select2-search-choice-close, #application .form-horizontal .form-group .controls .select2-container-multi .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-search-choice-close {
  width: 12px;
  height: 12px;
  padding: var(--spacing-large);
  cursor: pointer;
  background-image: url("x-close-outline.4b9473d4.svg");
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  outline: none;
  margin-top: 10px;
  text-decoration: none;
  position: absolute;
  right: 30px;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice, #application .form-horizontal .form-group .controls .select2-container .select2-choices, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices {
  box-sizing: border-box;
  width: 100%;
  min-height: 62px;
  color: var(--gray-700);
  line-height: 0;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
  background-clip: padding-box;
  border: none;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container .select2-choices:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices:has(.select2-chosen-template) {
  padding-top: 0 !important;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls .select2-container .select2-choices .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices .select2-arrow, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-arrow {
  width: 10px;
  height: 100%;
  top: 0;
  right: var(--spacing-xxlarge);
  background-position: center;
  background-clip: padding-box;
  margin-top: 10px;
  display: inline-block;
  position: absolute;
  background-image: url("chevron-down-outline.ea9e659f.svg") !important;
  background-repeat: no-repeat !important;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 42px);
  padding: 44px 10px 10px;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen:has(.select2-chosen-template) {
  position: relative;
  overflow: visible;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template {
  flex-direction: column;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-name {
  color: var(--gray-700);
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  top: 30px;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-top-right {
  color: var(--gray-500);
  white-space: nowrap;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.3;
  position: absolute;
  top: 34px;
  right: 4px;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right {
  color: var(--gray-500);
  white-space: nowrap;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.3;
  position: absolute;
  top: 12px;
  right: 4px;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice.select2-default, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice.select2-default, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice.select2-default, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice.select2-default, #application .form-horizontal .form-group .controls .select2-container .select2-choices.select2-default, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices.select2-default, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices.select2-default, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices.select2-default {
  color: var(--gray-300);
  font-size: var(--font-size-xsmall);
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container .select2-choices.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices.select2-default > .select2-chosen {
  font-weight: normal;
}

#application .form-horizontal .form-group .controls .select2-container.select2-allowclear .select2-choice .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container.select2-allowclear .select2-choice .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi.select2-allowclear .select2-choice .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-allowclear .select2-choice .select2-chosen {
  width: calc(100% - 35px);
}

#application .form-horizontal .form-group .controls .select2-container.select2-allowclear .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container.select2-allowclear .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container-multi.select2-allowclear .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-allowclear .select2-choice abbr {
  font-size: 12px !important;
  line-height: normal !important;
  display: inline-block !important;
}

#application .form-horizontal .form-group .controls .select2-container.select2-allowclear .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls-grid .select2-container.select2-allowclear .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls .select2-container-multi.select2-allowclear .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-allowclear .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls .select2-container.select2-allowclear.select2-default .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container.select2-allowclear.select2-default .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container-multi.select2-allowclear.select2-default .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-allowclear.select2-default .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen:empty + abbr, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen:empty + abbr, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen:empty + abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen:empty + abbr, .form-group[empty="true"] #application .form-horizontal .form-group .controls .select2-container .select2-choice abbr, .form-group[empty="true"] #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice abbr, .form-group[empty="true"] #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice abbr, .form-group[empty="true"] #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice abbr {
  display: none !important;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-search-choice-close, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-search-choice-close {
  background: none;
  display: none;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-search-choice-close .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-search-choice-close .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-search-choice-close .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-search-choice-close .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice abbr {
  display: none !important;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice {
  box-shadow: none;
  background: #fafafa;
  border-radius: 0;
  outline: none;
  padding-left: 0;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen {
  translate: 0;
  color: inherit !important;
  padding-left: 10px !important;
}

:is(#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen:empty, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice > .select2-chosen:empty, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:empty, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:empty, #application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen:blank, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice > .select2-chosen:blank, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:blank, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:blank) {
  margin-top: var(--spacing-small);
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen:empty:before, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice > .select2-chosen:empty:before, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:empty:before, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:empty:before {
  content: "-";
  color: var(--gray-700) !important;
  font-weight: normal !important;
  font-size: var(--font-size-small) !important;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen:blank:before {
  content: "-";
  color: var(--gray-700) !important;
  font-weight: normal !important;
  font-size: var(--font-size-small) !important;
}

#application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice > .select2-chosen:blank:before {
  content: "-";
  color: var(--gray-700) !important;
  font-weight: normal !important;
  font-size: var(--font-size-small) !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:blank:before {
  content: "-";
  color: var(--gray-700) !important;
  font-weight: normal !important;
  font-size: var(--font-size-small) !important;
}

#application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:blank:before {
  content: "-";
  color: var(--gray-700) !important;
  font-weight: normal !important;
  font-size: var(--font-size-small) !important;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice .select2-arrow {
  display: none;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled.select2-allowclear .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled.select2-allowclear .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled.select2-allowclear .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled.select2-allowclear .select2-choice > .select2-chosen {
  margin-left: 0;
}

#application .form-horizontal .form-group .controls .select2-container.list-popover-field .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container.list-popover-field .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls .select2-container-multi.list-popover-field .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container-multi.list-popover-field .select2-choice .select2-arrow {
  width: 16px;
  background-image: none !important;
}

#application .form-horizontal .form-group .controls .select2-container.list-popover-field .select2-choice .select2-arrow:before, #application .form-horizontal .form-group .controls-grid .select2-container.list-popover-field .select2-choice .select2-arrow:before, #application .form-horizontal .form-group .controls .select2-container-multi.list-popover-field .select2-choice .select2-arrow:before, #application .form-horizontal .form-group .controls-grid .select2-container-multi.list-popover-field .select2-choice .select2-arrow:before {
  content: "";
  color: var(--gray-500);
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-search-choice-close {
  margin-top: 0 !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices {
  gap: var(--spacing-standard);
  box-sizing: border-box;
  cursor: text;
  background-color: #0000;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 0 4px;
  padding-top: 26px;
  padding-left: 10px;
  line-height: 0;
  list-style: none;
  display: flex;
  position: relative;
  overflow-x: scroll;
  box-shadow: none !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

#application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices::-webkit-scrollbar-thumb {
  background: none;
  border-radius: 4px;
}

#application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices::-webkit-scrollbar-thumb {
  background: none;
  border-radius: 4px;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices:hover::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
}

#application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices:hover::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices:after, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices:after {
  content: "";
  width: 10px;
  height: 100%;
  top: 0;
  right: var(--spacing-xxlarge);
  pointer-events: none;
  background-position: center;
  background-clip: padding-box;
  margin-top: 10px;
  display: inline-block;
  position: absolute;
  background-image: url("chevron-down-outline.ea9e659f.svg") !important;
  background-repeat: no-repeat !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices li, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices li {
  translate: 0 6px;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-choice {
  color: var(--white);
  background-color: var(--color-tertiary);
  font-size: var(--font-size-xxsmall);
  border-radius: var(--spacing-small);
  text-wrap: nowrap;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-clip: padding-box;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 6px 8px 6px 12px;
  font-weight: 500;
  display: flex;
  position: relative;
  box-shadow: 0 0 1px #0000000f, 0 1px 2px -1px #0000000a;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice div, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-choice div {
  position: relative;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
  filter: brightness(0) invert();
  padding: 0px var(--spacing-xsmall);
  display: block;
  position: relative;
  right: 0;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-field, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-field input, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-field input {
  color: var(--gray-700);
  border-radius: var(--radius-xxsmall);
  box-sizing: border-box;
  width: 100%;
  font-size: var(--font-size-small);
  min-height: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  outline: 0;
  padding: 0;
  font-weight: normal;
  background: none !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-active .select2-choices, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-active .select2-choices {
  box-shadow: 0 0 5px #0000004d;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices {
  cursor: default;
  background-color: #0000;
  outline: none;
  padding-top: 26px;
  padding-bottom: 0;
  padding-left: 10px;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices li, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices li {
  translate: none;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  color: var(--white);
  background-color: #9b9fa8;
  outline: 0;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  background: none;
  display: none;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices:hover, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices:hover {
  box-shadow: none;
  outline: none;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices:has(li.select2-search-field:only-child):before, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices:has(li.select2-search-field:only-child):before {
  content: "-";
  translate: 0 2px;
  color: var(--gray-700) !important;
  font-weight: normal !important;
  font-size: var(--font-size-small) !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi.list-popover-field .select2-choices:after, #application .form-horizontal .form-group .controls-grid .select2-container-multi.list-popover-field .select2-choices:after {
  content: "";
  color: var(--gray-500);
  justify-content: center;
  align-items: center;
  width: 16px;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 300;
  display: flex;
  background-image: none !important;
}

#application .form-horizontal .form-group:has(.label-line) .control-label {
  padding-right: var(--spacing-large);
  justify-content: flex-end;
  top: 11px;
  width: 94px !important;
  left: 0 !important;
}

#application .form-horizontal .form-group:has(.label-line) .select2-container .select2-choice {
  box-shadow: none !important;
  border-radius: unset !important;
  outline: none !important;
  min-height: 40px !important;
}

#application .form-horizontal .form-group:has(.label-line) .select2-container .select2-choice abbr {
  top: 10px !important;
}

#application .form-horizontal .form-group:has(.label-line) .select2-container .select2-choice > .select2-chosen {
  translate: unset !important;
  padding-top: 26px !important;
}

#application .form-horizontal .form-group:has(.label-line) .select2-container .select2-arrow {
  margin-top: 10px !important;
  top: 10px !important;
  transform: translateY(-50%) !important;
}

#application .form-horizontal .form-group:has(.label-line) .select2-container.list-popover-field .select2-choice .select2-arrow {
  width: 16px;
  background-image: none !important;
}

#application .form-horizontal .form-group:has(.label-line) .select2-container.list-popover-field .select2-choice .select2-arrow:before {
  content: "";
  color: var(--gray-700);
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#application .form-horizontal .form-group:has(.label-line) .select2-container.select2-container-disabled .select2-choice > .select2-chosen {
  margin-top: 0;
}

#application .form-horizontal .form-group:has(.label-line) .select2-container-multi.list-popover-field .select2-choices:after {
  content: "";
  color: var(--gray-500);
  justify-content: center;
  align-items: center;
  width: 16px;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 300;
  display: flex;
  background-image: none !important;
  margin-top: 10px !important;
  top: 10px !important;
  transform: translateY(-50%) !important;
}

#application .form-horizontal .form-group:has(.label-line):has(.select2-dropdown-open) .control-label {
  left: 0 !important;
}

#application .form-horizontal .form-group:has(.manage) .controls {
  width: calc(100% - 28px);
}

#application .form-horizontal .form-group.has-error .label {
  color: #838894 !important;
}

#application .form-horizontal .form-group.has-error .controls .select2-container .select2-choice .select2-chosen-top-right, #application .form-horizontal .form-group.has-error .controls .select2-container .select2-choice .select2-chosen-bottom-right {
  color: #bf7171 !important;
}

#application .form-horizontal .form-group.has-error .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen {
  margin-top: 0;
  margin-left: 0;
}

#application .form-horizontal .form-group:has(.select2-container) .control-label {
  width: calc(100% - 80px);
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices {
  border: none;
  min-height: 17px;
  margin-bottom: 0;
  padding: 0;
  overflow-x: auto;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice li, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice li, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice li, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice li, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices li, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices li, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices li, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices li {
  translate: 0;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen {
  margin-top: 0;
  margin-left: 0;
  translate: 0;
}

:is(#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen:blank, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen:blank, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen:blank, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen:blank, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen:blank, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen:blank, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen:blank, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen:blank) {
  margin-top: 0;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice .select2-search-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice .select2-search-choice, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice .select2-search-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice .select2-search-choice, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices .select2-search-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices .select2-search-choice, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-choice {
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 8px;
  line-height: normal;
  color: var(--white) !important;
  font-size: var(--font-size-xxsmall) !important;
  font-weight: 500 !important;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice .select2-search-field, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice .select2-search-field, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice .select2-search-field, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice .select2-search-field, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices .select2-search-field, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices .select2-search-field, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-field, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-field, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice .select2-arrow, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice .select2-arrow, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice .select2-arrow, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice .select2-arrow, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices .select2-arrow, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices .select2-arrow, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-arrow, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-arrow {
  display: none;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-container-disabled .select2-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-container-disabled .select2-choice, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-container-disabled .select2-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-container-disabled .select2-choice, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-container-disabled .select2-choices, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-container-disabled .select2-choices, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-container-disabled .select2-choices, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-container-disabled .select2-choices {
  border: none;
  min-height: auto;
}

#application .cardread .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #0000;
  border: none;
  padding-left: 10px;
}

#application .cardread .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  translate: 0;
}

#application .cardread .form-horizontal .form-group:has(.label-line) .select2-choice {
  height: auto;
  margin-top: 0;
  margin-left: 0;
  border-bottom: none !important;
  width: 100% !important;
  min-height: auto !important;
  padding-top: 0 !important;
}

#application .cardread .form-horizontal .form-group:has(.manage) .controls {
  width: 100%;
}

.select2-drop {
  z-index: 999999;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-small);
  background-color: #fff;
  width: 100%;
  position: absolute;
  top: 100%;
  box-shadow: 0 3px 5px -2px #0000000a, 0 0 1px -2px #0000000a, 0 3px 6px 2px #00000014;
}

.select2-drop.select2-drop-active.select2-drop-above {
  margin-top: -2px;
}

.select2-drop.select2-drop-active {
  margin-top: 1px;
}

.select2-drop.select2-drop-active .select2-search {
  padding: var(--spacing-small);
}

.select2-drop.select2-drop-active .select2-search input {
  margin-bottom: var(--spacing-small);
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  padding: var(--spacing-large);
  color: var(--gray-700);
  font-size: var(--font-size-small);
  background-color: #fafafa;
  border: 1px solid #ebebe8;
  border-radius: 4px;
  font-weight: normal;
  line-height: 0;
  box-shadow: inset 0 0 1px #0000000a, inset 0 1px 1px #0000000d, inset 0 2px 2px #00000008, inset 0 4px 2px #00000003, inset 0 6px 3px #0000 !important;
}

.select2-drop.select2-drop-active .select2-search input::placeholder {
  color: var(--gray-300);
}

.select2-drop.select2-drop-active .select2-results {
  gap: var(--spacing-small);
  padding: var(--spacing-small);
  flex-direction: column;
  display: flex;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label {
  cursor: pointer;
  border-radius: var(--radius-small);
  width: 100%;
  min-height: 32px;
  font-size: var(--font-size-xsmall);
  padding: var(--spacing-large) var(--spacing-large) var(--spacing-large) var(--spacing-standard);
  color: var(--gray-700);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
  font-weight: normal;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label:has(.select2-inventory-template):after {
  display: none !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template {
  flex-direction: column;
  display: flex;
  width: 100% !important;
  min-height: 40px !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .row-top, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .row-bottom {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: start;
  column-gap: 8px;
  width: 100%;
  min-width: 0;
  display: grid;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .row-bottom {
  grid-template-columns: minmax(0, 1fr) max-content;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-name, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-label, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-sublabel {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-stock {
  min-width: 0;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding-right: 12px;
  display: block;
  position: relative;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-label, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-sublabel {
  white-space: nowrap;
  text-align: right;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .row-bottom .select2-inventory-template-right-sublabel {
  white-space: nowrap;
  text-overflow: clip;
  width: auto;
  display: block;
  overflow: visible;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .row-bottom .select2-inventory-template-fdb {
  width: 100%;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-fdb {
  padding-right: 32%;
  display: block;
  position: relative;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-label, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-sublabel {
  float: none;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .row-top .select2-inventory-template-right-label, .select2-drop.select2-drop-active .select2-results .select2-result-label .row-bottom .select2-inventory-template-right-sublabel {
  justify-self: end;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template {
  flex-direction: column;
  display: flex;
  position: relative;
  min-height: 40px !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .select2-inventory-template-fdb-name {
  width: 100%;
  display: block;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  font-size: var(--font-size-xssmall) !important;
  overflow: hidden !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .select2-inventory-template-stock {
  color: var(--gray-500);
  margin-top: 4px;
  padding-left: 4px;
  font-size: var(--font-size-xsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .select2-inventory-template-stock.warning {
  color: var(--color-error-500) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .select2-inventory-template-name .select2-inventory-template-right-label {
  color: var(--gray-500);
  white-space: nowrap;
  text-overflow: ellipsis;
  right: var(--spacing-standard);
  text-align: right;
  max-width: 32%;
  padding-left: 4px;
  position: absolute;
  top: 0;
  overflow: hidden;
  font-weight: 400 !important;
  font-size: var(--font-size-xxsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .select2-inventory-template-fdb .select2-inventory-template-right-sublabel {
  color: var(--gray-500);
  white-space: nowrap;
  text-overflow: ellipsis;
  right: var(--spacing-standard);
  text-align: right;
  max-width: 32%;
  padding-left: 4px;
  position: absolute;
  top: 0;
  overflow: hidden;
  font-size: var(--font-size-xsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-label-template {
  flex-direction: column;
  display: flex;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-label-template .select2-label-template-sublabel {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  max-width: 100%;
  color: var(--gray-500);
  -webkit-box-orient: vertical;
  margin-top: 4px;
  padding-left: 4px;
  line-height: 1.2em;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-xsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-cmp-instr-template {
  flex-direction: column;
  display: flex;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-cmp-instr-template .select2-label-template-sublabel {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  max-width: 100%;
  color: var(--gray-500);
  -webkit-box-orient: vertical;
  margin-top: 4px;
  padding-left: 4px;
  line-height: 1.2em;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-xsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template {
  flex-direction: column;
  width: 100%;
  min-height: 40px;
  display: flex;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .row-top, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .row-bottom {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: start;
  column-gap: 8px;
  width: 100%;
  min-width: 0;
  display: grid;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .select2-address-template-name {
  color: var(--gray-700);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
  padding-right: 12px;
  font-weight: 600;
  display: block;
  position: relative;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .select2-address-template-right-label {
  font-size: var(--font-size-xxsmall);
  color: var(--color-tertiary);
  background: var(--brand-100);
  border-radius: var(--radius-small);
  white-space: nowrap;
  text-align: right;
  justify-self: end;
  padding: 2px 6px;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .select2-address-template-address {
  color: var(--gray-500);
  font-size: var(--font-size-xsmall);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
  margin-top: 4px;
  padding-left: 4px;
  display: block;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .select2-address-template-right-sublabel {
  color: var(--gray-500);
  font-size: var(--font-size-xxsmall);
  white-space: nowrap;
  text-align: right;
  justify-self: end;
  margin-top: 4px;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label:hover, .select2-drop.select2-drop-active .select2-results .select2-result-label:hover a {
  background-color: var(--brand-100);
  color: var(--gray-700);
}

.select2-drop.select2-drop-active .select2-results .select2-result-label.active, .select2-drop.select2-drop-active .select2-results .select2-result-label.select2-highlighted {
  background-color: var(--brand-100);
  color: var(--gray-700);
  font-family: Soehne, sans-serif;
  font-weight: normal;
}

.select2-drop.select2-drop-active .select2-results .select2-highlighted .select2-result-label {
  width: 100%;
  color: var(--gray-700);
  background-color: #eef6ff;
  justify-content: space-between;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: normal;
  display: flex;
}

.select2-drop.select2-drop-active .select2-results .select2-highlighted .select2-result-label:after {
  content: "";
  float: right;
  filter: invert(57%) sepia(28%) saturate(615%) hue-rotate(171deg) brightness(90%) contrast(86%);
  background-image: url("check.5dcacca1.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.select2-drop.select2-drop-active .select2-results .select2-highlighted .select2-result-label:has(.select2-inventory-template-stock):after {
  display: none !important;
}

#application .form-horizontal .form-group:has(.table, .dataTable) .control-label {
  text-transform: uppercase;
  letter-spacing: .04em;
  border-bottom: none;
  font-size: 12px;
  line-height: 31px;
  top: 8px;
  color: var(--color-tertiary) !important;
  font-weight: 500 !important;
}

#application .form-horizontal .form-group .controls-grid {
  gap: var(--spacing-large);
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow-x: auto;
}

#application .form-horizontal .form-group .controls-grid .table {
  border-collapse: collapse;
  margin-bottom: auto;
  overflow: auto;
}

#application .form-horizontal .form-group .controls-grid .table thead tr, #application .form-horizontal .form-group .controls-grid .table tbody tr {
  height: auto;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th:not(.offscreen), #application .form-horizontal .form-group .controls-grid .table tbody tr th:not(.offscreen) {
  min-width: 80px;
  padding-right: var(--spacing-standard) !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th:not(.offscreen).icon-placeholder, #application .form-horizontal .form-group .controls-grid .table tbody tr th:not(.offscreen).icon-placeholder {
  min-width: 30px !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr td:not(.offscreen), #application .form-horizontal .form-group .controls-grid .table tbody tr td:not(.offscreen) {
  background-color: #0000 !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th {
  font-weight: var(--font-weight-medium);
  color: var(--gray-400);
  font-size: var(--font-size-xsmall);
  padding: var(--spacing-small-standard) 0px var(--spacing-small-standard) 8px;
  line-height: var(--line-height-xsmall-small);
  word-break: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #f2f2f0;
  overflow: hidden;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.claim-field:before {
  content: ".";
  color: #0000;
  filter: invert(57%) sepia(28%) saturate(615%) hue-rotate(171deg) brightness(90%) contrast(86%);
  content: ". . ";
  background-image: url("claim.a41d3719.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
  margin-right: 4px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.important {
  color: #746d9e;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.important .input {
  color: #746d9e !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.important:before {
  content: ".";
  color: #0000;
  content: ". . ";
  background-image: url("important.649d9e9a.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
  margin-right: 4px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.money {
  color: #679989;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.money .input {
  color: #679989 !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.money:before {
  content: ".";
  color: #0000;
  content: ". . ";
  background-image: url("money.2ba97c8a.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
  margin-right: 4px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.discount {
  color: #50749c;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.discount:before {
  content: ".";
  color: #0000;
  content: ". . ";
  background-image: url("discount.3de72137.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
  margin-right: 4px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.status {
  color: #746d9e;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.status .input {
  color: #746d9e !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.status:before {
  content: ".";
  color: #0000;
  content: ". . ";
  background-image: url("status.352c091b.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
  margin-right: 4px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.check-field {
  color: #f57066;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.check-field:before {
  content: ".";
  color: #0000;
  content: ". . ";
  background-image: url("checkmark.1b8e6698.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
  margin-right: 4px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.fdb-field:before {
  content: ".";
  color: #0000;
  content: ". . ";
  background-image: url("fdb.868703bd.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
  margin-right: 4px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.cms-1500-field:before {
  content: ".";
  color: #0000;
  content: ". . ";
  background-image: url("cms-1500.959fdeb1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
  margin-right: 4px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.sorting, #application .form-horizontal .form-group .controls-grid .table thead tr th.sorting_desc, #application .form-horizontal .form-group .controls-grid .table thead tr th.sorting_asc {
  position: relative;
  padding-right: 20px !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.sorting:after, #application .form-horizontal .form-group .controls-grid .table thead tr th.sorting_desc:after, #application .form-horizontal .form-group .controls-grid .table thead tr th.sorting_asc:after {
  position: absolute;
  right: 5px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.handle, #application .form-horizontal .form-group .controls-grid .table thead tr th.delete-row, #application .form-horizontal .form-group .controls-grid .table thead tr th.delete-subrow {
  width: 30px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.required-th {
  font-weight: 500;
  color: var(--color-error) !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.required-th * {
  color: var(--color-error) !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.required-th:before {
  filter: invert(70%) sepia(40%) saturate(500%) hue-rotate(330deg) brightness(140%) contrast(90%);
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td {
  vertical-align: top;
  background-color: #0000;
  padding: 0;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td > i {
  cursor: pointer;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.handle, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-row, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-subrow {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.handle i, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-row i, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-subrow i {
  content: ". . ";
  color: #0000;
  margin-right: 4px;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.handle i.glyphicon-resize-vertical {
  -webkit-text-stroke: 1px #e58888;
  color: #0000;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.handle i.glyphicon-resize-vertical:before {
  font-size: var(--font-size-xsmall);
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices {
  padding-top: var(--spacing-large);
  background-color: #fafafa;
  border-radius: 4px;
  outline: none;
  min-height: 44px;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice .select2-chosen, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice .select2-chosen, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices .select2-chosen, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices .select2-chosen {
  padding: 10px 0 10px 10px;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices .select2-arrow, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices .select2-arrow {
  margin-top: 0;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice.select2-default, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice.select2-default, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices.select2-default, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices.select2-default {
  color: var(--gray-400);
  background-color: #fafafa;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice:hover, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice:hover, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices:hover, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices:hover {
  outline: none;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices .select2-chosen-template .select2-chosen-name {
  top: 13px;
  left: 10px;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice .select2-chosen-template .select2-chosen-details, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice .select2-chosen-template .select2-chosen-details, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices .select2-chosen-template .select2-chosen-details, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices .select2-chosen-template .select2-chosen-details {
  display: none;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container.select2-allowclear .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi.select2-allowclear .select2-choice abbr {
  top: var(--spacing-xlarge);
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container.select2-allowclear .select2-choice .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi.select2-allowclear .select2-choice .select2-search-choice-close {
  margin-top: 10px;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices {
  padding: 5px 8px 0;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices li {
  translate: 0;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-row, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-subrow {
  content: "";
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-row i, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-subrow i {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-row i:before, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-subrow i:before {
  content: "";
  background-image: url("delete-outline.03bb9ed4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 18px;
  height: 18px;
  display: inline-block;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td input, #application .form-horizontal .form-group .controls-grid .table tbody tr td select, #application .form-horizontal .form-group .controls-grid .table tbody tr td textarea {
  border-radius: var(--radius-medium);
  width: 100%;
  min-height: 44px;
  padding: var(--spacing-large);
  padding-top: var(--spacing-large);
  box-sizing: border-box;
  color: var(--gray-700);
  line-height: 20px;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  background-color: #fafafa;
  border: none;
  border-radius: 4px;
  box-shadow: inset 0 0 1px #0000000a, inset 0 1px 1px #0000000d, inset 0 2px 2px #00000008, inset 0 4px 2px #00000003, inset 0 6px 3px #0000;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td input .select2-choice, #application .form-horizontal .form-group .controls-grid .table tbody tr td select .select2-choice, #application .form-horizontal .form-group .controls-grid .table tbody tr td textarea .select2-choice {
  background-color: #fafafa;
  box-shadow: inset 0 0 1px #0000000a, inset 0 1px 1px #0000000d, inset 0 2px 2px #00000008, inset 0 4px 2px #00000003, inset 0 6px 3px #0000;
  border-radius: 4px !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td input::placeholder, #application .form-horizontal .form-group .controls-grid .table tbody tr td select::placeholder, #application .form-horizontal .form-group .controls-grid .table tbody tr td textarea::placeholder {
  color: var(--gray-400);
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-horizontal, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-horizontal {
  background: none;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group {
  margin: 0 !important;
  padding: 0 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls *, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls * {
  cursor: pointer;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
  position: static !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-1, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-1, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-2, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-2, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-3, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-3, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-4, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-4, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-5, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-5, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-6, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-6, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-7, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-7, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-8, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-8, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-9, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-9, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-10, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-10, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-11, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-11, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-12, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-12, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-1, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-1, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-2, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-2, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-3, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-3, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-4, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-4, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-5, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-5, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-6, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-6, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-7, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-7, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-8, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-8, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-9, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-9, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-10, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-10, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-11, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-11, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-12, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-12 {
  float: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls.numeral-value input, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls.numeral-value input {
  text-align: right !important;
  padding-right: var(--spacing-standard) !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls > input[readonly], #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls > input[readonly] {
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls:has(input.no-val):before, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls:has(input.no-val):before {
  top: var(--spacing-large);
  left: var(--spacing-large);
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .checkboxes, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .checkboxes {
  flex-wrap: nowrap;
  overflow-x: auto;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .checkboxes::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .checkboxes::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .checkboxes:hover::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .checkboxes:hover::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .checkboxes label.checkbox, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .checkboxes label.checkbox {
  min-width: min-content;
  height: auto;
  min-height: auto;
  padding: 0;
  padding: var(--spacing-large) var(--spacing-xxxxlarge) !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .checkboxes label.checkbox input, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .checkboxes label.checkbox input {
  display: none;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .checkboxes.checkbox-only label.checkbox, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .checkboxes.checkbox-only label.checkbox {
  padding: var(--spacing-large) 4px !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls *, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls * {
  cursor: not-allowed;
  background-color: #0000;
  box-shadow: none !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls .select2-search-choice-close {
  background-color: #0000;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] > input[readonly], #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] > input[disabled] {
  cursor: not-allowed;
  color: var(--gray-600);
  background-color: #0000;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td textarea {
  height: 44px;
  padding: 10px;
  translate: 0 3px;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td > i.glyphicon-zoom-in {
  top: var(--table-tr-th-td-i-zoom-top);
  cursor: zoom-in;
}

#application .form-horizontal .form-group .controls-grid .subform-editable-table, #application .form-horizontal .form-group .controls-grid .table-sortable {
  border-collapse: separate;
  border-spacing: 5px;
}

#application .form-horizontal .form-group .controls-grid .subform-editable-table tbody tr td {
  border-bottom: none;
}

#application .form-horizontal .form-group .controls-grid .table-sortable tbody tr td .select2-container {
  border-radius: 4px;
  box-shadow: 0 1px 1px #0000000a, 0 2px 2px #00000008, 0 3px 3px #00000005, 0 6px 3px #00000003, 0 10px 4px #0000;
}

#application .form-horizontal .form-group .controls-grid .form-group {
  gap: 0;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th {
  padding: 0;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn {
  margin: var(--spacing-large) 0px 4px 4px;
  cursor: pointer;
  padding: var(--spacing-standard) var(--spacing-xlarge);
  text-transform: capitalize;
  gap: var(--spacing-xsmall);
  border-radius: var(--radius-medium);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: fit-content;
  min-height: 36px;
  display: flex;
  min-width: 30px !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn .inner-cont .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  filter: none !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn .inner-cont .label {
  font-weight: var(--font-weight-medium);
  background-color: #0000;
  font-size: var(--font-size-xsmall) !important;
  filter: none !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.disabled {
  cursor: not-allowed !important;
  opacity: 1 !important;
  filter: none !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow {
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
  background-color: var(--color-text-50) !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row .inner-cont .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow .inner-cont .icon {
  background-image: url("plus-outlined.a83cd4fc.svg");
  background-position: center;
  background-repeat: no-repeat;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row .inner-cont .label, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow .inner-cont .label {
  color: var(--brand-700) !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:hover, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:hover {
  background-color: var(--brand-50) !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:hover .inner-cont .label, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:hover .inner-cont .label {
  background-color: #0000;
  color: var(--brand-800) !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:focus, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:focus {
  background-color: var(--brand-100);
  box-shadow: 0px 0px 0px 1px #0a0d122e inset, 0px -2px 0px 0px #0a0d120d inset, 0px 1px 2px 0px #0a0d120d, 0px 0px 0px 2px #fff, 0px 0px 0px 4px var(--color-tertiary);
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:focus .inner-cont .label, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:focus .inner-cont .label {
  color: var(--brand-700);
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row.disabled, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow.disabled {
  outline: 1px solid var(--brand-100);
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
  background-color: var(--white) !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row.disabled .inner-cont .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow.disabled .inner-cont .icon {
  filter: invert(65%) sepia(6%) saturate(120%) hue-rotate(180deg) brightness(95%) contrast(85%) !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row.disabled .inner-cont .label, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow.disabled .inner-cont .label {
  color: var(--color-text-400) !important;
}

#application .form-horizontal .form-group .controls-grid {
  padding: 4px 0 8px;
}

#application .form-horizontal .form-group .controls-grid.subform:has(.add-subrow-dum) .dsl-action-btn.btn-add.add-subrow, #application .form-horizontal .form-group .controls-grid.subform:has(.add-subrow-flyout) .dsl-action-btn.btn-add.add-subrow, #application .form-horizontal .form-group .controls-grid.subform:has(.add-subrow-dum) .dsl-action-btn.btn-add.add-row, #application .form-horizontal .form-group .controls-grid.subform:has(.add-subrow-flyout) .dsl-action-btn.btn-add.add-row {
  display: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .control-label {
  display: none;
}

#application .form-horizontal .form-group .controls-grid.subform .table :focus-visible, #application .form-horizontal .form-group .controls-grid.subform .table :focus {
  outline: none;
}

#application .form-horizontal .form-group .controls-grid.subform .table .has-error-grid {
  border-radius: 4px;
  border: 1px solid var(--color-error) !important;
  border-color: var(--color-error) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table input {
  min-width: 50px !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .numeral-value {
  text-align: right !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table input[type="checkbox"] {
  box-shadow: none !important;
  min-width: fit-content !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table textarea {
  height: 39px;
  min-height: 39px;
  max-height: 60px;
  min-width: 80px !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .select2-container, #application .form-horizontal .form-group .controls-grid.subform .table select {
  width: 100%;
}

#application .form-horizontal .form-group .controls-grid.subform .table .btn-group {
  min-width: 100px !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .checkboxes:not(.checkbox-only) {
  margin: 0 !important;
  padding: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .checkboxes.checkbox-only {
  min-width: 80px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table thead tr {
  text-align: left;
  background-color: #f2f2f0;
  padding: 0 16px;
}

#application .form-horizontal .form-group .controls-grid.subform .table thead tr th {
  color: #949491;
  font-size: 12px;
  font-weight: 500;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--gray-100);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr:has(.controls) td {
  vertical-align: top !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td {
  color: var(--gray-700);
  font-weight: var(--font-weight-bold);
  font-size: var(--spacing-standard) var(--font-size-xsmall);
  vertical-align: middle;
  height: 44px;
  display: table-cell;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td:first-child {
  padding-left: 8px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > * {
  vertical-align: middle;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td.delete-subrow {
  padding-top: 10px;
  position: relative;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td.edit-subrow {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: table-cell;
  position: relative;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td.edit-subrow i {
  text-align: center;
  vertical-align: middle;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td.edit-subrow i:before {
  content: "abc";
  color: #0000;
  background-image: url("edit-row-outline.58f54759.svg");
  background-position: center;
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
  width: 28px;
  display: flex;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal {
  width: 100%;
  padding: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group {
  padding: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls {
  border-radius: 4px;
  border-bottom: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls input {
  border-radius: 4px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container {
  border-radius: 4px;
  box-shadow: 0 1px 1px #0000000a, 0 2px 2px #00000008, 0 3px 3px #00000005, 0 6px 3px #00000003, 0 10px 4px #0000 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container .select2-choices:after {
  margin-top: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls select.select2field {
  appearance: none;
  background: url("chevron-down-outline.ea9e659f.svg") right 10px center no-repeat;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls select.select2field option {
  min-height: 32px;
  line-height: var(--line-height-medium);
  cursor: pointer;
  border-radius: var(--radius-small);
  font-size: var(--font-size-small);
  padding: var(--spacing-large) var(--spacing-large) var(--spacing-large) var(--spacing-standard);
  font-weight: var(--font-weight-semibold);
  color: var(--gray-700);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls select.select2field option:hover {
  background-color: var(--brand-100);
  color: var(--gray-700);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen {
  margin-top: 0;
  margin-left: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield {
  min-height: 40px;
  padding: 0px var(--spacing-large);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link {
  height: 40px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link .esign-text-container {
  width: 160px;
  translate: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link .esign-text-container > div {
  font-size: 10px;
  line-height: var(--line-height-xxsmall);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link .esign-text-container > div:first-child {
  translate: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link > i {
  font-size: 18px;
  font-weight: 300 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link .esign-image {
  height: 50px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link .edit-esign-icon {
  width: 20px;
  height: 20px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield:has(.has-signed) {
  box-shadow: none;
  outline: none;
  min-height: 44px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield:has(.has-signed) .esign-image {
  height: 50px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-hid, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-cam {
  max-width: 256px;
  padding: var(--spacing-small) var(--spacing-xsmall);
  gap: var(--spacing-xsmall);
  font-size: 10px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-hid span.icon-handheld-scanner, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-cam span.icon-handheld-scanner, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-hid span.icon-camera-scanner, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-cam span.icon-camera-scanner {
  width: 18px;
  height: 18px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .help-container .help-block.errormsg {
  background-color: #0000;
  border: none;
  height: auto;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group.has-error.error-shown .help-container:has(.errormsg:not(:empty)) {
  margin-top: 2px;
  padding: 0 !important;
  display: block !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group.has-error.error-shown .help-container:has(.errormsg:not(:empty)) .errormsg {
  text-align: left;
  color: #d98080 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  display: block !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tfoot tr th {
  padding: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tfoot tr th .dsl-action-btn.add-subrow .inner-cont .label {
  color: var(--brand-700) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add {
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-standard);
  display: flex;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn {
  margin-top: var(--spacing-large);
  margin: var(--spacing-large) 0px 4px 4px;
  cursor: pointer;
  padding: var(--spacing-standard) var(--spacing-xlarge);
  text-transform: uppercase;
  gap: var(--spacing-xsmall);
  border-radius: var(--radius-medium);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: fit-content;
  min-height: 36px;
  display: flex;
  min-width: 30px !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn .inner-cont .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  filter: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn .inner-cont .label {
  background-color: #0000;
  font-weight: normal;
  font-size: var(--font-size-xsmall) !important;
  filter: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.disabled {
  cursor: not-allowed !important;
  opacity: 1 !important;
  filter: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: var(--brand-700);
  box-sizing: border-box;
  background: linear-gradient(#fff 0%, #f2f2f2 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #d4d4d4, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout i {
  color: var(--brand-700);
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:not(:has(i)), #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:not(:has(i)) {
  background: linear-gradient(#fefefe 0%, #f6f6f6 100%);
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum.disabled, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout.disabled, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[disabled], #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[disabled], #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:disabled, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum.disabled i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout.disabled i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[disabled] i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[disabled] i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:disabled i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:disabled i {
  color: var(--gray-400);
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:hover:not(:disabled):not([disabled]):not(.disabled), #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: var(--brand-700) !important;
  opacity: 1 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:active, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:focus-visible, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:focus-visible {
  box-shadow: none;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:focus:not(:disabled):not([disabled]):not(.disabled), #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum .inner-cont, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout .inner-cont {
  font-weight: var(--font-weight-medium) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum .inner-cont .icon, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout .inner-cont .icon {
  background-image: url("plus-outlined.a83cd4fc.svg");
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum .inner-cont .label, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout .inner-cont .label {
  font-weight: var(--font-weight-medium) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout .inner-cont .icon {
  background-image: url("add-full-form-outline.e2daf924.svg");
  filter: brightness(0) saturate() invert(49%) sepia(10%) saturate(1500%) hue-rotate(209deg) brightness(94%) contrast(84%) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout .inner-cont .label {
  font-weight: var(--font-weight-medium) !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr {
  width: 100% !important;
  display: table-row !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th {
  max-width: none !important;
  display: table-cell !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th > * {
  vertical-align: top !important;
  display: inline-block !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container {
  margin-left: 8px;
  margin: var(--spacing-large) 0px 4px 4px;
  width: 100% !important;
  display: inline-block !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.note, #application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.warningmsg, #application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.errormsg, #application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block span {
  text-align: left;
  background-color: #0000 !important;
  border: none !important;
  height: 36px !important;
  line-height: 1.6 !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.note:has(span:empty), #application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.warningmsg:empty, #application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.errormsg:empty {
  display: none !important;
}

#application .form-horizontal .form-group.has-error.error-shown .controls-grid.subform {
  border-radius: 8px;
  margin-top: 4px;
  overflow: hidden;
  border: 2px solid #e58787 !important;
}

#application .form-horizontal .form-group.has-error.error-shown:focus-within .controls-grid.subform {
  border-color: #e58787 !important;
}

#application .form-horizontal .form-group.has-error.error-shown .subform .sf-table-container .checkbox {
  border: none;
}

#application .form-horizontal .form-group.has-error.error-shown .subform .sf-table-container .checkbox span {
  color: var(--color-tertiary) !important;
}

#application .form-horizontal .form-group.has-error.error-shown .subform .sf-table-container .checkbox input:checked + span {
  color: #fff !important;
}

#application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container {
  margin-top: var(--spacing-medium);
  width: 100%;
  height: auto !important;
  display: flex !important;
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
}

#application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container .help-block.errormsg {
  color: var(--color-error);
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-medium);
  text-align: left;
  background-color: #fff;
  border: none;
  height: 36px;
  margin-bottom: 4px;
}

#application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container .help-block.note {
  text-align: left;
  background-color: #fff;
  height: 36px;
  margin-bottom: 4px;
}

#application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container .help-block.note:has(span:empty), #application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container .help-block.warningmsg:empty, #application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container .help-block.errormsg:empty {
  display: none !important;
}

#application .form-horizontal .form-group.has-error.error-shown.has-error.error-shown tfoot .help-container.json-subform-help {
  display: flex !important;
}

#application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table thead th, #application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody td.read-subrow {
  padding-left: var(--spacing-standard);
}

#application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr:nth-child(odd of tr[rowid]), #application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr:not(.row-preview):nth-child(odd) {
  background-color: var(--color-background-400);
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table thead th, #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody td.read-subrow {
  padding-left: var(--spacing-standard);
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr:nth-child(odd of tr[rowid]), #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr:not(.row-preview):nth-child(odd) {
  background-color: var(--color-background-400);
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr[rowid] td {
  border-bottom: 1px solid var(--gray-100);
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr.row-preview td {
  border-bottom: none !important;
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr[rowid]:not(:has( + tr.row-preview + tr[rowid])) td {
  border-bottom: none;
}

#application:has(.form-container.form-read-mode) .dsl-tab-view-container > .tab-list .dynamic-tab-list:before {
  display: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread {
  height: 100%;
  box-shadow: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .container.area_header ~ .dsl-tab-container.level_1 .dsl-tab-header.level_1 {
  padding-bottom: 12px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-header.level_1 {
  background-color: #0000 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  padding-bottom: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-header.level_1 .nav-tabs > li.active > a {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-header.level_1 .tab-list-button.toggle-tab input[type="checkbox"]:disabled {
  background-color: #00000005 !important;
  border: 2px solid #d7dae0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-header.level_1 .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked {
  background-color: #9b9fa8 !important;
  border: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-header.level_1 .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "" !important;
  text-align: center !important;
  color: #fff !important;
  font-family: FontAwesome !important;
  font-size: 12px !important;
  line-height: 16px !important;
  display: inline-block !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default {
  background-color: #fafafa !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:disabled {
  background-color: #00000005 !important;
  border: 2px solid #d7dae0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked {
  background-color: #9b9fa8 !important;
  border: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "" !important;
  text-align: center !important;
  color: #fff !important;
  font-family: FontAwesome !important;
  font-size: 12px !important;
  line-height: 16px !important;
  display: inline-block !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2.level_3 .dsl-tab-area {
  background: #fafafa !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2.level_3 .dsl-tab-area .dsl-tab-header.level_3 .tab-list-button.toggle-tab input[type="checkbox"]:disabled {
  background-color: #00000005 !important;
  border: 2px solid #d7dae0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2.level_3 .dsl-tab-area .dsl-tab-header.level_3 .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked {
  background-color: #9b9fa8 !important;
  border: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2.level_3 .dsl-tab-area .dsl-tab-header.level_3 .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "" !important;
  text-align: center !important;
  color: #fff !important;
  font-family: FontAwesome !important;
  font-size: 12px !important;
  line-height: 16px !important;
  display: inline-block !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr[rowid] td {
  border-bottom: 1px solid #e3e5e8 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr[rowid] td.read-subrow {
  vertical-align: middle !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr[rowid]:last-child td {
  border-bottom: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea {
  padding: var(--cardread-card-area-p);
  box-shadow: none !important;
  background-color: #0000 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .cardbar {
  background-color: #0000 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea:not(:has(.dsl-tab-container)) {
  background-color: #fafafa !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > h3 + .container.fieldgroup {
  margin-top: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > .container:has( + .dsl-tab-container.level_1), #application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > .container + .dsl-tab-container.level_1 {
  background-color: #ededed !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > .container.area_header + .dsl-tab-container.level_1 {
  margin-bottom: 12px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .dsl-tab-area {
  background-color: #fafafa !important;
  border: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .dsl-tab-area .container {
  background-color: #fafafa;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .dsl-tab-area .container h3 {
  background-color: #fafafa !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .fieldgroup .form-horizontal:has(.form-group .controls > .checkbox-only):not(:has(.form-group .controls > .select2-container)), #application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .fieldgroup .form-horizontal:has(.form-group .controls > .checkboxes):not(:has(.form-group .controls > .select2-container)), #application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .fieldgroup .form-horizontal:has(.form-group .controls > .btn-group.radios):not(:has(.form-group .controls > .select2-container)) {
  background: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .container {
  width: 100%;
  padding: var(--spacing-large) var(--spacing-xxxlarge);
  background-color: #fafafa;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .container .fieldgroup > h4.required-section {
  color: inherit !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .container .fieldgroup > h4.required-section:after {
  display: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea.patient_medical_hx .container {
  padding-left: 15px;
  padding-right: 15px;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .scrolltarget.container.tab-list-default {
  background-color: #0000;
  margin-bottom: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread > .form-horizontal:has(textarea) + .form-horizontal:has(textarea) {
  padding-left: 4px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread > .form-horizontal:has(textarea):not(:last-child) {
  padding-right: 4px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal {
  background: linear-gradient(#e3e5e8, #e3e5e8) 4px bottom / 100% 1px no-repeat content-box content-box;
  margin-bottom: 0;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal:has(textarea) {
  background: none !important;
  margin-top: 12px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal:has(textarea) textarea {
  border: 1px solid #e3e5e8 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal:has(.checkboxes.checkbox-only), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal:has(.controls.control-nonfocusable), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal:has(.controls > input[readonly]) {
  background: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group {
  gap: 6px;
  margin: 0;
  padding-top: 4px;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls input[readonly] {
  background-color: #0000 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group:has(.controls > textarea) .control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group:has(.controls > .textarea-wrapper) .control-label {
  font-size: 12px;
  top: 10px;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group:has(.checkboxes.checkbox-only) {
  flex-flow: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  display: flex !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group:has(.checkboxes.checkbox-only) .control-label {
  flex: none !important;
  width: auto !important;
  margin-right: 8px !important;
  position: static !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group:has(.checkboxes.checkbox-only) .controls {
  flex: none !important;
  width: auto !important;
  height: auto !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group:has(.checkboxes.checkbox-only) .controls .checkboxes.checkbox-only {
  align-items: center !important;
  display: flex !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group:has(.checkboxes.checkbox-only) .controls .checkboxes.checkbox-only label.checkbox {
  align-items: center !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  display: flex !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .control-label {
  padding-left: 10px;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .control-label:has(.fileupload) {
  padding-top: 0;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .control-label span {
  cursor: text;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .control-label.required-label:after {
  display: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls {
  width: 100%;
  height: 28px;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has(.dsl-field-embed), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has(.dsl-grid-view), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has(.json-viewer), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has(.fileupload), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has(.field-field-media-viewer), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has(.checkboxes), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has(.btn-group), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has(.esignfield), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has( > textarea), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has( > .textarea-wrapper) {
  height: auto;
  min-height: 28px;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has(.fileupload) {
  padding-top: 10px;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls:has( > input[type="color"]) {
  padding-bottom: 37px;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls .dropdown-container {
  display: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls > textarea, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls .textarea-wrapper > textarea {
  min-height: 25px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls > .checkboxes label.checkbox {
  height: 22px;
  padding: 0px var(--spacing-xxxxlarge) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls > .checkboxes label.checkbox:has(input:checked) {
  color: #fff;
  background-color: #9b9fa8;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls > .checkboxes label.checkbox span {
  vertical-align: sub;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls .dsl-field-embed {
  min-height: auto !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls .btn-group {
  background-color: #0000;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls .btn-group .btn:not(.active) {
  display: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls .btn-group .btn {
  min-height: auto;
  color: #fff !important;
  font-weight: var(--font-weight-bold) !important;
  font-size: var(--font-size-small) !important;
  background-color: #9b9fa8 !important;
  border: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .help-container {
  display: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-field-embed .dsl-grid-view {
  border: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap > div {
  min-height: auto !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody tr {
  background-color: #0000 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table thead, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table thead, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody {
  cursor: default;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table thead tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table thead tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody tr {
  cursor: default;
  background-color: #0000;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table thead tr:hover, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table thead tr:hover, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody tr:hover, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody tr:hover {
  background-color: #0000;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table thead tr th, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table thead tr th, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody tr th, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody tr th {
  cursor: default;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table thead .sorting, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table thead .sorting, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody .sorting, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody .sorting {
  cursor: default !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody tr {
  border-bottom: 1px solid #e3e5e8;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody tr:last-child, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody tr:last-child {
  border-bottom: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table th, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table th, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table td, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table td, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table .sorting_asc, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table .sorting_asc {
  cursor: default;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .checkbox {
  padding: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)) {
  display: inline-block;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group {
  flex-wrap: nowrap;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group > label.control-label {
  text-align: left;
  position: relative;
  top: 0;
  left: 0;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls textarea[readonly] {
  min-height: 30px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls .select2-container {
  max-height: 62px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls .select2-container a {
  flex-direction: row;
  align-items: center;
  display: flex;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls .select2-container .select2-choices .select2-search-choice-close {
  display: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls .select2-container:hover * {
  text-decoration: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .select2-container a span {
  color: var(--gray-700) !important;
  font-weight: 600 !important;
  font-size: var(--font-size-small) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .select2-chosen {
  padding-top: 12px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group:not(:has(input[readonly][value=""])) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(input[readonly][value=""])) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(input[readonly][value=""])) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(input[readonly][value=""])) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group:not(:has(input[readonly][value=""])) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group:not(:has(input[readonly][value=""])) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group:not(:has(input[readonly][value=""])) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group:not(:has(input[readonly][value=""])) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group:not(:has(input[readonly][value=""])) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group:not(:has(input[readonly][value=""])) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(input[readonly][value=""])) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(input[readonly][value=""])) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(input[readonly][value=""])) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group:not(:has(input[readonly][value=""])) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group:not(:has(input[readonly][value=""])) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group:not(:has(input[readonly][value=""])) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group:not(:has(input[readonly][value=""])) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group:not(:has(input[readonly][value=""])) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group:not(:has(.select2-chosen:empty)) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(.select2-chosen:empty)) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(.select2-chosen:empty)) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(.select2-chosen:empty)) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group:not(:has(.select2-chosen:empty)) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group:not(:has(.select2-chosen:empty)) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group:not(:has(.select2-chosen:empty)) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group:not(:has(.select2-chosen:empty)) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group:not(:has(.select2-chosen:empty)) .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group:not(:has(.select2-chosen:empty)) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(.select2-chosen:empty)) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(.select2-chosen:empty)) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group:not(:has(.select2-chosen:empty)) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group:not(:has(.select2-chosen:empty)) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group:not(:has(.select2-chosen:empty)) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group:not(:has(.select2-chosen:empty)) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group:not(:has(.select2-chosen:empty)) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group:not(:has(.select2-chosen:empty)) .control-label .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .control-label.fdb-field .label-text {
  color: var(--gray-700) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .field-field-media-viewer {
  width: 100%;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .field-field-media-viewer .header {
  display: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table, .json-viewer, .fileupload)) .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(:has(.json-viewer, .fileupload)) .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(:has(.json-viewer, .fileupload)) .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(:has(.json-viewer, .fileupload)) .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .help-container .help-block.note span {
  display: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:has(.radios) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:has(.radios) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:has(.radios) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:has(.radios) .form-group > label.control-label {
  text-align: left;
  position: relative;
  top: 0;
  left: 10px;
  margin-bottom: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-newline {
  clear: both;
  vertical-align: top !important;
  float: none !important;
  flex-basis: 100% !important;
  width: 100% !important;
  display: block !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-newline:before {
  content: "";
  clear: both;
  width: 100%;
  display: table;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:has(textarea) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:has(textarea) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:has(textarea) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:has(textarea) .form-group > label.control-label {
  position: absolute !important;
  top: 10px !important;
  left: 0 !important;
}

#application .dsl-card-duel-card .form-container .form-horizontal.form-col-3:not(:has(.json-viewer)), #application .dsl-card-duel-card .form-container .form-horizontal.form-col-4:not(:has(.json-viewer)), #application .dsl-card-duel-card .form-container .form-horizontal.form-col-addr_1, #application .dsl-card-duel-card .form-container .form-horizontal.form-col-addr_2, #application .dsl-card-duel-card .form-container .form-horizontal.form-col-addr_city, #application .dsl-card-duel-card .form-container .form-horizontal.form-col-addr_state, #application .dsl-card-duel-card .form-container .form-horizontal.form-col-addr_zip {
  width: calc(50% - 8px);
  margin-right: 8px;
}

@media (width <= 1200px) {
  .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)), .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 {
    width: 100% !important;
  }

  .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)) .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)) .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group .controls {
    width: 45% !important;
  }
}

@media (width <= 576px) {
  .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)) .form-group, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group {
    flex-direction: column !important;
  }

  .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)) .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(:has(table)) .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group .controls {
    width: 100% !important;
    margin-right: 0% !important;
  }
}

.scrolltarget > div[style*="width:100%"][style*="height:0"] {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.dsl-tab-header.tab-list-default {
  z-index: 10;
  background-color: #0000;
  transition: all .3s;
  top: 0;
  position: sticky !important;
}

.dsl-tab-header.tab-list-default.level_1 {
  z-index: 10;
}

.dsl-tab-header.tab-list-default.level_2 {
  z-index: 9;
  background-color: #fafafa;
}

.dsl-tab-header.tab-list-default.level_3 {
  z-index: 8;
}

.dsl-tab-header.tab-list-default.level_4 {
  z-index: 7;
}

.dsl-tab-header.tab-list-default.scrolled {
  border-bottom: 1px solid #0000001a;
  box-shadow: 0 2px 8px #00000014, 0 1px 3px #0000000f;
}

#application .form-horizontal .form-group .control-label {
  pointer-events: auto;
}

#application .form-horizontal .form-group .control-label .field-error-icon, #application .form-horizontal .form-group .control-label .field-note-icon, #application .form-horizontal .form-group .control-label .audit-trail, #application .form-horizontal .form-group .control-label .audit-trail-grid, #application .form-horizontal .form-group .control-label .label-text, #application .form-horizontal .form-group .control-label .required-label, #application .form-horizontal .form-group .control-label, #application .form-horizontal .form-group .control-label [data-toggle="popover"] {
  pointer-events: auto !important;
}

#application .cardread .form-horizontal .form-group .control-label {
  top: 6px !important;
}

.dsl-container {
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  display: flex;
}

.tab-content {
  flex-direction: column;
  display: flex;
}

.dsl-tab-view-container {
  flex-direction: column;
  gap: 8px;
  height: 100%;
  display: flex;
}

.only-show-form-area .wizard-bottom-bar, .only-show-form-area .form-card-menu {
  display: none !important;
}

.only-show-form-area .form-container {
  width: 100%;
}

.wizard-error {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.wizard-view {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.wizard-view .wizard-table-cont {
  padding: 10px;
  padding-top: unset;
}

.wizard-view .wizard-bottom-nav {
  background-color: #fbfbfb;
  border-radius: 8px;
  flex: 0 60px;
  width: 100%;
  height: 100%;
  display: flex;
  box-shadow: 0 1px 4px #18100a14;
}

.wizard-view .wizard-bottom-nav .wizard-meta-info {
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding-left: 20px;
  display: flex;
}

.wizard-view .wizard-bottom-nav .wizard-meta-info .meta-top {
  letter-spacing: 0;
  text-align: left;
  color: #9a9a9a;
  height: 17px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.wizard-view .wizard-bottom-nav .wizard-meta-info .meta-bottom {
  letter-spacing: 0;
  text-align: left;
  color: #00ae8f;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.wizard-view .wizard-bottom-nav .wizard-controls {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 15px;
  display: flex;
}

.wizard-view .wizard-bottom-nav .wizard-controls .ct-btn {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 56px;
  height: 50px;
  display: flex;
}

.wizard-view .wizard-bottom-nav .wizard-controls .ct-btn img {
  width: 20px;
  height: 20px;
}

.wizard-view .wizard-bottom-nav .wizard-controls .ct-btn p {
  letter-spacing: 0;
  text-align: left;
  font-family: Soehne, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 13px;
}

.wizard-view .wizard-bottom-nav .wizard-controls .btn-prev, .wizard-view .wizard-bottom-nav .wizard-controls .btn-next {
  color: #fff;
  background: #769bc4;
  border-radius: 5px;
}

.wizard-view .wizard-bottom-nav .wizard-controls .btn-verify {
  color: #747474;
}

.wizard-view .wizard-container {
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
}

.wizard-view .wizard-container .wizard-nav {
  flex-direction: column;
  flex: 0 20%;
  gap: 6px;
  margin-right: 10px;
  display: flex;
  overflow-y: auto;
}

.wizard-view .wizard-container .wizard-nav .wizard-nav-item {
  letter-spacing: 0;
  text-align: left;
  color: #111;
  background-color: #fbfbfb;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 10px 26px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  box-shadow: 0 1px 4px #18100a14;
}

.wizard-view .wizard-container .wizard-nav .wizard-nav-item.active {
  color: #254d5b;
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.wizard-view .wizard-container .wizard-nav .wizard-nav-item .wizard-error {
  flex: 0;
  justify-content: center;
  align-items: center;
  gap: 5px;
  display: flex;
}

.wizard-view .wizard-container .wizard-nav .wizard-nav-item .wizard-error img {
  width: 20px;
  height: 20px;
}

.wizard-view .wizard-container .wizard-nav .wizard-nav-item .wizard-error .error-count {
  letter-spacing: 0;
  text-align: left;
  color: #ff6b6b;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  display: flex;
}

.wizard-view .wizard-container .wizard-section {
  flex: 1;
}

.wizard-view .wizard-container .wizard-section .form-container {
  margin-top: 0 !important;
}

.wizard-view .wizard-container .wizard-section .wizard-bottom-bar, .wizard-view .wizard-container .wizard-section .form-card-menu {
  display: none !important;
}

.wizard-view .wizard-container .wizard-section .form-container {
  width: 100%;
}

.tab-list-default.lvl-2-tab-list .dynamic-tab-list {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #d4d4d438;
  border: 1px solid #fff6;
  border-radius: 8px;
}

.tab-list-default.lvl-2-tab-list .dynamic-tab-list .tab-list-button.has-avatar > div:first-child {
  display: none;
}

.patient-snapshot-container {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #ffffffa3;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 12px;
  display: flex;
}

.patient-snapshot-container .action-btn-cnt {
  padding-top: 8px;
}

.patient-snapshot-container .action-btn-group-container {
  box-shadow: none !important;
  background-color: #0000 !important;
  padding: 0 !important;
}

.patient-snapshot-container .mode-toggle-container {
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 30px;
  display: flex;
}

.patient-snapshot-container .mode-toggle-container .mode-toggle-btn {
  color: #5b83b0;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 93px;
  height: 36px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 1.2em;
  transition: all .3s;
  display: flex;
}

.patient-snapshot-container .mode-toggle-container .mode-toggle-btn:hover {
  background: #f5f6f7;
}

.patient-snapshot-container .mode-toggle-container .mode-toggle-btn.active {
  color: #fff;
  background: #668eba;
  border: 1px solid #668eba;
  font-weight: 500;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.patient-snapshot-container .mode-toggle-container .mode-toggle-btn.active img {
  filter: brightness(0) invert();
}

.patient-snapshot-container .mode-toggle-container .mode-toggle-btn img {
  filter: invert(38%) sepia(17%) saturate(236%) hue-rotate(178deg) brightness(95%) contrast(88%);
  width: 16px;
  height: 16px;
  transition: all .3s;
}

.patient-snapshot-container .inc-container {
  background-color: #0000;
  border-color: #0000;
  margin: 0 0 12px;
}

.patient-snapshot-container .snap-tab-container {
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: flex;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container {
  flex-direction: column;
  gap: 16px;
  min-width: 216px;
  height: 100%;
  padding: 0 14px 0 0;
  overflow-y: scroll;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs {
  gap: 4px;
  padding: 0 0 8px;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs .tab-item {
  border-radius: 5px;
  gap: 5px;
  height: 40px;
  padding: 8px 4px 8px 6px;
  display: flex;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs .tab-item .tab-item-label {
  color: #5e636b;
  padding: 0;
  font-family: Soehne, sans-serif;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs .tab-item .tab-item-label img {
  filter: invert(38%) sepia(17%) saturate(236%) hue-rotate(178deg) brightness(95%) contrast(88%);
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs .tab-item.active {
  background: #ffffffbf;
  border-image-source: linear-gradient(#ffffffe6 0%, #ffffff1a 100%);
  border-radius: 4px;
  gap: 5px;
  padding: 8px 4px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px -1px #0000000f, 0 0 1px #00000014;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs .tab-item.active:before {
  content: "";
  -webkit-mask-composite: xor;
  pointer-events: none;
  background: linear-gradient(#ffffffe6 0%, #ffffff1a 100%);
  border-radius: 4px;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-composite: exclude;
  mask-mode: match-source, match-source;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs .tab-item.active .tab-item-label {
  color: #668eba;
  font-family: Soehne, sans-serif;
  font-weight: var(--font-weight-bold);
  padding-left: 8px;
  transition: all .5s;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs .tab-item.active .tab-item-label img {
  filter: invert(53%) sepia(84%) saturate(225%) hue-rotate(170deg) brightness(87%) contrast(86%);
  transition: all .3s;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs .tab-item.active:after {
  content: "";
  border-radius: var(--radius-xsmall);
  background-color: #668eba;
  width: 3px;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  right: -9px;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs .tab-item.pat-alert {
  display: flex;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs .tab-item.pat-alert .tab-item-label {
  color: #d98080;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-snap-tabs .tab-item.pat-alert .tab-item-label img {
  filter: none;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-tabs-divided {
  gap: 4px;
  margin: 16px 0;
  padding: 8px 0;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-tabs-divided .tab-item {
  box-shadow: none;
  border-bottom: none;
  border-radius: 4px;
  height: 44px;
  padding: 8px;
  display: flex;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-tabs-divided .tab-item:last-child {
  border: none;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-tabs-divided .tab-item .tab-item-label {
  color: #5e636b;
  padding: 0;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-tabs-divided .tab-item.active {
  gap: 5px;
  display: flex;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-tabs-divided .tab-item.active .tab-item-label {
  color: #668eba;
  font-weight: var(--font-weight-bold);
  padding-left: 8px;
  transition: all .5s;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-tabs-divided .tab-item.active:after {
  content: "";
  border-radius: var(--radius-xsmall);
  background-color: #668eba;
  width: 3px;
  height: 100%;
  transition: all .5s;
  position: absolute;
  top: 0;
  right: -9px;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-removable-tabs {
  gap: 8px;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-removable-tabs .dynamic-tab-item {
  border-bottom: 1px solid #8db1d9;
  border-radius: 4px;
  gap: 5px;
  height: 40px;
  padding: 8px;
  display: flex;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-removable-tabs .dynamic-tab-item:last-child {
  border: none;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-removable-tabs .dynamic-tab-item div {
  color: #5e636b;
  font-family: Soehne, sans-serif;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-removable-tabs .dynamic-tab-item.active {
  gap: 5px;
  display: flex;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .pat-removable-tabs .dynamic-tab-item.active div {
  padding-left: 8px;
  transition: all .5s;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .dynamic-tab-item {
  border-radius: 5px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
}

.patient-snapshot-container .snap-tab-container .snap-tab-list-container .dynamic-tab-item.active {
  color: #000;
  background-color: #fff;
}

.patient-snapshot-container .snap-tab-container .snap-tab-content-container, .patient-snapshot-container .snap-tab-container .snap-tab-content-container .snap-tab-content-item {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.patient-snapshot-container .snap-tab-container .snap-tab-content-container .snap-tab-content-item .snap-comp-container {
  padding: 0;
}

.patient-snapshot-container .snap-tab-container .snap-tab-content-container .snap-tab-content-item .snap-comp-container .snap-comp {
  padding: 0;
  overflow: visible;
}

.patient-snapshot-container .snap-tab-container .snap-tab-content-container .snap-tab-content-item .snap-comp-container .snap-comp .prescriptions-grid {
  gap: 12px;
}

.patient-snapshot-container .snap-tab-container .snap-tab-content-container .snap-tab-content-item .snap-comp-container .snap-comp .prescriptions-grid .grid-footer {
  padding: 0;
}

.tabs {
  gap: var(--spacing-standard);
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
  position: relative;
}

.tabs .tab-item {
  padding: var(--spacing-standard) var(--spacing-standard) var(--spacing-standard) 0;
  cursor: pointer;
  border-radius: var(--radius-medium);
  transition: all .2s;
  position: relative;
}

.tabs .tab-item:hover:not(.active) .tab-item-label-text {
  font-family: Soehne, sans-serif !important;
}

.tabs .tab-item.active {
  padding: var(--spacing-standard);
  background-color: #fff;
  box-shadow: 0 1px 2px -1px #0000000f, 0 0 1px #00000014;
}

.tabs .tab-item.active .tab-item-label {
  color: var(--color-tertiary);
  font-weight: 500;
  font-size: var(--font-size-small) !important;
}

.tabs .tab-item.active .tab-item-label img {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  filter: invert(54%) sepia(34%) saturate(476%) hue-rotate(171deg) brightness(93%) contrast(94%);
  animation: .7s ease-in-out forwards rotateSwing;
  transform: rotate(-20deg)translateZ(0);
}

.tabs .tab-item.active .tab-item-label i {
  animation: .7s ease-in-out forwards rotateSwing;
}

.tabs .tab-item.active:after {
  content: "";
  background-color: var(--color-tertiary);
  border-radius: var(--radius-xsmall);
  width: 4px;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  right: -9px;
}

.tabs .tab-item .tab-item-label {
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-weight: normal;
  line-height: var(--line-height-medium);
  font-size: var(--font-size-xsmall);
  color: var(--gray-700);
  align-items: center;
  gap: 12px;
  display: flex;
}

.tabs .tab-item .tab-item-label i {
  font-size: var(--font-size-xsmall);
}

.tabs .tab-item .tab-item-label:not(:has(.count)) i {
  margin-right: var(--spacing-xxsmall);
}

.tabs .tab-item .tab-item-label .tab-item-label-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 3;
  font-family: Soehne, sans-serif;
  overflow: hidden;
}

.tabs .tab-item .tab-item-label .spacer {
  flex: 1;
}

.tabs .tab-item .tab-item-label .count {
  margin-left: var(--spacing-xsmall);
  flex-shrink: 0;
}

.tabs .tab-item:has(.count) i {
  padding-inline: 5px;
}

.tabs .tab-item:not(.with-subtabs) .tab-item-label .tab-item-label-text {
  flex: 0 auto;
}

.tabs .tab-item.with-subtabs .subtabs {
  margin-left: var(--spacing-xxxxxxlarge);
  left: var(--spacing-standard);
  position: relative;
}

.tabs .tab-item.with-subtabs .subtabs:before {
  content: "";
  background-color: #b6bac2;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 30px;
  left: -27px;
}

.tabs .tab-item.with-subtabs .subtabs .subtab-item {
  padding: var(--spacing-standard) var(--spacing-standard) var(--spacing-standard) 0;
  cursor: pointer;
  border-radius: var(--radius-medium);
  margin: var(--spacing-xsmall) 0;
  transition: all .2s;
  position: relative;
}

.tabs .tab-item.with-subtabs .subtabs .subtab-item:first-child {
  margin-top: 8px;
}

.tabs .tab-item.with-subtabs .subtabs .subtab-item:before {
  content: "";
  width: var(--spacing-xxlarge);
  height: var(--spacing-xxlarge);
  border-bottom-left-radius: var(--radius-xxxlarge);
  border-bottom: 2px solid #b6bac2;
  border-left: 2px solid #b6bac2;
  position: absolute;
  top: 12%;
  left: -27px;
}

.tabs .tab-item.with-subtabs .subtabs .subtab-item:first-child:before {
  border-bottom-left-radius: var(--radius-xxxlarge);
  height: 50%;
  top: 0;
}

.tabs .tab-item.with-subtabs .subtabs .subtab-item:last-child:before {
  height: 50%;
  top: auto;
  bottom: 18px;
}

.tabs .tab-item.with-subtabs .subtabs .subtab-item.active {
  padding-left: var(--spacing-standard);
  background-color: #fff;
  font-weight: 500;
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f;
}

.tabs .tab-item.with-subtabs .subtabs .subtab-item.active .subtab-item-label {
  color: var(--color-tertiary);
}

.tabs .tab-item.with-subtabs .subtabs .subtab-item.active:after {
  content: "";
  background-color: var(--color-tertiary);
  border-radius: var(--radius-xsmall);
  width: 4px;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  right: -9px;
}

.tabs .tab-item.with-subtabs .subtabs .subtab-item:hover:not(.active) {
  background: #ffffff1f;
  box-shadow: 0 6px 12px -4px #00000021, 0 3px 5px -4px #0000000a;
}

.tabs .tab-item.with-subtabs .subtabs .subtab-item .subtab-item-label {
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: var(--font-size-xsmall);
  color: var(--gray-700);
  overflow-wrap: anywhere;
  align-items: center;
  font-weight: normal;
  display: flex;
}

@keyframes rotateSwing {
  0% {
    transform: rotate(-20deg);
  }

  25% {
    transform: rotate(20deg);
  }

  50% {
    transform: rotate(-20deg);
  }

  75% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(-20deg);
  }
}

.list-insurance-btns .add-btn {
  background: var(--color-primary);
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.list-insurance-btns .add-btn i {
  color: #fff;
}

.list-insurance-btns .add-btn:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.list-insurance-btns .add-btn.disabled, .list-insurance-btns .add-btn[disabled], .list-insurance-btns .add-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.list-insurance-btns .add-btn.disabled i, .list-insurance-btns .add-btn[disabled] i, .list-insurance-btns .add-btn:disabled i {
  color: var(--gray-400);
}

.list-insurance-btns .add-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.list-insurance-btns .add-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.list-insurance-btns .add-btn:focus-visible {
  box-shadow: none;
}

.list-insurance-btns .add-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dsl-list-statuses-container {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  gap: 10px;
  padding-left: 10px;
  display: flex;
  overflow-y: visible;
}

.dsl-list-statuses-container .status-box {
  cursor: pointer;
  border-radius: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  display: flex;
}

.dsl-list-statuses-container .status-box .status-count {
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 28px;
  margin-top: 2px;
  display: flex;
}

.dsl-list-statuses-container .status-box .status-count span {
  font-size: var(--font-size-12);
  line-height: var(--line-height-24);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.dsl-list-statuses-container .status-box .status-count {
  background-color: #0000;
}

.dsl-list-statuses-container .status-box p {
  color: #fff;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  margin-top: 2px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.dsl-list-statuses-container .status-box span {
  color: #fff;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.dsl-list-statuses-container .status-box.active {
  background-color: #689989;
  box-shadow: 0 1px 1px #537b6e, 0 2px 4px #0000000f;
}

.dsl-list-statuses-container .status-box.active:hover {
  box-shadow: none;
  background: #77a395;
}

.dsl-list-statuses-container .status-box.pending {
  background-color: #7c74a8;
  box-shadow: 0 1px 1px #625a8f, 0 2px 4px #0000000f;
}

.dsl-list-statuses-container .status-box.pending:hover {
  box-shadow: none;
  background: #8b84b2;
}

.dsl-list-statuses-container .status-box.intake_complete {
  background-color: #5e636b;
  box-shadow: 0 1px 1px #464a50, 0 2px 4px #0000000f;
}

.dsl-list-statuses-container .status-box.intake_complete:hover {
  box-shadow: none;
  background: #6a7079;
}

.dsl-list-statuses-container-wf {
  justify-content: center;
  align-items: center;
  gap: 5px;
  display: flex;
}

.status-box-wf {
  cursor: pointer;
  color: #000;
  text-align: center;
  border-radius: 5px;
  font-size: 11px;
  transition: color .3s, background-color .3s;
}

.status-box-wf.active-wf {
  color: #6200ea;
}

.menu-divider-wf {
  color: #ccc;
  margin: 0 5px;
  font-size: 16px;
}

.ag-body-viewport .ag-pinned-right-cols-container div[role="row"]:has( > div[col-id="status"]) div[role="gridcell"], .ag-body-viewport .ag-center-cols-container div[role="row"]:has( > div[col-id="status"]) div[role="gridcell"] {
  justify-content: flex-start;
  display: flex;
}

.status-column-grid {
  border-radius: 16px;
  max-width: fit-content;
  padding: 2px 8px;
}

.status-column-grid p {
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.status-column-grid.active {
  color: #689989;
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #689989 !important;
}

.status-column-grid.on-Hold {
  color: #fff;
  background-color: #837bb2;
}

.status-column-grid.pending, .status-column-grid.intake_complete {
  background-color: #949491 !important;
}

.status-column-grid.pending p, .status-column-grid.intake_complete p {
  color: #fff !important;
}

.workflow-queue-container {
  gap: var(--spacing-standard);
  height: 100%;
  display: flex;
}

.workflow-queue-container .workflow-nav-bar {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  width: 250px;
  padding: var(--spacing-xxxlarge);
  background-color: #d4d4d438;
  border: 1px solid #fff6;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  overflow-y: auto;
}

.workflow-queue-container .workflow-nav-bar::-webkit-scrollbar {
  width: var(--spacing-xsmall);
}

.workflow-queue-container .workflow-nav-bar::-webkit-scrollbar-track {
  background: none;
}

.workflow-queue-container .workflow-nav-bar::-webkit-scrollbar-thumb {
  border-radius: var(--radius-xsmall);
  background: #8db1d9;
}

.workflow-queue-container .workflow-nav-bar .top-bar {
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

.workflow-queue-container .workflow-nav-bar .top-bar .header {
  gap: var(--spacing-large);
  padding: var(--spacing-standard) 0 var(--spacing-xxxlarge);
  color: #5e636b;
  border-bottom: 1px solid #8db1d9;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.workflow-queue-container .workflow-nav-bar .top-bar .header .title {
  font-family: Soehne, sans-serif;
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-medium);
}

.workflow-queue-container .workflow-nav-bar .tabs {
  flex-direction: column;
  gap: 4px;
  display: flex;
  position: relative;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item {
  padding: var(--spacing-standard) var(--spacing-standard) var(--spacing-standard) 0;
  cursor: pointer;
  border-radius: var(--radius-medium);
  transition: all .2s;
  position: relative;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.active {
  padding: var(--spacing-xlarge) var(--spacing-standard);
  background-color: #ffffffbf;
  box-shadow: inset 0 1px 2px -1px #0000000f, inset 0 0 1px #00000014 !important;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.active .tab-item-label {
  color: var(--color-tertiary);
  font-weight: var(--font-weight-bold);
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.active:after {
  content: "";
  background-color: var(--color-tertiary);
  border-radius: var(--radius-xsmall);
  width: 5px;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  right: -10px;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.active .count {
  color: var(--gray-700) !important;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item .tab-item-label {
  font-family: Soehne, sans-serif;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-medium);
  font-size: var(--font-size-xsmall);
  color: var(--gray-700);
  align-items: center;
  gap: 5px;
  display: flex;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item .tab-item-label i {
  width: var(--spacing-xxxxxlarge);
  font-size: var(--font-size-xsmall);
  font-weight: 400;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item .tab-item-label .count {
  padding: var(--spacing-xxsmall) var(--spacing-standard);
  border-radius: var(--radius-xxxlarge);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-small);
  color: var(--color-text-500);
  font-size: var(--font-size-xxsmall);
  margin-left: auto;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs {
  left: var(--spacing-standard);
  margin-left: 22px;
  position: relative;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs:before {
  content: "";
  background-color: #8db1d9;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 33px;
  left: -20px;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item {
  padding: var(--spacing-large) var(--spacing-standard) var(--spacing-large) 0;
  cursor: pointer;
  border-radius: var(--radius-medium);
  margin: 0;
  transition: all .2s;
  position: relative;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item:first-child {
  margin-top: 8px;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item:before {
  content: "";
  width: 11px;
  height: var(--spacing-xxlarge);
  border-bottom-left-radius: var(--radius-xxxlarge);
  border-bottom: 2px solid #8db1d9;
  border-left: 2px solid #8db1d9;
  position: absolute;
  top: 12%;
  left: -20px;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item:first-child:before {
  border-bottom-left-radius: var(--radius-xxxlarge);
  height: 50%;
  top: 0;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item:last-child:before {
  height: 50%;
  top: auto;
  bottom: 18px;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item.active {
  padding-left: var(--spacing-standard);
  background-color: #fff;
  box-shadow: 0 1px 2px -1px #0000000f, 0 0 1px #00000014;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item.active i {
  transition: all .3 ease;
  font-size: var(--font-size-xsmall);
  font-weight: 400;
  animation: .7s ease-in-out forwards rotateSwing;
  transform: rotate(-20deg);
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item.active .subtab-item-label {
  color: var(--color-tertiary);
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item.active .count {
  color: var(--gray-700) !important;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item.active:after {
  content: "";
  background-color: var(--color-tertiary);
  border-radius: var(--radius-xsmall);
  width: 4px;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  right: -9px;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item .subtab-item-label {
  font-family: Soehne, sans-serif;
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-medium);
  color: var(--gray-700);
  align-items: center;
  gap: var(--spacing-large);
  display: flex;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item .subtab-item-label i {
  width: var(--spacing-xxxlarge);
  font-size: var(--font-size-xsmall);
  font-weight: 400;
}

.workflow-queue-container .workflow-nav-bar .tabs .tab-item.with-subtabs .subtabs .subtab-item .subtab-item-label .count {
  padding: var(--spacing-xxsmall) var(--spacing-standard);
  border-radius: var(--radius-xxxlarge);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-small);
  color: #6b5e68;
  font-size: var(--font-size-xxsmall);
  margin-left: auto;
}

.workflow-queue-container .workflow-nav-bar .bottom-bar {
  padding-top: var(--spacing-xxxlarge);
  margin-top: var(--spacing-xxxlarge);
}

.workflow-queue-container .workflow-nav-bar .dashboards-header {
  margin-top: var(--spacing-xxxlarge);
  border-top: none;
  border-bottom: 1px solid #8db1d9;
}

.workflow-queue-container .workflow-nav-bar .dashboards-header i {
  font-size: var(--font-size-medium);
  color: #5e636b;
}

.workflow-queue-container .workflow-nav-bar .dashboards-header + .tabs .tab-item {
  padding-left: 8px;
}

.workflow-queue-container .workflow-area {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.workflow-queue-container .workflow-area .workflow-header {
  padding: var(--spacing-xxxxxlarge);
  border-bottom: 1px solid #e0e0e0;
}

.workflow-queue-container .workflow-area .workflow-header .workflow-tabs {
  gap: var(--spacing-large);
  display: flex;
}

.workflow-queue-container .workflow-area .workflow-header .workflow-tabs .tab {
  padding: var(--spacing-standard) var(--spacing-xxxlarge);
  cursor: pointer;
  border-radius: var(--radius-xsmall);
  align-items: center;
  gap: var(--spacing-standard);
  display: flex;
}

.workflow-queue-container .workflow-area .workflow-header .workflow-tabs .tab.active {
  color: #fff;
  background-color: #6b5b95;
}

.workflow-queue-container .workflow-area .workflow-header .workflow-tabs .tab.active .badge {
  color: #6b5b95;
  background-color: #fff;
}

.workflow-queue-container .workflow-area .workflow-header .workflow-tabs .tab .badge {
  padding: var(--spacing-xxsmall) var(--spacing-standard);
  border-radius: var(--radius-large);
  font-size: var(--font-size-xxsmall);
  background-color: #e0e0e0;
}

.workflow-queue-container .workflow-area .workflow-content {
  padding: var(--spacing-xxxxxlarge);
  flex: 1;
}

.workflow-queue-container:has(.workflow-nav-bar) .queue-tab-container {
  gap: 8px;
}

.workflow-queue-container:has(.workflow-nav-bar) .queue-tab-container > div.tab-list-default {
  margin-top: 0;
}

.workflow-queue-container--mobile {
  flex-direction: column;
  gap: 0;
  padding: 0;
}

.workflow-queue-container--mobile .workflow-nav-bar {
  display: none;
}

.workflow-area--mobile {
  padding: 0;
  overflow: hidden;
}

.workflow-area--mobile .workflow-content {
  flex-direction: column;
  flex: 1;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.mobile-swimlane-header {
  z-index: 10;
  background-color: #fff;
  border-bottom: 1px solid #e3e5e8;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 12px 16px;
  display: flex;
  position: sticky;
  top: 0;
}

.mobile-back-btn {
  cursor: pointer;
  width: 44px;
  min-width: 44px;
  height: 44px;
  color: var(--color-tertiary, #5b83b0);
  -webkit-tap-highlight-color: transparent;
  background-color: #0000;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  transition: background-color .15s;
  display: flex;
}

.mobile-back-btn:hover, .mobile-back-btn:active {
  background-color: #f0f2f5;
}

.mobile-back-btn:active {
  background-color: #e3e5e8;
}

.mobile-back-btn i {
  font-size: 16px;
}

.mobile-swimlane-title {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-family: Soehne, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  overflow: hidden;
}

@media (width <= 768px) {
  .workflow-queue-container .workflow-nav-bar {
    display: none;
  }

  .workflow-queue-container .workflow-area {
    width: 100%;
  }

  .mobile-swimlane-header {
    min-height: 52px;
    padding: 10px 12px;
  }

  .mobile-back-btn {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }

  .mobile-back-btn i {
    font-size: 18px;
  }

  .mobile-swimlane-title {
    font-size: 17px;
  }

  .workflow-queue-container--mobile {
    background-color: #f5f7fa;
  }

  .workflow-queue-container--mobile .workflow-area--mobile {
    background-color: #fff;
    border-radius: 0;
  }

  .workflow-queue-container, .workflow-queue-container--mobile {
    height: 100%;
    overflow: hidden;
  }
}

.queue-tab-container {
  flex-direction: column;
  gap: 8px;
  height: 100%;
  display: flex;
}

.queue-tab-cont-container {
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

#__wf_queue_billing_MCR .dsl-advanced-grid .ag-header-cell[col-id="adjustments"] .ag-header-cell-label, #__wf_queue_billing_MCR .dsl-advanced-grid .ag-header-cell[col-id="paid"] .ag-header-cell-label {
  justify-content: flex-end;
  margin-right: 5px;
}

#__wf_queue_billing_MCR .dsl-advanced-grid .ag-body-viewport .ag-center-cols-container .ag-row .ag-cell[col-id="adjustments"] .ag-cell-wrapper, #__wf_queue_billing_MCR .dsl-advanced-grid .ag-body-viewport .ag-center-cols-container .ag-row .ag-cell[col-id="paid"] .ag-cell-wrapper {
  justify-content: flex-end;
}

.queue-viewer-mobile {
  background-color: #f5f7fa;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.queue-viewer-mobile__loading {
  color: #717680;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.queue-viewer-mobile__loading i {
  color: var(--color-tertiary, #5b83b0);
  font-size: 24px;
}

.queue-viewer-mobile__loading span {
  font-size: 14px;
  font-weight: 500;
}

.queue-viewer-mobile__empty {
  color: #9b9fa8;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.queue-viewer-mobile__empty i {
  font-size: 48px;
}

.queue-viewer-mobile__empty span {
  font-size: 15px;
  font-weight: 500;
}

.queue-viewer-mobile__list {
  -webkit-overflow-scrolling: touch;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 12px;
  display: flex;
  overflow-y: auto;
}

.queue-viewer-mobile__list::-webkit-scrollbar {
  width: 6px;
}

.queue-viewer-mobile__list::-webkit-scrollbar-track {
  background: none;
}

.queue-viewer-mobile__list::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}

@media (width <= 768px) {
  .queue-tab-container .dsl-advanced-grid .ag-header, .queue-tab-cont-container .dsl-advanced-grid .ag-header, .queue-tab-container .ag-root-wrapper .ag-header, .queue-tab-cont-container .ag-root-wrapper .ag-header {
    display: none !important;
  }

  .queue-tab-container {
    gap: 4px;
  }

  .queue-tab-container .tab-list-default, .queue-tab-container .lvl-2-tab-list {
    padding: 0 8px;
  }

  .queue-tab-container .tab-list-default .tab-item, .queue-tab-container .lvl-2-tab-list .tab-item {
    padding: 8px 12px;
    font-size: 13px;
  }

  .queue-tab-cont-container {
    padding: 0;
  }

  .queue-viewer-mobile__list {
    gap: 6px;
    padding: 8px;
  }

  .queue-viewer-mobile .mobile-card-cell {
    margin-bottom: 0;
  }

  .queue-viewer-mobile .mobile-card-cell__grid {
    gap: 6px 12px;
  }

  .queue-viewer-mobile .mobile-card-cell__label {
    font-size: 10px;
  }

  .queue-viewer-mobile .mobile-card-cell__value {
    font-size: 13px;
  }

  .queue-tab-container, .queue-tab-cont-container, .queue-viewer-mobile__list {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .queue-tab-container::-webkit-scrollbar {
    display: none;
  }

  .queue-tab-cont-container::-webkit-scrollbar {
    display: none;
  }

  .queue-viewer-mobile__list::-webkit-scrollbar {
    display: none;
  }
}

.dsl-list-inspect-view {
  flex-direction: column;
  gap: 5px;
  width: 100%;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

.dsl-list-inspect-view .dynamic-tab-list {
  width: 100%;
}

.dsl-list-inspect-view .dynamic-tab-list .tab-list-button {
  justify-content: space-between;
  width: 100%;
  border: unset !important;
  border-radius: 0 !important;
}

.dsl-list-inspect-view .dynamic-tab-list .tab-list-button .tab-counter .count {
  color: #fff;
  background-color: #58505b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  padding: 2px 6px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: bold;
  display: flex;
  overflow-y: visible;
  box-shadow: 0 2px 4px #0003;
}

.dsl-list-inspect-view .dynamic-tab-list .tab-list-button .tab-label {
  max-width: unset;
}

.dsl-list-inspect-view .tr-select {
  background: #c6ddf5 !important;
}

.dsl-list-inspect-view .tr-select th {
  color: #5b83b0 !important;
}

.dsl-list-inspect-view .dsl-list-tab-container {
  padding-left: 0;
  padding-right: 0;
}

.dsl-list-inspect-view .inspect-list {
  flex-direction: column;
  flex: 1;
  min-height: 250px;
  display: flex;
}

.dsl-list-inspect-view .inspect-list.open .dsl-list-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

[data-module-id="patient"] .snap .tab-list-default {
  gap: 0 !important;
}

[data-module-id="patient"] .snap .tab-list-default [data-intersect-id="navigator-tab"] {
  padding: 0 10px 0 0 !important;
}

.snap-main-tab-list {
  background-color: #0000;
  flex-grow: 0;
  flex-shrink: 0;
  height: 34px;
  margin-bottom: 0;
}

.snap-main-tab-list.tab-add {
  color: #fff;
  background: none;
}

.snap-main-tab-list.tab-add:after {
  color: #fff;
  background: none !important;
}

.snap-main-tab-list .tab-list-button {
  align-self: end;
  align-items: center;
  height: 34px;
}

.snap-main-tab-list .tab-list-button.tab-active:after {
  color: #5b83b0;
  background: #c6ddf5;
}

.snap-main-tab-list > .tab-list-button:first-child {
  border-top-left-radius: 12px;
}

.snap-main-tab-list > .tab-list-button:last-child {
  border: 0;
  font-size: 25px;
}

.snap-main-tab-list .dynamic-tab-list .tab-list-button:last-child {
  border-top-right-radius: 12px;
}

@media (width <= 768px) {
  .snap-main-tab-list {
    padding-right: 0% !important;
  }
}

.snap-tab-list {
  vertical-align: bottom;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-start;
  height: 16px;
}

.snap-tab-list .tab-list-button {
  color: var(--gray-700);
  align-self: center;
  align-items: center;
  gap: 8px;
  gap: var(--tab-list-button-common-gap);
  border-radius: 12px;
  height: 17px;
  margin-right: 20px;
  padding: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.snap-tab-list .tab-list-button:hover {
  transform: scale(1);
}

.snap-tab-list .tab-list-button .tab-close-btn {
  cursor: pointer;
  display: flex;
}

.snap-tab-list .tab-list-button .tab-close-btn s img {
  width: 10px;
  height: 10px;
}

.snap-tab-list .tab-list-button .tab-counter .count {
  color: #fff;
  background-color: #888;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  padding: 2px 6px;
  font-family: Soehne, sans-serif;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  overflow-y: visible;
}

.snap-tab-list .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
  color: #fff;
  border-radius: 5px;
  gap: 8px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.snap-tab-list .tab-list-button.tab-active .tab-counter .count {
  color: #fff;
  background-color: #9974ce;
}

.snap-tab-list .tab-list-button.tab-active:hover {
  cursor: default;
  transform: scale(1);
}

.snap-tab-list .tab-list-button.tab-active .tab-label {
  font-size: 14px;
}

.snap-tab-list .tab-list-button.tab-active .tab-label:hover {
  cursor: default;
}

.snap-tab-list .tab-list-button .tab-label {
  text-transform: uppercase;
  height: 16px;
}

.snap-tab-list .tab-list-button .tab-avatar {
  width: 16px;
  height: 16px;
}

.snap-tab-list .tab-list-button .tab-avatar.active {
  filter: brightness(0) saturate();
}

.snap-tab-list .tab-list-button.tab-active {
  color: #9974ce;
}

.dsl-inspect-view {
  flex-direction: column;
  width: 100%;
  min-height: fit-content;
  display: flex;
}

.dsl-inspect-view .no-selection-msg {
  color: #d3d3d3;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 44px;
  font-family: Soehne, sans-serif;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.dsl-inspect-view .dynamic-tab-list {
  border-radius: 8px 8px 0 0 !important;
  height: fit-content !important;
  padding: 0 !important;
}

.dsl-inspect-view .snap-main-tab-list {
  background-color: #0000;
  flex-grow: 0;
  flex-shrink: 0;
  height: 34px;
  margin-bottom: 0;
  padding-left: 0 !important;
}

.dsl-inspect-view .snap-main-tab-list.tab-add {
  color: #fff;
  background: none;
}

.dsl-inspect-view .snap-main-tab-list.tab-add:after {
  color: #fff;
  background: none !important;
}

.dsl-inspect-view .snap-main-tab-list .tab-list-button {
  font-size: var(--font-size-13);
  line-height: var(--line-height-16);
  padding: var(--l3-tab-list-button-p);
  background-color: #9974ce14;
  border: 1px solid #dbdbdd;
  align-items: center;
  padding: 8px 12px;
}

.dsl-inspect-view .snap-main-tab-list .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
}

.dsl-inspect-view .snap-main-tab-list > .tab-list-button.tab-list-button-add {
  background-color: #0000;
  border: 0;
}

.dsl-inspect-view .snap-main-tab-list > .tab-list-button .tab-label-add {
  border: 0;
  font-size: 25px;
}

.dsl-inspect-view .inspect-tab-content {
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-height: fit-content;
  display: flex;
}

.dsl-inspect-view .inspect-tab-content .inspect-tab-cont-cnt {
  border-radius: 0 0 8px 8px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  max-height: fit-content;
  display: flex;
  overflow-y: auto;
}

.queue-master-details {
  background: #fff;
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.queue-master-details .dsl-advanced-grid .ag-header-icon {
  visibility: hidden;
}

.queue-master-details .dsl-advanced-grid .ag-center-cols-viewport {
  min-height: 44px !important;
}

.queue-master-details .queue-tabs {
  flex-direction: row;
  gap: 12px;
  padding-bottom: 10px;
  display: flex;
}

.queue-master-details .queue-tabs .tab {
  cursor: pointer;
  color: #717680;
  gap: 8px;
  padding: 0 4px 8px;
  font-size: 14px;
  position: relative;
}

.queue-master-details .queue-tabs .tab.active {
  color: #535862;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.queue-master-details .queue-tabs .tab.active:after {
  content: "";
  background-color: #535862;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.queue-master-details .node-config-options {
  background-color: #f5f5f5;
  flex-direction: column;
  gap: 10px;
  padding: 8px 16px;
  display: flex;
}

.queue-master-details .node-config-options .config-options-container {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  gap: 8px;
  padding: 8px 16px;
  display: flex;
  box-shadow: inset 0 1px 2px 1px #38383814;
}

.queue-master-details .node-config-options .config-options-container .switch-container {
  align-items: center;
  display: flex;
}

.queue-master-details .node-config-options .config-options-container .switch-container span {
  color: var(--color-text-500);
  font-size: 14px;
}

.queue-master-details .node-config-options .config-options-container .switch-container .MuiSwitch-root {
  width: 44px;
  height: 26px;
  margin: 8px;
  padding: 0;
}

.queue-master-details .node-config-options .config-options-container .switch-container .MuiSwitch-root .MuiSwitch-track {
  background-color: var(--color-text-100);
  opacity: 1;
  border-radius: 13px;
  transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
}

.queue-master-details .node-config-options .config-options-container .switch-container .MuiSwitch-switchBase {
  margin: 2px;
  padding: 0;
  transition-duration: .3s;
}

.queue-master-details .node-config-options .config-options-container .switch-container .MuiSwitch-switchBase.Mui-checked {
  color: #fff;
  transform: translateX(18px);
}

.queue-master-details .node-config-options .config-options-container .switch-container .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: var(--color-tertiary);
  opacity: 1;
  border: 0;
}

.queue-master-details .node-config-options .config-options-container .switch-container .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
  background-color: #fff;
}

.queue-master-details .node-config-options .config-options-container .switch-container .MuiSwitch-thumb {
  box-sizing: border-box;
  background-color: #fff;
  width: 22px;
  height: 22px;
}

.queue-master-details .node-config-options .config-options-container .config-separators {
  flex-direction: row;
  flex: 1;
  padding: 10px 0 40px;
  display: flex;
}

.queue-master-details .node-config-options .config-options-container .config-separators .wf-label-container {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  width: 100%;
  margin-top: auto;
  position: relative;
  overflow: hidden;
}

.queue-master-details .node-config-options .config-options-container .config-separators .wf-label-container .wf-flabel {
  top: var(--spacing-standard);
  left: var(--spacing-xlarge);
  font-size: var(--font-size-xsmall);
  color: var(--color-text);
  z-index: 1;
  pointer-events: none;
  font-weight: normal;
  position: absolute !important;
}

.queue-master-details .node-config-options .config-options-container .config-separators .wf-label-container .wf-label-field-container {
  border: none;
}

.queue-master-details .assign-to-container {
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  display: flex;
}

.queue-master-details .field-select {
  width: 100%;
}

.queue-preview-icon-container {
  cursor: pointer;
  text-align: center;
}

.queue-preview-icon-container * {
  cursor: pointer;
}

.attachment-viewer-popover, .attachment-viewer-popover .MuiPaper-root {
  border-radius: 12px;
}

.attachment-viewer-container {
  background: #fff;
  border: 1px solid #b6bac2;
  border-radius: 12px;
  width: 500px;
  max-height: calc(100vh - 300px);
  padding: 16px;
}

.attachment-viewer-container .pdf-viewer {
  height: 100%;
}

.attachment-viewer-container .pdf-viewer .pdf-controls {
  align-items: center;
  gap: 8px;
  display: flex;
}

.pdf-viewer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 800px;
  height: 100%;
  display: flex;
}

.pdf-viewer .pdf-container {
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
  overflow: auto;
}

.pdf-viewer .pdf-container .pdf-canvas {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.pdf-viewer .pdf-controls {
  background: #fff;
  border-radius: 12px;
  align-items: center;
  gap: 1rem;
  width: 100%;
  display: flex;
}

.pdf-viewer .pdf-controls button {
  cursor: pointer;
  background: none;
  border: none;
  padding: 8px;
}

.pdf-viewer .pdf-controls button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

:root {
  --react-pdf-annotation-layer: 1;
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;
}

@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;
  }

  .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid selecteditem;
  }

  .annotationLayer .linkAnnotation:hover {
    backdrop-filter: invert();
  }
}

.annotationLayer {
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}

.annotationLayer[data-main-rotation="90"] .norotate {
  transform: rotate(270deg)translateX(-100%);
}

.annotationLayer[data-main-rotation="180"] .norotate {
  transform: rotate(180deg)translate(-100%, -100%);
}

.annotationLayer[data-main-rotation="270"] .norotate {
  transform: rotate(90deg)translateY(-100%);
}

.annotationLayer canvas {
  width: 100%;
  height: 100%;
  position: absolute;
}

.annotationLayer section {
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  transform-origin: 0 0;
  margin: 0;
  position: absolute;
}

.annotationLayer .linkAnnotation {
  outline: var(--link-outline);
}

.textLayer.selecting ~ .annotationLayer section {
  pointer-events: none;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
  width: 100%;
  height: 100%;
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {
  opacity: .2;
  background: #ff0;
  box-shadow: 0 2px 10px #ff0;
}

.annotationLayer .textAnnotation img {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--total-scale-factor)) sans-serif;
  vertical-align: top;
  width: 100%;
  height: 100%;
  margin: 0;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
  background: none;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
  border: 2px solid var(--input-hover-border-color);
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
  background: none;
  border-radius: 2px;
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
  background-color: #0000;
  background-image: none;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
  border-radius: 2px;
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  content: "";
  background-color: canvastext;
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  width: 1px;
  height: 80%;
  left: 45%;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  width: 50%;
  height: 50%;
  top: 20%;
  left: 30%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  padding-left: 2px;
  padding-right: 0;
  font-family: monospace;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  appearance: none;
}

.annotationLayer .popupTriggerArea {
  width: 100%;
  height: 100%;
}

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  position: absolute;
}

.annotationLayer .popupWrapper {
  font-size: calc(9px * var(--total-scale-factor));
  width: 100%;
  min-width: calc(180px * var(--total-scale-factor));
  pointer-events: none;
  position: absolute;
}

.annotationLayer .popup {
  max-width: calc(180px * var(--total-scale-factor));
  box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor))
    #888;
  border-radius: calc(2px * var(--total-scale-factor));
  padding: calc(6px * var(--total-scale-factor));
  margin-left: calc(5px * var(--total-scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
  background-color: #ff9;
  position: absolute;
}

.annotationLayer .popup > * {
  font-size: calc(9px * var(--total-scale-factor));
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popupDate {
  margin-left: calc(5px * var(--total-scale-factor));
  display: inline-block;
}

.annotationLayer .popupContent {
  margin-top: calc(2px * var(--total-scale-factor));
  padding-top: calc(2px * var(--total-scale-factor));
  border-top: 1px solid #333;
}

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--total-scale-factor));
}

.annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.annotationLayer section svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.annotationLayer .annotationTextContent {
  opacity: 0;
  color: #0000;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}

:root {
  --react-pdf-text-layer: 1;
  --highlight-bg-color: #b400aa;
  --highlight-selected-bg-color: #006400;
}

@media screen and (forced-colors: active) {
  :root {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText;
  }
}

[data-main-rotation="90"] {
  transform: rotate(90deg)translateY(-100%);
}

[data-main-rotation="180"] {
  transform: rotate(180deg)translate(-100%, -100%);
}

[data-main-rotation="270"] {
  transform: rotate(270deg)translateX(-100%);
}

.textLayer {
  text-align: initial;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  z-index: 2;
  line-height: 1;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.textLayer :is(span, br) {
  color: #0000;
  white-space: pre;
  cursor: text;
  transform-origin: 0 0;
  margin: 0;
  position: absolute;
}

.textLayer span.markedContent {
  height: 0;
  top: 0;
}

.textLayer .highlight {
  background-color: var(--highlight-bg-color);
  border-radius: 4px;
  margin: -1px;
  padding: 1px;
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: var(--highlight-selected-bg-color);
}

.textLayer br::selection {
  background: none;
}

.textLayer .endOfContent {
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  position: absolute;
  inset: 100% 0 0;
}

.textLayer.selecting .endOfContent {
  top: 0;
}

.hiddenCanvasElement {
  width: 0;
  height: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.mobile-card-cell {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 88px;
  margin-bottom: 8px;
  padding: 12px;
  transition: background-color .15s, box-shadow .15s;
  display: flex;
}

.mobile-card-cell:hover, .mobile-card-cell:active {
  background-color: #f7f8fa;
  box-shadow: 0 2px 4px #0000000f;
}

.mobile-card-cell:active {
  background-color: #f0f2f5;
}

.mobile-card-cell:focus {
  outline-offset: 2px;
  outline: 2px solid #5b83b0;
}

.mobile-card-cell__grid {
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  gap: 8px 16px;
  min-width: 0;
  display: grid;
}

.mobile-card-cell__item {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  min-height: 36px;
  display: flex;
}

.mobile-card-cell__item--empty {
  visibility: hidden;
}

.mobile-card-cell__label {
  color: #717680;
  text-transform: uppercase;
  letter-spacing: .3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  overflow: hidden;
}

.mobile-card-cell__value {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
}

.mobile-card-cell__chevron {
  color: #9b9fa8;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  display: flex;
}

.mobile-card-cell__chevron i {
  font-size: 14px;
}

.mobile-card-list {
  -webkit-overflow-scrolling: touch;
  flex-direction: column;
  padding: 8px;
  display: flex;
  overflow-y: auto;
}

.queue-viewer--mobile .ag-root-wrapper, .queue-viewer--mobile .ag-header {
  display: none !important;
}

.mobile-row-detail-modal__header {
  border-bottom: 1px solid #e3e5e8;
  padding: 16px 16px 12px !important;
}

.mobile-row-detail-modal__title-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.mobile-row-detail-modal__title {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.mobile-row-detail-modal__close-btn {
  color: #666;
  flex-shrink: 0;
}

.mobile-row-detail-modal__close-btn:hover {
  background-color: #0000000a;
}

.mobile-row-detail-modal__content {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  padding: 0 !important;
}

.mobile-row-detail-modal__list {
  flex-direction: column;
  display: flex;
}

.mobile-row-detail-modal__item {
  border-bottom: 1px solid #f0f2f5;
  flex-direction: column;
  gap: 4px;
  min-height: 44px;
  padding: 12px 16px;
  display: flex;
}

.mobile-row-detail-modal__item:last-child {
  border-bottom: none;
}

.mobile-row-detail-modal__label {
  color: #717680;
  text-transform: uppercase;
  letter-spacing: .3px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.mobile-row-detail-modal__value {
  color: #333;
  word-break: break-word;
  white-space: pre-wrap;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

.mobile-row-detail-modal__empty {
  color: #9b9fa8;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.mobile-row-detail-modal__empty i {
  font-size: 32px;
}

.mobile-row-detail-modal__empty span {
  font-size: 14px;
}

@media (width <= 768px) {
  .mobile-row-detail-modal__item {
    padding: 14px 16px;
  }

  .mobile-row-detail-modal__value {
    font-size: 16px;
  }
}

@keyframes softPulse {
  0% {
    box-shadow: 0 0 #fff9, 0 12px 30px #ffffff26;
  }

  50% {
    box-shadow: 0 0 0 8px #ffffff59, 0 18px 44px #fff3;
  }

  100% {
    box-shadow: 0 0 #fff9, 0 12px 30px #ffffff26;
  }
}

.task-board {
  box-sizing: border-box;
  align-items: stretch;
  gap: 18px;
  width: 100%;
  height: 100%;
  padding: 14px 16px 28px;
  display: flex;
}

.task-board > * {
  min-height: 0;
}

.task-column {
  box-sizing: border-box;
  backdrop-filter: blur(2px) saturate(80%);
  background: #fff3;
  border: 1px solid #fff6;
  border-radius: 18px;
  flex-direction: column;
  flex: 1 1 0;
  gap: 10px;
  min-width: 320px;
  max-width: 420px;
  height: 100%;
  padding: 12px 12px 0;
  display: flex;
  position: relative;
  box-shadow: 0 18px 40px #00000014, 0 2px 6px #0000000a;
}

.task-column:before {
  content: "";
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(#ffffff2e 0%, #ffffff14 100%);
  border-radius: 18px;
  position: absolute;
  inset: 0;
}

.task-column.is-over {
  border-color: #837bb28c;
  box-shadow: 0 18px 40px #00000014, 0 2px 6px #0000000a, 0 0 0 4px #837bb21f, inset 0 0 0 1px #837bb22e;
}

.task-column.is-over:after {
  content: "";
  pointer-events: none;
  border-radius: 14px;
  position: absolute;
  inset: 8px;
  box-shadow: 0 0 0 2px #837bb238;
}

.task-column .column-header {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-bottom: 4px;
  display: flex;
  position: relative;
}

.task-column .column-header h2 {
  letter-spacing: .01em;
  color: var(--color-text);
  opacity: .72;
  margin: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.task-column .tasks {
  z-index: 1;
  scrollbar-gutter: stable;
  flex-direction: column;
  flex: auto;
  gap: 12px;
  min-width: 0;
  min-height: 0;
  padding: 8px 16px 32px;
  display: flex;
  position: relative;
  overflow: clip auto;
}

.task-column .tasks::-webkit-scrollbar {
  width: 10px;
}

.task-column .tasks::-webkit-scrollbar-thumb {
  background: #837bb22e;
  border: 3px solid #fff3;
  border-radius: 10px;
}

.task-column .tasks::-webkit-scrollbar-track {
  background: none;
}

.task-column.todo {
  --lane-accent: #837bb2e6;
}

.task-column.pending, .task-column.in-progress {
  --lane-accent: #5c84cce6;
}

.task-column.complete {
  --lane-accent: #669e84e6;
  opacity: .9;
}

.add-new-button {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.add-new-button i {
  color: #fff;
}

.add-new-button:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.add-new-button.disabled, .add-new-button[disabled], .add-new-button:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.add-new-button.disabled i, .add-new-button[disabled] i, .add-new-button:disabled i {
  color: var(--gray-400);
}

.add-new-button:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.add-new-button:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.add-new-button:focus-visible {
  box-shadow: none;
}

.add-new-button:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.add-new-button span {
  margin-top: -1px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.task-card {
  cursor: grab;
  touch-action: none;
  box-sizing: border-box;
  backdrop-filter: blur(2px);
  isolation: isolate;
  background: #ffffffb3;
  border: 1px solid #ffffff8c;
  border-radius: 14px;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
  height: auto;
  margin: 0 2px;
  transition: transform .14s, box-shadow .14s, border-color .14s, background .14s, backdrop-filter .14s;
  position: relative;
  box-shadow: 0 10px 22px #00000014, 0 1px 3px #0000000a;
}

.task-card .card-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 74px;
  padding: 12px 12px 10px 14px;
  display: flex;
}

.task-card .card-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.task-card .card-header h3 {
  color: var(--color-text);
  opacity: .92;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  margin: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 650;
  line-height: 16px;
  overflow: hidden;
}

.task-card .more-button {
  cursor: pointer;
  color: var(--color-text);
  opacity: .55;
  background: none;
  border: none;
  border-radius: 8px;
  padding: 4px;
  transition: background .14s, opacity .14s;
}

.task-card .more-button:hover {
  opacity: .9;
  background: #837bb21a;
}

.task-card .card-content {
  min-width: 0;
  margin-top: 8px;
}

.task-card .card-content .description {
  color: var(--color-text);
  opacity: .62;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 11px;
  line-height: 14px;
  display: -webkit-box;
  overflow: hidden;
}

.task-card .card-content .reference {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  display: flex;
}

.task-card .card-content .reference .reference-info {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.task-card .card-content .reference .reference-info .patient-link {
  color: #6f67a8;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  text-decoration: none;
  overflow: hidden;
}

.task-card .card-content .reference .reference-info .patient-link:hover {
  text-decoration: underline;
}

.task-card .card-content .reference .due-date {
  color: var(--color-text);
  white-space: nowrap;
  background: #837bb21f;
  border: 1px solid #837bb240;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
}

.task-card .card-content .reference .due-date.past-due {
  color: #9a4a4a;
  background: #e587872e;
  border-color: #e5878766;
}

.task-card.past-due .card-header h3 {
  color: #9a4a4a;
}

.task-card:hover {
  backdrop-filter: blur(2px);
  cursor: grab;
  background: #ffffff80;
  border-color: #ffffffa6;
  animation: 1.5s ease-in-out infinite softPulse;
  transform: translateY(-1px);
}

.task-card:active {
  cursor: grabbing;
}

.task-card.is-dragging {
  opacity: .35;
  box-shadow: none;
  cursor: grabbing;
  animation: none;
}

.task-card.is-overlay {
  opacity: .98;
  cursor: grabbing;
  border-color: #837bb280;
  animation: none;
  transform: translateY(-2px)scale(1.02);
  box-shadow: 0 22px 55px #0000002e, 0 6px 18px #0000001a;
}

.task-column.complete .task-card {
  opacity: .92;
}

@media (width <= 1200px) {
  .task-board {
    gap: 12px;
    padding: 12px;
  }

  .task-column {
    min-width: 300px;
    padding: 10px;
  }
}

.erx-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  height: 100%;
  display: flex;
}

.erx-container > div {
  width: 100%;
}

.erx-container .grouping-column-erx {
  padding-left: 8px;
  padding-right: 8px;
}

.erx-container .grouping-column-erx .ag-cell-wrapper {
  justify-content: flex-end;
}

.erx-container .link-style-grid {
  letter-spacing: 0;
  vertical-align: middle;
  color: #567ba6;
  cursor: pointer;
  max-width: max-content;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: underline;
}

.erx-container .link-style-grid:hover {
  color: #255280;
}

.erx-container .status-icons-container {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.erx-container .status-icons-container img {
  width: 16px;
  max-height: 30px;
}

.erx-container .ag-cell-wrapper {
  height: 100%;
}

.erx-container .generic-tab-list .lvl-2-tab-list {
  margin-top: 0 !important;
}

.xml-viewer {
  color: #fff;
  background-color: #1e1e1e;
  width: 40vw;
  height: calc(100vh - 20px);
  margin: 10px;
  position: fixed;
  top: 0;
  left: 0;
}

.xml-viewer .body {
  background-color: #1e1e1e;
  margin-top: 0 !important;
  padding: 0 !important;
}

.xml-viewer .body .rxv-container {
  background: #1e1e1e;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 10px 20px;
}

@keyframes skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

@keyframes frost-shimmer {
  0% {
    transform: translateX(-35%);
  }

  100% {
    transform: translateX(35%);
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .dashboard-section .cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .dashboard-section .charts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .cards-grid.cards-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .cards-grid.cards-grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid-3, .dynamic-dashboard .charts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .charts-grid-3, .dynamic-dashboard .charts-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid.charts-grid-50-25-25 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (width >= 1200px) {
  .dynamic-dashboard .charts-grid.charts-grid-50-25-25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid.charts-grid-25-25-50 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .charts-grid.charts-grid-25-25-50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .cards-grid-single {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 768px) {
  .dynamic-dashboard {
    padding: 8px;
  }

  .dynamic-dashboard .dashboard-default-actions, .dynamic-dashboard [class*="__actions"][role="toolbar"] {
    padding: 6px 12px;
  }

  .dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn {
    padding: 6px 10px;
    font-size: 12px;
  }

  .dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn i, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn i, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn i {
    font-size: 12px;
  }

  .dynamic-dashboard .dashboard-section {
    margin-bottom: 12px;
  }

  .dynamic-dashboard .chart-container {
    min-height: 180px;
    max-height: 350px;
  }

  .dynamic-dashboard .chart-container .chart-title {
    margin-top: 6px;
    margin-bottom: 10px;
    font-size: 13px;
  }

  .dynamic-dashboard .metric-card {
    min-height: 100px;
  }

  .dynamic-dashboard .list-card, .dynamic-dashboard .ranked-list-card, .dynamic-dashboard .comparison-list-card, .dynamic-dashboard .leaderboard-card {
    -webkit-overflow-scrolling: touch;
    max-height: 400px;
    overflow-y: auto;
  }

  .dynamic-dashboard .list-item, .dynamic-dashboard .leaderboard-entry, .dynamic-dashboard .stack-item {
    align-items: center;
    min-height: 44px;
    display: flex;
  }

  .dynamic-dashboard .treemap-skeleton, .dynamic-dashboard .leaderboard-skeleton, .dynamic-dashboard .list-skeleton {
    min-height: 200px;
  }

  .dynamic-dashboard .chart-skeleton {
    min-height: 150px;
  }

  .dynamic-dashboard.fullscreen-mode {
    padding: 8px;
  }

  .dynamic-dashboard .chart-tooltip {
    max-width: 200px;
    padding: 6px 10px;
    font-size: 12px;
  }

  .dashboard-layout__row {
    gap: 10px;
    grid-template-columns: 1fr !important;
  }

  .dashboard-layout__cell {
    grid-column: span 1 !important;
  }

  .dashboard-layout__grid {
    gap: 10px;
    margin: 8px 12px;
    grid-template-columns: 1fr !important;
  }

  .dashboard-layout--mobile .dashboard-layout__row, .dashboard-layout--mobile .dashboard-layout__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .no-data-container {
    min-height: 150px;
    padding: 20px;
  }

  .no-data-container .no-data-icon {
    font-size: 32px;
  }

  .no-data-container .no-data-message {
    font-size: 13px;
  }
}

.dashboard-layout {
  width: 100%;
}

.dashboard-layout__grid {
  min-width: 0;
  display: grid;
}

.dashboard-layout__row {
  display: grid;
}

.dashboard-layout__row:last-child {
  margin-bottom: 0;
}

.dashboard-layout__cell {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.dashboard-layout__cell > * {
  flex: 1;
  min-height: 0;
}

.dashboard-layout__error {
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px 16px;
  font-size: 14px;
  display: flex;
}

.dashboard-layout__error i {
  font-size: 16px;
}

.dashboard-layout__error span {
  flex: 1;
}

.dashboard-layout__error-retry {
  cursor: pointer;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
}

.dashboard-layout--light .dashboard-layout__error {
  color: #991b1b;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
}

.dashboard-layout--light .dashboard-layout__error i {
  color: #dc2626;
}

.dashboard-layout--light .dashboard-layout__error-retry {
  color: #374151;
  background-color: #fff;
  border: 1px solid #d1d5db;
}

.dashboard-layout--light .dashboard-layout__error-retry:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
}

.dashboard-layout--dark .dashboard-layout__error {
  color: #fca5a5;
  background-color: #dc262626;
  border: 1px solid #dc26264d;
}

.dashboard-layout--dark .dashboard-layout__error i {
  color: #f87171;
}

.dashboard-layout--dark .dashboard-layout__error-retry {
  color: #e5e7eb;
  background-color: #ffffff1a;
  border: 1px solid #fff3;
}

.dashboard-layout--dark .dashboard-layout__error-retry:hover {
  background-color: #ffffff26;
  border-color: #ffffff4d;
}

@media (width <= 1200px) {
  .dashboard-layout__row {
    gap: 12px;
  }
}

@media (width <= 768px) {
  .dashboard-layout__row {
    gap: 10px;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .dashboard-layout__cell[style*="span 3"], .dashboard-layout__cell[style*="span 4"] {
    grid-column: span 2 !important;
  }
}

@media (width <= 480px) {
  .dashboard-layout__row {
    grid-template-columns: 1fr !important;
  }

  .dashboard-layout__cell {
    grid-column: span 1 !important;
  }
}

.ops-dashboard--dark {
  background-color: #191919;
  gap: 12px;
  min-height: 100vh;
  padding: 12px;
  position: relative;
}

.ops-dashboard__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding: 12px 12px 0;
  display: flex;
}

.ops-dashboard__title {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #fff;
  margin: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.ops-dashboard__subtitle {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #838894;
  margin-top: 4px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.ops-dashboard__error {
  color: #e5a3a3;
  background-color: #bf717126;
  border: 1px solid #bf717166;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  margin: 0 12px 12px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.ops-dashboard__error .dashboard-error-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.ops-dashboard__error .dashboard-error-content {
  flex: 1;
}

.ops-dashboard__error .dashboard-error-content .dashboard-error-title {
  margin-bottom: 2px;
  font-weight: 500;
}

.ops-dashboard__error .dashboard-error-content .dashboard-error-message {
  font-size: 13px;
}

.ops-dashboard__error .dashboard-error-retry {
  cursor: pointer;
  border-radius: 6px;
  flex-shrink: 0;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  transition: background-color .2s;
}

.ops-dashboard__error .dashboard-error-icon {
  color: #e5a3a3;
}

.ops-dashboard__error .dashboard-error-content .dashboard-error-message {
  color: #e5a3a3cc;
}

.ops-dashboard__error .dashboard-error-retry {
  color: #e5a3a3;
  background-color: #bf717133;
  border: 1px solid #bf717166;
}

.ops-dashboard__error .dashboard-error-retry:hover {
  background-color: #bf71714d;
}

.ops-dashboard__error-retry {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  border-radius: 6px;
  padding: 6px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  transition: background-color .2s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ops-dashboard__error-retry i {
  color: #fff;
}

.ops-dashboard__error-retry:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.ops-dashboard__error-retry.disabled, .ops-dashboard__error-retry[disabled], .ops-dashboard__error-retry:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ops-dashboard__error-retry.disabled i, .ops-dashboard__error-retry[disabled] i, .ops-dashboard__error-retry:disabled i {
  color: var(--gray-400);
}

.ops-dashboard__error-retry:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ops-dashboard__error-retry:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ops-dashboard__error-retry:focus-visible {
  box-shadow: none;
}

.ops-dashboard__error-retry:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ops-dashboard__error-retry:hover {
  background-color: #466a92;
}

.ops-dashboard__row-1 {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 12px;
  padding: 0 12px;
  display: grid;
}

@media (width <= 1024px) {
  .ops-dashboard__row-1 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 768px) {
  .ops-dashboard__row-1 {
    grid-template-columns: 1fr;
  }
}

.ops-dashboard__main-layout {
  grid-template-rows: auto auto;
  grid-template-columns: 60% 1fr;
  gap: 12px;
  padding: 0 12px 60px;
  display: grid;
}

@media (width <= 1024px) {
  .ops-dashboard__main-layout {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

.ops-dashboard__metrics-section {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.ops-dashboard__metrics-row {
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  display: grid;
}

@media (width <= 768px) {
  .ops-dashboard__metrics-row {
    grid-template-columns: 1fr;
  }
}

.ops-dashboard__leaderboard-section {
  grid-row: span 2;
  min-height: 400px;
}

@media (width <= 1024px) {
  .ops-dashboard__leaderboard-section {
    grid-row: auto;
  }
}

.ops-dashboard__actions {
  z-index: 10;
  gap: 8px;
  display: flex;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.ops-dashboard__actions .dashboard-refresh-btn, .ops-dashboard__actions .dashboard-fullscreen-btn, .ops-dashboard__actions .dashboard-options-btn {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
}

.stock-ticker-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  flex-direction: column;
  min-height: 370px;
  padding: 14px 16px 0;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
  cursor: pointer !important;
}

.stock-ticker-card:hover {
  transform: translateY(-2px);
}

.stock-ticker-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0)scale(.98);
}

.stock-ticker-card .stock-ticker-header {
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20px;
  margin-bottom: 6px;
  display: flex;
}

.stock-ticker-card .stock-ticker-title {
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.stock-ticker-card .stock-ticker-menu {
  cursor: pointer;
  opacity: .6;
  background: none;
  border: none;
  padding: 2px 4px;
  font-size: 14px;
  transition: opacity .15s;
}

.stock-ticker-card .stock-ticker-menu:hover {
  opacity: 1;
}

.stock-ticker-card .stock-ticker-value-row {
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
}

.stock-ticker-card .stock-ticker-value-section {
  flex-direction: row;
  align-items: center;
  gap: 6px;
  display: flex;
}

.stock-ticker-card .stock-ticker-value {
  font-family: Soehne, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}

.stock-ticker-card .stock-ticker-rate-label {
  color: #f5f5f5;
  font-family: Soehne, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.stock-ticker-card .stock-ticker-change-section {
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  margin-top: 4px;
  display: flex;
}

.stock-ticker-card .stock-ticker-change {
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.stock-ticker-card .stock-ticker-change-label {
  color: #f5f5f5;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.stock-ticker-card .stock-ticker-chart {
  cursor: pointer;
  flex: 1;
  justify-content: stretch;
  align-items: flex-end;
  min-height: 250px;
  margin: 0 -16px -14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.stock-ticker-card .stock-ticker-chart > div {
  cursor: pointer;
  width: calc(100% + 32px);
  height: 100%;
  min-height: 250px;
}

.stock-ticker-card .stock-ticker-chart canvas {
  cursor: pointer !important;
}

.stock-ticker-card .stock-ticker-skeleton-title {
  width: 60%;
  height: 18px;
  margin-bottom: 10px;
}

.stock-ticker-card .stock-ticker-skeleton-value {
  width: 35%;
  height: 36px;
  margin-bottom: 10px;
}

.stock-ticker-card .stock-ticker-skeleton-chart {
  width: 100%;
  height: 70px;
  margin: 0 -16px;
}

.stock-ticker-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.stock-ticker-card .stock-ticker-title {
  color: #f5f5f5;
}

.stock-ticker-card .stock-ticker-menu, .stock-ticker-card .stock-ticker-rate-label, .stock-ticker-card .stock-ticker-change-label {
  color: #838894;
}

.stock-ticker-card .stock-ticker-change.positive {
  color: #8fccb8;
}

.stock-ticker-card .stock-ticker-change.negative {
  color: #f7a3a3;
}

.stock-ticker-card .stock-ticker-change.neutral {
  color: #9b9fa8;
}

.vertical-stack-card {
  min-height: 280px;
  box-shadow: none;
  background-color: #0000;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 32px 24px 20px;
  transition: all .2s;
  display: flex;
  cursor: pointer !important;
}

.vertical-stack-card .vertical-stack-header {
  text-align: center;
  width: 100%;
  margin-bottom: 16px;
}

.vertical-stack-card .vertical-stack-title {
  text-transform: none;
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.vertical-stack-card .vertical-stack-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 44px;
  width: 100%;
  display: flex;
}

.vertical-stack-card .vertical-stack-item {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.vertical-stack-card .vertical-stack-item-main {
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.vertical-stack-card .vertical-stack-item-value {
  letter-spacing: -.02em;
  font-family: Soehne, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
}

.vertical-stack-card .vertical-stack-item-name {
  text-align: center;
  margin-top: 4px;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.vertical-stack-card .vertical-stack-item-change {
  border-radius: 0;
  align-items: center;
  gap: 2px;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  position: static;
  transform: none;
}

.vertical-stack-card .vertical-stack-item-change .vertical-stack-change-arrow, .vertical-stack-card .vertical-stack-item-change .vertical-stack-change-value {
  font-size: 16px;
}

.vertical-stack-card .vertical-stack-skeleton {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  display: flex;
}

.vertical-stack-card .vertical-stack-skeleton-item {
  width: 100%;
  height: 56px;
}

.vertical-stack-card .vertical-stack-title, .vertical-stack-card .vertical-stack-item-name {
  color: #f5f5f5;
}

.vertical-stack-card .vertical-stack-item-value {
  color: #fff;
}

.vertical-stack-card .vertical-stack-item-change.positive {
  color: #8fccb8;
}

.vertical-stack-card .vertical-stack-item-change.negative {
  color: #f7a3a3;
}

.vertical-stack-card .vertical-stack-item-change.neutral {
  color: #9b9fa8;
}

.leaderboard-card {
  box-shadow: none;
  background-color: #0000;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  padding: 20px;
  transition: all .2s;
  display: flex;
}

.leaderboard-card .leaderboard-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.leaderboard-card .leaderboard-title-section {
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  display: flex;
}

.leaderboard-card .leaderboard-trophy {
  color: #e89e64;
  font-size: 18px;
}

.leaderboard-card .leaderboard-title {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.leaderboard-card .leaderboard-stage-badge {
  text-transform: uppercase;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
}

.leaderboard-card .leaderboard-menu-btn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: all .15s;
  display: flex;
}

.leaderboard-card .leaderboard-menu-btn i {
  font-size: 16px;
}

.leaderboard-card .leaderboard-list {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-height: 200px;
  display: flex;
}

.leaderboard-card .leaderboard-list .no-data-container {
  margin-top: 0;
}

.leaderboard-card .leaderboard-entry {
  border-radius: 8px;
  align-items: center;
  gap: 14px;
  padding: 10px 6px;
  transition: all .15s;
  display: flex;
}

.leaderboard-card .leaderboard-entry.clickable {
  cursor: pointer;
}

.leaderboard-card .leaderboard-rank {
  text-align: center;
  color: #fff;
  min-width: 24px;
  font-family: Soehne, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.leaderboard-card .leaderboard-avatar {
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
}

.leaderboard-card .leaderboard-avatar-team {
  justify-content: center;
  align-items: center;
  display: flex;
}

.leaderboard-card .leaderboard-avatar-team i {
  color: #fff;
  font-size: 24px;
}

.leaderboard-card .leaderboard-avatar-initials {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

.leaderboard-card .leaderboard-info {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.leaderboard-card .leaderboard-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 500;
  overflow: hidden;
}

.leaderboard-card .leaderboard-points-section {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.leaderboard-card .leaderboard-points {
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.leaderboard-card .leaderboard-points-value {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.leaderboard-card .leaderboard-points-label {
  color: #f5f5f5;
  opacity: 1;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.leaderboard-card .leaderboard-trend {
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.leaderboard-card .leaderboard-trend-arrow {
  margin-right: 3px;
}

.leaderboard-card .leaderboard-trend.up {
  color: #8fccb8;
}

.leaderboard-card .leaderboard-trend.down {
  color: #f7a3a3;
}

.leaderboard-card .leaderboard-trend.neutral {
  color: #9b9fa8;
}

.leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff1a;
  margin-top: 16px;
  padding-top: 16px;
}

.leaderboard-card .leaderboard-prev-leader-label {
  color: #f5f5f5;
  margin-bottom: 6px;
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.leaderboard-card .leaderboard-prev-leader-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.leaderboard-card .leaderboard-prev-leader-name {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 500;
}

.leaderboard-card .leaderboard-prev-leader-count {
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.leaderboard-card .leaderboard-prev-leader-count-value {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.leaderboard-card .leaderboard-prev-leader-count-label {
  color: #f5f5f5;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.leaderboard-card .leaderboard-skeleton {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.leaderboard-card .leaderboard-skeleton-entry {
  border-radius: 8px;
  width: 100%;
  height: 60px;
}

.leaderboard-card .leaderboard-title {
  color: #f5f5f5;
}

.leaderboard-card .leaderboard-stage-badge {
  color: #7db8a5;
  background-color: #7db8a533;
}

.leaderboard-card .leaderboard-menu-btn {
  color: #838894;
}

.leaderboard-card .leaderboard-menu-btn:hover {
  background-color: #ffffff1a;
}

.leaderboard-card .leaderboard-entry {
  background-color: #0000;
}

.leaderboard-card .leaderboard-entry:hover {
  background-color: #ffffff0d;
}

.leaderboard-card .leaderboard-rank {
  color: #f5f5f5;
}

.leaderboard-card .leaderboard-name, .leaderboard-card .leaderboard-points-value {
  color: #fff;
}

.leaderboard-card .leaderboard-points-label {
  color: #f5f5f5;
}

.leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff12;
}

.leaderboard-card .leaderboard-prev-leader-label {
  color: #f5f5f5;
}

.leaderboard-card .leaderboard-prev-leader-name, .leaderboard-card .leaderboard-prev-leader-count {
  color: #fff;
}

.leaderboard-options-modal .ant-modal-content {
  background-color: #ededed;
  border: 1px solid #fff6;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
}

.leaderboard-options-modal .ant-modal-header {
  background: none;
  border-bottom: none;
  align-items: center;
  padding: 16px 24px 4px;
  display: flex;
}

.leaderboard-options-modal .ant-modal-header .ant-modal-title {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--gray-700, #5e636b);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.leaderboard-options-modal .ant-modal-close {
  align-items: center;
  height: auto;
  display: flex;
  top: 36px;
}

.leaderboard-options-modal .ant-modal-body {
  background: none;
  padding: 8px 24px 24px;
}

.leaderboard-options-modal .ant-modal-footer {
  background: none;
  border-top: none;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px 16px;
  display: flex;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel i {
  color: #fff;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel.disabled, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel[disabled], .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel.disabled i, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel[disabled] i, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel:disabled i {
  color: var(--gray-400);
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel:focus-visible {
  box-shadow: none;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel:hover, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel:focus, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-cancel:active {
  background-color: #ae4f4f;
  color: #fff !important;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset i {
  color: #5e636b;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset.disabled, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset[disabled], .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset.disabled i, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset[disabled] i, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset:disabled i {
  color: var(--gray-400);
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset:focus-visible {
  box-shadow: none;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-reset:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save i {
  color: #fff;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save:not(:has(i)) {
  background: linear-gradient(#6d9c8d 0%, #659585 100%);
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save.disabled, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save[disabled], .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save.disabled i, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save[disabled] i, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save:disabled i {
  color: var(--gray-400);
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save:focus-visible {
  box-shadow: none;
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save:hover, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save:focus, .leaderboard-options-modal .ant-modal-footer .leaderboard-options-modal__btn-save:active {
  background-color: #537b6e;
  color: #fff !important;
}

.leaderboard-options-modal .ant-modal-footer .ant-btn {
  border: none;
  height: auto;
}

.leaderboard-options-modal .ant-modal-footer .ant-btn[disabled] {
  opacity: .5;
  cursor: not-allowed;
}

.leaderboard-options-modal__description {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-500, #9b9fa8);
  text-align: center;
  margin-bottom: 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.leaderboard-options-modal__content {
  flex-direction: column;
  gap: 28px;
  display: flex;
}

.leaderboard-options-modal__section {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.leaderboard-options-modal__section-label {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--gray-600, #6b7280);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.leaderboard-options-modal__radio-group .ant-radio-wrapper {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #4d525c);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.leaderboard-options-modal__radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
  border: 1px solid var(--gray-300, #d5d7da);
  background-color: var(--white, #fff);
  border-radius: 4px;
  width: 16px;
  height: 16px;
}

.leaderboard-options-modal__radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner:after {
  display: none;
}

.leaderboard-options-modal__radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner {
  background-color: #837bb2;
  border-color: #837bb2;
}

.leaderboard-options-modal__radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner:after {
  background-color: #0000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
  width: 10px;
  height: 10px;
  margin: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.leaderboard-options-modal__radio-group .ant-radio-wrapper:hover .ant-radio .ant-radio-inner {
  border-color: #837bb2;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #837bb2;
}

.leaderboard-options-modal__radio-label {
  align-items: center;
  gap: 8px;
  font-weight: 400;
  display: inline-flex;
}

.leaderboard-options-modal__radio-label i {
  text-align: center;
  width: 16px;
  color: var(--gray-500, #9b9fa8);
}

.leaderboard-options-modal__select {
  width: 100%;
}

.leaderboard-options-modal__select.ant-select-single {
  height: auto !important;
}

.leaderboard-options-modal__select .ant-select-selector {
  background-color: #fff !important;
  border-color: #e3e5e8 !important;
  border-radius: 8px !important;
  align-items: center !important;
  height: 44px !important;
  padding: 0 10px !important;
  display: flex !important;
  box-shadow: 0 0 1px #0000000f, 0 1px 2px -1px #0000000a, inset 0 1px 2px 1px #38383814 !important;
}

.leaderboard-options-modal__select.ant-select-focused .ant-select-selector, .leaderboard-options-modal__select.ant-select-open .ant-select-selector, .leaderboard-options-modal__select .ant-select-selector:focus, .leaderboard-options-modal__select .ant-select-selector:active {
  border-color: #d5d7da !important;
  outline: none !important;
}

.leaderboard-options-modal__select .ant-select-selection-item {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #4d525c;
  align-items: center;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  display: flex;
  line-height: 44px !important;
}

.leaderboard-options-modal__select .ant-select-selection-placeholder {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #9b9fa8;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.leaderboard-options-modal__select .ant-select-arrow {
  pointer-events: none;
  width: 32px;
  justify-content: center !important;
  align-items: center !important;
  height: 100% !important;
  margin-top: 0 !important;
  display: flex !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 12px !important;
  transform: none !important;
}

.leaderboard-options-modal__select .ant-select-arrow .anticon, .leaderboard-options-modal__select .ant-select-arrow > span, .leaderboard-options-modal__select .ant-select-arrow > svg {
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.leaderboard-options-modal__select .ant-select-arrow:after {
  content: "" !important;
  visibility: visible !important;
  filter: brightness(0) saturate() opacity(.5) !important;
  background-image: url("chevron-down-outline.ea9e659f.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

.ops-dashboard--dark .ag-charts-tooltip {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.ops-dashboard--dark .stock-ticker-card, .ops-dashboard--dark .stock-ticker-card *, .ops-dashboard--dark .vertical-stack-card, .ops-dashboard--dark .vertical-stack-card * {
  cursor: pointer !important;
}

@media (width <= 1200px) {
  .ops-dashboard__main-layout {
    grid-template-columns: 1fr;
  }

  .ops-dashboard__leaderboard-section {
    grid-row: auto;
    max-height: 500px;
  }
}

@media (width <= 768px) {
  .ops-dashboard__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .ops-dashboard__actions {
    bottom: 60px;
    right: 16px;
  }
}

.pharm-dashboard--dark {
  background-color: #191919;
  gap: 12px;
  min-height: 100vh;
  padding: 12px;
  position: relative;
}

.pharm-dashboard__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding: 12px 12px 0;
  display: flex;
}

.pharm-dashboard__title {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #fff;
  margin: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.pharm-dashboard__subtitle {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #838894;
  margin-top: 4px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.pharm-dashboard__error {
  color: #e5a3a3;
  background-color: #bf717126;
  border: 1px solid #bf717166;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  margin: 0 12px 12px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.pharm-dashboard__error .dashboard-error-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.pharm-dashboard__error .dashboard-error-content {
  flex: 1;
}

.pharm-dashboard__error .dashboard-error-content .dashboard-error-title {
  margin-bottom: 2px;
  font-weight: 500;
}

.pharm-dashboard__error .dashboard-error-content .dashboard-error-message {
  font-size: 13px;
}

.pharm-dashboard__error .dashboard-error-retry {
  cursor: pointer;
  border-radius: 6px;
  flex-shrink: 0;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  transition: background-color .2s;
}

.pharm-dashboard__error .dashboard-error-icon {
  color: #e5a3a3;
}

.pharm-dashboard__error .dashboard-error-content .dashboard-error-message {
  color: #e5a3a3cc;
}

.pharm-dashboard__error .dashboard-error-retry {
  color: #e5a3a3;
  background-color: #bf717133;
  border: 1px solid #bf717166;
}

.pharm-dashboard__error .dashboard-error-retry:hover {
  background-color: #bf71714d;
}

.pharm-dashboard__error-retry {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  border-radius: 6px;
  padding: 6px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  transition: background-color .2s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.pharm-dashboard__error-retry i {
  color: #fff;
}

.pharm-dashboard__error-retry:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.pharm-dashboard__error-retry.disabled, .pharm-dashboard__error-retry[disabled], .pharm-dashboard__error-retry:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.pharm-dashboard__error-retry.disabled i, .pharm-dashboard__error-retry[disabled] i, .pharm-dashboard__error-retry:disabled i {
  color: var(--gray-400);
}

.pharm-dashboard__error-retry:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.pharm-dashboard__error-retry:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.pharm-dashboard__error-retry:focus-visible {
  box-shadow: none;
}

.pharm-dashboard__error-retry:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.pharm-dashboard__error-retry:hover {
  background-color: #466a92;
}

.pharm-dashboard__row-1 {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 12px;
  padding: 0 12px;
  display: grid;
}

@media (width <= 1024px) {
  .pharm-dashboard__row-1 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 768px) {
  .pharm-dashboard__row-1 {
    grid-template-columns: 1fr;
  }
}

.pharm-dashboard__main-layout {
  grid-template-rows: auto auto;
  grid-template-columns: 60% 1fr;
  gap: 12px;
  padding: 0 12px 60px;
  display: grid;
}

@media (width <= 1024px) {
  .pharm-dashboard__main-layout {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

.pharm-dashboard__metrics-section {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.pharm-dashboard__metrics-row {
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  display: grid;
}

@media (width <= 768px) {
  .pharm-dashboard__metrics-row {
    grid-template-columns: 1fr;
  }
}

.pharm-dashboard__leaderboard-section {
  grid-row: span 2;
  min-height: 400px;
}

@media (width <= 1024px) {
  .pharm-dashboard__leaderboard-section {
    grid-row: auto;
  }
}

.pharm-dashboard__actions {
  z-index: 10;
  gap: 8px;
  display: flex;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.pharm-dashboard__actions .dashboard-refresh-btn, .pharm-dashboard__actions .dashboard-fullscreen-btn, .pharm-dashboard__actions .dashboard-options-btn {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
}

.pharm-dashboard--dark .stock-ticker-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  flex-direction: column;
  min-height: 370px;
  padding: 14px 16px 0;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
  cursor: pointer !important;
}

.pharm-dashboard--dark .stock-ticker-card:hover {
  transform: translateY(-2px);
}

.pharm-dashboard--dark .stock-ticker-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0)scale(.98);
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-header {
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20px;
  margin-bottom: 6px;
  display: flex;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-title {
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-menu {
  cursor: pointer;
  opacity: .6;
  background: none;
  border: none;
  padding: 2px 4px;
  font-size: 14px;
  transition: opacity .15s;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-menu:hover {
  opacity: 1;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-value-row {
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-value-section {
  flex-direction: row;
  align-items: center;
  gap: 6px;
  display: flex;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-value {
  font-family: Soehne, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-rate-label {
  color: #f5f5f5;
  font-family: Soehne, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change-section {
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  margin-top: 4px;
  display: flex;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change {
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change-label {
  color: #f5f5f5;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-chart {
  cursor: pointer;
  flex: 1;
  justify-content: stretch;
  align-items: flex-end;
  min-height: 250px;
  margin: 0 -16px -14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-chart > div {
  cursor: pointer;
  width: calc(100% + 32px);
  height: 100%;
  min-height: 250px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-chart canvas {
  cursor: pointer !important;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-skeleton-title {
  width: 60%;
  height: 18px;
  margin-bottom: 10px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-skeleton-value {
  width: 35%;
  height: 36px;
  margin-bottom: 10px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-skeleton-chart {
  width: 100%;
  height: 70px;
  margin: 0 -16px;
}

.pharm-dashboard--dark .stock-ticker-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-title {
  color: #f5f5f5;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-menu, .pharm-dashboard--dark .stock-ticker-card .stock-ticker-rate-label, .pharm-dashboard--dark .stock-ticker-card .stock-ticker-change-label {
  color: #838894;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change.positive {
  color: #8fccb8;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change.negative {
  color: #f7a3a3;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change.neutral {
  color: #9b9fa8;
}

.pharm-dashboard--dark .vertical-stack-card {
  min-height: 280px;
  box-shadow: none;
  background-color: #0000;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 32px 24px 20px;
  transition: all .2s;
  display: flex;
  cursor: pointer !important;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-header {
  text-align: center;
  width: 100%;
  margin-bottom: 16px;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-title {
  text-transform: none;
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 44px;
  width: 100%;
  display: flex;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-main {
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-value {
  letter-spacing: -.02em;
  font-family: Soehne, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-name {
  text-align: center;
  margin-top: 4px;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change {
  border-radius: 0;
  align-items: center;
  gap: 2px;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  position: static;
  transform: none;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change .vertical-stack-change-arrow, .pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change .vertical-stack-change-value {
  font-size: 16px;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-skeleton {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  display: flex;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-skeleton-item {
  width: 100%;
  height: 56px;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-title, .pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-name {
  color: #f5f5f5;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-value {
  color: #fff;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change.positive {
  color: #8fccb8;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change.negative {
  color: #f7a3a3;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change.neutral {
  color: #9b9fa8;
}

.pharm-dashboard--dark .leaderboard-card {
  box-shadow: none;
  background-color: #0000;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  padding: 20px;
  transition: all .2s;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-title-section {
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trophy {
  color: #e89e64;
  font-size: 18px;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-title {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-stage-badge {
  text-transform: uppercase;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-menu-btn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: all .15s;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-menu-btn i {
  font-size: 16px;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-list {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-height: 200px;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-list .no-data-container {
  margin-top: 0;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-entry {
  border-radius: 8px;
  align-items: center;
  gap: 14px;
  padding: 10px 6px;
  transition: all .15s;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-entry.clickable {
  cursor: pointer;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-rank {
  text-align: center;
  color: #fff;
  min-width: 24px;
  font-family: Soehne, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-avatar {
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-avatar-team {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-avatar-team i {
  color: #fff;
  font-size: 24px;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-avatar-initials {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-info {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 500;
  overflow: hidden;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-points-section {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-points {
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-points-value {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-points-label {
  color: #f5f5f5;
  opacity: 1;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trend {
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trend-arrow {
  margin-right: 3px;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trend.up {
  color: #8fccb8;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trend.down {
  color: #f7a3a3;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trend.neutral {
  color: #9b9fa8;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff1a;
  margin-top: 16px;
  padding-top: 16px;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-label {
  color: #f5f5f5;
  margin-bottom: 6px;
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-name {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 500;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-count {
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-count-value {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-count-label {
  color: #f5f5f5;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-skeleton {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-skeleton-entry {
  border-radius: 8px;
  width: 100%;
  height: 60px;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-title {
  color: #f5f5f5;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-stage-badge {
  color: #7db8a5;
  background-color: #7db8a533;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-menu-btn {
  color: #838894;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-menu-btn:hover {
  background-color: #ffffff1a;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-entry {
  background-color: #0000;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-entry:hover {
  background-color: #ffffff0d;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-rank {
  color: #f5f5f5;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-name, .pharm-dashboard--dark .leaderboard-card .leaderboard-points-value {
  color: #fff;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-points-label {
  color: #f5f5f5;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff12;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-label {
  color: #f5f5f5;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-name, .pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-count {
  color: #fff;
}

.pharm-dashboard--dark .ag-charts-tooltip {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.pharm-dashboard--dark .stock-ticker-card, .pharm-dashboard--dark .stock-ticker-card *, .pharm-dashboard--dark .vertical-stack-card, .pharm-dashboard--dark .vertical-stack-card * {
  cursor: pointer !important;
}

@media (width <= 1200px) {
  .pharm-dashboard__main-layout {
    grid-template-columns: 1fr;
  }

  .pharm-dashboard__leaderboard-section {
    grid-row: auto;
    max-height: 500px;
  }
}

@media (width <= 768px) {
  .pharm-dashboard__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .pharm-dashboard__actions {
    bottom: 60px;
    right: 16px;
  }
}

.nursing-dashboard--light {
  background-color: #f5f5f5;
  gap: 16px;
  min-height: 100vh;
  max-height: 100vh;
  padding: 16px;
  position: relative;
  overflow-y: auto;
}

.nursing-dashboard__header {
  justify-content: space-between;
  align-items: center;
  padding: 0 16px 16px;
  display: flex;
}

.nursing-dashboard__title {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #1a1a1a;
  margin: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.nursing-dashboard__subtitle {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #999;
  margin-top: 4px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.nursing-dashboard__error {
  color: #721c24;
  background-color: #dc354514;
  border: 1px solid #dc354540;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  margin: 0 16px 16px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.nursing-dashboard__error .dashboard-error-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.nursing-dashboard__error .dashboard-error-content {
  flex: 1;
}

.nursing-dashboard__error .dashboard-error-content .dashboard-error-title {
  margin-bottom: 2px;
  font-weight: 500;
}

.nursing-dashboard__error .dashboard-error-content .dashboard-error-message {
  font-size: 13px;
}

.nursing-dashboard__error .dashboard-error-retry {
  cursor: pointer;
  border-radius: 6px;
  flex-shrink: 0;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  transition: background-color .2s;
}

.nursing-dashboard__error .dashboard-error-icon {
  color: #dc3545;
}

.nursing-dashboard__error .dashboard-error-content .dashboard-error-message {
  color: #721c24cc;
}

.nursing-dashboard__error .dashboard-error-retry {
  color: #721c24;
  background-color: #dc35451a;
  border: 1px solid #dc35454d;
}

.nursing-dashboard__error .dashboard-error-retry:hover {
  background-color: #dc354526;
}

.nursing-dashboard__error-retry {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  border-radius: 6px;
  padding: 6px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  transition: background-color .2s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.nursing-dashboard__error-retry i {
  color: #fff;
}

.nursing-dashboard__error-retry:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.nursing-dashboard__error-retry.disabled, .nursing-dashboard__error-retry[disabled], .nursing-dashboard__error-retry:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.nursing-dashboard__error-retry.disabled i, .nursing-dashboard__error-retry[disabled] i, .nursing-dashboard__error-retry:disabled i {
  color: var(--gray-400);
}

.nursing-dashboard__error-retry:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.nursing-dashboard__error-retry:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.nursing-dashboard__error-retry:focus-visible {
  box-shadow: none;
}

.nursing-dashboard__error-retry:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.nursing-dashboard__error-retry:hover {
  background-color: #466a92;
}

.nursing-dashboard__bottom-row {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  min-height: 420px;
  margin: 0 16px;
  display: grid;
}

.nursing-dashboard__bottom-row .nursing-dashboard__treemap-container {
  grid-column: span 2;
}

@media (width <= 1400px) {
  .nursing-dashboard__bottom-row {
    grid-template-columns: repeat(3, 1fr);
  }

  .nursing-dashboard__bottom-row .nursing-dashboard__treemap-container {
    grid-column: span 3;
  }

  .nursing-dashboard__bottom-row .nursing-dashboard__list-container, .nursing-dashboard__bottom-row .nursing-dashboard__leaderboard-container {
    grid-column: span 1;
  }
}

@media (width <= 900px) {
  .nursing-dashboard__bottom-row {
    grid-template-columns: 1fr;
  }

  .nursing-dashboard__bottom-row .nursing-dashboard__treemap-container, .nursing-dashboard__bottom-row .nursing-dashboard__list-container, .nursing-dashboard__bottom-row .nursing-dashboard__leaderboard-container {
    grid-column: auto;
  }
}

.nursing-dashboard__treemap-container, .nursing-dashboard__list-container, .nursing-dashboard__leaderboard-container {
  min-height: 400px;
}

.nursing-dashboard__stacked-column {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.nursing-dashboard__stacked-column .metric-card {
  flex-shrink: 0;
}

.nursing-dashboard__stacked-column .ranked-list-card, .nursing-dashboard__stacked-column .leaderboard-card {
  flex: 1;
  min-height: 300px;
}

.nursing-dashboard__actions .dashboard-refresh-btn, .nursing-dashboard__actions .dashboard-fullscreen-btn {
  color: #1a1a1a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.nursing-dashboard__actions .dashboard-refresh-btn:hover, .nursing-dashboard__actions .dashboard-fullscreen-btn:hover {
  background-color: #f7f7f7;
  border-color: #5b83b0;
}

.nursing-dashboard--light .metric-card {
  cursor: pointer;
}

.nursing-dashboard--light .treemap-card {
  cursor: pointer;
  background-color: #ffffff40;
  border-radius: 10px;
  min-height: 400px;
  padding: 14px 18px;
  transition: all .2s;
  position: relative;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.nursing-dashboard--light .treemap-card:hover {
  transform: translateY(-2px);
}

.nursing-dashboard--light .treemap-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0)scale(.98);
}

.nursing-dashboard--light .treemap-card .card-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.nursing-dashboard--light .treemap-card .card-header .card-title {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.nursing-dashboard--light .treemap-card .card-header .card-menu {
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.nursing-dashboard--light .treemap-card .card-value {
  align-items: center;
  font-family: Soehne, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
  display: flex;
}

.nursing-dashboard--light .treemap-card .card-value.positive {
  color: #5a8577;
}

.nursing-dashboard--light .treemap-card .card-value.negative {
  color: #b26969;
}

.nursing-dashboard--light .treemap-card .card-value .card-value-identifier {
  margin-left: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.nursing-dashboard--light .treemap-card > .growth-indicator {
  border-radius: 6px;
  align-items: center;
  gap: 3px;
  padding: 4px 10px;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 500;
  transition: all .15s;
  display: inline-flex;
  position: absolute;
  bottom: 10px;
  right: 12px;
}

.nursing-dashboard--light .treemap-card > .growth-indicator.positive {
  color: #5a8577;
}

.nursing-dashboard--light .treemap-card > .growth-indicator.negative {
  color: #b26969;
}

.nursing-dashboard--light .treemap-card > .growth-indicator.neutral {
  color: #9b9fa8;
}

.nursing-dashboard--light .treemap-card > .growth-indicator.clickable {
  cursor: pointer;
}

.nursing-dashboard--light .treemap-card > .growth-indicator.clickable:hover {
  transform: translateY(-1px);
}

.nursing-dashboard--light .treemap-card > .growth-indicator .arrow {
  font-size: 12px;
}

.nursing-dashboard--light .treemap-card > .card-title, .nursing-dashboard--light .treemap-card .card-header .card-title {
  color: #707580;
}

.nursing-dashboard--light .treemap-card > .card-menu, .nursing-dashboard--light .treemap-card .card-header .card-menu {
  color: #a4a7ae;
}

.nursing-dashboard--light .treemap-card > .card-value, .nursing-dashboard--light .treemap-card .card-value {
  color: #5e636b;
}

.nursing-dashboard--light .treemap-card > .card-value .card-value-identifier, .nursing-dashboard--light .treemap-card .card-value .card-value-identifier {
  color: #707580;
}

.nursing-dashboard--light .treemap-card > .growth-indicator {
  background-color: #ffffff91;
  box-shadow: inset 0 1px #fff6, 0 1px 2px #00000014;
}

.nursing-dashboard--light .treemap-card > .growth-indicator.clickable:hover {
  background-color: #fffc;
  box-shadow: inset 0 1px #fff6, 0 2px 4px #00000020;
}

.nursing-dashboard--light .treemap-card > .comparison-list-item-name {
  color: #4d525c;
}

.nursing-dashboard--light .treemap-card > .comparison-list-item-cost, .nursing-dashboard--light .treemap-card > .comparison-list-item-cost-label, .nursing-dashboard--light .treemap-card > .comparison-list-item-rate, .nursing-dashboard--light .treemap-card > .comparison-list-item-rate-label {
  color: #707580;
}

.nursing-dashboard--light .treemap-card:hover {
  background-color: #ffffff73;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.nursing-dashboard--light .treemap-card .treemap-title, .nursing-dashboard--light .treemap-card .chart-title {
  text-align: center;
  color: #707580;
  margin-bottom: 16px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.nursing-dashboard--light .treemap-card .ag-charts-tooltip {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.nursing-dashboard--light .treemap-card .ag-charts-tooltip:before, .nursing-dashboard--light .treemap-card .ag-charts-tooltip:after {
  border-color: #5b83b0 !important;
}

.nursing-dashboard--light .treemap-card .chart-tooltip {
  color: #fff;
  background-color: #5b83b0;
  border-radius: 8px;
  margin: 0;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  border: none !important;
  box-shadow: 0 10px 30px #00000040 !important;
}

.nursing-dashboard--light .treemap-card .chart-tooltip .chart-tooltip__title {
  margin-bottom: 4px;
  font-weight: 600;
}

.nursing-dashboard--light .treemap-card .chart-tooltip .chart-tooltip__value {
  font-weight: 400;
}

.nursing-dashboard--light .treemap-card .chart-tooltip .chart-tooltip__arrow {
  background: #5b83b0;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -6px;
  left: 14px;
  transform: rotate(45deg);
}

.nursing-dashboard--light .ranked-list-card {
  cursor: pointer;
  background-color: #ffffff40;
  border-radius: 10px;
  flex-direction: column;
  min-height: 400px;
  padding: 20px 16px;
  transition: all .2s;
  display: flex;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.nursing-dashboard--light .ranked-list-card:hover {
  transform: translateY(-2px);
}

.nursing-dashboard--light .ranked-list-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0)scale(.98);
}

.nursing-dashboard--light .ranked-list-card .card-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.nursing-dashboard--light .ranked-list-card .card-header .card-title {
  align-items: center;
  gap: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.nursing-dashboard--light .ranked-list-card .card-header .card-title .card-title-icon {
  background-color: #7db8a5;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.nursing-dashboard--light .ranked-list-card .card-header .card-menu {
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-content {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-content .no-data-container {
  margin-top: 0;
}

.nursing-dashboard--light .ranked-list-card .list-skeleton {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-item-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-item-title {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-item-subtitle {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-item-progressbar-container {
  align-items: center;
  gap: 8px;
  display: flex;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-item-progressbar {
  border-radius: 4px;
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-item-progressbar-fill {
  background: #7db8a5;
  width: 0%;
  height: 100%;
  transition: width .3s;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-item-progressbar-percent {
  text-align: right;
  min-width: 32px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.nursing-dashboard--light .ranked-list-card:hover {
  background-color: #ffffff73;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.nursing-dashboard--light .ranked-list-card .card-header .card-title {
  color: #707580;
}

.nursing-dashboard--light .ranked-list-card .card-header .card-menu {
  color: #a4a7ae;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-item-title {
  color: #4d525c;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-item-subtitle {
  color: #5e636b;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-item-progressbar {
  background: #b7b7b873;
}

.nursing-dashboard--light .ranked-list-card .ranked-list-item-progressbar-percent {
  color: #707580;
}

.nursing-dashboard--light .ranked-list-card:hover {
  box-shadow: 0 4px 12px #0000001a;
}

.nursing-dashboard--light .leaderboard-card {
  background-color: #ffffff40;
  border-radius: 12px;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  transition: all .2s;
  display: flex;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-title-section {
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-trophy {
  color: #e89e64;
  font-size: 18px;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-title {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-stage-badge {
  text-transform: uppercase;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-menu-btn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: all .15s;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-menu-btn i {
  font-size: 16px;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-list {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-height: 200px;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-list .no-data-container {
  margin-top: 0;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-entry {
  border-radius: 8px;
  align-items: center;
  gap: 14px;
  padding: 10px 6px;
  transition: all .15s;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-entry.clickable {
  cursor: pointer;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-rank {
  text-align: center;
  color: #fff;
  min-width: 24px;
  font-family: Soehne, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-avatar {
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-avatar-team {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-avatar-team i {
  color: #fff;
  font-size: 24px;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-avatar-initials {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-info {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 500;
  overflow: hidden;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-points-section {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-points {
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-points-value {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-points-label {
  color: #f5f5f5;
  opacity: 1;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-trend {
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-trend-arrow {
  margin-right: 3px;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-trend.up {
  color: #8fccb8;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-trend.down {
  color: #f7a3a3;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-trend.neutral {
  color: #9b9fa8;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff1a;
  margin-top: 16px;
  padding-top: 16px;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-prev-leader-label {
  color: #f5f5f5;
  margin-bottom: 6px;
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-prev-leader-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-prev-leader-name {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 500;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-prev-leader-count {
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-prev-leader-count-value {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-prev-leader-count-label {
  color: #f5f5f5;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-skeleton {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-skeleton-entry {
  border-radius: 8px;
  width: 100%;
  height: 60px;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-title {
  color: #707580;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-stage-badge {
  color: #5e636b;
  background-color: #ffffff91;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-menu-btn {
  color: #707580;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-menu-btn:hover {
  background-color: #ffffff91;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-rank {
  color: #707580;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-name, .nursing-dashboard--light .leaderboard-card .leaderboard-points-value {
  color: #4d525c;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-points-label {
  color: #707580;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff4d;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-prev-leader-label {
  color: #707580;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-prev-leader-name {
  color: #5e636b;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-prev-leader-count {
  color: #4d525c;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-entry {
  background-color: #0000 !important;
}

.nursing-dashboard--light .leaderboard-card .leaderboard-entry:hover {
  background-color: #00000008 !important;
}

.nursing-dashboard--light .ag-charts-tooltip {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.nursing-dashboard--light .treemap-card, .nursing-dashboard--light .ranked-list-card {
  cursor: pointer !important;
}

.nursing-dashboard--light .dashboard-section {
  flex-shrink: 0;
  margin-bottom: 16px;
}

.nursing-dashboard--light .dashboard-section:last-child {
  margin-bottom: 0;
}

.nursing-dashboard--light .dashboard-section .section-title {
  margin-inline: 16px;
  margin-bottom: 4px;
  padding-top: 12px;
  font-family: Soehne, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.nursing-dashboard--light .dashboard-section .cards-grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin: 10px 16px;
  display: grid;
}

@media (width >= 768px) {
  .nursing-dashboard--light .dashboard-section .cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.nursing-dashboard--light .dashboard-section .charts-grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin: 10px 16px;
  display: grid;
}

@media (width >= 768px) {
  .nursing-dashboard--light .dashboard-section .charts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.nursing-dashboard--light .dashboard-section .dashboard-layout__row {
  gap: 10px;
  margin: 10px 16px;
}

.nursing-dashboard--light .dashboard-section .section-title {
  color: #4d525c;
}

.nursing-dashboard--light .dashboard-section > .ranked-list-card {
  background-color: #ffffff40;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.nursing-dashboard--light .dashboard-section > .ranked-list-card > .ranked-list-item-title {
  color: #4d525c;
}

.nursing-dashboard--light .dashboard-section > .ranked-list-card > .ranked-list-item-subtitle {
  color: #5e636b;
}

.nursing-dashboard--light .dashboard-section > .ranked-list-card > .ranked-list-item-progressbar-percent {
  color: #707580;
}

.nursing-dashboard--light .dashboard-section:last-of-type {
  margin-bottom: 0;
}

.nursing-dashboard--light .dashboard-section:not(:first-of-type) .section-title {
  padding-top: 0;
}

.nursing-dashboard--light .cards-grid, .nursing-dashboard--light .cards-grid.cards-grid-4 {
  margin: 0 16px;
}

.nursing-dashboard--light .dashboard-layout__cell {
  min-height: 0;
}

.nursing-dashboard--light .dashboard-layout__cell[style*="span 2"] {
  min-height: 400px;
}

@media (width <= 1400px) {
  .nursing-dashboard--light .cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width <= 1024px) {
  .nursing-dashboard--light .cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 768px) {
  .nursing-dashboard__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .nursing-dashboard--light .cards-grid, .nursing-dashboard__bottom-row {
    grid-template-columns: 1fr;
  }
}

.executive-dashboard--dark {
  background-color: #191919;
  gap: 12px;
  min-height: 100vh;
  padding: 12px;
  position: relative;
}

.executive-dashboard__main-layout {
  align-items: flex-start;
  gap: 12px;
  padding: 12px 12px 0;
  display: flex;
}

.executive-dashboard__left-column {
  flex-direction: column;
  flex: 0 0 calc(33.333% - 6px);
  gap: 12px;
  display: flex;
}

.executive-dashboard__right-column {
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.executive-dashboard__main-gauge {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.executive-dashboard__main-gauge .radial-gauge {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.executive-dashboard__main-gauge .radial-gauge--large {
  align-items: center;
  width: 100%;
  padding: 16px;
}

.executive-dashboard__profit-cards {
  flex-direction: row;
  gap: 12px;
  width: 100%;
  display: flex;
}

.executive-dashboard__profit-cards .metric-card {
  flex: 1;
}

.executive-dashboard__secondary-gauges {
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  width: 100%;
  display: grid;
}

.executive-dashboard__secondary-gauges .radial-gauge {
  width: 100%;
  min-width: 0;
}

.executive-dashboard__secondary-gauges .radial-gauge--small {
  width: 100%;
}

.executive-dashboard__top-section {
  margin-bottom: 0;
  padding-bottom: 0;
}

.executive-dashboard__chart-section {
  flex-direction: column;
  flex: 1;
  min-height: 350px;
  max-height: 550px;
  margin-top: 4px;
  padding: 0 12px 60px;
  display: flex;
}

.executive-dashboard__chart-section .area-chart-container, .executive-dashboard__chart-section .chart-container {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
}

.executive-dashboard__chart-section .area-chart-container .ag-charts-canvas-container, .executive-dashboard__chart-section .chart-container .ag-charts-canvas-container, .executive-dashboard__chart-section .area-chart-container .ag-chart-wrapper, .executive-dashboard__chart-section .chart-container .ag-chart-wrapper, .executive-dashboard__chart-section .area-chart-container > div, .executive-dashboard__chart-section .chart-container > div {
  flex: 1;
  height: 100%;
  min-height: 0;
}

.executive-dashboard__chart-section .area-chart-container .no-data-container, .executive-dashboard__chart-section .chart-container .no-data-container {
  flex: 1;
  height: 100%;
  min-height: 300px;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
}

.executive-dashboard__actions {
  z-index: 10;
  gap: 8px;
  display: flex;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.executive-dashboard__actions .dashboard-refresh-btn, .executive-dashboard__actions .dashboard-fullscreen-btn, .executive-dashboard__actions .dashboard-options-btn {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
}

.radial-gauge {
  cursor: pointer;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  transition: all .2s;
  display: flex;
}

.radial-gauge:hover {
  transform: translateY(-2px);
}

.radial-gauge--large, .radial-gauge--small {
  width: 100%;
  padding: 16px;
}

.radial-gauge .radial-gauge__chart {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.radial-gauge .radial-gauge__title {
  text-align: center;
  margin-top: 12px;
  font-family: Soehne, sans-serif;
}

.radial-gauge--large {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.radial-gauge--large:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.radial-gauge--small {
  background-color: #23262c73;
  box-shadow: inset 0 1px #ffffff0f, inset 0 -48px 96px #00000038;
}

.radial-gauge--small:hover {
  background-color: #23262c8c;
}

.radial-gauge .radial-gauge__title {
  color: #f9fafb;
  font-weight: 600;
}

.radial-gauge-skeleton {
  background: linear-gradient(90deg, #242424 25%, #5a5c60f5 50%, #242424 75%);
  border-radius: 50%;
  animation: 1.5s infinite skeleton-shimmer;
}

.area-chart-container {
  background-color: #23262c73;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  display: flex;
  box-shadow: inset 0 1px #ffffff0f, inset 0 -48px 96px #00000038;
}

.area-chart-container .chart-title {
  margin-bottom: 16px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.area-chart-container:hover {
  background-color: #23262c8c;
}

.area-chart-container .chart-title {
  color: #f5f5f5;
}

.area-chart-container .no-data-icon {
  color: #838894;
}

.area-chart-container .no-data-message {
  color: #9b9fa8;
}

.chart-tooltip--dark {
  color: #fff;
  background-color: #567ba6;
  border-radius: 8px;
  margin: 0;
  padding: 10px 14px;
  font-family: Soehne, sans-serif;
  position: relative;
  border: none !important;
  box-shadow: 0 10px 30px #00000059 !important;
}

.chart-tooltip--dark .chart-tooltip__title {
  color: #ffffffd9;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 400;
}

.chart-tooltip--dark .chart-tooltip__value {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.chart-tooltip--dark .chart-tooltip__secondary {
  color: #ffffffb3;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
}

.chart-tooltip--dark .chart-tooltip__arrow {
  background: #567ba6;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -6px;
  left: 14px;
  transform: rotate(45deg);
}

.executive-dashboard--dark .ag-charts-tooltip {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.gauge-options-modal .ant-modal-content {
  background-color: #ededed;
  border: 1px solid #fff6;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
}

.gauge-options-modal .ant-modal-header {
  background: none;
  border-bottom: none;
  align-items: center;
  padding: 16px 24px 4px;
  display: flex;
}

.gauge-options-modal .ant-modal-header .ant-modal-title {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--gray-700, #5e636b);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.gauge-options-modal .ant-modal-close {
  align-items: center;
  height: auto;
  display: flex;
  top: 36px;
}

.gauge-options-modal .ant-modal-body {
  background: none;
  padding: 24px;
}

.gauge-options-modal .ant-modal-footer {
  background: none;
  border-top: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 24px 16px;
  display: flex;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  margin-right: auto;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel i {
  color: #fff;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel.disabled, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel[disabled], .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel.disabled i, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel[disabled] i, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel:disabled i {
  color: var(--gray-400);
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel:focus-visible {
  box-shadow: none;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel:hover, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel:focus, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-cancel:active {
  background-color: #ae4f4f;
  color: #fff !important;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset i {
  color: #fff;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset.disabled, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset[disabled], .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset.disabled i, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset[disabled] i, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset:disabled i {
  color: var(--gray-400);
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset:focus-visible {
  box-shadow: none;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset:hover, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset:focus, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-reset:active {
  background-color: #ae4f4f;
  color: #fff !important;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  margin-left: auto;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save i {
  color: #fff;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save:not(:has(i)) {
  background: linear-gradient(#6d9c8d 0%, #659585 100%);
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save.disabled, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save[disabled], .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save.disabled i, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save[disabled] i, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save:disabled i {
  color: var(--gray-400);
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save:focus-visible {
  box-shadow: none;
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save:hover, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save:focus, .gauge-options-modal .ant-modal-footer .gauge-options-modal__btn-save:active {
  background-color: #537b6e;
  color: #fff !important;
}

.gauge-options-modal .ant-modal-footer .ant-btn {
  border: none;
  height: auto;
}

.gauge-options-modal .ant-modal-footer .ant-btn[disabled] {
  opacity: .5;
  cursor: not-allowed;
}

.gauge-options-modal__description {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-500, #9b9fa8);
  text-align: center;
  margin-bottom: 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.gauge-options-modal__count {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #837bb2;
  text-align: center;
  margin-top: 16px;
  margin-bottom: -8px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.gauge-options-modal__list {
  border: 1px solid var(--gray-200, #e3e5e8);
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  gap: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 4px #18100a14;
}

.gauge-options-modal__item {
  cursor: pointer;
  border-bottom: 1px solid var(--gray-100, #f0f0f0);
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  transition: all .2s;
  display: flex;
}

.gauge-options-modal__item:last-child {
  border-bottom: none;
}

.gauge-options-modal__item:hover:not(.gauge-options-modal__item--disabled) {
  background: var(--gray-50, #f8f9fa);
}

.gauge-options-modal__item--selected {
  background: #ebf1f7;
}

.gauge-options-modal__item--disabled {
  opacity: .5;
  cursor: not-allowed;
}

.gauge-options-modal__item .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #5b83b0;
  border-color: #5b83b0;
}

.gauge-options-modal__item .ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #5b83b0;
}

.gauge-options-modal__item-content {
  align-items: center;
  gap: 16px;
  display: flex;
}

.gauge-options-modal__item-color {
  border-radius: 50%;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.gauge-options-modal__item-info {
  flex-direction: column;
  display: flex;
}

.gauge-options-modal__item-name {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: var(--gray-700, #4d525c);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.executive-dashboard--dark .section-title {
  color: #fff;
  font-weight: 500;
}

@media (width <= 1200px) {
  .executive-dashboard__main-layout {
    flex-direction: column;
    align-items: center;
  }

  .executive-dashboard__left-column {
    flex: none;
    width: 100%;
    max-width: 400px;
  }

  .executive-dashboard__right-column {
    flex: none;
    width: 100%;
  }

  .executive-dashboard__secondary-gauges {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}

@media (width <= 768px) {
  .executive-dashboard__secondary-gauges {
    grid-template-columns: 1fr;
  }

  .executive-dashboard__actions {
    bottom: 60px;
    right: 16px;
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .dashboard-section .cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .dashboard-section .charts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .cards-grid.cards-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .cards-grid.cards-grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid-3, .dynamic-dashboard .charts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .charts-grid-3, .dynamic-dashboard .charts-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid.charts-grid-50-25-25 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (width >= 1200px) {
  .dynamic-dashboard .charts-grid.charts-grid-50-25-25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid.charts-grid-25-25-50 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .charts-grid.charts-grid-25-25-50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
}

@media (width >= 768px) {
  .dynamic-dashboard .cards-grid-single {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 768px) {
  .dynamic-dashboard {
    padding: 8px;
  }

  .dynamic-dashboard .dashboard-default-actions, .dynamic-dashboard [class*="__actions"][role="toolbar"] {
    padding: 6px 12px;
  }

  .dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn {
    padding: 6px 10px;
    font-size: 12px;
  }

  .dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn i, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn i, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn i {
    font-size: 12px;
  }

  .dynamic-dashboard .dashboard-section {
    margin-bottom: 12px;
  }

  .dynamic-dashboard .chart-container {
    min-height: 180px;
    max-height: 350px;
  }

  .dynamic-dashboard .chart-container .chart-title {
    margin-top: 6px;
    margin-bottom: 10px;
    font-size: 13px;
  }

  .dynamic-dashboard .metric-card {
    min-height: 100px;
  }

  .dynamic-dashboard .list-card, .dynamic-dashboard .ranked-list-card, .dynamic-dashboard .comparison-list-card, .dynamic-dashboard .leaderboard-card {
    -webkit-overflow-scrolling: touch;
    max-height: 400px;
    overflow-y: auto;
  }

  .dynamic-dashboard .list-item, .dynamic-dashboard .leaderboard-entry, .dynamic-dashboard .stack-item {
    align-items: center;
    min-height: 44px;
    display: flex;
  }

  .dynamic-dashboard .treemap-skeleton, .dynamic-dashboard .leaderboard-skeleton, .dynamic-dashboard .list-skeleton {
    min-height: 200px;
  }

  .dynamic-dashboard .chart-skeleton {
    min-height: 150px;
  }

  .dynamic-dashboard.fullscreen-mode {
    padding: 8px;
  }

  .dynamic-dashboard .chart-tooltip {
    max-width: 200px;
    padding: 6px 10px;
    font-size: 12px;
  }

  .dashboard-layout__row {
    gap: 10px;
    grid-template-columns: 1fr !important;
  }

  .dashboard-layout__cell {
    grid-column: span 1 !important;
  }

  .dashboard-layout__grid {
    gap: 10px;
    margin: 8px 12px;
    grid-template-columns: 1fr !important;
  }

  .dashboard-layout--mobile .dashboard-layout__row, .dashboard-layout--mobile .dashboard-layout__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .no-data-container {
    min-height: 150px;
    padding: 20px;
  }

  .no-data-container .no-data-icon {
    font-size: 32px;
  }

  .no-data-container .no-data-message {
    font-size: 13px;
  }
}

.ag-charts-proxy-legend-toolbar {
  display: none !important;
}

.ag-charts-tooltip {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.ag-charts-tooltip:before, .ag-charts-tooltip:after {
  display: none !important;
}

.chart-tooltip {
  color: #fff;
  background-color: #5b83b0;
  border-radius: 8px;
  margin: 0;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  border: none !important;
  box-shadow: 0 10px 30px #00000040 !important;
}

.chart-tooltip .chart-tooltip__title {
  margin-bottom: 4px;
  font-weight: 600;
}

.chart-tooltip .chart-tooltip__value {
  font-weight: 400;
}

.chart-tooltip .chart-tooltip__arrow {
  background: #5b83b0;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -6px;
  left: 14px;
  transform: rotate(45deg);
}

.skeleton-pulse {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  background: #ffffff1a;
  border: 1px solid #ffffff29;
  border-radius: 12px;
  height: 1em;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff1f, inset 0 -1px #0000001f;
}

.skeleton-pulse:after {
  content: "";
  mix-blend-mode: overlay;
  background: linear-gradient(110deg, #fff0 35%, #ffffff14 50%, #fff0 65%);
  animation: 1.8s ease-in-out infinite frost-shimmer;
  position: absolute;
  inset: -40%;
}

.skeleton-pulse.dark-mode {
  background-color: #ffffff26;
  border: 1px solid #ffffff14;
}

.skeleton-pulse.dark-mode:after {
  content: "";
  background: linear-gradient(90deg, #fff0 0%, #ffffff14 30%, #ffffff1f 50%, #ffffff14 70%, #fff0 100%);
  animation: 2s ease-in-out infinite skeleton-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.h-8 {
  height: 2rem;
}

.h-6 {
  height: 1.5rem;
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.w-3\/4 {
  width: 75%;
}

.treemap-skeleton, .leaderboard-skeleton, .list-skeleton {
  width: 100%;
  height: 100%;
  min-height: 300px;
}

.chart-skeleton {
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.radial-gauge-skeleton {
  border-radius: 50%;
}

.radial-gauge-skeleton--small {
  width: 80px;
  height: 80px;
}

.radial-gauge-skeleton--medium {
  width: 120px;
  height: 120px;
}

.radial-gauge-skeleton--large {
  width: 160px;
  height: 160px;
}

.stock-ticker-skeleton-title {
  width: 60%;
  height: 1.25rem;
  margin-bottom: 8px;
}

.stock-ticker-skeleton-value {
  width: 40%;
  height: 2rem;
  margin-bottom: 12px;
}

.stock-ticker-skeleton-chart {
  width: 100%;
  height: 60px;
}

.area-chart-clickable, .radial-gauge-clickable {
  cursor: pointer;
}

.no-data-container {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: -40px;
  display: flex;
}

.no-data-container .no-data-icon {
  opacity: .7;
  margin-bottom: 12px;
  font-size: 48px;
}

.no-data-container .no-data-message {
  text-align: center;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.dashboard-container, .dashboard-layout-wrapper {
  height: 100%;
}

.dynamic-dashboard {
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 160px;
  margin-bottom: 16px;
  padding: 8px 8px 16px;
  display: flex;
  position: relative;
  overflow: auto;
}

.dynamic-dashboard:after {
  content: "";
  pointer-events: none;
  opacity: .08;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}

.dynamic-dashboard:not(.dark-mode) {
  backdrop-filter: blur(12px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #d4d4d470;
  border: 1px solid #fff6;
  border-radius: 12px;
}

.dynamic-dashboard:not(.dark-mode):before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  inset: -1px;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-section .section-title {
  color: #4d525c;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-section > .ranked-list-card {
  background-color: #ffffff40;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-section > .ranked-list-card > .ranked-list-item-title {
  color: #4d525c;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-section > .ranked-list-card > .ranked-list-item-subtitle {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-section > .ranked-list-card > .ranked-list-item-progressbar-percent {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .metric-card {
  background-color: #ffffff40;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .card-title, .dynamic-dashboard:not(.dark-mode) .metric-card .card-header .card-title {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .card-menu, .dynamic-dashboard:not(.dark-mode) .metric-card .card-header .card-menu {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .card-value, .dynamic-dashboard:not(.dark-mode) .metric-card .card-value {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .card-value .card-value-identifier, .dynamic-dashboard:not(.dark-mode) .metric-card .card-value .card-value-identifier {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .growth-indicator {
  background-color: #ffffff91;
  box-shadow: inset 0 1px #fff6, 0 1px 2px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .growth-indicator.clickable:hover {
  background-color: #fffc;
  box-shadow: inset 0 1px #fff6, 0 2px 4px #00000020;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .comparison-list-item-name {
  color: #4d525c;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .comparison-list-item-cost, .dynamic-dashboard:not(.dark-mode) .metric-card > .comparison-list-item-cost-label, .dynamic-dashboard:not(.dark-mode) .metric-card > .comparison-list-item-rate, .dynamic-dashboard:not(.dark-mode) .metric-card > .comparison-list-item-rate-label {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .metric-card:hover {
  background-color: #ffffff73;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .chart-container {
  background-color: #ffffff40;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .chart-container [role="presentation"], .dynamic-dashboard:not(.dark-mode) .chart-container .chart-title {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .chart-container:hover {
  background-color: #ffffff73;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .no-data-container .no-data-icon {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .no-data-container .no-data-message {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .list-card {
  background-color: #ffffff38;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .list-card:hover {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .list-card .card-header {
  border-bottom: 1px solid #fff6;
}

.dynamic-dashboard:not(.dark-mode) .list-card .card-header .card-title {
  color: #4d525c;
}

.dynamic-dashboard:not(.dark-mode) .list-card .card-header .card-menu {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .list-card .list-item {
  border-bottom: 1px solid #ffffff4d;
}

.dynamic-dashboard:not(.dark-mode) .list-card .list-item-name {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .list-card .list-item-value {
  color: #4d525c;
}

.dynamic-dashboard:not(.dark-mode) .list-card .list-item-value .list-item-percentage, .dynamic-dashboard:not(.dark-mode) .list-card .list-empty {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card {
  background-color: #ffffff40;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card:hover {
  background-color: #ffffff73;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .card-header .card-title {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .card-header .card-menu {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .ranked-list-item-title {
  color: #4d525c;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .ranked-list-item-subtitle {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .ranked-list-item-progressbar {
  background: #b7b7b873;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .ranked-list-item-progressbar-percent {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card {
  background-color: #ffffff40;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card:hover {
  background-color: #ffffff73;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card .card-header .card-title {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card .card-header .card-menu {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-name {
  color: #4d525c;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-contract, .dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-serial, .dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-cost, .dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-rate, .dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-cost-label, .dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-rate-label {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card {
  background-color: #ffffff40;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card:hover {
  background-color: #ffffff73;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-title, .dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-menu, .dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-rate-label, .dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-change-label {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-change.positive {
  color: #5a8577;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-change.negative {
  color: #b26969;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-change.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card {
  box-shadow: none;
  background-color: #0000;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-title {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-item-name {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-item-value {
  color: #4d525c;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-item-change.positive {
  color: #5a8577;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-item-change.negative {
  color: #b26969;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-item-change.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card {
  background-color: #ffffff40;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-title {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-stage-badge {
  color: #5e636b;
  background-color: #ffffff91;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-menu-btn {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-menu-btn:hover {
  background-color: #ffffff91;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-entry {
  background-color: #ffffff4d;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-entry:hover {
  background-color: #ffffff80;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-rank {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-name, .dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-points-value {
  color: #4d525c;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-points-label {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff4d;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-prev-leader-label {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-prev-leader-name {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-prev-leader-count {
  color: #4d525c;
}

.dynamic-dashboard:not(.dark-mode) .skeleton-pulse {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  background: #ffffff1a;
  border: 1px solid #ffffff29;
  box-shadow: inset 0 1px #ffffff1f, inset 0 -1px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .skeleton-pulse:after {
  content: "";
  mix-blend-mode: overlay;
  background: linear-gradient(110deg, #fff0 35%, #ffffff14 50%, #fff0 65%);
  animation: 1.8s ease-in-out infinite frost-shimmer;
  position: absolute;
  inset: -40%;
}

.dynamic-dashboard:not(.dark-mode).fullscreen-mode {
  background-color: #edededf2;
}

.dynamic-dashboard:not(.dark-mode) .chart-container.chart-container-clickable:hover {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .chart-empty .chart-message {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn i {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn.disabled, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[disabled], .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn.disabled i, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[disabled] i, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:disabled i {
  color: var(--gray-400);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn i {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn.disabled, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[disabled], .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn.disabled i, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[disabled] i, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:disabled i {
  color: var(--gray-400);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn i {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn.disabled, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[disabled], .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn.disabled i, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[disabled] i, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:disabled i {
  color: var(--gray-400);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dynamic-dashboard.dark-mode {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  background: radial-gradient(1200px 800px at 20% 20%, #78b4ff40, #0000 60%), radial-gradient(900px 700px at 80% 70%, #ffa0782e, #0000 55%), radial-gradient(1400px 900px at 50% 120%, #0000008c, #000000d9);
  border: 1px solid #ffffff14;
  mask-image: radial-gradient(140% 120% at 50% 10%, #000 70%, #0000 100%);
}

.dynamic-dashboard.dark-mode:before {
  content: "";
  pointer-events: none;
  opacity: .9;
  background: linear-gradient(#ffffff1a, #0000 28%), radial-gradient(900px 500px at 20% 0, #ffffff1a, #0000 60%), radial-gradient(700px 400px at 85% 10%, #ffffff0f, #0000 55%);
  position: absolute;
  inset: 0;
}

.dynamic-dashboard.dark-mode .dashboard-section .section-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .dashboard-section > .ranked-list-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .dashboard-section > .ranked-list-card > .ranked-list-item-title {
  color: #fff;
}

.dynamic-dashboard.dark-mode .dashboard-section > .ranked-list-card > .ranked-list-item-subtitle, .dynamic-dashboard.dark-mode .dashboard-section > .ranked-list-card > .ranked-list-item-progressbar-percent {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .metric-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .metric-card > .card-title, .dynamic-dashboard.dark-mode .metric-card .card-header .card-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .metric-card > .card-menu, .dynamic-dashboard.dark-mode .metric-card .card-header .card-menu {
  color: #838894;
}

.dynamic-dashboard.dark-mode .metric-card > .card-value, .dynamic-dashboard.dark-mode .metric-card .card-value {
  color: #fff;
}

.dynamic-dashboard.dark-mode .metric-card > .card-value .card-value-identifier, .dynamic-dashboard.dark-mode .metric-card .card-value .card-value-identifier {
  color: #fafafa;
}

.dynamic-dashboard.dark-mode .metric-card > .growth-indicator {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 1px 2px #0000004d;
}

.dynamic-dashboard.dark-mode .metric-card > .growth-indicator.positive {
  color: #8fccb8;
}

.dynamic-dashboard.dark-mode .metric-card > .growth-indicator.negative {
  color: #f7a3a3;
}

.dynamic-dashboard.dark-mode .metric-card > .growth-indicator.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard.dark-mode .metric-card > .growth-indicator.clickable:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 2px 4px #0000004d;
}

.dynamic-dashboard.dark-mode .metric-card > .comparison-list-item-name {
  color: #fff;
}

.dynamic-dashboard.dark-mode .metric-card > .comparison-list-item-cost {
  color: #fafafa;
}

.dynamic-dashboard.dark-mode .metric-card > .comparison-list-item-cost-label {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .metric-card > .comparison-list-item-rate {
  color: #fafafa;
}

.dynamic-dashboard.dark-mode .metric-card > .comparison-list-item-rate-label {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .metric-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .chart-container {
  background-color: #23262c73;
  border: 1px solid #ffffff0a;
  box-shadow: inset 0 1px #ffffff0f, inset 0 -48px 96px #00000038;
}

.dynamic-dashboard.dark-mode .chart-container [role="presentation"], .dynamic-dashboard.dark-mode .chart-container .chart-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .chart-container:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  opacity: .8;
  background: linear-gradient(#ffffff0a, #0000 28%);
  position: absolute;
  inset: 0;
}

.dynamic-dashboard.dark-mode .chart-container:hover {
  background-color: #23262c8c;
}

.dynamic-dashboard.dark-mode .no-data-container .no-data-icon {
  color: #838894;
}

.dynamic-dashboard.dark-mode .no-data-container .no-data-message {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .list-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .list-card:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 1px #ffffff0a;
}

.dynamic-dashboard.dark-mode .list-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .list-card .card-header {
  border-bottom: 1px solid #ffffff12;
}

.dynamic-dashboard.dark-mode .list-card .card-header .card-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .list-card .card-header .card-menu {
  color: #838894;
}

.dynamic-dashboard.dark-mode .list-card .list-item {
  border-bottom: 1px solid #ffffff12;
}

.dynamic-dashboard.dark-mode .list-card .list-item-name {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .list-card .list-item-value {
  color: #fff;
}

.dynamic-dashboard.dark-mode .list-card .list-item-value .list-item-percentage, .dynamic-dashboard.dark-mode .list-card .list-empty {
  color: #838894;
}

.dynamic-dashboard.dark-mode .ranked-list-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .ranked-list-card:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 1px #ffffff0a;
}

.dynamic-dashboard.dark-mode .ranked-list-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .ranked-list-card .card-header .card-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .ranked-list-card .card-header .card-menu {
  color: #838894;
}

.dynamic-dashboard.dark-mode .ranked-list-card .ranked-list-item-title {
  color: #fff;
}

.dynamic-dashboard.dark-mode .ranked-list-card .ranked-list-item-subtitle {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .ranked-list-card .ranked-list-item-progressbar {
  background: #b7b7b873;
}

.dynamic-dashboard.dark-mode .ranked-list-card .ranked-list-item-progressbar-percent {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .comparison-list-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .comparison-list-card:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 1px #ffffff0a;
}

.dynamic-dashboard.dark-mode .comparison-list-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .comparison-list-card .card-header .card-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .comparison-list-card .card-header .card-menu {
  color: #838894;
}

.dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-name {
  color: #fff;
}

.dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-contract, .dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-serial {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-cost, .dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-rate {
  color: #fafafa;
}

.dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-cost-label, .dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-rate-label {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .stock-ticker-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .stock-ticker-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-menu, .dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-rate-label, .dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-change-label {
  color: #838894;
}

.dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-change.positive {
  color: #8fccb8;
}

.dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-change.negative {
  color: #f7a3a3;
}

.dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-change.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard.dark-mode .vertical-stack-card {
  box-shadow: none;
  background-color: #0000;
  border: none;
}

.dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-title, .dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-item-name {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-item-value {
  color: #fff;
}

.dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-item-change.positive {
  color: #8fccb8;
}

.dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-item-change.negative {
  color: #f7a3a3;
}

.dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-item-change.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard.dark-mode .leaderboard-card {
  box-shadow: none;
  background-color: #0000;
  border: none;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-stage-badge {
  color: #7db8a5;
  background-color: #7db8a533;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-menu-btn {
  color: #838894;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-menu-btn:hover {
  background-color: #ffffff1a;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-entry {
  background-color: #0000;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-entry:hover {
  background-color: #ffffff0d;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-rank {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-name, .dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-points-value {
  color: #fff;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-points-label {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff12;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-prev-leader-label {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-prev-leader-name, .dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-prev-leader-count {
  color: #fff;
}

.dynamic-dashboard.dark-mode .skeleton-pulse {
  background-color: #ffffff26;
  border: 1px solid #ffffff14;
}

.dynamic-dashboard.dark-mode .skeleton-pulse:after {
  content: "";
  background: linear-gradient(90deg, #fff0 0%, #ffffff14 30%, #ffffff1f 50%, #ffffff14 70%, #fff0 100%);
  animation: 2s ease-in-out infinite skeleton-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.dynamic-dashboard.dark-mode.fullscreen-mode {
  background-color: #141414f2;
}

.dynamic-dashboard.dark-mode .chart-container.chart-container-clickable:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .chart-empty .chart-message {
  color: #838894;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#4a4d55 0%, #3c3f45 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #2b2d32, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn i {
  color: #fff;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn:not(:has(i)) {
  background: linear-gradient(#474a51 0%, #3f4249 100%);
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn.disabled, .dynamic-dashboard.dark-mode .dashboard-refresh-btn[disabled], .dynamic-dashboard.dark-mode .dashboard-refresh-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn.disabled i, .dynamic-dashboard.dark-mode .dashboard-refresh-btn[disabled] i, .dynamic-dashboard.dark-mode .dashboard-refresh-btn:disabled i {
  color: var(--gray-400);
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#4a4d55 0%, #3c3f45 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #2b2d32, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn i {
  color: #fff;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:not(:has(i)) {
  background: linear-gradient(#474a51 0%, #3f4249 100%);
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn.disabled, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[disabled], .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn.disabled i, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[disabled] i, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:disabled i {
  color: var(--gray-400);
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dynamic-dashboard.dark-mode .dashboard-options-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#4a4d55 0%, #3c3f45 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #2b2d32, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn i {
  color: #fff;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn:not(:has(i)) {
  background: linear-gradient(#474a51 0%, #3f4249 100%);
}

.dynamic-dashboard.dark-mode .dashboard-options-btn.disabled, .dynamic-dashboard.dark-mode .dashboard-options-btn[disabled], .dynamic-dashboard.dark-mode .dashboard-options-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn.disabled i, .dynamic-dashboard.dark-mode .dashboard-options-btn[disabled] i, .dynamic-dashboard.dark-mode .dashboard-options-btn:disabled i {
  color: var(--gray-400);
}

.dynamic-dashboard.dark-mode .dashboard-options-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dynamic-dashboard.fullscreen-mode {
  z-index: 9999;
  backdrop-filter: blur(2px);
  border-radius: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 16px;
  position: fixed;
  inset: 0;
}

.dynamic-dashboard .dashboard-default-actions, .dynamic-dashboard [class*="__actions"][role="toolbar"] {
  z-index: 10;
  text-align: right;
  flex-shrink: 0;
  margin-top: auto;
  padding: 8px 16px;
  transition: opacity .2s;
  display: block;
  position: sticky;
  bottom: 8px;
}

.dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-refresh-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-refresh-btn, .dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-fullscreen-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-fullscreen-btn, .dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-options-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-options-btn {
  opacity: .5;
  transition: opacity .2s;
}

.dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-refresh-btn:hover, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-refresh-btn:hover, .dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-fullscreen-btn:hover, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-fullscreen-btn:hover, .dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-options-btn:hover, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-options-btn:hover {
  opacity: 1;
}

.dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn {
  margin-left: 8px;
  display: inline-flex;
  position: relative;
  bottom: auto;
  right: auto;
}

.dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn:first-child, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn:first-child, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn:first-child, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn:first-child, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn:first-child, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn:first-child {
  margin-left: 0;
}

.dynamic-dashboard .dashboard-refresh-btn, .dynamic-dashboard .dashboard-fullscreen-btn, .dynamic-dashboard .dashboard-options-btn {
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-size: 13px;
  display: inline-flex;
}

.dynamic-dashboard .dashboard-refresh-btn i, .dynamic-dashboard .dashboard-fullscreen-btn i, .dynamic-dashboard .dashboard-options-btn i {
  font-size: 14px;
}

.dynamic-dashboard > div.dashboard-section {
  flex-shrink: 0;
}

.dynamic-dashboard .dashboard-section {
  flex-shrink: 0;
  margin-bottom: 8px;
}

.dynamic-dashboard .dashboard-section:last-child {
  margin-bottom: 0;
}

.dynamic-dashboard .dashboard-section .section-title {
  margin-inline: 16px;
  margin-bottom: 4px;
  padding-top: 12px;
  font-family: Soehne, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.dynamic-dashboard .dashboard-section .cards-grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin: 10px 16px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .dashboard-section .cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.dynamic-dashboard .dashboard-section .charts-grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin: 10px 16px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .dashboard-section .charts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.dynamic-dashboard .dashboard-section .dashboard-layout__row {
  gap: 10px;
  margin: 10px 16px;
}

.dynamic-dashboard .metric-card {
  cursor: pointer;
  border-radius: 10px;
  min-height: 100px;
  padding: 14px 18px;
  transition: all .2s;
  position: relative;
}

.dynamic-dashboard .metric-card:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .metric-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0)scale(.98);
}

.dynamic-dashboard .metric-card .card-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.dynamic-dashboard .metric-card .card-header .card-title {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.dynamic-dashboard .metric-card .card-header .card-menu {
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.dynamic-dashboard .metric-card .card-value {
  align-items: center;
  font-family: Soehne, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
  display: flex;
}

.dynamic-dashboard .metric-card .card-value.positive {
  color: #5a8577;
}

.dynamic-dashboard .metric-card .card-value.negative {
  color: #b26969;
}

.dynamic-dashboard .metric-card .card-value .card-value-identifier {
  margin-left: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.dynamic-dashboard .metric-card > .growth-indicator {
  border-radius: 6px;
  align-items: center;
  gap: 3px;
  padding: 4px 10px;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 500;
  transition: all .15s;
  display: inline-flex;
  position: absolute;
  bottom: 10px;
  right: 12px;
}

.dynamic-dashboard .metric-card > .growth-indicator.positive {
  color: #5a8577;
}

.dynamic-dashboard .metric-card > .growth-indicator.negative {
  color: #b26969;
}

.dynamic-dashboard .metric-card > .growth-indicator.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard .metric-card > .growth-indicator.clickable {
  cursor: pointer;
}

.dynamic-dashboard .metric-card > .growth-indicator.clickable:hover {
  transform: translateY(-1px);
}

.dynamic-dashboard .metric-card > .growth-indicator .arrow {
  font-size: 12px;
}

.dynamic-dashboard .chart-container {
  border-radius: 10px;
  flex-direction: column;
  height: auto;
  min-height: 400px;
  padding: 16px;
  display: flex;
}

.dynamic-dashboard .chart-container [role="presentation"] {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.dynamic-dashboard .chart-container:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .chart-container .ag-charts-proxy-legend-toolbar button {
  color: #5e636b !important;
  font-weight: 500 !important;
}

.dynamic-dashboard .chart-container .ag-charts-tooltip {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.dynamic-dashboard .chart-container .chart-tooltip {
  color: #fff;
  background-color: #5b83b0;
  border-radius: 8px;
  margin: 0;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  border: none !important;
  box-shadow: 0 10px 30px #00000040 !important;
}

.dynamic-dashboard .chart-container .chart-tooltip .chart-tooltip__arrow {
  background: #5b83b0;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -6px;
  left: 14px;
  transform: rotate(45deg);
}

.dynamic-dashboard .chart-container .ag-charts-tooltip:before, .dynamic-dashboard .chart-container .ag-charts-tooltip:after {
  border-color: #5b83b0 !important;
}

.dynamic-dashboard .chart-container .chart-title {
  text-align: center;
  flex-shrink: 0;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-top: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.dynamic-dashboard .chart-container > div:not(.chart-title):not(.no-data-container) {
  flex: 1;
  min-height: 0;
}

.dynamic-dashboard .chart-container.chart-container-clickable {
  cursor: pointer;
  transition: all .2s;
}

.dynamic-dashboard .chart-container .chart-empty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.dynamic-dashboard .chart-container .chart-empty .chart-message {
  margin-top: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.dynamic-dashboard .list-card {
  cursor: pointer;
  border-radius: 10px;
  min-height: 250px;
  padding: 14px 18px;
  transition: all .2s;
}

.dynamic-dashboard .list-card:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .list-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0)scale(.98);
}

.dynamic-dashboard .list-card .card-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  display: flex;
}

.dynamic-dashboard .list-card .card-header .card-title {
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.dynamic-dashboard .list-card .card-header .card-menu {
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.dynamic-dashboard .list-card .list-content, .dynamic-dashboard .list-card .list-skeleton {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.dynamic-dashboard .list-card .list-empty {
  text-align: center;
  padding: 24px 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.dynamic-dashboard .list-card .list-item {
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  display: flex;
}

.dynamic-dashboard .list-card .list-item:last-child {
  border-bottom: none;
}

.dynamic-dashboard .list-card .list-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin-right: 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.dynamic-dashboard .list-card .list-item-value {
  text-align: right;
  white-space: nowrap;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.dynamic-dashboard .list-card .list-item-value .list-item-percentage {
  font-size: 14px;
  font-weight: 600;
}

.dynamic-dashboard .ranked-list-card {
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  min-height: 250px;
  padding: 20px 16px;
  transition: all .2s;
  display: flex;
}

.dynamic-dashboard .ranked-list-card:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .ranked-list-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0)scale(.98);
}

.dynamic-dashboard .ranked-list-card .card-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.dynamic-dashboard .ranked-list-card .card-header .card-title {
  align-items: center;
  gap: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.dynamic-dashboard .ranked-list-card .card-header .card-title .card-title-icon {
  background-color: #7db8a5;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.dynamic-dashboard .ranked-list-card .card-header .card-menu {
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.dynamic-dashboard .ranked-list-card .ranked-list-content {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
}

.dynamic-dashboard .ranked-list-card .ranked-list-content .no-data-container {
  margin-top: 0;
}

.dynamic-dashboard .ranked-list-card .list-skeleton {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-title {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-subtitle {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-progressbar-container {
  align-items: center;
  gap: 8px;
  display: flex;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-progressbar {
  border-radius: 4px;
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-progressbar-fill {
  background: #7db8a5;
  width: 0%;
  height: 100%;
  transition: width .3s;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-progressbar-percent {
  text-align: right;
  min-width: 32px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.dynamic-dashboard .comparison-list-card {
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  min-height: 250px;
  padding: 20px 16px;
  transition: all .2s;
  display: flex;
}

.dynamic-dashboard .comparison-list-card:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .comparison-list-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0)scale(.98);
}

.dynamic-dashboard .comparison-list-card .card-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.dynamic-dashboard .comparison-list-card .card-header .card-title {
  align-items: center;
  gap: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.dynamic-dashboard .comparison-list-card .card-header .card-title .card-title-icon {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.dynamic-dashboard .comparison-list-card .card-header .card-menu {
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.dynamic-dashboard .comparison-list-card .comparison-list-content {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  display: flex;
}

.dynamic-dashboard .comparison-list-card .comparison-list-content .no-data-container {
  margin-top: 0;
}

.dynamic-dashboard .comparison-list-card .list-skeleton {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.dynamic-dashboard .comparison-list-card--default .card-title {
  color: #5e636b;
}

.dynamic-dashboard .comparison-list-card--default .card-title-icon {
  background-color: #4d525c;
}

.dynamic-dashboard .comparison-list-card--default .comparison-list-item-percentage, .dynamic-dashboard .comparison-list-card--success .card-title {
  color: #5e636b;
}

.dynamic-dashboard .comparison-list-card--success .card-title-icon {
  background-color: #6fa392;
}

.dynamic-dashboard .comparison-list-card--success .comparison-list-item-percentage {
  color: #6fa392;
}

.dynamic-dashboard .comparison-list-card--danger .card-title {
  color: #707580;
}

.dynamic-dashboard .comparison-list-card--danger .card-title-icon {
  background-color: #cc7878;
}

.dynamic-dashboard .comparison-list-card--danger .comparison-list-item-percentage {
  color: #b26969;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-meta {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-meta:last-child {
  margin-bottom: 0;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-name {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-percentage {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #b26969 !important;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-link {
  color: #567ba6;
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-link:hover {
  text-decoration: none;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-contract {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-serial {
  margin-left: auto;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-cost, .dynamic-dashboard .comparison-list-card .comparison-list-item-rate {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-cost-label, .dynamic-dashboard .comparison-list-card .comparison-list-item-rate-label {
  font-size: 12px;
  font-weight: 500;
}

.dynamic-dashboard .stock-ticker-card {
  border-radius: 12px;
  flex-direction: column;
  min-height: 230px;
  padding: 14px 16px 0;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  cursor: pointer !important;
}

.dynamic-dashboard .stock-ticker-card:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .stock-ticker-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0)scale(.98);
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-header {
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20px;
  margin-bottom: 6px;
  display: flex;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-title {
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-menu {
  cursor: pointer;
  opacity: .6;
  background: none;
  border: none;
  padding: 2px 4px;
  font-size: 14px;
  transition: opacity .15s;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-menu:hover {
  opacity: 1;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-value-row {
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-value-section {
  flex-direction: row;
  align-items: center;
  gap: 6px;
  display: flex;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-value {
  font-family: Soehne, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-rate-label {
  color: #f5f5f5;
  font-family: Soehne, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-change-section {
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  margin-top: 4px;
  display: flex;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-change {
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-change-label {
  color: #f5f5f5;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-chart {
  cursor: pointer;
  flex: 1;
  justify-content: stretch;
  align-items: flex-end;
  min-height: 250px;
  margin: 0 -16px -14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-chart > div {
  cursor: pointer;
  width: calc(100% + 32px);
  height: 100%;
  min-height: 250px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-chart canvas {
  cursor: pointer !important;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-skeleton-title {
  width: 60%;
  height: 18px;
  margin-bottom: 10px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-skeleton-value {
  width: 35%;
  height: 36px;
  margin-bottom: 10px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-skeleton-chart {
  width: 100%;
  height: 70px;
  margin: 0 -16px;
}

.dynamic-dashboard .vertical-stack-card {
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  min-height: 280px;
  padding: 32px 24px 20px;
  transition: all .2s;
  display: flex;
  cursor: pointer !important;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-header {
  text-align: center;
  width: 100%;
  margin-bottom: 16px;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-title {
  text-transform: none;
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 44px;
  width: 100%;
  display: flex;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item-main {
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item-value {
  letter-spacing: -.02em;
  font-family: Soehne, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item-name {
  text-align: center;
  margin-top: 4px;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item-change {
  border-radius: 0;
  align-items: center;
  gap: 2px;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  position: static;
  transform: none;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item-change .vertical-stack-change-arrow, .dynamic-dashboard .vertical-stack-card .vertical-stack-item-change .vertical-stack-change-value {
  font-size: 16px;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-skeleton {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  display: flex;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-skeleton-item {
  width: 100%;
  height: 56px;
}

.dynamic-dashboard .leaderboard-card {
  border-radius: 12px;
  flex-direction: column;
  padding: 20px;
  transition: all .2s;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-title-section {
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trophy {
  color: #e89e64;
  font-size: 18px;
}

.dynamic-dashboard .leaderboard-card .leaderboard-title {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.dynamic-dashboard .leaderboard-card .leaderboard-stage-badge {
  text-transform: uppercase;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
}

.dynamic-dashboard .leaderboard-card .leaderboard-menu-btn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: all .15s;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-menu-btn i {
  font-size: 16px;
}

.dynamic-dashboard .leaderboard-card .leaderboard-menu-btn:hover {
  background-color: #ffffff1a;
}

.dynamic-dashboard .leaderboard-card .leaderboard-list {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-height: 200px;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-list .no-data-container {
  margin-top: 0;
}

.dynamic-dashboard .leaderboard-card .leaderboard-entry {
  border-radius: 8px;
  align-items: center;
  gap: 14px;
  padding: 10px 6px;
  transition: all .15s;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-entry.clickable {
  cursor: pointer;
}

.dynamic-dashboard .leaderboard-card .leaderboard-rank {
  text-align: center;
  color: #fff;
  min-width: 24px;
  font-family: Soehne, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.dynamic-dashboard .leaderboard-card .leaderboard-avatar {
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
}

.dynamic-dashboard .leaderboard-card .leaderboard-avatar-team {
  justify-content: center;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-avatar-team i {
  color: #fff;
  font-size: 24px;
}

.dynamic-dashboard .leaderboard-card .leaderboard-avatar-initials {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-info {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 500;
  overflow: hidden;
}

.dynamic-dashboard .leaderboard-card .leaderboard-points-section {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-points {
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-points-value {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.dynamic-dashboard .leaderboard-card .leaderboard-points-label {
  color: #f5f5f5;
  opacity: 1;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trend {
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trend-arrow {
  margin-right: 3px;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trend.up {
  color: #8fccb8;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trend.down {
  color: #f7a3a3;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trend.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff1a;
  margin-top: 16px;
  padding-top: 16px;
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-label {
  color: #f5f5f5;
  margin-bottom: 6px;
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-name {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 500;
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-count {
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-count-value {
  font-family: Soehne, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-count-label {
  color: #f5f5f5;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.dynamic-dashboard .leaderboard-card .leaderboard-skeleton {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-skeleton-entry {
  border-radius: 8px;
  width: 100%;
  height: 60px;
}

.dynamic-dashboard .treemap-card .treemap-title {
  text-align: center;
  color: #707580;
  flex-shrink: 0;
  margin-top: 10px;
  margin-bottom: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.dynamic-dashboard .treemap-card.dark-mode .treemap-title {
  color: #f5f5f5;
}

.dynamic-dashboard .cards-grid.cards-grid-4 {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin: 10px 16px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .cards-grid.cards-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .cards-grid.cards-grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.dynamic-dashboard .charts-grid-3, .dynamic-dashboard .charts-grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin: 10px 16px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid-3, .dynamic-dashboard .charts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .charts-grid-3, .dynamic-dashboard .charts-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.dynamic-dashboard .charts-grid-2 {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin: 10px 16px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.dynamic-dashboard .charts-grid.charts-grid-50-25-25 {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin: 10px 16px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid.charts-grid-50-25-25 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (width >= 1200px) {
  .dynamic-dashboard .charts-grid.charts-grid-50-25-25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
}

.dynamic-dashboard .charts-grid.charts-grid-25-25-50 {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin: 10px 16px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid.charts-grid-25-25-50 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .charts-grid.charts-grid-25-25-50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
}

.dynamic-dashboard .charts-grid-stacked {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.dynamic-dashboard .cards-grid-single {
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 10px 16px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .cards-grid-single {
    grid-template-columns: repeat(2, 1fr);
  }
}

.mobile-dashboard, .dynamic-dashboard.mobile-dashboard {
  padding: 8px;
}

.mobile-dashboard .dashboard-section, .dynamic-dashboard.mobile-dashboard .dashboard-section {
  margin-bottom: 12px;
}

.mobile-dashboard .dashboard-section .section-title, .dynamic-dashboard.mobile-dashboard .dashboard-section .section-title {
  padding: 8px 12px;
  font-size: 14px;
}

.mobile-dashboard .charts-grid, .dynamic-dashboard.mobile-dashboard .charts-grid, .mobile-dashboard .charts-grid-2, .dynamic-dashboard.mobile-dashboard .charts-grid-2, .mobile-dashboard .charts-grid-3, .dynamic-dashboard.mobile-dashboard .charts-grid-3, .mobile-dashboard .cards-grid, .dynamic-dashboard.mobile-dashboard .cards-grid, .mobile-dashboard .cards-grid-4, .dynamic-dashboard.mobile-dashboard .cards-grid-4, .mobile-dashboard .cards-grid-single, .dynamic-dashboard.mobile-dashboard .cards-grid-single {
  gap: 10px;
  margin: 8px 12px;
  grid-template-columns: 1fr !important;
}

.mobile-dashboard .metric-card, .dynamic-dashboard.mobile-dashboard .metric-card {
  min-height: 100px;
  padding: 12px;
}

.mobile-dashboard .metric-card .metric-value, .dynamic-dashboard.mobile-dashboard .metric-card .metric-value {
  font-size: 24px;
}

.mobile-dashboard .metric-card .metric-label, .dynamic-dashboard.mobile-dashboard .metric-card .metric-label {
  font-size: 12px;
}

.mobile-dashboard .chart-container, .dynamic-dashboard.mobile-dashboard .chart-container {
  min-height: 180px;
  max-height: 350px;
  padding: 12px;
}

.mobile-dashboard .chart-container .chart-title, .dynamic-dashboard.mobile-dashboard .chart-container .chart-title {
  margin-bottom: 10px;
  font-size: 13px;
}

.mobile-dashboard .list-card, .dynamic-dashboard.mobile-dashboard .list-card, .mobile-dashboard .ranked-list-card, .dynamic-dashboard.mobile-dashboard .ranked-list-card, .mobile-dashboard .comparison-list-card, .dynamic-dashboard.mobile-dashboard .comparison-list-card {
  max-height: 400px;
  overflow-y: auto;
}

.mobile-dashboard .list-card .list-title, .dynamic-dashboard.mobile-dashboard .list-card .list-title, .mobile-dashboard .ranked-list-card .list-title, .dynamic-dashboard.mobile-dashboard .ranked-list-card .list-title, .mobile-dashboard .comparison-list-card .list-title, .dynamic-dashboard.mobile-dashboard .comparison-list-card .list-title {
  font-size: 13px;
}

.mobile-dashboard .list-card .list-item, .dynamic-dashboard.mobile-dashboard .list-card .list-item, .mobile-dashboard .ranked-list-card .list-item, .dynamic-dashboard.mobile-dashboard .ranked-list-card .list-item, .mobile-dashboard .comparison-list-card .list-item, .dynamic-dashboard.mobile-dashboard .comparison-list-card .list-item {
  padding: 8px 10px;
  font-size: 13px;
}

.mobile-dashboard .stock-ticker-card, .dynamic-dashboard.mobile-dashboard .stock-ticker-card {
  min-height: 140px;
  max-height: 300px;
}

.mobile-dashboard .radial-gauge-clickable, .dynamic-dashboard.mobile-dashboard .radial-gauge-clickable {
  max-width: 150px;
  margin: 0 auto;
}

.mobile-dashboard .leaderboard-card, .dynamic-dashboard.mobile-dashboard .leaderboard-card {
  max-height: 400px;
  overflow-y: auto;
}

.mobile-dashboard .treemap-card, .dynamic-dashboard.mobile-dashboard .treemap-card {
  min-height: 200px;
  max-height: 350px;
}

.mobile-dashboard .vertical-stack-card .stack-item, .dynamic-dashboard.mobile-dashboard .vertical-stack-card .stack-item {
  padding: 8px 10px;
}

@media (width <= 768px) {
  .dynamic-dashboard {
    padding: 8px;
  }

  .dynamic-dashboard .dashboard-default-actions, .dynamic-dashboard [class*="__actions"][role="toolbar"] {
    padding: 6px 12px;
  }

  .dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn {
    padding: 6px 10px;
    font-size: 12px;
  }

  .dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn i, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn i, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn i {
    font-size: 12px;
  }

  .dynamic-dashboard .dashboard-section {
    margin-bottom: 12px;
  }

  .dynamic-dashboard .chart-container {
    min-height: 180px;
    max-height: 350px;
  }

  .dynamic-dashboard .chart-container .chart-title {
    margin-top: 6px;
    margin-bottom: 10px;
    font-size: 13px;
  }

  .dynamic-dashboard .metric-card {
    min-height: 100px;
  }

  .dynamic-dashboard .list-card, .dynamic-dashboard .ranked-list-card, .dynamic-dashboard .comparison-list-card, .dynamic-dashboard .leaderboard-card {
    -webkit-overflow-scrolling: touch;
    max-height: 400px;
    overflow-y: auto;
  }

  .dynamic-dashboard .list-item, .dynamic-dashboard .leaderboard-entry, .dynamic-dashboard .stack-item {
    align-items: center;
    min-height: 44px;
    display: flex;
  }

  .dynamic-dashboard .treemap-skeleton, .dynamic-dashboard .leaderboard-skeleton, .dynamic-dashboard .list-skeleton {
    min-height: 200px;
  }

  .dynamic-dashboard .chart-skeleton {
    min-height: 150px;
  }

  .dynamic-dashboard.fullscreen-mode {
    padding: 8px;
  }

  .dynamic-dashboard .chart-tooltip {
    max-width: 200px;
    padding: 6px 10px;
    font-size: 12px;
  }

  .dashboard-layout__row {
    gap: 10px;
    grid-template-columns: 1fr !important;
  }

  .dashboard-layout__cell {
    grid-column: span 1 !important;
  }

  .dashboard-layout__grid {
    gap: 10px;
    margin: 8px 12px;
    grid-template-columns: 1fr !important;
  }

  .dashboard-layout--mobile .dashboard-layout__row, .dashboard-layout--mobile .dashboard-layout__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .no-data-container {
    min-height: 150px;
    padding: 20px;
  }

  .no-data-container .no-data-icon {
    font-size: 32px;
  }

  .no-data-container .no-data-message {
    font-size: 13px;
  }
}

.mobile-nav {
  background-color: #f7f8fa;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.mobile-nav__header {
  background-color: #fff;
  border-bottom: 1px solid #e3e5e8;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 12px 16px;
  display: flex;
}

.mobile-nav__back-btn {
  cursor: pointer;
  color: #5b83b0;
  -webkit-tap-highlight-color: transparent;
  background-color: #0000;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  transition: background-color .15s;
  display: flex;
}

.mobile-nav__back-btn:hover, .mobile-nav__back-btn:active {
  background-color: #f0f2f5;
}

.mobile-nav__back-btn:active {
  background-color: #e3e5e8;
}

.mobile-nav__back-btn i {
  font-size: 16px;
}

.mobile-nav__title {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
}

.mobile-nav__content {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 8px;
  overflow-y: auto;
}

.mobile-nav__list {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.mobile-nav__section-header {
  color: #717680;
  text-transform: uppercase;
  letter-spacing: .5px;
  align-items: center;
  gap: 8px;
  padding: 16px 12px 8px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.mobile-nav__section-header i {
  font-size: 14px;
}

.mobile-nav__item {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 56px;
  padding: 12px 16px;
  transition: background-color .15s, box-shadow .15s;
  display: flex;
}

.mobile-nav__item:hover, .mobile-nav__item:active {
  background-color: #f7f8fa;
  box-shadow: 0 2px 4px #0000000a;
}

.mobile-nav__item:active {
  background-color: #f0f2f5;
}

.mobile-nav__item:focus {
  outline-offset: 2px;
  outline: 2px solid #5b83b0;
}

.mobile-nav__item--active {
  background-color: #e8f0f8;
  border-color: #5b83b0;
}

.mobile-nav__item--active .mobile-nav__item-label {
  color: #5b83b0;
  font-weight: 600;
}

.mobile-nav__item--active .mobile-nav__item-count {
  color: #fff;
  background-color: #5b83b0;
}

.mobile-nav__item-content {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.mobile-nav__item-icon {
  color: #717680;
  background-color: #f0f2f5;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
}

.mobile-nav__item-icon img {
  object-fit: contain;
  width: 20px;
  height: 20px;
}

.mobile-nav__item-icon i {
  font-size: 14px;
}

.mobile-nav__item-label {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
}

.mobile-nav__item-meta {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.mobile-nav__item-count {
  color: #717680;
  background-color: #f0f2f5;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.mobile-nav__item-chevron {
  color: #9b9fa8;
  font-size: 12px;
}

.mobile-nav__empty {
  color: #9b9fa8;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.mobile-nav__empty i {
  opacity: .5;
  font-size: 48px;
}

.mobile-nav__empty span {
  font-size: 14px;
  font-weight: 500;
}

.mobile-nav__list {
  animation: .2s ease-out slideIn;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (width <= 768px) {
  .mobile-nav__item {
    min-height: 60px;
    padding: 14px 16px;
  }

  .mobile-nav__item-label {
    font-size: 16px;
  }

  .mobile-nav__back-btn {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }

  .mobile-nav__title {
    font-size: 20px;
  }
}

.mobile-nav__content {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.mobile-nav__content::-webkit-scrollbar {
  display: none;
}

.form_inventory.area_header[section="main"] {
  border-radius: 8px !important;
  margin-bottom: 8px !important;
}

.vertical-tab-view-container {
  backdrop-filter: blur(2px);
  border-radius: var(--radius-medium);
  background: #ffffff61;
  border: 1px solid #ffffff7a;
  border-color: #fff #ffffff7a #ffffff30;
  width: 100%;
  height: 100%;
  display: flex;
}

.vertical-tab-view-container .vertical-tab-view {
  width: 250px;
  padding: var(--spacing-xxxlarge) var(--spacing-xxxlarge);
  background-color: #0000;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  display: flex;
  overflow-y: auto;
}

.vertical-tab-view-container .vertical-tab-view::-webkit-scrollbar {
  width: var(--spacing-xsmall);
}

.vertical-tab-view-container .vertical-tab-view::-webkit-scrollbar-track {
  background: none;
}

.vertical-tab-view-container .vertical-tab-view::-webkit-scrollbar-thumb {
  border-radius: var(--radius-xsmall);
  background: #8db1d9;
}

.vertical-tab-view-container .vertical-tab-view-content {
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 12px;
  display: flex;
  overflow-y: auto;
}

.vertical-tab-view-container .vertical-tab-view-content .vertical-tab-view-content-item {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.stock-manager .ag-cell-value {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.inventory_stock_grid_view {
  padding: 10px !important;
}

.list-insurance-btns .po-btn {
  cursor: pointer;
  background: var(--color-text-50);
  letter-spacing: 0%;
  color: var(--gray-700);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  box-shadow: inset 0 1px 2px #ffffff1f;
}

.list-insurance-btns .transfer-btn {
  cursor: pointer;
  background: var(--color-primary);
  letter-spacing: 0%;
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  box-shadow: inset 0 1px 2px #ffffff1f;
}

.ant-checkbox-checked .ant-checkbox-inner, .ant-checkbox-checked .ant-checkbox-inner:hover {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.inventory_transfer {
  margin-top: 8px;
}

.inventory-transfer-container {
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: flex;
  overflow: scroll;
}

.inventory-transfer-container .subtitle {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #9b9fa8;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
}

.inventory-transfer-container .search-bar {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  width: 100%;
  max-width: 40%;
  min-height: 40px;
  max-width: unset;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: #ffffff5c !important;
  border: 1px solid #fff6 !important;
  height: 100% !important;
  font-weight: 400 !important;
  box-shadow: 0 10px 30px #00000014, 0 1px 2px #0000000f, inset 0 1px #ffffff59 !important;
}

.inventory-transfer-container .search-bar:focus-within {
  background: #ffffff80 !important;
  border-color: #ffffffa6 !important;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c !important;
}

.inventory-transfer-container .search-bar > div {
  flex: 1;
}

.inventory-transfer-container .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.inventory-transfer-container .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.inventory-transfer-container .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.inventory-transfer-container .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.inventory-transfer-container .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.inventory-transfer-container .search-bar:focus-within img {
  opacity: .95;
}

.inventory-transfer-container .main-cell {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #5e636b;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.inventory-transfer-container .wizard-steps-container {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.inventory-transfer-container .wizard-steps-container .expandable-wizard-step:first-child .content {
  padding: 0 2px;
}

.inventory-transfer-container .wizard-steps-container .expandable-wizard-step:has(.content.expanded .items-selection-container), .inventory-transfer-container .wizard-steps-container .expandable-wizard-step:has(.content.expanded .lots-selection-container), .inventory-transfer-container .wizard-steps-container .expandable-wizard-step:has(.content.expanded .items-selection-container) .content.expanded, .inventory-transfer-container .wizard-steps-container .expandable-wizard-step:has(.content.expanded .lots-selection-container) .content.expanded {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.inventory-transfer-container .wizard-steps-container .transfer-details-container {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.inventory-transfer-container .wizard-steps-container .dsl-advanced-grid .ag-cell-value {
  max-width: none;
}

.inventory-transfer-container .inv-item-info {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.inventory-transfer-container .inv-item-info .inv-name {
  width: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #5e636b;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  overflow: hidden;
}

.inventory-transfer-container .inv-item-info .sub-cell {
  width: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #9b9fa8;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.inventory-transfer-container .items-selection-container, .inventory-transfer-container .lots-selection-container {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  padding-top: 4px;
  display: flex;
}

.inventory-transfer-container .items-selection-container .dsl-advanced-grid, .inventory-transfer-container .lots-selection-container .dsl-advanced-grid {
  flex: 1;
  min-height: 300px;
}

.inventory-transfer-container .items-selection-container .inventory-controls {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.inventory-transfer-container .items-selection-container .inventory-controls .highlight {
  background-color: #fff !important;
}

.inventory-transfer-container .items-selection-container .inventory-controls .search-section {
  flex: 2;
  min-width: 200px;
}

.inventory-transfer-container .items-selection-container .inventory-controls .spacer {
  flex: 1;
}

.inventory-transfer-container .items-selection-container .inventory-controls .scanner-section {
  flex: 1;
  min-width: 200px;
  max-width: 280px;
}

.inventory-transfer-container .lots-selection-container .lot-controls {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.inventory-transfer-container .lots-selection-container .lot-controls .search-section {
  flex: 2;
  min-width: 200px;
}

.inventory-transfer-container .lots-selection-container .lot-controls .spacer {
  flex: 1;
}

.inventory-transfer-container .lots-selection-container .lot-controls .scanner-section {
  flex: 1;
  min-width: 200px;
  max-width: 280px;
}

.inventory-transfer-container .lots-selection-container .lot-grid {
  flex: 1;
  min-height: 300px;
}

.inventory-transfer-container .shipment-details-container {
  flex-direction: column;
  display: flex;
}

.inventory-transfer-container .shipment-details-container .shipment-form {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.inventory-transfer-container .shipment-details-container .label-generation {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#78a999 0%, #669d8b 100%);
  border: 0;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #4d796a, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn i {
  color: #fff;
}

.inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn:not(:has(i)) {
  background: linear-gradient(#74a696 0%, #6aa08e 100%);
}

.inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn.disabled, .inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn[disabled], .inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn.disabled i, .inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn[disabled] i, .inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn:disabled i {
  color: var(--gray-400);
}

.inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn:focus-visible {
  box-shadow: none;
}

.inventory-transfer-container .shipment-details-container .label-generation .generate-label-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.inventory-transfer-container .action-btn-cnt {
  border-top: 1px solid #e5e7eb;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 16px;
  padding: 16px 0 8px;
  display: flex;
}

.inventory-transfer-container .status-indicator {
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.inventory-transfer-container .status-indicator.pending {
  color: #92400e;
  background-color: #fef3c7;
}

.inventory-transfer-container .status-indicator.in-transit {
  color: #1e40af;
  background-color: #dbeafe;
}

.inventory-transfer-container .status-indicator.completed {
  color: #065f46;
  background-color: #d1fae5;
}

.inventory-transfer-container .status-indicator.cancelled {
  color: #991b1b;
  background-color: #fee2e2;
}

.inventory-transfer-container .transfer-value {
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 600;
}

.inventory-transfer-container .loading-overlay {
  z-index: 10;
  background-color: #fffc;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.inventory-transfer-grid .ag-header-cell-text {
  color: #374151;
  font-weight: 600;
}

.inventory-transfer-grid .ag-row-selected {
  background-color: #eff6ff !important;
}

.inventory-transfer-grid .ag-row-hover {
  background-color: #f9fafb;
}

.scanner-btn {
  background: var(--color-secondary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-weight: 500;
  display: flex;
}

.scanner-btn:hover {
  background: var(--color-secondary-dark);
}

.continues-scanner-scanner {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.continues-scanner-scanner .scanner-layover {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner {
  color: #fff;
  background: linear-gradient(#636770f2 0%, #383b40f2 100%);
  border: 1px solid #ffffffa3;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 900px;
  height: 600px;
  padding: 30px;
  display: flex;
  box-shadow: 0 17px 30px -4px #0000000f, 0 8px 17px -4px #0000000f, 0 3px 8px -4px #0000000a, 0 0 1px -4px #0000000a;
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner .scan-animation {
  background: #fff;
  width: 150px;
  height: auto;
  margin: 20px 0 40px;
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner .scan-continue-text {
  color: #fff;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 900;
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner .waiting {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 900;
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner > p {
  z-index: 2147483647;
  opacity: 1;
  font-size: 16px;
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner > p span {
  color: #d26158;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.continues-scanner-scanner .scanner-items span {
  color: #ffffffb6;
  font-weight: normal;
}

.continues-scanner-scanner .scan-footer {
  margin-top: 30px;
}

.continues-scanner-scanner .center {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.continues-scanner-scanner .start-scan {
  text-align: center;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: .02em;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: auto;
  min-width: fit-content;
  padding: 10px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  flex-flow: row !important;
  display: flex !important;
}

.continues-scanner-scanner .start-scan i {
  color: #fff;
}

.continues-scanner-scanner .start-scan:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.continues-scanner-scanner .start-scan.disabled, .continues-scanner-scanner .start-scan[disabled], .continues-scanner-scanner .start-scan:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.continues-scanner-scanner .start-scan.disabled i, .continues-scanner-scanner .start-scan[disabled] i, .continues-scanner-scanner .start-scan:disabled i {
  color: var(--gray-400);
}

.continues-scanner-scanner .start-scan:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.continues-scanner-scanner .start-scan:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.continues-scanner-scanner .start-scan:focus-visible {
  box-shadow: none;
}

.continues-scanner-scanner .start-scan:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.continues-scanner-scanner .start-scan:before {
  content: "";
  flex-shrink: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}

.continues-scanner-scanner .scanner-input {
  border: none;
  width: 0;
  height: 0;
  position: absolute;
}

.continues-scanner-scanner .fa-spinner {
  font-size: 2em !important;
}

.continues-scanner-scanner .error {
  color: #d26158;
  text-align: center;
  font-family: Soehne, sans-serif;
  font-weight: bold;
}

.standalone-scanner-input {
  background-color: #0000;
  border: none;
  width: 0;
  height: 0;
  position: fixed;
  bottom: 0;
  left: 0;
}

.standalone-scanner {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.standalone-scanner .scanner-layover {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.standalone-scanner .scanner-layover .scanner-layover-inner {
  color: #fff;
  background: linear-gradient(#636770f2 0%, #383b40f2 100%);
  border: 1px solid #ffffffa3;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 900px;
  height: 600px;
  padding: 30px;
  display: flex;
  box-shadow: 0 17px 30px -4px #0000000f, 0 8px 17px -4px #0000000f, 0 3px 8px -4px #0000000a, 0 0 1px -4px #0000000a;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-animation {
  background: #fff;
  width: 150px;
  height: auto;
  margin: 20px 0 40px;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-continue-text {
  color: #fff;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 900;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .waiting {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 900;
}

.standalone-scanner .scanner-layover .scanner-layover-inner > p {
  z-index: 2147483647;
  opacity: 1;
  font-size: 16px;
}

.standalone-scanner .scanner-layover .scanner-layover-inner > p span {
  color: #d26158;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.standalone-scanner .scanner-items span {
  color: #ffffffb6;
  font-weight: normal;
}

.standalone-scanner .scan-footer {
  margin-top: 30px;
}

.standalone-scanner .center {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.standalone-scanner .fa-spinner {
  font-size: 2em !important;
}

.standalone-scanner .error {
  color: #d26158;
  text-align: center;
  font-family: Soehne, sans-serif;
  font-weight: bold;
}

.shipment-modal {
  background: var(--white);
  border-radius: 12px;
  width: 70%;
  height: auto;
  padding: 20px;
  overflow: scroll;
  box-shadow: 0 2px 8px #0000001a;
}

.shipment-modal .modal-header {
  border-bottom: 1px solid var(--color-border-300);
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  display: flex;
}

.shipment-modal .modal-header h3 {
  margin: 0;
  font-size: 20px;
}

.shipment-modal .shipment-content button.btn-primary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.shipment-modal .shipment-content button.btn-primary i {
  color: #fff;
}

.shipment-modal .shipment-content button.btn-primary:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.shipment-modal .shipment-content button.btn-primary.disabled, .shipment-modal .shipment-content button.btn-primary[disabled], .shipment-modal .shipment-content button.btn-primary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.shipment-modal .shipment-content button.btn-primary.disabled i, .shipment-modal .shipment-content button.btn-primary[disabled] i, .shipment-modal .shipment-content button.btn-primary:disabled i {
  color: var(--gray-400);
}

.shipment-modal .shipment-content button.btn-primary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.shipment-modal .shipment-content button.btn-primary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.shipment-modal .shipment-content button.btn-primary:focus-visible {
  box-shadow: none;
}

.shipment-modal .shipment-content button.btn-primary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.shipment-modal .shipment-content button.btn-cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  margin-left: auto;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.shipment-modal .shipment-content button.btn-cancel i {
  color: #fff;
}

.shipment-modal .shipment-content button.btn-cancel:not(:has(i)) {
  background: linear-gradient(#ce7e7e 0%, #ca7272 100%);
}

.shipment-modal .shipment-content button.btn-cancel.disabled, .shipment-modal .shipment-content button.btn-cancel[disabled], .shipment-modal .shipment-content button.btn-cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.shipment-modal .shipment-content button.btn-cancel.disabled i, .shipment-modal .shipment-content button.btn-cancel[disabled] i, .shipment-modal .shipment-content button.btn-cancel:disabled i {
  color: var(--gray-400);
}

.shipment-modal .shipment-content button.btn-cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.shipment-modal .shipment-content button.btn-cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.shipment-modal .shipment-content button.btn-cancel:focus-visible {
  box-shadow: none;
}

.shipment-modal .shipment-content button.btn-cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.shipment-modal .shipment-content button.btn-secondary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.shipment-modal .shipment-content button.btn-secondary i {
  color: #5e636b;
}

.shipment-modal .shipment-content button.btn-secondary:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.shipment-modal .shipment-content button.btn-secondary.disabled, .shipment-modal .shipment-content button.btn-secondary[disabled], .shipment-modal .shipment-content button.btn-secondary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.shipment-modal .shipment-content button.btn-secondary.disabled i, .shipment-modal .shipment-content button.btn-secondary[disabled] i, .shipment-modal .shipment-content button.btn-secondary:disabled i {
  color: var(--gray-400);
}

.shipment-modal .shipment-content button.btn-secondary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.shipment-modal .shipment-content button.btn-secondary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.shipment-modal .shipment-content button.btn-secondary:focus-visible {
  box-shadow: none;
}

.shipment-modal .shipment-content button.btn-secondary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.shipment-modal .shipment-content .rate-selection-modal .rate-selection-content {
  padding: 20px;
}

.shipment-modal .shipment-content .rate-selection-modal .rate-selection-content .rates-list {
  margin-bottom: 20px;
}

.shipment-modal .shipment-content .rate-selection-modal .rate-selection-content .rates-list .rate-option {
  cursor: pointer;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 12px 16px;
  transition: all .2s;
}

.shipment-modal .shipment-content .rate-selection-modal .rate-selection-content .rates-list .rate-option:hover {
  background: #f8f9fa;
  border-color: #837bb2;
}

.shipment-modal .shipment-content .rate-selection-modal .rate-selection-content .rates-list .rate-option:last-child {
  margin-bottom: 0;
}

.shipment-modal .shipment-content .rate-selection-modal .rate-selection-content .rate-actions {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.dsl-grid-po_receive .ag-cell-value, .dsl-grid-por-details .ag-cell-value {
  color: #5e636b;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.dsl-grid-po_receive .dsl-bolder-cell, .dsl-grid-por-details .dsl-bolder-cell, .dsl-grid-po_receive .dsl-bolder-cell .ag-cell-value, .dsl-grid-por-details .dsl-bolder-cell .ag-cell-value {
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.stock-manager-on-screen {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.totals-label span {
  border-radius: 2px;
  padding: 2px 4px;
  display: inline-block;
}

.totals-label span:hover {
  background-color: #0064ff1a;
  box-shadow: 0 0 0 1px #0064ff80;
}

.list-insurance-btns {
  align-items: center;
  gap: 10px;
  display: flex;
}

.list-insurance-btns .po-btn {
  background: var(--color-text-50);
  letter-spacing: 0%;
  color: #5e636b;
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  background: linear-gradient(#fff 0%, #f2f2f2 100%);
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #d4d4d4, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.list-insurance-btns .po-btn i {
  color: #5e636b;
}

.list-insurance-btns .po-btn:not(:has(i)) {
  background: linear-gradient(#fefefe 0%, #f6f6f6 100%);
}

.list-insurance-btns .po-btn.disabled, .list-insurance-btns .po-btn[disabled], .list-insurance-btns .po-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.list-insurance-btns .po-btn.disabled i, .list-insurance-btns .po-btn[disabled] i, .list-insurance-btns .po-btn:disabled i {
  color: var(--gray-400);
}

.list-insurance-btns .po-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.list-insurance-btns .po-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.list-insurance-btns .po-btn:focus-visible {
  box-shadow: none;
}

.list-insurance-btns .po-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.list-insurance-btns .transfer-btn {
  background: var(--color-primary);
  letter-spacing: 0%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.list-insurance-btns .transfer-btn i {
  color: #fff;
}

.list-insurance-btns .transfer-btn:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.list-insurance-btns .transfer-btn.disabled, .list-insurance-btns .transfer-btn[disabled], .list-insurance-btns .transfer-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.list-insurance-btns .transfer-btn.disabled i, .list-insurance-btns .transfer-btn[disabled] i, .list-insurance-btns .transfer-btn:disabled i {
  color: var(--gray-400);
}

.list-insurance-btns .transfer-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.list-insurance-btns .transfer-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.list-insurance-btns .transfer-btn:focus-visible {
  box-shadow: none;
}

.list-insurance-btns .transfer-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.card-with-preview {
  opacity: 1;
}

.po-cost-info {
  color: var(--gray-700);
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.po-cost-info__item {
  color: var(--gray-700);
}

.po-cost-info__item.po-cost-info__item {
  margin-right: 16px;
}

.po-cost-info__value {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.po-info-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  display: flex;
}

.inventory-rental-log-find-widget {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.inventory_rental_event_grid {
  background-color: #ebebe8;
  padding: 10px;
}

.inventory_rental_event_grid .dsl-list-top {
  display: none;
}

.inventory_rental_event_grid .dsl-list-bottom {
  border-radius: 12px !important;
  padding: 0 !important;
}

.inventory_rental_event_grid__meta {
  gap: 12px;
  max-width: 210px;
  margin: 16px 0;
  padding: 0 5px;
  display: flex;
}

.inventory_rental_event_grid__meta__info {
  color: var(--color-text-400);
  justify-content: space-between;
  font-family: Soehne, sans-serif;
  font-weight: 400;
  display: flex;
  margin-bottom: 10px !important;
}

.inventory_rental_event_grid__meta__info span {
  color: var(--color-text);
  padding-left: 4px;
  font-weight: 500;
}

.inventory_rental_event_grid__meta__title {
  color: #5e636b;
  font-family: Soehne, sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-top: 8px !important;
  margin-bottom: 5px !important;
}

:root {
  --color-primary: #668eba;
  --color-primary-50: #f6f5f9;
  --color-primary-100: #f6f5f9;
  --color-primary-200: #dfdde3;
  --color-primary-300: #c8c5d6;
  --color-primary-400: #b1acc9;
  --color-primary-500: #9a94bf;
  --color-primary-600: #837bb2;
  --color-primary-700: #6c63a5;
  --color-primary-800: #5c548c;
  --color-primary-900: #4b4573;
  --color-primary-950: #433d66;
  --color-secondary: #5b83b0;
  --color-secondary-25: #c7e7ff;
  --color-secondary-50: #b5dcfb;
  --color-secondary-100: #a3cbed;
  --color-secondary-200: #91b9de;
  --color-secondary-300: #7fa7cf;
  --color-secondary-400: #6d95bf;
  --color-secondary-500: #5b83b0;
  --color-secondary-600: #4971a1;
  --color-secondary-700: #406591;
  --color-secondary-900: #2e4e72;
  --color-secondary-950: #264362;
  --color-tertiary: #5b83b0;
  --color-success: #7db8a5;
  --color-success-25: #f6fef9;
  --color-success-50: #ecfdf3;
  --color-success-100: #dcfae6;
  --color-success-200: #abefc6;
  --color-success-300: #89c9b5;
  --color-success-400: #7db8a5;
  --color-success-500: #7db8a5;
  --color-success-600: #529a82;
  --color-success-700: #7db8a5;
  --color-success-800: #4b8c76;
  --color-success-900: #3d7361;
  --color-success-950: #366656;
  --color-warning: #e89e64;
  --color-warning-25: #feede2;
  --color-warning-50: #fde0ce;
  --color-warning-100: #f9d0b6;
  --color-warning-200: #f6c3a2;
  --color-warning-300: #f2b78e;
  --color-warning-400: #eeaa7a;
  --color-warning-500: #e89e64;
  --color-warning-600: #d48656;
  --color-warning-700: #e89e64;
  --color-warning-800: #bf724a;
  --color-warning-900: #aa5f3f;
  --color-warning-950: #8f4f33;
  --color-error: #d98080;
  --color-error-25: #fef5f5;
  --color-error-50: #fdeaea;
  --color-error-100: #fbd8d8;
  --color-error-200: #f7c9c9;
  --color-error-300: #f1b3b3;
  --color-error-400: #eb9d9d;
  --color-error-500: #e58787;
  --color-error-600: #d07676;
  --color-error-700: #ba6666;
  --color-error-800: #a45555;
  --color-error-900: #8f4545;
  --color-text: #5e636b;
  --color-text-25: #f5f5f5;
  --color-text-50: #e3e5e8;
  --color-text-100: #d7dae0;
  --color-text-200: #b6bac2;
  --color-text-300: #9b9fa8;
  --color-text-400: #838894;
  --color-text-500: #707580;
  --color-text-600: #535862;
  --color-text-700: #4d525c;
  --color-text-800: #43464d;
  --color-text-900: #383b40;
  --color-background: #ccccc8;
  --color-background-100: #fcfcfc;
  --color-background-200: #fafaf9;
  --color-background-300: #f7f7f5;
  --color-background-400: #f5f5f3;
  --color-background-500: #e5e5e0;
  --color-background-600: #d9d9d4;
  --color-background-800: #b2b2af;
  --color-background-900: #a6a6a2;
  --color-background-950: #999996;
  --color-border: #ccccc8;
  --color-border-100: #fcfcfc;
  --color-border-200: #fafaf9;
  --color-border-300: #f7f7f5;
  --color-border-400: #f5f5f3;
  --color-border-500: #f2f2f0;
  --color-border-600: #d9d9d4;
  --color-border-700: #ccccc8;
  --color-border-800: #b2b2af;
  --color-border-900: #a6a6a2;
  --color-border-950: #999996;
  --disabled-background-200: #e0e0dc;
  --brand-50: #f6f5ff;
  --brand-100: #edebfa;
  --brand-500: #938cbd;
  --brand-700: #7c74a8;
  --brand-800: #746d9e;
  --blue-200: #7ca3cf;
  --gray-100: #e3e5e8;
  --gray-200: #d7dae0;
  --gray-300: #b6bac2;
  --gray-400: #9b9fa8;
  --gray-500: #838894;
  --gray-600: #707580;
  --gray-700: #565a62;
  --gray-800: #101217;
  --label-color: #3c3c43d9;
  --white: #fff;
  --scroll-bar: #d0d0d0;
  --color-text-50-44-percent: #fafafa70;
  --gray-80-percent: #d4d4d4;
  --color-text-100-75-percent: #f5f5f5bf;
  --color-transparent-white: #fffffff7;
  --input-bg-disabled: #f5f5f5;
}

.device-status-selection-modal {
  flex-direction: column;
  gap: 10px;
  min-width: 320px;
  display: flex;
}

.device-status-selection-modal .device-status-select-field-container {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.device-status-selection-modal .device-status-select-field-container .device-status-select-field-label {
  top: var(--spacing-standard);
  left: var(--spacing-xlarge);
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-regular);
  color: var(--color-text);
  z-index: 1;
  pointer-events: none;
  position: absolute !important;
}

.device-status-selection-modal .btn-primary {
  color: #fff;
  background-color: var(--color-primary);
  width: max-content;
}

.device-status-selection-modal .btn-primary:hover {
  opacity: .8;
}

.device-status-selection-modal .btn-secondary {
  background-color: var(--color-secondary);
  color: #fff;
  opacity: 1;
  width: max-content;
}

.device-status-selection-modal .btn-secondary:hover {
  opacity: .8;
}

.device-status-selection-modal .footer {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

#dme-manager-on-screen {
  width: 100%;
}

.dme-manager__status .ag-header-cell-label {
  text-align: center;
  justify-content: center;
}

.dme-manager__status .ag-cell-wrapper {
  justify-content: center;
  height: 100%;
}

.dme-manager__status .ag-cell-value {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.dme-manager .items-center {
  align-items: center;
}

.dme-manager .ag-cell-value {
  color: #5e636b;
  font-size: 14px;
  font-weight: normal;
}

.dme-manager .ag-cell-wrapper {
  height: 100%;
}

.dme-manager .bolder .ag-cell-value {
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.form[form="inventory_rental_event"] label.active[value="Pass"] {
  background-color: #837bb2 !important;
}

.form[form="inventory_rental_event"] label.active[value="Fail"] {
  background-color: #d98080 !important;
}

.physical-count .search-bar {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  width: 100%;
  max-width: 40%;
  min-height: 40px;
  max-width: unset;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: #ffffff5c !important;
  border: 1px solid #fff6 !important;
  height: 100% !important;
  font-weight: 400 !important;
  box-shadow: 0 10px 30px #00000014, 0 1px 2px #0000000f, inset 0 1px #ffffff59 !important;
}

.physical-count .search-bar:focus-within {
  background: #ffffff80 !important;
  border-color: #ffffffa6 !important;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c !important;
}

.physical-count .search-bar > div {
  flex: 1;
}

.physical-count .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.physical-count .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.physical-count .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.physical-count .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.physical-count .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.physical-count .search-bar:focus-within img {
  opacity: .95;
}

.information-block-container {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.vertical-align-center {
  align-items: center;
  display: flex;
}

.vertical-align-center-end {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.physical-count {
  background-color: #fafafabf;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.physical-count .subtitle {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #9b9fa8;
  font-family: Soehne, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
}

.physical-count .main-cell {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #5e636b;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.physical-count .wizard-container {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.physical-count .wizard-container .expandable-wizard-step:first-child .content {
  padding: 0 2px;
}

.physical-count .wizard-container .expandable-wizard-step:has(.content.expanded .inventory-selection-container), .physical-count .wizard-container .expandable-wizard-step:has(.content.expanded .adjustments-container) {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.physical-count .wizard-container .expandable-wizard-step:has(.content.expanded .inventory-selection-container) .content.expanded, .physical-count .wizard-container .expandable-wizard-step:has(.content.expanded .adjustments-container) .content.expanded {
  flex-direction: column;
  flex: 1;
  height: auto;
  min-height: 0;
  display: flex;
  max-height: none !important;
}

.physical-count .wizard-container .sign-off-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.physical-count .wizard-container .dsl-advanced-grid .ag-cell-value {
  max-width: none;
}

.physical-count .inv-item-info {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.physical-count .inv-item-info .inv-name {
  width: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #5e636b;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  overflow: hidden;
}

.physical-count .inv-item-info .sub-cell {
  width: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #9b9fa8;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  font-family: Soehne, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.physical-count .adjustments-container, .physical-count .inventory-selection-container {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  padding-top: 4px;
  display: flex;
  overflow: hidden;
}

.physical-count .adjustments-container .dsl-advanced-grid, .physical-count .inventory-selection-container .dsl-advanced-grid {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.physical-count .inventory-selection-container .inventory-controls {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.physical-count .inventory-selection-container .inventory-controls .highlight {
  background-color: #fff !important;
}

.physical-count .inventory-selection-container .inventory-controls .search-section {
  flex: 2;
  min-width: 200px;
}

.physical-count .inventory-selection-container .inventory-controls .toggle-section {
  flex-shrink: 0;
  margin-left: 20px;
}

.physical-count .inventory-selection-container .inventory-controls .toggle-section .ant-checkbox-wrapper {
  color: #5e636b;
  font-size: 14px;
  font-weight: normal;
}

.physical-count .inventory-selection-container .inventory-controls .toggle-section .ant-checkbox-wrapper:hover {
  color: #1890ff;
}

.physical-count .inventory-selection-container .scanner-section {
  flex-shrink: 0;
  width: 128px;
  height: 64px;
  padding-top: 12px;
}

.physical-count .adjustments-container {
  gap: 0;
}

.physical-count .adjustments-container .ag-header-wrap .ag-header-cell-text {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  height: auto !important;
  padding: 4px 2px !important;
  display: flex !important;
}

.physical-count .adjustments-container .ag-root-wrapper {
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.physical-count .adjustments-container .ag-grid-currency-input {
  height: 44px !important;
}

.physical-count .adjustments-container .ag-grid-select-input-container {
  height: 44px;
  box-shadow: none !important;
  border: none !important;
}

.physical-count .adjustments-container .adjustment-dropdown-cell {
  cursor: pointer;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px 12px;
  transition: all .2s;
  display: flex;
}

.physical-count .adjustments-container .adjustment-dropdown-cell:hover {
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.physical-count .adjustments-container .adjustment-dropdown-cell .dropdown-value {
  color: #495057;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
}

.physical-count .adjustments-container .adjustment-dropdown-cell .dropdown-arrow {
  color: #6c757d;
  flex-shrink: 0;
  margin-left: 8px;
  font-size: 12px;
}

.physical-count .adjustments-container .adjustment-select-cell {
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.physical-count .adjustments-container .adjustment-select-cell .field-select {
  width: 100%;
  height: 100%;
}

.physical-count .adjustments-container .adjustment-select-cell .field-select .css-13cymwt-control {
  height: 32px !important;
  min-height: 32px !important;
}

.physical-count .adjustments-container .ag-grid-number-input-container {
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.physical-count .adjustments-container .ag-grid-number-input-container .ag-grid-number-input {
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 32px;
  padding: 4px 8px;
  font-size: 14px;
  transition: border-color .2s;
}

.physical-count .adjustments-container .ag-grid-number-input-container .ag-grid-number-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 2px #007bff40;
}

.physical-count .adjustments-container .ag-grid-number-input-container .ag-grid-number-input:hover {
  border-color: #dee2e6;
}

.physical-count .adjustments-container .ag-grid-number-input-container .ag-grid-number-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.physical-count .adjustments-container .ag-grid-number-input-container .ag-grid-number-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.physical-count .adjustments-container .ag-grid-number-input-container .ag-grid-number-input[type="number"] {
  appearance: textfield;
}

.physical-count .count-scanning-row {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0;
  width: 100%;
  height: 105px;
  padding: 8px 23px;
  font-size: .85rem;
  display: flex;
  border-top: 1px solid #ebebe8 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.physical-count .count-scanning-row .information-block {
  padding: 0 4px;
}

.physical-count .count-scanning-row .action-btn-group-cnt {
  margin: 8px 0 0;
  padding: 0 0 4px;
}

.physical-count .count-scanning-row .action-btn-group-cnt .btn-start_scanning {
  margin: 0;
  padding: 8px 12px;
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f;
  background-color: #689989 !important;
  height: 36px !important;
}

.physical-count .count-scanning-row .action-btn-group-cnt .btn-start_scanning:hover {
  color: #689989 !important;
  background-color: #e1faf2 !important;
}

.physical-count .confirmed-count-cell {
  align-items: center;
  gap: 0;
  width: 100%;
  height: 100%;
  padding: 6px 8px;
  display: flex;
}

.physical-count .confirmed-count-cell .count-input-field {
  text-align: center;
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  outline: none;
  flex: 1;
  min-width: 0;
  height: 36px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 500;
  transition: all .2s;
}

.physical-count .confirmed-count-cell .count-input-field:focus {
  background-color: #fafbfc;
  border-color: #1890ff;
  box-shadow: 0 0 0 3px #1890ff26;
}

.physical-count .confirmed-count-cell .count-input-field:hover:not(:focus) {
  background-color: #f8f9fa;
  border-color: #b3d4fc;
}

.physical-count .confirmed-count-cell .count-input-field::placeholder {
  color: #a0a6b1;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.physical-count .confirmed-count-cell .count-input-field::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.physical-count .confirmed-count-cell .count-input-field::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.physical-count .confirmed-count-cell .count-input-field[type="number"] {
  appearance: textfield;
}

.physical-count .confirmed-count-cell .status-indicator {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: 8px;
  font-size: 12px;
  transition: all .3s;
  display: flex;
}

.physical-count .confirmed-count-cell .status-indicator.status-empty {
  color: #c1c7cd;
  background-color: #f8f9fa;
  border: 2px solid #e1e5e9;
}

.physical-count .confirmed-count-cell .status-indicator.status-empty i {
  opacity: .6;
  font-size: 10px;
}

.physical-count .confirmed-count-cell .status-indicator.status-match {
  color: #fff;
  background-color: #28a745;
  border: none;
  animation: .4s ease-in-out statusSuccess;
  box-shadow: 0 2px 4px #28a7454d;
}

.physical-count .confirmed-count-cell .status-indicator.status-match i {
  font-size: 13px;
}

.physical-count .confirmed-count-cell .status-indicator.status-mismatch {
  color: #fff;
  background-color: #dc3545;
  border: none;
  animation: .4s ease-in-out statusWarning;
  box-shadow: 0 2px 4px #dc35454d;
}

.physical-count .confirmed-count-cell .status-indicator.status-mismatch i {
  font-size: 11px;
}

.physical-count .ag-cell[col-id="confirmed_count"] {
  padding-right: 12px !important;
}

.physical-count .ag-cell[col-id="confirmed_count"] .ag-cell-wrapper {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.physical-count .ag-row.adjustment-needed {
  background-color: #fff2e8 !important;
  border-left: 3px solid #fa8c16 !important;
}

.physical-count .ag-row.adjustment-needed:hover {
  background-color: #ffe7ba !important;
}

.physical-count .sign-off-container {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.physical-count .sign-off-container .sign-off-summary {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  padding: 20px;
  display: flex;
}

.physical-count .sign-off-container .verification-note {
  background-color: #fff7e6;
  border: 1px solid #ffd591;
  border-radius: 4px;
  margin-top: 16px;
  padding: 12px 16px;
}

.physical-count .sign-off-container .verification-note .verification-note-content {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.physical-count .sign-off-container .verification-note .verification-note-content .verification-note-icon {
  color: #fa8c16;
  margin-top: 2px;
}

.physical-count .sign-off-container .verification-note .verification-note-content .verification-note-text .verification-note-title {
  color: #d46b08;
  font-weight: 600;
}

.physical-count .sign-off-container .verification-note .verification-note-content .verification-note-text .verification-note-message {
  color: #595959;
  margin: 4px 0 0;
  font-size: 13px;
}

.physical-count .ag-right-aligned-header {
  text-align: right !important;
  justify-content: flex-end !important;
}

.physical-count .footer {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  display: flex;
}

.physical-count .footer .info-container {
  letter-spacing: 0;
  vertical-align: middle;
  color: #cc7878;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.physical-count .footer .action-right-cnt {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.physical-count .footer .action-right-cnt .amount-values {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.physical-count .footer .action-right-cnt .amount-values .amount-value-item {
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.physical-count .footer .action-right-cnt .amount-values .amount-value-item .amount-value-item-label {
  letter-spacing: 0;
  vertical-align: middle;
  color: #5e636b;
  align-content: center;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.physical-count .footer .action-right-cnt .amount-values .amount-value-item .amount-value-item-value {
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: #4d525c;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.physical-count .footer .action-right-cnt .amount-values .amount-value-item .amount-value-item-value.red {
  color: #bf7171;
}

@keyframes statusSuccess {
  0% {
    opacity: .8;
    transform: scale(.8);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes statusWarning {
  0% {
    opacity: .8;
    transform: scale(.8);
  }

  25% {
    transform: scale(1.05);
  }

  50% {
    transform: scale(.95);
  }

  75% {
    transform: scale(1.02);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.physical-count .action-btn-cnt {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.add-physical-count-btn {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  background: #f8f5fc;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-physical-count-btn-collapsed .add-btn {
  background: var(--color-primary);
  letter-spacing: 0%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 20px;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  font-size: 13px !important;
}

.add-physical-count-btn-collapsed .add-btn i {
  color: #fff;
}

.add-physical-count-btn-collapsed .add-btn:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.add-physical-count-btn-collapsed .add-btn.disabled, .add-physical-count-btn-collapsed .add-btn[disabled], .add-physical-count-btn-collapsed .add-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.add-physical-count-btn-collapsed .add-btn.disabled i, .add-physical-count-btn-collapsed .add-btn[disabled] i, .add-physical-count-btn-collapsed .add-btn:disabled i {
  color: var(--gray-400);
}

.add-physical-count-btn-collapsed .add-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.add-physical-count-btn-collapsed .add-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.add-physical-count-btn-collapsed .add-btn:focus-visible {
  box-shadow: none;
}

.add-physical-count-btn-collapsed .add-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.pending-transfer {
  background-color: #fafafabf;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: flex;
  overflow: scroll;
}

.pending-transfer .wizard-container {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  display: flex;
}

.pending-transfer .wizard-container .expandable-wizard-step:first-child .content {
  height: 500px;
}

.pending-transfer .wizard-container .expandable-wizard-step:nth-child(2) .content {
  height: 300px;
}

.pending-transfer .action-btn-cnt {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.pending-transfer .transfer-items-container {
  flex-direction: column;
  gap: 16px;
  height: 100%;
  display: flex;
}

.pending-transfer .transfer-items-container .transfer-controls {
  justify-content: space-between;
  align-items: center;
  padding: 0 4px;
  display: flex;
}

.pending-transfer .transfer-items-container .transfer-controls .search-section {
  flex: 1;
  max-width: 400px;
}

.pending-transfer .transfer-items-container .transfer-controls .toggle-section {
  align-items: center;
  display: flex;
}

.pending-transfer .transfer-items-container .dsl-advanced-grid {
  flex: 1;
  height: 400px;
}

.pending-transfer .transfer-items-container .scanner-section {
  width: 236px;
}

.pending-transfer .adjustments-container {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.pending-transfer .adjustments-container .dsl-advanced-grid {
  flex: 1;
  min-height: 400px;
}

.pending-transfer .adjustments-container .ag-grid-select-input-container {
  height: 44px;
  box-shadow: none !important;
  border: none !important;
}

.pending-transfer .sign-off-container {
  border-radius: 8px;
  padding: 16px;
}

.pending-transfer .sign-off-container .verification-note {
  background-color: #fff7e6;
  border: 1px solid #ffd591;
  border-radius: 4px;
  margin-top: 16px;
  padding: 12px 16px;
}

.pending-transfer .sign-off-container .verification-note .verification-note-content {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.pending-transfer .sign-off-container .verification-note .verification-note-content .verification-note-icon {
  color: #fa8c16;
  margin-top: 2px;
}

.pending-transfer .sign-off-container .verification-note .verification-note-content .verification-note-text .verification-note-title {
  color: #d46b08;
  font-weight: 600;
}

.pending-transfer .sign-off-container .verification-note .verification-note-content .verification-note-text .verification-note-message {
  color: #595959;
  margin: 4px 0 0;
  font-size: 13px;
}

.pending-transfer .inv-item-info {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 8px 0;
  display: flex;
}

.pending-transfer .inv-item-info .main-cell {
  color: #1a1d23;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.pending-transfer .inv-item-info .sub-cell {
  margin-top: 4px;
  display: flex;
}

.pending-transfer .inv-item-info .sub-cell .inv-sub-left {
  color: #5e636b;
  font-size: 12px;
  font-weight: 400;
}

.pending-transfer .ag-cell-value {
  max-width: none;
  font-size: 14px;
  font-weight: 500;
}

.dsl-tab-list {
  vertical-align: bottom;
  background-color: #0000;
  flex-grow: 0;
  flex-shrink: 0;
}

.dsl-tab-list:before {
  content: "";
  -webkit-mask-composite: xor;
  pointer-events: none;
  background: linear-gradient(#ffffffe6 0%, #ffffff1a 100%);
  border-radius: 8px;
  padding: 1px;
  position: absolute;
  inset: 0;
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-position: 0 0, 0 0;
  mask-size: auto, auto;
  mask-repeat: repeat, repeat;
  mask-clip: content-box, border-box;
  mask-origin: content-box, border-box;
  mask-composite: exclude;
  mask-mode: match-source, match-source;
}

.dsl-tab-list.tab-add {
  color: #fff;
  background: none;
}

.dsl-tab-list.tab-add:after {
  color: #fff;
  background: none !important;
}

.dsl-tab-list .tab-list-button {
  background: #d6d6d6;
  border-top-left-radius: 10px;
  border-top-right-radius: 20px;
  align-self: end;
  align-items: center;
  margin-right: 16px;
  padding-left: 10px;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.dsl-tab-list .tab-list-button:after {
  color: #68707f;
  content: "";
  background: #d6d6d6;
  border-top-right-radius: 10px;
  width: 16px;
  height: 34px;
  display: block;
  position: relative;
  left: 4px;
  transform: skewX(30deg);
}

.dsl-tab-list .tab-list-button.tab-active, .dsl-tab-list .tab-list-button.tab-active:after {
  color: #5b83b0;
  background: #c0def8;
}

.lvl-1-tab-list {
  vertical-align: bottom;
  gap: var(--l1-tab-list-button-gap);
  background-color: #0000;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  height: 46px;
  display: flex;
}

.lvl-1-tab-list .dynamic-tab-list {
  gap: var(--l1-tab-list-button-gap);
  background-color: #0000;
  flex-direction: row;
  width: 100%;
  height: 46px;
  display: flex;
}

.lvl-1-tab-list.lvl-3-to-1-tab-list .dynamic-tab-list {
  width: auto;
}

.lvl-1-tab-list.lvl-3-to-1-tab-list .tab-list-button.has-avatar {
  padding-left: 10px;
}

.lvl-1-tab-list.lvl-3-to-1-tab-list > .tab-list-button.tab-list-button-add {
  height: var(--l1-tab-list-min-height);
  width: var(--l1-tab-list-min-height);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.lvl-1-tab-list.tab-add {
  color: #fec866;
  background: none;
}

.lvl-1-tab-list .tab-list-button {
  background-color: #0000;
  align-self: center;
  align-items: center;
  height: 36px;
}

.lvl-1-tab-list .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
  border-radius: 5px;
}

@media (width <= 768px) {
  .lvl-1-tab-list {
    gap: 0;
    padding-right: 0 !important;
  }

  .lvl-1-tab-list .dynamic-tab-list {
    gap: 10px !important;
  }
}

.lvl-2-tab-list {
  vertical-align: bottom;
  --divider-gap: 16px;
  --divider-color: #00000038;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-start;
  height: 46px;
}

.lvl-2-tab-list .dynamic-tab-list {
  position: relative;
}

.lvl-2-tab-list.tab-add {
  color: #fec866;
  background: none;
}

.lvl-2-tab-list .tab-list-button {
  align-self: center;
  align-items: center;
  position: relative;
}

.lvl-2-tab-list .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
}

.lvl-2-tab-list .tab-list-button.tab-active:first-child {
  margin-left: 3px;
}

.lvl-2-tab-list .tab-list-button.tab-active:last-child {
  margin-right: 3px;
}

.lvl-2-tab-list .tab-list-button.tab-active .tab-label {
  font-size: 14px;
}

.lvl-2-tab-list .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
  height: 36px;
}

.lvl-2-tab-list .tab-list-button.tab-active .tab-label {
  padding: 8px 12px;
  font-size: 14px;
}

.dsl-tab-view-container > .tab-list {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  height: 52px;
  display: flex;
  box-shadow: 0 1.5px 2.5px -2px #00000005, 0 3px 6px -2px #00000008;
}

.dsl-tab-view-container > .tab-list .dynamic-tab-list {
  flex-direction: row;
  align-items: center;
  height: 52px;
  display: flex;
}

.dsl-tab-view-container > .tab-list .dynamic-tab-list:before {
  content: "";
  -webkit-mask-composite: xor;
  pointer-events: none;
  background: linear-gradient(#ffffffe6 0%, #ffffff1a 100%);
  border-radius: 8px;
  padding: 1px;
  position: absolute;
  inset: 0;
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-position: 0 0, 0 0;
  mask-size: auto, auto;
  mask-repeat: repeat, repeat;
  mask-clip: content-box, border-box;
  mask-origin: content-box, border-box;
  mask-composite: exclude;
  mask-mode: match-source, match-source;
}

.dsl-tab-view-container > .tab-list .dynamic-tab-list .tab-list-button {
  background-color: #0000;
  border: none;
  height: 36px;
}

.dsl-tab-view-container > .tab-list .dynamic-tab-list .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
}

.dsl-tab-view-container > .tab-list .dynamic-tab-list .tab-list-button.tab-active:first-child {
  margin-left: 3px;
}

.dsl-tab-view-container > .tab-list .dynamic-tab-list .tab-list-button.tab-active:last-child {
  margin-right: 3px;
}

.gen-tab-container {
  flex-direction: column;
  gap: 8px;
  height: 100%;
  display: flex;
}

.gen-tab-cont-container {
  border-radius: 8px;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

.gen-tab-cont-container .dsl-container {
  gap: 8px;
}

.gen-tab-cont-container .dsl-container .dsl-templ-area {
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.gen-tab-cont-container .action-btn-cnt .action-btn-group-container {
  box-shadow: none !important;
  background-color: #0000 !important;
}

.gen-tab-cont-container.inactive {
  pointer-events: none;
  display: none;
}

.wf-inspect-comp {
  background: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: wrap-reverse;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.wf-inspect-comp .wf-info-cards {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}

.wf-inspect-comp .wf-info-cards .wf-card {
  background-color: #f5f7fa;
  border-radius: 10px;
  flex-direction: column;
  min-width: 300px;
  height: 100%;
  display: flex;
}

.wf-inspect-comp .wf-info-cards .wf-card .header {
  color: #fff;
  background-color: #707580;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  display: flex;
}

.wf-inspect-comp .wf-info-cards .wf-card .body {
  flex-direction: column;
  flex: 1 0;
  padding: 10px;
  display: flex;
  overflow-y: auto;
}

.wf-inspect-comp .wf-info-cards .wf-card .body .detail-packet-inline .value, .wf-inspect-comp .wf-info-cards .wf-card .body .detail-packet-inline .label {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.wf-inspect-comp .wf-actions {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 10px;
  max-width: fit-content;
  display: flex;
}

.wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone) {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone) i {
  color: #5e636b;
}

.wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone):not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone).disabled, .wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone)[disabled], .wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone):disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone).disabled i, .wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone)[disabled] i, .wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone):disabled i {
  color: var(--gray-400);
}

.wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone):hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone):active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone):focus-visible {
  box-shadow: none;
}

.wf-inspect-comp .wf-actions .wf-btn:not(.wf-edit):not(.wf-design):not(.wf-clone):focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.wf-inspect-comp .wf-actions .wf-btn {
  min-width: 90px;
}

.wf-inspect-comp .wf-actions .wf-edit {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.wf-inspect-comp .wf-actions .wf-edit i {
  color: #fff;
}

.wf-inspect-comp .wf-actions .wf-edit:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.wf-inspect-comp .wf-actions .wf-edit.disabled, .wf-inspect-comp .wf-actions .wf-edit[disabled], .wf-inspect-comp .wf-actions .wf-edit:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.wf-inspect-comp .wf-actions .wf-edit.disabled i, .wf-inspect-comp .wf-actions .wf-edit[disabled] i, .wf-inspect-comp .wf-actions .wf-edit:disabled i {
  color: var(--gray-400);
}

.wf-inspect-comp .wf-actions .wf-edit:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.wf-inspect-comp .wf-actions .wf-edit:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.wf-inspect-comp .wf-actions .wf-edit:focus-visible {
  box-shadow: none;
}

.wf-inspect-comp .wf-actions .wf-edit:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.wf-inspect-comp .wf-actions .wf-design {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.wf-inspect-comp .wf-actions .wf-design i {
  color: #fff;
}

.wf-inspect-comp .wf-actions .wf-design:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.wf-inspect-comp .wf-actions .wf-design.disabled, .wf-inspect-comp .wf-actions .wf-design[disabled], .wf-inspect-comp .wf-actions .wf-design:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.wf-inspect-comp .wf-actions .wf-design.disabled i, .wf-inspect-comp .wf-actions .wf-design[disabled] i, .wf-inspect-comp .wf-actions .wf-design:disabled i {
  color: var(--gray-400);
}

.wf-inspect-comp .wf-actions .wf-design:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.wf-inspect-comp .wf-actions .wf-design:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.wf-inspect-comp .wf-actions .wf-design:focus-visible {
  box-shadow: none;
}

.wf-inspect-comp .wf-actions .wf-design:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.wf-inspect-comp .wf-actions .wf-clone {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.wf-inspect-comp .wf-actions .wf-clone i {
  color: #fff;
}

.wf-inspect-comp .wf-actions .wf-clone:not(:has(i)) {
  background: linear-gradient(#6d9c8d 0%, #659585 100%);
}

.wf-inspect-comp .wf-actions .wf-clone.disabled, .wf-inspect-comp .wf-actions .wf-clone[disabled], .wf-inspect-comp .wf-actions .wf-clone:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.wf-inspect-comp .wf-actions .wf-clone.disabled i, .wf-inspect-comp .wf-actions .wf-clone[disabled] i, .wf-inspect-comp .wf-actions .wf-clone:disabled i {
  color: var(--gray-400);
}

.wf-inspect-comp .wf-actions .wf-clone:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.wf-inspect-comp .wf-actions .wf-clone:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.wf-inspect-comp .wf-actions .wf-clone:focus-visible {
  box-shadow: none;
}

.wf-inspect-comp .wf-actions .wf-clone:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.measurement-log {
  flex-direction: column;
  display: flex;
}

.measurement-log .ec-packet-poriton .pdp-content {
  flex-direction: row-reverse;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.measurement-log .ec-packet-poriton .pdp-content p {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail-packet-inline .label {
  letter-spacing: 0;
  text-align: left;
  color: #283742;
  width: 50%;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.detail-packet-inline .value {
  letter-spacing: 0;
  text-align: left;
  color: #68707f;
  width: 50%;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.detail-packet-flex {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  padding: 5px 0;
  display: flex;
}

.detail-packet-flex .label {
  color: #595959;
  padding-right: 5px;
  line-height: 14px;
}

.detail-packet-flex .value {
  line-height: 14px;
}

.bullet li {
  color: #111;
  padding: 2px 6px;
  list-style-type: disc;
}

.detail-packet {
  color: #283742;
  flex-direction: column;
  flex: 90px;
  display: flex;
}

.detail-packet .label {
  letter-spacing: 0;
  text-align: left;
  color: #283742;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.detail-packet .value {
  letter-spacing: 0;
  text-align: left;
  color: #68707f;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.wgt-content.prescriber, .wgt-content.insurance {
  gap: 0 !important;
  padding: 8px !important;
}

.wgt-content.prescriber .wgt-sub-container:not(.wscp), .wgt-content.insurance .wgt-sub-container:not(.wscp) {
  padding: 8px !important;
}

.wgt-content .bullet li:hover {
  background-color: #17b3ce1a;
  border-radius: 4px;
}

.patient-detail-packet {
  flex-direction: row;
  flex: 45%;
  justify-content: flex-start;
  gap: 5px;
  display: flex;
}

.patient-detail-packet.fw {
  flex-basis: 100%;
}

.patient-detail-packet p {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
}

.patient-detail-packet .icon-title {
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.patient-detail-packet .icon-title img {
  width: 18px;
  height: 18px;
}

.patient-detail-packet .icon-title p.title {
  color: #9974ce;
  align-self: center;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.patient-detail-packet .label {
  color: #5a5958;
}

.patient-detail-packet .value {
  color: #111;
}

.emergency-contact {
  flex-direction: column;
  display: flex;
}

.emergency-contact .ec-title {
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.emergency-contact .ec-title p, .emergency-contact .ec-title div {
  width: 48%;
}

.emergency-contact .ec-title p {
  text-align: left;
}

.emergency-contact .ec-title .rel-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.emergency-contact .ec-value {
  color: #111;
  text-align: center;
  font-size: 16px;
}

.emergency-contact .ec-status {
  color: #58505b;
  background-color: #f2f2f2;
  border-radius: 6px;
  width: auto;
  padding: 2px 12px;
  font-size: 14px;
  width: fit-content !important;
}

.emergency-contact .ec-packet-poriton .pdp-content {
  flex-direction: row-reverse;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.detail-packet-inline {
  color: var(--gray-700);
  flex-direction: row;
  flex-basis: 100%;
  display: flex;
}

.detail-packet-inline .label {
  letter-spacing: 0;
  text-align: left;
  width: 50%;
  color: var(--gray-400);
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.detail-packet-inline .value {
  letter-spacing: 0;
  text-align: left;
  width: 50%;
  color: var(--gray-700);
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.wgt-table.hovering, .wgt-sub-container.hovering {
  background-color: #17b3ce1a;
  border-radius: 4px;
}

.wgt-table.hovering .title, .wgt-sub-container.hovering .title {
  color: #111 !important;
}

.wgt-table.hovering img, .wgt-sub-container.hovering img {
  filter: brightness(0) saturate() invert(0%) sepia(4%) saturate(679%) hue-rotate(356deg) brightness(95%) contrast(87%) !important;
}

.detail-heading .value {
  color: #9974ce;
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.txt-align-center {
  text-align: center !important;
}

.cr-pointer {
  cursor: pointer;
}

.phy-tab-col-1 .pellipsis .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px;
  margin: 0;
  overflow: hidden;
}

.phy-tab-col-2 {
  text-align: end;
  justify-content: flex-end;
  width: 115px;
  display: flex;
  color: #111 !important;
  font-weight: normal !important;
}

.phy-tab-col-2 > div {
  justify-content: flex-start;
  display: flex;
}

.bullet {
  flex-direction: column;
  gap: 5px;
  margin-left: 24px;
  display: flex;
}

.bullet li {
  color: #111;
  text-transform: lowercase;
  padding: 2px 6px;
  list-style-type: disc;
}

.bullet li:first-letter {
  text-transform: uppercase;
}

.react-flow {
  direction: ltr;
}

.react-flow__container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}

.react-flow__pane.selection {
  cursor: pointer;
}

.react-flow__pane.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.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 .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}

.react-flow__edge-path, .react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1px;
  fill: none;
}

.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}

.react-flow__edge.animated path {
  stroke-dasharray: 5;
  animation: .5s linear infinite dashdraw;
}

.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:focus .react-flow__edge-path, .react-flow__edge:focus-visible .react-flow__edge-path {
  stroke: #555;
}

.react-flow__edge-textwrapper {
  pointer-events: all;
}

.react-flow__edge-textbg {
  fill: #fff;
}

.react-flow__edge .react-flow__edge-text {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.react-flow__connection {
  pointer-events: none;
}

.react-flow__connection .animated {
  stroke-dasharray: 5;
  animation: .5s linear infinite dashdraw;
}

.react-flow__connectionline {
  z-index: 1001;
}

.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}

.react-flow__node {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
  position: absolute;
}

.react-flow__node.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.react-flow__nodesselection {
  z-index: 3;
  transform-origin: 0 0;
  pointer-events: none;
}

.react-flow__nodesselection-rect {
  pointer-events: all;
  cursor: -webkit-grab;
  cursor: grab;
  position: absolute;
}

.react-flow__handle {
  pointer-events: none;
  background: #1a192b;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 6px;
  min-width: 5px;
  height: 6px;
  min-height: 5px;
  position: absolute;
}

.react-flow__handle.connectionindicator {
  pointer-events: all;
  cursor: crosshair;
}

.react-flow__handle-bottom {
  top: auto;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%);
}

.react-flow__handle-top {
  top: -4px;
  left: 50%;
  transform: translate(-50%);
}

.react-flow__handle-left {
  top: 50%;
  left: -4px;
  transform: translate(0, -50%);
}

.react-flow__handle-right {
  top: 50%;
  right: -4px;
  transform: translate(0, -50%);
}

.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}

.react-flow__panel {
  z-index: 5;
  margin: 15px;
  position: absolute;
}

.react-flow__panel.top {
  top: 0;
}

.react-flow__panel.bottom {
  bottom: 0;
}

.react-flow__panel.left {
  left: 0;
}

.react-flow__panel.right {
  right: 0;
}

.react-flow__panel.center {
  left: 50%;
  transform: translateX(-50%);
}

.react-flow__attribution {
  background: #ffffff80;
  margin: 0;
  padding: 2px 3px;
  font-size: 10px;
}

.react-flow__attribution a {
  color: #999;
  text-decoration: none;
}

@keyframes dashdraw {
  from {
    stroke-dashoffset: 10px;
  }
}

.react-flow__edgelabel-renderer {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.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-default, .react-flow__node-input, .react-flow__node-output, .react-flow__node-group {
  color: #222;
  text-align: center;
  background-color: #fff;
  border: 1px solid #1a192b;
  border-radius: 3px;
  width: 150px;
  padding: 10px;
  font-size: 12px;
}

.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
  box-shadow: 0 1px 4px 1px #00000014;
}

.react-flow__node-default.selectable.selected, .react-flow__node-default.selectable:focus, .react-flow__node-default.selectable:focus-visible, .react-flow__node-input.selectable.selected, .react-flow__node-input.selectable:focus, .react-flow__node-input.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: 0 0 0 .5px #1a192b;
}

.react-flow__node-group {
  background-color: #f0f0f040;
}

.react-flow__nodesselection-rect, .react-flow__selection {
  background: #0059dc14;
  border: 1px dotted #0059dccc;
}

.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 {
  box-shadow: 0 0 2px 1px #00000014;
}

.react-flow__controls-button {
  box-sizing: content-box;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #fefefe;
  border: none;
  border-bottom: 1px solid #eee;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 5px;
  display: flex;
}

.react-flow__controls-button:hover {
  background: #f4f4f4;
}

.react-flow__controls-button svg {
  width: 100%;
  max-width: 12px;
  max-height: 12px;
}

.react-flow__controls-button:disabled {
  pointer-events: none;
}

.react-flow__controls-button:disabled svg {
  fill-opacity: .4;
}

.react-flow__minimap {
  background-color: #fff;
}

.react-flow__minimap svg {
  display: block;
}

.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;
}

.react-flow__resize-control.handle {
  background-color: #3367d9;
  border: 1px solid #fff;
  border-radius: 1px;
  width: 4px;
  height: 4px;
  transform: translate(-50%, -50%);
}

.react-flow__resize-control.handle.left {
  top: 50%;
  left: 0;
}

.react-flow__resize-control.handle.right {
  top: 50%;
  left: 100%;
}

.react-flow__resize-control.handle.top {
  top: 0;
  left: 50%;
}

.react-flow__resize-control.handle.bottom {
  top: 100%;
  left: 50%;
}

.react-flow__resize-control.handle.top.left, .react-flow__resize-control.handle.bottom.left {
  left: 0;
}

.react-flow__resize-control.handle.top.right, .react-flow__resize-control.handle.bottom.right {
  left: 100%;
}

.react-flow__resize-control.line {
  border: 0 solid #3367d9;
}

.react-flow__resize-control.line.left, .react-flow__resize-control.line.right {
  width: 1px;
  height: 100%;
  top: 0;
  transform: translate(-50%);
}

.react-flow__resize-control.line.left {
  border-left-width: 1px;
  left: 0;
}

.react-flow__resize-control.line.right {
  border-right-width: 1px;
  left: 100%;
}

.react-flow__resize-control.line.top, .react-flow__resize-control.line.bottom {
  width: 100%;
  height: 1px;
  left: 0;
  transform: translate(0, -50%);
}

.react-flow__resize-control.line.top {
  border-top-width: 1px;
  top: 0;
}

.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}

.sql-raw {
  background: #abcad9;
}

.wf-node {
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex;
}

.wf-node .wf-label {
  font-size: 12px;
}

.wf-node .wf-code {
  font-size: 8px;
}

.wf-node .wf-badge {
  color: #fff;
  text-align: center;
  background-color: #2b6cb0;
  border-radius: 10px;
  min-width: 22px;
  margin-top: 6px;
  padding: 2px 6px;
  font-size: 10px;
  line-height: 14px;
}

.wf-node-selected {
  border: 1px solid gray;
}

.sql-url {
  background: #ff9c55;
}

.wizard-form {
  background: #00ae8f;
}

.wizard-table {
  background: #6f7c7a;
}

.wf-design-container {
  background-color: #fff;
  flex-direction: row;
  flex: 1;
  height: 100%;
  display: flex;
}

.wf-design-container .wrapper {
  border-top: 1px solid #9974ce;
  flex: 1;
  display: flex;
}

.wf-design-container .MuiAlert-message {
  align-items: center;
  display: flex;
}

.wf-edit-bar {
  background: #fff;
  border-left: 1.5px solid #dcdcdc;
  flex-direction: column;
  flex: 0 0 45%;
  display: flex;
  min-width: 750px !important;
}

.wf-edit-bar .wf-d-topbar, .wf-edit-bar .wf-d-bottombar {
  border-top: 1px solid #9974ce;
  border-bottom: 1.5px solid #dcdcdc;
  flex-direction: row;
  justify-content: space-between;
  padding: 18px;
  display: flex;
}

.wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save), .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save) {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save) i, .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save) i {
  color: #5e636b;
}

.wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):not(:has(i)), .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save).disabled, .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save).disabled, .wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save)[disabled], .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save)[disabled], .wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):disabled, .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save).disabled i, .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save).disabled i, .wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save)[disabled] i, .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save)[disabled] i, .wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):disabled i, .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):disabled i {
  color: var(--gray-400);
}

.wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):hover:not(:disabled):not([disabled]):not(.disabled), .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):active, .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):focus-visible, .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):focus-visible {
  box-shadow: none;
}

.wf-edit-bar .wf-d-topbar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):focus:not(:disabled):not([disabled]):not(.disabled), .wf-edit-bar .wf-d-bottombar .wf-d-btn:not(.wf-delete):not(.wf-new):not(.wf-save):focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.wf-edit-bar .wf-d-topbar .wf-save, .wf-edit-bar .wf-d-bottombar .wf-save {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.wf-edit-bar .wf-d-topbar .wf-save i, .wf-edit-bar .wf-d-bottombar .wf-save i {
  color: #fff;
}

.wf-edit-bar .wf-d-topbar .wf-save:not(:has(i)), .wf-edit-bar .wf-d-bottombar .wf-save:not(:has(i)) {
  background: linear-gradient(#6d9c8d 0%, #659585 100%);
}

.wf-edit-bar .wf-d-topbar .wf-save.disabled, .wf-edit-bar .wf-d-bottombar .wf-save.disabled, .wf-edit-bar .wf-d-topbar .wf-save[disabled], .wf-edit-bar .wf-d-bottombar .wf-save[disabled], .wf-edit-bar .wf-d-topbar .wf-save:disabled, .wf-edit-bar .wf-d-bottombar .wf-save:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.wf-edit-bar .wf-d-topbar .wf-save.disabled i, .wf-edit-bar .wf-d-bottombar .wf-save.disabled i, .wf-edit-bar .wf-d-topbar .wf-save[disabled] i, .wf-edit-bar .wf-d-bottombar .wf-save[disabled] i, .wf-edit-bar .wf-d-topbar .wf-save:disabled i, .wf-edit-bar .wf-d-bottombar .wf-save:disabled i {
  color: var(--gray-400);
}

.wf-edit-bar .wf-d-topbar .wf-save:hover:not(:disabled):not([disabled]):not(.disabled), .wf-edit-bar .wf-d-bottombar .wf-save:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.wf-edit-bar .wf-d-topbar .wf-save:active, .wf-edit-bar .wf-d-bottombar .wf-save:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.wf-edit-bar .wf-d-topbar .wf-save:focus-visible, .wf-edit-bar .wf-d-bottombar .wf-save:focus-visible {
  box-shadow: none;
}

.wf-edit-bar .wf-d-topbar .wf-save:focus:not(:disabled):not([disabled]):not(.disabled), .wf-edit-bar .wf-d-bottombar .wf-save:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.wf-edit-bar .wf-d-topbar .wf-new, .wf-edit-bar .wf-d-bottombar .wf-new {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.wf-edit-bar .wf-d-topbar .wf-new i, .wf-edit-bar .wf-d-bottombar .wf-new i {
  color: #fff;
}

.wf-edit-bar .wf-d-topbar .wf-new:not(:has(i)), .wf-edit-bar .wf-d-bottombar .wf-new:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.wf-edit-bar .wf-d-topbar .wf-new.disabled, .wf-edit-bar .wf-d-bottombar .wf-new.disabled, .wf-edit-bar .wf-d-topbar .wf-new[disabled], .wf-edit-bar .wf-d-bottombar .wf-new[disabled], .wf-edit-bar .wf-d-topbar .wf-new:disabled, .wf-edit-bar .wf-d-bottombar .wf-new:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.wf-edit-bar .wf-d-topbar .wf-new.disabled i, .wf-edit-bar .wf-d-bottombar .wf-new.disabled i, .wf-edit-bar .wf-d-topbar .wf-new[disabled] i, .wf-edit-bar .wf-d-bottombar .wf-new[disabled] i, .wf-edit-bar .wf-d-topbar .wf-new:disabled i, .wf-edit-bar .wf-d-bottombar .wf-new:disabled i {
  color: var(--gray-400);
}

.wf-edit-bar .wf-d-topbar .wf-new:hover:not(:disabled):not([disabled]):not(.disabled), .wf-edit-bar .wf-d-bottombar .wf-new:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.wf-edit-bar .wf-d-topbar .wf-new:active, .wf-edit-bar .wf-d-bottombar .wf-new:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.wf-edit-bar .wf-d-topbar .wf-new:focus-visible, .wf-edit-bar .wf-d-bottombar .wf-new:focus-visible {
  box-shadow: none;
}

.wf-edit-bar .wf-d-topbar .wf-new:focus:not(:disabled):not([disabled]):not(.disabled), .wf-edit-bar .wf-d-bottombar .wf-new:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.wf-edit-bar .wf-d-topbar .wf-delete, .wf-edit-bar .wf-d-bottombar .wf-delete {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.wf-edit-bar .wf-d-topbar .wf-delete i, .wf-edit-bar .wf-d-bottombar .wf-delete i {
  color: #fff;
}

.wf-edit-bar .wf-d-topbar .wf-delete:not(:has(i)), .wf-edit-bar .wf-d-bottombar .wf-delete:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.wf-edit-bar .wf-d-topbar .wf-delete.disabled, .wf-edit-bar .wf-d-bottombar .wf-delete.disabled, .wf-edit-bar .wf-d-topbar .wf-delete[disabled], .wf-edit-bar .wf-d-bottombar .wf-delete[disabled], .wf-edit-bar .wf-d-topbar .wf-delete:disabled, .wf-edit-bar .wf-d-bottombar .wf-delete:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.wf-edit-bar .wf-d-topbar .wf-delete.disabled i, .wf-edit-bar .wf-d-bottombar .wf-delete.disabled i, .wf-edit-bar .wf-d-topbar .wf-delete[disabled] i, .wf-edit-bar .wf-d-bottombar .wf-delete[disabled] i, .wf-edit-bar .wf-d-topbar .wf-delete:disabled i, .wf-edit-bar .wf-d-bottombar .wf-delete:disabled i {
  color: var(--gray-400);
}

.wf-edit-bar .wf-d-topbar .wf-delete:hover:not(:disabled):not([disabled]):not(.disabled), .wf-edit-bar .wf-d-bottombar .wf-delete:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.wf-edit-bar .wf-d-topbar .wf-delete:active, .wf-edit-bar .wf-d-bottombar .wf-delete:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.wf-edit-bar .wf-d-topbar .wf-delete:focus-visible, .wf-edit-bar .wf-d-bottombar .wf-delete:focus-visible {
  box-shadow: none;
}

.wf-edit-bar .wf-d-topbar .wf-delete:focus:not(:disabled):not([disabled]):not(.disabled), .wf-edit-bar .wf-d-bottombar .wf-delete:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.wf-edit-bar .wf-d-bottombar {
  border-top-color: #dcdcdc;
}

.wf-edit-bar .node-details {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: visible;
}

.wf-edit-bar .node-details .fields {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  padding: 18px;
  display: flex;
  overflow-y: auto;
}

.wf-edit-bar .node-details .fields .wf-section-label:not(:first-child) {
  padding-top: 20px;
}

.wf-edit-bar .node-details .fields > div {
  flex-shrink: 0;
}

#wf-create-popover {
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
}

#wf-create-popover .wf-popover-container {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
}

#wf-create-popover .wf-popover-footer {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.queue-group {
  background: #ff9c55;
}

.wf-input, .wf-area {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.wf-input span, .wf-area span {
  letter-spacing: 0;
  text-align: left;
  color: #77797d;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.wf-input input, .wf-area input, .wf-input textarea, .wf-area textarea {
  border: unset;
  color: #000;
  border-bottom: 1px solid #dcdcdc;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 17px;
}

.wf-area {
  min-height: 150px !important;
}

.wf-area textarea {
  height: 100% !important;
}

.wf-section-label {
  letter-spacing: 0;
  text-align: left;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  display: flex;
}

.wf-cson-editor .suggest {
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
}

.wf-cson-editor .wf-cson-editor-table {
  table-layout: auto;
  width: 100%;
}

.wf-cson-editor .wf-cson-editor-table tr {
  border-bottom: 1px solid #e0e0e0;
}

.wf-cson-editor .wf-cson-editor-table td, .wf-cson-editor .wf-cson-editor-table th {
  text-align: center;
  padding: 2px;
}

.wf-cson-editor .wf-cson-editor-table tr td.col-label {
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.wf-cson-editor .wf-cson-editor-table .col-label {
  vertical-align: middle;
  text-align: left;
  text-wrap: balance;
  color: #000;
  width: 20%;
}

.wf-cson-editor .wf-cson-editor-table .col-label span {
  cursor: grab;
  width: 100%;
}

.wf-cson-editor .wf-cson-editor-table .col-label.dim {
  font-weight: normal;
}

.wf-cson-editor .wf-cson-editor-table .col-grid, .wf-cson-editor .wf-cson-editor-table .col-set, .wf-cson-editor .wf-cson-editor-table .col-hide, .wf-cson-editor .wf-cson-editor-table .col-filter {
  width: 10%;
}

.wf-cson-editor .wf-cson-editor-table .col-filter .filter-type {
  cursor: pointer;
}

.wf-cson-editor .wf-cson-editor-table .col-filter .filter-unchecked:before {
  content: "☐";
  font-family: Soehne, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.wf-cson-editor .wf-cson-editor-table .col-filter .filter-checked:before {
  content: "☑";
  font-family: Soehne, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.wf-cson-editor .wf-cson-editor-table .col-filter .filter-disabled {
  color: #d3d3d3;
}

.wf-cson-editor .wf-cson-editor-table .col-lock, .wf-cson-editor .wf-cson-editor-table .col-sort {
  width: 10%;
}

.wf-cson-editor .wf-cson-editor-table .col-sort .sort-type {
  cursor: pointer;
}

.wf-cson-editor .wf-cson-editor-table .col-source {
  width: 20%;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__control, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__control {
  cursor: pointer;
  background: none;
  border: 1px solid #00000024;
  border-radius: 4px;
  height: 38px;
  min-height: 38px;
  transition: all .15s;
  box-shadow: none !important;
  outline: none !important;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__control:hover, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__control:hover {
  background: #ffffffd9;
  border-color: #0003;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__control--is-focused, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__control--is-focused {
  box-shadow: none !important;
  background: none !important;
  border-color: #00000024 !important;
  outline: none !important;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__control--menu-is-open, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__control--menu-is-open {
  background: #fffffff2 !important;
  border-color: #0003 !important;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__value-container, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__value-container {
  align-items: center;
  padding: 0 12px;
  display: flex;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__input-container, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__input-container {
  margin: 0;
  padding: 0;
  color: #0000 !important;
  caret-color: #0000 !important;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__input-container input, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__input-container input {
  cursor: pointer !important;
  caret-color: #0000 !important;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__indicator-separator, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__indicator-separator {
  display: none;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__clear-indicator, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__clear-indicator {
  color: #00000080;
  padding: 0 4px;
  transform: scale(.9);
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__clear-indicator:hover, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__clear-indicator:hover {
  color: #000000a0;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__dropdown-indicator, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__dropdown-indicator {
  color: #00000080;
  padding: 0 8px;
  transform: scale(.9);
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__dropdown-indicator svg, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__dropdown-indicator svg {
  fill: #00000080;
  width: 16px;
  height: 16px;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__dropdown-indicator:hover, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__dropdown-indicator:hover {
  color: #000000a0;
}

.wf-cson-editor .wf-cson-editor-table .field-select .rs__dropdown-indicator:hover svg, .wf-cson-editor .wf-cson-editor-table .field-select .react-select__dropdown-indicator:hover svg {
  fill: #000000a0;
}

.form-horizontal.form-col-1 .wf-cson-editor {
  margin-bottom: 20px;
}

.form-group.wf-coffee-cson-editor .control > div {
  border: 2px solid #e2e2e2;
  padding: 10px;
}

.form-group.wf-coffee-cson-editor .control .suggest {
  padding-top: 10px;
  padding-bottom: 10px;
}

.form-group.wf-coffee-cson-editor .control td.col-grid.disabled-grid input[type="checkbox"] {
  accent-color: #d3d3d3;
}

.form-group.wf-coffee-cson-editor .col-label {
  width: 20%;
}

.form-group.wf-coffee-cson-editor .col-filter, .form-group.wf-coffee-cson-editor .col-grid, .form-group.wf-coffee-cson-editor .col-hide, .form-group.wf-coffee-cson-editor .col-set, .form-group.wf-coffee-cson-editor .col-lock, .form-group.wf-coffee-cson-editor .col-sort {
  width: 10%;
}

.form-group.wf-coffee-cson-editor .col-source {
  width: 20%;
  padding: 5px 5px 5px 0;
}

.report-inspect-wrapper {
  background-color: #fff;
  flex-direction: row;
  gap: 20px;
  height: 100%;
  padding: 20px;
  display: flex;
}

.report-inspect-wrapper .dsl-card-container-p {
  width: 30%;
  max-width: 320px;
}

.report-inspect-wrapper .report_info_componet_wrapper {
  flex: 1;
  height: 90%;
  display: flex;
}

.report-inspect-wrapper .info-container-wrapper {
  background: #f5f5f5;
  border-radius: 5px;
  height: 100%;
  overflow: scroll;
}

.report-inspect-wrapper .info-container-wrapper .info-detail-c {
  text-align: left;
  color: #283742;
  justify-content: space-between;
  padding: 10px;
  font-size: 12px;
  line-height: 14px;
  display: flex;
}

.report-inspect-wrapper .info-container-wrapper .info-detail-c .bold {
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.report-inspect-wrapper .info-container-wrapper .info-container-title {
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-weight: 600;
  display: flex;
}

.report-inspect-wrapper .border {
  border-style: solid;
  border-color: #5b83b0;
  border-bottom-width: 0;
  width: 100%;
  margin: 0;
}

.report-inspect-wrapper .report-inspect-actions-wrapper {
  flex: auto;
  justify-content: flex-end;
  display: flex;
}

.report-inspect-wrapper .report-inspect-actions-wrapper .report-inspect-actions {
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  display: flex;
}

.report-inspect-wrapper .report-inspect-actions-wrapper .report-inspect-actions .report-btn {
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.report-inspect-wrapper .report-inspect-actions-wrapper .report-inspect-actions .rep-edit {
  color: #fff;
  background-color: #769bc4;
}

.report-inspect-wrapper .report-inspect-actions-wrapper .report-inspect-actions .rep-access {
  color: #fff;
  background-color: #e69b9b;
}

@media (any-hover: none) {
  .gc-btn:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-btn-bg);
  }

  .gc-btn--accent:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-primary-500);
  }

  .gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: #0000;
  }

  .gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-warning-500);
  }

  .gc-btn--level-warning.gc-btn--transparent.gc-btn--accent:hover {
    color: var(--cui-warning-500);
    background-color: #0000;
  }

  .gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-error-500);
  }

  .gc-btn--level-error.gc-btn--transparent.gc-btn--accent:hover {
    color: var(--cui-error-500);
    background-color: #0000;
  }
}

@media (any-hover: none) {
  .gc-btn-group--header-default > :first-child.gc-btn:hover:not([disabled]), .gc-btn-group--header-default > :first-child.gc-input:hover:not([disabled]), .gc-btn-group--header-default > :first-child.gc-dd > .gc-btn:hover:not([disabled]), .gc-btn-group--header-default > :first-child.gc-combo > .gc-input:hover:not([disabled]) {
    background-color: var(--cui-neutral-100);
  }
}

@media (any-hover: none) {
  .gc-btn--accent.gc-btn--transparent.gc-btn--level-warning + .gc-dd__chevron {
    color: var(--cui-warning-500);
  }

  .gc-btn--accent.gc-btn--transparent.gc-btn--level-error + .gc-dd__chevron {
    color: var(--cui-error-500);
  }
}

@keyframes gc-menu-show {
  0% {
    opacity: 0;
    transform: scale(.25);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (any-hover: none) {
  .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):hover {
    background-color: var(--cui-primary-500);
  }

  .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected.gc-dd-menu__item--focused:hover {
    background-color: var(--cui-primary-700) !important;
  }

  .gc-dd-menu__item:not([disabled]):not(.disabled):hover {
    background-color: var(--cui-bg-body);
  }
}

@media (any-hover: none) {
  .gc-check:hover .gc-check__mark {
    border-color: var(--cui-neutral-50);
  }
}

@media (any-hover: none) {
  .gc-radio:hover .gc-radio__mark {
    border-color: var(--cui-neutral-50);
  }
}

@media (any-hover: none) {
  .gc-toggle:hover > .gc-toggle__mark, .gc-toggle--invalid:hover > .gc-toggle__mark {
    border-color: #0000;
  }
}

@media (any-hover: none) {
  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after, .gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover:after {
    width: 0;
  }

  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover {
    color: var(--cui-primary-700);
  }

  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after {
    background-color: var(--cui-primary-700);
  }

  .gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover {
    color: var(--cui-contrast-text-semi-40);
  }
}

@media (any-hover: none) {
  .gc-input:not([disabled]):hover, input[type="text"].gc-input:not([disabled]):hover, input[type="password"].gc-input:not([disabled]):hover, input[type="email"].gc-input:not([disabled]):hover, input[type="url"].gc-input:not([disabled]):hover {
    background-color: var(--cui-neutral-50);
  }
}

@media (any-hover: none) {
  .gc-textarea:not([disabled]):hover, textarea.gc-textarea:not([disabled]):hover {
    background-color: var(--cui-neutral-50);
  }
}

.gc-label {
  display: -ms-inline-grid;
  vertical-align: top;
  -ms-grid-columns: minmax(0, 1fr);
  -ms-grid-rows: minmax(0, auto) minmax(0, 1fr);
  grid-template: "label" minmax(0, auto)
                 "content" minmax(0, 1fr)
                 / minmax(0, 1fr);
  display: inline-grid;
}

.gc-label--block {
  display: -ms-grid;
  display: grid;
}

.gc-label--position-left.gc-label--width-auto, .gc-label--position-right.gc-label--width-auto {
  -ms-grid-columns: minmax(33%, auto) minmax(50%, 1fr);
  grid-template-columns: minmax(33%, auto) minmax(50%, 1fr);
}

.gc-label--position-right.gc-label--width-auto {
  -ms-grid-columns: minmax(50%, 1fr) minmax(33%, auto);
  grid-template-columns: minmax(50%, 1fr) minmax(33%, auto);
}

.gc-label--position-bottom {
  -ms-grid-rows: minmax(0, 1fr) minmax(0, auto);
  grid-template-rows: minmax(0, 1fr) minmax(0, auto);
  grid-template-areas: "content"
                       "label";
}

@keyframes gc-pin-appear-animation {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  50% {
    opacity: 0;
    transform: scale(0);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes gc-pin-feedback {
  50% {
    transform: scale(.7);
  }
}

@media (any-hover: none) {
  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-btn__icon, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-btn__icon {
    transform: none;
  }

  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-menu__panel-toggle-chevron, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-menu__panel-toggle-chevron {
    opacity: 0;
    transform: translate(-50%, -50%);
  }

  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-btn__icon, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-btn__icon {
    transform: none;
  }

  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron {
    opacity: 0;
    transform: translate(-50%, -50%);
  }
}

@media (any-hover: none) {
  .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:before, .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:after {
    transform: none;
  }

  .gc-sidebar__toggle-area:hover .gc-sidebar__toggle-area-button {
    opacity: 0;
  }

  .gc-sidebar__toggle-area-button:hover:before, .gc-sidebar__toggle-area-button:hover:after, .gc-sidebar__toggle-area-button:hover + .gc-sidebar__toggle-area-bar {
    transform: none;
  }
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
  .gc-modal--default {
    height: auto;
  }
}

@media (any-hover: none) {
  .gc-property-grid .gc-property-grid__header .gc-btn:hover > .gc-btn__icon {
    opacity: .5;
    color: var(--cui-contrast-text);
  }

  .gc-property-grid .gc-property-grid__header > .gc-input:hover:not(:focus) {
    background-color: var(--cui-primary-500) !important;
    border-color: #0000 !important;
  }
}

.gc-side-editor__side:not(.gc-side-editor__side--default) .gc-label {
  -ms-grid-columns: var(--cui-block-size-sm) minmax(0, 1fr);
  grid-template-columns: var(--cui-block-size-sm) minmax(0, 1fr);
}

@media (any-hover: none) {
  .gc-binding-wrapper > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle, .gc-binding-wrapper--modified > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle, .gc-binding-wrapper--bind > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle {
    outline-color: #0000;
  }
}

@media (any-hover: none) {
  .gc-color__main:hover:after {
    border: var(--cui-border-width) solid var(--cui-overlay);
  }

  .gc-color__shades > div:hover:after {
    border: var(--cui-border-width) solid #0000;
  }

  .gc-color-picker__preview:hover {
    border: 1px solid var(--cui-overlay);
  }
}

@keyframes cui_a_step_dot_appear {
  0% {
    opacity: 0;
    transform: scale(1)rotateY(-180deg);
  }

  50% {
    opacity: 1;
  }

  62% {
    opacity: 1;
    transform: scale(1)rotateY(35deg);
  }

  to {
    opacity: 1;
    transform: scale(1)rotateY(0);
  }
}

@keyframes cui_a_step_dot_disappear {
  0% {
    opacity: 1;
    transform: scale(1)rotateY(0);
  }

  50% {
    opacity: 0;
  }

  62% {
    opacity: 0;
    transform: scale(1)rotateY(-215deg);
  }

  to {
    opacity: 0;
    transform: scale(1)rotateY(-180deg);
  }
}

@keyframes gc-progress-animation {
  0% {
    width: 40px;
    left: -40px;
  }

  50% {
    width: 300px;
  }

  to {
    width: 40px;
    left: 100%;
  }
}

@media (any-hover: none) {
  .gc-slider:hover .gc-slider__toggle:after {
    opacity: 0;
  }
}

@keyframes gc-badge-show {
  0% {
    transform: scale(1)rotateX(90deg);
  }

  60% {
    transform: scale(1)rotateX(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes gc-badge-show-top-left {
  0% {
    transform: scale(1)rotateX(90deg)translate(-25%, -25%);
  }

  60% {
    transform: scale(1)rotateX(0)translate(-25%, -25%);
  }

  to {
    transform: scale(1)translate(-25%, -25%);
  }
}

@keyframes gc-badge-show-top-right {
  0% {
    transform: scale(1)rotateX(90deg)translate(25%, -25%);
  }

  60% {
    transform: scale(1)rotateX(0)translate(25%, -25%);
  }

  to {
    transform: scale(1)translate(25%, -25%);
  }
}

@keyframes gc-badge-show-bottom-left {
  0% {
    transform: scale(1)rotateX(90deg)translate(-25%, 25%);
  }

  60% {
    transform: scale(1)rotateX(0)translate(-25%, 25%);
  }

  to {
    transform: scale(1)translate(-25%, 25%);
  }
}

@keyframes gc-badge-show-bottom-right {
  0% {
    transform: scale(1)rotateX(90deg)translate(25%, 25%);
  }

  60% {
    transform: scale(1)rotateX(0)translate(25%, 25%);
  }

  to {
    transform: scale(1)translate(25%, 25%);
  }
}

@keyframes gc-item-animation {
  0% {
    width: 0;
    height: 0;
  }

  33% {
    width: 60px;
    height: 60px;
  }

  66% {
    width: 60px;
    height: 60px;
  }

  to {
    width: 100%;
    height: 60px;
  }
}

@keyframes gc-item-mini-animation {
  0% {
    width: 0;
    height: 0;
  }

  33% {
    width: var(--cui-block-size-sm);
    height: var(--cui-block-size-sm);
  }

  66% {
    width: var(--cui-block-size-sm);
    height: var(--cui-block-size-sm);
  }

  to {
    width: 100%;
    height: var(--cui-block-size-sm);
  }
}

@keyframes gc-item-icon-animation {
  0% {
    transform: scale(0);
  }

  33% {
    transform: scale(1);
  }

  to {
    transform: scale(1);
  }
}

@keyframes gc-expand-animation {
  0% {
    transform: scale(0)translate(-50%, -50%);
  }

  to {
    transform: scale(1)translate(-50%, -50%);
  }
}

@keyframes gc-task-loader-animation {
  0% {
    transform: scale(0);
  }

  90% {
    transform: scale(.7);
  }

  to {
    transform: scale(1);
  }
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
  .gc-notifications-modal {
    height: auto;
  }
}

@media (any-hover: none) {
  .gc-notification .gc-notification__button.gc-btn:hover, .gc-notification .gc-notification__button-mini.gc-btn:hover, .gc-notification--warning .gc-btn.gc-notification__button:hover, .gc-notification--warning .gc-btn.gc-notification__button-mini:hover, .gc-notification--error .gc-btn.gc-notification__button:hover, .gc-notification--error .gc-btn.gc-notification__button-mini:hover {
    background-color: var(--cui-notification-btn-bg);
  }
}

@media (any-hover: none) {
  .gc-scrollbars__thumb--vertical:hover:after, .gc-scrollbars__thumb--vertical.is-dragged:after {
    max-width: 6px;
  }

  .gc-scrollbars__thumb--horizontal:hover:after, .gc-scrollbars__thumb--horizontal.is-dragged:after {
    max-height: 6px;
  }
}

@media (any-hover: none) {
  .gc-treeitem__icon {
    opacity: 1;
  }
}

@media screen and (width <= 600px) {
  .gc-datetime {
    width: 100vw;
  }
}

@keyframes gc-loader-btn {
  0% {
    opacity: .62;
    transform: scale(.8);
  }

  to {
    opacity: 1;
    transform: scale(1.2);
  }
}

@keyframes gc-loader {
  50% {
    opacity: .62;
    transform: scale(.7);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (any-hover: none) {
  a.gc-link:hover {
    color: var(--cui-primary-700);
  }
}

@media screen and (width <= 812px) {
  .gc-date-range {
    flex-direction: column;
  }

  .gc-date-range__aside {
    border-radius: 0 0 var(--cui-border-radius) var(--cui-border-radius);
  }
}

@media screen and (width <= 812px) {
  .gc-date-range-aside {
    width: 100%;
  }

  .gc-date-range-aside__body {
    height: 100%;
  }

  .gc-date-range-aside__list {
    max-height: 200px;
  }
}

@keyframes cui_a_loader_circle {
  0% {
    stroke-dashoffset: 50%;
    transform: rotate(0);
  }

  50% {
    stroke-dashoffset: 150%;
    transform: rotate(180deg);
  }

  to {
    stroke-dashoffset: 50%;
    transform: rotate(360deg);
  }
}

.gc-disable-selection * {
  -webkit-user-select: none;
  user-select: none;
}

.gc-disable-transition {
  transition: none !important;
}

.gc-no-focus-effect .gc-btn:focus, .gc-no-focus-effect .gc-input:focus, .gc-no-focus-effect .gc-textarea:focus, .gc-no-focus-effect .gc-check__input:focus + .gc-check__mark, .gc-no-focus-effect .gc-radio__input:focus + .gc-radio__mark, .gc-no-focus-effect .gc-toggle__input:focus + .gc-toggle__mark {
  box-shadow: none !important;
  outline: none !important;
}

.gc-layout-app {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.gc-layout-app-container {
  flex: auto;
  height: 0;
  display: flex;
  overflow: hidden;
}

.gc-layout-app-container > .gc-menu {
  flex: none;
  height: 100%;
}

.gc-layout-main {
  flex-direction: column;
  flex: auto;
  height: 100%;
  display: flex;
}

.gc-layout-appbar {
  height: calc(var(--cui-block-size-sm) + 1px);
  border-bottom: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
  flex: none;
}

.gc-layout-legacy-appbar {
  height: var(--cui-block-size-lg);
  background-color: var(--cui-primary-500);
  flex: none;
}

.gc-layout-toolbar {
  width: 100%;
  height: calc(var(--cui-block-size-lg) + 1px);
  border-bottom: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
  flex: none;
  display: flex;
  position: relative;
}

.gc-layout-toolbar > .gc-toolbar {
  flex: auto;
  margin: 5px;
}

.gc-layout-with-sidebar {
  flex: auto;
  height: 0;
  display: flex;
}

.gc-layout-with-sidebar > .gc-sidebar {
  flex: none;
}

.gc-layout-design-surface {
  flex: auto;
  width: 0;
  min-width: 0;
  overflow: auto;
}

.gc-layout-statusbar {
  height: calc(var(--cui-block-size-sm) + 1px);
  border-top: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
  flex: none;
}

.gc-icon > svg {
  flex: none;
  display: block;
}

.gc-icon--r90 > svg {
  transform: rotate(90deg);
}

.gc-icon--r180 > svg {
  transform: rotate(180deg);
}

.gc-icon--r270 > svg {
  transform: rotate(270deg);
}

.gc-ci-a-text {
  fill: currentColor;
}

.gc-ci-a-accent, .gc-ci-c-accent {
  fill: var(--cui-primary-500);
}

.gc-ci-c-accent-sec {
  fill: var(--cui-secondary-500);
}

.gc-ci-c-accent-err {
  fill: var(--cui-error-500);
}

.gc-btn__text {
  max-width: 100%;
  height: var(--cui-block-size);
  padding: 0 var(--cui-padding);
  cursor: default;
  text-align: inherit;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  line-height: var(--cui-block-size);
  transition: color .2s ease-in-out;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.gc-btn__text--empty {
  padding: 0;
}

.gc-btn__icon {
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  text-align: center;
  color: inherit;
  font-size: var(--cui-icon-size);
  line-height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
  transition: color .2s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-btn {
  box-sizing: border-box;
  width: auto;
  height: var(--cui-block-size);
  -webkit-user-select: none;
  user-select: none;
  text-align: left;
  vertical-align: top;
  color: inherit;
  border-radius: var(--cui-border-radius);
  outline-offset: var(--cui-outline-offset);
  background-color: var(--cui-btn-bg);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  border: none;
  padding: 0;
  transition: background-color .2s ease-in-out, opacity .2s ease-in-out;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.gc-btn > .gc-btn__icon-badge.gc-badge--bottom-right, .gc-btn > .gc-btn__icon-badge.gc-badge--top-right {
  right: calc(100% - var(--cui-block-size));
}

.gc-btn:focus {
  outline: var(--cui-outline);
  box-shadow: none;
}

.gc-btn.gc-btn--level-warning:focus {
  outline: var(--cui-outline-warning);
}

.gc-btn.gc-btn--level-error:focus {
  outline: var(--cui-outline-error);
}

.gc-btn.gc-btn--disabled, .gc-btn[disabled] {
  opacity: .38;
  pointer-events: none;
}

.gc-btn.gc-btn--disabled:focus, .gc-btn[disabled]:focus {
  box-shadow: none;
  outline: none;
}

.gc-btn::-moz-focus-inner {
  border: 0;
}

.gc-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-bg-hover);
}

.gc-btn--block {
  display: block;
}

.gc-btn--text-align-center {
  text-align: center;
}

.gc-btn--text-align-right {
  text-align: right;
}

.gc-btn--multiline .gc-btn__text, .gc-btn--multiline .gc-btn__icon {
  white-space: normal;
  word-break: break-word;
  -webkit-box-pack: center;
  display: -webkit-box;
  height: 100% !important;
}

.gc-btn--multiline .gc-btn__text {
  -webkit-box-orient: vertical;
}

.gc-btn--with-icon .gc-btn__text {
  padding: 0 0 0 var(--cui-block-size);
}

.gc-btn--with-icon .gc-btn__text:not(.gc-btn__text--empty) {
  padding-right: var(--cui-padding);
}

.gc-btn--with-badge .gc-badge {
  margin-right: var(--cui-padding);
}

.gc-btn--with-badge .gc-btn__text:not(.gc-btn__text--empty) {
  padding-right: var(--cui-padding-xs);
}

.gc-btn--with-badge .gc-btn__text.gc-btn__text--empty + .gc-badge {
  margin-left: 0;
}

.gc-btn--accent {
  color: var(--cui-contrast-text);
  background-color: var(--cui-primary-500);
}

.gc-btn--accent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-primary-700);
}

.gc-btn--accent:not([disabled]):not(.gc-btn--disabled):focus {
  outline: var(--cui-outline-contrast);
}

.gc-btn--transparent {
  background-color: #0000;
}

.gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-bg-hover);
}

.gc-btn--custom {
  padding: 0;
}

.gc-btn--level-warning {
  background-color: var(--cui-btn-transparent-warning);
}

.gc-btn--level-warning:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-warning-hover);
}

.gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent) {
  background-color: var(--cui-warning-500);
}

.gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-accent-warning-hover);
}

.gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):focus {
  outline: var(--cui-outline-contrast);
}

.gc-btn--level-warning .gc-accent-color {
  color: var(--cui-accent-warning-text);
}

.gc-btn--level-warning.gc-btn--transparent {
  background-color: #0000;
}

.gc-btn--level-warning.gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-warning-hover);
}

.gc-btn--level-warning.gc-btn--transparent.gc-btn--accent, .gc-btn--level-warning.gc-btn--transparent.gc-btn--accent:not([disabled]):not(.gc-btn--disabled):hover {
  color: var(--cui-contrast-text);
}

.gc-btn--level-error {
  background-color: var(--cui-btn-transparent-error);
}

.gc-btn--level-error:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-error-hover);
}

.gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent) {
  background-color: var(--cui-error-500);
}

.gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-accent-error-hover);
}

.gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):focus {
  outline: var(--cui-outline-contrast);
}

.gc-btn--level-error .gc-accent-color {
  color: var(--cui-accent-error-text);
}

.gc-btn--level-error.gc-btn--transparent {
  background-color: #0000;
}

.gc-btn--level-error.gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-error-hover);
}

.gc-btn--level-error.gc-btn--transparent.gc-btn--accent {
  color: var(--cui-contrast-text);
}

.gc-btn--level-error.gc-btn--transparent.gc-btn--accent:hover {
  color: var(--cui-contrast-text);
  background-color: var(--cui-btn-transparent-error-hover);
}

.gc-btn--vertical {
  min-width: var(--cui-block-size);
  text-align: center;
  height: auto !important;
}

.gc-btn--vertical > .gc-btn__icon {
  position: relative;
  top: 8px;
  width: 100% !important;
}

.gc-btn--vertical > .gc-btn__text {
  padding: 0 var(--cui-padding) !important;
}

.gc-btn--vertical > .gc-btn__text.gc-btn__text--empty {
  display: none;
}

.gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-right, .gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--top-right {
  right: 0;
}

.gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-left, .gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-right {
  bottom: calc(100% - var(--cui-block-size));
}

.gc-btn--vertical.gc-btn--with-badge > .gc-badge.gc-badge--inline {
  margin-right: var(--cui-padding);
  margin-left: 0;
}

.gc-btn--vertical.gc-btn--with-badge > .gc-btn__text--empty + .gc-badge.gc-badge--inline {
  margin-right: 0;
}

.gc-btn--vertical.gc-size-sm {
  min-width: var(--cui-block-size-sm);
}

.gc-btn--vertical.gc-size-sm > .gc-btn__text {
  padding: 0 var(--cui-padding-sm) !important;
}

.gc-btn--vertical.gc-size-sm > .gc-btn__icon {
  top: 4px;
}

.gc-btn--vertical.gc-size-sm > .gc-btn__icon-badge.gc-badge--bottom-left, .gc-btn--vertical.gc-size-sm > .gc-btn__icon-badge.gc-badge--bottom-right {
  bottom: calc(100% - var(--cui-block-size-sm));
}

.gc-btn--vertical.gc-size-sm.gc-btn--with-badge > .gc-btn__text:not(.gc-btn__text--empty) + .gc-badge {
  margin-right: var(--cui-padding-sm);
}

.gc-btn--vertical.gc-size-lg {
  min-width: var(--cui-block-size-lg);
}

.gc-btn--vertical.gc-size-lg > .gc-btn__icon-badge.gc-badge--bottom-left, .gc-btn--vertical.gc-size-lg > .gc-btn__icon-badge.gc-badge--bottom-right {
  bottom: calc(100% - var(--cui-block-size-lg));
}

.gc-btn.gc-size-sm.gc-btn--with-icon > .gc-btn__text {
  padding-left: var(--cui-block-size-sm);
}

.gc-btn.gc-size-sm.gc-btn--with-icon > .gc-btn__text:not(.gc-btn__text--empty) {
  padding-right: var(--cui-padding-sm);
}

.gc-btn.gc-size-sm .gc-btn__icon {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  font-size: var(--cui-icon-size-sm);
  line-height: var(--cui-block-size-sm);
}

.gc-btn.gc-size-sm .gc-btn__icon-badge.gc-badge--bottom-right, .gc-btn.gc-size-sm .gc-btn__icon-badge.gc-badge--top-right {
  right: calc(100% - var(--cui-block-size-sm));
}

.gc-btn.gc-size-sm .gc-btn__text {
  height: var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}

.gc-btn.gc-size-lg.gc-btn--with-icon > .gc-btn__text {
  padding-left: var(--cui-block-size-lg);
}

.gc-btn.gc-size-lg .gc-btn__icon {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
  font-size: var(--cui-icon-size-lg);
  line-height: var(--cui-block-size-lg);
}

.gc-btn.gc-size-lg .gc-btn__icon-badge.gc-badge--bottom-right, .gc-btn.gc-size-lg .gc-btn__icon-badge.gc-badge--top-right {
  right: calc(100% - var(--cui-block-size-lg));
}

.gc-btn.gc-size-lg .gc-btn__text {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}

.gc-btn[disabled] {
  opacity: .38;
}

@media (any-hover: none) {
  .gc-btn:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-btn-bg);
  }

  .gc-btn--accent:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-primary-500);
  }

  .gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: #0000;
  }

  .gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-warning-500);
  }

  .gc-btn--level-warning.gc-btn--transparent.gc-btn--accent:hover {
    color: var(--cui-warning-500);
    background-color: #0000;
  }

  .gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-error-500);
  }

  .gc-btn--level-error.gc-btn--transparent.gc-btn--accent:hover {
    color: var(--cui-error-500);
    background-color: #0000;
  }
}

.gc-btn-group {
  border-radius: var(--cui-border-radius);
  display: inline-flex;
  position: relative;
}

.gc-btn-group > :not(:only-child):not(:first-child):not(:last-child), .gc-btn-group > :not(:only-child):not(:first-child):not(:last-child) > .gc-btn, .gc-btn-group > :not(:only-child):not(:first-child):not(:last-child) .gc-input {
  border-radius: 0 !important;
}

.gc-btn-group > :not(:only-child):first-child, .gc-btn-group > :not(:only-child):first-child > .gc-btn, .gc-btn-group > :not(:only-child):first-child .gc-input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.gc-btn-group > :not(:only-child):last-child, .gc-btn-group > :not(:only-child):last-child > .gc-btn, .gc-btn-group > :not(:only-child):last-child .gc-input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.gc-btn-group > :not(:only-child).gc-dd--chevron > .gc-btn {
  min-width: auto;
}

.gc-btn-group--align-center {
  justify-content: center;
}

.gc-btn-group--align-right {
  justify-content: flex-end;
}

.gc-btn-group--align-justify > :not(.gc-btn-group__splitter) {
  flex: 1;
}

.gc-btn-group--block {
  display: flex;
}

.gc-btn-group--disabled:after, .gc-btn-group--disabled .gc-btn-group__splitter {
  opacity: .38;
}

.gc-btn-group[class*="--header"] {
  overflow: hidden;
}

.gc-btn-group[class*="--header"]:after {
  content: "";
  width: 100%;
  height: 2px;
  transition: background-color .2s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
}

.gc-btn-group--header-default > :first-child.gc-btn, .gc-btn-group--header-default > :first-child.gc-input {
  background-color: var(--cui-neutral-100);
}

.gc-btn-group--header-default > :first-child.gc-btn:hover:not([disabled]), .gc-btn-group--header-default > :first-child.gc-input:hover:not([disabled]) {
  background-color: var(--cui-neutral-200);
}

.gc-btn-group--header-default > :first-child.gc-dd > .gc-btn, .gc-btn-group--header-default > :first-child.gc-combo > .gc-input {
  background-color: var(--cui-neutral-100);
}

.gc-btn-group--header-default > :first-child.gc-dd > .gc-btn:hover:not([disabled]), .gc-btn-group--header-default > :first-child.gc-combo > .gc-input:hover:not([disabled]) {
  background-color: var(--cui-neutral-200);
}

.gc-btn-group--header-default:after {
  background-color: var(--cui-neutral-100);
}

.gc-btn-group--header-info:after {
  background-color: var(--cui-primary-500);
}

.gc-btn-group--header-warning:after {
  background-color: var(--cui-warning-500);
}

.gc-btn-group--header-error:after {
  background-color: var(--cui-error-500);
}

.gc-btn-group__splitter {
  background-color: var(--cui-btn-bg);
  align-items: center;
  width: 1px;
  display: flex;
}

.gc-btn-group__splitter:after {
  content: "";
  background-color: var(--cui-btn-bg-hover);
  width: 1px;
  height: 50%;
}

.gc-btn-group__splitter--accent-full:after {
  background-color: var(--cui-contrast-text-semi-40);
}

.gc-btn-group__splitter--accent-info:after {
  background-color: var(--cui-accent-semi-60);
}

.gc-btn-group__splitter--accent-warning:after {
  background-color: var(--cui-accent-warning-semi-40);
}

.gc-btn-group__splitter--accent-error:after {
  background-color: var(--cui-accent-error-semi-40);
}

.gc-btn-group__splitter--background-transparent {
  background-color: #0000;
}

@media (any-hover: none) {
  .gc-btn-group--header-default > :first-child.gc-btn:hover:not([disabled]), .gc-btn-group--header-default > :first-child.gc-input:hover:not([disabled]), .gc-btn-group--header-default > :first-child.gc-dd > .gc-btn:hover:not([disabled]), .gc-btn-group--header-default > :first-child.gc-combo > .gc-input:hover:not([disabled]) {
    background-color: var(--cui-neutral-100);
  }
}

.gc-dd__chevron {
  width: 30px;
  height: var(--cui-block-size);
  text-align: center;
  pointer-events: none;
  font-size: var(--cui-icon-size);
  line-height: var(--cui-block-size);
  transition: transform .2s ease-in-out;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.gc-dd__chevron--accent-full {
  color: var(--cui-contrast-text);
}

.gc-dd__chevron.gc-size-sm {
  width: var(--cui-block-size-sm);
  font-size: var(--cui-icon-size-sm);
}

.gc-dd__chevron.gc-size-lg {
  width: 35px;
  font-size: var(--cui-icon-size-lg);
}

.gc-btn--level-warning + .gc-dd__chevron.gc-accent-color {
  color: var(--cui-warning-500);
}

.gc-btn--level-error + .gc-dd__chevron.gc-accent-color {
  color: var(--cui-error-500);
}

.gc-btn--accent.gc-btn--transparent.gc-btn--level-warning:not(:hover) + .gc-dd__chevron {
  color: var(--cui-warning-500);
}

.gc-btn--accent.gc-btn--transparent.gc-btn--level-error:not(:hover) + .gc-dd__chevron {
  color: var(--cui-error-500);
}

.gc-dd {
  width: auto;
  height: var(--cui-block-size);
  vertical-align: top;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
  display: inline-block;
  position: relative;
}

.gc-dd *, .gc-dd :before, .gc-dd :after {
  box-sizing: border-box;
}

.gc-dd:after {
  box-sizing: border-box;
  content: "";
  pointer-events: none;
  opacity: 0;
  border: var(--cui-border-width) solid var(--cui-error-500);
  border-radius: inherit;
  width: 100%;
  height: 100%;
  transition: opacity .2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-dd > .gc-btn {
  width: 100%;
}

.gc-dd--block {
  display: block;
}

.gc-dd--disabled .gc-dd__preview, .gc-dd--disabled .gc-dd__chevron {
  opacity: .38;
}

.gc-dd--invalid:after {
  opacity: 1;
}

.gc-dd--invalid > .gc-btn:focus {
  outline: var(--cui-outline-error);
}

.gc-dd--with-preview > .gc-btn > .gc-btn__text {
  padding-left: 0;
}

.gc-dd--with-preview:not([class^="gc-size"]) > .gc-btn {
  padding-left: var(--cui-block-size);
}

.gc-dd--with-preview.gc-size-sm > .gc-btn {
  padding-left: var(--cui-block-size-sm);
}

.gc-dd--with-preview.gc-size-sm > .gc-dd__preview {
  width: var(--cui-block-size-sm);
}

.gc-dd--with-preview.gc-size-lg > .gc-btn {
  padding-left: var(--cui-block-size-lg);
}

.gc-dd--with-preview.gc-size-lg > .gc-dd__preview {
  width: var(--cui-block-size-lg);
}

.gc-dd--chevron > .gc-dd__chevron {
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-dd--chevron > .gc-btn {
  min-width: calc(var(--cui-block-size) + 30px);
}

.gc-dd--chevron > .gc-btn--custom {
  width: 100%;
  padding-left: 15px;
  padding-right: 30px;
}

.gc-dd--chevron > .gc-btn .gc-btn__text {
  padding-right: 30px;
}

.gc-dd--chevron.gc-size-sm > .gc-btn {
  min-width: calc(var(--cui-block-size-sm) + var(--cui-block-size-sm));
}

.gc-dd--chevron.gc-size-sm > .gc-btn--custom {
  padding-right: var(--cui-block-size-sm);
}

.gc-dd--chevron.gc-size-sm > .gc-btn .gc-btn__text {
  padding-right: var(--cui-block-size-sm) !important;
}

.gc-dd--chevron.gc-size-lg > .gc-btn {
  min-width: calc(var(--cui-block-size-lg) + 35px);
}

.gc-dd--chevron.gc-size-lg > .gc-btn--custom, .gc-dd--chevron.gc-size-lg > .gc-btn .gc-btn__text {
  padding-right: 35px;
}

.gc-dd--menu-open > .gc-dd__chevron:not(.gc-dd__chevron--custom) {
  transform: rotate(180deg);
}

.gc-dd--placeholder-text:not(.gc-dd--disabled) > .gc-btn .gc-btn__text {
  opacity: .38;
}

.gc-dd__toggle-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gc-dd__preview {
  width: var(--cui-block-size);
  height: 100%;
  padding: var(--cui-padding-xs);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

@media (any-hover: none) {
  .gc-btn--accent.gc-btn--transparent.gc-btn--level-warning + .gc-dd__chevron {
    color: var(--cui-warning-500);
  }

  .gc-btn--accent.gc-btn--transparent.gc-btn--level-error + .gc-dd__chevron {
    color: var(--cui-error-500);
  }
}

.gc-portal-root--dropdown .gc-positioner {
  z-index: var(--cui-z-dropdown);
}

.gc-dd-menu {
  transform-origin: 100% 0;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-menu);
  outline: 1px solid var(--cui-neutral-50);
  font-family: var(--cui-text-family);
  animation: .2s ease-in-out gc-menu-show;
}

.gc-dd-menu *, .gc-dd-menu :before, .gc-dd-menu :after {
  box-sizing: border-box;
}

.gc-dd-menu--dropup {
  transform-origin: 100% 100%;
}

.gc-dd-menu--multiselect .gc-dd-menu__item {
  padding-left: 0;
}

.gc-dd-menu--multiselect .gc-dd-menu__item.gc-size-sm {
  padding-left: var(--cui-padding-xs);
}

.gc-dd-menu--align-center {
  transform-origin: 0 0;
  animation: .2s ease-in-out both gc-menu-show;
}

.gc-dd-menu--align-center.gc-dd-menu--dropup {
  transform-origin: 0 100%;
}

.gc-dd-menu--align-left {
  transform-origin: 0 0;
}

.gc-dd-menu--align-left.gc-dd-menu--dropup {
  transform-origin: 0 100%;
}

.gc-dd-menu__scroll > .gc-scrollbars__view {
  padding: calc(var(--cui-padding) * .5) 0;
}

.gc-dd-menu__resizer {
  border-bottom: 2px dotted #acacac;
  width: 10px;
  height: 10px;
  margin: 3px;
  position: absolute;
  bottom: 0;
}

.gc-dd-menu__resizer:after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: -6px;
  left: -6px;
}

.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected {
  color: var(--cui-contrast-text);
  background-color: var(--cui-primary-500);
}

.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected > i {
  color: var(--cui-contrast-text);
}

.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):hover, .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):active {
  background-color: var(--cui-primary-700);
}

.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected.gc-dd-menu__item--focused {
  outline: var(--cui-outline-contrast);
}

.gc-dd-menu--custom .gc-dd-menu__scroll > .gc-scrollbars__view {
  padding: 0;
}

.gc-dd-menu__header.gc-heading {
  padding: 0 var(--cui-padding);
  color: var(--cui-text-semi-60);
}

.gc-dd-menu__header.gc-heading .gc-heading__divider {
  border-bottom: var(--cui-border-width) solid var(--cui-neutral-50);
}

.gc-dd-menu__divider {
  width: calc(100% - var(--cui-padding) * 2);
  height: 1px;
  margin: 7px var(--cui-padding);
  background-color: var(--cui-neutral-50);
  display: block;
}

.gc-dd-menu__group-dd {
  opacity: 1;
  display: block;
}

.gc-dd-menu__group-dd--transition {
  opacity: 0;
  transition: opacity .2s ease-in-out;
}

.gc-dd-menu__group-dd--hidden {
  display: none;
}

.gc-dd-menu__group-dd:hover {
  opacity: 1;
  display: block;
}

.gc-dd-menu__item {
  width: 100%;
  height: var(--cui-block-size);
  padding: 0 var(--cui-padding);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  text-align: left;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  outline-offset: var(--cui-outline-offset);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  background-color: #0000;
  border: 0;
  border-radius: 0;
  align-items: center;
  margin: 0;
  display: flex;
  overflow: hidden;
}

.gc-dd-menu__item--with-preview {
  padding-left: var(--cui-padding-xs);
}

.gc-dd-menu__item--with-preview.gc-size-sm {
  padding-left: var(--cui-padding-sm);
}

.gc-dd-menu__item--with-preview.gc-size-lg {
  padding-left: 0;
}

.gc-dd-menu__item > .gc-dd-menu__item-preview {
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  pointer-events: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-dd-menu__item > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  max-width: 100%;
  overflow: hidden;
}

.gc-dd-menu__item > .gc-icon {
  width: var(--cui-icon-size);
  height: var(--cui-block-size);
  margin-right: var(--cui-padding);
  text-align: center;
  font-size: var(--cui-icon-size);
  line-height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-dd-menu__item:focus {
  box-shadow: none;
  outline: none;
}

.gc-dd-menu__item::-moz-focus-inner {
  border: 0;
}

.gc-dd-menu__item:not([disabled]):not(.disabled):hover, .gc-dd-menu__item:not([disabled]):not(.disabled):active {
  background-color: var(--cui-neutral-100);
}

.gc-dd-menu__item--focused {
  outline: var(--cui-outline);
}

.gc-dd-menu__item--disabled {
  opacity: .62;
}

.gc-dd-menu__item.gc-size-sm > .gc-dd-menu__item-preview {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  margin-right: var(--cui-padding-xs);
}

.gc-dd-menu__item.gc-size-sm > .gc-icon {
  width: var(--cui-icon-size-sm);
  height: var(--cui-block-size-sm);
  margin-right: var(--cui-padding-sm);
  font-size: var(--cui-icon-size-sm);
  line-height: var(--cui-block-size-sm);
}

.gc-dd-menu__item.gc-size-lg > .gc-dd-menu__item-preview {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
}

.gc-dd-menu__item.gc-size-lg > .gc-icon {
  width: var(--cui-icon-size-lg);
  height: var(--cui-block-size-lg);
  margin-right: var(--cui-padding);
  font-size: var(--cui-icon-size-lg);
  line-height: var(--cui-block-size-lg);
}

.gc-dd-menu__item.gc-dd-menu__group {
  padding: 0 5px 0 15px;
}

.gc-dd-menu__item.gc-dd-menu__group .gc-dd-menu__group-icon {
  opacity: .5;
  margin-right: 0;
}

@media (any-hover: none) {
  .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):hover {
    background-color: var(--cui-primary-500);
  }

  .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected.gc-dd-menu__item--focused:hover {
    background-color: var(--cui-primary-700) !important;
  }

  .gc-dd-menu__item:not([disabled]):not(.disabled):hover {
    background-color: var(--cui-bg-body);
  }
}

.gc-check__mark {
  top: var(--cui-padding-sm);
  left: var(--cui-padding-sm);
  width: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  border-radius: var(--cui-border-radius);
  outline-offset: 2px;
  background-color: var(--cui-neutral-50);
  border: 2px solid #0000;
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  display: block;
  position: absolute;
}

.gc-check__mark:before, .gc-check__mark:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}

.gc-check__mark:before {
  transform-origin: 30% 0;
  border: 2px solid var(--cui-white);
  border-top: 0;
  border-left: 0;
  width: 42.5%;
  height: 72.5%;
  transform: rotate(45deg)scale(0)translate(-50%, -50%);
}

.gc-check__mark:after {
  transform-origin: 0 0;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-white);
  width: 50%;
  height: 50%;
  transform: scale(0)translate(-50%, -50%);
}

.gc-check__input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-check__input:focus + .gc-check__mark {
  outline: var(--cui-outline);
  box-shadow: none;
}

.gc-check__input:checked:not(.gc-check__input--indeterminate) + .gc-check__mark {
  background-color: var(--cui-primary-500);
}

.gc-check__input:checked:not(.gc-check__input--indeterminate) + .gc-check__mark:before {
  opacity: 1;
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  transform: rotate(45deg)scale(1)translate(-50%, -50%);
}

.gc-check__input--indeterminate + .gc-check__mark {
  border-color: var(--cui-primary-500);
  background-color: var(--cui-primary-500);
}

.gc-check__input--indeterminate + .gc-check__mark:after {
  opacity: 1;
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  transform: scale(1)translate(-50%, -50%);
}

.gc-check {
  height: var(--cui-block-size);
  padding: 0 0 0 var(--cui-block-size);
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  font-weight: 400;
  line-height: var(--cui-block-size);
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.gc-check *, .gc-check :before, .gc-check :after {
  box-sizing: border-box;
}

.gc-check:hover .gc-check__mark {
  border-color: var(--cui-neutral-100);
}

.gc-check--block {
  display: block;
}

.gc-check--disabled {
  pointer-events: none;
  opacity: .38;
}

.gc-check--invalid .gc-check__mark {
  border-color: var(--cui-error-500) !important;
}

.gc-check--invalid .gc-check__input:focus + .gc-check__mark {
  outline: var(--cui-outline-error);
}

.gc-check--invalid .gc-check__input:checked + .gc-check__mark, .gc-check--invalid .gc-check__input--indeterminate + .gc-check__mark {
  background-color: var(--cui-error-500);
}

.gc-check--align-left {
  padding: 0 var(--cui-block-size) 0 0;
  text-align: right;
}

.gc-check--align-left .gc-check__mark {
  right: var(--cui-padding-sm);
  left: auto;
}

.gc-check.gc-size-sm {
  padding: 0 0 0 var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}

.gc-check.gc-size-sm .gc-check__mark {
  top: var(--cui-padding-xs);
  left: var(--cui-padding-xs);
}

.gc-check.gc-size-sm.gc-check--align-left {
  padding: 0 var(--cui-block-size-sm) 0 0;
}

.gc-check.gc-size-sm.gc-check--align-left .gc-check__mark {
  right: var(--cui-padding-xs);
  left: auto;
}

.gc-check.gc-size-lg {
  padding: 0 0 0 var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}

.gc-check.gc-size-lg .gc-check__mark {
  top: var(--cui-padding);
  left: var(--cui-padding);
}

.gc-check.gc-size-lg.gc-check--align-left {
  padding: 0 var(--cui-block-size-lg) 0 0;
}

.gc-check.gc-size-lg.gc-check--align-left .gc-check__mark {
  right: var(--cui-padding);
  left: auto;
}

@media (any-hover: none) {
  .gc-check:hover .gc-check__mark {
    border-color: var(--cui-neutral-50);
  }
}

.gc-radio__mark {
  top: var(--cui-padding-sm);
  left: var(--cui-padding-sm);
  width: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  outline-offset: 2px;
  background-color: var(--cui-neutral-50);
  border: 2px solid #0000;
  border-radius: 50%;
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  display: block;
  position: absolute;
}

.gc-radio__mark:before {
  width: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  content: "";
  opacity: 0;
  background-image: radial-gradient(var(--cui-white),var(--cui-white) 28%,transparent 32%);
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  transform: scale(0);
}

.gc-radio__input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-radio__input:focus + .gc-radio__mark {
  outline: var(--cui-outline);
  box-shadow: none;
}

.gc-radio__input:checked + .gc-radio__mark {
  border-color: var(--cui-primary-500);
  background-color: var(--cui-primary-500);
}

.gc-radio__input:checked + .gc-radio__mark:before {
  opacity: 1;
  transform: scale(1);
}

.gc-radio {
  height: var(--cui-block-size);
  padding: 0 0 0 var(--cui-block-size);
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  font-weight: 400;
  line-height: var(--cui-block-size);
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.gc-radio *, .gc-radio :before, .gc-radio :after {
  box-sizing: border-box;
}

.gc-radio:hover .gc-radio__mark {
  border-color: var(--cui-neutral-100);
}

.gc-radio--block {
  display: block;
}

.gc-radio--disabled {
  pointer-events: none;
  opacity: .38;
}

.gc-radio--invalid .gc-radio__mark {
  border-color: var(--cui-error-500) !important;
}

.gc-radio--invalid .gc-radio__input:focus + .gc-radio__mark {
  outline: var(--cui-outline-error);
}

.gc-radio--invalid .gc-radio__input:checked + .gc-radio__mark {
  background-color: var(--cui-error-500);
}

.gc-radio--align-left {
  padding: 0 var(--cui-block-size) 0 0;
  text-align: right;
}

.gc-radio--align-left > .gc-radio__mark {
  right: var(--cui-padding-sm);
  left: auto;
}

.gc-radio.gc-size-sm {
  padding: 0 0 0 var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}

.gc-radio.gc-size-sm .gc-radio__mark {
  top: var(--cui-padding-xs);
  left: var(--cui-padding-xs);
}

.gc-radio.gc-size-sm.gc-radio--align-left {
  padding: 0 var(--cui-block-size-sm) 0 0;
}

.gc-radio.gc-size-sm.gc-radio--align-left .gc-radio__mark {
  right: var(--cui-padding-xs);
  left: auto;
}

.gc-radio.gc-size-lg {
  padding: 0 0 0 var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}

.gc-radio.gc-size-lg .gc-radio__mark {
  top: var(--cui-padding);
  left: var(--cui-padding);
}

.gc-radio.gc-size-lg.gc-radio--align-left {
  padding: 0 var(--cui-block-size-lg) 0 0;
}

.gc-radio.gc-size-lg.gc-radio--align-left .gc-radio__mark {
  right: var(--cui-padding);
  left: auto;
}

@media (any-hover: none) {
  .gc-radio:hover .gc-radio__mark {
    border-color: var(--cui-neutral-50);
  }
}

.gc-toggle__input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-toggle__input:focus + .gc-toggle__mark {
  outline: var(--cui-outline);
  box-shadow: none;
}

.gc-toggle__input:checked:not(.gc-toggle__input--indeterminate) + .gc-toggle__mark {
  background-color: var(--cui-primary-500);
}

.gc-toggle__input:checked:not(.gc-toggle__input--indeterminate) + .gc-toggle__mark:after {
  transform: translate(calc(var(--cui-block-size) - var(--cui-padding-sm) * 2));
  background-color: var(--cui-white);
}

.gc-toggle__input--indeterminate + .gc-toggle__mark:after {
  border: 2px solid var(--cui-text-color);
  background-color: #0000;
  transition: border-color .2s ease-in-out;
  left: 50%;
  transform: translate(-50%);
}

.gc-toggle__mark {
  width: calc((var(--cui-block-size) - var(--cui-padding-sm) * 2) * 2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  margin: var(--cui-padding-sm) var(--cui-padding) var(--cui-padding-sm) 0;
  border-radius: calc((var(--cui-block-size) - var(--cui-padding-sm) * 2) * .5);
  outline-offset: 2px;
  background-color: var(--cui-btn-bg);
  border: 2px solid #0000;
  flex: none;
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  position: relative;
}

.gc-toggle__mark:after {
  width: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2 - 10px);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2 - 10px);
  content: "";
  background-color: var(--cui-text-color);
  border-radius: 50%;
  transition: background-color .2s ease-in-out, transform .2s ease-in-out;
  position: absolute;
  top: 3px;
  left: 3px;
}

.gc-toggle {
  height: var(--cui-block-size);
  -webkit-user-select: none;
  user-select: none;
  text-align: left;
  vertical-align: top;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  font-weight: 400;
  line-height: var(--cui-block-size);
  background-color: #0000;
  border: none;
  padding: 0;
  display: inline-flex;
  position: relative;
}

.gc-toggle > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline;
  overflow: hidden;
}

.gc-toggle *, .gc-toggle :before, .gc-toggle :after {
  box-sizing: border-box;
}

.gc-toggle:hover > .gc-toggle__mark {
  border-color: var(--cui-btn-bg-hover);
}

.gc-toggle--block {
  display: flex;
}

.gc-toggle--block.gc-toggle--align-left {
  justify-content: flex-end;
}

.gc-toggle--align-left .gc-toggle__mark {
  margin-right: 0;
  margin-left: var(--cui-padding);
  order: 2;
}

.gc-toggle--disabled {
  pointer-events: none;
  opacity: .38;
}

.gc-toggle--invalid:hover > .gc-toggle__mark {
  border-color: var(--cui-error-500);
}

.gc-toggle--invalid > .gc-toggle__input:not(:checked):not(.gc-toggle__input--indeterminate) + .gc-toggle__mark:after {
  background-color: var(--cui-error-500);
}

.gc-toggle--invalid > .gc-toggle__input:focus + .gc-toggle__mark {
  outline: var(--cui-outline-error);
}

.gc-toggle--invalid > .gc-toggle__input:checked + .gc-toggle__mark {
  background-color: var(--cui-error-500);
}

.gc-toggle--invalid > .gc-toggle__input--indeterminate + .gc-toggle__mark:after {
  border-color: var(--cui-error-500);
}

.gc-toggle.gc-size-sm .gc-toggle__mark {
  margin-top: var(--cui-padding-xs);
  margin-bottom: var(--cui-padding-xs);
}

.gc-toggle.gc-size-lg .gc-toggle__mark {
  margin-top: var(--cui-padding);
  margin-bottom: var(--cui-padding);
}

@media (any-hover: none) {
  .gc-toggle:hover > .gc-toggle__mark, .gc-toggle--invalid:hover > .gc-toggle__mark {
    border-color: #0000;
  }
}

.gc-toolbar {
  display: inline-flex;
  position: relative;
}

.gc-toolbar *, .gc-toolbar :before, .gc-toolbar :after {
  box-sizing: border-box;
}

.gc-toolbar--block {
  height: var(--cui-block-size);
  display: flex;
}

.gc-toolbar--block .gc-toolbar__content-container {
  overflow: hidden;
}

.gc-toolbar--block .gc-toolbar__content {
  position: absolute;
}

.gc-toolbar--with-toggle > .gc-btn {
  position: absolute;
  top: 0;
  right: 0;
}

.gc-toolbar--with-toggle .gc-toolbar__content {
  padding-right: var(--cui-block-size);
}

.gc-toolbar--with-toggle .gc-toolbar__content:before {
  top: calc(0px - var(--cui-padding-xs));
  right: calc(0px - var(--cui-padding-xs));
  width: calc(100% + var(--cui-padding-xs) * 2);
  height: calc(100% + var(--cui-padding-xs) * 2);
  content: "";
  opacity: 0;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-menu);
  position: absolute;
}

.gc-toolbar--with-toggle.gc-size-lg .gc-toolbar__content {
  padding-right: var(--cui-block-size-lg);
}

.gc-toolbar--with-toggle.gc-size-sm .gc-toolbar__content {
  padding-right: var(--cui-block-size-sm);
}

.gc-toolbar--expanded {
  z-index: var(--cui-z-toolbar);
}

.gc-toolbar--expanded .gc-toolbar__content-container {
  overflow: visible;
}

.gc-toolbar--expanded .gc-toolbar__content:before {
  opacity: 1;
}

.gc-toolbar--no-wrap .gc-toolbar__content {
  flex-wrap: nowrap;
  position: relative;
}

.gc-toolbar--rounded .gc-toolbar__content:before {
  border-radius: var(--cui-rounded-radius);
}

.gc-toolbar--rounded.gc-size-lg .gc-toolbar__content:before {
  border-radius: var(--cui-rounded-radius-lg);
}

.gc-toolbar--rounded.gc-size-sm .gc-toolbar__content:before {
  border-radius: var(--cui-rounded-radius-sm);
}

.gc-toolbar--dropup .gc-toolbar__content {
  flex-wrap: wrap-reverse;
  top: auto;
  bottom: 0;
}

.gc-toolbar--dropup .gc-toolbar__content:before {
  bottom: calc(0px - var(--cui-padding-xs));
  box-shadow: var(--cui-shadow-menu);
  top: auto !important;
}

.gc-toolbar.gc-size-lg {
  height: var(--cui-block-size-lg);
}

.gc-toolbar.gc-size-sm {
  height: var(--cui-block-size-sm);
}

.gc-toolbar__content {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.gc-toolbar__content-container {
  width: 100%;
  position: relative;
}

.gc-toolbar__item-container {
  vertical-align: top;
  flex: none;
  max-width: 100%;
  display: inline-block;
  position: relative;
}

.gc-toolbar__item-container > .gc-btn {
  max-width: 100%;
}

.gc-toolbar__item-container--padding {
  padding: 0 var(--cui-padding-xs) 0 0;
}

.gc-toolbar__item-container--padding:last-of-type {
  padding: 0;
}

.gc-toolbar__splitter {
  width: 1px;
  height: var(--cui-block-size);
  display: block;
  position: relative;
  overflow: hidden;
}

.gc-toolbar__splitter:after {
  width: 1px;
  height: calc(var(--cui-block-size) * .5);
  margin: calc(var(--cui-block-size) * .25) 0;
  content: " ";
  background-color: var(--cui-bg-panels-border);
  display: block;
}

.gc-size-sm .gc-toolbar__splitter {
  height: var(--cui-block-size-sm);
}

.gc-size-sm .gc-toolbar__splitter:after {
  height: calc(var(--cui-block-size-sm) * .5);
  margin: calc(var(--cui-block-size-sm) * .25) 0;
}

.gc-size-lg .gc-toolbar__splitter {
  height: var(--cui-block-size-lg);
}

.gc-size-lg .gc-toolbar__splitter:after {
  height: calc(var(--cui-block-size-lg) * .5);
  margin: calc(var(--cui-block-size-lg) * .25) 0;
}

.gc-tabs {
  display: inline-block;
}

.gc-tabs--block {
  display: block;
}

.gc-tabs--simplified .gc-btn:after, .gc-tabs--transparent .gc-btn:after {
  z-index: var(--cui-z-tooltip);
  content: "";
  border-radius: var(--cui-border-radius);
  width: 0;
  height: 1px;
  transition: width .2s ease-in-out;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.gc-tabs--simplified .gc-btn.selected:after, .gc-tabs--transparent .gc-btn.selected:after {
  width: calc(100% - var(--cui-padding));
  height: 2px;
}

.gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after, .gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover:after {
  width: 100%;
}

.gc-tabs--simplified .gc-btn:after {
  background-color: var(--cui-primary-700);
}

.gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover {
  color: var(--cui-primary-800);
  background-color: #0000;
}

.gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after {
  background-color: var(--cui-primary-800);
}

.gc-tabs--transparent .gc-btn {
  color: var(--cui-contrast-text-semi-40);
}

.gc-tabs--transparent .gc-btn:after {
  background-color: var(--cui-contrast-text);
}

.gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover, .gc-tabs--transparent .gc-btn.selected {
  color: var(--cui-contrast-text);
  background-color: #0000;
}

@media (any-hover: none) {
  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after, .gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover:after {
    width: 0;
  }

  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover {
    color: var(--cui-primary-700);
  }

  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after {
    background-color: var(--cui-primary-700);
  }

  .gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover {
    color: var(--cui-contrast-text-semi-40);
  }
}

.gc-input, input[type="text"].gc-input, input[type="password"].gc-input, input[type="email"].gc-input, input[type="url"].gc-input {
  box-sizing: border-box;
  height: var(--cui-block-size);
  padding: 0 var(--cui-padding-sm);
  vertical-align: top;
  color: var(--cui-text-color);
  border: var(--cui-border-width) solid transparent;
  border-radius: var(--cui-border-radius);
  outline-offset: var(--cui-outline-offset);
  background-color: var(--cui-neutral-50);
  box-shadow: none;
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: calc(var(--cui-block-size) - var(--cui-border-width) * 2);
  transition: color .2s ease-in-out, background-color .2s ease-in-out, opacity .2s ease-in-out, border-color .2s ease-in-out;
}

.gc-input:not([disabled]):hover, input[type="text"].gc-input:not([disabled]):hover, input[type="password"].gc-input:not([disabled]):hover, input[type="email"].gc-input:not([disabled]):hover, input[type="url"].gc-input:not([disabled]):hover {
  background-color: var(--cui-neutral-100);
}

.gc-input:not([disabled]):focus, input[type="text"].gc-input:not([disabled]):focus, input[type="password"].gc-input:not([disabled]):focus, input[type="email"].gc-input:not([disabled]):focus, input[type="url"].gc-input:not([disabled]):focus {
  outline: var(--cui-outline);
  background-color: var(--cui-neutral-100);
  box-shadow: none;
}

.gc-input::-moz-placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}

input[type="text"].gc-input::-moz-placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}

input[type="password"].gc-input::-moz-placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}

input[type="email"].gc-input::-moz-placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}

input[type="url"].gc-input::-moz-placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}

.gc-input::placeholder, input[type="text"].gc-input::placeholder, input[type="password"].gc-input::placeholder, input[type="email"].gc-input::placeholder, input[type="url"].gc-input::placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}

.gc-input--block, input[type="text"].gc-input--block, input[type="password"].gc-input--block, input[type="email"].gc-input--block, input[type="url"].gc-input--block {
  display: block;
}

.gc-input--invalid, input[type="text"].gc-input--invalid, input[type="password"].gc-input--invalid, input[type="email"].gc-input--invalid, input[type="url"].gc-input--invalid {
  border-color: var(--cui-error-500);
}

.gc-input--invalid:not([disabled]):focus, input[type="text"].gc-input--invalid:not([disabled]):focus, input[type="password"].gc-input--invalid:not([disabled]):focus, input[type="email"].gc-input--invalid:not([disabled]):focus, input[type="url"].gc-input--invalid:not([disabled]):focus {
  border-color: var(--cui-error-500);
  outline: var(--cui-outline-error);
}

.gc-input--invalid:not([disabled]):hover, input[type="text"].gc-input--invalid:not([disabled]):hover, input[type="password"].gc-input--invalid:not([disabled]):hover, input[type="email"].gc-input--invalid:not([disabled]):hover, input[type="url"].gc-input--invalid:not([disabled]):hover {
  border-color: var(--cui-error-500);
}

.gc-input--text-align-center, input[type="text"].gc-input--text-align-center, input[type="password"].gc-input--text-align-center, input[type="email"].gc-input--text-align-center, input[type="url"].gc-input--text-align-center {
  text-align: center;
}

.gc-input--text-align-right, input[type="text"].gc-input--text-align-right, input[type="password"].gc-input--text-align-right, input[type="email"].gc-input--text-align-right, input[type="url"].gc-input--text-align-right {
  text-align: right;
}

.gc-input[disabled], input[type="text"].gc-input[disabled], input[type="password"].gc-input[disabled], input[type="email"].gc-input[disabled], input[type="url"].gc-input[disabled] {
  cursor: default;
  color: var(--cui-neutral-300);
}

.gc-input[disabled]::-moz-placeholder {
  color: var(--cui-neutral-400);
}

input[type="text"].gc-input[disabled]::-moz-placeholder {
  color: var(--cui-neutral-400);
}

input[type="password"].gc-input[disabled]::-moz-placeholder {
  color: var(--cui-neutral-400);
}

input[type="email"].gc-input[disabled]::-moz-placeholder {
  color: var(--cui-neutral-400);
}

input[type="url"].gc-input[disabled]::-moz-placeholder {
  color: var(--cui-neutral-400);
}

.gc-input[disabled]::placeholder, input[type="text"].gc-input[disabled]::placeholder, input[type="password"].gc-input[disabled]::placeholder, input[type="email"].gc-input[disabled]::placeholder, input[type="url"].gc-input[disabled]::placeholder {
  color: var(--cui-neutral-400);
}

.gc-input.gc-size-sm, input[type="text"].gc-input.gc-size-sm, input[type="password"].gc-input.gc-size-sm, input[type="email"].gc-input.gc-size-sm, input[type="url"].gc-input.gc-size-sm {
  height: var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}

.gc-input.gc-size-lg, input[type="text"].gc-input.gc-size-lg, input[type="password"].gc-input.gc-size-lg, input[type="email"].gc-input.gc-size-lg, input[type="url"].gc-input.gc-size-lg {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}

.gc-input.gc-size-xl, input[type="text"].gc-input.gc-size-xl, input[type="password"].gc-input.gc-size-xl, input[type="email"].gc-input.gc-size-xl, input[type="url"].gc-input.gc-size-xl {
  height: var(--cui-block-size-xl);
  line-height: var(--cui-block-size-xl);
}

textarea.gc-input {
  height: initial;
}

@media (any-hover: none) {
  .gc-input:not([disabled]):hover, input[type="text"].gc-input:not([disabled]):hover, input[type="password"].gc-input:not([disabled]):hover, input[type="email"].gc-input:not([disabled]):hover, input[type="url"].gc-input:not([disabled]):hover {
    background-color: var(--cui-neutral-50);
  }
}

.gc-textarea, textarea.gc-textarea {
  box-sizing: border-box;
  padding: calc((var(--cui-block-size) - var(--cui-border-width) * 2 - 25px) * .5) var(--cui-padding);
  resize: none;
  vertical-align: top;
  color: var(--cui-text-color);
  border: var(--cui-border-width) solid transparent;
  border-radius: var(--cui-border-radius);
  outline-offset: var(--cui-outline-offset);
  background-color: var(--cui-neutral-50);
  box-shadow: none;
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  margin: 0;
  line-height: 25px;
  transition: color .2s ease-in-out, background-color .2s ease-in-out, opacity .2s ease-in-out, border-color .2s ease-in-out;
}

.gc-textarea:not([rows]), textarea.gc-textarea:not([rows]) {
  height: var(--cui-block-size);
}

.gc-textarea:not([disabled]):hover, textarea.gc-textarea:not([disabled]):hover {
  background-color: var(--cui-neutral-100);
}

.gc-textarea:not([disabled]):focus, textarea.gc-textarea:not([disabled]):focus {
  outline: var(--cui-outline);
  background-color: var(--cui-neutral-100);
  box-shadow: none;
}

.gc-textarea::-moz-placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}

textarea.gc-textarea::-moz-placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}

.gc-textarea::placeholder, textarea.gc-textarea::placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}

.gc-textarea--block, textarea.gc-textarea--block {
  display: block;
}

.gc-textarea--resize-vertical, textarea.gc-textarea--resize-vertical {
  resize: vertical;
}

.gc-textarea--resize-both, textarea.gc-textarea--resize-both {
  resize: both;
}

.gc-textarea--invalid, textarea.gc-textarea--invalid {
  border-color: var(--cui-error-500);
}

.gc-textarea--invalid:not([disabled]):focus, textarea.gc-textarea--invalid:not([disabled]):focus {
  border-color: var(--cui-error-500);
  outline: var(--cui-outline-error);
}

.gc-textarea--invalid:not([disabled]):hover, textarea.gc-textarea--invalid:not([disabled]):hover {
  border-color: var(--cui-error-500);
}

.gc-textarea--text-align-center, textarea.gc-textarea--text-align-center {
  text-align: center;
}

.gc-textarea--text-align-right, textarea.gc-textarea--text-align-right {
  text-align: right;
}

.gc-textarea[disabled], textarea.gc-textarea[disabled] {
  cursor: default;
  color: var(--cui-neutral-300);
}

.gc-textarea[disabled]::-moz-placeholder {
  color: var(--cui-neutral-300);
}

textarea.gc-textarea[disabled]::-moz-placeholder {
  color: var(--cui-neutral-300);
}

.gc-textarea[disabled]::placeholder, textarea.gc-textarea[disabled]::placeholder {
  color: var(--cui-neutral-300);
}

.gc-textarea--size-sm, textarea.gc-textarea--size-sm {
  padding: calc((var(--cui-block-size-sm) - var(--cui-border-width) * 2 - 20px) * .5) var(--cui-padding);
  line-height: 20px;
}

.gc-textarea--size-sm:not([rows]), textarea.gc-textarea--size-sm:not([rows]) {
  height: var(--cui-block-size-sm);
}

.gc-textarea--size-lg, textarea.gc-textarea--size-lg {
  padding: calc((var(--cui-block-size-lg) - var(--cui-border-width) * 2 - 30px) * .5) var(--cui-padding);
  line-height: 30px;
}

.gc-textarea--size-lg:not([rows]), textarea.gc-textarea--size-lg:not([rows]) {
  height: var(--cui-block-size-lg);
}

@media (any-hover: none) {
  .gc-textarea:not([disabled]):hover, textarea.gc-textarea:not([disabled]):hover {
    background-color: var(--cui-neutral-50);
  }
}

.gc-label {
  vertical-align: top;
  -ms-grid-columns: minmax(0,1fr);
  -ms-grid-rows: minmax(0,auto) minmax(0,1fr);
  grid-template: "label" minmax(0, auto)
                 "content" minmax(0, 1fr)
                 / minmax(0, 1fr);
  display: inline-grid;
}

.gc-label *, .gc-label :before, .gc-label :after {
  box-sizing: border-box;
}

.gc-label .gc-label__label {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: label;
  width: 100%;
}

.gc-label .gc-label__content {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: content;
}

.gc-label--block {
  display: grid;
}

.gc-label--position-left, .gc-label--position-right {
  -ms-grid-columns: 33% 67%;
  -ms-grid-rows: minmax(0,1fr);
  grid-template: "label content" minmax(0, 1fr)
  / 33% 67%;
}

.gc-label--position-left .gc-label__label, .gc-label--position-right .gc-label__label {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: label;
}

.gc-label--position-left .gc-label__content, .gc-label--position-right .gc-label__content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: content;
  width: 100%;
}

.gc-label--position-left .gc-label__content > *, .gc-label--position-right .gc-label__content > * {
  width: 100%;
}

.gc-label--position-left.gc-label--width-auto, .gc-label--position-right.gc-label--width-auto {
  grid-template-columns: minmax(33%, auto) minmax(50%, 1fr);
}

.gc-label--position-left.gc-label--width-auto .gc-label__label, .gc-label--position-right.gc-label--width-auto .gc-label__label, .gc-label--position-left.gc-label--width-auto .gc-label__content, .gc-label--position-right.gc-label--width-auto .gc-label__content {
  width: auto;
}

.gc-label--position-left .gc-label__label {
  padding-right: var(--cui-padding);
}

.gc-label--position-right {
  -ms-grid-columns: 67% 33%;
  -ms-grid-rows: minmax(0,1fr);
  grid-template: "content label" minmax(0, 1fr)
  / 67% 33%;
}

.gc-label--position-right .gc-label__label {
  padding-left: var(--cui-padding);
  text-align: right;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

.gc-label--position-right .gc-label__content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.gc-label--position-right.gc-label--width-auto {
  grid-template-columns: minmax(50%, 1fr) minmax(33%, auto);
}

.gc-label--position-bottom {
  grid-template-rows: minmax(0, 1fr) minmax(0, auto);
  grid-template-areas: "content"
                       "label";
}

.gc-label--position-bottom .gc-label__label {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.gc-label--position-bottom .gc-label__content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.gc-label--alignment-left .gc-label__label {
  text-align: left;
}

.gc-label--alignment-right .gc-label__label {
  text-align: right;
}

.gc-label--alignment-center .gc-label__label {
  text-align: center;
}

.gc-label--with-tooltip .gc-label__label {
  padding-right: var(--cui-icon-size);
}

.gc-label--with-icon .gc-label__label {
  padding: 0;
}

.gc-label--disabled .gc-label__label {
  opacity: .38;
}

.gc-label--with-tooltip.gc-label--position-right .gc-label__label {
  padding-right: 0;
  padding-left: var(--cui-icon-size);
}

.gc-label--with-tooltip.gc-label--position-right .gc-label__label > .gc-label__tooltip {
  right: initial;
  left: 0;
}

.gc-label__label {
  height: var(--cui-block-size);
  -webkit-user-select: none;
  user-select: none;
  flex-flow: column;
  justify-content: center;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.gc-label__label > span {
  vertical-align: middle;
  text-overflow: ellipsis;
  max-height: 30px;
  font-size: var(--cui-text-size);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: none;
  line-height: 15px;
  display: -webkit-box;
  overflow: hidden;
}

.gc-label__label > span > b {
  color: var(--cui-primary-500);
}

.gc-label--size-small .gc-label__label {
  height: var(--cui-block-size-sm);
}

.gc-label--size-small .gc-label__icon {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}

.gc-label--size-large .gc-label__label {
  height: var(--cui-block-size-lg);
}

.gc-label--size-large .gc-label__icon {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
}

.gc-label__tooltip {
  width: var(--cui-icon-size);
  height: var(--cui-icon-size);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.gc-label__tooltip .gc-icon {
  width: var(--cui-icon-size);
  height: var(--cui-icon-size);
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-label__icon {
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-appbar {
  height: var(--cui-block-size);
  display: flex;
}

.gc-appbar--legacy .gc-appbar__title {
  color: var(--cui-contrast-text);
}

.gc-appbar--legacy .gc-appbar__subtitle {
  color: var(--cui-contrast-text-semi-40);
}

.gc-appbar--legacy .gc-appbar__badge--accent {
  background-color: var(--cui-primary-700);
}

.gc-appbar--legacy .gc-menu__logo {
  height: var(--cui-block-size-lg);
}

.gc-appbar__logo-container {
  flex: none;
  height: 100%;
  position: relative;
}

.gc-appbar__main-section {
  flex: none;
  height: 100%;
}

.gc-appbar__title-section {
  flex: auto;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.gc-appbar__control-section {
  flex: none;
  height: 100%;
}

.gc-appbar__badge {
  height: 20px;
  margin-left: var(--cui-padding);
  padding: 0 var(--cui-padding);
  color: var(--cui-text-color);
  background-color: var(--cui-bg-panels-border);
  font-size: var(--cui-text-size);
  border-radius: 10px;
  flex: none;
  line-height: 20px;
  display: block;
}

.gc-appbar__badge--error {
  color: var(--cui-contrast-text);
  background-color: var(--cui-error-500);
}

.gc-appbar__badge--warning {
  color: var(--cui-contrast-text);
  background-color: var(--cui-warning-500);
}

.gc-appbar__badge--accent {
  color: var(--cui-contrast-text);
  background-color: var(--cui-primary-500);
}

.gc-appbar__badge--clickable {
  cursor: default;
}

.gc-appbar__title {
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  flex: none;
  display: block;
}

.gc-appbar__subtitle {
  padding-left: var(--cui-padding);
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  flex: none;
  font-style: italic;
  display: block;
}

.gc-menu__splitter {
  width: 100%;
  height: 1px;
  display: block;
  overflow: hidden;
}

.gc-menu__splitter:after {
  width: calc(100% - var(--cui-padding-sm) * 2);
  height: 1px;
  margin-left: var(--cui-padding-sm);
  content: " ";
  background-color: var(--cui-menu-splitter);
  display: block;
}

.gc-menu__logo {
  width: var(--cui-block-size);
  height: calc(var(--cui-block-size) + 1px);
  background-color: var(--cui-primary-500);
  transition: width .2s ease-in-out, background-color .2s ease-in-out;
}

.gc-menu__logo--menu-size-small {
  width: var(--cui-block-size-sm);
}

.gc-menu__logo--menu-size-large {
  width: var(--cui-block-size-lg);
}

.gc-menu__logo--size-small {
  height: calc(var(--cui-block-size-sm) + 1px);
}

.gc-menu__logo--size-large {
  height: calc(var(--cui-block-size-lg) + 1px);
}

.gc-menu__logo--drawer {
  z-index: calc(var(--cui-z-overlay) + 1);
  position: absolute;
  top: 0;
  left: 0;
}

.gc-menu__logo--expanded {
  width: 180px;
}

.gc-menu__logo-placeholder {
  width: var(--cui-block-size);
}

.gc-menu__logo-placeholder--size-small {
  width: var(--cui-block-size-sm);
}

.gc-menu__logo-placeholder--size-large {
  width: var(--cui-block-size-lg);
}

.gc-menu__btn-container {
  z-index: 1;
  width: var(--cui-block-size);
  background-color: var(--cui-primary-500);
  flex-direction: column;
  height: 100%;
  transition: width .2s ease-in-out, background-color .2s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gc-menu__scrollable-buttons {
  flex: auto;
  position: relative;
}

.gc-menu__panel-toggle {
  position: relative;
}

.gc-menu__panel-toggle .gc-btn__icon {
  transition: transform .2s ease-in-out;
}

.gc-menu__panel-toggle-chevron {
  top: 50%;
  left: calc(var(--cui-block-size) * .5);
  pointer-events: none;
  opacity: 0;
  color: var(--cui-contrast-text-semi-40);
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  position: absolute;
  transform: translate(-50%, -50%);
}

.gc-menu__panel-toggle-chevron--accent {
  color: var(--cui-accent-semi-60);
}

.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-btn__icon, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-btn__icon {
  transform: translate(-5px);
}

.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-menu__panel-toggle-chevron, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-menu__panel-toggle-chevron {
  opacity: 1;
  transform: translate(-50%, -50%)translate(12px);
}

.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-btn__icon, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-btn__icon {
  transform: translate(-3px);
}

.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron {
  opacity: 1;
  transform: translate(-50%, -50%)translate(9px);
}

.gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron {
  left: calc(var(--cui-block-size-sm) * .5);
}

.gc-menu__panel-toggle--size-large .gc-menu__panel-toggle-chevron {
  left: calc(var(--cui-block-size-lg) * .5);
}

.gc-menu-panel {
  overflow-x: hidden;
}

.gc-menu-panel--fill-container {
  height: 100%;
  overflow: hidden;
}

.gc-menu-panel--notifications > .gc-notification-details {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.gc-menu-panel--notifications > .gc-notification-details .gc-notification-details__content {
  flex: 1 0 auto;
  order: 2;
  padding-bottom: 0;
}

.gc-menu-panel--notifications > .gc-notification-details .gc-notification-details__action {
  padding-bottom: var(--cui-padding-sm);
  order: 1;
}

.gc-menu-panel__placeholder {
  padding: var(--cui-padding);
  text-align: center;
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}

.gc-menu__panel-container {
  background-color: var(--cui-bg-panels);
  will-change: margin;
  width: 230px;
  height: 100%;
  margin-left: -230px;
  transition: margin .2s ease-in-out;
}

.gc-menu__panel-container--visible {
  margin-left: 0 !important;
}

.gc-menu__panel-header {
  width: 100%;
  height: var(--cui-block-size);
  padding: 0 var(--cui-block-size) 0 var(--cui-padding);
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--cui-primary-700);
  box-shadow: 0 -1px 0 0 var(--cui-neutral-100) inset;
  font-size: var(--cui-text-size);
  font-weight: 700;
  line-height: var(--cui-block-size);
  margin: 0;
  position: relative;
  overflow: hidden;
}

.gc-menu__panel-header > .gc-btn-pin {
  right: var(--cui-padding-xs);
  bottom: var(--cui-padding-xs);
  animation-name: gc-pin-appear-animation;
  animation-duration: var(--cui-trn-length);
  animation-timing-function: ease-in-out;
  position: absolute;
}

.gc-menu__panel-header > .gc-btn-pin .gc-btn__icon {
  transition: transform .2s ease-in-out;
}

.gc-menu__panel-header > .gc-btn-pin--pinned .gc-btn__icon {
  animation: .2s ease-out gc-pin-feedback;
}

.gc-menu__panel-content {
  height: calc(100% - var(--cui-block-size));
  box-shadow: -1px 0 0 0 var(--cui-neutral-100) inset;
}

.gc-menu {
  z-index: var(--cui-z-overlay);
  height: 100%;
  display: flex;
  position: relative;
}

.gc-menu *, .gc-menu :before, .gc-menu :after {
  box-sizing: border-box;
}

.gc-menu--drawer {
  width: var(--cui-block-size);
}

.gc-menu--drawer .gc-menu__btn-container {
  position: absolute;
  top: 0;
  left: 0;
}

.gc-menu--drawer .gc-menu__panel-container {
  top: 0;
  left: var(--cui-block-size);
  position: absolute;
}

.gc-menu--drawer.gc-menu--size-small {
  width: var(--cui-block-size-sm);
}

.gc-menu--drawer.gc-menu--size-small .gc-menu__panel-container {
  left: var(--cui-block-size-sm);
}

.gc-menu--drawer.gc-menu--size-large {
  width: var(--cui-block-size-lg);
}

.gc-menu--drawer.gc-menu--size-large .gc-menu__panel-container {
  left: var(--cui-block-size-lg);
}

.gc-menu--size-small .gc-menu__btn-container {
  width: var(--cui-block-size-sm);
}

.gc-menu--size-small .gc-menu__panel-header {
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-block-size-sm) 0 var(--cui-padding);
  line-height: var(--cui-block-size-sm);
}

.gc-menu--size-small .gc-menu__panel-header > .gc-btn-pin {
  bottom: 0;
  right: 0;
}

.gc-menu--size-small .gc-menu__panel-content {
  height: calc(100% - var(--cui-block-size-sm));
}

.gc-menu--size-large .gc-menu__btn-container {
  width: var(--cui-block-size-lg);
}

.gc-menu--size-large .gc-menu__panel-header {
  height: var(--cui-block-size-lg);
  padding: 0 var(--cui-block-size-lg) 0 var(--cui-padding);
  line-height: var(--cui-block-size-lg);
}

.gc-menu--size-large .gc-menu__panel-content {
  height: calc(100% - var(--cui-block-size-lg));
}

.gc-menu--expanded .gc-menu__btn-container {
  width: 180px;
}

.gc-menu--legacy .gc-menu__btn-container {
  background-color: var(--cui-bg-panels);
}

.gc-menu--legacy .gc-menu__splitter:after {
  background-color: var(--cui-bg-panels-border);
}

@media (any-hover: none) {
  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-btn__icon, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-btn__icon {
    transform: none;
  }

  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-menu__panel-toggle-chevron, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-menu__panel-toggle-chevron {
    opacity: 0;
    transform: translate(-50%, -50%);
  }

  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-btn__icon, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-btn__icon {
    transform: none;
  }

  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron {
    opacity: 0;
    transform: translate(-50%, -50%);
  }
}

.gc-sidebar {
  flex: 1 0 auto;
  height: 100%;
  transition: width .2s ease-in-out;
  position: relative;
}

.gc-sidebar > .gc-sidebar__menu {
  position: absolute;
  top: 0;
  right: 0;
}

.gc-sidebar[class*="--size"] > .gc-sidebar__menu > .gc-tabs {
  max-width: calc(100% - var(--cui-block-size-sm));
}

.gc-sidebar--collapsed {
  width: 0 !important;
}

.gc-sidebar--collapsed .gc-sidebar__container {
  overflow: visible;
}

.gc-sidebar--collapsed .gc-sidebar__toggle-area {
  pointer-events: none;
  width: 19px;
  left: -19px;
}

.gc-sidebar--collapsed .gc-sidebar__toggle-area-button {
  pointer-events: all;
  height: 50px;
  top: calc(50% - 25px);
}

.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:before {
  top: 18px;
  left: 35%;
}

.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:after {
  top: 24px;
  left: 35%;
}

.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:before {
  transform: rotate(40deg);
}

.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:after {
  transform: rotate(-40deg);
}

.gc-sidebar--collapsed .gc-sidebar__toggle-area-bar {
  height: 50px;
  margin: 0;
  top: calc(50% - 25px);
  left: auto;
  right: 0;
}

.gc-sidebar--size-sm > .gc-sidebar__menu + .gc-sidebar__container {
  padding-top: var(--cui-block-size-sm);
}

.gc-sidebar--size-sm > .gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area {
  height: calc(100% - var(--cui-block-size-sm));
}

.gc-sidebar--size-md > .gc-sidebar__menu + .gc-sidebar__container {
  padding-top: var(--cui-block-size);
}

.gc-sidebar--size-md > .gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area {
  height: calc(100% - var(--cui-block-size));
}

.gc-sidebar__menu {
  box-sizing: border-box;
  padding-right: var(--cui-padding-xs);
  justify-content: space-between;
  align-items: center;
  transition: width .2s ease-in-out;
  display: flex;
}

.gc-sidebar__menu + .gc-sidebar__container {
  padding-top: var(--cui-block-size-lg);
}

.gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area {
  height: calc(100% - var(--cui-block-size-lg));
}

.gc-sidebar__menu > .gc-tabs {
  max-width: calc(100% - var(--cui-block-size));
  overflow: hidden;
}

.gc-sidebar__menu--hidden-toggles {
  justify-content: flex-end;
}

.gc-sidebar__menu .ci-sidebar-toggle__arrow {
  transform-origin: center;
  transition: transform .2s ease-in-out;
}

.gc-sidebar__menu--collapsed .ci-sidebar-toggle__arrow {
  transform: scale(-1)translate(4px);
}

.gc-sidebar__container {
  background-color: var(--cui-bg-panels);
  height: 100%;
  box-shadow: 1px 0 0 0 var(--cui-neutral-100) inset;
}

.gc-sidebar-panel {
  overflow-x: hidden;
}

.gc-sidebar-panel--fill-container {
  height: 100%;
  overflow: hidden;
}

.gc-sidebar-panel--notifications > .gc-notification-details {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.gc-sidebar-panel--notifications > .gc-notification-details .gc-notification-details__content {
  flex: 1 0 auto;
  order: 2;
  padding-bottom: 0;
}

.gc-sidebar-panel--notifications > .gc-notification-details .gc-notification-details__action {
  padding-bottom: var(--cui-padding-sm);
  order: 1;
}

.gc-sidebar-panel__placeholder {
  padding: var(--cui-padding);
  text-align: center;
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}

.gc-sidebar__toggle-area {
  z-index: 1;
  width: var(--cui-padding);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.gc-sidebar__toggle-area:hover .gc-sidebar__toggle-area-button {
  opacity: 1;
}

.gc-sidebar__toggle-area-button {
  cursor: pointer;
  opacity: 0;
  background: none;
  border: none;
  outline: none;
  width: 100%;
  height: 36px;
  transition: opacity .2s ease-in-out;
  position: absolute;
  top: calc(50% - 18px);
  left: 0;
}

.gc-sidebar__toggle-area-button:before, .gc-sidebar__toggle-area-button:after {
  content: "";
  background-color: var(--cui-primary-500);
  width: 2px;
  height: 8px;
  transition: transform .2s ease-in-out, opacity .3s ease-in-out;
  position: absolute;
  left: 50%;
  transform: rotate(0);
}

.gc-sidebar__toggle-area-button:before {
  transform-origin: 1px 7px;
  top: 10px;
}

.gc-sidebar__toggle-area-button:after {
  transform-origin: 1px 1px;
  top: 16px;
}

.gc-sidebar__toggle-area-button:hover:before {
  transform: rotate(-40deg);
}

.gc-sidebar__toggle-area-button:hover:after {
  transform: rotate(40deg);
}

.gc-sidebar__toggle-area-button:hover + .gc-sidebar__toggle-area-bar {
  transform: scaleY(1);
}

.gc-sidebar__toggle-area-bar {
  width: 2px;
  height: calc(100% - var(--cui-padding));
  margin: calc(var(--cui-padding) * .5) 0;
  transform-origin: center;
  pointer-events: none;
  background-color: var(--cui-primary-500);
  transition: transform .2s ease-in-out;
  position: absolute;
  top: 0;
  left: -2px;
  transform: scaleY(0);
}

@media (any-hover: none) {
  .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:before, .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:after {
    transform: none;
  }

  .gc-sidebar__toggle-area:hover .gc-sidebar__toggle-area-button {
    opacity: 0;
  }

  .gc-sidebar__toggle-area-button:hover:before, .gc-sidebar__toggle-area-button:hover:after, .gc-sidebar__toggle-area-button:hover + .gc-sidebar__toggle-area-bar {
    transform: none;
  }
}

.gc-combo {
  vertical-align: top;
  color: #333;
  width: auto;
  height: 40px;
  font-size: 12px;
  display: inline-block;
  position: relative;
}

.gc-combo *, .gc-combo :before, .gc-combo :after {
  box-sizing: border-box;
}

.gc-combo > .gc-input {
  text-overflow: ellipsis;
  width: 100%;
}

.gc-combo:not([class^="gc-size"]) > .gc-input {
  padding-right: 40px;
}

.gc-combo--block {
  display: block;
}

.gc-combo--with-preview:not([class^="gc-size"]) > .gc-input {
  padding-left: var(--cui-block-size);
}

.gc-combo--with-preview.gc-size-sm > .gc-input {
  padding-left: var(--cui-block-size-sm);
}

.gc-combo--with-preview.gc-size-sm > .gc-combo__preview {
  width: var(--cui-block-size-sm);
}

.gc-combo--with-preview.gc-size-lg > .gc-input {
  padding-left: var(--cui-block-size-lg);
}

.gc-combo--with-preview.gc-size-lg > .gc-combo__preview {
  width: var(--cui-block-size-lg);
}

.gc-combo--disabled .gc-combo__preview {
  opacity: .38;
}

.gc-combo--value-placeholder:not(.gc-combo--focused-input) > .gc-input::-moz-placeholder {
  color: var(--cui-text-color) !important;
}

.gc-combo--value-placeholder:not(.gc-combo--focused-input) > .gc-input::placeholder {
  color: var(--cui-text-color) !important;
}

.gc-combo__preview {
  width: var(--cui-block-size);
  height: 100%;
  padding: var(--cui-padding-xs);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-combo .gc-dd {
  position: absolute;
  top: 0;
  right: 0;
}

.gc-combo .gc-dd > .gc-btn {
  background: none;
  width: 40px;
  min-width: auto;
}

.gc-combo .gc-dd > .gc-dd__chevron {
  width: 40px;
}

.gc-combo.gc-size-sm > .gc-input {
  padding-right: 30px;
}

.gc-combo.gc-size-sm .gc-dd > .gc-btn, .gc-combo.gc-size-sm .gc-dd > .gc-dd__chevron {
  width: 30px;
}

.gc-combo.gc-size-lg > .gc-input {
  padding-right: 50px;
}

.gc-combo.gc-size-lg .gc-dd > .gc-btn, .gc-combo.gc-size-lg .gc-dd > .gc-dd__chevron {
  width: 50px;
}

.gc-modal {
  --cui-modal-width: 600px;
  --cui-modal-icon-offset: calc((var(--cui-block-size) - var(--cui-icon-size)) * .5);
  --cui-block-size-padding: calc(var(--cui-block-size) + var(--cui-padding-sm) * 2);
  max-width: unset;
  max-height: unset;
  color: var(--cui-text-color);
  border: none;
  grid-template-rows: min-content 1fr min-content;
  margin: 0;
  padding: 0;
  display: grid;
  overflow: visible;
}

.gc-modal::backdrop {
  background-color: var(--cui-overlay);
}

.gc-modal--ff-esr::backdrop {
  background-color: #00000026;
}

.gc-modal--default {
  height: fit-content;
  min-height: min-content;
  max-height: max-content;
  width: var(--cui-modal-width);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
  outline: none;
  position: absolute;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
  .gc-modal--default {
    height: auto;
  }
}

.gc-modal.gc-rounded {
  border-radius: var(--cui-rounded-radius);
}

.gc-modal.gc-rounded .gc-modal__header {
  border-radius: var(--cui-rounded-radius) var(--cui-rounded-radius) 0 0;
}

.gc-modal.gc-rounded .gc-modal__footer {
  border-radius: 0 0 var(--cui-rounded-radius) var(--cui-rounded-radius);
}

.gc-modal.gc-rounded .gc-modal__resize-handle-wrapper {
  padding-right: var(--cui-padding-xs);
  padding-bottom: var(--cui-padding-xs);
}

.gc-modal.gc-rounded .gc-modal__resize-handle {
  border-radius: 0 0 17px;
  width: 12px;
  height: 12px;
}

.gc-modal--level-warning .gc-modal__header {
  background-color: var(--cui-warning-500);
}

.gc-modal--level-warning .gc-modal__close-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-warning-700);
}

.gc-modal--level-error .gc-modal__header {
  background-color: var(--cui-error-500);
}

.gc-modal--level-error .gc-modal__close-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-error-700);
}

.gc-modal--with-icon .gc-modal__header:not(.gc-modal__header--centered-title) {
  padding-left: calc(var(--cui-padding-sm) + var(--cui-modal-icon-offset) + var(--cui-icon-size) + var(--cui-padding));
}

.gc-modal__header {
  min-height: var(--cui-block-size-padding);
  padding: var(--cui-padding-sm) var(--cui-padding-sm) var(--cui-padding-sm) var(--cui-padding);
  color: var(--cui-contrast-text);
  border-radius: var(--cui-border-radius) var(--cui-border-radius) 0 0;
  background-color: var(--cui-primary-500);
  grid-template-areas: "title title btn";
  grid-template-columns: var(--cui-block-size-padding) auto var(--cui-block-size-padding);
  align-items: center;
  display: grid;
}

.gc-modal__header--centered-title {
  min-height: var(--cui-block-size-padding);
  padding-right: var(--cui-padding-sm);
  grid-template-areas: ". title btn";
  grid-auto-columns: auto var(--cui-block-size);
  position: relative;
}

.gc-modal__header--centered-title > .gc-modal__title-box {
  text-align: center;
}

.gc-modal__icon {
  top: var(--cui-padding-sm);
  left: calc(var(--cui-padding-sm) + var(--cui-modal-icon-offset));
  height: var(--cui-block-size);
  align-items: center;
  display: flex;
  position: absolute;
}

.gc-modal__title-box {
  white-space: nowrap;
  text-overflow: ellipsis;
  grid-area: title;
  display: inline-grid;
  overflow: hidden;
}

.gc-modal__title {
  text-overflow: ellipsis;
  margin: 0;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
}

.gc-modal__subtitle {
  text-overflow: ellipsis;
  color: var(--cui-contrast-text-semi-40);
  font-size: var(--cui-text-size-lg);
  font-style: italic;
  line-height: 23px;
  overflow: hidden;
}

.gc-modal__close-btn {
  grid-area: btn;
  margin: 0 0 auto auto;
}

.gc-modal__close-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-primary-700);
}

.gc-modal__message {
  padding: var(--cui-padding) var(--cui-padding) var(--cui-padding-sm);
  overflow-wrap: anywhere;
  font-size: var(--cui-text-size-lg);
}

.gc-modal__content {
  flex-direction: column;
  display: flex;
}

.gc-modal__footer {
  padding: var(--cui-padding-sm);
  border-radius: 0 0 var(--cui-border-radius) var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.gc-modal__footer > .gc-btn, .gc-modal__footer .gc-btn-group {
  min-width: 100px;
}

.gc-modal__footer > .gc-btn + .gc-btn, .gc-modal__footer > .gc-btn .gc-btn-group, .gc-modal__footer .gc-btn-group + .gc-btn, .gc-modal__footer .gc-btn-group .gc-btn-group {
  margin-left: 15px;
}

.gc-modal__footer > .gc-btn {
  text-align: center;
}

.gc-modal__footer > .gc-btn-group .gc-btn {
  text-align: center;
  width: 100%;
}

.gc-modal__footer--align-left {
  justify-content: flex-start;
}

.gc-modal__footer--align-center {
  justify-content: center;
}

.gc-modal__footer--align-spread {
  justify-content: space-between;
}

.gc-modal__right-control {
  margin-left: auto !important;
}

.gc-modal__resize-handle-wrapper {
  padding: 3px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.gc-modal__resize-handle {
  border-bottom: 2px dotted #acacac;
  border-right: 2px dotted #acacac;
  width: 9px;
  height: 9px;
  transition: border-color .2s;
}

.gc-modal__resize-handle-wrapper:hover .gc-modal__resize-handle {
  border-right: 2px solid var(--cui-primary-500);
  border-bottom: 2px solid var(--cui-primary-500);
}

.gc-message-box.gc-modal--with-icon .gc-modal__header:not(.gc-modal__header--centered-title) {
  padding-left: calc(var(--cui-icon-size) * .5 + var(--cui-icon-size) + var(--cui-padding));
}

.gc-message-box .gc-modal__header {
  min-height: auto;
  padding: 0;
  position: relative;
}

.gc-message-box .gc-modal__header--centered-title {
  min-height: auto;
}

.gc-message-box .gc-modal__header > .gc-modal__icon {
  top: 0;
  left: calc(var(--cui-icon-size) * .5);
}

.gc-message-box .gc-modal__header > .gc-modal__title-box {
  padding: var(--cui-padding-sm);
}

.gc-message-box .gc-modal__footer {
  background-color: #0000;
}

.gc-accent-color {
  color: var(--cui-primary-700);
}

.gc-accent-background {
  background-color: var(--cui-primary-500);
}

.gc-accent-fill {
  fill: var(--cui-primary-500);
}

.gc-secondary-accent-fill {
  fill: var(--cui-secondary-500);
}

.gc-contrast-fill {
  fill: var(--cui-white);
}

.gc-rounded, input[type="text"].gc-rounded, input[type="password"].gc-rounded, input[type="email"].gc-rounded, input[type="url"].gc-rounded, textarea.gc-rounded {
  border-radius: var(--cui-rounded-radius);
}

.gc-rounded.gc-size-sm, input[type="text"].gc-rounded.gc-size-sm, input[type="password"].gc-rounded.gc-size-sm, input[type="email"].gc-rounded.gc-size-sm, input[type="url"].gc-rounded.gc-size-sm, textarea.gc-rounded.gc-size-sm {
  border-radius: var(--cui-rounded-radius-sm);
}

.gc-rounded.gc-size-lg, input[type="text"].gc-rounded.gc-size-lg, input[type="password"].gc-rounded.gc-size-lg, input[type="email"].gc-rounded.gc-size-lg, input[type="url"].gc-rounded.gc-size-lg, textarea.gc-rounded.gc-size-lg {
  border-radius: var(--cui-rounded-radius-lg);
}

.gc-rounded.gc-size-xl, input[type="text"].gc-rounded.gc-size-xl, input[type="password"].gc-rounded.gc-size-xl, input[type="email"].gc-rounded.gc-size-xl, input[type="url"].gc-rounded.gc-size-xl, textarea.gc-rounded.gc-size-xl {
  border-radius: var(--cui-rounded-radius-xl);
}

.gc-size-sm {
  height: var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}

.gc-size-lg {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}

.gc-size-xl {
  height: var(--cui-block-size-xl);
  line-height: var(--cui-block-size-xl);
}

.gc-dd-adjustment {
  transition-property: left, right, top;
  transition-duration: .15s;
  transition-timing-function: ease-out;
}

.gc-property-grid {
  width: 100%;
  height: 100%;
  padding-top: var(--cui-padding);
}

.gc-property-grid .gc-property-grid__header {
  margin: 0 var(--cui-padding) calc(var(--cui-padding-xs) * 2);
  min-width: calc(var(--cui-block-size-lg) * 5 + var(--cui-block-size-sm));
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-primary-500);
  display: flex;
  position: relative;
}

.gc-property-grid .gc-property-grid__header--search-view > .gc-btn.gc-property-grid__button--icon-mode {
  border-radius: var(--cui-border-radius);
}

.gc-property-grid .gc-property-grid__header--search-view > .gc-input:is(:focus, :hover) + .gc-btn.gc-property-grid__button--icon-mode {
  border-radius: 0 var(--cui-border-radius) var(--cui-border-radius) 0;
}

.gc-property-grid .gc-property-grid__header--search-view > .gc-btn.gc-property-grid__button.gc-property-grid__button--icon-mode {
  margin-left: calc(0px - var(--cui-border-width));
}

.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button {
  width: 100%;
  padding: 0;
}

.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button > .gc-btn__text {
  text-align: center;
  width: 100%;
  padding: 0;
  transition: opacity .2s ease-in-out;
}

.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--icon-mode {
  width: auto;
  min-width: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  position: relative;
}

.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--header-mode, .gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--header-search-mode {
  width: auto;
  min-width: var(--cui-block-size-xl);
  padding: 0 var(--cui-padding-sm);
  border-radius: var(--cui-border-radius) 0 0 var(--cui-border-radius);
  flex-grow: 1;
  position: static;
}

.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--header-mode {
  padding-left: calc(var(--cui-block-size-sm) + var(--cui-padding-sm));
}

.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--header-mode:not([disabled]):not(.gc-btn--disabled):hover {
  background: none;
}

.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--header-search-mode {
  flex-grow: 0;
}

.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--header-search-mode > .gc-btn__text {
  opacity: .5;
  color: var(--cui-contrast-text);
  font-size: var(--cui-text-size-sm);
  position: static;
}

.gc-property-grid .gc-property-grid__header > .gc-property-grid__button-back {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-property-grid .gc-property-grid__header .gc-btn > .gc-btn__icon {
  transition: color .2s ease-in-out, opacity .2s ease-in-out;
}

.gc-property-grid .gc-property-grid__header .gc-btn:not(:hover) > .gc-btn__icon {
  opacity: .5;
  color: var(--cui-contrast-text);
}

.gc-property-grid .gc-property-grid__header > .gc-input {
  text-overflow: ellipsis;
  color: var(--cui-contrast-text);
  background-color: var(--cui-primary-500);
  border-radius: 0;
  flex: 1 0 auto;
}

.gc-property-grid .gc-property-grid__header > .gc-input::placeholder {
  color: var(--cui-contrast-text-semi-40);
}

.gc-property-grid .gc-property-grid__header > .gc-input:focus, .gc-property-grid .gc-property-grid__header > .gc-input:hover {
  background-color: var(--cui-primary-700) !important;
  border-color: #0000 !important;
}

.gc-property-grid .gc-property-grid__header .gc-header-buttons {
  order: 3;
  min-width: fit-content;
}

.gc-property-grid .gc-property-grid__header--with-tabs:not([class*="search-view"]) > .gc-tabs {
  width: 100%;
  padding-left: var(--cui-block-size-sm);
  flex-grow: 1;
  order: 1;
  display: flex;
}

.gc-property-grid .gc-property-grid__header--with-tabs:not([class*="search-view"]) > .gc-tabs .gc-btn-group {
  flex: auto;
  width: 0;
}

.gc-property-grid .gc-property-grid__header--with-tabs:not([class*="search-view"]) > .gc-tabs .gc-btn {
  flex: auto;
  width: 50%;
}

.gc-property-grid .gc-property-grid__header--with-tabs:not([class*="search-view"]) > .gc-tabs .gc-btn:after {
  content: none;
}

.gc-property-grid .gc-property-grid__header--with-tabs:not([class*="search-view"]) > .gc-property-grid__button {
  order: 2;
  width: auto;
  padding: 0 !important;
}

.gc-property-grid .gc-property-grid__header--with-tabs:not([class*="search-view"]) > .gc-property-grid__button > .gc-btn__text {
  padding-left: var(--cui-block-size-sm);
}

.gc-property-grid .gc-property-grid__header--with-tabs:not([class*="search-view"]) > .gc-property-grid__button > .gc-btn__icon {
  right: 0;
}

.gc-property-grid .gc-property-grid__header--with-tabs:not([class*="search-view"]) > .gc-dd {
  order: 3;
  position: relative;
}

.gc-property-grid .gc-property-grid__container {
  height: calc(100% - (var(--cui-block-size-sm) + var(--cui-padding-xs) * 2));
}

.gc-property-grid .gc-property-category {
  padding: 0 var(--cui-padding);
}

.gc-property-list__placeholder {
  padding: var(--cui-padding);
  text-align: center;
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}

.gc-property-grid .gc-property-list__placeholder {
  padding: 0 var(--cui-padding);
}

.gc-property-grid__container {
  height: 100%;
  overflow-x: hidden;
}

.gc-property-category {
  border: none;
  margin: 0;
  padding: 0;
  display: block;
}

.gc-property-category .gc-label__content {
  overflow: hidden;
}

.gc-property-category__flex-container {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.gc-property-category__content:empty + .gc-property-category__title {
  display: none;
}

.gc-property-category__title {
  order: 1;
}

.gc-property-category__content {
  margin-bottom: var(--cui-padding-xs);
  order: 2;
}

.gc-property-category__content:empty {
  margin-bottom: 0;
}

.gc-property-category__content > * {
  margin-bottom: var(--cui-padding-xs);
}

.gc-property-category__content--collapsed {
  display: none;
}

.gc-unknown-editor {
  height: var(--cui-block-size-sm);
  margin-bottom: var(--cui-padding-xs);
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}

@media (any-hover: none) {
  .gc-property-grid .gc-property-grid__header .gc-btn:hover > .gc-btn__icon {
    opacity: .5;
    color: var(--cui-contrast-text);
  }

  .gc-property-grid .gc-property-grid__header > .gc-input:hover:not(:focus) {
    background-color: var(--cui-primary-500) !important;
    border-color: #0000 !important;
  }
}

.gc-collection-editor {
  position: relative;
}

.gc-collection-editor--dragging * {
  -webkit-user-select: none;
  user-select: none;
}

.gc-collection-editor--expanded {
  margin: var(--cui-border-width) calc(0px - var(--cui-padding)) var(--cui-padding);
  padding: 0 var(--cui-padding) var(--cui-padding) var(--cui-padding);
  outline: var(--cui-border-width) solid var(--cui-neutral-100);
}

.gc-collection-editor--expanded:before {
  width: 100%;
  height: var(--cui-block-size-sm);
  content: "";
  background-color: var(--cui-neutral-50);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-collection-editor--disabled .gc-collection-editor__main > .gc-collection-editor__counter {
  color: var(--cui-neutral-300);
}

.gc-collection-editor--transparent {
  background-color: #0000;
}

.gc-collection-editor--transparent:before {
  content: none;
}

.gc-collection-editor__item {
  display: flex;
}

.gc-collection-editor__item > :not(.gc-collection-editor__item-actions) {
  flex-grow: 1;
  width: 0;
}

.gc-collection-editor__item-actions {
  margin-right: var(--cui-padding-xs);
  flex-shrink: 0;
  display: flex;
}

.gc-collection-editor__item-actions > .gc-btn + .gc-btn {
  margin-left: var(--cui-padding-xs);
}

.gc-collection-editor__item + .gc-collection-editor__item {
  padding-top: var(--cui-padding-xs);
}

.gc-collection-editor__main {
  justify-content: flex-end;
  display: flex;
}

.gc-collection-editor__main > .gc-btn {
  flex-shrink: 0;
}

.gc-collection-editor__main > * + * {
  margin-left: var(--cui-padding-xs);
}

.gc-collection-editor__main .gc-collection-editor__counter {
  width: 0;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-text-semi-60);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  flex: auto;
  display: block;
  overflow: hidden;
}

.gc-collection-editor__arrows {
  width: var(--cui-block-size-sm);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.gc-collection-editor__arrows > .gc-btn {
  width: 100%;
  height: calc(var(--cui-block-size-sm) * .5);
  position: absolute;
}

.gc-collection-editor__arrows > .gc-btn .gc-btn__text {
  height: 100%;
  padding: 0 !important;
}

.gc-collection-editor__arrows > .gc-btn .gc-btn__icon {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: static;
}

.gc-collection-editor__arrows .gc-collection-editor__arrow-up {
  top: 0;
  left: 0;
}

.gc-collection-editor__arrows .gc-collection-editor__arrow-down {
  bottom: 0;
  left: 0;
}

.gc-collection-editor__arrows + .gc-btn {
  margin-left: var(--cui-padding-xs);
}

.gc-collection-editor__items {
  position: relative;
}

.gc-collection-editor__items:only-child {
  padding-top: var(--cui-padding);
}

.gc-collection-editor__item--dragged {
  pointer-events: none;
  opacity: 0;
}

.gc-collection-editor__clone {
  pointer-events: none;
  width: 100%;
  box-shadow: var(--cui-prop-editors-drag-shadow);
  position: absolute;
  top: 0;
  left: 0;
}

.gc-collection-editor__clone .gc-collection-editor__item {
  opacity: .8;
}

.gc-collection-editor__empty {
  height: var(--cui-block-size-sm);
  margin-top: var(--cui-padding);
  color: var(--cui-text-semi-60);
  background-color: var(--cui-neutral-50);
  font-size: var(--cui-text-size);
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-collection-editor__header {
  margin: var(--cui-padding-xs) 0;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  overflow: hidden;
}

.gc-collection-editor__header--offset-1 {
  padding-left: calc(var(--cui-block-size-sm) + var(--cui-padding-xs));
}

.gc-collection-editor__header--offset-2 {
  padding-left: calc(var(--cui-block-size-sm) * 2 + var(--cui-padding-xs) * 2);
}

.gc-side-editor .gc-expand-editor__content {
  flex-flow: wrap;
}

.gc-side-editor--stretched .gc-side-editor__side:not([class*="--default"]) {
  width: calc(50% + var(--cui-padding));
}

.gc-side-editor--stretched .gc-side-editor__side--left, .gc-side-editor--stretched .gc-side-editor__side--right {
  margin-left: calc(0px - var(--cui-padding));
}

.gc-side-editor--stretched .gc-side-editor__side--top, .gc-side-editor--stretched .gc-side-editor__side--bottom {
  margin-right: calc(0px - var(--cui-padding));
}

.gc-side-editor__side {
  width: 50%;
}

.gc-side-editor__side--default {
  order: 1;
  width: 100%;
}

.gc-side-editor__side--left {
  order: 2;
}

.gc-side-editor__side--top {
  order: 3;
}

.gc-side-editor__side--right {
  order: 4;
}

.gc-side-editor__side--bottom {
  order: 5;
}

.gc-side-editor__side:not(.gc-side-editor__side--default) .gc-label {
  grid-template-columns: var(--cui-block-size-sm) minmax(0,1fr);
}

.gc-binding-wrapper__content {
  width: calc(100% - var(--cui-block-size-sm));
  max-width: calc(100% - var(--cui-block-size-sm));
  flex: auto;
}

.gc-binding-wrapper__toggle {
  width: var(--toggleSize);
  height: var(--toggleSize);
  margin: calc((var(--cui-block-size-sm) - var(--toggleSize)) / 2) auto;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-300);
  outline-offset: 2px;
  outline: 2px solid #0000;
  transition: background-color .2s ease-in-out, outline-color .2s ease-in-out;
}

.gc-binding-wrapper {
  --toggleSize: 12px;
  display: flex;
}

.gc-binding-wrapper > .gc-dd {
  width: var(--cui-block-size-sm);
  min-width: var(--cui-block-size-sm);
  flex: none;
}

.gc-binding-wrapper > .gc-dd > .gc-btn:hover:not(:disabled) {
  background-color: #0000;
}

.gc-binding-wrapper > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
  outline-color: var(--cui-neutral-300);
}

.gc-binding-wrapper--modified .gc-binding-wrapper__toggle {
  background-color: var(--cui-binding-modified);
}

.gc-binding-wrapper--modified > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
  outline-color: var(--cui-binding-modified);
}

.gc-binding-wrapper--bind .gc-binding-wrapper__toggle {
  background-color: var(--cui-binding-bind);
}

.gc-binding-wrapper--bind > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
  outline-color: var(--cui-binding-bind);
}

@media (any-hover: none) {
  .gc-binding-wrapper > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle, .gc-binding-wrapper--modified > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle, .gc-binding-wrapper--bind > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle {
    outline-color: #0000;
  }
}

.gc-bool-editor {
  margin: 0 0 0 auto;
}

.gc-label:not([class*="--position"]) .gc-bool-editor {
  margin: 0;
}

.gc-number-editor {
  display: flex;
}

.gc-number-editor > .gc-btn {
  flex: none;
}

.gc-number-editor > .gc-btn:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.gc-number-editor > .gc-btn:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.gc-number-editor > .gc-input {
  border-radius: 0;
  flex: auto;
}

.gc-enum-editor .gc-btn__text {
  padding: 0 10px;
}

.gc-enum-editor--empty .gc-btn__text {
  opacity: .38;
}

.gc-color-palette {
  width: 100%;
}

.gc-color-palette *, .gc-color-palette :before, .gc-color-palette :after {
  box-sizing: border-box;
}

.gc-color-palette__colors {
  width: 100%;
  padding: 0 calc(var(--cui-padding) - 5px);
  flex-wrap: wrap;
  display: flex;
}

.gc-color-palette__heading.gc-heading {
  padding: 0 var(--cui-padding);
  color: var(--cui-text-semi-60);
}

.gc-color-palette__heading.gc-heading .gc-heading__divider {
  border-bottom: var(--cui-border-width) solid var(--cui-neutral-50);
}

.gc-color {
  flex: none;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  height: 20px;
  padding: 0 5px;
  display: flex;
}

.gc-color__main {
  border-radius: var(--cui-border-radius);
  flex: none;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  position: relative;
}

.gc-color__main:after {
  box-sizing: border-box;
  content: "";
  border: var(--cui-border-width) solid var(--cui-overlay);
  border-radius: var(--cui-border-radius);
  width: 100%;
  height: 100%;
  transition: border-color .2s ease-in-out;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-color__main:hover:after {
  border: var(--cui-border-width) solid #0006;
}

.gc-color__shades {
  border-radius: var(--cui-border-radius);
  flex: auto;
  height: 15px;
  display: flex;
  position: relative;
}

.gc-color__shades:after {
  box-sizing: border-box;
  content: "";
  pointer-events: none;
  border: var(--cui-border-width) solid var(--cui-overlay);
  border-radius: var(--cui-border-radius);
  width: 100%;
  height: 100%;
  transition: border-color .2s ease-in-out;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-color__shades > div {
  flex: auto;
  height: 100%;
  position: relative;
}

.gc-color__shades > div:after {
  box-sizing: border-box;
  content: "";
  border: var(--cui-border-width) solid transparent;
  width: 100%;
  height: 100%;
  transition: border-color .2s ease-in-out;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-color__shades > div:first-of-type:after {
  border-top-left-radius: var(--cui-border-radius);
  border-bottom-left-radius: var(--cui-border-radius);
}

.gc-color__shades > div:last-of-type:after {
  border-top-right-radius: var(--cui-border-radius);
  border-bottom-right-radius: var(--cui-border-radius);
}

.gc-color__shades > div:hover:after {
  border: var(--cui-border-width) solid #0006;
}

.gc-color-picker {
  flex-wrap: wrap;
  display: flex;
}

.gc-color-picker *, .gc-color-picker :before, .gc-color-picker :after {
  box-sizing: border-box;
}

.gc-color-picker__preview {
  width: calc(var(--cui-block-size-sm) * 3);
  height: calc(var(--cui-block-size-sm) * 3);
  margin-right: var(--cui-padding);
  border: 1px solid var(--cui-overlay);
  border-radius: var(--cui-border-radius);
  flex: none;
}

.gc-color-picker__preview:hover {
  border: 4px solid var(--cui-overlay);
}

.gc-color-picker__settings {
  flex: auto;
}

.gc-color-picker__settings > span {
  -webkit-user-select: none;
  user-select: none;
  height: 15px;
  font-size: var(--cui-text-size-sm);
  line-height: 15px;
  display: block;
}

.gc-color-picker__inputs {
  width: 100%;
  display: flex;
}

.gc-color-picker__hex .gc-label, .gc-color-picker__rgb .gc-label {
  width: 100%;
}

.gc-color-picker__hex .gc-label .gc-label__label, .gc-color-picker__rgb .gc-label .gc-label__label {
  align-items: center;
}

.gc-color-picker__hex .gc-input, .gc-color-picker__rgb .gc-input {
  width: 100%;
  display: block;
}

.gc-color-picker__hex {
  width: calc(var(--cui-block-size-sm) * 3);
  margin-right: var(--cui-padding);
  flex: none;
}

.gc-color-picker__rgb {
  flex: auto;
  justify-content: space-between;
  display: flex;
}

.gc-color-picker__rgb .gc-label {
  flex: none;
  width: calc(33.3% - 4px);
}

.gc-color-picker__slider {
  border: 1px solid var(--cui-dd-divider);
}

.gc-color-dropdown {
  width: 300px;
  padding-bottom: var(--cui-padding);
}

.gc-color-dropdown *, .gc-color-dropdown :before, .gc-color-dropdown :after {
  box-sizing: border-box;
}

.gc-color-dropdown > .gc-btn-group {
  margin: var(--cui-padding);
  margin-bottom: calc(var(--cui-padding) / 3);
}

.gc-color-dropdown > .gc-color-dropdown__web-colors {
  margin: var(--cui-padding);
  margin-bottom: 0;
}

.gc-color-dropdown > .gc-color-dropdown__web-colors .gc-dd-menu__item--with-preview.gc-size-sm {
  padding: 0;
}

.gc-color-dropdown > .gc-color-picker {
  margin: var(--cui-padding);
  margin-bottom: 0;
}

.gc-color-dropdown > .gc-slider {
  margin: 0 var(--cui-padding);
}

.gc-color-dropdown__web-color {
  border-radius: var(--cui-border-radius);
  width: 15px;
  height: 15px;
}

@media (any-hover: none) {
  .gc-color__main:hover:after {
    border: var(--cui-border-width) solid var(--cui-overlay);
  }

  .gc-color__shades > div:hover:after {
    border: var(--cui-border-width) solid transparent;
  }

  .gc-color-picker__preview:hover {
    border: 1px solid var(--cui-overlay);
  }
}

.cui-step {
  font-size: var(--cui-text-size);
  border-radius: var(--cui-border-radius);
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
  justify-content: flex-start;
  place-self: stretch stretch;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.cui-step--left {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.cui-step--top, .cui-step--bottom {
  flex-direction: column;
  align-items: stretch;
}

.cui-step--top > .cui-step__decor, .cui-step--bottom > .cui-step__decor {
  margin: 0 auto;
}

.cui-step--top {
  flex-direction: column-reverse;
  justify-content: flex-end;
}

.cui-step--neutral.cui-step--inverted {
  --cui-steps-background: var(--cui-neutral-500);
  --cui-step-background: var(--cui-neutral-inverted-400);
  --cui-step-background-semi: var(--cui-neutral-inverted-300);
  --cui-step-background-solid: var(--cui-neutral-inverted-200);
  --cui-step-outline: var(--cui-neutral-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-neutral-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-neutral-500);
}

.cui-step--primary:not(.cui-step--inverted) {
  --cui-step-background: var(--cui-primary-50);
  --cui-step-background-semi: var(--cui-primary-100);
  --cui-step-background-solid: var(--cui-primary-200);
  --cui-step-outline: var(--cui-primary-300);
  --cui-step-fill: var(--cui-primary-500);
  --cui-step-color: var(--cui-primary-700);
  --cui-step-color-details: var(--cui-primary-400);
  --cui-step-dot-color: var(--cui-primary-700);
  --cui-step-dot-color-complete: var(--cui-white);
}

.cui-step--primary.cui-step--inverted {
  --cui-steps-background: var(--cui-primary-500);
  --cui-step-background: var(--cui-primary-inverted-400);
  --cui-step-background-semi: var(--cui-primary-inverted-300);
  --cui-step-background-solid: var(--cui-primary-inverted-200);
  --cui-step-outline: var(--cui-primary-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-primary-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-primary-500);
}

.cui-step--warning:not(.cui-step--inverted) {
  --cui-step-background: var(--cui-warning-50);
  --cui-step-background-semi: var(--cui-warning-100);
  --cui-step-background-solid: var(--cui-warning-200);
  --cui-step-outline: var(--cui-warning-300);
  --cui-step-fill: var(--cui-warning-500);
  --cui-step-color: var(--cui-warning-700);
  --cui-step-color-details: var(--cui-warning-400);
  --cui-step-dot-color: var(--cui-warning-700);
  --cui-step-dot-color-complete: var(--cui-white);
}

.cui-step--warning.cui-step--inverted {
  --cui-steps-background: var(--cui-warning-500);
  --cui-step-background: var(--cui-warning-inverted-400);
  --cui-step-background-semi: var(--cui-warning-inverted-300);
  --cui-step-background-solid: var(--cui-warning-inverted-200);
  --cui-step-outline: var(--cui-warning-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-warning-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-warning-500);
}

.cui-step--error:not(.cui-step--inverted) {
  --cui-step-background: var(--cui-error-50);
  --cui-step-background-semi: var(--cui-error-100);
  --cui-step-background-solid: var(--cui-error-200);
  --cui-step-outline: var(--cui-error-300);
  --cui-step-fill: var(--cui-error-500);
  --cui-step-color: var(--cui-error-700);
  --cui-step-color-details: var(--cui-error-400);
  --cui-step-dot-color: var(--cui-error-700);
  --cui-step-dot-color-complete: var(--cui-white);
}

.cui-step--error.cui-step--inverted {
  --cui-steps-background: var(--cui-error-500);
  --cui-step-background: var(--cui-error-inverted-400);
  --cui-step-background-semi: var(--cui-error-inverted-300);
  --cui-step-background-solid: var(--cui-error-inverted-200);
  --cui-step-outline: var(--cui-error-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-error-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-error-500);
}

button.cui-step {
  text-align: left;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

button.cui-step:hover, button.cui-step:focus-visible {
  outline: none;
}

button.cui-step:hover .cui-step__decor > div, button.cui-step:focus-visible .cui-step__decor > div {
  box-shadow: 0 0 0 2px var(--cui-steps-background),0 0 0 4px var(--cui-step-fill);
}

.cui-step__decor {
  flex: 0 0 var(--cui-block-size-lg);
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  place-items: center;
  display: grid;
}

.cui-step__decor > div {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  background-color: var(--cui-step-background);
  color: var(--cui-step-dot-color);
  outline: 1px solid var(--cui-step-background);
  outline-offset: -1px;
  border-radius: 50%;
  grid-area: 1 / 1;
  justify-content: center;
  align-items: center;
  line-height: .9;
  transition: outline .2s ease-in-out, background-color .4s ease-in-out, color .4s ease-in-out, box-shadow .2s ease-in-out;
  display: flex;
}

.cui-step__decor > [data-complete] {
  color: var(--cui-step-dot-color-complete);
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}

.cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
  outline-offset: -2px;
  outline-width: 2px;
}

.cui-step__decor--default > [data-default], .cui-step__decor--current > [data-default] {
  opacity: 1;
}

.cui-step__decor--default > [data-complete], .cui-step__decor--current > [data-complete], .cui-step__decor--complete > [data-default] {
  opacity: 0;
}

.cui-step__decor--complete > [data-complete] {
  opacity: 1;
}

.cui-step__decor--to-default > [data-default] {
  animation: .4s ease-in-out cui_a_step_dot_appear;
}

.cui-step__decor--to-default > [data-complete], .cui-step__decor--to-complete > [data-default] {
  animation: .4s ease-in-out cui_a_step_dot_disappear;
}

.cui-step__decor--to-complete > [data-complete] {
  animation: .4s ease-in-out cui_a_step_dot_appear;
}

.cui-step__text {
  background-color: var(--cui-steps-background);
  flex: 1 1 minmax(auto,100%);
  padding: 0 var(--cui-padding-sm);
  border-radius: var(--cui-border-radius);
  color: var(--cui-step-color);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.cui-step__text--reverse {
  flex-direction: column-reverse;
}

.cui-step__text > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: none;
  width: 100%;
  line-height: normal;
  overflow: hidden;
}

.cui-step__text > [data-details] {
  color: var(--cui-step-color-details);
}

.cui-step__text--left {
  text-align: right;
}

.cui-step__text--top, .cui-step__text--bottom {
  text-align: center;
}

.cui-steps {
  --cui-steps-background: var(--cui-bg-panels);
  --cui-step-background: var(--cui-neutral-50);
  --cui-step-background-semi: var(--cui-neutral-100);
  --cui-step-background-solid: var(--cui-neutral-200);
  --cui-step-outline: var(--cui-neutral-300);
  --cui-step-fill: var(--cui-neutral-500);
  --cui-step-color: var(--cui-neutral-700);
  --cui-step-color-details: var(--cui-neutral-400);
  --cui-step-dot-color: var(--cui-neutral-700);
  --cui-step-dot-color-complete: var(--cui-white);
  display: grid;
}

.cui-steps .indicator_dummy, .cui-steps .indicator {
  border-radius: var(--cui-border-radius);
  place-self: center stretch;
}

.cui-steps .indicator_dummy {
  background-color: var(--cui-step-background);
  outline: 1px solid var(--cui-step-background);
}

.cui-steps .indicator {
  background-color: var(--cui-step-fill);
  transition: all .4s ease-in-out;
}

.cui-steps--vertical .indicator_dummy, .cui-steps--vertical .indicator {
  place-self: stretch center;
}

.cui-steps--outlined .indicator_dummy {
  background-color: var(--cui-step-background);
  outline: 1px solid var(--cui-step-outline);
}

.cui-steps--outlined .cui-step__decor > div {
  outline-color: var(--cui-step-outline);
  background-color: var(--cui-step-background);
}

.cui-steps--outlined .cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
}

.cui-steps--outlined .cui-step__decor > [data-complete] {
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}

.cui-steps--semi .indicator_dummy {
  background-color: var(--cui-step-background-semi);
  outline: 1px solid var(--cui-step-background-semi);
}

.cui-steps--semi .cui-step__decor > div {
  background-color: var(--cui-step-background-semi);
  outline-color: var(--cui-step-background-semi);
}

.cui-steps--semi .cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
}

.cui-steps--semi .cui-step__decor > [data-complete] {
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}

.cui-steps--solid .indicator_dummy {
  background-color: var(--cui-step-background-solid);
  outline: 1px solid var(--cui-step-background-solid);
}

.cui-steps--solid .cui-step__decor > div {
  background-color: var(--cui-step-background-solid);
  outline-color: var(--cui-step-background-solid);
}

.cui-steps--solid .cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
}

.cui-steps--solid .cui-step__decor > [data-complete] {
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}

.cui-steps--neutral.cui-steps--inverted {
  --cui-steps-background: var(--cui-neutral-500);
  --cui-step-background: var(--cui-neutral-inverted-400);
  --cui-step-background-semi: var(--cui-neutral-inverted-300);
  --cui-step-background-solid: var(--cui-neutral-inverted-200);
  --cui-step-outline: var(--cui-neutral-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-neutral-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-neutral-500);
}

.cui-steps--primary:not(.cui-steps--inverted) {
  --cui-step-background: var(--cui-primary-50);
  --cui-step-background-semi: var(--cui-primary-100);
  --cui-step-background-solid: var(--cui-primary-200);
  --cui-step-outline: var(--cui-primary-300);
  --cui-step-fill: var(--cui-primary-500);
  --cui-step-color: var(--cui-primary-700);
  --cui-step-color-details: var(--cui-primary-400);
  --cui-step-dot-color: var(--cui-primary-700);
  --cui-step-dot-color-complete: var(--cui-white);
}

.cui-steps--primary.cui-steps--inverted {
  --cui-steps-background: var(--cui-primary-500);
  --cui-step-background: var(--cui-primary-inverted-400);
  --cui-step-background-semi: var(--cui-primary-inverted-300);
  --cui-step-background-solid: var(--cui-primary-inverted-200);
  --cui-step-outline: var(--cui-primary-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-primary-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-primary-500);
}

.cui-steps--warning:not(.cui-steps--inverted) {
  --cui-step-background: var(--cui-warning-50);
  --cui-step-background-semi: var(--cui-warning-100);
  --cui-step-background-solid: var(--cui-warning-200);
  --cui-step-outline: var(--cui-warning-300);
  --cui-step-fill: var(--cui-warning-500);
  --cui-step-color: var(--cui-warning-700);
  --cui-step-color-details: var(--cui-warning-400);
  --cui-step-dot-color: var(--cui-warning-700);
  --cui-step-dot-color-complete: var(--cui-white);
}

.cui-steps--warning.cui-steps--inverted {
  --cui-steps-background: var(--cui-warning-500);
  --cui-step-background: var(--cui-warning-inverted-400);
  --cui-step-background-semi: var(--cui-warning-inverted-300);
  --cui-step-background-solid: var(--cui-warning-inverted-200);
  --cui-step-outline: var(--cui-warning-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-warning-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-warning-500);
}

.cui-steps--error:not(.cui-steps--inverted) {
  --cui-step-background: var(--cui-error-50);
  --cui-step-background-semi: var(--cui-error-100);
  --cui-step-background-solid: var(--cui-error-200);
  --cui-step-outline: var(--cui-error-300);
  --cui-step-fill: var(--cui-error-500);
  --cui-step-color: var(--cui-error-700);
  --cui-step-color-details: var(--cui-error-400);
  --cui-step-dot-color: var(--cui-error-700);
  --cui-step-dot-color-complete: var(--cui-white);
}

.cui-steps--error.cui-steps--inverted {
  --cui-steps-background: var(--cui-error-500);
  --cui-step-background: var(--cui-error-inverted-400);
  --cui-step-background-semi: var(--cui-error-inverted-300);
  --cui-step-background-solid: var(--cui-error-inverted-200);
  --cui-step-outline: var(--cui-error-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-error-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-error-500);
}

.gc-progress {
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-progressbar-bg);
  height: 20px;
  line-height: 20px;
  display: block;
  overflow: hidden;
}

.gc-progress--inline {
  display: inline-block;
}

.gc-progress--semi-transparent {
  background-color: var(--cui-progressbar-bg-semi);
}

.gc-progress--transparent {
  background-color: #0000;
}

.gc-progress--accent > .gc-progress__fill {
  background-color: var(--cui-primary-500);
}

.gc-progress--accent > .gc-progress__value {
  color: var(--cui-contrast-text);
}

.gc-progress--pause-error > .gc-progress__fill {
  background-color: var(--cui-error-500);
}

.gc-progress--pause-error > .gc-progress__value {
  color: var(--cui-contrast-text);
}

.gc-progress--pause-warning > .gc-progress__fill {
  background-color: var(--cui-warning-500);
}

.gc-progress--pause-warning > .gc-progress__value {
  color: var(--cui-contrast-text);
}

.gc-progress--indeterminate {
  position: relative;
}

.gc-progress--indeterminate > .gc-progress__fill {
  animation-name: gc-progress-animation;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  position: absolute;
  top: 0;
}

.gc-progress--indeterminate.gc-progress--pause-error > .gc-progress__fill, .gc-progress--indeterminate.gc-progress--pause-warning > .gc-progress__fill {
  animation-play-state: paused;
}

.gc-progress.gc-size-sm {
  height: 2px;
}

.gc-progress.gc-size-lg {
  height: 40px;
  line-height: 40px;
}

.gc-progress__fill {
  text-align: center;
  background-color: var(--cui-progress-fill-color);
  height: 100%;
  transition: width .2s ease-in-out;
  overflow: visible;
}

.gc-progress__value {
  height: 100%;
  color: var(--cui-progress-value-color);
  font-size: var(--cui-text-size-sm);
  display: block;
}

.gc-slider {
  -webkit-user-select: none;
  user-select: none;
  transition: opacity .2s ease-in-out;
  display: block;
  position: relative;
}

.gc-slider *, .gc-slider :before, .gc-slider :after {
  box-sizing: border-box;
}

.gc-slider--mode-X {
  width: auto;
  height: calc(var(--cui-block-size-sm) * .5);
}

.gc-slider--mode-X .gc-slider__background {
  height: calc(100% - 8px);
  top: 4px;
}

.gc-slider--mode-Y {
  width: calc(var(--cui-block-size-sm) * .5);
  height: calc(var(--cui-block-size-sm) * 5);
}

.gc-slider--mode-Y .gc-slider__background {
  width: calc(100% - 8px);
  left: 4px;
}

.gc-slider--mode-XY {
  width: calc(var(--cui-block-size-sm) * 5);
  height: calc(var(--cui-block-size-sm) * 5);
}

.gc-slider:hover .gc-slider__toggle:after {
  opacity: 1;
}

.gc-slider--disabled {
  pointer-events: none;
  opacity: .62;
}

.gc-slider--disabled .gc-slider__fill {
  opacity: 0 !important;
}

.gc-slider--invalid .gc-slider__toggle {
  background-color: var(--cui-error-500);
}

.gc-slider--invalid .gc-slider__background {
  background-color: var(--cui-accent-error-semi-40);
}

.gc-slider--invalid .gc-slider__fill {
  opacity: 0 !important;
}

.gc-slider__area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-slider__fill {
  background-color: var(--cui-primary-500);
  transition: opacity .2s ease-in-out;
  position: absolute;
}

.gc-slider__background {
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  width: 100%;
  height: 100%;
  transition: background-color .2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-slider__toggle {
  width: calc(var(--cui-block-size-sm) * .5);
  height: calc(var(--cui-block-size-sm) * .5);
  background-color: var(--cui-primary-500);
  box-shadow: var(--cui-shadow-border);
  border: 2px solid #fff;
  border-radius: 50%;
  transition: background-color .2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%)translateY(-50%);
}

.gc-slider__toggle[class*="--tooltip"]:after {
  content: attr(data-value);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-white);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  padding: 5px;
  line-height: 1;
  transition: opacity .2s ease-in-out;
  position: absolute;
  box-shadow: 0 0 5px -1px #0000001a;
}

.gc-slider__toggle--tooltip-top:after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -8px);
}

.gc-slider__toggle--tooltip-bottom:after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 8px);
}

.gc-slider__toggle--tooltip-right:after {
  top: 50%;
  left: 100%;
  transform: translate(8px, -50%);
}

.gc-slider__toggle--tooltip-left:after {
  top: 50%;
  right: 100%;
  transform: translate(-8px, -50%);
}

.gc-slider__toggle:active {
  z-index: 1;
}

.gc-slider__toggle:active:after {
  opacity: 1;
}

@media (any-hover: none) {
  .gc-slider:hover .gc-slider__toggle:after {
    opacity: 0;
  }
}

.gc-text-editor {
  position: relative;
}

.gc-text-editor__preview {
  width: var(--cui-block-size-sm);
  height: 100%;
  padding: var(--cui-padding-xs);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-text-editor__preview + .gc-input {
  padding-left: var(--cui-block-size-sm) !important;
}

.gc-expand-editor--expanded {
  margin: var(--cui-border-width) calc(0px - var(--cui-padding)) var(--cui-padding);
  padding: 0 var(--cui-padding);
  outline: var(--cui-border-width) solid var(--cui-neutral-100);
  position: relative;
}

.gc-expand-editor--expanded > .gc-expand-editor__main {
  margin-bottom: var(--cui-padding-xs);
}

.gc-expand-editor--expanded:before {
  width: 100%;
  height: var(--cui-block-size-sm);
  content: "";
  background-color: var(--cui-neutral-50);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-expand-editor--transparent {
  background-color: #0000;
}

.gc-expand-editor--transparent:before {
  content: none;
}

.gc-expand-editor__main {
  position: relative;
}

.gc-expand-editor__main > .gc-label > .gc-label__content {
  padding-right: var(--cui-block-size-sm);
}

.gc-expand-editor__main > .gc-label > .gc-label__content > :first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.gc-expand-editor__toggle {
  width: var(--cui-block-size-sm);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.gc-expand-editor__content {
  flex-direction: column;
  display: flex;
}

.gc-expand-editor__content > * {
  margin-bottom: var(--cui-padding-xs);
}

.gc-badge {
  z-index: 1;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: var(--cui-padding-xs);
  cursor: default;
  white-space: nowrap;
  color: var(--cui-contrast-text);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-primary-500);
  box-shadow: var(--cui-shadow-border);
  font-size: var(--cui-text-size);
  justify-content: center;
  align-items: center;
  line-height: 1;
  animation: .4s ease-in-out gc-badge-show;
  display: flex;
  position: absolute;
}

.gc-badge--size-sm {
  min-width: 15px;
  height: 15px;
  font-size: var(--cui-text-size-sm);
}

.gc-badge--size-lg {
  min-width: 25px;
  height: 25px;
  font-size: var(--cui-text-size-lg);
}

.gc-badge--top-left {
  top: 0;
  left: 0;
}

.gc-badge--top-left:not(.gc-badge--inset) {
  animation: .4s ease-in-out forwards gc-badge-show-top-left;
}

.gc-badge--top-right {
  top: 0;
  right: 0;
}

.gc-badge--top-right:not(.gc-badge--inset) {
  animation: .4s ease-in-out forwards gc-badge-show-top-right;
}

.gc-badge--bottom-left {
  bottom: 0;
  left: 0;
}

.gc-badge--bottom-left:not(.gc-badge--inset) {
  animation: .4s ease-in-out forwards gc-badge-show-bottom-left;
}

.gc-badge--bottom-right {
  bottom: 0;
  right: 0;
}

.gc-badge--bottom-right:not(.gc-badge--inset) {
  animation: .4s ease-in-out forwards gc-badge-show-bottom-right;
}

.gc-badge--rounded {
  border-radius: 10px;
}

.gc-badge--rounded.gc-badge--size-sm {
  border-radius: 7.5px;
}

.gc-badge--rounded.gc-badge--size-lg {
  border-radius: 12.5px;
}

.gc-badge--inline {
  display: inline-flex;
  position: relative;
}

.gc-badge--inline:last-child:not(:only-child) {
  margin-left: var(--cui-padding-xs);
}

.gc-badge--inline:first-child:not(:only-child) {
  margin-right: var(--cui-padding-xs);
}

.gc-badge--custom {
  color: inherit;
  box-shadow: none;
  background: none;
  padding: 0;
}

.gc-badge--custom.gc-badge--inline {
  height: 100%;
}

.gc-badge--level-warning {
  background-color: var(--cui-warning-500);
  pointer-events: auto;
}

.gc-badge--level-warning.gc-badge--inverted {
  color: var(--cui-warning-500);
}

.gc-badge--level-error {
  background-color: var(--cui-error-500);
  pointer-events: auto;
}

.gc-badge--level-error.gc-badge--inverted {
  color: var(--cui-error-500);
}

.gc-badge--inverted {
  color: var(--cui-primary-500);
  background-color: var(--cui-white);
  font-weight: 700;
}

.gc-badge--dot {
  border-radius: 50%;
  width: 6px;
  min-width: auto;
  height: 6px;
  padding: 0;
}

.gc-portal-root--notifications > .gc-positioner {
  z-index: var(--cui-z-notifications);
}

.gc-notifications-container {
  flex-direction: column;
  align-items: center;
  width: 330px;
  max-width: 95vw;
  display: flex;
  overflow: hidden;
}

.gc-notifications-container *, .gc-notifications-container :before, .gc-notifications-container :after {
  box-sizing: border-box;
}

.gc-notifications-container--position-bottom-center {
  margin: 0 0 var(--cui-block-size-sm) 0;
}

.gc-notifications-container--position-bottom-left {
  margin: 0 0 var(--cui-block-size-sm) calc(var(--cui-block-size-sm) * .5);
}

.gc-notifications-container--position-bottom-right {
  margin: 0 calc(var(--cui-block-size-sm) * .5) var(--cui-block-size-sm) 0;
}

.gc-notifications-container--position-top-center {
  margin: var(--cui-block-size-sm) 0 0 0;
  flex-direction: column-reverse;
}

.gc-notifications-container--position-top-left {
  margin: var(--cui-block-size-sm) 0 0 calc(var(--cui-block-size-sm) * .5);
  flex-direction: column-reverse;
}

.gc-notifications-container--position-top-right {
  margin: var(--cui-block-size-sm) calc(var(--cui-block-size-sm) * .5) 0 0;
  flex-direction: column-reverse;
}

.gc-notification {
  width: 100%;
  height: 60px;
  color: var(--cui-white);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-notification-btn-accent-bg);
  flex-shrink: 0;
  margin-bottom: 10px;
  animation: .8s gc-item-animation;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gc-notification__tag {
  -webkit-user-select: none;
  user-select: none;
  transform-origin: 0 0;
  text-align: center;
  border-radius: inherit;
  width: 60px;
  height: 60px;
  font-size: var(--cui-icon-size);
  flex: none;
  justify-content: center;
  align-items: center;
  line-height: 60px;
  animation: .8s gc-item-icon-animation;
  display: flex;
}

.gc-notification__content {
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  flex: auto;
  justify-content: center;
  width: 0;
  padding: 7px 15px 7px 0;
  display: flex;
}

.gc-notification__caption, .gc-notification__status {
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 20px;
  font-size: var(--cui-text-size);
  line-height: 20px;
  overflow: hidden;
}

.gc-notification__status {
  opacity: .7;
  font-style: italic;
}

.gc-notification__actions {
  flex: auto;
  align-items: center;
  max-height: 50%;
  margin-left: -2px;
  display: flex;
}

.gc-notification__actions > .gc-btn.gc-notification__button {
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-notification-btn-bg);
  height: 20px;
  font-size: var(--cui-text-size-sm);
  margin-right: 5px;
  padding: 0 5px;
  line-height: 20px;
  overflow: hidden;
}

.gc-notification__actions > .gc-btn.gc-notification__button.gc-rounded {
  border-radius: 10px;
}

.gc-notification__actions > .gc-btn.gc-notification__button:hover {
  background-color: var(--cui-notification-btn-bg-hover);
}

.gc-notification__loader:before, .gc-notification__loader:after {
  content: "";
  background-color: currentColor;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  display: block;
  position: absolute;
  top: calc(50% - 5.5px);
}

.gc-notification__loader:before {
  animation: .4s ease-in-out infinite alternate gc-loader-btn;
  left: calc(50% - 12px);
}

.gc-notification__loader:after {
  animation: .4s ease-in-out infinite alternate-reverse gc-loader-btn;
  left: calc(50% + 1px);
}

.gc-notification__timeout-bar.gc-progress {
  background-color: var(--cui-contrast-semi-40);
  border-radius: 2px;
  width: calc(100% - 4px);
  height: 2px;
  position: absolute;
  top: 2px;
  left: 2px;
  overflow: hidden;
}

.gc-notification__timeout-bar.gc-progress > .gc-progress__fill {
  background-color: var(--cui-contrast-semi-40);
  width: 100%;
}

.gc-notification--rounded {
  border-radius: 30px;
}

.gc-notification .gc-notification__button.gc-btn, .gc-notification .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-primary-500);
}

.gc-notification .gc-notification__button.gc-btn:not(:disabled):hover, .gc-notification .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-primary-700);
}

.gc-notification--info, .gc-notification--info .gc-notification__button.gc-btn, .gc-notification--info .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-primary-500);
}

.gc-notification--info .gc-notification__button.gc-btn:not(:disabled):hover, .gc-notification--info .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-primary-700);
}

.gc-notification--warning, .gc-notification--warning .gc-notification__button.gc-btn, .gc-notification--warning .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-warning-500);
}

.gc-notification--warning .gc-notification__button.gc-btn:not(:disabled):hover, .gc-notification--warning .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-warning-700);
}

.gc-notification--error, .gc-notification--error .gc-notification__button.gc-btn, .gc-notification--error .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-error-500);
}

.gc-notification--error .gc-notification__button.gc-btn:not(:disabled):hover, .gc-notification--error .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-error-700);
}

.gc-notification--task:hover .gc-notification__tag > .gc-btn {
  opacity: 1;
  display: block;
}

.gc-notification--task:hover .gc-notification__loader {
  opacity: 0;
  display: none;
}

.gc-notification--task .gc-notification__tag {
  position: relative;
}

.gc-notification--task .gc-notification__tag > .gc-btn {
  opacity: 0;
  transition: opacity;
  display: none;
}

.gc-notification--task .gc-progress {
  background-color: var(--cui-contrast-semi-10);
  margin: 3px 0 0;
}

.gc-notification--task .gc-progress > .gc-progress__fill {
  background-color: var(--cui-white);
}

.gc-notification--batch .gc-notification__tag {
  background-color: var(--cui-primary-500);
  font-size: 16px;
}

.gc-notification--batch .gc-notification__actions {
  max-height: none;
}

.gc-notification--batch .gc-notification__actions > .gc-notification__button {
  text-align: center;
  border-radius: var(--cui-border-radius);
  width: 50%;
  height: 30px;
  font-size: var(--cui-text-size);
  margin-right: 10px;
  line-height: 30px;
}

.gc-notification--batch .gc-notification__actions > .gc-notification__button.gc-rounded {
  border-radius: 15px;
}

.gc-notification--batch.gc-notification--size-small .gc-notification__tag {
  font-size: var(--cui-text-size);
}

.gc-notification--batch.gc-notification--size-small .gc-notification__actions {
  margin-left: auto;
}

.gc-notification--batch.gc-notification--size-small .gc-notification__actions .gc-notification__button {
  padding: 0 var(--cui-padding-sm);
}

.gc-notification--size-small {
  height: var(--cui-block-size-sm);
  animation: .8s gc-item-mini-animation;
}

.gc-notification--size-small .gc-notification__tag {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  font-size: var(--cui-icon-size-sm);
  line-height: var(--cui-block-size-sm);
}

.gc-notification--size-small .gc-notification__content {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

.gc-notification--size-small .gc-notification__caption {
  height: var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
  padding: 0 10px 0 0;
}

.gc-notification--size-small .gc-notification__actions {
  flex: none;
  max-height: none;
}

.gc-notification--size-small .gc-notification__timeout-bar.gc-progress {
  height: 2px;
}

.gc-notification--size-small.gc-notification--task {
  position: relative;
}

.gc-notification--size-small.gc-notification--task .gc-notification__tag {
  z-index: 1;
  background-color: #0000;
}

.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader:before, .gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader:after {
  content: "";
  background-color: currentColor;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  top: calc(50% - 3.5px);
}

.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader:before {
  animation: .4s ease-in-out infinite alternate gc-loader-btn;
  left: calc(50% - 8px);
}

.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader:after {
  animation: .4s ease-in-out infinite alternate-reverse gc-loader-btn;
  left: calc(50% + 1px);
}

.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__button-mini {
  position: absolute;
  top: 0;
  left: 0;
}

.gc-notification--size-small.gc-notification--task .gc-notification__content {
  border-radius: inherit;
}

.gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-notification__caption {
  z-index: 1;
}

.gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-progress.gc-size-sm {
  border-radius: inherit;
  background-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-progress.gc-size-sm > .gc-progress__fill {
  border-radius: inherit;
  background-color: var(--cui-primary-700);
}

.gc-notifications-modal {
  transform-origin: 0 0;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  height: fit-content;
  min-height: min-content;
  max-height: max-content;
  box-shadow: var(--cui-shadow-border);
  animation: .2s ease-in-out forwards gc-expand-animation;
  position: absolute;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
  .gc-notifications-modal {
    height: auto;
  }
}

.gc-notification-details {
  width: 330px;
  padding: var(--cui-padding) 0;
}

.gc-notification-details *, .gc-notification-details :before, .gc-notification-details :after {
  box-sizing: border-box;
}

.gc-notification-details__content {
  height: 400px;
  padding-bottom: var(--cui-padding);
  font-size: var(--cui-text-size);
  overflow: auto;
}

.gc-notification-details__category {
  padding: 0 var(--cui-padding);
}

.gc-notification-details__category + .gc-notification-details__category {
  margin-top: 5px;
}

.gc-notification-details__category--info {
  color: var(--cui-primary-700);
}

.gc-notification-details__category--info .gc-notification-details-item__main {
  background-color: var(--cui-accent-text-semi-10);
}

.gc-notification-details__category--warning {
  color: var(--cui-accent-warning-text);
}

.gc-notification-details__category--warning .gc-notification-details-item__main {
  background-color: var(--cui-accent-warning-text-semi-10);
}

.gc-notification-details__category--error {
  color: var(--cui-accent-error-text);
}

.gc-notification-details__category--error .gc-notification-details-item__main {
  background-color: var(--cui-accent-error-text-semi-10);
}

.gc-notification-details__action {
  padding: 0 var(--cui-padding);
}

.gc-notification-details-item {
  border-radius: var(--cui-border-radius);
  position: relative;
  overflow: hidden;
}

.gc-notification-details-item:before {
  content: "";
  background-color: currentColor;
  width: 2px;
  height: calc(100% - 10px);
  position: absolute;
  top: 5px;
  left: 5px;
}

.gc-notification-details-item + .gc-notification-details-item {
  margin-top: 5px;
}

.gc-notification-details-item__main {
  padding-left: var(--cui-padding);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.gc-notification-details-item__main > .gc-btn-group {
  flex: none;
  align-self: flex-start;
}

.gc-notification-details-item__caption {
  flex: 1 0 auto;
  width: 0;
  padding: 5px 0;
  display: flex;
}

.gc-notification-details-item__caption > span {
  vertical-align: middle;
  text-overflow: ellipsis;
  max-height: 30px;
  font-size: var(--cui-text-size);
  line-height: 15px;
  display: inline-block;
  overflow: hidden;
}

.gc-notification-details-item__content {
  padding: 5px 5px 5px var(--cui-padding);
  white-space: pre-line;
  word-wrap: break-word;
  color: var(--cui-text-color);
  background-color: var(--cui-bg-panels);
}

@media (any-hover: none) {
  .gc-notification .gc-notification__button.gc-btn:hover, .gc-notification .gc-notification__button-mini.gc-btn:hover, .gc-notification--warning .gc-btn.gc-notification__button:hover, .gc-notification--warning .gc-btn.gc-notification__button-mini:hover, .gc-notification--error .gc-btn.gc-notification__button:hover, .gc-notification--error .gc-btn.gc-notification__button-mini:hover {
    background-color: var(--cui-notification-btn-bg);
  }
}

.gc-status-bar {
  height: var(--cui-block-size-sm);
  background-color: inherit;
  display: flex;
}

.gc-status-bar__items {
  background-color: inherit;
  flex-grow: 1;
}

.gc-status-bar__items .gc-toolbar, .gc-status-bar__items .gc-toolbar__content, .gc-status-bar__items .gc-toolbar__content:before {
  background-color: inherit;
}

.gc-status-bar__items .gc-toolbar__content {
  flex-direction: row-reverse;
  width: auto;
  left: auto;
  right: 0;
}

.gc-status-bar .gc-notifications-counter {
  display: flex;
}

.gc-status-bar .gc-notifications-counter__toggle.gc-dd--menu-open {
  background-color: var(--cui-bg-body);
}

.gc-notifications-counter__menu {
  box-shadow: 5px -5px 5px -5px #0000001a;
}

.gc-heading {
  align-items: center;
  display: flex;
}

.gc-heading__container {
  justify-content: space-between;
  align-items: center;
  gap: var(--cui-padding-sm);
  flex: auto;
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.gc-heading__text {
  min-width: 0;
  height: var(--cui-block-size-sm);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-transform: uppercase;
  text-overflow: ellipsis;
  color: inherit;
  font-size: var(--cui-text-size);
  font-weight: 400;
  line-height: var(--cui-block-size-sm);
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.gc-heading__divider {
  border-bottom: var(--cui-border-width) solid;
  flex: 10 10 auto;
  min-width: 16px;
}

.gc-heading__actions {
  flex: none;
}

.gc-heading--level-info .gc-heading__container {
  color: var(--cui-primary-700);
}

.gc-heading--level-warning .gc-heading__container {
  color: var(--cui-warning-500);
}

.gc-heading--level-error .gc-heading__container {
  color: var(--cui-error-500);
}

.gc-heading--size-md .gc-heading__text {
  height: var(--cui-block-size);
  line-height: var(--cui-block-size);
}

.gc-heading--size-lg .gc-heading__text {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}

.gc-heading--text-size-small .gc-heading__text {
  font-size: var(--cui-text-size-sm);
}

.gc-heading--text-size-large .gc-heading__text {
  font-size: var(--cui-text-size-lg);
}

.gc-heading--case-default .gc-heading__text {
  text-transform: none;
}

.gc-heading--align-center .gc-heading__container {
  justify-content: center;
}

.gc-heading--align-right .gc-heading__container {
  flex-direction: row-reverse;
}

.gc-heading--no-strike .gc-heading__divider {
  display: none;
}

.gc-heading--weight-light .gc-heading__text {
  font-weight: 300;
}

.gc-heading--weight-bold .gc-heading__text {
  font-weight: 700;
}

.gc-scrollbars {
  --cui-scrollbar-offset: 2px;
  --cui-scrollbar-thickness-sm: 4px;
  --cui-scrollbar-thickness-hover: 8px;
}

.gc-scrollbars:hover .gc-scrollbars__thumb, .gc-scrollbars--no-hide .gc-scrollbars__thumb {
  opacity: 1;
}

.gc-scrollbars--contrast .gc-scrollbars__thumb:after, .gc-scrollbars--contrast .gc-scrollbars__thumb:hover:after {
  background-color: hsla(var(--primary-50),.2);
}

.gc-scrollbars--contrast .gc-scrollbars__thumb.is-dragged:after {
  max-width: var(--cui-scrollbar-thickness-hover);
  background-color: hsla(var(--primary-50),.4);
}

.gc-scrollbars--no-grow .gc-scrollbars__track--vertical {
  width: 6px;
}

.gc-scrollbars--no-grow .gc-scrollbars__track--horizontal {
  height: 6px;
}

.gc-scrollbars--no-grow.gc-scrollbars--size-sm .gc-scrollbars__track--vertical {
  width: var(--cui-scrollbar-thickness-sm);
}

.gc-scrollbars--no-grow.gc-scrollbars--size-sm .gc-scrollbars__track--horizontal {
  height: var(--cui-scrollbar-thickness-sm);
}

.gc-scrollbars--size-sm .gc-scrollbars__thumb--vertical:after {
  max-width: var(--cui-scrollbar-thickness-sm);
}

.gc-scrollbars--size-sm .gc-scrollbars__thumb--horizontal:after {
  max-height: var(--cui-scrollbar-thickness-sm);
}

.gc-scrollbars__view {
  z-index: 0;
  overflow: scroll;
}

.gc-scrollbars__view--vertical {
  overflow-x: hidden;
  margin-bottom: 0 !important;
}

.gc-scrollbars__view--horizontal {
  overflow-y: hidden;
  margin-right: 0 !important;
}

.gc-scrollbars__track {
  pointer-events: none;
  display: flex;
}

.gc-scrollbars__track--vertical {
  top: var(--cui-scrollbar-offset);
  right: 0;
  bottom: var(--cui-scrollbar-offset);
  width: calc(var(--cui-scrollbar-thickness-hover) + var(--cui-scrollbar-offset));
  justify-content: flex-end;
}

.gc-scrollbars__track--horizontal {
  right: var(--cui-scrollbar-offset);
  bottom: 0;
  left: var(--cui-scrollbar-offset);
  height: calc(var(--cui-scrollbar-thickness-hover) + var(--cui-scrollbar-offset));
  align-content: flex-end;
}

.gc-scrollbars__thumb {
  pointer-events: all;
  opacity: 0;
}

.gc-scrollbars__thumb.is-dragged {
  opacity: 1;
}

.gc-scrollbars__thumb:after {
  content: "";
  border-radius: calc(var(--cui-scrollbar-thickness-hover) * .5);
  background-color: hsla(var(--primary-700),.6);
  width: 100%;
  height: 100%;
  transition: max-width .2s ease-in-out, max-height .2s ease-in-out;
  position: absolute;
}

.gc-scrollbars__thumb--vertical {
  transition: opacity .2s ease-in-out;
}

.gc-scrollbars__thumb--vertical:hover:after, .gc-scrollbars__thumb--vertical.is-dragged:after {
  max-width: var(--cui-scrollbar-thickness-hover);
  background-color: hsla(var(--primary-700),.8);
}

.gc-scrollbars__thumb--vertical:after {
  top: 0;
  right: var(--cui-scrollbar-offset);
  max-width: 6px;
}

.gc-scrollbars__thumb--horizontal {
  transition: opacity .2s ease-in-out;
}

.gc-scrollbars__thumb--horizontal:hover:after, .gc-scrollbars__thumb--horizontal.is-dragged:after {
  max-height: var(--cui-scrollbar-thickness-hover);
  background-color: hsla(var(--primary-700),.8);
}

.gc-scrollbars__thumb--horizontal:after {
  bottom: var(--cui-scrollbar-offset);
  max-height: 6px;
  left: 0;
}

@media (any-hover: none) {
  .gc-scrollbars__thumb--vertical:hover:after, .gc-scrollbars__thumb--vertical.is-dragged:after {
    max-width: 6px;
  }

  .gc-scrollbars__thumb--horizontal:hover:after, .gc-scrollbars__thumb--horizontal.is-dragged:after {
    max-height: 6px;
  }
}

.gc-treenode {
  position: relative;
}

.gc-treenode__subtree {
  padding-left: 20px;
}

.gc-treenode__subtree--outline > .gc-treenode:before {
  top: calc(var(--cui-block-size-sm) * .5);
  content: "";
  border-top: 1px solid var(--cui-treeview-outline-color);
  width: 3px;
  height: 1px;
  position: absolute;
  left: -5px;
}

.gc-treenode__subtree--outline > .gc-treenode:after {
  content: "";
  border-left: 1px solid var(--cui-treeview-outline-color);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -6px;
}

.gc-treenode__subtree--outline > .gc-treenode:last-of-type:before {
  display: none;
}

.gc-treenode__subtree--outline > .gc-treenode:last-of-type:after {
  width: 4px;
  height: calc(var(--cui-block-size-sm) * .5);
  content: "";
  border-style: none none solid solid;
  border-width: 1px;
  border-color: var(--cui-treeview-outline-color);
  position: absolute;
  top: 0;
  left: -6px;
}

.gc-treeitem__icon {
  opacity: .5;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0000 !important;
}

.gc-treeitem__icon:hover {
  opacity: 1;
}

.gc-treeitem__text {
  width: 100%;
}

.gc-treeitem__text > .gc-btn__text {
  padding: 0 10px;
}

.gc-treeitem__text:not(:only-child) > .gc-btn__text {
  padding-left: var(--cui-block-size-sm);
}

@media (any-hover: none) {
  .gc-treeitem__icon {
    opacity: 1;
  }
}

.gc-checklist {
  flex-flow: column wrap;
  display: flex;
}

.gc-checklist *, .gc-checklist :before, .gc-checklist :after {
  box-sizing: border-box;
}

.gc-checklist--horizontal {
  flex-direction: row;
}

.gc-checklist--horizontal > .gc-check, .gc-checklist--horizontal > .gc-radio {
  flex: 1 0 100%;
  max-width: 100%;
}

.gc-checklist--horizontal.gc-col-1.gc-checklist--with-offset > .gc-check, .gc-checklist--horizontal.gc-col-1.gc-checklist--with-offset > .gc-radio {
  max-width: calc(100% - 5px);
}

.gc-checklist--horizontal.gc-col-2 > .gc-check, .gc-checklist--horizontal.gc-col-2 > .gc-radio {
  max-width: 50%;
}

.gc-checklist--horizontal.gc-col-2.gc-checklist--with-offset > .gc-check, .gc-checklist--horizontal.gc-col-2.gc-checklist--with-offset > .gc-radio {
  max-width: calc(50% - 5px);
}

.gc-checklist--horizontal.gc-col-3 > .gc-check, .gc-checklist--horizontal.gc-col-3 > .gc-radio {
  max-width: 33.3333%;
}

.gc-checklist--horizontal.gc-col-3.gc-checklist--with-offset > .gc-check, .gc-checklist--horizontal.gc-col-3.gc-checklist--with-offset > .gc-radio {
  max-width: calc(33.3333% - 5px);
}

.gc-checklist--horizontal.gc-col-4 > .gc-check, .gc-checklist--horizontal.gc-col-4 > .gc-radio {
  max-width: 25%;
}

.gc-checklist--horizontal.gc-col-4.gc-checklist--with-offset > .gc-check, .gc-checklist--horizontal.gc-col-4.gc-checklist--with-offset > .gc-radio {
  max-width: calc(25% - 5px);
}

.gc-checklist--horizontal.gc-col-5 > .gc-check, .gc-checklist--horizontal.gc-col-5 > .gc-radio {
  max-width: 20%;
}

.gc-checklist--horizontal.gc-col-5.gc-checklist--with-offset > .gc-check, .gc-checklist--horizontal.gc-col-5.gc-checklist--with-offset > .gc-radio {
  max-width: calc(20% - 5px);
}

.gc-checklist--align-center {
  align-items: center;
}

.gc-checklist--align-right {
  align-items: flex-end;
}

.gc-checklist--with-offset:not(.gc-checklist--horizontal) .gc-check + .gc-check, .gc-checklist--with-offset:not(.gc-checklist--horizontal) .gc-radio + .gc-radio {
  margin-top: 5px;
}

.gc-checklist--with-offset.gc-checklist--horizontal {
  margin: -5px 0 0 -5px;
}

.gc-checklist--with-offset.gc-checklist--horizontal .gc-check, .gc-checklist--with-offset.gc-checklist--horizontal .gc-radio {
  margin: 5px 0 0 5px;
}

.gc-datetime {
  --calendar-width: 261px;
  --header-height: calc(var(--cui-block-size) + var(--cui-padding) * 2);
  --footer-height: calc(var(--cui-block-size) + var(--cui-padding) * 2);
  --calendar-height: 285px;
  width: var(--calendar-width);
  height: calc(var(--header-height) + var(--calendar-height));
  flex-direction: column;
  display: flex;
}

.gc-datetime__header {
  height: var(--header-height);
}

.gc-datetime__body {
  height: 0;
  padding: 0 var(--cui-padding) var(--cui-padding);
  flex: auto;
  position: relative;
}

.gc-datetime__footer {
  height: var(--footer-height);
  margin: 0 var(--cui-padding);
  box-shadow: inset 0 1px 0 0 var(--cui-neutral-50);
  align-items: center;
  display: flex;
}

.gc-datetime--barrel .gc-datetime__body {
  padding: 0 5px var(--cui-padding);
}

.gc-datetime--extended-1 {
  height: calc(var(--header-height) + var(--calendar-height) + var(--footer-height));
}

.gc-datetime--extended-2 {
  height: calc(var(--header-height) + var(--calendar-height) + var(--footer-height) * 2);
}

@media screen and (width <= 600px) {
  .gc-datetime {
    width: 100vw;
  }
}

.gc-datetime-header {
  height: 100%;
  margin: 0 var(--cui-padding-sm);
  grid-auto-flow: column;
  display: grid;
}

.gc-datetime-header > .gc-btn {
  align-self: center;
}

.gc-datetime-header > .gc-btn:last-child {
  justify-self: flex-end;
}

.gc-datetime-header > .gc-btn:first-child {
  justify-self: left;
}

.gc-datetime-header__buttons {
  grid-auto-flow: column;
  justify-self: center;
  display: grid;
}

.gc-datetime-header__title {
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  color: var(--cui-primary-700);
  font-size: var(--cui-text-size-lg);
  align-self: center;
  font-weight: 700;
}

.gc-datetime-header--contrast .gc-datetime-header__title {
  color: var(--cui-contrast-text);
}

.gc-datetime-footer-time {
  font-size: var(--cui-text-size-lg);
  font-weight: 700;
}

.gc-datetime-footer-control {
  width: calc(50% - var(--cui-padding-sm) * .5);
}

.gc-datetime-footer-control:first-child {
  margin-right: var(--cui-padding-sm);
}

.gc-datetime-date {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  -webkit-user-select: none;
  user-select: none;
}

.gc-datetime-date--neighbor {
  color: var(--cui-text-semi-40);
}

.gc-datetime-date--today {
  color: var(--cui-primary-700);
  font-weight: 700;
}

.gc-datetime-date--today:before {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  content: "";
  border: 2px solid var(--cui-primary-500);
  border-radius: 50%;
  transition: opacity .2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gc-datetime-date--selected {
  color: var(--cui-white);
  font-weight: 700;
}

.gc-datetime-date--selected:before {
  opacity: 0;
}

.gc-datetime-date--disabled {
  pointer-events: none;
  opacity: .38;
}

.gc-datetime-timer {
  display: flex;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gc-datetime-timer__seconds {
  transform: translate(-55%, -50%);
}

.gc-datetime-timer__delimiter {
  width: var(--cui-padding);
  font-size: var(--cui-text-size-xl);
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-datetime-timer .gc-clock__value, .gc-datetime-timer .gc-clock .gc-size-lg {
  width: var(--cui-block-size-lg);
  font-size: var(--cui-text-size-xl);
}

.gc-datetime-timer__daypart {
  top: 50%;
  right: calc(0px - var(--cui-block-size));
  width: var(--cui-block-size);
  position: absolute;
  transform: translateY(-50%);
}

.gc-datetime-timer__daypart-title {
  text-align: center;
  color: var(--cui-primary-700);
  line-height: calc(var(--cui-block-size-lg) * .5);
}

.gc-datetime-timer__daypart-title--selected {
  font-weight: 700;
}

.gc-datetime-barrel {
  width: 100%;
  height: 100%;
  display: flex;
}

.gc-datetime-barrel--swapped {
  flex-direction: row-reverse;
}

.gc-datetime-barrel--swapped .gc-datetime-barrel__column:first-child {
  box-shadow: inset 1px 0 0 0 var(--cui-neutral-50);
}

.gc-datetime-barrel--swapped .gc-datetime-barrel__column:last-child {
  box-shadow: none;
}

.gc-datetime-barrel__column {
  width: 50%;
}

.gc-datetime-barrel__column:nth-child(2) {
  box-shadow: inset 1px 0 0 0 var(--cui-neutral-50);
}

.gc-datetime-barrel__column:only-child {
  width: 100%;
}

.gc-datetime-barrel__scroll {
  height: 100%;
  padding: 0 var(--cui-padding-sm);
}

.gc-datetime-barrel__item {
  width: 100%;
}

.gc-datetime-barrel__item--selected .gc-btn__text {
  font-weight: 700;
}

.gc-datetime-barrel__years-container {
  position: relative;
}

.gc-datetime-barrel__year-wrapper {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-datetime-days {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.gc-datetime-days__header {
  height: var(--cui-block-size-sm);
  font-size: var(--cui-text-size);
  font-weight: 700;
  line-height: var(--cui-block-size-sm);
  flex: none;
  justify-content: space-around;
  display: flex;
}

.gc-datetime-days__content {
  box-shadow: inset 0 1px 0 0 var(--cui-neutral-50);
  flex-wrap: wrap;
  flex: 1 0 auto;
  display: flex;
}

.gc-datetime-date {
  height: calc(var(--cui-block-size-sm) + 4px);
  flex-grow: 1;
  flex-basis: 14.2857%;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.gc-datetime-date:before {
  content: "";
  opacity: 0;
  background-color: var(--cui-calendar-range-fill-color);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gc-datetime-date--large {
  flex-basis: 25%;
  height: 60px;
}

.gc-datetime-date--large .gc-datetime-date__button {
  border-radius: 50%;
  width: 56px;
  height: 56px;
}

.gc-datetime-date--large.gc-datetime-date--range-start:before {
  border-radius: 60px;
  transform: translate(-30px);
}

.gc-datetime-date--large.gc-datetime-date--range-end:before {
  border-radius: 60px;
  transform: translate(30px);
}

.gc-datetime-date--large.gc-datetime-date--range-both:before {
  width: 60px;
}

.gc-datetime-date--range-start:before {
  width: 200%;
  transform: translate(calc(0px - var(--cui-block-size-sm) * .5 - 2px));
  opacity: 1;
  border-radius: calc(var(--cui-block-size-sm) + 4px);
  transition: opacity .2s ease-in-out;
  left: 50%;
}

.gc-datetime-date--range-end:before {
  width: 200%;
  transform: translate(calc(var(--cui-block-size-sm) * .5 + 2px));
  opacity: 1;
  border-radius: calc(var(--cui-block-size-sm) + 4px);
  transition: opacity .2s ease-in-out;
  left: auto;
  right: 50%;
}

.gc-datetime-date--range-both:before {
  width: calc(var(--cui-block-size-sm) + 4px);
  opacity: 1;
  border-radius: 50%;
  transition: opacity .2s ease-in-out;
  left: 50%;
  transform: translate(-50%);
}

.gc-datetime-date--in-range:before {
  opacity: 1;
  transition: opacity .2s ease-in-out;
}

.gc-datetime-date__button {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  -webkit-user-select: none;
  user-select: none;
}

.gc-datetime-date__button--neighbor {
  color: var(--cui-text-semi-40);
}

.gc-datetime-date__button--today {
  color: var(--cui-primary-700);
  font-weight: 700;
}

.gc-datetime-date__button--today:before {
  content: "";
  border: 2px solid var(--cui-primary-500);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: opacity .2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gc-datetime-date__button--selected {
  color: var(--cui-white);
  font-weight: 700;
}

.gc-datetime-date__button--selected:before {
  opacity: 0;
}

.gc-datetime-date__button .gc-btn__text {
  padding: 0;
}

.gc-loader-button:before, .gc-loader-button:after {
  content: "";
  background-color: currentColor;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: block;
  position: absolute;
  top: calc(50% - 4.5px);
}

.gc-loader-button:before {
  animation: .4s ease-in-out infinite alternate gc-loader-btn;
  left: calc(50% - 10px);
}

.gc-loader-button:after {
  animation: .4s ease-in-out infinite alternate-reverse gc-loader-btn;
  left: calc(50% + 1px);
}

.gc-size-sm .gc-loader-button:before, .gc-size-sm .gc-loader-button:after {
  width: 7px;
  height: 7px;
  top: calc(50% - 3.5px);
}

.gc-size-sm .gc-loader-button:before {
  left: calc(50% - 8px);
}

.gc-size-lg .gc-loader-button:before, .gc-size-lg .gc-loader-button:after {
  width: 11px;
  height: 11px;
  top: calc(50% - 5.5px);
}

.gc-size-lg .gc-loader-button:before {
  left: calc(50% - 12px);
}

.gc-loader {
  background-color: var(--cui-overlay);
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.gc-loader > div {
  background-color: currentColor;
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
  margin: 1px;
  animation: .8s linear infinite gc-loader;
}

.gc-loader > div:nth-child(2n-1) {
  animation-delay: -.4s !important;
}

.gc-loader--block {
  display: flex;
}

.gc-loader--transparent {
  background-color: #0000;
}

.gc-loader--info > div {
  background-color: var(--cui-primary-500);
}

.gc-loader--warning > div {
  background-color: var(--cui-warning-500);
}

.gc-loader--error > div {
  background-color: var(--cui-error-500);
}

.gc-alert {
  --cui-alert-info-bg: var(--cui-accent-text-semi-10);
  --cui-alert-info-border: var(--cui-accent-text-semi-10);
  --cui-alert-warning-bg: var(--cui-accent-warning-text-semi-10);
  --cui-alert-warning-border: var(--cui-accent-warning-text-semi-10);
  --cui-alert-error-bg: var(--cui-accent-error-text-semi-10);
  --cui-alert-error-border: var(--cui-accent-error-text-semi-10);
  padding: var(--cui-padding-sm);
  border: var(--cui-border-width) solid var(--cui-alert-info-border);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-alert-info-bg);
  overflow: hidden;
}

.gc-alert__main {
  min-height: var(--cui-block-size-sm);
  align-items: center;
  display: flex;
}

.gc-alert__icon {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  color: var(--cui-accent-text);
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-alert__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 0;
  color: var(--cui-accent-text);
  font-size: var(--cui-text-size-lg);
  font-weight: 400;
  line-height: var(--cui-block-size-sm);
  flex: auto;
  margin: 0;
  overflow: hidden;
}

.gc-alert--one-row {
  white-space: nowrap;
  overflow: hidden;
}

.gc-alert--multi-row {
  white-space: normal;
  overflow: visible;
}

.gc-alert__actions {
  margin-left: var(--cui-padding);
}

.gc-alert__details {
  overflow-wrap: anywhere;
  font-size: var(--cui-text-size);
  padding: 4px 0 4px 6px;
}

.gc-alert--level-warning {
  border: var(--cui-border-width) solid var(--cui-alert-warning-border);
  background-color: var(--cui-alert-warning-bg);
}

.gc-alert--level-warning > .gc-alert__main > .gc-alert__icon, .gc-alert--level-warning > .gc-alert__main > .gc-alert__title {
  color: var(--cui-accent-warning-text);
}

.gc-alert--level-error {
  border: var(--cui-border-width) solid var(--cui-alert-error-border);
  background-color: var(--cui-alert-error-bg);
}

.gc-alert--level-error > .gc-alert__main > .gc-alert__icon, .gc-alert--level-error > .gc-alert__main > .gc-alert__title {
  color: var(--cui-accent-error-text);
}

.gc-alert--size-small {
  border: none;
  padding: 0;
}

.gc-alert--size-small .gc-alert__details {
  padding: 0 10px 10px;
}

.gc-alert--size-small .gc-alert__title {
  font-size: var(--cui-text-size);
}

.gc-alert--size-small .gc-alert__title:first-child {
  margin-left: var(--cui-padding-sm);
}

.gc-alert--size-small .gc-alert__icon {
  margin-right: 0;
}

.gc-positioner {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
}

.gc-positioner--calculating {
  visibility: hidden;
}

.gc-positioner--fill-container {
  width: 100%;
  height: 100%;
}

.gc-positioner > * {
  pointer-events: auto;
}

.gc-popover-normalize {
  color: var(--cui-text-color);
  background: none;
  border: none;
  padding: 0;
  overflow: visible;
}

a.gc-link, a.gc-link:active, a.gc-link:focus, a.gc-link:visited {
  color: var(--cui-primary-700);
}

a.gc-link:hover {
  color: var(--cui-primary-800);
}

a.gc-link--no-underline {
  text-decoration: none;
}

@media (any-hover: none) {
  a.gc-link:hover {
    color: var(--cui-primary-700);
  }
}

.gc-grid-item--appbar {
  background-color: var(--cui-bg-panels);
  box-shadow: inset 0 -1px 0 0 var(--cui-bg-panels-border);
  grid-area: appbar;
}

.gc-grid-item--legacy-appbar {
  background-color: var(--cui-primary-500);
  grid-area: appbar;
}

.gc-grid-item--menu {
  grid-area: menu;
}

.gc-grid-item--toolbar {
  background-color: var(--cui-bg-panels);
  box-shadow: inset 0 -1px 0 0 var(--cui-bg-panels-border);
  grid-area: toolbar;
  justify-content: flex-end;
  display: flex;
}

.gc-grid-item--toolbar > .gc-toolbar {
  flex: auto;
  margin: 5px;
}

.gc-grid-item--surface {
  grid-area: surface;
}

.gc-grid-item--sidebar {
  grid-area: sidebar;
}

.gc-grid-item--statusbar {
  border-top: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
  grid-area: statusbar;
}

.gc-grid {
  z-index: 0;
  display: grid;
  display: -ms-grid;
  width: 100%;
  height: 100%;
  position: relative;
}

.gc-grid *, .gc-grid :before, .gc-grid :after {
  box-sizing: border-box;
}

.gc-grid--designer {
  -ms-grid-rows: auto auto minmax(0,1fr) auto;
  -ms-grid-columns: auto minmax(0,1fr) auto;
  grid-template: "appbar appbar appbar"
                 "menu toolbar toolbar"
                 "menu surface sidebar" minmax(0, 1fr)
                 "menu statusbar statusbar"
                 / auto minmax(0, 1fr) auto;
}

.gc-grid--designer > .gc-grid-item--appbar, .gc-grid--designer > .gc-grid-item--legacy-appbar {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}

.gc-grid--designer > .gc-grid-item--menu {
  -ms-grid-row: 2;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}

.gc-grid--designer > .gc-grid-item--toolbar {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}

.gc-grid--designer > .gc-grid-item--surface {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}

.gc-grid--designer > .gc-grid-item--sidebar {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.gc-grid--designer > .gc-grid-item--statusbar {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}

.gc-app {
  z-index: 0;
  width: 100%;
  height: 100%;
  color: var(--cui-text-color);
  background-color: var(--cui-bg-body);
  font-family: var(--cui-text-family);
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.gc-resizable {
  position: relative;
}

.gc-resizable--disabled .gc-resizable__handler {
  display: none;
}

.gc-resizable--horizontal {
  will-change: width;
  height: 100%;
}

.gc-resizable--horizontal .gc-resizable__handler {
  cursor: ew-resize;
  width: 10px;
  height: 100%;
  top: 0;
}

.gc-resizable--vertical {
  will-change: height;
  width: 100%;
}

.gc-resizable--vertical .gc-resizable__handler {
  cursor: ns-resize;
  width: 100%;
  height: 10px;
  left: 0;
}

.gc-resizable__handler {
  position: absolute;
}

.gc-resizable__handler--side-left {
  left: -5px;
}

.gc-resizable__handler--side-right {
  right: -5px;
}

.gc-resizable__handler--side-top {
  top: -5px;
}

.gc-resizable__handler--side-bottom {
  bottom: -5px;
}

.gc-date-range, .gc-date-range__main {
  display: flex;
}

.gc-date-range__main .gc-datetime:first-child:not(:only-child) .gc-datetime__body {
  padding-right: var(--cui-padding-sm);
}

.gc-date-range__main .gc-datetime:nth-child(2) .gc-datetime__body {
  padding-left: var(--cui-padding-sm);
}

.gc-date-range__main .gc-datetime--months .gc-datetime__body, .gc-date-range__main .gc-datetime--years .gc-datetime__body {
  flex-wrap: wrap;
  align-content: space-around;
  display: flex;
}

.gc-date-range__aside {
  background-color: var(--cui-primary-500);
}

@media screen and (width <= 812px) {
  .gc-date-range {
    flex-direction: column;
  }

  .gc-date-range__aside {
    border-radius: 0 0 var(--cui-border-radius) var(--cui-border-radius);
  }
}

.gc-date-range-aside {
  flex-direction: column;
  width: 190px;
  height: 100%;
  display: flex;
}

.gc-date-range-aside--simple .gc-date-range-shortcuts__list {
  padding: var(--cui-padding) 0;
}

.gc-date-range-aside__header {
  height: calc(var(--cui-block-size) + var(--cui-padding) * 2);
}

.gc-date-range-aside__body {
  height: 0;
  padding: 0 calc(var(--cui-padding) - var(--cui-padding-sm));
  flex-direction: column;
  flex: auto;
  display: flex;
}

.gc-date-range-aside__title {
  height: var(--cui-block-size-sm);
  margin: 0 var(--cui-padding-sm);
  text-align: center;
  color: var(--cui-contrast-text);
  box-shadow: inset 0 -1px 0 0 var(--cui-menu-splitter);
  font-size: var(--cui-text-size);
  font-weight: 700;
  line-height: var(--cui-block-size-sm);
  flex: none;
}

.gc-date-range-aside__list {
  padding: var(--cui-padding-sm) 0;
  flex: auto;
  overflow-y: auto;
}

.gc-date-range-aside__item {
  width: 100%;
}

.gc-date-range-aside__scroll {
  height: 100%;
  padding: 0 var(--cui-padding-sm);
}

@media screen and (width <= 812px) {
  .gc-date-range-aside {
    width: 100%;
  }

  .gc-date-range-aside__body {
    height: 100%;
  }

  .gc-date-range-aside__list {
    max-height: 200px;
  }
}

.cui-item {
  min-height: var(--cui-block-size-sm);
  border-radius: var(--cui-border-radius);
  outline-offset: -1px;
  flex-grow: 1;
  justify-content: stretch;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.cui-item--neutral:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-neutral-50);
  --cui-item-bg-selected-hover: var(--cui-neutral-100);
  --cui-item-bg-semi: var(--cui-neutral-50);
  --cui-item-bg-semi-selected: var(--cui-neutral-100);
  --cui-item-bg-semi-selected-hover: var(--cui-neutral-200);
  --cui-item-bg-solid: var(--cui-neutral-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-neutral-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-neutral-inverted-800);
  --cui-item-outline: var(--cui-neutral-300);
  --cui-item-outline-disabled: var(--cui-neutral-100);
  --cui-item-color: var(--cui-neutral-700);
  --cui-item-color-disabled: var(--cui-neutral-300);
  --cui-item-color-subtitle: var(--cui-neutral-400);
  --cui-item-color-subtitle-variant: var(--cui-neutral-500);
  --cui-item-color-subtitle-disabled: var(--cui-neutral-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-neutral-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-neutral-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-neutral-inverted-400);
}

.cui-item--neutral.cui-item--inverted {
  --cui-item-bg-selected: var(--cui-neutral-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-neutral-inverted-700);
  --cui-item-bg-semi: var(--cui-neutral-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-neutral-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-neutral-inverted-800);
  --cui-item-bg-solid: var(--cui-neutral-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-neutral-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-neutral-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-neutral-inverted-300);
  --cui-item-color-subtitle: var(--cui-neutral-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-neutral-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-neutral-inverted-400);
  --cui-item-color-solid: var(--cui-neutral-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-neutral-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-neutral-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-neutral-inverted-400);
}

.cui-item--primary:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-primary-50);
  --cui-item-bg-selected-hover: var(--cui-primary-100);
  --cui-item-bg-semi: var(--cui-primary-50);
  --cui-item-bg-semi-selected: var(--cui-primary-100);
  --cui-item-bg-semi-selected-hover: var(--cui-primary-200);
  --cui-item-bg-solid: var(--cui-primary-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-primary-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-primary-inverted-800);
  --cui-item-outline: var(--cui-primary-300);
  --cui-item-outline-disabled: var(--cui-primary-100);
  --cui-item-color: var(--cui-primary-700);
  --cui-item-color-disabled: var(--cui-primary-300);
  --cui-item-color-subtitle: var(--cui-primary-400);
  --cui-item-color-subtitle-variant: var(--cui-primary-500);
  --cui-item-color-subtitle-disabled: var(--cui-primary-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-primary-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-primary-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-primary-inverted-400);
}

.cui-item--primary.cui-item--inverted {
  --cui-item-bg-selected: var(--cui-primary-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-primary-inverted-700);
  --cui-item-bg-semi: var(--cui-primary-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-primary-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-primary-inverted-800);
  --cui-item-bg-solid: var(--cui-primary-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-primary-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-primary-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-primary-inverted-300);
  --cui-item-color-subtitle: var(--cui-primary-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-primary-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-primary-inverted-400);
  --cui-item-color-solid: var(--cui-primary-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-primary-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-primary-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-primary-inverted-400);
}

.cui-item--warning:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-warning-50);
  --cui-item-bg-selected-hover: var(--cui-warning-100);
  --cui-item-bg-semi: var(--cui-warning-50);
  --cui-item-bg-semi-selected: var(--cui-warning-100);
  --cui-item-bg-semi-selected-hover: var(--cui-warning-200);
  --cui-item-bg-solid: var(--cui-warning-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-warning-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-warning-inverted-800);
  --cui-item-outline: var(--cui-warning-300);
  --cui-item-outline-disabled: var(--cui-warning-100);
  --cui-item-color: var(--cui-warning-700);
  --cui-item-color-disabled: var(--cui-warning-300);
  --cui-item-color-subtitle: var(--cui-warning-400);
  --cui-item-color-subtitle-variant: var(--cui-warning-500);
  --cui-item-color-subtitle-disabled: var(--cui-warning-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-warning-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-warning-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-warning-inverted-400);
}

.cui-item--warning.cui-item--inverted {
  --cui-item-bg-selected: var(--cui-warning-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-warning-inverted-700);
  --cui-item-bg-semi: var(--cui-warning-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-warning-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-warning-inverted-800);
  --cui-item-bg-solid: var(--cui-warning-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-warning-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-warning-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-warning-inverted-300);
  --cui-item-color-subtitle: var(--cui-warning-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-warning-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-warning-inverted-400);
  --cui-item-color-solid: var(--cui-warning-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-warning-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-warning-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-warning-inverted-400);
}

.cui-item--error:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-error-50);
  --cui-item-bg-selected-hover: var(--cui-error-100);
  --cui-item-bg-semi: var(--cui-error-50);
  --cui-item-bg-semi-selected: var(--cui-error-100);
  --cui-item-bg-semi-selected-hover: var(--cui-error-200);
  --cui-item-bg-solid: var(--cui-error-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-error-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-error-inverted-800);
  --cui-item-outline: var(--cui-error-300);
  --cui-item-outline-disabled: var(--cui-error-100);
  --cui-item-color: var(--cui-error-700);
  --cui-item-color-disabled: var(--cui-error-300);
  --cui-item-color-subtitle: var(--cui-error-400);
  --cui-item-color-subtitle-variant: var(--cui-error-500);
  --cui-item-color-subtitle-disabled: var(--cui-error-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-error-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-error-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-error-inverted-400);
}

.cui-item--error.cui-item--inverted {
  --cui-item-bg-selected: var(--cui-error-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-error-inverted-700);
  --cui-item-bg-semi: var(--cui-error-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-error-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-error-inverted-800);
  --cui-item-bg-solid: var(--cui-error-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-error-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-error-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-error-inverted-300);
  --cui-item-color-subtitle: var(--cui-error-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-error-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-error-inverted-400);
  --cui-item-color-solid: var(--cui-error-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-error-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-error-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-error-inverted-400);
}

.cui-item--button, .cui-item--li {
  margin: 0;
  padding: 0;
}

.cui-item--button {
  text-align: inherit;
  font-style: inherit;
  background: none;
  border: none;
  font-family: inherit;
}

.cui-item--li {
  list-style: none;
}

.cui-item:not(:has(.cui-item__decoration-left)) {
  padding-left: var(--cui-padding-sm);
}

.cui-item:not(:has(.cui-item__controls)) {
  padding-right: var(--cui-padding-sm);
}

.cui-item--disabled {
  pointer-events: none;
}

.cui-item--large {
  min-height: var(--cui-block-size-lg);
}

.cui-item--large .cui-item__decoration-left {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
  justify-content: center;
  align-items: center;
  display: flex;
}

.cui-item--large__controls {
  height: var(--cui-block-size-lg);
}

.cui-item--large .cui-item__title {
  font-size: var(--cui-text-size-lg);
  line-height: normal;
}

.cui-item--large .cui-item__text {
  padding: 5px 0;
}

.cui-item--small {
  min-height: var(--cui-block-size-sm);
}

.cui-item--small .cui-item__decoration-left {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  justify-content: center;
  align-items: center;
  display: flex;
}

.cui-item--small__controls {
  height: var(--cui-block-size-sm);
}

.cui-item--default {
  min-height: var(--cui-block-size);
}

.cui-item--default .cui-item__decoration-left {
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
  display: flex;
}

.cui-item--default__controls {
  height: var(--cui-block-size);
}

.cui-item--semi {
  background-color: var(--cui-item-bg-semi);
}

.cui-item--semi .cui-item__title {
  color: var(--cui-item-color);
}

.cui-item--semi .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}

.cui-item--semi .cui-item__decoration-left .gc-icon, .cui-item--semi .cui-item__decoration-left .gc-item--core, .cui-item--semi .cui-item__decoration-left button > .gc-icon, .cui-item--semi .cui-item__decoration-left button > .gc-icon--core, .cui-item--semi .cui-item__decoration-right .gc-icon, .cui-item--semi .cui-item__decoration-right .gc-item--core, .cui-item--semi .cui-item__decoration-right button > .gc-icon, .cui-item--semi .cui-item__decoration-right button > .gc-icon--core, .cui-item--semi .cui-item__controls .gc-icon, .cui-item--semi .cui-item__controls .gc-item--core, .cui-item--semi .cui-item__controls button > .gc-icon, .cui-item--semi .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color);
}

.cui-item--semi .cui-item__decoration-left .gc-icon svg, .cui-item--semi .cui-item__decoration-left .gc-icon svg path, .cui-item--semi .cui-item__decoration-left .gc-item--core svg, .cui-item--semi .cui-item__decoration-left .gc-item--core svg path, .cui-item--semi .cui-item__decoration-left button > .gc-icon svg, .cui-item--semi .cui-item__decoration-left button > .gc-icon svg path, .cui-item--semi .cui-item__decoration-left button > .gc-icon--core svg, .cui-item--semi .cui-item__decoration-left button > .gc-icon--core svg path, .cui-item--semi .cui-item__decoration-right .gc-icon svg, .cui-item--semi .cui-item__decoration-right .gc-icon svg path, .cui-item--semi .cui-item__decoration-right .gc-item--core svg, .cui-item--semi .cui-item__decoration-right .gc-item--core svg path, .cui-item--semi .cui-item__decoration-right button > .gc-icon svg, .cui-item--semi .cui-item__decoration-right button > .gc-icon svg path, .cui-item--semi .cui-item__decoration-right button > .gc-icon--core svg, .cui-item--semi .cui-item__decoration-right button > .gc-icon--core svg path, .cui-item--semi .cui-item__controls .gc-icon svg, .cui-item--semi .cui-item__controls .gc-icon svg path, .cui-item--semi .cui-item__controls .gc-item--core svg, .cui-item--semi .cui-item__controls .gc-item--core svg path, .cui-item--semi .cui-item__controls button > .gc-icon svg, .cui-item--semi .cui-item__controls button > .gc-icon svg path, .cui-item--semi .cui-item__controls button > .gc-icon--core svg, .cui-item--semi .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color);
  fill: var(--cui-item-color) !important;
}

.cui-item--semi:hover, .cui-item--semi.cui-item--selected {
  background-color: var(--cui-item-bg-semi-selected);
}

.cui-item--semi:hover .cui-item__subtitle, .cui-item--semi.cui-item--selected .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}

.cui-item--semi.cui-item--selected:hover {
  background-color: var(--cui-item-bg-semi-selected-hover);
}

.cui-item--semi.cui-item--disabled {
  background-color: var(--cui-item-bg-semi);
}

.cui-item--semi.cui-item--disabled .cui-item__title {
  color: var(--cui-item-color-disabled);
}

.cui-item--semi.cui-item--disabled .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-disabled);
}

.cui-item--semi.cui-item--disabled .cui-item__decoration-left .gc-icon, .cui-item--semi.cui-item--disabled .cui-item__decoration-left .gc-item--core, .cui-item--semi.cui-item--disabled .cui-item__decoration-left button > .gc-icon, .cui-item--semi.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core, .cui-item--semi.cui-item--disabled .cui-item__decoration-right .gc-icon, .cui-item--semi.cui-item--disabled .cui-item__decoration-right .gc-item--core, .cui-item--semi.cui-item--disabled .cui-item__decoration-right button > .gc-icon, .cui-item--semi.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core, .cui-item--semi.cui-item--disabled .cui-item__controls .gc-icon, .cui-item--semi.cui-item--disabled .cui-item__controls .gc-item--core, .cui-item--semi.cui-item--disabled .cui-item__controls button > .gc-icon, .cui-item--semi.cui-item--disabled .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-disabled);
}

.cui-item--semi.cui-item--disabled .cui-item__decoration-left .gc-icon svg, .cui-item--semi.cui-item--disabled .cui-item__decoration-left .gc-icon svg path, .cui-item--semi.cui-item--disabled .cui-item__decoration-left .gc-item--core svg, .cui-item--semi.cui-item--disabled .cui-item__decoration-left .gc-item--core svg path, .cui-item--semi.cui-item--disabled .cui-item__decoration-left button > .gc-icon svg, .cui-item--semi.cui-item--disabled .cui-item__decoration-left button > .gc-icon svg path, .cui-item--semi.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core svg, .cui-item--semi.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core svg path, .cui-item--semi.cui-item--disabled .cui-item__decoration-right .gc-icon svg, .cui-item--semi.cui-item--disabled .cui-item__decoration-right .gc-icon svg path, .cui-item--semi.cui-item--disabled .cui-item__decoration-right .gc-item--core svg, .cui-item--semi.cui-item--disabled .cui-item__decoration-right .gc-item--core svg path, .cui-item--semi.cui-item--disabled .cui-item__decoration-right button > .gc-icon svg, .cui-item--semi.cui-item--disabled .cui-item__decoration-right button > .gc-icon svg path, .cui-item--semi.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core svg, .cui-item--semi.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core svg path, .cui-item--semi.cui-item--disabled .cui-item__controls .gc-icon svg, .cui-item--semi.cui-item--disabled .cui-item__controls .gc-icon svg path, .cui-item--semi.cui-item--disabled .cui-item__controls .gc-item--core svg, .cui-item--semi.cui-item--disabled .cui-item__controls .gc-item--core svg path, .cui-item--semi.cui-item--disabled .cui-item__controls button > .gc-icon svg, .cui-item--semi.cui-item--disabled .cui-item__controls button > .gc-icon svg path, .cui-item--semi.cui-item--disabled .cui-item__controls button > .gc-icon--core svg, .cui-item--semi.cui-item--disabled .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-disabled);
  fill: var(--cui-item-color-disabled) !important;
}

.cui-item--transparent {
  background-color: #0000;
}

.cui-item--transparent .cui-item__title {
  color: var(--cui-item-color);
}

.cui-item--transparent .cui-item__subtitle {
  color: var(--cui-item-color-subtitle);
}

.cui-item--transparent .cui-item__decoration-left .gc-icon, .cui-item--transparent .cui-item__decoration-left .gc-item--core, .cui-item--transparent .cui-item__decoration-left button > .gc-icon, .cui-item--transparent .cui-item__decoration-left button > .gc-icon--core, .cui-item--transparent .cui-item__decoration-right .gc-icon, .cui-item--transparent .cui-item__decoration-right .gc-item--core, .cui-item--transparent .cui-item__decoration-right button > .gc-icon, .cui-item--transparent .cui-item__decoration-right button > .gc-icon--core, .cui-item--transparent .cui-item__controls .gc-icon, .cui-item--transparent .cui-item__controls .gc-item--core, .cui-item--transparent .cui-item__controls button > .gc-icon, .cui-item--transparent .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color);
}

.cui-item--transparent .cui-item__decoration-left .gc-icon svg, .cui-item--transparent .cui-item__decoration-left .gc-icon svg path, .cui-item--transparent .cui-item__decoration-left .gc-item--core svg, .cui-item--transparent .cui-item__decoration-left .gc-item--core svg path, .cui-item--transparent .cui-item__decoration-left button > .gc-icon svg, .cui-item--transparent .cui-item__decoration-left button > .gc-icon svg path, .cui-item--transparent .cui-item__decoration-left button > .gc-icon--core svg, .cui-item--transparent .cui-item__decoration-left button > .gc-icon--core svg path, .cui-item--transparent .cui-item__decoration-right .gc-icon svg, .cui-item--transparent .cui-item__decoration-right .gc-icon svg path, .cui-item--transparent .cui-item__decoration-right .gc-item--core svg, .cui-item--transparent .cui-item__decoration-right .gc-item--core svg path, .cui-item--transparent .cui-item__decoration-right button > .gc-icon svg, .cui-item--transparent .cui-item__decoration-right button > .gc-icon svg path, .cui-item--transparent .cui-item__decoration-right button > .gc-icon--core svg, .cui-item--transparent .cui-item__decoration-right button > .gc-icon--core svg path, .cui-item--transparent .cui-item__controls .gc-icon svg, .cui-item--transparent .cui-item__controls .gc-icon svg path, .cui-item--transparent .cui-item__controls .gc-item--core svg, .cui-item--transparent .cui-item__controls .gc-item--core svg path, .cui-item--transparent .cui-item__controls button > .gc-icon svg, .cui-item--transparent .cui-item__controls button > .gc-icon svg path, .cui-item--transparent .cui-item__controls button > .gc-icon--core svg, .cui-item--transparent .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color);
  fill: var(--cui-item-color) !important;
}

.cui-item--transparent:hover, .cui-item--transparent.cui-item--selected {
  background-color: var(--cui-item-bg-selected);
}

.cui-item--transparent.cui-item--selected:hover {
  background-color: var(--cui-item-bg-selected-hover);
}

.cui-item--transparent.cui-item--selected:hover .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}

.cui-item--transparent.cui-item--disabled {
  background-color: #0000;
}

.cui-item--transparent.cui-item--disabled .cui-item__title {
  color: var(--cui-item-color-disabled);
}

.cui-item--transparent.cui-item--disabled .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-disabled);
}

.cui-item--transparent.cui-item--disabled .cui-item__decoration-left .gc-icon, .cui-item--transparent.cui-item--disabled .cui-item__decoration-left .gc-item--core, .cui-item--transparent.cui-item--disabled .cui-item__decoration-left button > .gc-icon, .cui-item--transparent.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right .gc-icon, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right .gc-item--core, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right button > .gc-icon, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core, .cui-item--transparent.cui-item--disabled .cui-item__controls .gc-icon, .cui-item--transparent.cui-item--disabled .cui-item__controls .gc-item--core, .cui-item--transparent.cui-item--disabled .cui-item__controls button > .gc-icon, .cui-item--transparent.cui-item--disabled .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-disabled);
}

.cui-item--transparent.cui-item--disabled .cui-item__decoration-left .gc-icon svg, .cui-item--transparent.cui-item--disabled .cui-item__decoration-left .gc-icon svg path, .cui-item--transparent.cui-item--disabled .cui-item__decoration-left .gc-item--core svg, .cui-item--transparent.cui-item--disabled .cui-item__decoration-left .gc-item--core svg path, .cui-item--transparent.cui-item--disabled .cui-item__decoration-left button > .gc-icon svg, .cui-item--transparent.cui-item--disabled .cui-item__decoration-left button > .gc-icon svg path, .cui-item--transparent.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core svg, .cui-item--transparent.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core svg path, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right .gc-icon svg, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right .gc-icon svg path, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right .gc-item--core svg, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right .gc-item--core svg path, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right button > .gc-icon svg, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right button > .gc-icon svg path, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core svg, .cui-item--transparent.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core svg path, .cui-item--transparent.cui-item--disabled .cui-item__controls .gc-icon svg, .cui-item--transparent.cui-item--disabled .cui-item__controls .gc-icon svg path, .cui-item--transparent.cui-item--disabled .cui-item__controls .gc-item--core svg, .cui-item--transparent.cui-item--disabled .cui-item__controls .gc-item--core svg path, .cui-item--transparent.cui-item--disabled .cui-item__controls button > .gc-icon svg, .cui-item--transparent.cui-item--disabled .cui-item__controls button > .gc-icon svg path, .cui-item--transparent.cui-item--disabled .cui-item__controls button > .gc-icon--core svg, .cui-item--transparent.cui-item--disabled .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-disabled);
  fill: var(--cui-item-color-disabled) !important;
}

.cui-item--outlined {
  outline: 1px solid var(--cui-item-outline);
  background-color: #0000;
}

.cui-item--outlined .cui-item__title {
  color: var(--cui-item-color);
}

.cui-item--outlined .cui-item__subtitle {
  color: var(--cui-item-color-subtitle);
}

.cui-item--outlined .cui-item__decoration-left .gc-icon, .cui-item--outlined .cui-item__decoration-left .gc-item--core, .cui-item--outlined .cui-item__decoration-left button > .gc-icon, .cui-item--outlined .cui-item__decoration-left button > .gc-icon--core, .cui-item--outlined .cui-item__decoration-right .gc-icon, .cui-item--outlined .cui-item__decoration-right .gc-item--core, .cui-item--outlined .cui-item__decoration-right button > .gc-icon, .cui-item--outlined .cui-item__decoration-right button > .gc-icon--core, .cui-item--outlined .cui-item__controls .gc-icon, .cui-item--outlined .cui-item__controls .gc-item--core, .cui-item--outlined .cui-item__controls button > .gc-icon, .cui-item--outlined .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color);
}

.cui-item--outlined .cui-item__decoration-left .gc-icon svg, .cui-item--outlined .cui-item__decoration-left .gc-icon svg path, .cui-item--outlined .cui-item__decoration-left .gc-item--core svg, .cui-item--outlined .cui-item__decoration-left .gc-item--core svg path, .cui-item--outlined .cui-item__decoration-left button > .gc-icon svg, .cui-item--outlined .cui-item__decoration-left button > .gc-icon svg path, .cui-item--outlined .cui-item__decoration-left button > .gc-icon--core svg, .cui-item--outlined .cui-item__decoration-left button > .gc-icon--core svg path, .cui-item--outlined .cui-item__decoration-right .gc-icon svg, .cui-item--outlined .cui-item__decoration-right .gc-icon svg path, .cui-item--outlined .cui-item__decoration-right .gc-item--core svg, .cui-item--outlined .cui-item__decoration-right .gc-item--core svg path, .cui-item--outlined .cui-item__decoration-right button > .gc-icon svg, .cui-item--outlined .cui-item__decoration-right button > .gc-icon svg path, .cui-item--outlined .cui-item__decoration-right button > .gc-icon--core svg, .cui-item--outlined .cui-item__decoration-right button > .gc-icon--core svg path, .cui-item--outlined .cui-item__controls .gc-icon svg, .cui-item--outlined .cui-item__controls .gc-icon svg path, .cui-item--outlined .cui-item__controls .gc-item--core svg, .cui-item--outlined .cui-item__controls .gc-item--core svg path, .cui-item--outlined .cui-item__controls button > .gc-icon svg, .cui-item--outlined .cui-item__controls button > .gc-icon svg path, .cui-item--outlined .cui-item__controls button > .gc-icon--core svg, .cui-item--outlined .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color);
  fill: var(--cui-item-color) !important;
}

.cui-item--outlined:hover, .cui-item--outlined.cui-item--selected {
  background-color: var(--cui-item-bg-selected);
}

.cui-item--outlined.cui-item--selected:hover {
  background-color: var(--cui-item-bg-selected-hover);
  outline-color: var(--cui-item-outline);
}

.cui-item--outlined.cui-item--selected:hover .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}

.cui-item--outlined.cui-item--disabled {
  outline-color: var(--cui-item-outline-disabled);
  background-color: #0000;
}

.cui-item--outlined.cui-item--disabled .cui-item__title {
  color: var(--cui-item-color-disabled);
}

.cui-item--outlined.cui-item--disabled .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-disabled);
}

.cui-item--outlined.cui-item--disabled .cui-item__decoration-left .gc-icon, .cui-item--outlined.cui-item--disabled .cui-item__decoration-left .gc-item--core, .cui-item--outlined.cui-item--disabled .cui-item__decoration-left button > .gc-icon, .cui-item--outlined.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right .gc-icon, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right .gc-item--core, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right button > .gc-icon, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core, .cui-item--outlined.cui-item--disabled .cui-item__controls .gc-icon, .cui-item--outlined.cui-item--disabled .cui-item__controls .gc-item--core, .cui-item--outlined.cui-item--disabled .cui-item__controls button > .gc-icon, .cui-item--outlined.cui-item--disabled .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-disabled);
}

.cui-item--outlined.cui-item--disabled .cui-item__decoration-left .gc-icon svg, .cui-item--outlined.cui-item--disabled .cui-item__decoration-left .gc-icon svg path, .cui-item--outlined.cui-item--disabled .cui-item__decoration-left .gc-item--core svg, .cui-item--outlined.cui-item--disabled .cui-item__decoration-left .gc-item--core svg path, .cui-item--outlined.cui-item--disabled .cui-item__decoration-left button > .gc-icon svg, .cui-item--outlined.cui-item--disabled .cui-item__decoration-left button > .gc-icon svg path, .cui-item--outlined.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core svg, .cui-item--outlined.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core svg path, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right .gc-icon svg, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right .gc-icon svg path, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right .gc-item--core svg, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right .gc-item--core svg path, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right button > .gc-icon svg, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right button > .gc-icon svg path, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core svg, .cui-item--outlined.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core svg path, .cui-item--outlined.cui-item--disabled .cui-item__controls .gc-icon svg, .cui-item--outlined.cui-item--disabled .cui-item__controls .gc-icon svg path, .cui-item--outlined.cui-item--disabled .cui-item__controls .gc-item--core svg, .cui-item--outlined.cui-item--disabled .cui-item__controls .gc-item--core svg path, .cui-item--outlined.cui-item--disabled .cui-item__controls button > .gc-icon svg, .cui-item--outlined.cui-item--disabled .cui-item__controls button > .gc-icon svg path, .cui-item--outlined.cui-item--disabled .cui-item__controls button > .gc-icon--core svg, .cui-item--outlined.cui-item--disabled .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-disabled);
  fill: var(--cui-item-color-disabled) !important;
}

.cui-item--solid {
  background-color: var(--cui-item-bg-solid);
}

.cui-item--solid .cui-item__title {
  color: var(--cui-item-color-solid);
}

.cui-item--solid .cui-item__subtitle {
  color: var(--cui-item-color-solid-subtitle);
}

.cui-item--solid .cui-item__decoration-left .gc-icon, .cui-item--solid .cui-item__decoration-left .gc-item--core, .cui-item--solid .cui-item__decoration-left button > .gc-icon, .cui-item--solid .cui-item__decoration-left button > .gc-icon--core, .cui-item--solid .cui-item__decoration-right .gc-icon, .cui-item--solid .cui-item__decoration-right .gc-item--core, .cui-item--solid .cui-item__decoration-right button > .gc-icon, .cui-item--solid .cui-item__decoration-right button > .gc-icon--core, .cui-item--solid .cui-item__controls .gc-icon, .cui-item--solid .cui-item__controls .gc-item--core, .cui-item--solid .cui-item__controls button > .gc-icon, .cui-item--solid .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-solid);
}

.cui-item--solid .cui-item__decoration-left .gc-icon svg, .cui-item--solid .cui-item__decoration-left .gc-icon svg path, .cui-item--solid .cui-item__decoration-left .gc-item--core svg, .cui-item--solid .cui-item__decoration-left .gc-item--core svg path, .cui-item--solid .cui-item__decoration-left button > .gc-icon svg, .cui-item--solid .cui-item__decoration-left button > .gc-icon svg path, .cui-item--solid .cui-item__decoration-left button > .gc-icon--core svg, .cui-item--solid .cui-item__decoration-left button > .gc-icon--core svg path, .cui-item--solid .cui-item__decoration-right .gc-icon svg, .cui-item--solid .cui-item__decoration-right .gc-icon svg path, .cui-item--solid .cui-item__decoration-right .gc-item--core svg, .cui-item--solid .cui-item__decoration-right .gc-item--core svg path, .cui-item--solid .cui-item__decoration-right button > .gc-icon svg, .cui-item--solid .cui-item__decoration-right button > .gc-icon svg path, .cui-item--solid .cui-item__decoration-right button > .gc-icon--core svg, .cui-item--solid .cui-item__decoration-right button > .gc-icon--core svg path, .cui-item--solid .cui-item__controls .gc-icon svg, .cui-item--solid .cui-item__controls .gc-icon svg path, .cui-item--solid .cui-item__controls .gc-item--core svg, .cui-item--solid .cui-item__controls .gc-item--core svg path, .cui-item--solid .cui-item__controls button > .gc-icon svg, .cui-item--solid .cui-item__controls button > .gc-icon svg path, .cui-item--solid .cui-item__controls button > .gc-icon--core svg, .cui-item--solid .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-solid);
  fill: var(--cui-item-color-solid) !important;
}

.cui-item--solid:hover, .cui-item--solid.cui-item--selected {
  background-color: var(--cui-item-bg-solid-selected);
}

.cui-item--solid.cui-item--selected:hover {
  background-color: var(--cui-item-bg-solid-selected-hover);
}

.cui-item--solid.cui-item--disabled {
  background-color: var(--cui-item-bg-solid);
}

.cui-item--solid.cui-item--disabled .cui-item__title {
  color: var(--cui-item-color-solid-disabled);
}

.cui-item--solid.cui-item--disabled .cui-item__subtitle {
  color: var(--cui-item-color-solid-subtitle-disabled);
}

.cui-item--solid.cui-item--disabled .cui-item__decoration-left .gc-icon, .cui-item--solid.cui-item--disabled .cui-item__decoration-left .gc-item--core, .cui-item--solid.cui-item--disabled .cui-item__decoration-left button > .gc-icon, .cui-item--solid.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core, .cui-item--solid.cui-item--disabled .cui-item__decoration-right .gc-icon, .cui-item--solid.cui-item--disabled .cui-item__decoration-right .gc-item--core, .cui-item--solid.cui-item--disabled .cui-item__decoration-right button > .gc-icon, .cui-item--solid.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core, .cui-item--solid.cui-item--disabled .cui-item__controls .gc-icon, .cui-item--solid.cui-item--disabled .cui-item__controls .gc-item--core, .cui-item--solid.cui-item--disabled .cui-item__controls button > .gc-icon, .cui-item--solid.cui-item--disabled .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-solid-disabled);
}

.cui-item--solid.cui-item--disabled .cui-item__decoration-left .gc-icon svg, .cui-item--solid.cui-item--disabled .cui-item__decoration-left .gc-icon svg path, .cui-item--solid.cui-item--disabled .cui-item__decoration-left .gc-item--core svg, .cui-item--solid.cui-item--disabled .cui-item__decoration-left .gc-item--core svg path, .cui-item--solid.cui-item--disabled .cui-item__decoration-left button > .gc-icon svg, .cui-item--solid.cui-item--disabled .cui-item__decoration-left button > .gc-icon svg path, .cui-item--solid.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core svg, .cui-item--solid.cui-item--disabled .cui-item__decoration-left button > .gc-icon--core svg path, .cui-item--solid.cui-item--disabled .cui-item__decoration-right .gc-icon svg, .cui-item--solid.cui-item--disabled .cui-item__decoration-right .gc-icon svg path, .cui-item--solid.cui-item--disabled .cui-item__decoration-right .gc-item--core svg, .cui-item--solid.cui-item--disabled .cui-item__decoration-right .gc-item--core svg path, .cui-item--solid.cui-item--disabled .cui-item__decoration-right button > .gc-icon svg, .cui-item--solid.cui-item--disabled .cui-item__decoration-right button > .gc-icon svg path, .cui-item--solid.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core svg, .cui-item--solid.cui-item--disabled .cui-item__decoration-right button > .gc-icon--core svg path, .cui-item--solid.cui-item--disabled .cui-item__controls .gc-icon svg, .cui-item--solid.cui-item--disabled .cui-item__controls .gc-icon svg path, .cui-item--solid.cui-item--disabled .cui-item__controls .gc-item--core svg, .cui-item--solid.cui-item--disabled .cui-item__controls .gc-item--core svg path, .cui-item--solid.cui-item--disabled .cui-item__controls button > .gc-icon svg, .cui-item--solid.cui-item--disabled .cui-item__controls button > .gc-icon svg path, .cui-item--solid.cui-item--disabled .cui-item__controls button > .gc-icon--core svg, .cui-item--solid.cui-item--disabled .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-solid-disabled);
  fill: var(--cui-item-color-solid-disabled) !important;
}

.cui-item > span, .cui-item__title, .cui-item__subtitle {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-item-color);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  display: block;
  overflow: hidden;
}

.cui-item__title {
  line-height: normal;
}

.cui-item__subtitle {
  color: var(--cui-item-color-subtitle);
  line-height: 15px;
}

.cui-item__text {
  flex-direction: column;
  flex-grow: 1;
  align-self: center;
  padding: 4px 0;
  display: flex;
  overflow: hidden;
}

.cui-item__controls {
  padding-right: var(--cui-padding-xs);
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  display: flex;
}

.cui-list {
  margin: 0;
  padding: 0;
  display: flex;
}

.cui-list--row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}

.cui-list--column {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.cui-list--wrap {
  flex-wrap: wrap;
}

.cui-list--gap-small {
  gap: var(--cui-padding-xs);
}

.cui-list--gap-medium {
  gap: var(--cui-padding-sm);
}

.cui-list--gap-large {
  gap: var(--cui-padding);
}

.cui-list--padding-small {
  padding: var(--cui-padding-xs);
}

.cui-list--padding-medium {
  padding: var(--cui-padding-sm);
}

.cui-list--padding-large {
  padding: var(--cui-padding);
}

.cui-loader-circle {
  --fill-bg: var(--cui-neutral-50);
  --fill-bg-inverted: var(--cui-neutral-inverted-600);
  --fill-bg-semi: var(--cui-neutral-100);
  --fill-bg-semi-inverted: var(--cui-neutral-inverted-400);
  --fill-bg-solid: var(--cui-neutral-300);
  --fill-bg-solid-inverted: var(--cui-neutral-inverted-300);
  --fill-fg: var(--cui-neutral-500);
  --fill-fg-inverted: var(--cui-white);
  --loader-fill-bg: var(--fill-bg);
  --loader-fill-fg: var(--fill-fg);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  transform: rotate(-90deg);
}

.cui-loader-circle circle {
  fill: #0000;
  cx: calc(var(--size) / 2);
  cy: calc(var(--size) / 2);
}

.cui-loader-circle__background {
  r: calc(var(--size) / 2 - 1px);
  stroke-width: 1px;
  stroke: var(--loader-fill-bg);
  transition: stroke .2s ease-in-out;
}

.cui-loader-circle__progress {
  r: calc(var(--size) / 2 - 1px);
  stroke-linecap: round;
  stroke-dasharray: calc((var(--size) - 2px) * 3.14159);
  stroke-width: 2px;
  stroke: var(--loader-fill-fg);
  transition: stroke-dashoffset .6s ease-in-out, stroke .2s ease-in-out;
}

.cui-loader-circle--indeterminate .cui-loader-circle__progress {
  transform-origin: center;
  animation: 1.2s linear infinite cui_a_loader_circle;
}

.cui-loader-circle--block {
  display: block;
}

.cui-loader-circle--small {
  --size: 14px;
}

.cui-loader-circle--large {
  --size: 20px;
}

.cui-loader-circle--large .cui-loader-circle__background {
  r: calc(var(--size) / 2 - 1px);
  stroke-width: 2px;
}

.cui-loader-circle--primary {
  --fill-bg: var(--cui-primary-50);
  --fill-bg-inverted: var(--cui-primary-inverted-600);
  --fill-bg-semi: var(--cui-primary-100);
  --fill-bg-semi-inverted: var(--cui-primary-inverted-400);
  --fill-bg-solid: var(--cui-primary-300);
  --fill-bg-solid-inverted: var(--cui-primary-inverted-300);
  --fill-fg: var(--cui-primary-500);
}

.cui-loader-circle--warning {
  --fill-bg: var(--cui-warning-50);
  --fill-bg-inverted: var(--cui-warning-inverted-600);
  --fill-bg-semi: var(--cui-warning-100);
  --fill-bg-semi-inverted: var(--cui-warning-inverted-400);
  --fill-bg-solid: var(--cui-warning-300);
  --fill-bg-solid-inverted: var(--cui-warning-inverted-300);
  --fill-fg: var(--cui-warning-500);
}

.cui-loader-circle--error {
  --fill-bg: var(--cui-error-50);
  --fill-bg-inverted: var(--cui-error-inverted-600);
  --fill-bg-semi: var(--cui-error-100);
  --fill-bg-semi-inverted: var(--cui-error-inverted-400);
  --fill-bg-solid: var(--cui-error-300);
  --fill-bg-solid-inverted: var(--cui-error-inverted-300);
  --fill-fg: var(--cui-error-500);
}

.cui-loader-circle--inverted {
  --loader-fill-bg: var(--fill-bg-inverted);
  --loader-fill-fg: var(--fill-fg-inverted);
}

.cui-loader-circle--semi {
  --loader-fill-bg: var(--fill-bg-semi);
}

.cui-loader-circle--semi.cui-loader-circle--inverted {
  --loader-fill-bg: var(--fill-bg-semi-inverted);
}

.cui-loader-circle--solid {
  --loader-fill-bg: var(--fill-bg-solid);
}

.cui-loader-circle--solid.cui-loader-circle--inverted {
  --loader-fill-bg: var(--fill-bg-solid-inverted);
}

.gc-btn.gc-size-sm .gc-btn__icon:not(.gc-icon--custom) > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}

.gc-btn.gc-size-lg .gc-btn__icon > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}

.gc-dd-menu__item > .gc-icon > svg {
  flex: none;
}

.gc-dd-menu__item.gc-size-sm > .gc-icon:not(.gc-icon--custom) > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}

.gc-dd-menu__item.gc-size-lg > .gc-icon:not(.gc-icon--custom) > svg, .gc-icon > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}

.gc-icon--small > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}

.gc-icon--large > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}

.gc-icon--core > svg {
  width: initial !important;
  height: initial !important;
}

.gc-icon-color {
  transition: fill .2s ease-in-out, stroke .2s ease-in-out;
}

.gc-icon-color--text {
  fill: currentColor;
  transition: fill .2s ease-in-out;
}

.gc-icon-color--stroke-text {
  stroke: currentColor;
  transition: stroke .2s ease-in-out;
}

.gc-icon-color--accent {
  fill: var(--cui-secondary-500);
  transition: fill .2s ease-in-out;
}

.gc-icon-color--stroke-accent {
  stroke: var(--cui-secondary-500);
  transition: stroke .2s ease-in-out;
}

:root {
  --wd-adorner-background: var(--cui-bg-panels);
  --wd-chart-adorner-move-size: 24px;
  --wd-chart-adorner-panel-width: 150px;
  --wd-chart-adorner-panel-height: 70px;
  --wd-chart-adorner-panel-gap: 5px;
  --wd-chart-adorner-panel-title-height: 30px;
  --wd-chart-adorner-panel-content-height: 40px;
}

.wd-drop-area.dnd-is-over:after {
  content: " ";
  background-color: hsla(var(--primary-500),.1);
  outline: 1px solid hsla(var(--primary-500),.62);
  outline-offset: 0px;
  position: absolute;
  inset: 4px;
}

.wd-drop-area.dnd-is-over--outer:after {
  content: " ";
  background-color: hsla(var(--primary-500),.1);
  outline: 1px solid hsla(var(--primary-500),.62);
  outline-offset: 3px;
  position: absolute;
  inset: 4px;
}

.dnd-can-drop:after {
  content: " ";
  background-color: hsla(var(--primary-500),.1);
  outline: 1px dashed hsla(var(--primary-500),.6);
  outline-offset: 0px;
  position: absolute;
  inset: 4px;
}

.dnd-can-drop--outer:after {
  content: " ";
  background-color: hsla(var(--primary-500),.1);
  outline: 1px dashed hsla(var(--primary-500),.6);
  outline-offset: 3px;
  position: absolute;
  inset: 4px;
}

.wd-property-grid {
  border-left: 1px solid var(--cui-neutral-100);
}

.wd-property-grid .gc-property-category__title, .wd-property-list .gc-property-category__title {
  margin-bottom: var(--cui-padding-xs);
}

.wd-property-grid .gc-property-category__title .gc-heading__text, .wd-property-list .gc-property-category__title .gc-heading__text {
  font-weight: 700;
}

.wd-property-grid .gc-property-category__title .gc-heading__divider, .wd-property-list .gc-property-category__title .gc-heading__divider {
  opacity: .1;
}

.wd-surface-grid {
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: flex;
}

.wd-icon-color-accent {
  fill: var(--cui-primary-500);
}

.wd-icon-color-secondary {
  fill: var(--cui-secondary-500);
}

.wd-icon-color-body {
  fill: currentColor;
}

.wd-icon-color-none {
  fill: none;
}

.wd-icon-color-white {
  fill: #fff;
}

.wd-icon-color-light-blue {
  fill: #9cf;
}

.wd-icon-color-light-blue-second {
  fill: #bcddff;
}

.wd-icon-color-light-gray-blue {
  fill: #9fc9eb;
}

.wd-icon-color-gray-blue {
  fill: #819cce;
}

.wd-icon-color-blue {
  fill: #1c7cdc;
}

.wd-icon-color-blue-second {
  fill: #007bf4;
}

.wd-icon-color-blue-third {
  fill: #6cf;
}

.wd-icon-color-dark-blue {
  fill: #3b79bd;
}

.wd-icon-color-gray {
  fill: #b3b3b3;
}

.wd-icon-color-gray-second {
  fill: #b4b4b4;
}

.wd-icon-color-gray-third {
  fill: #737373;
}

.wd-icon-color-gray-fourth {
  fill: gray;
}

.wd-icon-color-dark-gray {
  fill: #727272;
}

.wd-icon-color-dark-yellow {
  fill: #f5c633;
}

.wd-icon-color-red {
  fill: red;
}

.wd-icon-color-red-second {
  fill: #ff1e00;
}

.wd-toolbox-icon-fill-gray {
  fill: gray;
}

.wd-toolbox-icon-fill-gray-second {
  fill: #969696;
}

.wd-toolbox-icon--main {
  fill: var(--cui-neutral-300);
}

.wd-toolbox-icon--main-accent, .wd-toolbox-icon--accent {
  fill: var(--cui-primary-500);
}

.wd-toolbox-icon--secondary-accent {
  fill: var(--cui-secondary-500);
}

.wd-icon-color-adorner-blue {
  fill: navy;
}

.wd-icon-color-adorner-gray {
  fill: #ababab;
}

.wd-if-c-white {
  fill: #fff;
}

.wd-if-c-text, .wd-icon-fill-class-text {
  fill: var(--cui-text-color);
}

.wd-icon-fill-class-accent {
  fill: var(--cui-primary-500);
}

.wd-icon-fill-class-secondary-accent {
  fill: var(--cui-secondary-500);
}

.wd-icon-fill-class-error {
  fill: var(--cui-error-500);
}

.wd-icon-opacity-class-60 {
  fill-opacity: .6;
}

.wd-icon-opacity-class-40 {
  fill-opacity: .4;
}

.wd-icon-opacity-class-20 {
  fill-opacity: .2;
}

.wd-invert-icons .wd-icon-fill-class-text, .wd-invert-icons .wd-icon-fill-class-accent {
  fill: var(--cui-white);
}

.wd-invert-icons .wd-icon-fill-class-secondary-accent {
  fill: var(--cui-secondary-500);
}

.wd-invert-icons .wd-icon-fill-class-error {
  fill: var(--cui-error-500);
}

.wd-master-report-errors-list {
  margin: var(--cui-padding-sm) 0;
  padding: 0;
  list-style-type: none;
}

.wd-master-report-errors-list li {
  padding-left: var(--cui-padding);
  margin: 7px 0;
}

.wd-master-report-errors-list .gc-alert__title {
  white-space: pre-line;
  padding: var(--cui-padding-xs) var(--cui-padding-sm) var(--cui-padding-xs) 0;
  line-height: normal;
}

.wd-master-report-errors-list .gc-alert__icon {
  margin-bottom: auto;
}

.wd-menu .gc-menu__panel-toggle .gc-btn__icon .gc-ci-a-accent {
  fill: var(--cui-white);
}

.wd-menu-logo {
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.wd-menu-logo__icon {
  width: var(--cui-block-size-lg);
  flex: none;
  height: 16px;
  margin-top: 4px;
  display: block;
}

.wd-menu-logo__icon > svg {
  width: 16px;
  height: 16px;
  margin: 0 auto;
}

.wd-menu-logo__text {
  margin-top: 4px;
  margin-left: var(--cui-padding);
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0;
  color: var(--cui-white);
  font-size: var(--cui-text-size-sm);
}

.wd-menu-logo__icon + .wd-menu-logo__text {
  margin-left: calc(0px - var(--cui-padding-xs));
}

.wd-menu-toggle {
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.wd-menu-toggle__burger {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
  flex: none;
  align-items: center;
  margin-top: -2px;
  display: flex;
}

.wd-menu-toggle__burger > div {
  cursor: pointer;
  width: 20px;
  height: 14px;
  margin: 13px auto;
  transition: all .5s ease-in-out;
  position: relative;
  transform: rotate(0);
}

.wd-menu-toggle__burger > div > span {
  transform-origin: 0;
  opacity: 1;
  background: var(--cui-white);
  border-radius: 2px;
  width: 100%;
  height: 2px;
  transition: all .25s ease-in-out;
  display: block;
  position: absolute;
  left: 0;
  transform: rotate(0);
}

.wd-menu-toggle__burger > div > span:first-child {
  top: 0;
}

.wd-menu-toggle__burger > div > span:nth-child(2) {
  top: 50%;
}

.wd-menu-toggle__burger > div > span:nth-child(3) {
  top: 100%;
}

.wd-menu-toggle__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0;
  color: var(--cui-white);
}

.gc-menu__logo--expanded .wd-menu-logo__text {
  opacity: 1;
}

.gc-menu--expanded .wd-menu-toggle__burger > div > span:first-child {
  left: 3px;
  transform: rotate(45deg);
}

.gc-menu--expanded .wd-menu-toggle__burger > div > span:nth-child(2) {
  opacity: 0;
  width: 0;
}

.gc-menu--expanded .wd-menu-toggle__burger > div > span:nth-child(3) {
  top: 100%;
  left: 3px;
  transform: rotate(-45deg);
}

.gc-menu--expanded .wd-menu-toggle__text {
  opacity: 1;
}

.wd-toolbox-item {
  width: 100%;
  height: var(--cui-block-size-lg);
  padding-left: var(--cui-block-size-lg);
  cursor: pointer;
  text-align: left;
  vertical-align: top;
  color: var(--cui-white);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  background-color: var(--cui-primary-500);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-lg);
  transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
  position: relative;
}

.wd-toolbox-item > i.gc-btn__icon {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
}

.wd-toolbox-item > i.gc-btn__icon .gc-ci-a-accent {
  fill: var(--cui-white);
}

.wd-toolbox-item > .gc-btn__text {
  height: var(--cui-block-size-lg);
  vertical-align: middle;
  line-height: var(--cui-block-size-lg);
  padding-left: 0;
}

.wd-toolbox-item:hover {
  background-color: var(--cui-primary-700);
}

.wd-toolbox-item svg {
  pointer-events: none;
}

.gc-menu__btn-container__scrollable-container .gc-scrollbars__thumb {
  background-color: var(--cui-white);
}

.wd-multiple-menu-item--selected {
  background-color: var(--cui-primary-700);
}

.wd-multiple-menu-item--selected .gc-btn__icon {
  transform: translate(-5px);
}

.wd-multiple-menu-item--selected .wd-multiple-menu-item__chevron {
  opacity: 1;
  transform: translate(-50%, -50%)translate(12px);
}

.wd-multiple-menu-item .gc-btn__icon {
  transition: transform .2s ease-in-out;
}

.wd-multiple-menu-item__dd {
  opacity: 1;
  display: block;
}

.wd-multiple-menu-item__dd--transition {
  opacity: 0;
  transition: opacity .2s ease-in-out;
}

.wd-multiple-menu-item__dd--hidden {
  display: none;
}

.wd-multiple-menu-item__dd:hover {
  opacity: 1;
  display: block;
}

.wd-multiple-menu-item__chevron {
  top: 50%;
  left: calc(var(--cui-block-size) * .7);
  opacity: 0;
  color: var(--cui-neutral-300);
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  position: absolute;
  transform: translate(-50%, -50%);
}

.wd-multiple-menu-item__custom-dd-menu-item {
  align-items: center;
  gap: var(--cui-padding);
  grid-template-columns: min-content 1fr;
  grid-auto-flow: column;
  width: 100%;
  display: grid;
}

.wd-multiple-menu-item__custom-dd-menu-item > span {
  text-overflow: ellipsis;
  overflow: hidden;
}

.gc-appbar__logo-container .gc-btn.wd-menu-back-button > .gc-btn__icon {
  width: var(--cui-block-size-lg);
}

.gc-appbar__logo-container .gc-btn.wd-menu-back-button > .gc-btn__text {
  padding-left: var(--cui-block-size-lg);
  opacity: 0;
}

.gc-appbar__logo-container .gc-menu__logo--expanded .gc-btn.wd-menu-back-button > .gc-btn__text {
  opacity: 1;
}

.wd-explorer {
  min-width: 100%;
  padding: var(--cui-padding-sm);
  display: inline-flex;
}

.wd-explorer > .gc-treeview {
  min-width: 100%;
}

.wd-explorer-node__button {
  width: 100%;
}

.wd-explorer-node__button.gc-btn.gc-size-sm > .gc-btn__icon > svg {
  width: 24px;
  height: 24px;
}

.wd-explorer-node__chevron {
  opacity: .5;
  background-color: #0000;
  position: absolute;
  top: 0;
  left: 0;
}

.wd-explorer-node__chevron:not([disabled]):not(.gc-btn--disabled):hover {
  opacity: 1;
  background-color: #0000;
}

.wd-explorer-node__chevron--collapsed {
  transform: rotate(-90deg);
}

.wd-explorer-node--non-leaf .wd-explorer-node__button {
  padding-left: var(--cui-padding-xl);
}

.wd-explorer-node--non-leaf .wd-explorer-node__button > .gc-btn__icon {
  left: 20px;
}

.wd-explorer-node--leaf .wd-explorer-node__button {
  width: calc(100% - var(--cui-padding-xl));
  margin-left: var(--cui-padding-xl);
}

.wd-explorer-node__button--selected {
  background-color: var(--cui-primary-50);
}

.wd-explorer-node__button--selected:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-primary-100);
}

.wd-explorer-node__button--selected .gc-btn__text {
  color: var(--cui-primary-700);
}

.wd-sidebar-block {
  width: 100%;
  padding: 0 var(--cui-padding);
  position: relative;
}

.wd-sidebar-block__heading {
  width: 100%;
  padding: var(--cui-padding-sm) 0 var(--cui-padding-xs) 0;
}

.wd-sidebar-block__content {
  width: 100%;
  padding-bottom: var(--cui-padding);
  border-bottom: 1px solid var(--cui-neutral-100);
}

.wd-sidebar-block__deprecated {
  top: var(--cui-padding-sm);
  right: var(--cui-padding);
  height: var(--cui-block-size-sm);
  position: absolute;
}

.wd-sidebar-block__placeholder {
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  width: 100%;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  display: block;
  overflow: hidden;
}

.wd-sidebar-item {
  min-height: var(--cui-block-size-sm);
  padding-right: var(--cui-padding-xs);
  border-radius: var(--cui-border-radius);
  justify-content: stretch;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.wd-sidebar-item > .gc-icon {
  flex: 0 0 var(--cui-block-size);
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wd-sidebar-item__icon-drag {
  flex: 0 0 var(--cui-block-size);
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  display: block;
}

.wd-sidebar-item__icon-drag > .gc-icon {
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wd-sidebar-item > span, .wd-sidebar-item__title, .wd-sidebar-item__subtitle {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  display: block;
  overflow: hidden;
}

.wd-sidebar-item__title {
  padding-top: var(--cui-padding-xs);
  line-height: 15px;
}

.wd-sidebar-item__title--without-subtitle {
  padding-top: var(--cui-padding-sm);
}

.wd-sidebar-item__subtitle {
  color: var(--cui-neutral-300);
  line-height: 15px;
}

.wd-sidebar-item__text {
  padding-bottom: var(--cui-padding-xs);
  flex: 100%;
  overflow: hidden;
}

.wd-sidebar-item__controls {
  height: var(--cui-block-size);
  flex-direction: row-reverse;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.wd-sidebar-item--expanded {
  margin-left: var(--cui-block-size-sm);
}

.wd-sidebar-item:hover {
  background-color: var(--cui-neutral-50);
}

.wd-tab-shutter {
  width: 100%;
  height: 100%;
  box-shadow: 1px 0 0 0 var(--cui-neutral-100) inset;
  flex-direction: column;
  justify-content: stretch;
  display: flex;
}

.wd-tab-shutter__header {
  padding: var(--cui-padding-sm) var(--cui-padding) var(--cui-padding-xs) var(--cui-padding);
  flex: none;
  place-items: center flex-start;
  display: flex;
}

.wd-tab-shutter__header > .gc-btn {
  margin-right: var(--cui-padding-xs);
}

.wd-tab-shutter__content {
  flex: 100%;
  overflow: hidden;
}

.wd-tab-shutter__content .gc-scrollbars__view {
  padding: 0 var(--cui-padding);
}

.wd-theme-dialog {
  padding: var(--cui-padding);
}

.wd-theme-dialog .theme-color-editor > input {
  padding-right: var(--cui-padding);
}

.wd-theme-dialog .theme-color-editor__preview {
  border-radius: var(--cui-border-radius);
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 1px var(--cui-overlay);
  margin: 0;
  overflow: hidden;
}

.wd-theme-dialog .theme-color-editor > span {
  float: left;
  width: 10px;
  height: 10px;
  display: block;
}

.wd-theme-dialog .theme-editor-line {
  justify-content: space-between;
  display: flex;
}

.wd-theme-dialog .theme-editor-line__block {
  width: 49%;
}

.wd-btn-units {
  width: var(--cui-block-size-sm);
  text-align: center;
}

.wd-btn-units .gc-btn__text {
  padding: 0;
}

.wd-snap-settings {
  padding: var(--cui-padding-xs) var(--cui-padding) 0 var(--cui-padding);
}

.wd-snap-settings__container {
  margin-bottom: var(--cui-padding-sm);
}

.wd-zoom-control {
  display: flex;
}

.wd-zoom-control__value > .gc-btn {
  text-align: center;
  min-width: 45px;
}

.wd-zoom-control__value > .gc-btn .gc-btn__text {
  padding: 0;
}

.wd-toolstrip-color-dropdown > .gc-btn {
  padding-left: 0;
}

.wd-toolstrip-color-preview {
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  overflow: hidden;
}

.wd-toolstrip-color-preview > svg {
  width: 16px;
  height: 16px;
  margin: var(--cui-padding-sm) auto 0;
  display: block;
}

.wd-toolstrip-color-preview > div {
  width: calc(var(--cui-block-size) * .6);
  border-radius: 2px;
  height: 6px;
  margin: 0 auto;
}

.ar-rulers {
  --rulers-span-primary: var(--cui-primary-100);
  --rulers-span-secondary: var(--cui-primary-50);
  -webkit-user-select: none;
  user-select: none;
  grid-template: "pivot ruler-top" min-content
                 "ruler-left document-container"
                 / min-content auto;
  min-width: fit-content;
  min-height: 100%;
  display: grid;
  position: relative;
}

.ar-rulers__pivot {
  z-index: 9300;
  border-right: 1px solid var(--cui-neutral-100);
  border-bottom: 1px solid var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  grid-area: pivot;
  position: sticky;
  top: 0;
  left: 0;
}

.ar-rulers__document-container {
  grid-area: document-container;
  position: relative;
}

.ar-rulers__disabled {
  pointer-events: none;
}

.ar-ruler-guide {
  z-index: 9100;
  position: absolute;
}

.ar-ruler-guide--vertical {
  border-left: 2px var(--cui-primary-500) dashed;
  width: 0;
  height: 100%;
  margin-left: 63px;
  top: 0;
}

.ar-ruler-guide--horizontal {
  border-top: 2px var(--cui-primary-500) dashed;
  width: 100%;
  height: 0;
  margin-top: 63px;
  left: 0;
}

.ar-ruler-guide--vertical.ar-ruler-guide--bold {
  border-left: 2px var(--cui-primary-500) solid;
}

.ar-ruler-guide--horizontal.ar-ruler-guide--bold {
  border-top: 2px var(--cui-primary-500) solid;
}

.ar-ruler-container {
  z-index: 9200;
  background-color: var(--cui-bg-panels);
  position: sticky;
}

.ar-ruler-container--top {
  border-bottom: 1px solid var(--cui-neutral-100);
  grid-area: ruler-top;
  padding-left: 64px;
  top: 0;
}

.ar-ruler-container--left {
  border-right: 1px solid var(--cui-neutral-100);
  grid-area: ruler-left;
  padding-top: 64px;
  left: 0;
}

.ar-ruler {
  position: relative;
}

.ar-ruler-span {
  background-color: var(--cui-bg-body);
  position: absolute;
}

.ar-ruler--top .ar-ruler-span {
  height: 100%;
  top: 0;
}

.ar-ruler--left .ar-ruler-span {
  width: 100%;
  left: 0;
}

.ar-ruler-scale {
  box-shadow: inset 0 0 0 1px var(--cui-neutral-100);
  display: block;
  position: relative;
}

.ar-ruler-scale--top {
  margin-top: -1px;
  margin-bottom: -1px;
}

.ar-ruler-scale--left {
  margin-left: -1px;
  margin-right: -1px;
}

.ar-ruler-scale__ticks {
  stroke: var(--cui-text-color);
  stroke-opacity: .25;
}

.ar-ruler-scale text {
  fill: hsla(var(--neutral-700),.62);
  font-family: inherit;
  font-size: 11px;
}

.ar-ruler-marker {
  gap: 5px;
  display: grid;
  position: absolute;
}

.ar-ruler-marker__tooltip {
  color: var(--cui-white);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-primary-500);
  box-shadow: var(--cui-shadow-border);
  padding: 0 3px;
  font-size: 11px;
}

.ar-ruler-marker--top {
  cursor: ew-resize;
  grid-template-rows: 100% auto;
  justify-content: center;
  justify-items: center;
  bottom: 0;
}

.ar-ruler-marker--left {
  cursor: ns-resize;
  grid-template-columns: 100% auto;
  align-items: center;
  right: 0;
}

.ar-ruler-marker__tick {
  background-color: var(--cui-neutral-100);
}

.ar-ruler-marker--top .ar-ruler-marker__tick {
  width: 2px;
}

.ar-ruler-marker--left .ar-ruler-marker__tick {
  height: 2px;
}

.quick-edit-box {
  resize: none;
  width: 0;
  height: 0;
  text-align: initial;
  background-color: #0000;
  border-width: 0;
  padding: 0;
  position: absolute;
  box-shadow: inset 0 0 0 1px;
}

.quick-edit-box--visible {
  width: 100%;
  height: 100%;
  padding: 2pt;
}

.quick-edit-box__clicker {
  width: 100%;
  height: 100%;
  position: absolute;
}

.wd-number-editor {
  width: 100%;
  display: flex;
}

.wd-number-editor__button {
  flex: none;
}

.wd-number-editor__button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wd-number-editor__button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.wd-number-editor input[type="text"].gc-input.wd-number-editor__input {
  text-align: center;
  border-radius: 0;
  flex: 2 2 auto;
  width: 100%;
}

.wd-line-style-editor__preview-box {
  border: 1px solid #0000001a;
  border-radius: 4px;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.wd-line-style-editor__preview-content {
  border-top-width: 2px;
  width: 100%;
}

.wd-line-style-editor__preview-content--double {
  border-top-width: 4px;
}

.wd-binding-wrapper--error .gc-binding-wrapper__toggle {
  background-color: var(--cui-binding-error);
}

.wd-binding-wrapper--inherited .gc-binding-wrapper__toggle {
  background-color: #0074e0;
}

@media (any-hover: hover) {
  .wd-binding-wrapper--error > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
    outline-color: var(--cui-binding-error);
  }

  .wd-binding-wrapper--inherited > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
    outline-color: #0074e0;
  }
}

.wd-hatch-style-editor__preview-box, .wd-gradient-style-editor__preview-box {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
  box-shadow: inset 0 0 0 1px #0000001a;
}

.wd-styles-tab {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.wd-styles-tab__container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.wd-styles-tab__overlay {
  background-color: var(--cui-bg-panels);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  overflow: hidden;
}

.wd-styles-tab__overlay--visible {
  transition: left .2s ease-in-out;
  left: 0;
}

.wd-sidebar-block__heading--styles .gc-heading__container {
  grid-template-columns: minmax(0, max-content) repeat(auto-fit, minmax(0, 1fr));
  display: grid;
}

.wd-sidebar-block__heading--styles .gc-heading__container .gc-loader {
  justify-self: start;
}

.wd-sidebar-block__heading--styles .gc-heading__container .gc-heading__actions {
  justify-self: right;
}

.wd-chart-editor-tile {
  width: 33.3333%;
  padding: var(--cui-padding-xs);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  transition: background-color .2s ease-in-out;
  display: flex;
  overflow: hidden;
}

.wd-chart-editor-tile:hover:not(.wd-chart-editor-tile--selected) {
  background-color: var(--cui-neutral-100);
}

.wd-chart-editor-tile > div {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.wd-chart-editor-tile--wizard > div {
  width: 65%;
  height: 65%;
  padding-top: var(--cui-padding-xs);
}

.wd-chart-editor-tile__label {
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  text-align: center;
  display: block;
  overflow: hidden;
}

.wd-chart-editor-tile #palette-label {
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  text-anchor: middle;
  fill: var(--cui-text-color);
}

.wd-chart-editor-tile #palette-stroke {
  fill: #0000;
  stroke: var(--cui-text-color);
  stroke-linejoin: round;
}

.wd-chart-editor-tile--selected {
  color: var(--cui-white);
  background-color: var(--cui-primary-500);
}

.wd-chart-editor-tile--selected #palette-stroke {
  stroke: var(--cui-white);
}

.wd-chart-editor-tile--selected #palette-label {
  fill: var(--cui-white);
}

.wd-chart-editor-group {
  width: 100%;
  display: block;
}

.wd-chart-editor-group__heading {
  width: 100%;
  min-height: var(--cui-block-size);
  padding: var(--cui-padding-xs) var(--cui-padding);
  display: block;
}

.wd-chart-editor-group__content {
  width: 100%;
  padding: 0 var(--cui-padding);
  flex-wrap: wrap;
  display: flex;
}

.wd-chart-palette-editor .wd-chart-editor-tile {
  width: 25%;
}

.wd-chart-palette-editor .wd-chart-editor-tile > div {
  width: calc(100% - 2 * var(--cui-padding-sm));
  height: 22px;
  margin-left: var(--cui-padding-sm);
}

.ar-semantic-data-field-picker-dropdown-content {
  font-size: 12px;
  display: block;
  position: relative;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-dropdown-content-separator {
  border-bottom: 1px solid var(--cui-neutral-100);
  border-top: 1px solid var(--cui-neutral-100);
  height: 3px;
  position: relative;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity {
  height: auto;
  position: relative;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-title {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  background-color: #0000;
  height: 30px;
  padding: 0 30px;
  line-height: 30px;
  position: relative;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-title .ar-semantic-data-field-picker-entity-title-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-title > span {
  text-align: center;
  width: 20px;
  height: 20px;
  font-size: 15px;
  line-height: 20px;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-title:hover {
  background-color: var(--cui-primary-700);
  color: var(--cui-white);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields {
  min-width: 100%;
  position: relative;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute {
  min-width: 100%;
  display: block;
  position: relative;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title {
  min-width: 100%;
  height: 30px;
  padding: 0 var(--cui-padding-sm);
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  max-width: 100%;
  line-height: 30px;
  display: block;
  position: relative;
  overflow: hidden;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .datatype-label {
  text-align: center;
  background-color: var(--cui-primary-500);
  width: 20px;
  height: 20px;
  color: var(--cui-white);
  border-radius: 4px;
  font-size: 10px;
  line-height: 20px;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .datatype-label > i {
  padding: 2px;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .aggregate-label {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .aggregate-label > span {
  width: 5px;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
  display: block;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .aggregate-label > span:first-child {
  float: left;
  text-align: left;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .aggregate-label > span:last-child {
  float: right;
  text-align: right;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title .ar-semantic-data-field-picker-attribute-title-text.with-label {
  margin-left: 25px;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .ar-semantic-data-field-picker-attribute-variations-toggle {
  pointer-events: all;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .ar-semantic-data-field-picker-attribute-variations-toggle > .gc-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .ar-semantic-data-field-picker-attribute-variations-toggle > .gc-icon > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-with-variation {
  padding-right: 30px;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-disabled {
  cursor: auto;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-disabled .ar-semantic-data-field-picker-attribute-title-text {
  opacity: .5;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-selected {
  background-color: hsla(var(--primary-500),.38);
  color: var(--cui-white);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-selected > .datatype-label {
  background-color: hsla(var(--primary-500),.62);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-selected > .ar-semantic-data-field-picker-attribute-variations-toggle {
  color: var(--cui-white);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-selected.ar-semantic-data-field-picker-attribute-disabled {
  cursor: no-drop;
  background-color: #d87979;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-selected.ar-semantic-data-field-picker-attribute-disabled .ar-semantic-data-field-picker-attribute-title-text {
  color: var(--cui-error-500);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title:hover:not(.ar-semantic-data-field-picker-attribute-disabled) {
  background-color: var(--cui-primary-700);
  color: var(--cui-white);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title:hover:not(.ar-semantic-data-field-picker-attribute-disabled) > .datatype-label {
  background-color: hsla(var(--primary-500),.62);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title:hover:not(.ar-semantic-data-field-picker-attribute-disabled) > .ar-semantic-data-field-picker-attribute-variations-toggle {
  color: var(--cui-white);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-variations {
  min-width: 100%;
  display: block;
  position: relative;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute.variations-expanded {
  background-color: #f7f7f7;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-expanded > .ar-semantic-data-field-picker-entity-title, .ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-base > .ar-semantic-data-field-picker-entity-title {
  padding: 0 var(--cui-padding-sm);
  background-color: var(--cui-primary-500);
  color: var(--cui-white);
  border-bottom: 1px solid var(--cui-neutral-100);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-expanded > .ar-semantic-data-field-picker-entity-title:hover, .ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-base > .ar-semantic-data-field-picker-entity-title:hover {
  background-color: var(--cui-primary-700);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-expanded > .ar-semantic-data-field-picker-entity-title > .ar-semantic-data-field-picker-attribute-title-arrow {
  background-color: var(--cui-primary-500);
  z-index: 999;
  border-bottom: 1px solid var(--cui-neutral-100);
  border-right: 1px solid var(--cui-neutral-100);
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: -3.5px;
  left: 11.5px;
  transform: rotate(45deg);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-expanded > .ar-semantic-data-field-picker-entity-title:hover > .ar-semantic-data-field-picker-attribute-title-arrow {
  background-color: var(--cui-primary-700);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view.ar-semantic-data-field-picker-entity {
  min-width: 100%;
  display: inline-block;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-title {
  color: var(--cui-text-color);
  background-color: #0000;
  border: none;
  padding: 0 30px;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-title > span {
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 8px;
  line-height: 31px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-title > span.entity-expanded {
  transform: rotate(180deg);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-title:hover {
  background-color: var(--cui-primary-700);
  color: var(--cui-white);
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-fields {
  padding-left: 13px;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute {
  text-overflow: initial;
  overflow: auto;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute.variations-expanded {
  background-color: #0000;
}

.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title:not(.ar-semantic-data-field-picker-attribute-disabled):hover {
  background-color: var(--cui-primary-700);
  color: var(--cui-white);
}

.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-no-fields-message {
  text-align: center;
  color: #757575;
  width: 100%;
  font-size: 12px;
  line-height: 30px;
}

.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search {
  height: 30px;
  position: relative;
}

.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > input {
  width: 100%;
  height: 100%;
  padding: var(--cui-padding-xs) calc(2 * var(--cui-padding)) var(--cui-padding-xs) calc(2 * var(--cui-padding));
  background-color: #00000005;
  border: 1px solid #0000;
  font-size: 12px;
  display: block;
}

.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > input::-ms-clear {
  display: none;
}

.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > input:focus, .ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > input:hover {
  background-color: #00000012;
}

.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > i {
  text-align: center;
  pointer-events: none;
  opacity: .5;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > button {
  cursor: pointer;
  text-align: center;
  opacity: .5;
  color: #a5a5a5;
  background: none;
  border: none;
  width: 30px;
  height: 30px;
  padding-left: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > button:hover {
  color: #212121;
}

.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > button > i {
  font-size: 16px;
  line-height: 30px;
}

.wd-add-rows-columns-dialog__editors {
  width: 75%;
  margin: auto;
}

.wd-add-rows-columns-dialog__editors > * {
  margin-bottom: var(--cui-padding-xs);
}

.wd-data-attribute__variations-toggle {
  position: absolute;
  top: 0;
  right: 0;
}

.wd-data-item-container--attribute {
  padding-left: var(--cui-block-size);
  position: relative;
}

.wd-data-item-container--attribute .wd-data-item__icon-drag, .wd-data-item-container--attribute .wd-data-item__icon-drag > .gc-icon, .wd-data-item-container--attribute .wd-data-item > .gc-icon {
  flex: 0 0 var(--cui-block-size-sm);
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}

.wd-data-item-container--attribute .wd-data-item > span, .wd-data-item-container--attribute .wd-data-item__title, .wd-data-item-container--attribute .wd-data-item__subtitle {
  line-height: var(--cui-block-size-sm);
}

.wd-data-item-container--attribute .wd-data-item--expanded {
  background-color: var(--cui-neutral-50);
  box-shadow: inset 1px 0 0 0 var(--cui-neutral-100);
  margin: 0;
}

.wd-data-item-container--attribute > .branch {
  top: 0;
  left: var(--cui-padding-xl);
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  display: block;
  position: absolute;
}

.wd-data-item-container--attribute > .branch.offset + .branch {
  left: calc(var(--cui-block-size) + var(--cui-block-size-sm) * .5);
  width: calc(var(--cui-block-size-sm) * .5);
}

.wd-data-item-container--attribute > .branch .corner {
  border-bottom: 1px dotted var(--cui-neutral-100);
  border-left: 1px dotted var(--cui-neutral-100);
  width: 100%;
  height: 50%;
  display: block;
}

.wd-data-item-container--attribute > .branch .line {
  border-left: 1px dotted var(--cui-neutral-100);
  width: 100%;
  height: 50%;
  display: block;
}

.wd-data-item-container--attribute:last-child .branch .line {
  display: none;
}

.wd-data-item-container--attribute:last-child .branch.offset .line {
  display: block;
}

.wd-data-item-container--attribute:last-child .wd-data-attribute__variations .branch.offset + .branch .line:last-child {
  display: none;
}

.wd-data-item-container--inner-attribute {
  margin-left: var(--cui-block-size);
  padding-left: var(--cui-block-size-sm);
}

.wd-data-item-container--inner-attribute > .branch {
  left: calc(var(--cui-block-size-sm) * .5);
  width: calc(var(--cui-block-size-sm) * .5);
}

.wd-data-item--disabled-attribute {
  pointer-events: none;
  opacity: .62;
}

.wd-data-item-data-set__search {
  width: 100%;
  height: 40px;
  padding-left: var(--cui-padding-xl);
  align-items: center;
  display: flex;
}

.wd-data-item-data-set__fields--empty {
  width: 100%;
  height: var(--cui-block-size-sm);
  padding-left: var(--cui-padding-xl);
  display: flex;
}

.wd-data-item-data-set__children {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.wd-data-item-data-set__children > div {
  width: 100%;
  padding-left: var(--cui-padding-xl);
  display: flex;
}

.wd-data-item-data-set__children > div > .wd-data-item-data-set {
  flex-grow: 10;
  min-width: 0;
}

.wd-data-item-data-set__children > div:last-child > .wd-data-item-data-set__branch-corner {
  max-height: 20px;
}

.wd-data-item-data-set__message {
  text-align: center;
  width: 100%;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}

.wd-data-item-data-set__branch-corner {
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  border-left: 1px dotted var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
}

.wd-data-item-data-set__branch-corner:after {
  content: " ";
  margin-top: var(--cui-padding-xl);
  border-bottom: 1px dotted var(--cui-neutral-100);
  display: block;
}

.wd-data-item-data-set__corner {
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  border-left: 1px dotted var(--cui-neutral-100);
  border-bottom: 1px dotted var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
  height: 50%;
}

.wd-data-item-data-set__no-branch-line {
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  border-left: 1px dotted var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
}

.wd-data-item-data-set--with-children > .wd-data-item-data-set__fields .wd-data-item-container--field:last-child > .branch > .line {
  display: block;
}

.wd-data-field__variations-toggle {
  position: absolute;
  top: 0;
  right: 0;
}

.wd-data-item-container--field {
  padding-left: var(--cui-block-size);
  position: relative;
}

.wd-data-item-container--field .wd-data-item > .gc-icon {
  flex: 0 0 var(--cui-block-size-sm);
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}

.wd-data-item-container--field .wd-data-item > span, .wd-data-item-container--field .wd-data-item__title, .wd-data-item-container--field .wd-data-item__subtitle {
  line-height: var(--cui-block-size-sm);
}

.wd-data-item-container--field > .branch {
  top: 0;
  left: var(--cui-padding-xl);
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  display: block;
  position: absolute;
}

.wd-data-item-container--field > .branch.offset + .branch {
  left: calc(var(--cui-block-size) + var(--cui-block-size-sm) * .5);
  width: calc(var(--cui-block-size-sm) * .5);
}

.wd-data-item-container--field > .branch .corner {
  border-bottom: 1px dotted var(--cui-neutral-100);
  border-left: 1px dotted var(--cui-neutral-100);
  width: 100%;
  height: 50%;
  display: block;
}

.wd-data-item-container--field > .branch .line {
  border-left: 1px dotted var(--cui-neutral-100);
  width: 100%;
  height: 50%;
  display: block;
}

.wd-data-item-container--field:last-child .branch .line {
  display: none;
}

.wd-data-item-container--field:last-child .branch.offset .line {
  display: block;
}

.wd-data-item-container--field:last-child .wd-data-field__variations .branch.offset + .branch .line:last-child {
  display: none;
}

.wd-data-field-custom-action__container {
  height: var(--cui-block-size-sm);
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.wd-data-field-custom-action__container--with-variations {
  right: var(--cui-block-size-sm);
}

.wd-data-item {
  min-height: var(--cui-block-size-sm);
  padding-right: var(--cui-padding-xs);
  border-radius: var(--cui-border-radius);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.wd-data-item > .gc-icon {
  flex: 0 0 var(--cui-block-size);
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wd-data-item__icon-drag {
  flex: 0 0 var(--cui-block-size);
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  display: block;
}

.wd-data-item__icon-drag > .gc-icon {
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  color: var(--cui-primary-700);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wd-data-item > span, .wd-data-item__title, .wd-data-item__subtitle {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  display: block;
  overflow: hidden;
}

.wd-data-item__title {
  padding-top: var(--cui-padding-xs);
  line-height: 15px;
}

.wd-data-item__subtitle {
  color: var(--cui-neutral-300);
  line-height: 15px;
}

.wd-data-item__text {
  padding-bottom: var(--cui-padding-xs);
  flex: 100%;
  overflow: hidden;
}

.wd-data-item__controls {
  height: var(--cui-block-size);
  flex-direction: row-reverse;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.wd-data-item--expanded {
  margin-left: var(--cui-block-size-sm);
}

.wd-data-item:hover {
  background-color: var(--cui-neutral-50);
}

.wd-data-item-relation__fields--empty {
  width: 100%;
  height: var(--cui-block-size-sm);
  padding-left: var(--cui-padding-xl);
  display: flex;
}

.wd-data-item-relation__message {
  text-align: center;
  width: 100%;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}

.wd-data-item-relation__branch-line {
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  border-left: 1px dotted var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
}

.wd-data-item-relation__branch-corner {
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  border-bottom: 1px dotted var(--cui-neutral-100);
  border-left: 1px dotted var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
  height: 50%;
}

.wd-data-item--expanded-relation {
  background-color: var(--cui-neutral-50);
  box-shadow: inset 0 -1px 0 0 var(--cui-neutral-100);
}

.wd-data-item--expanded-relation:hover {
  background-color: var(--cui-neutral-100);
}

.wd-data-item-container--relation {
  position: relative;
}

.wd-data-item-container--relation .wd-data-item--relation {
  margin-left: var(--cui-block-size);
}

.wd-data-item-container--relation .wd-data-item--relation .wd-data-item__icon-drag, .wd-data-item-container--relation .wd-data-item--relation .wd-data-item__icon-drag > .gc-icon {
  flex: 0 0 var(--cui-block-size-sm);
  width: var(--cui-block-size-sm);
}

.wd-data-item-container--relation > .branch {
  top: 0;
  left: var(--cui-padding-xl);
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  display: block;
  position: absolute;
}

.wd-data-item-container--relation > .branch.offset + .branch {
  left: calc(var(--cui-block-size) + var(--cui-block-size-sm) * .5);
  width: calc(var(--cui-block-size-sm) * .5);
}

.wd-data-item-container--relation > .branch .corner {
  width: 100%;
  height: calc(var(--cui-block-size) * .5);
  border-bottom: 1px dotted var(--cui-neutral-100);
  border-left: 1px dotted var(--cui-neutral-100);
  display: block;
}

.wd-data-item-container--relation > .branch .line {
  border-left: 1px dotted var(--cui-neutral-100);
  width: 100%;
  height: 50%;
  display: block;
}

.wd-data-item-container--relation:last-child > .branch .line {
  display: none;
}

.wd-data-item-container--relation:last-child > .branch.offset .line {
  display: block;
}

.wd-data-item-container--relation:last-child .wd-data-field__variations .branch.offset + .branch .line:last-child {
  display: none;
}

.wd-data-item-container--inner-relation {
  margin-left: var(--cui-block-size);
}

.wd-data-item-container--inner-relation .wd-data-item--relation {
  margin-left: var(--cui-block-size-sm);
}

.wd-data-item-container--inner-relation > .branch {
  left: calc(var(--cui-block-size-sm) * .5);
  width: calc(var(--cui-block-size-sm) * .5);
}

.wd-data-search {
  width: 100%;
  display: block;
  position: relative;
}

.wd-data-search > .gc-icon {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.wd-data-search > input[type="text"].gc-input {
  width: 100%;
  padding-left: var(--cui-block-size-sm);
}

.wd-data-search > .gc-btn {
  position: absolute;
  top: 0;
  right: 0;
}

.wd-data-search--has-value > input[type="text"].gc-input {
  padding-right: var(--cui-block-size-sm);
}

.wd-text-editor-dialog {
  height: 100%;
  padding: calc(var(--cui-padding) * .5) var(--cui-padding);
  grid-template-rows: min-content minmax(160px, 30%) 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "tree header header"
                       "tree textarea textarea"
                       "tree function-list info";
  display: grid;
}

.wd-text-editor-dialog__tree-container {
  box-shadow: -1px 0 0 0 var(--cui-bg-panels-border) inset;
  margin-right: var(--cui-padding);
  grid-area: tree;
  grid-template-rows: min-content 1fr;
  display: grid;
}

.wd-text-editor-dialog__heading-container {
  margin-bottom: var(--cui-padding-sm);
  grid-area: header;
  grid-template-columns: auto min-content;
  grid-auto-flow: column;
  display: grid;
}

.wd-text-editor-dialog__searchItem {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.wd-text-editor-dialog__searchItem > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 16px;
  display: block;
  overflow: hidden;
}

.wd-text-editor-dialog__searchItem > span > b {
  color: var(--cui-primary-700);
}

.wd-text-editor-dialog__searchItem > span:last-of-type {
  opacity: .62;
}

.wd-text-editor-dialog__searchItem--disabled {
  text-align: center;
}

.wd-text-editor-dialog__textarea {
  padding: calc(var(--cui-padding) * .5) calc(var(--cui-padding) * .5) calc(var(--cui-padding) * .5) calc(var(--cui-padding) * .5);
  margin-bottom: calc(var(--cui-padding) * .5);
  resize: none;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  background-color: #0000001a;
  border-style: none;
  grid-area: textarea;
}

.wd-text-editor-dialog__textarea:focus {
  color: var(--cui-primary-500);
}

.wd-text-editor-dialog__textarea--invalid {
  box-shadow: 0 0 0 1px var(--cui-error-500) inset;
}

.wd-text-editor-dialog__function-list {
  grid-area: function-list;
}

.wd-text-editor-dialog__function-list .expression-functions {
  grid-template-rows: min-content 1fr;
  height: 100%;
  display: grid;
}

.wd-text-editor-dialog__function-list .expression-functions .gc-treeview {
  padding-right: var(--cui-padding);
}

.wd-text-editor-dialog__info {
  padding-left: var(--cui-padding);
  box-shadow: 1px 0 0 0 var(--cui-bg-panels-border) inset;
  grid-area: info;
}

.wd-text-editor-dialog__info .expression-info {
  height: 100%;
  font: var(--cui-text-size) var(--cui-text-family);
  grid-template-rows: min-content 1fr;
  display: grid;
}

.wd-text-editor-dialog__error-container {
  padding: var(--cui-padding);
  padding-bottom: 0;
}

.wd-text-editor-dialog__error-container > .gc-alert {
  margin-bottom: var(--cui-padding-sm);
}

.wd-text-editor-dialog__error-container > .gc-alert:last-of-type {
  margin-bottom: 0;
}

.wd-text-editor-dialog__error-container > .gc-alert .gc-alert__title {
  padding: var(--cui-padding-xs) 0;
  white-space: normal;
  line-height: 1.5em;
  overflow: visible;
}

.wd-text-editor-dialog__error-container > .gc-alert .gc-alert--one-row {
  white-space: nowrap;
  overflow: hidden;
}

.preview-view-container .pallete-dd {
  justify-content: center;
  align-items: center;
  display: flex;
}

.preview-view-container .chart-container {
  margin-top: var(--cui-padding-sm);
  background-color: #fff;
  border-radius: 2px;
  height: 380px;
}

.preview-view-container .bt-group {
  padding-bottom: var(--cui-padding-sm);
  flex-wrap: wrap;
  display: flex;
}

.preview-view-container .bt-group .gc-btn {
  margin: 2px;
}

.select-type-view-container .charts-container {
  margin: var(--cui-padding-sm) 0;
}

.select-type-view-container .charts-container .wd-chart-editor-tile {
  width: 25%;
}

.chart-wizard-container {
  padding: var(--cui-padding);
  max-width: var(--cui-modal-width);
  max-height: calc(62vh - var(--cui-padding));
}

.chart-wizard-container .cui-steps {
  margin-bottom: calc(var(--cui-padding) * 2);
}

.chart-wizard-container .break-down-method-dropdown .gc-btn__text {
  padding: 0 var(--cui-padding-sm);
}

.wd-tablix-wizard-filters-panel {
  width: 100%;
  height: calc(100% - 40px);
  position: relative;
}

.wd-tablix-wizard-filters-panel__back-button {
  width: calc(100% - 2 * var(--cui-padding-sm));
  margin: 0 var(--cui-padding-sm);
}

.wd-tablix-wizard-filters-panel__content {
  width: calc(100% - 2 * var(--cui-padding-sm));
  height: calc(100% - var(--cui-block-size-sm) + 2 * var(--cui-padding-sm));
  margin: var(--cui-padding-sm);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  position: relative;
}

.wd-tablix-wizard-filters-panel .wd-filters {
  margin: var(--cui-padding-sm);
}

.wd-tablix-wizard-layout {
  flex-wrap: wrap;
  display: flex;
}

.wd-tablix-wizard-layout__column {
  z-index: 0;
  flex-flow: column;
  flex: 50%;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.wd-tablix-wizard-layout__as-rows-toggle {
  cursor: pointer;
  font-size: 13px;
  position: absolute;
  top: 50%;
  right: 15px;
}

.wd-tablix-wizard-tablix-filters, .wd-tablix-wizard-row-column-swap {
  padding: 0 var(--cui-padding-xs) 6px;
  cursor: pointer;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 0;
  right: 0;
}

.wd-tablix-wizard-tablix-filters--disabled, .wd-tablix-wizard-row-column-swap--disabled {
  cursor: not-allowed;
  opacity: .5;
}

.wd-tablix-wizard-tablix-filters__icon, .wd-tablix-wizard-row-column-swap__icon {
  background-position: 3px 3px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 31px;
  display: flex;
}

.wd-tablix-wizard-tablix-filters__label, .wd-tablix-wizard-row-column-swap__label {
  height: 20px;
  font-size: 13px;
  line-height: 20px;
}

.wd-tablix-wizard-row-column-swap {
  top: 50%;
}

.wd-tablix-wizard-row-column-swap__icon {
  transform: rotate(-45deg);
}

.wd-tablix-wizard-layout-cell {
  flex: 50%;
  height: 50%;
  overflow: hidden;
}

.wd-tablix-wizard-layout-cell--left {
  padding: 0 var(--cui-padding-xs) var(--cui-padding-sm) var(--cui-padding-sm);
}

.wd-tablix-wizard-layout-cell--right {
  padding: 0 var(--cui-padding-sm) var(--cui-padding-sm) var(--cui-padding-xs);
}

.wd-tablix-wizard-layout-cell__header {
  cursor: default;
  align-items: center;
  padding: 0 0 6px;
  display: inline-flex;
}

.wd-tablix-wizard-layout-cell__header-icon {
  background-position: 3px 3px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 31px;
  display: flex;
}

.wd-tablix-wizard-layout-cell__header-label {
  height: 20px;
  font-size: 13px;
  line-height: 20px;
}

.wd-tablix-wizard-layout-options {
  background-color: var(--cui-bg-panels);
  border-radius: 2px;
  width: 100%;
  height: calc(100% - 30px);
  margin: 0;
}

.wd-tablix-wizard-layout-options__tabs {
  width: calc(100% - 2 * var(--cui-padding-xs));
  height: var(--cui-block-size-sm);
  margin: 0 var(--cui-padding-xs) 0 var(--cui-padding-xs);
  position: relative;
}

.wd-tablix-wizard-layout-options__tabs:after {
  content: "";
  border-top: 1px solid var(--cui-neutral-100);
  width: calc(100% - 14px);
  height: 1px;
  margin: -1px 7px 0;
  display: block;
  position: relative;
}

.wd-tablix-wizard-layout-options__content {
  height: calc(100% - var(--cui-block-size-sm) - var(--cui-padding-xs));
  margin-top: var(--cui-padding-xs);
  padding-left: var(--cui-padding-xs);
}

.wd-tablix-wizard-organization-options__frozen-editor {
  padding: 2px var(--cui-padding-xs) 0 var(--cui-padding-xs);
}

.wd-tablix-wizard-tablix-area {
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  width: 100%;
  height: calc(100% - 36px);
  position: relative;
}

.wd-tablix-wizard-tablix-area-item {
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
}

.wd-tablix-wizard-tablix-area-item:active .wd-tablix-wizard-tablix-area-item-title {
  background-color: var(--cui-neutral-100);
}

.wd-tablix-wizard-drop-area {
  z-index: 9000;
  pointer-events: all;
  width: 100%;
  min-height: 10px;
  display: none;
  position: absolute;
  left: 0;
}

.wd-tablix-wizard-drop-area__color {
  opacity: .7;
  background-color: hsla(var(--primary-500),.2);
  border-radius: var(--cui-border-radius);
  width: 100%;
  min-height: 2px;
  display: none;
  position: absolute;
  left: 0;
}

.wd-tablix-wizard-drop-area__color--line {
  width: calc(100% - 2 * var(--cui-padding-sm));
  height: 2px;
  margin: 4px var(--cui-padding-sm) 4px var(--cui-padding-sm);
  opacity: 1;
}

.wd-tablix-wizard-drop-area--active, .wd-tablix-wizard-drop-area--hover .wd-tablix-wizard-drop-area__color {
  display: block;
}

.wd-tablix-wizard-tablix-area-item-title {
  width: calc(100% - 2 * var(--cui-padding-sm));
  height: 30px;
  margin: var(--cui-padding-sm) var(--cui-padding-sm) 0 var(--cui-padding-sm);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  line-height: 30px;
  position: relative;
}

.wd-tablix-wizard-tablix-area-item-title__label {
  width: calc(100% - 120px);
  padding-left: var(--cui-padding-sm);
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  display: block;
  overflow: hidden;
}

.wd-tablix-wizard-tablix-area-item-title__overlay {
  position: absolute;
  top: 0;
  right: 0;
}

.wd-tablix-wizard-tablix-area-item-title__overlay-button {
  float: left;
}

.wd-tablix-wizard-tablix-area-item-title .gc-btn .gc-icon > svg > path {
  fill: var(--cui-text-color);
}

.wd-tablix-wizard-tablix-area-item-title .gc-btn:hover {
  background-color: #0000 !important;
}

.wd-tablix-wizard-tablix-area-item-title .gc-btn:hover .gc-icon > svg > path {
  fill: var(--cui-primary-500);
}

.wd-tablix-wizard-tablix-area-item-title:hover {
  background-color: var(--cui-neutral-100);
}

.wd-tablix-wizard-tablix-value__accented {
  color: var(--cui-primary-500);
  font-weight: 700;
}

.wd-tablix-wizard-tablix-value__strong {
  font-weight: 700;
}

.wd-tablix-wizard-tablix-value .wd-tablix-wizard-tablix-area-item-title__label {
  width: calc(100% - 120px);
}

.wd-tablix-wizard-tablix-value--wide .wd-tablix-wizard-tablix-area-item-title__label {
  width: calc(100% - 60px);
}

.wd-tablix-wizard-warning .gc-modal__title {
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 500px;
  overflow: hidden;
}

.wd-tablix-wizard-warning .gc-modal__subtitle {
  cursor: default;
}

.wd-tablix-wizard-warning__body {
  width: calc(100% - 2 * var(--cui-padding-sm));
  height: auto;
  margin: var(--cui-padding-sm);
  text-align: left;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  position: relative;
}

.wd-tablix-wizard-warning__icon {
  background-position: 1px 2px;
  width: 30px;
  height: 30px;
  display: block;
}

.wd-tablix-wizard-warning__msg {
  margin-left: var(--cui-padding-sm);
  padding-left: var(--cui-padding-sm);
  cursor: default;
  font-size: 12px;
}

@media screen and (height <= 780px) {
  .wd-tablix-wizard {
    margin-top: var(--cui-padding) !important;
    top: 0 !important;
  }
}

.wd-tablix-wizard .gc-modal__title {
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 800px;
  overflow: hidden;
}

.wd-tablix-wizard .gc-modal__subtitle {
  cursor: default;
}

.wd-tablix-wizard .gc-scrollbars {
  max-height: 570px !important;
}

.wd-tablix-wizard .gc-scrollbars__view.gc-scrollbars__view--vertical {
  max-height: 317px !important;
}

@media screen and (height >= 600px) {
  .wd-tablix-wizard .gc-scrollbars__view.gc-scrollbars__view--vertical {
    max-height: 467px !important;
  }
}

@media screen and (height >= 650px) {
  .wd-tablix-wizard .gc-scrollbars__view.gc-scrollbars__view--vertical {
    max-height: 517px !important;
  }
}

@media screen and (height >= 700px) {
  .wd-tablix-wizard .gc-scrollbars__view.gc-scrollbars__view--vertical {
    max-height: 587px !important;
  }
}

.wd-tablix-wizard__body {
  height: 570px;
}

.wd-tablix-wizard__body h2 {
  height: 40px;
  padding: 0 var(--cui-padding);
  cursor: default;
  text-transform: uppercase;
  color: var(--cui-primary-700);
  font-size: var(--cui-text-size);
  margin: 0;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.wd-tablix-wizard__layout-container {
  float: right;
  background-color: var(--cui-neutral-50);
  width: 70%;
  height: 100%;
}

.wd-tablix-wizard__layout-container .wd-tablix-wizard-layout {
  width: 100%;
  height: calc(100% - 40px);
}

.wd-tablix-wizard__layout-overlay {
  z-index: 1;
  width: inherit;
  cursor: not-allowed;
  opacity: .1;
  background-color: #b0b0b0;
  height: 570px;
  position: absolute;
}

.wd-tablix-wizard__data-set-panel-container {
  float: left;
  background-color: var(--cui-bg-panels);
  width: 30%;
  height: 100%;
}

.wd-tablix-wizard__data-set-panel-container .wd-tablix-wizard-data-set-panel {
  width: 100%;
  height: calc(100% - 40px);
}

.wd-tablix-wizard-info {
  width: calc(100% - var(--cui-padding) * 2);
  height: auto;
  margin: var(--cui-padding) var(--cui-padding) 0 var(--cui-padding);
  padding: var(--cui-padding-sm);
  text-align: left;
  border: 1px solid var(--cui-neutral-300);
  border-radius: var(--cui-border-radius);
  background: var(--cui-neutral-50);
  align-items: center;
  display: flex;
  position: relative;
}

.wd-tablix-wizard-info__icon {
  display: block;
}

.wd-tablix-wizard-info__msg {
  margin-left: var(--cui-padding-sm);
  padding-left: var(--cui-padding-sm);
  cursor: default;
  border-left: 1px solid var(--cui-neutral-100);
  font-size: var(--cui-text-size);
}

.wd-tablix-wizard__body .wd-tablix-wizard__layout-container .wd-tablix-wizard-layout .wd-tablix-wizard-layout-cell .ar-member .delete .wd-svg {
  display: flex;
}

.wd-tablix-wizard__body .wd-tablix-wizard__layout-container .wd-tablix-wizard-layout .wd-tablix-wizard-layout-cell .ar-member .delete .wd-svg > svg {
  width: 14px;
  height: 20px;
}

.wd-tablix-wizard__body .wd-tablix-wizard__layout-container .wd-tablix-wizard-layout .wd-tablix-wizard-layout-cell .ar-member .action .dropdown-toggle.btn.btn-default .wd-svg {
  display: flex;
}

.wd-tablix-wizard__body .wd-tablix-wizard__layout-container .wd-tablix-wizard-layout .wd-tablix-wizard-layout-cell .ar-member .action .dropdown-toggle.btn.btn-default .wd-svg > svg {
  width: 16px;
  height: 20px;
}

.tw-icon-color-none {
  fill: none;
}

.tw-icon-color-blue {
  fill: #1c7cdc;
}

.tw-icon-color-light-blue {
  fill: #9cf;
}

.tw-icon-color-gray-blue {
  fill: #819cce;
}

.tw-icon-color-white {
  fill: #fff;
}

.tw-icon-color-yellow {
  fill: #c78306;
}

.wd-group-editor-member {
  width: 100%;
  height: var(--cui-block-size-sm);
  -webkit-user-select: none;
  user-select: none;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  align-items: center;
  padding-left: 18px;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wd-group-editor-member .icon {
  flex: none;
  width: 18px;
  height: 20px;
  padding-top: 2px;
  padding-left: 8px;
}

.wd-group-editor-member .icon span {
  border-left: 2px solid var(--cui-neutral-300);
  width: 6px;
  height: 16px;
  transition: border-color .2s ease-in-out;
  display: block;
}

.wd-group-editor-member .text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 100%;
  font-size: 12px;
  line-height: 21px;
  overflow: hidden;
}

.wd-group-editor-member .action {
  opacity: 0;
  transition: opacity .2s ease-in-out;
}

.wd-group-editor-member__items {
  padding-left: 18px;
}

.wd-group-editor-member:hover {
  background-color: var(--cui-neutral-50);
}

.wd-group-editor-member:hover .action {
  opacity: 1;
}

.wd-group-editor-member--tree-selected {
  background-color: var(--cui-neutral-50);
}

.wd-group-editor-member--tree-selected .action {
  opacity: 1;
}

.wd-group-editor-member--tree-selected:hover {
  background-color: var(--cui-neutral-100);
}

.wd-group-editor-member--selected {
  color: #fff;
  background-color: var(--cui-primary-500);
}

.wd-group-editor-member--selected .icon > span {
  border-left: 2px solid #fff;
}

.wd-group-editor-member--selected .action {
  opacity: 1;
}

.wd-group-editor-member--selected:hover {
  background-color: var(--cui-primary-700);
}

.wd-group-editor-member--dynamic .icon {
  padding-left: 7px;
}

.wd-group-editor-member--dynamic .icon span {
  border-top: 2px solid var(--cui-primary-500);
  border-bottom: 2px solid var(--cui-primary-500);
  border-left: 2px solid var(--cui-primary-500);
}

.wd-group-editor-member--dynamic.wd-group-editor-member--selected {
  color: #fff;
  background-color: var(--cui-primary-500);
}

.wd-group-editor-member--dynamic.wd-group-editor-member--selected .icon > span {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

.wd-group-editor-member-container {
  width: 100%;
  display: block;
  position: relative;
}

.wd-group-editor-member-container .branch {
  width: 18px;
  height: 100%;
  padding-left: 9px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.wd-group-editor-member-container .branch .corner {
  border-bottom: 1px dashed var(--cui-neutral-100);
  border-left: 1px dashed var(--cui-neutral-100);
  width: 9px;
  height: 15px;
  display: block;
}

.wd-group-editor-member-container .branch .line {
  border-left: 1px dashed var(--cui-neutral-100);
  width: 9px;
  height: calc(100% - 15px);
  display: block;
}

.wd-group-editor-member-container--no-branch > .branch {
  display: none !important;
}

.wd-group-editor-member-container--no-branch > .wd-group-editor-member, .wd-group-editor-member-container--no-branch > .ar-member-items {
  padding-left: 0;
}

.wd-group-editor-hierarchy {
  padding: 0 var(--cui-padding);
}

.wd-group-editor-hierarchy > .gc-heading {
  padding: var(--cui-padding-sm) 0;
}

.wd-group-editor-hierarchy > .gc-heading .gc-heading__text {
  font-weight: 700;
}

.wd-group-editor-hierarchy > .gc-heading .gc-heading__divider {
  opacity: .1;
}

.wd-group-editor-hierarchy .wd-group-editor-member-container:last-child > .branch .line, .wd-group-editor-hierarchy--collapsed .wd-group-editor-hierarchy__content {
  display: none;
}

.wd-group-editor {
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.wd-group-editor__content {
  flex: 100%;
  width: 100%;
  height: 100%;
  display: block;
}

.wd-group-editor > p {
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  width: 100%;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  display: block;
  overflow: hidden;
}

.wd-group-editor > .gc-toggle {
  flex: 0 0 var(--cui-block-size-sm);
  margin: 0 var(--cui-padding);
}

.wd-layer-list {
  padding: var(--cui-padding);
  flex-direction: column;
  height: 100%;
  display: flex;
}

.wd-layer-list__content {
  margin-bottom: auto;
}

.wd-layer-item {
  border-radius: var(--cui-border-radius);
  grid-template-columns: 1fr auto auto;
  transition: background-color .2s ease-in-out, opacity .2s ease-in-out;
  display: grid;
}

.wd-layer-item:hover {
  background-color: var(--cui-neutral-100);
}

.wd-layer-item--selected, .wd-layer-item--selected:hover {
  background-color: var(--cui-primary-500);
}

.wd-layer-item--selected .gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-primary-700);
}

.wd-layer-item__button {
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #0000 !important;
}

.wd-panels-container {
  background: var(--cui-bg-panels);
  width: 100%;
  height: 100%;
  box-shadow: 1px 0 0 0 var(--cui-neutral-100) inset;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.wd-panels-content {
  margin-top: var(--cui-padding);
  flex: 100%;
  position: relative;
}

.wd-panels-header {
  margin: var(--cui-padding);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-primary-500);
  flex: none;
  justify-content: stretch;
  margin-bottom: 0;
  display: flex;
}

.wd-panels-header__nav {
  color: var(--cui-white);
  flex: auto;
  justify-content: left;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.wd-panels-header__nav > .gc-icon {
  width: var(--cui-text-size);
  height: var(--cui-text-size);
  opacity: .62;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wd-panels-header__nav > .gc-btn {
  opacity: .62;
}

.wd-panels-header__nav > .gc-btn > .gc-btn__text {
  padding: 0 calc(var(--cui-padding-sm) * .5);
  font-size: var(--cui-text-size-sm);
}

.wd-panels-header__nav > span {
  margin: 0 calc(var(--cui-padding-sm) * .5);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}

.pve-bound-item {
  padding: 0 var(--cui-padding);
  position: relative;
}

.pve-bound-item > p {
  height: 20px;
  font-size: var(--cui-text-size-sm);
  margin: 0;
  padding: 0;
  line-height: 25px;
  display: block;
}

.pve-bound-item > p > span {
  opacity: .62;
}

.pve-bound-item > p > b {
  margin-right: var(--cui-padding-xs);
  text-transform: uppercase;
}

.pve-bound-item > h4 {
  height: 20px;
  font-size: var(--cui-text-size);
  margin: 0;
  padding: 0;
  line-height: 15px;
  display: block;
}

.pve-bound-item > .gc-icon {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px;
}

.pve-bound-item > .gc-icon > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}

.pve-bound-item--unset > h4 {
  opacity: .62;
  font-style: italic;
}

.pve-binding-menu {
  padding-bottom: calc(var(--cui-padding) * .5);
  border-radius: var(--cui-border-radius);
}

.pve-binding-menu__details {
  padding: calc(var(--cui-padding) * .5) 0 var(--cui-padding) 0;
  color: var(--cui-white);
  border-radius: var(--cui-border-radius) 0 0 var(--cui-border-radius);
  background-color: var(--cui-primary-500);
}

.pve-binding-menu__details .gc-heading {
  margin: 0 var(--cui-padding);
  opacity: .62;
}

.pve-binding-menu__details .gc-heading .gc-heading__divider {
  opacity: .38;
}

.pve-binding-menu__params {
  height: calc(5 * var(--cui-block-size-sm));
  padding-top: calc(var(--cui-padding) * .5);
}

.pve-binding {
  z-index: 1;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  opacity: 0;
  transition: opacity .2s ease-in-out;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.pve-binding > .gc-dd {
  width: 100%;
}

.pve-binding > .gc-dd > .gc-btn--transparent:not([disabled]):not(.disabled):hover {
  background: none;
}

.pve-binding > .gc-dd .gc-dd__toggle-content {
  overflow: visible;
}

.pve-binding__dot {
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-error-500);
  border: 3px solid #00000040;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  transition: box-shadow .2s ease-in-out;
  display: block;
  position: relative;
}

.pve-binding__dot:hover {
  box-shadow: 0 0 5px 0 var(--cui-error-500);
}

.pve-binding__dot--partial {
  background-color: #999;
}

.pve-binding__dot--full {
  background-color: var(--cui-primary-500);
  border-color: #00000059;
}

.pve-binding__dot--full:hover {
  box-shadow: 0 0 5px 0 var(--cui-primary-500);
}

.pve-tree {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.pve-textarea {
  pointer-events: none;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.pve-checklist > label {
  max-width: none;
}

.pve-slider-container {
  height: var(--cui-block-size-sm);
  justify-content: center;
  align-items: center;
  display: flex;
}

.pve-slider-container--mode-X > .pve-slider {
  pointer-events: none;
  width: 100%;
}

.pve-number-editor {
  display: flex;
}

.pve-number-editor__button {
  pointer-events: none;
  flex: none;
}

.pve-number-editor__button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pve-number-editor__button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pve-number-editor__input.gc-input {
  text-align: center;
  pointer-events: none;
  border-radius: 0;
  flex: auto;
  width: 100%;
}

.pve-float-editor {
  display: flex;
}

.pve-float-editor__button {
  flex: none;
}

.pve-float-editor__button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pve-float-editor__button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pve-float-editor__input.gc-input {
  text-align: center;
  border-radius: 0;
  flex: auto;
  width: 100%;
}

.pve-default-editor {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.pve-default-editor > .gc-btn {
  margin-top: var(--cui-padding-xs);
}

.pve-max-range-editor {
  display: flex;
}

.pve-max-range-editor > .gc-number-editor {
  min-width: 100px;
  margin-right: var(--cui-padding-xs);
  flex: auto;
}

.pve-max-range-editor > .gc-dd {
  flex: 100px;
}

.pve-editor-ranges__item {
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  display: block;
  overflow: hidden;
}

.pve-editor-range-preview {
  margin-bottom: var(--cui-padding-xs);
  padding: var(--cui-padding);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  border: 1px solid var(--cui-neutral-300);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pve-editor-range-preview__label, .pve-editor-range-preview__example {
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 20px;
  font-size: var(--cui-text-size);
  flex: none;
  margin: 0;
  padding: 0;
  line-height: 20px;
  overflow: hidden;
}

.pve-editor-range-preview__label {
  margin-bottom: var(--cui-padding-xs);
  color: var(--cui-primary-700);
  font-size: var(--cui-text-size-lg);
  font-weight: 700;
}

.pve-editor-range-preview__example span:last-of-type {
  margin-left: var(--cui-padding-xs);
  opacity: .62;
}

.pve-editor-range-preview__example--time span:first-of-type {
  opacity: .62;
}

.pve-editor-range-preview__example--time span:last-of-type {
  opacity: 1;
}

.pve-nullable {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.pve-nullable > .gc-check {
  flex: none;
  width: 60px;
  display: flex;
}

.pve-nullable__content {
  height: 100%;
  margin-right: var(--cui-padding);
  flex: auto;
}

.pve-range-edit-panel {
  padding: 0 var(--cui-padding);
}

.pve-parameters-panel {
  padding: var(--cui-padding);
}

.pve-parameters-panel--with-headings {
  padding: 0 var(--cui-padding) var(--cui-padding) var(--cui-padding);
}

.pve-parameters-panel--with-headings .gc-heading {
  padding: var(--cui-padding-sm) 0 var(--cui-padding-xs) 0;
}

.pve-parameters-panel__parameter {
  border-radius: var(--cui-border-radius);
  align-items: center;
  display: flex;
  overflow: hidden;
}

.pve-parameters-panel__parameter:hover {
  background-color: var(--cui-neutral-50);
}

.pve-parameters-panel__parameter > .gc-icon {
  flex: 0 0 var(--cui-block-size);
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  color: var(--cui-primary-700);
  justify-content: center;
  align-items: center;
  display: flex;
}

.pve-parameters-panel__parameter__icon--level-warning.gc-icon {
  color: var(--cui-warning-500);
}

.pve-parameters-panel__parameter__text {
  padding-bottom: var(--cui-padding-xs);
  flex: 100%;
  overflow: hidden;
}

.pve-parameters-panel__parameter__text__title, .pve-parameters-panel__parameter__text__subtitle {
  padding-right: var(--cui-padding-sm);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  display: block;
  overflow: hidden;
}

.pve-parameters-panel__parameter__text__title {
  padding-top: var(--cui-padding-xs);
  color: var(--cui-text-color);
  line-height: 15px;
}

.pve-parameters-panel__parameter__text__subtitle {
  color: var(--cui-neutral-300);
  line-height: 15px;
}

.pve-parameters-panel__parameter__controls {
  height: var(--cui-block-size);
  padding-right: var(--cui-padding-xs);
  flex-direction: row-reverse;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.pve-parameters-panel__parameter--hidden-param > .gc-icon {
  opacity: .5;
  color: var(--cui-text-color);
}

.pve-parameters-panel__parameter--hidden-param .pve-parameters-panel__parameter__text {
  opacity: .5;
}

.pve-parameters-panel__parameter--hidden-param:hover {
  background-color: #0000;
}

.pve-plain-text {
  width: 100%;
  height: 100%;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  margin: 0;
  padding: 0;
  line-height: 20px;
  overflow: hidden;
}

.pve-plain-text--info {
  color: var(--cui-primary-700);
}

.pve-plain-text--warning {
  color: var(--cui-warning-500);
}

.pve-plain-text--error {
  color: var(--cui-error-500);
}

.pve-control-wrapper {
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  position: absolute;
}

.pve-control-simple-wrapper {
  margin-bottom: var(--cui-padding);
  border-radius: var(--cui-border-radius);
  position: relative;
}

.pve-control-wrapper:before, .pve-control-simple-wrapper:before {
  background-color: var(--cui-error-500);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  transform: translateY(-50%);
}

.pve-control-wrapper--required-top-left:before, .pve-control-simple-wrapper--required-top-left:before {
  top: calc(var(--cui-block-size-sm) * .5);
  content: "";
  left: -10px;
}

.pve-control-wrapper--required-top-right:before, .pve-control-simple-wrapper--required-top-right:before {
  top: calc(var(--cui-block-size-sm) * .5);
  content: "";
  right: -10px;
}

.pve-control-wrapper--required-bottom-left:before, .pve-control-simple-wrapper--required-bottom-left:before {
  bottom: calc(var(--cui-block-size-sm) * .5);
  content: "";
  left: -10px;
  transform: translateY(50%);
}

.pve-control-wrapper--selected:after, .pve-control-simple-wrapper--selected:after {
  box-sizing: border-box;
  content: "";
  border: 1px solid var(--cui-primary-500);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.pve-control-wrapper--selected > .pve-binding, .pve-control-simple-wrapper--selected > .pve-binding, .pve-control-wrapper--invalid > .pve-binding, .pve-control-simple-wrapper--invalid > .pve-binding {
  opacity: 1;
}

.pve-control-wrapper--dragging, .pve-control-simple-wrapper--dragging {
  opacity: .38;
}

.pve-control-wrapper:hover > .pve-binding, .pve-control-simple-wrapper:hover > .pve-binding {
  opacity: 1;
}

.pve-control-wrapper .gc-label, .pve-control-simple-wrapper .gc-label {
  -ms-grid-columns: minmax(0,1fr);
  -ms-grid-rows: var(--cui-block-size-sm) minmax(0,1fr);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: var(--cui-block-size-sm) minmax(0,1fr);
  grid-template-areas: "label"
                       "content";
  height: 100%;
  display: grid;
}

.pve-control-wrapper .gc-label__label, .pve-control-simple-wrapper .gc-label__label {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: label;
  width: 100%;
}

.pve-control-wrapper .gc-label__content, .pve-control-simple-wrapper .gc-label__content {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: content;
  width: 100%;
  height: 100%;
}

.pve-control-wrapper .gc-label--position-left, .pve-control-simple-wrapper .gc-label--position-left {
  -ms-grid-columns: 1fr minmax(0,2fr);
  -ms-grid-rows: 1fr;
  grid-template: "label content" 100%
  / 1fr minmax(0, 2fr);
}

.pve-control-wrapper .gc-label--position-left .gc-label__label, .pve-control-simple-wrapper .gc-label--position-left .gc-label__label {
  padding-right: unset;
}

.pve-control-wrapper .gc-label--position-right, .pve-control-simple-wrapper .gc-label--position-right {
  -ms-grid-columns: minmax(0,2fr) 1fr;
  -ms-grid-rows: 1fr;
  grid-template: "content label" 100%
  / minmax(0, 2fr) 1fr;
}

.pve-control-wrapper .gc-label--position-bottom, .pve-control-simple-wrapper .gc-label--position-bottom {
  -ms-grid-columns: 1fr;
  -ms-grid-rows: minmax(0,1fr) var(--cui-block-size-sm);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0,1fr) var(--cui-block-size-sm);
  grid-template-areas: "content"
                       "label";
}

.pve-surface {
  --grip-size: 10px;
  outline: var(--cui-neutral-100) solid 1px;
  background-color: var(--cui-bg-panels);
  background-image: linear-gradient(transparent 4px,var(--cui-neutral-100) 1px),linear-gradient(90deg,transparent 4px,var(--cui-neutral-100) 1px);
  background-size: 5px 5px;
  position: relative;
}

.pve-surface:before {
  content: "";
  opacity: .6;
  background-color: var(--cui-bg-panels);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}

.pve-surface--vertical {
  width: 330px;
  padding: var(--cui-padding);
  box-shadow: 4px 4px 12px hsla(var(--neutral-100),.62);
  background-image: none;
  margin: 50px auto;
}

.pve-surface--vertical > .pve-control-simple-wrapper:last-of-type {
  margin-bottom: 0;
}

.pve-surface--vertical > p {
  margin: 0;
  margin-bottom: var(--cui-padding);
  opacity: .62;
  font-size: var(--cui-text-size);
  padding: 0;
}

.pve-surface-empty {
  background-color: var(--cui-neutral-50);
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.pve-surface, .pve-surface-empty {
  grid-area: surface;
}

.pve-surface-message {
  width: 100%;
  padding: calc(var(--cui-padding) * 2);
  flex-wrap: wrap;
  grid-area: message;
  place-content: center;
  align-items: center;
  display: flex;
}

.pve-surface-text {
  width: 100%;
  height: var(--cui-block-size-sm);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.pve-surface-text > .gc-btn {
  margin: 0 var(--cui-padding);
}

.pve-surface-container {
  background-color: var(--cui-neutral-50);
  grid-template: "surface" minmax(0, 1fr)
                 "message"
                 / 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.pve-drag-box {
  border: 1px solid var(--cui-primary-500);
  background-color: hsla(var(--bg-panels),.62);
}

.pve-resize-grip {
  z-index: calc(var(--cui-z-notifications) + 1);
  width: var(--grip-size);
  height: var(--grip-size);
  border: 1pt solid var(--cui-primary-500);
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.pve-resize-grip:after {
  width: calc(var(--grip-size) - 4px);
  height: calc(var(--grip-size) - 4px);
  content: "";
  background-color: var(--cui-primary-500);
  border-radius: 50%;
  display: block;
}

.pve-resize-grip--s {
  cursor: ns-resize;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

.pve-resize-grip--e {
  cursor: ew-resize;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}

.pve-resize-grip--se {
  cursor: se-resize;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}

.pve-resize-grip--se:after {
  display: none;
}

.pve-resize-grip--lr, .pve-resize-grip--rl {
  cursor: ew-resize;
  border-width: 2px;
  top: 50%;
  transform: translate(5%, -50%);
}

.pve-resize-grip--lr:after, .pve-resize-grip--rl:after {
  background-color: var(--cui-bg-panels);
}

.pve-resize-grip-container {
  z-index: calc(var(--cui-z-notifications) + 1);
  border-right: 1px dashed var(--cui-primary-300);
  justify-content: center;
  align-items: center;
  width: 0;
  transition: border-right .4s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
}

.pve-resize-grip-container:hover {
  border-right: 1px solid var(--cui-primary-500);
}

.pve-no-events {
  pointer-events: none;
}

.pve-icon-color-accent {
  fill: var(--cui-primary-500);
}

.pve-icon-color-secondary {
  fill: var(--cui-secondary-500);
}

.pve-icon-color-error {
  fill: var(--cui-error-500);
}

.pve-date-time-range-from-input {
  margin-bottom: var(--cui-padding-xs);
}

.wd-nested-property-grid-panel {
  width: 100%;
  height: 100%;
}

.wd-nested-property-grid-panel .gc-property-category {
  padding: 0 var(--cui-padding);
}

.wd-smart-suggestion-preview {
  border-radius: var(--cui-border-radius);
  outline-width: 0;
  outline-style: solid;
  outline-color: var(--cui-neutral-100);
  outline-offset: 2px;
  border: 1px solid var(--cui-neutral-50);
  padding: var(--cui-padding);
  padding-bottom: var(--cui-padding-sm);
  font-size: var(--cui-text-size);
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.wd-smart-suggestion-preview__preview-overlay {
  top: var(--cui-padding);
  left: var(--cui-padding);
  width: calc(100% - var(--cui-padding) * 2);
  height: 180px;
  position: absolute;
}

.wd-smart-suggestion-preview__preview-container {
  pointer-events: none;
  align-items: center;
  height: 180px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wd-smart-suggestion-preview__preview-overlay {
  z-index: 2;
}

.wd-smart-suggestion-preview__preview-controls {
  width: 100%;
  padding-top: var(--cui-padding-xs);
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  gap: var(--cui-padding-xs);
  display: flex;
  overflow: hidden;
}

.wd-smart-suggestion-preview .ar-chart {
  position: unset;
  max-width: 360px;
  margin: 0 auto;
}

.wd-smart-suggestion-preview .ar-table-glyph, .wd-smart-suggestion-preview .ar-tablix-glyph {
  width: fit-content;
  height: fit-content;
  margin: 0 auto;
}

.wd-smart-suggestion-preview .ar-table-glyph table, .wd-smart-suggestion-preview .ar-tablix-glyph table {
  position: unset !important;
}

@media (hover: hover) and (pointer: fine) {
  .wd-smart-suggestion-preview:hover {
    outline-width: 2px;
    outline-color: var(--cui-neutral-100);
    border: 1px solid #0000;
  }
}

.wd-report-parts-libraries-panel {
  padding: var(--cui-padding);
  flex-direction: column;
  height: 100%;
  display: flex;
}

.wd-report-parts-libraries-panel__content {
  margin-bottom: auto;
}

.wd-report-parts-libraries-panel__content .wd-libraries-item {
  grid-template-columns: minmax(0, max-content) max-content;
  align-items: center;
  display: grid;
}

.wd-report-parts-libraries-panel__heading .gc-heading__divider {
  opacity: .1;
}

.wd-report-parts-libraries-panel__no-elements-label {
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  width: 100%;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  display: block;
  overflow: hidden;
}

.wd-report-parts-libraries-panel-item {
  border-radius: var(--cui-border-radius);
  justify-content: stretch;
  align-items: center;
  min-height: 30px;
  padding-right: 6px;
  display: flex;
  overflow: hidden;
}

.wd-report-parts-libraries-panel-item__icon {
  margin: 0 6px;
}

.wd-report-parts-libraries-panel-item__label {
  font-size: var(--cui-text-size);
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.wd-report-parts-libraries-panel-item:hover {
  background-color: var(--cui-neutral-50);
  transition: background-color .2s ease-in-out, opacity .2s ease-in-out;
}

.wd-dv-preview {
  border-radius: var(--cui-border-radius);
  height: 100%;
  box-shadow: inset 0 0 0 1px var(--cui-neutral-100);
  overflow: hidden;
}

.wd-dv-preview__bar {
  height: 50%;
  position: relative;
  top: 25%;
}

.wd-dv-preview__data-bar {
  height: 100%;
  position: relative;
}

.wd-dv-preview__progress-line {
  height: 25%;
  position: relative;
  top: -12.5%;
}

.wd-dv-preview--gradient {
  background-repeat: no-repeat;
}

.wd-dv-preview--range-bar {
  background-color: #fff;
}

.wd-dv-preview-container {
  width: 100%;
  height: 100px;
  padding: var(--cui-padding-sm) 0;
}

.wd-data-visualizer {
  padding: var(--cui-padding);
}

.wd-data-visualizer-dialog {
  width: 400px;
}

.wd-data-visualizer-dialog--wide {
  width: 800px;
}

.rdlx-theme-picker {
  width: calc(4 * var(--item-width) + var(--cui-padding) * 2);
  padding: 0 var(--cui-padding);
  cursor: default;
  color: var(--cui-text-color);
  --item-width: 150px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(auto);
  display: grid;
}

.rdlx-theme-picker-item {
  width: var(--item-width);
  height: calc(var(--item-width) * 10 / 16);
  padding: var(--cui-padding-sm);
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr;
  place-items: center;
  gap: 5px;
  display: grid;
}

.rdlx-theme-picker-item:hover:not(.rdlx-theme-picker-item--selected) {
  background-color: var(--cui-neutral-50);
}

.rdlx-theme-picker-item--selected {
  color: var(--cui-primary-700);
  background-color: var(--cui-primary-50);
  font-weight: 700;
}

.rdlx-theme-picker-item__text {
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  display: flex;
}

.rdlx-theme-picker-item__text:after {
  content: " ";
  opacity: .38;
  background-image: linear-gradient(to bottom,var(--cui-text-color) 1px,transparent 1px,transparent 1px);
  background-size: 5px 5px;
  flex: auto;
  max-width: 50%;
  height: 1.2em;
  display: block;
}

.rdlx-theme-picker-item__text > div {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 1.6em;
  line-height: 1;
  display: flex;
}

.rdlx-theme-picker-item__text > div > span {
  display: block;
}

.rdlx-theme-picker-item__colors {
  display: flex;
}

.rdlx-theme-picker-item__colors > div {
  border: 1px solid var(--cui-text-color);
  aspect-ratio: 1;
  border-left: none;
  border-right: none;
  width: 1em;
}

.rdlx-theme-picker-item__colors > div:last-child {
  border-right: 1px solid var(--cui-text-color);
  border-radius: 0 var(--cui-border-radius) var(--cui-border-radius) 0;
}

.rdlx-theme-picker-item__colors > div:first-child {
  border-left: 1px solid var(--cui-text-color);
  border-radius: var(--cui-border-radius) 0 0 var(--cui-border-radius);
}

.rdlx-theme-picker-item__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.rdlx-theme-picker-item__icon-none {
  grid-row: span 2;
  justify-content: center;
  align-items: center;
  display: flex;
}

:root {
  --wd-rdlx-picker-toggle-size: .17in;
  --wd-block-size-sm-50: calc(var(--cui-block-size-sm) / 2);
}

.rdlx-field-picker {
  width: 100%;
  height: 100%;
}

.rdlx-field-picker__toggle {
  width: var(--wd-rdlx-picker-toggle-size);
  height: var(--wd-rdlx-picker-toggle-size);
  line-height: var(--wd-rdlx-picker-toggle-size);
  display: none;
  position: absolute;
  top: .04in;
  right: .04in;
  pointer-events: all !important;
}

.rdlx-field-picker__toggle--offset-to-start {
  top: 0;
  left: 0;
}

.rdlx-field-picker__toggle--hidden > .gc-input[type="text"] {
  display: none;
}

.rdlx-field-picker__toggle--open {
  display: block;
}

.rdlx-field-picker__toggle--non-selected > .gc-input[type="text"] {
  box-sizing: content-box;
}

.rdlx-field-picker__toggle .gc-input[type="text"] {
  opacity: 0;
  background-color: #0000;
  border-color: #0000;
}

.rdlx-field-picker__toggle .gc-dd {
  width: inherit;
  height: inherit;
}

.rdlx-field-picker__toggle .gc-dd > .gc-btn.gc-size-sm {
  width: inherit;
  height: inherit;
  line-height: var(--wd-rdlx-picker-toggle-size);
}

.rdlx-field-picker__toggle .gc-dd__toggle-content {
  border-radius: var(--cui-border-radius);
  backdrop-filter: blur(2px);
  width: 100%;
  height: 100%;
}

.rdlx-field-picker__toggle .gc-dd__toggle-content .gc-icon > svg {
  width: 100%;
  height: 100%;
}

.rdlx-field-picker__toggle--open:not(.rdlx-field-picker__toggle--semantic) {
  z-index: 100014;
  top: calc(var(--wd-rdlx-picker-toggle-size) / 2 + .04in - var(--wd-block-size-sm-50));
  right: calc(var(--wd-rdlx-picker-toggle-size) / 2 + .04in - var(--wd-block-size-sm-50));
  width: 200px;
  height: var(--cui-block-size-sm);
  opacity: 1;
}

.rdlx-field-picker__toggle--open:not(.rdlx-field-picker__toggle--semantic) .gc-input[type="text"] {
  padding-right: var(--cui-padding-sm);
  opacity: 1;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-menu);
}

.rdlx-field-picker__toggle--open:not(.rdlx-field-picker__toggle--semantic) .gc-input[type="text"]:not([disabled]):hover {
  background-color: var(--cui-bg-body);
}

.rdlx-field-picker__toggle--open:not(.rdlx-field-picker__toggle--semantic) .gc-input[type="text"]:not([disabled]):focus {
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-menu) !important;
}

.rdlx-field-picker__toggle--open:not(.rdlx-field-picker__toggle--semantic) .gc-dd > .gc-btn.gc-size-sm {
  display: none;
}

.rdlx-field-picker__toggle--semantic.rdlx-field-picker__toggle--open {
  opacity: 1;
}

.rdlx-field-picker__toggle--semantic > .gc-btn.gc-size-sm {
  width: var(--wd-rdlx-picker-toggle-size);
  height: var(--wd-rdlx-picker-toggle-size);
  line-height: var(--wd-rdlx-picker-toggle-size);
}

.rdlx-field-picker:hover .rdlx-field-picker__toggle {
  display: block;
}

.rdlx-ruler-highlight-span__primary {
  background-color: var(--rulers-span-primary);
}

.rdlx-ruler-highlight-span__secondary {
  background-color: var(--rulers-span-secondary);
}

.rdlx-ruler-highlight-marker {
  background-color: var(--cui-primary-500);
}

.ar-adorner-panel {
  cursor: default;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
  position: absolute;
  overflow: hidden;
}

.ar-adorner-panel__heading {
  width: 100%;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-xs);
  align-items: center;
  display: flex;
  overflow: hidden;
}

.ar-adorner-panel__content {
  width: 100%;
  height: calc(100% - var(--cui-block-size-sm));
  padding: 0 4px 4px;
  display: block;
  overflow: hidden;
}

.ar-adorner-panel__content > .wd-drop-area {
  width: 100%;
  height: 100%;
}

.ar-adorner-panel__content > .wd-drop-area .gc-scrollbars__view .ar-adorner-panel__item:last-of-type {
  margin-bottom: 0;
}

.ar-adorner-panel__item {
  width: 100%;
  height: 25px;
  margin-bottom: var(--cui-padding-xs);
  padding: 0 var(--cui-padding-xs);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  justify-content: left;
  align-items: center;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
  display: flex;
  overflow: hidden;
}

.ar-adorner-panel__item:hover {
  background-color: var(--cui-neutral-100);
}

.ar-adorner-panel__item--selected {
  color: var(--cui-white);
  background-color: var(--cui-primary-500);
}

.ar-adorner-panel__item--selected .gc-ci-a-accent {
  fill: var(--cui-white);
}

.ar-adorner-panel__item--selected:hover {
  background-color: var(--cui-primary-700);
}

.ar-adorner-panel__item-icon {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
  margin-right: var(--cui-padding-xs);
  display: block;
}

.ar-adorner-panel__item-icon-group {
  white-space: nowrap;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size-sm);
  line-height: var(--cui-icon-size-sm);
  justify-content: left;
  align-items: center;
  display: flex;
}

.ar-adorner-panel__item-icon-group > .gc-icon {
  width: 7px;
  overflow: hidden;
}

.rdlx-tabs {
  width: 100%;
  height: calc(var(--cui-block-size-sm) + 1px);
  border-top: 1px solid var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  grid-template: "rulers container add" 100%
  / auto minmax(0, 100%) auto;
  display: grid;
}

.rdlx-tabs--with-rulers:before {
  content: " ";
  border-right: 1px solid var(--cui-neutral-100);
  grid-area: rulers;
  width: 17px;
  height: 100%;
}

.rdlx-tabs__container {
  grid-area: container;
}

.rdlx-tabs__container .gc-scrollbars:hover .gc-scrollbars__track--horizontal {
  display: none;
}

.rdlx-tabs__add {
  border-left: 1px solid var(--cui-neutral-100);
  border-radius: 0;
  grid-area: add;
}

.rdlx-tabs__items {
  pointer-events: all;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
  position: relative;
}

.rdlx-tabs__separator {
  width: 1px;
  height: var(--cui-padding);
  background-color: var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
  transition: height .3s ease-in-out;
}

.rdlx-tabs__indicator {
  height: 2px;
  padding: 0 8px;
  transition: left .2s ease-in-out, width .2s ease-in-out;
  display: block;
  position: absolute;
  bottom: 5px;
}

.rdlx-tabs__indicator:before {
  content: " ";
  background-color: var(--cui-primary-700);
  border-radius: 2px;
  width: 100%;
  height: 100%;
  display: block;
}

.rdlx-tabs__separator--selected {
  height: var(--cui-block-size-sm);
}

.rdlx-tab {
  min-width: 60px;
  max-width: 160px;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  flex-grow: 0;
  flex-shrink: 0;
  transition: all .2s ease-out;
  display: block;
  position: relative;
}

.rdlx-tab__name {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  transition: line-height .2s ease-in-out;
  display: block;
  overflow: hidden;
}

.rdlx-tab__indicator {
  opacity: 0;
  background-color: var(--cui-neutral-500);
  border-radius: 2px;
  width: 0;
  height: 2px;
  transition: opacity .3s ease-in-out, width .3s ease-in-out;
  display: block;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%);
}

.rdlx-tab--selected {
  background-color: var(--cui-primary-50);
  color: var(--cui-primary-700);
  font-weight: 700;
}

.rdlx-tab--selected .rdlx-tab__name {
  line-height: 24px;
}

.rdlx-tab--hide {
  display: none;
}

.rdlx-tab--hidden {
  opacity: .38;
}

.rdlx-tab--dragging {
  background: var(--cui-primary-500);
  color: #fff;
  z-index: 1000;
  pointer-events: none;
  transition: none;
  position: absolute;
  transform: translate(-100%);
}

.rdlx-tab:not(.rdlx-tab--selected):hover .rdlx-tab__name {
  line-height: 24px;
}

.rdlx-tab:not(.rdlx-tab--selected):hover .rdlx-tab__indicator {
  opacity: 1;
  width: calc(100% - 16px);
}

.wd-stylesheet-dialog {
  background-color: var(--cui-bg-panels);
  outline: 1px solid var(--cui-neutral-100);
}

.wd-stylesheet-dialog__editor-container {
  padding: 0 calc(var(--cui-padding-sm) * 2) calc(var(--cui-padding-sm) * 2) calc(var(--cui-padding-sm) * 2);
  flex-direction: column;
  display: flex;
}

.wd-stylesheet-dialog__container {
  grid-template-columns: 1fr 2fr;
  height: 100%;
  display: grid;
}

.wd-stylesheet-dialog__styles-list {
  padding-left: calc(var(--cui-padding-sm) * 2);
  border-right: 1px solid var(--cui-neutral-100);
  flex-direction: column;
  display: flex;
}

.wd-stylesheet-dialog__styles-list__add {
  row-gap: var(--cui-padding-xs);
  flex-direction: column;
  display: flex;
}

.wd-stylesheet-dialog__styles-list__add, .wd-stylesheet-dialog__styles-list .gc-heading, .wd-stylesheet-dialog__styles-list .gc-scrollbars .gc-scrollbars__view ul {
  padding-right: calc(var(--cui-padding-sm) * 2);
}

.wd-stylesheet-dialog__properties-list {
  padding-left: calc(var(--cui-padding-sm) * 2);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.wd-stylesheet-dialog__properties-list .wd-property-list .gc-heading__text {
  color: var(--cui-neutral-700);
  text-transform: none;
}

.wd-stylesheet-dialog__properties-list .gc-property-category {
  padding-right: calc(var(--cui-padding-sm) * 2);
}

.wd-stylesheet-dialog__header .gc-heading__text {
  font-size: 16px;
  font-weight: 600;
}

.wd-stylesheet-dialog .gc-modal__header {
  color: var(--cui-neutral-700);
  padding: var(--cui-padding-xs);
  padding-left: calc(var(--cui-padding-sm) * 2);
  background: none;
  min-height: 30px;
  padding-bottom: 0;
  font-size: 12px;
}

.wd-stylesheet-dialog .gc-modal__header .gc-modal__close-btn {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}

.wd-stylesheet-dialog .gc-modal__header .gc-modal__close-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-neutral-100);
}

.wd-stylesheet-dialog .gc-modal__header .gc-modal__close-btn .gc-icon {
  width: inherit;
  height: inherit;
}

.wd-stylesheet-dialog .gc-modal__header .gc-modal__close-btn .gc-btn__text--empty {
  padding-left: 0;
}

.wd-stylesheet-dialog .gc-modal__footer {
  padding: calc(var(--cui-padding-sm) * 2);
  background: none;
}

.ar-view {
  z-index: 0;
  background: var(--cui-neutral-50);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ar-adorner-primary {
  z-index: 9007;
}

.ar-adorner-secondary {
  z-index: 9006;
}

.ar-decorationlayer {
  pointer-events: all;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.ar-decorationlayer .ar-decorationview {
  z-index: 100000;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wd-editor-line {
  justify-content: space-between;
  display: flex;
}

.wd-editor-line__block {
  width: 49%;
}

.wd-editor-line__full {
  width: 100%;
}

.wd-bool-editor--expr {
  float: right;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: 30px;
}

.wd-editor-chart-plot-template .gc-btn__text, .wd-editor-chart-template .gc-btn__text {
  padding-left: var(--cui-padding-sm);
}

.wd-data-set-filters__close-button {
  z-index: 1;
  right: var(--cui-padding);
  position: absolute;
}

.wd-color-editor > input {
  padding-right: var(--cui-padding);
}

.wd-color-editor .wd-color-editor__preview {
  width: 20px;
  height: 20px;
  margin: 0;
}

.wd-color-editor div.wd-color-editor-side__preview {
  border-radius: var(--cui-border-radius);
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 1px var(--cui-overlay);
  margin: 0;
  overflow: hidden;
}

.wd-color-editor div.wd-color-editor-side__preview > span {
  float: left;
  width: 10px;
  height: 10px;
  display: block;
}

.wd-editor-icon-set-value {
  width: 100%;
  height: var(--cui-block-size-sm);
  position: relative;
  overflow: hidden;
}

.wd-editor-icon-set-value > .gc-icon {
  width: 20px;
  height: var(--cui-block-size-sm);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.wd-editor-icon-set-value .gc-label__label > span {
  padding-left: 25px;
}

.wd-editor-dataseries-collection__item {
  display: flex;
}

.wd-editor-dataseries-collection__item > .wd-editor-dataseries-collection__item-toggle {
  margin-left: var(--cui-padding-xs);
  flex-grow: 0;
  flex-shrink: 0;
}

.wd-color-dataseries-editor__collection--disabled {
  cursor: not-allowed;
}

.wd-color-dataseries-editor__collection--disabled > div {
  pointer-events: none;
  opacity: .5;
}

.wd-editor-image .gc-label__content {
  overflow: hidden;
}

.wd-editor-image .gc-label__content .gc-btn__text {
  padding-left: var(--cui-padding-sm);
}

.wd-dropdown-image-uploader {
  width: 100%;
  height: var(--cui-block-size-sm);
  -webkit-user-select: none;
  user-select: none;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-size: var(--cui-text-size);
  justify-content: flex-start;
  align-items: center;
  transition: background-color .2s ease-in-out;
  display: flex;
  overflow: hidden;
}

.wd-dropdown-image-uploader > .gc-icon {
  color: var(--cui-primary-700);
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wd-dropdown-image-uploader > .gc-icon > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}

.wd-dropdown-image-uploader > input[type="file"] {
  opacity: 0;
  width: 1px;
  height: 1px;
}

.wd-dropdown-image-uploader:hover {
  background-color: var(--cui-neutral-100);
}

.wd-dropdown-image-tile {
  width: calc(33.3333% - 5px);
  height: 80px;
  margin-right: var(--cui-padding-xs);
  border-radius: var(--cui-border-radius);
  flex: none;
  justify-content: center;
  align-items: center;
  transition: background-color .2s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wd-dropdown-image-tile:after {
  content: "";
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: box-shadow .2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 0 0 0 2px #0000, inset 0 0 0 3px #0000;
}

.wd-dropdown-image-tile > .gc-btn {
  opacity: 0;
  transition: opacity .2s ease-in-out;
  position: absolute;
  top: 5px;
  right: 5px;
}

.wd-dropdown-image-tile:hover:not(.wd-dropdown-image-tile--selected) {
  background-color: var(--cui-neutral-100);
}

.wd-dropdown-image-tile:hover > .gc-btn {
  opacity: 1;
}

.wd-dropdown-image-tile:hover:after {
  box-shadow: inset 0 0 0 2px var(--cui-primary-700),inset 0 0 0 3px var(--cui-bg-body);
}

.wd-dropdown-image-tile--selected {
  color: var(--cui-white);
  background-color: var(--cui-primary-500);
}

.wd-dropdown-image-tile--selected:after {
  box-shadow: inset 0 0 0 2px var(--cui-primary-500);
}

.wd-dropdown-image-tile--selected:hover {
  background-color: var(--cui-primary-500);
}

.wd-dropdown-image-tile__img {
  flex: none;
  height: 100%;
  display: block;
}

.wd-dropdown-image-tile__stub {
  flex-direction: column;
  justify-content: stretch;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.wd-dropdown-image-tile__stub > i {
  color: var(--cui-primary-700);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.wd-dropdown-image-tile__stub > i > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}

.wd-dropdown-image-tile__stub > span {
  width: 100%;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-xs);
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  flex: none;
  line-height: 20px;
  overflow: hidden;
}

.wd-chart-editor-tile--selected .wd-dropdown-image-tile__stub > i {
  color: var(--cui-white);
}

.wd-dropdown-image-panel {
  width: 100%;
  padding: var(--cui-padding);
  flex-direction: column;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.wd-dropdown-image-panel .gc-scrollbars__view {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wd-dropdown-image-panel__loader {
  width: 100%;
  height: calc(var(--cui-block-size-sm) + var(--cui-padding));
}

.wd-dropdown-image-panel__content {
  width: 100%;
  height: 100%;
}

.wd-dropdown-image-panel__empty {
  opacity: .38;
  height: 120px;
  font-size: var(--cui-text-size);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wd-dropdown-image-db-group .gc-heading {
  opacity: .62;
}

.wd-dropdown-image-db-item {
  height: var(--cui-block-size-sm);
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
  align-items: center;
  transition: background-color .2s ease-in-out;
  display: flex;
}

.wd-dropdown-image-db-item > .gc-icon {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wd-dropdown-image-db-item > .gc-icon > svg {
  width: var(--cui-icon-size);
  height: var(--cui-icon-size);
}

.wd-dropdown-image-db-item > span {
  -webkit-user-select: none;
  user-select: none;
}

.wd-dropdown-image-db-item:hover:not(.wd-dropdown-image-db-item--selected) {
  background-color: var(--cui-neutral-100);
}

.wd-dropdown-image-db-item--selected {
  color: var(--cui-white);
  background-color: var(--cui-primary-500);
}

.wd-dropdown-image-db-item--selected:hover {
  background-color: var(--cui-primary-500);
}

.wd-dropdown-image-db-panel {
  width: 100%;
  padding: var(--cui-padding);
  padding-bottom: 0;
}

.wd-dropdown-image-db-panel__empty {
  opacity: .38;
  height: 120px;
  font-size: var(--cui-text-size);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wd-dropdown-image {
  width: 300px;
  padding: var(--cui-padding) 0;
  position: relative;
}

.wd-dropdown-image .gc-btn {
  overflow: hidden;
}

.wd-dropdown-image > .gc-btn-group {
  margin: 0 var(--cui-padding);
}

.wd-dropdown-image--single-source .wd-dropdown-image-db-panel, .wd-dropdown-image--single-source .wd-dropdown-image-panel {
  padding-top: 0;
}

.wd-dropdown-image--single-source .wd-dropdown-image__provider {
  margin-top: 0;
  margin-bottom: var(--cui-padding);
}

.wd-dropdown-image__loader {
  min-height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}

.wd-dropdown-image__provider {
  width: calc(100% - var(--cui-padding) * 2);
  margin: 0 var(--cui-padding);
  margin-top: var(--cui-padding);
}

.wd-embedded-collection-input {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  display: block;
}

.wd-embedded-collection__item {
  height: var(--cui-block-size-sm);
  display: flex;
  position: relative;
}

.wd-embedded-collection__item > input.gc-input {
  padding-left: var(--cui-block-size-sm);
}

.wd-embedded-collection__item__preview {
  height: 100%;
  padding: var(--cui-padding-xs);
  pointer-events: none;
  border-radius: var(--cui-border-radius);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.wd-embedded-collection__item__img, .wd-embedded-collection__item__stub {
  border: 1px solid var(--cui-overlay);
  width: 20px;
  height: 20px;
}

.wd-line-style-editor__preview {
  border-top-width: 4px;
  width: 20px;
}

.wd-length-editor, .wd-length-expr-editor {
  width: 100%;
}

.wd-length-editor__input.gc-input, .wd-length-expr-editor__input.gc-input {
  text-align: left;
}

.wd-number-editor, .wd-number-expr-editor {
  width: 100%;
  display: flex;
}

.wd-number-editor__button, .wd-number-expr-editor__button {
  flex: none;
}

.wd-number-editor__button:first-of-type, .wd-number-expr-editor__button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wd-number-editor__button:last-of-type, .wd-number-expr-editor__button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.wd-number-editor__input.gc-input, .wd-number-expr-editor__input.gc-input {
  text-align: center;
  border-radius: 0;
  flex: 2 2 auto;
  width: 100%;
}

.wd-editor-params-collection__item {
  display: flex;
}

.wd-editor-params-collection__item > :not(.wd-editor-params-collection__item-toggle) {
  flex-grow: 1;
  flex-shrink: 1;
  width: 0;
}

.wd-editor-params-collection__item > .wd-editor-params-collection__item-toggle {
  margin-left: var(--cui-padding-xs);
  flex-grow: 0;
  flex-shrink: 0;
}

.wd-collection-editor-row {
  justify-content: space-between;
  gap: 5px;
  display: flex;
}

.wd-collection-editor-row__element {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}

.wd-editor-chart-collection-editor__item {
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  display: block;
  overflow: hidden;
}

.wd-editor-chart-plot-pointers__item {
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  align-items: center;
  display: grid;
}

.wd-editor-simple-toggle {
  min-width: 0;
}

.wd-editor-simple-toggle .gc-dd__toggle-content {
  white-space: normal;
  height: 100%;
}

.wd-editor-simple-toggle-content {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  padding: 3px 8px 0;
  overflow: hidden;
}

.wd-editor-simple-toggle-content__name {
  text-overflow: ellipsis;
  white-space: nowrap;
  height: calc(var(--cui-block-size-sm) * .5);
  line-height: calc(var(--cui-block-size-sm) * .5);
  display: block;
  overflow: hidden;
}

.wd-editor-simple-toggle-content__value {
  align-items: center;
  width: 100%;
  height: 20px;
  display: flex;
}

.wd-editor-simple-toggle-content__text {
  text-overflow: ellipsis;
  width: 100%;
  height: 100%;
  color: var(--cui-primary-700);
  line-height: 20px;
  overflow: hidden;
}

.wd-editor-simple-toggle-content__color {
  border-radius: 3px;
  width: 100%;
  height: 7px;
}

.wd-editor-simple-toggle-content__color--transparent {
  border: 1px dotted hsla(var(--neutral-700),.62);
}

.wd-editor-simple-row {
  display: flex;
}

.wd-editor-simple-row.wd-editor-simple-buttons > .gc-btn-group--block {
  width: 0;
}

.wd-editor-simple-section + .wd-editor-simple-section {
  margin-left: var(--cui-padding-xs);
}

.wd-editor-simple-section.gc-btn-group--block {
  flex: auto;
}

.wd-editor-simple-section.gc-btn-group--block > :not(.gc-btn-group__splitter) {
  flex: 1;
}

.wd-font-dropdown__item {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.wd-editor-s-font-family {
  min-width: 130px;
}

.wd-editor-s-item-font-family {
  white-space: nowrap;
  line-height: 1;
}

.wd-editor-s-section-font:only-child .wd-editor-s-font-family {
  max-width: 250px;
  flex-grow: 1 !important;
}

.wd-editor-simple-dropdown__item {
  border-radius: 0;
  width: 50%;
}

.wd-editor-simple-dropdown__item.gc-btn--accent .wd-editor-simple-dropdown__preview {
  color: inherit;
}

.wd-editor-simple-dropdown__preview {
  height: 25px;
  color: var(--cui-primary-500);
  justify-content: center;
  align-items: flex-end;
  font-size: 16px;
  line-height: 1.1;
  display: flex;
}

.wd-editor-simple-dropdown__text {
  text-align: center;
  height: 20px;
  line-height: 20px;
}

.wd-editor-simple-toggle-sides__preview {
  border-style: dotted;
  border-width: 1px;
  border-color: var(--cui-primary-500);
  background-color: var(--cui-white);
  border-radius: 1px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.wd-editor-simple-toggle-sides__menu .gc-btn--accent .wd-editor-simple-toggle-sides__preview {
  background-color: inherit;
  border-color: currentColor;
}

.wd-editor-simple-toggle-sides {
  min-width: 50px;
  flex: none !important;
}

.wd-editor-simple-toggle-sides__preview {
  margin-right: 3px;
}

.wd-editor-simple-border-style__preview {
  border-top-width: 4px;
  width: 20px;
  height: 5px;
  display: block;
}

.wd-editor-simple-border-width__preview {
  border-top-style: solid;
  border-top-color: currentColor;
  width: 20px;
  height: auto;
  display: block;
}

.wd-editor-sub-item-collection__item {
  display: flex;
}

.wd-editor-sub-item-collection__item > :not(.wd-editor-sub-item-collection__item-toggle) {
  flex-grow: 1;
  flex-shrink: 1;
  width: 0;
}

.wd-editor-sub-item-collection__item > .wd-editor-sub-item-collection__item-toggle {
  margin-left: var(--cui-padding-xs);
  flex-grow: 0;
  flex-shrink: 0;
}

.wd-sort-expression-line {
  position: relative;
}

.wd-sort-expression-line > .gc-text-editor > .gc-input {
  padding-right: var(--cui-block-size-sm);
}

.wd-sort-expression-line > .gc-binding-wrapper > .gc-binding-wrapper__content > .gc-input {
  padding-right: var(--cui-block-size-sm);
  text-overflow: ellipsis;
}

.wd-sort-expression-line__button {
  top: 0;
  right: var(--cui-block-size-sm);
  position: absolute;
}

.wd-editor-format {
  justify-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.wd-editor-format > .gc-combo {
  margin-right: var(--cui-padding-xs);
  flex: auto;
}

.wd-editor-format-digits {
  width: calc(var(--cui-block-size-sm) * 3);
  flex: none;
  display: block;
  position: relative;
}

.wd-editor-format-digits__input.gc-input {
  width: 100%;
  padding: 0 var(--cui-block-size-sm);
  text-align: center;
  border-radius: 0;
  display: block;
}

.wd-editor-format-digits__button {
  position: absolute;
  top: 0;
}

.wd-editor-format-digits__button:first-of-type {
  left: 0;
}

.wd-editor-format-digits__button:last-of-type {
  right: 0;
}

.wd-parameter-valid-value__checklist-item, .wd-parameter-default-value__checklist-item {
  text-overflow: ellipsis;
  overflow: hidden;
}

.wd-parameter-valid-value-reference > div, .wd-parameter-default-value-reference > div {
  margin-bottom: var(--cui-padding-xs);
}

.wd-parameter-valid-value-collection {
  display: flex;
}

.wd-parameter-valid-value-collection__element {
  flex: 50%;
}

.wd-parameter-order__label {
  position: relative;
}

.wd-parameter-order__button {
  position: absolute;
  top: 0;
  right: 8%;
}

.wd-editor-embedded-stylesheets-collection__item {
  height: var(--cui-block-size-sm);
  display: flex;
  position: relative;
}

.wd-editor-embedded-stylesheets-collection__item button.gc-btn {
  margin-left: var(--cui-padding-xs);
}

.wd-themes-editor__preview-color, .wd-themes-editor__preview-item {
  width: 20px;
  height: 20px;
  margin: var(--cui-padding-xs);
  border-radius: var(--cui-border-radius);
  box-shadow: inset 0 0 0 1px var(--cui-overlay);
  grid: repeat(2, .5fr) / repeat(2, .5fr);
  display: grid;
  overflow: hidden;
}

.wd-themes-editor__preview-color span, .wd-themes-editor__preview-item span {
  width: 10px;
  height: 10px;
  display: block;
}

.wd-themes-editor__preview-color span:first-child, .wd-themes-editor__preview-item span:first-child {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}

.wd-themes-editor__preview-color span:nth-child(2), .wd-themes-editor__preview-item span:nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}

.wd-themes-editor__preview-color span:nth-child(3), .wd-themes-editor__preview-item span:nth-child(3) {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
}

.wd-themes-editor__preview-color span:nth-child(4), .wd-themes-editor__preview-item span:nth-child(4) {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
}

.wd-themes-editor__preview-item {
  margin: 0;
}

.wd-filter-add {
  width: 100%;
  height: var(--cui-block-size-sm);
  justify-content: stretch;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.wd-filter-add__field-dd {
  flex: auto;
  width: 100%;
  overflow: hidden;
}

.wd-filter-add__operator-stub {
  width: var(--cui-block-size-sm);
  margin: 0 var(--cui-padding-xs);
  opacity: .38;
  background-color: var(--cui-neutral-50);
  flex: none;
  overflow: hidden;
}

.wd-filter-add__value-stub {
  opacity: .38;
  background-color: var(--cui-neutral-50);
  flex: auto;
  width: 100%;
  overflow: hidden;
}

.wd-filter-add__delete-stub {
  width: var(--cui-block-size-sm);
  margin-left: var(--cui-padding-xs);
  opacity: .38;
  background-color: var(--cui-neutral-50);
  flex: none;
  overflow: hidden;
}

.wd-filter-criterion {
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.wd-filter-criterion__field-dd {
  flex: auto;
  width: 100%;
  overflow: hidden;
}

.wd-filter-criterion__operator-dd {
  width: var(--cui-block-size-sm);
  margin: 0 var(--cui-padding-xs);
  flex: none;
  overflow: hidden;
}

.wd-filter-criterion > .wd-filter-value {
  flex: auto;
  width: 100%;
  overflow: hidden;
}

.wd-filter-criterion > .gc-btn {
  margin-left: var(--cui-padding-xs);
  flex: none;
}

.wd-filters-group {
  width: 100%;
  display: block;
  overflow: hidden;
}

.wd-filters-group__header {
  width: 100%;
  height: var(--cui-block-size-sm);
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.wd-filters-group__container {
  width: 100%;
  padding-top: var(--cui-padding);
  padding-left: var(--cui-block-size-sm);
  position: relative;
}

.wd-filters-group__container:before, .wd-filters-group__container:after {
  content: "";
  border-style: solid;
  border-width: 0;
  border-color: var(--cui-primary-500);
  border-left-width: 2px;
  width: 14px;
  height: 29px;
  display: block;
  position: absolute;
  top: 0;
  left: 14px;
}

.wd-filters-group__container:before {
  border-bottom-width: 2px;
}

.wd-filters-group__container:after {
  height: calc(100% - 29px);
  top: 29px;
}

.wd-filters-group__container--last:after, .wd-filters-group__container--new:before, .wd-filters-group__container--new:after {
  border-color: var(--cui-primary-100);
}

.wd-filters-group__container:last-of-type:after {
  display: none;
}

.wd-filter-value-editor {
  width: 100%;
  height: var(--cui-block-size-sm);
  justify-content: stretch;
  align-items: center;
  display: flex;
}

.wd-filter-value-editor > .wd-filter-value-editor__input {
  width: calc(100% - var(--cui-block-size-sm));
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wd-filter-value-editor > .gc-dd {
  width: var(--cui-block-size-sm);
}

.wd-filter-value-editor > .gc-dd > .gc-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding {
  border-radius: 0;
  width: 100%;
}

.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding > .gc-btn__icon {
  left: calc(var(--cui-padding) * .5);
}

.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding > .gc-btn__text {
  padding-left: calc(var(--cui-block-size-sm) + var(--cui-padding-sm));
}

.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding--field .gc-icon {
  color: var(--cui-primary-700);
}

.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding--parameter .gc-icon {
  color: #70087d;
}

.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding--expression .gc-icon {
  color: #dfc40f;
}

.wd-filter-value-editor__overlay {
  width: calc(100% - var(--cui-block-size-sm));
  pointer-events: none;
  background-color: var(--cui-neutral-50);
  border: 1px solid #0000;
  border-radius: 2px;
  justify-content: stretch;
  align-items: stretch;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.wd-filter-value-editor__overlay > .gc-icon {
  flex: none;
  overflow: hidden;
}

.wd-filter-value-editor__overlay > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  flex: auto;
  overflow: hidden;
}

.wd-filter-value-editor__overlay--invalid {
  border-color: var(--cui-error-500);
}

.wd-filter-icon {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  color: var(--cui-white);
  border-radius: var(--cui-border-radius);
  justify-content: center;
  align-items: center;
  display: flex;
}

.wd-filter-value > .wd-filter-value-editor + .wd-filter-value-editor__input, .wd-filter-value > .gc-btn, .wd-filter-value > .wd-filter-value-editor__input + .wd-filter-value-editor__input {
  margin-top: var(--cui-padding-xs);
}

.wd-filter-value > .wd-filter-value-editor--with-btn {
  margin-top: var(--cui-padding-xs);
  display: flex;
}

.wd-filter-value > .wd-filter-value-editor--with-btn > .wd-filter-value-editor__input > input[type="text"].gc-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wd-filter-value > .wd-filter-value-editor--with-btn > button.gc-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.wd-filter-value .wd-filter-value-editor__input {
  flex: 100%;
}

.wd-filter-value--between > .wd-filter-value {
  margin-bottom: var(--cui-padding-xs);
}

.wd-edit-param-panel, .wd-filters-panel {
  width: 100%;
  height: 100%;
}

.wd-filters-panel .wd-filters, .wd-edit-param-panel .wd-parameter-editor {
  margin: 0 var(--cui-padding);
}

.wd-icon-rdlx-adorner-move {
  width: 11px;
}

.wd-icon-rdlx-adorner-move > svg {
  width: 11px !important;
}

.wd-if-rdlx-c-field {
  fill: var(--cui-primary-500);
}

.wd-if-rdlx-c-parameter {
  fill: #70087d;
}

.wd-if-rdlx-c-expression {
  fill: #dfc40f;
}

.wd-if-rdlx-c-dark {
  fill: #333;
}

.wd-if-rdlx-c-light {
  fill: #fff;
}

.wd-svg {
  background-position: 8px 7px;
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.gc-dd-menu__item .wd-svg {
  background-position: 0 7px;
}

.gc-dd-menu__item.gc-size-sm .wd-svg {
  width: var(--cui-icon-size);
  background-position: 0 3px;
}

.gc-dd-menu__item.gc-size-lg .wd-svg {
  background-position: 0 12px;
}

.wd-expression-editor__fields-container .title > i.wd-svg {
  opacity: .4;
  display: flex;
}

.wizard-body .layout-container .layout-grid .layout-row-column-swap .wd-svg {
  width: 14px;
  height: 20px;
}

.wizard-body .layout-container .layout-grid .layout-cell .ar-member .delete .wd-svg {
  display: flex;
}

.wizard-body .layout-container .layout-grid .layout-cell .ar-member .delete .wd-svg > svg {
  width: 14px;
  height: 20px;
}

.wizard-body .layout-container .layout-grid .layout-cell .ar-member .action .dropdown-toggle.btn.btn-default .wd-svg {
  display: flex;
}

.wizard-body .layout-container .layout-grid .layout-cell .ar-member .action .dropdown-toggle.btn.btn-default .wd-svg > svg {
  width: 16px;
  height: 20px;
}

.ar-data-field-picker-dropdown-search .wd-svg {
  display: flex;
}

.ar-data-field-picker-dropdown-search .wd-svg > svg {
  width: 20px;
}

.ar-semantic-data-field-picker-entity-title .wd-svg > svg {
  width: 15px;
}

.ar-barcode-glyph {
  pointer-events: all;
  position: absolute;
  inset: 0;
}

.ar-barcode-glyph .ar-barcodejs {
  pointer-events: none;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.ar-barcode-glyph .ar-barcodejs .ar-barcodejs-component {
  display: block;
  position: absolute;
}

.ar-barcode-glyph .ar-barcodejs .ar-barcodejs-component svg {
  display: block;
}

.ar-barcode-glyph .ar-barcodejs-error {
  text-align: center;
  word-break: break-word;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.ar-barcode-preview-stub-label {
  pointer-events: none;
  width: 100%;
  height: 100%;
  color: var(--cui-text-color);
  background-color: var(--cui-bg-panels);
  border: none;
  padding: 2pt;
  font-size: 8pt;
  font-weight: 700;
  position: absolute;
  overflow: hidden;
}

.ar-barcode-model-dumper {
  cursor: pointer;
  text-align: center;
  pointer-events: all;
  border: 1px solid var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  width: 19px;
  line-height: 18px;
  position: absolute;
  bottom: 0;
  left: -23px;
}

.ar-barcode-model-dumper > i {
  pointer-events: none;
}

.ar-banded-list-glyph {
  background: #fff;
  width: 100%;
  height: 100%;
}

.ar-banded-list-glyph table {
  table-layout: fixed;
  border-collapse: collapse;
  border-style: none;
  position: absolute;
}

.ar-banded-list {
  border-spacing: 0;
  pointer-events: all;
  border-collapse: collapse;
}

.ar-banded-list td .ar-banded-list-section {
  width: 100%;
  height: 100%;
  position: relative;
}

.ar-banded-list td .ar-banded-list-borders {
  position: absolute;
}

.banded-list-row-adorner {
  z-index: 13;
  table-layout: fixed;
  border-spacing: 0;
  pointer-events: none;
  border-collapse: collapse;
  margin-left: -24px;
  position: absolute;
}

.banded-list-row-adorner__row {
  border: 0;
  padding: 0;
  position: relative;
}

.banded-list-row-adorner__row td {
  width: 18px;
  position: relative;
}

.banded-list-row-adorner__row-header {
  pointer-events: all;
  border: 1px solid var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  width: 100%;
  height: 100%;
}

.banded-list-row-adorner__row-label {
  width: 100%;
  color: var(--cui-text-color);
  place-items: center;
  display: flex;
  position: absolute;
  top: calc(50% - 9px);
}

.banded-list-row-adorner__row.selected .banded-list-row-adorner__row-header {
  background-color: var(--cui-neutral-100);
}

.banded-list-row-adorner__row:nth-child(2) .table-adorner-row-header {
  border-radius: 4px 4px 0 0;
}

.banded-list-row-adorner__row:last-child .table-adorner-row-header {
  border-radius: 0 0 4px 4px;
}

.banded-list-adorner-spot {
  z-index: 13;
  pointer-events: all;
  width: 100%;
  position: absolute;
  top: calc(100% - 4px);
  bottom: -4px;
  left: 0;
}

.banded-list-adorner-spot__add {
  z-index: 13;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  left: -20px;
}

.banded-list-adorner-spot__add-deco {
  background-color: var(--cui-primary-500);
  width: 29px;
  height: 3px;
  position: absolute;
  top: calc(50% - 1.5px);
  left: 15px;
}

.banded-list-adorner-spot__add-deco-area {
  width: 100%;
  height: 100%;
  position: relative;
}

.banded-list-adorner-spot__add-deco-area div {
  background-color: var(--cui-primary-500);
  height: 100%;
  position: absolute;
  left: 100%;
}

.banded-list-adorner-spot:hover .banded-list-adorner-spot__add {
  display: block;
}

.banded-list-adorner-spot__grip {
  z-index: 13;
  cursor: row-resize;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.banded-list-adorner-move-grip {
  z-index: 13;
  cursor: pointer;
  pointer-events: all;
  border: 1px solid var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  line-height: 15px;
  display: flex;
  position: absolute;
  top: -24px;
  left: -24px;
}

.banded-list-adorner-move-grip > .gc-icon {
  pointer-events: none;
}

.banded-list-adorner .ar-adorner-panel {
  width: 200px;
  height: 100%;
  min-height: 120px;
  position: absolute;
  top: 0;
  left: calc(100% + 5px);
}

.banded-list-band-adorner {
  z-index: 13;
  border-spacing: 0;
  pointer-events: none;
  border-collapse: collapse;
  position: absolute;
}

.banded-list-band-adorner td {
  z-index: 1313;
  border: 2px;
  border-color: var(--cui-primary-500);
  padding: 0;
  position: relative;
}

.banded-list-band-adorner td.top-border {
  border-top-style: solid;
}

.banded-list-band-adorner td.bottom-border {
  border-bottom-style: solid;
}

.banded-list-band-adorner td.left-border {
  border-left-style: solid;
}

.banded-list-band-adorner td.right-border {
  border-right-style: solid;
}

.banded-list-band-adorner td.selected {
  background-color: #00000020;
}

.banded-list-band-adorner td.primary {
  background-color: #0000;
}

.ar-bullet-adorner {
  width: 100%;
  height: 100%;
}

.ar-bullet-adorner .wd-drop-area {
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 2px;
  display: flex;
}

.ar-bullet-adorner .wd-drop-area > span {
  text-align: center;
  flex: 100px;
}

.ar-bullet-adorner-element {
  cursor: default;
  white-space: nowrap;
  background-color: var(--cui-bg-panels);
  border-radius: var(--cui-border-radius);
  width: 100%;
  height: 30px;
  box-shadow: var(--cui-shadow-menu);
  color: var(--cui-text-color);
  pointer-events: all;
  padding: 1pt;
  font-family: Arial;
  font-size: 10pt;
  position: absolute;
  overflow: hidden;
}

.ar-bullet-adorner-element.ar-adorner-value {
  top: -35px;
}

.ar-bullet-adorner-element.ar-adorner-targetValue {
  bottom: -35px;
}

.ar-adorner-bullet-val {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  max-width: 50%;
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size-sm);
  color: var(--cui-text-color);
  flex: .1 auto;
  line-height: 24px;
  top: 1pt;
  left: 1pt;
  overflow: hidden;
}

.ar-bullet-glyph {
  pointer-events: all;
  color: #000;
  border: thin solid #e0e0e0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ar-bullet-glyph > div {
  height: 100%;
}

.ar-bullet-container {
  pointer-events: none;
}

.ar-bullet-container .ar-bullet-container-vertical {
  flex-flow: row;
  width: 100%;
  height: 100%;
  display: flex;
}

.ar-bullet-container .ar-bullet-vertical-scale {
  z-index: 1;
  width: auto;
  height: 100%;
  position: relative;
}

.ar-bullet-container .ar-bullet-vertical-graph, .ar-bullet-container .ar-bullet-graph {
  background-color: #d6d6d6;
  border: none;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.ar-bullet-container .ar-bullet-range1 {
  background-color: #5f5f5f;
  position: absolute;
}

.ar-bullet-container .ar-bullet-range2 {
  background-color: #a9a9a9;
  position: absolute;
}

.ar-chart-adorner-pane {
  width: 100%;
  height: var(--wd-chart-adorner-panel-height);
  cursor: default;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
  position: absolute;
  overflow: hidden;
}

.ar-chart-adorner-pane__heading {
  width: 100%;
  height: var(--wd-chart-adorner-panel-title-height);
  padding: 0 var(--cui-padding-xs);
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ar-chart-adorner-pane__heading .gc-icon {
  margin-right: var(--cui-padding-xs);
}

.ar-chart-adorner-pane__content {
  width: 100%;
  height: var(--wd-chart-adorner-panel-content-height);
  padding: 4px;
  display: block;
  overflow: hidden;
}

.ar-chart-adorner-pane--top {
  transform: translateY(calc(0px - var(--wd-chart-adorner-panel-height) - var(--wd-chart-adorner-panel-gap)));
  top: 0;
  left: 0;
}

.ar-chart-adorner-pane--bottom {
  transform: translateY(calc(var(--wd-chart-adorner-panel-height) + var(--wd-chart-adorner-panel-gap)));
  bottom: 0;
  left: 0;
}

.ar-chart-adorner-pane--right {
  width: var(--wd-chart-adorner-panel-width);
  height: unset;
  min-height: 100%;
  transform: translate(calc(var(--wd-chart-adorner-panel-width) + var(--wd-chart-adorner-panel-gap)));
  grid-template-rows: min-content 1fr;
  display: grid;
  top: 0;
  right: 0;
}

.ar-chart-adorner-pane--right .ar-chart-adorner-pane__content {
  height: unset;
}

.ar-chart-adorner {
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.cui-item.ar-chart-adorner-pane__item {
  min-width: 10px;
  min-height: fit-content;
  height: var(--cui-block-size-sm);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: var(--cui-border-radius);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  flex: none;
  padding: 0 5px;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
  display: inline-block;
  overflow: hidden;
}

.cui-item.ar-chart-adorner-pane__item:not(.cui-item.ar-chart-adorner-pane__item--selected) {
  background-color: var(--cui-btn-bg);
}

.cui-item.ar-chart-adorner-pane__item:hover {
  background-color: var(--cui-primary-700);
}

.ar-chart-drop-target {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 1px;
  display: flex;
}

.ar-chart-drop-target--empty {
  text-align: center;
  color: hsla(var(--neutral-700),.38);
  font-size: var(--cui-text-size);
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.ar-chart-drop-target.wd-drop-area {
  position: relative;
}

.ar-chart-move-adorner {
  top: 0;
  left: calc(0px - var(--wd-chart-adorner-move-size) - 5px);
  width: var(--wd-chart-adorner-move-size);
  height: var(--wd-chart-adorner-move-size);
  cursor: pointer;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
  position: absolute;
}

.ar-chart-move-adorner > .gc-icon {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ar-chart-move-adorner > .gc-icon > svg {
  width: 16px;
  height: 16px;
}

.chart-series-panel-group__content {
  padding: var(--cui-padding-xs)-1px;
  padding-top: 0;
  overflow: hidden;
}

.chart-series-panel-group__content .ar-chart-drop-target {
  flex-direction: column;
}

.chart-series-panel-group__content .ar-chart-adorner-pane__item {
  flex-shrink: 0;
  width: 100%;
  min-height: fit-content;
}

.chart-series-panel-group {
  height: unset;
  min-height: calc(var(--cui-block-size-sm) * 2 + var(--cui-padding-xs) * 2);
  flex: auto;
  grid-template-rows: min-content 1fr;
  display: grid;
}

.chart-series-panel-group:hover {
  background-color: #0000;
}

.chart-series-panel {
  flex-direction: column;
  justify-content: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.ar-chart {
  pointer-events: all;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ar-chart-error {
  text-align: center;
  word-break: break-word;
  pointer-events: none;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.ar-chart-dvchart {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.ar-chart-clicker {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.ar-chart-decoration-view {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-chart-decoration-view .selection-decoration {
  pointer-events: none;
  border: 1px dashed var(--cui-primary-500);
  position: absolute;
}

.ar-chart-overlay {
  pointer-events: none;
  opacity: .7;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-chart-overlay.visible {
  display: block;
}

.ar-chart-model-dumper {
  cursor: pointer;
  text-align: center;
  pointer-events: all;
  border: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
  width: 19px;
  line-height: 18px;
  position: absolute;
  bottom: 0;
  left: -23px;
}

.ar-chart-model-dumper > i {
  pointer-events: none;
}

.chart-legends-panel-group__header {
  height: calc(var(--cui-rounded-radius-sm) + var(--cui-padding-xs));
}

.chart-legends-panel-group__header .gc-heading__container {
  gap: 5px;
}

.chart-legends-panel-group__header .gc-heading__text {
  font-size: var(--cui-text-size);
  text-transform: capitalize;
}

.chart-legends-panel-group__header .gc-heading__divider {
  opacity: .1;
}

.chart-legends-panel-group__header .gc-btn-group, .chart-legends-panel-group__header button, .chart-legends-panel-group__header .gc-btn-group .gc-icon, .chart-legends-panel-group__header .gc-btn-group .gc-btn__icon, .chart-legends-panel-group__header .gc-btn-group .gc-size-sm, .chart-legends-panel-group__header button .gc-icon, .chart-legends-panel-group__header button .gc-btn__icon, .chart-legends-panel-group__header button .gc-size-sm {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}

.chart-legends-panel-group__content {
  height: 0;
  padding: var(--cui-padding-xs)-1px;
  padding-top: 0;
  overflow: hidden;
}

.chart-legends-panel-group__content .ar-chart-drop-target {
  flex-direction: column;
}

.chart-legends-panel-group__content .ar-chart-adorner-pane__item {
  width: 100%;
}

.chart-legends-panel-group {
  width: 100%;
  height: calc(var(--cui-rounded-radius-sm) + var(--cui-padding-xs) * 2);
  min-height: calc(var(--cui-rounded-radius-sm) + var(--cui-padding-xs) * 2);
  flex: none;
  overflow: hidden;
}

.chart-legends-panel-group--expanded {
  height: unset;
  min-height: calc(var(--cui-padding-xs) / 2 + var(--cui-block-size-lg));
  flex: auto;
  grid-template-rows: min-content 1fr;
  display: grid;
}

.chart-legends-panel-group--expanded:hover {
  background-color: #0000;
}

.chart-legends-panel-group--expanded .chart-legends-panel-group__header .gc-icon {
  transform: rotate(-90deg);
}

.chart-legends-panel-group--expanded .chart-legends-panel-group__content {
  height: unset;
}

.chart-legends-panel-group--expanded .chart-legends-panel-group__content .ar-chart-adorner-pane__item {
  flex-shrink: 0;
  min-height: fit-content;
}

.chart-legends-panel {
  flex-direction: column;
  justify-content: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.ar-checkbox {
  pointer-events: all;
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.ar-checkbox * {
  pointer-events: none;
}

.ar-checkbox .ar-checkbox-inner {
  width: 100%;
  height: 100%;
  text-decoration: inherit;
  -webkit-text-decoration: inherit;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ar-checkbox .ar-checkbox-inner.selected .ar-checkbox-check, .ar-checkbox .ar-checkbox-inner.selected .ar-checkbox-text-wrapper {
  pointer-events: all;
}

.ar-checkbox .ar-checkbox-check {
  box-sizing: border-box;
  border: 1px solid #000;
  width: 16px;
  height: 16px;
  font-size: 14px;
  display: inline-block;
  position: absolute;
}

.ar-checkbox .ar-checkbox-check.expression {
  background-color: #000;
}

.ar-checkbox .ar-checkbox-text-wrapper {
  width: 100%;
  text-decoration: inherit;
  -webkit-text-decoration: inherit;
}

.ar-checkbox .no-wrap {
  white-space: nowrap;
}

.ar-checkbox .word-wrap {
  word-wrap: break-word;
}

.ar-checkbox .char-wrap {
  word-break: break-all;
}

.ar-checkbox.top .ar-checkbox-check {
  top: 0;
}

.ar-checkbox.top .ar-checkbox-inner {
  align-items: flex-start;
  padding-top: 17px;
}

.ar-checkbox.middle .ar-checkbox-check {
  top: calc(50% - 8px);
}

.ar-checkbox.middle .ar-checkbox-inner {
  align-items: center;
}

.ar-checkbox.bottom .ar-checkbox-check {
  bottom: 0;
}

.ar-checkbox.bottom .ar-checkbox-inner {
  align-items: flex-end;
  padding-bottom: 17px;
}

.ar-checkbox.left .ar-checkbox-check {
  left: 0;
}

.ar-checkbox.left .ar-checkbox-inner {
  padding-left: 17px;
}

.ar-checkbox.left .ar-checkbox-text-wrapper {
  text-align: left;
}

.ar-checkbox.center .ar-checkbox-check {
  left: calc(50% - 8px);
}

.ar-checkbox.center .ar-checkbox-text-wrapper {
  text-align: center;
}

.ar-checkbox.right .ar-checkbox-check {
  right: 0;
}

.ar-checkbox.right .ar-checkbox-inner {
  padding-right: 17px;
}

.ar-checkbox.right .ar-checkbox-text-wrapper {
  text-align: right;
}

.ar-checkbox .ar-checkbox__textarea-area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-checkbox .ar-checkbox__area {
  pointer-events: all;
  position: absolute;
}

.ar-checkbox-check .wd-svg > svg {
  width: 12px;
}

.ar-contentplaceholder {
  pointer-events: all;
  width: 100%;
  height: 100%;
  color: var(--cui-neutral-300);
  background-color: #fff;
  border: none;
  justify-content: center;
  align-items: center;
  font-size: 8pt;
  display: flex;
  position: absolute;
}

.ar-contentplaceholder__text {
  text-align: center;
  pointer-events: none;
  color: #5c5c5c;
  max-width: 90%;
  max-height: 100%;
  position: absolute;
  overflow: hidden;
}

.ar-default-report-item {
  -webkit-user-select: none;
  user-select: none;
  opacity: .6;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size-sm);
  border: 1px dotted #aaa9;
  padding: 2px;
  overflow: hidden;
}

.placeholder-grip {
  cursor: pointer;
  pointer-events: all;
  background-color: #969696;
  border: 1px solid #838383;
  border-radius: 50%;
  width: 9pt;
  height: 9pt;
  position: absolute;
}

.placeholder-grip.fpl-e {
  cursor: w-resize;
  top: calc(50% - 4.5pt);
  right: -15pt;
}

.placeholder-grip.fpl-s {
  cursor: s-resize;
  bottom: -15pt;
  left: calc(50% - 4.5pt);
}

.placeholder-grip.fpl-se {
  cursor: se-resize;
  bottom: -15pt;
  right: -15pt;
}

.ar-placeholder {
  pointer-events: all;
  width: 100%;
  height: 100%;
  position: relative;
}

.ar-placeholder .placeholder-border {
  pointer-events: none;
  border: 1px solid hsla(var(--primary-500),.1);
  background: repeating-linear-gradient(-45deg,transparent,transparent 4px,hsla(var(--primary-500),.1) 4px,hsla(var(--primary-500),.1) 6px);
  width: 100%;
  height: 100%;
  position: absolute;
}

.ar-report.fpl {
  height: calc(100% - 31px);
}

.ar-formatted-text {
  word-wrap: break-word;
  pointer-events: all;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ar-formatted-text .preview {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ar-formatted-text .preview.error {
  color: var(--cui-error-500);
  background-color: #d87979;
  padding: 2px;
  font-size: 12px;
}

.ar-image-glyph {
  pointer-events: all;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ar-image-glyph .image-container {
  pointer-events: none;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ar-image-glyph span {
  word-wrap: break-word;
  pointer-events: none;
  width: 100%;
  max-height: 100%;
  padding: 2pt;
  font-size: 10pt;
  display: inline-block;
  overflow: hidden;
}

.ar-image-glyph .fit-proportional {
  background-size: contain;
  background-attachment: local;
}

.ar-image-glyph .fit {
  background-size: 100% 100%;
}

.rdlx-input-field-text {
  word-wrap: break-word;
  pointer-events: all;
  border: none;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.rdlx-input-field-text * {
  pointer-events: none;
}

.rdlx-input-field-text--text-wrapper {
  width: 100%;
  text-decoration: inherit;
}

.rdlx-input-field-checkbox {
  pointer-events: all;
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.rdlx-input-field-checkbox * {
  pointer-events: none;
}

.rdlx-input-field-checkbox__icon {
  text-align: center;
  width: 100%;
  height: 100%;
  text-decoration: inherit;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rdlx-input-field-checkbox .selected {
  pointer-events: all;
}

.rdlx-input-field-checkbox--checked {
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
}

.rdlx-input-field-checkbox--checked.wd-svg {
  display: flex;
}

.rdlx-input-field-checkbox--checked.wd-svg > svg {
  width: 100%;
  height: 100%;
}

.ar-line {
  width: 100%;
  height: 100%;
  position: absolute;
}

.ar-line > div {
  position: absolute;
}

.ar-line * {
  pointer-events: none;
}

.ar-list {
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size);
  display: grid;
}

.ar-list--rows {
  grid-auto-rows: 1fr;
  grid-auto-flow: row;
}

.ar-list--rows .ar-list__segment {
  border-top-width: 1px;
}

.ar-list--columns {
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.ar-list--columns .ar-list__segment {
  border-left-width: 1px;
}

.ar-list__work-area {
  pointer-events: none;
}

.ar-list__segment {
  pointer-events: none;
  color: var(--cui-neutral-300);
  border-style: dashed;
  border-width: 0;
  border-color: var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.ar-list__segment-caption {
  grid-auto-flow: column;
  margin: 0 8px;
  display: grid;
}

.ar-list__segment-caption-start {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ar-list__segment-caption-end {
  white-space: pre-wrap;
}

.ar-report.msl {
  height: calc(100% - 31px);
}

.ar-report {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}

.ar-report .ar-page-margin {
  width: calc(100% - 128px);
  height: calc(100% - 128px);
  margin: 64px;
  position: relative;
}

.ar-report .ar-page {
  pointer-events: all;
  box-shadow: 4px 4px 16px 0 var(--cui-neutral-100);
  background-color: #fff;
  display: inline-block;
  position: relative;
}

.ar-report .ar-page > div {
  pointer-events: all;
}

.ar-report .ar-page .ar-page__overlay {
  opacity: .62;
  background-color: var(--cui-neutral-50);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-report .ar-decorationlayer .section-header {
  z-index: 10001;
  padding: 2px var(--cui-padding-xs);
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  opacity: .5;
  color: #5c5c5c;
  border: var(--cui-border-width) solid transparent;
  font-size: var(--cui-text-size-sm);
  background-color: #0000;
  transition: all .2s ease-in-out;
  position: absolute;
  overflow: hidden;
}

.ar-report .ar-decorationlayer .section-header__hidden {
  visibility: hidden;
  opacity: 0;
}

.ar-report .ar-decorationlayer .section-header__primary {
  opacity: 1;
  color: var(--cui-white);
  border: var(--cui-border-width) solid var(--cui-primary-500);
  background-color: var(--cui-primary-500);
  transition: all .2s ease-in-out;
  transform: translateY(-100%);
}

.ar-report .ar-resizeline-vertical {
  cursor: ew-resize;
  pointer-events: all;
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;
}

.ar-report .ar-resizeline-horizontal {
  cursor: ns-resize;
  pointer-events: all;
  width: 100%;
  height: 6px;
  position: absolute;
}

.ar-report .ar-resizeline-left {
  left: -3px;
}

.ar-report .ar-resizeline-right {
  left: calc(100% - 3px);
}

.ar-report .ar-resizeline-top {
  top: -3px;
}

.ar-report .ar-resizeline-bottom {
  top: calc(100% - 3px);
}

.ar-report .ar-vertical-separator {
  background-color: #00000030;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
}

.ar-report .ar-horizontal-separator {
  background-color: #00000030;
  width: 100%;
  height: 1px;
  position: absolute;
}

.ar-report .ar-page-borders {
  border: 1px dashed #5c5c5c;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin-top: -1px;
  margin-left: -1px;
}

.ar-report::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.ar-report::-webkit-scrollbar-thumb {
  background-color: hsla(var(--primary-700),.6);
  border-radius: var(--cui-rounded-radius-sm);
  outline: 2px solid var(--cui-neutral-50);
  outline-offset: -2px;
}

.ar-report::-webkit-scrollbar-thumb:hover {
  background-color: hsla(var(--primary-700),.8);
}

.ar-report::-webkit-scrollbar-track {
  background-color: var(--cui-neutral-50);
}

.ar-report::-webkit-scrollbar-corner {
  background-color: var(--cui-neutral-50);
}

.ar-partitem {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ar-partitem--line {
  padding: 2pt;
}

.ar-partitem--report-part-name {
  font-size: medium;
  font-weight: 400;
}

.ar-partitem__border-wrapper {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
}

.ar-partitem__overlay {
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.fpl .ar-partitem--grow:not(.ar-partitem--line) {
  background: repeating-linear-gradient(-45deg,transparent,transparent 4px,hsla(var(--primary-500),.1) 4px,hsla(var(--primary-500),.1) 6px);
}

.msl .ar-partitem--grow:not(.ar-partitem--line) {
  background-color: #fff;
  background-image: radial-gradient(var(--cui-primary-500) .5pt,transparent 0px),radial-gradient(#8080804d 1pt,transparent 0px);
  background-position: 0 0, 8px 8px;
  background-size: 16px 16px;
}

.ar-sel-adorner {
  border: 10px solid #0000;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  margin: -10px;
  position: absolute;
}

.ar-sel-adorner .grip, .ar-sel-adorner .grip-angle {
  z-index: 9002;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
  position: absolute;
}

.ar-sel-adorner .grip > div, .ar-sel-adorner .grip-angle > div {
  background-color: var(--cui-primary-500);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: none;
}

.ar-sel-adorner .grip {
  border: 1px solid var(--cui-primary-500);
  background: #fff;
}

.ar-sel-adorner .grip-angle {
  box-sizing: content-box;
  background: var(--cui-primary-500);
  border: 1.5px solid #fff;
  width: 6px;
  height: 6px;
}

.ar-sel-adorner .grip-angle:after {
  content: "";
  background: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
}

.ar-sel-adorner .grip-angle-guide {
  background: var(--cui-primary-500);
  opacity: .5;
  border-radius: 50%;
  width: 2px;
  position: absolute;
}

.ar-sel-adorner .grip-n {
  top: -5px;
}

.ar-sel-adorner .grip-m {
  top: calc(50% - 5px);
}

.ar-sel-adorner .grip-s {
  top: calc(100% - 5px);
}

.ar-sel-adorner .grip-w {
  left: -5px;
}

.ar-sel-adorner .grip-c {
  left: calc(50% - 5px);
}

.ar-sel-adorner .grip-e {
  left: calc(100% - 5px);
}

.ar-sel-adorner .grip-angle-tl {
  top: 0;
  left: 0;
}

.ar-sel-adorner .grip-angle-tr {
  top: 0;
  right: 0;
}

.ar-sel-adorner .grip-angle-bl {
  bottom: 0;
  left: 0;
}

.ar-sel-adorner .grip-angle-br {
  bottom: 0;
  right: 0;
}

.ar-sel-adorner .sel-frame {
  z-index: 9000;
  pointer-events: none;
  border: 1px solid var(--cui-primary-500);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-sel-adorner .sel-frame__rounding {
  border: none;
}

.ar-sel-adorner .move-grip-solid .overlay {
  z-index: 9000;
  cursor: move;
  position: absolute;
}

.ar-sel-adorner .move-grip-solid .overlay.pos-e {
  cursor: move;
  width: 6px;
  height: 100%;
  top: 0;
  left: -3px;
}

.ar-sel-adorner .move-grip-solid .overlay.pos-n {
  cursor: move;
  width: 100%;
  height: 6px;
  top: -3px;
  left: 0;
}

.ar-sel-adorner .move-grip-solid .overlay.pos-w {
  cursor: move;
  width: 6px;
  height: 100%;
  top: 0;
  right: -3px;
}

.ar-sel-adorner .move-grip-solid .overlay.pos-s {
  cursor: move;
  width: 100%;
  height: 6px;
  bottom: -3px;
  left: 0;
}

.ar-sel-adorner .ar-selection-marker {
  z-index: 9002;
  border: 1px solid hsla(var(--primary-500),.38);
  background: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  right: -5px;
  transform: rotate(-45deg);
}

.ar-sel-adorner .ar-selection-marker > div {
  background-color: var(--cui-primary-500);
  width: 6px;
  height: 6px;
  margin: 1px;
  display: none;
}

.ar-sel-adorner .ar-selection-marker.primary > div {
  display: block;
}

.shape-rounding {
  opacity: .5;
  border-style: dashed !important;
}

.ar-sel-primary .grip > div {
  display: block;
}

.line-move-grip {
  z-index: 9001;
  height: 100%;
  display: block;
  position: absolute;
}

.line-move-grip > div {
  z-index: 9001;
  border: 1px solid var(--cui-primary-500);
  display: block;
  position: absolute;
}

.ar-line-selection-marker {
  z-index: 9002;
  border: 1px solid hsla(var(--primary-500),.38);
  background: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  transform: rotate(-45deg);
}

.ar-line-selection-marker > div {
  background-color: var(--cui-primary-500);
  width: 6px;
  height: 6px;
  margin: 1px;
  display: none;
}

.ar-line-selection-marker.primary > div {
  display: block;
}

.ar-rectangle-glyph {
  width: 100%;
  height: 100%;
  position: relative;
}

.ar-rectangle-glyph .bg-color, .ar-rectangle-glyph .bg-image, .ar-rectangle-glyph .bg-grid {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.ar-rectangle-glyph .rectangle-drop-area {
  width: 100%;
  height: 100%;
}

.ar-rectangle-glyph .ar-rectangle-glyph__overlay {
  opacity: .62;
  background-color: var(--cui-neutral-50);
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-rectangle-glyph__draggable-area {
  pointer-events: all;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-border {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-border__primary {
  z-index: 2 !important;
  border: var(--cui-border-width) solid var(--cui-primary-500) !important;
}

.ar-border__secondary {
  z-index: 1 !important;
  border: var(--cui-border-width) solid hsla(var(--primary-500),.62) !important;
}

.ar-reportitemplace {
  text-decoration-skip-ink: none;
  position: absolute;
}

.ar-decorative-item * {
  pointer-events: none !important;
}

.ar-rectangle-glyph {
  pointer-events: all;
}

.ar-rectangle-glyph .ar-overflowPlaceHolder-glyph {
  text-align: center;
  word-wrap: break-word;
  color: gray;
  background-color: #fff;
  border: none;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.ar-rectangle-glyph .ar-overflowPlaceHolder-glyph > span {
  pointer-events: none;
  width: 100%;
}

.ar-rich-text {
  word-wrap: break-word;
  pointer-events: all;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ar-rich-text * {
  pointer-events: none;
}

.ar-rich-text .ar-rich-text-inner {
  display: flex;
  position: absolute;
  overflow: hidden;
}

.ar-rich-text .ar-rich-text-inner.middle {
  align-items: center;
}

.ar-rich-text .ar-rich-text-inner.bottom {
  align-items: flex-end;
}

.ar-rich-text .ar-rich-text-inner.top {
  align-items: flex-start;
}

.ar-rich-text .ar-rich-text-inner .text-wrapper {
  width: 100%;
  text-decoration: inherit;
  overflow: hidden;
}

.ar-corner-adorner {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ar-corner-adorner .grip {
  z-index: 9002;
  background: none;
  border: none;
  position: absolute;
}

.ar-corner-adorner .grip > div {
  background-color: var(--cui-primary-500);
  border: 1px solid #969696;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: block;
  transform: rotate(-45deg);
}

.ar-corner-preview {
  z-index: 9005;
  border: 1px solid #969696;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.ar-shape {
  pointer-events: all;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: visible;
}

.ar-shape .ar-shape-border {
  pointer-events: none;
  background: none;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.ellipse {
  border-radius: 50%;
}

.ar-sparkline-adorner {
  width: 100%;
  height: 100%;
}

.ar-sparkline-adorner .wd-drop-area {
  -moz-column-gap: 4px;
  align-items: center;
  column-gap: 4px;
  width: 100%;
  height: 100%;
  padding: 0 2px;
  display: flex;
}

.ar-sparkline-adorner .wd-drop-area > span {
  text-align: center;
  flex: 100px;
}

.ar-sparkline-adorner-element {
  cursor: default;
  white-space: nowrap;
  background-color: var(--cui-bg-panels);
  border-radius: var(--cui-border-radius);
  width: 100%;
  height: 30px;
  box-shadow: var(--cui-shadow-menu);
  color: var(--cui-text-color);
  pointer-events: all;
  padding: 1pt;
  font-family: Arial;
  font-size: 10pt;
  position: absolute;
  overflow: hidden;
}

.ar-sparkline-adorner-element.ar-adorner-groupingExpressions {
  bottom: -35px;
}

.ar-sparkline-adorner-element.ar-adorner-value {
  top: -35px;
}

.ar-sparkline-adorner-val {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  max-width: 50%;
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size-sm);
  color: var(--cui-text-color);
  flex: .1 auto;
  line-height: 24px;
  top: 1pt;
  left: 1pt;
  overflow: hidden;
}

.ar-sparkline-glyph {
  pointer-events: all;
  border: none;
  width: 100%;
  height: 100%;
  padding: 2pt;
  position: absolute;
  overflow: hidden;
}

.ar-subreport {
  pointer-events: all;
  width: 100%;
  height: 100%;
  color: var(--cui-text-color);
  background-color: var(--cui-bg-panels);
  border: none;
  justify-content: center;
  align-items: center;
  padding: 2pt;
  font-size: 14pt;
  font-weight: 700;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.ar-subreport > span {
  text-overflow: ellipsis;
  pointer-events: none;
  overflow: hidden;
}

.table-adorner-cells-selection {
  border-spacing: 0;
  pointer-events: none;
  border-collapse: collapse;
  position: absolute;
}

.table-adorner-cells-selection .table-adorner-cell {
  border: 2px;
  border-color: var(--cui-primary-500);
  padding: 0;
  position: relative;
}

.table-adorner-cells-selection .table-adorner-cell > div {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-area {
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.table-adorner-cells-selection .table-adorner-cell.table-adorner-cell-selected .table-adorner-cell-area {
  background-color: #00000020;
}

.table-adorner-cells-selection .table-adorner-cell.table-adorner-cell-selected.primary .table-adorner-cell-area {
  background-color: #0000;
}

.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-border {
  z-index: 1313;
  border-style: none;
  border-width: 2px;
  border-color: var(--cui-primary-500);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
}

.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-border.top {
  border-top-style: solid;
}

.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-border.bottom {
  border-bottom-style: solid;
}

.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-border.left {
  border-left-style: solid;
}

.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-border.right {
  border-right-style: solid;
}

.table-adorner-rows {
  z-index: 13;
  border-spacing: 0;
  pointer-events: none;
  border-collapse: collapse;
  margin-left: -24px;
  position: absolute;
}

.table-adorner-rows .table-adorner-row {
  border: 0;
  padding: 0;
  position: relative;
}

.table-adorner-rows .table-adorner-row td {
  width: 20px;
  padding: 0;
  position: relative;
}

.table-adorner-rows .table-adorner-row td .table-adorner-row-header {
  pointer-events: all;
  border: 1px solid var(--cui-neutral-300);
  background-color: var(--cui-bg-panels);
  width: 100%;
  height: 100%;
}

.table-adorner-rows .table-adorner-row td .table-adorner-row-label {
  width: 100%;
  height: 100%;
  color: var(--cui-text-color);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.table-adorner-rows .table-adorner-row.selected .table-adorner-row-header {
  background-color: var(--cui-neutral-100);
}

.table-adorner-rows .table-adorner-row:nth-child(2) .table-adorner-row-header {
  border-radius: 4px 4px 0 0;
}

.table-adorner-rows .table-adorner-row:last-child .table-adorner-row-header {
  border-radius: 0 0 4px 4px;
}

.table-adorner-columns {
  z-index: 13;
  border-spacing: 0;
  pointer-events: none;
  border-collapse: collapse;
  margin-top: -24px;
  position: absolute;
}

.table-adorner-columns .table-adorner-column {
  border: 0;
  height: 20px;
  padding: 0;
  position: relative;
}

.table-adorner-columns .table-adorner-column .table-adorner-column-header {
  pointer-events: all;
  border: 1px solid var(--cui-neutral-300);
  background-color: var(--cui-bg-panels);
  width: 100%;
  height: 100%;
}

.table-adorner-columns .table-adorner-column.selected .table-adorner-column-header {
  background-color: var(--cui-neutral-100);
}

.table-adorner-columns .table-adorner-column:nth-child(2) .table-adorner-column-header {
  border-radius: 4px 0 0 4px;
}

.table-adorner-columns .table-adorner-column:last-child .table-adorner-column-header {
  border-radius: 0 4px 4px 0;
}

.table-adorner-spot {
  z-index: 13;
  pointer-events: all;
  position: absolute;
}

.table-adorner-spot.row-spot {
  width: 100%;
  top: calc(100% - 4px);
  bottom: -4px;
  left: 0;
}

.table-adorner-spot.row-spot .table-adorner-spot-add {
  left: -20px;
}

.table-adorner-spot.row-spot .table-adorner-spot-add .table-adorner-spot-add-button {
  top: calc(50% - 7.5px);
}

.table-adorner-spot.row-spot .table-adorner-spot-add .table-adorner-spot-add-deco {
  width: 29px;
  height: 3px;
  top: calc(50% - 1.5px);
  left: 15px;
}

.table-adorner-spot.row-spot .table-adorner-spot-add .table-adorner-spot-add-deco .table-adorner-spot-add-deco-area div {
  height: 100%;
  left: 100%;
}

.table-adorner-spot.row-spot .table-adorner-spot-add-grip {
  cursor: row-resize;
}

.table-adorner-spot.column-spot {
  width: 8px;
  height: 100%;
  top: 0;
  right: -4px;
}

.table-adorner-spot.column-spot .table-adorner-spot-add {
  top: -20px;
}

.table-adorner-spot.column-spot .table-adorner-spot-add .table-adorner-spot-add-button {
  left: calc(50% - 7.5px);
}

.table-adorner-spot.column-spot .table-adorner-spot-add .table-adorner-spot-add-deco {
  width: 3px;
  height: 29px;
  top: 15px;
  left: calc(50% - 1.5px);
}

.table-adorner-spot.column-spot .table-adorner-spot-add .table-adorner-spot-add-deco .table-adorner-spot-add-deco-area div {
  width: 100%;
  top: 100%;
}

.table-adorner-spot.column-spot .table-adorner-spot-add-grip {
  cursor: col-resize;
}

.table-adorner-spot .table-adorner-spot-add {
  z-index: 13;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-button {
  cursor: pointer;
  background-color: var(--cui-primary-500);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: absolute;
}

.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-button i {
  color: #fff;
}

.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-button i > svg {
  width: 12px !important;
}

.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-deco {
  background-color: var(--cui-primary-500);
  position: absolute;
}

.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-deco .table-adorner-spot-add-deco-area {
  width: 100%;
  height: 100%;
  position: relative;
}

.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-deco .table-adorner-spot-add-deco-area div {
  background-color: var(--cui-primary-500);
  position: absolute;
}

.table-adorner-spot:hover .table-adorner-spot-add {
  display: block;
}

.table-adorner-spot .table-adorner-spot-add-grip {
  z-index: 13;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.table-adorner-move-grip {
  z-index: 13;
  cursor: pointer;
  pointer-events: all;
  border: 1px solid var(--cui-neutral-300);
  background-color: var(--cui-bg-panels);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  top: -24px;
  left: -24px;
}

.table-adorner-move-grip > .gc-icon {
  pointer-events: none;
}

.table-adorner .ar-adorner-panel {
  width: 200px;
  height: 100%;
  min-height: 120px;
  position: absolute;
  top: 0;
  left: calc(100% + 5px);
}

.table-adorner-icon-group {
  white-space: nowrap;
  width: 16px;
  height: 16px;
  font-size: var(--cui-text-size-sm);
  line-height: var(--cui-icon-size-sm);
  justify-content: left;
  align-items: center;
  display: flex;
}

.table-adorner-icon-group > .gc-icon {
  width: 7px;
  overflow: hidden;
}

.wd-table-overlay {
  z-index: 9002;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wd-column-drop {
  pointer-events: all;
  width: 10px;
  height: 100%;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-50%);
}

.wd-column-drop:after {
  content: "";
  background-color: var(--cui-primary-500);
  width: 3px;
  height: calc(100% + 30px);
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.wd-column-drop__icon {
  width: 15px;
  height: 15px;
  color: var(--cui-white);
  background-color: var(--cui-primary-500);
  border-radius: 50%;
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -29px);
}

.wd-column-drop--active, .wd-column-drop--hover .wd-column-drop__icon, .wd-column-drop--hover:after {
  display: block;
}

.wd-column-drop--fill-column {
  height: calc(100% + 24px);
  transform: none;
}

.wd-column-drop--drop-before .wd-column-drop__icon {
  display: none;
}

.wd-column-drop--drop-before.wd-column-drop--hover:after {
  height: 100%;
  display: block;
  left: 0;
}

.wd-column-drop--drop-after .wd-column-drop__icon {
  display: none;
}

.wd-column-drop--drop-after.wd-column-drop--hover:after {
  height: 100%;
  display: block;
  left: auto;
  right: 0;
  transform: translate(50%);
}

.ar-table-glyph {
  width: 100%;
  height: 100%;
}

.ar-table {
  border-spacing: 0;
  pointer-events: all;
  border-collapse: collapse;
}

.ar-table td {
  padding: 0;
}

.ar-tablix-cell > div {
  width: 100%;
  height: 100%;
  position: relative;
}

.ar-tablix-cell > div > div:not(.ar-item):not(.ar-rectangle-glyph) {
  pointer-events: none;
  position: absolute;
}

.ar-tablix-cell-hover {
  background-color: var(--cui-primary-700) !important;
}

.ar-tablix-adorner {
  z-index: 13;
  border-spacing: 0;
  pointer-events: none;
  border: 0;
  position: absolute;
}

.ar-tablix-adorner .ar-tablix-adorner-table {
  box-sizing: border-box;
  table-layout: fixed;
  border-spacing: 0;
  color: var(--cui-text-color);
  border-collapse: separate;
}

.ar-tablix-adorner .ar-tablix-adorner-table tr > td {
  padding: 0;
}

.ar-tablix-adorner .pointer-grip {
  cursor: pointer;
  pointer-events: all;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-tablix-adorner .ar-tablix-adorner-resize {
  border-right: 2px solid var(--cui-primary-500);
  border-bottom: 2px solid var(--cui-primary-500);
}

.ar-tablix-adorner .ar-tablix-sections {
  position: absolute;
}

.ar-tablix-adorner .ar-tablix-sections > div {
  border: 0 dashed #c2c2c2;
  position: absolute;
}

.ar-tablix-adorner .ar-tablix-sections > div.ar-tablix-section-v {
  border-left-width: 1px;
  border-right-width: 1px;
  width: 5px;
}

.ar-tablix-adorner .ar-tablix-sections > div.ar-tablix-section-h {
  border-top-width: 1px;
  border-bottom-width: 1px;
  height: 5px;
}

.ar-tablix-selection {
  border-spacing: 0;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}

.ar-tablix-groups {
  pointer-events: none;
  position: absolute;
}

.ar-tablix-groups .ar-tablix-col-group {
  border: 3px solid #c2c2c2;
  border-bottom-width: 0;
  height: 10px;
  position: absolute;
}

.ar-tablix-groups .ar-tablix-row-group {
  border: 3px solid #c2c2c2;
  border-right-width: 0;
  width: 10px;
  position: absolute;
}

.ar-tablix-groups .ar-tablix-col-group.highlighted, .ar-tablix-groups .ar-tablix-row-group.highlighted {
  border-color: var(--cui-primary-700);
}

.ar-tablix-selection-selected:not(.ar-tablix-selection-primary) {
  background-color: #00000020;
}

.ar-tablix-selection-selected.ar-tablix-selection-primary {
  background-color: #0000;
}

.ar-tablix-selection-cell {
  border: 0;
  padding: 0;
}

.ar-tablix-selection-cell > div {
  width: 100%;
  height: 100%;
  position: relative;
}

.ar-tablix-selection-cell > div > div {
  z-index: 1313;
  border-style: none;
  border-width: 2px;
  border-color: var(--cui-primary-500);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
}

.ar-tablix-header-cell {
  text-align: center;
  pointer-events: all;
  border: 1px solid var(--cui-neutral-300);
  background-color: var(--cui-bg-panels);
  line-height: 17px;
  position: relative;
}

.ar-tablix-header-cell.corner {
  border-radius: 9px;
}

.ar-tablix-header-cell.left {
  border-radius: 4px 0 0 4px;
}

.ar-tablix-header-cell.top {
  border-radius: 4px 4px 0 0;
}

.ar-tablix-header-cell.right {
  border-radius: 0 4px 4px 0;
}

.ar-tablix-header-cell.bottom {
  border-radius: 0 0 4px 4px;
}

.ar-tablix-header-cell-selection-primary, .ar-tablix-header-cell-selection-selected:not(.ar-tablix-header-cell-selection-primary), .ar-tablix-header-cell-selection-projection:not(.ar-tablix-header-cell-selection-primary) {
  border-color: var(--cui-neutral-300);
  background-color: var(--cui-neutral-100);
}

.ar-tablix-adorner-spot {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.ar-tablix-adorner-spot > .gc-icon {
  pointer-events: none;
}

.ar-tablix-adorner-spot .ar-tablix-adorner-spot-label {
  width: 100%;
  position: absolute;
  top: calc(50% - 8px);
}

.ar-tablix-adorner-spot-col {
  z-index: 13;
  pointer-events: all;
  height: 18px;
  position: absolute;
  top: -1px;
}

.ar-tablix-adorner-spot-col:hover .ar-tablix-add-column {
  display: block;
}

.ar-tablix-adorner-spot-col > div.ar-tablix-add-column-grip {
  z-index: 13;
  cursor: col-resize;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-tablix-add-column {
  z-index: 13;
  width: 16px;
  display: none;
  position: absolute;
  top: -22px;
  left: -4px;
}

.ar-tablix-add-column .ar-tablix-add-column-knob {
  cursor: pointer;
  background-color: var(--cui-primary-500);
  border-radius: 16px;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-tablix-add-column .ar-tablix-add-column-knob:hover {
  text-decoration: none;
}

.ar-tablix-add-column .ar-tablix-add-column-knob > i {
  text-align: center;
  color: #fff;
  width: 16px;
  height: 16px;
  font-size: 15px;
  line-height: 16px;
  display: flex;
}

.ar-tablix-add-column .ar-tablix-add-column-knob > i > svg {
  width: 12px !important;
}

.ar-tablix-add-column > div.ar-tablix-add-column-deco {
  background-color: var(--cui-primary-500);
  width: 3px;
  height: calc(100% - 13px);
  position: absolute;
  top: 14px;
  left: 6.5px;
}

.ar-tablix-adorner-spot-row {
  z-index: 13;
  pointer-events: all;
  width: 18px;
  position: absolute;
  left: -1px;
}

.ar-tablix-adorner-spot-row:hover .ar-tablix-add-row {
  display: block;
}

.ar-tablix-adorner-spot-row > div.ar-tablix-add-row-grip {
  z-index: 13;
  cursor: row-resize;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-tablix-add-row {
  z-index: 13;
  height: 16px;
  display: none;
  position: absolute;
  bottom: -4px;
  left: -22px;
}

.ar-tablix-add-row .ar-tablix-add-row-knob {
  cursor: pointer;
  background-color: var(--cui-primary-500);
  border-radius: 16px;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ar-tablix-add-row .ar-tablix-add-row-knob:hover {
  text-decoration: none;
}

.ar-tablix-add-row .ar-tablix-add-row-knob > i {
  text-align: center;
  color: #fff;
  width: 16px;
  height: 16px;
  font-size: 15px;
  line-height: 16px;
  display: flex;
}

.ar-tablix-add-row .ar-tablix-add-row-knob > i > svg {
  width: 12px !important;
}

.ar-tablix-add-row > div.ar-tablix-add-row-deco {
  background: var(--cui-primary-500);
  width: calc(100% - 14px);
  height: 3px;
  position: absolute;
  top: 6.5px;
  left: 14px;
}

.ar-tablix-header-cell.edit {
  cursor: pointer;
  pointer-events: all;
  border-radius: 4px;
  width: 18px;
  height: 19px;
}

.ar-tablix-header-cell.edit.disabled {
  cursor: no-drop;
  opacity: .5;
}

.ar-tablix-header-cell.edit:hover {
  background-color: var(--cui-neutral-100);
}

.ar-tablix {
  border-spacing: 0;
  pointer-events: all;
  border-collapse: collapse;
}

.ar-tablix td {
  padding: 0;
}

.ar-textbox {
  pointer-events: all;
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ar-textbox * {
  pointer-events: none;
}

.ar-textbox .ar-textbox-inner {
  display: flex;
  position: absolute;
  overflow: hidden;
}

.ar-textbox .ar-textbox-inner .text-wrapper {
  width: 100%;
  text-decoration: inherit;
  -webkit-text-decoration: inherit;
}

.ar-textbox .ar-textbox-inner .text-wrapper span {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}

.ar-textbox .ar-textbox-inner.middle {
  align-items: center;
}

.ar-textbox .ar-textbox-inner.bottom {
  align-items: flex-end;
}

.ar-textbox .ar-textbox-inner.top {
  align-items: flex-start;
}

.ar-textbox .ar-textbox-inner.no-wrap {
  white-space: nowrap;
}

.ar-textbox .ar-textbox-inner.word-wrap {
  word-wrap: break-word;
}

.ar-textbox .ar-textbox-inner.char-wrap {
  word-break: break-all;
}

.ar-textbox .ar-textbox-inner.tb-rl {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}

.ar-toc {
  pointer-events: all;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ar-toc-glyph {
  width: 100%;
  height: 100%;
}

.ar-toc .toc-body {
  pointer-events: none;
  width: calc(100% + 25px);
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.ar-toc .toc-body .toc-levels {
  pointer-events: all;
  width: 100%;
  height: auto;
}

.ar-toc:hover .toc-insert-wrapper {
  display: block;
}

.ar-toc .toc-insert-wrapper {
  z-index: 9002;
  padding-top: 12px;
  display: none;
  position: relative;
  top: calc(100% - 5px);
}

.ar-toc .toc-insert-wrapper:hover {
  display: block;
}

.ar-toc .toc-insert-wrapper:active {
  pointer-events: none;
}

.ar-toc .toc-insert-wrapper .toc-insert {
  text-align: left;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  width: 100%;
  height: auto;
  box-shadow: var(--cui-shadow-menu);
  overflow: hidden;
}

.toc-level {
  white-space: nowrap;
  pointer-events: none;
  width: 100%;
  height: auto;
}

.toc-level__body {
  float: left;
  pointer-events: all;
  width: calc(100% - 25px);
  position: relative;
  overflow: hidden;
}

.toc-level__body .ar-item {
  white-space: nowrap;
  pointer-events: none;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.toc-level__container {
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  background: none;
  width: 100%;
  height: auto;
  padding: 2pt;
  overflow: hidden;
}

.toc-level__numbering {
  padding-right: 2pt;
  display: inline-block;
}

.toc-level__name {
  word-wrap: break-word;
  padding-right: 2pt;
}

.toc-level__fill-char {
  white-space: nowrap;
  position: absolute;
  bottom: 2pt;
}

.toc-level__page-number {
  padding: 2pt;
  position: absolute;
  bottom: 0;
  right: 0;
}

.toc-level__selection {
  pointer-events: none;
  border: 1px solid var(--cui-primary-500);
  background-color: #00000020;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.toc-level__selection--primary {
  background-color: #0000;
}

.toc-level-delete {
  visibility: hidden;
  pointer-events: all;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
}

.toc-level-delete > .gc-icon.gc-btn__icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.toc-level-delete > .gc-icon.gc-btn__icon > svg {
  width: var(--cui-icon-size);
  height: var(--cui-icon-size);
}

.toc-body:hover .toc-level-delete {
  visibility: visible;
}

.ar-reportitemplace {
  box-shadow: 0 0 0 1px var(--cui-neutral-400);
}

.items-text-input-area {
  pointer-events: all;
  width: 0;
  height: 0;
  text-align: initial;
  resize: none;
  background-color: #0000;
  border-width: 0;
  padding: 0;
  position: fixed;
  top: 100%;
  left: 100%;
  box-shadow: inset 0 0 0 1px;
}

.items-text-input-area.active-input {
  z-index: 14;
  position: absolute;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.rpx-surface {
  background-color: var(--cui-neutral-50);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.rpx-area-selector {
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: 1px;
  padding-bottom: 1px;
}

.rpx-area-selector__drag-source {
  pointer-events: all;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: 1px;
  padding-bottom: 1px;
}

.rpx-page {
  z-index: 0;
  box-shadow: 4px 4px 16px 0 var(--cui-neutral-100);
  background-color: #fff;
  position: relative;
}

.rpx-page__gutter {
  pointer-events: none;
  background-color: #aaa9;
  height: 100%;
}

.rpx-page__content {
  width: 100%;
  height: 100%;
  position: relative;
}

.rpx-page-wrapper {
  margin-top: 64px;
  margin-bottom: 64px;
  margin-left: 64px;
}

.drag-layer {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.drag-layer .dnd-preview {
  position: absolute;
}

.drag-layer .rectangle-area-frame {
  z-index: 2;
  border: 1px solid var(--cui-primary-500);
  background-color: hsla(var(--primary-500),.1);
  position: absolute;
}

.rpx-section {
  width: 100%;
  position: relative;
}

.rpx-rectangle {
  width: 100%;
  height: 100%;
  position: relative;
}

.rpx-item {
  z-index: 1;
  position: absolute;
}

.rpx-item--over {
  background-color: var(--cui-primary-500);
}

.rpx-item--can-drop {
  box-shadow: inset 0 0 2px 2px var(--cui-primary-500);
}

.rpx-group-header-preview {
  color: var(--cui-white);
  border: var(--cui-border-width) solid var(--cui-primary-500);
  background-color: var(--cui-primary-500);
  font-size: var(--cui-text-size-sm);
  align-items: center;
  gap: 5px;
  padding: 2px 7px 2px 5px;
  display: flex;
  transform: translateY(calc(2px - 100%));
}

.drag-layer .group-drop-line {
  width: 100%;
  height: var(--cui-border-width-focused);
  background-color: var(--cui-primary-500);
  position: absolute;
}

.fixed-zoom {
  zoom: 1;
}

.rpx-selection {
  border: var(--cui-border-width) solid #aaa9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.rpx-selection__primary {
  border: var(--cui-border-width) solid var(--cui-primary-500);
}

.rpx-selection__secondary {
  border: var(--cui-border-width) solid hsla(var(--primary-500),.62);
}

.rpx-selection__rounding {
  border: none;
}

.rpx-selection .mover > div {
  z-index: 10001;
  cursor: move;
  position: absolute;
}

.rpx-selection .mover .mover-n {
  width: 100%;
  height: 6px;
  top: -3px;
  left: 0;
}

.rpx-selection .mover .mover-e {
  width: 6px;
  height: 100%;
  top: 0;
  left: -3px;
}

.rpx-selection .mover .mover-s {
  width: 100%;
  height: 6px;
  bottom: -3px;
  left: 0;
}

.rpx-selection .mover .mover-w {
  width: 6px;
  height: 100%;
  top: 0;
  right: -3px;
}

.rpx-selection .grip, .rpx-selection .grip-angle {
  z-index: 10002;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
  position: absolute;
}

.rpx-selection .grip > div, .rpx-selection .grip-angle > div {
  background-color: var(--cui-primary-500);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.rpx-selection .grip {
  border: 1px solid var(--cui-primary-500);
  background: #fff;
}

.rpx-selection .grip-angle {
  box-sizing: content-box;
  background: var(--cui-primary-500);
  border: 1.5px solid #fff;
  width: 6px;
  height: 6px;
}

.rpx-selection .grip-angle:after {
  content: "";
  background: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
}

.rpx-selection .grip-angle-guide {
  background: var(--cui-primary-500);
  opacity: .5;
  border-radius: 50%;
  width: 2px;
  position: absolute;
}

.rpx-selection .grip-n {
  top: -5px;
}

.rpx-selection .grip-vm {
  top: calc(50% - 5px);
}

.rpx-selection .grip-s {
  top: calc(100% - 5px);
}

.rpx-selection .grip-w {
  left: -5px;
}

.rpx-selection .grip-hm {
  left: calc(50% - 5px);
}

.rpx-selection .grip-e {
  left: calc(100% - 5px);
}

.rpx-selection .grip-angle-tl {
  top: 0;
  left: 0;
}

.rpx-selection .grip-angle-tr {
  top: 0;
  right: 0;
}

.rpx-selection .grip-angle-bl {
  bottom: 0;
  left: 0;
}

.rpx-selection .grip-angle-br {
  bottom: 0;
  right: 0;
}

.rpx-selection .grip-point {
  cursor: crosshair;
}

.rpx-selection .disabled {
  cursor: default;
  background-color: #d3d3d3;
}

.rpx-selection .disabled > div {
  opacity: .6;
}

.rpx-line-selection {
  border: none;
}

.rpx-shape-rounding {
  opacity: .5;
  border-style: dashed !important;
}

.rpx-line-border {
  z-index: 1000;
  transform-origin: 0 0;
  border: 1px solid var(--cui-primary-500);
  position: absolute;
}

textarea.gc-textarea.rpx-script-editor {
  font-family: monospace;
  line-height: 1.2;
}

textarea.gc-textarea.rpx-script-editor:not([disabled]):hover, textarea.gc-textarea.rpx-script-editor:not([disabled]):focus {
  background-color: var(--cui-neutral-50);
}

.rpx-script-editor__menu .gc-menu__logo .gc-btn {
  overflow: hidden;
}

.rpx-script-editor__menu .gc-menu__logo .gc-btn .gc-icon {
  width: var(--cui-block-size-lg);
}

.rpx-script-editor__menu .gc-menu__logo .gc-btn .gc-btn__text {
  padding-left: var(--cui-block-size-lg);
}

.rpx-ruler-highlighter__primary {
  background-color: var(--rulers-span-primary);
}

.rpx-ruler-highlighter__secondary {
  background-color: var(--rulers-span-secondary);
}

.rpx-ruler-marker--accent {
  background-color: var(--cui-primary-500);
}

.rpx-picture-item {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size-sm);
  border: 1px dotted #aaa9;
  display: flex;
  overflow: hidden;
}

.rpx-picture-item__image {
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.rpx-reportinfo-item {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  border: 1px dotted #aaa9;
  width: 100%;
  height: 100%;
  padding: 2px;
  font-size: 10pt;
  display: flex;
  overflow: hidden;
}

.rpx-subreport-item {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  word-wrap: break-word;
  border: 1px dotted #aaa9;
  width: 100%;
  height: 100%;
  padding: 2px;
  font-size: 10pt;
  display: block;
  overflow: hidden;
}

.rpx-checkbox-item {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size-sm);
  border: 1px dotted #aaa9;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.rpx-checkbox-item__text {
  display: inline-block;
}

.rpx-checkbox-item__check {
  box-sizing: border-box;
  border: 1px solid #000;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
}

.rpx-checkbox-item__check .wd-svg {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.rpx-checkbox-item__check .wd-svg > svg {
  width: 12px;
}

.rpx-checkbox-item--top .rpx-checkbox-item__check {
  top: 0;
}

.rpx-checkbox-item--top .rpx-checkbox-item__text {
  padding-top: 17px;
}

.rpx-checkbox-item--middle .rpx-checkbox-item__check {
  top: calc(50% - 8px);
}

.rpx-checkbox-item--bottom .rpx-checkbox-item__check {
  bottom: 0;
}

.rpx-checkbox-item--bottom .rpx-checkbox-item__text {
  padding-bottom: 17px;
}

.rpx-checkbox-item--left .rpx-checkbox-item__check {
  left: 0;
}

.rpx-checkbox-item--left .rpx-checkbox-item__text {
  padding-left: 17px;
}

.rpx-checkbox-item--center .rpx-checkbox-item__check {
  left: calc(50% - 8px);
}

.rpx-checkbox-item--right .rpx-checkbox-item__check {
  right: 0;
}

.rpx-checkbox-item--right .rpx-checkbox-item__text {
  padding-right: 17px;
}

.rpx-textbox-item {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size-sm);
  border: 1px dotted #aaa9;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.rpx-textbox-item__text {
  display: inline-block;
}

.rpx-textbox-item__text--rtl {
  direction: rtl;
  unicode-bidi: embed;
}

.rpx-label-item {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size-sm);
  border: 1px dotted #aaa9;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.rpx-label-item__text {
  display: inline-block;
}

.rpx-label-item__text--rtl {
  direction: rtl;
  unicode-bidi: embed;
}

.rpx-shape-item {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size-sm);
  border: 1px dotted #aaa9;
  padding: 2px;
  overflow: hidden;
}

.rpx-shape-item--ellipse {
  border-radius: 50%;
}

.rpx-barcode-item {
  pointer-events: all;
  position: absolute;
  inset: 0;
}

.rpx-barcode-item .rpx-barcode-item-wrapper {
  pointer-events: none;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.rpx-barcode-item .rpx-barcode-item-wrapper__content {
  display: block;
  position: absolute;
}

.rpx-barcode-item .rpx-barcode-item-wrapper__content svg {
  display: block;
}

.rpx-barcode-item__error {
  text-align: center;
  word-break: break-word;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.rpx-barcode-item__stub {
  pointer-events: none;
  width: 100%;
  height: 100%;
  color: var(--cui-text-color);
  background-color: var(--cui-bg-panels);
  border: none;
  padding: 2pt;
  font-size: 8pt;
  font-weight: 700;
  position: absolute;
  overflow: hidden;
}

.rpx-barcode-item__model-dumper {
  bottom: var(--cui-border-radius);
  left: calc(0px - var(--cui-border-radius) - var(--cui-block-size-sm));
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  cursor: pointer;
  text-align: center;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  line-height: var(--cui-block-size-sm);
  position: absolute;
}

.rpx-barcode-item__model-dumper > i {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rpx-default-item {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: .6;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size-sm);
  border: 1px dotted #aaa9;
  padding: 2px;
  overflow: hidden;
}

.dnd-preview {
  position: absolute;
}

.default-dnd-preview {
  opacity: .6;
  border: 2px solid #000;
  margin: 1px;
}

.rpx-line-item, .dnd-preview-line {
  transform-origin: 0 0;
  position: absolute;
}

.rpx-unknown-item {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: .6;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size-sm);
  border: 1px dotted #aaa9;
  padding: 2px;
  overflow: hidden;
}

.rpx-page-break-item {
  background-color: var(--cui-primary-500);
  height: 1px;
  left: 0;
}

.rpx-section > .rpx-rectangle-selection {
  pointer-events: none;
}

.rpx-section > .angle {
  width: 100%;
  height: 100%;
}

.rpx-section__highlighted {
  position: relative;
}

.rpx-section__highlighted:after {
  content: "";
  border: 2px solid var(--cui-primary-500);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.rpx-section .section-header {
  z-index: 10001;
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  opacity: .5;
  color: #5c5c5c;
  border: var(--cui-border-width) solid transparent;
  max-width: 100%;
  font-size: var(--cui-text-size-sm);
  background-color: #0000;
  align-items: center;
  gap: 5px;
  padding: 2px 5px;
  transition: all .2s ease-in-out;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.rpx-section .section-header__primary {
  pointer-events: all;
  opacity: 1;
  color: var(--cui-white);
  border: var(--cui-border-width) solid var(--cui-primary-500);
  background-color: var(--cui-primary-500);
  transform: translateY(-100%);
}

.rpx-section .section-header__draggable {
  cursor: grab;
  padding: 2px 7px 2px 5px;
}

.rpx-section .section-header__hidden {
  visibility: hidden;
  opacity: 0;
}

.rpx-cross-section-box-item {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
  padding: 2px;
  overflow: hidden;
}

.rpx-cross-section-line-item {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dnd-preview-cross-section-line {
  opacity: .6;
  border-left: 2px solid #000;
  margin: 1px;
}

.rpx-rich-text {
  -webkit-user-select: none;
  user-select: none;
  word-wrap: break-word;
  pointer-events: none;
  border: 1px dotted #aaa9;
  width: 100%;
  height: 100%;
  font-size: 10pt;
  overflow: hidden;
}

.rpx-input-field-checkbox {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  border: 1px dotted #aaa9;
  width: 100%;
  height: 100%;
}

.rpx-input-field-checkbox__icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.rpx-input-field-checkbox--checked {
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
}

.rpx-input-field-checkbox--checked.wd-svg {
  display: flex;
}

.rpx-input-field-checkbox--checked.wd-svg > svg {
  width: 100%;
  height: 100%;
}

.rpx-input-field-text {
  -webkit-user-select: none;
  user-select: none;
  word-break: break-word;
  pointer-events: none;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size-sm);
  border: 1px dotted #aaa9;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.rpx-input-field-text__text {
  display: inline-block;
}

.wd-image-editor-native-input {
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
}

.wd-rpx-shape-editor__preview-box {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.wd-rpx-shape-editor__preview-content {
  border: 2px solid;
}

.wd-rpx-shape-editor__preview-content--rectangle {
  width: 16px;
  height: 12px;
}

.wd-rpx-shape-editor__preview-content--round-rect {
  border-radius: 5px;
  width: 16px;
  height: 12px;
}

.wd-rpx-shape-editor__preview-content--ellipse {
  border-radius: 50%;
  width: 16px;
  height: 12px;
}

.wd-rpx-background-style-editor__preview-box {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.wd-rpx-background-style-editor__preview-box--solid {
  background-color: currentColor;
}

.wd-rpx-background-style-editor__preview-box--gradient {
  background-image: linear-gradient(135deg, #0000 30%, currentColor 80%);
  box-shadow: inset 0 0 0 1px #0000001a;
}

.wd-rpx-background-style-editor__preview-box--pattern {
  background-image: linear-gradient(currentColor 2px, #0000 2px), linear-gradient(to right, currentColor 2px, #0000 2px);
  background-position: 5px 5px;
  background-size: 7px 7px;
  width: 19px;
  height: 19px;
  box-shadow: inset 0 0 0 2px;
}

.app-about {
  padding: var(--cui-padding);
}

.app-about .app-name, .app-about .product-name, .app-about .product-help-title {
  font-size: 24px;
}

.app-about .app-version, .app-about .product-version, .app-about .copyright, .app-about .product-help-link {
  font-size: 14px;
}

.app-about > p > a {
  word-break: break-all;
  word-wrap: break-word;
}

.wd-sidebar-panel {
  width: 100%;
  padding: 0 var(--cui-padding);
  position: relative;
}

.wd-sidebar-panel__heading {
  width: 100%;
  padding: var(--cui-padding-sm) 0 var(--cui-padding-xs) 0;
}

.wd-sidebar-panel__content {
  width: 100%;
  padding-bottom: var(--cui-padding);
  border-bottom: 1px solid var(--cui-neutral-100);
}

.wd-sidebar-panel__placeholder {
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  width: 100%;
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  display: block;
  overflow: hidden;
}

.dataset-list-level-1 {
  margin-left: 16px;
}

.dataset-list-level-2 {
  margin-left: 32px;
}

.dataset-list-level-3, .dataset-list-level-4, .dataset-list-level-5 {
  margin-left: 40px;
}

.ar-data-panel {
  height: 100%;
}

#parameter-editor-shutter .ar-shutter, #smart-suggestions-editor-shutter .ar-shutter {
  height: 100%;
  margin-bottom: 0;
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content {
  flex-direction: column;
  height: 100%;
  display: flex;
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body {
  margin-left: var(--cui-padding-xs);
  margin-right: var(--cui-padding-xs);
  flex-grow: 1;
  position: relative;
  overflow: auto;
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .panel-heading, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .panel-heading {
  height: 45px;
  padding: 0 var(--cui-padding);
  text-transform: uppercase;
  color: var(--cui-primary-500);
  background-color: #0000;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .panel-body, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .panel-body {
  padding: 0 0 var(--cui-padding) 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  -o-border-image: linear-gradient(to right,#0000 0%,#0000 3%,var(--cui-neutral-100) 3%,var(--cui-neutral-100) 97%,#0000 97%,#0000 100%) 1 stretch;
  border-image: linear-gradient(to right,#0000 0%,#0000 3%,var(--cui-neutral-100) 3%,var(--cui-neutral-100) 97%,#0000 97%,#0000 100%) 1 stretch;
  border-image-slice: 0 0 100;
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .wd-parameter-editor, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .wd-parameter-editor {
  margin: 0 var(--cui-padding);
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons {
  position: relative;
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default, #parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus {
  text-align: left;
  background: none;
  border-style: none;
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 12px;
  line-height: 40px;
  display: block;
  position: absolute;
  top: 0;
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default > span, #parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus > span, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default > span, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus > span {
  margin-left: calc(0px - var(--cui-padding-xs));
  padding-right: var(--cui-padding-sm);
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default > i, #parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus > i, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default > i, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus > i {
  float: left;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 13px;
  line-height: 32px;
  display: flex;
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:hover, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:hover {
  background-color: var(--cui-neutral-100);
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons.left, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons.left {
  padding-left: 40px;
}

#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons.left .btn.btn-default, #smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons.left .btn.btn-default {
  top: 10px;
  left: 5px;
}

.wd-smart-suggestions-panel {
  gap: var(--cui-padding);
  padding: var(--cui-padding-sm);
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  display: grid;
}

.ed-datasource-dialog__content {
  padding: var(--cui-padding);
}

.ed-datasource-dialog__content > .gc-label {
  margin-bottom: var(--cui-padding);
}

.monospaced-editor {
  font-family: monospace !important;
}

.ed-dataset-dialog__content {
  padding: var(--cui-padding);
}

.ed-dataset-dialog__content > .gc-label {
  margin-bottom: var(--cui-padding);
}

.ed-dataset-dialog .ed-dataset-navbar {
  margin-bottom: var(--cui-padding-sm);
  justify-content: left;
  align-items: start;
  display: flex;
}

.ed-dataset-dialog .ed-dataset-navbar .ed-dataset-breadcrumbs {
  flex: auto;
  display: flex;
}

.ed-dataset-dialog .wd-filters {
  margin: 0 var(--cui-padding);
}

.ed-dataset-dialog .wd-data-set-filters__header {
  height: 30px;
  margin: 0 var(--cui-padding);
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  display: flex;
}

.treecombo-dropdown {
  padding: 6px;
}

.treecombo-dropdown > button {
  width: 100%;
  min-width: 120px;
}

.wd-app-overlay {
  z-index: 9999;
  background-color: var(--wrd-bg-body-semi-70);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.wd-app-overlay .loader-circle {
  margin-top: -20px;
  margin-left: -20px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.wd-app-overlay span {
  text-align: center;
  color: var(--cui-text-color);
  margin-top: 30px;
  font-size: 14px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.wd-app-overlay .loader {
  justify-content: center;
  height: 100%;
  display: flex;
}

.wd-web-designer {
  width: 100%;
  height: 100%;
  font-family: var(--cui-text-family);
}

.wd-web-designer *, .wd-web-designer :before, .wd-web-designer :after {
  box-sizing: border-box;
}

.wd-web-designer .gc-portal-root--notifications > .gc-positioner {
  pointer-events: none;
}

.wd-web-designer .gc-portal-root--notifications > .gc-positioner > * {
  pointer-events: all;
}

.wd-web-designer--viewer > .gc-app {
  display: none;
}

.arjs-collection-header, .arjs-collection-element {
  display: flex;
}

.arjs-collection-header > div, .arjs-collection-element > div {
  width: 100%;
  padding: 2px;
}

.eval-text {
  bottom: var(--cui-block-size);
  right: var(--cui-block-size-lg);
  pointer-events: none;
  text-align: right;
  position: absolute;
}

.pve-surface-container .gc-scrollbars__view .eval-text {
  bottom: calc(var(--cui-block-size) - var(--cui-block-size-sm));
}

.open-file-dialog-hidden {
  opacity: 0;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
}

.arjs-designer-license-badge {
  padding: 0 var(--cui-padding-xs);
}

.gc-btn.arjs-designer-license-badge .gc-badge.arjs-designer-license-badge__content {
  margin: 0;
}

:root {
  --neutral-50: 180, 2%, 91%;
  --neutral-100: 200, 4%, 85%;
  --neutral-200: 197, 6%, 76%;
  --neutral-300: 196, 6%, 63%;
  --neutral-400: 196, 6%, 51%;
  --neutral-500: 194, 13%, 32%;
  --neutral-600: 194, 13%, 26%;
  --neutral-700: 195, 12%, 19%;
  --neutral-800: 193, 14%, 13%;
  --neutral-900: 190, 13%, 9%;
  --primary-50: 192, 11%, 91%;
  --primary-100: 198, 17%, 85%;
  --primary-200: 198, 21%, 75%;
  --primary-300: 198, 23%, 62%;
  --primary-400: 197, 25%, 49%;
  --primary-500: 197, 58%, 30%;
  --primary-600: 197, 57%, 24%;
  --primary-700: 197, 58%, 18%;
  --primary-800: 197, 57%, 12%;
  --primary-900: 198, 57%, 9%;
  --secondary-500: 39, 96%, 55%;
  --warning-50: 38, 27%, 92%;
  --warning-100: 39, 52%, 87%;
  --warning-200: 40, 65%, 80%;
  --warning-300: 39, 74%, 70%;
  --warning-400: 39, 78%, 60%;
  --warning-500: 40, 100%, 37%;
  --warning-600: 39, 100%, 36%;
  --warning-700: 39, 100%, 27%;
  --warning-800: 39, 100%, 18%;
  --warning-900: 39, 100%, 13%;
  --error-50: 0, 19%, 92%;
  --error-100: 0, 34%, 87%;
  --error-200: 0, 45%, 79%;
  --error-300: 0, 51%, 69%;
  --error-400: 0, 53%, 59%;
  --error-500: 0, 60%, 41%;
  --error-600: 0, 72%, 35%;
  --error-700: 0, 71%, 26%;
  --error-800: 0, 73%, 17%;
  --error-900: 0, 73%, 13%;
  --white: 0, 0%, 100%;
  --bg-body: 180, 1%, 99%;
  --bg-panels: 180, 1%, 95%;
  --cui-neutral-50: hsl(var(--neutral-50));
  --cui-neutral-100: hsl(var(--neutral-100));
  --cui-neutral-200: hsl(var(--neutral-200));
  --cui-neutral-300: hsl(var(--neutral-300));
  --cui-neutral-400: hsl(var(--neutral-400));
  --cui-neutral-500: hsl(var(--neutral-500));
  --cui-neutral-600: hsl(var(--neutral-600));
  --cui-neutral-700: hsl(var(--neutral-700));
  --cui-neutral-800: hsl(var(--neutral-800));
  --cui-neutral-900: hsl(var(--neutral-900));
  --cui-primary-50: hsl(var(--primary-50));
  --cui-primary-100: hsl(var(--primary-100));
  --cui-primary-200: hsl(var(--primary-200));
  --cui-primary-300: hsl(var(--primary-300));
  --cui-primary-400: hsl(var(--primary-400));
  --cui-primary-500: hsl(var(--primary-500));
  --cui-primary-600: hsl(var(--primary-600));
  --cui-primary-700: hsl(var(--primary-700));
  --cui-primary-800: hsl(var(--primary-800));
  --cui-primary-900: hsl(var(--primary-900));
  --cui-secondary-500: hsl(var(--secondary-500));
  --cui-warning-50: hsl(var(--warning-50));
  --cui-warning-100: hsl(var(--warning-100));
  --cui-warning-200: hsl(var(--warning-200));
  --cui-warning-300: hsl(var(--warning-300));
  --cui-warning-400: hsl(var(--warning-400));
  --cui-warning-500: hsl(var(--warning-500));
  --cui-warning-600: hsl(var(--warning-600));
  --cui-warning-700: hsl(var(--warning-700));
  --cui-warning-800: hsl(var(--warning-800));
  --cui-warning-900: hsl(var(--warning-900));
  --cui-error-50: hsl(var(--error-50));
  --cui-error-100: hsl(var(--error-100));
  --cui-error-200: hsl(var(--error-200));
  --cui-error-300: hsl(var(--error-300));
  --cui-error-400: hsl(var(--error-400));
  --cui-error-500: hsl(var(--error-500));
  --cui-error-600: hsl(var(--error-600));
  --cui-error-700: hsl(var(--error-700));
  --cui-error-800: hsl(var(--error-800));
  --cui-error-900: hsl(var(--error-900));
  --cui-white: hsl(var(--white));
  --cui-bg-body: hsl(var(--bg-body));
  --cui-bg-panels: hsl(var(--bg-panels));
  --cui-text-family: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --cui-text-color: var(--cui-neutral-700);
  --cui-text-size: 12px;
  --cui-text-size-sm: 10px;
  --cui-text-size-lg: 14px;
  --cui-text-h1-size: 20px;
  --cui-text-h2-size: 18px;
  --cui-text-h3-size: 16px;
  --cui-text-h4-size: 14px;
  --cui-overlay: #00000026;
  --cui-overlay-background: hsla(var(--bg-panels), .38);
  --cui-shadow-dialog: 1px 1px 5px 1px #0000001a;
  --cui-shadow-menu: 1px 1px 4px 0 #0000001a;
  --cui-shadow-border: 0 0 3px 0 #0003;
  --cui-binding-default: var(--cui-neutral-50);
  --cui-binding-error: #ff4105;
  --cui-binding-modified: #73ff05;
  --cui-binding-bind: #ffe605;
  --cui-icon-size: 20px;
  --cui-icon-size-lg: 24px;
  --cui-icon-size-sm: 16px;
  --cui-block-size: 40px;
  --cui-block-size-sm: 30px;
  --cui-block-size-lg: 50px;
  --cui-block-size-xl: 60px;
  --cui-padding-xl: 20px;
  --cui-padding: 15px;
  --cui-padding-sm: 10px;
  --cui-padding-xs: 5px;
  --cui-border-width: 1px;
  --cui-border-width-focused: 2px;
  --cui-border-radius: 4px;
  --cui-rounded-radius: calc(var(--cui-block-size) * .5);
  --cui-rounded-radius-sm: calc(var(--cui-block-size-sm) * .5);
  --cui-rounded-radius-lg: calc(var(--cui-block-size-lg) * .5);
  --cui-rounded-radius-xl: calc(var(--cui-block-size-xl) * .5);
  --cui-trn-length-sm: .2s;
  --cui-trn-length: .4s;
  --cui-trn-func: ease-in-out;
  --cui-z-toolbar: 10;
  --cui-z-overlay: 1010;
  --cui-z-modal: 1020;
  --cui-z-dropdown: 1030;
  --cui-z-tooltip: 1040;
  --cui-z-notifications: 1090;
  --cui-accent: var(--cui-primary-500);
  --cui-accent-hover: var(--cui-primary-700);
  --cui-accent-semi-10: hsla(var(--primary-500), .1);
  --cui-accent-semi-20: hsla(var(--primary-500), .2);
  --cui-accent-semi-40: hsla(var(--primary-500), .38);
  --cui-accent-semi-60: hsla(var(--primary-500), .62);
  --cui-accent-text: var(--cui-primary-700);
  --cui-accent-text-hover: var(--cui-primary-800);
  --cui-accent-text-semi-10: hsla(var(--primary-700), .1);
  --cui-accent-text-semi-20: hsla(var(--primary-700), .2);
  --cui-accent-text-semi-40: hsla(var(--primary-700), .38);
  --cui-accent-text-semi-60: hsla(var(--primary-700), .62);
  --cui-accent-icon: var(--cui-primary-500);
  --cui-accent-icon-hover: var(--cui-primary-700);
  --cui-accent-secondary: var(--cui-secondary-500);
  --cui-accent-warning: var(--cui-warning-500);
  --cui-accent-warning-hover: var(--cui-warning-700);
  --cui-accent-warning-semi-10: hsla(var(--warning-500), .1);
  --cui-accent-warning-semi-40: hsla(var(--warning-500), .38);
  --cui-accent-warning-semi-60: hsla(var(--warning-500), .62);
  --cui-accent-warning-text: var(--cui-warning-700);
  --cui-accent-warning-text-hover: var(--cui-warning-800);
  --cui-accent-warning-text-semi-10: hsla(var(--warning-700), .1);
  --cui-accent-warning-text-semi-40: hsla(var(--warning-700), .38);
  --cui-accent-warning-text-semi-60: hsla(var(--warning-700), .62);
  --cui-accent-error: var(--cui-error-500);
  --cui-accent-error-hover: var(--cui-error-700);
  --cui-accent-error-semi-10: hsla(var(--error-500), .1);
  --cui-accent-error-semi-40: hsla(var(--error-500), .38);
  --cui-accent-error-semi-60: hsla(var(--error-500), .62);
  --cui-accent-error-text: var(--cui-error-700);
  --cui-accent-error-text-hover: var(--cui-error-800);
  --cui-accent-error-text-semi-10: hsla(var(--error-700), .1);
  --cui-accent-error-text-semi-40: hsla(var(--error-700), .38);
  --cui-accent-error-text-semi-60: hsla(var(--error-700), .62);
  --cui-contrast: var(--cui-white);
  --cui-contrast-semi-10: hsla(var(--white), .1);
  --cui-contrast-semi-40: hsla(var(--white), .38);
  --cui-contrast-semi-60: hsla(var(--white), .62);
  --cui-contrast-text: var(--cui-white);
  --cui-contrast-text-semi-40: hsla(var(--white), .38);
  --cui-bg-body-overlay: hsla(var(--bg-body), .38);
  --cui-bg-panels-section: var(--cui-neutral-50);
  --cui-bg-panels-border: var(--cui-neutral-100);
  --cui-bg-panels-overlay: var(--cui-overlay-background);
  --cui-shadow: var(--cui-shadow-menu);
  --cui-outline-offset: -2px;
  --cui-outline: 2px solid var(--cui-primary-500);
  --cui-outline-contrast: 2px solid var(--cui-white);
  --cui-outline-warning: 2px solid var(--cui-accent-warning);
  --cui-outline-error: 2px solid var(--cui-accent-error);
  --cui-text: var(--cui-text-color);
  --cui-text-semi-10: #3333331a;
  --cui-text-semi-40: #33333361;
  --cui-text-semi-60: #3333339e;
  --cui-text-size-xl: 18px;
  --cui-btn-bg: var(--cui-neutral-50);
  --cui-btn-bg-hover: var(--cui-neutral-100);
  --cui-btn-transparent-warning: #c2820c1a;
  --cui-btn-transparent-warning-hover: #c2820c33;
  --cui-btn-transparent-error: #930f0f1a;
  --cui-btn-transparent-error-hover: #930f0f26;
  --cui-btn-group-header-bg: var(--cui-neutral-100);
  --cui-btn-group-header-bg-hover: var(--cui-neutral-200);
  --cui-item-bg: #00000013;
  --cui-item-bg-hover: #0000001f;
  --cui-input-bg: var(--cui-neutral-50);
  --cui-input-bg-hover: #0000001f;
  --cui-input-bg-focus: var(--cui-input-bg-hover);
  --cui-input-text: var(--cui-text-color);
  --cui-input-text-disabled: var(--cui-text-semi-40);
  --cui-input-text-placeholder: var(--cui-text-semi-40);
  --cui-dd-background: var(--cui-bg-body);
  --cui-dd-background-hover: var(--cui-neutral-100);
  --cui-dd-divider: var(--cui-neutral-50);
  --cui-binding-default-shadow: var(--cui-text-semi-40);
  --cui-binding-modified-shadow: #4dca7d9e;
  --cui-binding-bind-shadow: #e1d4129e;
  --cui-binding-error-shadow: var(--cui-accent-error-semi-60);
  --cui-menu-splitter: #ffffff26;
  --cui-prop-editors-drag-shadow: 1px 2px 5px 0 #00000061;
  --cui-wizard-bg: var(--cui-accent-semi-60);
  --cui-wizard-dark-bg-main: #0000009e;
  --cui-wizard-dark-bg-secondary: #0003;
  --cui-wizard-dark-hover: #0000009e;
  --cui-wizard-light-bg-main: #ffffff9e;
  --cui-wizard-light-bg-secondary: #fff3;
  --cui-wizard-light-hover: #ffffff9e;
  --cui-progressbar-bg: var(--cui-bg-panels);
  --cui-progressbar-bg-semi: var(--cui-neutral-100);
  --cui-progress-fill-color: var(--cui-text-color);
  --cui-progress-value-color: var(--cui-contrast-text);
  --cui-scrollbar-color: hsla(var(--primary-700), .6);
  --cui-scrollbar-color-contrast: hsla(var(--primary-50), .2);
  --cui-treeview-outline-color: var(--cui-bg-panels-border);
  --cui-calendar-range-fill-color: var(--cui-accent-text-semi-40);
  --cui-notification-btn-accent-bg: var(--cui-primary-500);
  --cui-notification-btn-warning-bg: var(--cui-accent-warning);
  --cui-notification-btn-error-bg: var(--cui-accent-error);
  --cui-notification-btn-bg: #00000026;
  --cui-notification-btn-bg-hover: #00000040;
}

.gcv-document-view .gcv-progress {
  z-index: 100;
  width: 100%;
  position: absolute;
}

.gcv-pageview, .gcv-pages-container {
  width: 100%;
  height: 100%;
}

.gcv-page-list {
  justify-content: center;
  gap: 40px;
  min-width: fit-content;
  min-height: 100%;
  display: grid;
}

@container app (width >= 768px) {
  .gcv-pages-container--margins .gcv-page-list {
    padding: 40px;
  }
}

.gcv-page-list--align-left {
  justify-content: left;
}

.gcv-page-list--align-right {
  justify-content: right;
}

.gcv-page {
  background-color: #fff;
  position: relative;
}

.gcv-page--border {
  box-shadow: none;
  border: 1pt solid #0000000d;
}

.gcv-page--shadow {
  box-shadow: 0 0 5px 2px #0000000d;
}

.gcv-page-input {
  width: 100px;
  margin: 0;
  position: relative;
}

.gcv-page-input > input[type="text"].gc-input {
  vertical-align: top;
  background-color: #0000;
}

.gcv-page-input > input[type="text"].gc-input:not([disabled]):focus + .gcv-page-input__text {
  display: none;
}

.gcv-page-input > input[type="text"].gc-input[disabled] + .gcv-page-input__text {
  opacity: .38;
}

.gcv-page-input__text {
  width: 100%;
  height: var(--cui-block-size);
  text-align: center;
  pointer-events: none;
  color: var(--cui-primary-500);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  position: absolute;
  top: 0;
  left: 0;
}

.gcv-header-container--fullscreen {
  position: absolute;
}

.gcv-header-container--fullscreen .gcv-page-input {
  width: 80px;
}

.gcv-header-container--fullscreen .gcv-page-input__text {
  height: var(--cui-block-size-sm);
  font-size: var(--cui-text-size-sm);
  line-height: var(--cui-block-size-sm);
}

.gc-viewer--small-ui-size .gcv-header-container .gcv-page-input__text, .gc-viewer--medium-ui-size .gcv-header-container .gcv-page-input__text {
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}

.gcv-refresh-btn {
  min-width: 115px;
}

.gcv-zoom {
  border-radius: var(--cui-rounded-radius);
  width: auto;
  margin: 0;
  position: relative;
}

.gcv-zoom > .gc-btn {
  position: absolute;
  top: 0;
  left: 0;
}

.gcv-zoom > .gc-btn:last-of-type {
  left: auto;
  right: 0;
}

.gcv-zoom > .gc-dd > .gc-btn {
  padding-right: calc(var(--cui-padding)*2);
  padding-left: calc(var(--cui-padding)*2);
}

.gcv-zoom__toggle {
  width: 100%;
  height: var(--cui-block-size);
  padding-top: calc(var(--cui-padding-sm)*2);
  text-align: center;
  pointer-events: none;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  line-height: calc(var(--cui-block-size)/3);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.gcv-zoom__toggle--disabled {
  opacity: .38;
}

.gcv-inline-block {
  vertical-align: top;
  flex: none;
  display: inline-block;
}

.gcv-header-container--fullscreen .gcv-zoom {
  border-radius: var(--cui-rounded-radius-sm);
}

.gcv-header-container--fullscreen .gcv-zoom > .gc-dd > .gc-btn {
  padding-right: calc(var(--cui-block-size-sm) - 5px);
  padding-left: calc(var(--cui-block-size-sm) - 5px);
}

.gcv-header-container--fullscreen .gcv-zoom__toggle, .gc-viewer--small-ui-size .gcv-zoom__toggle, .gc-viewer--medium-ui-size .gcv-zoom__toggle {
  height: var(--cui-block-size-sm);
  padding-top: var(--cui-padding);
  font-size: var(--cui-text-size);
  line-height: calc(var(--cui-block-size-sm)/3);
}

.gc-viewer--large-ui-size .gcv-header-container:not(.gcv-header-container--fullscreen) .gcv-zoom__toggle {
  padding-top: calc(var(--cui-block-size-lg)*.5);
}

.progress-modal {
  background-color: var(--cui-primary-500);
  color: var(--cui-white);
  border-radius: var(--cui-border-radius);
  outline: none;
  width: 50%;
  height: 180px;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translateY(-50%);
}

.progress-modal__content {
  border-radius: var(--cui-border-radius);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.progress-modal__content .h3 {
  display: block;
}

.viewer-thumbnails {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.viewer-thumbnail {
  z-index: 1;
  width: 214px;
  height: 301px;
  margin: 0 auto calc(var(--cui-padding)*3) auto;
  border: var(--cui-border-width-focused) solid #0000;
  position: relative;
}

.viewer-thumbnail:hover {
  color: var(--cui-primary-700);
  border: var(--cui-border-width-focused) solid var(--cui-primary-700);
}

.viewer-thumbnail--selected {
  color: var(--cui-primary-500);
  border: var(--cui-border-width-focused) solid var(--cui-primary-500);
}

.viewer-thumbnail > div, .viewer-thumbnail > p {
  z-index: 0;
  pointer-events: none;
  background-color: #fff;
  width: 210px;
  height: 297px;
  position: relative;
  overflow: hidden;
}

.viewer-thumbnail > p {
  text-align: center;
  color: var(--cui-text-color);
  opacity: .38;
  font-size: 80px;
  font-weight: bold;
  line-height: 297px;
}

.viewer-thumbnail > span {
  bottom: calc(0px - var(--cui-block-size-sm));
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: var(--cui-block-size-sm);
  display: block;
  position: absolute;
  left: 0;
}

.gc-viewer {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: var(--cui-text-color);
  background-color: var(--cui-bg-body);
  font-family: var(--cui-text-family);
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
  container: app / size;
}

.gc-viewer--medium-ui-size .gcv-header-container {
  height: calc(var(--cui-block-size) + 1px);
}

.gc-viewer--medium-ui-size .gc-sidebar__container {
  padding-top: var(--cui-block-size);
}

.gc-viewer--small-ui-size .gcv-header-container {
  height: calc(var(--cui-block-size-sm) + 1px);
  padding: 0 var(--cui-padding-xs);
}

.gcv-menu {
  flex: none;
  height: 100%;
}

.gcv-menu--hidden {
  display: none;
}

@container app (width <= 768px) {
  .gcv-menu .gc-menu__panel-container--visible, .gcv-menu .gc-menu__panel-container--visible .gc-menu__panel-container__content {
    width: calc(100cqw - var(--cui-block-size-lg));
  }
}

.gcv-main-view {
  flex-wrap: nowrap;
  flex: auto;
  grid-template: "header header"
                 "toppanel sidebar"
                 "view sidebar" minmax(0, 1fr)
                 "bottompanel sidebar"
                 / minmax(0, 1fr) auto;
  place-content: stretch flex-start;
  align-items: stretch;
  width: 0;
  height: 100%;
  transition: all .2s ease-in-out;
  display: grid;
  position: relative;
}

.gcv-main-view--fullscreen {
  height: 100%;
}

.gcv-main-view--fullscreen > .gcv-top-panel, .gcv-main-view--fullscreen .gcv-bottom-panel, .gcv-main-view--fullscreen .gcv-special-location-panel-controls {
  display: none;
}

@container app (width <= 768px) {
  .gcv-main-view {
    width: calc(100cqw - var(--cui-block-size-lg));
  }
}

.gcv-header-container {
  width: 100%;
  height: var(--cui-block-size-lg);
  border-bottom: 1px solid var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  grid-area: header;
  align-items: center;
  display: flex;
}

.gcv-header-container--hidden, .gcv-header-container--sidebar-hidden .gc-sidebar__menu {
  display: none;
}

.gcv-header-container--fullscreen {
  z-index: calc(var(--cui-z-overlay) - 1);
  bottom: var(--cui-block-size);
  width: 324px;
  height: var(--cui-block-size);
  opacity: 1;
  border-radius: var(--cui-rounded-radius-sm);
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
  grid-area: unset;
  border-bottom: 0 solid #0000;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
}

.gcv-header-container--fullscreen > .gc-rv-inline-block:last-child {
  margin-right: 0;
}

.gcv-header-container > .gcv-toolbar {
  flex: auto;
  width: 0;
}

.gcv-header-container > .gcv-toolbar > .gcv-toolbar-wrapper {
  padding: var(--cui-padding-xs);
}

.gcv-sidebar {
  grid-area: sidebar;
}

.gcv-sidebar--hidden {
  display: none;
}

.gcv-sidebar--headless .gc-sidebar--collapsed .gc-sidebar__menu {
  visibility: hidden;
}

.gcv-sidebar .gc-sidebar {
  z-index: 1;
}

.gcv-top-panel {
  background-color: var(--cui-bg-panels);
  border-bottom: 1px solid #dbdbdb;
  grid-area: toppanel;
}

.gcv-bottom-panel {
  background-color: var(--cui-bg-panels);
  border-top: 1px solid #dbdbdb;
  grid-area: bottompanel;
}

.gcv-special-location-panel-controls {
  height: inherit;
  padding: var(--cui-padding-xs);
  align-items: center;
  display: inline-flex;
}

.gcv-special-location-panel-controls--small-ui-size {
  padding: 0 var(--cui-padding-xs);
}

.gcv-special-location-panel-controls--with-separator .gcv-special-location-panel-controls__separator {
  width: 1px;
  height: 50%;
  margin-left: var(--cui-padding-xs);
  background-color: var(--cui-neutral-100);
}

.gcv-document-view {
  z-index: 1;
  touch-action: none;
  background: var(--cui-neutral-50);
  grid-area: view;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.search {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: var(--cui-padding);
  flex-direction: column;
  display: flex;
}

.search > :not(.search__results) {
  flex: none;
}

.search .gc-input {
  width: 100%;
  margin-bottom: var(--cui-padding-xs);
}

.search__query-params {
  flex-wrap: wrap;
  display: flex;
}

.search__query-params > .gc-check {
  box-sizing: border-box;
  flex: auto;
  min-width: 50%;
}

.search__query-params > .gc-check .gc-check__label {
  white-space: nowrap;
}

.search__results {
  flex: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}

.search__results > .gc-btn {
  width: 100%;
  margin-top: var(--cui-padding-sm);
}

.search__results-header {
  width: 100%;
  height: var(--cui-block-size);
  text-transform: uppercase;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  font-weight: bold;
  line-height: var(--cui-block-size);
  margin: 0;
  display: block;
}

.search-result {
  max-height: calc(var(--cui-block-size-sm)*2);
  padding: 0 var(--cui-padding-sm);
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  display: block;
  position: relative;
}

.search-result:hover {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: var(--cui-neutral-100);
}

.search-result__text {
  max-height: calc(var(--cui-block-size-sm)*2);
  padding-right: var(--cui-padding);
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.search-result__text > i {
  color: var(--cui-primary-500);
  font-weight: bold;
}

.search-result__page {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  text-align: center;
  color: var(--cui-neutral-300);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.search__progress {
  width: 100%;
  height: var(--cui-block-size-lg);
  padding-top: var(--cui-padding-sm);
  position: relative;
}

.search__progress > p {
  width: 100%;
  height: 2px;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  overflow: hidden;
}

.search__progress > p > span {
  background-color: #fff;
  border-radius: 2px;
  height: 100%;
  display: block;
}

.gc-btn-group--align-justify .gc-btn.search__btn-search {
  flex: auto;
}

.gc-btn-group--align-justify .gc-btn.search__btn-clear {
  flex: none;
}

.search__infomessage {
  text-align: center;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}

@keyframes gcv_btn_icon_animation {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.gcv-anim-icon {
  animation: .62s linear infinite gcv_btn_icon_animation;
}

.gcv-thumb-vertical {
  cursor: n-resize;
  background-color: #0000001a;
  border-radius: 4px;
  width: 2px;
  margin-left: 2px;
}

.gcv-thumb-horizontal {
  cursor: w-resize;
  background-color: #0000001a;
  border-radius: 4px;
  height: 2px;
  margin-top: 2px;
}

.highlight {
  background-color: #ff8;
}

.gc-viewer #open-report-dialog {
  opacity: 0;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
}

.gc-viewer .arjs-export-panel .gc-property-category {
  flex-direction: column;
  display: flex;
}

.gc-viewer .gcv-parameters {
  --gcv-horizontal-preview-width: 110px;
  --gcv-horizontal-control-width: 330px;
}

.gc-viewer .gcv-parameters__control {
  position: relative;
}

.gc-viewer .gcv-parameters__control:before {
  background-color: var(--cui-error-500);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  transform: translateY(-50%);
}

.gc-viewer .gcv-parameters__control--required-top-left:before {
  top: calc(var(--cui-block-size-sm)*.5);
  left: calc(0px - var(--cui-padding-sm));
  content: "";
}

.gc-viewer .gcv-parameters__control--required-top-right:before {
  top: calc(var(--cui-block-size-sm)*.5);
  right: calc(0px - var(--cui-padding-sm));
  content: "";
}

.gc-viewer .gcv-parameters__control--required-bottom-left:before {
  bottom: calc(var(--cui-block-size-sm)*.5);
  left: calc(0px - var(--cui-padding-sm));
  content: "";
  transform: translateY(50%);
}

.gc-viewer .gcv-parameters--layout-vertical {
  padding: 0 var(--cui-padding);
}

.gc-viewer .gcv-parameters--layout-vertical .gcv-parameters__control {
  margin-bottom: var(--cui-padding);
}

.gc-viewer .gcv-parameters--layout-horizontal {
  padding: 0 calc(var(--gcv-horizontal-preview-width) + var(--cui-padding)) 0 var(--cui-padding);
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.gc-viewer .gcv-parameters--layout-horizontal .gcv-parameters__control {
  width: var(--gcv-horizontal-control-width);
  margin: 0 var(--cui-padding) var(--cui-padding) 0;
}

.gc-viewer .gcv-parameters--layout-horizontal .gcv-parameters__control--preview {
  top: var(--cui-padding);
  right: var(--cui-padding);
  width: var(--gcv-horizontal-preview-width);
  margin: 0;
  position: absolute;
}

.gc-viewer .gcv-parameters--free-form {
  position: relative;
}

.gc-viewer .gcv-parameters--free-form .gcv-parameters__control {
  position: absolute;
}

.gc-viewer .gcv-parameters__control > .gcv-label {
  display: -ms-grid;
  -ms-grid-columns: minmax(0, 1fr);
  -ms-grid-rows: var(--cui-block-size-sm) minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: var(--cui-block-size-sm) minmax(0, 1fr);
  grid-template-areas: "label"
                       "content";
  height: 100%;
  display: grid;
}

.gc-viewer .gcv-parameters__control > .gcv-label > .gc-label__label {
  grid-area: label;
  width: 100%;
}

.gc-viewer .gcv-parameters__control > .gcv-label > .gc-label__content {
  grid-area: content;
  width: 100%;
  height: 100%;
}

.gc-viewer .gcv-parameters__control > .gcv-label.gc-label--position-left {
  -ms-grid-columns: 1fr minmax(0, 2fr);
  -ms-grid-rows: 100%;
  grid-template: "label content" 100%
  / 1fr minmax(0, 2fr);
}

.gc-viewer .gcv-parameters__control > .gcv-label.gc-label--position-right {
  -ms-grid-columns: minmax(0, 2fr) 1fr;
  -ms-grid-rows: 100%;
  grid-template: "content label" 100%
  / minmax(0, 2fr) 1fr;
}

.gc-viewer .gcv-parameters__control > .gcv-label.gc-label--position-bottom {
  -ms-grid-columns: 1fr;
  -ms-grid-rows: minmax(0, 1fr) var(--cui-block-size-sm);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0, 1fr) var(--cui-block-size-sm);
  grid-template-areas: "content"
                       "label";
}

.gc-viewer .gcv-nullable {
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.gc-viewer .gcv-nullable > .gc-check {
  flex: none;
  width: 60px;
  display: flex;
}

.gc-viewer .gcv-nullable__content {
  height: 100%;
  min-width: calc(var(--cui-block-size-sm)*2);
  margin-right: var(--cui-padding);
  flex: auto;
}

.gc-viewer .gcv-multivalue-textarea {
  white-space: nowrap;
  width: 100%;
  height: 120px !important;
}

.gc-viewer .gcv-textarea {
  width: 100%;
  height: 100%;
}

.gc-viewer .gcv-slider-container {
  height: var(--cui-block-size-sm);
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-viewer .gcv-slider-container--mode-X > .gcv-slider {
  width: 100%;
}

.gc-viewer .gcv-number-editor {
  display: flex;
}

.gc-viewer .gcv-number-editor__button {
  flex: none;
}

.gc-viewer .gcv-number-editor__button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.gc-viewer .gcv-number-editor__button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.gc-viewer .gcv-number-editor__input.gc-input {
  text-align: center;
  border-radius: 0;
  flex: auto;
  width: 100%;
}

.gc-viewer .gc-btn.disabled {
  opacity: .38;
}

.gc-viewer .gc-btn.disabled:focus, .gc-viewer .gc-btn.disabled.gc-btn--level-warning:focus, .gc-viewer .gc-btn.disabled.gc-btn--level-error:focus {
  box-shadow: none;
}

.gc-viewer .gcv-plain-text {
  width: 100%;
  height: 100%;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  line-height: calc(var(--cui-block-size)*.5);
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.gc-viewer .gcv-plain-text--info {
  color: var(--cui-primary-700);
}

.gc-viewer .gcv-plain-text--warning {
  color: var(--cui-warning-500);
}

.gc-viewer .gcv-plain-text--error {
  color: var(--cui-error-500);
}

.gc-viewer .gcv-tree {
  width: 100%;
  height: 100%;
}

.gc-viewer .gcv-tree-node {
  width: 100%;
  height: var(--cui-block-size-sm);
  align-content: stretch;
  align-items: stretch;
  display: flex;
}

.gc-viewer .gcv-tree-node__toggle {
  width: var(--cui-block-size-sm);
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
}

.gc-viewer .gcv-tree-node__control {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}

.gc-viewer .gcv-tree-node-text {
  width: 100%;
  height: var(--cui-block-size-sm);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}

.gc-viewer .gcv-date-range--limited .gc-date-range-aside__body {
  pointer-events: none;
  opacity: .32;
}

.gc-viewer .gcv-custom-content {
  height: var(--cui-block-size);
  padding: 0 var(--cui-padding-sm);
  text-align: center;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  font-style: italic;
  line-height: calc(var(--cui-block-size) - var(--cui-border-width)*2);
  flex: none;
  display: block;
}

.gc-viewer .gcv-date-time-range-input {
  margin-bottom: var(--cui-padding-xs);
}

.gc-viewer .gcv-date-time-range {
  position: relative;
}

.gc-viewer .gcv-date-time-range .gc-input.gc-size-sm {
  padding-right: calc(var(--cui-block-size-sm)*2);
}

.gc-viewer .gc-dd.gcv-date-time-range-toggle {
  top: 0;
  right: var(--cui-block-size-sm);
  width: var(--cui-block-size-sm);
  position: absolute;
}

.gc-viewer .gc-dd-menu.gcv-date-time-range-dropdown {
  background-color: var(--cui-accent);
  height: 300px;
}

.gc-viewer .gc-dd-menu.gcv-date-time-range-dropdown .gc-date-range-aside {
  width: 250px;
  height: 300px;
}

.gc-viewer .gcv-dd-editor__preview-button {
  padding: var(--cui-padding-sm);
  background-color: var(--cui-dd-background);
  border-radius: var(--cui-border-radius);
  top: calc(100% - var(--preview-button-block-height));
  margin-bottom: calc(0px - var(--preview-button-block-height));
  z-index: 1;
  position: sticky;
}

.gc-viewer .gcv-dd-editor__empty-space {
  height: var(--preview-button-block-height);
}

.gc-viewer .with-preview-button {
  --preview-button-block-height: calc(var(--cui-block-size-sm) + var(--cui-padding-sm) * 2);
}

.gc-viewer .with-preview-button .gc-dd-menu__scroll > .gc-scrollbars__view {
  padding-bottom: 0;
}

.gc-viewer :root {
  --neutral-50: 180, 2%, 91%;
  --neutral-100: 200, 4%, 85%;
  --neutral-200: 197, 6%, 76%;
  --neutral-300: 196, 6%, 63%;
  --neutral-400: 196, 6%, 51%;
  --neutral-500: 194, 13%, 32%;
  --neutral-600: 194, 13%, 26%;
  --neutral-700: 195, 12%, 19%;
  --neutral-800: 193, 14%, 13%;
  --neutral-900: 190, 13%, 9%;
  --primary-50: 192, 11%, 91%;
  --primary-100: 198, 17%, 85%;
  --primary-200: 198, 21%, 75%;
  --primary-300: 198, 23%, 62%;
  --primary-400: 197, 25%, 49%;
  --primary-500: 197, 58%, 30%;
  --primary-600: 197, 57%, 24%;
  --primary-700: 197, 58%, 18%;
  --primary-800: 197, 57%, 12%;
  --primary-900: 198, 57%, 9%;
  --secondary-500: 39, 96%, 55%;
  --warning-50: 38, 27%, 92%;
  --warning-100: 39, 52%, 87%;
  --warning-200: 40, 65%, 80%;
  --warning-300: 39, 74%, 70%;
  --warning-400: 39, 78%, 60%;
  --warning-500: 40, 100%, 37%;
  --warning-600: 39, 100%, 36%;
  --warning-700: 39, 100%, 27%;
  --warning-800: 39, 100%, 18%;
  --warning-900: 39, 100%, 13%;
  --error-50: 0, 19%, 92%;
  --error-100: 0, 34%, 87%;
  --error-200: 0, 45%, 79%;
  --error-300: 0, 51%, 69%;
  --error-400: 0, 53%, 59%;
  --error-500: 0, 60%, 41%;
  --error-600: 0, 72%, 35%;
  --error-700: 0, 71%, 26%;
  --error-800: 0, 73%, 17%;
  --error-900: 0, 73%, 13%;
  --white: 0, 0%, 100%;
  --bg-body: 180, 1%, 99%;
  --bg-panels: 180, 1%, 95%;
  --cui-neutral-50: hsl(var(--neutral-50));
  --cui-neutral-100: hsl(var(--neutral-100));
  --cui-neutral-200: hsl(var(--neutral-200));
  --cui-neutral-300: hsl(var(--neutral-300));
  --cui-neutral-400: hsl(var(--neutral-400));
  --cui-neutral-500: hsl(var(--neutral-500));
  --cui-neutral-600: hsl(var(--neutral-600));
  --cui-neutral-700: hsl(var(--neutral-700));
  --cui-neutral-800: hsl(var(--neutral-800));
  --cui-neutral-900: hsl(var(--neutral-900));
  --cui-primary-50: hsl(var(--primary-50));
  --cui-primary-100: hsl(var(--primary-100));
  --cui-primary-200: hsl(var(--primary-200));
  --cui-primary-300: hsl(var(--primary-300));
  --cui-primary-400: hsl(var(--primary-400));
  --cui-primary-500: hsl(var(--primary-500));
  --cui-primary-600: hsl(var(--primary-600));
  --cui-primary-700: hsl(var(--primary-700));
  --cui-primary-800: hsl(var(--primary-800));
  --cui-primary-900: hsl(var(--primary-900));
  --cui-secondary-500: hsl(var(--secondary-500));
  --cui-warning-50: hsl(var(--warning-50));
  --cui-warning-100: hsl(var(--warning-100));
  --cui-warning-200: hsl(var(--warning-200));
  --cui-warning-300: hsl(var(--warning-300));
  --cui-warning-400: hsl(var(--warning-400));
  --cui-warning-500: hsl(var(--warning-500));
  --cui-warning-600: hsl(var(--warning-600));
  --cui-warning-700: hsl(var(--warning-700));
  --cui-warning-800: hsl(var(--warning-800));
  --cui-warning-900: hsl(var(--warning-900));
  --cui-error-50: hsl(var(--error-50));
  --cui-error-100: hsl(var(--error-100));
  --cui-error-200: hsl(var(--error-200));
  --cui-error-300: hsl(var(--error-300));
  --cui-error-400: hsl(var(--error-400));
  --cui-error-500: hsl(var(--error-500));
  --cui-error-600: hsl(var(--error-600));
  --cui-error-700: hsl(var(--error-700));
  --cui-error-800: hsl(var(--error-800));
  --cui-error-900: hsl(var(--error-900));
  --cui-white: hsl(var(--white));
  --cui-bg-body: hsl(var(--bg-body));
  --cui-bg-panels: hsl(var(--bg-panels));
  --cui-text-family: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --cui-text-color: var(--cui-neutral-700);
  --cui-text-size: 12px;
  --cui-text-size-sm: 10px;
  --cui-text-size-lg: 14px;
  --cui-text-h1-size: 20px;
  --cui-text-h2-size: 18px;
  --cui-text-h3-size: 16px;
  --cui-text-h4-size: 14px;
  --cui-overlay: #00000026;
  --cui-overlay-background: hsla(var(--bg-panels), .38);
  --cui-shadow-dialog: 1px 1px 5px 1px #0000001a;
  --cui-shadow-menu: 1px 1px 4px 0 #0000001a;
  --cui-shadow-border: 0 0 3px 0 #0003;
  --cui-binding-default: var(--cui-neutral-50);
  --cui-binding-error: #ff4105;
  --cui-binding-modified: #73ff05;
  --cui-binding-bind: #ffe605;
  --cui-icon-size: 20px;
  --cui-icon-size-lg: 24px;
  --cui-icon-size-sm: 16px;
  --cui-block-size: 40px;
  --cui-block-size-sm: 30px;
  --cui-block-size-lg: 50px;
  --cui-block-size-xl: 60px;
  --cui-padding-xl: 20px;
  --cui-padding: 15px;
  --cui-padding-sm: 10px;
  --cui-padding-xs: 5px;
  --cui-border-width: 1px;
  --cui-border-width-focused: 2px;
  --cui-border-radius: 4px;
  --cui-rounded-radius: calc(var(--cui-block-size) * .5);
  --cui-rounded-radius-sm: calc(var(--cui-block-size-sm) * .5);
  --cui-rounded-radius-lg: calc(var(--cui-block-size-lg) * .5);
  --cui-rounded-radius-xl: calc(var(--cui-block-size-xl) * .5);
  --cui-trn-length-sm: .2s;
  --cui-trn-length: .4s;
  --cui-trn-func: ease-in-out;
  --cui-z-toolbar: 10;
  --cui-z-overlay: 1010;
  --cui-z-modal: 1020;
  --cui-z-dropdown: 1030;
  --cui-z-tooltip: 1040;
  --cui-z-notifications: 1090;
  --cui-accent: var(--cui-primary-500);
  --cui-accent-hover: var(--cui-primary-700);
  --cui-accent-semi-10: hsla(var(--primary-500), .1);
  --cui-accent-semi-20: hsla(var(--primary-500), .2);
  --cui-accent-semi-40: hsla(var(--primary-500), .38);
  --cui-accent-semi-60: hsla(var(--primary-500), .62);
  --cui-accent-text: var(--cui-primary-700);
  --cui-accent-text-hover: var(--cui-primary-800);
  --cui-accent-text-semi-10: hsla(var(--primary-700), .1);
  --cui-accent-text-semi-20: hsla(var(--primary-700), .2);
  --cui-accent-text-semi-40: hsla(var(--primary-700), .38);
  --cui-accent-text-semi-60: hsla(var(--primary-700), .62);
  --cui-accent-icon: var(--cui-primary-500);
  --cui-accent-icon-hover: var(--cui-primary-700);
  --cui-accent-secondary: var(--cui-secondary-500);
  --cui-accent-warning: var(--cui-warning-500);
  --cui-accent-warning-hover: var(--cui-warning-700);
  --cui-accent-warning-semi-10: hsla(var(--warning-500), .1);
  --cui-accent-warning-semi-40: hsla(var(--warning-500), .38);
  --cui-accent-warning-semi-60: hsla(var(--warning-500), .62);
  --cui-accent-warning-text: var(--cui-warning-700);
  --cui-accent-warning-text-hover: var(--cui-warning-800);
  --cui-accent-warning-text-semi-10: hsla(var(--warning-700), .1);
  --cui-accent-warning-text-semi-40: hsla(var(--warning-700), .38);
  --cui-accent-warning-text-semi-60: hsla(var(--warning-700), .62);
  --cui-accent-error: var(--cui-error-500);
  --cui-accent-error-hover: var(--cui-error-700);
  --cui-accent-error-semi-10: hsla(var(--error-500), .1);
  --cui-accent-error-semi-40: hsla(var(--error-500), .38);
  --cui-accent-error-semi-60: hsla(var(--error-500), .62);
  --cui-accent-error-text: var(--cui-error-700);
  --cui-accent-error-text-hover: var(--cui-error-800);
  --cui-accent-error-text-semi-10: hsla(var(--error-700), .1);
  --cui-accent-error-text-semi-40: hsla(var(--error-700), .38);
  --cui-accent-error-text-semi-60: hsla(var(--error-700), .62);
  --cui-contrast: var(--cui-white);
  --cui-contrast-semi-10: hsla(var(--white), .1);
  --cui-contrast-semi-40: hsla(var(--white), .38);
  --cui-contrast-semi-60: hsla(var(--white), .62);
  --cui-contrast-text: var(--cui-white);
  --cui-contrast-text-semi-40: hsla(var(--white), .38);
  --cui-bg-body-overlay: hsla(var(--bg-body), .38);
  --cui-bg-panels-section: var(--cui-neutral-50);
  --cui-bg-panels-border: var(--cui-neutral-100);
  --cui-bg-panels-overlay: var(--cui-overlay-background);
  --cui-shadow: var(--cui-shadow-menu);
  --cui-outline-offset: -2px;
  --cui-outline: 2px solid var(--cui-primary-500);
  --cui-outline-contrast: 2px solid var(--cui-white);
  --cui-outline-warning: 2px solid var(--cui-accent-warning);
  --cui-outline-error: 2px solid var(--cui-accent-error);
  --cui-text: var(--cui-text-color);
  --cui-text-semi-10: #3333331a;
  --cui-text-semi-40: #33333361;
  --cui-text-semi-60: #3333339e;
  --cui-text-size-xl: 18px;
  --cui-btn-bg: var(--cui-neutral-50);
  --cui-btn-bg-hover: var(--cui-neutral-100);
  --cui-btn-transparent-warning: #c2820c1a;
  --cui-btn-transparent-warning-hover: #c2820c33;
  --cui-btn-transparent-error: #930f0f1a;
  --cui-btn-transparent-error-hover: #930f0f26;
  --cui-btn-group-header-bg: var(--cui-neutral-100);
  --cui-btn-group-header-bg-hover: var(--cui-neutral-200);
  --cui-item-bg: #00000013;
  --cui-item-bg-hover: #0000001f;
  --cui-input-bg: var(--cui-neutral-50);
  --cui-input-bg-hover: #0000001f;
  --cui-input-bg-focus: var(--cui-input-bg-hover);
  --cui-input-text: var(--cui-text-color);
  --cui-input-text-disabled: var(--cui-text-semi-40);
  --cui-input-text-placeholder: var(--cui-text-semi-40);
  --cui-dd-background: var(--cui-bg-body);
  --cui-dd-background-hover: var(--cui-neutral-100);
  --cui-dd-divider: var(--cui-neutral-50);
  --cui-binding-default-shadow: var(--cui-text-semi-40);
  --cui-binding-modified-shadow: #4dca7d9e;
  --cui-binding-bind-shadow: #e1d4129e;
  --cui-binding-error-shadow: var(--cui-accent-error-semi-60);
  --cui-menu-splitter: #ffffff26;
  --cui-prop-editors-drag-shadow: 1px 2px 5px 0 #00000061;
  --cui-wizard-bg: var(--cui-accent-semi-60);
  --cui-wizard-dark-bg-main: #0000009e;
  --cui-wizard-dark-bg-secondary: #0003;
  --cui-wizard-dark-hover: #0000009e;
  --cui-wizard-light-bg-main: #ffffff9e;
  --cui-wizard-light-bg-secondary: #fff3;
  --cui-wizard-light-hover: #ffffff9e;
  --cui-progressbar-bg: var(--cui-bg-panels);
  --cui-progressbar-bg-semi: var(--cui-neutral-100);
  --cui-progress-fill-color: var(--cui-text-color);
  --cui-progress-value-color: var(--cui-contrast-text);
  --cui-scrollbar-color: hsla(var(--primary-700), .6);
  --cui-scrollbar-color-contrast: hsla(var(--primary-50), .2);
  --cui-treeview-outline-color: var(--cui-bg-panels-border);
  --cui-calendar-range-fill-color: var(--cui-accent-text-semi-40);
  --cui-notification-btn-accent-bg: var(--cui-primary-500);
  --cui-notification-btn-warning-bg: var(--cui-accent-warning);
  --cui-notification-btn-error-bg: var(--cui-accent-error);
  --cui-notification-btn-bg: #00000026;
  --cui-notification-btn-bg-hover: #00000040;
}

.gc-viewer .arjs-export-panel {
  padding: 0 var(--cui-padding) var(--cui-padding);
}

.gc-viewer .arjs-export-panel > .gc-btn {
  margin-top: 16pt;
}

.gc-viewer .arjs-export-panel .gc-dd .gc-check {
  color: var(--cui-text-color);
}

.gc-viewer .progress-modal {
  background-color: var(--cui-primary-500);
  color: var(--cui-white);
  border-radius: var(--cui-border-radius);
  outline: none;
  width: 50%;
  height: 180px;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translateY(-50%);
}

.gc-viewer .progress-modal__content {
  border-radius: var(--cui-border-radius);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.gc-viewer .progress-modal__content .h3 {
  display: block;
}

.gc-viewer .ar-contents {
  padding: var(--cui-padding);
}

.gc-viewer .ar-toc-item > .gc-btn-group {
  width: 100%;
  height: var(--cui-block-size-sm);
  text-align: left;
  white-space: nowrap;
  text-transform: capitalize;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  fill: var(--cui-text-color);
  background: none;
  border: 0;
  outline: none;
  display: flex;
  overflow: hidden;
}

.gc-viewer .ar-toc-item > .gc-btn-group > .gc-btn--custom {
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  text-overflow: ellipsis;
  flex: auto;
  overflow: hidden;
}

.gc-viewer .ar-toc-item > .gc-btn-group > .gc-btn--custom:hover {
  cursor: pointer;
}

.gc-viewer .ar-toc-item > .gc-btn-group > .gc-btn--with-icon path {
  fill: inherit;
}

.gc-viewer .ar-toc-item > .gc-btn-group > .gc-btn--with-icon:hover {
  cursor: pointer;
}

.gc-viewer .ar-toc-item > .gc-btn-group:hover {
  color: #fff;
  background-color: var(--cui-primary-700);
  fill: #fff;
  font-weight: bold;
}

.gc-viewer .ar-toc-item > .ar-toc-item-children {
  width: 100%;
  padding-left: var(--cui-padding);
  overflow: hidden;
}

.gc-viewer .ar-toc-item--level-2 button {
  font-size: var(--cui-text-size-sm);
}

.gc-viewer .ar-toc-item--level-3 button {
  font-size: var(--cui-text-size-sm);
  font-style: italic;
}

.gc-viewer .gc-btn.gc-size-sm .gc-btn__icon:not(.gc-icon--custom) > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}

.gc-viewer .gc-btn.gc-size-lg .gc-btn__icon > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}

.gc-viewer .gc-dd-menu__item > .gc-icon > svg {
  flex: none;
}

.gc-viewer .gc-dd-menu__item.gc-size-sm > .gc-icon:not(.gc-icon--custom) > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}

.gc-viewer .gc-dd-menu__item.gc-size-lg > .gc-icon:not(.gc-icon--custom) > svg, .gc-viewer .gc-icon > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}

.gc-viewer .gc-icon--small > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}

.gc-viewer .gc-icon--large > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}

.gc-viewer .gc-icon--core > svg {
  width: initial !important;
  height: initial !important;
}

.gc-viewer .gc-icon-color {
  transition: fill .2s ease-in-out, stroke .2s ease-in-out;
}

.gc-viewer .gc-icon-color--text {
  fill: currentColor;
  transition: fill .2s ease-in-out;
}

.gc-viewer .gc-icon-color--stroke-text {
  stroke: currentColor;
  transition: stroke .2s ease-in-out;
}

.gc-viewer .gc-icon-color--accent {
  fill: var(--cui-secondary-500);
  transition: fill .2s ease-in-out;
}

.gc-viewer .gc-icon-color--stroke-accent {
  stroke: var(--cui-secondary-500);
  transition: stroke .2s ease-in-out;
}

.gc-viewer .viewer-reports-list {
  width: 100%;
  height: 100%;
  padding: 10px;
  overflow: auto;
}

.gc-viewer .viewer-reports-list-item > button {
  width: calc(100% - 10px);
  height: var(--cui-block-size-sm);
  text-align: left;
  white-space: nowrap;
  text-transform: capitalize;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  border-radius: calc(var(--cui-block-size-sm)*.5);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  background: none;
  border: 0;
  outline: none;
  margin: 0 5px;
  padding: 0 10px;
  display: block;
  overflow: hidden;
}

.gc-viewer .viewer-reports-list-item > button:hover {
  cursor: pointer;
  color: var(--cui-white);
  background-color: var(--cui-primary-700);
  font-weight: bold;
}

.group-access-inspect-wrapper {
  background-color: #fff;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  height: 100%;
  padding: 0 20px;
  display: flex;
}

.group-access-inspect-wrapper .button-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10vw;
  display: flex;
}

.group-access-inspect-wrapper .button-container .edit-button {
  color: #fff;
  background-color: #769bc4;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 108px;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.group-access-inspect-wrapper .button-container .access-button {
  color: #fff;
  background-color: #e69b9b;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 108px;
  margin-top: 8px;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.info-card-container {
  background-color: #f5f7fa;
  border-radius: 10px;
  flex-direction: column;
  width: 30%;
  height: 92%;
  margin: 10px 0;
  display: flex;
}

.info-card-container .info-container {
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.info-card-container .info-detail {
  flex-direction: column;
  margin-left: 10px;
  display: flex;
}

.info-card-container .border {
  border-style: solid;
  border-color: #5b83b0;
  border-bottom-width: 0;
  align-self: center;
  width: 90%;
  margin: 10px 0;
}

.info-card-container .phone-container {
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
}

.info-card-container .cell .work {
  flex-direction: column;
  margin: 5px;
  display: flex;
}

.info-card-container .email-container {
  justify-content: flex-start;
  align-items: center;
  margin: 8px 5px 5px;
  display: flex;
}

.info-card-container .email {
  flex-direction: column;
  margin: 5px;
  display: flex;
}

.info-card-container .bold {
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.info-card-container .dob {
  color: #6487ce;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.info-card-container .image {
  border: .5px solid gray;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.info-card-container .image img {
  border-radius: 50%;
  width: 49px;
  height: 49px;
}

.info-card-container .text {
  color: #68707f;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.dsl-card-container {
  background-color: #f5f7fa;
  border-radius: 10px;
  flex-direction: column;
  width: 30%;
  height: 92%;
  margin: 10px 0;
  display: flex;
}

.dsl-card-container .info-container {
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  display: flex;
}

.dsl-card-container .info-detail {
  flex-direction: column;
  margin-left: 10px;
  display: flex;
}

.dsl-card-container .info-detail .bold {
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.dsl-card-container .dsl-body {
  height: 100%;
}

.dsl-card-container .dsl-list-compact {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

.dsl-card-container .dsl-list-compact table {
  margin: 0 !important;
}

.dsl-card-container .dsl-list-compact table thead tr {
  background: none !important;
}

.dsl-card-container .dsl-list-compact table thead tr th {
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
  background: none !important;
}

.dsl-card-container .dsl-list-compact table tbody tr, .dsl-card-container .dsl-list-compact table tbody tr td {
  background: none !important;
}

.dsl-card-container .dsl-list-compact .dataTables_scrollHead {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.dsl-card-container .dsl-list-compact .dataTables_scroll thead tr {
  border-bottom: 1px solid #5b83b0;
}

.dsl-card-container .dsl-list-compact #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll thead tr {
  background: #f5f7fa !important;
}

.group-security-editor {
  flex-direction: column;
  flex: 1;
  padding: 20px;
  display: flex;
}

.group-security-editor .editor-upper {
  flex: 50%;
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.group-security-editor .editor-upper .editor-upper-left, .group-security-editor .editor-upper .editor-upper-right {
  border: 1px solid #aeaeae;
  width: 50%;
}

.group-security-editor .editor-lower {
  flex: 50%;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.group-security-editor .editor-lower .editor-lower-left, .group-security-editor .editor-lower .editor-lower-right {
  width: 50%;
  display: flex;
}

.user-security-dsl-checkbox {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.user-security-dsl-checkbox .header {
  flex: 0 0 36px;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
  background-color: #fff !important;
  border: 1px solid #fbfbfb !important;
}

.user-security-dsl-checkbox .button-container {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
  min-height: fit-content;
  padding: 2px;
  display: flex;
  border-top: 1px solid #d3d3d3 !important;
}

.user-security-dsl-checkbox .button-container .save-button {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  align-items: center;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  min-height: 28px !important;
  padding: 4px 8px !important;
}

.user-security-dsl-checkbox .button-container .save-button i {
  color: #58505b;
}

.user-security-dsl-checkbox .button-container .save-button:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

.user-security-dsl-checkbox .button-container .save-button.disabled, .user-security-dsl-checkbox .button-container .save-button[disabled], .user-security-dsl-checkbox .button-container .save-button:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.user-security-dsl-checkbox .button-container .save-button.disabled i, .user-security-dsl-checkbox .button-container .save-button[disabled] i, .user-security-dsl-checkbox .button-container .save-button:disabled i {
  color: var(--gray-400);
}

.user-security-dsl-checkbox .button-container .save-button:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.user-security-dsl-checkbox .button-container .save-button:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.user-security-dsl-checkbox .button-container .save-button:focus-visible {
  box-shadow: none;
}

.user-security-dsl-checkbox .button-container .save-button:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.user-security-dsl-checkbox .button-container .save-button img {
  filter: brightness(.5);
}

.user-security-dsl-checkbox .button-container .save-button:hover img {
  filter: brightness(400%);
}

.user-security-dsl-checkbox .heading {
  width: 50%;
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-size: var(--font-size-14);
  line-height: var(--line-height-14);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.user-security-dsl-checkbox .heading .submit-dsl {
  cursor: pointer;
}

.user-security-dsl-checkbox .heading .button-container {
  border-top: 0 !important;
}

.user-security-dsl-checkbox .module {
  font-size: var(--line-height-13);
  color: #111;
  text-transform: capitalize;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 10px;
  font-family: Soehne, sans-serif;
  font-weight: bold;
  display: flex;
}

.user-security-dsl-checkbox .module.active-module {
  color: #9974ce;
}

.user-security-dsl-checkbox .module:hover {
  cursor: pointer;
}

.user-security-dsl-checkbox .module .yes-no-btns {
  flex-direction: row;
  display: flex;
}

.user-security-dsl-checkbox .module .yes-no-btns .my-btn {
  cursor: pointer;
  text-align: center;
  background-color: #fff;
  border: 1px solid;
  border-radius: 10px;
  width: 40px;
  margin: 0 5px;
  padding: 5px 0;
}

.user-security-dsl-checkbox .module .yes-no-btns .my-btn.active-my-btn {
  color: #fff;
  background-color: #9974ce;
}

.user-security-dsl-checkbox .module .module-heading {
  max-width: calc(100% - 120px);
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.user-security-dsl-checkbox .module .module-field {
  max-width: calc(100% - 120px);
  font-size: 14px;
  font-weight: initial;
}

.user-security-dsl-checkbox .submodule {
  cursor: inherit;
  color: #111;
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  flex-direction: row;
  gap: 5px;
  margin: 2px 0;
  padding: 0 30px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.user-security-dsl-checkbox .submodule img {
  margin-right: 5px;
}

.user-security-dsl-checkbox .submodule.active-submodule {
  color: #9974ce;
  gap: 3px;
  margin-left: -2px;
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.user-security-dsl-checkbox .submodule.active {
  color: #9974ce;
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.user-security-dsl-checkbox .submodule:hover {
  cursor: pointer;
}

.user-security-dsl-checkbox .module-box {
  background-color: #fbfbfb;
  border-top: 0 solid;
  border-right: 0 solid;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.user-security-dsl-checkbox .module-box .module-box-upper {
  height: 95%;
  overflow: auto;
}

.user-security-dsl-checkbox .module-box .module-box-upper .not-permitted-highlight {
  background-color: #f8f1ec;
}

.user-security-dsl-checkbox .checkbox-box {
  background-color: #fbfbfb;
  border-top: 0 solid;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  overflow-y: auto;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box {
  height: 92%;
  padding: 10px;
  overflow: auto;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .form-level-label {
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-checkbox {
  flex-direction: column;
  gap: 5px;
  margin-left: 15px;
  padding: 2px 0;
  display: flex;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-checkbox .form-level {
  gap: 40px;
  display: flex;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-checkbox .form-level .checkbox-label {
  cursor: pointer;
  text-align: center;
  background-color: #fff;
  border: 1px solid;
  border-radius: 10px;
  width: 80px;
  padding: 0 5px;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-checkbox .form-level .checkbox-label.active-button {
  background-color: #c6ddf5;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-access-buttons {
  flex-direction: column;
  gap: 4px;
  margin-top: 5px;
  margin-left: 15px;
  display: flex;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-access-buttons .security-dsl-nested-access-button-wrapper {
  justify-content: space-between;
  display: flex;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-access-buttons .security-dsl-nested-access-button-wrapper .section-label-wrapper {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 250px;
  font-size: 12px;
  overflow: hidden;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-access-buttons .security-dsl-nested-access-button-wrapper .access-buttons-wrapper {
  justify-content: space-between;
  gap: 4px;
  width: 50%;
  display: flex;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-access-buttons .security-dsl-nested-access-button-wrapper .access-buttons-wrapper .read-button {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: 10px;
  width: 80px;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-access-buttons .security-dsl-nested-access-button-wrapper .access-buttons-wrapper .read-button.active-button {
  background-color: #c6ddf5;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-access-buttons .security-dsl-nested-access-button-wrapper .access-buttons-wrapper .write-button {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: 10px;
  width: 80px;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .security-dsl-nested-access-buttons .security-dsl-nested-access-button-wrapper .access-buttons-wrapper .write-button.active-button {
  background-color: #c6ddf5;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .buttons-section {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .buttons-section .section-label-wrapper {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .buttons-section .access-buttons-wrapper {
  justify-content: space-between;
  gap: 4px;
  width: 37%;
  display: flex;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .buttons-section .access-buttons-wrapper .read-button {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: 10px;
  width: 80px;
  padding: 0 5px;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .buttons-section .access-buttons-wrapper .read-button.active-button {
  background-color: #c6ddf5;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .buttons-section .access-buttons-wrapper .write-button {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: 10px;
  width: 80px;
  padding: 0 5px;
}

.user-security-dsl-checkbox .checkbox-box .show-check-box .buttons-section .access-buttons-wrapper .write-button.active-button {
  background-color: #c6ddf5;
}

.user-security-dsl-checkbox .searchbox {
  flex-direction: column;
  padding: 2px 0;
  display: flex;
}

.user-security-dsl-checkbox .searchbox .search-input {
  border: none;
  height: 30px;
  padding: 0 0 0 10px;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.user-security-dsl-checkbox .perm-list {
  flex-flow: wrap;
  justify-content: space-around;
  margin-bottom: 10px;
  display: flex;
}

.user-security-dsl-checkbox .perm-list .perm-button-container {
  min-width: 45%;
  display: flex;
}

.user-security-dsl-checkbox .perm-list .form-level-perms {
  cursor: pointer;
  text-align: center;
  background-color: #fff;
  border: 1px solid;
  border-radius: 10px;
  width: 100%;
  margin: 5px 0;
  padding: 0 5px;
}

.user-security-dsl-checkbox .perm-list .form-level-perms.active-form-perm {
  color: #fff;
  background-color: #9974ce;
}

.user-security-dsl-checkbox .perm-list .form-level-perms .perm-label {
  cursor: pointer;
  margin: 5px 0;
}

.security-rule-view {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.security-rule-view > div {
  gap: 2px;
}

.security-rule-view .header {
  background-color: #fff;
  flex: 0 0 36px;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
  border: 1px solid #fbfbfb !important;
}

.security-rule-view .heading {
  width: 50%;
  font-size: var(--font-size-14);
  line-height: var(--line-height-14);
}

.security-rule-view .module {
  font-size: var(--form-fs-md);
  color: #111;
  text-transform: capitalize;
  padding: 4px 10px;
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.security-rule-view .module.active {
  color: #9974ce;
}

.security-rule-view .module:hover {
  cursor: pointer;
}

.security-rule-view .submodule {
  cursor: inherit;
  color: #111;
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  flex-direction: row;
  gap: 5px;
  padding: 0 30px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.security-rule-view .submodule img {
  margin-right: 5px;
}

.security-rule-view .submodule.active {
  color: #9974ce;
  gap: 3px;
  margin-left: -2px;
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.security-rule-view .submodule:hover {
  cursor: pointer;
}

.security-rule-view .module-box {
  background-color: #fbfbfb;
  border-top: 0 solid;
  border-right: 0 solid;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.security-rule-view .module-box .module-box-upper {
  height: 95%;
  overflow: auto;
}

.security-rule-view .checkbox-box {
  background-color: #fbfbfb;
  border-top: 0 solid;
  width: 50%;
  padding: 10px;
  overflow: auto;
}

.security-rule-view .checkbox-box input {
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  margin: 0;
  transition: background .5s;
}

.security-rule-view .checkbox-box input:hover:before {
  border: 2px solid #58505b;
}

.security-rule-view .checkbox-box input:before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid #e7e7e7;
  display: block;
}

.security-rule-view .checkbox-box input:checked:before {
  background-image: url("checkbox.ab3ef749.svg");
  background-size: inherit;
  background-position: center;
  border: 2px solid #9974cf;
}

.security-rule-view .checkbox-box label {
  cursor: pointer;
  align-items: center;
  gap: 5px;
  display: flex;
}

.security-rule-view .checkbox-box .show-check-box {
  cursor: pointer;
  align-items: center;
  gap: 5px;
  margin: 5px 0;
  display: flex;
}

.security-rule-view .searchbox {
  flex-direction: column;
  padding: 2px 0;
  display: flex;
}

.security-rule-view .searchbox .search-input {
  border: none;
  height: 30px;
  padding: 0 0 0 10px;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.role-access-inspect-wrapper {
  background-color: #fff;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  height: 100%;
  padding: 0 20px;
  display: flex;
}

.role-access-inspect-wrapper .button-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10vw;
  display: flex;
}

.role-access-inspect-wrapper .button-container .edit-button {
  color: #fff;
  background-color: #769bc4;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 108px;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.role-access-inspect-wrapper .button-container .access-button {
  color: #fff;
  background-color: #e69b9b;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 108px;
  margin-top: 8px;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.role-security-editor {
  flex-direction: column;
  flex: 1;
  padding: 20px;
  display: flex;
}

.role-security-editor .editor-upper {
  flex: 50%;
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.role-security-editor .editor-upper .editor-upper-left, .role-security-editor .editor-upper .editor-upper-right {
  border: 1px solid #aeaeae;
  width: 50%;
}

.role-security-editor .editor-lower {
  flex: 50%;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.role-security-editor .editor-lower .editor-lower-left, .role-security-editor .editor-lower .editor-lower-right {
  width: 50%;
  display: flex;
}

.user-access-inspect-wrapper {
  background-color: #fff;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  height: 100%;
  padding: 0 20px;
  display: flex;
}

.user-access-inspect-wrapper .button-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10vw;
  display: flex;
}

.user-access-inspect-wrapper .button-container .edit-button {
  color: #fff;
  background-color: #769bc4;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 108px;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.user-access-inspect-wrapper .button-container .access-button {
  color: #fff;
  background-color: #e69b9b;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 108px;
  margin-top: 8px;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.user-access-inspect-wrapper .button-container .site-access-button {
  color: #fff;
  cursor: pointer;
  background-color: #6ba58e;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 108px;
  margin-top: 8px;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  transition: background-color .2s;
  display: flex;
}

.user-access-inspect-wrapper .button-container .site-access-button:hover:not(:disabled) {
  background-color: #5a9479;
}

.user-access-inspect-wrapper .button-container .site-access-button:disabled {
  cursor: not-allowed;
  background-color: #a8c9b9;
}

.user-security-editor {
  flex-direction: column;
  flex: 1;
  margin-top: 8px;
  display: flex;
}

.user-security-editor .editor-upper {
  flex: 50%;
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.user-security-editor .editor-upper .dsl-field-embed {
  max-height: 100%;
}

.user-security-editor .editor-upper .dataTables_scrollHead {
  background-color: #fff !important;
  border: 1px solid #fbfbfb !important;
}

.user-security-editor .editor-upper .editor-upper-left, .user-security-editor .editor-upper .editor-upper-right {
  background-color: #fbfbfb;
  width: 50%;
}

.user-security-editor .editor-upper .dataTables_scrollBody .tr-select {
  color: #9974ce;
  background-color: #0000 !important;
}

.user-security-editor .editor-lower {
  flex: 50%;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.user-security-editor .editor-lower .editor-lower-left, .user-security-editor .editor-lower .editor-lower-right {
  width: 50%;
  display: flex;
}

#application .field-embed-popover {
  min-width: 50vw;
}

#application .field-embed-popover .compact-btns-container {
  flex-direction: row;
  gap: 10px;
  display: flex;
}

#application .field-embed-popover .dsl-field-embed {
  height: 100%;
}

#application .field-embed-popover .dsl-field-embed > i {
  float: inline-end;
  border: 1px solid;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 5px;
}

#application .field-embed-popover .dsl-field-embed > i:hover {
  color: #fff;
  background-color: #837bb2;
  border-color: #837bb2;
}

#application .field-embed-popover .dsl-field-embed .dsl-grid-view {
  margin-bottom: 10px;
}

#application .form-horizontal .form-group:has(.dsl-field-embed) .control-label {
  margin-bottom: 4px;
  top: 8px;
  left: 0;
  position: relative !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed {
  background-color: var(--white);
  border-radius: 0;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 300px;
  display: flex;
  overflow-y: auto;
}

#application .form-horizontal .form-group .controls .dsl-field-embed:has(.dsl-action-btn) {
  margin-bottom: 55px;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dsl-grid-view {
  overflow-y: auto;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .refresh-icon {
  cursor: pointer;
  padding: 2px;
  position: absolute;
  top: -26px;
  right: 10px;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .subfield-required {
  border-color: #d26158 !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll {
  padding-top: 0;
  box-shadow: none !important;
  min-height: 50px !important;
  max-height: 100% !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll table tr:not(:last-child) {
  border-bottom: none;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll table tr th, #application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll table tr td {
  color: var(--gray-700);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollHead {
  z-index: 1;
  top: 0;
  position: sticky !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollHead table {
  margin: 0 !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollHead table thead tr th {
  color: #a3a3a0;
  padding: var(--spacing-standard);
  font-size: 12px;
  font-weight: var(--font-weight-medium);
  background-color: #f2f2f0;
  position: relative;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody {
  background-color: #0000;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr td {
  font-weight: 400;
  font-size: var(--font-size-xsmall);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr td.dataTables_empty {
  color: var(--gray-500);
  font-size: 12px;
  font-weight: var(--font-weight-medium);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr td.select-checkbox:before {
  border-radius: var(--radius-xsmall);
  background-color: var(--white);
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid #e7e7e7;
  display: block;
  width: 16px !important;
  height: 16px !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr td.rank {
  text-align: right;
  justify-content: flex-end;
  display: flex;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.even {
  background-color: #f5f5f5;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr .select-checkbox {
  min-width: 40px;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected:last-child .move-down, #application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected:first-child .move-up {
  color: #d3d3d3 !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected {
  background: var(--color-tertiary);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected td {
  color: #fff;
  font-weight: 500;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected .select-checkbox:before {
  background-color: var(--color-tertiary);
  box-shadow: none !important;
  border: none !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected .select-checkbox:after {
  background-size: inherit;
  background-image: url("yes-tick-outline.d7588b02.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(50% + 4px);
  bottom: 50%;
  content: "" !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected .move-up, #application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected .move-down {
  opacity: 0;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected:hover .move-up, #application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected:hover .move-down {
  opacity: 1;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected td.rank {
  padding: 0 !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected td.rank .move-up, #application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected td.rank .move-down {
  cursor: pointer;
  color: #a3a3a3;
  padding: 10px;
  font-size: 1em;
  font-weight: bolder;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollBody table tbody tr.selected td.rank > div {
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_info, #application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_paginate {
  display: none !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container {
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-xlarge);
  display: flex;
  position: absolute;
  bottom: 0;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn {
  margin: var(--spacing-large) 0px 8px 0px;
  cursor: pointer;
  padding: var(--spacing-standard) var(--spacing-xlarge);
  text-transform: uppercase;
  gap: var(--spacing-xsmall);
  border-radius: var(--radius-medium);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: fit-content;
  min-height: 36px;
  display: flex;
  min-width: 30px !important;
  margin-top: 0 !important;
  font-weight: 500 !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn .inner-cont .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  filter: none !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn .inner-cont i[class*="fa-"] {
  font-size: var(--font-size-xsmall);
  color: inherit;
  line-height: 1;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn .inner-cont .label {
  font-weight: var(--font-weight-medium);
  background-color: #0000;
  font-size: var(--font-size-xsmall) !important;
  filter: none !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.disabled {
  display: none;
  cursor: not-allowed !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  color: #fff;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add i {
  color: #fff;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add.disabled, #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add[disabled], #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add.disabled i, #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add[disabled] i, #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add:disabled i {
  color: var(--gray-400);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add:focus-visible {
  box-shadow: none;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add .inner-cont .label {
  color: #fff !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-add.disabled {
  display: none;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  color: #fff;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit i {
  color: #fff;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit.disabled, #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit[disabled], #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit.disabled i, #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit[disabled] i, #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit:disabled i {
  color: var(--gray-400);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit:focus-visible {
  box-shadow: none;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit .inner-cont .label {
  color: #fff !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-edit.disabled {
  display: none;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  color: #fff;
  background: linear-gradient(#c98787 0%, #bf7171 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #a84c4c, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive i {
  color: #fff;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive:not(:has(i)) {
  background: linear-gradient(#c68181 0%, #c27777 100%);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive.disabled, #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive[disabled], #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive.disabled i, #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive[disabled] i, #application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive:disabled i {
  color: var(--gray-400);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive:focus-visible {
  box-shadow: none;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive .inner-cont .label {
  color: #fff !important;
}

#application .form-horizontal .form-group .controls .dsl-field-embed .compact-btns-container .dsl-action-btn.btn-archive.disabled {
  display: none;
}

#application .form-horizontal .form-group.has-error:has(.dsl-field-embed) .controls .dsl-field-embed {
  border: 2px solid #e58787;
  border-radius: 8px;
}

#application .form-horizontal .form-group.has-error:has(.dsl-field-embed) .help-container {
  margin-top: 4px;
  display: block !important;
}

#application .form-horizontal .form-group.has-error:has(.dsl-field-embed) .help-container .help-block.errormsg {
  text-align: left;
  background-color: #0000;
  border: none;
  color: #d98080 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  display: block !important;
}

#application .form-container.form-read-mode .dsl-field-embed .dataTables_scrollBody table tbody tr.selected td {
  color: var(--gray-700) !important;
}

.bar {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

:root {
  --gallery-items-per-row: 4;
}

.image-gallery-layout {
  width: 80vw;
  height: 80vh;
  padding: 10px;
  display: flex;
}

.image-gallery-layout .gallery {
  border-right: 1px solid gray;
  width: 90%;
  height: 100%;
  padding: 10px;
  overflow: auto;
}

.image-gallery-layout .image-uploader {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: end;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-gallery-layout .img-gallery {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.image-gallery-layout .img-gallery-item {
  flex: 0 0 calc((100% - (10px * (var(--gallery-items-per-row) - 1))) / var(--gallery-items-per-row));
  box-shadow: 0 0 10px #000000bf;
}

.image-gallery-layout .img-gallery-item img {
  vertical-align: middle;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 6px;
  max-width: 100%;
  height: auto;
}

.image-gallery-layout .img-gallery-item {
  border-radius: 6px;
  height: 200px;
  position: relative;
  overflow: hidden;
}

.image-gallery-layout .img-gallery-item figure {
  cursor: pointer;
  margin: 0;
}

.image-gallery-layout .img-gallery-item figcaption {
  cursor: default;
  color: #fff;
  opacity: 0;
  background-color: #000000e6;
  width: 100%;
  padding: 1rem;
  transition: opacity .25s ease-in-out;
  position: absolute;
  inset: auto auto 0 0;
}

.image-gallery-layout .img-gallery-item .icon {
  opacity: 0;
  cursor: pointer;
  filter: invert(65%) sepia(61%) saturate(5112%) hue-rotate(320deg) brightness(102%) contrast(101%);
  position: absolute;
  top: 10px;
  right: 10px;
}

.image-gallery-layout .img-gallery-item:hover figcaption, .image-gallery-layout .img-gallery-item:hover .icon {
  opacity: 1;
}

@media only screen and (width >= 1024px) {
  .img-gallery {
    --gallery-items-per-row: 4;
  }
}

@media only screen and (width >= 769px) and (width <= 1023px) {
  .img-gallery {
    --gallery-items-per-row: 3;
  }
}

@media only screen and (width >= 541px) and (width <= 767px) {
  .img-gallery {
    --gallery-items-per-row: 2;
  }
}

.pills-secondary {
  cursor: pointer;
  border-radius: 50px;
  align-items: center;
  padding: 0 10px;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.inline-table {
  display: inline-table;
}

.table-caption {
  display: table-caption;
}

.table-cell {
  display: table-cell;
}

.table-column {
  display: table-column;
}

.table-column-group {
  display: table-column-group;
}

.table-footer-group {
  display: table-footer-group;
}

.table-header-group {
  display: table-header-group;
}

.table-row-group {
  display: table-row-group;
}

.table-row {
  display: table-row;
}

.flow-root {
  display: flow-root;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

.fr {
  flex-direction: row;
  display: flex;
}

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

.frc {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.fcc {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gap-0 {
  gap: 0;
}

.gap-px {
  gap: 1px;
}

.gap-0_5 {
  gap: 2px;
}

.gap-1 {
  gap: 4px;
}

.gap-1_5 {
  gap: 6px;
}

.gap-2 {
  gap: 8px;
}

.gap-2_5 {
  gap: 10px;
}

.gap-3 {
  gap: 12px;
}

.gap-3_5 {
  gap: 14px;
}

.gap-4 {
  gap: 16px;
}

.gap-5 {
  gap: 20px;
}

.gap-6 {
  gap: 24px;
}

.gap-7 {
  gap: 28px;
}

.gap-8 {
  gap: 32px;
}

.gap-9 {
  gap: 36px;
}

.gap-10 {
  gap: 40px;
}

.compact .gap-0_5 {
  gap: 1px;
}

.compact .gap-1 {
  gap: 2px;
}

.compact .gap-1_5 {
  gap: 3px;
}

.compact .gap-2 {
  gap: 4px;
}

.compact .gap-2_5 {
  gap: 5px;
}

.compact .gap-3 {
  gap: 6px;
}

.compact .gap-3_5 {
  gap: 7px;
}

.compact .gap-4 {
  gap: 8px;
}

.compact .gap-5 {
  gap: 10px;
}

.compact .gap-6 {
  gap: 12px;
}

.compact .gap-7 {
  gap: 14px;
}

.compact .gap-8 {
  gap: 16px;
}

.compact .gap-9 {
  gap: 18px;
}

.compact .gap-10 {
  gap: 20px;
}

.compact .gap-px {
  gap: .5px;
}

.m-0 {
  margin: 0;
}

.m-0_25 {
  margin: 1px;
}

.m-0_5 {
  margin: 2px;
}

.m-1 {
  margin: 4px;
}

.m-1_5 {
  margin: 6px;
}

.m-2 {
  margin: 8px;
}

.m-2_5 {
  margin: 10px;
}

.m-3 {
  margin: 12px;
}

.m-3_5 {
  margin: 14px;
}

.m-4 {
  margin: 16px;
}

.m-5 {
  margin: 20px;
}

.m-6 {
  margin: 24px;
}

.m-7 {
  margin: 28px;
}

.m-8 {
  margin: 32px;
}

.m-9 {
  margin: 36px;
}

.m-10 {
  margin: 40px;
}

.m-11 {
  margin: 44px;
}

.m-12 {
  margin: 48px;
}

.m-14 {
  margin: 56px;
}

.m-16 {
  margin: 64px;
}

.m-20 {
  margin: 80px;
}

.m-auto {
  margin: auto;
}

.-m-0 {
  margin: 0;
}

.-m-0_25 {
  margin: -1px;
}

.-m-0_5 {
  margin: -2px;
}

.-m-1 {
  margin: -4px;
}

.-m-1_5 {
  margin: -6px;
}

.-m-2 {
  margin: -8px;
}

.-m-2_5 {
  margin: -10px;
}

.-m-3 {
  margin: -12px;
}

.-m-3_5 {
  margin: -14px;
}

.-m-4 {
  margin: -16px;
}

.-m-5 {
  margin: -20px;
}

.-m-6 {
  margin: -24px;
}

.-m-7 {
  margin: -28px;
}

.-m-8 {
  margin: -32px;
}

.-m-9 {
  margin: -36px;
}

.-m-10 {
  margin: -40px;
}

.-m-11 {
  margin: -44px;
}

.-m-12 {
  margin: -48px;
}

.-m-14 {
  margin: -56px;
}

.-m-16 {
  margin: -64px;
}

.-m-20 {
  margin: -80px;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.mx-0_25 {
  margin-left: 1px;
  margin-right: 1px;
}

.mx-0_5 {
  margin-left: 2px;
  margin-right: 2px;
}

.mx-1 {
  margin-left: 4px;
  margin-right: 4px;
}

.mx-1_5 {
  margin-left: 6px;
  margin-right: 6px;
}

.mx-2 {
  margin-left: 8px;
  margin-right: 8px;
}

.mx-2_5 {
  margin-left: 10px;
  margin-right: 10px;
}

.mx-3 {
  margin-left: 12px;
  margin-right: 12px;
}

.mx-3_5 {
  margin-left: 14px;
  margin-right: 14px;
}

.mx-4 {
  margin-left: 16px;
  margin-right: 16px;
}

.mx-5 {
  margin-left: 20px;
  margin-right: 20px;
}

.mx-6 {
  margin-left: 24px;
  margin-right: 24px;
}

.mx-7 {
  margin-left: 28px;
  margin-right: 28px;
}

.mx-8 {
  margin-left: 32px;
  margin-right: 32px;
}

.mx-9 {
  margin-left: 36px;
  margin-right: 36px;
}

.mx-10 {
  margin-left: 40px;
  margin-right: 40px;
}

.mx-11 {
  margin-left: 44px;
  margin-right: 44px;
}

.mx-12 {
  margin-left: 48px;
  margin-right: 48px;
}

.mx-14 {
  margin-left: 56px;
  margin-right: 56px;
}

.mx-16 {
  margin-left: 64px;
  margin-right: 64px;
}

.mx-20 {
  margin-left: 80px;
  margin-right: 80px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.-mx-0_25 {
  margin-left: -1px;
  margin-right: -1px;
}

.-mx-0_5 {
  margin-left: -2px;
  margin-right: -2px;
}

.-mx-1 {
  margin-left: -4px;
  margin-right: -4px;
}

.-mx-1_5 {
  margin-left: -6px;
  margin-right: -6px;
}

.-mx-2 {
  margin-left: -8px;
  margin-right: -8px;
}

.-mx-2_5 {
  margin-left: -10px;
  margin-right: -10px;
}

.-mx-3 {
  margin-left: -12px;
  margin-right: -12px;
}

.-mx-3_5 {
  margin-left: -14px;
  margin-right: -14px;
}

.-mx-4 {
  margin-left: -16px;
  margin-right: -16px;
}

.-mx-5 {
  margin-left: -20px;
  margin-right: -20px;
}

.-mx-6 {
  margin-left: -24px;
  margin-right: -24px;
}

.-mx-7 {
  margin-left: -28px;
  margin-right: -28px;
}

.-mx-8 {
  margin-left: -32px;
  margin-right: -32px;
}

.-mx-9 {
  margin-left: -36px;
  margin-right: -36px;
}

.-mx-10 {
  margin-left: -40px;
  margin-right: -40px;
}

.-mx-11 {
  margin-left: -44px;
  margin-right: -44px;
}

.-mx-12 {
  margin-left: -48px;
  margin-right: -48px;
}

.-mx-14 {
  margin-left: -56px;
  margin-right: -56px;
}

.-mx-16 {
  margin-left: -64px;
  margin-right: -64px;
}

.-mx-20 {
  margin-left: -80px;
  margin-right: -80px;
}

.my-0_25 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-0_5 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.my-1 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.my-1_5 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-2_5 {
  margin-top: 8px;
  margin-bottom: 10px;
}

.my-3 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.my-4 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.my-5 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-6 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.my-7 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.my-8 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.my-9 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.my-10 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.my-11 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.my-12 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.my-14 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.my-16 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.my-18 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.my-20 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.-my-0_5 {
  margin-top: -2px;
  margin-bottom: -2px;
}

.-my-1 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.-my-1_5 {
  margin-top: -6px;
  margin-bottom: -6px;
}

.-my-2 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.-my-2_5 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.-my-3 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.-my-4 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.-my-5 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.-my-6 {
  margin-top: -24px;
  margin-bottom: -24px;
}

.-my-7 {
  margin-top: -28px;
  margin-bottom: -28px;
}

.-my-8 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.-my-9 {
  margin-top: -36px;
  margin-bottom: -36px;
}

.-my-10 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.-my-11 {
  margin-top: -44px;
  margin-bottom: -44px;
}

.-my-12 {
  margin-top: -48px;
  margin-bottom: -48px;
}

.-my-14 {
  margin-top: -56px;
  margin-bottom: -56px;
}

.-my-16 {
  margin-top: -64px;
  margin-bottom: -64px;
}

.-my-18 {
  margin-top: -72px;
  margin-bottom: -72px;
}

.-my-20 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.-mb-0 {
  margin-bottom: 0;
}

.-mb-0_5 {
  margin-bottom: -2px;
}

.-mb-1 {
  margin-bottom: -4px;
}

.-mb-1_5 {
  margin-bottom: -6px;
}

.-mb-2 {
  margin-bottom: -8px;
}

.-mb-2_5 {
  margin-bottom: -10px;
}

.-mb-3 {
  margin-bottom: -12px;
}

.-mb-3_5 {
  margin-bottom: -14px;
}

.-mb-4 {
  margin-bottom: -16px;
}

.-mb-5 {
  margin-bottom: -20px;
}

.-mb-6 {
  margin-bottom: -24px;
}

.-mb-7 {
  margin-bottom: -28px;
}

.-mb-8 {
  margin-bottom: -32px;
}

.-mb-9 {
  margin-bottom: -36px;
}

.-mb-10 {
  margin-bottom: -40px;
}

.-mb-11 {
  margin-bottom: -44px;
}

.-mb-12 {
  margin-bottom: -48px;
}

.-mb-14 {
  margin-bottom: -56px;
}

.-mb-16 {
  margin-bottom: -64px;
}

.-mb-20 {
  margin-bottom: -80px;
}

.-ml-0 {
  margin-left: 0;
}

.-ml-0_5 {
  margin-left: -2px;
}

.-ml-1 {
  margin-left: -4px;
}

.-ml-1_5 {
  margin-left: -6px;
}

.-ml-2 {
  margin-left: -8px;
}

.-ml-2_5 {
  margin-left: -10px;
}

.-ml-3 {
  margin-left: -12px;
}

.-ml-3_5 {
  margin-left: -14px;
}

.-ml-4 {
  margin-left: -16px;
}

.-ml-5 {
  margin-left: -20px;
}

.-ml-6 {
  margin-left: -24px;
}

.-ml-7 {
  margin-left: -28px;
}

.-ml-8 {
  margin-left: -32px;
}

.-ml-9 {
  margin-left: -36px;
}

.-ml-10 {
  margin-left: -40px;
}

.-ml-11 {
  margin-left: -44px;
}

.-ml-12 {
  margin-left: -48px;
}

.-ml-14 {
  margin-left: -56px;
}

.-ml-16 {
  margin-left: -64px;
}

.-ml-20 {
  margin-left: -80px;
}

.-ml-24 {
  margin-left: -96px;
}

.-ml-28 {
  margin-left: -112px;
}

.-mr-0 {
  margin-right: 0;
}

.-mr-0_25 {
  margin-right: -1px;
}

.-mr-0_5 {
  margin-right: -2px;
}

.-mr-1 {
  margin-right: -4px;
}

.-mr-1_5 {
  margin-right: -6px;
}

.-mr-2 {
  margin-right: -8px;
}

.-mr-2_5 {
  margin-right: -10px;
}

.-mr-3 {
  margin-right: -12px;
}

.-mr-3_5 {
  margin-right: -14px;
}

.-mr-4 {
  margin-right: -16px;
}

.-mr-5 {
  margin-right: -20px;
}

.-mr-6 {
  margin-right: -24px;
}

.-mr-7 {
  margin-right: -28px;
}

.-mr-8 {
  margin-right: -32px;
}

.-mr-9 {
  margin-right: -36px;
}

.-mr-10 {
  margin-right: -40px;
}

.-mr-11 {
  margin-right: -44px;
}

.-mr-12 {
  margin-right: -48px;
}

.-mr-14 {
  margin-right: -56px;
}

.-mr-16 {
  margin-right: -64px;
}

.-mr-20 {
  margin-right: -80px;
}

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

.-mt-0_25 {
  margin-top: -1px;
}

.-mt-0_5 {
  margin-top: -2px;
}

.-mt-1 {
  margin-top: -4px;
}

.-mt-1_5 {
  margin-top: -6px;
}

.-mt-2 {
  margin-top: -8px;
}

.-mt-2_5 {
  margin-top: -10px;
}

.-mt-3 {
  margin-top: -12px;
}

.-mt-3_5 {
  margin-top: -14px;
}

.-mt-4 {
  margin-top: -16px;
}

.-mt-5 {
  margin-top: -20px;
}

.-mt-6 {
  margin-top: -24px;
}

.-mt-7 {
  margin-top: -28px;
}

.-mt-8 {
  margin-top: -32px;
}

.-mt-9 {
  margin-top: -36px;
}

.-mt-10 {
  margin-top: -40px;
}

.-mt-11 {
  margin-top: -44px;
}

.-mt-12 {
  margin-top: -48px;
}

.-mt-14 {
  margin-top: -56px;
}

.-mt-16 {
  margin-top: -64px;
}

.-mt-20 {
  margin-top: -80px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-0_25 {
  margin-bottom: 1px;
}

.mb-0_5 {
  margin-bottom: 2px;
}

.mb-1 {
  margin-bottom: 4px;
}

.mb-1_5 {
  margin-bottom: 6px;
}

.mb-2 {
  margin-bottom: 8px;
}

.mb-2_5 {
  margin-bottom: 10px;
}

.mb-3 {
  margin-bottom: 12px;
}

.mb-3_5 {
  margin-bottom: 14px;
}

.mb-4 {
  margin-bottom: 16px;
}

.mb-5 {
  margin-bottom: 20px;
}

.mb-6 {
  margin-bottom: 24px;
}

.mb-7 {
  margin-bottom: 28px;
}

.mb-8 {
  margin-bottom: 32px;
}

.mb-9 {
  margin-bottom: 36px;
}

.mb-10 {
  margin-bottom: 40px;
}

.mb-11 {
  margin-bottom: 44px;
}

.mb-12 {
  margin-bottom: 48px;
}

.mb-14 {
  margin-bottom: 56px;
}

.mb-16 {
  margin-bottom: 64px;
}

.mb-20 {
  margin-bottom: 80px;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-0 {
  margin-left: 0;
}

.ml-0_25 {
  margin-left: 1px;
}

.ml-0_5 {
  margin-left: 2px;
}

.ml-1 {
  margin-left: 4px;
}

.ml-1_5 {
  margin-left: 6px;
}

.ml-2 {
  margin-left: 8px;
}

.ml-2_5 {
  margin-left: 10px;
}

.ml-3 {
  margin-left: 12px;
}

.ml-3_5 {
  margin-left: 14px;
}

.ml-4 {
  margin-left: 16px;
}

.ml-5 {
  margin-left: 20px;
}

.ml-6 {
  margin-left: 24px;
}

.ml-7 {
  margin-left: 28px;
}

.ml-8 {
  margin-left: 32px;
}

.ml-9 {
  margin-left: 36px;
}

.ml-10 {
  margin-left: 40px;
}

.ml-11 {
  margin-left: 44px;
}

.ml-12 {
  margin-left: 48px;
}

.ml-14 {
  margin-left: 56px;
}

.ml-16 {
  margin-left: 64px;
}

.ml-20 {
  margin-left: 80px;
}

.ml-auto {
  margin-left: auto;
}

.mr-0 {
  margin-right: 0;
}

.mr-0_25 {
  margin-right: 1px;
}

.mr-0_5 {
  margin-right: 2px;
}

.mr-1 {
  margin-right: 4px;
}

.mr-1_5 {
  margin-right: 6px;
}

.mr-2 {
  margin-right: 8px;
}

.mr-2_5 {
  margin-right: 10px;
}

.mr-3 {
  margin-right: 12px;
}

.mr-3_5 {
  margin-right: 14px;
}

.mr-4 {
  margin-right: 16px;
}

.mr-5 {
  margin-right: 20px;
}

.mr-6 {
  margin-right: 24px;
}

.mr-7 {
  margin-right: 28px;
}

.mr-8 {
  margin-right: 32px;
}

.mr-9 {
  margin-right: 36px;
}

.mr-10 {
  margin-right: 40px;
}

.mr-11 {
  margin-right: 44px;
}

.mr-12 {
  margin-right: 48px;
}

.mr-14 {
  margin-right: 56px;
}

.mr-16 {
  margin-right: 64px;
}

.mr-20 {
  margin-right: 80px;
}

.mr-auto {
  margin-right: auto;
}

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

.mt-0_25 {
  margin-top: 1px;
}

.mt-0_5 {
  margin-top: 2px;
}

.mt-1 {
  margin-top: 4px;
}

.mt-1_5 {
  margin-top: 6px;
}

.mt-2, .mt-2_5 {
  margin-top: 8px;
}

.mt-3 {
  margin-top: 12px;
}

.mt-3_5 {
  margin-top: 14px;
}

.mt-4 {
  margin-top: 16px;
}

.mt-5 {
  margin-top: 20px;
}

.mt-6 {
  margin-top: 24px;
}

.mt-7 {
  margin-top: 28px;
}

.mt-8 {
  margin-top: 32px;
}

.mt-9 {
  margin-top: 36px;
}

.mt-10 {
  margin-top: 40px;
}

.mt-11 {
  margin-top: 44px;
}

.mt-12 {
  margin-top: 48px;
}

.mt-14 {
  margin-top: 56px;
}

.mt-16 {
  margin-top: 64px;
}

.mt-20 {
  margin-top: 80px;
}

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

.compact .m-0 {
  margin: 0;
}

.compact .m-0_25 {
  margin: .5px;
}

.compact .m-0_5 {
  margin: 1px;
}

.compact .m-1 {
  margin: 2px;
}

.compact .m-1_5 {
  margin: 3px;
}

.compact .m-2 {
  margin: 4px;
}

.compact .m-2_5 {
  margin: 5px;
}

.compact .m-3 {
  margin: 6px;
}

.compact .m-3_5 {
  margin: 7px;
}

.compact .m-4 {
  margin: 8px;
}

.compact .m-5 {
  margin: 10px;
}

.compact .m-6 {
  margin: 12px;
}

.compact .m-7 {
  margin: 14px;
}

.compact .m-8 {
  margin: 16px;
}

.compact .m-9 {
  margin: 18px;
}

.compact .m-10 {
  margin: 20px;
}

.compact .m-11 {
  margin: 22px;
}

.compact .m-12 {
  margin: 24px;
}

.compact .m-14 {
  margin: 28px;
}

.compact .m-16 {
  margin: 32px;
}

.compact .m-20 {
  margin: 40px;
}

.compact .m-auto {
  margin: auto;
}

.compact .-m-0 {
  margin: 0;
}

.compact .-m-0_25 {
  margin: -.5px;
}

.compact .-m-0_5 {
  margin: -1px;
}

.compact .-m-1 {
  margin: -2px;
}

.compact .-m-1_5 {
  margin: -3px;
}

.compact .-m-2 {
  margin: -4px;
}

.compact .-m-2_5 {
  margin: -5px;
}

.compact .-m-3 {
  margin: -6px;
}

.compact .-m-3_5 {
  margin: -7px;
}

.compact .-m-4 {
  margin: -8px;
}

.compact .-m-5 {
  margin: -10px;
}

.compact .-m-6 {
  margin: -12px;
}

.compact .-m-7 {
  margin: -14px;
}

.compact .-m-8 {
  margin: -16px;
}

.compact .-m-9 {
  margin: -18px;
}

.compact .-m-10 {
  margin: -20px;
}

.compact .-m-11 {
  margin: -22px;
}

.compact .-m-12 {
  margin: -24px;
}

.compact .-m-14 {
  margin: -28px;
}

.compact .-m-16 {
  margin: -32px;
}

.compact .-m-20 {
  margin: -40px;
}

.compact .mx-0_25 {
  margin-left: .5px;
  margin-right: .5px;
}

.compact .mx-0_5 {
  margin-left: 1px;
  margin-right: 1px;
}

.compact .mx-1 {
  margin-left: 2px;
  margin-right: 2px;
}

.compact .mx-1_5 {
  margin-left: 3px;
  margin-right: 3px;
}

.compact .mx-2 {
  margin-left: 4px;
  margin-right: 4px;
}

.compact .mx-2_5 {
  margin-left: 5px;
  margin-right: 5px;
}

.compact .mx-3 {
  margin-left: 6px;
  margin-right: 6px;
}

.compact .mx-3_5 {
  margin-left: 7px;
  margin-right: 7px;
}

.compact .mx-4 {
  margin-left: 8px;
  margin-right: 8px;
}

.compact .mx-5 {
  margin-left: 10px;
  margin-right: 10px;
}

.compact .mx-6 {
  margin-left: 12px;
  margin-right: 12px;
}

.compact .mx-7 {
  margin-left: 14px;
  margin-right: 14px;
}

.compact .mx-8 {
  margin-left: 16px;
  margin-right: 16px;
}

.compact .mx-9 {
  margin-left: 18px;
  margin-right: 18px;
}

.compact .mx-10 {
  margin-left: 20px;
  margin-right: 20px;
}

.compact .mx-11 {
  margin-left: 22px;
  margin-right: 22px;
}

.compact .mx-12 {
  margin-left: 24px;
  margin-right: 24px;
}

.compact .mx-14 {
  margin-left: 28px;
  margin-right: 28px;
}

.compact .mx-16 {
  margin-left: 32px;
  margin-right: 32px;
}

.compact .mx-20 {
  margin-left: 40px;
  margin-right: 40px;
}

.compact .-mx-0_25 {
  margin-left: -.5px;
  margin-right: -.5px;
}

.compact .-mx-0_5 {
  margin-left: -1px;
  margin-right: -1px;
}

.compact .-mx-1 {
  margin-left: -2px;
  margin-right: -2px;
}

.compact .-mx-1_5 {
  margin-left: -3px;
  margin-right: -3px;
}

.compact .-mx-2 {
  margin-left: -4px;
  margin-right: -4px;
}

.compact .-mx-2_5 {
  margin-left: -5px;
  margin-right: -5px;
}

.compact .-mx-3 {
  margin-left: -6px;
  margin-right: -6px;
}

.compact .-mx-3_5 {
  margin-left: -7px;
  margin-right: -7px;
}

.compact .-mx-4 {
  margin-left: -8px;
  margin-right: -8px;
}

.compact .-mx-5 {
  margin-left: -10px;
  margin-right: -10px;
}

.compact .-mx-6 {
  margin-left: -12px;
  margin-right: -12px;
}

.compact .-mx-7 {
  margin-left: -14px;
  margin-right: -14px;
}

.compact .-mx-8 {
  margin-left: -16px;
  margin-right: -16px;
}

.compact .-mx-9 {
  margin-left: -18px;
  margin-right: -18px;
}

.compact .-mx-10 {
  margin-left: -20px;
  margin-right: -20px;
}

.compact .-mx-11 {
  margin-left: -22px;
  margin-right: -22px;
}

.compact .-mx-12 {
  margin-left: -24px;
  margin-right: -24px;
}

.compact .-mx-14 {
  margin-left: -28px;
  margin-right: -28px;
}

.compact .-mx-16 {
  margin-left: -32px;
  margin-right: -32px;
}

.compact .-mx-20 {
  margin-left: -40px;
  margin-right: -40px;
}

.compact .my-0_25 {
  margin-top: .5px;
  margin-bottom: .5px;
}

.compact .my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.compact .my-0_5 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.compact .my-1 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.compact .my-1_5 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.compact .my-2 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.compact .my-2_5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.compact .my-3 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.compact .my-4 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.compact .my-5 {
  margin-top: 8px;
  margin-bottom: 10px;
}

.compact .my-6 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.compact .my-7 {
  margin-top: 14px;
  margin-bottom: 14px;
}

.compact .my-8 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.compact .my-9 {
  margin-top: 18px;
  margin-bottom: 18px;
}

.compact .my-10 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.compact .my-11 {
  margin-top: 22px;
  margin-bottom: 22px;
}

.compact .my-12 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.compact .my-14 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.compact .my-16 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.compact .my-18 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.compact .my-20 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.compact .-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.compact .-my-0_5 {
  margin-top: -1px;
  margin-bottom: -1px;
}

.compact .-my-1 {
  margin-top: -2px;
  margin-bottom: -2px;
}

.compact .-my-1_5 {
  margin-top: -3px;
  margin-bottom: -3px;
}

.compact .-my-2 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.compact .-my-2_5 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.compact .-my-3 {
  margin-top: -6px;
  margin-bottom: -6px;
}

.compact .-my-4 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.compact .-my-5 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.compact .-my-6 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.compact .-my-7 {
  margin-top: -14px;
  margin-bottom: -14px;
}

.compact .-my-8 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.compact .-my-9 {
  margin-top: -18px;
  margin-bottom: -18px;
}

.compact .-my-10 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.compact .-my-11 {
  margin-top: -22px;
  margin-bottom: -22px;
}

.compact .-my-12 {
  margin-top: -24px;
  margin-bottom: -24px;
}

.compact .-my-14 {
  margin-top: -28px;
  margin-bottom: -28px;
}

.compact .-my-16 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.compact .-my-18 {
  margin-top: -36px;
  margin-bottom: -36px;
}

.compact .-my-20 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.compact .-mb-0 {
  margin-bottom: 0;
}

.compact .-mb-0_5 {
  margin-bottom: -1px;
}

.compact .-mb-1 {
  margin-bottom: -2px;
}

.compact .-mb-1_5 {
  margin-bottom: -3px;
}

.compact .-mb-2 {
  margin-bottom: -4px;
}

.compact .-mb-2_5 {
  margin-bottom: -5px;
}

.compact .-mb-3 {
  margin-bottom: -6px;
}

.compact .-mb-3_5 {
  margin-bottom: -7px;
}

.compact .-mb-4 {
  margin-bottom: -8px;
}

.compact .-mb-5 {
  margin-bottom: -10px;
}

.compact .-mb-6 {
  margin-bottom: -12px;
}

.compact .-mb-7 {
  margin-bottom: -14px;
}

.compact .-mb-8 {
  margin-bottom: -16px;
}

.compact .-mb-9 {
  margin-bottom: -18px;
}

.compact .-mb-10 {
  margin-bottom: -20px;
}

.compact .-mb-11 {
  margin-bottom: -22px;
}

.compact .-mb-12 {
  margin-bottom: -24px;
}

.compact .-mb-14 {
  margin-bottom: -28px;
}

.compact .-mb-16 {
  margin-bottom: -32px;
}

.compact .-mb-20 {
  margin-bottom: -40px;
}

.compact .-ml-0 {
  margin-left: 0;
}

.compact .-ml-0_5 {
  margin-left: -1px;
}

.compact .-ml-1 {
  margin-left: -2px;
}

.compact .-ml-1_5 {
  margin-left: -3px;
}

.compact .-ml-2 {
  margin-left: -4px;
}

.compact .-ml-2_5 {
  margin-left: -5px;
}

.compact .-ml-3 {
  margin-left: -6px;
}

.compact .-ml-3_5 {
  margin-left: -7px;
}

.compact .-ml-4 {
  margin-left: -8px;
}

.compact .-ml-5 {
  margin-left: -10px;
}

.compact .-ml-6 {
  margin-left: -12px;
}

.compact .-ml-7 {
  margin-left: -14px;
}

.compact .-ml-8 {
  margin-left: -16px;
}

.compact .-ml-9 {
  margin-left: -18px;
}

.compact .-ml-10 {
  margin-left: -20px;
}

.compact .-ml-11 {
  margin-left: -22px;
}

.compact .-ml-12 {
  margin-left: -24px;
}

.compact .-ml-14 {
  margin-left: -28px;
}

.compact .-ml-16 {
  margin-left: -32px;
}

.compact .-ml-20 {
  margin-left: -40px;
}

.compact .-mr-0 {
  margin-right: 0;
}

.compact .-mr-0_25 {
  margin-right: -1px;
}

.compact .-mr-0_5 {
  margin-right: -2px;
}

.compact .-mr-1 {
  margin-right: -4px;
}

.compact .-mr-1_5 {
  margin-right: -6px;
}

.compact .-mr-2 {
  margin-right: -8px;
}

.compact .-mr-2_5 {
  margin-right: -10px;
}

.compact .-mr-3 {
  margin-right: -12px;
}

.compact .-mr-3_5 {
  margin-right: -14px;
}

.compact .-mr-4 {
  margin-right: -16px;
}

.compact .-mr-5 {
  margin-right: -20px;
}

.compact .-mr-6 {
  margin-right: -24px;
}

.compact .-mr-7 {
  margin-right: -28px;
}

.compact .-mr-8 {
  margin-right: -32px;
}

.compact .-mr-9 {
  margin-right: -36px;
}

.compact .-mr-10 {
  margin-right: -40px;
}

.compact .-mr-11 {
  margin-right: -44px;
}

.compact .-mr-12 {
  margin-right: -48px;
}

.compact .-mr-14 {
  margin-right: -56px;
}

.compact .-mr-16 {
  margin-right: -64px;
}

.compact .-mr-20 {
  margin-right: -80px;
}

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

.compact .-mt-0_25 {
  margin-top: -1px;
}

.compact .-mt-0_5 {
  margin-top: -2px;
}

.compact .-mt-1 {
  margin-top: -4px;
}

.compact .-mt-1_5 {
  margin-top: -6px;
}

.compact .-mt-2 {
  margin-top: -8px;
}

.compact .-mt-2_5 {
  margin-top: -10px;
}

.compact .-mt-3 {
  margin-top: -12px;
}

.compact .-mt-3_5 {
  margin-top: -14px;
}

.compact .-mt-4 {
  margin-top: -16px;
}

.compact .-mt-5 {
  margin-top: -20px;
}

.compact .-mt-6 {
  margin-top: -24px;
}

.compact .-mt-7 {
  margin-top: -28px;
}

.compact .-mt-8 {
  margin-top: -32px;
}

.compact .-mt-9 {
  margin-top: -36px;
}

.compact .-mt-10 {
  margin-top: -40px;
}

.compact .-mt-11 {
  margin-top: -44px;
}

.compact .-mt-12 {
  margin-top: -48px;
}

.compact .-mt-14 {
  margin-top: -56px;
}

.compact .-mt-16 {
  margin-top: -64px;
}

.compact .-mt-20 {
  margin-top: -80px;
}

.compact .mb-0 {
  margin-bottom: 0;
}

.compact .mb-0_25 {
  margin-bottom: 1px;
}

.compact .mb-0_5 {
  margin-bottom: 2px;
}

.compact .mb-1 {
  margin-bottom: 4px;
}

.compact .mb-1_5 {
  margin-bottom: 6px;
}

.compact .mb-2 {
  margin-bottom: 8px;
}

.compact .mb-2_5 {
  margin-bottom: 10px;
}

.compact .mb-3 {
  margin-bottom: 12px;
}

.compact .mb-3_5 {
  margin-bottom: 14px;
}

.compact .mb-4 {
  margin-bottom: 16px;
}

.compact .mb-5 {
  margin-bottom: 20px;
}

.compact .mb-6 {
  margin-bottom: 24px;
}

.compact .mb-7 {
  margin-bottom: 28px;
}

.compact .mb-8 {
  margin-bottom: 32px;
}

.compact .mb-9 {
  margin-bottom: 36px;
}

.compact .mb-10 {
  margin-bottom: 40px;
}

.compact .mb-11 {
  margin-bottom: 44px;
}

.compact .mb-12 {
  margin-bottom: 48px;
}

.compact .mb-14 {
  margin-bottom: 56px;
}

.compact .mb-16 {
  margin-bottom: 64px;
}

.compact .mb-20 {
  margin-bottom: 80px;
}

.compact .mb-auto {
  margin-bottom: auto;
}

.compact .ml-0 {
  margin-left: 0;
}

.compact .ml-0_25 {
  margin-left: 1px;
}

.compact .ml-0_5 {
  margin-left: 2px;
}

.compact .ml-1 {
  margin-left: 4px;
}

.compact .ml-1_5 {
  margin-left: 6px;
}

.compact .ml-2 {
  margin-left: 8px;
}

.compact .ml-2_5 {
  margin-left: 10px;
}

.compact .ml-3 {
  margin-left: 12px;
}

.compact .ml-3_5 {
  margin-left: 14px;
}

.compact .ml-4 {
  margin-left: 16px;
}

.compact .ml-5 {
  margin-left: 20px;
}

.compact .ml-6 {
  margin-left: 24px;
}

.compact .ml-7 {
  margin-left: 28px;
}

.compact .ml-8 {
  margin-left: 32px;
}

.compact .ml-9 {
  margin-left: 36px;
}

.compact .ml-10 {
  margin-left: 40px;
}

.compact .ml-11 {
  margin-left: 44px;
}

.compact .ml-12 {
  margin-left: 48px;
}

.compact .ml-14 {
  margin-left: 56px;
}

.compact .ml-16 {
  margin-left: 64px;
}

.compact .ml-20 {
  margin-left: 80px;
}

.compact .ml-auto {
  margin-left: auto;
}

.p-0 {
  padding: 0;
}

.p-0_25 {
  padding: 1px;
}

.p-0_5 {
  padding: 2px;
}

.p-1 {
  padding: 4px;
}

.p-1_5 {
  padding: 6px;
}

.p-2 {
  padding: 8px;
}

.p-2_5 {
  padding: 10px;
}

.p-3 {
  padding: 12px;
}

.p-3_5 {
  padding: 14px;
}

.p-4 {
  padding: 16px;
}

.p-5 {
  padding: 20px;
}

.p-6 {
  padding: 24px;
}

.p-7 {
  padding: 28px;
}

.p-8 {
  padding: 32px;
}

.p-9 {
  padding: 36px;
}

.p-10 {
  padding: 40px;
}

.p-11 {
  padding: 44px;
}

.p-12 {
  padding: 48px;
}

.p-14 {
  padding: 56px;
}

.p-16 {
  padding: 64px;
}

.p-20 {
  padding: 80px;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-0_25 {
  padding-left: 1px;
  padding-right: 1px;
}

.px-0_5 {
  padding-left: 2px;
  padding-right: 2px;
}

.px-1 {
  padding-left: 4px;
  padding-right: 4px;
}

.px-1_5 {
  padding-left: 6px;
  padding-right: 6px;
}

.px-2 {
  padding-left: 8px;
  padding-right: 8px;
}

.px-2_5 {
  padding-left: 10px;
  padding-right: 10px;
}

.px-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.px-3_5 {
  padding-left: 14px;
  padding-right: 14px;
}

.px-4 {
  padding-left: 16px;
  padding-right: 16px;
}

.px-5 {
  padding-left: 20px;
  padding-right: 20px;
}

.px-6 {
  padding-left: 24px;
  padding-right: 24px;
}

.px-7 {
  padding-left: 28px;
  padding-right: 28px;
}

.px-8 {
  padding-left: 32px;
  padding-right: 32px;
}

.px-9 {
  padding-left: 36px;
  padding-right: 36px;
}

.px-10 {
  padding-left: 40px;
  padding-right: 40px;
}

.px-11 {
  padding-left: 44px;
  padding-right: 44px;
}

.px-12 {
  padding-left: 48px;
  padding-right: 48px;
}

.px-14 {
  padding-left: 56px;
  padding-right: 56px;
}

.px-16 {
  padding-left: 64px;
  padding-right: 64px;
}

.px-20 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-0_25 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.py-0_5 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.py-1_5 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-2_5 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-3_5 {
  padding-top: 14px;
  padding-bottom: 14px;
}

.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.py-20 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-0_25 {
  padding-bottom: 1px;
}

.pb-0_5 {
  padding-bottom: 2px;
}

.pb-1 {
  padding-bottom: 4px;
}

.pb-1_5 {
  padding-bottom: 6px;
}

.pb-2 {
  padding-bottom: 8px;
}

.pb-2_5 {
  padding-bottom: 10px;
}

.pb-3 {
  padding-bottom: 12px;
}

.pb-3_5 {
  padding-bottom: 14px;
}

.pb-4 {
  padding-bottom: 16px;
}

.pb-5 {
  padding-bottom: 20px;
}

.pb-6 {
  padding-bottom: 24px;
}

.pb-7 {
  padding-bottom: 28px;
}

.pb-8 {
  padding-bottom: 32px;
}

.pb-9 {
  padding-bottom: 36px;
}

.pb-10 {
  padding-bottom: 40px;
}

.pb-11 {
  padding-bottom: 44px;
}

.pb-12 {
  padding-bottom: 48px;
}

.pb-14 {
  padding-bottom: 56px;
}

.pb-16 {
  padding-bottom: 64px;
}

.pb-20 {
  padding-bottom: 80px;
}

.pl-0 {
  padding-left: 0;
}

.pl-0_25 {
  padding-left: 1px;
}

.pl-0_5 {
  padding-left: 2px;
}

.pl-1 {
  padding-left: 4px;
}

.pl-1_5 {
  padding-left: 6px;
}

.pl-2 {
  padding-left: 8px;
}

.pl-2_5 {
  padding-left: 10px;
}

.pl-3 {
  padding-left: 12px;
}

.pl-3_5 {
  padding-left: 14px;
}

.pl-4 {
  padding-left: 16px;
}

.pl-5 {
  padding-left: 20px;
}

.pl-6 {
  padding-left: 24px;
}

.pl-7 {
  padding-left: 28px;
}

.pl-8 {
  padding-left: 32px;
}

.pl-9 {
  padding-left: 36px;
}

.pl-10 {
  padding-left: 40px;
}

.pl-11 {
  padding-left: 44px;
}

.pl-12 {
  padding-left: 48px;
}

.pl-14 {
  padding-left: 56px;
}

.pl-16 {
  padding-left: 64px;
}

.pl-20 {
  padding-left: 80px;
}

.pr-0 {
  padding-right: 0;
}

.pr-0_25 {
  padding-right: 1px;
}

.pr-0_5 {
  padding-right: 2px;
}

.pr-1 {
  padding-right: 4px;
}

.pr-1_5 {
  padding-right: 6px;
}

.pr-2 {
  padding-right: 8px;
}

.pr-2_5 {
  padding-right: 10px;
}

.pr-3 {
  padding-right: 12px;
}

.pr-3_5 {
  padding-right: 14px;
}

.pr-4 {
  padding-right: 16px;
}

.pr-5 {
  padding-right: 20px;
}

.pr-6 {
  padding-right: 24px;
}

.pr-7 {
  padding-right: 28px;
}

.pr-8 {
  padding-right: 32px;
}

.pr-9 {
  padding-right: 36px;
}

.pr-10 {
  padding-right: 40px;
}

.pr-11 {
  padding-right: 44px;
}

.pr-12 {
  padding-right: 48px;
}

.pr-14 {
  padding-right: 56px;
}

.pr-16 {
  padding-right: 64px;
}

.pr-20 {
  padding-right: 80px;
}

.pt-0 {
  padding-top: 0;
}

.pt-0_25 {
  padding-top: 1px;
}

.pt-0_5 {
  padding-top: 2px;
}

.pt-1 {
  padding-top: 4px;
}

.pt-1_5 {
  padding-top: 6px;
}

.pt-2 {
  padding-top: 8px;
}

.pt-2_5 {
  padding-top: 10px;
}

.pt-3 {
  padding-top: 12px;
}

.pt-3_5 {
  padding-top: 14px;
}

.pt-4 {
  padding-top: 16px;
}

.pt-5 {
  padding-top: 20px;
}

.pt-6 {
  padding-top: 24px;
}

.pt-7 {
  padding-top: 28px;
}

.pt-8 {
  padding-top: 32px;
}

.pt-9 {
  padding-top: 36px;
}

.pt-10 {
  padding-top: 40px;
}

.pt-11 {
  padding-top: 44px;
}

.pt-12 {
  padding-top: 48px;
}

.pt-14 {
  padding-top: 56px;
}

.pt-16 {
  padding-top: 64px;
}

.pt-20 {
  padding-top: 80px;
}

.compact .p-0 {
  padding: 0;
}

.compact .p-0_25 {
  padding: .5px;
}

.compact .p-0_5 {
  padding: 1px;
}

.compact .p-1 {
  padding: 2px;
}

.compact .p-1_5 {
  padding: 3px;
}

.compact .p-2 {
  padding: 4px;
}

.compact .p-2_5 {
  padding: 5px;
}

.compact .p-3 {
  padding: 6px;
}

.compact .p-3_5 {
  padding: 7px;
}

.compact .p-4 {
  padding: 8px;
}

.compact .p-5 {
  padding: 10px;
}

.compact .p-6 {
  padding: 12px;
}

.compact .p-7 {
  padding: 14px;
}

.compact .p-8 {
  padding: 16px;
}

.compact .p-9 {
  padding: 18px;
}

.compact .p-10 {
  padding: 20px;
}

.compact .p-11 {
  padding: 22px;
}

.compact .p-12 {
  padding: 24px;
}

.compact .p-14 {
  padding: 28px;
}

.compact .p-16 {
  padding: 32px;
}

.compact .p-20 {
  padding: 40px;
}

.compact .px-0 {
  padding-left: 0;
  padding-right: 0;
}

.compact .px-0_25 {
  padding-left: .5px;
  padding-right: .5px;
}

.compact .px-0_5 {
  padding-left: 1px;
  padding-right: 1px;
}

.compact .px-1 {
  padding-left: 2px;
  padding-right: 2px;
}

.compact .px-1_5 {
  padding-left: 3px;
  padding-right: 3px;
}

.compact .px-2 {
  padding-left: 4px;
  padding-right: 4px;
}

.compact .px-2_5 {
  padding-left: 5px;
  padding-right: 5px;
}

.compact .px-3 {
  padding-left: 6px;
  padding-right: 6px;
}

.compact .px-3_5 {
  padding-left: 7px;
  padding-right: 7px;
}

.compact .px-4 {
  padding-left: 8px;
  padding-right: 8px;
}

.compact .px-5 {
  padding-left: 10px;
  padding-right: 10px;
}

.compact .px-6 {
  padding-left: 12px;
  padding-right: 12px;
}

.compact .px-7 {
  padding-left: 14px;
  padding-right: 14px;
}

.compact .px-8 {
  padding-left: 16px;
  padding-right: 16px;
}

.compact .px-9 {
  padding-left: 18px;
  padding-right: 18px;
}

.compact .px-10 {
  padding-left: 20px;
  padding-right: 20px;
}

.compact .px-11 {
  padding-left: 22px;
  padding-right: 22px;
}

.compact .px-12 {
  padding-left: 24px;
  padding-right: 24px;
}

.compact .px-14 {
  padding-left: 28px;
  padding-right: 28px;
}

.compact .px-16 {
  padding-left: 32px;
  padding-right: 32px;
}

.compact .px-20 {
  padding-left: 40px;
  padding-right: 40px;
}

.compact .py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.compact .py-0_25 {
  padding-top: .5px;
  padding-bottom: .5px;
}

.compact .py-0_5 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.compact .py-1 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.compact .py-1_5 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.compact .py-2 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.compact .py-2_5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.compact .py-3 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.compact .py-3_5 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.compact .py-4 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.compact .py-5 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.compact .py-6 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.compact .py-7 {
  padding-top: 14px;
  padding-bottom: 14px;
}

.compact .py-8 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.compact .py-9 {
  padding-top: 18px;
  padding-bottom: 18px;
}

.compact .py-10 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.compact .py-11 {
  padding-top: 22px;
  padding-bottom: 22px;
}

.compact .py-12 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.compact .py-14 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.compact .py-16 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.compact .py-20 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

.tj {
  text-align: justify;
}

.ti {
  text-align: initial;
}

.tn {
  text-align: inherit;
}

.ts {
  text-align: start;
}

.te {
  text-align: end;
}

:root {
  --layout-pf-cnt-g: 32px;
  --layout-pf-cnt-tmp-p: 50px 4%;
  --nav-bar-p: 16px;
  --nav-bar-tmp4-pt: 10px;
  --nav-bar-tmp1-g: 24px;
  --nav-control-tmp1-p: 10px 14px;
  --nav-control-g: 10px;
  --nav-collapsed-p: 8px;
  --header-cnt-p: 5px 0px;
  --comp-logo-p: 10px;
  --nav-comp-logo-p: 10px 14px;
  --nav-config-btn-cnt-tmp1-g: 8px;
  --nav-btn-pill-g: 10px;
  --nav-btn-pill-p: 10px 14px;
  --flyout-form-container-p: 0px 10px;
  --form-container-mt: 10px;
  --form-card-menu-w: 35%;
  --form-container-g: 10px;
  --section-menu-header-p: 10px;
  --section-menu-header-span-ml: 10px;
  --card-menu-p: 10px 15px;
  --card-menu-li-span-mr: -5px;
  --card-menu-li-span-g: 4px;
  --card-menu-li-i-sec-val-ml: 10px;
  --card-menu-li-i-sec-val-mr: 10px;
  --card-menu-li-i-sec-val-mt: -2px;
  --card-menu-li-sec-err-false-ml: 38px;
  --card-menu-li-sec-err-false-p: 2px;
  --card-menu-li-sec-err-false-before-ml: 38px;
  --card-menu-li-sec-err-true-sec-tmp-vr: 0px;
  --card-area-padding: 12px;
  --cardread-card-area-padding: 12px 20px;
  --h-content-container: 17px 10px 0 0px;
  --h-content-pb: 10px;
  --h-content-pl: 10px;
  --hl-container-heading-mt: 10px;
  --hl-container-heading-text-ml: 10px;
  --hl-container-heading-hr-mt: 5px;
  --card-area-h3-tmp-mt: 0px;
  --card-area-h3-tmp-ml: 12px;
  --card-area-h3-pb: 8px;
  --field-group-h3-pb: 8px;
  --field-group-h3-tmp-mt: -8px;
  --cardread-fieldgroup-h3-mt: -4px;
  --field-group-h4-p: 0 4px;
  --field-group-h4-m: 6px 0p;
  --field-group-h4-mt: 0px;
  --required-asterisk-pl: 2px;
  --i-audit-trail-ml: 4px;
  --control-label-g: 4px;
  --err-war-msg-mt: -5px;
  --has-err-msg-before-mr: 8px;
  --has-war-msg-before-mr: 8px;
  --edit-read-cardrop-g: 12px;
  --cl-i-audit-trail-mt: 5px;
  --cl-i-audit-trail-grid-mt: 5px;
  --cl-i-audit-trail-grid-tmp-pl: 4px;
  --read-st-container-tab-list-default-mb: 0px;
  --read-form-horizontal-mb: 0px;
  --read-form-group-mb: -7px;
  --action-btn-cnt-rev-status-mr: 50px;
  --action-btn-cnt-rev-status-mt: -3px;
  --action-btn-cnt-readonly-mr: 10px;
  --action-btn-cnt-readonly-mt: -3px;
  --wizard-bottom-bar-g: 4px;
  --wizard-bottom-bar-cardbar-p: 8px 16px;
  --action-btn-p: 10px;
  --action-btn-m: 5px;
  --dsl-tmp-area-tabgroupid-ml: 26px;
  --dsl-tmp-area-tabgroupid-tmp-pl: 20px;
  --dsl-tmp-area-tabcontroller-ml: 26px;
  --dsl-tmp-area-tabcontroller-mt: 10px;
  --controls-has-label-directions-g: 10px;
  --cardlist-formtitle-p: 16px 0 0 16px;
  --drawer-one-header-p: 0px 20px;
  --section-menu-header-mb: 2px;
  --card-read-reviewed-status-change-bar-mr: 50px;
  --card-read-reviewed-status-change-bar-mt: -3px;
  --card-read-bar-readonly-mr: 10px;
  --card-read-bar-readonly-mt: -3px;
  --read-cardmenu-li-a-pl: 26px;
  --read-cardmenu-li-a-text-indent: -8px;
  --card-read-form-tmp-mode: 0px;
  --form-group-prefilled-pt: 15px;
  --form-group-prefilled-mt: -15px;
  --form-group-prefilled-label-pl: 6px;
  --form-group-prefilled-label-pt: 3px;
  --form-group-prefilled-label-pb: 3px;
  --form-group-highlighted-pt: 15px;
  --form-group-highlighted-mt: -15px;
  --controls-fieldlink-pl: 8px;
  --controls-fileupload-i-zoom-top: 10px;
  --controls-color-hex-pl: 10px;
  --controls-color-hex-pt: 6px;
  --card-read-disabled-control-p: 0px 6px;
  --card-disabled-control-p: 6px;
  --controls-esignfield-mr: 8px;
  --select-box-after-mr: 15px;
  --select-icon-close-right: 30px;
  --select-icon-t: 5px;
  --form-input-field-tmp-p: 5px 10px;
  --search-box-one-p: 5px 10px;
  --search-box-two-p: 10px;
  --checkbox-input-span-before-mr: 8px;
  --checkbox-input-span-before-tmp-mt: 0px;
  --checkboxes-checkbox-2-mr: 5%;
  --checkboxes-checkbox-3-mr: 3%;
  --checkboxes-checkbox-4-mr: 2%;
  --checkbox-input-span-disabled-span-mt: -2px;
  --fg-controls-grid-mb: -20px;
  --fg-controls-grid-gap: 10px;
  --table-tr-th-td-handle-delete-pt: 10px;
  --table-tr-th-td-handle-delete-i-pt: 5px;
  --table-tr-th-td-delete-i-pt: 8px;
  --table-tr-th-td-edit-delete-i-pt: 8px;
  --table-tr-th-td-i-zoom-top: 2px;
  --fg-manage-top: 4px;
  --fg-manage-mt: 2px;
  --fg-manage-a-m: 0px 8px;
  --fg-note-b-pr: 8px;
  --fh-checkbox-p: 5px 0px;
  --app-form-group-g: 4px;
  --cardread-form-group-gap: 2px;
  --app-cardread-carddrop-pt: 8px;
  --app-form-group-m: 2px 0px;
  --app-section-note-group-m: 0 0 16px 16px;
  --app-group-note-pb: 6px;
  --app-formload-ml: 24px;
  --app-formload-pl: 28px;
  --app-carddrop-pt: 13px;
  --app-carddrop-pr: 13px;
  --app-carddrop-g: 5px;
  --app-carddrop-right: 20px;
  --card-collapsible-body-p: 14px;
  --cardbar-form-buttons-bottom-g: 10px;
  --btn-group-btn-p: 5px 12px;
  --btn-g: 10px;
  --app-form-horizontal-tmp-p: 0 1%;
  --form-input-field-min-height: 35px;
  --select-2-container-choaice-arrow-right: 10px;
  --select-2-container-abbr-top: 7px;
  --select-2-container-choice-multi-tmp1-p: 4px 10px 0px 10px;
  --select-2-container-choice-multi-g: 5px;
  --select-2-drop-active-search-mb: 5px;
  --select-2-drop-active-result-g: 5px;
  --controls-select-2-container-choice-p: 6px;
  --fh-fg-select2-choice-top: 13px;
  --app-mobile-tabhead-pl: 32px;
  --app-mobile-card-menu-li-group-label-pl: 14px;
  --app-mobile-card-menu-li-a-pl: 44px;
  --app-mobile-tab-card-area-read-ml: -8px;
  --app-mobile-tab-card-area-read-mr: 6px;
  --app-mobile-tab-card-area-read-top: 2px;
  --controls-grid-table-thead-th-lh: 5px;
  --alert-m: 10px 0px;
  --alert-p: 15px;
  --select2-search-choice-p: 3px 5px 3px 18px;
  --select2-search-choice-m: 3px 0 3px 0px;
  --drop-down-active-p: 4px;
  --list-item-one-p: 2px 10px;
  --table-tfoot-tr-th-p: 0px;
  --controls-grid-table-mb: 10px;
  --cardarea-container-jumbotron-p: 8px;
  --cardarea-container-jumbotron-m: 4px;
  --cardread-container-jumbotron-tmp-p: 10px 0px;
  --cardread-container-jumbotron-m: 1px;
  --has-war-msg-subform-mt: -2px;
  --tab-group-id-h4-pt: 8px;
  --tab-lvl-1-tmp1-h: 54px;
  --form-fs-xl: 20px;
  --form-fs-lg: 18px;
  --form-fs-lmd: 14px;
  --form-fs-md: 12px;
  --form-fs-sm: 8px;
  --form-fs-smd: 11px;
  --form-section-group-fs: 24px;
  --select-icon-fs: 13px;
  --form-section-group-lh: 36px;
  --font-size-32: 32px;
  --font-size-24: 24px;
  --font-size-18: 18px;
  --font-size-16: 16px;
  --font-size-14: 14px;
  --font-size-13: 13px;
  --font-size-10: 10px;
  --font-size-12: 12px;
  --font-size-15: 15px;
  --line-height-36: 36px;
  --line-height-24: 24px;
  --line-height-13: 13px;
  --line-height-28: 28px;
  --line-height-16: 16px;
  --line-height-14: 14px;
  --line-height-32: 32px;
  --btn-primary-p: 8px 16px;
  --bottom-drawer-p: 10px;
  --module-container-tmp1-p: 0 20px 10px 0px;
  --layout-form-content-container: 90px;
  --top-right-icons-tmp1-pt: 12px;
}

@media (width <= 768px) {
  :root {
    --layout-pf-cnt-g: 20px;
    --layout-pf-cnt-tmp-p: 35px 2%;
    --nav-bar-tmp1-g: 8px;
    --nav-control-tmp1-p: 5px 10px;
    --module-container-tmp1-p: 0 10px 5px;
    --tab-lvl-1-tmp1-h: 45px;
    --bottom-drawer-p: 7.5px;
    --top-right-icons-tmp1-pt: -45px;
  }
}

.compact {
  --layout-pf-cnt-g: 16px;
  --layout-pf-cnt-tmp-p: 25px 2%;
  --nav-bar-p: 8px;
  --nav-bar-tmp4-pt: 9px;
  --nav-bar-tmp1-g: 10px;
  --nav-control-tmp1-p: 5px 7px;
  --nav-control-g: 5px;
  --nav-collapsed-p: 4px;
  --header-cnt-p: 2.5px 0px;
  --comp-logo-p: 5px;
  --nav-comp-logo-p: 5px 7px;
  --nav-config-btn-cnt-tmp1-g: 6px;
  --nav-btn-pill-g: 5px;
  --nav-btn-pill-p: 7px;
  --flyout-form-container-p: 0px 5px;
  --form-container-mt: 5px;
  --form-card-menu-w: 18%;
  --form-container-g: 5px;
  --section-menu-header-p: 5px;
  --section-menu-header-span-ml: 5px;
  --card-menu-p: 5px 7.5px;
  --card-menu-li-span-mr: -2.5px;
  --card-menu-li-span-g: 8px;
  --card-menu-li-i-sec-val-mr: 10px;
  --card-menu-li-i-sec-val-mt: -1px;
  --card-menu-li-sec-err-false-ml: 19px;
  --card-menu-li-sec-err-false-p: 1px;
  --card-menu-li-sec-err-false-before-ml: 19px;
  --card-menu-li-sec-err-true-sec-tmp-vr: 1px;
  --card-area-padding: 12px;
  --cardread-card-area-padding: 12px 20px;
  --h-content-container: 8px 5px 0 0px;
  --h-content-pb: 5px;
  --h-content-pl: 5px;
  --hl-container-heading-mt: 5px;
  --hl-container-heading-text-ml: 5px;
  --hl-container-heading-hr-mt: 2.5px;
  --card-area-h3-tmp-mt: 0px;
  --card-area-h3-tmp-ml: 6px;
  --card-area-h3-pb: 4px;
  --field-group-h3-pb: 4px;
  --field-group-h3-tmp-mt: -4px;
  --cardread-fieldgroup-h3-mt: 2px;
  --field-group-h4-p: 0 10px;
  --field-group-h4-m: 3px 0p;
  --field-group-h4-mt: 0px;
  --required-asterisk-pl: 1px;
  --i-audit-trail-ml: 2px;
  --control-label-g: 2px;
  --err-war-msg-mt: -5px;
  --has-err-msg-before-mr: 4px;
  --has-war-msg-before-mr: 4px;
  --edit-read-cardrop-g: 6px;
  --cl-i-audit-trail-mt: 2.5px;
  --cl-i-audit-trail-grid-mt: 2.5px;
  --cl-i-audit-trail-grid-tmp-pl: 2px;
  --read-st-container-tab-list-default-mb: 0px;
  --read-form-horizontal-mb: 0px;
  --read-form-group-mb: -3.5px;
  --action-btn-cnt-rev-status-mr: 25px;
  --action-btn-cnt-rev-status-mt: -1.5px;
  --action-btn-cnt-readonly-mr: 5px;
  --action-btn-cnt-readonly-mt: -1.5px;
  --wizard-bottom-bar-g: 5px;
  --wizard-bottom-bar-cardbar-p: 4px 8px;
  --action-btn-p: 5px;
  --action-btn-m: 2.5px;
  --dsl-tmp-area-tabgroupid-ml: 13px;
  --dsl-tmp-area-tabgroupid-tmp-pl: 10px;
  --dsl-tmp-area-tabcontroller-ml: 13px;
  --dsl-tmp-area-tabcontroller-mt: 5px;
  --controls-has-label-directions-g: 5px;
  --cardlist-formtitle-p: 8px 0 0 8px;
  --drawer-one-header-p: 0px 10px;
  --section-menu-header-mb: 1px;
  --card-read-reviewed-status-change-bar-mr: 25px;
  --card-read-reviewed-status-change-bar-mt: -1.5px;
  --card-read-bar-readonly-mr: 5px;
  --card-read-bar-readonly-mt: -1.5px;
  --read-cardmenu-li-a-pl: 13px;
  --read-cardmenu-li-a-text-indent: -4px;
  --card-read-form-tmp-mode: 0px;
  --form-group-prefilled-pt: 7.5px;
  --form-group-prefilled-mt: -7.5px;
  --form-group-prefilled-label-pl: 3px;
  --form-group-prefilled-label-pt: 1.5px;
  --form-group-prefilled-label-pb: 1.5px;
  --form-group-highlighted-pt: 7.5px;
  --form-group-highlighted-mt: -7.5px;
  --controls-fieldlink-pl: 4px;
  --controls-fileupload-i-zoom-top: 5px;
  --controls-color-hex-pl: 5px;
  --controls-color-hex-pt: 3px;
  --card-read-disabled-control-p: 0px 3px;
  --card-disabled-control-p: 3px;
  --controls-esignfield-mr: 4px;
  --select-box-after-mr: 7.5px;
  --form-input-field-tmp-p: 2.5px 5px;
  --search-box-one-p: 2.5px 5px;
  --search-box-two-p: 5px;
  --checkbox-input-span-before-mr: 6px;
  --checkbox-input-span-before-tmp-mt: 0px;
  --checkboxes-checkbox-2-mr: 2.5%;
  --checkboxes-checkbox-3-mr: 1.5%;
  --checkboxes-checkbox-4-mr: 1%;
  --checkbox-input-span-disabled-span-mt: -1px;
  --fg-controls-grid-mb: -10px;
  --fg-controls-grid-gap: 5px;
  --table-tr-th-td-handle-delete-pt: 10px;
  --table-tr-th-td-handle-delete-i-pt: 5px;
  --table-tr-th-td-delete-i-pt: 4px;
  --table-tr-th-td-edit-delete-i-pt: 4px;
  --table-tr-th-td-i-zoom-top: 1px;
  --fg-manage-top: 2px;
  --fg-manage-mt: 1px;
  --fg-manage-a-m: 0px 4px;
  --fg-note-b-pr: 4px;
  --fh-checkbox-p: 2.5px 0px;
  --app-form-group-g: 2px;
  --cardread-form-group-gap: 0px;
  --app-form-group-m: 1px 0px;
  --app-section-note-group-m: 0 0 8px 8px;
  --app-group-note-pb: 3px;
  --app-formload-ml: 12px;
  --app-formload-pl: 14px;
  --app-carddrop-pt: 9px;
  --app-cardread-carddrop-pt: 4px;
  --app-carddrop-pr: 6.5px;
  --app-carddrop-g: 2.5px;
  --app-carddrop-right: 10px;
  --card-collapsible-body-p: 7px;
  --cardbar-form-buttons-bottom-g: 5px;
  --btn-group-btn-p: 2.5px 6px;
  --btn-g: 5px;
  --app-form-horizontal-tmp-p: 2px 0.5%;
  --form-input-field-min-height: 31px;
  --select-2-container-choaice-arrow-right: 5px;
  --select-icon-close-right: 22px;
  --select-icon-t: 2px;
  --select-2-container-abbr-top: 4.5px;
  --select-2-container-choice-multi-tmp1-p: 2px 5px 0px 5px;
  --select-2-container-choice-multi-g: 2.5px;
  --select-2-drop-active-search-mb: 2.5px;
  --select-2-drop-active-result-g: 2.5px;
  --controls-select-2-container-choice-p: 3px;
  --fh-fg-select2-choice-top: 6.5px;
  --app-mobile-tabhead-pl: 16px;
  --app-mobile-card-menu-li-group-label-pl: 7px;
  --app-mobile-card-menu-li-a-pl: 22px;
  --app-mobile-tab-card-area-read-ml: -4px;
  --app-mobile-tab-card-area-read-mr: 3px;
  --app-mobile-tab-card-area-read-top: 1px;
  --controls-grid-table-thead-th-lh: 2.5px;
  --alert-m: 5px 0px;
  --alert-p: 7.5px;
  --select2-search-choice-p: 1.5px 2.5px 1.5px 18px;
  --select2-search-choice-m: 1.5px 0 1.5px 2.5px;
  --drop-down-active-p: 2px;
  --list-item-one-p: 1px 7px;
  --table-tfoot-tr-th-p: 0px;
  --controls-grid-table-mb: 5px;
  --cardarea-container-jumbotron-p: 4px;
  --cardarea-container-jumbotron-m: 2px;
  --cardread-container-jumbotron-tmp-p: 5px 0px;
  --cardread-container-jumbotron-m: -2px;
  --has-war-msg-subform-mt: -4px;
  --tab-group-id-h4-pt: 4px;
  --tab-lvl-1-tmp1-h: 45px;
  --form-fs-xl: 17px;
  --form-fs-lg: 15px;
  --form-fs-lmd: 12px;
  --form-fs-md: 10px;
  --form-fs-sm: 7px;
  --form-fs-smd: 10px;
  --form-section-group-fs: 15px;
  --select-icon-fs: 10px;
  --form-section-group-lh: 22px;
  --line-height-36: 36px;
  --line-height-24: 24px;
  --line-height-13: 13px;
  --line-height-28: 28px;
  --line-height-16: 16px;
  --line-height-14: 14px;
  --line-height-32: 32px;
  --font-size-32: 27px;
  --font-size-24: 20px;
  --font-size-18: 15px;
  --font-size-16: 14px;
  --font-size-14: 12px;
  --font-size-13: 11px;
  --font-size-10: 8.5px;
  --font-size-12: 10px;
  --font-size-15: 13px;
  --bottom-drawer-p: 5px;
  --module-container-tmp1-p: 0 10px 5px 0px;
  --layout-form-content-container: 60px;
  --top-right-icons-tmp1-pt: 8px;
}

.cardread {
  --form-input-field-tmp-p: 0px;
  --card-read-disabled-control-p: 0px;
  --form-input-field-p: 2.5px 0px;
  --card-area-h3-tmp-ml: 0px;
  --app-form-horizontal-tmp-p: 2px 0.5% 2px 0px;
  --field-group-h4-p: 0px;
}

@media (width <= 768px) {
  .compact {
    --layout-pf-cnt-g: 15px;
    --layout-pf-cnt-tmp-p: 15px 2%;
    --nav-bar-tmp1-g: 6px;
    --nav-bar-tmp4-pt: 6px;
    --module-container-tmp1-p: 0 5px 2px;
    --tab-lvl-1-tmp1-h: 40px;
    --bottom-drawer-p: 2.5px;
    --top-right-icons-tmp1-pt: -45px;
  }
}

:root {
  --nav-icon-width: 24px;
  --nav-icon-height: 24px;
  --font-size: 14px;
  --l1-tab-list-m: 5px 0;
  --l1-tab-list-button-gap: 10px;
  --l1-tab-list-min-height: 44px;
  --l1-dynimic-tab-list-p: 5px 0px;
  --l2-tab-list-height: 44px;
  --l2-tab-list-mb: 10px;
  --l2-tab-list-gap: 20px;
  --l2-tab-list-button-font: 14px;
  --l2-tab-list-button-tmp-p: 10px 10px 10px 0px;
  --l2-tab-list-button-gap: 10px;
  --l3-tab-list-button-p: 10px 20px;
  --tab-list-button-common-tmp-p: 5px 15px;
  --tab-list-button-common-gap: 10px;
  --dsl-list-bottom-p: 20px;
  --dt-scroll-max-height: calc(100% - 30px);
  --dt-th-pr: 20px;
  --dt-th-p: 10px;
  --dt-th-before-bg: 15px;
  --dt-th-before-right: 5px;
  --dt-th-before-top: 30%;
  --dt-th-after-bg: 15px;
  --dt-th-after-top: 50%;
  --dt-th-after-right: 5px;
  --dt-td-padding: 10px;
  --dsl-list-bottom-popup-p: 10px 20px 50px;
  --wizard-bottom-bar-height: 70px;
  --wizard-bottom-bar-p: 0px 20px;
  --wizard-bottom-bar-mt: 10px;
  --action-btn-group-cnt-gap: 10px;
  --btn-img-height: 24px;
  --btn-img-width: 24px;
  --btn-img-display: 1;
  --xs-avatar-width: 24px;
  --xs-avatar-height: 24px;
  --xs-avatar-font-size: 10px;
  --sm-avatar-width: 32px;
  --sm-avatar-height: 32px;
  --sm-avatar-font-size: 11px;
  --xl-avatar-width: 80px;
  --xl-avatar-height: 80px;
  --xl-avatar-font-size: 24px;
  --pf-op-gap: 20px;
  --pf-op-heading-font-size: 18px;
  --pf-op-btns-gap: 12px;
  --pf-op-btn-min-width: 95px;
  --pf-op-btn-font-family: "Soehne", sans-serif;
  --pf-op-btn-font-weight: 600;
  --pf-op-btn-font-size: 14px;
  --pf-op-btn-line-height: 14.8px;
  --pf-of-btn-p: 10px 0px;
  --fax-label-font-size: 20px;
  --fax-label-line-height: 30px;
  --fax-label-gap: 10px;
  --fax-label-header-icon-height: 18px;
  --fax-label-header-icon-width: 20px;
  --link-btn-gap: 5px;
  --link-btn-p: 10px;
  --link-btn-m: 10px;
  --link-btn-font-size: 14px;
  --inspect-cfg-p: 0px 15px;
  --wf-cfg-label-font-size: 20px;
  --patient-details-header-font-size-1: 16px;
  --patient-details-image-conttainer-width: 90px;
  --patient-details-image-conttainer-height: 100px;
  --patient-details-mt: 10px;
  --patient-name-label-font-size-temp: 18px;
  --patient-details-font-size: 14px;
  --wf-node-description-font-size: 22px;
  --wf-node-description-line-height: 45px;
  --button-min-height: 36px !important;
}

.compact {
  --nav-icon-width: 20px;
  --nav-icon-height: 20px;
  --font-size: 13px;
  --l1-tab-list-m: 5px 0;
  --l1-tab-list-button-gap: 5px;
  --l1-tab-list-min-height: 36px;
  --l1-dynimic-tab-list-p: 3px 0px;
  --l2-tab-list-height: 35px;
  --l2-tab-list-mb: 5px;
  --l2-tab-list-gap: 10px;
  --l2-tab-list-button-font: 13px;
  --l2-tab-list-button-tmp-p: 5px 10px 5px 0px;
  --l2-tab-list-button-gap: 5px;
  --l3-tab-list-button-p: 5px 10px;
  --tab-list-button-common-tmp-p: 3px 7.5px;
  --tab-list-button-common-gap: 5px;
  --dsl-list-bottom-p: 10px;
  --dt-scroll-max-height: calc(100% - 20px);
  --dt-th-pr: 10px;
  --dt-th-p: 5px;
  --dt-th-before-bg: 14px;
  --dt-th-before-right: 2px;
  --dt-th-before-top: 15%;
  --dt-th-after-bg: 14px;
  --dt-th-after-right: 2px;
  --dt-th-after-top: 50%;
  --dt-td-padding: 5px;
  --dsl-list-bottom-popup-p: 5px 10px 50px;
  --wizard-bottom-bar-height: 42px;
  --wizard-bottom-bar-p: 0px 10px;
  --wizard-bottom-bar-mt: 5px;
  --action-btn-group-cnt-gap: 5px;
  --btn-img-height: 18px;
  --btn-img-width: 18px;
  --btn-img-display: none;
  --xs-avatar-width: 22px;
  --xs-avatar-height: 22px;
  --xs-avatar-font-size: 9px;
  --sm-avatar-width: 28px;
  --sm-avatar-height: 28px;
  --sm-avatar-font-size: 10px;
  --xl-avatar-width: 60px;
  --xl-avatar-height: 60px;
  --xl-avatar-font-size: 20px;
  --pf-op-gap: 10px;
  --pf-op-heading-font-size: 16px;
  --pf-op-btns-gap: 6px;
  --pf-op-btn-min-width: 70px;
  --pf-op-btn-font-family: "Soehne", sans-serif;
  --pf-op-btn-font-weight: 500;
  --pf-op-btn-font-size: 12px;
  --pf-op-btn-line-height: 12.8px;
  --pf-of-btn-p: 5px 0px;
  --fax-label-font-size: 18px;
  --fax-label-line-height: 26px;
  --fax-label-gap: 5px;
  --fax-label-header-icon-height: 16px;
  --fax-label-header-icon-width: 18px;
  --link-btn-gap: 3px;
  --link-btn-p: 5px;
  --link-btn-m: 5px;
  --link-btn-font-size: 13px;
  --inspect-cfg-p: 0px 8px;
  --wf-cfg-label-font-size: 18px;
  --patient-details-header-font-size-1: 15px;
  --patient-details-image-conttainer-width: 70px;
  --patient-details-image-conttainer-height: 80px;
  --patient-details-mt: 0px;
  --patient-name-label-font-size-temp: 17px;
  --patient-details-font-size: 13px;
  --wf-node-description-font-size: 20px;
  --wf-node-description-line-height: 40px;
  --button-min-height: 31px !important;
}

.ellipsis-style {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.centered-col {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.centered-row {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hover-icon:hover {
  transform: scale(1.3);
}

.default-scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.default-scroll::-webkit-scrollbar-thumb {
  background: none;
  border-radius: 4px;
}

.default-scroll:hover::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
}

.search-bar input:focus {
  border: none !important;
  outline: none !important;
  box-shadow: 0 0 8px #668eba66 !important;
}

.search-bar:focus-within {
  border: none !important;
  box-shadow: 0 0 8px #668eba66 !important;
}

.window-manager-header {
  font-family: Soehne, sans-serif !important;
  font-weight: normal !important;
}

.window-manager-header .window-manager-header-title {
  font-family: Soehne, sans-serif !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.4 !important;
}

.window-manager-header .window-manager-header-actions {
  font-size: 12px !important;
}

.window-manager-header .window-manager-header-actions .window-manager-header-action-button img {
  max-width: 14px !important;
  max-height: 14px !important;
}

.ag-theme-alpine, .ag-theme-balham, .ag-theme-material, .ag-root-wrapper {
  --ag-border-color: transparent;
  --ag-header-foreground-color: #737371 !important;
  --ag-header-font-size: 12px !important;
  --ag-header-font-weight: 500 !important;
  --ag-header-font-family: "Soehne", sans-serif !important;
  --ag-icon-size: 12px !important;
  --ag-range-selection-border-color: transparent !important;
  border: none !important;
}

.ag-theme-alpine .ag-header-cell .ag-header-cell-label .ag-header-cell-text, .ag-theme-balham .ag-header-cell .ag-header-cell-label .ag-header-cell-text, .ag-theme-material .ag-header-cell .ag-header-cell-label .ag-header-cell-text, .ag-root-wrapper .ag-header-cell .ag-header-cell-label .ag-header-cell-text {
  color: #949491 !important;
  font-family: Soehne, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.ag-theme-alpine .ag-header-cell .ag-header-cell-resize, .ag-theme-balham .ag-header-cell .ag-header-cell-resize, .ag-theme-material .ag-header-cell .ag-header-cell-resize, .ag-root-wrapper .ag-header-cell .ag-header-cell-resize {
  width: 4px;
}

.ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label, .ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label, .ag-theme-alpine .ag-header-cell.ag-column-sorted .ag-header-cell-label, .ag-theme-balham .ag-header-cell.ag-column-sorted .ag-header-cell-label, .ag-theme-material .ag-header-cell.ag-column-sorted .ag-header-cell-label, .ag-root-wrapper .ag-header-cell.ag-column-sorted .ag-header-cell-label, .ag-theme-alpine .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label, .ag-theme-balham .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label, .ag-theme-material .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label, .ag-root-wrapper .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label, .ag-theme-alpine .ag-header-cell[aria-sort="descending"] .ag-header-cell-label, .ag-theme-balham .ag-header-cell[aria-sort="descending"] .ag-header-cell-label, .ag-theme-material .ag-header-cell[aria-sort="descending"] .ag-header-cell-label, .ag-root-wrapper .ag-header-cell[aria-sort="descending"] .ag-header-cell-label {
  color: #737371 !important;
  font-family: Soehne, sans-serif !important;
  font-weight: 700 !important;
}

.ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label .ag-header-cell-text, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label .ag-header-cell-text, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label .ag-header-cell-text, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label .ag-header-cell-text, .ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label .ag-header-cell-text, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label .ag-header-cell-text, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label .ag-header-cell-text, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label .ag-header-cell-text, .ag-theme-alpine .ag-header-cell.ag-column-sorted .ag-header-cell-label .ag-header-cell-text, .ag-theme-balham .ag-header-cell.ag-column-sorted .ag-header-cell-label .ag-header-cell-text, .ag-theme-material .ag-header-cell.ag-column-sorted .ag-header-cell-label .ag-header-cell-text, .ag-root-wrapper .ag-header-cell.ag-column-sorted .ag-header-cell-label .ag-header-cell-text, .ag-theme-alpine .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label .ag-header-cell-text, .ag-theme-balham .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label .ag-header-cell-text, .ag-theme-material .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label .ag-header-cell-text, .ag-root-wrapper .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label .ag-header-cell-text, .ag-theme-alpine .ag-header-cell[aria-sort="descending"] .ag-header-cell-label .ag-header-cell-text, .ag-theme-balham .ag-header-cell[aria-sort="descending"] .ag-header-cell-label .ag-header-cell-text, .ag-theme-material .ag-header-cell[aria-sort="descending"] .ag-header-cell-label .ag-header-cell-text, .ag-root-wrapper .ag-header-cell[aria-sort="descending"] .ag-header-cell-label .ag-header-cell-text {
  color: #737371 !important;
  font-family: Soehne, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label span, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label span, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label span, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label span, .ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label span, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label span, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label span, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label span, .ag-theme-alpine .ag-header-cell.ag-column-sorted .ag-header-cell-label span, .ag-theme-balham .ag-header-cell.ag-column-sorted .ag-header-cell-label span, .ag-theme-material .ag-header-cell.ag-column-sorted .ag-header-cell-label span, .ag-root-wrapper .ag-header-cell.ag-column-sorted .ag-header-cell-label span, .ag-theme-alpine .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label span, .ag-theme-balham .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label span, .ag-theme-material .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label span, .ag-root-wrapper .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label span, .ag-theme-alpine .ag-header-cell[aria-sort="descending"] .ag-header-cell-label span, .ag-theme-balham .ag-header-cell[aria-sort="descending"] .ag-header-cell-label span, .ag-theme-material .ag-header-cell[aria-sort="descending"] .ag-header-cell-label span, .ag-root-wrapper .ag-header-cell[aria-sort="descending"] .ag-header-cell-label span {
  color: #737371 !important;
  font-family: Soehne, sans-serif !important;
  font-weight: 600 !important;
}

.ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-asc .ag-sort-indicator-icon, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-asc .ag-sort-indicator-icon, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-asc .ag-sort-indicator-icon, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-asc .ag-sort-indicator-icon, .ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-desc .ag-sort-indicator-icon, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-desc .ag-sort-indicator-icon, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-desc .ag-sort-indicator-icon, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-desc .ag-sort-indicator-icon, .ag-theme-alpine .ag-header-cell.ag-column-sorted .ag-sort-indicator-icon, .ag-theme-balham .ag-header-cell.ag-column-sorted .ag-sort-indicator-icon, .ag-theme-material .ag-header-cell.ag-column-sorted .ag-sort-indicator-icon, .ag-root-wrapper .ag-header-cell.ag-column-sorted .ag-sort-indicator-icon, .ag-theme-alpine .ag-header-cell[aria-sort="ascending"] .ag-sort-indicator-icon, .ag-theme-balham .ag-header-cell[aria-sort="ascending"] .ag-sort-indicator-icon, .ag-theme-material .ag-header-cell[aria-sort="ascending"] .ag-sort-indicator-icon, .ag-root-wrapper .ag-header-cell[aria-sort="ascending"] .ag-sort-indicator-icon, .ag-theme-alpine .ag-header-cell[aria-sort="descending"] .ag-sort-indicator-icon, .ag-theme-balham .ag-header-cell[aria-sort="descending"] .ag-sort-indicator-icon, .ag-theme-material .ag-header-cell[aria-sort="descending"] .ag-sort-indicator-icon, .ag-root-wrapper .ag-header-cell[aria-sort="descending"] .ag-sort-indicator-icon, .ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-asc .ag-header-icon, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-asc .ag-header-icon, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-asc .ag-header-icon, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-asc .ag-header-icon, .ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-desc .ag-header-icon, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-desc .ag-header-icon, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-desc .ag-header-icon, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-desc .ag-header-icon, .ag-theme-alpine .ag-header-cell.ag-column-sorted .ag-header-icon, .ag-theme-balham .ag-header-cell.ag-column-sorted .ag-header-icon, .ag-theme-material .ag-header-cell.ag-column-sorted .ag-header-icon, .ag-root-wrapper .ag-header-cell.ag-column-sorted .ag-header-icon, .ag-theme-alpine .ag-header-cell[aria-sort="ascending"] .ag-header-icon, .ag-theme-balham .ag-header-cell[aria-sort="ascending"] .ag-header-icon, .ag-theme-material .ag-header-cell[aria-sort="ascending"] .ag-header-icon, .ag-root-wrapper .ag-header-cell[aria-sort="ascending"] .ag-header-icon, .ag-theme-alpine .ag-header-cell[aria-sort="descending"] .ag-header-icon, .ag-theme-balham .ag-header-cell[aria-sort="descending"] .ag-header-icon, .ag-theme-material .ag-header-cell[aria-sort="descending"] .ag-header-icon, .ag-root-wrapper .ag-header-cell[aria-sort="descending"] .ag-header-icon {
  color: #737371 !important;
}

.ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-asc .ag-sort-indicator-icon .ag-icon, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-asc .ag-sort-indicator-icon .ag-icon, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-asc .ag-sort-indicator-icon .ag-icon, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-asc .ag-sort-indicator-icon .ag-icon, .ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-desc .ag-sort-indicator-icon .ag-icon, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-desc .ag-sort-indicator-icon .ag-icon, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-desc .ag-sort-indicator-icon .ag-icon, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-desc .ag-sort-indicator-icon .ag-icon, .ag-theme-alpine .ag-header-cell.ag-column-sorted .ag-sort-indicator-icon .ag-icon, .ag-theme-balham .ag-header-cell.ag-column-sorted .ag-sort-indicator-icon .ag-icon, .ag-theme-material .ag-header-cell.ag-column-sorted .ag-sort-indicator-icon .ag-icon, .ag-root-wrapper .ag-header-cell.ag-column-sorted .ag-sort-indicator-icon .ag-icon, .ag-theme-alpine .ag-header-cell[aria-sort="ascending"] .ag-sort-indicator-icon .ag-icon, .ag-theme-balham .ag-header-cell[aria-sort="ascending"] .ag-sort-indicator-icon .ag-icon, .ag-theme-material .ag-header-cell[aria-sort="ascending"] .ag-sort-indicator-icon .ag-icon, .ag-root-wrapper .ag-header-cell[aria-sort="ascending"] .ag-sort-indicator-icon .ag-icon, .ag-theme-alpine .ag-header-cell[aria-sort="descending"] .ag-sort-indicator-icon .ag-icon, .ag-theme-balham .ag-header-cell[aria-sort="descending"] .ag-sort-indicator-icon .ag-icon, .ag-theme-material .ag-header-cell[aria-sort="descending"] .ag-sort-indicator-icon .ag-icon, .ag-root-wrapper .ag-header-cell[aria-sort="descending"] .ag-sort-indicator-icon .ag-icon, .ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-asc .ag-header-icon .ag-icon, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-asc .ag-header-icon .ag-icon, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-asc .ag-header-icon .ag-icon, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-asc .ag-header-icon .ag-icon, .ag-theme-alpine .ag-header-cell.ag-header-cell-sorted-desc .ag-header-icon .ag-icon, .ag-theme-balham .ag-header-cell.ag-header-cell-sorted-desc .ag-header-icon .ag-icon, .ag-theme-material .ag-header-cell.ag-header-cell-sorted-desc .ag-header-icon .ag-icon, .ag-root-wrapper .ag-header-cell.ag-header-cell-sorted-desc .ag-header-icon .ag-icon, .ag-theme-alpine .ag-header-cell.ag-column-sorted .ag-header-icon .ag-icon, .ag-theme-balham .ag-header-cell.ag-column-sorted .ag-header-icon .ag-icon, .ag-theme-material .ag-header-cell.ag-column-sorted .ag-header-icon .ag-icon, .ag-root-wrapper .ag-header-cell.ag-column-sorted .ag-header-icon .ag-icon, .ag-theme-alpine .ag-header-cell[aria-sort="ascending"] .ag-header-icon .ag-icon, .ag-theme-balham .ag-header-cell[aria-sort="ascending"] .ag-header-icon .ag-icon, .ag-theme-material .ag-header-cell[aria-sort="ascending"] .ag-header-icon .ag-icon, .ag-root-wrapper .ag-header-cell[aria-sort="ascending"] .ag-header-icon .ag-icon, .ag-theme-alpine .ag-header-cell[aria-sort="descending"] .ag-header-icon .ag-icon, .ag-theme-balham .ag-header-cell[aria-sort="descending"] .ag-header-icon .ag-icon, .ag-theme-material .ag-header-cell[aria-sort="descending"] .ag-header-icon .ag-icon, .ag-root-wrapper .ag-header-cell[aria-sort="descending"] .ag-header-icon .ag-icon {
  color: #737371 !important;
  font-size: 12px !important;
}

.ag-theme-alpine .ag-header-cell-sorted, .ag-theme-balham .ag-header-cell-sorted, .ag-theme-material .ag-header-cell-sorted, .ag-root-wrapper .ag-header-cell-sorted {
  color: #737371 !important;
}

.ag-theme-alpine .ag-header-cell-sorted *, .ag-theme-balham .ag-header-cell-sorted *, .ag-theme-material .ag-header-cell-sorted *, .ag-root-wrapper .ag-header-cell-sorted * {
  color: inherit !important;
}

.ag-root-wrapper:not(:has(.ag-tool-panel-wrapper)) .ag-header {
  border-top-right-radius: 8px !important;
}

.ag-header {
  border-top-left-radius: 8px !important;
}

.ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"], .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"], .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc, .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc, .ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label, .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"] .ag-header-cell-label, .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label, .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label {
  color: #737371 !important;
}

.ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label .ag-header-cell-text, .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"] .ag-header-cell-label .ag-header-cell-text, .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label .ag-header-cell-text, .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label .ag-header-cell-text {
  color: #737371 !important;
  font-family: Soehne, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"] .ag-sort-ascending-icon, .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"] .ag-sort-ascending-icon, .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc .ag-sort-ascending-icon, .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc .ag-sort-ascending-icon, .ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"] .ag-sort-descending-icon, .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"] .ag-sort-descending-icon, .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc .ag-sort-descending-icon, .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc .ag-sort-descending-icon, .ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"] .ag-sort-indicator-icon, .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"] .ag-sort-indicator-icon, .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc .ag-sort-indicator-icon, .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc .ag-sort-indicator-icon {
  color: #737371 !important;
}

.card-one {
  box-shadow: none;
  background-color: #fff;
  border-radius: 12px;
}

.card-two {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 4px #18100a14;
}

.card-three {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px #18100a14;
}

.card-four {
  background-color: #fbfbfb;
  border-radius: 12px;
  box-shadow: 0 1px 4px #18100a14;
}

.card-five {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 4px #18100a14;
}

.card-six {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px #18100a14;
}

.card-seven {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 4px #18100a14;
}

.card-eight {
  background-color: #fbfbfb;
  border-radius: 12px;
  box-shadow: 0 1px 4px #18100a14;
}

.card-collapsible {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 1px 4px #18100a14;
}

.card-collapsible .header {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdd;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  padding: 14px;
  display: flex;
}

.card-collapsible .header.collapsed {
  border-bottom: none;
  border-radius: 12px;
}

.card-collapsible .header .title {
  color: #111;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.card-collapsible .header .arrow {
  cursor: pointer;
  width: 14px;
  height: 24px;
}

.card-collapsible .body {
  border-radius: inherit;
  background-color: #fbfbfb;
  height: 100%;
  padding-top: 14px;
  padding-bottom: 12px;
}

.card-collapsible-header {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdd;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  padding: 14px;
  display: flex;
}

.card-collapsible-header.collapsed {
  border-bottom: none;
  border-radius: 12px;
}

.card-collapsible-header .title {
  color: #111;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.card-collapsible-header .arrow {
  cursor: pointer;
  width: 14px;
  height: 24px;
}

.card-collapsible-body {
  border-radius: inherit;
  background-color: #fbfbfb;
  height: 100%;
  padding-top: 14px;
  padding-bottom: 12px;
}

.priority-peach-purple-color {
  color: #9974ce;
  background-color: #f1b895b3;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.page-one {
  background-color: #f8f1ec;
}

.page-two {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 4px #18100a14;
}

.drawer-one {
  background-color: #f8f1ec;
  border-radius: 12px 0 0 12px;
  height: 100vh;
}

.drawer-one-header {
  color: #fff;
  font-size: var(--font-size-24);
  line-height: var(--line-height-28);
  padding: var(--drawer-one-header-p);
  background-color: #58505b;
  border-top-left-radius: 12px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.table-contaner {
  padding: var(--dsl-list-bottom-p);
  background-color: #fbfbfb;
  border-radius: 12px;
  box-shadow: 0 1px 4px #18100a14;
}

.heading-one {
  font-size: var(--font-size-32);
  line-height: var(--line-height-36);
}

.heading-two {
  color: #111;
  font-size: var(--font-size-24);
  line-height: normal;
}

.heading-three {
  font-size: var(--font-size-18);
  line-height: var(--line-height-28);
}

.heading-four {
  font-size: var(--font-size-12);
  line-height: var(--line-height-16);
}

.heading-five {
  font-size: var(--font-size-24);
  line-height: var(--line-height-28);
}

.para-one {
  font-size: var(--font-size-16);
  line-height: var(--line-height-24);
}

.para-two {
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
}

.para-three {
  font-size: var(--font-size-13);
  line-height: var(--line-height-16);
}

.para-four {
  font-size: var(--font-size-10);
  line-height: var(--line-height-24);
}

.para-five {
  font-size: var(--font-size-12);
  line-height: var(--line-height-24);
}

.para-six {
  font-size: var(--font-size-14);
  line-height: var(--line-height-14);
}

.icon-one {
  width: 18px;
  height: 18px;
  font-size: var(--font-size-18);
  cursor: pointer;
}

.table-status-filter-header {
  box-shadow: none;
  background-color: #fff;
  border-radius: 12px;
  gap: 10px;
  padding: 5px 10px;
}

.table-status-text {
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #111;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.table-status-count {
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 28px;
  display: flex;
}

.table-status-count span {
  font-size: var(--font-size-12);
  line-height: var(--line-height-24);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.table-status-text-2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: var(--font-weight-semibold) !important;
  font-size: var(--font-size-xsmall) !important;
}

.table-status-text-span {
  color: #5e636b;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-xsmall);
  padding: 2px 8px;
}

.table-header {
  font-size: var(--font-size-12);
  line-height: var(--line-height-16);
  color: #595959;
  background-color: #f2f2f2;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.table-body {
  font-size: var(--font-size-12);
  line-height: var(--line-height-16);
  color: #111;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.table-body tr {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdd;
}

.table-body tr td {
  padding: var(--dt-td-padding);
}

.table-paginatin-text {
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #5a595880;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.table-pagination-input-text-field {
  color: #5a595880;
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--font-size-14);
  line-height: var(--line-height-14);
  background-color: #fff;
}

.btn-default {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.btn-default i {
  color: #58505b;
}

.btn-default:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

.btn-default.disabled, .btn-default[disabled], .btn-default:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.btn-default.disabled i, .btn-default[disabled] i, .btn-default:disabled i {
  color: var(--gray-400);
}

.btn-default:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.btn-default:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.btn-default:focus-visible {
  box-shadow: none;
}

.btn-default:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.btn-default img {
  filter: brightness(.5);
}

.btn-default:hover img {
  filter: brightness(400%);
}

.btn-primary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.btn-primary i {
  color: #58505b;
}

.btn-primary:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

.btn-primary.disabled, .btn-primary[disabled], .btn-primary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.btn-primary.disabled i, .btn-primary[disabled] i, .btn-primary:disabled i {
  color: var(--gray-400);
}

.btn-primary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.btn-primary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.btn-primary:focus-visible {
  box-shadow: none;
}

.btn-primary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.btn-primary img {
  filter: brightness(.5);
}

.btn-primary:hover img {
  filter: brightness(400%);
}

.btn-count {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.btn-count i {
  color: #58505b;
}

.btn-count:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

.btn-count.disabled, .btn-count[disabled], .btn-count:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.btn-count.disabled i, .btn-count[disabled] i, .btn-count:disabled i {
  color: var(--gray-400);
}

.btn-count:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.btn-count:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.btn-count:focus-visible {
  box-shadow: none;
}

.btn-count:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.btn-count img {
  filter: brightness(.5);
}

.btn-count:hover img {
  filter: brightness(400%);
}

.btn-count span {
  color: #fff;
  background-color: #595959;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 10px;
  font-size: 12px;
  display: flex;
}

.btn-count.active, .btn-count:hover {
  color: #fff;
  background-color: #707580;
}

.btn-count.active span, .btn-count:hover span {
  color: #111;
  background-color: #fff;
}

.btn-secondary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  color: #58505b;
  background: #17b3ce14 linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.btn-secondary i {
  color: #58505b;
}

.btn-secondary:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

.btn-secondary.disabled, .btn-secondary[disabled], .btn-secondary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.btn-secondary.disabled i, .btn-secondary[disabled] i, .btn-secondary:disabled i {
  color: var(--gray-400);
}

.btn-secondary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.btn-secondary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.btn-secondary:focus-visible {
  box-shadow: none;
}

.btn-secondary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.btn-secondary img {
  filter: brightness(.5);
}

.btn-secondary:hover img {
  filter: brightness(400%);
}

.btn-tertiary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#19bfdcbf 0%, #15a7c0bf 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #0f7789bf, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.btn-tertiary i {
  color: #fff;
}

.btn-tertiary:not(:has(i)) {
  background: linear-gradient(#18b9d5bf 0%, #16adc7bf 100%);
}

.btn-tertiary.disabled, .btn-tertiary[disabled], .btn-tertiary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.btn-tertiary.disabled i, .btn-tertiary[disabled] i, .btn-tertiary:disabled i {
  color: var(--gray-400);
}

.btn-tertiary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.btn-tertiary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.btn-tertiary:focus-visible {
  box-shadow: none;
}

.btn-tertiary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.btn-tertiary img {
  filter: brightness(400%);
}

.btn-tertiary:hover img {
  filter: brightness(.5);
}

.btn-coral-red {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d56c64 0%, #cf564c 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #ae382f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.btn-coral-red i {
  color: #fff;
}

.btn-coral-red:not(:has(i)) {
  background: linear-gradient(#d4675e 0%, #d05b52 100%);
}

.btn-coral-red.disabled, .btn-coral-red[disabled], .btn-coral-red:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.btn-coral-red.disabled i, .btn-coral-red[disabled] i, .btn-coral-red:disabled i {
  color: var(--gray-400);
}

.btn-coral-red:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.btn-coral-red:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.btn-coral-red:focus-visible {
  box-shadow: none;
}

.btn-coral-red:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.btn-coral-red img {
  filter: brightness(400%);
}

.btn-coral-red:hover img {
  filter: brightness(.5);
}

.btn-rustic-brown {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#bd8657bf 0%, #b17645bf 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #855934bf, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.btn-rustic-brown i {
  color: #fff;
}

.btn-rustic-brown:not(:has(i)) {
  background: linear-gradient(#bb8251bf 0%, #b67a47bf 100%);
}

.btn-rustic-brown.disabled, .btn-rustic-brown[disabled], .btn-rustic-brown:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.btn-rustic-brown.disabled i, .btn-rustic-brown[disabled] i, .btn-rustic-brown:disabled i {
  color: var(--gray-400);
}

.btn-rustic-brown:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.btn-rustic-brown:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.btn-rustic-brown:focus-visible {
  box-shadow: none;
}

.btn-rustic-brown:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.btn-rustic-brown img {
  filter: brightness(400%);
}

.btn-rustic-brown:hover img {
  filter: brightness(.5);
}

.btn-dark-light {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#605763 0%, #504953 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e3840, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.btn-dark-light i {
  color: #fff;
}

.btn-dark-light:not(:has(i)) {
  background: linear-gradient(#5c545f 0%, #544c57 100%);
}

.btn-dark-light.disabled, .btn-dark-light[disabled], .btn-dark-light:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.btn-dark-light.disabled i, .btn-dark-light[disabled] i, .btn-dark-light:disabled i {
  color: var(--gray-400);
}

.btn-dark-light:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.btn-dark-light:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.btn-dark-light:focus-visible {
  box-shadow: none;
}

.btn-dark-light:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.btn-dark-light img {
  filter: brightness(400%);
}

.btn-dark-light:hover img {
  filter: brightness(.5);
}

.bootstrap-dialog-footer-buttons .btn {
  width: 100%;
}

.bootstrap-dialog-footer-buttons .btn-true {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.bootstrap-dialog-footer-buttons .btn-true i {
  color: #fff;
}

.bootstrap-dialog-footer-buttons .btn-true:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.bootstrap-dialog-footer-buttons .btn-true.disabled, .bootstrap-dialog-footer-buttons .btn-true[disabled], .bootstrap-dialog-footer-buttons .btn-true:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.bootstrap-dialog-footer-buttons .btn-true.disabled i, .bootstrap-dialog-footer-buttons .btn-true[disabled] i, .bootstrap-dialog-footer-buttons .btn-true:disabled i {
  color: var(--gray-400);
}

.bootstrap-dialog-footer-buttons .btn-true:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.bootstrap-dialog-footer-buttons .btn-true:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.bootstrap-dialog-footer-buttons .btn-true:focus-visible {
  box-shadow: none;
}

.bootstrap-dialog-footer-buttons .btn-true:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.bootstrap-dialog-footer-buttons .btn-default {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.bootstrap-dialog-footer-buttons .btn-default i {
  color: #fff;
}

.bootstrap-dialog-footer-buttons .btn-default:not(:has(i)) {
  background: linear-gradient(#6087b2 0%, #567fae 100%);
}

.bootstrap-dialog-footer-buttons .btn-default.disabled, .bootstrap-dialog-footer-buttons .btn-default[disabled], .bootstrap-dialog-footer-buttons .btn-default:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.bootstrap-dialog-footer-buttons .btn-default.disabled i, .bootstrap-dialog-footer-buttons .btn-default[disabled] i, .bootstrap-dialog-footer-buttons .btn-default:disabled i {
  color: var(--gray-400);
}

.bootstrap-dialog-footer-buttons .btn-default:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.bootstrap-dialog-footer-buttons .btn-default:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.bootstrap-dialog-footer-buttons .btn-default:focus-visible {
  box-shadow: none;
}

.bootstrap-dialog-footer-buttons .btn-default:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.bootstrap-dialog-footer-buttons .btn-false {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.bootstrap-dialog-footer-buttons .btn-false i {
  color: #fff;
}

.bootstrap-dialog-footer-buttons .btn-false:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.bootstrap-dialog-footer-buttons .btn-false.disabled, .bootstrap-dialog-footer-buttons .btn-false[disabled], .bootstrap-dialog-footer-buttons .btn-false:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.bootstrap-dialog-footer-buttons .btn-false.disabled i, .bootstrap-dialog-footer-buttons .btn-false[disabled] i, .bootstrap-dialog-footer-buttons .btn-false:disabled i {
  color: var(--gray-400);
}

.bootstrap-dialog-footer-buttons .btn-false:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.bootstrap-dialog-footer-buttons .btn-false:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.bootstrap-dialog-footer-buttons .btn-false:focus-visible {
  box-shadow: none;
}

.bootstrap-dialog-footer-buttons .btn-false:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.drop-down-selet-popup {
  padding: var(--drop-down-active-p);
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px #18100a14;
}

.drop-down-selet-popup li a {
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  padding: var(--list-item-one-p);
  color: var(--color-text);
  background-color: #0000;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.drop-down-selet-popup li a:hover, .drop-down-selet-popup li a:hover a, .drop-down-selet-popup li a.active, .drop-down-selet-popup li a.select2-highlighted, .drop-down-selet-popup li.active {
  color: #fff;
  font-weight: 500;
  background-color: var(--color-text) !important;
}

.drop-down-selet-popup li.active a {
  padding: var(--list-item-one-p);
  background-color: var(--color-text);
  color: #fff;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  background-color: var(--color-text) !important;
}

.drowp-down-one {
  padding: var(--drop-down-active-p);
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px #18100a14;
}

.list-item-one {
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  padding: var(--list-item-one-p);
  color: var(--color-text);
  background-color: #0000;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.list-item-one:hover, .list-item-one:hover a, .list-item-one.active, .list-item-one.select2-highlighted, .list-item-one-active-colors {
  color: #fff;
  font-weight: 500;
  background-color: var(--color-text) !important;
}

.list-item-one-active {
  padding: var(--list-item-one-p);
  background-color: var(--color-text);
  color: #fff;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  background-color: var(--color-text) !important;
}

.tab-bar-lvl-one {
  gap: var(--l1-tab-list-button-gap);
  height: var(--tab-lvl-1-tmp1-h);
  background-color: #0000;
  flex-direction: row;
  display: flex;
}

.tab-bar-lvl-three {
  height: 34px;
  margin-bottom: 0;
}

.tab-list-button-common {
  color: var(--gray-700);
  gap: var(--tab-list-button-common-gap);
  border-radius: 12px;
  padding: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.tab-list-button-common:hover {
  transform: scale(1);
}

.tab-list-button-common .tab-close-btn {
  cursor: pointer;
  display: flex;
}

.tab-list-button-common .tab-close-btn s img {
  width: 10px;
  height: 10px;
}

.tab-list-button-common .tab-counter .count {
  color: #fff;
  background-color: #888;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  padding: 2px 6px;
  font-family: Soehne, sans-serif;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  overflow-y: visible;
}

.tab-list-button-common.tab-active {
  background-color: var(--color-tertiary);
  color: #fff;
  border-radius: 5px;
  gap: 8px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.tab-list-button-common.tab-active .tab-counter .count {
  color: #fff;
  background-color: #9974ce;
}

.tab-list-button-common.tab-active:hover {
  cursor: default;
  transform: scale(1);
}

.tab-list-button-common.tab-active .tab-label {
  font-size: 14px;
}

.tab-list-button-common.tab-active .tab-label:hover {
  cursor: default;
}

.tab-item-lvl-one {
  min-height: var(--l1-tab-list-min-height);
  font-size: var(--font-size-18);
  background-color: #58505b0a;
  border-radius: 12px;
}

.tab-item-lvl-one.tab-active {
  background-color: #fff;
  background-color: var(--color-tertiary);
  border-radius: 12px;
  box-shadow: 0 4px 8px #18100a14;
}

.tab-item-lvl-two.tab-active {
  background-color: var(--color-tertiary);
}

.tab-item-lvl-two.tab-active:first-child {
  margin-left: 3px;
}

.tab-item-lvl-two.tab-active:last-child {
  margin-right: 3px;
}

.tab-item-lvl-two.tab-active .tab-label {
  font-size: 14px;
}

.tab-item-lvl-three {
  font-size: var(--font-size-13);
  line-height: var(--line-height-16);
  padding: var(--l3-tab-list-button-p);
  background-color: #9974ce14;
  border: 1px solid #dbdbdd;
}

.tab-item-lvl-three.tab-active {
  background-color: var(--color-tertiary);
}

.badges-layout-default {
  border-radius: 12px;
  padding: 6px 12px;
  font-weight: bold;
}

.priority-badge {
  color: #9974ce;
  background-color: #f1b895b3;
  border-radius: 12px;
  padding: 6px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.animate-slide-width {
  width: 200px;
  animation: .5s slideWidth;
  overflow: hidden;
}

@keyframes slideWidth {
  from {
    width: 0;
  }

  to {
    width: "inherit";
  }
}

.animate-slide-height {
  max-height: 100vh;
  animation: .5s slideHeight;
  overflow: hidden;
}

@keyframes slideHeight {
  from {
    max-height: 0;
  }

  to {
    max-height: 100vh;
  }
}

.animate-slide-height-width {
  width: "inherit";
  max-height: 100vh;
  animation: 1s slideHeight, 1s slideWidth;
  overflow: hidden;
}

.pf-cnt {
  gap: var(--layout-pf-cnt-g);
  padding: var(--layout-pf-cnt-tmp-p);
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-items: stretch;
  display: flex;
  overflow: hidden auto;
  box-shadow: 0 1px 10px #0000001a;
  border-radius: 8px !important;
}

.pf-cnt .site-id-container {
  width: 19%;
}

.pf-cnt .site-id-container .site-id-select-field-container {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  display: flex;
  overflow: hidden;
}

.pf-cnt .site-id-container .site-id-select-field-container .site-id-label {
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text);
  font-family: Soehne, sans-serif;
}

.pf-cnt .printers-container {
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  display: flex;
}

.pf-cnt .printers-container .printer-container {
  width: 19%;
}

.pf-cnt .printers-container .printer-container .printer-select-field-container {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  display: flex;
  overflow: hidden;
}

.pf-cnt .printers-container .printer-container .printer-select-field-container .printer-select-field-label {
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text);
  font-family: Soehne, sans-serif;
}

.pf-cnt .pf-op {
  gap: var(--pf-op-gap);
  flex-flow: column wrap;
  flex-shrink: 0;
  justify-content: flex-start;
  display: flex;
}

.pf-cnt .pf-op .pf-op-heading {
  height: 22px;
  font-family: Soehne, sans-serif;
  font-weight: 600;
  font-size: var(--pf-op-heading-font-size);
  line-height: 21.6px;
}

.pf-cnt .pf-op .site-id-select-field-container {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.pf-cnt .pf-op .site-id-select-field-container .site-id-label {
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text);
  font-family: Soehne, sans-serif;
}

.pf-cnt .pf-op .op-cnt {
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  min-width: 950px;
  display: flex;
}

.pf-cnt .pf-op .op-cnt .op-label {
  width: 15%;
  height: 17px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.pf-cnt .pf-op .op-cnt .op-content {
  cursor: pointer;
}

.pf-cnt .pf-op .op-cnt .op-content .pf-op-btns {
  gap: var(--pf-op-btns-gap);
  display: flex;
}

.pf-cnt .pf-op .op-cnt .op-content .pf-op-btns .pf-op-btn {
  min-width: var(--pf-op-btn-min-width);
  font-weight: var(--pf-op-btn-font-weight);
  font-size: var(--pf-op-btn-font-size);
  line-height: var(--pf-op-btn-line-height);
  padding: var(--pf-of-btn-p);
  border: 1px solid #0000;
  border-radius: 5px;
  align-items: center;
}

.pf-cnt .slt-op-btn {
  background-color: var(--color-primary);
  color: #fff;
}

.pf-cnt .pf-sep-line {
  background-color: #000;
  height: 1px;
  margin: 0;
}

.pf-cnt .qz-msg {
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.pf-cnt .qz-link {
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.pf-cnt .site-id-container .rs__control, .pf-cnt .printer-container .rs__control, .pf-cnt .site-id-select-field-container .rs__control, .pf-cnt .printer-select-field-container .rs__control, .pf-cnt .site-id-container .react-select__control, .pf-cnt .printer-container .react-select__control, .pf-cnt .site-id-select-field-container .react-select__control, .pf-cnt .printer-select-field-container .react-select__control {
  cursor: pointer;
  background: none;
  border: 1px solid #00000026;
  border-radius: 4px;
  height: 38px;
  min-height: 38px;
  transition: all .15s;
  box-shadow: none !important;
  outline: none !important;
}

.pf-cnt .site-id-container .rs__value-container, .pf-cnt .printer-container .rs__value-container, .pf-cnt .site-id-select-field-container .rs__value-container, .pf-cnt .printer-select-field-container .rs__value-container, .pf-cnt .site-id-container .react-select__value-container, .pf-cnt .printer-container .react-select__value-container, .pf-cnt .site-id-select-field-container .react-select__value-container, .pf-cnt .printer-select-field-container .react-select__value-container {
  cursor: pointer;
  align-items: center;
  padding: 0 12px;
  display: flex;
  position: relative;
}

.pf-cnt .site-id-container .rs__input-container, .pf-cnt .printer-container .rs__input-container, .pf-cnt .site-id-select-field-container .rs__input-container, .pf-cnt .printer-select-field-container .rs__input-container, .pf-cnt .site-id-container .react-select__input-container, .pf-cnt .printer-container .react-select__input-container, .pf-cnt .site-id-select-field-container .react-select__input-container, .pf-cnt .printer-select-field-container .react-select__input-container {
  margin: 0;
  padding: 0;
}

.pf-cnt .site-id-container .rs__single-value, .pf-cnt .printer-container .rs__single-value, .pf-cnt .site-id-select-field-container .rs__single-value, .pf-cnt .printer-select-field-container .rs__single-value, .pf-cnt .site-id-container .rs__placeholder, .pf-cnt .printer-container .rs__placeholder, .pf-cnt .site-id-select-field-container .rs__placeholder, .pf-cnt .printer-select-field-container .rs__placeholder, .pf-cnt .site-id-container .react-select__single-value, .pf-cnt .printer-container .react-select__single-value, .pf-cnt .site-id-select-field-container .react-select__single-value, .pf-cnt .printer-select-field-container .react-select__single-value, .pf-cnt .site-id-container .react-select__placeholder, .pf-cnt .printer-container .react-select__placeholder, .pf-cnt .site-id-select-field-container .react-select__placeholder, .pf-cnt .printer-select-field-container .react-select__placeholder {
  color: #4a5568;
  font-size: 14px;
}

.pf-cnt .site-id-container .rs__placeholder, .pf-cnt .printer-container .rs__placeholder, .pf-cnt .site-id-select-field-container .rs__placeholder, .pf-cnt .printer-select-field-container .rs__placeholder, .pf-cnt .site-id-container .react-select__placeholder, .pf-cnt .printer-container .react-select__placeholder, .pf-cnt .site-id-select-field-container .react-select__placeholder, .pf-cnt .printer-select-field-container .react-select__placeholder {
  color: #9b9fa8;
}

.pf-cnt .site-id-container .rs__indicators, .pf-cnt .printer-container .rs__indicators, .pf-cnt .site-id-select-field-container .rs__indicators, .pf-cnt .printer-select-field-container .rs__indicators, .pf-cnt .site-id-container .react-select__indicators, .pf-cnt .printer-container .react-select__indicators, .pf-cnt .site-id-select-field-container .react-select__indicators, .pf-cnt .printer-select-field-container .react-select__indicators {
  align-items: center;
  height: 100%;
  display: flex;
}

.pf-cnt .site-id-container .rs__indicator, .pf-cnt .printer-container .rs__indicator, .pf-cnt .site-id-select-field-container .rs__indicator, .pf-cnt .printer-select-field-container .rs__indicator, .pf-cnt .site-id-container .react-select__indicator, .pf-cnt .printer-container .react-select__indicator, .pf-cnt .site-id-select-field-container .react-select__indicator, .pf-cnt .printer-select-field-container .react-select__indicator {
  align-items: center;
  padding: 0 8px;
  display: flex;
}

.pf-cnt .site-id-container .rs__dropdown-indicator svg, .pf-cnt .printer-container .rs__dropdown-indicator svg, .pf-cnt .site-id-select-field-container .rs__dropdown-indicator svg, .pf-cnt .printer-select-field-container .rs__dropdown-indicator svg, .pf-cnt .site-id-container .react-select__dropdown-indicator svg, .pf-cnt .printer-container .react-select__dropdown-indicator svg, .pf-cnt .site-id-select-field-container .react-select__dropdown-indicator svg, .pf-cnt .printer-select-field-container .react-select__dropdown-indicator svg {
  fill: #00000080;
  width: 16px;
  height: 16px;
  transform: scale(.9);
}

.pf-cnt .site-id-container .rs__indicator-separator, .pf-cnt .printer-container .rs__indicator-separator, .pf-cnt .site-id-select-field-container .rs__indicator-separator, .pf-cnt .printer-select-field-container .rs__indicator-separator, .pf-cnt .site-id-container .react-select__indicator-separator, .pf-cnt .printer-container .react-select__indicator-separator, .pf-cnt .site-id-select-field-container .react-select__indicator-separator, .pf-cnt .printer-select-field-container .react-select__indicator-separator {
  display: none;
}

.pf-cnt .site-id-container .rs__clear-indicator, .pf-cnt .printer-container .rs__clear-indicator, .pf-cnt .site-id-select-field-container .rs__clear-indicator, .pf-cnt .printer-select-field-container .rs__clear-indicator, .pf-cnt .site-id-container .react-select__clear-indicator, .pf-cnt .printer-container .react-select__clear-indicator, .pf-cnt .site-id-select-field-container .react-select__clear-indicator, .pf-cnt .printer-select-field-container .react-select__clear-indicator {
  cursor: pointer;
  padding: 0 4px;
}

.pf-cnt .site-id-container .rs__clear-indicator svg, .pf-cnt .printer-container .rs__clear-indicator svg, .pf-cnt .site-id-select-field-container .rs__clear-indicator svg, .pf-cnt .printer-select-field-container .rs__clear-indicator svg, .pf-cnt .site-id-container .react-select__clear-indicator svg, .pf-cnt .printer-container .react-select__clear-indicator svg, .pf-cnt .site-id-select-field-container .react-select__clear-indicator svg, .pf-cnt .printer-select-field-container .react-select__clear-indicator svg {
  fill: #00000060;
  width: 14px;
  height: 14px;
}

.pf-cnt .site-id-container .rs__clear-indicator:hover svg, .pf-cnt .printer-container .rs__clear-indicator:hover svg, .pf-cnt .site-id-select-field-container .rs__clear-indicator:hover svg, .pf-cnt .printer-select-field-container .rs__clear-indicator:hover svg, .pf-cnt .site-id-container .react-select__clear-indicator:hover svg, .pf-cnt .printer-container .react-select__clear-indicator:hover svg, .pf-cnt .site-id-select-field-container .react-select__clear-indicator:hover svg, .pf-cnt .printer-select-field-container .react-select__clear-indicator:hover svg {
  fill: #000000a0;
}

.pf-cnt .site-id-container .rs__control:hover, .pf-cnt .printer-container .rs__control:hover, .pf-cnt .site-id-select-field-container .rs__control:hover, .pf-cnt .printer-select-field-container .rs__control:hover, .pf-cnt .site-id-container .react-select__control:hover, .pf-cnt .printer-container .react-select__control:hover, .pf-cnt .site-id-select-field-container .react-select__control:hover, .pf-cnt .printer-select-field-container .react-select__control:hover {
  background: #ffffffd9;
  border-color: #00000024;
}

.pf-cnt .site-id-container .rs__control:hover .rs__dropdown-indicator svg, .pf-cnt .printer-container .rs__control:hover .rs__dropdown-indicator svg, .pf-cnt .site-id-select-field-container .rs__control:hover .rs__dropdown-indicator svg, .pf-cnt .printer-select-field-container .rs__control:hover .rs__dropdown-indicator svg, .pf-cnt .site-id-container .react-select__control:hover .rs__dropdown-indicator svg, .pf-cnt .printer-container .react-select__control:hover .rs__dropdown-indicator svg, .pf-cnt .site-id-select-field-container .react-select__control:hover .rs__dropdown-indicator svg, .pf-cnt .printer-select-field-container .react-select__control:hover .rs__dropdown-indicator svg, .pf-cnt .site-id-container .rs__control:hover .react-select__dropdown-indicator svg, .pf-cnt .printer-container .rs__control:hover .react-select__dropdown-indicator svg, .pf-cnt .site-id-select-field-container .rs__control:hover .react-select__dropdown-indicator svg, .pf-cnt .printer-select-field-container .rs__control:hover .react-select__dropdown-indicator svg, .pf-cnt .site-id-container .react-select__control:hover .react-select__dropdown-indicator svg, .pf-cnt .printer-container .react-select__control:hover .react-select__dropdown-indicator svg, .pf-cnt .site-id-select-field-container .react-select__control:hover .react-select__dropdown-indicator svg, .pf-cnt .printer-select-field-container .react-select__control:hover .react-select__dropdown-indicator svg {
  fill: #000000a0;
}

.pf-cnt .site-id-container .rs__control--is-focused, .pf-cnt .printer-container .rs__control--is-focused, .pf-cnt .site-id-select-field-container .rs__control--is-focused, .pf-cnt .printer-select-field-container .rs__control--is-focused, .pf-cnt .site-id-container .react-select__control--is-focused, .pf-cnt .printer-container .react-select__control--is-focused, .pf-cnt .site-id-select-field-container .react-select__control--is-focused, .pf-cnt .printer-select-field-container .react-select__control--is-focused {
  box-shadow: none !important;
  background: #fffffff2 !important;
  border-color: #837bb3a6 !important;
  outline: none !important;
}

.pf-cnt .site-id-container .rs__control--menu-is-open, .pf-cnt .printer-container .rs__control--menu-is-open, .pf-cnt .site-id-select-field-container .rs__control--menu-is-open, .pf-cnt .printer-select-field-container .rs__control--menu-is-open, .pf-cnt .site-id-container .react-select__control--menu-is-open, .pf-cnt .printer-container .react-select__control--menu-is-open, .pf-cnt .site-id-select-field-container .react-select__control--menu-is-open, .pf-cnt .printer-select-field-container .react-select__control--menu-is-open {
  background: #fffffff2 !important;
  border-color: #837bb3a6 !important;
}

.pf-cnt .site-id-container .rs__menu, .pf-cnt .printer-container .rs__menu, .pf-cnt .site-id-select-field-container .rs__menu, .pf-cnt .printer-select-field-container .rs__menu, .pf-cnt .site-id-container .react-select__menu, .pf-cnt .printer-container .react-select__menu, .pf-cnt .site-id-select-field-container .react-select__menu, .pf-cnt .printer-select-field-container .react-select__menu {
  z-index: 99999;
  border: 1px solid #00000014;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 14px 40px #0000002e;
}

.pf-cnt .site-id-container .rs__menu-list, .pf-cnt .printer-container .rs__menu-list, .pf-cnt .site-id-select-field-container .rs__menu-list, .pf-cnt .printer-select-field-container .rs__menu-list, .pf-cnt .site-id-container .react-select__menu-list, .pf-cnt .printer-container .react-select__menu-list, .pf-cnt .site-id-select-field-container .react-select__menu-list, .pf-cnt .printer-select-field-container .react-select__menu-list {
  padding: 4px;
}

.pf-cnt .site-id-container .rs__option, .pf-cnt .printer-container .rs__option, .pf-cnt .site-id-select-field-container .rs__option, .pf-cnt .printer-select-field-container .rs__option, .pf-cnt .site-id-container .react-select__option, .pf-cnt .printer-container .react-select__option, .pf-cnt .site-id-select-field-container .react-select__option, .pf-cnt .printer-select-field-container .react-select__option {
  color: #4a5568;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 12.5px;
}

.pf-cnt .site-id-container .rs__option--is-focused, .pf-cnt .printer-container .rs__option--is-focused, .pf-cnt .site-id-select-field-container .rs__option--is-focused, .pf-cnt .printer-select-field-container .rs__option--is-focused, .pf-cnt .site-id-container .react-select__option--is-focused, .pf-cnt .printer-container .react-select__option--is-focused, .pf-cnt .site-id-select-field-container .react-select__option--is-focused, .pf-cnt .printer-select-field-container .react-select__option--is-focused {
  background: #5f7dc81a;
}

.pf-cnt .site-id-container .rs__option--is-selected, .pf-cnt .printer-container .rs__option--is-selected, .pf-cnt .site-id-select-field-container .rs__option--is-selected, .pf-cnt .printer-select-field-container .rs__option--is-selected, .pf-cnt .site-id-container .react-select__option--is-selected, .pf-cnt .printer-container .react-select__option--is-selected, .pf-cnt .site-id-select-field-container .react-select__option--is-selected, .pf-cnt .printer-select-field-container .react-select__option--is-selected {
  color: #4a5568;
  background: #5f7dc82e;
}

.pf-cnt .rob-mode-overlay {
  z-index: 9999;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  animation: 3s ease-in-out forwards robModeAnimation;
  display: flex;
  position: fixed;
  inset: 0;
}

.pf-cnt .rob-mode-image {
  object-fit: contain;
  max-width: 60vw;
  max-height: 60vh;
  animation: 3s ease-in-out forwards robModeImageAnimation;
}

@keyframes robModeAnimation {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes robModeImageAnimation {
  0% {
    transform: scale(0);
  }

  5% {
    transform: scale(1.15);
  }

  10% {
    transform: scale(1);
  }

  85% {
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(.9);
  }
}

.ReactModalPortal .logout-confirmation {
  flex-direction: column;
  gap: 10px;
  min-width: 320px;
  display: flex;
}

.ReactModalPortal .logout-confirmation .btn-primary {
  color: #fff;
  width: max-content;
}

.ReactModalPortal .logout-confirmation .btn-primary.logout {
  background-color: var(--color-tertiary);
}

.ReactModalPortal .logout-confirmation .btn-primary.cancel {
  color: #4d525c;
  background-color: #ccc;
}

.ReactModalPortal .logout-confirmation .btn-primary:hover {
  opacity: .8;
}

.ReactModalPortal .logout-confirmation .footer {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.g2eLmG_logoutBtn {
  color: inherit;
}

.module-sales {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 50px;
  display: flex;
}

.module-analytics {
  flex: 1;
  gap: 8px;
  width: 100%;
  height: 100%;
}

.module-analytics .generic-tab-list-container {
  margin-top: 8px;
  margin-bottom: 16px;
}

.embed-dashboard-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.embed-dashboard-wrapper .spinner-at-embed-dashboard {
  position: absolute;
  top: 0;
  left: calc(0 - 3em);
}

.embed-dashboard-wrapper .superset-embed-dashboard {
  width: 100%;
  height: 100%;
}

.embed-dashboard-wrapper .superset-embed-dashboard iframe {
  border: none;
  width: 100%;
  height: 100%;
}

.module-dispense {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

:root {
  --color-primary: #668eba;
  --color-primary-50: #f6f5f9;
  --color-primary-100: #f6f5f9;
  --color-primary-200: #dfdde3;
  --color-primary-300: #c8c5d6;
  --color-primary-400: #b1acc9;
  --color-primary-500: #9a94bf;
  --color-primary-600: #837bb2;
  --color-primary-700: #6c63a5;
  --color-primary-800: #5c548c;
  --color-primary-900: #4b4573;
  --color-primary-950: #433d66;
  --color-secondary: #5b83b0;
  --color-secondary-25: #c7e7ff;
  --color-secondary-50: #b5dcfb;
  --color-secondary-100: #a3cbed;
  --color-secondary-200: #91b9de;
  --color-secondary-300: #7fa7cf;
  --color-secondary-400: #6d95bf;
  --color-secondary-500: #5b83b0;
  --color-secondary-600: #4971a1;
  --color-secondary-700: #406591;
  --color-secondary-900: #2e4e72;
  --color-secondary-950: #264362;
  --color-tertiary: #5b83b0;
  --color-success: #7db8a5;
  --color-success-25: #f6fef9;
  --color-success-50: #ecfdf3;
  --color-success-100: #dcfae6;
  --color-success-200: #abefc6;
  --color-success-300: #89c9b5;
  --color-success-400: #7db8a5;
  --color-success-500: #7db8a5;
  --color-success-600: #529a82;
  --color-success-700: #7db8a5;
  --color-success-800: #4b8c76;
  --color-success-900: #3d7361;
  --color-success-950: #366656;
  --color-warning: #e89e64;
  --color-warning-25: #feede2;
  --color-warning-50: #fde0ce;
  --color-warning-100: #f9d0b6;
  --color-warning-200: #f6c3a2;
  --color-warning-300: #f2b78e;
  --color-warning-400: #eeaa7a;
  --color-warning-500: #e89e64;
  --color-warning-600: #d48656;
  --color-warning-700: #e89e64;
  --color-warning-800: #bf724a;
  --color-warning-900: #aa5f3f;
  --color-warning-950: #8f4f33;
  --color-error: #d98080;
  --color-error-25: #fef5f5;
  --color-error-50: #fdeaea;
  --color-error-100: #fbd8d8;
  --color-error-200: #f7c9c9;
  --color-error-300: #f1b3b3;
  --color-error-400: #eb9d9d;
  --color-error-500: #e58787;
  --color-error-600: #d07676;
  --color-error-700: #ba6666;
  --color-error-800: #a45555;
  --color-error-900: #8f4545;
  --color-text: #5e636b;
  --color-text-25: #f5f5f5;
  --color-text-50: #e3e5e8;
  --color-text-100: #d7dae0;
  --color-text-200: #b6bac2;
  --color-text-300: #9b9fa8;
  --color-text-400: #838894;
  --color-text-500: #707580;
  --color-text-600: #535862;
  --color-text-700: #4d525c;
  --color-text-800: #43464d;
  --color-text-900: #383b40;
  --color-background: #ccccc8;
  --color-background-100: #fcfcfc;
  --color-background-200: #fafaf9;
  --color-background-300: #f7f7f5;
  --color-background-400: #f5f5f3;
  --color-background-500: #e5e5e0;
  --color-background-600: #d9d9d4;
  --color-background-800: #b2b2af;
  --color-background-900: #a6a6a2;
  --color-background-950: #999996;
  --color-border: #ccccc8;
  --color-border-100: #fcfcfc;
  --color-border-200: #fafaf9;
  --color-border-300: #f7f7f5;
  --color-border-400: #f5f5f3;
  --color-border-500: #f2f2f0;
  --color-border-600: #d9d9d4;
  --color-border-700: #ccccc8;
  --color-border-800: #b2b2af;
  --color-border-900: #a6a6a2;
  --color-border-950: #999996;
  --disabled-background-200: #e0e0dc;
  --brand-50: #f6f5ff;
  --brand-100: #edebfa;
  --brand-500: #938cbd;
  --brand-700: #7c74a8;
  --brand-800: #746d9e;
  --blue-200: #7ca3cf;
  --gray-100: #e3e5e8;
  --gray-200: #d7dae0;
  --gray-300: #b6bac2;
  --gray-400: #9b9fa8;
  --gray-500: #838894;
  --gray-600: #707580;
  --gray-700: #565a62;
  --gray-800: #101217;
  --label-color: #3c3c43d9;
  --white: #fff;
  --scroll-bar: #d0d0d0;
  --color-text-50-44-percent: #fafafa70;
  --gray-80-percent: #d4d4d4;
  --color-text-100-75-percent: #f5f5f5bf;
  --color-transparent-white: #fffffff7;
  --input-bg-disabled: #f5f5f5;
  --spacing-xxsmall: 2px;
  --spacing-xsmall: 4px;
  --spacing-small: 6px;
  --spacing-standard: 8px;
  --spacing-large: 10px;
  --spacing-xlarge: 12px;
  --spacing-xxlarge: 14px;
  --spacing-xxxlarge: 16px;
  --spacing-xxxxlarge: 18px;
  --spacing-xxxxxlarge: 20px;
  --spacing-xxxxxxlarge: 24px;
  --spacing-xxxxxxxlarge: 26px;
  --spacing-xxxxxxxxlarge: 28px;
  --spacing-xxxxxxxxxlarge: 32px;
  --spacing-xxsmall-xsmall: 3px;
  --spacing-xsmall-small: 5px;
  --spacing-small-standard: 7px;
  --spacing-xlarge-xxlarge: 13px;
  --radius-xxsmall: 2px;
  --radius-xsmall: 4px;
  --radius-small: 6px;
  --radius-medium: 8px;
  --radius-large: 10px;
  --radius-xlarge: 12px;
  --radius-xxlarge: 14px;
  --radius-xxxlarge: 16px;
  --radius-xxxxlarge: 18px;
  --radius-xxxxxlarge: 20px;
  --radius-xxxxxxlarge: 24px;
  --radius-xxxxxxxlarge: 28px;
  --radius-xxxxxxxxlarge: 32px;
  --font-size-xxsmall: 12px;
  --font-size-xsmall: 14px;
  --font-size-small: 14px;
  --font-size-standard: 16px;
  --font-size-large: 24px;
  --font-size-xlarge: 30px;
  --font-size-xxlarge: 36px;
  --font-size-xxxlarge: 42px;
  --font-size-xxxxlarge: 48px;
  --font-size-xxxxxlarge: 54px;
  --font-size-xxxxxxlarge: 60px;
  --font-size-xxxxxxxlarge: 66px;
  --font-size-xxxxxxxxlarge: 72px;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 600;
  --font-weight-bolder: 700;
  --line-height-xxsmall: 12px;
  --line-height-xsmall: 14px;
  --line-height-small: 16px;
  --line-height-standard: 18px;
  --line-height-medium: 20px;
  --line-height-large: 22px;
  --line-height-xlarge: 24px;
  --line-height-xxlarge: 26px;
  --line-height-xxxlarge: 28px;
  --line-height-xxxxlarge: 30px;
  --line-height-xxxxxlarge: 32px;
  --line-height-xxxxxxlarge: 34px;
  --line-height-xxxxxxxlarge: 36px;
  --line-height-xxxxxxxxlarge: 38px;
  --line-height-xxxxxxxxxlarge: 40px;
  --line-height-xsmall-small: 15px;
}

.scheduling-calendar {
  backdrop-filter: blur(12px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #d4d4d470;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  display: flex;
  position: relative;
  overflow: visible;
}

.scheduling-calendar:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.scheduling-calendar .calendarHeader {
  z-index: 2;
  background: none;
  min-height: fit-content;
  padding: 16px 24px;
  position: relative;
}

.scheduling-calendar .calendarHeader .headerTop {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.scheduling-calendar .calendarHeader .headerTop .dateInfo {
  width: 200px;
}

.scheduling-calendar .calendarHeader .headerTop .dateInfo h2 {
  color: var(--color-text-800);
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2;
}

.scheduling-calendar .calendarHeader .headerTop .dateInfo p {
  color: var(--color-text-500);
  margin: 4px 0 0;
  font-size: 12px;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls {
  align-items: center;
  gap: 8px;
  display: flex;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons {
  -webkit-backdrop-filter: blur(8px) brightness(105%) saturate(80%);
  background-color: #d4d4d440;
  border: none;
  border-radius: 8px;
  align-items: center;
  height: 42px;
  padding: 0 6px;
  display: flex;
  box-shadow: inset 0 1px 3px 1px #3838381a;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .navButton {
  width: 32px;
  height: 32px;
  color: var(--color-text-500);
  background: #fff;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 12px 14px;
  display: flex;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .navButton:hover {
  background-color: #fff;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions {
  gap: 4px;
  display: flex;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div {
  cursor: pointer;
  color: #5e636b;
  background: none;
  border: none;
  border-radius: 4px;
  align-items: center;
  margin: 0 2px;
  padding: 4px 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div:hover {
  color: var(--color-primary-600);
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  height: 30px;
  padding: 4px 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active i {
  color: #5e636b;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active.disabled, .scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active[disabled], .scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active.disabled i, .scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active[disabled] i, .scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active:disabled i {
  color: var(--gray-400);
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active:focus-visible {
  box-shadow: none;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions > div.active span {
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions .monthViewOption {
  align-items: center;
  display: flex;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions .monthViewOption span {
  color: #5e636b;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions .monthViewOption .navButton {
  color: #5e636b;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions .monthViewOption .navButton:hover {
  color: var(--color-primary-600);
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .navigationButtons .viewOptions .monthViewOption .navButton i {
  color: var(--color-primary-600);
  font-size: 14px;
  font-weight: normal;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  height: 30px;
  padding: 4px 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton i {
  color: #5e636b;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton.disabled, .scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton[disabled], .scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton.disabled i, .scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton[disabled] i, .scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton:disabled i {
  color: var(--gray-400);
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton:focus-visible {
  box-shadow: none;
}

.scheduling-calendar .calendarHeader .headerTop .viewControls .todayButtonContainer .todayButton:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.scheduling-calendar .calendarHeader .headerTop .rightControls {
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  display: flex;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle {
  -webkit-backdrop-filter: blur(8px) brightness(105%) saturate(80%);
  background-color: #d4d4d440;
  border: none;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 5px 6px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 3px 1px #3838381a;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 30px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button img {
  filter: brightness(0) saturate() invert(50%) sepia(0%) saturate(0%) hue-rotate() brightness(95%) contrast(90%);
  width: 14px;
  height: 14px;
  transition: filter .3s;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button:hover:not(.active) {
  background-color: #0000;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #5e636b;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 30px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active i {
  color: #5e636b;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active:not(:has(i)) {
  background: linear-gradient(#f4f4f4 0%, #ececec 100%);
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active.disabled, .scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active[disabled], .scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active.disabled i, .scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active[disabled] i, .scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active:disabled i {
  color: var(--gray-400);
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #5e636b !important;
  opacity: 1 !important;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active:focus-visible {
  box-shadow: none;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .view-mode-toggle button.active img {
  filter: brightness(0) saturate() invert(35%) sepia(5%) saturate(500%) hue-rotate(185deg) brightness(95%) contrast(90%);
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .condensedViewToggle {
  align-items: center;
  gap: 8px;
  display: flex;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .condensedViewToggle span {
  color: var(--color-text-500);
  font-size: 14px;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .condensedViewToggle .ant-switch {
  background: var(--color-background-400);
  min-width: 44px;
  height: 22px;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .condensedViewToggle .ant-switch.ant-switch-checked {
  background: var(--color-primary-600);
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .condensedViewToggle .ant-switch .ant-switch-handle {
  width: 18px;
  height: 18px;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .condensedViewToggle .ant-switch.ant-switch-checked .ant-switch-handle {
  inset-inline-start: calc(100% - 20px);
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton i {
  color: #fff;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton.disabled, .scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton[disabled], .scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton.disabled i, .scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton[disabled] i, .scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton:disabled i {
  color: var(--gray-400);
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton:focus-visible {
  box-shadow: none;
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.scheduling-calendar .calendarHeader .headerTop .rightControls .addEventButton i {
  font-size: 16px;
}

.scheduling-calendar .calendarHeader .headerBottom {
  flex-wrap: wrap;
  align-items: end;
  gap: 16px;
  width: 100%;
  display: flex;
}

.scheduling-calendar .calendarHeader .headerBottom .resource-view-toggle {
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 58px;
  display: flex;
  position: relative;
}

.scheduling-calendar .calendarHeader .headerBottom .resource-view-toggle button {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
}

.scheduling-calendar .calendarHeader .headerBottom .resource-view-toggle button img {
  filter: brightness(0) saturate() invert(50%) sepia(0%) saturate(0%) hue-rotate() brightness(95%) contrast(90%);
  width: 20px;
  height: 20px;
  transition: filter .3s;
}

.scheduling-calendar .calendarHeader .headerBottom .resource-view-toggle button:hover:not(.active) {
  background-color: #0000;
}

.scheduling-calendar .calendarHeader .headerBottom .resource-view-toggle button.active {
  background-color: var(--color-primary-600);
  box-shadow: 0 2px 4px #837bb24d;
}

.scheduling-calendar .calendarHeader .headerBottom .resource-view-toggle button.active img {
  filter: brightness(0) saturate() invert() sepia(0%) saturate(0%) hue-rotate() brightness() contrast();
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container {
  flex: 1;
  overflow: visible;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__control {
  isolation: isolate;
  background: #ffffff5c;
  border: 1px solid #fff6;
  border-radius: 10px;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 40px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  box-shadow: 0 10px 30px #00000014, 0 1px 2px #0000000f, inset 0 1px #ffffff59;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__control:hover {
  border-color: #ffffff8c;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__control--is-focused {
  background: #ffffff80;
  border-color: #ffffffa6;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__value-container {
  align-items: center;
  min-width: 0;
  padding: 2px 12px;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__input-container {
  margin: 0;
  padding: 0;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__single-value {
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__indicator-separator {
  display: none;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__indicator {
  color: color-mix(in srgb, var(--color-text) 50%, transparent);
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__clear-indicator {
  cursor: pointer;
  padding: 4px;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__clear-indicator svg {
  stroke-width: 0;
  width: 16px;
  height: 16px;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__clear-indicator path {
  fill: color-mix(in srgb, var(--color-text) 40%, transparent);
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__clear-indicator:hover path {
  fill: color-mix(in srgb, var(--color-text) 65%, transparent);
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__menu {
  backdrop-filter: blur(2px);
  z-index: 1060;
  background: #ffffffe0;
  border: 1px solid #fff6;
  border-radius: 12px;
  margin-top: 6px;
  overflow: hidden;
  box-shadow: 0 18px 50px #00000024, inset 0 1px #ffffff59;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__menu-list {
  max-height: 320px;
  padding: 6px;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__option {
  color: var(--color-text);
  cursor: pointer;
  border-radius: 8px;
  padding: 10px 12px;
  transition: background-color .12s;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__option--is-focused {
  background: #0000000f;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__option--is-selected {
  background: #3c78ff29;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__control {
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 !important;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__value-container {
  align-content: center !important;
  align-self: center !important;
  align-items: center !important;
  height: 100% !important;
  margin: 0 !important;
  display: flex !important;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__placeholder, .scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__single-value {
  margin: 0 !important;
  line-height: 40px !important;
}

.scheduling-calendar .calendarHeader .headerBottom .internal-select-field-container .field-select .rs__indicators {
  align-self: center !important;
}

.calendar-container {
  background: none;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.fc {
  --fc-page-bg-color: transparent;
  --fc-neutral-bg-color: #ffffff14;
  --fc-border-color: #c8ccd2;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  width: 100% !important;
  height: 100% !important;
}

.fc .fc-view-harness {
  width: 100% !important;
  height: 100% !important;
}

.fc .fc-scrollgrid {
  border: 1px solid #c8ccd2;
  height: 100%;
  width: 100% !important;
}

.fc .fc-scrollgrid-sync-table {
  table-layout: fixed;
  width: 100% !important;
}

.fc .fc-scrollgrid-section, .fc .fc-scrollgrid-section-liquid {
  width: 100% !important;
}

.fc .fc-resource-timeline-divider {
  background: none !important;
  border-left: 1px solid #c8ccd2 !important;
  border-right: none !important;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  padding: 0 !important;
}

.fc .fc-datagrid-header {
  z-index: 100 !important;
  background: #fff9 !important;
  position: sticky !important;
  top: 0 !important;
}

.fc .fc-datagrid-header .fc-datagrid-cell-frame {
  background: none;
  align-items: center;
  padding: 0;
  display: flex;
  height: 100% !important;
  min-height: 100% !important;
}

.fc .fc-datagrid-header .fc-datagrid-cell {
  border: none !important;
  height: 100% !important;
  min-height: 100% !important;
}

.fc .fc-datagrid-header .fc-datagrid-cell-cushion {
  color: #5e636b;
  text-transform: none;
  letter-spacing: normal;
  background: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
}

.fc .fc-datagrid-body .fc-datagrid-cell-frame {
  background: none;
  padding: 0;
  align-items: center !important;
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  display: flex !important;
}

.fc .fc-datagrid-body .fc-datagrid-cell {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
}

.fc .fc-datagrid-body .fc-datagrid-cell-cushion {
  padding: 4px 8px;
}

.fc-theme-standard td, .fc-theme-standard th {
  border-color: #c8ccd2;
}

.resource-label {
  align-items: center;
  gap: 12px;
  padding: 4px 0;
  display: flex;
}

.resource-label .resource-avatar {
  background: #c8ccd2;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 20px;
  display: flex;
}

.resource-label .resource-details {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.resource-label .resource-details .resource-name {
  color: #1d1d1f;
  font-size: 14px;
  font-weight: 500;
}

.resource-label .resource-details .resource-stats {
  color: #86868b;
  font-size: 12px;
}

.fc .fc-scrollgrid-section-header {
  border-bottom: 1px solid #c8ccd2;
  z-index: 100 !important;
  background: #fff9 !important;
  position: sticky !important;
  top: 0 !important;
}

.fc .fc-scrollgrid-section-header > * {
  background: #fff9 !important;
}

.fc .fc-scrollgrid-section-header .fc-col-header-cell-cushion {
  color: #86868b !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.fc .fc-timeline-header-row {
  z-index: 100 !important;
  background: none !important;
  width: 100% !important;
}

.fc .fc-timeline-header-row .fc-timeline-slot-frame {
  justify-content: center;
  border: none !important;
}

.fc .fc-timeline-header-row table {
  table-layout: fixed !important;
  width: 100% !important;
}

.fc .fc-timeline-slot {
  border-right: 1px solid #c8ccd2;
  background: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

.fc .fc-timeline-slot:hover {
  background: #ffffff14 !important;
}

.fc .fc-timeline-slot-cushion {
  color: #5e636b;
  text-align: center;
  background: none;
  padding: 8px 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.fc .fc-col-header-cell {
  height: 36px;
  background: #fff9 !important;
  border: none !important;
}

.fc .fc-col-header-cell .fc-scrollgrid-sync-inner {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.fc .fc-col-header-cell .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
  color: #86868b;
  font-family: Soehne;
  font-size: 13px;
  font-weight: 400;
}

.fc .fc-timeline-body {
  background: none;
  width: 100% !important;
  overflow-x: hidden !important;
}

.fc .fc-timeline-body .fc-timeline-lane {
  background: none;
  border-bottom: 2px solid #c8ccd2 !important;
  width: 100% !important;
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
}

.fc .fc-timeline-body .fc-timeline-lane .fc-timeline-bg, .fc .fc-timeline-body .fc-timeline-lane .fc-timeline-events, .fc .fc-timeline-body .fc-timeline-lane > * {
  border-bottom: 2px solid #c8ccd2 !important;
}

.fc .fc-timeline-body .fc-timeline-lane-frame {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  display: flex;
  border-bottom: 1px solid #c8ccd2 !important;
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  padding: 0 !important;
}

.fc .fc-scrollgrid {
  border: 1px solid #c8ccd2 !important;
}

.fc .fc-scrollgrid-section > * {
  border-color: #c8ccd2 #c8ccd2 currentColor !important;
  border-bottom-style: none !important;
  border-bottom-width: 0 !important;
}

.fc .fc-day-today {
  background: none !important;
}

.fc .fc-timeline-slot.fc-day-today {
  background: #f9f9fb !important;
}

.fc.fc-resourceTimelineDay-view .fc-timeline-lane, .fc.fc-resourceTimelineDay-view .fc-timeline-lane-frame, .fc.fc-resourceTimelineDay-view .fc-datagrid-cell, .fc.fc-resourceTimelineDay-view .fc-datagrid-cell-frame, .fc.fc-resourceTimelineDay-view .fc-timeline-slot {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
}

.fc.fc-resourceTimelineDay-view .fc-timeline-bg, .fc.fc-resourceTimelineDay-view .fc-timeline-events {
  height: 56px !important;
}

.fc-event {
  cursor: pointer;
  min-width: 40px;
  padding: 4px 0;
  transition: all .2s;
  box-shadow: 0 1px 4px #0000001f;
  border: none !important;
  border-radius: 4px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 2px 4px !important;
}

.fc-event:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #0000002e !important;
}

.fc-event.fc-event-appointment {
  background: #edebfa !important;
  border-left: 3px solid #a69fcc !important;
}

.fc-event.fc-event-appointment .fc-event-main {
  color: #6b7280;
}

.fc-event.fc-event-available {
  background: #cbf7e9 !important;
  border-left: 3px solid #10b981 !important;
}

.fc-event.fc-event-available .fc-event-main {
  color: #6b7280;
}

.fc-event.fc-event-available.after-hours {
  background: #fae9cd !important;
  border-left: 3px solid #f5d5a4 !important;
}

.fc-event.fc-event-available.after-hours .fc-event-main {
  color: #6b7280;
}

.fc-event.fc-event-compact-view {
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fc-event.fc-event-compact-view .fc-event-main {
  padding: 0 !important;
}

.fc-event.fc-event-compact-view.fc-event-available, .fc-event.fc-event-compact-view.fc-event-available.after-hours {
  background: none !important;
  border: none !important;
}

.fc-event-main {
  padding: 0 !important;
}

.fc-event-main .fc-event-main-content {
  flex-direction: column;
  gap: 2px;
  padding: 4px 6px;
  display: flex;
}

.fc-event-title {
  padding: 0 !important;
}

.event-content {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 4px 6px;
  display: flex;
}

.event-content .event-title {
  color: #6b7280;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
  line-height: 1.3;
  display: flex;
}

.event-content .event-title .event-name-row {
  flex-direction: row;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.event-content .event-title .event-name-row > span:first-child {
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.event-content .event-title span {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 100%;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
}

.event-content .event-title .event-time-inline {
  white-space: nowrap;
  margin-left: auto;
  color: #86868b !important;
  flex: none !important;
  min-width: auto !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  overflow: visible !important;
}

.event-content .event-title .event-nurse-name {
  color: #86868b;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-top: 1px;
  font-size: 11px;
  font-weight: 400;
  overflow: hidden;
}

.event-content .event-title .event-delivery-ticket {
  color: #9ca3af;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-top: 1px;
  font-size: 10px;
  font-weight: 400;
  overflow: hidden;
}

.event-content .status-icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-top: -2px;
  display: inline-flex;
}

.event-content .status-icon .status-indicator {
  background-color: #0000;
  min-width: 0;
  padding: 0;
  font-size: 10px;
  line-height: 1;
}

.event-content .event-time {
  color: #86868b;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  padding-right: 4px;
  font-size: 13px;
  line-height: 40px;
}

.event-content .event-location {
  color: #86868b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  line-height: 1.2;
  overflow: hidden;
}

.event-content .event-duration {
  color: #6b7280;
  font-size: 10px;
  font-weight: 0;
  line-height: 1.2;
}

.event-compact {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: flex;
}

.event-compact .event-count {
  color: #1d1d1f;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
}

.event-compact-appointments, .event-compact-available {
  cursor: pointer;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 5px 8px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 4px #0000001f;
  margin: 15px 8px !important;
}

.event-compact-appointments .event-count, .event-compact-available .event-count {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 12px;
  overflow: hidden;
}

.event-compact-appointments:hover, .event-compact-available:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #0000002e;
}

.event-compact-appointments {
  background: #edebfa !important;
  border-left: 3px solid #a69fcc !important;
}

.event-compact-appointments .event-count {
  color: #4d525c;
  font-size: 12px;
}

.event-compact-appointments:hover {
  background: #edebfa !important;
  border-color: #edebfa !important;
}

.event-compact-available {
  background: #cbf7e9 !important;
  border-left: 3px solid #10b981 !important;
}

.event-compact-available.after-hours {
  background: #fae9cd !important;
  border-left: 3px solid #f5d5a4 !important;
}

.event-compact-available .event-count {
  color: #4d525c;
}

.event-compact-available:hover {
  background: #cbf7e9 !important;
  border-color: #cbf7e9 !important;
}

.event-hidden, .fc-event:has(.event-hidden) {
  display: none !important;
}

.fc-event-hidden-compact {
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  position: absolute !important;
}

.fc-scroller {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.fc-scroller::-webkit-scrollbar {
  display: none;
}

.fc .fc-scrollgrid-sync-table {
  border-collapse: collapse !important;
}

.fc td, .fc th {
  border: 1px solid #c8ccd2 !important;
}

.fc .fc-daygrid-day {
  background: #fff9 !important;
  min-height: 120px !important;
}

.fc .fc-daygrid-day.fc-day-other {
  background: #ebe9f540 !important;
}

.fc .fc-daygrid-day-frame {
  overflow: visible;
  height: 100% !important;
  min-height: 120px !important;
}

.fc .fc-daygrid-event.fc-event {
  padding: 2px 0;
  height: auto !important;
  min-height: 28px !important;
  max-height: none !important;
}

.fc .fc-daygrid-event.fc-event .event-content {
  align-items: flex-start !important;
}

.fc .fc-daygrid-event.fc-event .status-icon {
  margin-top: 3px;
  line-height: 1;
}

.fc .fc-daygrid-day-events {
  flex: 1;
  padding: 2px 4px 4px;
  overflow: hidden auto !important;
}

.fc .fc-daygrid-day-events::-webkit-scrollbar {
  width: 4px;
}

.fc .fc-daygrid-day-events::-webkit-scrollbar-track {
  background: none;
}

.fc .fc-daygrid-day-events::-webkit-scrollbar-thumb {
  background: #d2d2d7;
  border-radius: 2px;
}

.fc .fc-daygrid-day-events::-webkit-scrollbar-thumb:hover {
  background: #86868b;
}

.fc .fc-daygrid-day-top {
  opacity: 1 !important;
}

.fc .fc-daygrid-day-top .fc-daygrid-day-number {
  font-family: Soehne;
  font-size: 18px;
  font-weight: 500;
  color: #5e636b !important;
}

.fc .fc-daygrid-more-link {
  color: #7c5cdb !important;
  margin-top: 6px !important;
  padding: 2px 4px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.fc .fc-daygrid-more-link:hover {
  color: #6a4dc9 !important;
}

.fc .fc-timeline-event-harness {
  z-index: 10;
  height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
}

.fc .fc-timeline-event {
  height: 40px !important;
  max-height: 40px !important;
  margin: 0 8px !important;
}

.fc .fc-timeline-events {
  flex-direction: column;
  height: 100%;
  display: flex;
  gap: 0 !important;
  padding: 0 !important;
}

.fc .fc-timeline-bg .fc-timeline-events {
  height: 100%;
  position: relative;
}

.fc .fc-scroller-harness {
  overflow: hidden auto !important;
}

.fc .fc-datagrid-body, .fc .fc-timeline-body {
  position: relative;
  overflow: hidden auto !important;
}

.fc .fc-scroller {
  overflow: hidden auto !important;
}

.fc-resourceTimelineMonth-view .fc-scroller-harness, .fc-resourceTimelineMonth-view .fc-timeline-body, .fc-resourceTimelineMonth-view .fc-scroller {
  overflow-x: auto !important;
}

.fc-resourceTimelineMonth-view .fc-scrollgrid-sync-table, .fc-resourceTimelineMonth-view .fc-timeline-header-row table {
  table-layout: auto !important;
}

.fc-resourceTimelineMonth-view .fc-timeline-slot {
  width: auto !important;
  min-width: 80px !important;
}

.fc-resourceTimelineMonth-view .fc-event {
  min-width: 60px !important;
}

.fc-resourceTimelineMonth-view .event-time, .fc-resourceTimelineMonth-view .fc-event-time {
  display: none !important;
}

.event-list-modal .ant-modal-content {
  border-radius: 8px;
}

.event-list-modal .ant-modal-header {
  border-bottom: 1px solid #f0f0f0;
  padding: 16px 24px;
}

.event-list-modal .ant-modal-header .ant-modal-title {
  color: #1d1d1f;
  font-size: 16px;
  font-weight: 600;
}

.event-list-modal .ant-modal-body {
  max-height: 500px;
  padding: 0;
  overflow-y: auto;
}

.event-list-modal .event-list-date-group:not(:first-child) {
  border-top: 1px solid #f0f0f0;
}

.event-list-modal .event-list-date-header {
  color: #4d525c;
  z-index: 1;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 24px;
  font-size: 13px;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.event-list-modal .ant-modal-footer {
  border-top: 1px solid #f0f0f0;
  padding: 12px 24px;
}

.event-list-modal .ant-modal-footer .ant-btn.ant-btn-default {
  color: #595959;
  border-color: #d9d9d9;
}

.event-list-modal .ant-modal-footer .ant-btn.ant-btn-default:hover {
  color: #7c5cdb;
  border-color: #7c5cdb;
}

.event-list-modal .ant-modal-footer .ant-btn.ant-btn-primary {
  background: #7c5cdb;
  border-color: #7c5cdb;
}

.event-list-modal .ant-modal-footer .ant-btn.ant-btn-primary:hover {
  background: #6a4dc9;
  border-color: #6a4dc9;
}

.event-list-modal .event-list-item {
  cursor: pointer;
  border-bottom: 1px solid #f5f5f7;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  transition: background .2s;
  display: flex;
}

.event-list-modal .event-list-item:last-child {
  border-bottom: none;
}

.event-list-modal .event-list-item:hover {
  background: #f5f5f7;
}

.event-list-modal .event-list-item .event-list-item-time {
  color: #7c5cdb;
  min-width: 80px;
  font-size: 12px;
  font-weight: 600;
}

.event-list-modal .event-list-item .event-list-item-content {
  flex: 1;
  align-items: center;
  gap: 8px;
  display: flex;
}

.event-list-modal .event-list-item .event-list-item-patient {
  color: #1d1d1f;
  font-size: 13px;
  font-weight: 500;
}

.event-list-modal .event-list-item .event-type-badge {
  text-transform: uppercase;
  letter-spacing: .5px;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.event-list-modal .event-list-item .event-type-badge.available-badge {
  color: #047857;
  background: #cbf7e9;
  border: 1px solid #d1fae5;
}

.event-list-modal .event-list-item.event-list-item-available .event-list-item-time {
  color: #047857;
}

.event-list-modal .event-list-item.event-list-item-available.after-hours .event-list-item-time {
  color: #6b7280;
}

.event-list-modal .event-list-item.event-list-item-available.after-hours .event-type-badge.available-badge {
  color: #6b7280;
  background: #f3f4f6;
  border-color: #d1d5db;
}

.event-list-modal .event-list-item.event-list-item-appointment .event-list-item-time {
  color: #7c5cdb;
}

.ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-default {
  color: #595959;
  border-color: #d9d9d9;
}

.ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-default:hover {
  color: #7c5cdb;
  border-color: #7c5cdb;
}

.ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary {
  background: #7c5cdb;
  border-color: #7c5cdb;
}

.ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary:hover {
  background: #6a4dc9;
  border-color: #6a4dc9;
}

.fc-event.holiday-event {
  cursor: default !important;
  background: #fff1e5 !important;
  border: none !important;
  border-left: 3px solid #e89e64 !important;
  border-radius: 4px !important;
  align-items: center !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 28px !important;
  display: flex !important;
  box-shadow: 0 1px 4px #0000001f !important;
}

.fc-event.holiday-event:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #0000002e !important;
}

.fc-event.holiday-event .fc-event-main {
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

.fc-event.holiday-event .holiday-event-content {
  color: #1d1d1f;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 4px 8px;
  font-weight: 500;
  display: flex;
}

.fc-event.holiday-event .holiday-event-content .holiday-icon {
  color: #e89e64;
  flex-shrink: 0;
  align-items: center;
  font-size: 13px;
  line-height: 1;
  display: flex;
}

.fc-event.holiday-event .holiday-event-content .holiday-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1d1d1f;
  font-size: 12px;
  line-height: 1;
  overflow: hidden;
}

.fc-event.holiday-event .fc-event-time {
  display: none !important;
}

.fc-daygrid-event.holiday-event {
  margin: 2px 4px;
  padding: 0;
}

.fc-daygrid-event.holiday-event .holiday-event-content {
  padding: 4px 6px;
}

.fc-daygrid-event.holiday-event .holiday-event-content .holiday-icon {
  font-size: 13px;
}

.fc-daygrid-event.holiday-event .holiday-event-content .holiday-name {
  font-size: 12px;
}

.fc-timeline-event.holiday-event {
  height: 100% !important;
}

.fc-timeline-event.holiday-event .holiday-event-content {
  justify-content: center;
  height: 100%;
}

.dsl-list-tab-container, .dsl-list-inspect-view, .queue-tab-cont-container {
  overflow: visible !important;
}

.fc .fc-timegrid-divider, .fc .fc-scrollgrid-section-body:not(.fc-scrollgrid-section-liquid) {
  display: none !important;
}

.fc .fc-timegrid-slots, .fc .fc-timegrid-slots table, .fc .fc-timegrid-cols, .fc .fc-timegrid-cols table {
  height: 100% !important;
  min-height: 100% !important;
}

.fc .fc-timegrid-slot {
  border-bottom: 1px solid #c8ccd2 !important;
  height: auto !important;
}

.fc .fc-timegrid-slot-lane, .fc .fc-timegrid-slot-label {
  height: auto !important;
}

.fc .fc-timegrid-event {
  border: none !important;
  align-items: flex-start !important;
  height: auto !important;
  min-height: 30px !important;
  max-height: none !important;
  display: flex !important;
  box-shadow: 0 1px 4px #0000001f !important;
}

.fc .fc-timegrid-event .fc-event-main {
  align-items: flex-start !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
}

.fc .fc-timegrid-event-harness {
  height: auto !important;
  min-height: 30px !important;
  max-height: none !important;
}

.fc .timegrid-event-content {
  box-sizing: border-box !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  width: 100% !important;
  height: 100% !important;
  padding: 6px 8px !important;
  display: flex !important;
}

.fc .timegrid-event-content .event-top-row {
  align-items: center;
  gap: 6px;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.fc .timegrid-event-content .event-top-row .status-icon {
  flex-shrink: 0;
  margin-top: 0;
}

.fc .timegrid-event-content .event-top-row .event-patient-name {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
}

.fc .timegrid-event-content .event-nurse-name {
  color: #6b7280;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  overflow: hidden;
}

.fc .timegrid-event-content .event-time {
  color: #86868b;
  white-space: nowrap;
  text-align: left;
  align-self: flex-start;
  margin-top: auto;
  font-size: 11px;
  line-height: 1.3;
  margin-left: 0 !important;
}

.fc .fc-timegrid td, .fc .fc-timegrid th, .fc .fc-scrollgrid {
  border-color: #c8ccd2 !important;
}

.fc th.fc-col-header-cell {
  border: none !important;
}

.fc .fc-timegrid-col {
  border-color: #c8ccd2 !important;
}

.fc td.fc-timegrid-slot-label, .fc td.fc-timegrid-axis, .fc th.fc-timegrid-axis {
  border: none !important;
}

.fc .fc-timegrid-body {
  height: 100% !important;
  min-height: 100% !important;
}

.fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion {
  color: #86868b;
  font-size: 13px;
  font-weight: 400;
  padding-right: 12px !important;
}

.fc .fc-timegrid-col {
  background: #fff9 !important;
}

.fc .fc-timegrid-col-frame, .fc .fc-timegrid-slot-lane {
  background: none !important;
}

.fc-resourceTimelineDay-view th, .fc-resourceTimelineWeek-view th, .fc-resourceTimelineMonth-view th, .fc-resourceTimelineDay-view td, .fc-resourceTimelineWeek-view td, .fc-resourceTimelineMonth-view td {
  border-color: #c8ccd2 !important;
}

.fc-resourceTimelineDay-view .fc-scrollgrid-section > th, .fc-resourceTimelineWeek-view .fc-scrollgrid-section > th, .fc-resourceTimelineMonth-view .fc-scrollgrid-section > th, .fc-resourceTimelineDay-view .fc-scrollgrid-section > td, .fc-resourceTimelineWeek-view .fc-scrollgrid-section > td, .fc-resourceTimelineMonth-view .fc-scrollgrid-section > td, .fc-resourceTimelineDay-view .fc-scrollgrid-section-header, .fc-resourceTimelineWeek-view .fc-scrollgrid-section-header, .fc-resourceTimelineMonth-view .fc-scrollgrid-section-header, .fc-resourceTimelineDay-view .fc-scrollgrid-section-header > *, .fc-resourceTimelineWeek-view .fc-scrollgrid-section-header > *, .fc-resourceTimelineMonth-view .fc-scrollgrid-section-header > *, .fc-resourceTimelineDay-view .fc-scroller-harness, .fc-resourceTimelineWeek-view .fc-scroller-harness, .fc-resourceTimelineMonth-view .fc-scroller-harness, .fc-resourceTimelineDay-view .fc-scroller, .fc-resourceTimelineWeek-view .fc-scroller, .fc-resourceTimelineMonth-view .fc-scroller {
  background: none !important;
}

.fc-resourceTimelineDay-view .fc-datagrid-header, .fc-resourceTimelineWeek-view .fc-datagrid-header, .fc-resourceTimelineMonth-view .fc-datagrid-header {
  background: #fff9 !important;
}

.fc-resourceTimelineDay-view .fc-datagrid-header .fc-datagrid-cell, .fc-resourceTimelineWeek-view .fc-datagrid-header .fc-datagrid-cell, .fc-resourceTimelineMonth-view .fc-datagrid-header .fc-datagrid-cell {
  border: none !important;
  height: 100% !important;
  min-height: 100% !important;
}

.fc-resourceTimelineDay-view .fc-datagrid-header .fc-datagrid-cell-frame, .fc-resourceTimelineWeek-view .fc-datagrid-header .fc-datagrid-cell-frame, .fc-resourceTimelineMonth-view .fc-datagrid-header .fc-datagrid-cell-frame {
  background: none !important;
  height: 100% !important;
  min-height: 100% !important;
}

.fc-resourceTimelineDay-view .fc-datagrid-header .fc-datagrid-cell-cushion, .fc-resourceTimelineWeek-view .fc-datagrid-header .fc-datagrid-cell-cushion, .fc-resourceTimelineMonth-view .fc-datagrid-header .fc-datagrid-cell-cushion {
  line-height: 22px;
  background: none !important;
}

.fc-resourceTimelineDay-view .fc-timeline-header-row, .fc-resourceTimelineWeek-view .fc-timeline-header-row, .fc-resourceTimelineMonth-view .fc-timeline-header-row {
  background: none !important;
}

.fc-resourceTimelineDay-view .fc-timeline-header-row .fc-timeline-slot, .fc-resourceTimelineWeek-view .fc-timeline-header-row .fc-timeline-slot, .fc-resourceTimelineMonth-view .fc-timeline-header-row .fc-timeline-slot {
  background: #fff9 !important;
  border-left: none !important;
  border-right: none !important;
}

.fc-resourceTimelineDay-view .fc-timeline-header-row .fc-timeline-slot:hover, .fc-resourceTimelineWeek-view .fc-timeline-header-row .fc-timeline-slot:hover, .fc-resourceTimelineMonth-view .fc-timeline-header-row .fc-timeline-slot:hover {
  background: #ffffffb3 !important;
}

.fc-resourceTimelineDay-view .fc-scrollgrid-section-body .fc-timeline-slot, .fc-resourceTimelineWeek-view .fc-scrollgrid-section-body .fc-timeline-slot, .fc-resourceTimelineMonth-view .fc-scrollgrid-section-body .fc-timeline-slot {
  background: none !important;
}

.fc-resourceTimelineDay-view .fc-datagrid-body, .fc-resourceTimelineWeek-view .fc-datagrid-body, .fc-resourceTimelineMonth-view .fc-datagrid-body {
  background: #fff9 !important;
}

.fc-resourceTimelineDay-view .fc-datagrid-body .fc-datagrid-cell-frame, .fc-resourceTimelineWeek-view .fc-datagrid-body .fc-datagrid-cell-frame, .fc-resourceTimelineMonth-view .fc-datagrid-body .fc-datagrid-cell-frame, .fc-resourceTimelineDay-view .fc-datagrid-body .fc-datagrid-cell, .fc-resourceTimelineWeek-view .fc-datagrid-body .fc-datagrid-cell, .fc-resourceTimelineMonth-view .fc-datagrid-body .fc-datagrid-cell {
  background: none !important;
}

.fc-resourceTimelineDay-view .fc-timeline-body, .fc-resourceTimelineWeek-view .fc-timeline-body, .fc-resourceTimelineMonth-view .fc-timeline-body {
  background: #fff9 !important;
}

.fc-resourceTimelineDay-view .fc-timeline-lane, .fc-resourceTimelineWeek-view .fc-timeline-lane, .fc-resourceTimelineMonth-view .fc-timeline-lane {
  background: none !important;
}

.fc-resourceTimelineDay-view .fc-resource-timeline-divider, .fc-resourceTimelineWeek-view .fc-resource-timeline-divider, .fc-resourceTimelineMonth-view .fc-resource-timeline-divider {
  background: none !important;
  border: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
}

.fc-resourceTimelineDay-view .fc-scrollgrid-section > :first-child, .fc-resourceTimelineWeek-view .fc-scrollgrid-section > :first-child, .fc-resourceTimelineMonth-view .fc-scrollgrid-section > :first-child {
  border-right: 1px solid #c8ccd2 !important;
}

.fc-resourceTimelineDay-view .fc-resource-timeline-divider + *, .fc-resourceTimelineWeek-view .fc-resource-timeline-divider + *, .fc-resourceTimelineMonth-view .fc-resource-timeline-divider + * {
  border-left: none !important;
}

@media (width <= 768px) {
  .scheduling-calendar .calendarHeader .headerTop {
    flex-wrap: wrap;
    gap: 12px;
  }

  .resource-label {
    gap: 8px;
  }

  .resource-label .resource-avatar {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }

  .resource-label .resource-details .resource-name {
    font-size: 12px;
  }

  .resource-label .resource-details .resource-stats {
    font-size: 11px;
  }
}

.module-billing {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 50px;
  display: flex;
}

.wf-inspect-comp.inspect-pricing-matrix {
  background-color: #f5f5f5;
  border-radius: 0;
  min-height: 160px;
  display: flex;
}

.invoice-data-container {
  background-color: #fff;
  gap: 10px;
  padding: 0 10px 10px;
}

.invoice-data-container .invoice-list-container {
  background-color: #fafafa;
  border-radius: 6px;
  flex-direction: column;
  gap: 16px;
  padding: 12px 8px;
  display: flex;
  box-shadow: inset 0 1px 3px #38383814;
}

.invoice-data-container .invoice-list-container .summary-section {
  gap: 8px;
  display: flex;
}

.invoice-data-container .invoice-list-container .summary-section .summary-column {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.invoice-data-container .invoice-list-container .summary-section .summary-column .summary-item {
  justify-content: space-between;
  gap: 10px;
  height: 24px;
  padding-right: 10px;
  display: flex;
}

.invoice-data-container .invoice-list-container .summary-section .summary-column .summary-item .label {
  color: #5e636b;
  font-family: Soehne;
  font-size: 12px;
  font-weight: 400;
}

.invoice-data-container .invoice-list-container .summary-section .summary-column .summary-item .value {
  color: #4d525c;
  text-align: right;
  font-family: Soehne;
  font-size: 12px;
  font-weight: 600;
}

.invoice-data-container .invoice-list-container .summary-section .summary-column .summary-item.error .value {
  color: #e58787;
}

.invoice-data-container .invoice-list-container .table-container {
  border: 1px solid #e0e0dc;
  border-radius: 8px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}

.invoice-data-container .invoice-list-container .invoice-table {
  border-collapse: collapse;
  background-color: #fff;
  width: 100%;
  font-size: 14px;
}

.invoice-data-container .invoice-list-container .invoice-table th, .invoice-data-container .invoice-list-container .invoice-table td {
  text-align: left;
  border-bottom: 1px solid #e8e8e8;
  height: 36px;
  padding: 12px 16px;
}

.invoice-data-container .invoice-list-container .invoice-table th {
  color: #80807d;
  white-space: nowrap;
  background: #e5e5e0;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.invoice-data-container .invoice-list-container .invoice-table th:first-child {
  padding-left: 24px;
}

.invoice-data-container .invoice-list-container .invoice-table th:last-child {
  padding-right: 24px;
}

.invoice-data-container .invoice-list-container .invoice-table td {
  color: var(--color-text);
}

.invoice-data-container .invoice-list-container .invoice-table td:first-child {
  padding-left: 24px;
}

.invoice-data-container .invoice-list-container .invoice-table td:last-child {
  padding-right: 24px;
}

.invoice-data-container .invoice-list-container .invoice-table tbody tr {
  height: 52px;
}

.invoice-data-container .invoice-list-container .invoice-table tbody tr:hover {
  background-color: #fafafa;
}

.invoice-data-container .invoice-list-container .invoice-table tbody tr:last-child td {
  color: #5e636b;
  border-bottom: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.ar-adjustment {
  backdrop-filter: blur(12px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #d4d4d470;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 12px;
  display: flex;
  background-color: #fafafabf !important;
}

.ar-adjustment .vertical-align-center {
  align-items: center;
  display: flex;
}

.ar-adjustment .vertical-align-center-end {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.ar-adjustment .even-background {
  background-color: var(--color-background-400);
}

.ar-adjustment .odd-background {
  background-color: "#FFFFFF";
}

.ar-adjustment:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.ar-adjustment .subtitle {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #9b9fa8;
  font-family: Soehne, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
}

.ar-adjustment .action-btn-group-container {
  box-shadow: none !important;
  background-color: #0000 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ar-adjustment .horizontal-wizard-step.expanded {
  flex-basis: 40%;
}

.ar-adjustment .main-cell {
  letter-spacing: 0%;
  vertical-align: middle;
  color: #5e636b;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.ar-adjustment .main-content-container {
  border-radius: 8px;
  flex-direction: row;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 8px;
  display: flex;
}

.ar-adjustment .wizard-container {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.ar-adjustment .wizard-container .expandable-wizard-step:first-child .content {
  padding: 0 2px;
}

.ar-adjustment .wizard-container .expandable-wizard-step:first-child .content .mini-form {
  height: auto;
  min-height: fit-content;
}

.ar-adjustment .wizard-container .expandable-wizard-step:first-child .content .mini-form .form-container, .ar-adjustment .wizard-container .expandable-wizard-step:first-child .content .mini-form .cardarea {
  min-height: fit-content;
  height: auto !important;
}

.ar-adjustment .inv-item-info {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ar-adjustment .inv-item-info .inv-name {
  width: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #5e636b;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  overflow: hidden;
}

.ar-adjustment .inv-item-info .sub-cell {
  width: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #9b9fa8;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  font-family: Soehne, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.ar-adjustment .adjust-charges-container, .ar-adjustment .invoice-selection-container {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  display: flex;
}

.ar-adjustment .adjust-charges-container .filter-container, .ar-adjustment .invoice-selection-container .filter-container {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: stretch;
  gap: 8px;
  display: flex;
}

.ar-adjustment .adjust-charges-container .search-bar, .ar-adjustment .invoice-selection-container .search-bar {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  width: 100%;
  max-width: 40%;
  min-height: 40px;
  max-width: unset;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: #ffffff5c !important;
  border: 1px solid #fff6 !important;
  height: 100% !important;
  font-weight: 400 !important;
  box-shadow: 0 10px 30px #00000014, 0 1px 2px #0000000f, inset 0 1px #ffffff59 !important;
}

.ar-adjustment .adjust-charges-container .search-bar:focus-within, .ar-adjustment .invoice-selection-container .search-bar:focus-within {
  background: #ffffff80 !important;
  border-color: #ffffffa6 !important;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c !important;
}

.ar-adjustment .adjust-charges-container .search-bar > div, .ar-adjustment .invoice-selection-container .search-bar > div {
  flex: 1;
}

.ar-adjustment .adjust-charges-container .search-bar > div input, .ar-adjustment .invoice-selection-container .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.ar-adjustment .adjust-charges-container .search-bar > div input:focus, .ar-adjustment .invoice-selection-container .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.ar-adjustment .adjust-charges-container .search-bar > div input::placeholder, .ar-adjustment .invoice-selection-container .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.ar-adjustment .adjust-charges-container .search-bar:focus-within input::placeholder, .ar-adjustment .invoice-selection-container .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.ar-adjustment .adjust-charges-container .search-bar img, .ar-adjustment .invoice-selection-container .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.ar-adjustment .adjust-charges-container .search-bar:focus-within img, .ar-adjustment .invoice-selection-container .search-bar:focus-within img {
  opacity: .95;
}

.ar-adjustment .adjust-charges-container .dsl-advanced-grid, .ar-adjustment .invoice-selection-container .dsl-advanced-grid {
  flex: 1;
  min-height: 300px;
}

.ar-adjustment .adjust-charges-container {
  gap: 0;
}

.ar-adjustment .adjust-charges-container .ag-root-wrapper {
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.ar-adjustment .adjust-charges-container .ag-grid-currency-input {
  height: 44px !important;
}

.ar-adjustment .adjust-charges-container .ag-grid-select-input-container {
  height: 44px;
  box-shadow: none !important;
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-flow: column;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0;
  width: 100%;
  padding: 8px 23px;
  font-size: .85rem;
  display: flex;
  border-top: 1px solid #ebebe8 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row .information-block {
  padding: 0 4px;
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt {
  padding: 0 0 4px;
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d48e8e 0%, #cc7878 100%);
  border: 0;
  padding: 8px 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #bb4c4c, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full i {
  color: #fff;
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full:not(:has(i)) {
  background: linear-gradient(#d28989 0%, #ce7d7d 100%);
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full.disabled, .ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full[disabled], .ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full.disabled i, .ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full[disabled] i, .ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full:disabled i {
  color: var(--gray-400);
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full:focus-visible {
  box-shadow: none;
}

.ar-adjustment .adjust-charges-container .ar-posting-sticky-row .action-btn-group-cnt .btn-adjust_in_full:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ar-adjustment .footer {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding-top: 8px;
  display: flex;
}

.ar-adjustment .footer .action-btn-cnt {
  width: auto;
}

.ar-adjustment .footer .btn-cancel {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  min-width: 100px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ar-adjustment .footer .btn-cancel i {
  color: #fff;
}

.ar-adjustment .footer .btn-cancel:not(:has(i)) {
  background: linear-gradient(#ce7e7e 0%, #ca7272 100%);
}

.ar-adjustment .footer .btn-cancel.disabled, .ar-adjustment .footer .btn-cancel[disabled], .ar-adjustment .footer .btn-cancel:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ar-adjustment .footer .btn-cancel.disabled i, .ar-adjustment .footer .btn-cancel[disabled] i, .ar-adjustment .footer .btn-cancel:disabled i {
  color: var(--gray-400);
}

.ar-adjustment .footer .btn-cancel:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ar-adjustment .footer .btn-cancel:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ar-adjustment .footer .btn-cancel:focus-visible {
  box-shadow: none;
}

.ar-adjustment .footer .btn-cancel:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ar-adjustment .footer .btn-save {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  min-width: 100px;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ar-adjustment .footer .btn-save i {
  color: #fff;
}

.ar-adjustment .footer .btn-save:not(:has(i)) {
  background: linear-gradient(#5a7faa 0%, #5377a1 100%);
}

.ar-adjustment .footer .btn-save.disabled, .ar-adjustment .footer .btn-save[disabled], .ar-adjustment .footer .btn-save:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.ar-adjustment .footer .btn-save.disabled i, .ar-adjustment .footer .btn-save[disabled] i, .ar-adjustment .footer .btn-save:disabled i {
  color: var(--gray-400);
}

.ar-adjustment .footer .btn-save:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ar-adjustment .footer .btn-save:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.ar-adjustment .footer .btn-save:focus-visible {
  box-shadow: none;
}

.ar-adjustment .footer .btn-save:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.ar-adjustment .footer .info-container {
  letter-spacing: 0;
  vertical-align: middle;
  color: #4d525c;
  margin-left: 98px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.ar-adjustment .footer .action-right-cnt {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: auto;
  display: flex;
}

.ar-adjustment .footer .action-right-cnt .amount-values {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.ar-adjustment .footer .action-right-cnt .amount-values .amount-value-item {
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.ar-adjustment .footer .action-right-cnt .amount-values .amount-value-item .amount-value-item-label {
  letter-spacing: 0;
  color: #838894;
  text-align: left;
  align-content: baseline;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.ar-adjustment .footer .action-right-cnt .amount-values .amount-value-item .amount-value-item-value {
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: #707580;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.ar-adjustment .footer .action-right-cnt .amount-values .amount-value-item .amount-value-item-value.red {
  color: #bf7171;
}

.module-compliance {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.module-compliance .dsl-tab-view-container {
  gap: 8px;
  width: 100%;
}

.pmp-submit-modal .ant-modal-content {
  border-radius: 12px;
  overflow: hidden;
}

.pmp-submit-modal .ant-modal-header {
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  padding: 16px 24px;
}

.pmp-submit-modal .ant-modal-body {
  background: #fff;
  max-height: 70vh;
  padding: 24px;
  overflow-y: auto;
}

.pmp-submit-modal .pmp-submit-content .pmp-submit-error, .pmp-submit-modal .pmp-submit-content .pmp-submit-success {
  border-radius: 8px;
  margin-bottom: 20px;
}

.pmp-submit-modal .pmp-submit-content .pmp-form-section {
  box-shadow: none;
  background: #f8f9fa;
  border: 1px solid #e3e5e8;
  border-radius: 16px;
  margin-bottom: 16px;
  padding: 32px;
}

.pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field {
  margin-bottom: 16px;
}

.pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field:last-child {
  margin-bottom: 0;
}

.pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field label {
  color: #5e636b;
  margin-bottom: 8px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field label .required {
  color: #ff4d4f;
  margin-left: 4px;
}

.pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-select, .pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-picker {
  background: #fff;
  border-radius: 8px;
  width: 100%;
  font-family: Soehne, sans-serif;
}

.pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-select .ant-select-selector, .pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-picker .ant-select-selector, .pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-select .ant-picker-input input, .pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-picker .ant-picker-input input {
  color: #4d525c;
  background: #fff;
  font-family: Soehne, sans-serif;
  font-size: 14px;
}

.pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-select:hover, .pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-picker:hover, .pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-select.ant-select-focused, .pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-picker.ant-select-focused, .pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-select.ant-picker-focused, .pmp-submit-modal .pmp-submit-content .pmp-form-section .form-field .ant-picker.ant-picker-focused {
  border-color: #8b7bb8;
}

.pmp-submit-modal .pmp-submit-content .pmp-note {
  background: #fff;
  border: 1px solid #e3e5e8;
  border-radius: 12px;
  margin-top: 16px;
  padding: 16px 20px;
}

.pmp-submit-modal .pmp-submit-content .pmp-note .ant-typography {
  color: #6c757d;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
}

.pmp-submit-modal .ant-modal-footer {
  background: #fff;
  border-top: 1px solid #e8e8e8;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 24px;
  display: flex;
}

.pmp-submit-modal .ant-modal-footer .ant-btn {
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 20px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: inline-flex;
}

.pmp-submit-modal .ant-modal-footer .ant-btn[disabled] {
  opacity: .5;
  cursor: not-allowed;
}

.pmp-submit-modal .ant-modal-footer .ant-btn-default {
  color: #fff;
  background: #c97c7c;
  border: none;
  box-shadow: 0 2px 4px #c97c7c4d;
}

.pmp-submit-modal .ant-modal-footer .ant-btn-default:hover:not([disabled]) {
  color: #fff;
  background: #d68a8a;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #c97c7c66;
}

.pmp-submit-modal .ant-modal-footer .ant-btn-primary {
  color: #fff;
  background: #8b7bb8;
  border: none;
  box-shadow: 0 2px 4px #8b7bb84d;
}

.pmp-submit-modal .ant-modal-footer .ant-btn-primary:hover:not([disabled]) {
  background: #9d8ec9;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #8b7bb866;
}

.pmp-loading {
  background: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 48px 24px;
  display: flex;
}

.pmp-loading .ant-typography {
  color: #9b9fa8;
  font-family: Soehne, sans-serif;
  font-size: 14px;
}

@media (width <= 768px) {
  .pmp-submit-modal .ant-modal {
    max-width: 500px;
    margin: 20px auto;
    width: 95% !important;
  }

  .pmp-submit-modal .ant-modal-body {
    padding: 16px;
  }

  .pmp-submit-modal .pmp-form-section {
    padding: 16px !important;
  }

  .pmp-submit-modal .ant-modal-footer {
    flex-direction: column-reverse;
    gap: 8px;
    padding: 12px 16px;
  }

  .pmp-submit-modal .ant-modal-footer .ant-btn {
    justify-content: center;
    width: 100%;
  }
}

#application .dsl-grid-view {
  flex-direction: column;
  width: 100%;
  height: calc(100% - 10px);
  display: flex;
}

#application .dsl-grid-view .sum-info {
  background-color: #fafafa;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 18px;
  display: flex;
  position: relative;
  bottom: 20px;
}

#application .dsl-grid-view .sum-info .sum-label {
  font-weight: normal;
}

#application .dsl-grid-view .sum-info .sum-value {
  font-family: Soehne, sans-serif;
  font-weight: bold;
}

#application .dsl-grid-view .dt-buttons {
  display: none !important;
}

#application .dsl-grid-view .dataTables_info {
  width: 100%;
  height: auto;
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #5a595880;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  font-family: Soehne, sans-serif;
  font-weight: 400;
  display: flex;
  position: absolute;
  bottom: -15px;
}

#application .dsl-grid-view .dataTables_paginate {
  z-index: 1;
  height: 0;
  display: flex;
  position: absolute;
  bottom: -8px;
}

#application .dsl-grid-view .dataTables_paginate .paginate_button {
  height: 0;
  padding: 0;
}

#application .dsl-grid-view .dataTables_paginate .pagination {
  gap: 10px;
  margin-bottom: -1px;
  display: flex;
  position: relative !important;
  bottom: 25px !important;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li {
  flex-direction: row;
  align-items: center;
  gap: 5px;
  display: flex;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn i {
  color: #58505b;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn.disabled, #application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn[disabled], #application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn.disabled i, #application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn[disabled] i, #application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn:disabled i {
  color: var(--gray-400);
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn:focus-visible {
  box-shadow: none;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn img {
  filter: brightness(.5);
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page-btn:hover img {
  filter: brightness(400%);
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > a {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > a i {
  color: #58505b;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > a:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > a.disabled, #application .dsl-grid-view .dataTables_paginate .pagination > li > a[disabled], #application .dsl-grid-view .dataTables_paginate .pagination > li > a:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > a.disabled i, #application .dsl-grid-view .dataTables_paginate .pagination > li > a[disabled] i, #application .dsl-grid-view .dataTables_paginate .pagination > li > a:disabled i {
  color: var(--gray-400);
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > a:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > a:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > a:focus-visible {
  box-shadow: none;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > a:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > a img {
  filter: brightness(.5);
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > a:hover img {
  filter: brightness(400%);
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > span {
  border: none;
  border-radius: 6px;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > span > input {
  text-align: center;
  width: 24px;
  height: 24px;
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #5a595880;
  border: none;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > span input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > span input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li > select {
  appearance: none;
  z-index: 1;
  height: 35px;
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #5a595880;
  cursor: pointer;
  background-color: #0000;
  border: none;
  margin-right: -50px;
  padding: 5px 50px 5px 5px;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

#application .dsl-grid-view .dataTables_paginate .pagination > li .per-page {
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #5a595880;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

#application .dsl-grid-view .repeaterwrap {
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
}

#application .dsl-grid-view .repeaterwrap table {
  width: 100% !important;
}

#application .dsl-grid-view .repeaterwrap > div {
  width: 100%;
  height: 100%;
  min-height: 80px;
  padding: 0;
  display: flex;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper {
  flex-direction: column;
  align-items: end;
  width: 100%;
  height: 100%;
  display: flex;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll {
  width: 100%;
  min-height: 25px;
  max-height: var(--dt-scroll-max-height);
  overflow-y: unset;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead {
  height: auto;
  font-size: var(--font-size-12);
  line-height: var(--line-height-16);
  color: #595959;
  background-color: #f2f2f2;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  display: flex;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr th {
  padding-right: var(--dt-th-pr);
  text-wrap: nowrap;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_desc, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_asc {
  cursor: pointer;
  position: relative;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting:before, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_desc:before, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_asc:before, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting:after, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_desc:after, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_asc:after {
  content: "";
  width: 15px;
  height: 10px;
  right: var(--dt-th-before-right);
  background-repeat: no-repeat;
  background-size: var(--dt-th-before-bg);
  top: var(--dt-th-before-top);
  background-position: center;
  position: absolute;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting:after, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_desc:after, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_asc:after {
  top: var(--dt-th-after-top);
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr:hover .sorting:before, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr:hover .sorting_desc:before, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr:hover .sorting_asc:before {
  background-image: url("sorting-arrow-up.4293e234.svg");
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr:hover .sorting:after, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr:hover .sorting_desc:after, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr:hover .sorting_asc:after {
  background-image: url("sorting-arrow-down.818734b4.svg");
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr:hover .sorting_desc:after {
  background-image: url("sorting-arrow-down-active.e503d88f.svg");
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr:hover .sorting_asc:before {
  background-image: url("sorting-arrow-up-active.60dd5c58.svg");
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_desc:before {
  background-image: url("sorting-arrow-up.4293e234.svg");
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_desc:after {
  background-image: url("sorting-arrow-down-active.e503d88f.svg");
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_asc:before {
  background-image: url("sorting-arrow-up-active.60dd5c58.svg");
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead thead tr .sorting_asc:after {
  background-image: url("sorting-arrow-down.818734b4.svg");
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll thead tr th {
  padding: var(--dt-th-p);
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll tbody .odd .dataTables_empty {
  text-align: center;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll tbody tr {
  cursor: pointer;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll tbody tr:hover {
  background-color: #fafafa;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll tbody tr.tr-select {
  background-color: #eff6ff;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: unset;
  min-height: 30px;
  font-size: var(--font-size-12);
  line-height: var(--line-height-16);
  color: #111;
  border-bottom: none;
  flex-grow: 1;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  overflow-y: auto;
  height: auto !important;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody tr {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdd;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody tr td {
  padding: var(--dt-td-padding);
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody thead tr {
  border-bottom: none;
  height: auto;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody tbody tr {
  border-top: none;
  border-bottom: none;
  height: 40px;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll > div, #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll > div .dataTables_scrollHeadInner {
  width: 100% !important;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll > div .dataTables_scrollHeadInner .dataTable {
  margin-top: 0 !important;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll > div .dataTables_scrollHeadInner .repeater {
  width: 100% !important;
}

#application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_processing {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  background: none !important;
}

@media (width <= 1200px) {
  #application .dsl-grid-view .dataTables_info {
    width: auto;
    left: calc(50% - 130px);
  }

  #application .dsl-grid-view .repeaterwrap .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead {
    min-height: inherit !important;
  }
}

@media (width <= 992px) {
  #application .dsl-grid-view .dataTables_info {
    bottom: 2px;
    left: 15px;
  }
}

.dropdown-menu-selector {
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  height: fit-content;
  max-height: 250px;
  padding: 5px 10px;
  display: flex;
  overflow-y: auto;
}

.dropdown-menu-selector button {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  color: #58505b;
  text-align: start;
  text-transform: none;
  background: none;
  border: 0;
  border-bottom: 1px solid #5959591a;
  justify-content: flex-start;
  width: 100%;
  padding: 5px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: 0 !important;
}

.dropdown-menu-selector button i {
  color: #58505b;
}

.dropdown-menu-selector button:not(:has(i)) {
  background: linear-gradient(#5c545f1f 0%, #544c571f 100%);
}

.dropdown-menu-selector button.disabled, .dropdown-menu-selector button[disabled], .dropdown-menu-selector button:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.dropdown-menu-selector button.disabled i, .dropdown-menu-selector button[disabled] i, .dropdown-menu-selector button:disabled i {
  color: var(--gray-400);
}

.dropdown-menu-selector button:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.dropdown-menu-selector button:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.dropdown-menu-selector button:focus-visible {
  box-shadow: none;
}

.dropdown-menu-selector button:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.dropdown-menu-selector button img {
  filter: brightness(.5);
}

.dropdown-menu-selector button:hover img {
  filter: brightness(400%);
}

.dropdown-menu-selector button:last-child {
  border-bottom: none;
}

.dropdown-menu-selector button:hover {
  border-radius: none;
  background-color: unset;
  color: unset;
}

.dropdown-menu-btn {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.dropdown-menu-btn.active, .dropdown-menu-btn:hover {
  background: #5959591a;
  border-radius: 8px;
  height: 100%;
}

.dropdown-container {
  padding: 0 1%;
  display: inline-block;
  position: relative;
  top: -15px;
  width: 98% !important;
}

.dropdown-container.suggestions .dropdown {
  padding: var(--drop-down-active-p);
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px #18100a14;
}

.dropdown-container .dropdown {
  z-index: 10;
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-height: 185px;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow-y: scroll;
  box-shadow: 0 1px 4px #18100a14;
}

.dropdown-container .dropdown .address-suggestion {
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  padding: var(--list-item-one-p);
  color: var(--color-text);
  background-color: #0000;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.dropdown-container .dropdown .address-suggestion:hover, .dropdown-container .dropdown .address-suggestion:hover a, .dropdown-container .dropdown .address-suggestion.active, .dropdown-container .dropdown .address-suggestion.select2-highlighted {
  color: #fff;
  font-weight: 500;
  background-color: var(--color-text) !important;
}

.close-suggestions {
  display: none;
}

.field-audit-popover .generic-card-container {
  box-shadow: none !important;
  background: #fafafcfa !important;
  border: none !important;
  border-radius: 0 !important;
}

.field-audit-popover .generic-card-container .header {
  background: none !important;
  border-bottom: none !important;
  padding: 12px 16px 8px !important;
}

.field-audit-popover .generic-card-container .header .title {
  color: #1d1d1f !important;
  letter-spacing: -.01em !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.field-audit-popover .generic-card-container .body {
  margin: 0 !important;
  padding: 0 !important;
}

.field-audit-popover .ag-theme-alpine {
  --ag-background-color: transparent;
  --ag-header-background-color: transparent;
  --ag-odd-row-background-color: transparent;
  --ag-row-hover-color: #0000000a;
  --ag-border-color: transparent;
  --ag-header-foreground-color: #86868b;
  --ag-foreground-color: #1d1d1f;
  --ag-font-size: 13px;
  --ag-row-height: 44px;
  --ag-header-height: 32px;
  --ag-cell-horizontal-padding: 12px;
  font-family: SF Pro Text, Soehne, -apple-system, BlinkMacSystemFont, sans-serif;
}

.field-audit-popover .ag-theme-alpine .ag-root-wrapper {
  border: none !important;
  border-radius: 0 !important;
}

.field-audit-popover .ag-theme-alpine .ag-header {
  background: none !important;
  border-bottom: 1px solid #00000014 !important;
}

.field-audit-popover .ag-theme-alpine .ag-header-cell {
  padding: 0 12px !important;
}

.field-audit-popover .ag-theme-alpine .ag-header-cell .ag-header-cell-text {
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
  color: #86868b !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.field-audit-popover .ag-theme-alpine .ag-header-cell .ag-header-cell-menu-button {
  display: none !important;
}

.field-audit-popover .ag-theme-alpine .ag-row {
  border-bottom: 1px solid #0000000a !important;
}

.field-audit-popover .ag-theme-alpine .ag-row:last-child {
  border-bottom: none !important;
}

.field-audit-popover .ag-theme-alpine .ag-cell {
  color: #1d1d1f !important;
  align-items: center !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  display: flex !important;
}

.field-audit-popover .ag-theme-alpine .ag-cell[col-id="date"] {
  color: #86868b !important;
  font-variant-numeric: tabular-nums !important;
  font-size: 12px !important;
}

.field-audit-popover .ag-theme-alpine .ag-cell[col-id="user"] {
  font-weight: 500 !important;
}

.field-audit-popover .ag-theme-alpine .ag-cell[col-id="value"] {
  white-space: normal !important;
  -webkit-line-clamp: 2 !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  align-items: flex-start !important;
  max-height: 44px !important;
  padding-top: 10px !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.field-audit-popover .ag-theme-alpine .ag-header-cell-resize {
  display: none !important;
}

.fh-con-inner .fh-cc {
  justify-content: space-between;
}

.fh-con-inner .fh-cc h4 {
  margin-top: 5px;
}

.fh-con-inner .fh-cc div p {
  margin-bottom: 5px;
}

.form-history-poppover .poppover-inner-content {
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.form-history-poppover .poppover-inner-content h4 {
  color: #333;
  letter-spacing: -.01em;
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 600;
}

.form-history-poppover .poppover-inner-content h5 {
  color: #666;
  text-transform: uppercase;
  letter-spacing: .02em;
  margin: 16px 0 8px;
  font-size: 12px;
  font-weight: 600;
}

.form-history-poppover .poppover-inner-content .fh-cc {
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin: 4px -12px;
  padding: 10px 12px;
  transition: background-color .15s;
}

.form-history-poppover .poppover-inner-content .fh-cc:hover {
  cursor: pointer;
  background-color: #0000000d;
}

.form-history-poppover .poppover-inner-content .fh-cc:active {
  background-color: #00000014;
}

.form-history-poppover .poppover-inner-content .fh-cc div {
  margin-top: 4px;
  margin-bottom: 4px;
}

.form-history-poppover .poppover-inner-content .fh-cc div p {
  color: #444;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
}

.form-history-poppover .poppover-inner-content .fh-cc > div:last-child p {
  color: #888;
  font-size: 12px;
  font-weight: 400;
}

.billing-outstanding-ar, .billing-writeoff-grid, .billing-adjustment-grid {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.billing-outstanding-ar .toolbar-columns, .billing-writeoff-grid .toolbar-columns, .billing-adjustment-grid .toolbar-columns {
  flex-direction: row;
  flex: 50%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.billing-outstanding-ar .toolbar-columns.go-right, .billing-writeoff-grid .toolbar-columns.go-right, .billing-adjustment-grid .toolbar-columns.go-right {
  justify-content: flex-end;
}

.billing-outstanding-ar .toolbar-columns.go-left, .billing-writeoff-grid .toolbar-columns.go-left, .billing-adjustment-grid .toolbar-columns.go-left {
  justify-content: flex-start;
}

.billing-writeoff-grid, .billing-adjustment-grid {
  padding-top: 10px;
}

.field-json-react-json {
  border-radius: 12px;
  width: 100%;
  display: flex;
}

.form-horizontal .form-group:has(.json-viewer) {
  flex-direction: column;
}

.controls {
  position: relative;
}

.controls .datepicker[data-format="MM/dd/yyyy"] + :before {
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free" !important;
}

.controls .datepicker[data-format="MM/dd/yyyy HH:mm pp"] + :before {
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free" !important;
}

.controls .datepicker[data-format="HH:mm pp"] + :before {
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free" !important;
}

.controls .datepicker.weekend + :before {
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free" !important;
}

.controls > input.datepicker[readonly] + :before, .controls > input.datepicker[disabled] + :before {
  content: "";
}

.controls .field-icon {
  color: var(--color-text-400);
  cursor: pointer;
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  transition: color .3s;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}

.controls .field-icon:hover, .controls .field-icon.open {
  color: var(--color-text-500);
}

.controls:has(input.label-line-70) .field-icon {
  left: calc(70ch + 10px);
  right: auto;
}

.controls:has(input.label-line-50) .field-icon {
  left: calc(50ch + 10px);
  right: auto;
}

.controls:has(input.label-line-45) .field-icon {
  left: calc(45ch + 10px);
  right: auto;
}

.controls:has(input.label-line-37) .field-icon {
  left: calc(37ch + 10px);
  right: auto;
}

.controls:has(input.label-line-23) .field-icon {
  left: calc(23ch + 10px);
  right: auto;
}

.controls:has(input.label-line-17) .field-icon {
  left: calc(17ch + 10px);
  right: auto;
}

@media (width <= 768px) {
  .controls input.datepicker, .controls .field-icon {
    font-size: 14px;
  }
}

.field-label {
  color: #344054;
  margin-bottom: 6px;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  display: block;
}

.field-label .required {
  color: #f04438;
  margin-left: 4px;
}

.field-notes {
  color: #667085;
  margin-top: 6px;
  font-size: 14px;
  line-height: 20px;
}

.error input.datepicker {
  border-color: #f04438;
}

.error input.datepicker:focus {
  box-shadow: 0 0 0 4px #f044381a;
}

.error .field-error {
  color: #f04438;
  margin-top: 6px;
  font-size: 14px;
  line-height: 20px;
}

.datetime-picker-dropdown {
  background: #fff;
  border-color: #e5e7eb;
  z-index: 2147483647 !important;
}

.datetime-picker-dropdown .ant-picker-header {
  border-color: #e5e7eb;
}

.datetime-picker-dropdown .ant-picker-header button {
  color: #6b7280 !important;
}

.datetime-picker-dropdown .ant-picker-header button:hover {
  color: #9a94bf;
}

.datetime-picker-dropdown .ant-picker-header .ant-picker-header-view {
  color: #111827;
}

.datetime-picker-dropdown .ant-picker-body table th {
  color: #6b7280;
}

.datetime-picker-dropdown .ant-picker-body table td .ant-picker-cell-inner {
  color: #111827 !important;
}

.datetime-picker-dropdown .ant-picker-body table td .ant-picker-cell-inner:hover {
  background: #eef2ff !important;
}

.datetime-picker-dropdown .ant-picker-body table td.ant-picker-cell-selected .ant-picker-cell-inner {
  color: #fff !important;
  background: #9a94bf !important;
}

.datetime-picker-dropdown .ant-picker-body table td.ant-picker-cell-today .ant-picker-cell-inner:before {
  border-color: #9a94bf;
}

.datetime-picker-dropdown .ant-picker-body table td.ant-picker-cell-disabled .ant-picker-cell-inner {
  color: #9ca3af;
}

.datetime-picker-dropdown .ant-picker-time-panel, .datetime-picker-dropdown .ant-picker-time-panel .ant-picker-time-panel-column:not(:first-child) {
  border-color: #e5e7eb;
}

.datetime-picker-dropdown .ant-picker-time-panel .ant-picker-time-panel-cell-inner {
  color: #111827 !important;
}

.datetime-picker-dropdown .ant-picker-time-panel .ant-picker-time-panel-cell-inner:hover {
  background: #eef2ff;
}

.datetime-picker-dropdown .ant-picker-time-panel .ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  color: #fff !important;
  background: #9a94bf !important;
}

.datetime-picker-dropdown .ant-picker-footer {
  border-color: #e5e7eb;
}

.datetime-picker-dropdown .ant-picker-footer .ant-picker-ranges .ant-picker-now-btn, .datetime-picker-dropdown .ant-picker-footer .ant-picker-ranges .ant-picker-today-btn {
  color: #9a94bf;
}

.datetime-picker-dropdown .ant-picker-footer .ant-picker-ranges .ant-picker-now-btn:hover, .datetime-picker-dropdown .ant-picker-footer .ant-picker-ranges .ant-picker-today-btn:hover {
  color: #8a84af;
}

.datetime-picker-dropdown .ant-picker-footer .ant-picker-ok .ant-btn {
  background: #9a94bf;
  border-color: #9a94bf;
  color: #fff !important;
}

.datetime-picker-dropdown .ant-picker-footer .ant-picker-ok .ant-btn:hover {
  background: #8a84af;
  border-color: #8a84af;
}

.datetime-picker-dropdown .ant-picker-footer .ant-picker-ok .ant-btn:active {
  background: #7a7493;
  border-color: #7a7493;
}

.smart-field-container {
  width: 100%;
}

.smart-weight-field-container {
  flex-direction: column;
  display: flex;
  width: 100% !important;
}

.smart-weight-field-container .smart-weight-input-wrapper {
  background: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px;
  display: flex;
}

.smart-weight-field-container .smart-weight-input-wrapper .smart-weight-input {
  letter-spacing: 0;
  color: #4d525c;
  border: none;
  outline: none;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  position: absolute;
  top: 27px;
  padding: 0 !important;
}

.smart-weight-field-container .smart-weight-input-wrapper .smart-weight-input::placeholder {
  color: var(--gray-300);
}

.smart-weight-field-container .smart-weight-input-wrapper .smart-weight-input:disabled {
  color: var(--gray-400);
  cursor: not-allowed;
}

.smart-weight-field-container .smart-weight-input-wrapper .smart-weight-conversions {
  letter-spacing: 0;
  text-align: right;
  color: #838894;
  background: #f5f5f5;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  height: 51px;
  margin-left: 16px;
  padding: 14px;
  font-family: Monaco;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.smart-weight-field-container .smart-weight-input-wrapper .smart-weight-conversions .conversion-item {
  flex-shrink: 0;
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.smart-weight-field-container .smart-weight-unit-toggle {
  flex-shrink: 0;
  gap: 4px;
  display: flex;
  position: absolute;
  top: 47px;
  left: 10px;
}

.smart-weight-field-container .smart-weight-unit-toggle .unit-toggle-btn {
  max-width: fit-content;
  color: var(--gray-500);
  cursor: pointer;
  background: none;
  border: none;
  flex: 1;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 10px;
  font-weight: bold;
  transition: all .2s;
}

.smart-weight-field-container .smart-weight-unit-toggle .unit-toggle-btn:hover:not(:disabled) {
  color: var(--gray-300);
}

.smart-weight-field-container .smart-weight-unit-toggle .unit-toggle-btn.active {
  color: var(--brand-500);
  font-weight: bolder;
}

.smart-weight-field-container .smart-weight-unit-toggle .unit-toggle-btn.active:hover:not(:disabled) {
  color: var(--brand-500);
}

.smart-weight-field-container .smart-weight-unit-toggle .unit-toggle-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.cardread .smart-weight-field-container .smart-weight-input {
  top: 0 !important;
}

.cardread .smart-weight-field-container .smart-weight-conversions {
  background-color: #0000 !important;
  flex-direction: row !important;
  height: 28px !important;
  padding: 0 0 22px !important;
}

.cardread .smart-weight-field-container .smart-weight-unit-toggle {
  top: 4px !important;
  left: 66px !important;
}

.cardread .smart-weight-field-container .unit-toggle-btn:not(.active) {
  display: none !important;
}

.cardread .smart-weight-field-container .unit-toggle-btn.active {
  opacity: 1 !important;
  color: #838894 !important;
  font-weight: 400 !important;
}

.smart-height-field-container {
  flex-direction: column;
  display: flex;
  width: 100% !important;
}

.smart-height-field-container .smart-height-input-wrapper {
  background: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px;
  display: flex;
}

.smart-height-field-container .smart-height-input-wrapper .smart-height-input {
  letter-spacing: 0;
  color: #4d525c;
  border: none;
  outline: none;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  position: absolute;
  top: 27px;
  padding-top: 0 !important;
  padding-left: 0 !important;
}

.smart-height-field-container .smart-height-input-wrapper .smart-height-input::placeholder {
  color: var(--gray-300);
}

.smart-height-field-container .smart-height-input-wrapper .smart-height-input:disabled {
  color: var(--gray-400);
  cursor: not-allowed;
}

.smart-height-field-container .smart-height-input-wrapper .smart-height-conversions {
  letter-spacing: 0;
  text-align: right;
  color: #838894;
  background: #f5f5f5;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  height: 51px;
  margin-left: 16px;
  padding: 14px;
  font-family: Monaco;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.smart-height-field-container .smart-height-input-wrapper .smart-height-conversions .conversion-item {
  flex-shrink: 0;
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.smart-height-field-container .smart-height-toggle {
  flex-shrink: 0;
  gap: 4px;
  display: flex;
  position: absolute;
  top: 47px;
  left: 10px;
}

.smart-height-field-container .smart-height-toggle .unit-toggle-btn {
  max-width: fit-content;
  color: var(--gray-500);
  cursor: pointer;
  background: none;
  border: none;
  flex: 1;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 10px;
  font-weight: bold;
  transition: all .2s;
}

.smart-height-field-container .smart-height-toggle .unit-toggle-btn:hover:not(:disabled) {
  color: var(--gray-300);
}

.smart-height-field-container .smart-height-toggle .unit-toggle-btn.active {
  color: var(--brand-500);
  font-weight: bolder;
}

.smart-height-field-container .smart-height-toggle .unit-toggle-btn.active:hover:not(:disabled) {
  color: var(--brand-500);
}

.smart-height-field-container .smart-height-toggle .unit-toggle-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.cardread .smart-height-field-container .smart-height-input {
  top: 0 !important;
}

.cardread .smart-height-field-container .smart-height-conversions {
  background-color: #0000 !important;
  flex-direction: row !important;
  height: 28px !important;
  padding: 0 0 22px !important;
}

.cardread .smart-height-field-container .smart-height-toggle {
  top: 4px !important;
  left: 66px !important;
}

.cardread .smart-height-field-container .unit-toggle-btn:not(.active) {
  display: none !important;
}

.cardread .smart-height-field-container .unit-toggle-btn.active {
  opacity: 1 !important;
  color: #838894 !important;
  font-weight: 400 !important;
}

.delivery-ticket-scanner {
  flex-direction: column;
  margin-top: 20px;
  display: flex;
  width: 100% !important;
}

.delivery-ticket-scanner .ag-body-viewport, .delivery-ticket-scanner .ag-body-viewport .ag-center-cols-viewport, .delivery-ticket-scanner .ag-body-viewport .ag-center-cols-container {
  min-height: 42px !important;
}

.delivery-ticket-scanner .delivery-ticket-second-grid {
  border-radius: 6px;
  flex-direction: column;
  display: flex;
  box-shadow: inset 0 1px 3px #38383814;
  padding: 8px 8px 12px !important;
}

.delivery-ticket-scanner .delivery-ticket-second-grid .ag-root-wrapper {
  border: none;
  border-radius: 0;
}

.delivery-ticket-scanner .delivery-ticket-second-grid .ag-grid-table-container {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}

.delivery-ticket-scanner .delivery-ticket-second-grid .ag-header-container {
  color: #949491;
  background-color: #e5e5e0;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.delivery-ticket-scanner .delivery-ticket-second-grid .ag-row-odd {
  background-color: #fff;
  border-top: 1px solid gray;
}

.delivery-ticket-scanner .delivery-ticket-second-grid .ag-cell-value {
  color: #4d525c;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

.delivery-ticket-scanner .delivery-ticket-second-grid .quantity-column {
  text-align: right;
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  outline: none;
  padding: 0 8px;
  box-shadow: inset 0 1px 3px #00000014;
}

.delivery-ticket-scanner .delivery-ticket-second-grid .ag-icon-menu-alt {
  display: none;
}

.delivery-ticket-scanner .add-dispensed-item-button {
  letter-spacing: 0%;
  color: #837bb2;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.delivery-ticket-scanner .delivery-ticket-grid-footer {
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.delivery-ticket-scanner .delivery-ticket-grid-footer .delivery-ticket-error-message {
  line-height: var(--line-height-medium);
  font-size: var(--font-size-standard);
  color: #e58787;
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.delivery-ticket-scanner .delivery-ticket-grid-footer .delivery-ticket-error-message i {
  margin-right: 8px;
}

#application .form-horizontal .form-group .controls .dsl-field-reportview {
  border: 1px solid #dcdcdc;
  margin-top: 8px;
}

.form-horizontal:has(.field-field-media-viewer) {
  background: none !important;
}

.field-field-media-viewer {
  object-fit: contain;
  max-height: 90vh;
  margin-bottom: 8px;
  box-shadow: none !important;
}

.field-field-media-viewer.doc, .field-field-media-viewer.docx {
  height: 90vh;
}

.field-field-media-viewer.pdf {
  height: auto;
  min-height: 200px;
  max-height: 90vh;
  background: none !important;
}

.field-field-media-viewer.pdf .body {
  background: none !important;
  height: auto !important;
  min-height: 200px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.field-field-media-viewer.pdf .pdf-iframe {
  border: none;
  transition: height .2s ease-out;
}

.field-field-media-viewer.pdf .pdf-iframe--loading {
  opacity: .7;
}

.field-field-media-viewer.pdf .pdf-iframe--loaded {
  opacity: 1;
}

.field-field-media-viewer.pdf .pdf-iframe--minimal {
  background: none !important;
  border: none !important;
}

.field-field-media-viewer .header {
  display: none !important;
}

.field-field-media-viewer.gif .body, .field-field-media-viewer.jpeg .body, .field-field-media-viewer.jpg .body, .field-field-media-viewer.png .body {
  width: 100%;
  height: 400px;
  margin: 0;
  padding: 8px;
}

.field-field-media-viewer.gif .body img, .field-field-media-viewer.jpeg .body img, .field-field-media-viewer.jpg .body img, .field-field-media-viewer.png .body img {
  object-fit: contain;
  width: 100%;
  height: 380px;
}

.auth-modal.ant-modal {
  isolation: isolate;
}

.auth-modal .ant-modal-content {
  background-color: #ededed;
  border: 1px solid #fff6;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
  background-color: #ededed !important;
}

.auth-modal .ant-modal-header {
  background: #ededed;
  border-bottom: 1px solid #0000000f;
  padding: 16px 24px;
}

.auth-modal .auth-modal-header {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #5e636b;
  align-items: center;
  gap: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.auth-modal .auth-modal-header i {
  color: #837bb2;
  font-size: 20px;
}

.auth-modal .ant-modal-body {
  min-height: 300px;
  max-height: 70vh;
  padding: 24px;
  overflow-y: auto;
  background: #fff !important;
}

.auth-modal .auth-modal-content .card-info-section {
  background: #fafbfc;
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 16px;
}

.auth-modal .auth-modal-content .card-info-section .card-display {
  align-items: center;
  gap: 12px;
  display: flex;
}

.auth-modal .auth-modal-content .card-info-section .card-display .card-icon {
  font-size: 28px;
}

.auth-modal .auth-modal-content .card-info-section .card-display .card-details .ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #5e636b;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
}

.auth-modal .auth-modal-content .auth-description {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  margin-bottom: 20px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  display: block;
}

.auth-modal .auth-modal-content .auth-error {
  border-radius: 8px;
  margin-bottom: 16px;
}

.auth-modal .auth-modal-content .amount-section {
  background: #fff;
  border: 1px solid #e3e5e8;
  border-radius: 8px;
  padding: 16px;
}

.auth-modal .auth-modal-content .amount-section .ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #5e636b;
  margin-bottom: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  display: block;
}

.auth-modal .auth-modal-content .amount-section .amount-input {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  border-color: #e3e5e8;
  border-radius: 8px;
  width: 100%;
  height: 48px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
}

.auth-modal .auth-modal-content .amount-section .amount-input:hover, .auth-modal .auth-modal-content .amount-section .amount-input:focus {
  border-color: #837bb2;
}

.auth-modal .auth-modal-content .amount-section .amount-input.ant-input-number-focused {
  box-shadow: 0 0 0 3px #837bb226;
}

.auth-modal .auth-modal-content .amount-section .amount-input .ant-input-number-input {
  height: 46px;
  font-size: 18px;
}

.auth-modal .auth-modal-content .auth-success {
  text-align: center;
  padding: 24px 16px;
}

.auth-modal .auth-modal-content .auth-success .success-icon {
  background: #ecfdf5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  display: flex;
}

.auth-modal .auth-modal-content .auth-success .success-icon i {
  color: #52c41a;
  font-size: 28px;
}

.auth-modal .auth-modal-content .auth-success h4.ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  color: #52c41a;
  margin-bottom: 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.auth-modal .auth-modal-content .auth-success .success-detail {
  background: #fafbfc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding: 8px 16px;
  display: flex;
}

.auth-modal .auth-modal-content .auth-success .success-detail .ant-typography {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
}

.auth-modal .auth-modal-content .auth-success .success-detail .ant-typography.ant-typography-secondary {
  color: #9b9fa8;
}

.auth-modal .auth-modal-content .auth-success .success-detail code {
  background: #f0f0f0;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: monospace;
  font-size: 12px;
}

.auth-modal .auth-modal-content .auth-success .success-note {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  margin-top: 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  display: block;
}

.auth-modal .auth-modal-content .auth-success .auto-close-note {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  margin-top: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-style: italic;
  display: block;
}

.auth-modal .ant-modal-footer {
  background: none;
  border-top: 1px solid #0000000f;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  display: flex;
}

.auth-modal .ant-modal-footer .ant-btn {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 20px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: inline-flex;
}

.auth-modal .ant-modal-footer .ant-btn[disabled] {
  opacity: .5;
  cursor: not-allowed;
}

.auth-modal .ant-modal-footer .ant-btn-default {
  color: #fff;
  background: #9b9fa8;
  border: none;
  box-shadow: 0 2px 4px #9b9fa84d;
}

.auth-modal .ant-modal-footer .ant-btn-default:hover:not([disabled]) {
  color: #5e636b;
  background: #f5f5f5;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #9b9fa866;
}

.auth-modal .ant-modal-footer .ant-btn-primary {
  color: #fff;
  background: #837bb2;
  border: none;
  box-shadow: 0 2px 4px #837bb24d;
}

.auth-modal .ant-modal-footer .ant-btn-primary:hover:not([disabled]) {
  color: #837bb2;
  background: #f6f5ff;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #837bb266;
}

.list-selection-popover-container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.list-selection-popover-container .list-selection-content {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.list-selection-popover-container .list-selection-content .list-selection-grid {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.list-selection-popover-container .list-selection-content .list-selection-grid .dsl-advanced-grid {
  height: 100%;
}

.list-selection-popover-container .list-selection-footer {
  border-top: 1px solid var(--border-color, #e0e0e0);
  background-color: var(--card-bg, #fff);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.list-selection-popover-container .list-selection-footer .selection-count {
  color: var(--text-secondary, #666);
  font-size: 14px;
}

.list-selection-popover-container .list-selection-footer .done-button {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.list-selection-popover-container .list-selection-footer .done-button i {
  color: #fff;
}

.list-selection-popover-container .list-selection-footer .done-button:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.list-selection-popover-container .list-selection-footer .done-button.disabled, .list-selection-popover-container .list-selection-footer .done-button[disabled], .list-selection-popover-container .list-selection-footer .done-button:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.list-selection-popover-container .list-selection-footer .done-button.disabled i, .list-selection-popover-container .list-selection-footer .done-button[disabled] i, .list-selection-popover-container .list-selection-footer .done-button:disabled i {
  color: var(--gray-400);
}

.list-selection-popover-container .list-selection-footer .done-button:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.list-selection-popover-container .list-selection-footer .done-button:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.list-selection-popover-container .list-selection-footer .done-button:focus-visible {
  box-shadow: none;
}

.list-selection-popover-container .list-selection-footer .done-button:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.generic-card-container {
  background-color: #ededed;
  border: 1px solid #c8c8c866;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 1px 4px #18100a14;
}

.generic-card-container .header {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdd;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  padding: 14px;
  display: flex;
}

.generic-card-container .header.collapsed {
  border-bottom: none;
  border-radius: 12px;
}

.generic-card-container .header .title {
  color: #111;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.generic-card-container .header .arrow {
  cursor: pointer;
  width: 14px;
  height: 24px;
}

.generic-card-container .body {
  border-radius: inherit;
  background-color: #fbfbfb;
  height: 100%;
  padding-top: 14px;
  padding-bottom: 12px;
}

.generic-card-container .header {
  background-color: #ededed;
  border-bottom: 1px solid #0000000f;
  gap: 10px;
  padding: 16px 14px 8px;
}

.generic-card-container .body {
  border-radius: inherit;
  background: #fbfbfb;
  gap: 12px;
  height: 100%;
  margin: 0 8px 8px;
  padding-top: 14px;
  padding-bottom: 12px;
}

.generic-card-container .body .cardform .carddrop i:last-of-type {
  display: none;
}

.ReactModalPortal {
  background-color: #ededed;
  border: 1px solid #c8c8c866;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 1px 4px #18100a14;
}

.ReactModalPortal .header {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdd;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  padding: 14px;
  display: flex;
}

.ReactModalPortal .header.collapsed {
  border-bottom: none;
  border-radius: 12px;
}

.ReactModalPortal .header .title {
  color: #111;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.ReactModalPortal .header .arrow {
  cursor: pointer;
  width: 14px;
  height: 24px;
}

.ReactModalPortal .body {
  border-radius: inherit;
  background-color: #fbfbfb;
  height: 100%;
  padding-top: 14px;
  padding-bottom: 12px;
}

.ReactModalPortal .header {
  background-color: #ededed;
  border-bottom: 1px solid #0000000f;
  gap: 10px;
  padding: 16px 14px 8px;
}

.ReactModalPortal .body {
  border-radius: inherit;
  background: #fbfbfb;
  gap: 12px;
  height: 100%;
  margin: 0 8px 8px;
  padding-top: 14px;
  padding-bottom: 12px;
}

.ReactModalPortal .body .cardform .carddrop i:last-of-type {
  display: none;
}

.ReactModalPortal .center {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ReactModalPortal .waiting {
  color: #888;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px;
  font-size: 14px;
  display: flex;
}

.ReactModalPortal .simple-spinner {
  border: 4px solid #0000001a;
  border-top-color: #5b83b0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: .8s linear infinite spin;
}

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

.ReactModalPortal .start-scan {
  cursor: pointer;
  color: #888;
  border: 2px dashed #888;
  border-radius: 12px;
  padding: 17px;
  font-size: 14px;
}

.ReactModalPortal .scanner-input {
  border: none;
  width: 0;
  height: 0;
  position: absolute;
}

.ReactModalPortal .handheld-scanner {
  flex-direction: column;
  gap: 10px;
  min-width: 320px;
  display: flex;
  position: relative;
}

.ReactModalPortal .handheld-scanner .fa-spinner {
  font-size: 2em !important;
}

.ReactModalPortal .handheld-scanner .error {
  color: #d26158;
  text-align: center;
  font-family: Soehne, sans-serif;
  font-weight: bold;
}

.shipment-modal {
  background: #ededed;
  border-radius: 12px;
  flex-direction: column;
  width: 70%;
  height: auto;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px 8px #0000001a;
}

.shipment-modal .cardarea {
  border-radius: 8px;
}

.shipment-modal .modal-header {
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  display: flex;
}

.shipment-modal .modal-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.shipment-modal .modal-header .close-icon {
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: color .15s;
  display: flex;
}

.shipment-modal .modal-header .close-icon i, .shipment-modal .modal-header .close-icon .icon, .shipment-modal .modal-header .close-icon:before {
  color: #717680;
  font-size: 18px;
  transition: color .15s;
}

.shipment-modal .modal-header .close-icon:hover {
  background-color: #0000;
}

.shipment-modal .modal-header .close-icon:hover i, .shipment-modal .modal-header .close-icon:hover .icon, .shipment-modal .modal-header .close-icon:hover:before {
  color: #a6aab1;
}

.shipment-modal .modal-header .close-icon:active i, .shipment-modal .modal-header .close-icon:active .icon, .shipment-modal .modal-header .close-icon:active:before {
  color: #595d65;
}

.shipment-modal .shipment-content {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding-bottom: 10px;
  display: flex;
  overflow: visible auto;
}

.shipment-modal .action-buttons.action-btn-group-container {
  border-radius: 8px;
  margin: 0;
}

.shipment-modal .action-buttons.action-btn-group-container .action-btn-group-cnt {
  flex-shrink: 0;
  overflow: visible;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn {
  flex-shrink: 0;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary i {
  color: #fff;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary:not(:has(i)) {
  background: linear-gradient(#8880b5 0%, #7e76af 100%);
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary.disabled, .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary[disabled], .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary.disabled i, .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary[disabled] i, .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary:disabled i {
  color: var(--gray-400);
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary:focus-visible {
  box-shadow: none;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-primary:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept i {
  color: #fff;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept:not(:has(i)) {
  background: linear-gradient(#6d9c8d 0%, #659585 100%);
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept.disabled, .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept[disabled], .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept.disabled i, .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept[disabled] i, .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept:disabled i {
  color: var(--gray-400);
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept:focus-visible {
  box-shadow: none;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-accept:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error {
  text-align: center;
  text-transform: uppercase;
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  padding: 8px 16px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error i {
  color: #fff;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error:not(:has(i)) {
  background: linear-gradient(#c17676 0%, #bd6c6c 100%);
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error.disabled, .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error[disabled], .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error:disabled {
  box-shadow: none;
  color: var(--gray-400);
  cursor: not-allowed;
  background: #f5f5f5;
  border: none;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error.disabled i, .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error[disabled] i, .shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error:disabled i {
  color: var(--gray-400);
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error:hover:not(:disabled):not([disabled]):not(.disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error:active {
  filter: brightness(.98) saturate();
  transform: translateY(0);
  box-shadow: 0 1px 2px #0000001f, 0 6px 16px #00000014;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error:focus-visible {
  box-shadow: none;
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.style-error:focus:not(:disabled):not([disabled]):not(.disabled) {
  outline-offset: 2px;
  box-shadow: none;
  outline: 2px solid #0000;
  transform: translateY(1px);
}

.shipment-modal .action-buttons.action-btn-group-container .dsl-action-btn.disabled i {
  opacity: .7;
  color: #999 !important;
}

.shipment-modal .rate-selection-list {
  margin: 16px 8px;
}

.shipment-modal .rate-selection-list h4 {
  color: #333;
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 500;
}

.shipment-modal .rate-selection-list .rates-container {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  display: grid;
}

.shipment-modal .rate-selection-list .rate-card {
  cursor: pointer;
  background: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 8px;
  padding: 12px 16px;
  transition: all .2s;
}

.shipment-modal .rate-selection-list .rate-card:hover {
  border-color: #837bb2;
  box-shadow: 0 2px 8px #837bb226;
}

.shipment-modal .rate-selection-list .rate-card.selected {
  background: #f6f5ff;
  border-color: #837bb2;
  box-shadow: 0 2px 8px #837bb233;
}

.shipment-modal .rate-selection-list .rate-card .rate-provider {
  color: #666;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 4px;
  font-size: 12px;
}

.shipment-modal .rate-selection-list .rate-card .rate-service {
  color: #333;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}

.shipment-modal .rate-selection-list .rate-card .rate-details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.shipment-modal .rate-selection-list .rate-card .rate-details .rate-price {
  color: #837bb2;
  font-size: 16px;
  font-weight: 600;
}

.shipment-modal .rate-selection-list .rate-card .rate-details .rate-days {
  color: #888;
  background: #f0f0f0;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 12px;
}

.radio-group-custom {
  gap: var(--spacing-large);
  flex-direction: column;
  display: flex;
  width: max-content !important;
}

.radio-group-custom .ant-radio-wrapper {
  cursor: pointer;
  border-radius: var(--radius-medium);
  height: 32px;
  padding: 7px var(--spacing-xxxxlarge) var(--spacing-xsmall) 0;
  width: auto !important;
  margin: 0 !important;
}

.radio-group-custom .ant-radio-wrapper .ant-radio .ant-radio-inner {
  background: #fff !important;
  border: 1px solid #d7dae0 !important;
  border-radius: 0 !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 10px !important;
}

.radio-group-custom .ant-radio-wrapper .ant-radio .ant-radio-inner:after {
  display: none !important;
}

.radio-group-custom .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  background-color: var(--color-primary) !important;
  border: none !important;
}

.radio-group-custom .ant-radio-wrapper .ant-radio-checked .ant-radio-inner:after {
  content: "" !important;
  text-align: center !important;
  color: #fff !important;
  opacity: 1 !important;
  background: none !important;
  border-radius: 0 !important;
  width: 16px !important;
  height: 16px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 16px !important;
  display: block !important;
  transform: none !important;
}

.radio-group-custom .ant-radio-wrapper span:last-child {
  color: var(--label-color);
  font-size: var(--font-size-xsmall);
  line-height: 0;
  background-color: unset !important;
  font-weight: 400 !important;
}

.radio-group-custom .ant-radio-wrapper.ant-radio-wrapper-checked {
  background-color: #0000;
  box-shadow: none !important;
}

.radio-group-custom .ant-radio-wrapper.ant-radio-wrapper-checked > span:last-child {
  font-size: var(--font-size-xsmall);
  color: var(--color-primary) !important;
  font-weight: 600 !important;
}

.radio-group-custom .ant-radio-wrapper.ant-radio-wrapper-disabled {
  background-color: unset;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

.radio-group-custom .ant-radio-wrapper.ant-radio-wrapper-disabled * {
  cursor: not-allowed !important;
}

.radio-group-custom .ant-radio-wrapper.ant-radio-wrapper-disabled span:last-child {
  color: var(--gray-700) !important;
  background-color: #0000 !important;
}

.radio-group-custom .ant-radio-wrapper.ant-radio-wrapper-disabled.ant-radio-wrapper-checked span:last-child {
  color: #fff !important;
}

.radio-group-custom .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-inner {
  box-shadow: none;
  background-color: #00000005 !important;
}

.radio-group-custom .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-checked .ant-radio-inner:after {
  color: #00000059;
}

.radio-group-custom.has-error .ant-radio-wrapper {
  border: 2px solid var(--color-error);
}

.navbar {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  background-color: #d4d4d438;
  border-bottom: 1px solid #fff6;
  justify-content: space-between;
  align-items: center;
  height: 74px;
  padding: 0 16px 0 31px;
  display: flex;
}

.navbar .navbar-left:after {
  content: "beta";
  color: #fff;
  background: #f07474;
  border-radius: 14px;
  margin-top: -10px;
  margin-left: -10px;
  padding: 0 4px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  position: fixed;
}

.navbar .navbar-left .logo {
  width: 127px;
  height: auto;
}

.navbar .nav-container {
  flex-grow: 1;
  justify-content: center;
  height: 100%;
  margin: 0 20px;
  display: flex;
}

.navbar .navbar-center {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 2px 8px;
  display: flex;
}

.navbar .navbar-center .nav-item {
  color: #666;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  min-width: 32px;
  height: 58px;
  padding: 0 14px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.navbar .navbar-center .nav-item .icon-container {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.navbar .navbar-center .nav-item .icon-container img {
  width: 20px;
  height: 20px;
}

.navbar .navbar-center .nav-item .icon-container img.active {
  filter: grayscale() brightness(10);
}

.navbar .navbar-center .nav-item .icon-container .tooltiptext {
  visibility: hidden;
  background-color: var(--color-tertiary);
  color: #fff;
  text-align: center;
  z-index: 1;
  opacity: 0;
  border-radius: 10px;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-weight: 600;
  transition: opacity .3s;
  position: absolute;
  top: 150%;
}

.navbar .navbar-center .nav-item .tooltiptext:after {
  content: "";
  border-style: solid;
  border-width: 5px;
  border-color: transparent transparent var(--color-tertiary) transparent;
  margin-left: -5px;
  position: absolute;
  bottom: 100%;
  left: 50%;
}

.navbar .navbar-center .nav-item .label {
  white-space: nowrap;
  color: #4d525c;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
}

.navbar .navbar-center .nav-item .count {
  color: #666;
  opacity: 0;
  background: #f0f0f0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  margin-left: 0;
  padding: 0 6px;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  transform: scale(.8);
}

.navbar .navbar-center .nav-item:hover {
  background-color: #ffffff96;
}

.navbar .navbar-center .nav-item:hover .label {
  opacity: 1;
}

.navbar .navbar-center .nav-item:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.navbar .navbar-center .nav-item.active {
  background: var(--color-tertiary);
  color: #fff;
  border-radius: 6px;
  height: 58px;
  padding: 0 14px;
  animation: .3s cubic-bezier(.4, 0, .2, 1) expandWidth;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.navbar .navbar-center .nav-item.active .label {
  color: #fff;
  font-weight: 600;
}

.navbar .navbar-center .nav-item.active .count {
  color: var(--color-tertiary);
  opacity: 1;
  background: #ffffffe6;
  margin-left: 8px;
  transform: scale(1);
}

.navbar .navbar-center .nav-item.active .tooltiptext {
  visibility: none;
  opacity: 0;
}

.navbar .navbar-right {
  align-items: center;
  gap: 2px;
  height: 52px;
  padding: 8px 16px;
  display: flex;
}

.navbar .navbar-right .search-btn, .navbar .navbar-right .settings-btn {
  color: #666;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.navbar .navbar-right .search-btn:hover, .navbar .navbar-right .settings-btn:hover {
  background: #0000000d;
}

.navbar .navbar-right .profile-dropdown {
  position: relative;
}

.navbar .navbar-right .profile-dropdown .profile-btn {
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 8px;
  padding: 4px 8px 4px 4px;
  transition: all .2s;
  display: flex;
}

.navbar .navbar-right .profile-dropdown .profile-btn:hover {
  background: #00000005;
}

.navbar .navbar-right .profile-dropdown .profile-btn .avatar {
  display: none;
}

.navbar .navbar-right .profile-dropdown .profile-btn .profile-info {
  flex-direction: column;
  align-items: flex-start;
  margin-right: 4px;
  display: flex;
}

.navbar .navbar-right .profile-dropdown .profile-btn .profile-info .name {
  color: var(--color-text);
  font-family: Soehne, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.navbar .navbar-right .profile-dropdown .profile-btn .profile-info .role {
  color: #4d525c;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.navbar .navbar-right .profile-dropdown .profile-btn .chevron {
  color: #666;
  transition: transform .2s;
}

.navbar .navbar-right .profile-dropdown .profile-btn .chevron.open {
  transform: rotate(180deg);
}

.dropdown-menu {
  z-index: 1000;
  background: #fff;
  border: 1px solid #0000001a;
  border-radius: 8px;
  width: 200px;
  max-width: 512px;
  padding: 8px;
  animation: .2s cubic-bezier(.4, 0, .2, 1) slideIn;
  position: fixed;
  top: 70px;
  right: 24px;
  box-shadow: 0 4px 12px #0000001a;
}

.dropdown-menu .dropdown-item {
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: var(--color-text);
  background: none;
  border: none;
  padding: 8px 16px;
  font-size: 14px;
  transition: all .2s;
  border-radius: 6px !important;
  margin: 8px 0 !important;
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item.active {
  color: #fff;
  background: var(--color-text) !important;
}

.dropdown-menu .dropdown-item.logout {
  color: #dc2626;
}

.dropdown-menu .divider {
  background: #0000001a;
  height: 1px;
  margin: 8px 0;
}

@keyframes expandWidth {
  from {
    padding: 8px;
  }

  to {
    padding: 8px 14px;
  }
}

@media (width <= 768px) {
  .navbar {
    padding: 12px;
  }

  .navbar .nav-container {
    margin: 0 12px;
  }

  .navbar .navbar-center .nav-item, .navbar .navbar-center .nav-item:hover, .navbar .navbar-center .nav-item.active {
    padding: 8px;
  }

  .navbar .navbar-center .nav-item:hover .label, .navbar .navbar-center .nav-item.active .label {
    max-width: 0;
    margin-left: 0;
    display: none;
  }

  .navbar .navbar-right .profile-dropdown .profile-btn .profile-info {
    display: none;
  }
}

#application:has(.animated-tab-container.active) .animated-tab-container .window-container .window-manager-header {
  margin: 12px 10px 0;
}

#application:has(.animated-tab-container.active) .animated-tab-container .inc-container .header-container {
  padding: 16px 14px;
}

#application:has(.animated-tab-container.active) .persistent-windows-container, #application:has(.animated-tab-container.active) .has-tabs {
  backdrop-filter: blur(4px);
  isolation: isolate;
  box-shadow: 0 4px 30px #1917171a;
}

.persistent-windows-container {
  z-index: 10001;
  height: 70px;
  padding: 0;
  position: relative;
}

.taskbar-tabs {
  backdrop-filter: blur(2px) brightness(105%) saturate(70%);
  isolation: isolate;
  align-items: center;
  gap: var(--spacing-large);
  z-index: 10001;
  background-color: #edededbf;
  border-top: 1px solid #fff6;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  display: flex;
  position: relative;
  overflow-x: scroll;
}

.taskbar-tabs .taskbar-tab {
  align-items: center;
  gap: var(--spacing-large);
  cursor: pointer;
  background-color: #ffffffc4;
  border-radius: 6px;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  height: 46px;
  padding: 0 10px;
  display: flex;
  box-shadow: 0 10px 4px #0000, 0 6px 3px #00000003, 0 3px 3px #00000005, 0 2px 2px #00000008, 0 1px 1px #0000000a;
}

.taskbar-tabs .taskbar-tab .task-labels {
  flex-direction: column;
  flex-basis: 90%;
  display: flex;
}

.taskbar-tabs .taskbar-tab .task-labels .title {
  text-align: left;
  text-decoration-skip-ink: none;
  color: #5e636b;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  max-width: 13ch;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.taskbar-tabs .taskbar-tab .task-labels .subtitle {
  text-align: left;
  text-decoration-skip-ink: none;
  color: #5e636b;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  max-width: 13ch;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
}

.taskbar-tabs .taskbar-tab .task-labels:hover .title, .taskbar-tabs .taskbar-tab .task-labels:focus .title {
  color: var(--color-tertiary);
}

.taskbar-tabs .taskbar-tab .task-edit-icon {
  filter: invert(54%) sepia(5%) saturate(500%) hue-rotate(180deg);
}

.taskbar-tabs .taskbar-tab.active {
  background-color: #fff;
}

.taskbar-tabs .taskbar-tab.active .task-edit-icon {
  filter: invert(54%) sepia(22%) saturate(550%) hue-rotate(184deg);
}

.taskbar-tabs .taskbar-tab.active .task-labels .subtitle {
  color: var(--color-tertiary);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.taskbar-tabs .taskbar-tab.active .task-labels .title {
  color: var(--color-tertiary);
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.taskbar-tabs .taskbar-tab.active .task-labels:hover, .taskbar-tabs .taskbar-tab.active .task-labels:focus {
  box-shadow: none !important;
}

.form-section {
  font-size: var(--font-size-18);
  line-height: var(--line-height-28);
  text-transform: uppercase;
  color: var(--color-tertiary);
  font-weight: 500 !important;
}

.form-section-group {
  color: #888;
  font-size: var(--font-size-24);
  text-transform: uppercase;
  font-family: Soehne, sans-serif;
  line-height: normal;
  font-size: var(--form-section-group-fs);
  border-bottom: 1px solid #dbdbdd;
  font-weight: 500 !important;
}

.form-label-one {
  font-family: Soehne, sans-serif;
  font-weight: 600;
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #333;
}

.required-asterisk-icon-style {
  padding-left: var(--required-asterisk-pl);
  margin-top: -1px;
}

.required-asterisk:after {
  content: "*";
  padding-left: var(--required-asterisk-pl);
  margin-top: -1px;
}

.form-input-unit {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
}

.unit-show-unit {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #595959;
  background-color: #0000;
  border: none;
  width: calc(50% - 8px);
  margin-right: 8px;
}

.form-input-field {
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #000;
  padding: var(--form-input-field-tmp-p);
  width: 100%;
  min-height: var(--form-input-field-min-height);
  background-color: #fcfcfc;
  border: 1px solid #58505b40;
  border-radius: 12px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.form-input-field.unit {
  color: #000;
}

.form-input-field::placeholder {
  color: #5a595880;
}

.form-input-field:focus, .form-input-field-focus {
  background-color: #fff;
  border: 2px solid #5b83b0;
}

.field-required-title {
  font-size: var(--font-size-10);
  line-height: var(--line-height-24);
  color: #cc7878;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.field-required-note-helping-block {
  font-size: var(--font-size-10);
  line-height: var(--line-height-24);
  color: #5a595880;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 0;
}

.field-error-msg {
  color: #cc7878;
  font-size: var(--font-size-12);
  line-height: var(--line-height-24);
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.field-warning-msg {
  color: #ffaa5b;
  font-size: var(--font-size-12);
  line-height: var(--line-height-24);
  font-family: Soehne, sans-serif;
  font-weight: 600;
}

.form-icon-one {
  width: 18px;
  height: 18px;
  font-size: var(--font-size-18);
  cursor: pointer;
}

.add-manage-btn {
  font-size: var(--font-size-12);
  line-height: var(--line-height-24);
  color: #5a595880;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.form-radio-btn-group {
  color: #58505b;
  background: #fff;
  border: 1px solid #58505b;
}

.form-radio-btn-group-active {
  color: #fff;
  background: #58505b;
}

.search-box-one {
  padding: var(--search-box-one-p);
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #000;
  padding: var(--form-input-field-tmp-p);
  width: 100%;
  min-height: var(--form-input-field-min-height);
  background-color: #fcfcfc;
  border: 1px solid #58505b40;
  border-radius: 12px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.search-box-one.unit {
  color: #000;
}

.search-box-one::placeholder {
  color: #5a595880;
}

.search-box-one:focus {
  background-color: #fff;
  border: 2px solid #5b83b0;
}

.search-box-two {
  padding: var(--search-box-two-p);
  background-color: #fff;
  border-radius: 12px;
}

.search-box-two input {
  color: #000;
  background-color: #fff;
}

.font-icon {
  color: var(--color-primary);
  cursor: pointer;
  padding: 0 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 500;
}

.input-checkbox-defualt input[type="checkbox"] {
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  transition: background .5s;
}

.input-checkbox-defualt input[type="checkbox"]:hover:before {
  border: 2px solid #58505b;
}

.input-checkbox-defualt input[type="checkbox"]:before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid #e7e7e7;
  display: block;
}

.input-checkbox-defualt input[type="checkbox"]:checked:before {
  background-image: url("checkbox.ab3ef749.svg");
  background-size: inherit;
  background-position: center;
  border: 2px solid #9974cf;
}

.checkbox-one {
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  transition: background .5s;
}

.checkbox-one:hover:before {
  border: 2px solid #58505b;
}

.checkbox-one:before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid #e7e7e7;
  display: block;
}

.checkbox-one:checked:before {
  background-image: url("checkbox.ab3ef749.svg");
  background-size: inherit;
  background-position: center;
  border: 2px solid #9974cf;
}

.checkbox-one-inner {
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  transition: background .5s;
}

.checkbox-one-hover-before {
  border: 2px solid #58505b;
}

.checkbox-one-before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid #e7e7e7;
  display: block;
}

.checkbox-one-ckecked-before {
  background-image: url("checkbox.ab3ef749.svg");
  background-size: inherit;
  background-position: center;
  border: 2px solid #9974cf;
}

.select-box {
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #000;
  padding: var(--form-input-field-tmp-p);
  width: 100%;
  min-height: var(--form-input-field-min-height);
  background-color: #fcfcfc;
  border: 1px solid #58505b40;
  border-radius: 12px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.select-box.unit {
  color: #000;
}

.select-box::placeholder {
  color: #5a595880;
}

.select-box:focus {
  background-color: #fff;
  border: 2px solid #5b83b0;
}

.select-box:after {
  content: "";
  margin-right: var(--select-box-after-mr);
  border: 1px solid #00f !important;
}

.claim-field-vc:before {
  content: ".";
  color: #0000;
  filter: invert(57%) sepia(28%) saturate(615%) hue-rotate(171deg) brightness(90%) contrast(86%);
  background-image: url("claim.a41d3719.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.money-vc {
  color: #679989;
}

.money-vc .input {
  color: #679989 !important;
}

.money-vc:before {
  content: ".";
  color: #0000;
  background-image: url("money.2ba97c8a.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

input[class*="money"][readonly="readonly"] {
  color: #679989 !important;
}

.discount-vc {
  color: #50749c;
}

.discount-vc:before {
  content: ".";
  color: #0000;
  background-image: url("discount.3de72137.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

input[class*="discount"][readonly="readonly"] {
  color: #50749c !important;
}

.status-vc {
  color: #746d9e;
}

.status-vc .input {
  color: #746d9e !important;
}

.status-vc:before {
  content: ".";
  color: #0000;
  background-image: url("status.352c091b.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

input[class*="status"][readonly="readonly"] {
  color: #746d9e !important;
}

.important-vc {
  color: #746d9e;
}

.important-vc .input {
  color: #746d9e !important;
}

.important-vc:before {
  content: ".";
  color: #0000;
  background-image: url("important.649d9e9a.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

input[class*="important"][readonly="readonly"] {
  color: #746d9e !important;
}

.check-field-vc {
  color: #f57066;
}

.check-field-vc:before {
  content: ".";
  color: #0000;
  background-image: url("checkmark.1b8e6698.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.fdb-field-vc:before {
  content: ".";
  color: #0000;
  background-image: url("fdb.868703bd.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.cms-1500-field-vc:before {
  content: ".";
  color: #0000;
  background-image: url("cms-1500.959fdeb1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 12px;
}

.dotted-field-style {
  background-color: #0000;
  border: 0 dotted;
  border-bottom: 2px dotted #595a5a80;
  border-radius: 0;
}

.animated-tab-container:has(.arrowDownContainer.open) .header-container .insurance-info {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 2px 2px #d4d4d4, 0 2px 5px #0000000f;
}

.animated-tab-container {
  border-radius: none;
  z-index: 1000;
  gap: var(--spacing-standard);
  background: #ededed;
  flex-direction: column;
  flex: 1;
  height: calc(100vh - 68px);
  max-height: calc(100vh - 68px);
  padding: 12px 12px 24px;
  transition: all .3s ease-in-out, backdrop-filter .25s ease-out, background .25s ease-out;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
  transform: translateY(0);
}

.animated-tab-container.inactive {
  pointer-events: none;
  display: none;
}

.animated-tab-container.active {
  opacity: 1;
  pointer-events: auto;
  display: flex;
  left: 0;
  transform: translateY(0);
}

.animated-tab-container .inc-container {
  height: 106px;
  margin: 8px 0 0;
  padding: 8px;
}

.animated-tab-container .inc-container .header-container {
  padding-bottom: 0;
}

.animated-tab-container .inc-container .header-container .insurance-info {
  box-shadow: none;
  background-color: #0000;
  margin-right: 8px;
  cursor: unset !important;
  border: none !important;
}

.animated-tab-container .inc-container .header-container .insurance-info:before {
  background: none !important;
}

.animated-tab-container .inc-container .header-container .insurance-info .ins-top .wgdt-container {
  display: none !important;
}

.animated-tab-container .inc-container.cond-background {
  background-color: #ededed;
  border: 1px solid #fff6;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
}

@media (width <= 1440px) {
  .animated-tab-container .inc-container .header-container .med-info {
    max-width: 20%;
  }
}

.window-manager .window-container {
  padding: 0px var(--spacing-standard);
  gap: var(--spacing-standard);
  background-color: #ededed;
  border: 1px solid #fff6;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 2px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
}

.window-manager .window-container .formerror-container.header-level {
  z-index: 1002;
  pointer-events: auto;
  width: fit-content;
  max-width: calc(100% - 500px);
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.window-manager .window-container .formerror-container.header-level .formerror {
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: help;
  background: #fff3f2;
  border: 1px solid #e587874d;
  border-radius: 6px;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 4px 12px;
  animation: .25s ease-out forwards formErrorFadeIn;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #0000000f;
}

.window-manager .window-container .formerror-container.header-level .formerror div {
  color: #d98080;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  display: inline;
}

.window-manager .window-container .formerror-container.header-level .formerror div:before {
  content: "";
  color: #e58787;
  margin-right: 6px;
  font-family: "Font Awesome 6 Pro";
  font-size: 11px;
  font-weight: 600;
}

.window-manager .window-container .formerror-container.header-level .formerror div + div, .window-manager .window-container .window-manager-content .formerror-container {
  display: none;
}

@keyframes formErrorFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.window-manager .window-container .window-manager-content {
  padding: 0px var(--spacing-standard);
  gap: var(--spacing-standard);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding-bottom: 12px;
  display: flex;
  overflow: hidden;
}

.window-manager .window-container .window-manager-content .form-container {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.window-manager .window-container .window-manager-content .form-container .dsl-templ-area {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  position: relative;
  background-color: #0000 !important;
}

.window-manager .window-container .window-manager-content .dsl-card-duel-card > .form-container, .window-manager .window-container .window-manager-content .card-with-preview > .form-container {
  flex-direction: row;
}

.window-manager .window-container .window-manager-content .form-read-mode .dsl-templ-area {
  background-color: #0000;
}

.window-manager .window-container .window-manager-content .wizard-bar-bottom {
  flex-shrink: 0;
  align-self: flex-end;
}

.window-manager .window-container .window-manager-content .wizard-bottom-bar {
  background: none;
}

.window-manager .window-container .window-manager-header {
  height: max-content;
  max-height: 44px;
  padding: 8px var(--spacing-standard);
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  margin-right: 12px;
  padding-bottom: 4px;
  display: flex;
  position: relative;
}

.window-manager .window-container .window-manager-header .window-manager-header-title-container {
  flex: none;
  align-items: center;
  gap: 8px;
  display: flex;
}

.window-manager .window-container .window-manager-header .window-manager-header-title {
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smooth: antialiased;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #466a92;
  margin-left: 4px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.window-manager .window-container .window-manager-header .window-manager-header-subtitle {
  color: #707580;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: 14px;
  display: none;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.window-manager .window-container .window-manager-header .form-link-icons-container {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.window-manager .window-container .window-manager-header .window-manager-header-actions {
  flex: none;
  gap: 15px;
  margin-right: 4px;
  display: flex;
}

.window-manager .window-container .window-manager-header .window-manager-header-actions .window-manager-header-action-button {
  cursor: pointer;
  align-self: center;
}

.window-manager .window-container .window-manager-header .window-manager-header-actions .window-manager-header-action-button img {
  width: 18px;
  height: 18px;
  transition: filter .2s;
}

.window-manager .window-container .window-manager-header .window-manager-header-actions .window-manager-header-action-button img:hover {
  filter: brightness(.7);
}

.window-manager .window-container .window-manager-header .window-manager-header-actions .window-manager-header-setting-button {
  cursor: pointer;
  padding-top: 6px;
}

.window-manager .window-container .window-manager-header .window-manager-header-actions .window-manager-header-setting-button:before {
  content: " ";
  color: #a4a7ae;
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  transition: color .2s;
}

.window-manager .window-container .window-manager-header .window-manager-header-actions .window-manager-header-setting-button:hover:before {
  color: #73757a;
}

.window-manager .window-container .dsl-templ-area {
  background-color: #0000;
}

.window-manager .window-container .dsl-tab-container {
  max-height: 100%;
  height: fit-content !important;
  min-height: auto !important;
}

.window-manager .window-container .dsl-tab-container.level_1 {
  height: 100% !important;
}

.window-manager .window-container .dsl-tab-container .dsl-tab-header {
  z-index: 10;
  transition: all .2s;
  position: sticky;
  top: 0;
}

.window-manager .window-container .dsl-tab-container .dsl-tab-header:not(.level_1) {
  padding-left: 12px !important;
}

.window-manager .window-container .dsl-tab-container .dsl-tab-header.scrolled {
  background: none;
  border-bottom: 1px solid #0000001a;
  box-shadow: 0 2px 6px #0000000f, 0 1px 2px #0000000a;
}

.window-manager .window-container .search-box {
  backdrop-filter: blur(2px);
  isolation: isolate;
  border-radius: 10px;
  max-width: 100%;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  background: #ffffff42 !important;
  border: 1px solid #ffffff4d !important;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff40 !important;
}

.window-manager .window-container .search-box:focus-within {
  background: #ffffff57 !important;
  border-color: #ffffff6b !important;
  box-shadow: 0 10px 28px #0000001f, inset 0 1px #ffffff4d !important;
}

.window-manager .window-container.window-size-compact {
  border-radius: 12px;
  width: 65%;
  height: 50%;
  min-height: 300px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 25px 50px -12px #00000040;
}

.animated-tab-container:has(.window-size-compact) .inc-container {
  display: none !important;
}

.animated-tab-container:has(.window-size-compact) {
  backdrop-filter: blur(2px) brightness(98%) saturate(80%);
  isolation: isolate;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
}

.field-select .rs__control {
  isolation: isolate;
  background: #ffffff5c;
  border: 1px solid #fff6;
  border-radius: 10px;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 40px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  box-shadow: 0 10px 30px #00000014, 0 1px 2px #0000000f, inset 0 1px #ffffff59;
}

.field-select .rs__control:hover {
  border-color: #ffffff8c;
}

.field-select .rs__control--is-focused {
  background: #ffffff80;
  border-color: #ffffffa6;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c;
}

.field-select .rs__value-container {
  align-items: center;
  min-width: 0;
  padding: 2px 12px;
}

.field-select .rs__input-container {
  margin: 0;
  padding: 0;
}

.field-select .rs__placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
}

.field-select .rs__single-value {
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
}

.field-select .rs__indicator-separator {
  display: none;
}

.field-select .rs__indicator {
  color: color-mix(in srgb, var(--color-text) 50%, transparent);
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.field-select .rs__clear-indicator {
  cursor: pointer;
  padding: 4px;
}

.field-select .rs__clear-indicator svg {
  stroke-width: 0;
  width: 16px;
  height: 16px;
}

.field-select .rs__clear-indicator path {
  fill: color-mix(in srgb, var(--color-text) 40%, transparent);
}

.field-select .rs__clear-indicator:hover path {
  fill: color-mix(in srgb, var(--color-text) 65%, transparent);
}

.field-select .rs__menu {
  backdrop-filter: blur(2px);
  z-index: 1060;
  background: #ffffffe0;
  border: 1px solid #fff6;
  border-radius: 12px;
  margin-top: 6px;
  overflow: hidden;
  box-shadow: 0 18px 50px #00000024, inset 0 1px #ffffff59;
}

.field-select .rs__menu-list {
  max-height: 320px;
  padding: 6px;
}

.field-select .rs__option {
  color: var(--color-text);
  cursor: pointer;
  border-radius: 8px;
  padding: 10px 12px;
  transition: background-color .12s;
}

.field-select .rs__option--is-focused {
  background: #0000000f;
}

.field-select .rs__option--is-selected {
  background: #3c78ff29;
}

.field-select .rs__menu {
  width: max-content;
  min-width: 300px;
  max-width: 500px;
}

.field-select .rs__menu-list {
  max-height: 50vh;
}

.rs__menu-portal {
  z-index: 30000 !important;
}

.rs__menu-portal .rs__menu {
  border: 1px solid #00000014;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 14px 40px #00000024;
}
/*# sourceMappingURL=public.fcb1fd25.css.map */