:root {

	/* Material Web Overrides */
	--md-sys-color-primary: #1B2E3C;
	--md-sys-color-secondary: #4B0000;
	--md-sys-color-error: #BA191A;
	--md-ref-typeface-plain: Helvetica;
	--md-sys-typescale-body-large-size: 14px;
	--md-sys-typescale-headline-medium-size: 22px;
	--md-sys-color-background: #F4F4F6;
	--md-sys-color-surface: #F4F4F6;
	--md-sys-color-on-surface: #1B2E3C;
	--md-sys-color-surface-container-highest: #1B2E3C;
	--md-sys-color-on-surface-container-highest: #F4F4F6;

	--md-icon-button-icon-color: #1B2E3C;
	--md-icon-button-hover-icon-color: #1B2E3C;

	--md-filled-tonal-button-container-color: #E6E8E9;
	--md-filled-tonal-button-hover-container-elevation: 0;
	--md-filled-tonal-button-container-shape: 12px;

	--md-fab-primary-container-color: #1B2E3C;
	--md-fab-primary-icon-color: #F4F4F6;

	--md-fab-secondary-container-color: #4B0000;
	--md-fab-secondary-icon-color: #F6F2F2;

	--md-divider-color: #F4F4F6;
	--md-list-container-color: transparent;
	--md-list-item-leading-space: 24px;
	--md-list-item-leading-icon-color: #1B2E3C;
	--md-list-item-trailing-space: 24px;
	--md-list-item-trailing-icon-color: #1B2E3C;

	--md-text-button-label-text-color: #784040;
	--md-text-button-label-text-weight: bold;
	--md-text-button-hover-state-layer-color: #4B0000;
	--md-text-button-hover-label-text-color: #4B0000;
	--md-text-button-container-shape: 12px;

	--md-outlined-text-field-container-shape: 12px;

	--md-menu-container-shape: 7px;
	--md-menu-container-color: #FFF; /* #F4F4F6;*/
	--md-menu-container-shadow-color: #444;
	--md-menu-item-selected-container-color: #ECECED;
	--md-menu-item-hover-container-color: #E6E6E8;

	--md-outlined-field-container-shape: 12px;
	--md-outlined-select-text-field-container-shape: 12px;
	--md-menu-item-hover-state-layer-color: #444;
	--md-menu-item-pressed-state-layer-color: #fff;
	--md-outlined-select-text-field-focus-outline-color: #444;

	--md-filled-select-text-field-container-shape: 12px;
	--md-filled-select-text-field-container-color: transparent;
	--md-filled-select-text-field-active-indicator-color: transparent;
	--md-filled-select-text-field-hover-active-indicator-color: transparent;
	--md-filled-select-text-field-focus-active-indicator-color: transparent;

	--md-dialog-headline-font: var(--md-ref-typeface-plain);
	--md-dialog-container-shape: 14px;
	--md-dialog-container-color: #F4F4F6; /*#FDFDFD;*/

	--md-switch-track-color: #E6E6E8;
	--md-switch-track-outline-color: #494957;
	--md-switch-handle-color: #494957;
	--md-switch-selected-track-color: #1B2E3C;
	--md-switch-selected-handle-color: #fff;

	--md-switch-hover-track-color: #E6E6E8;
	--md-switch-selected-hover-track-color: #1B2E3C;
	--md-switch-selected-hover-handle-color: #E6E6E8;

	--md-switch-pressed-track-color: #E6E6E8;
	--md-switch-selected-pressed-track-color: #1B2E3C;
	--md-switch-selected-pressed-handle-color: #E6E6E8;

	/* Bootstrap Overrides */
	--bs-primary-rgb: 12, 12, 30;
	--bs-secondary-rgb: 75, 0, 0;
	--bs-light-rgb: 244, 244, 246;
	--bs-tertiary-bg-rgb: var(--md-sys-color-background);
	--bs-body-color: var(--md-sys-color-on-surface);
	--bs-secondary-bg-rgb: 237, 229, 229;
	--bs-body-bg-rgb: 210, 231, 234;

	--bs-primary-bg-subtle: #E6E6E8;

	--bs-body-font-size: 14px;

	--bs-border-color: #1B2E3C;
	--bs-border-radius: 14px;
	--bs-border-radius-lg: 14px;

	/* App Overrides */
	--sidenav-width: 250px;
	--topnav-height: 64px;
}

