/*
	Colours
	Dark Blue = #1F335C
	Old Label Blue = #3366CC
	Light Blue = #35a8e3

	New site:
	DarkBlue = #22335B
	Orange = #F6A23B
*/

html, body {
	font-family: "Roboto", sans-serif;
	font-size: 12pt;
	color: #1F335C;
}

table tr, .table-striped > tbody > tr:nth-of-type(odd) > * {
	color: #1F335C;
}

.table-hover > tbody > tr:hover > * {
	color: #1F335C;
}

th.tableFilter div > button.dropdown-button {
	color: white;
}

table.table th.tableFilterHasCriteria {
	border-bottom: solid 1px #35a8e3;
	background-color: #35a8e3 !important;
}

.sortButton-selected {
	background-color: #35a8e3;
	padding: 0px 3px !important;
}

table.table th.tableFilterHasCriteria .sortButton-selected {
	background-color: #1F335C;
}

/*.form-label {
	color: #6c757d;
}*/

.readOnlyLabel {
	color: #22335B;
}

header {
	background-color: white;
}

div.pexReadOnlyField {
	margin-bottom: 10px !important;
}

div.readOnlyLabel.text-muted, label.form-label {
	font-weight: normal;
}

div.largerLabels div.readOnlyLabel {
	min-width: 250px;
}

p {
	color: #1F335C;
}
/*Cancel small
.small {
	font-size: 1em;
}*/

.badge.small {
	font-size: 0.875em;
}

.tableShowMore {
	margin-top: 10px;
}

header {
	background-color: white;
}

.badge.small {
	font-size: 0.875em;
}

.tableShowMore {
	margin-top: 10px;
}


/*height of nav: 125px
	DarkBlue = #22335B
	Orange = #F6A23B

	Menu: font-family: "Roboto", sans-serif;

*/
.headerTop {
	background-color: #22335B;
	padding: 0px 50px;
	color: white;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
}

	.headerTop > div {
		display: flex;
		justify-content: space-between;
		gap: 10px;
		align-items: center;
		min-height: 125px;
	}

	.headerTop .headerRight {
		display: flex;
		justify-content: end;
		flex-wrap: wrap;
		gap: 20px;
		align-items: center;
		padding: 10px 0px;
	}

@media (max-width:500px) {
	.headerTop {
		padding:5px;
	}

		.headerTop .headerRight {
			gap: 10px;
		}

			.headerTop > div {
				flex-wrap: wrap;
			}

			.headerTop .btn {
				font-size: 12px !important;
				padding: 5px 10px !important;
			}
		}

.headerTop .headerRight a:not(.btn) {
	color: white;
}

.btn-secondary.btn-header, .btn-secondary.btn-header:visited {
	background-color: #F6A23B;
	color: white;
	border-radius: 0px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 20px;
}

	.btn-secondary.btn-header i {
		color: white !important;
	}

	.btn-secondary.btn-header:hover {
		background-color: #22335B;
		color: white;
		border-color: white;
	}

.btn-primary {
	letter-spacing: 1px;
	padding: 10px 20px;
	text-transform: uppercase;
}

.input-group .btn-primary {
	letter-spacing: normal;
	padding: 0.375rem 0.75rem;
	text-transform: none;
}

.pexToggleButtons .btn-primary {
	text-transform: none;
	letter-spacing: 1px;
	padding: 10px 20px;
}

