.d-flex {
      display: flex !important;
    }

    .container {
      display: flex;
      flex-direction: column;
      height: 100vh;
    }

    .text-start {
      text-align: start;
    }

    .ma-0 {
      margin: 0 !important;
    }

    .my-4 {
      margin-top: 16px !important;
      margin-bottom: 16px !important;
    }

    .px-4 {
      padding-left: 16px !important;
      padding-right: 16px !important;
    }

    .justify-start {
      justify-content: start !important;
    }

    .align-center {
      align-items: center !important;
    }

    .caption {
      font-size: 0.75rem !important;
      letter-spacing: 0.0333333333em !important;
      line-height: 1.25rem;
    }

    button,
    input,
    select,
    textarea {
      background-color: transparent;
      border-style: none;
    }

    .v-data-table__expand-icon--active {
      transform: rotate(-180deg);
    }

    .theme--light.v-data-table .v-data-table-header th.sortable .v-data-table-header__icon {
      color: rgba(0, 0, 0, 0.38);
    }

    .theme--light.v-data-table .v-data-table-header th.sortable.active,
    .theme--light.v-data-table .v-data-table-header th.sortable.active .v-data-table-header__icon,
    .theme--light.v-data-table .v-data-table-header th.sortable:hover {
      color: rgba(0, 0, 0, 0.87);
    }

    .v-data-table-header th.sortable {
      pointer-events: auto;
      cursor: pointer;
      outline: 0;
    }

    .v-data-table-header th.active .v-data-table-header__icon,
    .v-data-table-header th:hover .v-data-table-header__icon {
      transform: none;
      opacity: 1;
    }

    .v-data-table-header th.desc .v-data-table-header__icon {
      transform: rotate(-180deg);
    }

    .v-data-table-header__icon {
      display: inline-block;
      opacity: 0;
      transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
    }

    .theme--light.v-data-table {
      background-color: #fff;
      color: rgba(0, 0, 0, 0.87);
    }

    .theme--light.v-data-table.v-data-table--fixed-header thead th {
      background: #fff;
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
    }

    .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th {
      color: rgba(0, 0, 0, 0.6);
    }

    .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child,
    .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row),
    .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child,
    .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row),
    .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th {
      border-bottom: thin solid rgba(0, 0, 0, 0.12);
    }

    .theme--dark.v-data-table {
      background-color: #1e1e1e;
      color: #fff;
    }

    .theme--dark.v-data-table .v-data-table__divider {
      border-right: thin solid hsla(0, 0%, 100%, 0.12);
    }

    .theme--dark.v-data-table.v-data-table--fixed-header thead th {
      background: #1e1e1e;
      box-shadow: inset 0 -1px 0 hsla(0, 0%, 100%, 0.12);
    }

    .theme--dark.v-data-table>.v-data-table__wrapper>table>thead>tr>th {
      color: hsla(0, 0%, 100%, 0.7);
    }

    .theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child,
    .theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row),
    .theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child,
    .theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row),
    .theme--dark.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th {
      border-bottom: thin solid hsla(0, 0%, 100%, 0.12);
    }

    .theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr.active {
      background: #505050;
    }

    .theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
      background: #616161;
    }

    .theme--dark.v-data-table>.v-data-table__wrapper>table>tfoot>tr>td:not(.v-data-table__mobile-row),
    .theme--dark.v-data-table>.v-data-table__wrapper>table>tfoot>tr>th:not(.v-data-table__mobile-row) {
      border-top: thin solid hsla(0, 0%, 100%, 0.12);
    }

    .v-data-table {
      line-height: 1.5;
      max-width: 100%;
    }

    .v-data-table>.v-data-table__wrapper>table {
      width: 100%;
      border-spacing: 0;
    }

    .v-data-table>.v-data-table__wrapper>table>tbody>tr>td,
    .v-data-table>.v-data-table__wrapper>table>tbody>tr>th,
    .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td,
    .v-data-table>.v-data-table__wrapper>table>tfoot>tr>th,
    .v-data-table>.v-data-table__wrapper>table>thead>tr>td,
    .v-data-table>.v-data-table__wrapper>table>thead>tr>th {
      padding: 0 16px;
      transition: height 0.2s cubic-bezier(0.4, 0, 0.6, 1);
    }

    .v-data-table>.v-data-table__wrapper>table>tbody>tr>th,
    .v-data-table>.v-data-table__wrapper>table>tfoot>tr>th,
    .v-data-table>.v-data-table__wrapper>table>thead>tr>th {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      font-size: 0.75rem;
    }

    .v-application--is-ltr .v-data-table>.v-data-table__wrapper>table>tbody>tr>th,
    .v-application--is-ltr .v-data-table>.v-data-table__wrapper>table>tfoot>tr>th,
    .v-application--is-ltr .v-data-table>.v-data-table__wrapper>table>thead>tr>th {
      text-align: left;
    }

    .v-application--is-rtl .v-data-table>.v-data-table__wrapper>table>tbody>tr>th,
    .v-application--is-rtl .v-data-table>.v-data-table__wrapper>table>tfoot>tr>th,
    .v-application--is-rtl .v-data-table>.v-data-table__wrapper>table>thead>tr>th {
      text-align: right;
    }

    .v-data-table>.v-data-table__wrapper>table>tbody>tr>td,
    .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td,
    .v-data-table>.v-data-table__wrapper>table>thead>tr>td {
      font-size: 0.875rem;
      height: 48px;
    }

    .v-data-table__progress {
      height: auto !important;
    }

    .v-data-table__progress th {
      height: auto !important;
      border: none !important;
      padding: 0;
      position: relative;
    }

    .v-data-table--dense>.v-data-table__wrapper>table>tbody>tr>td,
    .v-data-table--dense>.v-data-table__wrapper>table>tbody>tr>th,
    .v-data-table--dense>.v-data-table__wrapper>table>tfoot>tr>td,
    .v-data-table--dense>.v-data-table__wrapper>table>tfoot>tr>th,
    .v-data-table--dense>.v-data-table__wrapper>table>thead>tr>td,
    .v-data-table--dense>.v-data-table__wrapper>table>thead>tr>th {
      height: 32px;
    }

    .v-data-table--has-top>.v-data-table__wrapper>table>tbody>tr:first-child:hover>td:first-child {
      border-top-left-radius: 0;
    }

    .v-data-table--has-top>.v-data-table__wrapper>table>tbody>tr:first-child:hover>td:last-child {
      border-top-right-radius: 0;
    }

    .v-data-table--has-bottom>.v-data-table__wrapper>table>tbody>tr:last-child:hover>td:first-child {
      border-bottom-left-radius: 0;
    }

    .v-data-table--has-bottom>.v-data-table__wrapper>table>tbody>tr:last-child:hover>td:last-child {
      border-bottom-right-radius: 0;
    }

    .v-data-table--fixed-header>.v-data-table__wrapper,
    .v-data-table--fixed-height .v-data-table__wrapper {
      overflow-y: auto;
    }

    .v-data-table--fixed-header>.v-data-table__wrapper>table>thead>tr>th {
      border-bottom: 0 !important;
      position: sticky;
      top: 0;
      z-index: 2;
    }

    .v-data-table--fixed-header>.v-data-table__wrapper>table>thead>tr:nth-child(2)>th {
      top: 48px;
    }

    .v-application--is-ltr .v-data-table--fixed-header .v-data-footer {
      margin-right: 17px;
    }

    .v-application--is-rtl .v-data-table--fixed-header .v-data-footer {
      margin-left: 17px;
    }

    .v-data-table--fixed-header.v-data-table--dense>.v-data-table__wrapper>table>thead>tr:nth-child(2)>th {
      top: 32px;
    }

    /* table custom component style */
    :root {
      --p-background: #ffffff;
      --p-border: #dadce0;
      --p-icon: #757575;
      --p-info: #939393;
      --p-listHover: #fafaf9;
      --p-listHoverDarken: #e6e6e6;
      --p-primary: #079455;
      --p-tableBackground: #ffffff;
      --p-tableHeader: #e9eaeb;
      --p-txtSubtitle: #444448;
    }

    body {
      font-family: Roboto, sans-serif;
    }

    .text-no-wrap {
      text-wrap: nowrap;
    }

    .capitalize-first::first-letter {
      text-transform: uppercase !important;
    }

    .v-data-table-header th svg {
      width: 18px;
      height: 18px;
      transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;
      transform: rotate(225deg);
    }

    .v-data-table-header th svg {
      opacity: 0;
      transform: rotate(225deg);
    }

    .v-data-table-header th:hover svg {
      opacity: 0.6;
    }

    .v-data-table-header th.desc svg {
      transform: rotate(45deg);
    }

    .v-data-table-header th.active svg {
      opacity: 1;
    }

    .v-input--selection-controls__input {
      margin-right: 0px !important;
    }

    .row-bg:hover {
      background: #f4f4f4 !important;
    }

    .border-top {
      border-top: 1px solid var(--p-border);
    }

    #customTable {
      position: relative;
      color: var(--p-txtPrimary) !important;
    }

    #customTable .v-progress-linear {
      height: 2px !important;
    }

    .custom-border {
      border: thin solid var(--p-border);
      border-radius: 4px;
    }

    .v-data-table>.v-data-table__wrapper>table>thead>tr>th {
      border-bottom: 1px solid var(--p-border) !important;
      height: 40px;
    }

    .v-data-table td .td-title {
      font-size: 15px !important;
    }

    .v-data-table .td-subtitle span:first-child {
      color: var(--p-txtSubtitle);
    }

    .v-data-table td {
      height: 45px !important;
      font-size: 13px !important;
    }

    .v-data-table--fixed-header .v-data-table__wrapper {
      border-radius: inherit;
    }

    .v-data-table--fixed-header th {
      box-shadow: none !important;
    }

    .v-data-table .v-data-table-header .v-icon {
      margin-top: -2px;
    }

    .dynamic-table-container {
      height: 100%;
    }

    .dynamic-table {
      width: 100%;
      background-color: var(--p-background);
    }

    .v-input__slot {
      padding-left: 12px !important;
      border-radius: 0px;
    }

    .v-data-table th {
      border-top: 1px solid var(--p-border);
    }

    .loading-container {
      height: 100%;
    }

    .v-data-table {
      height: 100%;
      border-left: none;
      border-radius: 0px;
      background-color: var(--p-tableBackground) !important;
    }

    .v-data-table th {
      padding: 0 16px;
    }

    .v-data-table thead,
    .v-data-table th {
      background: var(--p-tableHeader) !important;
    }

    .v-data-table td,
    .v-data-table th {
      border-color: var(--p-border) !important;
    }