body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.table_text {
  font-size: 11px;
  color: #000000;
}
a.table_text {
  color: #10257f;
  text-decoration: none;
}
a.table_text:hover {
  color: #0033cc;
  text-decoration: underline;
}

TextArea {
  background: #ffffff;
  border-style: solid;
  border-top: #aaaaaa solid 1px;
  border-left: #aaaaaa solid 1px;
  border-right: #dddddd solid 1px;
  border-bottom: #dddddd solid 1px;
  font-size: 12px;
}
Select {
  background: #ffffff;
  border-style: solid;
  border-top: #aaaaaa solid 1px;
  border-left: #aaaaaa solid 1px;
  border-right: #dddddd solid 1px;
  border-bottom: #dddddd solid 1px;
  font-size: 12px;
}
Input.Button {
  background: #eeeeee;
  border-top: #dddddd solid 1px;
  border-left: #dddddd solid 1px;
  border-right: #aaaaaa solid 1px;
  border-bottom: #aaaaaa solid 1px;
  color: #000000;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
}
.table_sides {
  border-left: #ece9d8 solid 1px;
  border-right: #ece9d8 solid 1px;
}
.table_header {
  border-top: #ece9d8 solid 1px;
  border-bottom: #d8d2bd solid 1px;
  line-height: 13px;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background: #d3e7fa;
}
.table_header>* {
  vertical-align: middle;
}
.table_row1 {
  border-bottom: #dbd8d1 solid 1px;
  line-height: 13px;
  background-color: #ffffff;
  font-size: 11px;
  color: #000000;
}
.table_row2 {
  border-bottom: #dbd8d1 solid 1px;
  line-height: 13px;
  background-color: #f6fafd;
  font-size: 11px;
  color: #000000;
}
.table_alt {
  border-bottom: #dbd8d1 solid 1px;
  line-height: 13px;
  font-size: 11px;
  color: #000000;
}
.table_row_header {
  border-bottom: #dbd8d1 solid 1px;
  line-height: 13px;
  background: #fdf9d6;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
}
.table_td {
  border-bottom: #e8e4da solid 1px;
  line-height: 13px;
  font-size: 11px;
  color: #000000;
}
.table_message {
  border-top: #ece9d8 solid 1px;
  border-left: #ece9d8 solid 1px;
  border-right: #ece9d8 solid 1px;
  border-bottom: #ece9d8 solid 1px;
  line-height: 13px;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background: #fdf9d6;
}
.table_selector {
  border-top: #ece9d8 solid 1px;
  border-left: #ece9d8 solid 1px;
  border-right: #ece9d8 solid 1px;
  border-bottom: #ece9d8 solid 1px;
  line-height: 13px;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background: #fdf9d6;
}
.table_trends {
  border-collapse: collapse;
  margin-bottom: 20px;
}

.environment-tag {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  background: #f0f0f0;
  border: 1px #d0d0d0 solid;
  position: fixed;
  top: 0;
  right: 0;
}

@media screen and (max-width: 1198px) {
  td.rotate {
    height: 140px;
    white-space: nowrap;
  }

  td.rotate > div {
    transform: translate(0px, 50px) rotate(315deg);
    width: 30px;
  }
  td.rotate > div > span {
    padding: 5px 10px;
  }
  td.rotate > div > span br {
    display: none;
  }

  td .hide-sm {
    display: none;
  }
}

.clickable-row {
  cursor: pointer;
}

.flight-url {
  text-decoration: none;
  color: inherit;
}

.phase-expander {
  font-size: 14px;
  vertical-align: middle;
}

.phase-expander.active {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.row-phase {
  display: none;
  background: #c9cbcd;
}

.row-phase:hover {
  background: #fff0c2;
}

.row-phase--active {
  display: table-row;
}

.cell-phaselabel {
  font-weight: bold;
  text-transform: uppercase;
}

/* Below is all new CSS for the "accordians" on the "how to upload data" page */
/* Keep the name something other than just ".accordian" because otherwise it can interfere with... */
/* ...the other accordian on the "about" page which uses a different CSS file. */

.accordionCUSTOM {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 0px;
  margin: 3px;
  width: 600px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.activeCUSTOM,
.accordionCUSTOM:hover {
  background-color: #ccc;
}

.accordionCUSTOM:after {
  content: "\002B";
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activeCUSTOM:after {
  content: "\2212";
}

.panelCUSTOM {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/* End the "accordians" on the "how to upload data" page */

.flex-center {
  display: flex;
  align-items: center;
}

.flex-center label {
  padding-left: 3px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  transition: all 0.3s;
}
.switch::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: white;
  top: 1px;
  left: 1px;
  transition: all 0.3s;
}

.checkbox:checked + .switch::after {
  left: 20px;
}
.checkbox:checked + .switch {
  background-color: #00ff00;
}
.checkbox {
  display: none;
}

.icon-reset,
.icon-save {
  max-height: 21px;
}

td.js-td-noclick {
  cursor: default;
}


/** HEADER */
.header-logo {
  margin: auto;
  text-align: center;
  padding: 13px;
}

.header-logo-img {
  height: 50px;
  width: auto;
}

.header-navbar {
  background: #7dafe2;
  padding: 0 10px;
  text-align: left;
  margin:auto;
  margin-bottom: 0;
  color: white;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.header-navbar__aircraft_select, .aircraft_select {
  display:inline;
  margin-right: 10px;
}

.header-navbar__list {
  display: inline-block;
  list-style: none;
  margin:0;
  line-height: 23px;
  padding: 0;
}

.header-navbar__list li {
  display: inline;
}

.header-navbar__list li:after {
  content: ' | ';
}

.header-navbar__list li:last-of-type:after {
  content: '';
}

.header-navbar__list a {
  color: white;
  padding: 0 2px;
}

.header-navbar--submenu {
  background: #6a94bf;
}

.header-navbar__list--breadcrumb li:after {
  content: ' > ';
}

/****************************/
/* The ribbons */
.corner-ribbon {
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Custom styles */
.corner-ribbon.sticky {
  position: fixed;
}

.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

/* Different positions */
.corner-ribbon.top-left {
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right {
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left {
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right {
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */
.corner-ribbon.white {
  background: #f0f0f0;
  color: #555;
}

.corner-ribbon.black {
  background: #333;
}

.corner-ribbon.grey {
  background: #999;
}

.corner-ribbon.blue {
  background: #39d;
}

.corner-ribbon.green {
  background: #2c7;
}

.corner-ribbon.turquoise {
  background: #1b9;
}

.corner-ribbon.purple {
  background: #95b;
}

.corner-ribbon.red {
  background: #e43;
}

.corner-ribbon.orange {
  background: #e82;
}

.corner-ribbon.yellow {
  background: #ec0;
}

/** Footer */
footer {
  margin: auto;
  background: #7dafe2;
  padding: 5px 10px;
  color: white;
  text-align: center;
  font-size: 12px;
}

/** foqa*/
.max_event_circle {
  width: .5rem;
  height: .5rem;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: gray;
  display: inline-block;
}


.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}