.hide {	
	display:none;
}

.hide_permanent {	
	display:none!important;
}

.show {	
	display:block!important;
}

.bold {
	font-weight:400;
}


.left {	
	float:left;
}

.right {
    float: right!important;
}

.filter_holder {
	float: left;
	margin-left: 25px;	
}


.button_close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #222222;
    border: 0px;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    text-align:center;
}

.button_close:hover, .button_close:focus {
	background: #015B66;	
}

.button_close:after {
	content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
	color:white;
}

.arrow_right {
	margin-left: 10px;
    position: relative;
    font-size: 0.8em;
}


.fullwidth_holder {	
	float: left;
	width: 100%;
	height:100%;
}






#bulky_item_title {	
	display:none!important;
}

.pad {
	padding: 20px;
	margin-bottom:0px!important;
}

/* Chrom autofill override */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


#multiple_errors {
	margin-top: 20px;
}

#ft, #API_waz, #API_highways, #app_feedback, #report_missed_collections, #API_street_cleansing, #API_bulkies, #API_bulkies_status, #API_hwrc, #API_ctax, #GRAFFITI, #API_problem_parking {
	border: 1px solid #cacaca;
    float: left; 
    z-index: 98;
    position: relative;
}


.disableScroll {	
	overflow:hidden!important;
	position:fixed!important;
}


.api_shadow {	
	z-index:101!important;
	border-radius: 5px;
}

#API_hwrc {	
	width: 100%;
}


#API_bulkies_status {	
	width: 100%;
}

#bulkies_status {
    padding: 20px;
}




#report_missed_collections {
	overflow:visible!important;
}



.api_started {
	width: 100%!important;
	z-index: 1000 !important;
}

#reminders_heading, #update_time_heading {	
	outline:none;
}

.api_shadow {
	-webkit-box-shadow: 3px 3px 28px 0px rgba(0,0,0,0.34);
	-moz-box-shadow: 3px 3px 28px 0px rgba(0,0,0,0.34);
	box-shadow: 3px 3px 28px 0px rgba(0,0,0,0.34);
	border:0px!important;
	float:left;
}


.borderless {
	border: 0px!important;
}

.disabled {	
	opacity: 0.6;
}

.enabled {
	opacity: 1;	
}


.ct_space {
	float:left;
	width: 100%;
	height:40px;
}

.ct_space_small {
	float:left;
	width: 100%;
	height:10px;
}


.ct_line {	
    height: 1px;
    margin-top: 15px;
    padding-bottom: 16px;
    float: left;
    width: 100%;
    border-top: 1px solid #d1d1d1;
}


.wc_divide {
	float: left;
    height: 45px;
    background: #cecece;
    width: 2px;
    margin-right: 20px;
    margin-left: 10px;
}

.wc_holder {
	float:left;
	width:100%;
	background: #f3f3f3;
	border: 1px solid silver;
	margin-top: 20px;
	margin-bottom: 20px;
	position:relative;
}

.wc_failed {
	padding: 20px;
	width: 100%;
	float:left;
	display:none;
}

.wc_failed:before {
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    content: "\f06a";
    padding-right: 15px;
    color: #3b747b;
    font-size: 1.2em;
}


.wc_bullets {
	float: left;
	width: 100%;
	text-align:center;
	padding-bottom:15px;
} 

.wc_bullet {
    background: #0c4f55;
    border: 0px;
    height: 10px;
    width: 10px;
    opacity: 0.4;
    margin-right: 6px;
    padding: 0px;
    border-radius: 50%;
}

.wc_bullet_on, .wc_bullet:hover, .wc_bullet:focus {
	background: #0c4f55;
	opacity: 1;
}

.wc_property_button {
	float: left;
    padding: 9px;
    border: 0px;
    border-radius: 0px;
    float: left;
    width: 100%;
    color: white!important;
    font-size: 1em !important;  
    background: #0c4f55; 
    outline: none;
    font-size: 0.9em!important;
    padding: 15px;
    border-left: 0px;
    border-right: 0px;
    display:none;
}	

.wc_property_button:hover, .wc_property_button:focus {
	background: #10626a; 
}

.wc_property_button:before {
    content: "\f015";   
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    margin-right: 15px;
    padding: 5px;
    border-radius: 50%;
    font-size: 1em;
    color: #eeeeee;
    background: #01383f;
}

.wc_property_panel {
    float: left;
    width: 100%;
    background: white;
    text-align: left;
    box-sizing: border-box;
    padding: 20px;
}

.wc_reschedule {
	float: left;
    width: 80%;
    background: #e39a16;
    padding: 4px;
    color: white;
    position: absolute;
    top: 80px;
    border-radius: 5px;
    margin-left: 10%!important;
    overflow: visible;
    z-index: 99;
    opacity: 1;
    font-size: 0.9em;
}


.wc_return {	
	text-align:center;
	display:none;
}

.wc_day_label {	
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	font-size:0.9em;
}

.wc_day {	
	padding: 14px;
    margin-top: 10px !important;
    float: left;
    width: 45%;
    margin-left: 27.5%;
    color: black!important;
    font-size: 1em !important;
    border: 1px solid #cecece;
    background: white;
    outline: none;
    border-radius: 24px;
}

.wc_day_clear {
	margin-top: 0px !important;
	padding: 10px;
}

.wc_image {
    float: left;
    width: 33.33%;
}

.wc_image_holder {	
	float:left;
	margin-top:25px;
	width:80%;
	margin-left:10%;
	min-height: 190px;
	overflow:hidden;	
	margin-bottom:20px;
}

.wc_image a {	
	color: black;
}

.wc_image a:hover, .wc_image a:focus {	
	color: #015b66;
}



.wc_email, .wc_calendar {
    float: left;
    width: 50%;
    text-align: center;
    padding: 25px;
    box-sizing: border-box;
    color: #fff!important;
    font-size: 0.95em;
    background: rgb(7,120,134);
    text-decoration: none!important;
    font-size: 0.9em !important;
    font-weight: 400!important;
    border-left: 1px solid #056978;
    border-top: 1px solid #056978;
}

.wc_email:hover, .wc_calendar:hover, .wc_email:focus, .wc_calendar:focus {
	text-decoration:none!important;
	background:#04292e;
}

.wc_email:before {
	content: "\f0e0";
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
	margin-right: 15px;
	padding: 5px;
    border-radius: 50%;
    font-size: 0.85em;
    color: #777777;
    background: #e8e8e8;}

.wc_calendar:before {	
	content: "\f073";
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
	margin-right: 15px;
    padding: 5px;
    border-radius: 50%;
    font-size: 0.9em;
    color: #777777;
    background: #e8e8e8;}

.wc_next_holder {	
	float: left;
	width: 100%;
	display:none;
	position:relative;
}

.wc_next_holder button {	
	float: left;
    width: 50%;
    background: rgb(7,120,134);
    height: 70px;
    color: white;
    border: 0px;
    box-sizing: border-box;
}

.wc_next_holder button:hover, .wc_next_holder button:focus {
    background: #015661;
}



.wc_loader {
	float: left;
	width: 100%;
	height: 300px;
	display:none;
}

#wc_preloader {
	position: relative;
	width: 100%;
	height: 100%;
	text-align:center;
}

.wc_preloader_top {	
	top: 0px!important;
}

.wc_disabled {	
	opacity: 0.5!important;
}

.wc_image h3 {
	margin-top: 20px;
}


wc_image_holder {	
	position:relative;
}

.wc_image {
	position:relative;
}


.wc_image img {
	
    animation-duration: 0.4s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    position:relative;
    animation-delay: 0.2s;
  	max-width: 130px;
}

@keyframes wc_image_bounce {
    0% {top: -20px;opacity: 0;}
    100% {top: 0px;opacity: 1;}
}






/* map Pin styles */


.no_red_pin .olFramedCompactPopup {
	display:none!important;
}


.custom_map .olFramedCompactPopupContent {
	display:none;
}



.custom_map .olFramedCompactPopup div {	
	overflow: visible!important;
}

.custom_map .olFramedCompactPopup div div:last-child {	
	width: 1px;
	height: 1px;
	overflow:visible!important;
	position:relative;
	display:block!important;
}



.custom_map .olFramedCompactPopup div div:last-child img {
	display:none!important;
}


.custom_map .olFramedCompactPopup:after {
    content: "\f3c5";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    height: 45px;
    width: 45px;
    overflow: visible!important;
    font-size: 4em!important;
    color: #c92b2b;
    top: -16px;
    position: relative;
    left: -14px;
    animation-name: pinbounce;
    animation-duration: 2s;
}


@keyframes pinbounce {
    0%   {top: -20px;}
    10%  {top: -15px;}
    20%  {top: -18px;}
    30%  {top: -16px;}
    100% {top: -16px;}
}



.map_no_pin .olFramedCompactPopup:after {	
	display:none!important;
}



.custom_map .olFramedCompactPopup div > div {
	display: none;
}


.custom_map .olPopupCloseBox {	
	display:none;
}

.custom_map .olFramedCompactPopup {
	overflow:visible!important;
	position:relative;
}

/* E map Pin styles */





 /* Customize the label (the container) */
 
.container_right {
	float: left;
	width: auto!important;
	padding-left: 0px!important;
	padding-right: 40px!important;	
}
 
 
.container_right .checkmark {	
	right: 0px!important;
	left: auto!important;
}
 
.container {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float:left;
  width: 100%;
  line-height:1.6em;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #015b66;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

.reporting_center {
	text-align:center;
}

.reporting_content img {
	margin-bottom:0px;
}

.report_description {
	float:left;
	width:100%;
	text-align:left;
	margin-bottom: 20px;
	white-space: pre-wrap;
}


.dragArea {
    border-radius: 10px;
    text-align: center;
    padding: 15px;
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    background: #efefef;
    border: 1px solid #dcdbdb;
 }
		
.dragArea.over {
	border-color: #015b66;
	background-color: #b7b7b7;
}

.small_heading {
	font-size:0.9em!important;	
}

.preview_image {	
	float: left;
	width: 32%;
	overflow: hidden;
	border: 5px solid white;
	margin-right: 1%;
	margin-top: 20px;
	position:relative;
}

.preview_image img {	
	float: left;
	width: 100%;
	height: auto;
}

.preview_remove {
	position: absolute;
	top: 0px;
	right: 0px;
	background: #000c;
	color: white;
	padding: 10px;
	border: 0px;
	width: 45px;
}

.preview_remove:hover {
	background:#961717cc;
}

.preview_remove:after {
	content: "\f05e";
	font-family: "Font Awesome 5 Pro";
    font-weight: 600;
}

.report_max {
	float: left;
	text-align: center;
	background: #bf6c00;
	color: white;
	width: 100%;
	padding: 7px;
	box-sizing: border-box;
	margin-top: 20px;	
	border: 1px solid silver;
	display: none;
	}


/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 45px;
}

/* Hide default HTML checkbox */
.switch input {
	position: absolute;
	left: -3000px;
}


/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	left: 0;
	right: 0;
	bottom: 12px;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 8px;
	height: 14px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: -5px;
	bottom: -6px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
	border: 1px solid #aaa;
}


.slider:hover:before {
	background-color: #e9e9e9;
}


input:checked + .slider {
  background-color: #015b66;
}

input:focus + .slider {
  box-shadow: 0 0 1px #015b66;
}

input:checked + .slider:before {
  -webkit-transform: translateX(33px);
  -ms-transform: translateX(33px);
  transform: translateX(33px);
}


.report_switch {	
	border-radius: 5px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;	
}

.switch_text, .switch_text_information, .switch_text_email {
   float: left;
	margin-left: 5px;
	position: relative;
	left: 45px;	
	height: 45px;
	width: 95px;
	text-align: center;
	padding-top: 10px;
	color: white;
	border-radius: 7px;
	top: 3px;
	cursor:pointer;
	color: #393939;
}


#report_contact, #report_emailreceipt {
	float:left;
	width: 100%;
	margin-top: 20px;
	display:none;
}

.contact_field {
	float: left;
	width: 98%;
	border: 0px;	
	border-radius: 6px;
	text-indent: 25px;
	height: 44px;
	border: 1px solid #b9b9b9;
	background: white!important;
	color:black!important;
	margin-bottom: 7px;
}


.contact_text {
	float:left;
	margin-top: 20px;
	margin-bottom:10px;
}

.contact_field:hover {
	border: 1px solid #939393;	
}

.field_half {
	width: 48%;
	margin-right:2%;
}

.field_small {
	width: auto;
	margin-right:2%;
}



.contact_label {
    width: 30%;
    font-size: 18px;
    color: black;
    margin-bottom: -5px!important;
    float: left;
    background-color: #e4e4e4;
    padding: 10px;
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    min-height: 44px!important;	
    padding-bottom: 5px;
}

.contact_wrap {
	float:left;
	width: 100%;
	margin-bottom:0px;
}

@media only screen and (min-width: 426px) {

	#report_contact_information .contact_wrap {
	    width: 100%;
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    grid-template-rows: repeat(3, 1fr);
	    grid-column-gap: 7px;
	    grid-row-gap: 7px;
	}
	
	#report_contact_information .contact_wrap input#first_name1 { grid-area: 1 / 1 / 2 / 2; }
	#report_contact_information .contact_wrap input#last_name1 { grid-area: 1 / 2 / 2 / 3; }
	#report_contact_information .contact_wrap input#email1 { grid-area: 2 / 1 / 3 / 3; }
	#report_contact_information .contact_wrap input#contact_number1 { grid-area: 3 / 1 / 4 / 3; }


}


@media only screen and (max-width: 425px) {
	#report_contact_information .contact_wrap {
	    width: 100%;
	    display: flex;
		flex-direction: column;
	}
}

#report_contact_information .contact_field {
	width: 100%;
}


#map_review {
   width: 100%;
	height: 450px;
	margin-right: auto !important;
	margin-left: auto!Important;
	border: 3px solid #fff;	
	float:left;
}

.map_new_key {
	float: left;
	padding: 10px;
	background: #fefefe;
	color: black;	
	position: absolute;
	border: ;
	bottom: 10px;
	left: 10px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.43);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.43);
	display:none;
}

.map_new_key:before {
	content:"\f06e";
	font-family: "Font Awesome 5 Pro";
    font-weight:400;
	font-size:1.3em;
	padding-right:15px;
}


.map_new_key_text {
	float: left;
	background: #fefefe;
	color: black;
	position: absolute;
	bottom: 3px;
    left: 3px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.43);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.43);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.43);
	font-size: 0.9em;
	padding-left: 8px;
    padding-right: 8px;
    opacity: 0.9;
    padding-bottom: 3px;
}


.key_line img {
    position: relative;
    top: 5px;
    margin-right: 15px;
}


.review_sections {
	width: 100%;
	text-align: left;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	padding-top: 5px;
	margin-bottom: 0px;
}

.review_sections span {
	float:left;
	margin-right:10px;
}

.review_sections h4 {
	float: left;
	width: 100%;
	margin-top: 10px !important;
	font-size: 1em;
	font-weight: 300 !important;
	margin-bottom: 20px;
	text-align:left;
	color: #00535d;
	font-weight: 400!important;
}


#dump_review ul {
	list-style: none;
	text-align: center;
	width: 100%;	
	margin-left: auto;
	margin-right: auto;
}


#dump_review li {
	width: 100%;
	text-align: left!important;
    margin: 0px!important;
}

#dump_review li, .review_text, #dump_details_review {
	float: left;
	text-align: center;
	margin: 0px;
    margin-bottom: 10px;
	margin-right: 5px;
	color: #1e1e1e;
}


#dump_other_review {
	float: left;
	text-align: center;
	margin: 0px;   
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 13px;
	color: #1e1e1e;
	border: 1px solid silver;
	
}

