.P-pt-15 { padding-top: 15px; }
.P-pt-25 { padding-top: 25px; }
.P-pt-30 { padding-top: 30px; }
.P-pb-15 { padding-bottom: 15px; }
.P-pb-40 { padding-bottom: 40px; }
.P-pb-60 { padding-bottom: 60px; }
.P-pr-20 { padding-right: 20px; }
.P-pall-15 { padding: 15px; }
.P-ptb-40 { padding: 40px 0 40px 0; }

.P-bg-grey { background-color: #e2e2e2; }

.P-brw-10 { border-right: solid 10px white; }
.P-blw-10 { border-left: solid 10px white; }
.P-btg-1 { border-top: solid 1px lightgrey; }

.P-qabox { margin-top: 40px; padding-bottom: 40px; background-color: #f2f2f2; }

.P-bg-1 { border: solid 1px #e2e2e2; }

.P-brg-1 { border-right: solid 1px #e2e2e2; }

.P-capitalise { text-transform: uppercase; }

.P-img-ml-50-n { margin: -30px; }

.P-m-lr-1 { margin-left: 1px; margin-right: 1px; }

.P-m-t-0 { margin-top: 0px; }

h2 { font-weight: bold; }
h3 { font-weight: bold; }

.gray {
	background-color: #adadad !important;
	color: #fff;
	text-transform: none !important;
}

.city.dropdown:before {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #6d6d6d;
	pointer-events: none;
}

.side-by-side {
	font-weight:bold;
}
.side-by-side td {
	padding: 0 !important;
    background-color:white !important;
    font-size:13px !important;
    line-height:22px !important;
    border-bottom: none !important;
    border-top:none !important;
    vertical-align: bottom !important;
}
/*.side-by-side > .row {*/
	/*padding-bottom: 0;*/
	/*border-bottom:none;*/
	/*border-top:none;*/
/*}*/
.side-by-side td:first-child {
    border-left: 1px solid lightgrey !important;
    border-right: none !important;
    padding-right: 7px !important;
}
.side-by-side td:last-child {
    border-right: 1px solid lightgrey !important;
    padding-left: 7px !important;
}
.side-by-side tr:first-child td {
	padding-top:15px !important;
	border-top: solid 1px lightgrey !important;
}
.side-by-side tr:last-child td {
	padding-bottom:15px !important;
}
#paymentBtn button.button, .P-pt-25 button.button {
	padding: 7px 37px 11px 18px;
	margin:5px;
}
#paymentBtn button.button:after, .P-pt-25 button.button:after {
	background: url('/sites/1/themes/main/images/layout/ui.svg') -10000px 0;
	content: '';
	height: 12px;
	width: 8px;
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -6px;
	background-position: -116px -8px;
	fill:white;
	margin-left:10px;
}
#paymentBtn button:not(.button), .P-pt-25 button:not(.button) {
    min-width:143px;
    margin: 5px;
}

@media (max-width: 767px) {
	.summary-small {
		padding-right: 10px;
	}
}

@media (max-width: 360px) {
	.summary-small {
		padding-right: 10px;
	}
	#confirmVignetteData {
		font-weight: normal;
	}
	#confirmVignetteData .modal-dialog {
		margin: 0;
	}
}

#paymentBtn .btn:before, .P-pt-25 .btn:before  {
	background: url('/sites/1/themes/main/images/layout/ui.svg') -10000px 0;
	content: '';
	height: 12px;
	width: 8px;
	position: absolute;
	top: 50%;
	left: 7px;
	margin-top: -6px;
	background-position: -116px -8px;
	fill:white;
	margin-left:10px;
	transform: rotate(180deg);
}

.btn-skip-before-image:before {
	background: none;
}

.right-btn:before {
	background: url('/sites/1/themes/main/images/layout/ui.svg') -10000px 0;
	content: '';
	height: 10px;
	width: 15px;
	position: absolute;
	margin-top: 6px;
	background-position: 0px 78px;
}

.wrong-btn:after {
	background: url('/sites/1/themes/main/images/layout/ui.svg') -10000px 0;
	content: '';
	height: 10px;
	width: 13px;
	position: absolute;
	margin-top: 6px;
	background-position: -18px 78px;
}