/* OLD STYLES DATA */ td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;} .StatusMessage {font-size: 12px;font-weight: bold;background-color: #ffffff;border: 1px solid #fe0000;padding-top: 16px;padding-bottom: 16px;color: #cc0033;} .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;} /* SJA SYSTEM COLORS DarkBlue: #192231; LightBlue: #569bbc; StandardBlue: #01496c; DarkGrey: #434343; LightGrey: #a3a3a3; DarkRed: #b00e0e; Orange: #cc8223; Yellow: #ebd546; WarnRed: #f1441b */ :root { --AviphantDarkBlue: #192231; --AviphantLightBlue: #569bbc; --AviphantStandardBlue: #01496c; --AviphantDarkGrey: #434343; --AviphantLightGrey: #e5e5e5; --AviphantDarkRed: #b00e0e; --AviphantGreen: #45a336; --AviphantOrange: #cc8223; --AviphantYellow: #ebd546; --AviphantWarnRed: #f1441b; } /* additional Manager Styles added by FH 2017-07 */ img {border: none;} body {font-family: Arial, Helvetica, sans-serif;} a, a:hover {color:#1d5072} h1 {font-family: Arial, Helvetica, sans-serif; font-size:x-large; font-weight:bold; background: url(../images/icons/bluePlaneIcon.png) 0 center no-repeat; padding-left: 35px; color:#505050; border-bottom:1px solid #066694; width:50%; padding-top: 10px; white-space: nowrap;} 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 #569bbc; display:inline; margin-bottom:30px; } h3 {font-family: Arial, Helvetica, sans-serif; font-size:normal; font-weight:bold; padding-left: 5px; padding-right: 5px; color:#066694; border-bottom:1px solid #7a7a7a; display:inline; margin-bottom:10px; } input[type="submit"] {cursor:POINTER;} input[type="button"] {cursor:POINTER;} input[type="checkbox"] {cursor:POINTER;} input[type="text"] {cursor:text;} input[type="text"]:disabled,input[type="checkbox"]:disabled {cursor:url(../images/icons/notAllowed.png), auto; background-color: var(--AviphantLightGrey)!important; color: var(--AviphantDarkGrey)!important; } input[type="button"]:disabled,input[type="submit"]:disabled {cursor:url(../images/icons/notAllowed.png), auto; background-color: var(--AviphantLightGrey)!important; color: var(--AviphantDarkGrey)!important; border: 1px solid var(--AviphantDarkGrey)!important; } select {cursor: pointer} select:disabled {cursor:url(../images/icons/notAllowed.png), auto} ::placeholder {color:#979797; opacity: 1; font-weight: normal} :-ms-input-placeholder {color: #979797; font-weight: normal} ::-ms-input-placeholder {color: #979797; font-weight: normal} .redHintText {color: var(--AviphantDarkRed);} .hintSpan {font-style: italic; border:1px solid var(--AviphantOrange); border-radius: 5px; padding: 5px; margin: 5px;} .textHint {color: var(--AviphantDarkGrey); font-size: smaller; font-stretch: italic} .textOrange {color: var(--AviphantOrange); font-weight: bold;} .textRed {color: var(--AviphantDarkRed); font-weight: bold;} .loaderIconDiv {position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:9999;} #feedbackValueDiv {position:fixed; left:30%; right:30%; top:35%; padding: 20px; display: none; background-color: white;border-radius: 5px;z-index:10000; font-size: large; text-align: center; border:2px solid #066694; box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} #helpIconDiv {position: absolute; top: 60px; right: 5px;} #helpIconDiv img {cursor:pointer} #helpContent h2 {font-family: Arial, Helvetica, sans-serif; font-size:normal; font-weight:bold; padding-left: 15px; padding-right: 15px; color:#7a7a7a; border-bottom:1px solid #569bbc; display:inline; margin-bottom:30px; } #helpContent h3 {font-family: Arial, Helvetica, sans-serif; font-size:small; font-weight:bold; padding-left: 5px; padding-right: 5px; color:#066694; border-bottom:1px solid #7a7a7a; display:inline; margin-bottom:10px; } #helpContent h4 {font-family: Arial, Helvetica, sans-serif; font-size:small; font-weight:normal; padding-left: 5px; padding-right: 5px; color:#373535; border-bottom:1px solid #7a7a7a; display:inline; margin-bottom:10px; } #helpContent {font-size: small; width:90%; margin-left: 5%;} #helpContent table.imageTable {margin-left: auto; margin-right: auto;} #helpContent table.dataTable {border-spacing: 0px; width:80%; margin-left: 10%; border: 1px solid #bbbbbb;} #helpContent table.dataTable th {background-color: #5F6C76; color:#fff; font-weight: bold; height:20px; text-align: center; font-size: small} #helpContent table.dataTable tr:nth-child(even) {background-color:#EEE;} #helpContent table.dataTable tr:hover:not(:first-child) {} #helpContent table.dataTable tr:not(:first-child) {} #helpContent table.dataTable td {padding:5px; font-size: small} #helpContent img {border:1px solid #569bbc; cursor:pointer} .helpHintText {font-style: italic; color:#066694} tbody:empty {display:none;} .alignRight {text-align: right} .alignCenter {text-align: center} .alignLeft {text-align: left} .borderRight {border-right: 1px solid} .introBackground { background-image: url(../images/intro/introMainClouds.png); background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; background-size: 100%;background-color: #030915;} #introBackgroundClouds {position:fixed; bottom: 50px; left:0px; right:0px; text-align: right;padding: 20px; color:#000;} .loginDiv { width:100%; text-align:center; border:0px solid #cc0033; margin-top: 50px; color:#fff;} .loginDiv table {width:100%; border:0px solid #00ff00; text-align: center; color:#fff;} .acImgPreviewDiv100 {width: 200px; height:100px; border:0px solid #cc0033; display: flex; justify-content: center; cursor: pointer} .acImgPreviewDiv100 img {max-width: 100%; max-height: 100%; margin: auto;} .imgPreviewDiv {z-index: 11000;position:fixed; top:50%; left:50%; transform: translate(-50%, -50%);width: 50%; height: 50%;padding:10px; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); border-radius: 5px; display: none; background-color: #fff; cursor: pointer; border:1px solid var(--AviphantStandardBlue); display: flex; justify-content: center; } .imgPreviewDiv img {max-width: 100%; max-height: 100%; margin: auto;} .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:large; font-weight:bold; padding-left: 35px; padding-right: 15px; color:#7a7a7a; display:inline; margin-bottom:10px; } .loginDataFieldTable hr {size:1px; color:#fe0000; width:100%} .activeLoggedUser { font-family: Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; font-size:xx-small; z-index:0; white-space:nowrap; text-align:center } .logoImage {} .hidden {display: none} .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:#989898; 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} .crewSchedLogDiv {position: fixed;top:20%; bottom:10%; left:50%; transform: translate(-50%); z-index: 12000; display: none; border: 2px solid; background-color: #fff; padding:10px; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); border-radius: 5px;} .crewSchedLogDivDataDiv {height: 50vh;overflow-y: auto;overflow-x: hidden} .crewSchedLogdataTable td {padding:3px} .crewSchedLogdataTable tr:nth-child(even) {background-color:#EEE;} .crewSchedLogdataTable tr:hover:not(:first-child) {background-color:#066694;color:#fff;} .crewSchedLogdataTable tr:not(:first-child) {cursor:pointer} .crewSchedChangeDiv {position: fixed; z-index: 12000; left: 50%; top: 50%; transform: translate(-50%, -50%); border:2px solid var(--AviphantDarkBlue); border-radius:5px; padding: 5px; background-color: #fff; display:none; box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} .crewSchedChangeDiv th {color:var(--AviphantStandardBlue); font-weight:bold; font-size:14px;} .crewSchedDeleteDiv {position: fixed; z-index: 12000; left: 50%; top: 50%; transform: translate(-50%, -50%); border:2px solid var(--AviphantDarkRed); border-radius:5px; padding: 5px; background-color: #fff; display:none; box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} .crewSchedDeleteDiv th {color:var(--AviphantDarkRed); font-weight:bold; font-size:14px;} #divCrewSchedFilter {border:1px solid #20436C; border-radius: 5px solid var(--AviphantLightBlue);} .ButtonRed {background-color: #F0EFEF; height: 24px; border: 1px solid #B90003; color: #B90003; text-decoration: none; font-weight:bold; padding-top: 2px; padding-right: 6px; padding-left: 6px; padding-bottom: 2px; cursor: pointer; border-radius: 5px;} .ButtonBlue {background-color: #F0EFEF; height: 24px; border: 1px solid #577e9f; color: #577e9f; text-decoration: none; font-weight:bold; padding-top: 2px; padding-right: 6px; padding-left: 6px; padding-bottom: 2px; cursor: pointer;border-radius: 5px;} .ButtonGreen {background-color: #F0EFEF; color:#0C4E30; height: 24px; border: 1px solid #0C4E30; text-decoration: none; font-weight:bold; padding-top: 2px; padding-right: 6px; padding-left: 6px;padding-bottom: 2px; cursor: pointer; border-radius: 5px;} .ButtonGreen:disabled {background-color: #A4A4A4; cursor:default; border-radius: 5px; color: #fff;} .ButtonWhite {background-color: #F0EFEF; height: 24px; border: 1px solid #999999; color: #20436C; text-decoration: none; font-weight:bold; padding-top: 2px; padding-right: 6px; padding-left: 6px; padding-bottom: 2px; cursor: pointer;border-radius: 5px; } .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 #066694; border-radius: 5px; padding:5px; font-size:x-small; overflow:auto; max-width:30%; min-width:200px; -webkit-overflow-scrolling: touch; cursor:pointer; box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} .divCrewInfoTextBox {position:absolute; top:100px; left:100px; z-index:99997; background-color:#fff; border:2px solid #066694; border-radius: 5px; padding:10px; margin:5px; font-size:x-small; cursor:pointer; box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} .divCrewInfoTextBox img {border:1px solid #000; padding: 5px; margin-left: 10px} .divCrewInfoTextBoxDelete {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; cursor:pointer; box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} .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.scheduleType0 {margin:0px; padding: 0px; list-style-image:url(../images/icons/bullet-blue-alt.png);} .scheduleTable ul.scheduleType1 {margin:0px; padding: 0px; list-style-image:url(../images/icons/bullet-orange-alt.png);} .scheduleTable ul.scheduleType2 {margin:0px; padding: 0px; list-style-image:url(../images/icons/bullet-grey-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%} .opsFuelUnionAptTable {} .opsFuelUnionAptTable tr:first-child {background-color:#5F6C76;} .opsFuelUnionAptTable tr:first-child th {color:#fff; font-weight: bold;} .opsFuelUnionAptTable tr:nth-child(even) {background-color:#EEE;} .opsFuelUnionAptTable tr:hover:not(:first-child) {background-color:#066694;color:#fff;} #tbodyUnionAptDataListing tr:first-child {background-color:#fff!important;} #tbodyUnionAptDataListing tr:first-child:hover {background-color:#066694!important;color:#fff!important;} .opsFuelUnionAptTable td {} .opsFuelUnionGreen {background-color: var(--AviphantGreen);} .opsFuelUnionOrange {background-color: var(--AviphantOrange);} .opsFuelUnionYellow {background-color: var(--AviphantYellow);} .opsFuelUnionRed {background-color: var(--AviphantWarnRed);} .opsFuelUnionDarkRed {background-color: var(--AviphantDarkRed);color:#fff} #divUnionAirportDataListing {position: fixed; z-index: 12000; left: 50%; top: 50%; transform: translate(-50%, -50%); border:2px solid var(--AviphantDarkBlue); border-radius:5px; padding: 5px; background-color: #fff; display:none; box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} .scheduleAddTerminDiv {position:absolute; top:100px; left:100px; z-index:99997; background-color:#fff; border:2px solid #066694; border-radius: 5px; margin:5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:0px;} .scheduleAddTerminTable {border-spacing: 0px; width:100%; height:100%} .scheduleAddTerminHeader {background-color: #5F6C76; color:#fff; font-weight: bold; height:20px; text-align: center} .scheduleAddTerminTable tr:nth-child(even) {background-color:#EEE;} .scheduleAddTerminTable tr:hover:not(:first-child) {background-color:#066694;color:#fff;} .scheduleAddTerminTable tr:not(:first-child) {cursor:pointer} .confirmDeleteDiv{position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index:12000; background-color:#fff; border:2px solid var(--AviphantDarkRed); border-radius: 5px; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:10px;} .icaoDataTable {} .icaoDataTable th { font-weight:bold; font-size:10px;} .icaoDataTable td { font-size:10px;} #mxiAddNewRecordDiv {display: none; position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:9999; background-color: #fff; border:2px solid var(--AviphantLightBlue); box-shadow: 5px 10px rgba(0, 0, 0, 0.5); border-radius: 5px; margin:0px;} #mxiAddNewRecordDiv th { background-color: var(--AviphantLightBlue); color:#fff;} #mxiRecordDetailDiv {display: none; position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:9999; background-color: #fff; border:2px solid var(--AviphantLightBlue); box-shadow: 5px 10px rgba(0, 0, 0, 0.5); border-radius: 5px; margin:0px;} #mxiRecordDetailDiv th { background-color: var(--AviphantLightBlue); color:#fff} .mxiRecordDetailTable {} .mxiRecordDetailData tr:nth-child(even) {background: #EEE} .mxiRecordDetailData tr:nth-child(odd) {background: #FFF} .mxListTable {width:100%;border-collapse: collapse; border:2px solid #000;} .mxListTable th { color:#11496C; font-weight:bold; font-size:12px; border-left:1px solid; border-right:1px solid;} .mxListTable td { text-align:center;padding: 6px;} .mxListTable tr:nth-child(even) {background: #EEE} .mxListTable tr:nth-child(odd) {background: #FFF} .mxListTable tr:nth-child(even) td { border-right:1px solid #FFF} .mxListTable tr:nth-child(odd) td { border-right:1px solid #EEE} .mxListTable tr:nth-child(n+3):hover {background-color: var(--AviphantLightBlue);color:#fff; cursor:pointer} .mxListTable tr:nth-child(n+3) td:nth-child(2n+7) {border-right: 1px solid #11496C} .accfrEditDiv {position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); height:80%; width:80%; z-index:99997; background-color:#fff; border:2px solid #066694; border-radius: 5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:10px; overflow-y: scroll; overflow-x: auto;} /*.accfrEditDiv {position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); height:80%; z-index:99997; background-color:#fff; border:2px solid #066694; border-radius: 5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:10px; overflow-y: scroll; overflow-x: auto;}*/ .accfrEditContentTable{width: 100%; border-spacing: 00px; border-collapse: separate;} #frEditHeader {background-color:var(--AviphantDarkBlue);color:#fff; font-size: large} .sectionHeading {background-color:var(--AviphantLightBlue);color:#fff; font-size: larger; cursor: pointer} .frDataTable {} .frDataTable input {font-weight:bold; color: var(--AviphantDarkBlue);} .frDataTable th {background-color:var(--AviphantDarkGrey) !important;color:#fff; font-size: small!important} .frDataTable tr:nth-child(even) {background: #EEE} .frDataTable tr:nth-child(odd) {background: #FFF} .frDataTable tr:not(:first-child):hover {background-color: #11496C;color:#fff} .accFrEditTripSearchDiv {position:absolute; top:100px; left:100px;z-index:99998; background-color:#fff; border:2px solid #066694; border-radius: 5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:10px; } #frEditTripSearchTable th{font-size: larger; font-weight: bold; color: var(--AviphantDarkBlue);} #frEditTripSeachTableData tr:not(:first-child):hover {background-color: #11496C!important;color:#fff; cursor: pointer;} #frEditTripSeachTableData tr:nth-child(even) {background: #EEE} #frEditTripSeachTableData tr:nth-child(odd) {background: #FFF} #frEditImportSignleSectorTable th{font-size: larger; font-weight: bold; color: var(--AviphantDarkBlue);} #frEditImportSignleSectorTableData tr:not(:first-child):hover {background-color: #11496C!important;color:#fff; cursor: pointer;} #frEditImportSignleSectorTableData tr:nth-child(even) {background: #EEE} #frEditImportSignleSectorTableData tr:nth-child(odd) {background: #FFF} #frEditImportBulkSectorTable th{font-size: larger; font-weight: bold; color: var(--AviphantDarkBlue);} #frEditImportBulkSectorTableData tr:not(:first-child):hover {background-color: #11496C!important;color:#fff; cursor: pointer;} #frEditImportBulkSectorTableData tr:nth-child(even) {background: #EEE} #frEditImportBulkSectorTableData tr:nth-child(odd) {background: #FFF} #frEditImportBulkSectorTable th{font-size: larger; font-weight: bold; color: var(--AviphantDarkBlue);} #frEditImportBulkSectorTableData tr:not(:first-child):hover {background-color: #11496C!important;color:#fff; cursor: pointer;} #frEditImportBulkSectorTableData tr:nth-child(even) {background: #EEE} #frEditImportBulkSectorTableData tr:nth-child(odd) {background: #FFF} #frExpenditureItemTable th {font-size: larger; font-weight: bold; color: var(--AviphantDarkBlue);} .frExpenditureDataTable {} .frExpenditureDataTable input {font-weight:bold; color: var(--AviphantDarkBlue);} .frExpenditureDataTable th {background-color:var(--AviphantDarkGrey) !important;color:#fff; font-size: small!important} .frExpenditureDataTable tr:nth-child(even) {background: #EEE} .frExpenditureDataTable tr:nth-child(odd) {background: #FFF} .frExpenditureDataTable tr.actualDataLine:hover {background-color: #11496C;color:#fff} .frExpenditureDataTable tr:last-child {background: #FFF} .frExpenditureDataTable th {padding-left: 10px; padding-right: 10px;} .frExpenditureDataTable td {padding-left: 5px; padding-right: 5px;} .accountingActionTable{} .accountingActionTable th {font-size: small} .accountingActionTable tr:nth-child(n+3):hover {background-color: var(--AviphantLightBlue);color:#fff; cursor:pointer} .accountingActionTable tr:not(:first-child) {cursor:pointer} .accountingListTable {width:100%;border-collapse: collapse; border:2px solid #000;} .accountingListTable th { color:#11496C; font-weight:bold; font-size:12px; border-left:1px solid; border-right:1px solid;} .accountingListTable td { text-align:center;padding: 6px;} .accountingListTable tr:hover {background-color: #11496C;color:#fff} .accountingListTable tr:nth-child(even) {background: #EEE} .accountingListTable tr:nth-child(odd) {background: #FFF} .accountingListTable tr:nth-child(even) td { border-right:1px solid #FFF} .accountingListTable tr:nth-child(odd) td { border-right:1px solid #EEE} .accountingListTable tr:not(:first-child):hover {background-color: #11496C;color:#fff} .accountingListTable tr:not(:first-child) {cursor:pointer} .accountingEditDataTable {width:100%;border-spacing: 0px;border-collapse: separate;} .accountingEditDataTable th {width:33%; border-top: 2px solid #066694} .rowSeperator {} .cellHeading {font-weight:bold;} .accountingEditSectorDiv {position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index:99997; background-color:#fff; border:2px solid #066694; border-radius: 5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:0px; } .accountingEditSectorTable {border-spacing: 0px; width:100%; height:100%} .accountingEditSectorHeader {background-color: #5F6C76; color:#fff; font-weight: bold; height:20px; text-align: center} .invoiceEditDiv {position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index:99997; background-color:#fff; border:2px solid #066694; border-radius: 5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:0px; } .invoiceEditDiv table th {font-size: small} .retractedInvoiceLine {text-decoration: line-through; color:#989898} .invoiceSeperator {border-top: 1px dashed var(--AviphantDarkRed)} .fuelCardDataDiv {position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index:99997; background-color:#fff; border:2px solid #066694; border-radius: 5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:0px; width:30%} .fuelCardDataDiv table {width:100%} .fuelCardDataDiv td.subheading {background-color: var(--AviphantStandardBlue); color:#fff; text-align: center; font-weight: bold} .fuelDelCardDataDiv {position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index:99997; background-color:#fff; border:2px solid var(--AviphantDarkRed)!important; border-radius: 5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:0px; width:30%} .fuelDelCardDataDiv table {width:100%} .fuelDelCardDataDiv td.subheading {background-color: var(--AviphantDarkRed); color:#fff; text-align: center; font-weight: bold} /* Customer / Pax */ .customerEditDiv {position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index:99997; background-color:#fff; border:2px solid var(--AviphantStandardBlue); border-radius: 5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:0px; width:30%} .customerEditDiv table {width:100%; border-spacing: 0} .customerEditDivHeading {background-color: var(--AviphantDarkBlue); color:#fff; text-align: center; font-weight: bold; font-size: large;} .customerEditDiv td.subheading {background-color: var(--AviphantStandardBlue); color:#fff; text-align: center; font-weight: bold} .customerDeleteDiv {position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index:99997; background-color:#fff; border:2px solid var(--AviphantDarkRed); border-radius: 5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:0px; width:30%} .customerDeleteDiv table {width:100%; border-spacing: 0} .customerDeleteDivHeading {background-color: var(--AviphantDarkRed); color:#fff; text-align: center; font-weight: bold; font-size: large;} .customerDeleteDiv td.subheading {background-color: var(--AviphantDarkGrey); color:#fff; text-align: center; font-weight: bold} .paxListTable {width:100%;border-collapse: collapse; border:2px solid #000;} .paxListTable th { background-color: #fff !important; color:var(--AviphantDarkBlue); font-weight:bold; font-size:12px; border-left:1px solid; border-right:1px solid; cursor: default!important;} .paxListTable td { text-align:center;padding: 6px;} .paxListTable tr:nth-child(even) {background: #EEE} .paxListTable tr:nth-child(odd) {background: #FFF} .paxListTable tr:nth-child(even) td { border-right:1px solid #FFF} .paxListTable tr:nth-child(odd) td { border-right:1px solid #EEE} .paxListTable tr:nth-child(1) th {border-bottom: 1px solid #000} .paxListTable tr:nth-child(2) th {border-bottom: 2px solid #000} .paxListTable tr:hover {background-color: var(--AviphantStandardBlue); color:#fff; cursor: pointer} .paxListAlert {color:var(--AviphantWarnRed)!important; font-weight: bold;} .importPaxDataDiv { position:fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color:#fff; border:2px solid #066694; border-radius: 5px; margin:5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:0px; z-index:11000; height:350px} .importPaxDataTable {border-spacing: 0px; width:100%; height:100%} .importPaxDataTableHeader td {background-color: var(--AviphantDarkGrey); color:#fff; font-weight: bold; height:20px; text-align: center} .availablePaxdataListing {width:100%; border-collapse: collapse; height:100%;} .availablePaxdataListing tr{display: table; width: 100%; table-layout: fixed;} .availablePaxdataListing thead{display: block;} .availablePaxdataListing tbody{display: block; height: 150px; overflow: auto; width:100%} .availablePaxdataListing th {background-color: var(--AviphantDarkBlue); color:#fff; padding:5px;} .availablePaxdataListing td {text-align: center; padding:5px;} .availablePaxdataListing tr:nth-child(even) {background: #EEE} .availablePaxdataListing tr:nth-child(odd) {background: #FFF} .availablePaxdataListing tr:hover {background-color: var(--AviphantStandardBlue); color:#fff; cursor: pointer} .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;} .crewScheduleTable tr:nth-child(odd) {background-color:#EEE;} .heading td:first-child {background-color:#A3A3A3; font-weight: bold; color:#151515; text-align: center} .acHeading {text-align:center; background-color: #434343 !important; font-weight: bold; color:#fff} .AircraftDowntimeColorcodeAOG {color:#CC0033; font-weight:normal; text-decoration:none; background-color:#fff; padding:3px; border:1px solid #CC0033; border-radius: 5px;} .tdAircraftDowntimeColorcodeAOG { background-color:#CC0033; width:100px;} .tdAircraftDowntimeColorcodeAOG input{ cursor:pointer} .AircraftDowntimeColorcodeWerft {color:#788AA3; font-weight:normal; text-decoration:none; background-color:#fff; padding:3px; border:1px solid #788AA3; border-radius: 5px;} .tdAircraftDowntimeColorcodeWerft { background-color:#788AA3; width:100px;} .tdAircraftDowntimeColorcodeWerft input{ cursor:pointer} .AircraftDowntimeColorcodeStehzeit {color:#F87808; font-weight:normal; text-decoration:none; background-color:#fff; padding:3px; border:1px solid #F87808; border-radius: 5px;} .tdAircraftDowntimeColorcodeStehzeit { background-color:#F87808; width:100px;} .tdAircraftDowntimeColorcodeStehzeit input{ cursor:pointer} /* FSD */ #fsdFileSafetyReport {padding-left: 20px} .fsdReportTableBasic {border: 1px solid #a3a3a3;} .fsdReportTableBasic th {border: 0px solid #cc0033; background-color: #434343; color:#fff; font-weight: bold; font-size:small;} .fsdReportTableBasic tr:nth-child(odd) {background-color:#EEE;} .fsdHintText {font-size: smaller; color:#434343} .fsdReportTableSpecific {border: 1px solid #a3a3a3; width:95%} .fsdReportTableSpecific th {border: 0px solid #cc0033; background-color: #434343; color:#fff; font-weight: bold; font-size:small;} .fsdReportTableSpecific tr:nth-child(odd) {background-color:#EEE;} .fsdReportTableSpecific textarea {width:100%; resize: none} .routeDataTable {border-collapse: collapse; width:100%} .routeDataTable th {font-size: smaller; border-bottom: 3px solid #fff; background-color: #5F6C76; color:#fff; height:25px;} .routeDataTable tr:nth-child(odd) {background-color:#EEE;} .routeDataTable tr:not(:first-child):hover {background-color:#066694;color:#fff;} .routeDataTable tr.sectorRow {height:30px;} .routeDataTable td {vertical-align: middle} .routeDataTable input[type="text"] {color:#154FC3; font-weight: bold} .routeDataTable input[type="text"]:disabled {color:#444444; font-weight: bold} .routeDataTable input[type="text"].upper {text-transform:uppercase} .routeDataTable img {display:none} .routeDataTable tr:hover img {display:block} .distanceFailer {border:2px solid #B70003} .routePaxDataDiv {padding:5px; border-top: 1px solid #000; display: inline-block; margin-top: 20px;} .routePaxDataTable {border-collapse: collapse;font-size: small; } .routePaxDataTable th {font-size: smaller; border-bottom: 3px solid #fff; background-color: #5F6C76; color:#fff; height:25px; padding:0px 5px 0px 5px; font-weight: bold} .routePaxDataTable tr:nth-child(odd) {background-color:#EEE;} .routePaxDataTable tr:not(:first-child):hover {background-color:#066694;color:#000;} .routePaxDataTable tr:not(:first-child):hover td:nth-child(2) img {background-color:#fff;color:#000;} .routePaxDataTable tr:not(:first-child):hover td:nth-child(3) img {background-color:#fff;color:#000;} .routePaxDataTable tr.sectorRow {height:30px;} .routePaxDataTable td {vertical-align: middle} .routePaxDataTable input[type="text"] {color:#154FC3; font-weight: bold} .routePaxDataTable input[type="text"]:disabled {color:#444444; font-weight: bold} .routePaxDataTable input[type="text"].upper {text-transform:uppercase} .routePaxDataTable tr:hover img {display:block} .routePaxDataTableSectorDataTable td {border:1px solid var(--AviphantDarkGrey)} .activePaxDataCell {color:#000} .inactivePaxDataCell {color:var(--AviphantWarnRed)} .alertHintDiv {position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:10px; z-index:9999; background-color:rgba(255, 255, 255, 1); border:3px solid #B90003; border-radius:5px; display:none;} .alertHintTable th {} .searchAirportDiv {position:absolute; top:100px; left:100px; z-index:99997; background-color:#fff; border:2px solid #066694; 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 {background-color: #5F6C76; color:#fff; font-weight: bold; height:20px; text-align: center} .searchResultTable {border-collapse: collapse; width:100%} .searchResultTable th {font-size: smaller; border-bottom: 3px solid #fff} .searchResultTable tr:nth-child(odd) {background-color:#EEE;} .searchResultTable tr:hover {background-color:#066694;color:#fff;} .searchResultTable tr:not(:first-child) {cursor:pointer} .searchTripNrDiv {position:absolute; top:100px; left:100px; z-index:99997; background-color:#fff; border:2px solid #066694; border-radius: 5px; margin:5px; font-size:x-small; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); display:none; padding:0px;} .searchTripNrTable {border-spacing: 0px; width:100%; height:100%} .searchTripNrTableHeader {background-color: #5F6C76!important; color:#fff!important; font-weight: bold; height:20px; text-align: center} .searchTripNrTable tr:nth-child(odd) {background-color:#EEE;} .searchTripNrTable tr:hover:not(:first-child) {background-color:#066694;color:#fff!important;} .searchTripNrTable tr:not(:first-child) {cursor:pointer} .windowHeader { background-color: #777777; color: white; font-size: large!important; } .windowHeader img{ padding-top: 5px; padding-right:5px; cursor: pointer; } .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;} .icaoLink { font-weight:bold; cursor:pointer;} .routeEditInfoTest { font-size:x-small;} .routeUL { margin-left:-40px; list-style-image:url(../images/icons/pin.gif)} .sectorEditDiv {position: fixed; z-index: 12000; left: 50%; top: 50%; transform: translate(-50%, -50%); border:2px solid var(--AviphantDarkBlue); border-radius:5px; padding: 5px; background-color: #fff; display:none; box-shadow: 5px 10px rgba(0, 0, 0, 0.5); overflow-x: scroll; height:90%} .sectorDeleteDiv {position: fixed; z-index: 12000; left: 50%; top: 50%; transform: translate(-50%, -50%); border:2px solid var(--AviphantDarkRed); border-radius:5px; padding: 5px; background-color: #fff; display:none; box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} .acLegtimeInfo th {color:var(--AviphantStandardBlue); font-weight:bold; font-size:14px;} .acLegtimeInfo tr.sectorDataSeperator td {border-bottom: 1px solid var(--AviphantDarkGrey); padding-bottom: 5px;} .flugstundenLegsTable {width:100%;border-collapse: collapse; border:2px solid #000;} .flugstundenLegsTable th { color:#11496C; font-weight:bold; font-size:12px; border-left:1px solid; border-right:1px solid; padding-left: 5px; padding-right: 5px;} .flugstundenLegsTable td { text-align:center;padding: 6px;} .flugstundenLegsTable tr:hover {background-color: #11496C;color:#fff} .flugstundenLegsTable tr:nth-child(even) {background: #EEE} .flugstundenLegsTable tr:nth-child(odd) {background: #FFF} .flugstundenLegsTable tr:nth-child(even) td { border-right:1px solid #FFF} .flugstundenLegsTable tr:nth-child(odd) td { border-right:1px solid #EEE} .flugstundenLegsTable tr:not(:first-child):hover {background-color: #11496C;color:#fff} .flugstundenLegsTable .specialTdRightBlue {border-right: 1px dotted #11496C !important;} .flugstundenLegsTable tr:not(:first-child):hover .specialTdRightBlue {border-right: 1px dotted #fff !important;} .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;} .coverDiv { position:fixed; left:0.1%; top:0.1%; right:0.1%; bottom: 0.1%; z-index:9998; background-color:#fff; opacity:0.8; display:none;} .errorCoverDiv { position:fixed;left:0%; top:0%; right:0%; bottom: 0%; z-index:9998; background-color:#fff; opacity:0.8; display:none;} .errorMessageDiv{ position:absolute; top:50%; left:50%; display:none; z-index:999999; background-color:#fff; border:5px solid #B90003; border-radius:5px; padding:10px; margin-right: -50%; transform: translate(-50%, -50%);} .warningMessageDiv{ position:absolute; top:50%; left:50%; display:none; z-index:999999; background-color:#fff; border:5px solid #F76300; border-radius:5px; padding:10px; cursor:pointer; margin-right: -50%; transform: translate(-50%, -50%);} #flugstundenLegLimitDiv{ width:100%; text-align:right;} .feeAnalysisNavTab {border:1px solid var(--AviphantDarkBlue); cursor: pointer} .feeAnalysisNavInactiveTab {background-color: #fff; border:1px solid var(--AviphantDarkBlue); color: var(--AviphantDarkBlue); cursor: pointer} .feeAnalysisNavActive {background-color: var(--AviphantLightBlue); color:#fff; border:1px solid var(--AviphantDarkBlue); cursor: pointer} .feeAnalysisNavInactiveTab:hover {background-color: var(--AviphantStandardBlue); color:#fff; border:1px solid var(--AviphantDarkBlue); cursor: pointer} .feeAnalysisNavActive:hover {background-color: var(--AviphantStandardBlue); color:#fff; border:1px solid var(--AviphantDarkBlue); cursor: pointer} .feeAnalysisNavTab:hover {background-color: var(--AviphantStandardBlue); color:#fff; border:1px solid var(--AviphantDarkBlue); cursor: pointer} .paxFeeTable {width:100%; border:2px solid #000;border-collapse: collapse;} .paxFeeTable th { color:#11496C; font-weight:bold; font-size:12px; border-left:1px solid; border-right:1px solid;} .paxFeeTable td { border: 0px dashed #B4B4B4; text-align:center; border-left:1px solid #B4B4B4; border-right:1px solid #B4B4B4; padding:2px;} .paxFeeTable td.emptyData { color:#AB0002; font-weight:bold; padding:5px;} .paxFeeTable tr:nth-child(even) {background: #FFF} .paxFeeTable tr:nth-child(odd) {background: #EEE} .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;} .newFbmDiv {position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:10px; z-index:1000002; background-color:rgba(255, 255, 255, 0.85); } .newFbmState1 {border:3px solid #005504;border-radius:5px;} .newFbmState2 {border:3px solid #ff0000;border-radius:5px;} .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;} .msgTable {width:100%; border:2px solid #000;border-collapse: collapse;} .msgTable th { color:#11496C; font-weight:bold; border-left:1px solid; border-right:1px solid; border-bottom: 1px solid #000} .msgTable td { border: 0px dashed #B4B4B4; text-align:center; border-left:1px solid #B4B4B4; border-right:1px solid #B4B4B4; padding:2px;} .msgTable td.emptyData { color:#AB0002; font-weight:bold; padding:5px;} .msgTable tr:nth-child(even) {background: #FFF} .msgTable tr:nth-child(odd) {background: #EEE} .msgTable tr:not(:first-child):hover {background: #11496C; color:#fff} .msgNewDiv { position:absolute; margin-left: 25%; margin-right: 25%; width:50%; top: 150px; display:none; z-index:9999; background-color:#fff; border:5px solid #024700; border-radius:5px; padding:0px;} .msgEditDiv { position:absolute; margin-left: 25%; margin-right: 25%; width:50%; top: 150px; display:none; z-index:9999; background-color:#fff; border:5px solid #11496C; border-radius:5px; padding:0px;} .msgDelDiv { position:absolute; margin-left: 25%; margin-right: 25%; width:50%; top: 150px; display:none; z-index:9999; background-color:#fff; border:5px solid #B90003; border-radius:5px; padding:0px;} .msgDetailsDiv { position:absolute; margin-left: 25%; margin-right: 25%; width:50%; top: 150px; display:none; z-index:9999; background-color:#fff; border-radius:5px; padding:0px; padding-bottom: 10px;} .msgType1 { border:2px solid #B90003;} .msgType2 { border:2px solid #11496C;} .msgType3 { border:2px solid #415969;} .msgAdminTable {border-spacing: 0px; width:100%; height:100%} .msgAdminTableHeader {background-color: #5F6C76; color:#fff; font-weight: bold; height:20px; text-align: center} #msgEditText {resize: none!important} .msgReadDone {color: #00BB2C;} .msgReadFail {color: #AA070A} #msgAgentEnvelope {height:30px; width:44px; background-image: url("../images/icons/iconEnvelope.png"); background-repeat: no-repeat; text-align: center;padding-top:1px; cursor:pointer;} #msgAgentEnvelopeGrey {height:30px; width:44px; background-image: url("../images/icons/iconEnvelopeGrey.png"); background-repeat: no-repeat; text-align: center;padding-top:1px; cursor:pointer;} .kontaktTable { width:40%; border:2px solid #6C6C6C; border-radius:5px; margin:5px;} .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} .aviphantMenu { position:fixed; right:0px; height:50px; left:0px; top:0px; margin-top:0px; padding-top:0px; z-index:9500; border-bottom:2px solid #569bbc;; background: #061530; background: -moz-linear-gradient(top, #333333 0%, #061530 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #061530)); background: -webkit-linear-gradient(top, #333333 0%, #061530 100%); background: -o-linear-gradient(top, #333333 0%, #061530 100%); background: -ms-linear-gradient(top, #333333 0%, #061530 100%); background: linear-gradient(to bottom, #333333 0%, #061530 100%); } .aviphantMenu td {color: #fff;} .homeTable { width:90%;} .homeTable td { width:50%; vertical-align:top;} .homeProfile { width:80%; padding:5px; border: 1px solid #B0B0B0; border-radius:5px; } .homeProfile ul {list-style-image:url(../images/icons/bullet-blue-alt.png)} .homeProfile ul {list-style-image:url(../images/icons/bullet-blue-alt.png)} .recencyTable {} .recencyTable th {font-size:12px; background-color:#01496C; color:#fff;} .recencyTable tr:nth-child(even) {background: #FFF} .recencyTable tr:nth-child(odd) {background: #EEE} .recencyTable tr:not(:first-child):hover {background: #11496C; color:#fff} .recencyTable td {text-align: center} .recencyWarning {background-color:var(--AviphantOrange) !important;} .recencyExpired {background-color:var(--AviphantDarkRed) !important; color:#fff !important} .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} .breadCrumbTable a:active, a:visited {color:#000; text-decoration: none} .breadCrumbTable a:hover {color:#01496C; text-decoration: underline} .kdbMainTable a, a:active, a:visited {color:#000; text-decoration: none} .kdbMainTable a:hover {color:#01496C; text-decoration: underline} .kdbFileTable a, a:active, a:visited {color:#000; text-decoration: none} .kdbFileTable a:hover {color:#01496C; text-decoration: underline} .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 #569bbc; 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(--AviphantLightBlue);} .kdbLogDataDiv tr:nth-child(even) {background: #EEE} .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} .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; } /* Organigram Styles */ div.orgChart {border: 0px solid #cccccc; margin: 10px; padding: 20px;} div.orgChart h2 {margin: 0px; font-size: 1em; border-bottom: none;} div.orgChart ul {list-style: none; margin: 4px; padding: 0px; font-size: 0.8em; text-align: left;} div.orgChart ul.stack, div.orgChart ul.stack ul {text-align: center;} div.orgChart table {width: 100%;} div.orgChart tr.lines td.line {width: 1px; height: 20px;} div.orgChart tr.lines td.top {border-top: 3px solid black;} div.orgChart tr.lines td.left {border-right: 2px solid black;} div.orgChart tr.lines td.right {border-left: 2px solid black;} div.orgChart td {text-align: center; vertical-align: top; padding: 0px 0px;} div.orgChart div.node {cursor: default; border: 2px solid black; display: inline-block; padding: 4px; background-color: #fff; line-height: 1.3em; -moz-border-radius: 8px; -moz-box-shadow: 4px 4px 6px #888888; -webkit-border-radius: 8px; -webkit-box-shadow: 4px 4px 6px #888888;border-radius: 8px; box-shadow: 4px 4px 6px #888888;} div.orgChart div.hasChildren {background-color: #fff;} div.orgChart.interactive div.hasChildren {cursor: pointer;} div.orgChart div.node.hover {background-color: white;} div.orgChart div.adjunct.node {position: absolute; margin-top: 8px; margin-left: -110px; width: 80px; height: 40px; background-color: #efefef;} div.orgChart div.adjunct-link {display: inline-block; position: absolute; margin-left: -20px; margin-top: 25px; width: 20px; border: 1px dashed black;} table.orgitem th {font-weight: bold; color:#192231;} table.orgitem tr:nth-child(2) {font-style: italic; color:#01496c;} table.orgitem tr:nth-child(3) {color:#000;} /* Compliance Styles */ .complianceListTable {width:100%;border-collapse: collapse; border:2px solid #000;} .complianceListTable th { color:#fff; background-color: #11496C; 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 var(--AviphantDarkBlue)} .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:#11496C;} .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: #11496C; font-size:12px; font-weight: normal;} /* Security Styles */ .secuCcTable {width:100%;border-collapse: collapse; border:2px solid #000;} .secuCcTable th { color:#fff; background-color: #11496C; font-weight:bold; font-size:12px; border-left:1px solid; border-right:1px solid;} .secuCcTable td { text-align:center;padding: 6px; vertical-align: top; border-right: 1px solid #fff !important} .secuCcTable tr.evenRow {background: #EEE} .secuCcTable tr.oddRow {background: #FFF} .secuCcTable tr:not(:first-child):hover {border:2px solid #01496c; background-color: #ABABAB} .secuCcTable tr.activatedLine {border:2px solid #fcc037 !important;} .secuCcTable th {background-color: #569bbc; font-weight: bold; color:#fff; padding-top:5px; padding-bottom: 5px; text-align: center} .secuCcTable td {vertical-align: top} .secuCcTable td.cellHeader {font-weight: bold; color:#11496C;} .ccDataDivBox {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); display: none} .ccDataDivBox tr:first-child { background-color: var(--AviphantLightBlue); } .ccDataDivBox th {text-align: center; font-size:14px; color:#fff;} .ccDataDivBoxDelete {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);} .ccDataDivBoxDelete th {font-size: large; color:#980F0F;} /* Management Styles */ .mngmntTodoListTable {width:100%;border-collapse: collapse; border:2px solid #000;} .mngmntTodoListTable th { color:#fff; background-color: #11496C; font-weight:bold; font-size:12px; border-left:1px solid; border-right:1px solid;} .mngmntTodoListTable td { text-align:center;padding: 6px; vertical-align: top; border-right: 1px solid #fff !important} .mngmntTodoListTable tr:nth-child(even) {background: #fff} .mngmntTodoListTable tr:nth-child(odd) {background: #eee} .mngmntTodoListTable tr:not(:first-child):hover {border:0px solid #01496c; background-color: var(--AviphantLightBlue)} .divMiDataDetailBox {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; max-width: 90%; 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);} .mngmntTodoMiDetailTable {width:100%;border-collapse: collapse;} .mngmntTodoMiDetailTable th { color:#fff; background-color: #11496C; font-size:12px; font-weight: normal;} .mngmntTodoMiDetailDataTable th {background-color: #569bbc; font-weight: bold; color:#fff; padding-top:5px; padding-bottom: 5px; text-align: center} .mngmntTodoMiDetailDataTable td {vertical-align: top} .mngmntTodoMiDetailDataTable td.cellHeader {font-weight: bold; color:#11496C;} #miRowDetailDiv {position: absolute; max-width: 50%; background-color: #fff; border:2px solid var(--AviphantLightBlue); border-radius: 5px; padding:10px;box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} .mngmntReminder { background-color: var(--AviphantOrange) !important} .mngmntDue {color:#fff; background-color: var(--AviphantDarkRed) !important} .mngmntDone {background-color: var(--AviphantLightGrey) !important} /* TRAVEL DOCS */ .travelDocsTable {width:100%;border-collapse: collapse;} .travelDocsTable td {padding-left: 5px;padding-right:5px;} .travelDocsTable tr:first-child td {font-weight: bold; text-align: center;} .travelDocsTable tr:not(:first-child):hover {background-color: var(--AviphantLightBlue);} /* EBC */ .opsEbulListTable {width:100%;border-collapse: collapse; border:2px solid #000;} .opsEbulListTable th { color:#fff; background-color: #11496C; font-weight:bold; font-size:12px; border-left:1px solid; border-right:1px solid;} .opsEbulListTable td { text-align:center;padding: 6px; vertical-align: top; border-right: 1px solid #fff !important} .opsEbulListTable tr:nth-child(even) {background: #fff;} .opsEbulListTable tr:nth-child(odd) {background: #eee} .opsEbulListTable tr:not(:first-child):hover {border:0px solid #01496c; background-color: var(--AviphantLightBlue); cursor: pointer} .divEbulDataDetailBox {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; max-width: 90%; 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);} .ebulDetailTable {width:100%;border-collapse: collapse;} .ebulDetailTable th { color:#fff; background-color: #11496C; font-size:12px; font-weight: normal;} .ebulDetailDataTable th {background-color: #569bbc; font-weight: bold; color:#fff; padding-top:5px; padding-bottom: 5px; text-align: center} .ebulDetailDataTable td {vertical-align: top} .ebulDetailDataTable td.cellHeader {font-weight: bold; color:#11496C;} .ebulDetailTableBottom {width:100%;border-collapse: collapse;} .ebulDetailTableBottom th { color:#fff; background-color: #11496C; font-size:12px; font-weight: normal;} .ebulLogTable {width:100%;border-collapse: collapse;} .ebulLogTable th { color:#fff; background-color:var(--AviphantStandardBlue)!important; font-weight:bold; font-size:12px;} .ebulLogTable td { text-align:center;padding: 6px; vertical-align: top;} .ebulLogTable tr:nth-child(even) {background: #fff} .ebulLogTable tr:nth-child(odd) {background: #eee} .ebulLogTable tr:not(:first-child):hover {border:0px solid #01496c; background-color: var(--AviphantLightBlue)} /* WBIC */ .wbicListTable {width:100%;border-collapse: collapse; border:2px solid #000;} .wbicListTable th { color:#fff; background-color: #11496C; font-weight:bold; font-size:12px; border-left:1px solid; border-right:1px solid;} .wbicListTable td { text-align:center;padding: 6px; vertical-align: top; border-right: 1px solid #fff !important} .wbicListTable tr:nth-child(even) {background: #fff;} .wbicListTable tr:nth-child(odd) {background: #eee} .wbicListTable tr:not(:first-child):hover {border:0px solid #01496c; background-color: var(--AviphantLightBlue); cursor: pointer} .divWbicDataDetailBox {margin: 0; position: absolute; top: 50%;left: 50%; margin-right: -50%; max-width: 90%; 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);} .wbicDetailTable {width:100%;border-collapse: collapse;} .wbicDetailTable th { color:#fff; background-color: #11496C; font-size:12px; font-weight: normal;} .wbicDetailDataTable th {background-color: #569bbc; font-weight: bold; color:#fff; padding-top:5px; padding-bottom: 5px; text-align: center} .wbicDetailDataTable td {vertical-align: top} .wbicDetailDataTable td.cellHeader {font-weight: bold; color:#11496C;} .wbicDetailTableBottom {width:100%;border-collapse: collapse;} .wbicDetailTableBottom th { color:#fff; background-color: #11496C; font-size:12px; font-weight: normal;} .wbicLogTable {width:100%;border-collapse: collapse;} .wbicLogTable th { color:#fff; background-color: #11496C; font-weight:bold; font-size:12px;} .wbicLogTable td { text-align:center;padding: 6px; vertical-align: top;} .wbicLogTable tr:nth-child(even) {background: #fff} .wbicLogTable tr:nth-child(odd) {background: #eee} .wbicLogTable tr:not(:first-child):hover {border:0px solid #01496c; background-color: var(--AviphantLightBlue)} /* ELA 2020 Styles */ .elaContentCourseExam {padding-left:10px} .elaCourseSectionNaviButton {width:100%; background-color: var(--AviphantStandardBlue); color:#fff; cursor: pointer;} .elaOverviewTable {border-collapse:collapse; border:2px solid #11233b;} .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:#003366; 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:#569bbc; color:#fff } .elaOverviewTable tr:not(:first-child) td:hover {border: 2px solid var(--AviphantDarkRed)!important; color:#fff } .elaOverviewTable tr.sectionHeaderTr:nth-child(odd),tr.sectionHeaderTr:nth-child(even) {background-color: var(--AviphantStandardBlue); color:#fff; font-weight: bold; } .elaOverviewTable tr.sectionHeaderTr:nth-child(odd):hover,tr.sectionHeaderTr:nth-child(even):hover {background-color: var(--AviphantStandardBlue); color:#fff; font-weight:bold;} .elaOverviewTable tr.sectionHeaderTr td:hover,tr.sectionHeaderTr td:hover {border: 2px solid var(--AviphantStandardBlue)!important; color:#fff } .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 #008FD5; z-index:9999; background-color:#fff; display:none;} .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 #11233b; position:relative; left:30px; z-index:5; font-size:12px; border-spacing: 0px;} .elaAdminQuestionsHeadTable td:first-child {width:10%;} .elaAdminQuestionsHeadTable tr:last-child {background: #11233b} .elaAdminQuestionsTable {width:90%; border:2px solid #11233b; 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: #11233b; 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(--AviphantDarkBlue); 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:#2e5d8b; color:#fff; text-align: left;} .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%} .elaExamSingleQuestionDiv{} .elaExamHeader {background-color: var(--AviphantStandardBlue); color:white;} .elaExamHintText {color: var(--AviphantLightGrey);} .examBottomData {width:100%} .examBottomData input:disabled {background-color: var(--AviphantDarkRed)!important;color:#fff!important;cursor:no-drop; padding:5px} .examBottomData input {background-color: var(--AviphantGreen)!important;color:#000!important;cursor: pointer;} .examResultFailed{color: var(--AviphantDarkRed);} .examResultPassed{color: var(--AviphantGreen);} .elaStatusTable {border-collapse: collapse} .elaStatusTable td {padding-left:10px; padding-right: 10px} .elaStatusHeadingObsolete {font-weight: bold; text-align: center; background-color: var(--AviphantYellow);} .elaStatusHeadingRenew {font-weight: bold; text-align: center; background-color:var(--AviphantOrange); color:#fff;} .elaStatusHeadingExpired {font-weight: bold; text-align: center; background-color:var(--AviphantDarkRed); color:#fff;} .elaPPstatevalid {} .elaPPstateobsolete {background-color: var(--AviphantYellow);} .elaPPstaterenew {background-color: var(--AviphantOrange); color:#fff;} .elaPPstateexpired {background-color: var(--AviphantDarkRed); color: #fff;} #elaPpDataDiv {position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; background-color: #fff; border: 1px solid var(--AviphantStandardBlue); border-radius: 5px; z-index: 10000; display: none; box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} #elaWeaverDataDiv {position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; background-color: #fff; border: 1px solid var(--AviphantStandardBlue); border-radius: 5px; z-index: 10000; display: none; box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} /* STATISTICS */ .statDataBlockTable {width: 100%;border-collapse: collapse;} .statDataBlockTable th { color:#fff; background-color: var(--AviphantDarkBlue); font-size: large; padding:5px;} .statTable {width:100%; text-align: center;border-collapse: collapse; border: 2px solid #000} .statTable th { color:#fff; background-color: var(--AviphantStandardBlue); font-weight:bold; font-size:12px; border-left:1px solid; border-right:1px solid;} .statTable td {text-align: center} .statTable tr:nth-child(even) {background: #EEE} .statTable tr:nth-child(odd) {background: #FFF} .statTable tr:not(:first-child):hover{background-color:var(--AviphantLightBlue);} .specialTdRight {border-right: 1px solid var(--AviphantDarkBlue) !important;} .specialTdRightGrey {border-right: 1px dotted var(--AviphantLightGrey) !important;} .statTableDatafields { text-align: center;border-collapse: collapse; bordero:1px solid #cc0033; border:3px solid rgba(255, 0, 0, 0);} .statTableDatafields:hover {background-color: #fff !important; border:3px solid #fff;} .statTableDatafields:hover td {border:1px solid var(--AviphantStandardBlue); padding:3px;} .statTableDatafields tr:nth-child(even) {background: none !important;} .statTableDatafields tr:nth-child(odd) {background: none !important;} .statTableDatafields td {background-color: none !important; padding:3px;} .statInfoDiv{position: absolute; left:10%; top:10%; z-index: 12000; border:2px solid var(--AviphantStandardBlue); background-color: #fff; border-radius: 5px; padding: 5px; display: none; box-shadow: 5px 10px rgba(0, 0, 0, 0.5);} .statTableTbodyNav { color:#fff; background-color: #fff !important;} .statTableTbodyNav td {font-size: larger; font-weight: bold; padding:5px; cursor: pointer; border:1px solid #fff; color: var(--AviphantDarkBlue)} .statTableTbodyNav td.datatsetSelected {font-size: larger; font-weight: bold; padding:5px; cursor: pointer; background-color: var(--AviphantLightBlue) ;color: #fff;} .statTableTbodyNav td:hover, td.datatsetSelected:hover {font-size: larger; font-weight: bold; padding:5px; cursor: pointer; background-color: var(--AviphantLightGrey);color: var(--AviphantStandardBlue);} .chartDiv {position: absolute; display:none; width:400px; height:200px;margin: 0 0 auto auto;z-index: 12000; border:2px solid var(--AviphantStandardBlue); background-color: #fff; border-radius: 5px; padding: 5px;box-shadow: 5px 10px rgba(0, 0, 0, 0.5); cursor:pointer} /* Admin Style */ .admUserAbilityTable {width:100%;border-collapse: collapse; border: 1px solid #192231;} .admUserAbilityTable tr:nth-child(even) {background: #EEE} .admUserAbilityTable tr:nth-child(odd) {background: #FFF} .admUserAbilityTable tr:first-child {background: #192231; color:#fff;} .admUserAbilityTable tr:first-child th {padding:5px;} .admUserAbilityTable tr:not(:first-child):hover {background: #569bbc; color:#fff} .admUserAbilityTable tr:not(:first-child) td {border-right: 1px solid #192231;} .admUserAbilityTable td {padding:2px;} .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;} .admUserTable th {vertical-align: bottom; white-space: nowrap;} .vertical { writing-mode: vertical-lr; min-width: 50px;transform: rotate(180deg); vertical-align: top!important} .divAdmUserDetailBox {margin: 0; position: absolute; top: 10%; left: 50%; margin-right: -50%; width:95%; transform: translate(-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);} .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);} .admDetailTableBox {} .admDetailTableBox th {background-color: var(--AviphantDarkBlue); color:#fff; font-weight: bold; font-size: larger} /* progress circle styles */ .progress-circle {font-size: 20px; margin: 20px; position: relative; padding: 0; width: 5em; height: 5em; background-color: #F2E9E1; border-radius: 50%; line-height: 5em;} .progress-circle:after{border: none; position: absolute; top: 0.35em; left: 0.35em; text-align: center; display: block; border-radius: 50%; width: 4.3em; height: 4.3em; background-color: white; content: " ";} .progress-circle span {position: absolute; line-height: 5em; width: 5em; text-align: center; display: block; color: #53777A; z-index: 2;} .left-half-clipper {border-radius: 50%; width: 5em; height: 5em; position: absolute; clip: rect(0, 5em, 5em, 2.5em);} .progress-circle.over50 .left-half-clipper {clip: rect(auto,auto,auto,auto);} .value-bar {position: absolute; clip: rect(0, 2.5em, 5em, 0); width: 5em; height: 5em; border-radius: 50%; border: 0.45em solid #cc0033; box-sizing: border-box;} .progress-circle.over50 .first50-bar {position: absolute; clip: rect(0, 5em, 5em, 2.5em); background-color: #cc0033; border-radius: 50%; width: 5em; height: 5em;} .progress-circle:not(.over50) .first50-bar{display: none;} .progress-circle.p0 .value-bar { display: none; } .progress-circle.p1 .value-bar { transform: rotate(4deg); } .progress-circle.p2 .value-bar { transform: rotate(7deg); } .progress-circle.p3 .value-bar { transform: rotate(11deg); } .progress-circle.p4 .value-bar { transform: rotate(14deg); } .progress-circle.p5 .value-bar { transform: rotate(18deg); } .progress-circle.p6 .value-bar { transform: rotate(22deg); } .progress-circle.p7 .value-bar { transform: rotate(25deg); } .progress-circle.p8 .value-bar { transform: rotate(29deg); } .progress-circle.p9 .value-bar { transform: rotate(32deg); } .progress-circle.p10 .value-bar { transform: rotate(36deg); } .progress-circle.p11 .value-bar { transform: rotate(40deg); } .progress-circle.p12 .value-bar { transform: rotate(43deg); } .progress-circle.p13 .value-bar { transform: rotate(47deg); } .progress-circle.p14 .value-bar { transform: rotate(50deg); } .progress-circle.p15 .value-bar { transform: rotate(54deg); } .progress-circle.p16 .value-bar { transform: rotate(58deg); } .progress-circle.p17 .value-bar { transform: rotate(61deg); } .progress-circle.p18 .value-bar { transform: rotate(65deg); } .progress-circle.p19 .value-bar { transform: rotate(68deg); } .progress-circle.p20 .value-bar { transform: rotate(72deg); } .progress-circle.p21 .value-bar { transform: rotate(76deg); } .progress-circle.p22 .value-bar { transform: rotate(79deg); } .progress-circle.p23 .value-bar { transform: rotate(83deg); } .progress-circle.p24 .value-bar { transform: rotate(86deg); } .progress-circle.p25 .value-bar { transform: rotate(90deg); } .progress-circle.p26 .value-bar { transform: rotate(94deg); } .progress-circle.p27 .value-bar { transform: rotate(97deg); } .progress-circle.p28 .value-bar { transform: rotate(101deg); } .progress-circle.p29 .value-bar { transform: rotate(104deg); } .progress-circle.p30 .value-bar { transform: rotate(108deg); } .progress-circle.p31 .value-bar { transform: rotate(112deg); } .progress-circle.p32 .value-bar { transform: rotate(115deg); } .progress-circle.p33 .value-bar { transform: rotate(119deg); } .progress-circle.p34 .value-bar { transform: rotate(122deg); } .progress-circle.p35 .value-bar { transform: rotate(126deg); } .progress-circle.p36 .value-bar { transform: rotate(130deg); } .progress-circle.p37 .value-bar { transform: rotate(133deg); } .progress-circle.p38 .value-bar { transform: rotate(137deg); } .progress-circle.p39 .value-bar { transform: rotate(140deg); } .progress-circle.p40 .value-bar { transform: rotate(144deg); } .progress-circle.p41 .value-bar { transform: rotate(148deg); } .progress-circle.p42 .value-bar { transform: rotate(151deg); } .progress-circle.p43 .value-bar { transform: rotate(155deg); } .progress-circle.p44 .value-bar { transform: rotate(158deg); } .progress-circle.p45 .value-bar { transform: rotate(162deg); } .progress-circle.p46 .value-bar { transform: rotate(166deg); } .progress-circle.p47 .value-bar { transform: rotate(169deg); } .progress-circle.p48 .value-bar { transform: rotate(173deg); } .progress-circle.p49 .value-bar { transform: rotate(176deg); } .progress-circle.p50 .value-bar { transform: rotate(180deg); } .progress-circle.p51 .value-bar { transform: rotate(184deg); } .progress-circle.p52 .value-bar { transform: rotate(187deg); } .progress-circle.p53 .value-bar { transform: rotate(191deg); } .progress-circle.p54 .value-bar { transform: rotate(194deg); } .progress-circle.p55 .value-bar { transform: rotate(198deg); } .progress-circle.p56 .value-bar { transform: rotate(202deg); } .progress-circle.p57 .value-bar { transform: rotate(205deg); } .progress-circle.p58 .value-bar { transform: rotate(209deg); } .progress-circle.p59 .value-bar { transform: rotate(212deg); } .progress-circle.p60 .value-bar { transform: rotate(216deg); } .progress-circle.p61 .value-bar { transform: rotate(220deg); } .progress-circle.p62 .value-bar { transform: rotate(223deg); } .progress-circle.p63 .value-bar { transform: rotate(227deg); } .progress-circle.p64 .value-bar { transform: rotate(230deg); } .progress-circle.p65 .value-bar { transform: rotate(234deg); } .progress-circle.p66 .value-bar { transform: rotate(238deg); } .progress-circle.p67 .value-bar { transform: rotate(241deg); } .progress-circle.p68 .value-bar { transform: rotate(245deg); } .progress-circle.p69 .value-bar { transform: rotate(248deg); } .progress-circle.p70 .value-bar { transform: rotate(252deg); } .progress-circle.p71 .value-bar { transform: rotate(256deg); } .progress-circle.p72 .value-bar { transform: rotate(259deg); } .progress-circle.p73 .value-bar { transform: rotate(263deg); } .progress-circle.p74 .value-bar { transform: rotate(266deg); } .progress-circle.p75 .value-bar { transform: rotate(270deg); } .progress-circle.p76 .value-bar { transform: rotate(274deg); } .progress-circle.p77 .value-bar { transform: rotate(277deg); } .progress-circle.p78 .value-bar { transform: rotate(281deg); } .progress-circle.p79 .value-bar { transform: rotate(284deg); } .progress-circle.p80 .value-bar { transform: rotate(288deg); } .progress-circle.p81 .value-bar { transform: rotate(292deg); } .progress-circle.p82 .value-bar { transform: rotate(295deg); } .progress-circle.p83 .value-bar { transform: rotate(299deg); } .progress-circle.p84 .value-bar { transform: rotate(302deg); } .progress-circle.p85 .value-bar { transform: rotate(306deg); } .progress-circle.p86 .value-bar { transform: rotate(310deg); } .progress-circle.p87 .value-bar { transform: rotate(313deg); } .progress-circle.p88 .value-bar { transform: rotate(317deg); } .progress-circle.p89 .value-bar { transform: rotate(320deg); } .progress-circle.p90 .value-bar { transform: rotate(324deg); } .progress-circle.p91 .value-bar { transform: rotate(328deg); } .progress-circle.p92 .value-bar { transform: rotate(331deg); } .progress-circle.p93 .value-bar { transform: rotate(335deg); } .progress-circle.p94 .value-bar { transform: rotate(338deg); } .progress-circle.p95 .value-bar { transform: rotate(342deg); } .progress-circle.p96 .value-bar { transform: rotate(346deg); } .progress-circle.p97 .value-bar { transform: rotate(349deg); } .progress-circle.p98 .value-bar { transform: rotate(353deg); } .progress-circle.p99 .value-bar { transform: rotate(356deg); } .progress-circle.p100 .value-bar { transform: rotate(360deg); }