html, body {
	font-size:15px;
	font-family:'Montserrat Alternates', Calibri, Verdana, sans-serif;
}

h1 {
    font-size:25px;
    font-weight:bold;
}

.dropdown-toggle::after {
	color: white;
}

:root, [data-bs-theme="light"] {
    /* Define metallic grays for background */
    --bs-gray-100: #f3f6f9; /* Light gray for surfaces or cards */
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd; /* Medium gray */
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057; /* Base metallic gray */
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529; /* Very dark gray */

    /* Define metallic blues for primary, secondary, and info colors */
    --bs-primary: #9669bc; /* Dark metallic blue */
    --bs-secondary: #b58dd6; /* Medium metallic blue */
    --bs-info: #3b5a69; /* Light metallic blue */

    /* Update RGB values for primary, secondary, and info colors */
    --bs-primary-rgb: 150,105,188;
    --bs-secondary-rgb: 181,141,214;
    --bs-info-rgb: 59,90,105;

    /* Update text emphasis for better contrast on metallic gray background */
	--bs-heading-color: #000;
    --bs-body-color: #000;
    --bs-primary-text-emphasis: #e3e6e9;
    --bs-secondary-text-emphasis: #cfd3d6;
    --bs-info-text-emphasis: #b4bfc4;

    /* Adjusted subtle background colors for elements */
    --bs-primary-bg-subtle: #283d52; /* Slightly lighter primary bg */
    --bs-secondary-bg-subtle: #2f4a5a; /* Slightly lighter secondary bg */
    --bs-info-bg-subtle: #36566b; /* Slightly lighter info bg */

    /* Adjusted subtle border colors for elements */
    --bs-primary-border-subtle: #1c2f41;
    --bs-secondary-border-subtle: #243d4e;
    --bs-info-border-subtle: #2d4b5b;

    /* Rest of the Bootstrap properties remain the same or are adjusted for the new color scheme */
}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
	--bs-table-color-type: var(--bs-table-striped-color);
	--bs-table-bg-type: #white;
}

.table-striped > tbody > tr:nth-of-type(2n) > * {
	--bs-table-color-type: var(--bs-table-striped-color);
	--bs-table-bg-type: #F1EBF7;
}

.btn {
    padding:8px 25px;
}

.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: transparent;
}

/* Update button styles to match the new theme */
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary-border-subtle);
    --bs-btn-active-bg: var(--bs-info);
    --bs-btn-active-border-color: var(--bs-info-border-subtle);
    border-radius:15px;
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-info);
    --bs-btn-hover-border-color: var(--bs-info-border-subtle);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary-border-subtle);
    border-radius:15px;
}

.btn-info {
    --bs-btn-bg: var(--bs-info);
    --bs-btn-border-color: var(--bs-info-border-subtle);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary-border-subtle);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary-border-subtle);
    border-radius:15px;
}

.btn-danger {
	--bs-btn-color: #fff;
	--bs-btn-bg: #E6BA41;
	--bs-btn-border-color: #E6BA41;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #bb2d3b;
	--bs-btn-hover-border-color: #b02a37;
	--bs-btn-focus-shadow-rgb: 225,83,97;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #b02a37;
	--bs-btn-active-border-color: #a52834;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #E6BA41;
	--bs-btn-disabled-border-color: #E6BA41;
    border-radius:15px;
}

.table th {
    background-color:#E9E9E9;
    font-weight: bold;
    padding:15px 20px;
}

.table td {
    padding:15px 20px;
}

.table > tbody > tr > td:first-child, .table > thead > tr > th:first-child {
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
}

.table > tbody > tr > td:last-child, .table > thead > tr > th:last-child {
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
}

.table {
    border-color:transparent;
}