.outer-container {
	padding-bottom: 20px;
/* 	margin-bottom: 60px; */
}

.complaintsIntro {
	/* 	margin: 0 -20px; */
	margin: 0;
	/* 	padding-left: 20px; */
	/* 	padding-right: 20px; */
}

.complaintsProcess {
	background-color: #E5E5E5 !important;
	border-radius: 4px;
	padding: 20px;
	margin: 0 20px 20px 20px;
}

.contact-icons {
	padding-right: 20px;
	font-size: 4em;
/* 	font-size: 2.5em; */
	padding-top: 0 !important;
/* 	padding-top: 20px; */
}

.contact-icon-text {
	padding-left: 20px;
	padding-top: 10px;
/* 	width: 50%; */
/* 	font-size: 1.3em; */
	color: #FF0000;
}

/* .contact-icon-text:hover { */
/* 	text-decoration: none; */
/* } */

.contact-option-left {
	padding-left: 0;
	padding-right: 10px;
}

.contact-option-centre {
	padding-left: 10px;
	padding-right: 10px;
}

.contact-option-right {
	padding-left: 10px;
	padding-right: 0;
}

.contact-option-box-border {
	border-top: 2px solid #660066;
	border-bottom: 2px solid #660066;
	border-left: 2px solid #660066;
	border-right: 2px solid #660066;
	height: 78px;
	height: calc(100% - 15px);
/* 	display: table; */
	width: 100%;
/* 	padding-left: 10px; */
/* 	padding-right: 10px; */
	padding-top: 20px;
}

.contact-option-box-border a {
	vertical-align: middle;
/* 	display: table-row; */
}

.contact-option-box-border i,.contact-option-box-border span {
	vertical-align: middle;
/* 	display: table-cell; */
}

