table th, table td {
	border: solid 1px #ccc;
}

#transportScreen {
	padding:0px;
	margin:0px;
	display:none;
	width:100%;
	height:100%;
	
	position:absolute;

	color: black;
}
#transportBg {
	/*background-color:#7F8FA8;*/
	background-color:#F9EFD4;
	padding:0px;
	margin:0px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
    position: fixed;
	
	width:100%;
	height: 100vh;

	z-index:1;
}
#transportContent {
	z-index:10;
	font-family: "Parisine", Calibi, serif;
	position:absolute;
	
	width:100%;
	height:100%;
}

#transportContent h1 {
	font-size:50px;
	color:#0A0082;
	background:none;
	font-weight:bold;
	margin:25px 0px;
    padding-left:30px;
	font-style:italic;
}
#transportContent #clock {
	background-color:#2F2E2A;
	color:#FFE900;
	font-size:80px;
	margin:10px;
	padding:5px 10px;
	position:absolute;
	right:30px;
	top:5px;
	width:200px;
	text-align:center;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

.transportPanel {
	position:relative;
	background-color:white;
	border-radius: 0px 20px 20px 0px;
	-moz-border-radius: 0px 20px 20px 0px;
	-webkit-border-radius: 0px 20px 20px 0px;
	margin:10px 0px 0px 0px;
	padding:10px;
}
.transportPanel .logo {
	width:100px;
	float:left;	
}
.transportPanel .logo img {
	width:100px;
}
.transportPanel .content {
	margin-left:70px;
	padding:10px 10px 10px 40px;
			overflow-y:hidden;
			max-height:150px;
            
}
.transportPanel .contentInner {
	margin:0px;
	padding:0px;
	position:relative;
        /* x-scroll ===>
            white-space:nowrap;
            overflow:hidden;
            */

	/* Icon on a single line */
	display: flex; 
	flex-wrap: wrap;
	justify-content: flex-start; 
	align-items: center;
}
.transportPanel .content:after {
   content: '';
    display: block;
    clear: both;
}
/*
.transportPanel .content .iconBox{
	width:100px;
	/*float:left;*/
/*}*/
.transportPanel .content .iconBox .lineIcon , .transportPanel .content .iconBox .lineIcon img {
	/* width:80px; */
	width: 80%; /* 80% of the parent container */
}
.transportPanel .content .iconOverlay {
	/* width:40px; */
	width: 40%; /* 40% of the parent container */
	position:relative;
	margin-left:-20px;
}
.transportPanel .content .infoLine {
	width:500px;
	min-height: 85px;
	padding:5px 10px;
    
    border:solid 4px #e6e6e6;
    
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	
	font-size:22px;
	color:#222;
	float:left;
    
       /* x-scroll ==>
       display: inline-block;
        white-space:normal; */
	margin:0px 10px 6px 10px;
}
.transportPanel .content .infoLine.blue {
    border:solid 4px #0A0082;
}
.transportPanel .content .infoLine.orange {
    border:solid 4px #FF6A00;
}
.transportPanel .content .infoLine.red {
    border:solid 4px red;
}
.transportPanel .content .infoLine.small {
    font-size:14px;
}
/* Temp workaround */
/*.transportPanel .content .infoLine.small {
    width:100px;
}
.transportPanel .content .infoLine.small p {
    display:none;
}*/
/* END of Temp workaround */
.transportPanel .content .infoLine p {
	margin: 3px 0px;
    text-align: justify;
}
.transportPanel .content .infoLine:after {
   content: '';
    display: block;
    clear: both;
}


.busBox {
	width: 64px;
	height: 64px;
}
.busNumber {
	font-size: 20px;
	width:90%;
	height: 64px;
	font-weight: bold;
	padding:5px 10px;
}

/* New transport */

.lineSummary {
	width: 80px;
	height:80px;
}
#paneContainer {
	display: flex;
}
.pane {
  flex: 50;               /* Weight of the column : same for left and right to split screen in two*/
  padding: 0px;
}
#leftPane {
	margin:10px 10px 0px 0px;
}
#rightPane {
	background-color:white;
	border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	margin:20px 0px 0px 10px;
	padding:10px;
}
.detailBox {
	/*border:double 3px orange;*/
	padding:0px 15px;
}
.detailBox h2 {
	margin:0px;
	padding:5px 0px 5px 0px;	
}
.detailBox h3 {
	margin:0px;
	padding:15px 0px 5px 0px;	
}
.detailBox p {
	margin:0px;
	padding:3px 0px 0px 0px;	
}