/**
 * Index stylesheet for travel times
 *
 * @author      Wouter Van den Heede
 *
 */


/* =============================================
 * INDEX PAGE - TRANSPORTDATA
 =============================================== */
#transportData {
	margin-top: 3rem;
	overflow: hidden;
	clear: both;
}

#form1 dd {
	line-height: 2.4rem;
}

#form1 dd:nth-of-type(3) {
	overflow: hidden;
	clear: both;
}

#form1 input[type=text] {
	width: 100%;
	display: block;
	margin-top: 0.5rem;
	padding: 0.8rem;
	border:none;
}

#form1 input[type=submit] {
	padding: 0.6rem;
	color: #FFFFFF;
	background-color: #27223E;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	margin-top: 1rem;
}

#form1 input[type=edit] {
	padding: 0.6rem;
	color: #FFFFFF;
	background-color: #27223E;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	margin-top: 1rem;
}

#form1 dd:nth-of-type(6) {
	width: 8rem;
	float: left;
}

#form1 dd:nth-of-type(7) {
	width: 8rem;
	float: left;
}

#form1 input[type=button] {
	padding: 0.6rem;
	color: #FFFFFF;
	background-color: #27223E;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	margin-top: 1rem;
}

#form1 dt:nth-of-type(3) {
	margin-top: 1rem;
}

#form1 dd label input {
	margin-right: 1rem;
}

#errTransport {
	margin-left: 1rem;
}


/* =============================================
 * INDEX PAGE - EDITTRAVELTIME
 =============================================== */
#editTravelTime {
	margin-top: 3rem;
	overflow: hidden;
}

#editTravelTime dd {
	line-height: 2.4rem;
}

#editTravelTime input[type=text] {
	width: 100%;
	display: block;
	margin-top: 0.5rem;
	padding: 0.8rem;
	border:none;
}

#editTravelTime input[type=submit] {
	padding: 0.6rem;
	color: #FFFFFF;
	background-color: #27223E;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	margin-top: 1rem;
}

#errTravelTime {
	margin-top: 1.5rem;
	margin-left: 1rem;
}


/* =============================================
 * INDEX PAGE - VIEWDATA
 =============================================== */
#viewdata {
	margin-top: 3rem;
}

#viewdata ul {
	width: 15rem;
	float: left;
}

#viewdata ul li:nth-of-type(5) {
	font-weight: bold;
}


/* =============================================
 * INDEX PAGE - GOOGLE MAPS
 =============================================== */
#google {
	clear: both;
	overflow: hidden;
}

#google h3 {
	margin-top: 3rem;
}

#map { 
	width: 100%;
    height: 60rem;
}


/* =============================================
 * INDEX PAGE - GRAPHICS
 =============================================== */
#graphics {
	margin-top: 3rem;
}

#graphics ul:nth-of-type(1) {
	width: 6rem;
	float: left;
}

#graphics ul:nth-of-type(2) {
	width: 25rem;
	float: left;
}

.ct-chart {
	overflow: hidden;
	clear: both;
}


/* ===========================
   INDEX PAGE - SAVED IMAGES
   =========================== */
#saved img {
	border: 1px solid #B5B5B5;
	width: 32.8%;
	margin-right: 0.5rem;	
}


/* ===============
   Media queries
   =============== */
@media (min-width: 44em) { /* your breakpoint in em here */
	#transportData {
		width: 48%;
		float: left;
	}

	#transportData h2 {
		width: 50%;
	}

	#editTravelTime {
		width: 48%;
		float: right;
	}

	#viewdata {
		width: 48%;
		float: right;
	}
}