br {line-height: 0.125em;}
.nav-date-picker {padding-top: 6px;}
.tab-bar {padding-top: 6px;}
.navbar-brand{margin-left: 120px;}
#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;}
#complaints-map {width:100%; overflow: hidden;}
.img-container {width:100%; height:480px; overflow: hidden;}
#customers-vtext{transform: rotate(-90deg); width: 8em; transform-origin: left top 0; position: relative; top: 168px; left:20px;}
.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);
}
html, body, #map {
            height: 100%;
            width: 100%;
        }
.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%;}
.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 {
  text-align: center;
}
.legend-color {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0 15px;
  border: 1px solid black;
}
.legend-text {
  display:inline;
  vertical-align: top;
}
#loader {
  display: none;
  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;
}

@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-container {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;
}
/*
Forgot to give you the colors
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)
*/
@media screen and (max-width: 991px){
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: 1rem;
  }
  .navbar-collapse { margin-left: 120px;}
}
.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;
}

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