/* Customer Service Home */
.page-name-customer-service h1 {
	font-size: 1.6em;
}

.page-name-customer-service #bill-pay-main-featured .button-text {
	font-size: 1.1rem;
	font-weight: bold;
}

.page-name-customer-service #lws-rate-survey > div,
.page-name-customer-service #lws-rate-survey > #water-survey .survey-notes,
.page-name-customer-service #lws-rate-survey > #water-survey #water-regional,
.page-name-customer-service #lws-rate-survey > #water-survey #water-local thead {
	display: none;
}

.page-name-customer-service #lws-rate-survey > #water-survey,
.page-name-customer-service #lws-rate-survey .survey-totals {
	display: block;
	width: 100%
}

.page-name-customer-service #lws-rate-survey hr {
	display: block;
	border-color: #eee;
	clear: both;
}

.page-name-customer-service #lws-rate-survey {
	font-size: .85rem;
}

.page-name-customer-service #water-local {
	margin-bottom: .25rem;
}

.page-name-customer-service #lws-forms-boxes h2 {
	font-size: 1rem;
}

@media only screen and (min-width: 480px) and (max-width: 559px) {
	.page-name-customer-service #main-menu-links > * {
		width: calc((100% / 3) - (.45rem * 3 / 4) - .01px);
		margin-bottom: .4rem;
	}
	.page-name-customer-service #main-menu-links > *:nth-child(n+4) {
		width: calc(50% - (.45rem * 3 / 4) - .01px);
		margin-bottom: .4rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 867px) {
	.page-name-customer-service #main-menu-links > * {
		width: calc((100% / 3) - (.45rem * 3 / 4) - .01px);
		margin-bottom: .4rem;
	}
	.page-name-customer-service #main-menu-links > *:nth-child(n+4) {
		width: calc(50% - (.45rem * 3 / 4) - .01px);
		margin-bottom: .4rem;
	}
}

@media only screen and (min-width: 560px) and (max-width: 767px) {
	.page-name-customer-service #main-menu-links > * {
		width: calc(20% - (.45rem * 3 / 4) - .01px);
		margin-bottom: .4rem;
	}
}

@media only screen and (min-width: 868px) {
	.page-name-customer-service #main-menu-links > * {
		width: calc(20% - (.45rem * 3 / 4) - .01px);
		margin-bottom: .4rem;
	}
}

#two-for-trees, #two-for-trees p, #two-for-trees a, #two-for-trees .arrow-icon {
	color: #fff;
}

#two-for-trees {
	border: 1px solid #666;
	box-shadow: inset 0 0 200px rgba(3,29,56,.8), 0px 5px 10px -4px #aaa;
	background: #fff url(/files/sharedassets/public/ltu/utilities/water-system/customer-service/tree.jpg) no-repeat center;
	background-size: cover;
	text-shadow: 0 0 3px #031d38, 0 0 6px #031d38, 0 0 9px #031d38, 0 0 9px #031d38;
}

#two-for-trees .arrow-links a {
	padding-left: 26px;
}

/* Payment Options */

#water-pay-quick-links li a {
	width: calc(100% - .5rem);
	height: 100%;
	padding: .5rem;
}

@media only screen and (min-width: 480px) {
	#water-pay-quick-links li {
		width: calc((100% / 3) - (.5rem * 2 / 3) - .01px);
	}
}

.page-name-payment-options #tabs-header-1 {
	font-size: .85em;
}

.page-name-payment-options #tabs-header-1 a {
	padding: 10px 20px;
}

#bill-examples {
	display: none;
	margin: 0 auto;
	max-width: 960px;
}

.no-js #bill-examples, .mfp-content ##bill-examples {
	display: block;
}

.page-name-payment-options #main-content .toggle-wrapper > div {
	border: 1px solid #0275AA;
	padding: .5rem;
	margin-bottom: 1.5rem;
}

