/* General Stylings */
:root {
  --primary-btn-color: #c43444;             /* Red for primary actions */
  --primary-btn-color-dark: #a82b36;        /* Darker red for hover effects */
  --primary-link-color: #c43444;            /* Red for links */
  --header-color: #c43444;                  /* Red for headers */
  --text-color: #333333;                    /* Dark charcoal for main text */
  --tab-bg-color: #f2f2f2;                  /* Soft gray for tab backgrounds */
  --tab-text-color: #737373;                /* Light gray for tab text */
  --border-color: #e9e9e9;                  /* Light border color */
  --icon-color: #c43444;                    /* Red for icons */
  --highlights-bg-color: #f2f2f2;           /* Soft gray for highlights background */
  --highlights-border-color: #c0dedd;       /* Subtle border color for highlights */
  --secondary-btn-color: #b88a2d;           /* Muted gold for accent buttons */
  --proximanova: 'proxima-nova', Arial, Helvetica, sans-serif;
  --proximasoft: 'proxima-soft', 'proxima-nova', Arial, Helvetica, sans-serif;
  --box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
}

/* Selection color */
::selection {
  color: var(--white);
  background-color: var(--secondary-btn-color);
}

/* Styling for specific components and elements */
meta[name='theme-color'] {
  color: var(--header-color);
}
.full-page-external-loader-wrapper {
  max-width: 100vw;
}
body {
  background-color: transparent;
  color: var(--text-color);
  overflow-x: hidden;
}
h4 strong,
h4 span {
  font-family: var(--proximanova);
  font-size: 1.5rem;
  color: var(--header-color);
}
a,
a:hover,
a:focus,
.btn-link,
.btn-link:hover,
.btn-link:focus {
  color: var(--primary-link-color);
}
.bg-primary {
  background-color: var(--primary-btn-color) !important;
}
.text-primary {
  color: var(--header-color) !important;
}
a.text-primary:focus,
a.text-primary:hover {
  color: var(--header-color) !important;
}
.text-secondary {
  color: var(--primary-link-color) !important;
}
.bg-secondary {
  background-color: var(--secondary-btn-color) !important;
}

/* Customizing modal and button colors */
.modal .modal-content .modal-header {
  color: var(--secondary-btn-color);
  background-color: var(--white);
  font-family: var(--proximanova);
}
.section-searchbar-operations button[data-ody-id='SearchButton'] {
  background-color: var(--primary-btn-color);
  border: 1px solid var(--primary-btn-color);
  color: var(--white);
}
.section-searchbar-operations button[data-ody-id='SearchButton']:hover {
  background-color: var(--primary-btn-color-dark);
  border-color: var(--primary-btn-color-dark);
}

/* Customizing table headers and rows */
.table-fixed .table > thead > tr > th,
.table-fixed .table > tbody > tr > td {
  color: var(--text-color);
  background-color: var(--tab-bg-color);
}

/* .btn-primary styling */
.btn-primary {
    background-color: #c43444;
    border-color: #c43444;
}

/* Rest of the CSS content remains unchanged to keep structural consistency */