#ui.v3 {
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.2;
  --mdc-checkbox-selected-hover-state-layer-color: var(--color-green-success);
  --mdc-checkbox-disabled-selected-checkmark-color: var(--color-mono-contrast-medium);
  --mat-badge-background-color: var(--color-primary);
  .mdc-checkbox__background {
    border-radius: 9px;
    width: 18px;
    height: 18px;
    border-width: 2px;
    opacity: 0.6;
    border-color: var(--color-mono-contrast-high);
    background-color: transparent;
  }
  .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background {
    background-color: var(--color-mono-contrast-min);
  }
  .mat-mdc-checkbox-checked .mdc-checkbox__background {
    border-color: var(--color-green-success-txt);
    opacity: 1;
  }
  yon-entity-table .mdc-checkbox__background {
    border-radius: 6px;
    opacity: 0.6;
    width: 12px;
    height: 12px;
    border-color: var(--color-mono-contrast-min);
    margin-top: 3px;
    margin-left: 3px;
  }

  yon-payments .entity-table__expandable-rows-icon,
  yon-entity-table mat-row.entity-table__has-row-color .entity-table__expandable-rows-icon {
    min-width: 140px;
  }
  yon-payments mat-header-row .entity-table__expandable-rows-icon:after {
    content: "Status";
    padding-left: 40px;
    color: var(--color-mono-contrast-high);
    visibility: visible;
    margin-bottom: 6px;
    align-self: flex-end;
    min-width: 100px;
  }
  yon-entity-table mat-row.entity-table__has-row-color .entity-table__expandable-rows-icon:after {
    content: "";
    color: white;
    padding: 0 12px;
    border-radius: 20px;
    margin-left:10px;
  }
  yon-entity-table .mat-mdc-checkbox-checked .mdc-checkbox__background {
    border-color: var(--color-green-success);
  }
  yon-entity-table mat-row.entity-table__row-color-yellow .entity-table__expandable-rows-icon:after {
    background-color: var(--color-checkbox-status-yellow);
    content: "Partial match";
    color: #000;
  }
  yon-entity-table mat-row.entity-table__row-color-red .entity-table__expandable-rows-icon:after {
    background-color: var(--color-checkbox-status-red);
    content: "No match"
  }
  yon-entity-table mat-row.entity-table__row-color-green .entity-table__expandable-rows-icon:after {
    background-color: var(--color-checkbox-status-green);
    content: "Matched"
  }
  yon-entity-table mat-row.entity-table__row-color-grey .entity-table__expandable-rows-icon:after{
    background-color: var(--color-checkbox-status-grey);
    content: "Posted";
    color: var(--color-mono-contrast-high);
  }

  yon-entity-table
    .entity-table__row-colors-description
    .entity-table__row-color.entity-table__row-color-yellow {
    background-color: var(--color-checkbox-status-yellow);
  }
  yon-entity-table
    .entity-table__row-colors-description
    .entity-table__row-color.entity-table__row-color-green {
    background-color: var(--color-checkbox-status-green);
  }
  yon-entity-table
    .entity-table__row-colors-description
    .entity-table__row-color.entity-table__row-color-red {
    background-color: var(--color-checkbox-status-red);
  }
  yon-entity-table
    .entity-table__row-colors-description
    .entity-table__row-color.entity-table__row-color-grey {
    background-color: var(--color-checkbox-status-grey);
  }
  .mat-mdc-menu-item,
  .mat-mdc-raised-button .mdc-button__label {
    display: block;
    font-size: 15px;
  }
  .mat-mdc-menu-item,
  .mat-mdc-raised-button .mdc-button__label {
    display: block;
    font-size: var(--font-size-btn-raised);
    margin-top: 0;
    white-space: nowrap;
  }
  .mat-mdc-raised-button .material-symbols-sharp {
    font-variation-settings: 'wght' 50, 'FILL' 1;
    /* color: var(--color-mono-contrast-low); */
    /* color: var(--color-green-success); */
  }
  .mat-mdc-raised-button:not(.mat-mdc-button-base[disabled]).mat-primary .material-symbols-sharp,
  .mat-mdc-raised-button:not(.mat-mdc-button-base[disabled]).mat-accent .material-symbols-sharp {
    color: #fff;
  }
  .mat-mdc-paginator {
    background-color: transparent;
    .mat-mdc-form-field .mat-mdc-form-field-infix {
      min-height: 25px;
    }
  }
  .mat-mdc-table:not(.entity-table__import) .mat-mdc-header-cell,
  .mat-mdc-table:not(.entity-table__import) .mat-mdc-header-row {
    background-color: transparent;
    font-size: 14px;
  }
  .mat-mdc-table .mat-mdc-header-cell {
    padding-right: 0;
  }
  .mat-mdc-table:not(.entity-table__import) .mat-mdc-header-cell:first-child,
  .mat-mdc-table:not(.entity-table__import) .mat-mdc-cell:first-child {
    padding-left: 0;
  }
  .mat-mdc-table .mat-mdc-row:not(.mat-mdc-no-data-row):hover,
  .mat-mdc-table .mat-mdc-row:not(.mat-mdc-no-data-row).selected {
    background-color: var(--color-bg-table-row-selected);
  }
  .mat-mdc-table .mat-mdc-row:not(.mat-mdc-no-data-row).selected > mat-cell:first-child:befor {
    position: absolute;
    background-color: var(--color-green-success);
    height: 20px;
    width: 3px;
    content: '';
  }
  .mat-mdc-table .mat-mdc-row:not(.mat-mdc-no-data-row).selected mat-cell,
  .mat-mdc-table .mat-mdc-row:not(.mat-mdc-no-data-row):hover mat-cell {
    background-color: transparent !important;
    border-bottom-color: var(--layout-bg-color-card) !important;
  }
  .mat-mdc-table .mat-mdc-row:not(.mat-mdc-no-data-row).selected mat-cell:not(.entity-table__row-action-cell), .mat-mdc-table .mat-mdc-row:not(.mat-mdc-no-data-row):hover mat-cell.entity-table__checkbox-cell {
    background-color: var(--color-bg-table-row-selected) !important;
  }
  .mdc-notched-outline .mdc-notched-outline__leading,
  .mdc-notched-outline .mdc-notched-outline__notch,
  .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 0;
  }
}
:root.light,
:root.dark {
  --mat-paginator-enabled-icon-color: var(--color-mono-contrast-high);
  --mat-checkbox-label-text-color: var(--color-mono-contrast-max);
  --mat-menu-item-label-text-color: var(--color-mono-contrast-max);
  --mdc-switch-unselected-track-color: var(--color-bg-table-drilled-level3);
  --mdc-switch-unselected-hover-track-color: var(--color-bg-table-drilled-level2);
  --mdc-filled-text-field-disabled-container-color: var(--layout-bg-color);
  --mdc-icon-button-disabled-icon-color: var(--color-mono-contrast-low);
  --color-grey-disabled: var(--color-mono-contrast-low);
  --mdc-filled-text-field-disabled-label-text-color: var(--color-mono-contrast-low);
  --mdc-filled-text-field-disabled-input-text-color: var(--color-mono-contrast-max);
  --mat-select-enabled-trigger-text-color: var(--color-mono-contrast-high);
  --mdc-filled-text-field-label-text-color: var(--color-mono-contrast-medium);
  --mdc-radio-unselected-icon-color: var(--color-mono-contrast-low);
  --mdc-filled-text-field-hover-label-text-color: var(--color-mono-contrast-low);
  --btn-bg-raised-primary-enabled: var(--color-bg-btn-raised);
  --mat-paginator-container-background-color: transparent;
  --mdc-snackbar-container-shape: var(--layout-card-radius);
  --mat-expansion-header-description-color: var(--color-mono-contrast-max);
  --mat-datepicker-toggle-icon-color: red;
  .mat-mdc-menu-panel {
    --mat-menu-container-color: var(--color-bg-table-drilled-level1);
  }
  .mat-mdc-button:not(.mdc-snackbar__action),
  .mat-mdc-unelevated-button,
  .mat-mdc-raised-button,
  .mat-mdc-outlined-button {
    border-radius: 20px;
    box-shadow: none;
    font-weight: normal;
    border: none;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
  }
  .mat-mdc-outlined-button {
    border: 2px solid var(--color-primary);
  }
  mat-dialog-container {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin-bottom: 0.5rem;
    }
    --mat-stepper-container-color: transparent;
  }
  .mat-badge-accent {
    --mat-badge-background-color: var(--color-primary);
    --mat-badge-text-color: #fff;
  }
  mat-cell.mat-mdc-table-sticky:not(.entity-table__row-action-cell),
  mat-header-cell.mat-mdc-table-sticky {
    background-color: var(--layout-bg-color-card) !important;
  }
  .expanded mat-cell.mat-mdc-table-sticky,
  .expanded mat-header-cell.mat-mdc-table-sticky,
  .mat-column-expandedDetail mat-cell.mat-mdc-table-sticky,
  .mat-column-expandedDetail mat-header-cell.mat-mdc-table-sticky {
    background-color: var(--color-bg-table-drilled-level1) !important;
  }
  mat-datepicker-toggle yon-icon span {
    padding-bottom: 3px;
  }
  .panel-main-right mat-cell.mat-mdc-table-sticky {
    background-color: transparent !important;
  }
  .entity-table__column-action-buttons button .material-symbols-sharp,
  .material-symbols-sharp {
    font-variation-settings: 'wght' 210, 'FILL' 1;
    /* color: var(--color-mono-contrast-low); */
  }
  .material-symbols-sharp.error {
    color: var(--color-red-error);
  }
  .material-symbols-sharp.check {
    color: var(--color-green-success);
  }
  .entity-table__column-header-text-container {
    text-transform: none;
  }
  .mat-mdc-paginator .mat-mdc-select {
    width: auto;
    .mat-mdc-select-value {
      padding-right: 10px;
    }
  }
  .mdc-list-item__primary-text .color__yon-orange {
    padding-left: 1rem;
    padding-top: 1px;
  }
  mat-table.mat-mdc-table {
    mat-header-row {
      color: var(--color-mono-contrast-low);
    }
    .mdc-data-table__cell,
    .mdc-data-table__content,
    .mat-mdc-raised-button:not(.mat-primary):not(.mat-accent):not(.mat-mdc-button-base[disabled])
      .mdc-button__label {
      color: var(--color-mono-contrast-high);
    }
  }
  .mat-mdc-raised-button:not(.mat-primary):not(.mat-accent):not(.mat-mdc-button-base[disabled])
    .mdc-button__label {
    color: var(--color-mono-contrast-medium);
  }
  .mat-expansion-panel .mat-expansion-panel-header-title {
    color: var(--color-mono-contrast-low);
  }
  .mat-expansion-panel .mat-expansion-panel-header-title {
    line-height: 20px;
    padding: 8px 0;
  }
  .mat-drawer-container {
    background-color: transparent;
  }
  .mat-mdc-select-panel {
    background: var(--color-inverted-contrast-max) !important;
    box-shadow: 0 2px 4px -1px #000 3, 0 4px 5px #000 24, 0 1px 10px #000 1f;
    overflow-x: hidden;
  }
  .mat-mdc-select-panel .mat-mdc-option:not(.mat-option-disabled):hover,
  .mat-mdc-select-panel .mat-mdc-option:not(.mat-option-disabled):focus,
  .mat-mdc-select-panel .mat-mdc-option:not(.mat-option-disabled).mat-active {
    background: rgba(0, 0, 0, 0.04) !important;
  }
  .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled:not(.entity-table__master-checkbox))
    .mdc-checkbox:not(:disabled):active
    .mdc-checkbox__native-control:enabled:checked
    ~ .mdc-checkbox__ripple {
    background-color: _yon-grey-3;
  }
  .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled:not(.entity-table__master-checkbox))
    .mdc-checkbox__checkmark,
  .mat-mdc-checkbox:not(
      .mat-mdc-checkbox-disabled:not(.entity-table__master-checkbox)
    ).mat-mdc-checkbox-checked
    .mdc-checkbox__background {
    background-color: var(--color-green-success) !important;
    color: var(--color-green-success-txt) !important;
  }
  .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled:not(.entity-table__master-checkbox))
    .mdc-checkbox__mixedmark {
    border-color: var(--color-secondary) !important;
    max-width: 12px;
  }
  .mdc-form-field
    .mdc-checkbox:not(.entity-table__master-checkbox-disabled)
    .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not(
      [data-indeterminate='true']
    )
    ~ .mdc-checkbox__background {
    background-color: var(--color-inverted-contrast-medium);
  }
  .mat-stepper-horizontal .mat-step-header.cdk-keyboard-focused,
  .mat-stepper-horizontal .mat-step-header.cdk-program-focused,
  .mat-stepper-horizontal .mat-step-header:hover:not([aria-disabled]),
  .mat-stepper-horizontal .mat-step-header:hover[aria-disabled='false'] {
    background-color: transparent;
  }
  .mat-stepper-horizontal .mat-step-header .mat-step-icon {
    color: #fff;
    height: 40px;
    width: 40px;
    margin-right: 0;
    border-width: 0;
    border-color: var(--color-inverted-contrast-max);
    border-style: none solid;
  }
  .mat-stepper-horizontal .mat-step-header .mat-step-icon:not(.mat-step-icon-selected) {
    background-color: #9b9b9a;
  }
  .mat-stepper-horizontal .mat-step-header .mat-step-icon.mat-step-icon-selected {
    background-color: var(--color-primary);
  }
  .mat-accordion__header-background .mat-expansion-panel-header.mat-expanded {
    height: 50px;
  }
  .mat-accordion__header-background .mat-expansion-panel-header:hover {
    color: #fdf3e9;
    background-color: var(--color-secondary) !important;
  }
  .mat-accordion__header-background .mat-expansion-panel-header.mat-expanded,
  .mat-accordion__header-background .mat-expansion-panel-header,
  .mat-accordion__header-background .mat-expansion-panel-header:hover,
  .mat-accordion__header-background .mat-expansion-panel-header.mat-expanded:hover {
    background-color: var(--color-bg-table-drilled-level2) !important;
    padding: 0 20px !important;
    margin: 0 0;
    border-bottom: none;
  }
  .mat-accordion__header-background .mat-expansion-indicator::after,
  .mat-accordion__header-background .mat-expansion-panel-header-title {
    color: var(--color-mono-contrast-max) !important;
  }
  .mat-mdc-form-field
    .mdc-text-field--filled:not(.mdc-text-field--disabled)
    .mdc-line-ripple::before,
  .mat-mdc-form-field
    .mdc-text-field--filled:not(.mdc-text-field--disabled)
    .mdc-line-ripple::after {
    border-bottom-color: transparent;
    border-bottom-color: var(--color-inverted-contrast-medium);
  }
  .mat-mdc-form-field .mat-mdc-select-arrow {
    border-color: _yon-grey-3;
    right: 2px;
  }
  .mat-mdc-form-field .mat-mdc-select-arrow svg {
    display: none;
  }
  .mat-mdc-form-field.mat-form-field-disabled .mat-mdc-select-arrow {
    border-color: _yon-grey-disabled;
  }
  .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m375-240-43-43 198-198-198-198 43-43 241 241-241 241Z' fill='rgb(66,66,66)' /%3E%3C/svg%3E");
  }
  .mat-drawer-inner-container::-webkit-scrollbar-thumb {
    background: rgba(177, 177, 177) !important;
  }
  .mat-drawer-inner-container::-webkit-scrollbar-thumb:hover {
    background: rgba(177, 177, 177, 0.75) !important;
  }
  .mat-drawer-inner-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  }
  ::-webkit-scrollbar-corner {
    background-color: transparent;
  }
  .mat-mdc-tooltip {
    --mdc-plain-tooltip-container-color: #373737;
  }
  .mat-mdc-tab-labels {
    border-bottom: none;
  }
  .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab-indicator__content--underline {
    border-color: var(--color-primary) !important;
    border-top-width: 3px;
  }
  .mat-expansion-panel {
    box-shadow: none !important;
  }
  .mat-mdc-progress-bar:not(.mat-progress-bar__blue) {
    --mdc-linear-progress-active-indicator-color: transparent;
    --mdc-linear-progress-track-color: var(--layout-bg-color);
  }
  .mat-mdc-progress-bar.mat-progress-bar__main {
    --mdc-linear-progress-active-indicator-color: #dfdfdf;
    --mdc-linear-progress-track-color: #fbfbfb;
  }
  .mat-form-field__multiple-select .mat-mdc-progress-spinner circle {
    stroke: var(--color-primary);
  }
  div.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: transparent;
  }
  .mat-mdc-slide-toggle.slide-toggle__large-layout .mdc-form-field > label,
  .mat-mdc-form-field .mdc-text-field,
  .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
  .mdc-list-item__primary-text,
  .mat-expansion-panel .mat-expansion-panel-content,
  .mat-expansion-panel .mat-expansion-panel-header-title,
  .mat-drawer-container,
  strong {
    color: var(--color-mono-contrast-high);
    font-weight: normal !important;
    font-size: 14px;
  }
  .mat-mdc-paginator .mat-mdc-select {
    background-color: transparent;
  }
  .checkbox-hovered {
    background-color: transparent;
  }
  .checkbox-hovered:hover,
  .entity-field-select__list-select:hover {
    background-color: var(--color-bg-table-drilled-level3);
  }
  .mat-mdc-dialog-container .mdc-dialog__surface {
    background-color: var(--color-bg-right-modal);
  }
  .dialog-center.layout-bg-color  .mat-mdc-dialog-container .mdc-dialog__surface {
    background-color: var(--layout-bg-color);
  }
  .mdc-linear-progress,
  .mdc-linear-progress__bar,
  .mat-mdc-progress-bar.mat-progress-bar__main {
    height: 6px;
    border-radius: 3px;
  }
  .mat-mdc-dialog-container .mdc-dialog__title {
    line-height: var(--mdc-dialog-subhead-line-height, 1.5rem);
    font-size: var(--mdc-dialog-subhead-size, 1rem);
    letter-spacing: initial;
    border-bottom: 1px solid var(--color-bg-table-drilled-level3);
    /* margin-bottom: 1rem; */

    h4 {
      font-weight: normal;
      font-size: 1.5rem !important;
    }
    yon-button {
      top: 5px;
    }
  }
  .dialog-center .mdc-dialog__title::after,
  .dialog-right .mdc-dialog__title::after {
    display: none;
  }
  .mat-mdc-progress-bar.mat-progress-bar__main {
    top: 0;
  }
  .mdc-linear-progress__bar-inner {
    border-color: var(--color-progress-bar);
    border-width: 6px;
  }
  .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
    fill: var(--color-mono-contrast-min);
  }
  .mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: var(--color-bg-btn-raised);
    --mdc-protected-button-label-text-color: var(--color-inverted-contrast-max);
    --mat-protected-button-state-layer-color: var(--color-inverted-contrast-max);
    --mat-protected-button-ripple-color: transparent;
  }
  .mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: var(--color-inverted-contrast-max);
    --mdc-radio-disabled-unselected-icon-color: var(--color-inverted-contrast-medium);
    --mdc-radio-unselected-hover-icon-color: var(--color-inverted-contrast-high);
    --mdc-radio-unselected-icon-color: var(--color-mono-contrast-low);
    --mdc-radio-unselected-pressed-icon-color: var(--color-mono-contrast-low);
    --mdc-radio-selected-focus-icon-color: var(--color-primary);
    --mdc-radio-selected-hover-icon-color: var(--color-primary);
    --mdc-radio-selected-icon-color: var(--color-primary);
    --mdc-radio-selected-pressed-icon-color: var(--color-primary);
    --mat-radio-ripple-color: var(--color-inverted-contrast-max);
    --mat-radio-checked-ripple-color: var(--color-primary);
    --mat-radio-disabled-label-color: var(--color-inverted-contrast-medium);
  }

   .tabs__container > mat-button-toggle-group.mat-button-toggle-group-appearance-standard {
    border-radius: 0;
    padding-left: 10px;
     mat-button-toggle.mat-button-toggle-appearance-standard {
       margin-right: 1rem;
       button {
         text-align: left;
       }
       .mat-button-toggle-label-content {
        padding: 0 0;
        padding-right: 10px;
        color: var(--color-mono-contrast-medium);
         span.mat-badge {
           margin-left: 8px;
         }
      }
     }
     mat-button-toggle.mat-button-toggle-checked  .mat-button-toggle-label-content {
        color: var(--color-mono-contrast-max);
      }
  }

  .mat-mdc-button,
  .mat-mdc-unelevated-button,
  .mat-mdc-outlined-button {
    background-color: var(--btn-bg);
  }
  .mat-mdc-raised-button {
    background-color: var(--btn-bg-raised);
  }
  mat-dialog-container {
    .mat-mdc-button,
    .mat-mdc-unelevated-button,
    .mat-mdc-raised-button,
    .mat-mdc-outlined-button {
      background-color: hsl(0deg 0% 62.09% / 30%);
    }
  }
  .mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #3f3f3f;
    --mdc-protected-button-label-text-color: var(--color-txt-btn-raised);
    --mat-protected-button-state-layer-color: var(--color-bg-btn-raised);
    --mat-protected-button-ripple-color: rgb(159 52 52 / 10%);
  }
  .mat-mdc-raised-button.mat-accent,
  .mat-mdc-raised-button.mat-primary:not(.mat-mdc-button-base[disabled]) {
    background-color: var(--color-bg-btn-raised);
    color: var(--color-txt-btn-raised);
  }
  .mat-mdc-raised-button[disabled],
  .mat-mdc-raised-button.mat-mdc-button-disabled {
    color: var(--color-mono-contrast-medium);
    background-color: var(--color-inverted-contrast-high);

    span {
      color: var(--color-mono-contrast-low);
    }
  }
  .mat-mdc-paginator-icon {
    fill: var(--color-mono-contrast-high);
  }
  .mat-expansion-indicator::after {
    color: var(--color-mono-contrast-low);
  }
  .mdc-form-field {
    color: var(--color-mono-contrast-max);
    /* width: 100%; */
  }
  .mat-mdc-paginator-range-label,
  .mat-mdc-paginator {
    background-color: transparent;
    color: var(--color-mono-contrast-max);
  }
  .mat-mdc-paginator-page-size,
  .mat-mdc-paginator .mat-mdc-paginator-page-size .mat-mdc-text-field-wrapper {
    align-items: center;
  }
  .mat-mdc-paginator-range-actions > button {
    line-height: 50px;
  }
  .mat-mdc-table .mat-mdc-header-row .mat-mdc-header-cell,
  .mat-mdc-table .mat-mdc-header-row .mat-mdc-header-cell .mat-sort-header-arrow {
    color: var(--color-mono-contrast-max);
  }
  .mat-mdc-table .mat-mdc-header-row .mat-mdc-header-cell .mat-sort-header-arrow {
    margin-top: 13px;
  }
  .mat-mdc-form-field-bottom-align::before {
    display: block;
  }
  .mat-mdc-table .mat-mdc-header-row {
    background-color: transparent;
  }
  .delete-result__table .mat-mdc-header-row {
    background-color: var(--layout-bg-color);
  }
  .mat-mdc-list .mat-mdc-list-item .mat-mdc-form-field .mat-mdc-form-field-infix {
    > input {
      font-size: 16px;
      line-height: 28px;
      min-height: 32px !important;
    }
    input[type='text'] {
      vertical-align: middle;
      min-height: 30px !important;
      padding-left: 0;
    }
    mat-select {
      min-height: 28px;
      .mat-mdc-select-trigger {
        vertical-align: bottom;
      }
    }
  }
  .mat-mdc-option {
    padding-bottom: 5px;
    padding-top: 5px;
    > span > div {
      height: auto !important;
    }
  }
  .dialog-center .mat-mdc-dialog-container .mat-mdc-dialog-title + .mat-mdc-dialog-content,
  .dialog-right .mat-mdc-dialog-container .mat-mdc-dialog-title + .mat-mdc-dialog-content {
    padding: 25px;
  }
  .dialog-center .mat-mdc-dialog-container .mat-mdc-dialog-title + .mat-mdc-dialog-content {
    padding-top: 10px;
  }
  .dialog-center .mdc-dialog__title,
  .dialog-confirm .mdc-dialog__title {
    padding: 10px 25px;
    margin-bottom: 15px;
  }
  .dialog-right .mdc-dialog__title {
    padding: 15px 25px;
  }

  .mdc-dialog__content {
    max-height: 90vh;
    ul.list-group li.list-group-item {
      padding-left: 0;
      padding-right: 0;
      > div {
        margin: auto 0;
      }
    }
    p {
      margin-bottom: 1rem;
    }
    mat-accordion {
      margin-top: 1rem;
      display: block;
    }

    button.mdc-button,
    .mat-mdc-raised-button.mat-accent {
      height: 28px;
      line-height: 25px;
      border-radius: 18px;
      box-shadow: none;
      border: none;
      align-items: center;
    }
  }

  .mat-mdc-paginator-page-size .mat-mdc-form-field .mat-mdc-form-field-infix {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mat-mdc-form-field .mat-mdc-form-field-infix {
    align-self: flex-start;
    min-height: 34px;
    label {
      .mat-label {
        min-height: 32px;
        line-height: 32px;
        display: inline-block;
        top: 42px;
      }
    }
  }
  .k-table-tbody .k-table-row:hover {
    background-color: var(--color-bg-table-drilled-level2);
  }
  #ui.v3 {
    mat-form-field.mat-mdc-form-field-has-icon-suffix
      div.mdc-text-field--filled:not(.mdc-text-field--disabled) {
      input {
        background-color: transparent;
      }
    }
    yon-card-header-left
      mat-form-field.mat-mdc-form-field-has-icon-suffix
      div.mdc-text-field--filled:not(.mdc-text-field--disabled) {
      background-color: transparent;
    }
  }
  .mat-mdc-form-field .mdc-text-field {
    padding: 0 0;
  }
  .mat-mdc-form-field .mdc-text-field--filled.mdc-text-field--disabled {
    padding-left: 10px;
    background-color: var(--color-bg-table-drilled-level1)
  }
  .mat-mdc-text-field-wrapper.mdc-text-field,
  div.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    input[type='text'],
    input.mdc-text-field__input,
    input:disabled {
      background-color: var(--input-bg-color);
      line-height: 32px;
    }

    mat-icon.ui-color-status-info-yellow {
      position: relative;
      z-index: 1;
    }
    .k-input-solid {
      border-color: var(--color-bg-table-drilled-level3);
      color: var(--color-mono-contrast-medium);
      background-color: var(--layout-bg-color-card);
      box-shadow: none;
    }
    .k-button-solid-base {
      border-color: transparent;
      color: var(--color-mono-contrast-max);
      background-color: var(--color-bg-table-drilled-level3);
      background-image: none;
    }
    .k-grid,
    .k-grid table thead {
      background-color: transparent;
    }
    .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover,
    .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
      background-color: var(--color-bg-table-drilled-level1);
    }
    .k-grid table thead th {
      text-transform: none;
      text-align: left;
    }
  }
}

:root.dark,
:root.light {
  mat-dialog-container {
    yon-field-configuration-search {
      mat-form-field .mat-mdc-text-field-wrapper,
      mat-form-field
        .mat-mdc-text-field-wrapper.mdc-text-field--filled:not(.mdc-text-field--disabled) {
        display: block;
        background-color: var(--input-bg-color);
        padding-left: 10px;
        margin-left: 20px;
        border-radius: 20px;
        input {
          padding-left: 10px;
          background-color: var(--input-bg-color) !important;
          margin-bottom: 2px;
        }
      }
    }
    mat-expansion-panel {
      mat-expansion-panel-header.mat-expansion-panel-header,
      .mat-expansion-panel-body {
        padding: 0 0;
        border-radius: 0;
      }
      mat-expansion-panel-header.mat-expansion-panel-header {
        border-bottom: 1px solid var(--color-bg-table-drilled-level3);
      }
      .mat-expansion-panel-header,
      .mat-expansion-panel-header.mat-expanded {
        height: 40px;
      }
      .mat-expansion-panel-body {
        padding-top: 20px;
      }
    }
  }
}