md-dialog {
	--md-divider-color: #D3D4D9;
}

md-icon-button.error {
	--md-icon-button-icon-color: var(--md-sys-color-error);
	--md-icon-button-hover-icon-color: var(--md-sys-color-error);
	--md-icon-button-pressed-icon-color: var(--md-sys-color-error);
	--md-icon-button-focus-icon-color: var(--md-sys-color-error);
	--md-icon-button-selected-hover-state-layer-color: var(--md-sys-color-error);
	--md-icon-button-hover-state-layer-color: var(--md-sys-color-error);
	--md-icon-button-pressed-state-layer-color: var(--md-sys-color-error);
}

md-filled-icon-button.error {
	--md-filled-icon-button-container-color: var(--md-sys-color-error);
	--md-filled-icon-button-selected-hover-state-layer-color: var(--md-sys-color-error);
	--md-filled-icon-button-hover-state-layer-color: var(--md-sys-color-error);
	--md-filled-icon-button-pressed-state-layer-color: var(--md-sys-color-error);
}

body {
	margin: 0;
	background-color: var(--md-sys-color-background);
	font-family: var(--md-ref-typeface-plain);
}

#app {
	min-height: 100vh;
}

main {
	display: flex;
}

.content {
	width: calc(100vw - var(--sidenav-width));
	height: calc(100vh - var(--topnav-height));
}

.cursor-pointer {
	cursor: pointer;
}

/* Material Web Overrides */
md-list.nav {
	width: var(--sidenav-width);
	padding-right: 24px;
	min-height: calc(100vh - var(--topnav-height));
}

md-list.nav md-item+md-list-item, md-list.nav md-list-item:first-child {
	margin-block-start: 0;
}

md-list.nav md-list-item {
	display: block;
	--md-focus-ring-shape: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}

md-list.nav md-list-item[selected] {
	background-color: var(--md-sys-color-surface-container-highest);
	--md-list-item-label-text-color: var(--md-sys-color-on-surface-container-highest);
}

md-list.nav md-list-item[selected] md-item {
	color: var(--md-sys-color-on-surface-container-highest);

}

md-menu md-list {
	padding: 0;
}

md-menu md-list md-item+md-list-item, md-menu md-list md-list-item:first-child {
	margin-block-start: 0;
}

md-menu md-list md-list-item {
	display: block;
	--md-focus-ring-shape: 10px;
	border-radius: 10px;
}

md-list.hoverable md-list-item:hover {
	background-color: rgba(75, 0, 0, 0.08);
}

md-list md-list-item.btn-light {
	background-color: rgba(27, 46, 60, 0.1);
}

md-list md-list-item.text-secondary {
	color: #784040 !important;
	--md-list-item-label-text-color: #784040;

	--md-list-item-hover-state-layer-color: #4B0000;
	--md-list-item-pressed-state-layer-color: #4B0000;
}

md-list md-list-item.text-secondary md-icon {
	color: #784040 !important;
}

md-list md-list-item.text-secondary:hover {
	--md-list-item-label-text-color: #4B0000;
	color: #4B0000 !important;
}

md-list md-list-item.text-secondary:hover md-icon {
	color: #4B0000 !important;
}

md-filled-select, md-outlined-select {
	min-width: 100px;
}

md-filled-select[error] {
	--md-filled-select-text-field-disabled-supporting-text-color: #b3261e;
	--md-filled-select-text-field-disabled-outline-color: #b3261e;
	--md-filled-select-text-field-disabled-label-text-color: #b3261e;
	--md-filled-select-text-field-error-hover-supporting-text-color: #b3261e;
	--md-filled-select-text-field-error-hover-outline-color: #b3261e;
	--md-filled-select-text-field-error-hover-label-text-color: #b3261e;
}

md-outlined-select[error] {
	--md-outlined-select-text-field-disabled-supporting-text-color: #b3261e;
	--md-outlined-select-text-field-disabled-outline-color: #b3261e;
	--md-outlined-select-text-field-disabled-label-text-color: #b3261e;
	--md-outlined-select-text-field-error-hover-supporting-text-color: #b3261e;
	--md-outlined-select-text-field-error-hover-outline-color: #b3261e;
	--md-outlined-select-text-field-error-hover-label-text-color: #b3261e;
}

