@charset "ISO-8859-1";

/******************************************************************************
* Tracking Background
******************************************************************************/

.tracking-background {
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/account-v2/background--track-your-order.png);
	background-image: url(https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/account-v2/background--track-your-order.webp);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	min-height: 550px;
}

/******************************************************************************
* Track Your Order
******************************************************************************/

.track-your-order h1 {
	font-size: 2.75rem;
	line-height: 2.75rem;
}

.track-your-order h1 img {
	margin-top: -0.25rem;
}

.track-your-order p {
	font-size: 0.9375rem;
}

.track-your-order .track-your-order-intro p {
	margin-top: 1.875rem;
	font-family: 'Centrale Sans Regular', Trebuchet, sans-serif;
	font-weight: 400;
	font-size: 0.9375rem;
}

/******************************************************************************
* Tracking Stage
******************************************************************************/

.tracking-stage .tracking-stage-none {
	margin: 0 100px;
}

.tracking-stage .tracking-stage-none .tracking-stage-none-form {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tracking-stage .tracking-stage-none .tracking-stage-none-form .form-group {
	width: 32%;
	margin: 0 0.25rem;
}

.tracking-stage .tracking-stage-none .tracking-stage-none-form .form-group input.form-control {
	width: 100%;
	height: 100%;
	font-family: 'Centrale Sans Regular', Trebuchet, sans-serif;
	font-weight: 400;
	font-size: 0.9375rem;
	border-radius: 1.5rem;
	border: none;
}

.tracking-stage .tracking-stage-none .tracking-stage-none-form .form-group button.pushbutton {
	padding: 0.75rem;
	font-size: 0.9375rem;
	margin: 0;
	width: 100%;
	border-radius: 1.5rem;
}

.tracking-stage .tracking-stage-none .error {
	background-color: #fdaaaa;
	color: #ff0000;
	padding: 0.5rem 0.75rem;
	margin: 1.25rem 0.25rem;
	border-radius: 1.5rem;
}

.tracking-stage .tracking-stage-none .error p {
	font-size: 0.9375rem;
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-weight: 700;
}

/******************************************************************************
* Order Tracking
******************************************************************************/

.order-tracking {
	background-color: #ffffff;
	border-radius: 1.5rem;
	margin: 0 3.125rem;
	padding: 3.125rem;
}

.order-tracking .order-tracking-details {
	margin-bottom: 1.875rem;
}

.order-tracking .order-details .table.order-table {
	--bs-table-bg: unset !important;
}

.order-tracking .order-details .order-table thead {
	background-color: #0099ff;
	padding: 0.75rem;
}

.order-tracking .order-details .order-table thead > tr > th {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-weight: 700;
	font-size: 1.125rem;
	border-bottom: none;
	padding: 1.25rem 1.875rem;
	color: #ffffff;
}

.order-tracking .order-details .order-table thead > tr > th:first-child {
	border-radius: 0.75rem 0 0 0.75rem;
}

.order-tracking .order-details .order-table thead > tr > th:last-child {
	border-radius: 0 0.75rem 0.75rem 0;
}

.order-tracking .order-details .order-table tbody {
	padding: 0.75rem;
}

.order-tracking .order-details .order-table tbody > tr > td {
	font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
	font-weight: 500;
	font-size: 0.9375rem;
	border-top: none;
	border-bottom: 2px solid #0099ff4d;
	padding: 1.875rem;
	color: #454545;
}

.order-tracking .order-details .order-table tbody > tr > td:nth-child(1) {
	padding-right: 0;
}

.order-tracking .order-details .order-table tbody > tr > td a {
	font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
	font-weight: 500;
	font-size: 0.9375rem;
}

.order-tracking .order-details .order-table tbody > tr > td a > img {
	min-width: 50px;
}

.order-tracking .tracking-stage-track form {
	margin: 1.25rem 0;
}

.order-tracking .tracking-stage-track p a {
	color: #0099ff;
}

.order-tracking .delivery-date {
	margin-top: 1.25rem;
}

.order-tracking .delivery-date a.pushbutton {
	max-width: 280px;
	border-radius: 1.5rem;
	text-decoration: none;
}

.order-tracking .delivery-date .form-horizontal .row {
	margin-right: 0;
	margin-left: 0;
}

.order-tracking .delivery-date .form-horizontal .row label {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	font-weight: 700;
	font-size: 0.9375rem;
	padding: 1rem 0.25rem;
}

.order-tracking .delivery-date .form-horizontal .row button.pushbutton {
	padding: 0.75rem;
	font-size: 0.9375rem;
	margin: 0;
	width: 100%;
	max-width: 250px;
	border-radius: 1.5rem;
}

.order-tracking .error {
	background-color: #fdaaaa;
	color: #ff0000;
	padding: 0.5rem 0.75rem;
	margin: 1.25rem 0.25rem;
	border-radius: 0.75rem;
}

.order-tracking .error p {
	font-size: 0.9375rem;
}

/******************************************************************************
* Create an Account
******************************************************************************/

.create-account {
	background-color: #ffffff;
	border-radius: 1.5rem;
	margin: -9.375rem 6.25rem 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.create-account .create-details {
	padding: 2.5rem 3.75rem;
	height: 100%;
}

.create-account .create-actions {
	padding: 2.5rem 3.75rem;
	height: 100%;
}

.create-account .create-actions a.pushbutton {
	max-width: 250px;
	border-radius: 1.5rem;
}

/******************************************************************************
* Responsive Styles
******************************************************************************/

@media screen and (min-width: 768px) and (max-width: 991px) {
	.tracking-stage .tracking-stage-none .tracking-stage-none-form .form-group {
		width: 31%;
	}

	.order-tracking {
		margin: 0 0.75rem;
	}

	.order-tracking .order-details .order-table thead > tr > th {
		padding: 0.75rem 1rem;
	}

	.order-tracking .order-details .order-table tbody > tr > td {
		padding: 1rem;
	}

	.create-account {
		margin: -6.25rem 0.75rem 0;
	}
}

@media screen and (max-width: 767px) {
	h2 {
		font-size: 2.5rem;
		line-height: 2.5rem;
		margin-bottom: 0;
	}
	
	h3 {
		font-size: 2.25rem;
		line-height: 2.25rem;
	}
	
	h4 {
		font-size: 1.625rem;
		line-height: 1.625rem;
	}

	.tracking-stage .tracking-stage-none .tracking-stage-none-form {
		justify-content: center;
	}

	.tracking-stage .tracking-stage-none .tracking-stage-none-form .form-group {
		width: 64%;
		margin: 0.25rem;
	}

	.order-tracking {
		margin: 0 0.75rem;
		padding: 0 3.125rem;
		background-color: transparent;
	}

	.order-tracking .order-tracking-details h2 {
		color: #ffffff;
	}

	.order-tracking .order-details .order-mobile {
		margin: 0 5rem;
	}

	.order-tracking .order-details .order-mobile .order-mobile-item {
		background-color: #ffffff;
		border-radius: 1.5rem;
		margin: 1.25rem 0.75rem;
		padding: 1.875rem 3.125rem;
	}

	.order-tracking .order-details .order-mobile .order-mobile-item p.title {
		font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
		font-weight: 500;
		font-size: 1.125rem;
		margin-top: 0;
		margin-bottom: 0;
	}

	.order-tracking .order-details .order-mobile .order-mobile-item p {
		font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
		font-weight: 500;
		font-size: 0.9375rem;
		margin-top: 0;
		margin-bottom: 1.25rem;
	}

	.order-tracking .order-details .order-mobile .order-mobile-item a {
		font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
		font-weight: 500;
		font-size: 0.9375rem;
	}

	.order-tracking .order-details .order-mobile .order-mobile-item img {
		margin-bottom: 0.75rem;
		max-height: 200px;
	}

	.order-tracking .order-details .order-mobile .order-mobile-item .mobile-item-header p.title {
		margin-bottom: 1.25rem;
	}

	.order-tracking .delivery-date .form-horizontal .row label {
		color: #ffffff;
	}

	.create-account {
		margin: -6.25rem 0.75rem 0;
	}

	.create-account .create-details {
		padding: 1.25rem 1.875rem;
	}

	.create-account .create-actions {
		padding: 1.25rem 1.875rem;
	}
}

@media screen and (max-width: 660px) {
	.order-tracking .order-details .order-mobile {
		margin: 0 3.125rem;
	}
}

@media screen and (max-width: 540px) {
	.order-tracking .order-details .order-mobile {
		margin: 0;
	}
}

@media screen and (max-width: 452px) {
	.tracking-stage .tracking-stage-none {
		margin: 0 3.125rem;
	}

	.order-tracking {
		padding: 0;
	}

	.order-tracking .order-details .order-mobile .order-mobile-item {
		padding: 1rem 1.5rem;
	}

	.create-account {
		margin: -3.125rem 0.75rem 0;
	}
}

@media screen and (max-width: 350px) {
	.tracking-stage .tracking-stage-none {
		margin: 0;
	}

	.order-tracking {
		padding: 0;
	}
}