/*------------Colors------------*/
/*
Offwhite: #F6F6F6;
Clay: #EBEBEB;
Gray: #7F7F7F;
Dusk: #3C3C3C;
Midnight: #212121;
Fusion: #6AB950 (old green);
Logo Green: #269958
*/
/*===============================*/

label {
	padding: 15px 0 0;
}

div#subnav {
	color: white;
	background: #212121;
}

div#subnav ul {
	margin: 0;
}

div#subnav a {
	display: inline-block;
	margin-right: 5px;
	padding: 15px 10px 10px 0;
	color: white;
}

div#subnav a::before {
	content: '•';
	margin-right: 10px;
	color: #269958;
}

div#subnav a.active {
	border-bottom: 5px solid #269958;
}

div.table-container {
	border-radius: 5px;
	overflow-x: auto;
}

table {
	margin: 0 auto;
	text-align: left;
	border-radius: 5px;
	overflow: hidden;
}

table#roof-table {
	min-width: 1100px;
}

table a {
	color: #269958;
}

table i.fa-check {
	color: #269958;
}

table i.fa-times,
table a.delete {
	color: red;
}

table tr:nth-child(odd) {
	background: #F6F6F6;
}

table tr:nth-child(even) {
	background: #EBEBEB;
}

table.alttable tr:first-child {
	color: black;
	background: #F6F6F6;
}

table tr:first-child {
	color: white;
	background: #3C3C3C;
}


table td {
	padding: 10px 15px;
}

table input {
	text-align: center;
}

div#googleMap {
	width: 100%;
	margin: 0 0 20px;
}

form#account-info input[type="checkbox"] {
	float: left;
	margin: 20px 0 0;
}

form#addressform label {
	display: inline-block;
	width: 100%;
}

@media (max-width: 767px) {
	label {
		text-align: center !important;
	}

	div#subnav .container {
		padding: 0;
	}

	div#subnav li {
		float: left;
		width: 50%;
		padding: 0;
	}

	div#subnav a {
		width: 100%;
		margin: 0;
		padding-left: 15px;
		font-size: 14px;
	}

	form#account-info input[type="checkbox"] {
		float: none;
		margin: 0 0 20px;
	}
}

@media (max-width: 1024px) {
	div#subnav .container {
		padding: 0;
	}

	div#subnav li {
		float: left;
		width: 50%;
		padding: 0;
	}

	div#subnav a {
		width: 100%;
		margin: 0;
		padding-left: 15px;
		font-size: 14px;
	}
}