.page-name-payment-options #main-content .toggle-wrapper .active-category .trigger {
	margin-bottom: 1rem;
}

.page-name-payment-options #main-content .toggle-wrapper .trigger *:focus {
	outline: none;
}

.page-name-payment-options #main-content .toggle-wrapper .trigger > * {
	display: inline-block;
	vertical-align: top;
}

.page-name-payment-options #main-content .toggle-wrapper .trigger .trigger-icon {
	margin-top: .25rem;
}

.page-name-payment-options #main-content .toggle-wrapper .trigger .heading-text {
	font-size: 1.4rem;
	color: #0275AA;
    max-width: calc(100% - 20px - 1rem);
}

.page-name-payment-options #main-content .toggle-wrapper .trigger:hover .heading-text,
.page-name-payment-options #main-content .toggle-wrapper .trigger:hover .trigger-icon {
	color: #24b6e0;
}

.page-name-payment-options #main-content .toggle-wrapper .trigger .heading-short-desc {
	font-size: .9rem;
	display: block;
	color: #444;
}

.page-name-payment-options #main-content .toggle-wrapper .toggle-content {
	border-top: 1px solid #ddd;
	padding-top: 1rem;
}


.mfp-inline-holder .mfp-content {
	height: auto;
}

#payment-options-bill-inserts #bill-insert-lists #past-bill-inserts,
#payment-options-bill-inserts #bill-inserts-related,
#payment-options-bill-inserts .bill-inserts-page-only,
#payment-options-bill-inserts #bill-insert-lists #latest-bill-insert > * {
	display: none;
}

#payment-options-bill-inserts #bill-insert-lists,
#payment-options-bill-inserts #bill-insert-lists #latest-bill-insert > h3,
#payment-options-bill-inserts #bill-insert-lists #latest-bill-insert > .doc-thumb {
	display: block;
}

#payment-options-bill-inserts #bill-insert-lists #latest-bill-insert {
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

#payment-options-bill-inserts #bill-insert-lists #latest-bill-insert h3 {
	background: transparent;
	color: #0275AA;
	font-size: 1.1rem;
	margin: 0 0 -.5rem;
	padding: 0;
}

#payment-options-bill-inserts .doc-title {
	font-size: .8rem;
}

#payment-options-bill-inserts .doc-thumb, #payment-options-bill-inserts .doc-thumb li {
	margin-bottom: 0;
}

#pay-in-person .dropbox-location a svg {
	color: #0275AA;
}

#pay-in-person .dropbox-location a:hover svg {
	color: #002D5D;
}

@media only screen and (min-width: 480px) {
	#pay-in-person .dropbox-location {
		clear: both;
		max-width: 28rem;
	}

	#pay-in-person .dropbox-location > *:first-child {
		width: calc(100% - 8.5rem);
	}
}

/* Rate survey */

#lws-rate-survey table {
	width: 100%;
}

#lws-rate-survey table {
	width: 100%;
	margin: 0 0 1.2em;
}

#lws-rate-survey tbody td, #lws-rate-survey thead th {
	text-align: center;
}

#lws-rate-survey tbody th {
	font-weight: normal;
	width: 60%;
	text-align: left;
}

#lws-rate-survey tbody .lincoln-row th, .#lws-rate-survey tbody .lincoln-row td {
	background: #e5e5e5;
	font-weight: bold;
}

/* Tapping Permit */


.tap-fees abbr {
	border-bottom: none;
	cursor: help;
}

.tap-fees {
	border-collapse: collapse;
	width: 90%;
	max-width: 40em;
}

.tap-fees td, .tap-fees th {
	padding: 2px 1rem;
	font-weight: normal;
	text-align: left;
}

.tap-fees.ww-taps th {
	padding-left: 0;
}

.tap-fees tbody {
	border-bottom: 1px solid #ddd;
}

.tap-fees td:nth-child(1) {
	width: 80%;
}

.tap-fees td:nth-child(2) {
	width: 20%;
	text-align: right;
}

	/* google tables */

