/***********************************
	CSS formatting for Report 
	A Problem Pages
************************************/	
html { letter-spacing: normal !important; }
/*** Changes Header Image ***/
.banner { display: none; background-color:#93dde6; background-image: url(https://www.cityofmadison.com/reportaproblem/images/backgroundHeader.jpg); border-bottom:2px solid #ccc; margin:0 0 15px 0; }
.banner .banner-logo { margin-top: -5px; margin-bottom:5px; }
.banner-logo a {
  font-family: "source-sans-pro", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 40px;
  font-weight: 600;
  color: #222;
  padding: 20px 0;
  width: 200px;
  line-height: 1.5;
}
.banner-logo img {width:152px; }

/*** General Styles ***/
.content { margin-bottom: -150px; }
.spacer { height: 150px; }

/*** Custom RAP Layout Styles ***/
.content .secure-seal {
	margin:10px 0 30px 0;
	padding:0;
}

.breadcrumbs { border: 0; margin-top: 10px; }
.breadcrumbs > .span12  > a { 
  background: url("https://www.cityofmadison.com/city3/images/breadcrumbs.png") no-repeat right center transparent; 
  font-family: "source-sans-pro", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  font-size: 16px; 
  margin-right: 0;
  padding: .75em 22px .75em 0;
  text-decoration: underline;
}
.breadcrumbs > .span12  > a:last-of-type {background: none;}

/* Breadcrumb list version. */
.breadcrumbs ol { margin-top: 10px; gap: 10px; }
.breadcrumbs ol li { font-size: 16px; font-family: "source-sans-pro", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.breadcrumbs ol li a { padding: 0; background: none; font-size: 16px; text-decoration: underline; }
.breadcrumbs ol li span { margin-left: 6px; color: #595959; }

/*** Alert ***/
.alert {
  font-family: "source-sans-pro", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.alert p { line-height: 1.5; }
.alert h2 { border: none; display: inline; }
.alert li { font-size: 16px; line-height: 1.5; padding: 0; }

/*** Page heading ***/
h1 {
  border-bottom: 8px solid #eee;
  font-family: "source-sans-pro", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 40px;  
  margin-bottom: 20px;
}
.modal .modal-header {
	padding: 0;
	border: none;
	text-align: right;
}
.modal .modal-header .close {
	display: inline-block;
	padding: 14px 16px;
	font-size: 40px;
	opacity: 0.65;
	float: none;
/*
	position: absolute;
	top: 15px;
	right: 15px;
	width: 44px;
	height: 44px;
	font-size: 44px;
	opacity: 0.65;
*/
}
.modal .modal-header .close:hover,
.modal .modal-header .close:focus {
	opacity: 1;
}
.modal h1 {
  font-size: 30px;
  border-bottom-width: 5px;
}
.modal .modal-body {
	max-height: 100svh;
	padding: 15px 24px;
}
.modal .modal-body form input[type="text"] {
	font-size: 16px;
}
p { line-height: 1.5; }

/*** Buttons ***/
a.btn {
  padding-right: 12px;
}
a.btn.btn-primary {
  background-color: #03626b;
  background-image: linear-gradient(top,#03626b,#03626b);
  *background-color: #03626b;
  background-image: -moz-linear-gradient(top,#03626b,#03626b);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#03626b),to(#03626b));
  background-image: -webkit-linear-gradient(top,#03626b,#03626b);
  background-image: -o-linear-gradient(top,#03626b,#03626b);
  background-image: linear-gradient(to bottom,#03626b,#03626b);
  background-repeat: repeat-x;
  border-color: #03626b #03626b #03626b;
}
a:hover.btn.btn-primary,
a:focus.btn.btn-primary {
  background-color: #004d54;
  background-image: linear-gradient(top,#004d54,#004d54);
  *background-color: #004d54;
  background-image: -moz-linear-gradient(top,#004d54,#004d54);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#004d54),to(#004d54));
  background-image: -webkit-linear-gradient(top,#004d54,#004d54);
  background-image: -o-linear-gradient(top,#004d54,#004d54);
  background-image: linear-gradient(to bottom,#004d54,#004d54);
  background-repeat: repeat-x;
  border-color: #004d54 #004d54 #004d54;
}

form a.text-link {
	display: inline-block;
	padding: 12px 0;
}
form a.change-address {
	margin-top: 5px;
}

/*** Service Type List ***/
.span6 .btn-group { margin: 0 0 15px; width: 100%; }
.span6 a.btn.btn-large { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #336699; float: none; margin: -1px 0 0; overflow: hidden; padding: 15px; text-align: left; width: inherit; }

/*** carets ***/
.span6 a.btn.btn-large span.btn-label { float: left; white-space: pre-wrap; width: 80%; }
.span6 a span.caret-right { border-left-color:#0E9EB7; border-left: 8px solid; border-bottom: 8px solid transparent; border-top: 8px solid transparent; content: ""; display: inline-block; height: 0; margin: 3px 3px 1px 0; vertical-align: top; width: 0; }
.span6 li.submit-rap a span.caret-right { margin-top: 0; }
.span6 a:hover span.caret-right { border-left-color: #FFBB00; }
.span6 a span.caret { /* border-top-color: #0E9EB7; border-width: 8px 6px 0; */ border-top-color: #0E9EB7; border-width: 8px 8px 0; margin-top: 6px; }
.span6 a:hover span.caret { border-top-color: #FFBB00; }
.span6 a span.caret.open { /* border-bottom: 8px solid #0E9EB7; border-left: 8px solid transparent; border-right: 8px solid transparent; */ border-bottom: 8px solid #0E9EB7; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: none; }
.span6 a:hover span.caret.open { border-bottom-color: #FFBB00; }

.btn-group > a:last-child { border-radius: 0 0 6px 6px; }
.span6 .btn-group a.last-item { -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.span6 .btn-group ul.last-item.in.collapse { border-bottom: 1px solid #ccc; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }

.span6 .btn-group ul {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyYzdkNiIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(114,199,214,0.75) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,199,214,0.75)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(114,199,214,0.75) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(114,199,214,0.75) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(114,199,214,0.75) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(114,199,214,0.75) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf72c7d6', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
	border: solid #ccc;
	border-width: 0 1px;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	/* max-width: 553px; */
	white-space: normal; 
}

.span6 .btn-group ul.in.collapse { padding-top: 10px; }
.span6 .btn-group ul.detailsRefuseCarts.in.collapse { padding-top: 0; }
.span6 .btn-group ul li { line-height: 15px; margin: 0 0 0 35px; padding: 5px 10px 5px 0; }
.span6 .btn-group ul li.unstyled { margin: 0 0 0 15px; padding: 5px 10px 15px 0; overflow: hidden; }
.span6 .btn-group ul li.submit-rap { list-style: none; margin: 0; padding: 0; }

.span6 .btn-group ul li.submit-rap a {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZjNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UyZjVmYSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3ZjNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
	background: #d7f3ff;
	background: -moz-linear-gradient(top,  rgba(215,243,255,1) 0%, rgba(226,245,250,0.5) 50%, rgba(215,243,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,243,255,1)), color-stop(50%,rgba(226,245,250,0.5)), color-stop(100%,rgba(215,243,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(215,243,255,1) 0%,rgba(226,245,250,0.5) 50%,rgba(215,243,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(215,243,255,1) 0%,rgba(226,245,250,0.5) 50%,rgba(215,243,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(215,243,255,1) 0%,rgba(226,245,250,0.5) 50%,rgba(215,243,255,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(215,243,255,1) 0%,rgba(226,245,250,0.5) 50%,rgba(215,243,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7f3ff', endColorstr='#d7f3ff',GradientType=0 ); /* IE6-8 */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#003366',GradientType=0 ); */
	border-top: 1px solid #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin:5px 0 0 0;
	overflow: hidden;
	padding:10px 15px;
}

.span6 .btn-group ul.detailsRefuseCarts li.submit-rap a,
.span6 .btn-group ul.detailsStreetLightsAndSigns li.submit-rap a { margin: 0; }

.span6 .btn-group ul li.submit-rap a:hover {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3NjZhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzRlNmJhMCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ3NjZhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
	background: #4766a3;
	background: -moz-linear-gradient(top, rgba(71,102,163,1) 0%, rgba(78,107,160,0.9) 50%, rgba(71,102,163,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,102,163,1)), color-stop(50%,rgba(78,107,160,0.9)), color-stop(100%,rgba(71,102,163,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(71,102,163,1) 0%,rgba(78,107,160,0.9) 50%,rgba(71,102,163,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(71,102,163,1) 0%,rgba(78,107,160,0.9) 50%,rgba(71,102,163,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(71,102,163,1) 0%,rgba(78,107,160,0.9) 50%,rgba(71,102,163,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(71,102,163,1) 0%,rgba(78,107,160,0.9) 50%,rgba(71,102,163,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4766a3', endColorstr='#4766a3',GradientType=0 ); /* IE6-8 */
	color: #fff;
	text-decoration: none;
}

.span4 .list.rap .link-list { height: auto; overflow-y: visible; }
.list li.rap a, .list li.rap a:hover, .link-list li.rap a, .link-list li.rap a:hover {
  background: none;
  padding-left: 10px;
}
/* Adjust links in rap link-list for accessibility. */
.span4 .list.rap .link-list li a { color: #043d5b; }
.span4 .list.rap .link-list li a:hover, .span4 .list.rap .link-list li a:focus { color: #333333; }

/*** RAP icon images ***/

.rapImageIcon {width: 50px; height: 50px; display: block; background: url(https://www.cityofmadison.com/reportaproblem/images/iconTraffic.png) no-repeat 0 -110px transparent; /* cursor: pointer; */ text-indent: -999em; float:left; margin: 0 10px 10px 0; }
.rapImageIcon.signal {background-position: 0 -55px;}
.rapImageIcon.taxi {background-position: 0 0;}
.rapImageIcon.signs {background-position: 0 -165px;}

/*** Captcha ***/
.promo.recaptcha { width: 375px; }
.promo.recaptcha { background:#eee; border-color:#ddd; }
.promo.recaptcha #recaptcha_image { border:1px solid #ccc; margin-bottom:10px; }
.promo.recaptcha hr { margin:5px 0 3px 0; }

/*** Custom Alert Styling ***/
.alert-custom div.body {
  margin-bottom: 20px;
  padding: 15px 15px 1px 24px !important;
  background-color:#f5f5f5;
  border-left: 8px solid #ac1d2c;
}

/*** Custom Media Queries ***/
@media (max-width: 979px) {
	.span6 .link-list ul li a { font-size: 1em; }
	.span6 .link-list ul li a .service-type { width: auto; }
}

@media (max-width: 767px) {
	.banner { min-height: inherit; padding-bottom: 5px; }
	.banner-feature { display: none; }
}

@media (max-width: 480px) {
	.promo.recaptcha { width: 220px; }
	.promo.recaptcha #recaptcha_image { height: 42px !important; width: 217px !important; }	
}