md-filled-text-field[error] {
	--md-filled-text-field-disabled-supporting-text-color: #b3261e;
	--md-filled-text-field-disabled-outline-color: #b3261e;
	--md-filled-text-field-disabled-label-text-color: #b3261e;
	--md-filled-text-field-error-hover-supporting-text-color: #b3261e;
	--md-filled-text-field-error-hover-outline-color: #b3261e;
	--md-filled-text-field-error-hover-label-text-color: #b3261e;
}

md-outlined-text-field[error] {
	--md-outlined-text-field-disabled-supporting-text-color: #b3261e;
	--md-outlined-text-field-disabled-outline-color: #b3261e;
	--md-outlined-text-field-disabled-label-text-color: #b3261e;
	--md-outlined-text-field-error-hover-supporting-text-color: #b3261e;
	--md-outlined-text-field-error-hover-outline-color: #b3261e;
	--md-outlined-text-field-error-hover-label-text-color: #b3261e;
}

.button-group .md-outlined-button:not(:first-child) .outline {
	border-left: 0;
}

.card > md-tabs:first-child md-secondary-tab:first-child {
	--md-secondary-tab-container-shape-start-start: 14px;
}
.card > md-tabs:first-child md-secondary-tab:last-child {
	--md-secondary-tab-container-shape-start-end: 14px;
}

.bg-body-secondary md-secondary-tab {
	--md-secondary-tab-active-indicator-color: #4B0000;
	--md-secondary-tab-active-label-text-color: #4B0000;

	--md-secondary-tab-active-hover-state-layer-color: #4B0000;
	--md-secondary-tab-active-hover-label-text-color: #4B0000;

	--md-secondary-tab-hover-state-layer-color: #4B0000;
	--md-secondary-tab-hover-label-text-color: #4B0000;

	--md-secondary-tab-pressed-state-layer-color: #4B0000;
	--md-secondary-tab-active-pressed-state-layer-color: #4B0000;

}


/* Bootstrap Overrides */
.btn {
	--bs-btn-padding-x: 1.25rem;
	--bs-border-radius: 999px;
	--bs-btn-hover-bg: rgba(27, 46, 60, 0.1);
	--bs-btn-font-size: 14px;
}

.mt-n1 {
	margin-top: -0.25rem;
}

.mt-n2 {
	margin-top: -0.5rem;
}

.mt-n3 {
	margin-top: -1rem;
}

.mb-n1 {
	margin-bottom: -0.25rem;
}

.mb-n2 {
	margin-bottom: -0.5rem;
}

.mb-n3 {
	margin-bottom: -1rem;
}

.bg-primary, .card.bg-primary {
	--md-divider-color: #494957;
}

.bg-transparent {
	background-color: transparent;
}

.text-secondary {
	color: #784040;
}

md-filled-tonal-button.btn-primary {
	--md-filled-tonal-button-container-color: #1B2E3C;
	--md-filled-tonal-button-label-text-color: #F4F4F6;
	--md-filled-tonal-button-icon-color: #F4F4F6;
	--md-filled-tonal-button-hover-state-layer-color: #F4F4F6;
	--md-filled-tonal-button-hover-label-text-color: #F4F4F6;
	--md-filled-tonal-button-hover-icon-color: #F4F4F6;
	--md-filled-tonal-button-pressed-state-layer-color: #F4F4F6;
	--md-filled-tonal-button-pressed-label-text-color: #F4F4F6;
	--md-filled-tonal-button-pressed-icon-color: #F4F4F6;
	--md-filled-tonal-button-focus-state-layer-color: #F4F4F6;
	--md-filled-tonal-button-focus-label-text-color: #F4F4F6;
	--md-filled-tonal-button-focus-icon-color: #F4F4F6;

	--md-circular-progress-active-indicator-color: #F4F4F6;
}