#dump_types_other_holder {
	float:left;
	width: 70%;	
	display:none;
}



.reporting_review {
	width: 80%!important;
	float:none!important;
	margin-left:auto!important;
	margin-right:auto!important;
}

.report_bottom {
	float:left;
	width:100%;
	height:50px;
	border: 0px!important;
}


.report_loader {
	float: left;
    position: absolute;
    background: #085762;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 100;
}


.report_loader_spinner {
	height: 60px;
    width: 60px;
    background-image: url(/Style%20Library/Adventureworks/loader_white.gif)!important;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 20px;
    z-index: 100;
    float: left;
    background-size: 60%;
    left: 1%;
    top: 6px;
    border: 0px;
}


.report_loader p {
	font-size: 0.9em;
    color: white;
    width: 80%;
    text-align: left;
    float: left;
    position: relative;
    top: 23px;
    left: 20px;}


.sending_report {
	float: left;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	height: 100px;
	background-image: url("/Style Library/Adventureworks/ring_loader.gif");
	background-position: center center;
	background-repeat: no-repeat;
}


#preloader {
    position: relative;
	top: 182px;
	left: 0;
	width: 100%;
	height: 100%;
}

#wc_preloader {
    position: relative;
    top: 145px;
}

#loader {
    display: block;
    position: relative;
    left: 48.5%;
    top: 41%;
    width: 110px;
    height: 110px;
    margin: -45px 0 0 -45px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #01383f;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #015b66;
    -webkit-animation: spin 2.5s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #017988;
    -webkit-animation: spin 15s linear infinite;
    animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);      
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);        
    }
}


.patience {
	float: left;
	text-align: center;
	position: absolute;
	bottom: 50px;
	font-size:0.9em;
}


#atInitialLoader {
	background-image: url("/Style Library/Adventureworks/ring_loader.gif");
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	height: 100px;
	float:left;
}


.report_status_img {
	float: left;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 4em;
	margin-top: 55px;
	height: 99px;
	 animation-name: status_img;
    animation-duration: 4s;
    z-index:99!important;
    position:relative;
}

@keyframes status_img {
    0% {transform: scale(1.1);}
    20% {transform: scale(1.15);}
    30% {transform: scale(1);}
}


.small_thumb {
	background-color: #015b66;
	width: 34px;
	height: 35px;
	border-radius: 50%;
	padding: 5px;
	font-size: 1em;
	color: white;
	position: absolute;
	text-align: center;
	position: absolute;
	text-align: center;
	top: 37%;
	left: 49%;
	z-index:70;	
	animation-delay: 0.5s;
	opacity: 0;
	animation-duration: 1.5s; 
	animation-fill-mode: forwards;
}

.small_thumb:after {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}


.thumb1 {
	animation-name: thumb1;    
}

@keyframes thumb1 {
    0% {transform: scale(1); opacity: 1;}
    100% {transform: scale(0.5); top: 65%; opacity: 0;}
}

.thumb2 {
	animation-name: thumb2;     
}

@keyframes thumb2 {
    0% {transform: scale(1); opacity: 1;}
    100% {transform: scale(0.5); top: 60%; left: 55%; opacity: 0;}
}


.thumb3 {
	animation-name: thumb3;  
}

@keyframes thumb3 {
    0% {transform: scale(1); opacity: 1;} 
    100% {transform: scale(0.5); top: 40%; left: 58%; opacity: 0;}
}

.thumb4 {
	animation-name: thumb4;  
}

@keyframes thumb4 {
    0% {transform: scale(1); opacity: 1;}
    100% {transform: scale(0.5); top: 25%; left: 55%; opacity: 0;}
}

.thumb5 {
	animation-name: thumb5;  
}

@keyframes thumb5 {
    0% {transform: scale(1); opacity: 1;}
    100% {transform: scale(0.5); top: 25%; left: 42%; opacity: 0;}
}

.thumb6 {
	animation-name: thumb6;   
}

@keyframes thumb6 {
    0% {transform: scale(1); opacity: 1;}
    100% {transform: scale(0.5); top: 50%; left: 40%; opacity: 0;}
}

.thumb7 {
	animation-name: thumb7;     
}

@keyframes thumb7 {
    0% {transform: scale(1); opacity: 1;}
    100% {transform: scale(0.5); top: 10%; opacity: 0;}
}







.status_good:after {
	content:"\f00c";
	background-color:#015b66;
	width: 100px;
	height:100px;
	border-radius: 50%;
	border:5px solid white;
	padding:20px;	
	z-index:100;
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}

.status_bad:after {
	content:"\f00d";
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
	background-color: #d09b2a;
	width: 100px;
	height:100px;
	border-radius: 50%;
	border:5px solid white;
	padding:20px;	
}


.report_status_text {	
	float:left;
	width: 100%;
	text-align:center;
	margin-bottom: 15px;
    white-space: pre-wrap;
}

#contact_details {
	margin-bottom:40px;
}


.error_panel {	
	text-align:center;
}

.error_heading {
    float: left;
    width: 100%;
    text-align: center;
    border: 0px !important;
    color: #015b66 !important;
    margin-bottom: 0px !important;
}

.error_panel p { 
	margin-top:30px;
	margin-bottom:50px;
}	

.error_panel:before {
	content: "\f11a";
	 font-family: "Font Awesome 5 Pro";
    font-weight: 400;
	font-size: 6em;
	float: left;
	width: 100%;
	margin-top: 70px;
	margin-bottom: 50px;
}


#OpenLayers\.Control\.PanZoom_9_zoomworld_innerImage, #OpenLayers\.Control\.PanZoom_9_panup_innerImage, #OpenLayers\.Control\.PanZoom_9_panleft_innerImage, #OpenLayers\.Control\.PanZoom_9_panright_innerImage, #OpenLayers\.Control\.PanZoom_9_pandown_innerImage, #OpenLayers\.Control\.PanZoom_9_zoomin_innerImage, #OpenLayers\.Control\.PanZoom_9_zoomout_innerImage {	
	display: none!important;
}

#OpenLayers\.Popup\.FramedCompact_138_FrameDecorationDiv_2 {	
	display:none!important;
}

.olControlPanZoom {
	top: -30px!important;
}

.atPopupFeatureInfo {
    position: relative;
    top: -15px;
    padding: 10px;
}

.olPopup img {
	display:none!important;
}


.olPopup, .olPopup > div {
	overflow:visible!important;
}



.custom_map .olQuadrant-br div, .custom_map .olFramedCompactPopup div {
	    background: none!important;
    border: 0px!important;
    display: none!important;
    height: 1px!important;
    width: 1px!Important;}

.custom_map .olQuadrant-br, .custom_map .olFramedCompactPopup {
	height: 1px!important;
    width: 1px!important;	
    position:relative!important;
}

.olQuadrant-br, .olFramedCompactPopup {
	overflow: visible;
    background: #ffffffe0;
    min-height: 250px;
    border: 1px solid #085762;
    width: 320px;
}


.custom_map .olQuadrant-br, .custom_map .olFramedCompactPopup {
	overflow: hidden;
        background: #ffffffe0;
    min-height: 1px!important;
    border: 1px solid #085762;
}



.olPopupCloseBox {
	background: #015b66!important;
    width: 25px!important;
    height: 25px!important;   
    color: white;
    text-align: center;
    top: 0px!important;
    right: 0px!important;
}


.olPopupCloseBox:hover, .olPopupCloseBox:focus {
    background: #067a88!important;
}

.olPopupCloseBox:after {
	content: "x";
	font-size: 1em;
}


#OpenLayers\.Control\.PanZoom_9_zoomin {
    top: 45px !important;
    z-index:98;
}




#OpenLayers\.Control\.PanZoom_9_zoomin:after {
    content: "\f067";
    float: left;
    width: 35px;
    height: 46px;
    background: #015b66;
    color: white;
    text-align: center;

 
    padding-top: 10px;
    border: 2px solid white;
    
    -webkit-border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-topright: 100px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}

#OpenLayers\.Control\.PanZoom_9_zoomin:hover:after {
	background: #09717e;
}



#OpenLayers\.Control\.PanZoom_9_zoomworld {	
	z-index: 99;
	top: 78px !important;
	left: 12px !important;
}

#OpenLayers\.Control\.PanZoom_9_zoomworld:after {
    content: "\f0ac";
    float: left;
    width: 38px;
    height: 37px;
    background: #133a3f;
    color: white;
    text-align: center;
    border-radius: 50%;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    padding-top: 9px;
    border: 2px solid white;
}

#OpenLayers\.Control\.PanZoom_9_zoomworld:hover:after {
	background: black;
}


#OpenLayers\.Control\.PanZoom_9_zoomout {
    top: 106px !important;
    z-index:98;
}


#OpenLayers\.Control\.PanZoom_9_zoomout:after {
    content: "\f068";
    float: left;
    width: 35px;
    height: 45px;
    background: #015b66;
    color: white;
    text-align: center;


    padding-top: 15px;
    border: 2px solid white;
    -webkit-border-bottom-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-moz-border-radius-bottomright: 100px;
-moz-border-radius-bottomleft: 100px;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}

.permalink-panel {
	display:none;
}


#OpenLayers\.Control\.PanZoom_9_zoomout:hover:after {
	background: #09717e;
}

.custom_map .olAlphaImg {
	display: none;	
}

.rc_holder {	
	float:left;
	width: 100%;	
	border: 1px solid silver;
	margin-bottom: 40px;
}

.rc_holder h3 {	
	width: 100%;
	float:left;
	text-align:center;
	background-color:green;
	color:white;
	text-decoration: none;
	color: #333 !important;
	list-style: none;
	line-height: 30px;
	padding: 0px;
	width: 99.9%;
	background: rgb(249,249,249);
	background: -moz-linear-gradient(to bottom, rgb(236, 236, 236) 0%,rgb(240, 240, 240) 100%);
	background: -webkit-linear-gradient(to bottom, rgb(236, 236, 236) 0%,rgb(240, 240, 240) 100%);
	background: linear-gradient(to bottom, rgb(236, 236, 236) 0%,rgb(240, 240, 240) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 );
	border-bottom: 1px solid #c2c2c2;
    padding: 10px;
    margin-bottom:0px!important;

}

.rc_image {
	float:left;
	width: 25%;
	text-align: center;
	padding-top:10px;

}


.rc_instructions {	
	float:left;
	width: 75%;	
}


.rc_instructions div {	
	float: left;
	width: 100%;
	background-color: #f8f8f8;
	margin-bottom: 1px;

	text-decoration: none;
	color: #333 !important;
	list-style: none;
	line-height: 30px;
	padding: 0px;
	width: 99.9%;
	background: rgb(249,249,249);
	background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 );
	border-top: 1px solid #b7b7b7;
	padding: 22px;
	border-left: 1px solid silver;
}

.rc_instructions div:first-child {
	border-top: 0px;
}

.note {
	border-left: 3px solid #015b66;
	padding-left: 20px;
	margin-left: 30px!important;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	position: relative;
	width:95%;
}


.note:before {
	content: "\f06a";
	font-family: "Font Awesome 5 Pro";
    font-weight: 600;	
	color:#015b66;
	position: absolute;
	left: -30px;
}


.megamenu-ext h3:after {	
	content:"\f08e";
	font-family: "Font Awesome 5 Pro";
    font-weight:400;
	padding-left:15px;
	position:relative;
	top: 1px;
}


.flytipping_map {
	float:left;
	width: 100%;
	height:500px;
	position: relative;
	border-top: 1px solid #9f9f9f;
	background:#ccc;
}




.reporting_holder {
    float: left;
    width: 100%;
    background-color: #fbfbfb;
    position: relative;
    z-index: 91;
    font-size:0.95em;
}


.reporting_overview {
	float: left;
	width: 100%;
	display: none;
	border-bottom: 1px solid #c8c4c4;
    background: #00535E;
    overflow:hidden;
}

.overview_steps {	
    float: left;
    color: #fff;
    padding: 14px;
    text-align: center;
    border: 0px;
    position: relative;
    padding-left: 40px;
    height: 38px;
    text-indent: 15px;
    max-width: 65px;
    line-height: 2em;}

.overview_steps:after {
    left: 100%;
    top: 83%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(1, 91, 102, 0);
    border-left-color: #00535E;
    border-width: 20px;
    margin-top: -34px;
    z-index: 90;}


.overview_current {
	background: #017988;	
	color: #fff;
	max-width:500px!important;
	line-height:1em!important;
    padding-right: 50px;
    padding-left: 65px;
}


#browse, #imageFile {
    float: left;
    width: 98%;
    margin-top: 10px;
    background-color: #fafafa;
    padding: 14px;
    border: 1px solid silver;
    cursor: pointer;
    color: #555050;
}

#browse:hover, #imageFile:hover, #browse:focus, #imageFile:focus {
	background-color: #ebebeb;
}


.overview_current:after {		
	border-left-color: #017988!important;
}

.overview_current .overview_number {
	background: #017988!important;
	border: 1px solid #017988!important;
	color:white;	
}

.overview_number {    
    border-radius: 50%;
    width: 26px;
    height: 26px;
    float: left;
    text-align: center;
    position: absolute;
    top: 11px;
    left: 28px;
    font-size: 0.9em!important;
    text-indent: 0px!important;
    color: #fff;
    line-height: 1em;
}

.overview_text {
	display:none;
}

.overview_current .overview_text{
    display: block;
    position: relative;
    top: -3px;
}


.reporting_title {
    float: left;
    width: 98%;
    color: #015b66;
    text-align: center;
    font-size: 1.2em;
    outline: none !important;
    margin-bottom: 0px !important;
    margin: 10px;
    border: 1px solid #fbfbfb;
}


.reporting_title:focus {
    border: 1px solid #fbfbfb;
    border-radius: 5px;
}

.reporting_title_started {
    padding-top: 15px;
    padding-bottom: 15px;	
}


#report_title_sub {
	margin-bottom: 20px!important;
    margin-top: 0px!important;
    padding: 0px!important;
    color: black;
    font-size: 1em;
    font-weight: 300!important;
    text-align:center;
}


.reporting_content {
	display:none;
	float:left;
	width: 100%;
}

.reporting_landing_image {	
	width: 13%;
	background: #017988;
    border-radius: 50%;
    padding: 4px;
    margin-top:45px;
}

.reporting_landing_text {	
	float: left;
	margin-top:30px;	
}

.reporting_pad {
	padding:20px;	
	float:left;
	width: 100%;
}

.reporting_content fieldset {
	border: 0px;
}


.report_error, .report_error_map, .report_error_normal {
	float: left;
	background: #bf6c00;
	color: white;
	position: absolute;
	width: 100%;
	text-align: center;
	min-height: 70px;
	padding-top: 16px;
	font-size: 1.1em;	
	display:none;
	bottom:0px;
	z-index:95;
}

.report_error_normal {	
	position: relative;
}

.error_teal {
    background: #085762!important;	
}


.report_error_accesibility {
	float: left;
	color: #bf6c00;
	width: 100%;
	padding-bottom: 15px;
	outline:none;
}

.report_error_inline {
	float: left;
	background: #bf6c00;
	color: white;
	width: 100%;
	text-align: center;	
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 1.1em;	
	display:none;	
}

.report_status_accesibility {
	float: left;
	color: #2b8660;
	width: 100%;	
	padding-bottom: 15px;
	outline:none;
}


.report_status_inline {
	float: left;
    color: #ffffff;
    width: 100%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.1em;
    display: none;
    margin-top: 15px!important;
    background: #2b8660;
}


.report_status_inline:before {
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
    font-weight:400;
	padding-right: 20px;
}


