.cb {clear: both;}

table label {display: inline-block; margin-top: 10px;}
.wrap select {width: 180px;}

#progress {padding-bottom: 30px;}
#progress .headers:first-child {border-left: 15px solid #afb1b2;}
#progress .headers.active:first-child {border-left: 15px solid #7c7e80;}

.headers {float: left; color: white; padding: 0px 50px; margin-left: -5px;}
.headers {height: 0px; line-height: 1px; border-top: 15px solid #afb1b2; border-bottom: 15px solid #afb1b2; border-left: 15px solid transparent; border-right: 0px solid #afb1b2;}
.headers.active {border-top: 15px solid #7c7e80; border-bottom: 15px solid #7c7e80; border-right: 0px solid #7c7e80;}
.after {float: left; height: 0px; width: 0px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #afb1b2; border-right: 0px solid transparent; }
.after.active {border-left: 15px solid #7c7e80;}

.date_time .time {float: left; width: 300px; font-size: 1.3em; padding: 10px 20px; background-color: #f0f0f0; border-radius: 4px;}
.date_time .time:hover {background-color: #bad98a;}

.date_time {margin-bottom: 5px;}
.date_time .staffs {float:left;}
.date_time .staffs .staff {display: block; width: 300px; margin: 0px 0px 4px 5px; background-color: #d9d9d9; color: black; padding: 10px 20px; text-decoration: none; border: 0px;}
.date_time .staffs .staff:hover {background-color: #86c526;}
.date_time .staffs .staff:first-child {border-top-left-radius: 4px; border-top-right-radius: 4px;}
.date_time .staffs .staff:last-child {margin-bottom: 0px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}

.date_head {float: left; width: 300px; font-size: 1.3em; padding: 10px 20px;}
.staff_head {float: left; width: 300px; margin: 0px 0px 4px 5px; padding: 10px 20px; font-size: 1.3em; }
.staff_name {display: inline-block; width: 230px;}