.data-source {
	width: 98%;
	background: url(/files/sharedassets/public/ltu/map-assets/loading.gif) no-repeat center;
}

body .google-visualization-table-table {
	cursor: auto;
	font-family: 'Montserrat',arial,sans-serif;
}


body .google-visualization-table-tr-sel td,
body .google-visualization-table-tr-over td {
	background: #fff;
}


/* Hydrants out of service */

#hydrants-table, #hydrants-table div {
	width: 100%;
}

#hydrants-table #updated {
	display: none;
}

.data-source {
	min-height: 200px; /* show loading graphic before container has height */
}

.page-name-hydrants #main-content table {
	width: 100%;
	background: #fff;
	border: 1px solid #aaa;
	margin-bottom: 1em;
}

.page-name-hydrants #main-content .google-visualization-table-tr-head th {
	white-space: nowrap;
	font-size: 1.05em;
	text-align: left;
	background: #0275AA;
	color: #fff;
}

.page-name-hydrants #main-content .google-visualization-table-tr-head th:last-child {
	border-right: none;
}

.page-name-hydrants #main-content td {
	text-align: left;
	vertical-align: middle;
	border: none;
	font-weight: 500;
	background: transparent;
}

.page-name-hydrants #main-content td:nth-of-type(1) {
	width: 12%;
}

.page-name-hydrants #main-content td:nth-of-type(2) {
	width: 12%;
}

.page-name-hydrants #main-content td:nth-of-type(3) {
	width: 40%;
}

.page-name-hydrants #main-content td:nth-of-type(4), .page-name-hydrants #main-content td:nth-of-type(5) {
	width: 18%;
}

.page-name-hydrants #main-content .google-visualization-table-tr-odd {
	background: #eee;
}

.page-name-hydrants #main-content .google-visualization-table-tr-over, #main-content .google-visualization-table-tr-sel {
	background: #fffed9;
}

.page-name-hydrants #main-content .google-visualization-table-tr-odd.google-visualization-table-tr-over, .page-name-hydrants #main-content .google-visualization-table-tr-odd.google-visualization-table-tr-sel {
	background: #f0efcc;
}

.page-name-hydrants #main-content tr.back-in td {
	font-weight: normal;
	color: #255B90;
}

/* Water Conservation */

/* Designated day table */

#designated-day-schedule > div {
	display: flex;
	width: 100%;
}

#designated-day-schedule > div:not([aria-hidden]):nth-child(even) {
	background: #F2F2F2;
}

#designated-day-schedule > div:not([aria-hidden]):nth-child(odd) {
	background: #D9D9D9;
}

#designated-day-schedule > div > * {
	line-height: 1.25;
	margin: 0;
}

#designated-day-schedule > div > *:nth-child(1) { /* h3 */
	width: 50%;
	padding: .5rem .25rem;
}

#designated-day-schedule > div:not([aria-hidden]) > *:nth-child(1) {
	font-size: 1rem;
	color: #222;
	font-weight: 500;
}

#designated-day-schedule > div > *:nth-child(2) { /* p */
	width: 50%;
	text-align: center;
}

@media only screen and (max-width: 499px) {
	#designated-day-schedule > div[aria-hidden] {
		display: none;
	}

	#designated-day-schedule > div > *:nth-child(2) {
		padding: .5rem .25rem;
	}

	#designated-day-schedule > div > *:nth-child(2) > * {
		display: block;
		margin-bottom: .2rem;
		font-size: 1rem;
		font-weight: 700;
		color: #0275AA;
	}

	#designated-day-schedule .obscure {
		clip: unset;
		position: static;
	}

	#designated-day-schedule img {
		display: none;
	}
}

