br {line-height: 0.125em;}
.nav-date-picker {padding-top: 6px;}
.tab-bar {padding-top: 6px;}
.navbar-brand{margin-left: 120px;}
#sub-nav {width: 100%;margin: 0;}
#MAC-Logo {position: absolute; height: 100px; width: 100px; top: 4px; left: 4px;}
.focus-box {border-right: 1px solid white; border-bottom: 1px solid white;padding-top: 1em; color:white;}
.coverpage_title { color: rgba(0, 126, 165, 1);}
.complaints-color-1 { background-color: rgba(0, 126, 165, 1);}
.complaints-color-2 { background-color: rgba(0, 126, 165, .9);}
.complaints-color-3 { background-color: rgba(0, 126, 165, .8);}
.complaints-color-4 { background-color: rgba(0, 126, 165, .7);}
.operations-color-1 { background-color: rgba(153, 85, 43, 1);}
.operations-color-2 { background-color: rgba(153, 85, 43, .9);}
.operations-color-3 { background-color: rgba(153, 85, 43, .8);}
.operations-color-4 { background-color: rgba(153, 85, 43, .7);}
.operations-color-5 { background-color: rgba(153, 85, 43, .6);}
.operations-color-6 { background-color: rgba(153, 85, 43, .5);}
.operations-color-7 { background-color: rgba(153, 85, 43, .4);}
.sound-color-1 { background-color: rgba(4, 106, 56, 1);}
.sound-color-2 { background-color: rgba(4, 106, 56, .9);}
.sound-color-3 { background-color: rgba(4, 106, 56, .8);}
.sound-color-4 { background-color: rgba(4, 106, 56, .7);}
.abatement-color-1{ background-color: rgba(51, 63, 72, 1);}
.abatement-color-2 { background-color: rgba(51, 63, 72, .9);}
.abatement-color-3 { background-color: rgba(51, 63, 72, .8);}
.abatement-color-4 { background-color: rgba(51, 63, 72, .7);}
.blue-color-1 { background-color: rgba(0, 126, 165, 1);}
.blue-color-2 { background-color: rgba(0, 126, 165, .9);}
.blue-color-3 { background-color: rgba(0, 126, 165, .8);}
.blue-color-4 { background-color: rgba(0, 126, 165, .7);}
.blue-color-5 { background-color: rgba(0, 126, 165, .6);}
.blue-color-6 { background-color: rgba(0, 126, 165, .5);}
.blue-color-7 { background-color: rgba(0, 126, 165, .4);}
.blue-color-8 { background-color: rgba(0, 126, 165, .3);}
.blue-color-9 { background-color: #0078A8;}
.day-color { background-color: rgb(255, 255, 80); color: black;}
.night-color {background-color: rgb(80,80,80);}
.sub-header {color:white; margin-bottom: 1em; margin-top: 1em; padding-top: 0.35em;}
.page-header {margin-bottom: 1em; margin-top: 1em; color: white; padding-top: 0.35em;}
.img-container {width:100%; height:480px; overflow: hidden;}
#customers-vtext{transform: rotate(-90deg); width: 8em; transform-origin: left top 0; position: relative; top: 196px; left:34px;}
.top-vtext{transform: rotate(-90deg); width: 18em; transform-origin: left top 0; position: relative; top: 350px; left:15px;}
.operations-vtext{transform: rotate(-90deg); width: 8em; transform-origin: left top 0; position: relative; top: 78px; left:10px;}
.abatement-vtext{transform: rotate(-90deg); width: 6em; transform-origin: left top 0; position: relative; top: 87px; left:10px;}
.crossing-vtext{transform: rotate(-90deg); width: 10em; transform-origin: left top 0; position: relative; top: 150px; left:10px;}
.rus-vtext{transform: rotate(-90deg); width: 10em; transform-origin: left top 0; position: relative; top: 245px; left:10px;}
.crossing-in-corridor {height: 11em;}
.runway-use-system {height: 17em;}
#fleet-mix .row {height:9em;}
.black-text {color: black;}
.smaller-text {font-size: 0.75rem;}
.img-jet {max-width:20em; height: auto; margin: auto;}
.table {font-size: 0.75rem; line-height: 0.25rem;}
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(51, 63, 72, .1);}
.map-key { width: 136px; height: 152px; position: relative; top: -164px; background: #fff; left: 10px; color: #000; text-align: left; padding: 3px 0; border-radius: 15px;}
#runway-17-key{top:-372px;}
#complaints-key {height: 128px; top: -142px;}
.controls {padding:10px;}
#map {height:100%; min-height: 100%;width:100%;}
.top5-cities {
  height: 5em;
}
.no-padding {
  padding: 0 !important;
}
.leaflet-tooltip-center {
  background-color: transparent !important;
  color: #333 !important;
  font-weight: bold !important;
  border: none !important;
}
.legend {
  background: white;
  border-radius: 10px;
  padding: 10px;
}
.legend h6, .legend h5 {
  text-align: center;
  color: black;
}
.legend-color {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0 15px;
  border: 1px solid black;
}
.legend-text {
  display:inline;
  vertical-align: top;
  color: black;
}
#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 955;
  width: 100%;
  height: 100%;
}
#spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
}
.spinner {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  margin-bottom: 200px;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media print {
    footer {page-break-after: always;}
    .table td, .table th {background-color: inherit !important;}
    .controls {display: none;}
    .leaflet-control-zoom {display: none;}
}
html {
  font-family: Arial, sans-serif;
}
body {
  font-family: Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: normal;;
  line-height: 1.1;
  color: inherit;
}
@media screen and (max-width: 991px){
  #customers-vtext{transform: rotate(-90deg); width: 8em; transform-origin: left top 0; position: relative; top: 174px; left:21px;}
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: 1rem;
  }
  .navbar-collapse { margin-left: 120px;}
  table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 4px;
}
}
.new-window:after {
  display: inline-block;
  content: ' ';
  background-image: url('images/new-window.svg');
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
  margin-left:3px;
}
/*
Blue = Pantone 307 rgb(0, 126, 165)
Green = Pantone 349 rgb(4, 106, 56)
Orange = Pantone 7516 rgb(153, 85, 43)
Gray = Pantone 429 rgb(162, 170, 173) /432 rgb(51, 63, 72)
*/

.macnoms-brand img {
  height: 50px;
  margin-top: -13px;
  margin-bottom: -13px;
}