.dataTables_wrapper button {
  font-size: 12px;
}

body,
p {
  font-size: 12px;
}

.badge-blue {
  background-color: #0d6efd;
}

.bg-gray {
  background-color: #a9a9a9 !important;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper.horizontal-menu header.main-nav {
  z-index: 1030;
}

.tg-backdrop,
.tg-dialog {
  z-index: 1061 !important;
}

#tg-dialog-prev-btn {
  background-color: #717171 !important;
  color: #fff !important;
  font-weight: 600 !important;
}

#tg-dialog-next-btn {
  background-color: #24695c !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* Add these styles to your existing <style> block */
.table-rounded {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 5px;
  overflow: hidden;
}

/* Round the top-left corner of the first header cell */
.table-rounded thead tr:first-child th:first-child {
  border-top-left-radius: 5px;
}

/* Round the top-right corner of the last header cell */
.table-rounded thead tr:first-child th:last-child {
  border-top-right-radius: 5px;
}

/* Round the bottom-left corner of the first footer cell */
.table-rounded tfoot tr:last-child td:first-child,
.table-rounded tfoot tr:last-child th:first-child {
  border-bottom-left-radius: 5px;
}

/* Round the bottom-right corner of the last footer cell */
.table-rounded tfoot tr:last-child td:last-child,
.table-rounded tfoot tr:last-child th:last-child {
  border-bottom-right-radius: 5px;
}

/* Optional: Add a border around the entire table */
.table-rounded {
  border: 1px solid #dee2e6;
}

.select2-container .select2-selection--single,
.select2-selection--multiple {
  height: auto !important;
  min-height: 38px !important;
}

/* Update z-index for popover menu */
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav {
  z-index: 13;
}

@font-face {
  font-family: "KalbeSystem";
  src: url("../../fonts/KalbeSystem-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KalbeSystem";
  src: url("../../fonts/KalbeSystem-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KalbeSystem";
  src: url("../../fonts/KalbeSystem-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KalbeSystem";
  src: url("../../fonts/KalbeSystem-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KalbeSystem";
  src: url("../../fonts/KalbeSystem-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "KalbeSystem", sans-serif !important;
}

.text-primary {
  color: #24695c !important;
}