md-filled-tonal-button.btn-secondary {
	--md-filled-tonal-button-container-color: #4B0000;
	--md-filled-tonal-button-label-text-color: #F6F2F2;
	--md-filled-tonal-button-icon-color: #F6F2F2;
	--md-filled-tonal-button-hover-state-layer-color: #F6F2F2;
	--md-filled-tonal-button-hover-label-text-color: #F6F2F2;
	--md-filled-tonal-button-hover-icon-color: #F6F2F2;
	--md-filled-tonal-button-pressed-state-layer-color: #F6F2F2;
	--md-filled-tonal-button-pressed-label-text-color: #F6F2F2;
	--md-filled-tonal-button-pressed-icon-color: #F6F2F2;
	--md-filled-tonal-button-focus-state-layer-color: #F6F2F2;
	--md-filled-tonal-button-focus-label-text-color: #F6F2F2;
	--md-filled-tonal-button-focus-icon-color: #F6F2F2;

	--md-circular-progress-active-indicator-color: #F6F2F2;
}

md-filled-tonal-button.btn-danger {
	--md-filled-tonal-button-container-color: #b3261e;
	--md-filled-tonal-button-label-text-color: #F4F4F6;
	--md-filled-tonal-button-icon-color: #F4F4F6;
	--md-filled-tonal-button-hover-state-layer-color: #F4F4F6;
	--md-filled-tonal-button-hover-label-text-color: #F4F4F6;
	--md-filled-tonal-button-hover-icon-color: #F4F4F6;
	--md-filled-tonal-button-pressed-state-layer-color: #F4F4F6;
	--md-filled-tonal-button-pressed-label-text-color: #F4F4F6;
	--md-filled-tonal-button-pressed-icon-color: #F4F4F6;
	--md-filled-tonal-button-focus-state-layer-color: #F4F4F6;
	--md-filled-tonal-button-focus-label-text-color: #F4F4F6;
	--md-filled-tonal-button-focus-icon-color: #F4F4F6;

	--md-circular-progress-active-indicator-color: #F4F4F6;
}

md-filled-tonal-button.btn-light {
	--md-filled-tonal-button-container-color: rgba(27, 46, 60, 0.1);
	--md-filled-tonal-button-label-text-color: #1B2E3C;
	--md-filled-tonal-button-icon-color: #1B2E3C;

	--md-circular-progress-active-indicator-color: #1B2E3C;
}

md-filled-tonal-button md-circular-progress {
	--md-circular-progress-active-indicator-width: 6;
}

md-text-button.btn-light {
	--md-text-button-label-text-color: #C9B2B2;
	--md-text-button-label-text-weight: bold;
	--md-text-button-hover-state-layer-color: #EDE5E5;
	--md-text-button-hover-label-text-color: #EDE5E5;
	--md-text-button-container-shape: 12px;
}

md-filled-icon-button.btn-primary {
	--md-icon-button-container-color: #1B2E3C;
	--md-icon-button-label-text-color: #F4F4F6;
	--md-icon-button-icon-color: #F4F4F6;
	--md-icon-button-hover-state-layer-color: #F4F4F6;
	--md-icon-button-hover-label-text-color: #F4F4F6;
	--md-icon-button-hover-icon-color: #F4F4F6;
	--md-icon-button-pressed-state-layer-color: #F4F4F6;
	--md-icon-button-pressed-label-text-color: #F4F4F6;
	--md-icon-button-pressed-icon-color: #F4F4F6;
	--md-icon-button-focus-state-layer-color: #F4F4F6;
	--md-icon-button-focus-label-text-color: #F4F4F6;
	--md-icon-button-focus-icon-color: #F4F4F6;

	--md-circular-progress-active-indicator-color: #F4F4F6;
}

.tooltip-inner {
	padding: 12px 16px;
}

hr {
	color: #878790;
}

.btn-group > .btn, .btn-group-vertical > .btn {
	flex: 1 1 0%;
	/*--bs-btn-padding-y: 12px;*/
	--bs-btn-padding-x: 12px;
}

.btn-secondary {
	--bs-btn-bg: rgba(75, 0, 0, 0.08);
	--bs-btn-color: #784040;
	--bs-btn-hover-bg: rgba(75, 0, 0, 0.5);
	--bs-btn-hover-color: #F4F4F6;
}

.navbar {
	min-height: var(--topnav-height);
	font-size: var(--md-sys-typescale-headline-medium-size);
}

