/*
	header: #004AAD
	*/

html, body {
	background-color: #f8f8f8;
}

nav.navbar-dark {
	background-color: #002E62;
	font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

	nav.navbar-dark .navbar-nav a.nav-link {
	}

	nav.navbar-dark .navbar-nav a.active {
		font-weight: bold;
	}


	nav.navbar-dark .navbar-nav a.active {
		font-weight: bold !important;
		border-bottom: solid 2px #FFFFFF;
	}

.navbar-nav a.active {
	font-weight: normal !important;
}

h4 {
	font-size:13pt;
}

.logo-dropdown {
	border: solid 2px transparent;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 10px;
	margin-right: 10px;
}
.logo-dropdown:hover {
	border: solid 2px #999999;
}

.logo-dropdown:after {
	font-size: 22px;
}

	.logo-dropdown {
	}

	.subsystemLogo {
		width: 230px;
		display: flex;
		justify-content:space-between;
		align-items: center;
		padding: 5px;
		border-radius:5px;
	}

		.subsystemLogo .subsystemLogoLabel {
			flex-grow: 1;
			text-align: center;
			font-weight:bold;
			font-family: "Poppins", sans-serif;
			letter-spacing:1px;
		}

a:hover {
	text-decoration: none;
}

	.trainingList {
		padding-left: 50px;
		font-size: 1.2em;
	}

	.trainingList a {
		color: #000099;
	}

	.trainingList ol {
		counter-reset: item;
		padding-left: 10px;
	}

	.trainingList > ol > li {
		padding-top: 20px;
	}

	.trainingList li {
		display: block
	}

		.trainingList li:before {
			content: counters(item, ".") " ";
			counter-increment: item
		}

	.trainingList ol li a, .trainingList ol li span {
		padding-left: 10px;
	}

table.table td.riskYellowCell {
	background-color: #FFFF33;
}


.riskGreenCell {
	background-color: #00FF00 !important;
}

.riskYellowCell {
	background-color: #FFFF33 !important;
}

.riskAmberCell {
	background-color: #FFBF00 !important;
}

.riskRedCell {
	background-color: #CC0000 !important;
	color: white !important;
}

table.table thead tr th {
	background-color: #f8f8f8;
}


.inspectionReportDefectHeader {
	padding: 0.5rem 1rem;
	font-weight:bold;
	text-align:center;
}
.badge-late {
	color: #fff;
	background-color: #333333;
}

.badge-muted {
	color: #6C757D;
	background-color: #ced4da;
}

.badge-twodigits {
	min-width: 23px;
}


tr.dragHighlightTop td {
	border-top: 2px solid #7fcdff;
}

tr.dragHighlightBottom td {
	border-bottom: 2px solid #7fcdff;
}

.cardJumpOut {
	text-decoration: none;
	color:#212529;
}
.cardJumpOut > div {
	transition: all .2s;
	transform-origin: 50% 50%;
	transform-style: preserve-3d;
	transform: perspective(500 px) rotate3d(0, 0, 0, 0 deg)
}
	.cardJumpOut:hover > div {
		text-decoration: none;
		color: #2f4858;
		transform-origin: 50% 50%;
		transform-style: preserve-3d;
		transition: all .2s;
		transform: perspective(500px) rotate3d(0,1,0,-6deg) scale(1);
		box-shadow: rgba(0,0,0,.25) 2px 10px 26px;
	}


.table-calendar tr td {
	text-align: left;
	vertical-align:top;
}
.table-calendar tbody tr td {
	height: 100px;
}

.table-calendar th {
	font-weight: normal;
	color: #666666;
}

.table-calendar tr td.todayCell {
	background-color: rgba(255,220,40,.15);
}
td.dragHighlightCell {
	border: 2px solid #7fcdff;
}

.table-calendar-days thead tr th{
	width:14.28%;
}

.table-calendar-months tr td {
	width: 16.66%;
}

.auditDiv {
	background-color: #F0F0F0;
	padding: 5px 10px;
	border-radius: 5px;
}

.auditDivCancelled {
	background-color: #CCCCCC;
}

	.auditDivCancelled a {
		color: #6c757d;
	}

.auditDivLate {
	background-color: #f8d7da;
}

	.auditDivLate a {
		color: #842029;
	}

.auditDivComplete {
	background-color: #d1e7dd;
}

	.auditDivComplete a {
		color: #0f5132;
	}

.auditDivStarted {
	background-color: #cfe2ff;
}

	.auditDivStarted a {
		color: #084298;
	}

.timelineBarOuter {
	position: relative;
	height: 24px;
}

.timelineBarInner {
	position: absolute;
}
	.timelineBarInner div {
		font-size: 12px;
		color: white;
		text-decoration: none;
		white-space: nowrap;
	}
	.timelineBarInner a {

		color: white;
		text-decoration: none;
		white-space: nowrap;
	}
	.timelineBarInner a:hover {
		text-decoration: underline;
	}

.brs-6 {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.bre-6 {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.largeCheckbox input[type=checkbox] {
	width: 20px;
	height: 20px;
	margin-top: 4px;
}

.largeCheckbox label {
	margin-top: 2px;
	margin-left: 10px;
}

ul.no-bullets {
	list-style-type: none; /* Remove bullets */
	padding: 0; /* Remove padding */
	margin: 0 0 1rem 32px; /* Remove margins */
}

.card-header .btn-icon i {
	color: #415E9B;
}

table.table-dashboard thead tr th{
	background:white;
}

ol.breadcrumb{
	padding:5px 15px;
	font-size:11pt;
	margin-bottom:5px;
}

.text-youtube{
	color:#666666 !important;
}

.table-lg {
	font-size: 1.2em;
}

.btn-link:hover{
	text-decoration:none;
}

.bg-teal {
	background-color: #09A5BE;
}

.btn-sm{
	padding:2px 8px;
}

.popupMessage {
	left: 10px;
	width: 500px;
}

@media (max-width: 520px), (max-device-width: 520px) {
	.popupMessage {
		left: 0px;
		width: 100%;
	}
}

.table-striped > tbody > tr:nth-of-type(odd) > td.bg-danger {
	box-shadow: none;
}

.table-striped > tbody > tr:nth-of-type(odd) > td.bg-warning {
	box-shadow: none;
}

.table-striped > tbody > tr:nth-of-type(odd) > td.bg-success {
	box-shadow: none;
}