/*
Many rules have both ".arr"  and ".dep" versions. This
is to distinguish between an element in an "arrival"
widget from the same element in a "departure" widget
*/

* {
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:none;
	margin:0px;
	padding:0px;
	outline:none;
}

#ofbWidget {
	width:100%;
	height:100%;
	/* font-family:"Gotham SSm A", "Gotham SSm B";	IOST font must be in page already */
	font-family:"Montserrat", "sans-serif";	/* LEQ font must be in page already */
	font-size:12px;
	letter-spacing:0.9px;
	line-height:initial;
	display:block;
	text-align:initial;
}

.ofb-watermark{
    padding:3px 15px;
    font-size:10px;
    color:#878787;
    text-align:right;
	border:none;
}

.ofb-watermark:hover{
	color:#404040;
	cursor:pointer;
}

.ofb-grp-ctr{
	display:block;
	position:relative;
	margin:5px;
	overflow:hidden;
}

.ofb-gridrow.dep{
	display:grid;
	grid-template-columns:	14%		22%		22%		9%		9%		14%		10%;
	grid-template-areas:	"fid	origin	dest	dtime	atime	dsts	adtime";
}
.ofb-gridrow.arr{
	display:grid;
	grid-template-columns:	14%		22%		22%		9%		9%		14%		10%;
	grid-template-areas:	"fid	origin	dest	dtime	atime	asts	aatime";
}

.ofb-title-row.dep::before{
	content:"Departures for ";
}
.ofb-title-row.arr::before{
	content:"Arrivals for ";
}
.ofb-title-row {
	grid-column:1/-1;
	padding:10px 10px 5px;
	background-color:#283B80;
	color:#FFFFFF;
	border-radius:10px 10px 0px 0px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}

.ofb-spce-row, .ofb-link-row {
	grid-column:1/-1;
}

.ofb-spce-row.top, .ofb-link-row.top {
	display:none;
}

.ofb-spce-row.bottom, .ofb-link-row.bottom {
	border-radius:0px 0px 10px 10px;
}

.bg1 {
	background-color:#E6E6E6;
}

.bg2 {
	background-color:#CCCCCC;
}

