/* Custom CSS Additions for Customer Sites */

/* Over-ride only the elements you need to for custom styles */

/* DO NOT COPY PASTE AN ENTIRE CSS FROM SMART OR FIRSTBAG IN TO HERE! */

#CustomerLogo
{
   /* Use ../images because we are in the site folder */
   background-image: url('../images/zafire.png'); 
   /* Make sure these match the logo dimensions exactly and/or resize logo so that it is 52px high */
   width: 206px;
   height: 52px;
}

.loginForm
{
   background-image: url('../images/aviation/login_splash.jpg');
}
       

.MainForm {
margin-left: auto;
margin-right: auto;
}

.TopMenu {
font-size: 9pt;
padding-top: 6px;
}

.TopMenuDropDownContainer {
font-size: 9pt;
}

.TopMenuDropDownItem {
width: auto;
white-space: nowrap;
margin-right: -5px;
}

.tabHeader LI {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.FusionBox {
border-radius: 4px;
}

.BANNERPAGING table {
border-radius: 4px;
}

.BANNERPAGING span {
border-radius: 4px;
}

.FusionRepBody {
border-radius: 4px;
}

.FusionLabelHeader {
border-radius: 4px;
}

.WinCont {
border-radius: 6px;
}

/*Login page hr split*/
.fusion-hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: .8;
  font-size: 1.2em;
}

.fusion-hr-text:before {
    content: '';
    background: #8c8b8b;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

.fusion-hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #000000;
    background-color: #fcfcfa;
}

.widgetHeader, .WidgetHeader, .WIDGETHEADER, .Widgetheader {
 FONT-SIZE: 12px;
 FONT-weight: bold;
 COLOR: #000000;
 background-color:transparent;
 Vertical-Align:center;
}

.widgetInfo, .WidgetInfo, .WIDGETINFO, .Widgetinfo {
font: 60px Verdana;
text-decoration:none;
color:#000000;
border:none;
background-color:#A1D2F5;
}

.widgetSuccess, .WidgetSuccess, .WIDGETSUCCESS, .Widgetsuccess {
font: 60px Verdana;
text-decoration:none;
color:#8BBA00;
border:none;
background-color:#C7E8CE;
}

.widgetWarning, .WidgetWarning, .WIDGETWARNING, .Widgetwarning {
font: 60px Verdana;
text-decoration:none;
color:#F68D0F;
border:none;
background-color:#FFEF9B;
}

.widgetError, .WidgetError, .WIDGETERROR, .Widgeterror {
font: 60px Verdana;
text-decoration:none;
color:#FF0000;
border:none;
background-color:#FFBEBE;
}

.widgetButton, .WidgetButton, .WIDGETBUTTON, .Widgetbutton {
font:inherit;
text-decoration:inherit;
color:inherit;
border:inherit;
background-color:transparent;
cursor:pointer;
}

.ui-multiselect{
overflow:hidden;
}


select[disabled] {
background-color: #ebebe4;
}

*:not(input) {
  -ms-user-select: none;
}

/* Flight board CSS */
.iC{
	border:1px solid silver;
	font-size:8pt;
	height:21px;
	text-align:center;
	height:21px;
	border-left:none;
	white-space: nowrap;
}

.fC {
	border:1px solid silver;
	font-size:8px;
	height:21px;
	text-align:center;
	border-left:3px solid black;
	text-decoration:underline;
	cursor:pointer;
	white-space: nowrap;
}

.kF {
/*keyField*/
	border:1px solid silver;
	font-size:8px;
	height:14px;
	text-align:center;
	text-decoration:underline;
	cursor:pointer;
	white-space: nowrap;
}

.sF {
/*standardField*/
	border:1px solid silver;
	font-size:8px;
	height:14px;
	text-align:center;
	white-space: nowrap;
}

.aC{
	border:1px solid silver;
	font-size:8pt;
	height:21px;
	text-align:center;
	white-space: nowrap;
}

.tC{
	border:1px solid silver;
	font-size:8pt;
	height:21px;
	text-align:center;
	white-space: nowrap;
}

.sC{
	border:1px solid silver;
	font-size:8pt;
	height:21px;
	text-align:center;
	white-space: nowrap;
}

.stC{
	border:1px solid silver;
	font-size:8px;
	height:21px;
	text-align:center;
	border-left:3px solid black;
	white-space: nowrap;
}

.fbSTD{
	border:1px solid silver;
	font-size:8pt;
	height:21px;
	text-align:center;
	white-space: nowrap;
}

.slaAlert{
	border:1px solid silver;
	font-size:8pt;
	height:21px;
	text-align:center;
	white-space: nowrap;
	-webkit-transition: background-color 1.5s ease-in-out;
	-moz-transition: background-color 1.5s ease-in-out;
	-o-transition: background-color 1.5s ease-in-out;
	-khtml-transition: background-color 1.5s ease-in-out;
	transition: background-color 1.5s ease-in-out;
}

.aT{
	cursor: pointer; 
	margin: auto; 
	font-weight:bolder; 
	width:16px; 
	height:16px; 
	font-size:10px; 
	padding-top:3px; 
	background:url('../mobile_icons/alert_triangle.svg') no-repeat top left;
	text-align:center;
}

.jCG{
	cursor: pointer; 
	font-weight:bolder; 
	margin-left:2px; 
	float:left; 
	width:16px; 
	height:16px; 
	font-size:10px; 
	padding-top:1.5px; 
	background-color:#4CAF50;
	border-radius:50px;
	text-align:center;
}

