/*
	Colours
	Dark Blue = #0055a6
	Old Label Blue = #3366CC
	Light Blue = #35a8e3
*/

html, body {
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
}

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

.table-hover > tbody > tr:hover > * {
	color: #0055a6;
}

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: #0055a6;
}

.table-layout-fixed{
	table-layout: fixed;
}

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

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

div.readOnlyLabel.text-muted, label.form-label {
	font-family: arial, Sans-Serif;
	color: #0055a6 !important;
	font-weight: bold;
}

div.text-muted div.readOnlyLabel.text-muted {
	color: #6c757d !important;
	font-weight: normal;
}

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

p, ul li {
	color: #0055a6;
}
/*Cancel small*/
.small {
	font-size: 1em;
}

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

.tableShowMore {
	margin-top: 10px;
}

.headerTop {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 4px;
	margin-bottom: 5px;
}

.headerTopName {
	font-size: 30px;
	font-weight: bold;
	color: #00a3e0;
	font-family: "Open Sans", sans-serif;
}

.headerTopVersion {
	font-size: 8pt;
	color: #999999;
}

nav.navbar {
	background: transparent linear-gradient(to bottom, #0061b0 0%, #004189 100%) repeat scroll 0 0;
	font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
	padding: 0 0 0 50px;
	margin-bottom: 10px;
}

ul.navbar-nav {
}

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: #002E62;
	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;
	}

@media all and (min-width: 992px) {
	.navbar .nav-item > .dropdown-menu {
		display: none;
	}

	.navbar .nav-item:hover > .nav-link {
	}

	.navbar .nav-item:hover > .dropdown-menu {
		display: block;
	}

	.navbar .nav-item > .dropdown-menu {
		margin-top: 0;
	}
}

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

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

	a:hover, .btn-link:hover {
		text-decoration: underline;
		color: #E73737;
	}

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

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

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

.breadcrumb-item a, .breadcrumb-item .btn-link {
	color: #0055a6;
	font-weight: normal;
}

.breadcrumb-item.active a, .breadcrumb-item.active .btn-link {
	font-weight: bold;
	text-decoration:underline;
}

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

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

.mainPageWithLivebar {
	margin-right: 246px;
}

.mainPageWithoutLivebar {
	margin-right: 26px;
}

.livebarContainer {
	position: fixed;
	top: 0;
	right: 0;
	width: 220px;
	height: 100vh;
	max-height: 100vh;
	border-left: solid 2px #2e5597;
	background-color: #35a8e3;
}


.livebarHandle {
	cursor: pointer;
	position: fixed;
	right: 0px;
	top: 180px;
	height: 122px;
	z-index: 500;
}

.livebarHandleExpanded {
	right: 220px;
}

/*@media (max-width:975px) {
	.mainPageWithLivebar {
		margin-right: 0px;
	}

	.livebarContainer {
		display: none;
	}

	.livebarHandle {
		display: none;
	}
}*/

.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;
		}

.livebarContainer a {
	text-decoration: none;
}

	.livebarContainer a:hover {
		text-decoration: underline;
	}