.map_searchbox {
	float: left;
	width: 100%;
	padding:5px;	
}

.map_searchbox_tight {
	margin-top: 0px!important;	
}

.searchbox_return_holder {	
	float: left;
	width: 82%;
	position: relative;
}

.search_full {
	width: 92%;
}



.searchbox_return_holder select {	    
	float: left;
	width: 100%;
	background-color: white;
	display: inline-block;
	list-style: none;
	max-height: 250px;
	overflow: auto;
	position: absolute;
	z-index: 100;
	left: -2px;
	top: 0px;
	border: 2px solid #cecece;
	border-top: 0px;
}

#address_return {
    float: left;
    width: 100%;
    background-color: white;
    position: absolute;
    z-index: 100;
    left: 0px;
    top: 58px;
    text-indent: 5px;
    border: 2px solid #cecece;
    border-top: 0px;	
}

#address_return p {	
	padding:15px;
}

.address_loading {
	background-image:url(/Style%20Library/AdventureWorks/ring_loader.gif);
	float:left;
	width: 25px;
	height: 25px;
	background-size: contain;
	margin-left:15px;
	margin-right:10px;
}



.searchbox_return_holder select {
	margin-left: 0px!important;	
	
}

.searchbox_return_holder select option {
	padding: 10px;
	float: left;
	background-color: white;
	width: 100%;
	border: 0px;
	text-align: left;
	padding-bottom: 15px;
	text-indent: 7px;	
}



.searchbox_return_holder select option:hover {
	background-color:silver;
}

.map_searchbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
    width: 100%;
    height: 60px;
    text-indent: 20px;
    border: 2px solid #cecece!important;
    border-right: 0px;
    border-radius: 0;
    outline: none!important;
    border-right: 0px!important;
 }


.map_searchbox input:hover, .map_searchbox input:focus {
	    background: #f8f8f8;
	    color: #000 !important;
}


.map_searchbox_go {
    float: left;
    width: 8%;
    background: #f3f3f3;
    height: 60px;
    border: 2px solid #cecece;
    border-left: 1px solid #dcd9d9;
 }

.map_searchbox_go:hover, .map_searchbox_go:focus {	
	background:#e8e8e8;
}

.map_searchbox_go:after {	
	content: "\f002";
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}

.map_searchbox_button {
	float: left;
    width: 8%;
    height: 59px;
    background-color: #307b86;
    border: 0px;
    color: white;
    background-color: #015B66;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    transition: all 0.5s ease;
    background: linear-gradient(to left, #015B66 50%, #01383f 50%);
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    background-size: 200% 100%;
    background-position: right bottom;
    margin-left: 2%;
   }

.map_searchbox button:hover, .map_searchbox button:focus {	
	background-position: left bottom;
}

.map_searchbox_button::after {
    content: "\f05b";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 1.5em;
}

.map_searchbox_text {	
	display:none;
}




.next_previous {
	float:left;
	width: 100%;		
	position:relative;
    background: #01626f;
}

.next_previous button {
    float: left;
    width: 50%;
    background: #01626f;
    height: 65px;
    color: white;
    border: 0px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.next_previous button:hover, .next_previous button:focus  {	
	background: #01383f;
}

.report_next {
	float:right;
	border-right: 0px!important;	
}

.report_start {
	width: 100%!important;
    border: 3px solid #01383f;
    padding-left: 35px;
    padding-right: 35px;
    background: linear-gradient(to left, #015B66 50%, #01383f 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.3s ease;
}

.report_start:hover {
	background-position: left bottom!important;
}

.start_arrow:after {
	content:"\f054";
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    margin-left:20px;
	animation-name: report_start;
    animation-duration: 2s;
    position:relative;
    animation-iteration-count: infinite;
    top:2px;
}


@keyframes report_start {
    from {left: 0px; opacity: 0;}
    to {left: 10px;opacity:1;}
}


.report_next:after {
	content:"\f054";
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
	margin-left:20px;
	font-size: 0.7em;
}

.report_prev:before {
	content:"\f053";
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
	margin-right:20px;
	font-size: 0.7em;
}



.reporting_rails_outer {
	float:left;
	width: 100%;

}

.reporting_rails_inner {
	float:left;
	width: 100%;
	position:relative;
}


.reporting_steps {	
	float:left;
	width: 100%;	
	display:none;

}



.reporting_holder_expand {
	margin-bottom: 0px!important;
    position: fixed!important;
    top: 0px!important;
    left: 0px!important;
    width: 100%!important;
    height: 100%!important;
    z-index: 100!important;
    background: white!important;
    border:0px!important;
}
	
.reporting_rails_outer_expand {	
	overflow:auto;
	height:100%;
	padding-top:0px;
	padding-bottom:140px;
}

.next_previous_expand {
	 bottom: 0px;	
	 position:absolute
}

.reporting_close_mobile {
	position: absolute;
    top: 0px;
    right: 0px;
    background: #015b66;
    border: 0px;
    padding: 9px;
    color: white;
    padding-left: 14px;
    padding-right: 14px;	
    display:none;   
    width: 100%;
    text-align: right;
    z-index:90;
}

.reporting_close_mobile_expand {
	display:block;		
}

.back_to_top_expand {
	display:none!important;
}


.report_bottom_expand {
	position: fixed;
	bottom: 0px;
}

.reporting_close_mobile:after {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    font-size:1.3em;
}


.wc_label {	
    float: left;
    padding-right: 25px;
    padding-top: 10px;
    background: #ebe8e8;
    height: 44px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid silver;
    border-right: 0px;  
    background: rgb(249,249,249);
    background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%);
}

.wc_notice {
    float: left;
    width: 100%;
    list-style:none; 
}


.wc_notice a {  
    text-decoration: none;    
    background-color: white;
    float: left;
    width: 25%;
    color: #1b6e78;
    text-align: center;
    padding: 10px;
    padding-top: 18px;
    padding-bottom: 18px;
    border-right: 1px solid #d4d4d4;
    font-size:0.9em; 
}



.wc_notice_panel_holder {	
	float:left;
	width: 100%;
	background: #e0dede; 

}

.wc_notice_panel {	
	float: left;
    width: 100%;    
    padding: 50px;
    box-sizing: border-box;
    text-align: left;
	display:none;
	padding-top: 25px;
    padding-bottom: 25px;	
}

.wc_notice_image {
	float: left;
    height: 150px;
    width: 20%;
    border-right: 0px solid silver;
    margin-right: 5%;	
    display:none;
}


.wc_notice_image img {	
	width: 90%;
}


.wc_notice_text {
	float: left;
	width: 75%;
	margin-top: 15px;
}


.wc_notice_more {
	float:left;
  	color: #fff!important;
    background-color: #015B66;
    padding-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    padding-left: 45px;
    padding-right: 45px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px!important;
    border: 0px solid #01383f;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    transition: all 0.5s ease;
    background: linear-gradient(to left, #015B66 50%, #01383f 50%);
    background-size: 200% 100%;
    background-position: right bottom; 
    margin-right: 5px;    
}

.wc_notice_more:hover, .wc_notice_more:focus {
	opacity: 1;
	background-color: #01383f!important;
    text-decoration: none!important;
    background-position: left bottom!important;
}


.wc_save {
	float: left;
	margin-top: 0px!important;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 35px;
    padding-right: 35px;
}


.wc_notice_remove {
    float: left;
    width: 100%;
    padding: 10px;
    background:none;
    margin-left: 0px;
    border: 0px;
    border-left: 0px solid #a7a7a7;
    font-weight: 200;
    text-align: left;
    background: #dddddd;
    border: 1px solid silver;
    padding-top: 9px;
    padding-bottom: 8px;
    margin-top:15px!important;
    border-left: 3px solid #3b747b;
}

.wc_notice_remove:hover, .wc_notice_remove:focus {
    background: #d3d0d0;
}


.wc_notice_remove:hover:before, .wc_notice_remove:focus:before {
	color:#015b66;
}


.wc_notice_remove:before {
    content: "\f014";
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    padding-right: 15px;
    color: #7a7a7a;
    font-size:1.1em;
}

.wc_notice_remove:after {
    margin-right: 1px;
    float: right;
    font-size: 1.2em;
    padding-right:2px;
}


.wc_signup {
}

.wc_link {
	padding: 10px;
    color: black!important;
    font-size: 0.9em;
    opacity: 0.9;
    border-radius: 22px;
    padding-left: 12px;
    padding-right: 12px; 
    background: white;
    border: 1px solid silver;
}

.wc_link:hover, .wc_link:focus {
	opacity: 1;
    background: #015661;
    text-decoration: none!important;
    color: white!important;
}

.wc_link_clear {	
	background:none;
}

.wc_kerbside, .wc_garden_register {
	background: rgb(235, 235, 235) !important;
	float: left;
	font-size: 0.9em;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 0px !important;
	border-top: 1px solid #d9d9d9;
	margin-top: 10px !important;
}


.wc_kerbside {
    padding-bottom: 9px;
    padding-top: 9px;
}

.wc_garden_register {	
	border: 0px solid #d2cdcd!important;
    color: black;
    border-top: 1px solid #d8d8d8!important;
    padding-top: 9px;
    display:none;
}

.wc_garden_register:before {
	content:"\f18c";
 font-family: "Font Awesome 5 Pro";
    font-weight:400;
	padding-right:15px;
	color: teal;
	display:none;
}

.wc_presentation {
    float: left;
    width: 100%;
    margin-top: 50px;
    padding-top: 14px;
    font-size: 0.9em;
    border-top: 1px solid silver;
    padding-bottom: 14px;
    background: #0a5960;
    color: white;
    background-image:url("/Style Library/AdventureWorks/green_traingles.jpg");
}

.wc_presentation:before {
    content: "\f06a";
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    padding-right: 15px;
    color: #fff;
}

.wc_panel_list {
	margin: 0px!important;
	text-align:center;
	color:black!important;	
}

.wc_panel_list a {
	color:black;
	cursor:pointer;
}

.wc_panel_list a:hover, .wc_panel_list a:focus, .wc_notice .report_order_button_on {	
	color: #1b1b1b!important;
    background: #f3f3f3;
    border-bottom:0px;
    outline:none;
    text-decoration:none;
}


.wc_panel_list a:after {
	display:none!important;
}


.wc_reminders_holder {
    float: right;
    width: 100%;
}


.wc_block {
	float:left;
	width: 100%;
}

.wc_block p, .wc_block label, .wc_reminders_holder label {
	float: left;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 0px;
}

.wc_select {    
    font-size: medium;
    color: #000;
    float: left;
    display: block;
    border: 1px solid silver;
    padding: 10px;
    margin: 0px;
    height: 44px;   
    background:white!important;
    color:black!important;
    margin-right:10px;
    margin-bottom:10px;
}

.wc_select_round {
	font-size: medium;
    color: #000;
    float: left;
    display: block;
    border: 1px solid #a5a5a5;
    padding: 10px;
    margin: 0px;
    height: 44px;
    background: #fafafa!important;
    color: #222121!important;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    margin-top: 11px;
  
}


.wc_time {
	padding:12px;
	height:44px;
	float:left;
	margin-right: 10px;
	margin-bottom:10px;
}

#reminder_loading {
	padding-top: 100px;	
	text-align:center;
}

#reminder_list {
	text-align:center;
	padding-top: 0px;
}


#reminder_loading p {
	padding-top: 20px;
}


#reminder_create {
	margin-top: 20px;
}

#rl_location_text {
	margin-bottom: 20px;
}



#rl_list li {
    list-style: none;
    float: left;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #e5e3e3;
    border-left: 0px solid #035b66;
    background: white;
    margin-left: 0px;
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
    margin-bottom: 5px;
    border-left: 3px solid #7a7a7a;
}

#rl_list li:before {
    content: "\f017";  
    float: left;
    color: #7a7a7a;  
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;  
    position: relative;
    top: 1px;
    left: 5px;
}

#rl_address { 
    padding: 10px;
}


#rl_status {	
    float: left;
    width: 100%;
    padding: 6px;
    border-bottom: 1px solid #e5e3e3;
    border-left: 0px solid #035b66;
    background: white;
    margin-left: 0px;
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
    margin-bottom: 5px;
    border-radius: 5px;
    margin-top: 15px;
    display:none;
}


.rl_loader {
	float:left;
	background: url(/Style%20Library/AdventureWorks/ring_loader.gif);
	width: 100%;
	height:40px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: contain;
	display:none;
}

#loading_calendar {
	position:relative;
	top: 165px;
	outline:none;
}

span.rl_text {   
    margin-left: 15px;
    float: left;
}

.rl_trash {
   background: none;
    border: 0px;
    color: #6d6f6f;
    height: 30px;
    width: 30px;
    float: right;
    font-size: 1.4em;
}

.rl_trash:hover, .rl_trash:focus {
	color: #1a4b51;
}

.rl_trash:after {
	content: "\f056";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
}

.rl_property {
    border: 0px!important;
    font-weight: normal;
    text-align: left;
    margin-left: 0px!important;
    padding-left: 0px!important;
    text-indent: 0px!important;
    text-align: center;
    font-size: 0.9em!important;
    margin-top: 20px;
    background: #215666!important;
    color:white;
 }


.rl_holder {	
	border: 1px solid silver;
	border-radius: 8px;	
}


.create_waste_reminder {
    margin-bottom: 30px;
}

.create_waste_reminder:before {
	content: "\f055";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    padding-right: 15px;	
}


.highlight_error {
	background: #bf6c00;
	border:1px solid #bf6c00;
	color:white;
}

.field_counter {
	float: right;
    width: 100%;
    font-size: 0.8em;
    text-align: right;	
}


.api_disabled {
	color: #01383f;
    font-weight: bold;
    text-align:center;
}

#api_disabled_text {
    padding-top: 30px;
}



.wc_round_buttons {	
	float: left;
    position: absolute;   
    top: -235px;
    color: white;
    background: none;
    border: none;
    font-size: 1em;
    background: #015661;
    border-radius: 50%;
    width: 40px!important;
    height: 40px!important;
    opacity: 0.9;
  	border: 2px solid #163c41!important;
}


.wc_round_buttons:hover, .wc_round_buttons:focus {	
	opacity: 1;
	background: #015661;
}


#wcs_prev {  
    left: 5%; 
}

#wcs_next {  
    right: 5%;
}

#wc_prev, #wc_next {	
	display:none;
}

.ct_list {
	position:relative;
	z-index:95;	
}

.ct_list_selected {	
	border: 3px solid #3b747b!important;
}



.ct_list li {
    float: left;
    width: 18%;
    margin: 0px;
    background: #eaeaea;
    margin-right: 2%;
    position: relative;
    top: 2px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;                  
    -moz-transition: all 0.2s ease;                
    -o-transition: all 0.2s ease; 
    -ms-transition: all 0.2s ease;        
    transition: all 0.2s ease;
    opacity: 0;   
    animation-name: fadeIn;
  	animation-duration: 0.8s;
  	animation-fill-mode: forwards;
  	animation-timing-function: ease-out;
}


@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}







.ct_list li:hover {
	transform: scale(1.01);
}

.ct_list_link {	
	float: left;
    width: 100%;    
    text-align: center;
    border-radius: 50%;
    background: rgb(247,247,247);
	background: linear-gradient(191deg, rgba(247,247,247,1) 0%, rgba(230,230,230,1) 100%);
    border: 3px solid #d8d4d4;
}

.ct_list_link:hover, .ct_list_link:focus {
	cursor:pointer;
	background: #eaeaea;
	border: 3px solid #bdbdbd;
}





@keyframes cs_bounce {
    from {transform: scale(1);}
    to {transform: scale(1.02);}
}




.ct_list_link:hover img {
	position:relative;
	top: -1px;
}


	

