body
{
	background-color: #202020;
	width: 95%;
	margin: auto;

}

h1
{
	color: #FFFFFF;
}

.strips-colomn-title
{
	color: #FFFFFF;
	background-color: #000000;
	background: rgb(75,75,75);
	background: linear-gradient(180deg, rgba(59,59,59,1) 0%, rgba(32,32,32,1) 100%);
	size: 11pt;
	text-align: center;
	width: 100%;
}


.strips-colomn
{
	background-color: #3f3f3f;
	padding: 0px;
	font-family: "Consolas";
}

.strips-arr
{
	background-color: #ffb3b3;
	color: #000000;


	background: rgb(255,210,215);
	background: linear-gradient(180deg, rgba(255,210,215,1) 0%, rgba(229,163,170,1) 100%);
}

.strips-dep
{
	background-color: #b3d9ff;
	color: #000000;

	/* background: rgb(219,237,255); */
	/* background: linear-gradient(180deg, rgba(219,237,255,1) 0%, rgba(150,202,255,1) 100%); */

	background: rgb(210,221,238);
	background: linear-gradient(180deg, rgba(210,221,238,1) 0%, rgba(160,180,207,1) 100%);
}

.strips-local
{
	background-color: #ffecb3;
	color: #000000;
}

.strips-nd
{
	background-color: #cccccc;
	color: #000000;
}	

.strips-row
{
	flex-wrap:nowrap;
}

.strips-callsign
{
	flex:1;
	font-weight: bolder;
	display: block;
	font-family: "Consolas";
	vertical-align: middle;
	text-align: center;
	min-width: 8ch;
  	max-width: 8ch;
  	font-size: 10pt;
  	padding-left: 0px;
	padding-right: 0px;
}

.strips-callsign-cleared
{
	text-decoration: line-through;
}

.strips-callsign-dep
{
	background-color: #a1bad9;
}

.strips-callsign-arr
{
	background-color: #e39f9f;;
}

.strips-aircraftType
{
	font-weight: bolder;
	display: inline-block;
	font-family: "Consolas";
  	font-size: 10pt;
  	flex:1;
  	text-align: center;
  	vertical-align: baseline;
	max-width: 6ch;
}

.strips-procedure
{
	font-size: 10pt;
	flex:1;
	text-align: center;
	vertical-align: baseline;
}

.strips-rfl
{
	font-size: 10pt;
	flex:1;
	text-align: center;
}


.strips-airport
{
	font-size: 10pt;
	flex:1;
	text-align: center;
	vertical-align: baseline;
	max-width: 6ch;
}

.strips-squawk
{	
	font-size: 10pt;
	flex:1;
	text-align: center;
	vertical-align: baseline;
	max-width: 6ch;
}

.strips-squawk-assigned
{
	font-size: 10pt;
	flex:1;
	text-align: center;
	vertical-align: baseline;
	max-width: 6ch;
}

.strips-squawk-error
{
	font-size: 10pt;
	font-weight: bolder;
	flex:1;
	text-align: center;
	vertical-align: baseline;
	color: #dc3545;
	max-width: 6ch;
}

.strips-rwy
{
	font-size: 10pt;
	flex:1;
	text-align: center;
	vertical-align: baseline;
	max-width: 6ch;
}
.strips-txy
{
	font-size: 10pt;
	flex:1;
	text-align: center;
	vertical-align: baseline;
	max-width: 6ch;
}

.strips-button
{
	flex:1;
	max-width: 25px;
}

.strip
{
	border: 1px solid rgba(0,0,0,.125);
	margin-bottom: 4px;
	padding: 0px;
}



.spacer
{
	background-color: #6c757d;
}

.spacer-button
{
	height: 10pt;
	width: 10pt;
	font-size: 5pt;
	text-align: center;
	vertical-align: baseline;
}


.spacer-name
{
	background-color: #6c757d;
	font-size: 14pt;
	text-align: center;
	font-weight: bolder;
	color: #ffffff;
}

.icaoTitle
{
	font-size: 24pt;
	font-weight: bolder;
	display: inline-flex;
	color: #ffffff;
}

.metar
{
	font-size: 10pt;
	display: inline-flex;
	color: #ffffff;
}