.jCR{
	cursor: pointer; 
	font-weight:bolder; 
	margin-left:2px; 
	float:left; 
	width:16px; 
	height:16px; 
	font-size:10px; 
	padding-top:1.5px; 
	background-color:#F44336;
	border-radius:50px;
	text-align:center;
}

.jCB{
	cursor: pointer; 
	font-weight:bolder; 
	margin-left:2px; 
	float:left; 
	width:16px; 
	height:16px; 
	font-size:10px; 
	padding-top:1.5px; 
	background-color:#2196F3;
	border-radius:50px;
	text-align:center;
}

.jCP{
	cursor: pointer; 
	font-weight:bolder; 
	margin-left:2px; 
	float:left; 
	width:16px; 
	height:16px; 
	font-size:10px; 
	padding-top:1.5px; 
	background-color:#CE93D8;
	border-radius:50px;
	text-align:center;
}

.jCO{
	cursor: pointer; 
	font-weight:bolder; 
	margin-left:2px; 
	float:left; 
	width:16px; 
	height:16px; 
	font-size:10px; 
	padding-top:1.5px; 
	background-color:#ef6e2d;
	border-radius:50px;
	text-align:center;
}

/*status circle blank*/
.sCB{
	cursor: pointer; 
	font-weight:bolder; 
	margin-left:2px; 
	float:left; 
	width:16px; 
	height:16px; 
	font-size:10px; 
	padding-top:1.5px; 
	border-radius:50px;
	text-align:center;
}

.uP{
	/*UPFRONT PAYMENT GRAPHIC ON THE FLIGHT BOARD*/
	cursor: pointer; 
	float:left;
	width:16px; 
	height:16px; 
	background:url('../mobile_icons/dollar.svg') no-repeat top left;
	text-align:center;
}

.eD{
	/*Enter Delay GRAPHIC ON THE FLIGHT BOARD*/
	cursor: pointer; 
	float:left;
	width:16px; 
	height:16px; 
	background:url('../mobile_icons/wall-clock.svg') no-repeat top left;
	text-align:center;
	margin-left: 2px;
}

.alertCircle{
	/*Alert circle image on the flight board*/
	cursor: pointer; 
	float:left;
	width:16px; 
	height:16px; 
	margin-left:1px;
	margin-right:1px;
	background:url('../mobile_icons/alert-circle.svg') no-repeat top left;
	text-align:center;
}

.uTOFF{
	/*Enter Take off GRAPHIC ON THE FLIGHT BOARD*/
	cursor: pointer; 
	float:left;
	width:16px; 
	height:16px; 
	background:url('../mobile_icons/departures.svg') no-repeat top left;
	text-align:center;
}

.uTDOWN{
	/*Enter Touch down GRAPHIC ON THE FLIGHT BOARD*/
	cursor: pointer; 
	float:left;
	width:16px; 
	height:16px; 
	background:url('../mobile_icons/arrival.svg') no-repeat top left;
	text-align:center;
}

.mReg{
	/*Enter aircraft reg GRAPHIC ON THE FLIGHT BOARD*/
	cursor: pointer; 
	float:left;
	width:16px; 
	height:16px; 
	background:url('../mobile_icons/airplane-1.svg') no-repeat top left;
	text-align:center;
}

.mPax{
	/*Enter Take off GRAPHIC ON THE FLIGHT BOARD*/
	cursor: pointer; 
	float:left;
	width:16px; 
	height:16px; 
	background:url('../mobile_icons/ic_person.svg') no-repeat top left;
	text-align:center;
}

.nB{
	height:16px;
	float:left;
	cursor: pointer;
	content:url('../images/icons/add.png');
}

.rB{
	border:1px solid silver;
	font-size:8pt;
	height:21px;
	text-align:center;
	white-space: nowrap;
	text-decoration:underline;
}

.lC{
	cursor: pointer; 
	margin: auto; 
	font-weight:bolder; 
	width:16px; 
	height:16px; 
	font-size:10px; 
	padding-top:3px; 
	background:url('../mobile_icons/chain-link.svg') no-repeat top left;
	text-align:center;
	background-size: cover;
}

.lCell{
	border:1px solid silver;
	border-left:none;
	font-size:8pt;
	height:21px;
	text-align:center;
	white-space: nowrap;
}

.highLightParent{
	background-color:rgb(3, 169, 244);
}

.hightLightLink{
	background-color:rgb(76, 175, 80);
}

/*Report CSS*/

.FusionRepBody table tr td.reportOdd {
	background-color:#FBFBEE;
	border:1px solid silver;
	/*white-space: nowrap;
	overflow: hidden;*/
	
}

.FusionRepBody table tr td.reportEven {
	background-color:#E9E89A;
	border:1px solid silver;
	/*white-space: nowrap;
	overflow: hidden;*/
}

.FusionRepBody table tr td.reportSelected {
	background-color:#DDDB39;
	border:1px solid silver;
	/*white-space: nowrap;
	overflow: hidden;*/
}

table.dataTable tbody tr.odd
{
	background-color:#FBFBEE;
	border:1px solid silver;
	white-space: nowrap;
	overflow: hidden;
}

table.dataTable tbody tr.even
{
	background-color:#E9E89A;
	border:1px solid silver;
	white-space: nowrap;
	overflow: hidden;
}