: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;
    }