#ui.v3 yon-settings {
  display: flex;
  height: 100vh;
  padding: var(--layout-grid-gap);
  flex-direction: column;
  padding-top: 55px;
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 0.5rem;
  }
  yon-settings-roles {
    .ui-grid-row-borderBoxes > div {
      border: none;
    }
  }
  input[type='text'],
  input.mdc-text-field__input,
  input:disabled,
  .mdc-floating-label,
  .mat-mdc-select-value-text {
    padding-left: 10px;
  }
  .mat-mdc-tab-labels .mat-mdc-tab {
    padding: 0 0 !important;
    margin-right: 20px !important;
    min-width: 40px;
  }
  .card-block {
    margin-bottom: 20px;

    > .card__header-row {
      /* padding-left: 25px; */
      margin-bottom: 15px;
    }
    .row {
      margin-bottom: 1rem;
    }
  }

  yon-card-header-left yon-button {
           margin-right: 1rem;
        }

  yon-settings-custom-field-lists {
    > yon-entity-table-card {
      yon-button {
        padding-right: 30px;
      }
    }
    yon-card-header-menu {
      margin-right: -20px;
    }
    mat-table mat-row mat-cell:first-child {
      width: 40% !important;
    }
  }
  yon-entity-table-card .card__header-row {
    padding-left: 10px;
  }
  yon-entity-table-mapping {
    mat-header-cell {
      padding-left: 10px;
    }
    .entity-table-import__container {
      .mdc-data-table__header-row {
        background-color: var(--color-bg-table-drilled-level1);
      }

      yon-button button {
        line-height: 22px;
      }
    } 
  }
  yon-settings-email-settings .row mat-checkbox {
    grid-column: span 6;
  }
  yon-data-management-log .operation-log__scroll-up-position {
    margin-right: 0;
  }
  yon-settings-feature-preview .row.mt-3 {
    row-gap: 0;
    h5 {
      margin-bottom: 0;
    }
  }
  yon-export-data-entities {
    yon-entity-field {
      margin-bottom: 1rem;
      small.field-title.ng-star-inserted {
        white-space: wrap;
      }
    }
  }
  yon-settings-currencies {
    h4.card__header {
      padding-left: 5px;
    }
    yon-entity-table-card .card__header-row {
      padding-left: 0;
    }
    p.ml-1 {
      margin-left: 0;
      padding-left: 5px;
    }
    yon-card-header-menu {
      margin-right: -20px;
    }
    yon-settings-exchange-rates-table yon-card-header-right yon-button {
      padding-right: 30px;
    }
  }

  mat-expansion-panel fieldset mat-slide-toggle {
    margin-left: 5px;

    .mdc-switch__ripple:after {
      scale: 0.6;
    }
  }
  p.ml-1 {
    padding: 15px 10px;
  }
  hr {
    margin-bottom: 1rem;
  }
  > .row {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-column-gap: var(--layout-grid-gap);
    grid-template-rows: 1fr;
    height: 100%;
    > div {
      background-color: var(--layout-bg-color-card);
      border-radius: var(--layout-card-radius);
      padding: var(--layout-card-padding);
      overflow-y: scroll;

      .mat-expansion-panel .mat-expansion-panel-header-title {
        color: var(--color-mono-contrast-low);
      }
      ul li a {
        color: var(--color-mono-contrast-high) !important;
      }
    }
    > div.col-xl-2 {
      grid-column: span 1;
      padding-top: 4rem;
    }
    > div.col-xl-10 {
      grid-column: span 1;
      padding: calc(var(--layout-card-padding) + 10px);
      .row {
        > div {
          yon-entity-field {
            padding: 10px 25px;
            background-color: var(--color-bg-details-box);
            background-color: var(--color-bg-table-drilled-level1);
            border-radius: 6px;
            display: block;
          }
        }
        .mb-1 {
          margin-bottom: 0;
        }
        .mt-1.mb-1 {
          margin-top: 1rem;
          margin-bottom: 1rem;
        }
      }
      yon-entity-table-with-add-edit-delete-card .row > div {
        border-bottom: 1px solid var(--color-bg-table-drilled-level3);
        border-radius: 0;
        .mat-expansion-panel {
          border-bottom: none;
        }
      }
      yon-settings-profile {
        mat-form-field {
          .mat-mdc-text-field-wrapper {
            padding: 5px 15px;
            margin: 10px 0;
            border-radius: 0;
            input,
            select {
              background-color: TRANSPARENT;
            }
          }
        }
      }
      yon-settings-reminder-details {
        .row .mb-1,
        .alert {
          margin-bottom: 1rem;
        }
      }
    }
  }
}