.pc-sidebar .m-header {
  height: 94px !important;
  min-height: 94px !important;
  align-items: center;
  justify-content: center;
  padding: 12px 18px 8px !important;
  overflow: hidden;
}

.pc-sidebar .m-header .b-brand {
  display: flex;
  width: 100%;
  height: 72px;
  justify-content: center;
  align-items: center;
  line-height: 0;
  overflow: hidden;
}

.pc-sidebar .m-header .portal-logo-frame {
  display: flex;
  width: 118px;
  height: 72px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.pc-sidebar .m-header .logo-lg {
  display: block;
  width: 118px !important;
  max-width: 118px !important;
  height: auto;
  max-height: 70px !important;
  object-fit: contain !important;
}

.pc-sidebar .navbar-content {
  height: calc(100vh - 94px) !important;
  padding-top: 4px;
}

.auth-main .auth-form > .text-center.py-3 {
  padding-top: 25px !important;
  padding-bottom: 0 !important;
}

.auth-main .auth-form > .text-center.py-3 img {
  margin-top: 0 !important;
  max-width: 170px;
}

.card > .card-body.table-responsive {
  padding: 0 !important;
}

.card > .card-body.table-responsive .dt-container {
  padding: 0 !important;
}

.card > .card-body.table-responsive .dt-container > .row,
.card > .card-body.table-responsive .dt-container > .dt-layout-row {
  --bs-gutter-x: 0;
  margin: 0 !important;
}

.card > .card-body.table-responsive .dt-container > .row:first-child,
.card > .card-body.table-responsive .dt-container > .dt-layout-row:first-child {
  padding: 10px 10px 8px !important;
  align-items: center;
}

.card > .card-body.table-responsive .dt-container > .row.dt-layout-table,
.card > .card-body.table-responsive .dt-container > .dt-layout-row.dt-layout-table {
  margin: 0 !important;
  padding: 0 !important;
}

.card > .card-body.table-responsive .dt-container > .row:last-child,
.card > .card-body.table-responsive .dt-container > .dt-layout-row:last-child {
  padding: 8px 10px 10px !important;
  align-items: center;
  min-height: 0;
}

.card > .card-body.table-responsive .dt-layout-cell {
  padding: 0 !important;
}

.card > .card-body.table-responsive .dt-info,
.card > .card-body.table-responsive .dt-paging,
.card > .card-body.table-responsive .dt-length,
.card > .card-body.table-responsive .dt-search {
  margin: 0 !important;
  padding: 0 !important;
}

.card > .card-body.table-responsive .table {
  margin-bottom: 0 !important;
}

.card > .card-body.table-responsive table.dataTable > thead > tr > th,
.card > .card-body.table-responsive table.dataTable > tbody > tr > td,
.card > .card-body.table-responsive .table > thead > tr > th,
.card > .card-body.table-responsive .table > tbody > tr > td {
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

.card > .card-body.table-responsive .table > thead > tr > th:first-child,
.card > .card-body.table-responsive .table > tbody > tr > td:first-child {
  padding-left: 10px;
}

.card > .card-body.table-responsive .table > thead > tr > th:last-child,
.card > .card-body.table-responsive .table > tbody > tr > td:last-child {
  padding-right: 10px;
}

.pc-header .user-avtar,
.pc-header .header-user-profile .pc-head-link .user-avtar {
  color: #149579 !important;
}

@media (max-width: 767.98px) {
  .card > .card-body.table-responsive {
    padding: 0 !important;
  }

  .card > .card-body.table-responsive .dt-container > .row:first-child,
  .card > .card-body.table-responsive .dt-container > .row:last-child,
  .card > .card-body.table-responsive .dt-container > .dt-layout-row:first-child,
  .card > .card-body.table-responsive .dt-container > .dt-layout-row:last-child {
    padding-left: 10px;
    padding-right: 10px;
    row-gap: 10px;
  }
}