/* Fox SYSTEM COLORS 

RedOrange:    #da2c12;
DarkRed:      #d60600;
Orange: 	  #e35e1a;
LightOrange:  #e7a018;
GreyBlue:     #224D74;
LightGrey:    #a3a3a3;



*/
:root {
--FoxRedOrange:    #da2c12;
--FoxDarkRed:      #d60600;
--FoxOrange: 	   #e35e1a;
--FoxLightOrange:  #e7a018;
--FoxGreyBlue:     #224D74;
--FoxLightGrey:    #a3a3a3;
--FoxDarkGrey:     #393b41;
--FoxGreen:    	   #388B41;
}


/*  Unknown ... old styles? */
td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.FeldStandard {border: 1px solid #999999; height: 20px;}
.ButtonStandard {border: 1px solid #999999; height: 20px; cursor: hand;}
.Button {background-color: threedface; height: 20px; border: 1px solid #999999; color: #000000; text-decoration: none; padding-top: 2px; padding-right: 6px; padding-left: 6px; cursor: hand;}
.FeldWeiss {border: none; background-color: #F8F8F8;}
.FeldGrau {border: none; background-color: #CCCCCC;}
.fakelink {color: #0000CC; text-decoration:underline; cursor: hand;}
.noDecoLink {color: #000000; text-decoration: none;}
.cbtn {HEIGHT: 24px; text-decoration: none; cursor: hand; width: 226px; padding-top: 3px; padding-bottom: 3px; border-top: none; border-right: none; border-bottom: none; border-left: none; padding-left: 4px;}
.SpaltenTitel {border: 1px ridge;}
.AktiveSeite {background-color: #000000; padding: 1px 3px; cursor: default; font-weight: bold; color: #FFFFFF;}
.ToolGroupLabel {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000;}
.HilfeBox {background-color: #FFFFE6; border: 1px solid #333333; padding: 3px;}
.msgBox {background-color: #FFFF99; border: 1px solid #333333;}
.ReiterAc {font-weight: bold; color: #FFFFFF; text-decoration: none; cursor: default;}
.ReiterRel {color: #000000; text-decoration: none; cursor: hand; padding-top: 3px;}
.editorbg {border: 1px solid #999999; background-repeat: no-repeat; font-family: "Courier New", Courier, mono;}
.navtext {BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; FONT-SIZE: 11px; LEFT: 0px; BORDER-LEFT: #888888 1px solid; COLOR: #000000; BORDER-BOTTOM: #888888 1px solid; FONT-FAMILY: Verdana; POSITION: absolute; TOP: -100px; BACKGROUND-COLOR: #FFFFCC; width: 250px; height: 22px; visibility: hidden;}

.regexsuccess{outline: 0px solid green;}
.regexerror{outline: 1px solid var(--FoxDarkRed)}


.textStandard {color: #000;}
.textOrange {color: var(--FoxLightOrange) !important;}
.textRed {color: var(--FoxDarkRed) !important;}

/* additional Fox Styles added by FH 2017-07 */

.invoiceHintDiv {background-color: #fff; border: 2px solid var(--FoxGreyBlue); border-radius: 5px; padding: 5px; margin: 5px; }


img {border: none;}
body {font-family: Arial, Helvetica, sans-serif; margin-top: 40px; margin-left:5px; margin-right:5px;}
a {color:#1d5072}
h1 {font-family: Arial, Helvetica, sans-serif; font-size:x-large; font-weight:bold; background: url(../images/icons/avifoxcircle.png) 0 center no-repeat;  padding-left: 25px; color:#505050; border-bottom:1px solid var(--FoxRedOrange); width:30%; padding-top: 10px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:large; font-weight:bold; padding-left: 15px; padding-right: 15px; color:#7a7a7a; border-bottom:1px solid #fe0000; display:inline; margin-bottom:10px; }
h3 {font-family: Arial, Helvetica, sans-serif; font-size:normal; font-weight:bold; padding-left: 5px; padding-right: 5px; color: var(--FoxRedOrange); border-bottom:1px solid #7a7a7a; display:inline; margin-bottom:10px; }
input[type="submit"] {cursor:POINTER;margin:5px;border-radius: 4px; padding:3px 5px 3px 5px; background-color: #fff;box-shadow: 2px 2px #888888; color:var(--FoxGreyBlue)!important}
input[type="button"] {cursor:POINTER;margin:5px;border-radius: 4px; padding:3px 5px 3px 5px; background-color: #fff;box-shadow: 2px 2px #888888;}
input[type="text"] {cursor:text;}
input[type="text"]:disabled {cursor:not-allowed}

.btnRed 		{color:#fff; background-color: var(--FoxRedOrange) !important; border: 2px solid var(--FoxRedOrange) !important;}
.btnFullOrange  {color:#fff; background-color: var(--FoxOrange) !important; border: 2px solid var(--FoxOrange) !important;}
.btnBlue  		{color:var(--FoxGreyBlue); border: 2px solid var(--FoxGreyBlue) !important;}
.btnOrange  	{color:var(--FoxOrange); border: 2px solid var(--FoxOrange)!important;}
.btnGreen	  	{color:var(--FoxGreen)!important; border: 2px solid var(--FoxGreen)!important;}
input[type=button]:disabled {cursor: no-drop;}
input[type=button] {cursor: pointer;}

@media (orientation: portrait) {
	.introBackground {color:#fff; font:14px/1.3 Arial,sans-serif; background-image: url(../images/sky2.jpg);background-size: 100% 100%;overflow: hidden; margin:0%; padding:0%;}
	.container {height:1px;}
	#feedbackMessageBox{position: fixed; top:30%; width: 70%; left:15%}	
	*{margin:0; padding:0;}
}

@media (orientation: landscape) {
	.introBackground {color:#fff; font:14px/1.3 Arial,sans-serif; background-image: url(../images/sky.jpg);background-size: 100% 100%;overflow: hidden; margin:0%; padding:0%;} 
	.container {height:1px;}
	#feedbackMessageBox{position: fixed; top:10%; width: 40%; right:2%}	
	*{margin:0; padding:0;}
}

.loginButton{background-color: var(--FoxGreyBlue); color:#fff; cursport:pointer; border: none;padding: 3px 3px;border-radius: 5px; margin: 5px; text-align: center;}
#imprint {position: fixed; right:5px; bottom: 5px; color: var(--FoxGreyBlue);}
.StatusMessage {font-size: 12px; font-weight: bold; background-color: #fff; border: 1px solid var(--FoxRedOrange); padding-top: 16px; padding-bottom: 16px; color: var(--FoxRedOrange);}
.loginDiv { position:fixed; top:50px; left:50px;}
.loginDiv table {border:0px solid #00ff00; text-align: center}
.loginDataFieldTable {width:100%}
.loginDataFieldTableh1 {font-family: Arial, Helvetica, sans-serif; font-size:x-large; font-weight:bold; padding-left: 15px; color:#fff;  padding-top: 10px; }
.loginDataFieldTableh2 {font-family: Arial, Helvetica, sans-serif; font-size:small; font-weight:bold; padding-left: 35px; padding-right: 15px; color:#fff;  display:inline; margin-bottom:10px; }
.loginDataFieldTable hr {size:1px; color:var(--FoxRedOrange); width:100%}
.activeLoggedUser { font-family: Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; font-size:xx-small; z-index:0; white-space:nowrap; text-align:center }


.aviFoxMenu { position:fixed; right:0px; height:50px; left:0px; top:0px; margin-top:0px; padding-top:0px; z-index:9500; border-bottom:2px solid var(--FoxRedOrange);
  background: #fff;
  background: -moz-linear-gradient(top, #fff 90%, var(--FoxRedOrange) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #fff), color-stop(100%, var(--FoxRedOrange)));
  background: -webkit-linear-gradient(top, #fff 90%, var(--FoxRedOrange) 100%);
  background: -o-linear-gradient(top, #fff 90%, var(--FoxRedOrange) 100%);
  background: -ms-linear-gradient(top, #fff 90%, var(--FoxRedOrange) 100%);
  background: linear-gradient(to bottom, #fff 90%, var(--FoxRedOrange) 100%);
	
}
#cssmenu {background-image: url("../images/AviFox-Logo.png"); background-repeat: no-repeat;padding-left:80px;}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {margin: 0; padding: 0; position: relative;}
#cssmenu {margin-top: -4px; line-height: 1;  width: auto;}
#cssmenu:after,#cssmenu ul:after {content: ''; display: block; clear: both;}
#cssmenu a  {color: var(--FoxRedOrange); display: block; font-family: Helvetica, Arial, Verdana, sans-serif; padding: 19px 20px; text-decoration: none; font-weight: bold}
#cssmenu ul {list-style: none;}
#cssmenu > ul {font-size: 0;}
#cssmenu > ul > li {display: inline-block; float: left; margin: 0;}
#cssmenu.align-center {text-align: center;}
#cssmenu.align-center > ul > li {float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul {float: right;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu > ul > li > a {color: var(--FoxGreyBlue); font-size: 12px; font-weight: bold; }
#cssmenu > ul > li:hover:after {content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;  border-bottom: 10px solid var(--FoxRedOrange); margin-left: -10px;}
#cssmenu > ul > li:first-child > a {border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0;}
#cssmenu.align-right > ul > li:first-child > a, #cssmenu.align-center > ul > li:first-child > a {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#cssmenu.align-right > ul > li:last-child > a {border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0;}
#cssmenu > ul > li.active > a, #cssmenu > ul > li:hover > a { color: var(--FoxGreyBlue);}
#cssmenu .has-sub {z-index: 1;}
#cssmenu .has-sub:hover > ul {display: block;}
#cssmenu .has-sub ul {display: none; position: absolute; width: 200px; top: 100%; left: 0;}
#cssmenu.align-right .has-sub ul {left: auto; right: 0;}
#cssmenu .has-sub ul li {*margin-bottom: -1px; border:1px solid var(--FoxRedOrange); color:var(--FoxRedOrange)}
#cssmenu .has-sub ul li a {background: #fff; font-size: 11px; filter: none; display: block; line-height: 120%; padding: 10px; color: var(--FoxGreyBlue); font-weight: bold}
#cssmenu .has-sub ul li:hover a {background: var(--FoxOrange);color:#fff}
#cssmenu ul ul li:hover > a {color: var(--FoxRedOrange);}
#cssmenu .has-sub .has-sub:hover > ul {display: block;}
#cssmenu .has-sub .has-sub ul {display: none; position: absolute; left: 100%; top: 0;}
#cssmenu.align-right .has-sub .has-sub ul,#cssmenu.align-right ul ul ul {left: auto; right: 100%;}
#cssmenu .has-sub .has-sub ul li a {background: #fff; color:var(--FoxGreyBlue)}
#cssmenu .has-sub .has-sub ul li a:hover {background: var(--FoxOrange);color:#fff}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {border-bottom: 0;}






.headerBarBlue { background-color:#11354d; color:#ffffff;}
.breadCrumbNav { font-family: Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; font-size:small; padding:3px;}
.breadCrumbNav a { text-decoration:underline}

.systemMessageHeader { background-color:var(--FoxGreyBlue);; text-align:left; color:#ffffff; font-weight:bold;}

.scheduleCurrentDay { background-color:#577e9f; color:#ffffff;}
.scheduleLegInfo    { color:#205946; text-decoration:none;}
.scheduleLegCrewNone  { color:#20436C; text-decoration:none; font-weight:bold}
.scheduleLegCrewOR    { color:#D37307; text-decoration:none; font-weight:bold}
.scheduleLegCrewOK    { color:#1B7024; text-decoration:none; font-weight:bold}
.scheduleLegCrewCLD   { color:#cc0033; text-decoration:none; font-weight:bold}

#eventScheduleCrewAvailDiv {width:100%; border:0px solid #07cc00}
#eventScheduleCrewAvailTable {width:100% !important;}
#eventScheduleCrewAvailDataTable {width:100% !important;}
#eventScheduleCrewAvailDataTable td {width:14%; padding-left: 5px;;}
#eventScheduleCrewAvailDataTable td:nth-child(odd) {background-color: #e7e7e7;}



.ButtonRed   {background-color: #cc0033!important; height: 24px; border: 1px solid #999999; color: #ffffff; text-decoration: none; font-weight:bold; padding-top: 2px; padding-right: 6px; padding-left: 6px; padding-bottom: 2px; cursor: pointer; }
.ButtonBlue  {background-color: #577e9f!important; height: 24px; border: 1px solid #999999; color: #ffffff; text-decoration: none; font-weight:bold; padding-top: 2px; padding-right: 6px; padding-left: 6px; padding-bottom: 2px; cursor: pointer;}
.ButtonGreen {background-color: var(--FoxGreen)!important; height: 24px; border: 1px solid #999999; color: #ffffff!important; text-decoration: none; font-weight:bold; padding-top: 2px; padding-right: 6px; padding-left: 6px;padding-bottom: 2px; cursor: pointer;}
.ButtonGreen:disabled {background-color: #A4A4A4!important; cursor:default;}
.textInput {height: 25px; text-decoration: none; font-weight:bold; padding-top: 2px; padding-right: 6px; padding-left: 6px;padding-bottom: 2px;}

.divFlightEditBox {z-index:99997; background-color:#EBEBEB; border-radius: 5px; padding:5px; font-size:x-small; max-width:300px; border:2px solid #333; cursor:pointer}
.divFlightInfoBox {position:absolute; top:100px; left:100px; z-index:99997; background-color:#fff; border:2px solid var(--FoxOrange); border-radius: 5px; padding:5px; font-size:x-small; overflow:auto; max-width:30%; min-width:200px; -webkit-overflow-scrolling: touch;  cursor:pointer}
.divCrewInfoTextBox {position:fixed; top:100px; left:100px; z-index:99997; background-color:#EBEBEB; border:2px solid #333; border-radius: 5px; padding:5px; font-size:x-small; cursor:pointer}
.divFlightInfoBoxTransparent{ position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:99996; background-color:#EBEBEB; display:none;opacity:0.5;filter:alpha(opacity=50);}
.infoBoxTable {width:100%; border: 0px solid #cc0033}
.infoBoxTable td {text-align:left; border: 0px solid #009900}
.infoBoxTable * {font-size:10px !important; cursor:pointer;}
.infoBoxTableIconTd {width:25px;}

.artikelText {font-family: Arial, Helvetica, sans-serif; font-size:14px;}

.crewScheduleAbilityHeader {background-color:#636363; color:#ffffff; font-weight: bold; text-align: center}

.scheduleTable {width: 100%; height:100%; padding:0px; margin: 0px;  border:0px solid #009900; }
.scheduleTable td {padding: 0px; margin: 0px; border:0px solid #cc0033; }
.scheduleTable a {text-decoration: none;}
.scheduleTable a:hover {text-decoration:underline;}
.scheduleTable ul {margin:0px; padding: 0px; list-style-image:url(../images/icons/bullet-blue-alt.png);}
.scheduleTable li {margin-left:15px;}
.acScheduleWeekTable {border: 2px solid #555555; background-color:#999999; width:100%; border-spacing:1px;  }
.acScheduleWeekTable td { padding:1px;}
.acScheduleWeekTableHead { border:0px; width:100%}
.icaoDataTable {}
.icaoDataTable th { font-weight:bold; font-size:10px;}
.icaoDataTable td { font-size:10px;}

.scheduleSectorLineTable {border-bottom: 1px solid var(--FoxLightGrey); width:100%;padding:2px;}
.scheduleSectorTable tr:hover {background-color: var(--FoxLightOrange); color:#fff;}
.scheduleSectorTable tr:hover a { color:#fff;}


#searchDataDiv {position: fixed; z-index: 12000; left: 50%; top: 50%; transform: translate(-50%, -50%); width:90%; height:75%; overflow:scroll; border:2px solid var(--FoxRedOrange); border-radius:5px; padding: 5px; background-color: #fff; display:none; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5);}
#searchResultDataTable {width:100%}
#searchResultDataTable {width:100%}
#searchResultDataTable tr:nth-child(even) {background: #FFF}
#searchResultDataTable tr:nth-child(odd) {background: #EEE}

#searchResultDataTable tr:nth-child(even) {background: #FFF}
#searchResultDataTable tr:nth-child(odd) {background: #EEE}
#searchResultDataTable tr:not(:first-child):hover {background-color: var(--FoxLightOrange) ; color:#fff;}

.crewScheduleNavTable {border: 0px solid #cc0033}
.crewScheduleNavTable tr:first-child td:nth-child(2){text-align: right}
.crewScheduleTable {border: 0px solid #cc0033; border-collapse: collapse;}
.crewScheduleTable td {border: 1px solid #000; padding: 4px;}
.heading td:first-child {background-color:#A3A3A3; font-weight: bold; color:#151515; text-align: center}
.acHeading {text-align:center; background-color: #434343; font-weight: bold; color:#fff}

.AircraftDowntimeColorcodeAOG {color:#CC0033; font-weight:bold; text-decoration:none; background-color:#fff;  padding:3px; border:1px solid #A3A3A3; border-radius: 5px;}
.tdAircraftDowntimeColorcodeAOG { background-color:#CC0033; width:100px;}
.tdAircraftDowntimeColorcodeAOG input{ cursor:pointer}
.AircraftDowntimeColorcodeWerft {color:#788AA3; font-weight:bold;  text-decoration:none; background-color:#fff; padding:3px; border:1px solid #fff; border-radius: 5px;}
.tdAircraftDowntimeColorcodeWerft { background-color:#788AA3; width:100px;}
.tdAircraftDowntimeColorcodeWerft input{ cursor:pointer}
.AircraftDowntimeColorcodeStehzeit {color:#FFCC00;  text-decoration:none;}
.tdAircraftDowntimeColorcodeStehzeit { background-color:#FFCC00;  width:100px;}
.tdAircraftDowntimeColorcodeStehzeit input{ cursor:pointer}

.icaoLink { font-weight:bold; cursor:pointer;}
.routeEditInfoTest { font-size:x-small;}
/*.routeUL { margin-left:-40px; list-style-image:url(../images/icons/pin.gif)}*/
.editRouteSectorTable {width:100%;border-collapse: collapse;}
.editRouteSectorTable tr:not(:first-child):hover{background-color: var(--FoxLightOrange);color:#fff;}
.editRouteSectorTable td {text-align: center}


.officeAccountingTable {border: 1px solid #cc0033; border-spacing: 0px; border-collapse: separate;}
.officeAccountingTable tr:first-child {font-size: small; background-color: var(--FoxRedOrange);color:#fff;}
.officeAccountingTable tr:first-child th {padding:3px; }
.officeAccountingTable tr:first-child th:not(:last-child) {border-right:1px solid #fff;}
.officeAccountingTable td {padding:3px; border-right: 1px solid var(--FoxRedOrange);}
.officeAccountingTable tr:not(:first-child):hover {background-color: var(--FoxLightOrange) !important; color:#fff;}
.officeAccountingTable tr:not(:first-child):nth-child(even) {background: #FFF}
.officeAccountingTable tr:not(:first-child):nth-child(odd) {background: #EEE}
.officeAccountingTable tr:last-child {font-size: small; font-weight: bold;}
.officeAccountingTable tr:last-child td {border-top: 1px solid var(--FoxRedOrange);text-align: center;}

.flugstundenLegsTable {border: 1px solid #cc0033; border-spacing: 0px; border-collapse: separate;}
.flugstundenLegsTable tr:first-child {font-size: small; background-color: var(--FoxRedOrange);color:#fff;}
.flugstundenLegsTable tr:first-child th {padding:3px; }
.flugstundenLegsTable tr:first-child th:not(:last-child) {border-right:1px solid #fff;}
.flugstundenLegsTable td {padding:3px; border-right: 1px solid var(--FoxRedOrange);}
.flugstundenLegsTable tr:not(:first-child):hover {background-color: var(--FoxLightOrange) !important; color:#fff;}
.flugstundenLegsTable tr:not(:first-child):nth-child(even) {background: #FFF}
.flugstundenLegsTable tr:not(:first-child):nth-child(odd) {background: #EEE}


.sectorEditDiv {position: fixed; z-index: 12000; left: 50%; top: 50%; transform: translate(-50%, -50%); border:2px solid var(--FoxRedOrange); border-radius:5px; padding: 5px; background-color: #fff; display:none; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5);}

.acLegtimeInfo {}
.acLegtimeInfo th {color:#11496C; font-weight:bold; font-size:14px;border-bottom:1px solid;}
.showrow{}
.hiderow{ background-color:#cc0033; display:none;}
#addDepIcao{width:80px;}
#addArrIcao{width:80px;}
#addDepDate {width:80px;}
#addArrDate {width:80px;}
#addDepTime {width:50px;}
#addArrTime {width:50px;}
#addLegTime{ text-align:right;}
#addCrew{width:100px;}
#addFuel{width:50px;}
#addPax {width:30px;}
#addLandings{width:30px;}
.errorCoverDiv { position:fixed; left:0.1%; top:0.1%; right:0.1%; bottom: 0.1%; z-index:70; background-color:#fff; opacity:0.8; display:none;}
.errorMessageDiv{ position:absolute; top:50%; left:50%; display:none; z-index:9999; background-color:#fff; border:5px solid #B90003; border-radius:5px; padding:10px;}
.warningMessageDiv{ position:absolute; top:50%; left:50%; display:none; z-index:9999; background-color:#fff; border:5px solid #F76300; border-radius:5px; padding:10px; cursor:pointer;}
#flugstundenLegLimitDiv{ width:100%; text-align:right;}


.coverDiv { position:fixed; left:0.1%; top:0.1%; right:0.1%; bottom: 0.1%; z-index:70; background-color:#fff; opacity:0.8; display:none;}
.newFbmDiv {position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:10px; z-index:12996; background-color:rgba(255, 255, 255, 0.7); }
.newFbmState1 {border:3px solid #005504;border-radius:5px;}
.newFbmState2 {border:3px solid #ff0000;border-radius:5px;}
.newFbmState3 {border:3px solid #ff5e00d7;border-radius:5px;}


.addDispatchItemDiv {position: fixed; left:10%; right:10%; top:15%; z-index: 9950; background-color: white; border:2px solid #14637B; display:none; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5); border-radius: 5px;}


.profileImageHintText{}



.searchAirportDiv {position:absolute; top:100px; left:100px; z-index:99997; background-color:#fff; border:2px solid var(--FoxRedOrange); border-radius: 5px; margin:5px; font-size:x-small; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5); display:none; padding:0px;}
.searchAirportTable {border-spacing: 0px; width:100%; height:100%}
.searchAirportableHeader {text-align: center; font-size:165%; font-weight:bold; color:#fff; background-color: var(--FoxRedOrange)}
.searchResultTable {border-collapse: collapse; width:100%; padding-bottom:3px;}
.searchResultTable th {font-size: smaller; border-bottom: 3px solid #fff}
.searchResultTable tr:nth-child(odd) {background-color:#EEE;}
.searchResultTable tr:hover {background-color:var(--FoxLightOrange);color:#fff;}
.searchResultTable tr:not(:first-child) {cursor:pointer}


.fuelSupplierDiv {position:absolute; top:100px; left:100px; z-index:99997; background-color:#fff; border:2px solid var(--FoxRedOrange); border-radius: 5px; margin:0px; font-size:x-small; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5); display:none; padding:0px;}
.fuelSupplierDiv table {margin: 0px; padding:0px; border-collapse: collapse}
.fuelSupplierDiv table th {text-align: center; font-size:165%; color:#fff; background-color: var(--FoxRedOrange); padding-bottom:3px;}
.fuelSupplierDataTable {border:3px solid #fff; border-collapse: collapse}
.fuelSupplierDataTable tr:not(:first-child):hover{background-color: var(--FoxLightOrange); cursor:pointer; color:#fff}


.handlerDiv {position:absolute; top:100px; left:100px; z-index:99997; background-color:#fff; border:2px solid var(--FoxRedOrange); border-radius: 5px; margin:0px; font-size:x-small; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5); display:none; padding:0px;}
.handlerDiv table {margin: 0px; padding:0px; border-collapse: collapse}
.handlerDiv table th {text-align: center; font-size:165%; color:#fff; background-color: var(--FoxRedOrange); padding-left: 10px; padding-right: 10px; padding-bottom:3px;}
.handlerDataTable {border:3px solid #fff; border-collapse: collapse; width:100%}
.handlerDataTable tr:not(:first-child):hover{background-color: var(--FoxLightOrange); cursor:pointer; color:#fff}
.handlerDataTable tr:last-child td{border-top:3px solid #fff; text-align: center}
.handlerDataTable tr:last-child:hover {background-color:#fff;}

.FeedbackMessage { padding:10px; text-align:left; border:3px solid #62A1C4; border-radius:5px; }
.FeedbackMessageDiv { width:100%; padding:5px; text-align:center}
.FeedbackMessageDiv table { text-align:center;border-collapse: separate; width:100%; padding-left:20px; padding-right:20px;}
.FeedbackMessageDiv td { text-align:center;}

.infoText { font-size: x-small;}
.userNewPassword{ width:80%; background-color:#fefefe; border:2px solid #8F0002; border-radius:5px; padding:10px; z-index:9999; display:none;}



.kontaktTable { width:40%; border:2px solid #6C6C6C; border-radius:5px; margin:5px; background-color:#FDFDFD}
.kontaktTable tr td:first-child {width:10px; text-align:center}
.kontaktTableAlphabet { width:100%; border:0px;}
.kontaktTableAlphabetRow {background-color:#C1C1C1; padding-left:10px;}
.kontaktTableAlphabetRow td {padding-left:10px; font-size:larger}




.homeTable { width:90%;}
.homeTable td { width:50%; vertical-align:top;}
.homeProfile { width:80%; padding:5px; border: 1px solid #B0B0B0; border-radius:5px; }
.homeProfile ul {padding: 20px;}

.landingSurveyTable {border-collapse: collapse; width:100%}
.landingSurveyTable th {font-size:12px; background-color:#01496C; color:#fff;}

.landingSurveyTable tr:nth-child(even) {background: #FFF}
.landingSurveyTable tr:nth-child(odd) {background: #EEE}
.landingSurveyTableHidden {}
.landingSurveyTableHidden tr:not(:first-child) {display:none;}

.homeFooter {position:FIXED; bottom:0px; right:0px; padding:5px; background-color:#fff; border:3px solid #fff; border-radius:5px; z-index:0 }
.obsoleteDay { font-weight:bold; color:#D10003;}


.adminCell { background-color:transparent !important; border:0px !important}
.adminIcons { background-color:transparent !important; border:0px !important}
.adminIcons tr { background-color:transparent !important; border:0px !important}
.adminIcons td { background-color:transparent !important; border:0px !important}


.logMenue { width:100% }
.logMenue td { vertical-align:top; padding:5px;}

.logListing { width:100%; border:1px solid #979797}
.logListing th { background-color:#0B4168; color:#fff; font-weight:bold; font-size:12px;}
.logListing tr:nth-child(even) td { border-right:1px solid #FFF}
.logListing tr:nth-child(odd) td { border-right:1px solid #EEE}
.logListing tr:nth-child(even) {background: #EEE}
.logListing tr:nth-child(odd) {background: #FFF}



/*TimeFox*/
.crewSelectorDiv {border: 2px solid #777777; z-index:9999;display: none; border-radius: 5px}
.crewSelectorDiv table {background-color: #fff;border-collapse: collapse; font-size: smaller}
.crewSelectorDiv th {color:#fff; font-weight: bold; font-size: small!important}
.crewSelectorDiv td {border-right:0px solid #777777; padding:5px;}
.crewSelectorDiv tr:nth-child(even) {background-color: #f2f2f2;}
.crewSelectorDiv tr:last-child {background-color: #fff;}
.crewSelectorDiv tr:not(:first-child):hover  {background-color: #577e9f; cursor:pointer; color:#fff;}
.windowHeader {background-color: #777777; color: white; font-size: large!important;}
.windowHeader img{padding-top: 5px; padding-right:5px; cursor: pointer;}
.hidden {display:none;}



.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }	

/* Event Cal */
.eventCalEditDiv {position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:9999; display:none; background-color: white; border-radius: 5px; border: 2px solid var(--FoxRedOrange); padding:5px;  box-shadow: 3px 3px 3px 3px  rgba(0, 0, 0, 0.5);}



/* KDB */
.addKdbFolder { z-index:9999; border: 2px solid #03820D;  border-radius:5px; padding:10px; background-color:#fff}
.editKdbFolder  { z-index:9999; border: 2px solid #D07B00;  border-radius:5px; padding:10px; background-color:#fff}
.deleteKdbFolder { z-index:9999; border: 2px solid #880002;  border-radius:5px; padding:10px; background-color:#fff}
.addKdbArticle { z-index:9999; border: 2px solid #03820D;  border-radius:5px; padding:10px; background-color:#fff}
.editKdbArticle  { z-index:9999; border: 2px solid #D07B00;  border-radius:5px; padding:10px; background-color:#fff}
.deleteKdbArticle { z-index:9999; border: 2px solid #880002;  border-radius:5px; padding:10px; background-color:#fff}
.deleteKdbArticleFile { z-index:9999; border: 2px solid #880002;  border-radius:5px; padding:10px; background-color:#fff; width:65%}
.editKdbArticleDetails { z-index:9999; border: 2px solid #D07B00;  border-radius:5px; padding:10px; background-color:#fff; width:75%}
.editKdbFile { z-index:9999; border: 2px solid #03820D;  border-radius:5px; padding:10px; background-color:#fff}
.kdbFeedbackDiv { z-index:9999; border: 3px solid #E57200;  border-radius:5px; padding:10px; background-color:#fff; position:absolute; right:10px; top:70px; width:250px;}
textarea { font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:small;}
.kdbLogDataDiv {margin: 0; position: absolute; top: 50%;left: 50%; height:75%; overflow: scroll; margin-right: -50%; transform: translate(-50%, -50%); background-color: #fff; border:2px solid var(--FoxLightOrange); border-radius: 5px; padding:10px;box-shadow: 5px 10px  rgba(0, 0, 0, 0.5); z-index: 9999; display: none}
.kdbLogDataDiv tr:not(:first-child):hover{background-color:var(--FoxRedOrange);}
.kdbLogDataDiv tr:nth-child(even) {background: #EEE}





/* ELA 2020 Styles */
.elaContentCourseExam {padding-left:10px}
.elaCourseSectionNaviButton {width:100%; background-color: var(--FoxRedOrange); color:#fff; cursor: pointer;}


.elaOverviewTable {border-collapse:collapse; border:2px solid var(--FoxLightGrey);}
.elaOverviewTable td { text-align:center; border-bottom:1px solid #CCCCCC;}
.elaOverviewTable td.alignLeft { text-align:left; border-bottom:1px solid #CCCCCC; padding-left:5px;}
.elaOverviewTable th { background-color: #CCCCCC; color:#000; font-weight: normal;}
.elaOverviewTableSubHeader { text-align:left;}
.elaOverviewTable  tr:not(:first-child):nth-child(odd)  {background-color:#efefef }
.elaOverviewTable  tr:not(:first-child):hover  {background-color:var(--FoxLightOrange); color:#fff }
.elaOverviewTable  tr:not(:first-child) td:hover  {border: 2px solid  var(--FoxOrange)!important; color:#fff }
.elaThSeperator {background-color:var(--FoxRedOrange)!important;color:#fff!important; font-weight: bold!important; font-style: italic!important}

.editUserTrainingDataDiv {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background-color: #fff; border:2px solid #569bbc; border-radius: 5px; padding:10px;box-shadow: 5px 10px  rgba(0, 0, 0, 0.5); z-index: 9999; display: none}
.deleteUserTrainingDataDiv {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background-color: #fff; border:2px solid #9C0000; border-radius: 5px; padding:10px;box-shadow: 5px 10px  rgba(0, 0, 0, 0.5); z-index: 9999; display: none}

.PFileImageDivKlammer { position:absolute; right:120px; top:60px; z-index:500}
.PFileImageDiv { position:absolute; right:155px; top:90px; z-index:400; background-color:#fff}
.PFileImage{ border:1px solid #666; padding:5px 5px 15px 5px; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);}

.elaDataTable {border-collapse:collapse;}
.elaDataTable tr:nth-child(even)  {background-color:#efefef }
.elaDataTable th  {padding-left:10px; padding-right:10px;}
.elaDataTable td  {padding-left:10px; padding-right:10px;}

.elaPilotsInfo{position:fixed; left:30%; right:30%; top:35%; padding:10px; border: 2px solid var(--FoxRedOrange); z-index:9999; background-color:#fff; display:none; border-radius: 5px;}
.elaPilotsInfo div{ padding:10px; margin:10px;}

.elaPilotsInfovalid { border:2px solid #090; }
.elaPilotsInfoobsolete { border:2px solid #FF6; }
.elaPilotsInforenew {  border:2px solid #F93; }
.elaPilotsInfoexpired {  border:2px solid #C33; }

.elaSeperator {height: 1px; border: 0 none; background-color: #569bbc; color: #569bbc;}


.elaValidityCalculatorDiv {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background-color: #fff; border:2px solid #569bbc; border-radius: 5px; padding:10px;box-shadow: 5px 10px  rgba(0, 0, 0, 0.5); z-index: 9999; display: none}

.elaAdminUpdatePwDiv  {position:absolute; left:10%;; top:20%; width:70%; background-color:#ffffff;  z-index:9999; overflow: hidden; display:none; border:5px solid #87b4cb; margin:20px; padding:20px;}
#addExamTopicDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #007b3c; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#addExamTopicDiv table {width:80%;}
#editExamTopicDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #F93; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#editExamTopicDiv table {width:80%;}
#deleteExamTopicDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #cc0033; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#deleteExamTopicDiv table {width:80%;}


.elaAdminQuestionsHeadTable {width:90%; border:2px solid var(--FoxLightGrey); position:relative; left:30px; z-index:5; font-size:12px; border-spacing: 0px;}
.elaAdminQuestionsHeadTable td:first-child {width:10%;}
.elaAdminQuestionsHeadTable tr:last-child td{border-top: 1px solid var(--FoxLightGrey);}

.elaAdminQuestionsTable {width:90%; border:2px solid var(--FoxLightGrey); position:relative; left:30px; z-index:5; font-size:12px; border-spacing: 0px;}
.elaAdminQuestionsTable td {text-align:left; border-bottom:1px solid #CCCCCC;}
.elaAdminQuestionsTable td:first-child {width:70px; text-align: center}
.elaAdminQuestionsTable th {text-align:left; background-color: var(--FoxOrange); color:#fff; font-weight: bold; font-size: larger; vertical-align:top}
.elaAdminQuestionsTable tr:nth-child(odd) { background-color:#C5C3C3; color: fff; }


#addQuestionDiv {position:fixed; left:10%; right:10%; top:15%; bottom:5%; overflow:auto;  border: 3px solid #007b3c; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#addQuestionDiv table {width:100%; border: 0px solid #cc0033}
#addQuestionDiv table td:nth-child(1) {width:70px; }
#addQuestionDiv table td:nth-child(2) {width:100px; text-align: center}
#addQuestionDiv tr:first-child textarea {resize: none;  height: 4em; width: 80%;}
#addQuestionDiv tr textarea {resize: none;  height: 2em; width: 80%;}



#editQuestionDiv {position:fixed; left:10%; right:10%; top:15%; bottom:5%; overflow:auto;  border: 3px solid #F93; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#editQuestionDiv table {width:100%; border: 0px solid #cc0033}
#editQuestionDiv table td:nth-child(1) {width:70px;}
#editQuestionDiv table td:nth-child(2) {width:100px; text-align: center}
#editQuestionDiv tr:first-child textarea {resize: none;  height: 4em; width: 80%;}
#editQuestionDiv tr textarea {resize: none;  height: 2em; width: 80%;}


#updateQuestionImageDiv {position:fixed; left:10%; right:10%; top:15%; overflow:auto;  border: 3px solid #F93; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#updateQuestionImageDiv table {width:100%; border: 0px solid #cc0033}
#updateQuestionImageDiv table td:nth-child(1) {width:70px;}
#updateQuestionImageDiv table td:nth-child(2) {width:100px; text-align: center}
#updateQuestionImageDiv tr:first-child textarea {resize: none;  height: 4em; width: 80%;}
#updateQuestionImageDiv tr textarea {resize: none;  height: 2em; width: 80%;}

#removeQuestionImageDiv {display:none;}

#deleteQuestionDiv {position:fixed; left:10%; right:10%; top:15%; bottom:5%; overflow:auto;  border: 3px solid #cc0033; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#deleteQuestionDiv table {width:100%; border: 0px solid #cc0033}
#deleteQuestionDiv table td:nth-child(1) {width:70px;}
#deleteQuestionDiv table td:nth-child(2) {width:100px; text-align: center}
#deleteQuestionDiv tr:first-child textarea {resize: none;  height: 4em; width: 80%;}
#deleteQuestionDiv tr textarea {resize: none;  height: 2em; width: 80%;}

#deleteCompletedExamDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #cc0033; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#deleteCompletedExamDiv table {width:80%;}
#deleteCompletedExamDiv table td:nth-child(4)  {width:200px; color:#cc0033; text-align: center; vertical-align: middle}

.elaExamResultsGenerateCertDiv{position:fixed; left:25%; right:25%; top:35%;  border: 3px solid var(--FoxOrange); padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000; }

.examcompletedResultHead {width:100%;}
.examcompletedResultHead td:nth-child(4){width:25%;}
.examcompletedResultData {width:100%}
.examcompletedResultData th {background-color:var(--FoxLightOrange); color:#000; text-align: center; font-size: normal; font-weight: normal}
.examcompletedResultData tr:nth-child(odd) {background-color:#E1E1E1}



.elaExamAllQuestionsDiv {width:90%; border:0px solid #cc0033;}
.elaExamAllQuestionsTable {width:100%;border:0px solid #009900;}
.elaExamSingleQuestionsTable{width:100%;}
.questionRow td {padding:5px;}
.elaExamSingleQuestionDiv{ }
.elaExamHeader {background-color: var(--FoxOrange); color:white; padding:5px}
.elaExamHintText {color: var(--FoxLightGrey);}
.examBottomData {width:100%}

.examBottomData input:disabled {background-color: var(--FoxDarkRed)!important;color:#000!important;cursor:no-drop;}
.examBottomData input {background-color: var(--FoxGreen)!important;color:#000!important;cursor: pointer;}





.examResultFailed{color: var(--FoxDarkRed);}
.examResultPassed{color: var(--FoxGreen);}


.elaStatusTable {border-collapse: collapse}
.elaStatusTable td {padding-left:10px; padding-right: 10px}
.elaStatusHeadingObsolete {font-weight: bold; text-align: center; background-color: var(--FoxLightOrange);}
.elaStatusHeadingRenew {font-weight: bold; text-align: center; background-color:var(--FoxOrange); color:#fff;}
.elaStatusHeadingExpired {font-weight: bold; text-align: center; background-color:var(--FoxDarkRed); color:#fff;}

.elaPPstatevalid    {}
.elaPPstateobsolete {background-color: var(--FoxLightOrange);}
.elaPPstaterenew    {background-color: var(--FoxOrange); color:#fff;}
.elaPPstateexpired  {background-color: var(--FoxDarkRed); color: #fff;}


.generateCertificateTable {width:100%}
.generateCertificateTable input[type="text"] {min-width: 350px}


/* Office */
.ldgSurveyLineEven td {background-color: #EEE;}
.ldgSurveyLineOdd td {background-color: #FFF;} 
.officeSurveyTable {border-collapse: collapse; border: 1px solid #cc0033; width:30%}
.officeSurveyTableBodyHeader {width:100%}
.officeSurveyTableBodyHeader td { background-color:var(--FoxOrange); color:#fff; text-align: center; font-weight: bold}
.officeSurveyTableBodyHeader td:last-child { background-color:var(--FoxOrange); color:#fff; text-align: right!important}
.officeSurveyTableBodyDetails {display: none}
.officeSurveyTable td {padding:5px; width:30%;}
.officeSurveyDatalineTable {border-collapse: collapse; border: 0px solid #00ff00; padding: 5px;}
.officeSurveyDatalineTable tr:first-child {font-weight: bold}
.officeSurveyDatalineTable tr:first-child td {text-align: center}
.officeSurveyDatalineTable tr:not(:first-child) td:nth-child(3)  {text-align: center}
.officeSurveyDatalineTable tr:last-child td {font-weight: bold;}
.officeSurveyTotalTable {border-collapse: collapse; border: 0px solid #cc0033; padding: 5px; width: 30%}
.officeSurveyTotalTable td {text-align: center;}
.officeSurveyTotalTable tr:nth-child(even) {background: #EEE}
.officeSurveyTotalTable tr:nth-child(odd) {background: #FFF}

.officePilotStatsTable {border-collapse: collapse; border: 1px solid #cc0033; width:80%}
.officePilotStatsTable th {background-color: var(--FoxOrange); color:#fff; padding: 5px}
.officePilotStatsTable tr:nth-child(even) {background-color:#EEE;}
.officePilotStatsTable td {padding:5px; width:30%;}
.officePilotStatsTable td:not(:last-child) {border-right:1px solid #000}
.officePilotStatsTable tr:not(:first-child):hover {background: var(--FoxLightOrange);}
.officePilotStatsTable tr:last-child td {border-top: 2px solid #000}


/* FSD */
#fsdFileSafetyReport {padding-left: 20px}
.fsdReportTable {border: 1px solid #a3a3a3;}
.fsdReportTable th {border: 0px solid #cc0033; background-color: #434343; color:#fff; font-weight: bold; font-size:small;}
.fsdReportTable tr:nth-child(odd) {background-color:#EEE;}
.fsdReportTable textarea {width:100%; resize: none}
.fsdHintText {font-size: smaller; color:#434343}

#fsdReportAsrData {display: none;}
#fsdReportMxrData {display: none;}
#fsdReportVorData {display: none;}




/* MX */
.mxHilEditItemDiv {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background-color: #fff; border:2px solid var(--FoxLightOrange); border-radius: 5px; padding:10px;box-shadow: 5px 10px  rgba(0, 0, 0, 0.5); z-index: 9999; display: none}
.mxHilEditItemdataTable {}
.mxHilEditItemdataTable th {color: var(--FoxDarkGrey); font-weight:bold; font-size:14px;border-bottom:1px solid;}
.mxEditHilItemDataHeader {background-color: var(--FoxOrange); color:#fff; text-align: center; font-weight: bold;}


.hilItemsListingTable {border-collapse: collapse; width:100%; border:1px solid var(--FoxRedOrange);}
.hilItemsListingTable tr:nth-child(1) th {font-size:12px; background-color:var(--FoxRedOrange)!important; color:#fff;}
.hilItemsListingTable tr:nth-child(2) th {font-size:12px; background-color:var(--FoxOrange)!important; color:#fff;}
.hilItemsListingTable tr:nth-child(even) {background: #EEE}
.hilItemsListingTable tr:not(:first-child):hover {background: var(--FoxLightOrange);}
.specialRightBorder {border-right: 1px solid #fff}
.specialRightBorderColor {border-right: 1px solid var(--FoxOrange)}


/* Admin */
.admAircraftTable {width:100%;border-collapse: collapse; border: 1px solid #192231;}
.admAircraftTable tr:nth-child(even) {background: #EEE}
.admAircraftTable tr:nth-child(odd) {background: #FFF}
.admAircraftTable tr:first-child {background: #192231; color:#fff;}
.admAircraftTable tr:first-child th {padding:5px;}
.admAircraftTable tr:not(:first-child):hover {background: #569bbc; color:#fff}
.admAircraftTable tr:not(:first-child) td {border-right: 1px solid #192231;}
.admAircraftTable td {padding:2px;}
.divAdmAircraftDetailBox {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index:99997; background-color:#fff; border:2px solid #066694; border-radius: 5px; padding:10px;  font-size:x-small; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5);}
.divAdmAircraftDetailBoxDelete {position:absolute; top:100px; left:100px; z-index:99997; background-color:#fff; border:2px solid #980F0F; border-radius: 5px; padding:10px; margin:5px; font-size:x-small; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5);}


.admUserTable {width:100%;border-collapse: collapse; border: 1px solid #192231;}
.admUserTable tr:nth-child(even) {background: #EEE}
.admUserTable tr:nth-child(odd) {background: #FFF}
.admUserTable tr:first-child {background: #192231; color:#fff;}
.admUserTable tr:first-child th {padding:5px;}
.admUserTable tr:not(:first-child):hover {background: #569bbc; color:#fff}
.admUserTable tr:not(:first-child) td {border-right: 1px solid #192231;}
.admUserTable td {padding:2px;}

.divAdmUserDetailBox {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index:80; background-color:#fff; border:2px solid #066694; border-radius: 5px; padding:10px;  font-size:x-small; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5);}
.divAdmUserDetailBoxDelete {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index:99997; background-color:#fff; border:2px solid #980F0F; border-radius: 5px; padding:10px;  font-size:x-small; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5);}



/* Compliance Styles */
.complianceListTable {width:100%;border-collapse: collapse; border:2px solid #000;}
.complianceListTable th { color:#fff; background-color: var(--FoxOrange); font-weight:bold; font-size:12px; border-left:1px solid; border-right:1px solid;}
.complianceListTable td { text-align:center;padding: 6px; vertical-align: top; border-right: 1px solid #fff !important}
.complianceListTable tr.evenRow {background: #EEE}
.complianceListTable tr.oddRow {background: #FFF}
.complianceListTable tr {border-bottom:2px solid #000}
.complianceListTable tr:not(:first-child):hover  {border:2px solid #01496c; background-color: #ABABAB}
.complianceListTable tr.activatedLine {border:2px solid #fcc037 !important;}
#crRowDetailDiv {position: absolute; max-width: 50%; background-color: #fff; border:2px solid #fcc037; border-radius: 5px; padding:10px;box-shadow: 5px 10px  rgba(0, 0, 0, 0.5);}
.complianceDetailDataTable th {background-color: #569bbc; font-weight: bold; color:#fff; padding-top:5px; padding-bottom: 5px; text-align: center}
.complianceDetailDataTable td {vertical-align: top}
.complianceDetailDataTable td.cellHeader {font-weight: bold; color:var(--FoxDarkGrey);}

.divCrDataDetailBox {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index:99997; background-color:#fff; border:2px solid #066694; border-radius: 5px; padding:0px;  font-size:x-small; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5);}
.divCrDataDetailBoxDelete {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index:99997; background-color:#fff; border:2px solid #980F0F; border-radius: 5px; padding:10px;  font-size:x-small; box-shadow: 5px 10px  rgba(0, 0, 0, 0.5);}
.divCrDataDetailBoxDelete th {font-size: large; color:#980F0F;}
.complianceDetailTable {width:100%;border-collapse: collapse;}
.complianceDetailTable th { color:#fff; background-color: var(--FoxDarkGrey); font-size:12px; font-weight: normal;}


/* Security Styles */