body {
	background-color: #f1f3f4;
	margin-top: 20px;
}
/*Add Job box*/
.add_job {
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
}
.add_job ul {
	padding-left: 0;
	list-style: none;
}
.add_job label {
	display: block;
}
.add_job input {
	width: 100%;
	padding: 5px;
	margin-bottom: 10px;
}
.add_job h3 {
	margin-top: 0;
}
/*status box*/
.status_box {
	background-color: #fff;
	border-radius: 10px;
	display: block;
	padding: 20px;
	text-align: center;
	margin-bottom: 20px;
}
.status_box h3 {
	margin-top: 0;
	margin-bottom: 0;
}
/*job table*/
.job_table {
	background-color: #fff;
	display: block;
	padding: 20px;
	border-radius: 10px;
}
.job_table p {
	margin-top: 10px;
}
.box {
	background-color: #fff;
	display: block;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}

/*

	Job Info Page

*/
.quote_options, .f_style_options {
	display: none;
}
.quote_options.option_open, .f_style_options.f_style_open {
	display: block;
}
.quote_option ul, .f_style_option ul, .box_row{
	list-style: none;
	padding-left: 0;
	text-align: center;
}
.quote_option ul li, .f_style_option ul li, .box_row li {
	display: inline-flex;
	padding: 20px 40px;
	background-color: #fff;
	margin-left: 10px;
	margin-top: 10px;
	border-radius: 5px;
	cursor: pointer;
	transition: 0.5s;
}
.quote_option ul li:hover, .f_style_option ul li:hover, .clicked_f_style, .clicked_quote_option {
	background-color: #c9c9c9!important;
}
.box h2 {
	text-align: center;
}
.box .box_row p {
	display: block;
}
.old_post, .wall_plate, .c_post, .w_post {
	display: block;
	width: 15px;
	height: 100px;
}
.fence {
	background-color: brown;
	display: block;
	width: 180px;
	height: 100px;
}
.fence.ft1 { width: 30px; }
.fence.ft2 { width: 60px; }
.fence.ft3 { width: 90px; }
.fence.ft4 { width: 120px; }
.fence.ft5 { width: 150px; }
.fence.ft6 { width: 180px; }
.old_post {
	background-color: lightgray;
}
.wall_plate {
	background-color: lightcoral;
}
.c_post {
	background-color: darkgray;
}
.w_post {
	background-color: burlywood;
}