.btn-primary, .btn-primary:visited, .btn-primary:focus {
	background-color: #F6A23B;
	color: white;
	border-color: #F6A23B;
	border-radius: 0px;
	font-weight: 600;
}

	.btn-primary.btn-sm {
		color: white !important;
		padding: 5px 15px;
	}

		.btn-primary i {
			color: white !important;
		}

		.btn-primary:hover {
			background-color: #22335B;
			color: white;
			border-color: white;
		}

		nav.navbar {
			background: #22335B;
			font-family: "Roboto", sans-serif;
			padding: 0 0 0 50px;
			margin-bottom: 10px;
			border-top: solid 1px white;
			min-height: 60px;
		}

		ul.navbar-nav {
			width: 100%;
			justify-content: center;
		}

		nav.navbar-dark .navbar-nav a.nav-link {
			color: white;
			font-size: 15px;
		}

		nav.navbar-dark .navbar-nav a.active {
			font-weight: bold;
			color: white;
		}


		nav.navbar-dark .navbar-nav a.active {
			font-weight: bold !important;
			color: #FFFFFF !important;
			border-bottom: solid 2px #FFFFFF;
		}

		nav.navbar-dark .navbar-nav a.active {
			background-color: #22335B;
			font-weight: normal !important;
		}

		nav.navbar-dark .nav-item {
			margin-right: 1rem;
		}

		nav.navbar-dark .nav-link {
			padding: .2rem 1rem;
		}

		nav.navbar-dark .navbar-nav ul.dropdown-menu {
			margin-top: 0;
			border-top-right-radius: 0;
			border-top-left-radius: 0;
			padding: 0;
		}

			nav.navbar-dark .navbar-nav ul.dropdown-menu a.dropdown-item {
				color: #555555;
				font-size: 10pt;
				font-family: sans-serif;
			}

			nav.navbar-dark .navbar-nav ul.dropdown-menu li {
				padding: 0;
			}

				nav.navbar-dark .navbar-nav ul.dropdown-menu li:nth-child(even) {
					background-color: #F5F5F5;
				}

			nav.navbar-dark .navbar-nav ul.dropdown-menu a.dropdown-item {
				padding: 3px 20px;
			}

				nav.navbar-dark .navbar-nav ul.dropdown-menu a.dropdown-item:hover {
					background-color: #428bca;
					color: #ffffff;
				}

			nav.navbar-dark .navbar-nav ul.dropdown-menu a.dropdown-toggle:after {
				position: absolute;
				right: 0px;
				margin-right: 10px;
				margin-top: 5px;
				color: #AAAAAA;
			}

			nav.navbar-dark .navbar-nav ul.dropdown-menu li .btn {
				color: #555555;
				font-size: 10pt;
				font-family: sans-serif;
				padding: 3px 20px;
			}


			/* Apply Tabs */
			.applyTabs{
				border-bottom:solid 2px white;
				justify-content:space-evenly;
			}
.applyTabs .nav-link {
	transition:none;
}
	.applyTabs .nav-link {
		border: none;
	}
	.applyTabs .nav-link:hover {
		border: none;
	}

				.applyTabs a.nav-link.active {
					border: none;
					border-bottom: solid 2px #F6A23B;
				}

				.applyTabs a.nav-link:hover {
					border: none;
					border-bottom: solid 2px #1F335C;
				}


		a, .btn-link, .table-danger, .table-success, .table-warning, .readOnlyValue a i, .input-group .input-group-text a i {
			color: #1F335C;
		}

