/* Timeline */

#view-all-abs {position:absolute;}

.gantt-pre {
	padding-right:0;
}

	.gantt-pre .phase-info {
		background: rgba(255,255,255,0.3);
	    margin-top: -15px;
	    padding: 30px 0 15px 56px;
	}

	.gantt-pre h2 {
		margin:0 0 12px 0;
		font-size:1.3rem;
	}

	.gantt-pre p {
		font-family:"Merriweather Sans";
		color:#313440;
		margin:0 0 5px 0;
		font-weight:300;
	}

		.gantt-pre p span {
			font-weight:700;
		}

	.gantt-pre h3 {
		background: #4D5160;
	    color: #ECE7D9;
	    font-size: 1.15rem;
	    padding: 10px;
	    margin: 5px 0;
	    font-weight: 300;
	}

.gantt-pre-right {position: relative;}

.btn {
}

.btn.gantt-view-all {
	font-family: "Merriweather Sans";
    font-weight: 500;
    font-size: .9rem;
    padding: 0.15rem 0.5rem;
    border: 1px solid #C73F88;
    color: #C73F88;
    position: absolute;
    bottom: 11px;
    right: 10px;
    width: 100px;
    background: #ECE7D9;
}

	.btn.gantt-view-all.is-active {background:#c73f88;color:#fff;}

.gantt-head {
	font-size: 4rem;
    letter-spacing: 13px;
    margin: 0 0 3rem;
    font-weight: 700;
    text-align: center;
}

.gantt-container {position: relative;}

.y-axis, .x-axis {
	list-style: none outside none;
}

	.y-axis {
		margin:0;
		padding:0;
	}

		.y-axis li {
			font-size: 0.8rem;
		    line-height: 26px;
		    text-align: right;
		    border-bottom: 1px dashed #C7C4DC;
		    padding-right: 15px;
		    margin-right: -15px;
		    height:26px;
		}

		/*.y-axis li:first-child {border-top:2px solid #000;}*/

	.x-axis {width:100%;padding-top:10px;margin:0;}
		
		.x-axis li {
			position: absolute;
		    top: 26px;
		    width: 120px;
		    padding: 0 18px 0 3px;
    		font-size: 0.8rem;
   			transform: rotate(-45deg);
		    border-bottom: 1px solid #A5A2BE;
		}

			.x-axis li.week-1 {left: -6.4%;}
			.x-axis li.week-2 {left: -3.4%;}
			.x-axis li.week-3 {left: -0.4%;}
			.x-axis li.week-4 {left: 2.6%;}
			.x-axis li.week-5 {left: 5.65%;}
			.x-axis li.week-6 {left: 8.7%;}
			.x-axis li.week-7 {left: 11.7%;}
			.x-axis li.week-8 {left: 14.7%;}
			.x-axis li.week-9 {left: 17.8%;}
			.x-axis li.week-10 {left: 20.8%;}
			.x-axis li.week-11 {left: 23.8%;}
			.x-axis li.week-12 {left: 26.8%;}
			.x-axis li.week-13 {left: 29.8%;}
			.x-axis li.week-14 {left: 32.9%;}
			.x-axis li.week-15 {left: 35.9%;}
			.x-axis li.week-16 {left: 38.9%;}
			.x-axis li.week-17 {left: 41.9%;}
			.x-axis li.week-18 {left: 45%;}
			.x-axis li.week-19 {left: 48%;}
			.x-axis li.week-20 {left: 51%;}
			.x-axis li.week-21 {left: 54%;}
			.x-axis li.week-22 {left: 57%;}
			.x-axis li.week-23 {left: 60.1%;}
			.x-axis li.week-24 {left: 63.1%;}
			.x-axis li.week-25 {left: 66.1%;}
			.x-axis li.week-26 {left: 69.1%;}
			.x-axis li.week-27 {left: 72.1%;}
			.x-axis li.week-28 {left: 75.1%;}
			.x-axis li.week-29 {left: 78.1%;}
			.x-axis li.week-30 {left: 81.2%;}
			.x-axis li.week-31 {left: 84.2%;}
			.x-axis li.week-32 {left: 87.2%;}
			.x-axis li.week-33 {left: 90.2%;}

.gantt-stage {
	border-left:2px solid #A5A2BE;
}

.week {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-right: 1px solid #A5A2BE;
}

/* March 13 - Oct 17 */
	.week-1 {left:3.2%;}
	.week-2 {left:6.2%;}
	.week-3 {left:9.25%;}
	.week-4 {left:12.3%}
	.week-5 {left:15.3%;}
	.week-6 {left:18.4%;}
	.week-7 {left:21.4%;}
	.week-8 {left:24.4%;}
	.week-9 {left:27.4%;}
	.week-10 {left:30.5%;}
	.week-11 {left:33.5%;}
	.week-12 {left:36.5%;}
	.week-13 {left:39.5%;}
	.week-14 {left:42.6%;}
	.week-15 {left:45.6%;}
	.week-16 {left:48.6%;}
	.week-17 {left:51.7%;}
	.week-18 {left:54.7%;}
	.week-19 {left:57.7%;}
	.week-20 {left:60.8%;}
	.week-21 {left:63.8%;}
	.week-22 {left:66.8%;}
	.week-23 {left:69.8%;}
	.week-24 {left:72.8%;}
	.week-25 {left:75.9%;}
	.week-26 {left:78.9%;}
	.week-27 {left:81.9%;}
	.week-28 {left:84.9%;}
	.week-29 {left:88%;}
	.week-30 {left:91%;}
	.week-31 {left:94%;}
	.week-32 {left:97%;}
	.week-33 {left:100%;}


.gantt-bars {
	margin:0;
	padding:0;
	width:100%;
	position: relative;
	z-index: 1;
	list-style:none outside none;
}

	.gantt-bars li {
		position:relative;
		width:100%;
		height:26px;
		border-bottom:1px dashed #C7C4DC;
	}

	.gantt-bars li span {
		display: block;
	    height: 16px;
	    margin: 0 0 15px;
	    position: absolute;
	    top: 4px;
	}

	.gantt-bars li span.l-2 {width:5.9%;}
	.gantt-bars li span.l-3 {width:9.2%;}
	.gantt-bars li span.l-4 {width:12.2%;}
	.gantt-bars li span.l-5 {width:15%;}
	.gantt-bars li span.l-6 {width:18.2%;}
	.gantt-bars li span.l-8 {width:24.2%;}
	.gantt-bars li span.l-10 {width:30%;}
	.gantt-bars li span.l-12 {width:36.4%;}
	.gantt-bars li span.l-13 {width:38%;}
	.gantt-bars li span.l-18 {width:54%;}


	.gantt-bars li span.o-3 {left:9.4%;}
	.gantt-bars li span.o-4 {left:12.3%;}
	.gantt-bars li span.o-6 {left:18.4%;}
	.gantt-bars li span.o-8 {left:24.5%;}
	.gantt-bars li span.o-9 {left:27.5%;}
	.gantt-bars li span.o-10 {left:30.5%;}
	.gantt-bars li span.o-11 {left:33.5%;}
	.gantt-bars li span.o-12 {left:36.6%;}
	.gantt-bars li span.o-13 {left:39.5%;}
	.gantt-bars li span.o-14 {left:42.6%;}
	.gantt-bars li span.o-15 {left:45.6%;}
	.gantt-bars li span.o-16 {left:48%;}
	.gantt-bars li span.o-17 {left:51.7%;}
	.gantt-bars li span.o-18 {left:54.7%;}
	.gantt-bars li span.o-19 {left:57%;}
	.gantt-bars li span.o-20 {left:60.9%;}
	.gantt-bars li span.o-22 {left:66.8%;}
	.gantt-bars li span.o-24 {left:73.1%;}
	.gantt-bars li span.o-27 {left:81.9%;}
	.gantt-bars li span.o-28 {left:84.8%;}
	.gantt-bars li span.o-29 {left:87.9%;}
	.gantt-bars li span.o-30 {left:90%;}

	.bar-u {background: #D73E90;}
	.bar-ad {background: #FF7A7B;}
	.bar-id {background: #FFB349;}
	.bar-it {background: #B3DB2E;}
	.bar-l {background: #66B4FE;}
	.bar-rt {background: #B94BF5;}