.ct_list_link:hover h3 {
	opacity: 1;	
}


.ct_list .report_order_button_on h3 {
	background: #3b747b;
    color: white;
}

.ct_list .report_order_button_on {
	background: #eaeaea;
	border: 3px solid #3b747b!important;
}


.ct_list_link:after {	
	display:none;
}


.ct_list_link img {
	border: 0px!important;
	width: 67%;
    padding-top: 13px;
}

.ct_list_link h3 {	
    margin: 0px!important;
    padding: 5px;   
    opacity: 0.9;  
    position: relative;
    top: -17px;  
    padding-bottom:4px;    
    color: black!important;
    font-size: 1em!important;
}

.ct_list_clear {
	float:left;
	width: 100%;
	height:0px;
}



.ct_content {	  
    float: left;
    width: 99.5%;
    margin-top: 21px;    
}

.ct_content_inner {
	float:left;
	width:100%; 
    box-sizing: border-box; 
    border-bottom:0px;
    padding-bottom:15px;
    position:relative;
    padding-top: 20px;
}

.ct_content_inner h2 {
	margin-top: 0px!important;
	border-bottom:0px!important;
	color: #015b66!important;
	padding-top: 10px!important;
}


.ct_content_inner p {
	margin-bottom:15px;
}


.ct_content_inner .expand_content p {
	width: 100%!important;
}

.ct_content_inner b {
    float: left;
    width: 100%;
    font-weight:normal;  
    margin-bottom:5px;
}


.ct_content_bar {	
	float:left;
	width: 100%;
	background:#3b747b;
	height:2px;
	margin-bottom:20px;
	position:relative;
}

.ct_content_bar:before {
	content: "\f0d8";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    color: #3b747b;
    position: absolute;
    top: -24px;
    font-size: 2.2em!important;	
}

#bar_recycling:before {	
    left: 8%;
}    
    
#bar_general:before {
    left: 28%;
}

#bar_food:before {
    left: 48%;
}

#bar_glass:before {
    left: 68%;
}

#bar_garden:before {
    left: 88.5%;
}




.ct_more_box h3 {
	border-bottom: 0px;
	display:none;
}
    
    
.ct_box {
	float: left;
    width: 106.1%;
    margin-right: 1%;
    text-align: center;
    overflow: hidden; 
    border-top: 0px;
    position: relative;
    left: -24px;
    margin-bottom: 30px;  
}

.ct_border {
	border-bottom:0px!important;
}

.ct_content_inner .ct_box:first-child {
	border-bottom:0px!important;
}	


.ct_box p {
	width: 100%!important;
}


.ct_box li {	
    margin-left: 0px;
    float:left;
}

.ct_box h3 {
    padding: 8px;
    margin-bottom: 0px!important;
    text-align: left;
    text-indent: 25px;
}

.ct_box img {
	margin-top: 30px;
    float: left;
    width: 14%;
    margin-left: 1%;
    margin-right: 1%;
}

.ct_box span {	
	padding: 15px;
    float: right;
    width: 83%;
    box-sizing: border-box;
    text-align: left;
    padding-bottom:0px;
}


.ct_collected {	
    float: left;   
    margin-bottom: 30px;
    overflow: hidden;
    margin-right: 20px;
    background: #ffffff!important;
    color: #0e0e0e;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}
    

.ct_collect, .ct_no_collect, .ct_silver {
	float: left;
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 15px;
    list-style: none;
  	background: #f8f8f8;
	padding-top: 18px;
	margin-top: 9px;
}

.ct_plain {
	float: left;
    width: 100%;
}



.ct_vehicles li:before {	
	display:none!important;
}

.ct_vehicles li {	
	width: 100%!important;
}


.ct_collect li, .ct_no_collect li {
    float: left;
    padding: 5px;
    color: #131313;
    color: black;
    width: 48%;
    list-style:none;
    margin-left: 0%;
    font-size: 0.95em!important;}

.ct_collect li:before {
    content: "\f058"!important; 
    color: green!important; 
    margin-right: 15px;  
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    padding-bottom: 3px;
    float: left;
    font-size: 0.9em;
}

.ct_no_collect li:before {
    content: "\f057";
    margin-right: 15px;
    color: red;
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    padding-bottom: 3px;
    float: left;
    font-size: 0.9em;
}



.ct_collected_label {
    float: left;
    background: #f1f1f1;
    padding: 11px;
    border-right: 0px solid silver;
}



.ct_collected_text {
	float: left;
    padding: 11px;
    }

.ct_note, .ct_note_list {
    float: left;
    margin-top: 0px;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 13px!important;
    padding-right: 17px;
    background: #e8ebf1;
    position: relative;
    padding-left: 45px;
}

.ct_note:before {
	content: "\f06a";
	font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    float:left;
	margin-right:15px;
	color:#017988;
	position: absolute;
    left: 17px;
}



.ct_note_list ul, .ct_note_list li {
	list-style:none;
	float:left;
	margin-left:0px!important;
}

.ct_note_list li:before {	
	content: "\f06a";
        font-family: "Font Awesome 5 Pro";
    font-weight:400;

    float: left;
    margin-right: 15px;
    color: #017988;
    min-height: 26px;
}


.ct_box .ct_note {
	background:none!important;
	border-radius: 0px;
	margin-bottom:0px!important;
	border:0px!important;
	padding-top: 2px;
	padding-bottom: 10px;
}




.ct_content .form_button {
	float:left;
	margin-right: 5px;
	padding-top: 10px;
    padding-bottom: 10px;
    border:0px;
}

.ct_presentation {
  	float: left;
    width: 100%;
    box-sizing: border-box;
    padding-top: 20px;	
}

.ct_presentation h3 {
	padding: 15px;
	margin-bottom:0px!important;
}

.ct_presentation ul, .ct_presentation li  {
	line-height: 1.5em;
	padding-right:20px;
}


.ct_fpn {
    padding: 10px;
    margin-top: 7px;
}

.list_pr {
	margin-left: 5px!important;

}

.list_yes, .list_no, .list_pr {
	list-style:none;	
}

.list_yes:before {	
	content: "\f058";
    margin-right: 10px;
    color: green;
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    float:left;
    min-height: 32px;
}


.list_pr:before {
	content: "\f111";
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    margin-right: 10px;
    font-size: 0.4em;
    position: relative;
    top: -3px;
}

.list_no:before {	
    content: "\f057";
    margin-right: 10px;
    color: red;
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    float:left;
    min-height: 32px;
}

.ct_close {
    float: left;
    width: 99.5%;
    background: #ffffff;
    color: #5a5a5a;
    padding: 13px;
    box-sizing: border-box;
    display: none;
    border: 0px dashed #cccccc;
    border-top: 1px dashed silver!important;
    border-bottom: 5px solid #4d8086;
}

.ct_close:hover, .ct_close:focus, .ct_close_full:hover {
	background-color: #d1d1d1;
}

.ct_close_full {	
    border: 0px!important;
    width: 100%!important;
    display: none;
    float: left;
    background: #e2e2e2;
    color: #5a5a5a;
    padding: 13px;
    box-sizing: border-box;
    border-top: 1px solid silver!important;
   }
   
   
.ct_close_full:after, .ct_close:after {	  
    content: "\f057";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}

.js-tabcontent .expand_button {
	display:block!important;
}

.ct_more {	
    width: 32%;
    float: left;
    position: relative;
    margin-right: 1% !important;
    background: #f6f6f6;
    font-size: 0.9em;
    margin-bottom: 5px;
    border: 1px solid #ececec!important;
    border-radius: 4px;
    color: #06616d!important;
    padding: 11px;
}


.ct_more:hover:before {
	position:relative;
	left: 1px;
}

.ct_small {
    font-size: 0.8em;
    color: black;
    padding: 6px;
    border-top: 1px solid #d7d7d7;
    display:none;
}

.ct_small:after {
    content: "\f13a ";
        font-family: "Font Awesome 5 Pro";
    font-weight:400;
    padding-left: 10px;
    font-size: 0.8em;
    color: #07515e;
}

.ct_more:before {
    content: "\f054";
    float: right;
    margin-right: 15px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: relative;
    left: -2px;
    opacity: 0.9;
    margin-left: 7px;
}

.ct_more_box {
     float: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px dashed silver;
    padding-left: 30px;
    padding-top: 12px;
    border-bottom: 0px;
    border-top: 1px dashed #d0d0d0;
    padding-bottom: 12px;
    display:none;
}

#ct, #API_waz {
    float: left;
    margin-top: 25px;
    width: 100%;
}

.ct_left {	
	float:left;
	width: 70%;
}

.ct_right {	
	float:left;
	width: 30%;
}

.PR_big {
	float: left;
    width: 16.66%;
    text-align: center;
    padding-top: 4px;
    box-sizing: border-box;
}


.PR_sector {	
	margin-top: 25px;
	display:none;
}

.PR_sector h2 {	
	margin-top: 30px!important;
}


.PR_content {
	padding: 25px;
    display: none;
    border-left: 0px solid #dbdbdb;
}


.PR_title {
	float:left;
	width:100%;
	text-align:center;
	font-size: 0.85em;
}

.PR_select .wc_select {
	margin-bottom:0px!important;
}

.PR_button {
    padding: 20px;
    width: 100%;
    text-align: left;
    color: #413f3f;
    background: #f3f3f3;
    border: 1px solid #dedede;
    border-left: 5px solid #a1a1a1!important;
    margin-bottom: 5px;
}

.PR_button:hover,.PR_button:focus {
	background: #e9e9e9;
}

.PR_number {	
	float:left;
	width:100%;
	text-align:center;
	font-size: 1.6em;
    position: relative;
    margin-top: 20px;
    color: #000;
    margin-bottom: 25px;
}

.PR_number_num {
	font-size:0.8em!important;
	float:left;
	width: 100%;
	background: #135a60;
    border-top: 1px solid #d3d3d3;
    color: white;
}

.PR_number_den {
	font-size: 0.8em!important;
    float: left;
    width: 100%;
    background: #135a60; 
    color: white;
}


.PR_quarter {
	float:left;
	width: 25%;
}

.PR_stats {
    font-size: 0.9em;
    float: right;
    width: 100%;
    text-align: right;
}

.PR_row {
    float: left;
    width: 100%;
    padding-top: 45px;
}

.PR_divide {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,efefef+100 */
}

.PR_row h3 {
	padding-bottom:15px;
	margin-bottom:0px!important;
}

.PR_number_row {
	float: left;
    width: 100%;
    overflow: hidden;
    border: 1px solid #d1cccc;
    margin-bottom:8px;
    overflow: hidden;  
}


.PR_previous {
    font-size: 1.5em!important;	
}

.PR_target {
	color: #086f7c;   
}

.PR_go {
    float: left;
    background: #135a60;
    border: 0px;
    color: white;
    padding: 11px;
    border: 3px solid #01383f;
}    
   
.PR_go:hover, .PR_go:focus {
	background: #0a4146;
}


.PR_holder button {	
  border: 0px solid #fefefe;
    background: white;
    
    width: 220px;
    height: 220px;
    margin-right: 50px;
    color: white;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.54);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.54);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.54);
    outline:none; 
    opacity: 0.9;  
    background-size: cover!important;  
    -webkit-border-bottom-right-radius: 60px;
-moz-border-radius-bottomright: 60px;
border-bottom-right-radius: 60px;
}

.PR_holder button:hover {
	 opacity: 1; 
	   
}	


.PR_text {
	color: black;
    margin-top: 233px;
    float: left;
    width: 100%;
    display:none;
}


.PR_warning {
	float: left;
    width: 100%;
    background: #e3e2e1;
    color: #050505;
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid silver;
}

.PR_cardiff:focus,.PR_wales:focus,.PR_future:focus,.PR_public:focus{outline: 2px dashed orange;}

.PR_cardiff {
	background: url('/Style%20Library/AdventureWorks/Photos/cardiff.jpg')!important;
}

.cardiff_cym {
	background: url('/Style%20Library/AdventureWorks/Photos/cardiff_cym.jpg')!important;
}

#cardiff .PR_button {	
	border-left-color: #9c9ea3!important;
}


.PR_wales {
	background: url('/Style%20Library/AdventureWorks/Photos/wales.jpg')!important;
}

.wales_cym {
	background: url('/Style%20Library/AdventureWorks/Photos/wales_cym.jpg')!important;
}


#wales .PR_button {	
	border-left-color: #9c9ea3!important;
}


.PR_future {
	background: url('/Style%20Library/AdventureWorks/Photos/future.jpg')!important;
}

.future_cym {
	background: url('/Style%20Library/AdventureWorks/Photos/future_cym.jpg')!important;
}



#future .PR_button {	
	border-left-color: #9c9ea3!important;
}


.PR_public {
	background: url('/Style%20Library/AdventureWorks/Photos/public.jpg')!important;
}

.public_cym {
	background: url('/Style%20Library/AdventureWorks/Photos/public_cym.jpg')!important;
}


#public .PR_button {	
	border-left-color: #9c9ea3!important;
}


.wc_smaller {
	width: 40%;
}

.PR_select {
	background: #f2f2f2;
    padding: 5px;
    float: left;
    width: 100%;
    border: 1px solid silver;
    border-radius: 5px;
} 

.PR_up:after {
	content: "\f139";
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
	font-size: 0.35em!important;
    color: #33a133;
    margin-left: 13px;
    position: absolute; }
    
    
.PR_down:after {
	content: "\f13a";
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    font-size: 0.4em!important;
    color: #da0a0a;
    margin-left: 13px;
    position: absolute; }
    


#raz .reporting_holder {
	border-top: 0px!important;
}

.raz_line {
    float: left;
    width: 100%;
    background: #3d4041;
    height: 2px;    
    position: relative;	 
    display: none;
    margin-top: 10px;
}

.raz_line:before {
    content: "\f0d8";
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    color: #3d4041;
    position: absolute;
    top: -19px;
    font-size: 2.2em!important;
}

#raz_lamby:before {
	left: 8%;	
}

#raz_bessemer:before {
	left: 27%;	
}


    
.raz_holder {
	float:left;
	width: 50%;
	height:55px;
	margin-bottom: 5px;
} 

.raz_buttons {
    float: left;
    width: 100%;   
}

.raz_buttons button:hover, .raz_buttons button:focus {
	opacity: 1!important;
}
    
.raz_img {
	float:left;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-top: 5px;
    margin-left: 13px;
    margin-right: 16px!important;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.52);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.52);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.52);
}

.raz_img:hover {	
	transform: scale(2);
	  -webkit-transition: all 0.2s ease;                  
    -moz-transition: all 0.2s ease;                
    -o-transition: all 0.2s ease;  
    -ms-transition: all 0.2s ease;           
    transition: all 0.2s ease;  
}
  
.raz_img img {
	margin: 0px!important;
	height:40px;
}
    
#raz_return {
	padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}
    
   
.raz_text {
	float:left;
	width:70%;
	padding-top:8px;	
}

.raz_default {	
    width: 100%;
    padding-top: 95px;
}

.raz_explanatory {
	float: left;
    padding: 20px;
    box-sizing: border-box;
    border-top: 1px solid silver;
    margin-top: 25px;
    font-size: 0.9em;
}

.raz_label {	
    padding-left: 15px;
    display: none;
    padding: 0px;
    margin-bottom: 0px;
    padding-top: 15px;
    background: #3d4041;
    color:white;
    padding: 10px;
    padding-left: 18px;
}


.raz_background {
    background-color: #ededed;	
    display:none;
}


.button_list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.button_list li {
	list-style: none;
    margin: 0px;
}

