.hide {	
	display:none;
}

.bold {
	font-weight:400;
}


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

/* 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 {
	border: 1px solid #cacaca;
    float: left; 
    overflow:hidden;
}

#report_missed_collections  {
	overflow:visible!important;
}



.api_started {
	width: 100%!important;
}

#reminders_heading {	
	outline:none;
}

.api_shadow {
	-webkit-box-shadow: 3px 3px 48px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 48px -3px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 48px -3px rgba(0,0,0,0.75);
	border:0px!important;
}


.borderless {
	border: 0px!important;
}

.disabled {	
	opacity: 0.6;
}

.enabled {
	opacity: 1;	
}


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

.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_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: "fontAwesome";
    content: "\f06a";
    padding-right: 15px;
    color: #3b747b;
    font-size: 1.2em;
}

.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;
}	

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

.wc_property_button:before {
    content: "\f015";   
    font-family: "fontAwesome";
    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: 108px;
    border-radius: 5px;
    margin-left: 10%;
    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:25px;
}


.wc_email, .wc_calendar {
	float: left;
    width: 50%;
    text-align: center;
    padding: 16px;
    box-sizing: border-box;
    color: #fff!important;
    font-size: 0.95em;
    background: #01383f;
    text-decoration:none;
    font-size: 0.9em !important;
    font-weight: 400!important;
    border-top: 0px solid #d1d1d1;
}

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

.wc_email:before {
	content: "\f003";
	font-family:"fontAwesome";
	margin-right: 15px;
	padding: 5px;
    border-radius: 50%;
    font-size: 0.85em;
    color: #777777;
    background: #e8e8e8;}

.wc_calendar:before {	
	content: "\f063";
	font-family:"fontAwesome";
	margin-right: 15px;
    padding: 5px;
    border-radius: 50%;
    font-size: 0.85em;
    color: #777777;
    background: #e8e8e8;}

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

.wc_next_holder button {	
	float: left;
	width: 50%;
	background: #004952;
	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 */

.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 div  div:last-child:after {
	content:"\f041";
	font-family:"fontAwesome";	
	height: 5px;
	width: 5px;
	overflow:visible!important;
	font-size: 4em!important;
	color: #c92b2b;
	top: -26px;
	position: relative;
	left: -18px;
	animation-name: pinbounce;
    animation-duration: 2s;
}


@keyframes pinbounce {
    0%   {top: -32px;}
    10%  {top: -25px;}
    20%  {top: -27px;}
    30%  {top: -26px;}
    100% {top: -26px;}
}


.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 {
  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%;
}