@media only screen and (min-width: 500px) {
	#designated-day-schedule > div > *:nth-child(1) { /* h3 */
		width: 35%;
	}

	#designated-day-schedule > div > *:nth-child(2) { /* p */
		width: 65%;
		display: flex;
	}

	#designated-day-schedule > div > *:nth-child(2) > * {
		flex: 1;
		text-align: center;
		padding: .5rem .25rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#designated-day-schedule > div > *:nth-child(2) > *:first-child {
		border-left: 1px solid #fff;
	}

	#designated-day-schedule > div > *:nth-child(2) > *:not(:last-child) {
		border-right: 1px solid #fff;
	}
}


/* Bill Inserts */

#latest-bill-insert .document.ext-pdf .file-info {
	display: block;
	margin-top: .25rem;
}

@media only screen and (min-width: 768px) {
	#latest-bill-insert {
		width: 240px;
	}

	#past-bill-inserts {
		width: calc(100% - 240px - 1rem);
	}
}

/* Water Meter Audit */

@media only screen and (min-width: 480px) {
	#water-meter-audit-forms-menu {
		gap: 1rem;
	}		

	#water-meter-audit-forms-menu li {
		max-width: calc(50% - .5rem);
	}

	#water-meter-audit-forms-menu li a {
		display: flex;
		height: 100%;
		align-items: center;
		padding: .5rem 1rem;
	}
}

#residential-meter-figures > * {
	max-width: calc(404px + 1rem);
}

@media only screen and (min-width: 768px) {
	#residential-meter-figures .figure {
		max-width: 202px;
	}
}

@media only screen and (min-width: 768px) {
	#commercial-meter-figures img {
		position: relative;
		margin: 0;
	}

	#commercial-meter-figures img:nth-child(1) {
		max-width: 44%;
	}	

	#commercial-meter-figures img:nth-child(2) {
		max-width: 30%;
		left: -50px;
		bottom: -25px;
	}

	#commercial-meter-figures img:nth-child(3) {
		max-width: calc(26% - 2rem);
		top: -16px;
	}

	#commercial-reading-examples > div {
		display: inline-block;
		max-width: calc(50% - 1rem);
	}

	#residential-audit-form {
		max-width: calc(100% - 210px - 1rem);
	}
}

/* FAQs */

/* top solid-color buttons */
.lws-faq .symbol-links > a .button-icon,
.lws-faq .symbol-links > a:hover.selected-item .button-icon {
	transition: 150ms linear transform;
	color: #002D5D;
}

.lws-faq .symbol-links > a:hover .button-icon {
	color: #0275AA;
}

.lws-faq .sub-menu > a abbr {
	border-bottom: none;
}

/* secondary jump-to links */

.lws-faq .sub-sub-menu > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #002D5D;
	padding: 8px 15px;
	border-radius: 4px;
	color: #002D5D;
	text-decoration: none;
	font-size: .9rem;
	font-weight: 700;
	margin-bottom: .75rem;
}

.water-service-faq.lws-faq .sub-sub-menu > a.scrollto > span {
	padding-left: calc(5px + .5rem);
}

.water-service-faq.lws-faq .sub-sub-menu > a.ext > span {
	padding-left: calc(8px + .5rem);
}

.lws-faq .sub-sub-menu > a:hover {
	color: #0275AA;
	border-color: #0275AA;
}

.lws-faq .sub-sub-menu > a svg {
	vertical-align: bottom;
}

.lws-faq .sub-sub-menu > a .nobr svg {
	vertical-align: middle;
    display: inline-block!important;
	transition: 150ms linear all;
    opacity: 0;
	position: absolute;
}

.lws-faq .sub-sub-menu > a:hover .nobr svg {
    opacity: 1;
}

/* toggles */

.lws-faq #main-content .toggle-container {
	padding-top: .7rem;
	padding-bottom: 1rem;
}

.lws-faq #main-content .trigger {
	font-size: 1.2rem;
}