.navbar-brand {
	--bs-navbar-brand-color: var(--md-sys-color-on-surface);
}

.card {
	--bs-card-spacer-y: 24px !important;
	--bs-card-spacer-x: 24px !important;
	--bs-card-border-width: 0;
	--bs-card-bg: #FDFDFD;
	--bs-card-cap-bg: #FDFDFD;
	--md-sys-color-surface: transparent;
	--bs-card-title-spacer-y: 24px;
	--bs-card-title-color: var(--md-sys-color-on-surface);
	--bs-card-border-radius: 14px;
}

.card.card-outline-primary {
	--bs-card-border-width: 1px;
	--bs-card-border-color: #1B2E3C;
}

.card.btn {
	background-color: var(--bs-btn-bg);
	color: var(--bs-btn-color);
}

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

.table {
	--bs-table-border-color: #F4F4F6;
	--bs-table-hover-bg: rgba(75, 0, 0, 0.08);
	--bs-table-hover-color: rgba(75, 0, 0, 0.5);
}

.table thead {
	--bs-table-color-state: rgba(27, 46, 60, 0.6);
	font-size: 14px;
}

.table tbody {
	--bs-table-color-state: rgba(27, 46, 60, 0.75);
	font-size: 14px;
}

.table .table-active {
	--bs-table-bg-state: rgba(75, 0, 0, 0.1);
	--bs-table-color-state: #4B0000;
}

.table > :not(caption) > * > * {
	box-shadow: unset;
	background-color: var(--bs-table-bg-state, var(--bs-table-bg));
	padding: 1rem 1rem;
}

.table-hover > tbody > tr.table-active:hover > * {
	--bs-table-bg-state: rgba(75, 0, 0, 0.15);
	--bs-table-color-state: #4B0000;
}

.card > .table {
	margin-bottom: 0;
	--bs-table-bg: transparent;
}

.card > .table th:first-child, .card > .table td:first-child {
	padding-left: 24px;
}

.card > .table th:last-child, .card > .table td:last-child {
	padding-right: 24px;
}

.card > .table tbody tr:last-child td {
	border-bottom: none;
}

.card > .table:last-child tbody tr:last-child td:first-child {
	border-bottom-left-radius: var(--bs-card-border-radius);
}

.card > .table:last-child tbody tr:last-child td:last-child {
	border-bottom-right-radius: var(--bs-card-border-radius);
}

.card > md-list:last-child {
	border-bottom-left-radius: var(--bs-card-border-radius);
}

.card > md-list:last-child {
	border-bottom-right-radius: var(--bs-card-border-radius);
}

.btn-outline-primary {
	--bs-btn-color: #1B2E3C;
	--bs-btn-border-color: #1B2E3C;
	--bs-btn-hover-bg: rgba(27, 46, 60, 0.1);
	--bs-btn-hover-color: #1B2E3C;
	--bs-btn-hover-border-color: #1B2E3C;
	--bs-btn-active-bg: rgba(27, 46, 60, 0.15);
	--bs-btn-active-color: #1B2E3C;
	--bs-btn-active-border-color: #1B2E3C;
	--bs-btn-disabled-color: rgba(27, 46, 60, 0.5);
	--bs-btn-disabled-border-color: rgba(27, 46, 60, 0.5);

	--bs-btn-font-size: 13px;
}

.modal {
	--bs-modal-border-width: 0px;
	--bs-modal-border-radius: 14px;
	--bs-modal-padding: 24px;

	--bs-modal-header-padding: 24px;
	--bs-modal-header-border-width: 0px;

	--bs-modal-footer-border-width: 0px;
	--bs-modal-footer-gap: 0px;
}

.modal {
	--md-divider-color: #D3D4D9;
}

.card {
	--md-divider-color: #F4F4F6;
}

.modal-dialog {
	width: fit-content;
	max-width: initial;
	--bs-modal-bg: #F4F4F6; /*#FDFDFD;*/
}

.modal-header {
	font-size: 23px;
}

.modal-body {
	padding-top: 0px;
	padding-bottom: 0px;
}

.modal-backdrop {
	--bs-backdrop-bg: #1B2E3C;
	--bs-backdrop-opacity: 0.32;
}