p {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.k-grid {
	line-height: 1;
}

	.k-grid .k-table:not(.k-table-sm):not(.k-table-lg) {
		line-height: 1;
	}

div.telerik-blazor.k-grid .k-table:not(.k-table-sm):not(.k-table-lg) th.k-table-th, div.telerik-blazor.k-grid .k-table:not(.k-table-sm):not(.k-table-lg) td.k-table-td, div.telerik-blazor.k-grid .k-table:not(.k-table-sm):not(.k-table-lg) .k-grid-edit-row td, div.telerik-blazor.k-grid .k-table:not(.k-table-sm):not(.k-table-lg) td.k-command-cell {
	padding: 6px;
}

.k-grid .k-grid-header th {
	vertical-align: middle;
}

/* No Scroll */
.grid-no-scroll .k-grid-content {
	overflow-y: auto;
}

.grid-no-scroll .k-grid-header,
.grid-no-scroll .k-grid-footer {
	padding-right: 0; /* version 2.26 and older requires !important here */
}

.grid-no-scroll .k-grid-header-wrap,
.grid-no-scroll .k-grid-footer-wrap {
	border-right-width: 0;
}

/* No Header */
.grid-no-header .k-grid-header {
	display: none;
}
/* No Title */
.grid-no-title .k-grid-header tr:first-child {
	display: none;
}
/*No Tool Bar*/
.grid-no-toolBar .k-grid-toolbar {
	display: none;
}

/* Complete Rows */
.k-grid tr.complete,
.k-grid tbody tr.complete:not(.k-detail-row):hover,
.k-grid tbody tr:not(.k-detail-row).k-state-hover {
	background-color: #a9fdc1;
}

.k-grid tbody tr.complete:not(.k-detail-row):hover,
.k-grid tbody tr:not(.k-detail-row).k-state-hover {
	filter: brightness(0.92);
}

.k-grid tr.k-alt.complete {
	filter: brightness(0.96);
}

/* Mobile Grid Design */
.extraSmall .k-grid-header {
	padding-inline-end: 0;
}

	.extraSmall .k-grid-header th {
		height: 42px;
	}

.k-master-row td #defectiveRFID, #rfid {
	display: inline;
}

/*No Link*/
.noLinkStyle {
	color: #000000;
	text-decoration: none;
}

.operationColor, .currentBooking {
	color: #ff8f00 !important;
}

.ml-auto {
	margin-left: auto;
}

/*Role*/
#colourDisplay {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 5px;
}

#smallColourDisplay {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 5px;
}

#roleWithColourInComboBox {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 30px;
	color: #ffffff;
}

#clientInteractionForm {
	margin: 0 0 0 10px;
	text-decoration: none;
	color: #808080;
}

	#clientInteractionForm:hover {
		text-decoration: underline;
	}

.clickableLink {
	cursor: pointer;
	margin: 10px;
	color: #000000 !important;
}

.clickableLinkNoMargin {
	cursor: pointer;
	padding: 0 10px;
	color: #000000 !important;
}

.fa-envelope, .fa-phone {
	color: #000000;
}

.bookingDetailPopup .k-window-content {
	padding: 0px 24px 16px;
}

.bookingDetailPopup h1 {
	padding: 0;
	margin: 0;
}

.bookingDetailPopup .k-window-title {
	padding: 0;
	margin: 0;
}

.bookingDetailPopup .k-window-titlebar,
.contactActions .k-window-titlebar {
	padding: 16px 24px 8px;
}

.contactActions .k-window-content {
	padding: 4px 24px 16px;
}

.contactActions .k-form-fieldset.noLegend {
	margin: 0;
}

.bookingDetailPopup.locationLinkPopup .k-window-content {
	padding: 10px 24px 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.bookingDetailPopup.locationLinkPopup .k-window-titlebar {
	padding: 20px 24px 4px;
}

.bookingGridPopup {
	min-width: calc(100% - 20px) !important;
	max-width: calc(100% - 10px) !important;
}

	.bookingGridPopup .k-window-content {
		padding: 0px 24px 16px;
	}

	.bookingGridPopup h1 {
		padding: 0;
		display: flex;
		align-items: center;
		margin: 15px 0 !important;
		flex: 1 0 auto;
		justify-content: center;
	}

	.bookingGridPopup .k-window-title {
		padding: 0;
		margin: 0;
	}

	.bookingGridPopup .k-window-titlebar {
		padding: 16px 24px 0px;
	}

.siteContact .k-window-titlebar {
	padding: 10px 12px 0;
}

.locationPopupDetails {
	margin: 0;
}

.submitCancel {
	margin: 15px 5px 10px;
}

.noLegend legend.k-form-legend {
	display: none;
}

#lastBooking.noColor {
	color: #808080;
}

.k-form-field #lastBooking {
	text-decoration: none;
	display: block;
}

.noMargin {
	margin: 0;
}

.newLine {
	display: block;
}

.requiresRemoteGrid {
	margin-bottom: 20px;
}

#defectiveOrUnwritten {
	display: block;
}

.bookingWaypointGrid .k-list-ul li {
	line-height: 18px;
	padding: 2px 0;
}

.iphoneLike .k-window-content #locationExternal {
	border-top: 2px solid #000000;
}

.iphoneLike header {
	white-space: normal;
	word-break: break-word;
	width: 100%;
}

#iconLine {
	display: flex;
	align-items: center;
	justify-content: center;
}

	#iconLine i {
		margin: 0;
	}

	#iconLine span {
		margin: 0 2px 0 0;
	}

