.action-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.action-btns .btn {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
.btn {
  white-space: normal;
}
@media (max-width: 768px) {
  .main-nav-container .container-fluid .d-flex {
    align-items: flex-end !important;
  }
  .col.ps-4 {
    padding-left: 1rem !important;
  }
}
@media (max-width: 506px) {
  .main-nav-container .container-fluid .d-flex {
    flex-direction: column-reverse;
    align-items: flex-start !important;
  }
}
@media (max-width: 480px) {
  .system-title {
    font-size: 1rem;
  }
  .word-break-mobile {
    word-break: break-all;
  }
}
@media (max-width: 997px) {
  .table-responsive th {
    display: none;
  }
  .table-responsive .GridPagerStyle tr {
    display: table-row;
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
  .table-responsive .GridPagerStyle td,
  .table-responsive .GridPagerStyle th {
    display: table-cell;
  }
  .table-responsive .GridPagerStyle td:before {
    display: none;
  }
}
.btn-outline-dark:active, .btn-outline-dark:hover {
    color: #fff !important;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M28,29.3L4,16L28,2.7V29.3z'/%3E%3C/svg%3E%0A")
}