.button_list a {
    width: 100%;
    color: #343434!important;
    float: left;
    padding: 8px;
    text-align: left;
    border: 0px;
    padding-left: 30px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;

	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
    text-decoration:none;
    padding-right:20px;
    
    border-bottom: 1px solid #efefef!important;
}



.button_list a span {
	position: relative;
}


.button_list a:hover, .button_list a:focus {
	position: relative;
    opacity: 1;
    text-decoration: none;
    outline: none; 
    background: #e3e3e3;
}


.button_list a:after {
	content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    padding-right: 20px;
    font-size: 0.8em;
    color: #017988;
    float: left;
}




.routes_warning {
	text-align: center;	
	float:left;
	width: 60%;
	margin-left:20%;
	padding-top: 30px;	
	margin-bottom: 0px;
}


.warning_margin {	
	margin-bottom:100px;
}

.routes_warning_link {
	padding: 14px;
    background: #00535d;
    color: white!important;
    margin-top: 10px;
    float: left;
    width: 100%;
    margin-right: 2%;
    background: linear-gradient(to left, #015B66 50%, #01383f 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s ease;
    margin-bottom: 50px;
}

.routes_warning_link:hover {
	background-position: left bottom!important;
	text-decoration:none!important;
}

.routes_warning:before {
	content:"\f071";
	font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    color: orange;
    font-size:5em;
    animation-name: wc_image_bounce;
  	animation-duration: 0.5s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
 	position: relative;

}

.routes_warning_text {
    padding-top: 40px;
    padding-bottom: 40px;
    white-space: pre-line;
    text-align:left;
}

.cc_back {	
	margin-left: 20px;   
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 0px;
    margin-bottom: 15px;	
}

.cc_back:before {
	content:"\f053";
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
	padding-right: 10px;
}	

.cc_back:after {	
	display: none!important;
}



.mc_row {
    float: left;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    /* border: 1px solid #bcbebd; */
    /* margin-bottom: 11px; */
    padding-top: 15px;
    border-top: 1px solid #d0d0d0;
    padding-bottom: 10px;
}



.mc_reason {
	padding-left: 40px;
    padding-right: 40px;
    float:left;
    width:100%;
    border-bottom: 1px solid #cacaca;
}

.mc_container {
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.mc_report_link {
	float:left;
	
}

.wc_stream_holder {
	width: 96%;
    background: whitesmoke;
    margin: 15px;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    1px 1px 4px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         1px 1px 4px 0px rgba(50, 50, 50, 0.2);
	margin-top: 0px;
}


.wc_stream_holder_button {	
    width: 100%;
    overflow: hidden;
    position: relative;
    outline:none;
    background: white;
}


.wc_stream_holder_button:hover, .wc_stream_holder_button:focus {	
	background: #e6f2fa;
}

.mc_icon_holder {
    float: left;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    width: 90px;
    text-align: center;
}

.mc_icon {
	width: 66px;
}

.mc_icon_small {
	width: 65px;
}

.mc_traffic {
	float: right;
    position: absolute;
    top: 54px;
    width: 40px;
    left: 20px;
    background: white;
    border-radius: 50%;
    padding: 0px;
    display:none;}


.mc_traffic_small {
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 15px;
}

.mc_traffic_small {
	font-family: "Font Awesome 5 Pro";
    font-weight:400;
	border-radius: 50%;
	color: white;
	text-align: center;

}



.mc_traffic_right {
    /* float: left; */
    width: 29px;
    border-radius: 50%;
    position: relative;
    top: 22px;
    /* right: 15px; */
    height: 29px;
    text-align: center;
    color: white;
    font-size: 0.8em;
    /* padding-top: 2px; */
    margin-left: auto;
    margin-right: auto;
    border: 2px solid white;
}


.mc_traffic_right:after {
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}


.mc_traffic_end {
	float: right;
    width: 60px;
    height: 100px;
    position: absolute;
    right: 0px;
    top: 0px;	
}

.traffic_green {
	background: rgb(112,208,112);
	background: linear-gradient(141deg, rgba(112,208,112,1) 0%, rgba(73,173,73,1) 100%);	
}


.traffic_amber {
	background: #f1bd2d;
	background: rgb(241,189,45);
	background: linear-gradient(141deg, rgba(241,189,45,1) 0%, rgba(226,147,50,1) 100%);
}


.traffic_red {
	background: rgb(250,99,99);
	background: linear-gradient(141deg, rgba(250,99,99,1) 0%, rgba(204,14,14,1) 100%);
}


.traffic_missed:after {
    content: "\f06a";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    color: #015b66;
    font-size: 2em;
    position: relative;
    top: 23px;
    right: 3px;
}




.mc_status {
    float: left;
    width: 120px;
    text-align: center;
}



.mc_text_holder {
	float: left;
    position: relative;
    top: 9px;
    max-width: 65%;
    text-align: left;
    left: 18px;
}

.mc_text_bags {
	float: left;
    position: relative;
    top: 18px; 
    width: 265px;
    left: 20px;
}


.mc_text_holder_title {	
	top: 0px;
}


.ct_list_item a:focus {
	outline:none;
}

.mc_text_holder h3, .mc_text_bags h3 {	
	color: #01383f;
    margin-bottom: 0px!important;
    margin-top: 0px!important;
}

#ordering_features_form .wc_kerbside {	
	padding-top: 15px;
	padding-bottom: 15px;
}

.mc_report {
	float: left;
    padding: 10px;
    background: #0c4f55;
    color: white!important;
    width: 100%;
    text-align: center;
    border: 0px;
    padding-top: 10px;
    padding-bottom: 12px;
    margin-top: 10px;
	display: none;

}

.mc_header {
    color: black;
    padding-top: 20px;
    margin-bottom: 20px;  
    outline:0;
}

#status_date {
	outline:0;
}


.mc_report:hover {
	background: #3b747b;
}

.mc_report:before {
    content: "\f06a ";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    margin-right: 15px;
}

.mc_report_link {
	float: right;
    color: #fff!important;
    background-color: #015B66;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 27px!important;
    border: 0px solid #01383f;
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    transition: all 0.5s ease;
    background: linear-gradient(to left, #015B66 50%, #01383f 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    margin-right: 25px;
}

.mc_report_link:hover, .mc_report_link:focus {	
	background-position: left bottom;
}

.mc_explananation {
    width: 100%;
    padding: 7px;
    float: left;
    font-size: 0.95em;
    padding-left: 45px;
    padding-right: 45px;
}

.mc_explananation:before {
    content: "\f06a";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    margin-right: 10px;
    color: #015b66;
}

.mc_report_holder {
    color: #343434;
    float: left;
    width: 100%;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
	background: #f6f6f6;
    border-top: 1px solid #eaeaea;
    display:none;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    outline:0;
}

.mc_report_form .cc_tab {
	margin-top: 0px!important;
	margin-bottom:20px!important;
}

.mc_report_form .report_error_accesibility {
	margin-top: 8px;
}

.mc_report_holder h3 {
    margin-bottom: 5px!important;
    margin-top: 0px!important;
    outline: none;
}

.mc_report_return {
	color: #343434;
    float: left;
    width: 100%;
    text-align: left;
    padding: 20px;
    box-sizing: border-box;
    background: #ebebeb;
    border-top: 1px solid silver;
    padding-bottom:5px;
    outline:none!important;
}


.ct_notice_load {	
	outline: none;
	margin-bottom:15px;
}

    
.mc_label {
    margin-bottom: -5px!important;
    float: left;
    padding: 10px;
    padding-left: 0px;
    min-height: 44px!important;
    padding-bottom: 5px;
}    
    
.mc_select {
    font-size: medium;
    color: #000;
    float: left;
    display: block;
    border: 1px solid silver;
    padding: 10px;
    margin: 0px;
    height: 44px;
    background: white!important;
    color: black!important;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}


#mc_city_wide {
    padding: 30px;
    float: left;
    width: 100%;
    text-align:center;
}

#mc_city_wide h2 {	
	border-top: 0px!important;
	margin-top: 0px!important;
	padding-top: 0px!important;
}


#mc_city_wide:before {
    content: "\f071";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    color: orange;
    font-size: 5em;
    animation-name: wc_image_bounce;
    animation-duration: 0.5s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    position: relative;
    margin-bottom: 25px;
    display: inline-block;
}



.mc_question_two, .mc_send {
	display:none;
}

.mc_count {
	position: absolute;
    top: 41px;
    background: #0d3945d1;
    float: left;
    padding: 6px;
    border-radius: 50%;
    font-size: 0.8em;
    left: 56px;
    font-weight: bold;
    color: white;
}
    
    
.already_reported {	
	margin-top: 5px;
	margin-bottom: 15px;
    padding: 3px;
}

.mc_report_message {
	margin-top: 5px;	
}


.travel_link {
    float: left;
    width: 48%;
    position: relative;
    overflow: hidden;
    background-size: contain;
    opacity: 0.95;
    margin-right: 2%;
    border-bottom: 0px solid;
    margin-bottom: 20px;   
}

.travel_link:hover, .travel_link:focus {
	opacity: 1;	
    background: #085762; 
     border-bottom: 0px solid #01383f;
  
}

.travel_link:hover .travel_text, .travel_link:focus .travel_text  { 	
   color:#fff!important; 
  
}


.travel_buttons:hover i, .travel_buttons:focus i {	
	color:white!important;
	transform: scale(1.1);
	    -webkit-transition: all 0.2s ease;                  
    -moz-transition: all 0.2s ease;                 
    -o-transition: all 0.2s ease;   
    -ms-transition: all 0.2s ease;          
    transition: all 0.2s ease;

}

.travel_date {	
    float: left;
    width: 70px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.29);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.29);
    border: 3px solid #085762;
}


.travel_day {	
	float: left;
	background: white;
	text-align:center;
	color:black;
	width: 100%;
	padding: 5px;
}


.travel_month {	
	float: left;
    background: #085762;
    text-align: center;
    color: white;
    width: 100%;
    padding: 5px;
}


.travel_text {	
	float: left;
    padding-top: 0px; 
    padding-left: 20px;
    position: absolute;
    top: 11px;
    padding-bottom: 15px;
    color: black;
    left: 70px;
    padding-right: 80px;
}


#travel_holder {
    float: left;
    width: 100%;
}

.travel_panel {	
    float: left;
    width: 100%;
    background: #f1f1f1;
    border: 1px solid silver;
    margin-top: 15px;
    display:none;
}

.travel_panel p {
    margin-top: 10px;
    white-space: pre-wrap;
}

.travel_panel h2 {
    margin: 0px!important;
    margin-bottom: 15px!important;
    padding: 0px!important;
    border: 0px!important;
    color: #135970!important;
}

.travel_panel b, .travel_panel strong {	
	font-size: 0.9em!important;
}

.travel_buttons {
    background: none;
    width: 19%;
    border: 0px;
    margin-bottom: 25px;    
}


.travel_buttons:hover p, .travel_buttons:focus p  {	
	 color: #15606a!important;
}

.travel_buttons p {	
    margin: 0px;
    color: #444242;
    font-size: 0.9em;
}


.travel_buttons i {
    text-align: center;
    color: #15606a;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 50%;
    width: 50px;
    height: 50px;}	

.travel_buttons i {
	font-size:1.5em;
}

.travel_buttons p {
	float: left;
	width: 100%;	
}


.travel_buttons:hover i, .travel_buttons:focus i {
	position: relative;
	background: #0a6f7d;
}


.travel_info {
	float: left;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid silver;
    background: #ffffff;
    padding: 30px;
    width: 100%;
    display:none;
    overflow:hidden;
    position:relative;
    white-space: pre-wrap;
}

.travel_info ul {
    white-space: normal;	
}

.travel_info h3 {
	color: #13596f;
	font-size:1.2em!important;
}

.travel_info h3:focus {
	outline:none;
}

.travel_intro {	
    padding: 30px;
    float: left;
    border-bottom: 1px dashed silver;
    margin-bottom: 20px;
    background: white;
}


.travel_info:before {
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 20em;
    opacity: 0.08;
    position: absolute;  
    right: 0px;
    color: #15606a;
    top: 105px;
}


#road_closures:before {
    content: "\f018";
}


#cycling:before {
    content: "\f206";   
}

#park_and_ride:before {
    content: "\f207";
}

#trains:before {
    content: "\f238";
}


#bus:before {
    content: "\f207";
}

#taxis:before {
    content: "\f1ba";
}

#event_parking:before, #motorway:before {
    content: "\f1b9";
}

#shopping_parking:before {
    content: "\f07a";
}

#disabled_parking:before {
    content: "\f193";
}


.calendar_month {
	float: left;
    width: 32%;
    margin-right: 1%;
    min-height: 255px;
    /* padding: 15px; */
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #cacaca;
}

.calendar_month h2 {	
	margin: 0px!important;
    border: 0px!important;   
    color: #085762!important;
    padding: 10px;
    padding-bottom: 10px!Important;
    padding-left: 15px;
}


.calendar_month p {	
    margin-bottom: 5px;
    padding: 5px;
}


.calendar_month p:before {
    content: "\f096";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    margin-right: 12px;
    color: #878686;
    margin-top: 1px;
    float: left;
    margin-left: 5px;
}


.calendar_check {
    float: left;
    width: 18px;
    height: 18px;
    border: 1px solid black;
    margin-right: 10px;
 }
 
 .calendar_description {	
	float:left;
	width: 100%;
	margin-bottom: 25px;
}

.calendar_month span {
	width: 85px;
    float: left;
}


.calendar_searchbox {
	float: left;
    width: 100%;
    background: #f3f3f3;
    border: 1px solid silver;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;	
}

#calendar_title {
    margin-top: 30px!important;
}

.rw_mob_label {	
	display:none;
}

.rw_row, .rw_row_container {
    float: left;
    width: 100%;    
    border: 1px solid #d4d4d4;
    padding: 10px;
    list-style: none;
    margin: 0px;
    margin-left: 0px!important; 
    border-top: 0px;
    background: #fcfcfc;
    position: relative;
    padding-top: 14px;
    border-right: 0px;
    border-left: 0px;
}


.rw_row:nth-child(2n) {
	background: #F6F6F6;	
}

#rw_return {
	margin-left: 0px!important;
}

.rw_row_container {
	padding: 0px!important;
}

.rw_row:hover {
	background: #eee;	
}


.rw_closures {	
	float:left;
	margin-top: 20px;
	display:none;
	white-space: pre-wrap;
}


.rw_row_title {
	margin-bottom: 0px!important;
    border: 0px;
    z-index: 90;
    font-weight: normal!important;
    border-bottom: 3px solid #0d5861;
    color: #015b66;
    background: #fffffff2;
}

.rw_group {
    float: left;
    width: 31%;
    margin-right: 2%;
    padding-right: 5px;
    box-sizing: border-box;
}

.rw_group_ward {	
	float: left;
	width: 10%;
	margin-right: 3%;
}

.rw_duration {
	float: left;
    width: 17%;
    margin-right: 3%;
}

.rw_group_estimate {
	float: left;
    width: 100%;

}

.rw_group_date {	
    float: left;
    width: 48%;    
    margin-right: 2%;
}

.rw_group_organiser {
	
	float:left;
	width: 14%;
	margin-right: 3%;

}

.rw_date {
    float: left;
    width: 50%;
    text-align: center;
    margin-left: 25%;
    margin-right: 25%;
    font-size: 0.95em;
    margin-bottom: 5px;
    overflow: hidden;
    transform: scale(0.9);  
    margin-top: 13px;
    -webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.36);
	-moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.36);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.36);
}

.rw_date_day {	
	background: white;
	color:black;
}

.rw_date_month {	
	background: #0d5861;
    color: white;
}


.rw_date span {
	width: 100%;	
	float: left;
}

