@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

/* Basic Table Styles */
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  border-collapse: collapse;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
  color: #333333;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

/* Small Table */
.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

/* Striped Table */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Bordered Table */
.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

/* Hoverable Table */
.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

/* Table Head Styles */
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

/* Responsive Table */
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

/* Additional Table Styles */
.table-head-dark {
  background-color: #343a40;
  color: #fff;
}

.table-head-light {
  background-color: #f8f9fa;
  color: #495057;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-warning:hover {
  background-color: #ffdf7e;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

/* Responsive Table Styles */
.table-responsive-sm {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive-md {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive-lg {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive-xl {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Basic Text Styles */
body {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #212529;
  background-color: #f8f9fa;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: #343a40;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

strong {
  font-weight: bolder;
}
table td {
  text-align: left; /* Align text as needed, can be adjusted */
}

/* Styles for table header and footer */
table thead,
table tfoot {
  background-color: rgb(42, 63, 84) !important;
  color: rgb(255, 255, 255) !important;
  color: #ffffff !important;
}

table thead th,
table tfoot td {
  background-color: rgb(42, 63, 84) !important; /* Ensures background covers all header/footer cells */
  color: rgb(255, 255, 255) !important; /* Ensures text color is applied to all header/footer cells */
  color: #ffffff !important;
  text-align: left; /* Align text as needed, can be adjusted */
  padding: 3px; /* Add padding for better readability */
}

/* Ensure proper print colors */
@media print {
  table thead th,
  table tfoot td {
    -webkit-print-color-adjust: exact !important; /* Ensure colors are accurately printed */
    print-color-adjust: exact !important;
  }
  table tfoot th,
  table tfoot td {
    background-color: rgb(117, 117, 117) !important; /* Ensures background covers all header/footer cells */
    color: rgb(255, 255, 255) !important; /* Ensures text color is applied to all header/footer cells */
    color: #ffffff !important;
    text-align: left; /* Align text as needed, can be adjusted */
    padding: 1px; /* Add padding for better readability */
  }

  .envelope-table {
    margin-top: 50mm; /* Adjust this to move the address vertically to align with window */
    margin-left: 30mm; /* Adjust this to move the address horizontally to align with window */
    font-size: 14pt; /* Font size for clear readability */
  }

  .envelope-table td {
    padding: 5px 0; /* Add padding for better spacing */
  }

  /* Ensure no other elements are printed */

  .stylish-color {
    background-color: #78909c !important;
    color: #fff;
  }
  .warning-color-dark {
    background-color: #f80 !important;
    color: #fff;
  }
  .danger-color-dark {
    background-color: #c00 !important;
    color: #fff;
  }
  .success-color-dark {
    background-color: #007e33 !important;
    color: #fff;
  }
  .special-color {
    background-color: #37474f !important;
    color: #fff;
  }
  .secondary-color {
    background-color: #a6c !important;
    color: #fff;
  }
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  color: #fff;
  background-color: #007bff; /* Default color (can vary) */
}

.badge-pill {
  border-radius: 10rem; /* A large border-radius to create a pill shape */
  padding-right: 0.6em;
  padding-left: 0.6em;
}
.d-block {
  display: block !important; /* Forces the element to take up the full width of its container */
}

.noprint {
  display: none !important;
}

/* Variant backgrounds */
.badge-success {
  background-color: #14a44d;
}

.badge-warning {
  background-color: #e4a11b;
}

.badge-danger {
  background-color: #dc4c64;
}

.badge-primary {
  background-color: #3b71ca;
}

.badge-secondary {
  background-color: #9fa6b2;
}
/* Background utilities */
.bg-success {
  /* rgba(var(--mdb-success-rgb),1) → rgba(20,164,77,1) */
  background-color: rgba(20, 164, 77, 1) !important;
}
.bg-warning {
  /* rgba(var(--mdb-warning-rgb),1) → rgba(228,161,27,1) */
  background-color: rgba(228, 161, 27, 1) !important;
}
.bg-danger {
  /* rgba(var(--mdb-danger-rgb),1) → rgba(220,76,100,1) */
  background-color: rgba(220, 76, 100, 1) !important;
}
.bg-dark {
  /* rgba(var(--mdb-dark-rgb),1) → rgba(51,45,45,1) */
  background-color: rgba(51, 45, 45, 1) !important;
}
.bg-secondary {
  /* rgba(var(--mdb-secondary-rgb),1) → rgba(159,166,178,1) */
  background-color: rgba(159, 166, 178, 1) !important;
}

/* Text-color utilities */
.text-light {
  /* rgba(var(--mdb-light-rgb),1) → rgba(251,251,251,1) */
  color: rgba(251, 251, 251, 1) !important;
}
.text-dark {
  /* rgba(var(--mdb-dark-rgb),1) → rgba(51,45,45,1) */
  color: rgba(51, 45, 45, 1) !important;
}
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10pt;
}

.table-sm td,
.table-sm th {
  padding: 0.3rem;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f2f2f2;
}

.table-bordered,
.table-bordered td,
.table-bordered th {
  border: 1px solid #dee2e6;
}

.align-middle td,
.align-middle th {
  vertical-align: middle !important;
}

/* width */
.w-100 {
  width: 100% !important;
}

/* flex utilities */
.d-flex {
  display: flex !important;
}

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

.justify-content-middle {
  justify-content: center !important; /* note: MDB does not use 'middle', it's 'center' */
}

.justify-content-end {
  justify-content: flex-end !important;
}

/* spacing */
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}