a, .btn-link {
	text-decoration: underline;
	color: #1F335C;
	font-weight: bold;
}

	a:hover, .btn-link:hover {
		text-decoration: none;
		color: #F6A23B;
	}

			a.dropdown-item.btn.btn-link {
				color: #1F335C;
			}

		.text-warning {
			color: #D3A006 !important;
		}

		table.frontPageTable > tbody > tr > td > a, button.dropdown-item.btn-link {
			color: #1F335C;
			font-weight: normal;
		}

		a.nav-link, .livebarInfo a, .livebarHeader a, .livebarRow a {
			font-weight: normal;
		}

		.breadcrumb-item a {
			color: #1F335C;
			font-weight: normal;
		}

		li.dropend > a.dropdown-item:after {
			margin-left: 10px;
		}

		@media (max-width:769px) {
			li.dropend > a.dropdown-item:after {
				transform: rotate(90deg);
			}
		}

		.btn-secondary, .btn-secondary:focus {
			border-color: #2F5597;
			color: #2F5597;
			background-color: white;
		}

			.btn-secondary i {
				color: #2F5597 !important;
			}

			.btn-secondary:hover {
				border-color: #2F5597;
				color: white;
				background-color: #2F5597;
			}

				.btn-secondary:hover i {
					color: white !important;
				}

		h1, h2, h3, h4, h5, text-primary, h1 a, h2 a, h3 a, h4 a, h5 a {
			color: #1F335C;
		}

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

		h2 {
			font-size: 28px;
			font-weight: bold;
		}

		h3 {
			font-weight: bold;
		}

		.nav-tabs a.nav-link {
			color: #1F335C !important;
		}

		.fw-bold {
			font-weight: 600 !important;
		}

		.btn-icon i {
			color: #2F5597;
		}

		div.card-header .btn-icon i.bi {
			color: #2F5597;
		}

		table.table:not(.table-muted) {
			border: solid 2px #1F335C;
			border-collapse: collapse;
			margin: 15px 0px;
		}

		table.table thead th {
			text-align: center;
			border: solid 1px #1F335C;
			background-color: #1F335C;
			color: White;
		}

		.table > :not(:first-child) {
			border-top: solid 0px white;
		}

		table.table tbody tr td {
			border-color: #DEE2E6;
		}

		table .table tr th i {
			color: black;
		}

		table.table tr th .btn i {
			color: white;
		}

		table.table tr.table-row-selected > td {
			background-color: #DCE8ED !important;
		}

table.table.table-borderless {
	border: solid 0px #1F335C;
}

div.card-header {
	color: #2F5597;
}

			div.card-header h2 {
				font-size: 14pt;
				margin-bottom: 5px;
			}

			div.card-header i {
				font-size: 12pt;
			}


			div.card-header.bg-success h2 {
				color: white;
			}

			div.card-header.bg-primary h2 {
				color: white;
			}

		.width-50px {
			width: 50px;
		}

		.smaller-readOnly div.readOnlyLabel {
			min-width: 80px;
			padding-right: 10px;
		}

		.badge.rounded-pill {
			padding: 5px 20px;
		}

			.badge.rounded-pill.bg-danger.bg-opacity-25 {
				background-color: #F6CCD0 !important;
			}

			.badge.rounded-pill.bg-success.bg-opacity-25 {
				background-color: #C5E1D4 !important;
			}

			.badge.rounded-pill button {
				text-decoration: none;
				color: black;
			}

				.badge.rounded-pill button:hover {
					text-decoration: underline;
				}

		.blazored-typeahead {
			color: #212529;
			font-size: 1rem;
		}

			.blazored-typeahead .blazored-typeahead__input {
				padding-top: 5px;
				padding-bottom: 5px;
			}

		.mt-labelHeight {
			margin-top: 23.8px;
		}

		table.table .blazored-typeahead {
			background-color: white;
		}

		.smallCollapsibleTitle .card-header {
			padding: 0.2rem 1rem;
		}

			.smallCollapsibleTitle .card-header h2, .smallCollapsibleTitle .card-header .btn-icon i {
				font-size: 10pt;
			}

		.rcrSmall {
			font-size: .875em;
		}


		.larger {
			font-size: 1.25em;
		}

		.form-check {
			margin-left: 10px;
		}



		.border-primary {
			border-color: #2F5597 !important;
		}

		@media screen {
			#_messageDiv {
				overflow-y: scroll;
			}
		}

		.drop-zone-underneath table.table {
			border: none;
			margin: 0px;
		}

		.alert-danger p, .alert-danger ul li {
			color: #842029;
		}



.indentedQuote {
	margin-left: 20px;
	background-color: #CCCCCC;
	border-left: solid 3px #0055A6;
	padding:15px;
}

div.form-label-layout-sm label,
div.form-label-layout-md label,
div.form-label-layout-lg label,
div.form-label-layout-xl label {
	margin-top:3px;
}

div.pexReadOnlyField {
	font-size: 12pt !important;
}