.rw_group_reason {	
	float: left;
    width: 15%;
    text-align: left;
}

.rw_group_reason img {
    position: relative;
    top: -7px;
}

.rw_title {
	line-height: 1.4em;
	color: #015b66;
}

.rw_title, .rw_title_sub {	
	width: 100%;
	float:left;
	
}


.rw_title_management {
	float:left; 
	width: 60%;
}

.rw_colum {	
    float: left;
    width: 20%;
}

.rw_expired {	
	background: #01383f!important;
    color: white!important;
    border-bottom: 1px solid #05383e!important;
}


.rw_expired .rw_title {	
	color: white!important;
}

.rw_expired span {	
	text-decoration:line-through;
}

.rw_expired_box {	
	position: absolute;
    padding: 6px;
    background: #070707;
    color: white;
    left: 0px;
    top: 0px;
    font-size: 0.8em;
}


.sub_title {	
	color:#135970;
	margin-top: 0px!important;
}


#rw_filter_button {	
	display:none;
}

.rw_filter {
	float:left;
	width: 100%;
	margin-bottom:10px;
}


#report_type2 {
    text-transform: lowercase;
}


#report_return {
    float: left;
    width: 100%;
    outline: none;
}


#report_return h2 {
	margin: 0px!important;
	margin-top: 15px!important;
    border: 0px!Important;
}

.reportit_link {
	float: left;
    padding: 5px;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    cursor:pointer;
}


.reportit_link:hover {
	background: #e6e6e6;
    color: #015b66;
    text-decoration: none!important;
}


.reportit_link:after {
    content: "\f054";  
    margin-left: 17px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size:0.6em;
}

.tight {
	padding: 0px!important;
}


.reportit_tags {
	visibility:hidden;
}

#tags_return {
	float: left;
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 15px;
    box-sizing: border-box;
}

.ns_row {	
	float: left;
	width: 100%;
	padding:0px;
}

.ns_group {
	float: left;
	width:65%;
	padding-top: 16px;
	text-align:left;
}


.row_order {	
	border: 0px!important;
	padding: 0px!important;
	padding-top: 7px!important;
}

#ordering_review {	
	display:none;
}

#report_good {
	padding: 20px;
    width: 100%;
    float: left;
    display: none;
}



/* BULKIES WASTE COLLECTIONS */

#bulkies_start {
    text-align: center;
    margin: 0px auto;
}

#bulkies_start_button button, #bulkies_tcs_accept button, #hwrc_tcs_accept button {
	float:none!important;
	margin:30px 0 30px 0;
	width:auto!important;
	border-radius: 5px;
}

#bulkies_start .fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 86px;
    color:#015B66;
}

.bulkies_section_title {
    text-align:center;
    color: #015b66;
    margin-top: 20px;
    margin-bottom: 10px!important;
}


.bulky_icon {
    font-size: 3.5em;
    color: #015B66;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 25px;
}


.bulky_icon:before {
	content:"\f4b8";
	font-family: "Font Awesome 5 Pro";
    font-weight: 600;
}


#bulkies_options_added h3 {
	color: #015B66;
	outline:none;
	box-shadow: none;
}


#bulkies_options_added h3:focus {
	outline:none!important;
	box-shadow: none;
}

#bulkies_tcs_text {
	height: 400px;
	overflow: auto;
	background:white;
	padding: 35px;
	border: 1px solid silver;
	margin-top: 15px;
    line-height: 2.2em;    
    font-size: 0.95em;
}

#bulkies_tcs_text p {
	margin-bottom:10px!important;
}


#bulkies_tcs_text h4 {
	font-size: 1.4em!important;
	font-size: 1.4em!important;
    margin-top: 0px!important;
    margin-bottom: 15px;	
}

#bulkies_tcs_text h5 {
	font-size: 1.1em;
    margin-bottom: 10px;
    width: 95%;
    text-align: left;
    display: inline-block;
    margin-top: 25px!important;
}





#bulkies_order .report_error, #bulkies_order .report_error_map, #bulkies_order .report_error_normal {
    padding-top: 22px!important;
}

#bulkies_return {
    float: left;
    width: 33.3%;
    /*border-top: 1px solid #d5d5d5;*/
    height: 500px;
    overflow: auto;
    background:white;
}


.bulkies_buttons button:hover, .bulkies_buttons button:focus {
    background: silver;
}

.bulkies_buttons button {
    background: none;
    border: 0px!important;
    margin-right: 6px;
    padding: 8px;
    color: #055054;
    text-transform: uppercase;
}

#bulkies_az {
	display:none;
}

#bulkies_tags {
	background: #e6e5e5;
}

button.bulkies_tag {
    background: #ffffff;
    color:#3b747b;
    padding: 5px 10px;
    border: 0px;
    margin: 5px 10px;
    border-radius: 25px;
    border:1px solid #ccc;
}

.bulkies_address_captured {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.bulkies_address_captured p {
	font-weight:400;
	padding-top: 30px;
    padding-bottom: 20px;
    color: #015b66;
}

#bulkies_details, #bulkies_address, #knock_assist, #knock_assist_confirm, #bulkies_location, #bulkies_date, #bulkies_summary, #bulkies_tcs, #bulkies_start, #bulkies_itemnotfound, #bulky_pay_confirm {
	padding: 2% 5% 2% 5%;
	display: grid;
}

#bulky_pay_confirm {
	text-align: center;
}

#bulky_payment {
	text-align:center;
}

#bulkies_items, #bulkies_popular {
	padding: 0%;
}

#bulkies_address p, #bulkies_address .map_searchbox, #bulkies_details p, #bulkies_items p, #bulkies_date p, .panel_heading {
	margin: 0px auto;
	float:none;	
	margin-bottom: 10px;
}


#times_heading {	
	outline: none;
}

#bulkies_items, #bulkies_summary {
	display: grid;
}

#bulkies_address .map_searchbox {
    float:none;
    padding: 5px;
    clear: both;
}



.bulky_loading {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 45px;
}


#bulkies_content {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    float: left;
    width: 33.3%;
    padding:2%;
    border-bottom: 1px solid #dbdbdb;
    min-height: 440px;
}

#bulkies_options {
    height: 90%;
}

#bulkies_basket {
	/*border-left: 1px solid #dbdbdb;*/
    float: left;
    width: 33.3%;
    padding:2%;
    /*border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb; */
}



#bulkies_list, #bulkies_list li {
    list-style: none;
    padding: 0px !important;
    margin: 0px;
    float: left;
    width: 100%;
}

#bulkies_list li a {
     padding: 4px;
    box-sizing: border-box;
    padding-left: 18px !important;
    color: #000000;
    background: #ffffff;
    font-size: 0.9em;
    border-bottom: 1px solid #e6e6e6;
    text-decoration:none;
}

#bulkies_list li a:hover, #bulkies_list li a:focus, .bulkies_a_selected {
    position: relative;
    opacity: 1;
    text-decoration: none;
    outline: none;
    background: #e4e4e4!important;
    text-decoration: none;
    outline: none;
}

#bulkies_list li a:before {
    content: "\f054";
    float: right;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    top: 1px;
    right: 20px;
    position: relative;
    font-size: 0.8em;
    color: #015b66;
}

button.bulkies_additem, button.popular_item, #bulkies_tcs_accept button, #bulkies_start_button button {
    width: 50%;
    background: #015B66;
    color: white;
    border: 0px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    float: right;
}

#bulkies_popular {
    margin: 0px auto;
    text-align:center;
    margin-top: 30px;
}

#knock_assist_options {
	display:inline-block;
	float:left;
}

button.popular_item, button.option_yes, button.option_no, button.item_date,  button.pay_button {
	width:100%;
	margin:5px 0px;
	border-radius: 5px;
	background: #015B66;
    height: 45px;
    color: white;
    border: 0px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    float: right;
}

button.popular_item {
	width:16%;
	margin: 30px 2% 30px 2%;
}

button.pay_button {
	margin-top:30px;
	width: 50%;
    float: none;
}

button.option_yes, button.option_no {
	width:45%;
	margin:0% 2%;
	float:left;
}

button.item_date {
	width:29%;
	float:left;
	margin:0% 2%;
}

.popular_item {
	width:100%;
}


button.bulkies_additem::after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    margin-left: 20px;
    font-size: 0.7em;
}

#bulkies_basket_items .container::after {
    content: '\f2ed';
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    float: right;
    top: 1px;
    right: 20px;
    position: relative;
    font-size: 1em;
}

#item_material select, #item_quantity select, #bulkies_location_options select {
    width: 100%;
    padding: 10px;
}

.item_added {
	width:100%;
	background: #fff;
    display: inline-block;
    padding:5px;
    border: 1px solid #dfdcdc;
    border-radius: 5px;
    padding-top:8px;
    padding-bottom:8px;
}

.item_added .item {
	width: 79%;
    float: left;
    color: #015b66;
    font-weight: 400;
    font-size: 0.9em;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}


/*#bulkies_basket h3 {	
	outline: none;
	border: 1px solid #fbfbfb;
}


#bulkies_basket h3:focus {	
	border: 1px solid #f3f3f3;
}*/

.fee_totals {
	display: flex;
	flex-direction: column;
}

div#check_booking_fee_exists {
    display: flex;
    flex-direction: column;
}


.item_added .item_cost {
	width:8%;
	float:left;
	padding-top: 5px;
	text-align:center;
}

.item_added .item_cost.free {
	color:#01383f;
}


.item_cost.Chargeable:after {
	content: '\f154';
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color:#015B66;
}

.item_added .item_remove {
	float:right;
	color: #333;
	padding-top: 1px;
	margin-top: 4px;
	background:transparent;
	border:0px;
}


.item_remove:after {
	content: '\f057';
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;	
}


.item_remove:hover, .item_remove:focus {
	color: #ca0000!important;	
}

.item_added .item_remove i.fas {
    vertical-align: bottom;
}

#item_added_total {
    float: right;
    margin-top: 5px;
    text-align: right;
}

.final_total#item_added_total {
	border-top: 1px solid #dbdbdb;
	margin-top: 30px;
	padding-top: 5px;
}

.price_span {
    min-width: 70px;
    display: block;
    float: right;
    padding: 0px 10px 0px 10px;
    margin-left: 10px;
}
.price_span_total {
    min-width: 70px;
    display: block;
    float: right;
    border: 1px solid #076a77;
    border-radius: 30px;
    padding: 0px 10px 0px 10px;
    margin-left: 10px;
}


#booking_wrapper {
    display: inline-flex;
    width: 100%;
}

h3.your_booking {
    font-size: 24px!important;
}

#booking_details {
    width: 48%;
	margin-top: 20px;
}

#bulkies_amount {
    width: 49%;
}

.teal {
    color: #076875;
}


#booking_details .teal {
    margin-bottom: 6px!important;
    float: left;
    width: 100%;	
}

#amount_pay, #amount_free {
    text-align: center;
    background: #fff;
    height: max-content;
    padding: 30px;
    margin: 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: grid;
    display: none;
    padding-top: 50px;
    padding-bottom: 50px;
    float: left;
    width: 100%;
}

#amount_pay h3 {
	margin-top: 0px!important;
	margin-bottom:20px!important;
}

.amount_due {
    margin-bottom: 30px;
}

span.amount {
    font-size: 1.5em;
    padding: 15px;
    background: #01383f;
    border-radius: 5px;
    color: #fff;
    margin-top: 0px;
    display:inline-block;
}

#bulkies_itemnotfound {
    text-align: center;
}

.bulkies_itemnotfound_details {
	float: none;
	width: 100%;
	border: 0px;	
	border-radius: 0px;
	padding:10px;
	text-indent: 25px;
	height: 200px;
	border: 1px solid #b9b9b9;
	background: white!important;
	color:black!important;
}

.bulkies_charges {
    padding: 14px;
    border: 1px solid #c4c4c4;
    background: #efefef;
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 9px;
    box-sizing: border-box;
}

.bulkies_notice {
    padding: 14px;
    border: 1px solid #c4c4c4;
    background: #efefef;
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 9px;
    box-sizing: border-box;
}
.bulkies_charges_no_background ul#item_charges li {
    padding: 0px 0px !important;
    list-style: none;
    margin-left: 0px;
}



#selected_address h4, .selected_address h4 {	
	margin-top: 0px !important;
    color: #015b66;
    font-size:1em!important;
}

#selected_address p, .selected_address p {	
    margin-bottom: 0px!important;
}

#selected_address h4:before, .selected_address h4:before {
	content: "\f015";
	margin-right: 15px;
	font-family: "Font Awesome 5 Pro";
    font-weight: 600;
}

#selected_address, .selected_address {
    color: #000000;
    box-sizing: border-box;
    padding: 16px;
    width: 99.5%;
    border: 1px solid teal;
    border-radius: 7px;
    margin: 4px;
    float:left;
    margin-top: 10px;
}


#bulkies_popular_return {
	text-align: center;
	width: 70%;
	margin-left: 15%;
	margin-bottom: 50px;
	float: left;
	background:#ddd8d8;
	border-radius: 25px;
	padding: 3px;
	border: 1px solid silver;
}


.bulkies_filters {
	float: left;
	width: 100%;
	padding-left: 5px;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
}

#add_bulky_item {
	float: right;
}

#add_bulky_item:after {	
	content: "\f055";
	font-family:"Font Awesome 5 Pro";
	font-weight:300;
	margin-left:10px;
}

.knock_assist_text h4 {	
	padding-top: 0px !important;
	margin-bottom: 15px;
	margin-top: 10px !important;
}



#no_item {
    padding: 25px;
    display: none;
    float: left;
    background: #ebebeb;
    min-height: 499px;
    box-sizing: border-box;
}


#no_item h4 {	
	margin-top: 0px!important;
}

.knock_assist_confirm_options {
	margin-top: 15px;	
}


#sending_report {
	padding-top: 40px;
	min-height:360px!important;
}


.sending_bulkies #wc_preloader {
	top: 105px;
}

.collection_date {
    padding: 4px;
    border-radius: 4px;
    margin-top: 0px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold;
}

.knock_assist_options {
	margin-bottom: 20px;
}



.bulkies_payments_down {
    float: left;
    width: 100%;
	background: #023d54;
    color: white;
    padding: 25px;
    box-sizing: border-box;
    position:relative;
}


.bulkies_payments_down:before {
    content: "\f05a";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    font-size: 10em;
    right: -36px;
    opacity: 0.2;
    top: 80px;
}


.bulkies_payments_down button {
	background:white;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	position:absolute;
	top: 15px;
	right: 15px;
	color:black;
	border:0px;
	text-align:center;
}


.bulkies_payments_down button:after {
  	content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    
}


.bulkies_payments_down h2 {
    margin: 0px!important;
    padding: 0px;
    border: 0px!important;
    color: white!important;
}

#bulkies_no_item {
    float: left;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
}


#bulkies_no_item_loading {
    float: left;
    width: 100%;
    min-height: 250px;
}

#bulkies_no_item_sent {
    text-align: center;
}



#bulky_error {
    float: left;
    margin-top: 15px;
    color: #fff;
    background: #bf6c00;
    padding: 10px;
    display:none;
    width: 100%;
}

.bulky_back {
    background: #015b66;
    color: white;
    padding: 10px;
    border: 0px;
    border-radius: 3px;		
}


.bulky_back:hover {
	backround: #015B66;
}


#bulky_list_title, #bulky_more {
	padding-left: 15px;
}

#bulky_more {
	display:none;
}

#bulky_more:focus {
	left: 0px;
}

.bulky_list_title {
	display:none!important;
}

