:root {
	--e-global-color-primary: #4E5057;
	--e-global-color-secondary: #DB893B;
	--e-global-color-text: #666A78;
	--e-global-color-accent: #282828;
	--e-global-color-9f19e0d: #000000;
	--e-global-color-d7966ba: #FFFFFF;
	--e-global-color-7c54ec5: #FFFFFF;
	--e-global-color-7aa72b3: #2D469A;
	--e-global-color-27a21b8: #74788D;
	--e-global-color-189e33d: #A6B0CF;
	--e-global-typography-primary-font-family: "Raleway";
	--e-global-typography-primary-font-weight: 600;
	--e-global-typography-secondary-font-family: "Roboto Slab";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Raleway";
	--e-global-typography-text-font-size: 16px;
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Roboto";
	--e-global-typography-accent-font-weight: 500;
	--e-global-typography-e2ddef5-font-size: 0.9em;
	--e-global-typography-e2ddef5-font-weight: 700;
	color: var(--e-global-color-9f19e0d);
	font-family: "Roboto", Sans-serif;
	line-height: 1.2em;
	background-color: #F8F8FB;
}
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&family=Roboto+Slab:wght@400&family=Roboto:wght@500&display=swap');

body {
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    color: var(--e-global-color-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    color: var(--e-global-color-primary);
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1.75em;
}

h4 {
    font-size: 1.5em;
}

h5 {
    font-size: 1.25em;
}

h6 {
    font-size: 1em;
}

/* Bootstrap 4 color classes */
.text-primary {
    color: var(--e-global-color-primary) !important;
}

.bg-primary {
    background-color: var(--e-global-color-primary) !important;
}

.text-secondary {
    color: var(--e-global-color-secondary) !important;
}

.bg-secondary {
    background-color: var(--e-global-color-secondary) !important;
}

.text-success {
    color: var(--e-global-color-accent) !important;
}

.bg-success {
    background-color: var(--e-global-color-accent) !important;
}

.text-danger {
    color: var(--e-global-color-9f19e0d) !important;
}

.bg-danger {
    background-color: var(--e-global-color-9f19e0d) !important;
}

.text-warning {
    color: var(--e-global-color-7aa72b3) !important;
}

.bg-warning {
    background-color: var(--e-global-color-7aa72b3) !important;
}

.text-info {
    color: var(--e-global-color-189e33d) !important;
}

.bg-info {
    background-color: var(--e-global-color-189e33d) !important;
}

.text-light {
    color: var(--e-global-color-d7966ba) !important;
}

.bg-light {
    background-color: var(--e-global-color-d7966ba) !important;
}

.text-dark {
    color: var(--e-global-color-27a21b8) !important;
}

.bg-dark {
    background-color: var(--e-global-color-27a21b8) !important;
}

.text-white {
    color: var(--e-global-color-7c54ec5) !important;
}

.bg-white {
    background-color: var(--e-global-color-7c54ec5) !important;
}

.text-muted {
    color: var(--e-global-color-text) !important;
}

.bg-muted {
    background-color: var(--e-global-color-text) !important;
}

/* Bootstrap 4 alerts */
.alert-primary {
    background-color: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}

.alert-secondary {
    background-color: var(--e-global-color-secondary) !important;
    border-color: var(--e-global-color-secondary) !important;
}

.alert-success {
    background-color: var(--e-global-color-accent) !important;
    border-color: var(--e-global-color-accent) !important;
}

.alert-danger {
    background-color: var(--e-global-color-9f19e0d) !important;
    border-color: var(--e-global-color-9f19e0d) !important;
}

.alert-warning {
    background-color: var(--e-global-color-7aa72b3) !important;
    border-color: var(--e-global-color-7aa72b3) !important;
}

.alert-info {
    background-color: var(--e-global-color-189e33d) !important;
    border-color: var(--e-global-color-189e33d) !important;
}

.alert-light {
    background-color: var(--e-global-color-d7966ba) !important;
    border-color: var(--e-global-color-d7966ba) !important;
}

.alert-dark {
    background-color: var(--e-global-color-27a21b8) !important;
    border-color: var(--e-global-color-27a21b8) !important;
}

/* Bootstrap 4 buttons */
.btn-primary {
    background-color: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}

.btn-secondary {
    background-color: var(--e-global-color-secondary) !important;
    border-color: var(--e-global-color-secondary) !important;
}

.btn-success {
    background-color: var(--e-global-color-accent) !important;
    border-color: var(--e-global-color-accent) !important;
}

.btn-danger {
    background-color: var(--e-global-color-9f19e0d) !important;
    border-color: var(--e-global-color-9f19e0d) !important;
}

.btn-warning {
    background-color: var(--e-global-color-7aa72b3) !important;
    border-color: var(--e-global-color-7aa72b3) !important;
}

.btn-info {
    background-color: var(--e-global-color-189e33d) !important;
    border-color: var(--e-global-color-189e33d) !important;
}

.btn-light {
    background-color: var(--e-global-color-d7966ba) !important;
    border-color: var(--e-global-color-d7966ba) !important;
}

.btn-dark {
    background-color: var(--e-global-color-27a21b8) !important;
    border-color: var(--e-global-color-27a21b8) !important;
}

/* Bootstrap 4 borders */
.border-primary {
    border-color: var(--e-global-color-primary) !important;
}

.border-secondary {
    border-color: var(--e-global-color-secondary) !important;
}

.border-success {
    border-color: var(--e-global-color-accent) !important;
}

.border-danger {
    border-color: var(--e-global-color-9f19e0d) !important;
}

.border-warning {
    border-color: var(--e-global-color-7aa72b3) !important;
}

.border-info {
    border-color: var(--e-global-color-189e33d) !important;
}

.border-light {
    border-color: var(--e-global-color-d7966ba) !important;
}

.border-dark {
    border-color: var(--e-global-color-27a21b8) !important;
}


table.dataTable thead th {
    white-space: nowrap;
  }