/*
________________
BASELINE */

html { interpolate-size: allow-keywords; }
html, body { font-size: 18px; }
body.large { font-size: 20px; }


/*
________________
ANTI-BOOTSTRAP */

a:focus, a:hover { text-decoration: none; }

.container {
	padding-left: 0;
  padding-right: 0; }

.row {
  margin-left: 0;
	margin-right: 0; }


/*
________________
HEADER */

.container, .crumbs, .footcontent, .menubar, .releases, .standard { max-width: 1280px; }

.crumbs li:last-child { font-weight: 700; }

.desktop, .desktopdib { display: none !important; }

.desktopv { visibility: collapse; } 

.header { background: #fff; }

.megamenu { padding: 10px 10px 15px 15px !important; }

.megamenu li { 
	border-left: 0;
	width: 100%; }

.megamenu li a {
	border-bottom: 1px solid #eee;
	color: #3b8635;
	display: block;
	font-size: 1.125em;
	line-height: 1.25em;
	padding: 13px 10px; }
	
.megamenu li a:active, .megamenu li a:focus, .megamenu li a:hover { border-bottom: 1px solid #2f6b2a !important; }

.navigation .utilities li a {	margin-right: 5px; }

.navigation .utilities ul { padding: 0 0 0 20px; }

.relateds {
	color: #666;
	font-size: 0.83333em;
	letter-spacing: 0.1em;
	margin: 15px 25px 0;
	text-transform: uppercase; }

.title { vertical-align: top; }

.title h1 {
  font-size: 1.5rem;
  line-height: 1.562rem;
  margin: 0;
  max-width: 540px;
	padding-top: 30px; }
	
.title h1 a {
  color: #002b54;
  font-weight: 700; }

.title h1 a:focus, .title h1 a:hover, .dark .title h1 a:focus, .dark .title h1 a:hover {
	color: #3b8635; }

.title h1 i { font-style: normal; }

.utilities li.utl-services a { 
	background-image: url(https://static.stalbert.ca/site/templates/img/mycity_sprites.svg);
	background-position: 0 -4px; }
.utilities li.utl-services a:focus, .utilities li.utl-services a:hover { background-position: 0 -74px; }

.utilities li.utl-mycity a { 
	background-image: url(https://static.stalbert.ca/site/templates/img/mycity_sprites.svg);
	background-position: -60px -4px; }
.utilities li.utl-mycity a:focus, .utilities li.utl-mycity a:hover { background-position: -60px -74px; }

.utilities li.utl-inquiry a { 
	background-image: url(https://static.stalbert.ca/site/templates/img/mycity_sprites.svg);
	background-position: -120px -4px; }
.utilities li.utl-inquiry a:focus, .utilities li.utl-inquiry a:hover { background-position: -120px -74px; }

.utilities li.utl-payments a { 
	background-image: url(https://static.stalbert.ca/site/templates/img/mycity_sprites.svg);
	background-position: -180px -4px; }
.utilities li.utl-payments a:focus, .utilities li.utl-payments a:hover { background-position: -180px -74px; }

.utilities li.utl-contact a { 
	background-image: url(https://static.stalbert.ca/site/templates/img/mycity_sprites.svg);
	background-position: -240px -4px; }

.dark .header { background: #333; }

.dark .megamenu li a, .dark .relateds, .dark .title h1 a  { color: #fff; }

.dark .megamenu li a:focus, .dark .megamenu li a:hover { background: #3b8635; }

.dark .utilities li.utl-services a, .dark .utilities li.utl-mycity a, .dark .utilities li.utl-inquiry a,
.dark .utilities li.utl-payments a, .dark .utilities li.utl-contact a { 
	background-image: url(https://static.stalbert.ca/site/templates/img/mycity_sprites_night.svg); }

.dark .utilities li.utl-contact a:focus, .dark .utilities li.utl-contact a:hover,
.utilities li.utl-contact a:focus, .utilities li.utl-contact a:hover {
	background-position: -240px -74px; }

@media (max-width: 744px){
	.navigation .utilities { float: none; text-align: left; }
	.title h1 i { display: none !important; }
}

@media (min-width: 745px) {
	.utilities { float: right; }
}

@media (min-width: 800px){
	.mobile { display: none !important; }
	.desktop { display: block !important; }
	.desktopdib { display: inline-block !important; }
  .desktopv { visibility: visible; }
}


/*
________________
ALTERNATIVE GRID */

.container { width: 90%; }

.column, .columns {
	float: left;
	width: 100%; }

.gray { background: #f8f8f8; }

.row:after {
	clear: both;
  content: "";
  display: table; }

.stage .container {
	padding: 15px 0 60px;
	position: relative; }

@media (min-width: 800px) {
	.column, .columns { margin-left: 4%; }
	.column:first-child, .columns:first-child { margin-left: 0; }
	.stage .container { padding: 15px 15px 60px; }

  .one.column, .one.columns { width: 4.66666666667%; }
  .two.columns { width: 13.3333333333%; }
  .three.columns { width: 22%; }
  .four.columns { width: 30.6666666667%; }
  .five.columns { width: 39.3333333333%; }
  .six.columns { width: 48%; }
  .seven.columns { width: 56.6666666667%; }
  .eight.columns { width: 65.3333333333%; }
  .nine.columns { width: 74.0%; }
  .ten.columns { width: 82.6666666667%; }
  .eleven.columns { width: 91.3333333333%; }
  .twelve.columns { width: 100%; margin-left: 0; }

  .one-half.column { width: 48%; }
  .one-third.column { width: 30.6666666667%; }
  .two-thirds.column { width: 65.3333333333%; }
	.one-fifth.column { width: 16.799%; }

  /* Offsets - Needed? */
  .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; }
	.offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; }
  .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; }
  .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; }
  .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; }
  .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; }
  .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; }
  .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; }
	.offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; }
  .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; }
  .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; }

  .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
  .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; }
}


/*
________________
NOTICES */

.notice {
	background: linear-gradient(45deg,#3b8635,#2f6b2a);
	border-bottom: 1px solid #2f6b2a;	
	color: #fff; }

.notice figure { 
	background: url(/CityApps/inhouse/icons/maintenance.svg) 0 0/contain no-repeat; 
	height: 100px;
	margin: 15px auto;
  width: 100px; }

.notice .colourbar { background: #2f6b2a; }

.notice .title {
	font-family: franklin-gothic-urw,"Franklin Gothic Medium",Helvetica,Arial;
	font-size: 1.625em;
	font-weight: 700;
	line-height: 1.166em; }

@media (max-width: 744px) {
	.notice figure { 
		height: 60px;
		width: 60px; }
}

@media (min-width: 745px){
	.notice figure {
		margin: 15px auto 15px 50px; }
}


/*
________________
CONTENT */

h2.pres_headline, h3.pres_headline, h4.pres_headline, h5.pres_headline { 
	font-size: 2.5em; 
	font-weight: 600;
	line-height: 1.11em;
	margin: 15px 0; }

h2.pres_subtitle, h3.pres_subtitle {
	font-size: 1.5em;
  font-weight: 400; }

h4.pres_subtitle {
	font-size: 1.33em; 
	text-transform: unset; }

h5, h6 { font-family: franklin-gothic-urw,"Franklin Gothic Medium",Helvetica,Arial; }

h5.pres_subtitle, h6.pres_subtitle, summary {
	font-size: 1.167em;
  font-weight: 600; }

h6.pres_headline { font-size: 1.5em; }

img.frame {
  border: 1px solid #ccc;
  border-radius: 6px; }

p.pres_intro {
  font-size: 1.11em;
  line-height: 1.67em; }

th {
	background: #bbd7eb;
  border-color: #145888 !important;
	color: #002b54; }

ul.sidebar, ol.sidebar { padding-left: 15px; }
ul.regular, ol.regular { padding-left: 30px; }
ul.regular li, ol.regular li { margin-bottom: 15px; }

#MainContent_pnl_eBills {
  max-height: 300px;
  overflow: auto; }

#MainContent_dogsListPanel > div:last-of-type { margin-bottom: 15px; }

#searchResultsDiv table td { width: 100vw; }

.charfix { margin-left: -4px !important; }

.contactdetail { 
	background: #f8f8f8;
	border-radius: 0 0 6px 6px; }

.dash_divider_horz {
  background-image: repeating-linear-gradient(90deg, #ccc, #ccc 15px, transparent 15px, transparent 35px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
	height: 1px;
	margin: 60px 0; }

.dash_divider_vert {
  background-image: repeating-linear-gradient(180deg, #ccc, #ccc 15px, transparent 15px, transparent 35px);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 1px 100%;
	height: 400px;
	margin: 0 auto;
	width: 1px; }

.descriptor {
	border-top: 1px solid #ccc;
  color: #666;
  font-size: 0.777em;
  letter-spacing: 0.1em;
  margin: 15px 0;
  text-transform: uppercase; }

.ecomTools {
	display: block; }
	
.ecomTools a:nth-of-type(2) {
	margin-left: 10px; }

.exits div { margin-right: 10px; }

.exits div a {
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 5px;
	color: #3b8635;
  display: inline-block;
  padding: 10px;
  width: 100%; }

.exits div a:focus, .exits div a:hover {
	background: #3b8635;
	border-color: #2f6b2a;
	color: #fff; }

.fakelabel {
  font-size: 1.11em;
	font-weight: 700;
	margin-bottom: 5px; }

.jumplinks { 
	border-top: 1px dashed #ddd;
	padding-top: 30px; }

.jumplinks a {
	border: 1px solid #ddd;
  border-radius: 6px;
	color: #3b8635;
	display: inline-block;
	margin: 0 5px 10px;
  padding: 6px; }
	
.dark .jumplinks a { color: #9dc29a; }
	
.jumplinks a:focus, .jumplinks a:hover {
	background: #3b8635;
  border-color: #2f6b2a;
  color: #fff; }

.levydetail td, .levydetail th {
  border-left: 0 !important;
  border-right: 0 !important; }
	
.levydetail.glyphicon-minus::before, .levydetail.glyphicon-plus::before {
  display: none; }

.levydetail .button_nonCTA {
  float: right;
	max-width: 200px; }

.lowercase { text-transform: lowercase; }

.popover-header { margin: 0; }

.pres_compact { 
	list-style-type: circle;
	overflow: hidden;
	padding-left: 19px; }  

.reveal {
	background-image: url(/CityApps/inhouse/icons/icon_reveal_blue.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 22px;
	margin: 0 0 0 10px;
	width: 28px; }

.search-field .input-group-addon { 
	font-size: 18px;
	min-width: 60px; }

.selAccount {
  border-top: 1px solid #145888 !important;
	color: #145888;
	margin-top: 5px;
  padding: 15px 0 10px;
	width: 100%; }
	
.selAccount p { color: #fff; }  

a.selectCard {	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; }

.selectCard { margin-bottom: 15px; }

.selectCard i, .serviceCard i {	font-style: normal; }

.selectCard label { 
	border-radius: 4px;
	height: 30px; }

.selectCard p { margin: 0; }

.selectCard span, .serviceCard span {
  font-size: 1.25em;
	font-weight: 600;
  letter-spacing: 0.01em; }

.selectCard .selIcon { width: 75px; }

.selectCard .selLabel { 
	align-content: center;
	flex-grow: 1;
	font-size: 1.333em; }

.serviceCard {
  background: #f8f8f8;
  border-radius: 6px;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
	padding: 15px; }

.tdg-content .btn-help, .tdg-content .btn-help-inline {
	background: #666;
	border: 0;
	border-radius: 3px;
	color: #fff;
	font-weight: 700;
	margin-top: 2px;
	padding: 6px 18px;
	width: auto; }
  
.tdg-content .btn-help:focus, .tdg-content .btn-help:hover,
.tdg-content .btn-help-inline:focus, .tdg-content .btn-help-inline:hover {
	background: #3b8635; }

.tdg-content .fieldset-legend-style {
	font-size: 1em;
	font-weight: 400; }

.tdg-content .panel { 
	background: #e8f2f8;
	border-radius: 6px;
	padding: 15px; }

.tdg-content .panel blockquote {
	background-image: linear-gradient(#f2f2f2,#f8f8f8);
	margin: 30px 0 0; }

.tdg-content .panel small { color: #002b54; }

.tdg-content .panel-content {
	background: #e8f2f8;
	border-radius: 0 0 6px 6px;
	margin: 0 0 30px;
	padding: 15px 15px 30px; }

.tdg-content .panel-content label { font-weight: 500; }

.tdg-content .panel-content label.bold { font-weight: 700; }

.tdg-content .panel-content hr { border-color:#8cb6d5; }

.tdg-content .panel-content p { margin-bottom: 0; }

.tdg-content .panel-default {
  background: #f8f8f8;
	border: 1px solid #ddd;
  border-radius: 12px;
  padding: 0 15px 15px; }

.tdg-content .panel-heading {
  background: #bbd7eb;
  background-image: none;
	border-radius: 6px 6px 0 0;
  margin-bottom: 0;
	padding: 30px 30px 0; }
	
.tdg-content a .panel-heading {
	color: #002b54; }

.tdg-content a.result-list-item:focus, .tdg-content a.result-list-item:hover {
	background: #3b8635;
	color: #fff; }

.tdg-content a.result-list-item:focus .chevron,
.tdg-content a.result-list-item:hover .chevron {
	background-color: transparent;
  background-image: none;
	color: #fff; }

.tdg-content .panel-heading span {
  background: #145888;
	border-radius: 6px;
  color: #fff;
  padding: 3px 9px 6px; }

.tdg-content .radio-button-list input[type="radio"] + label {
	float: left;
  width: 50%; }

.tdg-content .remove-accounts-buttons-large, .tdg-content .change-bill-delivery-method-buttons-large {
  border-bottom: 1px dashed #bbb;
  margin: 0 0 10px;
	padding: 0; }

.tdg-content .result-list-item {
  background-color: #1a6eab;
  border-color: transparent;
	border-radius: 6px;	
	color: #fff; }

.tdg-content .result-list-item .chevron {
  background: none;
	font-size: 2em;
  max-height: 45px;
  right: 45px; }

.tdg-content .tax-balance-total-row {
  background-color: #1a6eab;
	border-radius: 0;
  font-weight: bold;
	margin: 15px 0 0;
	padding: 15px;
  text-align: left; }

.tdg-content .tdg-modal-header {
	background-color: #1a6eab;
	text-align: left; }

.tdg-content .input-search:focus, .tdg-content .input-search:hover {
	background-color: #3b8635;
	background-image: none; }

.tradeline { border-color:#002b54; }

.dark a h5 { color: #fff; }

.dark figure.icon-large.switch img { 
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(307deg) brightness(124%) contrast(101%); }

.dark img.frame { border-color: #555; }

.dark th {
	background: #333;
	border-color: #555 !important;
	color: #fff; }

.dark .contactdetail { background: #444; }

.dark .dash_divider_horz {
	background-image: repeating-linear-gradient(90deg, #555, #555 15px, transparent 15px, transparent 35px); }

.dark .dash_divider_vert {
	background-image: repeating-linear-gradient(180deg, #555, #555 15px, transparent 15px, transparent 35px); }

.dark .descriptor {
  border-top: 1px solid #777;
	color: #eee; }

.dark .dogdetail { background: #444; }

.dark .jumplinks, .dark .jumplinks a, .dark .tdg-content .remove-accounts-buttons-large,
.dark .tdg-content .change-bill-delivery-method-buttons-large { border-color: #666; }

.dark .list-group-item {
  background: #333;
  border-color: #666; }
	
.dark .reveal {
	background-image: url(/CityApps/inhouse/icons/icon_reveal_white.png); }

.dark .serviceCard {
  background: #494949;
	box-shadow: 0 2px 3px 0 rgba(255,255,255,.15); }

.dark .serviceCard a { border-color: #333; }

.dark .table-responsive { border-color: #666; }

.dark .tdg-content .panel, .dark .tdg-content .panel-heading { background: #333; }

.dark .tdg-content .panel blockquote { background-image: linear-gradient(#404040,#494949); }

.dark .tdg-content .panel small { color: #fff; }

.dark .tdg-content .panel-content { background: #404040; }

.dark .tdg-content .adjusted-balance p { border-color: #777; }

.dark .tradedetail { background: #222; }

.dark .tradeline { border-color: #444; }

@media (max-width: 799px) {
	#MainContent_pnl_eBills .bill { margin-bottom: 15px; }
	
	.one-fifth.column.serviceCard {
		margin-bottom: 4%;
		margin-left: 0;
		width: 48%; }

	.one-fifth.column.serviceCard:nth-of-type(2n) {	margin-left: 4%; }
	
	.selectCard img { 
		height: 60px;
		width: 60px; }

	.serviceCard figure {
		float: left;
		margin-right: 15px; }

	.serviceCard p { margin-top: 15px; }
	.serviceCard img { width: 150px; }	
	.three.columns.serviceCard { margin-bottom: 4%; }
}

@media (min-width: 800px) {
	#MainContent_pnl_eBills .bill {
		float: left;
		padding: 5px 15px;
		width: 50%; }
	
	.cardset.long .serviceCard { margin-bottom: 4%; }
	
	.cardset .one-fifth:nth-of-type(6), .cardset .one-fifth:nth-of-type(11), 
	.cardset .three.columns:nth-of-type(4n + 5){
		clear: both;
		margin-left: 0; }
	
	.selectCard { margin-bottom: 15%; }
	.selectCard i, .serviceCard i {	display: block; }
	.selectCard .selIcon { width: 115px; }
	.serviceCard { min-height: 264px; }
}


/*
________________
BUTTONS & LINKS */

a.textlink { 
	border-bottom: 1px solid #ddd;
	color: #3b8635; 
	margin: 0 3px; }

a.textlink::after { content: ' \203A'; }
	
a.textlink:focus, a.textlink:hover { 
	border-bottom-color: #2f6b2a;
	color: #2f6b2a;
	text-decoration: none; }
	
input.button_CTA, .button_CTA, .btn.btn-file, .dark input[type="submit"],
#MainContent_confirmCCFeeModalUpdatePanel .btn.btn-primary {
  background: #1a6eab;
	border: 0;
  border-radius: 6px;
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	color: #fff;
	display: inline-block;
	font-weight: 600;
  padding: 15px; 
	transition: all .22s; 
	width: auto; }
	
input.button_negCTA, .button_negCTA, .dark input[type="submit"].button_negCTA, .tdg-content .input-clear {
	background: #c6007e;
	border: 0;
  border-radius: 6px;
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	color: #fff;
	display: inline-block;
	font-weight: 600;
	min-width: 60px;
  padding: 15px; 
	text-align: center;
	transition: all .22s; 
	width: inherit; }
	
input.button_nonCTA, .button_nonCTA, .dark input[type="submit"].button_nonCTA,
#MainContent_confirmCCFeeModalUpdatePanel .btn.btn-primary.btn-back {
	background: #666;
	border: 0;
  border-radius: 6px;
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	color: #fff;
	display: inline-block;
	font-weight: 600;
  padding: 15px; 
	transition: all .22s; 
	width: inherit; }

input.button_CTA:focus, input.button_CTA:hover, .button_CTA:focus, .button_CTA:hover,
input.button_negCTA:focus, input.button_negCTA:hover, .btn.btn-file:focus, .btn.btn-file:hover,
.button_negCTA:focus, .button_negCTA:hover, .dark input[type="submit"].button_negCTA:focus,
.dark input[type="submit"].button_negCTA:hover, input.button_nonCTA:focus, input.button_nonCTA:hover,
.button_nonCTA:focus, .button_nonCTA:hover, .dark input[type="submit"].button_nonCTA:focus,
.dark input[type="submit"].button_nonCTA:hover, .tdg-content .input-clear:focus, .tdg-content .input-clear:hover { 
	background: #3b8635;
	box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
	transform: translateY(-2px); }

input.grow, .grow, .dark input[type="submit"].grow {
	min-width: 200px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;	}

.button_CTA:focus .selAccount, .button_CTA:hover .selAccount { border-color: #2f6b2a; }

.button_icon {
  height: 20px;
  margin-bottom: -3px;
	width: 20px; }

.sublink {
	border-bottom: 1px solid #ddd;
	color: #3b8635;
  display: inline-block;
  padding: 0 0 5px; }

.sublink:focus, .sublink:hover {
	border-color: #2f6b2a;
	color: #2f6b2a; }
	
.dark a.textlink, .dark .sublink {
  border-color: #555;
	color: #9dc29a; }

.dark a.textlink:focus, .dark a.textlink:hover, .dark .sublink:focus, .dark .sublink:hover {
	border-color: #3b8365;
	color: #75aa71; }

@media (max-width: 744px) {
		.wide {
			text-align: center;
			width: 100% !important; }
}

/*
________________
ACCORDIONS */

details* { margin: 0; }

details > * { padding-inline: 15px; }

details {	overflow: hidden; }

@media (prefers-reduced-motion: no-preference) {
	details::details-content {
		transition: block-size .3s, content-visibility 0s;
		transition-behavior: allow-discrete; }
}

details::details-content { block-size: 0; }

details[open]::details-content { 
	background: #f8f8f8;
	block-size: auto; 
	border: 1px solid #ccc;
	border-radius: 0 0 6px 6px;
	border-top: 0; 
	padding-top: 15px; }

details[open].details-scroll::details-content {
	block-size: 12rem;
	overflow-x: auto; }

summary {
	background: #f8f8f8;
	border: 1px solid #ccc;
  border-radius: 6px;
	cursor: pointer;
	padding-block: 15px;
	position: relative; }
  
summary::before, summary::after { transition: .2s; }

summary::before, summary::after { content: ''; }

summary::before, summary::after { 
	block-size: 0;
	border-block-end: 3px solid;
	inline-size: .75em;
	inset-block-start: calc(50% - 2px);
	inset-inline-end: 2rem;
  position: absolute;
  transform: translateY(-2%); }

summary::after {
	transform: rotate(90deg);
	transform-origin: 50% 50%; }
	
[open] summary {
  border-bottom: 1px dashed #ccc;
	border-radius: 6px 6px 0 0; }
	
[open] summary::after { transform: rotate(0deg); }

summary::marker { content: none; }

summary::-webkit-details-marker { display: none; }

summary:focus, summary:hover{
	background: #f2f2f2;
	transition: .2s ease-in; }

.dark details[open]::details-content, .dark summary {
	background: #494949;
  border-color: #666; }
	
.dark summary:focus, .dark summary:hover{
	background: #444; }


/*
________________
FORMS */

input[type=""] {
	-webkit-appearance: none;
  background: #fff;
  border: 2px solid #aaa;
  border-radius: 5px;
  color: #555;
  font-family: "Roboto Slab",BlinkMacSystemFont,-apple-system,Helvetica,Arial,serif;
  font-size: 1em;
  padding: 8px 15px;
	width: 100%; }

select { max-width: 100%; }

.applicationForm, .tdg-content .fieldset-style {
  background: #f8f8f8;
  border: 1px solid #f2f2f2;
  border-radius: 12px;
	margin: 30px 0;
  padding: 15px; }

.deselect input[type="checkbox"] { display: none; }
.deselect label { color: #fff !important; }

.error, .redText p, span[style*="color: red; display: inline"] {
  background: url(/CityApps/inhouse/icons/error.png) 0 12px no-repeat;
  color: #c6007e !important;
  display: block !important;
  font-weight: 700;
  padding: 12px 0 0 32px; }
	
.tdg-content label {
  color: #002b54;
	font-family: franklin-gothic-urw,"Franklin Gothic Medium",Helvetica,Arial;
	font-size: 1.11em; }

.tdg-content .fieldset-legend-style {
  color: #002b54;
  padding: 0 15px 10px; }

.tdg-content .radio-button-list input[type="radio"] + label {
  background: #fff;
  border-color: #aaa; }

.tdg-content .red, .tdg-content .required::after, .tdg-content .fieldset-legend-style.required::after {
	color: #c6007e; }

.dark form h3 {
	background: none; }

.dark input[type="date"], .dark input[type="email"], .dark input[type="file"], .dark input[type="number"], .dark input[type="password"], .dark input[type="text"], .dark select, .dark textarea {
  background: #666;
  border-color: #444;
  color: #fff; }

.dark .tdg-content #dogCollapseLink .panel-heading { background: #555; }

.dark .tdg-content a#dogCollapseLink .panel-heading { color: #fff; }

.dark .applicationForm, .dark .tdg-content .fieldset-style, .dark .tdg-content .panel-default {
	background: #494949;
	border: 1px solid #666; }

.dark .error, .dark .redText p, .dark span[style*="color: red; display: inline"] {
	color: #FF95D8 !important; }

.dark .popover { background: #333; }

.dark .tdg-content label, .dark .tdg-content .fieldset-legend-style {
	color: #fff; }

.dark .tdg-content .radio-button-list input[type="radio"] + label {
  background: #666;
  border-color: #444;
  box-shadow: none;
	color: #fff; }

.dark .tdg-content .radio-button-list input[type="radio"]:checked + label, 
.tdg-content .radio-button-list input[type="radio"]:checked + label {
  background: #1a6eab;
  color: #fff;
	font-weight: bold; }


/*
________________
REPORTS */

.tdg-content .report-table-col, .tdg-content .report-table-header-col, .tdg-content .report-table-footer-col { padding: 6px; }


/*
________________
FOOTER */

footer { font-size: .8333em; }

.acknowledge, .disclosures { line-height: 1.6em; }

footer .footcard h2 { margin: 0 !important; }

.footcard.last { flex-grow:0 }

.footcontent h2, .footcontent p { padding: 0 30px; }

.footcontent { padding: 0; }

.footcontent h2 {
  color: #a3c5dd !important;
  font-size: 1.125em !important;
	letter-spacing: 1px;
  padding-bottom: 15px !important; 
	text-transform: uppercase; }

.footset.m0a { margin-top: 25px; }

.footured { font-size: 1.125rem; }

@media (max-width: 600px) {
	.footcard { line-height: 45px; padding-bottom: 15px; padding-top: 15px; }
	.footcard:first-of-type { padding-top: 0; }
}

@media (min-width: 600px) {
	footer { font-size: .9375em; }
	footer .footcard h2 { margin: 2px 0 3px !important; }
  .footcard { width: 22%; }
	.footcontent h4, .footcontent p { padding: 0 15px; }
}


/*
________________
ACCESSIBILITY */

.readingMode .desktop.sidenav { display: none !important; }
.readingMode .edited { padding-right: 0; }
.readingMode .edited p { width: 250px; }
.readingMode .notice, .readingMode .pg-toolbar, .readingMode .return { display: none; }


/*
________________
UTILITY */

.ind8L { margin-left: 8px; }
.ind15L { margin-left: 15px; }
.ind8R { margin-right: 8px; }
.jsHide { display: none !important; }
.mb0 { margin-bottom: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px; }
.pb0 { padding-bottom: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pointed { cursor:pointer; }
.txtl { text-align: left; }
.vspacer2 { height: 2em; }
.vspacer3 { height: 3em; }
.vspacer4 { height: 4em; }
.vspacer5 { height: 5em; }
.vspacer6 { height: 6em; }
.vspacer7 { height: 7em; }
.vspacer8 { height: 8em; }
.vspacer9 { height: 9em; }
.vspacer10 { height: 10em; }
.vspacer11 { height: 11em; }
.vspacer12 { height: 12em; }
.vspacer15 { height: 15em; }
.w100 { width: 100% !important; }

@media (min-width: 800px) {
	.txtdr { text-align: right; }
	.txtdc { text-align: center; }
}


/*
________________
SCROLL RETURN */

.uplink {
  background: #f7f7f7;
  border-radius: 8px 0 0 0;
  bottom: 0;
  display: block;
  min-height: 60px;
  padding: 12px 6px 10px 10px;
  position: fixed;
  right: 0;
  text-align: center;
  width: 80px; }

.uplink a {
  background: url(/CityApps/inhouse/icons/uplink_green.svg) center center no-repeat;
  display: inline-block;
  height: 40px;
  width: 60px; }

.dark .uplink { background: #444; }
.dark .uplink a { background-image: url(/CityApps/inhouse/icons/uplink_white.svg); }
.uplink a:focus, .uplink a:hover { background-image: url(/CityApps/inhouse/icons/uplink_hover.svg); }


/*
________________
PRINT STYLING */

@media print {
	.breadcrumbs, .notice, .reportUtil, .uplink { display: none; }
	.stage { max-width: 1024px; }
}