.payment_due, .cc_payment {
    background: #ffffff;
    padding: 10px;
    border-radius: 25px;
    font-weight: bold;
    margin-bottom: 15px;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #cecdcd;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.28);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.28);
    position: relative;
    top: -15px;
 }

.cc_payment {
	float: left; 
    margin-top: 40px;
    border-radius: 5px;
    background: #015b66;
    padding: 10px;
    padding-left: 40px;
    padding-right: 40px;
    color: white!important;
    transition: all 0.3s ease;
}


.cc_payment:hover, .cc_payment:focus {
	text-decoration: none;
	background: #01383f;	
	text-decoration:none;
}




/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
#bulkies_return::-webkit-scrollbar {
    background-color:#fff;
    width:11px
}

/* background of the scrollbar except button or resizer */
#bulkies_return::-webkit-scrollbar-track {
    background-color:#fff
}

/* scrollbar itself */
#bulkies_return::-webkit-scrollbar-thumb {
    background-color:#cacaca;
    border-radius:16px;
    border:2px solid #fff
}

/* set button(top and bottom of the scrollbar) */
#bulkies_return::-webkit-scrollbar-button {display:none}


#item_material_holder, #item_quantity_holder {
	margin-top: 15px;
	margin-bottom: 10px;
}


@media only screen and (max-width: 840px) {
	#bulkies_return, #bulkies_content, #bulkies_basket {
	    width: 100%;
	}
	
	button.popular_item {
	    width: 92%;
	    margin: 10px 4% 20px 4%;
	}
	
	#bulkies_popular {
	    margin-bottom: 50px;
	    display: grid;
	}
	
	#bulkies_list li a:before {
	    content: "\f078";
	    font-family: "Font Awesome 5 Pro";
    	font-weight: 400;
	}
	
	button.item_date, button.option_yes, button.option_no {
	    width: 100%;
	    margin: 5px 0%;
	}
	
	#booking_wrapper {
	    display: block;
	}
	
	
	#bulkies_content, #bulkies_basket {	
		padding: 15px;
	}
	
	#bulkies_content, #bulkies_basket, #bulkies_return {
		height:auto;	    
	}
	
	#booking_details, #bulkies_amount {
		margin-top: 15px;
	}
	
	#amount_pay, #amount_free {
	    margin: 2% 0 0 0;
	    margin-bottom:10px;
	    display:none!important;
	}
	
	#booking_details, #bulkies_amount {
	    width: 100%!important;		
	}

	#bulkies_tags {
		display:none;
	}
	
	/*#bulkies_return, #bulkies_content, #bulkies_basket {
		display:none;
	}*/
	
	#bulkies_content {
		border-left: 0px;
		border-right: 0px;
		border-bottom: 0px;
	}
}
	
/*	
	#bulkies_az, #bulkies_tags {
	    display: none;
	    position: absolute;
	    background: #f1f1f1;
	    padding: 6px;
	    margin: 5px;
	    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.24);
	    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.24);
	    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.24);
	    top: 108px;
	    z-index: 90;
		border-radius: 12px;
    	border: 1px solid #cecbcb;
    }
	
	#bulkies_az:after {
		bottom: 100%;
	    left: 108px;
	    border: solid transparent;
	    content: " ";
	    height: 0;
	    width: 0;
	    position: absolute;
	    pointer-events: none;
	    border-color: rgba(219, 219, 219, 0);
	    border-bottom-color: #f1f1f1;
	    border-width: 10px;
	    margin-left: -30px;
    }
*/   
	#bulkies_tags:after {
		bottom: 100%;
	    left: 48px;
	    border: solid transparent;
	    content: " ";
	    height: 0;
	    width: 0;
	    position: absolute;
	    pointer-events: none;
	    border-color: rgba(219, 219, 219, 0);
	    border-bottom-color: #f1f1f1;
	    border-width: 10px;
	    margin-left: -30px;
    }
		

	#bulkies_tags .cc_keyword {
		margin-bottom:4px;
	}
		
	
	
	#bulkies_popular {
		display:block;
	}
	
	.item_added .item {
	    width: 77%!important;
	}
	
	.item_added {
		font-size: 0.85em;
		position:relative;
	}
	
	.bulkies_filters {
		padding-top: 5px;
	}
	
	#bulkies_popular_return .cc_keyword {
		/*width: 100%;*/
		margin-bottom:2px;
	}
	
	#bulky_basket {
		display:block;
		float:right;
	}
	
	#bulky_basket:after {
		content: "\f0ca";
		font-family: "Font Awesome 5 Pro";
    	font-weight: 400;
		margin-left: 10px;
	}

	/*#bulkies_tcs_accept button {
		width: 100%!important;
	}*/
	
	.bulkies_section_title {
		margin-top: 10px!important;
	}
	
	#bulkies_basket {
		border-bottom:0px!important;
		padding-top: 15px;
	}
	
	#add_bulky_item {
		left: 5px;
    	position: relative;
        margin-bottom: 50px!important;
        width: 100%;
	}
	
	#bulkies_tcs_text {
		height:400px;
	}
	
	#bulky_more {
		margin-top: 15px!important;
		margin-bottom: 25px!important;
		left: 0px!important;
		position:relative!important;
	}
	
	
	/*#bulkies_return {
		max-height:320px!important;
	}*/
	
	#bulkies_content {
		position:relative;
	}
	
	#bulkies_popular {
		text-align: center;
	    margin-left: 7px;
	}
	
	/*#bulkies_tcs_text {
		padding: 15px!important;
		font-size: 0.6em!important;
	}*/
	
	#bulkies_maxadded {
	min-height: 440px;
	}
	
	/*ol li {
	    margin-left: 15px!important;
	}*/
	
	
	#selected_address {
		margin-bottom: 15px;
	}
	
	#bulkies_details, #bulkies_details p {
		margin-bottom:15px;
	}
	
	.item_added .item_remove {
		font-size:1.2em;
		position:absolute;
		top: 8px;
    	right: 4px;
	}
	
	
	.button_close {
		background:none!important;
	}
	
	.button_close:after {
	    color: #27787c!important;
	}
	
	.payment_due {
	 	margin-top: 15px!important;
	}
}



/* hide close panel button on desktop/tablet */
@media (min-width:841px)  {

    #bulkies_options_added #bulkies_add_item_close {
    	display:none;
    }

}

.list_tight li {
	 margin-left: 0px;
}
div#summary_items ol.list_tight li {
    padding: 0px !important;
}



ol { counter-reset: item; list-style-type: none; }
ol > li:before { content: counters(item, ".") ". "; counter-increment: item;}
ul { list-style-type: disc; }


.map_outer {
	float:left;
	position:relative;
	height:500px;
	width:100%;
}

.map_outer .fa-crosshairs:before {
    position: relative;
}

#map_point {
	content: "";
	width: 10px;
	height: 10px;
	font-size: 1ccccem;
	left: 50%;
	position: absolute;
	float: left;
	top: 50%;
	z-index: 99;
	pointer-events: none;
 }
 
 
 .map_head {
    background: #0f9595;
    width: 20px;
    height: 20px;
    color: white;
    border-radius: 50%;
    float: left;
    border: 1px solid #1f8279;
}

#atMap {
    user-select: none;
}

.map_blackout {	
	background: #0000008a;
	background-image: url('/Style%20Library/AdventureWorks/loader_white.gif');
	background-repeat:no-repeat;
	background-position: center;
	background-size: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 99;
	display:none;	
}


 .map_line {
background: teal;
    width: 2px;
    height: 14px;
    color: white;
    float: left;
    position: relative;
    left: 9px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
   }


.map_down .map_point_holder {
	top: -67px;
}
    
    
.map_point_holder {
    position: relative;
    left: -10px;
    top: -56px;
	transition: all 0.1s ease;
    transform: scale(1.7);  
}


#atMapLoader {
	display:none!important;
}

.map_down .map_shadow {
    float: left;
    width: 6px;
    height: 4px;
    border-radius: 50%;
    background: black;
    position: relative;
    border: 10px;
    bottom: -15px;
    left: 5px;
    opacity: 0.2;  
 
    animation-name: shaodow_pulse;
  	animation-duration: 3s;
  	 animation-direction: alternate-reverse;
  	 animation-iteration-count: infinite;
}


@keyframes shaodow_pulse {
  from {opacity: 0.2;}
  to {opacity: 0.4;}
}


.map_head:before {
	content: "";
	width: 23px;
	height: 23px;
	border: 1px solid #0f9595;
	position: absolute;
	border-radius: 50%;
	left: -1px;
	top: -1px;
	animation-name: circle_pulse;
  	animation-duration: 5s;
  	animation-direction: normal;
  	animation-iteration-count: infinite;
  	z-index:50;
  	transform: scale(0);
  	display:none;

}

@keyframes circle_pulse {
  0% {transform: scale(0); opacity: 1;}
  75% {transform: scale(0); opacity: 1;}
  100% {transform: scale(1.6); opacity: 0;}
}



.map_head:after {
    content: "";
    background: white;
    width: 3px;
    height: 3px;
    float: left;
    position: relative;
    top: 8px;
    left: 8px;
    border-radius: 5px;
}

.map_move {
    position: absolute;
    bottom: 20px;   
    text-align: center;
    background: #000000ab;
    color: white;
    padding: 10px;
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 36%;
    display:none;
}


.map_move:before {
	content: "\f0b2";
	font-family:"Font Awesome 5 Pro";
	font-weight:300;	
}


/* HWRC */

.hwrc_notes {
	color:orange
}

h3#report_title1 {
    background: #015b66!important;
    padding: 0px;
    color: #fff;
    margin-top: 0px;
    display:none!important;
}

#report_hwrc h3#report_title1 {
    padding: 10px 0px;
}

#hwrc_tcs_text {
	height: 270px;
	overflow: auto;
	background:white;
	padding: 20px;
	border: 1px solid silver;
	margin-top: 15px;
    line-height: 2.2em;    
    font-size: 0.95em;
    box-sizing: border-box;
    overflow-x: hidden;
}

#hwrc_tcs_text h4 {
    margin-top: 10px!important;
}



#hwrc_make_booking, #hwrc_view_bookings {
	width:100%;
	margin:30px 0px;
	text-align:center;
	display: inline;
}


.hwrc_section_title {
    text-align: center;
    color: #015b66;
    margin-top: 40px;
}

#hwrc_start, #hwrc_tcs, #hwrc_address, #hwrc_details, #hwrc_vehicle-type, #hwrc_reg_num, #hwrc_recyc_centre, #hwrc_date_time, #hwrc_summary, #hwrc_address_confirm, #hwrc_my_bookings {
	padding: 2% 5% 2% 5%;
}

#hwrc_start {
	padding: 5%;
}

#hwrc_address_confirm {
    width: 75%;
    margin: 0px auto;
    clear: both;
    float: none!important;
    margin-bottom: 30px;
}

#hwrc_type, #hwrc_type_trailor {
	margin-top:20px;
}

#hwrc_type #type select {
	padding: 10px;
	width: 50%;
    margin-top: 30px;
}

input#vehicle_search {
    width: 50%;
    padding: 10px;
    margin: 20px 0px;
}


#add_reg_later {
	margin-top:50px;
}


#recyc_centre_options button {
	margin-bottom: 10px;
}

#hwrc_date, #hwrc_time {
    display: inline-block;
    vertical-align: top;
}





#hwrc_time {
	float: left;
    padding: 0px;
    box-sizing:border-box;
    display:none;
    padding-top: 2px;
}

.type_img {
    width: 15%;
    margin: 0% 1.5%;
    display: inline-block;
    text-align: center;
}

.type_img.vehicle_selected {
	border:2px solid #015B66;
}

.type_img img {
	width:100%;
}

.type_img button {
    background: transparent;
    border: 0px;
}

#timeslots {
	border-left: 1px solid #e0e0e0;
    padding-left: 30px;
	
}

.hwrc_date_item {
    width: 85px;
    display: inline-block;
    padding: 6px;
    border-color: #015B66;
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    color: #505050;
    margin: 3px;
    text-align: center;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.06);
    -moz-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.06);
    box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.06);
    border: 1px solid #e4e4e4;
}

.hwrc_date_item.selected, .hwrc_date_item:hover, .hwrc_date_item:focus {
    color: #fff;
    background: #015B66;
}

 .hwrc_date_item.selected .times_date, .hwrc_date_item:hover .times_date, .hwrc_date_item:focus .times_date {
	
	color: white!important;
}


#next-month {
    display: block;
    text-align: right;
    width: 100%;
}

.hwrc_time_item {
    width: 100%;
    color: #fff;
    margin: 0px;
    text-align: center;
    border-radius: 3px;
    padding: 0px;
    float: left;
    margin-bottom:2px;
}


.hwrc_time_item.booked {
	opacity:0.3;
}

/* VIEW BOOKINGS */
#view_bookings button.cc_tab {
    float: none;
}

.times {
    display: inline-block;
    padding: 8px;
    background: #ffffff;
    color: #0c0c0c;
    width: 85px;
    float: left;
    margin: 3px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.06);
    -moz-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.06);
    box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.06);
}

.times:hover {
	background:#00535E;
	color:white!important;
}

.times.title {
	background:transparent!important;
	box-shadow: none;
	color:#333;
	margin:0px;
	float: left;
	text-align:right;
	border: 0px;
    text-transform: lowercase;
    padding-right: 15px;
}

.report_status_app {
	text-align: center;
    background: teal;
    color: white;
    padding: 11px;
    margin-top: 25px!important;
    display:none;
}


.times_day, .times_date {
	
	float:left;
	width: 100%;
}

span.month {
    display: block;
    font-weight: 100;
    font-size: 0.8em;
    float: left;
    width: 100%;
}


.times_day {
    font-size: 0.85em;
    margin-bottom: 5px;
}


.times_date {
    font-size: 1.1em;
    color: #015B66;
}


.column_half {	
	float:left;
	width: 50%;
}


#date_problem {
    text-align: center;
}


#date_problem button {	
	color: #fff!important;
    background-color: #015B66;
    font-size: 16px;
    font-weight: 400;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0px;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    transition: all 0.5s ease;
    background: linear-gradient(to left, #015B66 50%, #01383f 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    cursor: pointer;
    line-height: 30px;
    margin-right: 5px!important;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 0px;
    border-radius: 3px;
    display: inline-block;
}

#selected_address h4 {
	font-size:1em;
}

.fa-pencil {	
	display:none;
}


/* HWRC */

.hwrc_notes {
	color:orange
}

h3#report_title1 {
    background: #015b66!important;
    padding: 0px;
    color: #fff;
    margin-top: 0px;
}





#hwrc_make_booking, #hwrc_view_bookings {
	width:100%;
	margin:30px 0px;
	text-align:center;
	display: inline;
}

#hwrc_make_booking button, #hwrc_view_bookings button {
	margin:10px 0px 0px 0px;
	float: none;
}

.hwrc_section_title {
    text-align: center;
    color: #015b66;
    margin-top: 40px;
}

#hwrc_start, #hwrc_tcs, #hwrc_address, #hwrc_details, #hwrc_vehicle-type, #hwrc_reg_num, #hwrc_recyc_centre, #hwrc_date_time, #hwrc_summary, #hwrc_address_confirm, #hwrc_my_bookings, #hwrc_edit_booking, .reporting_pad_wide {
	padding: 2% 5% 2% 5%;
}

#hwrc_start {
	padding: 5%;
}

#hwrc_address_confirm {
    width: 75%;
    margin: 0px auto;
    clear: both;
    float: none!important;
    margin-bottom: 30px;
}

#hwrc_type, #hwrc_type_trailor {
	margin-top:20px;
}

#hwrc_type #type select {
	padding: 10px;
	width: 50%;
    margin-top: 30px;
}

