@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: copaFont;
  src: url(../fonts/gillsans.otf);
}

.ops-aviones{
	display: flex;
	flex-direction: column;
	min-width: 100%;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	font-size: 10pt;
	font-weight: normal;
	overflow-y: scroll;
	margin-top: 10px;
	background-color: #D2E0E5;
	margin-bottom: 50px;
}
.ops-avion{
	height: 40px;
	border-bottom: solid #ccc 1px;
	width: 100%;
	margin-bottom: 2px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-bottom: 2px;
}
.ops-casilla{
	height: 40px;
	width: 150px;
	min-width: 150px;
	margin-right: 5px;
	padding: 5px 5px 5px 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 10px;
	border-left: solid 7px #1C7700;
	border-right: solid 7px #1C7700;
	flex-shrink: 0;
}
.ops-casilla-res{
	height: 40px;
	width: 150px;
	margin-right: 5px;
	padding: 5px 5px 5px 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 10px;
	border-left: solid 7px #DE9400;
	border-right: solid 7px #DE9400;
	flex-shrink: 0;
	min-width: 150px;
}
.ops-casilla-manto{
	height: 40px;
	width: 150px;
	margin-right: 5px;
	padding: 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 10px;
	border-left: solid 7px #c00;
	border-right: solid 7px #c00;
	flex-shrink: 0;
	min-width: 150px;
}
.ops-casilla-vuelo{
	height: 40px;
	width: 260px;
	margin-right: 5px;
	padding: 5px 5px 5px 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 10px;
	flex-shrink: 0;
	min-width: 250px;
}
.ops-casilla-vuelo-iti{
	height: 40px;
	width: 260px;
	margin-right: 5px;
	padding: 2px 5px 5px 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 10px;
	border-top: solid 3px #c00;
	flex-shrink: 0;
	min-width: 250px;
}
#Wingo{
	background-color: #681C74;
	color: #fff;
}
#Copa_Colombia{
	background-color: #007BB1;
	color: #fff;
}
#Copa{
	background-color: #002DA3;
	color: #fff;
}
#Copa_Cargo{
	background-color: #0d152b;
	color: #fff;
}
#EN_VUELO{
	background-color: #EE9800;
	color: #000;
}
#RESERVADO{
	background-color: #1C7700;
	color: #fff;
}
#NEXT{
	background-color: #005689;
	color: #fff;
}
.base-in{
	padding: 1px;
	font-size: 10px;
	background-color: #0A9E00;
	margin-left: 2px;
}
.base-out{
	padding: 1px;
	font-size: 10px;
	background-color: #A20002;
	margin-left: 2px;
}
.ops-header{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	width: 100%;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	font-size: 20px;
	font-weight: bold;
	color: #333;
	padding: 5px 20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.itinerarioGen_select{
	font-size: 11pt;
	padding: 5px 45px 5px 10px;
	-webkit-appearance:none;
	background: #fafafa url("../images/itiFlight_arrow.png") no-repeat;
	background-position: calc(100% - 2px) 2px;
}
.ops-itinerarios{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 30px;
	margin: 30px 0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.legendcont{
	color: #333;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	font-size: 13px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
	margin-top: 80px;
	background-color: white;
}
.legend{
	margin: 10px 0px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.legend-sq{
	width: 20px;
	height: 20px;
	margin: 0px 3px 0px 10px;
}