.ofb-fid-lbl {
	grid-area:fid;
	padding:2px 10px 7px;
	background-color:#283B80;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}
.ofb-fid {
	grid-area:fid;
	padding:5px 10px;
	color:#00A2FF;
	text-transform:uppercase;
	font-weight:bold;
	white-space:nowrap;
}

.ofb-origin-lbl {
	grid-area:origin;
	padding:2px 0px;
	background-color:#283B80;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}
.ofb-origin {
	grid-area:origin;
	padding:5px 2px 0px 0px;
	color:#293481;
	text-transform:uppercase;
	font-weight:450;
}

.ofb-dest-lbl {
	grid-area:dest;
	padding:2px 0px;
	background-color:#283B80;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}
.ofb-dest {
	grid-area:dest;
	padding:5px 2px 0px 0px;
	color:#293481;
	text-transform:uppercase;
	font-weight:450;
}

.ofb-dtime-lbl {
	grid-area:dtime;
	padding:2px 0px;
	background-color:#283B80;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}
.ofb-dtime-lbl::after {
	content:".";
}
.ofb-dtime {
	grid-area:dtime;
	padding:5px 0px;
	color:#293481;
	font-weight:450;
}

.ofb-atime-lbl {
	grid-area:atime;
	padding:2px 0px;
	background-color:#283B80;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}
.ofb-atime-lbl::after {
	content:".";
}
.ofb-atime {
	grid-area:atime;
	padding:5px 0px;
	color:#293481;
	font-weight:450;
}

.ofb-depsts-lbl{
	padding:2px 0px;
	background-color:#283B80;
	color:transparent;
	font-size:0px;
}
.ofb-depsts-lbl.dep{
	grid-area:dsts;
}
.ofb-depsts-lbl.arr{
	display:none;
}
.ofb-depsts-lbl:after {
	position:relative;
	left:-6px;
	content:"UPDATE";
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.ofb-depsts{
	padding:5px 0px;
	color:#293481;
	text-transform:uppercase;
}
.ofb-depsts.dep{
	grid-area:dsts;
}
.ofb-depsts.arr{
	display:none;
}
.ofb-depsts .dep, .ofb-depsts .arr {
	color:#06AC06;
	font-weight:bold;
}
.ofb-depsts .delayed, .ofb-depsts .cancelled, .ofb-depsts .diverted {
	color:#CA1F1F;
	font-weight:bold;
}

.ofb-arrsts-lbl{
	padding:2px 0px;
	background-color:#283B80;
	color:transparent;
	font-size:0px;
}
.ofb-arrsts-lbl.dep{
	display:none;
}
.ofb-arrsts-lbl.arr{
	grid-area:asts;
}
.ofb-arrsts-lbl:after {
	position:relative;
	left:-6px;
	content:"UPDATE";
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.ofb-arrsts{
	padding:5px 0px;
	color:#293481;
	text-transform:uppercase;
}
.ofb-arrsts.dep{
	display:none;
}
.ofb-arrsts.arr{
	grid-area:asts;
}
.ofb-arrsts .dep, .ofb-arrsts .arr {
	color:#06AC06;
	font-weight:bold;
}
.ofb-arrsts .delayed, .ofb-arrsts .cancelled, .ofb-arrsts .diverted {
	color:#CA1F1F;
	font-weight:bold;
}

.ofb-actdtime-lbl{
	padding:2px 0px;
	background-color:#283B80;
	color:transparent;
	font-size:0px;
}
.ofb-actdtime-lbl.dep{
	grid-area:adtime;
}
.ofb-actdtime-lbl.arr{
	display:none;
}
.ofb-actdtime{
	padding:5px 0px;
	color:#293481;
	font-weight:450;
}
.ofb-actdtime.dep{
	grid-area:adtime;
}
.ofb-actdtime.arr{
	display:none;
}


.ofb-actatime-lbl{
	padding:2px 0px;
	background-color:#283B80;
	color:transparent;
	font-size:0px;
}
.ofb-actatime-lbl.dep{
	display:none;
}
.ofb-actatime-lbl.arr{
	grid-area:aatime;
}
.ofb-actatime{
	padding:5px 0px;
	color:#293481;
	font-weight:450;
}
.ofb-actatime.dep{
	display:none;
}
.ofb-actatime.arr{
	grid-area:aatime;
}

.ofb-noflts_lbl{
	padding:10px;
	color:#293481;
	font-weight:450;
	text-transform:uppercase;
}

#ofbWidget[aewidth~="mid"] .ofb-gridrow.dep{
	display:grid;
	grid-template-columns:	14%		25%		25%		9%		9%		18%;
	grid-template-areas:	"fid	origin	dest	dtime	atime	dsts";
}

#ofbWidget[aewidth~="mid"] .ofb-gridrow.arr{
	display:grid;
	grid-template-columns:	14%		25%		25%		9%		9%		18%;
	grid-template-areas:	"fid	origin	dest	dtime	atime	asts";
}

#ofbWidget[aewidth~="mid"] .ofb-actdtime,
#ofbWidget[aewidth~="mid"] .ofb-actdtime-lbl,
#ofbWidget[aewidth~="mid"] .ofb-actatime,
#ofbWidget[aewidth~="mid"] .ofb-actatime-lbl {
	display:none;
}

#ofbWidget[aewidth~="narrow"] .ofb-gridrow.dep{
	display:grid;
	grid-template-columns:	24%		30%		16%		30%;
	grid-template-areas:	"fid	dest	dtime	dsts";
}

#ofbWidget[aewidth~="narrow"] .ofb-gridrow.arr{
	display:grid;
	grid-template-columns:	24%		30%		16%		30%;
	grid-template-areas:	"fid	origin	atime	asts";
}

#ofbWidget[aewidth~="narrow"] .ofb-title-row.dep::before{
	content:"Departures for\A";
	white-space:pre;
}
#ofbWidget[aewidth~="narrow"] .ofb-title-row.arr::before{
	content:"Arrivals for\A";
	white-space:pre;
}

#ofbWidget[aewidth~="narrow"] .ofb-fid-lbl{
	color:transparent;
	font-size:0px;
}
#ofbWidget[aewidth~="narrow"] .ofb-fid-lbl::after{
	position:relative;
	left:-6px;
	content:"FLT.";
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

#ofbWidget[aewidth~="narrow"] .ofb-origin-lbl.dep,
#ofbWidget[aewidth~="narrow"] .ofb-origin.dep,
#ofbWidget[aewidth~="narrow"] .ofb-atime-lbl.dep,
#ofbWidget[aewidth~="narrow"] .ofb-atime.dep,
#ofbWidget[aewidth~="narrow"] .ofb-actdtime-lbl.dep,
#ofbWidget[aewidth~="narrow"] .ofb-actdtime.dep,
#ofbWidget[aewidth~="narrow"] .ofb-dest-lbl.arr,
#ofbWidget[aewidth~="narrow"] .ofb-dest.arr,
#ofbWidget[aewidth~="narrow"] .ofb-dtime-lbl.arr,
#ofbWidget[aewidth~="narrow"] .ofb-dtime.arr,
#ofbWidget[aewidth~="narrow"] .ofb-actatime-lbl.arr,
#ofbWidget[aewidth~="narrow"] .ofb-actatime.arr{
	display:none;
}

.ofb-op-lbl, .ofb-op,
.ofb-drmks-lbl, .ofb-drmks,
.ofb-armks-lbl, .ofb-armks,
.ofb-depdate, .ofb-arrdate,
.ofb-op{
	display:none;
}