/*
    Red: #E74C3C
    Navy Blue: #2C3E50
    Light Gray: #ECF0F1
    Light Blue: #D8E6FF
    Steel Blue: #5297C5
*/
#nexit-logo {
  position: absolute;
  width: 70px;
  right: 10px;
  top: 10px;
}
*,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
body {
  background: #f5f5f5 url('../../img/tvcm_bg.png');
}
.nanobar {
  height: 10px !important;
}
.nanobar .bar {
  background: #a52525;
  box-shadow: 0 2px 5px #aeaeae;
  height: 5px;
  margin: 0 auto;
}
.alert {
  display: inline-block !important;
  padding: 8px 12px;
  font-size: 0.825rem;
  border-radius: 3px;
}
.alert.success {
  background-color: #2ECC71;
  color: #fff;
}
.alert.error {
  background-color: #E74C3C;
  color: #eee;
}
.sidebar-menu {
  background-color: #383838;
  height: 100vh;
  padding: 0 0.5rem;
  position: fixed;
  box-shadow: 5px 0px 5px rgba(117, 117, 117, 0.4);
}
.sidebar-menu ul.menu {
  margin-top: 1rem;
}
.sidebar-menu ul.menu li a {
  color: #fff;
  border-radius: 3px;
  display: block;
  margin: 0.25rem 0;
  font-size: 0.825rem;
  padding: 0.5rem;
  transition: all ease-in 0.3s;
}
.sidebar-menu ul.menu li a:hover,
.sidebar-menu ul.menu li a:active,
.sidebar-menu ul.menu li a:focus {
  color: #f23b00;
}
.sidebar-menu ul.menu li a i {
  font-size: 1rem;
  display: block;
  margin-bottom: 0.25rem;
  color: #fff;
  transition: all ease-in 0.3s;
}
.sidebar-menu ul.menu li a:hover i,
.sidebar-menu ul.menu li a:active i,
.sidebar-menu ul.menu li a:focus i {
  color: #f23b00;
}
@media screen and (max-width: 1366px) {
  .sidebar-menu ul.menu li a {
    padding: 0.25rem;
    font-size: 0.875rem;
    text-align: left;
    margin: 0.25rem 0 0 0;
  }
  .sidebar-menu ul.menu li a i {
    font-size: 0.825rem;
    display: inline-block;
    width: 2rem;
    text-align: center;
  }
}
.user-data {
  background-color: #fff;
  color: #222;
  padding: 0.25rem 0.25rem 0.5rem 0.25rem;
  display: inline-block;
  border-radius: 3px;
  line-height: 1rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  right: 10px;
}
.user-data span {
  font-size: 0.725rem;
  display: block;
  margin: 0.25rem 0;
}
.user-data a {
  color: #a52525;
  line-height: 1rem;
  vertical-align: text-bottom;
  margin-left: 0.25rem;
  padding: 0.1rem 0.25rem;
  border-radius: 3px;
}
.user-data a:hover,
.user-data a:active,
.user-data a:focus {
  background-color: #aeaeae;
  color: #fff;
}
.form-error,
.is-invalid-label {
  color: #fc5544;
}
.off-canvas {
  background-color: #ededed;
}
.off-canvas.position-right {
  width: 350px;
  -ms-transform: translateX(350px);
  transform: translateX(350px);
}
.off-canvas.position-right.is-open {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-off-canvas-overlay {
  background-color: rgba(33, 33, 33, 0.5);
}
h3.title {
  font-weight: bold;
  color: #a52525;
  border-bottom: dotted 2px #aeaeae;
  margin-bottom: 1rem;
}
h4.title {
  font-weight: bold;
  color: #a52525;
  border-bottom: dotted 2px #aeaeae;
  margin-bottom: 1rem;
}
h5.title {
  font-weight: bold;
  color: #a52525;
  border-bottom: dotted 2px #aeaeae;
  margin-bottom: 1rem;
}
h6.title {
  font-weight: bold;
  color: #333;
  background-color: #fbdbdb;
  padding: 0.25rem 0.5rem;
  border-bottom: dotted 1px #aeaeae;
  margin-bottom: 1rem;
}
h7.separator {
  font-weight: bold;
  color: #aeaeae;
  background-color: #eee;
  padding: 0.25rem;
  margin: 0.25rem -0.75rem 0.5rem -0.5rem;
  display: block;
  border-radius: 3px;
}
.title.off-canvas-title {
  margin-top: 1rem;
}
.title.separator {
  margin-top: 1rem;
}
.callout.login-callout {
  background-color: #ededed;
  box-shadow: 0px 5px 10px rgba(55, 55, 55, 0.5);
  margin-top: 1rem;
}
.button,
.button:link,
.button:visited,
button,
.button.primary,
.button.primary:link,
.button.primary:visited,
button.primary {
  background-color: #a52525;
}
.button:hover,
.button:active,
.button:focus,
button:hover,
button:active,
button:focus,
.button.primary:hover,
.button.primary:active,
.button.primary:focus,
button.primary:hover,
button.primary:active,
button.primary:focus {
  background-color: #920f0f;
}
.button.secondary,
.button.secondary:link,
.button.secondary:visited,
button.secondary {
  background-color: #a5a5a5;
  color: #222;
}
.button.secondary:hover,
.button.secondary:active,
.button.secondary:focus,
button.secondary:hover,
button.secondary:active,
button.secondary:focus {
  background-color: #727272;
  color: #000;
}
.button.toolbar,
.button.toolbar:link,
.button.toolbar:visited,
button.toolbar {
  background-color: #727272;
  color: #fff;
  border-radius: 3px;
}
.button.toolbar:hover,
.button.toolbar:active,
.button.toolbar:focus,
button.toolbar:hover,
button.toolbar:active,
button.toolbar:focus {
  background-color: #a5a5a5;
  color: #eee;
}
.button.toolbar i {
  vertical-align: text-bottom;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  font-size: 0.925rem;
}
.button.toolbar.secondary {
  background-color: #bd7366;
  color: #fff;
}
.button.toolbar.secondary:hover,
.button.toolbar.secondary:active,
.button.toolbar.secondary:focus {
  background-color: #c48479;
}
.button.toolbar.danger {
  background-color: #fc5544;
  color: #fff;
}
.button.toolbar.danger:hover,
.button.toolbar.danger:active,
.button.toolbar.danger:focus {
  background-color: #E74C3C;
}
.button.action {
  background-color: #727272;
  color: #fff;
  border-radius: 3px;
  padding: 0.2rem 0.4rem 0.4rem 0.4rem;
  margin: 0;
}
.button.action:hover,
.button.action:active,
.button.action:focus {
  background-color: #a5a5a5;
}
.button.action i {
  vertical-align: text-bottom;
  font-size: 0.825rem;
}
.link-button {
  cursor: pointer;
  border-bottom: dashed 1px #a52525;
  color: #a52525;
  padding: 0.1rem 0.2rem;
}
.link-button:hover {
  background-color: #ededed;
}
.link-button.selected {
  background-color: #a52525;
  color: #fff;
}
.information-header {
  background-color: #fbdbdb;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 6px;
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
}
.information-panel {
  background-color: #fafafa;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
}
label.main-field {
  color: #a52525;
  font-weight: bold;
}
label.main-field + span {
  color: #444;
  font-size: 1.6rem;
}
label.normal-field {
  color: #a52525;
  font-weight: bold;
}
label.normal-field + span {
  color: #444;
  font-size: 1.2rem;
}
strong.airport-code {
  color: #a52525;
  font-size: 1.2rem;
  display: block;
}
span.airport-name {
  color: #222;
  font-size: 0.725rem;
  display: block;
}
strong.flight-date {
  color: #a52525;
  font-size: 0.925rem;
  text-transform: uppercase;
}
span.flight-time {
  color: #222;
  font-size: 0.925rem;
}
small.id {
  background-color: #ededed;
  color: #a52525;
  padding: 0.25rem;
}
span.status {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: #444;
  color: #fff !important;
  border-radius: 3px;
  font-size: 0.825rem;
}
.list-table span.status {
  padding: 0.15rem 0.4rem;
  font-size: 0.725rem;
}
span.status.OK {
  background-color: #349f06;
}
span.status.WARNING {
  background-color: #e4bf0e;
}
span.status.ERROR {
  background-color: #ff3a3a;
}
span.status.FATAL {
  background-color: #222;
}
span.counter {
  display: inline-block;
  padding: 0.1rem 0.2rem;
  background-color: #a52525;
  color: #fff !important;
  border-radius: 3px;
}
span.indicator {
  display: block;
  color: #222;
  font-size: 3rem;
  line-height: 4rem;
  font-weight: bold;
}
span.indicator.OK {
  color: #349f06;
}
span.indicator.WARNING {
  color: #e4bf0e;
}
span.indicator.ERROR {
  color: #ff3a3a;
}
span.indicator.FATAL {
  color: #222;
}
textarea.console {
  background-color: #00337F !important;
  color: #fff;
  font-family: Consolas, Courier New, Courier, monospace;
  text-transform: uppercase;
}
ul.console-shortcuts li {
  display: inline;
  list-style-type: none;
}
ul.console-shortcuts a {
  background-color: #ff7900;
  color: #222;
  padding: 1px 6px;
  display: inline-block;
  margin: 2px;
  font-size: 0.725rem;
  border-radius: 3px;
}
ul.console-shortcuts a.char {
  background-color: #349f06;
}
span.console-request {
  display: block;
  border-radius: 3px;
  background-color: #a52525;
  color: #fff;
  font-family: Consolas, Courier New, Courier, monospace;
  padding: 0.25rem;
  margin: 0.5rem 0;
}
span.console-response {
  display: block;
  border-radius: 3px;
  background-color: #eee;
  color: #222;
  font-family: Consolas, Courier New, Courier, monospace;
  padding: 0.25rem 1rem;
  margin: 0.5rem 0;
  white-space: pre;
}
ul.checkbox-list {
  list-style-type: none;
  margin-left: 0;
}
ul.checkbox-list.toggles li {
  display: inline;
}
ul.checkbox-list.toggles li input {
  display: none;
}
ul.checkbox-list.toggles li label.toggle {
  background-color: #fff;
  border: solid 1px #999;
  color: #999;
  display: inline-block;
  padding: 0.125rem 0.5rem 0.125rem 1.25rem;
  cursor: pointer;
  margin-bottom: 0.25rem;
  border-radius: 3px;
  position: relative;
}
ul.checkbox-list.toggles li label.toggle::before {
  content: '\f111';
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 5px;
  font-size: 0.725rem;
  top: 5px;
}
ul.checkbox-list.toggles li label.toggle.on {
  background-color: #2ECC71;
  color: #222;
  border: solid 1px #349f06;
}
ul.checkbox-list.toggles li label.toggle.on::before {
  content: '\f00c';
}
ul.tag-list {
  list-style-type: none;
  margin-left: 0;
}
ul.tag-list label.tag {
  background-color: #fff;
  border-radius: 3px;
  border: solid 1px #999;
  color: #333;
  font-size: 0.825rem;
  padding: 0.125rem 0.5rem 0.125rem 1.25rem;
  margin-bottom: 0.25rem;
  display: block;
  cursor: pointer;
  position: relative;
}
ul.tag-list label.tag::before {
  content: '\f067';
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 5px;
  font-size: 0.725rem;
  top: 5px;
}
ul.tag-list label.tag.add:hover {
  background-color: #2ECC71;
}
ul.tag-list label.tag.remove::before {
  content: '\f00d';
}
ul.tag-list label.tag.remove:hover {
  background-color: #fc5544;
}
table.list-table {
  font-size: 0.825rem;
}
table.list-table thead th {
  background-color: #ededed;
  color: #a52525;
}
table.list-table tbody td,
table.list-table thead th {
  padding: 0.25rem 0.25rem 0.25rem 0.625rem;
}
@media screen and (max-width: 1440px) {
  table tbody td,
  table tbody th {
    padding: .25rem .275rem .275rem;
  }
}
.mjml-mail-message {
  background-color: #ffffff;
}
.mjml-mail-button {
  padding: 15px 20px;
  border-radius: 4px;
  margin: 10px;
  display: inline-block;
  text-decoration: none;
}
.mjml-mail-message h1 {
  color: #a52525;
  font-weight: bold;
  font-size: 1.6rem;
}
.mjml-mail-message h2 {
  color: #383838;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 0;
  margin: 0;
}
.mjml-mail-message h3 {
  color: #444444;
  font-weight: bold;
  font-size: 1.25rem;
  padding: 0;
  margin: 0;
}
.mjml-mail-message h4 {
  color: #888888;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 0;
  margin: 0;
}
.mjml-mail-message p {
  color: #222;
  font-size: 1rem;
  line-height: 1.4rem;
  margin: 1rem 0.5rem;
}
.mjml-mail-message small {
  color: #4c4c4c;
}
.mjml-mail-flight {
  font-size: 0.875rem;
  line-height: 1.4rem;
}
.mjml-mail-change {
  font-size: 0.75rem;
  line-height: 1.2rem;
  padding-top: 5px;
}
.mjml-mail-change-warning {
  background-color: #ffe671;
  color: #444444;
  padding: 5px;
  border-radius: 3px;
}
.mjml-mail-change-detail {
  font-size: 0.75rem;
  line-height: 1.2rem;
}
.mjml-mail-date {
  color: #7f7f7f;
}
.mjml-mail-time {
  font-size: 1.3rem;
  color: #404040;
  font-weight: bold;
  line-height: 1.6rem;
}
.mjml-mail-airport-code {
  color: #404040;
  font-weight: bold;
}
.mjml-mail-airport-city {
  color: #7f7f7f;
}
.mjml-mail-confirm-button {
  background-color: #a52525;
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 1.5rem;
}
.mjml-mail-action-button {
  background-color: #f23b00;
  border: solid 1px #383838;
  color: #111111;
  font-size: 1.1rem;
  line-height: 1.5rem;
}
.mjml-mail-table tr th {
  padding: 10px 5px;
  color: #a52525;
  font-weight: bold;
  background-color: #ededed;
}
.mjml-mail-table tr td {
  padding: 10px 5px;
}
.mjml-mail-passenger {
  font-size: 0.875rem;
  line-height: 1.4rem;
  border-bottom: solid 1px #7f7f7f;
}
.mjml-mail-passenger label {
  font-size: 0.75rem;
  color: #7f7f7f;
  display: block;
}
.mjml-mail-passenger span {
  font-size: 0.875rem;
}
.mjml-mail-footer {
  background-color: #a52525;
}
.mjml-mail-footer small {
  color: #eee;
}
.red {
  color: #fc5544;
}
.green {
  color: #2ECC71;
}
.list-panel {
  background-color: #ededed;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border-radius: 3px;
  font-size: 0.8rem;
}
input.small-input,
.small-input input {
  font-size: 0.825rem;
  padding: 0.25rem;
  height: 1.825rem;
  margin-bottom: 0;
}
/* MODS FOUNDATION XLARGE */
.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=" 1440px "&xxlarge=100em";
}
/*xlarge 1440, xxlarge 1600*/
@media print, screen and (min-width: 1440px) {
  .grid-x > .xlarge-shrink,
  .grid-x > .xlarge-full,
  .grid-x > .xlarge-1,
  .grid-x > .xlarge-2,
  .grid-x > .xlarge-3,
  .grid-x > .xlarge-4,
  .grid-x > .xlarge-5,
  .grid-x > .xlarge-6,
  .grid-x > .xlarge-7,
  .grid-x > .xlarge-8,
  .grid-x > .xlarge-9,
  .grid-x > .xlarge-10,
  .grid-x > .xlarge-11,
  .grid-x > .xlarge-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 1440px) {
  .grid-x > .xlarge-auto {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .xlarge-shrink {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .xlarge-1 {
    width: 8.33333%;
  }
  .grid-x > .xlarge-2 {
    width: 16.66667%;
  }
  .grid-x > .xlarge-3 {
    width: 25%;
  }
  .grid-x > .xlarge-4 {
    width: 33.33333%;
  }
  .grid-x > .xlarge-5 {
    width: 41.66667%;
  }
  .grid-x > .xlarge-6 {
    width: 50%;
  }
  .grid-x > .xlarge-7 {
    width: 58.33333%;
  }
  .grid-x > .xlarge-8 {
    width: 66.66667%;
  }
  .grid-x > .xlarge-9 {
    width: 75%;
  }
  .grid-x > .xlarge-10 {
    width: 83.33333%;
  }
  .grid-x > .xlarge-11 {
    width: 91.66667%;
  }
  .grid-x > .xlarge-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 1440px) {
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xlarge-offset-0 {
    margin-left: calc(0.9375%);
  }
  .xlarge-offset-1 {
    margin-left: 8.33333%;
  }
  .grid-margin-x > .xlarge-offset-1 {
    margin-left: calc(9.27083%);
  }
  .xlarge-offset-2 {
    margin-left: 16.66667%;
  }
  .grid-margin-x > .xlarge-offset-2 {
    margin-left: calc(17.60417%);
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xlarge-offset-3 {
    margin-left: calc(25.9375%);
  }
  .xlarge-offset-4 {
    margin-left: 33.33333%;
  }
  .grid-margin-x > .xlarge-offset-4 {
    margin-left: calc(34.27083%);
  }
  .xlarge-offset-5 {
    margin-left: 41.66667%;
  }
  .grid-margin-x > .xlarge-offset-5 {
    margin-left: calc(42.60417%);
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xlarge-offset-6 {
    margin-left: calc(50.9375%);
  }
  .xlarge-offset-7 {
    margin-left: 58.33333%;
  }
  .grid-margin-x > .xlarge-offset-7 {
    margin-left: calc(59.27083%);
  }
  .xlarge-offset-8 {
    margin-left: 66.66667%;
  }
  .grid-margin-x > .xlarge-offset-8 {
    margin-left: calc(67.60417%);
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xlarge-offset-9 {
    margin-left: calc(75.9375%);
  }
  .xlarge-offset-10 {
    margin-left: 83.33333%;
  }
  .grid-margin-x > .xlarge-offset-10 {
    margin-left: calc(84.27083%);
  }
  .xlarge-offset-11 {
    margin-left: 91.66667%;
  }
  .grid-margin-x > .xlarge-offset-11 {
    margin-left: calc(92.60417%);
  }
}