body:not(.ROLE_AFI_VIEW_MENU_AREA_QNH) .AFI_MENU_AREA_QNH,
body:not(.ROLE_AFI_VIEW_MENU_TAM) .AFI_MENU_TAM,
body:not(.ROLE_AFI_VIEW_MENU_MET_CONSOLE) .AFI_MENU_MET_CONSOLE,
body:not(.ROLE_AFI_VIEW_MENU_METAR_TREND) .AFI_MENU_METAR_TREND,
body:not(.ROLE_AFI_VIEW_MENU_SYNOP) .AFI_MENU_SYNOP,
body:not(.ROLE_AFI_VIEW_MENU_TAF) .AFI_MENU_TAF,
body:not(.ROLE_AFI_VIEW_MENU_SAR_SAREX) .AFI_MENU_SAR_SAREX,
body:not(.ROLE_AFI_VIEW_MENU_WINDSHEAR) .AFI_MENU_WINDSHEAR,
body:not(.ROLE_AFI_VIEW_MENU_AERO_WARNINGS) .AFI_MENU_AERO_WARNINGS,
body:not(.ROLE_AFI_VIEW_MENU_VOLMET) .AFI_MENU_VOLMET,
body:not(.ROLE_AFI_VIEW_MENU_TAKE_OFF_COND) .AFI_MENU_TAKE_OFF_COND,
body:not(.ROLE_AFI_VIEW_MENU_SIGWX) .AFI_MENU_SIGWX,
body:not(.ROLE_AFI_VIEW_MENU_SIGMET) .AFI_MENU_SIGMET,
body:not(.ROLE_AFI_VIEW_MENU_AIRMET) .AFI_MENU_AIRMET,
body:not(.ROLE_AFI_SAR_DELETE_ARCHIVED_MSG) .ACTION_DELETE_ARCHIVED_SAR_MSG,
body:not(.ROLE_AFI_SAR_CONFIGURE_HEADER_MSG) .ACTION_CONFIGURE_HEADER_SAR_MSG {
  display: none !important;
}
@keyframes clignote {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (max-width: 1720px) {
  .respHalfWidth {
    width: 50%;
  }
  .respFullWidth {
    width: 100%;
  }
}
@media only screen and (max-width: 1265px) {
  .respHalfWidth {
    width: 100%;
  }
}
#metarPopup .modal-content {
  max-height: 90vh;
  width: 900px;
}
#metarPopup.modal {
  overflow-y: hidden;
  top: 5%;
}
.adwStatusSelectorContainer {
  justify-content: center;
  margin: 0;
  padding: 0;
}
.afiContentContainer {
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}
.afiNavContainer {
  max-width: 10%;
  min-width: 120px;
}
.afiNavItem {
  font-size: 0.9em;
}
.afiNavItem:hover,
.foldingHeader {
  cursor: pointer;
}
.alignItemsCenter {
  align-items: center;
}
.alignItemsEnd {
  align-items: end;
}
.archiveModalWarningLabel {
  padding-right: 20px;
  text-align: right;
}
.archivesModalContent,
.wsSelectMsgModalContent {
  left: -30%;
  width: 60vw;
}
.wsSelectMsgModalContent .table td {
  vertical-align: middle;
}
.archivesModalRowDate {
  min-width: 140px;
}
.archivesModalRowHeader {
  min-width: 220px;
}
.scroll-y-60 {
  overflow-y: auto;
  height: 60vh;
}
.wordbreak {
  word-break: break-word;
}
.centeredElement {
  display: flex;
  justify-content: center;
  width: 100%;
}
.d-flex {
  display: flex;
}
.afi-dd {
  color: #2d85f0;
}
.full-hour {
  color: #f3433c;
}
.fullSizedElement {
  max-height: 100%;
  max-width: 100%;
  padding-right: 0px;
}
.greenButton {
  background-color: green !important;
  color: #ffffff;
}
.greyBlueBorder {
  border-color: #b8ebff;
  border-width: 0 1px 1px;
  margin: 0;
  padding: 0;
}
.hHeader {
  color: #337ab7;
  max-height: 34px;
  min-width: 200px;
}
.headerChevron {
  font-size: x-small;
  line-height: 1;
  padding: 5px;
}
.highMarginTop {
  margin: 244px auto auto 0;
}
.inputUnits {
  color: grey;
}
.invalidInput {
  border: 2px solid #ff0000;
}
.invalidLabel {
  color: #ff0000;
  font-weight: bold;
}
.lightBlueFocus:not([readonly='readonly']):focus {
  background-color: #e0ffff;
}
.lightBluePanel {
  background: linear-gradient(180deg, #faffff, #b8ebff);
  border: 0;
  color: #456886;
  padding: 6px;
  text-align: center;
}
.m-auto {
  margin: auto;
}
.mBtn {
  height: 2em;
  margin: 0.25em 0;
  width: 2em;
}
.mt-1 {
  margin-top: 6px;
}
.marginFooter {
  height: 50px;
}
.mb-1 {
  margin-bottom: 6px;
}
.mb-2 {
  margin-bottom: 20px;
}
.messageBoard {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.messageBoard div.panel:nth-last-child(1) {
  border: 0;
}
.messageButtonRow {
  padding-bottom: 20px;
  padding-top: 20px;
}
.messageButtons {
  align-items: flex-end;
  justify-content: left;
  padding-left: 15px;
}
.messageButtonsContainer {
  margin-top: 20px;
}
.messageIcon {
  margin-right: 10px;
}
.metConsoleContainer {
  overflow: auto;
  padding: 5px 20px;
}
.metConsoleConfig {
  margin-left: 5px;
}
.metConsoleHeader {
  text-align: left;
}
.metConsoleConfigLabel {
  width: 70px;
  font-size: 1.1em;
}
.metConsoleConfigLine {
  margin-right: 100px;
  margin-bottom: 10px;
}
.metConsoleConfigurationTextNote {
  margin-top: 5px;
  margin-bottom: 25px;
  font-size: 1.2em;
}
.metarContents {
  overflow-y: auto;
  width: 800px;
}
.metarMessage {
  max-height: 100px;
  resize: none;
  width: 100%;
}
.metarStationButton {
  border-radius: 4px;
  min-width: 200px;
}
.ml-0 {
  margin-left: 0;
}
.ml-2 {
  margin-left: 2em;
}
.afi-model-data {
  color: #f786e3;
}
.sarContentContainer {
  overflow: auto;
  height: auto;
  padding: 5px 20px;
}
.sarModelButtonContainer {
  padding-left: 15px;
}
.mr-0 {
  margin-right: 0;
}
.mr-1 {
  margin-right: 1em;
}
.mt-05 {
  margin-top: 5px;
}
.mt-2 {
  margin-top: 20px;
}
.mt-3 {
  margin-top: 30px;
}
.mx-0,
.mXzero {
  margin-left: 0;
  margin-right: 0;
}
.mx-1 {
  margin-left: 10px;
  margin-right: 10px;
}
.my-0 {
  margin-bottom: 0;
  margin-top: 0;
}
.my-05 {
  margin-bottom: 5px;
  margin-top: 5px;
}
.new-form-control {
  -o-transition: border-color ease-in-out 0.15s box-shadow ease-in-out 0.15s;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s 0 ease-in-out 0.15s;
  background-image: none;
  border: 1px solid #5bc0de;
  border-radius: 15px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #555555;
  font-size: 13.5px;
  font-weight: 600;
  margin: 0 6px;
  padding: 5px 10px;
  text-align: center;
  transition: border-color ease-in-out 0.15s box-shadow ease-in-out 0.15s;
}
select.new-form-control {
  background-color: #efefef;
}
.new-form-control[disabled] {
  background-color: #d8e3e4;
  border: none;
  opacity: 1;
}
.new-form-control[readonly] {
  border: 1px solid #cbd7e2;
  opacity: 1;
}
.new-input-group-addon {
  color: #000000;
  display: table-cell;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  text-transform: uppercase;
}
.orangeButton {
  background-color: orange !important;
  color: #ffffff;
}
.overFlow {
  margin-bottom: 1em;
  overflow: auto;
}
.overflows {
  overflow: auto;
}
.overflowsH {
  overflow-x: hidden;
}
.p-6 {
  padding: 6px;
}
.panel-heading button.btn-default.tafTooltipHeaderButton {
  border-bottom: 0;
  border-right: 0;
  border-top: 0;
}
.panel.invalidPanel {
  border: 1px solid #ff0000;
}
.panel.invalidPanel > .panel-heading {
  background-color: #ff0000;
  color: #ffffff;
  font-weight: bold;
}
.pb-2 {
  padding-bottom: 20px;
}
.pt-1 {
  padding-top: 10px;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.redButton {
  background-color: red !important;
  color: #ffffff;
}
.refPointButton {
  height: 12px;
}
.referencePointGroup {
  text-align: start;
}
.referencePointItem {
  cursor: pointer;
  max-width: 400px;
}
.reportArea {
  border-color: #456886;
  font-size: 16px;
  height: 8em;
  resize: none;
}
.ruleEditModal {
  width: 50vw;
}
.sarBigInput {
  margin-bottom: 10px;
  padding-left: 10px;
}
.sarBigInputContainer {
  padding-right: 0;
}
.sarBigInputLabel {
  width: 60px;
}
.sarDateCell {
  width: 150px;
}
.sarExtensionButtonsContainer {
  margin-left: 30px;
  vertical-align: central;
}
.sarLabel {
  margin-bottom: 10px;
  max-width: 180px;
}
.sarModalBody {
  height: 76%;
}
.sarModelContent {
  height: 750px;
  min-height: 750px;
  overflow: auto;
  top: -20px;
}
.sarModelModalButton {
  height: 34px;
}
.sarModelValidityButton {
  height: 20px;
}
.sarModelValidityContainer {
  max-width: 225px;
}
.sarModelValidityInput {
  padding: 0 0 0 15px;
}
.sarWindLabel {
  vertical-align: middle;
}
.sarWindLabelContainer {
  align-self: center;
  display: inline-block;
  padding: 0;
}
.sixEm {
  width: 6em;
}
.subHeader {
  line-height: 1.75em;
}
.t-right {
  text-align: right;
}
.tableButtonRowContainer {
  max-height: 40px;
  min-height: 40px;
}
.windshearContainer {
  overflow: auto;
  padding: 5px 20px;
}
.wsButtonCircle {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  margin-left: 10px;
  padding: 0;
}
.wsLocationRow {
  margin-bottom: 1em;
}
.wsPhenomenonRow {
  margin-top: 1em;
  margin-bottom: 1em;
}
.wsAirspeedRow {
  margin-bottom: 1em;
}
.tafContentContainer {
  overflow: auto;
  padding: 5px 20px;
}
.tafForm {
  max-width: 100%;
}
.tafStationsContainer {
  gap: 15px 5px;
}
.tafButtonCoveredPeriodExtension {
  background-color: #337ab7;
  border: 1px solid #2e6da4;
  border-radius: 6px;
  color: #ffffff;
  height: 32px;
  margin-left: 5px;
  margin-right: 5px;
  width: 50px;
}
.tafButtonCoveredPeriodExtensionLabel {
  color: #ffffff;
}
.tafButtonNetwork {
  background-color: #337ab7;
  border: 1px solid #2e6da4;
  border-radius: 6px;
  color: #ffffff;
  float: right;
  margin-right: 15px;
  overflow: hidden;
  width: 180px;
}
.tafButtonNetwork:hover {
  background-color: #2e6da4;
  border-color: darkslategrey;
  color: #ffffff;
}
.tafInput {
  font-size: 14px;
  padding: 2px;
  width: 80px;
}
.tafInputBlock {
  display: inline-block;
  vertical-align: middle;
}
.tafLargeIndent {
  text-indent: 275px;
}
.tafHeader {
  padding: 2px 0px 0px 4px;
  border-radius: 4px 4px 0px 0px;
  background-color: #337ab7;
  color: #FFFFFF;
}
.tafMessage {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 70px;
  resize: none;
  width: 100%;
}
.tafMessageContainer {
  max-width: 100%;
}
.tafMessageEditionAreaContainer {
  position: relative;
  width: 100%;
  text-align: left;
}
.tafMessageEditionAreaContainer textarea,
.uppercase,
.autocapitalize {
  text-transform: uppercase;
}
.tafMessageEditionAreaContainer.isFixed {
  position: fixed;
  z-index: 100;
  padding-top: 3px;
  margin-left: -15px;
  margin-bottom: 0;
  text-align: left;
  background-color: white;
}
.tafMessageEditionAreaContainer.isFixed .tafTableContainer {
  text-align: left;
  overflow-x: hidden;
}
.tafMessageEditionAreaContainer.isFixed .tafTableContainer table.table-bordered {
  margin-bottom: 0;
}
.tafMessageEditionAreaContainer.isFixed .tafTableContainer th.hHeader {
  min-width: 199px;
}
.tafMessageEditionAreaContainer.isFixed .tafTableContainer th {
  width: 100px;
}
.tafMessageEditionLabel {
  color: darkgrey;
  font-family: monospace;
  left: 0;
  margin-left: 2px;
  margin-right: 0;
  margin-top: 3px;
  padding: 25px 1px 1px 1px;
  position: absolute;
  top: 0;
  z-index: 99;
}
.tafMessageEditionAreaContainer.isFixed .tafMessageEditionLabel {
  top: 3px;
}
.tafModelSelectBody {
  height: 38vh;
}
.tafModelSelectFooter {
  padding: 70px 15px 10px 10px;
  text-align: right;
}
.tafModelSelectModal {
  height: 55vh;
}
.tafPanelTitleWithButtons,
.sarMarginTop {
  margin-top: 10px;
}
.sarQnhWrapper {
  position: relative;
  width: 200px;
}
.tafProvisionalMessageEditionLabel {
  color: darkgrey;
  font-family: monospace;
  margin-left: 9px;
  margin-right: 0;
  margin-top: 14px;
  padding: 1px 0 1px 1px;
  position: absolute;
  z-index: 99;
}
.tafProvisionalMessageEditionLabel.label1 {
  left: 0;
  top: 0;
}
.tafProvisionalMessageEditionLabel.label2 {
  left: 0;
  top: 20px;
}
#tafProvisionalModal.modal {
  top: 5%;
}
.tafProvisionalModal {
  min-height: 80vh;
  min-width: 70vw;
  border: 0;
}
.tafProvisionalModal .gridContainer {
  display: grid;
  grid-template-columns: 55% 45%;
  grid-gap: .5rem;
}
.tafProvisionalModal .gridFormGroup {
  grid-column: 0.5;
}
.tafProvisionalModal .gridTextArea {
  grid-row: auto;
}
.tafProvisionalModal .modal-body textarea {
  height: 140px;
  padding-top: 28px;
  text-transform: uppercase;
  font-family: inherit;
  font-size: inherit;
  color: black;
}
.tafProvisionalModalActionButtonGroup {
  margin: 20px;
}
.tafProvisionalModal .modal-body .previousMessageTextArea {
  height: 120px;
  width: 400px;
  padding-top: 9px;
  text-transform: uppercase;
  font-family: inherit;
  font-size: inherit;
  color: darkgrey;
}
.tafProvisionalModal .modal-body .btn-lg {
  font-size: inherit;
  text-transform: uppercase;
}
.tafProvisionalModalFooter {
  padding: 20px 15px 10px 10px;
  text-align: right;
}
.tafProvisionalModalInputGroup {
  margin: 10px;
}
.tafProvisionalSelectMedium,
messages-edition-qnh .qnhSourceSelectContainer {
  width: 200px;
}
.tafProvisionalSelectSmall {
  width: 70px;
}
.tafProvisionalCoveredPeriodDayStartWarn {
  color: red;
}
.tafSmallIndent {
  text-indent: 240px;
}
.tafStationButton {
  min-width: 100px;
}
.tafStationConfigToggle {
  height: 54px;
}
.tafTable {
  border-collapse: collapse;
  overflow-x: hidden;
}
.tafTable td {
  border: none;
}
.tafTableButton {
  border: 1px solid #337ab7;
  border-radius: 17px;
  height: 34px;
  width: 34px;
}
.tafTableButton.active {
  background-color: #337ab7;
}
.tafTableButton:disabled {
  background-color: #ffffff;
  color: #ffffff;
}
.tafTableButton:not(.active):disabled {
  opacity: 0;
}
.tafTableButton:not(.active):not(:disabled) {
  background-color: #7effff;
  opacity: 1;
}
.tafTableCell {
  border: none;
  max-height: 34px;
  max-width: 82px;
  overflow: hidden;
}
.tafTableContainer {
  max-height: 100%;
}
.tafTableContainer > table {
  table-layout: fixed;
}
.tafTableContainer > table > thead > tr > th {
  background-color: #337ab7;
  color: #ffffff;
  min-width: 100px;
}
.tafTableContainer > table > thead > tr > th.hasGroup {
  background-color: #337ab7;
  color: #000000;
}
.tafTableContainer > table > thead > tr > th.insideGroup {
  background-color: #337ab7;
  color: #d3d3d3;
}
.tafTableContainer input:disabled {
  background-color: #ffffff;
  border: none;
  box-shadow: none;
}
.tafTableContainer input:not(:disabled) {
  background-color: #9af7f7;
}
.tafTableContainer input:not(:disabled).highlightIpc {
  background-color: #9de3fda1;
}
.tafTableContainer select {
  background-color: #9af7f7;
  border: none;
}
.tafTableContainer select.highlightIpc {
  background-color: #9de3fda1;
  border: none;
}
.tafTableContainer table thead tr th.highlightIpc {
  color: #FFFFFF;
  background-color: #286090;
}
.tafTableHeader {
  left: 0;
  z-index: 12;
}
.timeControl {
  display: table;
  margin-right: 0;
  position: relative;
}
.tooltip.tafTooltipHeader .tooltip-arrow {
  border-bottom-color: #286090;
}
.tooltip.tafTooltipHeader .tooltip-inner {
  background-color: #337ab7;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  color: #ffffff;
  max-width: 150px;
  text-align: left;
}
.tooltip.tafTooltipStation .tooltip-arrow {
  border-bottom-color: #337ab7;
}
.tooltip.tafTooltipStation .tooltip-inner {
  background-color: #337ab7;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  color: #ffffff;
  max-width: 250px;
}
.tooltip.tafTooltipStation .tooltip-inner ul {
  list-style-type: none;
  margin: 5px;
  padding: 5px;
  text-align: left;
}
.tooltip.tafTooltipEditingTool .tooltip-arrow {
  border-bottom-color: #337ab7;
}
.tooltip.tafTooltipEditingTool .tooltip-inner {
  background-color: #337ab7;
  max-width: 250px;
}
.tooltip.tafTooltipEditingTool .tooltip-inner dl,
.tooltip.tafTooltipEditingTool .tooltip-inner ul {
  list-style-type: none;
  text-align: left;
  margin-bottom: auto;
  padding: 5px;
}
.tooltip.tafTooltipEditingTool .tooltip-inner .tooltipRules button {
  margin: 5px;
  height: 10px;
  width: 10px;
  border: 1px solid black;
}
#tafValidationModal li.list-group-item {
  margin: 0 10px 3px 10px;
}
#tafValidationModal .modal-footer {
  padding: 10px;
}
#tafValidationModal .list-group-item-info {
  background-color: #d9edf759;
}
#tafValidationModal .list-group-item-info div {
  margin-bottom: 10px;
}
.topFixed {
  background-color: #ffffff;
  border-bottom: 1px solid #999;
  margin-top: -2em;
  overflow: scroll;
  padding: 3em;
  padding-bottom: 1em;
  position: fixed;
  z-index: 10;
}
.userInput {
  border: 3px solid #337ab7;
}
.afi-archive-btn {
  margin-bottom: 6px;
}
.afi-archive-btn-container {
  margin-left: 30px;
}
.afi-download-btn {
  height: 46px;
  justify-content: center;
  padding: 0;
  width: 52px;
}
.afi-input-container {
  padding-right: 40px;
}
.wsFixFormColumnSize {
  width: 30%;
}
.wsMessage {
  border-radius: 4px;
  height: 140px;
  resize: none;
}
.wsOptionsButton {
  height: 34px;
  width: 180px;
}
.wsOptionsInputContainer {
  width: 100%;
}
.wsSelector {
  min-width: 80px;
  width: 180px;
  cursor: default;
}
.wsRunwaySelector {
  line-height: 17px;
}
.wsRunwaySelector + ul.select.dropdown-menu {
  background-color: #e0ffff;
  box-shadow: none;
  border: 1px solid grey;
  border-radius: unset;
  margin-top: -1px;
}
.wsRunwaySelector span.glyphicon {
  right: -7px;
  font-size: x-small;
  font-weight: bold;
}
.wsGlyphiconPlusAdjust {
  padding-left: 2px;
}
.wsGlyphiconMinusAdjust {
  padding-top: 1px;
}
.afi-send-btn {
  height: 48px;
}
.afi-btn-container {
  margin: 0 5px;
}
.wsTimepicker {
  min-width: 114px;
  width: 180px;
}
.wsValidityTime {
  justify-content: end;
}
.wsValidityTime .btn {
  font-size: 14px;
}
.yellowButton {
  background-color: yellow !important;
  font-weight: bold;
}
button.lightBlueButton {
  border: 2px solid #337ab7;
  max-height: 48px;
}
button.lightBlueButton.active,
button.lightBlueButton:active {
  background-color: #286090;
  border-color: #204d74;
  color: #ffffff;
}
button.lightBlueButton:focus {
  outline: unset;
}
messages-edition-qnh #alertsWrapper {
  position: relative;
}
messages-edition-qnh #alertsWrapper #alerts {
  position: absolute;
  top: 0;
}
messages-edition-qnh .loadingMessage {
  align-self: flex-end;
  animation: clignote 2s infinite;
  border: 2px solid #87cefa;
  border-radius: 15px;
  padding: 0.3em;
}
messages-edition-qnh .qnhMessage {
  border-radius: 4px;
  height: 140px;
  margin-top: .2em;
  resize: none;
}
messages-edition-qnh .areaQnhHeader {
  margin-top: 1em;
}
messages-edition-qnh .qnhTopContainer {
  padding-top: 0.4em;
  margin-bottom: 20px;
}
.qnhConfigModalLabel {
  font-weight: normal;
}
.windshearConfigModalLabel {
  font-weight: normal;
}
.qnhConfigModal h5 {
  font-weight: bold;
}
.windshearConfigModal h5 {
  font-weight: bold;
}
.inputField2Char {
  width: 5em;
}
.inputField4Char {
  width: 10em;
}
.afiQnhConfiguration .checkbox.checbox-switch,
.afiQnhConfiguration .qnhInputSelectStation {
  margin: 0.2em;
}
.afiQnhConfiguration .synopConfiguration {
  min-width: 44em;
}
.afiQnhConfiguration .metarConfiguration {
  min-width: 35em;
}
.afiQnhConfiguration .qnhLocalizationLine {
  margin-top: 1.5em;
}
.afiQnhConfiguration .qnhLocalizationOneLineItem {
  margin-top: 2em;
}
.afiQnhConfiguration .qnhLocalizationOneLineItem label {
  margin: revert;
  font-weight: normal;
}
.afiQnhConfiguration input.onError {
  border-color: red;
}