.contact-option p{
/* 	font-size: inherit; */
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.contact-option-box-border-remove-padding {
	padding-top: 0;
}

.recommended {
	border-bottom: 1px solid #660066;
	background-color: #660066;
	font-weight: bold;
	color: #FFF;
}

.recommended-margin {
	margin-top: 3px;
}

.down-triangle {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #660066;
	width: 0;
	position: relative;
	/* this is for IE8 */
	left: 45%;
	left: calc(50% - 15px);
}

.selected-contact-indicator {
	font-size: 40px;
	margin-top: -14px z-index: 99;
}

.complaintOptions {
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
/* 	border-top: 2px solid #660066; */
}

.complaintOptions a {
	height: 100%;
}


.complaintOptions a:hover {
	text-decoration: none;
}

.complaintOption-right {
	/* this is for IE8 */
	width: 20%;
	width: calc(33.333% - 13px);
}

.complaintOption-centre {
	/* this is for IE8 */
	width: 30%;
	width: calc(33.333% - 14px);
}

.complaintOption-left {
	/* this is for IE8 */
	width: 30%;
	width: calc(33.333% - 13px);
}

.complaintOption-margin-right {
	/*  	padding-right: 10px; */
	margin-right: 20px;
}

.complaintOption-margin-left {
	/*  	padding-left: 10px; */
	margin-left: 0px;
}

.complaintContactOptionsDetail {
	/* 	padding-top: 20px; */
	padding: 20px 0;
	margin: -17px 0 20px 0;
	border: 2px solid #660066;
/* 	margin-top: -17px; */
}

.formFieldsDetail {
	padding: 0 0 20px 0;
	margin: 10px 0 20px 0;
	border: 2px solid #660066;
}

.complaint-form-heading {
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
	font-size: 1.8em;
	font-weight: bold;
}

.first-form-heading {
	font-size: 1.8em;
	font-weight: bold;
}

.form-submit-button {
	font-weight: bold !important;
	color: #FFF !important;
}

.heading-column-padding {
	padding-left: 20px;
	padding-right: 20px;
}

.column-padding {
	padding-left: 0;
	padding-right: 20px;
}

.row-padding {
	padding-top: 20px;	
}
	
.make-long-text-wrap {
	padding-left: 20px;
}

.pageTitle-container {
	padding: 20px 0 20px 0;
}

.mainContent-container {
	padding: 20px 20px 0 20px;
	background-color: #FFF !important;
	border-radius: 4px;
	border-color: 5px solid black;
}

/* this is used to reapply the gutter on either side of the form group */
.noMargins-for-form-group {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.form-group>div:first {
	padding-right: 0;
}

.field-label {
	font-size: 1.3em;
	font-weight: normal;
	/* 	padding-left: 20px !important; */
}

.field-element:focus {
	border-color: #44920F;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(68, 146, 15, 0.6);
}

.has-error .field-element,.has-error .field-element:focus {
	border-color: #E4B100;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(228, 177, 0, 0.6);
}

.btn-vm-form-submit {
	background: linear-gradient(to bottom, #FF0000 0%, #DD0000 100%);
	background-color: #FF0000;
	font-size: 1.4em;
	padding-left: 18px;
	padding-right: 18px;
}

.btn-vm-form-submit:hover {
	background: linear-gradient(to top, #FF0000 0%, #DD0000 100%);
	background-color: #DD0000;
}

.btn-vm-form-submit:active {
	background: #FF0000;
	color: #FFBFBF;
}

.billAmountPounds {
	width: 4em !important;
	padding-right: 12px !important;
}

.billAmountPence {
	width: 3em !important;
	padding-right: 12px !important;
}

.submitButtonSection {
	margin-bottom: 0;
	padding: 0 20px;
}

.submitButtonGroup {
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
}

.accountDetails {
	padding-bottom: 20px;
}

.tipInfo {
	font-style: italic;
	margin-left: -55px;
	padding-left: 10px;
}

.tipInfo-notes {
	margin-left: 0;
	padding-left: 0;
}

/* .complaintContactOptionsDetail > #call-us-detail > .divider { */
/* 	margin-left: 0; */
/* 	margin-right: 0; */
/* }  */
.supportPanel {
	margin-top: 20px;
	margin-bottom: 20px;
}

.serviceStatus {
	padding-left: 0;
	padding-right: 10px;
/* 	padding-bottom: 20px; */
	height: 165px;
}

.serviceStatus > div {
	background-color: #e5e5e5;
	padding: 20px;
	height: 100%;
}

.onlineHelp {
	padding-left: 10px;
	padding-right: 0;
	height: 165px;
}

.onlineHelp > div {
	background-color: #e5e5e5;
	padding: 20px;
	height: 100%;
}

.service-status-icon {
	font-size: 5em;
	padding-top: 0 !important;
}

.supportPanelHeading {
	margin-top: 0;
	font-size: 1.6em;
	font-weight: bold;
}

.onlineHelpChevron {
	padding-top: 0 !important;
	color: #000 !important;
}

.btn-CTA {
	color: #FFF;
	font-weight: bold;
	font-size: 1.4em;
	padding-left: 18px;
	padding-right: 18px;
	background-color: #FF0000;
}

.contactIndicator {
	padding-top: 0 !important;
	font-size: 40px;
	position: relative;
	top: -16px;
}

/* .panel-text-footnote { */
/* 	padding-left: 20px; */
/* 	padding-right: 20px; */
/* } */

.highlightContactOption {
	background-color: #660066;
	color: #FFF;
}

.highlightContactOption .contact-icons, .highlightContactOption .contact-icon-text {
	color: #FFF;
}

.passedValidation {
	border-color: #468847;
}

.correctIndicator {
	color: #468847;
	font-size: 30px;
	font-weight: lighter;
	padding-top: 6px;
}

.wrongIndicator {
	color: #E4B100;
	font-size: 30px;
	font-weight: lighter;
	padding-top: 6px;
}

.p-bottom-margin {
	margin-bottom: 20px; 
}

.in-hours {
/* 	display: none; */
}

.out-of-hours {
/* 	display: none; */
}

.seperator {
	border-bottom: 1px solid #e5e5e5;
	margin: 20px;
}

#cabinet, #manhole, #other {
	display: none;
}