#vehicleIdentifier {
	position: absolute;
	text-align: center;
	width: 35px;
	text-transform: uppercase;
	top: 5px;
	left: 0;
	font-size: 12px;
	color: #000000;
	font-weight: 600;
	font-family: Roboto, "Helvetica Neue", sans-serif;
}

#truck {
	position: relative;
	display: inline-block;
}

	#truck svg {
		width: 45px;
		height: 25px;
	}

		#truck svg.grey-outline {
			fill: #808080;
		}

		#truck svg.black-outline {
			fill: #000000DD;
		}

		#truck svg.green-outline {
			fill: #10b372;
		}

i.grey-outline {
	color: #808080;
}

i.black-outline {
	color: #000000DD;
}

i.green-outline {
	color: #10b372;
}

.k-grid tr.k-alt.itemFound,
.k-grid tr.k-alt.itemFound:hover,
.k-grid tr.k-master-row.itemFound,
.k-grid tr.k-master-row.itemFound:hover {
	background-color: #a9fdc1;
}

.scrollableTab .k-tabstrip-items {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden
}

.wrap {
	white-space: normal;
	word-break: break-word;
}

.desktop .byScanningList .k-table-row th:last-child {
	z-index: 9999;
}

.relatedInfo {
	display: block;
	margin: 5px 0 0 0;
	white-space: normal;
	word-break: break-word;
}

a.relatedInfo {
	cursor: pointer;
}

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

.noBorder.k-grid {
	border: none;
}

	.noBorder.k-grid .k-toolbar.k-grid-toolbar {
		color: rgba(0, 0, 0, 0.17);
	}

.noLeftRightBorder.k-grid {
	border-left: none;
	border-right: none;
}

.noPadding.k-grid tbody.k-table-tbody td,
.noLeftRightPadding.k-grid .k-toolbar.k-grid-toolbar,
.noPadding.k-grid th {
	padding: 6px 0;
}

.noLeftRightPadding.k-grid tr.k-master-row td.k-table-td:first-child,
.noLeftRightPadding.k-grid tr.k-filter-row td.k-table-td:first-child,
.noLeftRightPadding.k-grid tr.k-table-row th.k-header:first-child {
	padding: 6px 6px 6px 0;
}

s.noLeftRightPadding.k-grid tr.k-master-row td.k-table-td:last-child,
.noLeftRightPadding.k-grid tr.k-filter-row td.k-table-td:last-child,
.noLeftRightPadding.k-grid tr.k-table-row th.k-header:last-child {
	padding: 6px 0 6px 6px;
}

.noscrollbar.k-grid div.k-grid-content {
	overflow: auto;
}

.noscrollbar.k-grid div.k-grid-header {
	padding: 0;
}

.bottomSpace15 {
	margin-bottom: 15px;
}

.bottomSpace20 {
	margin-bottom: 20px;
}

.subtitle,
.quoteBookingInfo,
a.quoteBookingInfo {
	color: #808080;
	white-space: normal;
}

.rfidUtils tbody td.k-table-td {
	white-space: normal;
	word-break: break-all;
}

.k-input-spinner.k-spin-button {
	display: none;
}

section.content section.content.bulkmode {
	display: flex;
	flex-direction: column;
	overflow: auto;
	height: calc(100vh - 195px);
}

.twoLineTitle span.k-link {
	padding: 8px 24px
}

.techSupportTitle {
	line-height: 10px;
	text-align: center;
}

	.techSupportTitle p {
		margin: 0;
		padding: 0;
	}

		.techSupportTitle p.supportTitle {
			color: darkorange;
			display: block;
			padding: 0;
		}

.fullScreen {
	width: 100%;
}

.halfScreen {
	width: calc(50% - 10px);
}

#postBookingPopupList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	#postBookingPopupList.mobile .commsList {
		margin: 10px 0 0 0;
	}

.clickableRow tr.k-master-row.k-table-row {
	cursor: pointer;
}

td.k-table-td button.contactAction.k-button span {
	font-size: 12px;
}

.inprocessGrid tbody.k-table-tbody tr.k-master-row.k-table-row > td:first-child {
	min-width: 90px;
}

button.icon {
	padding: 8px 6px;
	font-size: 16px;
}

#contactNoteFlag {
	cursor: pointer;
	display: inline-block;
}

span.flagSquare {
	margin: 0 5px 0 0;
	width: 18px;
	height: 18px;
	border-radius: 2px;
	display: inline-block;
}

section.flagColour {
	display: flex;
	align-items: center;
}

.redFlag {
	color: #ef4444;
}

	.redFlag.flagSquare {
		background-color: #ef4444;
	}

.orangeFlag {
	color: #f97316;
}

	.orangeFlag.flagSquare {
		background-color: #f97316;
	}

.vehicleMap {
	height: 500px;
	width: 100%;
}

.desktop .flagColourContainer {
	float: right;
	margin: 0 20px 0 5px;
}

.flagColourContainer li.k-radio-item {
	padding: 0;
}

.miscellaneous-container {
	position: relative;
	background-color: #808080;
	color: white;
	overflow: hidden;
	width: 100%;
	transform: translateY(-3px);
}

.miscellaneous-background {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 60px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.6);
	pointer-events: none;
	user-select: none;
	white-space: nowrap;
	z-index: 0;
}

.bold {
	font-weight: 600;
}

.webhookLog .k-table-row.k-filter-row {
	display: none;
}

.webhookLog .k-table-row.k-master-row {
	cursor: pointer;
}

.webhookLog .k-table-td {
	white-space: normal;
	word-break: break-all;
}

.resend {
	margin-left: 5px;
}

.webhook #messageContent {
	margin: 0;
}