.lws-faq #main-content .toggle-content {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media only screen and (min-width: 480px) {
	.lws-faq .sub-sub-menu > a .sub-sub-menu-symbol {
		display: block;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 992px) {
	.lws-faq .sub-sub-menu > a .sub-sub-menu-symbol {
		display: inline-block;
	}

	.lws-faq .sub-sub-menu > a .nobr svg {
		position: static;
	}

	.lws-faq .sub-sub-menu > a.scrollto > span {
		padding-left: calc(5px + .5rem);
	}
}

/* Backflow */

/* index */
#cc-brochure-box .doc-thumb > li:first-child:after {
	content: ' ';
	display: block;
	height: 16px;
	margin-bottom: 2px;
}

/* res brochure */
#backflow-brochure-page-header {
	z-index: 10;
}

#backflow-brochure-page-header:before {
	content: ' ';
	display: block;
	position: absolute;
	left: -10px;
	top: -10px;
	width: 135px;
	height: 100px;
	border-top: 10px solid #8DC63F;
	border-left: 10px solid #8DC63F;
	z-index: 9;
}

#cross-connection-types h4 {
	position: relative;
	padding-left: 3rem;
	line-height: 1.3;
}

#cross-connection-types h4 > span:first-child {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 2.15rem;
	color: #1B75BC;
	margin-top: -.45rem;
}

#backflow-brochure-download a:hover > img:first-child {
	border-color: #333;
}

@media only screen and (min-width: 768px) {
	#backflow-brochure-page-header {
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url(/files/sharedassets/public/ltu/utilities/water-system/cross-connection-control/brochure-header-bg.jpg);
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 225px;
		min-height: 220px;
	}

	#lawn-irrigation {
		flex-wrap: nowrap;
	}

	#lawn-irrigation > *:nth-child(1) {
		width: calc(100% - 175px - 1rem);
	}

	#lawn-irrigation > *:nth-child(2) {
		width: 175px;
	}
}

@media only screen and (min-width: 992px) {
	#backflow-contact {
		margin-top: 3rem;
	}
}


.approved-backflow-testers .oc-page-title:before {
	content: 'Lincoln Water System';
	display: block;
}

#approved-backflow-testers {
	position: relative;
	min-height: 200px;
}

.approved-backflow-testers #loadingImg {
	position: absolute;
	margin-right: -42px;
	margin-top: -42px;
	right: 50%;
	top: 50%;
	width: 42px;
	height: 42px;
	background: transparent url(/files/sharedassets/public/ltu/map-assets/loading.gif) no-repeat;
	z-index: 20;
}

@media print {
	.approved-backflow-testers .toolbar-outer-container,
	.approved-backflow-testers .header-outer-container,
	.approved-backflow-testers .footer-outer-container,
	.approved-backflow-testers #breadcrumbs-container {
		display: none!important;
	}

	.approved-backflow-testers,
	.approved-backflow-testers .fluid-bg
	{
		background-color: #fff;
		background-image: none;
		box-shadow: none;
		border: none;
		box-shadow: none;
		padding: 0;
	}

	.approved-backflow-testers .css-cols-300 {
		column-width: 2.25in;
	}

	.approved-backflow-testers #main-content {
		font-size: 9.5pt;
	}

	.approved-backflow-testers .oc-page-title {
		font-size: 14pt;
	}
}

/* TAP Records help */


.tap-faq .icon-helper {
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 5px 0;
}

.tap-faq .icon-helper.info-icon {
	background-image: url(/files/sharedassets/public/ltu/utilities/water-system/info.svg);
	min-height: 30px;
}

.tap-faq .icon-helper.info-exclaim {
	background-image: url(/files/sharedassets/public/ltu/utilities/water-system/exclamation.svg);
	background-position: 5px 1rem;
	min-height: 28px;
}

.tap-faq .icon-helper.pointer-icon {
	background-image: url(/files/sharedassets/public/ltu/utilities/water-system/hand-pointer.svg);
	min-height: 23px;
}