input#vehicle_search {
    width: 50%;
    padding: 10px;
    margin: 20px 0px;
}


#add_reg_later {
	margin-top:50px;
}


#hwrc_date, #hwrc_time {
    display: inline-block;
    vertical-align: top;
}





#hwrc_time {
	float: left;
    padding: 0px;
    box-sizing:border-box;
    display:none;
    padding-top: 2px;
}

.type_img {
    width: 15%;
    margin: 0% 1.5%;
    display: inline-block;
    text-align: center;
}

.type_img.vehicle_selected {
	border:2px solid #015B66;
}

.type_img img {
	width:100%;
}

.type_img button {
    background: transparent;
    border: 0px;
}

#timeslots {
	border-left: 0px solid #e0e0e0;
    padding-left: 30px;	
}


.hwrc_date_item.selected, .hwrc_date_item:hover, .hwrc_date_item:focus {
    color: #fff;
    background: #015B66;
}

 .hwrc_date_item.selected .times_date, .hwrc_date_item:hover .times_date, .hwrc_date_item:focus .times_date {
	
	color: white!important;
}


#next-month {
    display: block;
    text-align: right;
    width: 100%;
}


.hwrc_time_item.booked {
	opacity:0.3;
}

/* VIEW BOOKINGS */
#view_bookings button.cc_tab {
    float: none;
}

.hwrc_bookings_left {
    margin: 20px 0px;
}

span.bookings-left {
    font-weight: bold;
}

.times {
    display: inline-block;
    padding: 8px;
    background: #ffffff;
    font-size: 14px;
    color: #0c0c0c;
    width: 85px;
    border: 0px;
    float: left;
    margin: 3px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.06);
	-moz-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.06);
	box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.06);
}

.times:hover {
	background:#00535E;
	color:white!important;
}



.times.title {
	background:transparent!important;
	box-shadow: none;
	color:#333;
	margin:0px;
	float: left;
	text-align:right;
	border: 0px;
    text-transform: lowercase;
    padding-right: 15px;
}

/* fix for time text hover */
.times.title:hover {
	color:#333!important;
}

.report_status_app {
	text-align: center;
    background: teal;
    color: white;
    padding: 11px;
    margin-top: 25px!important;
    display:none;
}


.times_day, .times_date {
	
	float:left;
	width: 100%;
}

span.month {
    display: block;
    font-weight: 100;
    font-size: 0.8em;
    float: left;
    width: 100%;
}



span.year {	
    font-size: 0.7em;
    color: silver;	
}

.times_day {
    font-size: 0.85em;
    margin-bottom: 5px;
}


.times_date {
    font-size: 1.1em;
    color: #015B66;
}


.column_half {	
	float:left;
	width: 50%;
}


#date_problem {
    text-align: center;
}


#date_problem button {	
	color: #fff!important;
    background-color: #015B66;
    font-size: 16px;
    font-weight: 400;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0px;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    transition: all 0.5s ease;
    background: linear-gradient(to left, #015B66 50%, #01383f 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    cursor: pointer;
    line-height: 30px;
    margin-right: 5px!important;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 0px;
    border-radius: 3px;
    display: inline-block;
}

.edit-explanation, #amend_booking {
    width: 100%;
    float: left;
}

#bookings_made {
    margin: 20px 0px;
}

#amend_booking .hwrc_date_item {
    width: 150px;
    display: inline-block;
    padding: 10px;
    border-color: #015B66;
    font-size: 25px;
    font-weight: 400;
    height: 150px;
    background: #fff;
    color: #505050;
    margin: 3px;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 13px 1px rgba(0,0,0,0.11);
-moz-box-shadow: 1px 1px 13px 1px rgba(0,0,0,0.11);
box-shadow: 1px 1px 13px 1px rgba(0,0,0,0.11);
}

#amend_booking .hwrc_date_item:hover {
	background: #015B66;
	color: #fff;
}


#bookings_made button {	
	border-radius: 9px!important;
	overflow:hidden;
	font-size:1.2em!important;
}

span.center {
    font-size: 16px;
}


#edit_bookings-time {	
	width: 100%;
	float:left;
}

#edit_reg > div {
    display: inline-flex;
    padding-right: 20px;
}

#edit_bookings-time {
    vertical-align: top;
}


.edit-reg-span, .edit-time-span {
    float: left;
    width: 230px;
    padding-top: 24px;
}

#update_reg, #edit_date_time_holder {
    background: #f7f7f7;
    float: left;
    width: 100%;
    padding: 10px;
    border: 1px solid silver;
    margin-top: 15px;
    border-radius: 4px;
}


#update_date-time, #hwrc_time-update {
    float: left;
    width: 50%;
}

#booking_removed {
    margin-bottom: 20px!important;
}

.no_registration {
	padding: 15px;
    background: #bf6c00; 
    border-radius: 0px;
    border-radius: 33px;
    color: white;
    padding-top: 8px;
    padding-left: 29px;
    margin-top: -15px!important;
    margin-bottom: 20px!important;
    -webkit-box-shadow: 1px 1px 13px 1px rgba(0,0,0,0.11);
	-moz-box-shadow: 1px 1px 13px 1px rgba(0,0,0,0.11);
	box-shadow: 1px 1px 13px 1px rgba(0,0,0,0.11);
}

.no_registration:before {	
	content: "\f071";
    font-family: "Font Awesome 5 Pro";
    margin-right: 15px;
    color: white;
    font-size: 1.5em;
    position: relative;
    top: 3px;
}


#search_clone .map_searchbox {
	padding: 0px!important;
}

#email_login {
	margin-top: 10px;
	width: 100%!important;
}


#button-cancel-booking {
	margin-top: 20px;
    margin-bottom: 20px;
}

#edit_bookings-reg h3, #edit_bookings-time h3  {
    padding: 0px;
    color: #015b66;
    float:left;
    width: 195px;
    margin-bottom:0px!important;
}



.edit-reg, .edit-time {
	width: 150px;
}

#update_reg .contact_field {
    margin-top: 10px;
}

.MyBookings_next_previous_holder {
    background: #d1d1d1!important;
    width: 100%;
    display: flex;
}



.edit-time {
    float: left;
    margin-top: 20px;
    margin-right: 20px;
}

.MyBookings_next_previous_holder button {
    float: left;
    width: 50%;
    background: #015B66;
    height: 65px;
    color: white;
    border: 0px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

#EditBooking .MyBookings_next_previous_holder button {
	border-right: 1px solid black;
}

.hwrc_loader {
	background-image: url("/Style Library/images/ring_loader.gif");
	background-repeat: no-repeat;
	background-position:center center;
	height:200px;
	width: 200px;
	float:left;	
}


.button_info:before {
	content: "\f05a";
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}

.button_info {
	background: none;
	border: 0px;
	color:#015b66!important;	
}

.button_info:hover, .button_info:focus {
	background: #d5edef;
}

.mc_report_holder p:first-letter {
	text-transform:uppercase;
}
	
	
/* CTAX PORTAL */


#ctax_portal h2 {
	margin: 0px!important;
	border-top: 0px!important;	
}


#ctax_portal h3 {
	margin-top: 25px!important;
}


.ct_payments_holder, .ct_payments_holder li {	
	list-style:none;
	padding: 0px;
	margin: 0px;
}

.ct_payments_holder li {
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    padding: 9px;
}

.ct_payments_holder li:hover {
	background: whitesmoke;
}

.ct_payments_holder {
	float: left;
	overflow: auto;
	height: 190px;
	background: #fff;
	border: 1px solid #eceaea;
	scrollbar-width: thin;
	width: 100%;
}

.ct_payment_date {	
	width: 60%;
	float:left;
}

.ct_payment_amount {
	width: 40%;
	float:left;	
	text-align:right;
}


.ct_payment_date {
	color:teal;
	font-size:0.9em;
	line-height: 1.3em;	
}


.ct_payment_date span {	
	float:left;
	width: 100%;
	color: #575757;
	font-size: 0.9em;
}

.ctax_year {
	float:right;
	margin-top: 15px;
	border-radius:5px;
}

.api_note {
	padding: 10px;
	font-size: 0.9em;
	background: #f0f0f0;	
	margin: 0px !important;
	text-indent: 24px;
	border-top: 1px solid #e3e3e3;
}


.api_label {
	width: 45%;
	display:inline-block;
}

.ctax_button {
	width: 16.6%;
	float: left;
	background: #017988;
    background-color: rgb(1, 121, 136);
	border: 1px solid #147361;
	margin: 0px;	
	padding-top: 15px;
	padding-bottom: 15px;
	min-height: 116px;
	border-left: 0px;  
	color: white;
}

.ctax_button:hover, .ctax_button:focus {
	background: #015b66;	
	border: 1px solid #147361;
	border-left: 0px; 
	outline:none;
}


.ctax_button:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	width: 100%;
	float: left;
	font-size: 1.5em;
	color: white;
	margin-bottom: 10px;
}

.ebills:before {
	content: "\f1fa";	
}

.dd:before {
	content: "\f09d";	
}

.payments:before {
	content: "\f154";	
}

.balance:before {
	content: "\f0ca";	
}

.instalments:before {
	content: "\f073";	
}

.account:before {
	content: "\f2b9";	
}

.ct_closed {
	width: 100%;
	padding: 36px;
	margin-top: 20px;
	float:left;
	background: #e8ebf1;
	box-sizing: border-box;
	display:none;
}

.ctax_note {
	background: #e8ebf1;
	float: left;
	width: 100%;
	padding: 15px;
	border-radius: 8px;	
	display: none;
	margin-bottom: 5px;
}

.ctax_options_sub h2 {
	padding-top: 0px !important;
}

.ctax_ebill {
	
	float:left;
}

.pdf_unread {
	background: white;
}

.ctax_year_holder {
	margin-top:10px;
}

.instalments_list, .instalments_list li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.instalments_list li {
	border-bottom:1px solid #e8e8e8;
	padding:5px;
	padding-left: 0px;
}


.direct_debits_logo {
	width: 200px;
	float: left;
	margin-bottom: 30px;
	margin-top: 20px;
}

.contact_label_clear {
	display: block;
	margin-bottom: 10px;
}


#ebills_load {	
	float:left;
	width:100%;
}

.padding-tight {
    padding-left: 35px;
    padding-right: 20px;
}

#stockists_return a {
	padding: 10px;
	border-bottom:0px!important;
	padding-left: 25px;
}
	
	
#stockists_return a:after {
	float: none!important;
	margin-left: 15px;
}	
	
#get_delivered:after {
	content: "\f054";
	font-family:"Font Awesome 5 Pro";
	font-weight:600;
}


.tight_top {
	padding-top: 0px;
	margin-top: 0px;
}


.dd_setup_row {
    margin-top: 20px;
    float: left;
    width: 100%;
    border-top: 1px solid #d9d9d9;
    padding-top: 20px;
}

.itemmatch {		
	background: #e8ebf1 !important;
}

.az_repair {	
	padding: 20px;
    padding-left: 20px;
	background: url('/Style%20Library/IMAGES/rew_logo.png') #fbfbfb;
	background-repeat: no-repeat !important;
	background-position: left center !important;
	background-size: 70px !important;
	padding-left: 90px;
	box-sizing: border-box;
	border: 1px solid #eee;
	margin-top: 20px !important;
	display: inline-block;
	float: left;
	box-shadow: 1px 1px 8px -6px rgba(0,0,0,0.50);
}

#parking_permits_api, .action_box {
	background: #f6f6f6!important;
	padding: 25px;
	border: 1px solid #ebebeb;
	margin-bottom: 25px;	
	box-shadow: 0px 3px 6px rgba(0,0,0,0.10),0px 0px 2px rgba(0,0,0,0.10);
	border-left: 5px solid teal;
	border-radius: 5px;
	display:inline-block;
}

.action_box h3 {	
	margin-top: 0px!important;
}

#parking_permits_api {
	width: 98%;	
}

#parking_permits_api .map_searchbox {	
	padding: 0px;
}

#parking_permits_api h2 {
	border: 0px !important;
	margin: 0px !important;
	margin-bottom: 10px !important;
	padding: 0px !important;
	font-size: 1.3em !important;
}

.permit_panel {
	border-top: 1px solid #015b66;
	float: left;
	width: 100%;
	margin-top: 25px;	
}




.loading {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 25px;
	margin-top: 25px;
	display:none;
	float: left;
}
.loading div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  border: 2px solid #017988;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #017988 transparent transparent transparent;
}
.loading div:nth-child(1) {
  animation-delay: -0.40s;
}
.loading div:nth-child(2) {
  animation-delay: -0.3s;
}
.loading div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


#all_charges {	
	float:left;
	width: 100%;
}

#all_charges table {
	float:left;
	margin-right: 25px;
}	

#ctax_results {
  margin-top: 10px;
  font-size: 1.05em;
}


/* ELECTIONS 2022 */

#results-outer {   
    overflow-x: hidden;
    overflow-y: hidden;
}

#results-wrapper {
	width:99%;
	margin-left: 15px;
}

#ELECTIONS h1 {
    font-size: 2.7em!important;
    padding-bottom: 30px;
    color:#076e7c;
}

.election_top {	
	font-size: 1.5em!important;
}

.results-row {
    display: inline-flex!important;
    width: 100%;
    position:relative;
    background: #f7f7f7;
    border-radius: 8px;
    padding: 13px;
    color:#076e7c;
    margin-bottom: 7px;
}

.results-row.elec-header {
	background:#fff;
	padding-bottom: 15px;
}

.election_elected {
	background:#e6ffd4;
}

.cell {
    margin-right: 10px;
    margin-left: 10px;
    width:15%;
}

.cell.elec-header {
	background-color:transparent!important;
}

.cell.elec-circle {
	width:5%
}

.cell.cand {
	width:20%;
}

span.cand {
	width: 100%;
    display: block;
    font-size: 1.3em;
    margin-bottom: 5px;
}

span.party {
    color: #333;
}

.cell.cand-party {
	width:60%;
	padding-left: 2%;
}

.cell.party {
	width:20%;
}

.seats, .votes {
	width:9%;
	font-size:1.5em;
	top: 12px;
	position:relative;
	text-align:left;
}

.elec-header, .elec-header, .elec-header {
	font-size:1em!important;
	top:0px!important;
}


.cell.outcome {
	width:13%;
	font-size: 1.3em;
	top: 13px;
	position:relative;
}


.elec-circle {
	width:30px;
	height:30px;
	border-radius:50%;
	background:red;
	position: absolute;
    top: 22px;
    left: -15px;
    border: 5px solid #fff;
}

.elec-bar {
    background: #fff;
    border-radius: 6px;
    height: 30px;
    width:38%;
    margin-top: 10px;
}

.elec-bar span {
    background: red;
    width: 23%;
    display: block;
    height: 100%;
    border-radius: 6px;
}

#elec-page {
	margin-top: 15px;
	float: left;
	width: 100%;
	text-align: right;
}

.nu_tagline_static:after {
	content: "|";
	margin-left: 5px;
	margin-right:5px;
}

.elec-bar.elec-header {	
	height:15px;
}

#elec-progress {	
	height: 6px;
	background: #f2f2f2;
	width: 100%;
	float: left;
	position: fixed;
	bottom: 0px;
}

#elec-progress span { 
	height:6px;
	background:teal;
	float:left;
	width: 0%;
}

.election_top {	
	text-align:center;
	margin-top: 30px;
}

.election_top div {
	margin-top: 40px;
	width: 100%;
}

.election_top img {	
	width: 300px;
}

.title_english, .black_text {	
	color:#565656!important;
}

.black_text {
  width: 100%;
  float: left;
  text-align: left;
}

.title_english {
	margin-left:15px;	
}

.elec_english {	
	display: none;
}