.livebartitle {
	background: transparent linear-gradient(to bottom, #0061b0 0%, #004189 100%) repeat scroll 0 0;
	text-align: center;
	padding: 4px 0px;
}

	.livebartitle .btn {
		background-color: #35a8e3;
		border: solid 2px #2F5597;
		padding: .1rem 1.5rem;
	}

	.livebartitle .btn-secondary {
		background-color: transparent;
		color: white;
	}

	.livebartitle i {
		color: white;
	}

.livebarDetailContainer {
	vertical-align: top;
	color: black;
	font-size: 8pt;
	height: 220px;
	padding: 2px;
	overflow: auto;
	background-color: white;
}

.livebarScrollable {
	overflow: scroll;
}

.livebarDetailContainer div {
	display: flex;
	align-items: flex-start;
	padding-bottom: 3px;
}

	.livebarDetailContainer div img{
		padding-top:2px;
	}

	.livebarTimeLoaded {
		background-color: white;
		font-size: 10px;
		text-align: center;
		padding: 2px 0px;
		border-bottom: solid 2px #2e5597;
	}

div.livebarInfo {
	padding: 5px;
	background-color: #C41000;
	border-bottom: 5px solid white;
	font-family: Sans-Serif;
	color: white;
}

	div.livebarInfo a {
		color: white;
		font-size: 12pt;
	}


div.livebarInfoYellow {
	background-color: #E2A600;
}

div.livebarNotification {
	background: #CC0000;
	color: white;
	font-family: Sans-Serif;
	font-size: 8pt;
	border-bottom: solid 1px white;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}

	div.livebarNotification a {
		color: white;
	}

	div.livebarNotification .btn-link {
		color: white;
		font-family: Sans-Serif;
		font-size: 8pt;
		text-decoration: none;
		font-weight: bold;
	}

		div.livebarNotification .btn-link:hover {
			text-decoration: underline;
		}

div .livebarNotificationAmber {
	background: #FFBF00;
	color: black;
	font-family: Sans-Serif;
	font-size: 8pt;
	border-bottom: solid 1px white;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}

	div.livebarNotificationAmber a {
		color: black;
	}

div .livebarNotificationGreen {
	background: #188753;
	font-weight: normal;
}

div.livebarHeader {
	background: transparent linear-gradient(to bottom, #0061b0 0%, #004189 100%) repeat scroll 0 0;
	color: White;
	font-family: "Open Sans",Sans-Serif;
	font-weight: normal;
	font-size: 10pt;
	padding: 1px;
	padding-left: 5px;
	white-space: nowrap;
}

	div.livebarHeader a {
		color: white;
	}

div.livebarSection {
	background: #A5CDFF;
	color: black;
	font-family: Sans-Serif;
	font-size: 8pt;
}

div.taskSection div.livebarRow:last-child {
	padding-bottom: 10px;
}

div.livebarRow {
	padding-left: 2px;
	padding-top: 1px;
}

	div.livebarRow img {
		margin-right: 2px;
	}

	div.livebarRow a {
		color: black;
	}

div.livebarOngoingStatusHeader {
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 1px;
	font-weight: bold;
}

div.livebarInnerHeader {
	padding-left: 5px;
	font-weight: bold;
}

	div.livebarInnerHeader a {
		color: black;
	}

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

h1 {
	font-weight: bold;
}

h3 {
	font-weight: bold;
}

.nav-tabs a.nav-link {
	color: #0055a6 !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 #0055A6;
	border-collapse: collapse;
	margin: 15px 0px;
}

table.table thead th {
	text-align: center;
	border: solid 1px #0055A6;
	background-color: #0055A6;
	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.timetable:not(.table-muted) {
	border: none;
	border-collapse: collapse;
	margin: 15px 0px;
}

table.timetable thead th {
	text-align: center;
	border: none;
	background-color: white;
	color: White;
}

table.timetable > :not(:first-child) {
	border-top: solid 2px black;
}

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

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

	div.card-header i.bi-caret-down-fill, div.card-header i.bi-caret-right-fill {
		font-size: 12pt;
	}


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

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

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

.table-muted thead tr th {
	font-weight: normal;
	color: #666666;
	border-bottom: 0px;
}

.table-muted tbody:not(:first-child) {
	border-top: 0px;
}

.table-muted tbody td {
	border-bottom: 0px;
}

/* Diary Timetable */

table.timetable tr td:first-child {
	width: 100px;
}

table.timetable tr td:not(:first-child) {
	border-left: solid 1px #DEE2E6;
}

table.timetable td a > div {
	background-color: #C2DBFE;
	margin: 10px 0px;
	/*border: solid 1px black;*/
	cursor: hand;
	font-size: 10pt;
	padding: 5px;
	text-align: left;
	border-radius: 5px;
}

table.timetable tbody tr td a {
	color: Black;
	font-weight: normal;
	text-decoration: none;
}

	table.timetable tbody tr td a:hover {
		text-decoration: underline;
	}

table.table tr td.table-purple {
	background-color: #9A3CB3 !important;
	border-bottom: solid 1px #EEEEEE;
	color: white;
}

table.frontPageTable {
	border: solid 1px #0055a6;
}

	table.frontPageTable > thead tr th {
		background-color: #0055a6;
		color: white;
		font-weight: normal;
		text-align: center;
	}

		table.frontPageTable > thead tr th a {
			color: white;
		}

	table.frontPageTable > tbody {
		border: 0 !important;
	}

		table.frontPageTable > tbody tr td {
			border: 0;
		}

			table.frontPageTable > tbody > tr > td:first-child {
				text-align: left;
			}

		table.frontPageTable > tbody > tr > td {
			font-size: 10pt;
			padding: 2px 5px;
		}

.bookingsBackground {
	background-color: #C6EAFF;
	border-radius: 5px;
	padding: 0px 10px;
}

.calloutsBackground {
	background-color: #AFE0B8;
	border-radius: 5px;
	padding: 0px 10px;
	color: #051b12;
}

	.calloutsBackground h1, .calloutsBackground div.text-primary {
		color: #051b12 !important;
	}

	.calloutsBackground h1 {
		font-weight: normal;
	}

.rcrPlusBackground {
	background-color: #E2CEEF;
	border-radius: 5px;
	padding: 0px 10px;
	color: #051b12;
}


.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;
}

.pexValidationMessage {
	position:relative;
	z-index: 960;
	background-color: white !important;
}

	.redBlinker {
		animation: blinker 2s linear infinite;
	}

@keyframes blinker {
	50% {
		background-color: white;
	}
}

.dashboardDangerBlinker {
	animation: dashboardDangerBlinker 2s linear infinite;
}

@keyframes dashboardDangerBlinker {
	50% {
		background-color: #dd3544;
		color:white;
	}
}

.larger {
	font-size: 1.25em;
}

.form-check {
	margin-left: 10px;
}
div.form-check.form-control-lg label{
	margin-top:6px;
}

.overviewGridContainer {
	display: flex;
	height: 600px;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}

.overviewGridContainer-flex-1 {
	width: 300px;
	min-width: 300px;
	overflow: scroll;
}

	.overviewGridContainer-flex-1 ul.list-group {
		margin: 0px;
		background-color: #0CA7D3;
	}

		.overviewGridContainer-flex-1 ul.list-group .list-group-item {
			cursor: pointer;
		}

		.overviewGridContainer-flex-1 ul.list-group li {
			background-color: #0084AB;
			color: #FFFFFA;
		}

			.overviewGridContainer-flex-1 ul.list-group li:nth-child(even) {
				background-color: #0A99C3;
				color: #FFFFFA;
			}

	.overviewGridContainer-flex-1 a:link {
		text-decoration: underline;
	}

	.overviewGridContainer-flex-1 a:hover {
		text-decoration: none;
	}

.overviewGridContainer-flex-2 {
	flex-grow: 4; /* default 0 */
}

	.overviewGridContainer-flex-2 iframe {
		overflow: scroll;
		height: 100%;
		width: 100%;
	}

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

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

.smsMessage1, .smsMessage2, .smsMessage3 {
	display: flex;
	justify-content: end;
}

	.smsMessage1 > div, .smsMessage2 > div, .smsMessage3 > div {
		border-radius: 8px;
		width: 50%;
		margin-bottom: 5px;
		padding:5px 10px;
	}

.smsMessage1 {
	justify-content: start;
}

	.smsMessage1 > div {
		background-color: #c8e0d4;
	}

.smsMessage2 > div {
	background-color: #DEDEDE;
}

.smsMessage3 > div {
	background-color: #c8dbff;
}

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

span.badge{
	padding-top:5px;
}

.width-date{
	width:200px;
}

div.form-label-layout-md label{
	width:250px;
	min-width:250px;
}

.popupMessage {
	left:10px;
	width: 500px;
}

@media (max-width: 520px), (max-device-width: 520px) {
	.popupMessage {
		left: 0px;
		width: 100%;
	}
}

.popoverLarge {
	color: #0055a6;
}
	.popoverLarge > div > span {
		color:#666666;
	}

.pexH1 i {
	color: #0055a6;
}

div.alert-danger p {
	color: #842029;
}

div.alert p.fw-bold {
	font-size:1.2em;
}

.table-ghost {
	color: #999999 !important;
}

.table-striped > tbody > tr.table-ghost:nth-of-type(odd) > * {
	color: #999999 !important;
}

	.table-ghost a {
		color: #999999 !important;
	}