.tap-faq .icon-helper.phone-icon {
	background-image: url(/files/sharedassets/public/ltu/utilities/water-system/phone.svg);
	min-height: 34px;
}

#tap-definitions dt {
	width: 8rem;
	margin-bottom: 1rem;
}

#tap-definitions dd {
	width: calc(100% - 8rem);
	margin-bottom: 1rem;
}

#tap-instructions li {
	margin-left: 50px;
}

#tap-record-examples ol {
    counter-reset:item; 
    margin:0; 
    padding-left:0; 
}

#tap-record-examples ol[start="6"] {
   counter-reset: lis 5;
}

#tap-record-examples ol > li {
	margin-left: 0;
    counter-increment: item; 
    list-style: none inside; 
}

#tap-record-examples ol > li:before, #tap-record-examples ol > li > span {
    display: inline-block;
	vertical-align: top;
}

#tap-record-examples ol > li:before {
    content: counter(item);
    margin-right: 8px;
    padding: .25rem;
    border-radius: 50%;
    width: 1.75rem;
	white-space: nowrap;
	line-height: 1;
	border: 2px solid red;
    color: red;
	font-weight: bold;
    text-align: center; 
    font-size: 1rem;
}

#tap-record-examples ol > li > span {
	width: calc(100% - 2.5rem - 12px);
	padding-top: .25rem;
}

/* Second Water Source */

a#sws-open-houe:hover {
	border-color: rgb(0 172 215 / 26%);
}

a#sws-open-houe:hover h2 {
	color: #0275AA;
}

#sws-content .intro-text {
	font-size: 1.05em;
}

#water20-meeting-materials > * {
	width: 12.5rem;
}

#sws-members-list {
	color: #222;
	display: block;
}

#sws-members-list li .org {
	display: block;
	color: #666;
	font-size: .805rem;
	font-weight: 500;
	line-height: 1.3;
	margin-top: .2rem;
}

#sws-members-list li.largish .org {
	font-size: .95rem;
}

.water20-open-house-photos li {
	padding: 0 3px 6px;
	width: 50%;
}

#water20-meeting-materials .dd-li dd {
	margin-left: 20px;
	margin-bottom: .35rem;
}

.page-name-second-water-source .mfp-title {
	text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000;
}

@media only screen and (min-width: 380px) {
	.water20-open-house-photos {
		max-width: 475px;
	}

	.water20-open-house-photos li {
		width: calc(100% / 3);
	}
}

@media only screen and (min-width: 600px) {
	.water20-open-house-photos {
		max-width: unset;
	}
	.water20-open-house-photos li {
		width: 25%;
	}
}

@media only screen and (min-width: 768px) {
	.water20-open-house-photos li {
		width: calc(100% / 6);
	}

	#water20-meeting-materials > * {
		width: calc(100% / 5 - .4rem);
	}

	#water20-meeting-materials > *:nth-child(5) {
		margin-right: 0;
	}

	#water20-meeting-materials > * > * {
		font-size: .875rem;
	}
}

@media only screen and (min-width: 992px) {
	.water20-open-house-photos {
		max-width: 475px;
	}

	.water20-open-house-photos li {
		width: calc(100% / 3);
	}
}

/* Water Bill Financial Assistance */

#assistance-agencies-toggle .toggle-container {
	border: 1px solid #a7b9c8;
	border-radius: 5px;
	padding: .5rem;
}

#assistance-agencies-toggle .toggle-container:not(.active-category):hover {
	border-color: #0275AA;
}

#assistance-agencies-toggle .trigger {
	padding-left: 5px;
}

#assistance-agencies-toggle .toggle-container .trigger:hover svg {
	color: #0275AA;
}

#assistance-agencies-toggle .toggle-container.active-category .trigger svg .horizontal {
	display: none;
}

#assistance-agencies-toggle strong {
	width: calc(100% - 20px - 1rem);
}

#assistance-agencies-toggle .toggle-content {
	padding-left: calc(25px + 1rem);
}