@charset "utf-8";

* {
	margin:0;
	padding:0;
	font-size:inherit;
	font-family:inherit;
	box-sizing:border-box;
}

body {
 font-family:arial, 'Helvetica Neue', Helvetica, sans-serif;
 font-size:16px;
 margin:0px;
 background-color:#fff;
 color:#00263e;
	-webkit-text-size-adjust: none;
}
html, body { height:100%; }
#container {
 min-height:100%;
	padding-bottom:calc(37px + 2vw);
}
* html #container {
 height:100%;
}

article, aside, details, figcaption, figure, footer, header, main, mark, nav, section, summary, time {
	display:block;
}

table { border-collapse:collapse; }
th { text-align:left; background-color:#00263e; color:#fff; font-weight:normal;}
th, td { padding:5px; }
table:not(.transparent) tr:nth-child(odd) { background-color:#e5e5e5; }
section > div table:not(.transparent) tr:nth-child(even) { background-color:#f1f1f1; }
table.transparent { margin-left:-5px; }

img { border:none; }

* + p, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6, * + table { margin-top:1em; max-height:10000em; }
hr { margin:1em 0; height:1px; border:none; overflow:hidden; background-color:#000; }

h1, h2, h3 { font-weight:normal; }
h1 { font-size:24px; margin:-3px 0 4px; text-transform:uppercase; }
h2 { font-size:36px; text-transform:uppercase; text-align:center; }
h3 { font-size:30px; }
h4 { font-size:20px; }
h5 { font-size:16px; }
h6 { font-size:16px; text-transform:uppercase; font-weight:normal; padding:5px; }
h2:after {
 content: '';
 margin: 10px auto 20px;
 display: block;
 width: 100px;
 border-bottom: 2px solid #ffc72a;
}
h6 + table { margin-top:0; }

a { color:#102353; }
a:hover { color:#ffc72a; }

ul {	padding-left:1em; }

input[type=submit], .button {
	border:0;
	color:#fff;
	padding:5px 10px 3px;
	background-color:#00263e;
	transition:all 0.25s;
	cursor:pointer;
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
}

input[type=submit]:hover, .button:hover {
 color:#00263e;
 background-color:#ffc72a;
}
input.is-error { border-color:#c00; }

.m { font-size:16px; }
.s { font-size:14px; }
.xs { font-size:12px; }

.success {
 color:#00cc00;
 font-weight:bold;
}
.error {
 color:#cc0000;
 font-weight:bold;
}
.warning {
 color:#ff9900;
 font-weight:bold;
}
.inlineBlock {
	display:inline-block;
	vertical-align:top;
	padding:10px;
}
.half {
	display:inline-block;
	vertical-align:top;
 width:50%;
	padding:10px;	
}

.highlight_box {
 background-color:#ffc72a;
 padding:10px;
 font-weight:bold;
 display:inline-block;
}

header {
	background-color:#102353;
	padding:calc(20px + 1vw);
	color:#fff;
	text-align:right;
}
header:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}
header img {
	width:150px;
	height:45px;
	float:left;
}
header a { color:#ffc72a; text-decoration:none; }
header a:hover { color:#fff; }

footer {
	padding:calc(10px + 1vw);
	text-align:center;
	font-size:14px;
	height:17px;
	margin-top:calc(-37px - 2vw);
}
main {
	padding:calc(20px + 1vw);
	width:100%;
 max-width:calc(1000px + 2vw);
	margin:0 auto;
}

section > div, section > form {
	background-color:#f2f2f2;
	padding:calc(10px + 1vw);
	width:100%;
	margin:20px 0;
}
section > div > div {
	padding:calc(5px + 0.5vw);
	min-height:calc(72px + 1vw);
}
section > div > div:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}
section > div > div:nth-of-type(odd) {
	background-color:#e5e5e5;
}
section > div > div > h4 { margin:0; }
.purchase {
	float:right;
	text-align:right;
 margin-left:10px;
}
.purchase input { margin:2px 0; }
section h3 + div, span + div, section > div > address + div { margin-top:20px; }

label.tab {
	display:inline-block;
	vertical-align:bottom;
	border:1px solid #00263e;
 color:#fff;
	background-color:#00263e;
	padding:2px 5px;
	margin:10px 0 0 5px;
	cursor:pointer;
}
input:checked + label.tab {
 background-color:#f2f2f2;
	color:#00263e;
	border-bottom:1px solid #f2f2f2;
	cursor:default;
}
.tab_body {
	display:none;
	border-top:1px solid #00263e;
	margin-top:-1px;
	padding:10px 6px 0;
 background-color:transparent !important;
}
#reg_radio:checked ~ #reg_body { display:block; }
#login_radio:checked ~ #login_body { display:block; }

section > div > div.replace_card_box {
 background-color:transparent;
 margin:10px 0 2em;
 max-height:20px;
 padding:0 20px;
 min-height:0;
 transition:all 0.5s;
 overflow:hidden;
}

.location_permits .inlineBlock + .inlineBlock { padding-left:0; }
.daily_permit_days > div { margin:10px 0; }
.daily_permit_days > h5 + div { margin-top:0; }
#daily_purchase_button {
 float:right;
 text-align:right;
 margin-top:5px;
}

div.minimized {
 max-height:calc(2vw + 53px);
 overflow:hidden;
 transition:all 1s;
 cursor:pointer;
}
div.minimized:focus {
 max-height:2000px;
 cursor:default;
}
div.minimized:focus-within {
 max-height:2000px;
 cursor:default;
}

.delete { color:#c00; }

.requires_approval {
 color: #900;
 font-size:14px;
}

@media (max-width:979px) {

}

@media (max-width:659px) {
 .not-mobile { display:none; }
 #loginout {
  clear:both;
		padding-top:17px;
  margin-bottom:-4px;
		width:100%;
		text-align:center;
 }
 main { padding-left:10px; padding-right:10px; }
 section > div, section > form { padding:10px; }
 #locations > div > div {
  display:flex;
  flex-wrap:wrap;
		margin-left: -10px;
		margin-right: -10px;
		padding: 10px;
 }
 #locations > div > div > form { order:1; width:100%; }
 .purchase, .purchase.multiline {
		float: none;
		text-align: center;
		margin: 10px 0;
  width:100%;
  order:1;
 }
 input + span { display:block; }
}