/* 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;
}

/* 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 {
	background-color: #f2f2f2; 
    border-radius: 10px;
    text-align: center;
    padding: 30px;
    float: left;
    width: 100%;	
    border: 2px dashed #c4c4c4;	
}
		
.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: "fontAwesome";
}

.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 {display:none;}

/* 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 {
   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 {
	float:left;
	width: 100%;
	margin-top: 20px;
	display:none;
}

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

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

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

.field_half {
	width: 48%;
	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:6px;
}


#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:"fontAwesome";
	font-size:1.3em;
	padding-right:15px;
}


.map_new_key_text {
	float: left;
	background: #fefefe;
	color: black;
	position: absolute;
	bottom: 0px;
    left: 0px;
    -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;
}


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


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

.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 {
	display: none;
}

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

#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;
}


.report_loader {
	float: left;
    position: absolute;
    background: #2c6574;
    width: 100%;
    height: 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: "fontAwesome";
}


.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";
	font-family: "fontAwesome";
	background-color:#015b66;
	width: 100px;
	height:100px;
	border-radius: 50%;
	border:5px solid white;
	padding:20px;	
	z-index:100;
}

.status_bad:after {
	content:"\f00d";
	font-family: "fontAwesome";
	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: "\f119";
	font-family: "fontAwesome";
	font-size: 6em;
	float: left;
	width: 100%;
	margin-top: 70px;
	margin-bottom: 50px;
}


#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;

    font-family: fontAwesome;
    padding-top: 3px;
    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;
}

#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: fontAwesome;
    padding-top: 3px;
    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;

    font-family: fontAwesome;
    padding-top: 8px;
    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;
}

.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;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	position: relative;
	width:95%;
}


.note:before {
	content: "\f06a";
	font-family:"fontAwesome";	
	color:#015b66;
	position: absolute;
	left: -30px;
}


.megamenu-ext h3:after {	
	content:"\f08e";
	font-family: "fontAwesome";
	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:94;
}


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

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

.overview_steps:after {
	left: 100%;
	top: 60%;
	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: 23px;
	margin-top: -28px;
	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: 100%;
    margin-top: 10px;
    background-color: #00535d;
    padding: 14px;
    border: 1px solid silver;
    cursor:pointer;
    color:white;
    border-radius: 5px;
}

#browse:hover, #imageFile:hover {
	background-color: #036a76;
}


.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: 10px;
    left: 28px;
    font-size: 0.9em!important;
    text-indent: 0px!important;
    color: #fff;
    line-height: 1em;
    padding-top: 6px!important;
 }

.overview_text {
	display:none;
}

.overview_current .overview_text{
	display:block;
}


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


.reporting_title_started {
	padding-top: 30px;
	padding-bottom: 20px;	
}


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


.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 {
	float: left;
	background: #bf6c00;
	color: white;
	position: absolute;
	width: 100%;
	text-align: center;
	height: 70px;
	padding-top: 16px;
	font-size: 1.1em;	
	display:none;
}


.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:fontAwesome;
	padding-right: 20px;
}


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


.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: -5px;
	top: 0px;
	border: 5px solid #cecece;
	border-top: 0px;
}

#address_return {
	float:left;
	width: 100%;
	background-color:white;
	position:absolute;
	z-index: 100;
	left: 0px;
	top: 65px;
	text-indent: 5px;
	border: 5px 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 {
	/* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	float: left;
	width: 100%;
	height: 70px;
	text-indent: 20px;	
	border: 5px solid #cecece;
	border-right: 0px;
	border-radius: 0;
}


.map_searchbox input:hover, .map_searchbox input:focus {
	    background: #f8f8f8;
}


.map_searchbox_go {
	float: left;
	width: 8%;
	background: #f3f3f3;
	height: 70px;
	border: 5px 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:"fontAwesome";
}

.map_searchbox_button {
	float: left;
	width: 8%;
	height: 69px;	
	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%;
	border: 5px solid #01383f;
}

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

.map_searchbox_button::after {
    content: "\f05b";
    font-family: "fontAwesome";
    font-size: 1.5em;
}

.map_searchbox_text {	
	display:none;
}




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

.next_previous button {
	float:left;
	width: 50%;
	background: #015B66;	
	height:65px;
	color: white;
	border:0px;	
	border-right: 1px solid black;
	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!important;
    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:"fontAwesome";
	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:"fontAwesome";
	margin-left:20px;
	font-size: 0.7em;
}

.report_prev:before {
	content:"\f053";
	font-family:"fontAwesome";
	margin-right:20px;
	font-size: 0.7em;
}



.reporting_rails_outer {
	float:left;
	width: 100%;
	overflow:hidden;
}

.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:60px;
}

.next_previous_expand {
	 bottom: 103px;	
}

.reporting_close_mobile {
	position: absolute;
    top: 0px;
    right: 0px;
    background: #015b66;
    border: 0px;
    padding: 13px;
    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: "\f057";
    font-family: "fontAwesome";
}

.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: fontAwesome;
    padding-right: 15px;
    color: #7a7a7a;
    font-size:1.1em;
}

.wc_notice_remove:after {
    content: "\f056";
    font-family: fontAwesome;
    margin-right: 1px;
    float: right;
    font-size: 1.4em;
    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 {
	padding: 7px;
    background: #dedede;
    float: left;
    font-size: 0.9em;
    border-top: 1px solid silver;
}


.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: fontAwesome;
    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;
    width: 36%;
    background:white!important;
    color:black!important;
    margin-right:10px;
    margin-bottom:10px;
}

.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";
    font-family: fontAwesome;
    float: left;
    color: #7a7a7a;    
}

#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;
}

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: "fontAwesome";
}

.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: fontAwesome;
    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: -215px;
    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;
}

.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;
}


.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: "fontAwesome";
    color: #3b747b;
    position: absolute;
    top: -18px;
    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: -29px;
    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;
    border: 0px solid silver;
    margin-bottom: 30px;
    overflow: hidden;
    margin-right: 20px;
    background: #3b747b!important;
    color: white;
}
    

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

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


.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: fontAwesome;
    padding-bottom: 3px;
    float: left;
    font-size: 0.9em;
}

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



.ct_collected_label {
	float: left;
    background: #2a5a60;
    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: 6px;
    box-sizing: border-box;
    margin-bottom: 6px!important;
    padding-left: 15px;
    padding-right: 15px;
    background: #e8ebf1;
    border: 1px solid #cbd6dc;
}

.ct_note:before {
	content: "\f06a";
	font-family:"fontAwesome";
	float:left;
	margin-right:15px;
	color:#017988;
	min-height: 26px;
}



.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: "fontAwesome";
    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: 2px;
}




.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: fontAwesome;
    float:left;
    min-height: 32px;
}


.list_pr:before {
	content: "\f111";
    font-family: fontAwesome;
    margin-right: 10px;
    font-size: 0.4em;
    position: relative;
    top: -3px;
}

.list_no:before {	
    content: "\f057";
    margin-right: 10px;
    color: red;
    font-family: fontAwesome;
    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: "fontAwesome";
}

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

.ct_more {	
	width: 32%;
    float: left;
    position: relative;
    border-left: 3px solid #015b66;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.34);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.34);
    margin-right: 1% !important;
    padding:12px;
   background: #ffffff;
   font-size: 0.9em;
}


.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: fontAwesome;
    padding-left: 10px;
    font-size: 0.8em;
    color: #07515e;
}

.ct_more:before {
    content: "\f0a9";
    float: left;
    margin-right: 15px;
    font-family: "FontAwesome";
    -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_content {
	padding: 25px;
    display: none;
    border-left: 0px solid #dbdbdb;
}


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



.PR_button {
     padding: 20px;
    width: 100%;
    text-align: left;
    border: 0px; 
    color: #413f3f;
    background: #ffffff;
    border: 0px solid #d9d5d5;
    border-left: 5px solid #a1a1a1!important;
}

.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: 15px;
    color: #000;
    margin-bottom: 20px;
}

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

.PR_number_den {
	font-size:0.8em!important;
	float:left;
	width: 100%;
	background: #f5f5f5;
	    border-left: 1px solid silver;
    border-bottom: 1px solid silver;
}


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

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

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

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

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

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


.PR_previous {
	color: #3f3f3f;
    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 {
	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: fontAwesome;
	font-size: 0.35em!important;
    color: #33a133;
    margin-left: 13px;
    position: absolute; }
    
    
.PR_down:after {
	content: "\f13a";
    font-family: fontAwesome;
    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: "fontAwesome";
    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;
	border-radius: 50%;
    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%;
    border-top: 1px solid #d2d2d2;
    padding-bottom: 20px;
}

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

.button_list a {
	width: 100%;
    color: #fff!important;
    float: left;
    padding: 10px;
    text-align: left;
    border: 0px;
    padding-left: 30px;
    box-sizing: border-box;
   	background: #00535e;
    border-bottom: 1px solid #074148;
}

.button_list a:hover, .button_list a:focus {
	position: relative;
    opacity: 1;
    text-decoration: none;
    outline: none;
    background-image: url(/Style%20Library/AdventureWorks/green_traingles.jpg);
    color: white!important;
}

.button_list a:after {
    content: "\f054";
    float: right;
    font-family: fontAwesome;
    right: 20px;
    position: relative;
}

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

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

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

.routes_warning:before {
	content:"\f071";
	font-family:fontAwesome;
    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: 20px;
    white-space: pre-line;
    text-align:left;
}

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

.cc_back:before {
	content:"\f053";
	font-family:"fontAwesome";
	padding-right: 10px;
}	

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



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

.mc_row:hover {
	background: #f1f1f1;	
}



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

.mc_report_link {
	float:left;
	
}


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

.mc_icon {
	width: 85px;
}


.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: fontAwesome;
	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: fontAwesome;
}

.traffic_green {
	background-image: url('/Style%20Library/AdventureWorks/API/Traffic_Green.png');
	background-size: contain;
}


.traffic_amber {
	background-image: url('/Style%20Library/AdventureWorks/API/Traffic_Amber.png');
	background-size: contain;
}



.traffic_red {
	background-image: url('/Style%20Library/AdventureWorks/API/Traffic_Red.png');
	background-size: contain;

}



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



.mc_text_holder {
    float: left;
    position: relative;
    top: 13px; 
    max-width: 60%;
}

.mc_text_holder_title {	
	top: 0px;
}


.mc_text_holder h3 {	
	color: #01383f;
    margin-bottom: 5px!important;
}

.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 {
	background: #01383f;
    color: white;
    padding-top: 10px;
    padding-bottom:10px;
}

.mc_header:hover {
	background: #01383f;
    color: white;
}

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

.mc_report:before {
    content: "\f06a ";
    font-family: fontAwesome;
    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: fontAwesome;
    margin-right: 10px;
    color: #015b66;
}

.mc_report_holder {
    color: #343434;
    float: left;
    width: 100%;
    text-align: left;
    padding: 20px;
    box-sizing: border-box;
    background: #ebebeb;
    border-top: 1px solid silver;
    display:none;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
}

.mc_report_holder h3 {
    margin-bottom: 5px!important;
}

.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;
}

    
.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 {
    background: #294f5d;
    color: white;
    float: left;
    width: 100%;
}


#mc_city_wide p:before {
    content: "\f071";
    font-family: fontAwesome;
    margin-right: 15px;
    position: relative;
    top: 1px;
}

#mc_city_wide p {
    padding: 30px;
}

.mc_question_two, .mc_send {
	display:none;
}

.mc_count {
	position: absolute;
    top: 53px;
    background: #01383f;
    float: left;
    padding: 3px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 0.8em;
    left: 41px;
    font-weight: bold;
    color: white;}
    
    
.already_reported {	
	margin-top: 5px;
	margin-bottom: 15px;
    padding: 3px;
}

.mc_report_message {
	margin-top: 5px;	
}