body {
	background-color: #C7EFFC;
	background-image: url("/images/milestone-chassis.jpg");
}

@media (min-width: 1600px) {
	.container-xl {
		max-width: 1400px;
	}
}

#header {
	background-color: transparent;
	padding-left: 20px;
	padding-top: 20px;
}

main.container-fluid {
	padding: 0;
}

#logo-img {
	width: 277px;
	height: 45px;
}

#logon-btn {
	float: right;
	font-size: small;
	font-weight: bold;
	padding-top: 1em;
}

.navbar {
	padding-left: 4.5em;
}

.nav-item {
	font-size: small;
	font-weight: bold;
}

.nav-link {
	color: #013C5B;
}

.dx-toolbar-items-container {
	background-color: #C7EFFC;
}

.dx-header-row {
	background-color: lightblue;
	color: darkslategray;
	border-bottom: 1px solid darkslategray;
}

.dx-datagrid-export-button {
	background-color: #B0C4DE;
	border-color: black;
}

tr.dx-row.dx-data-row.dx-row-focused.dx-cell-focus-disabled > td {
	background-color: #B0C4DE;
}

.entryBar {
	width: 100%;
	background-color: #DDDB;
	border: 2px solid black;
	border-radius: 8px;
	padding: 8px;
	margin-bottom: 8px;
}

#buttonGroup {
	text-align: center;
	margin-bottom: 20px;
}

#buttonGroup > .dx-button {
		margin: 0 20px;
	}

.formTitle {
	font-size: small;
	font-weight: bold;
}

.formSubtitle {
	font-size: small;
}

.formLabel {
	font-weight: bold;
	font-size: small;
	margin: .5em
}

.formText {
	display: inline-block;
	margin-right: 8px;
}

.formButton {
	font-weight: bold;
	font-size: small;
}

#logout {
	font-size: small;
	font-weight: bold;
	padding-left: 0;
	margin-top: 2.5em;
}

.popup-form {
	background: #DDDB;
	padding-bottom: 8px;
	border: 2px solid black;
	border-radius: 8px;
	margin-top: 20px;
}

.custom-file-label::after {
	background-color: #479af2;
	color: white;
}

#gridAdd, #gridDelete {
	margin: 4px 4px 4px 0px;
}

.dropdown-item {
	font-size: small;
	font-weight: bold;
}

.dropdown-item:hover {
	background-color: #97c1d7;
}

.dx-scrollable-scroll-content {
	background-color: gray;
}

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell,
.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
	background-color: slategray;
}

#txtNewStatus {
	width: 50px;
}

#btnSubmitChanges {
	float: right;
	margin-top: 4px;
	margin-right: 4px;
}

.shield {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: transparent;
	height: 400px;
	width: 100%;
	z-index: 100;
}

#pdfcanvas {
	border: 1px solid black;
	direction: ltr;
}

.alert {
	margin-top: 14px;
	border: 2px solid black;
}