@font-face {
  font-family: UniversCondensed;
  src: url("//cdn.ncsu.edu/brand-assets/fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?#iefix") format("embedded-opentype"), url("//cdn.ncsu.edu/brand-assets/fonts/1eaf27c0-f4de-4273-9f4c-1b3236ad2f3c.woff") format("woff"), url("//cdn.ncsu.edu/brand-assets/fonts/9b913baf-b1f0-47d2-8c76-42f59650058f.ttf") format("truetype"), url("//cdn.ncsu.edu/brand-assets/fonts/0abcce12-2274-4ee7-b6d5-0066b5f5f670.svg#0abcce12-2274-4ee7-b6d5-0066b5f5f670") format("svg"); }

@font-face {
  font-family: UniversLight;
  src: url("https://cdn.ncsu.edu/brand-assets/fonts/34ecd7fc-f469-4e0c-980b-6d7fcec493da.eot?#iefix") format("eot"), url("https://cdn.ncsu.edu/brand-assets/fonts/47a5b741-405e-4d03-ba4a-e50cc7716ddf.woff") format("woff"), url("https://cdn.ncsu.edu/brand-assets/fonts/6ef60ba5-712c-4ea5-9e57-0242591afed0.ttf") format("truetype"), url("https://cdn.ncsu.edu/brand-assets/fonts/ae2bbb03-6095-4a28-a333-555527bde8f6.svg#ae2bbb03-6095-4a28-a333-555527bde8f6") format("svg"); }

@font-face {
  font-family: UniversLight;
  src: url("//cdn.ncsu.edu/brand-assets/fonts/f1999e78-ab0c-4adc-a7dc-51e567e6cf5e.eot?#iefix") format("embedded-opentype"), url("//cdn.ncsu.edu/brand-assets/fonts/4d1e8df3-6c45-428d-a522-84c8a6a4e533.woff") format("woff"), url("//cdn.ncsu.edu/brand-assets/fonts/3c9abc50-742c-46dd-8af4-c50866112be0.ttf") format("truetype"), url("//cdn.ncsu.edu/brand-assets/fonts/c6310aa0-a8a1-4afc-a747-091de3970894.svg#c6310aa0-a8a1-4afc-a747-091de3970894") format("svg");
  font-weight: 700; }

@font-face {
  font-family: UniversRoman;
  src: url("//cdn.ncsu.edu/brand-assets/fonts/f1999e78-ab0c-4adc-a7dc-51e567e6cf5e.eot?#iefix") format("embedded-opentype"), url("//cdn.ncsu.edu/brand-assets/fonts/4d1e8df3-6c45-428d-a522-84c8a6a4e533.woff") format("woff"), url("//cdn.ncsu.edu/brand-assets/fonts/3c9abc50-742c-46dd-8af4-c50866112be0.ttf") format("truetype"), url("//cdn.ncsu.edu/brand-assets/fonts/c6310aa0-a8a1-4afc-a747-091de3970894.svg#c6310aa0-a8a1-4afc-a747-091de3970894") format("svg"); }

@font-face {
  font-family: UniversRoman;
  src: url("//cdn.ncsu.edu/brand-assets/fonts/db1c462f-8890-4a11-9de5-36872279e20a.eot?#iefix") format("embedded-opentype"), url("//cdn.ncsu.edu/brand-assets/fonts/b993da84-c1f6-474a-8f00-8aa797b3de8f.woff") format("woff"), url("//cdn.ncsu.edu/brand-assets/fonts/58403ef6-4c15-4280-b4b6-9acf50804f4f.ttf") format("truetype"), url("//cdn.ncsu.edu/brand-assets/fonts/9178e351-95c5-4913-9eeb-fd0645a18c2d.svg#9178e351-95c5-4913-9eeb-fd0645a18c2d") format("svg");
  font-weight: 700; }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  width: 100%;
  height: auto; }

body {
  font: 100% UniversLight, Arial, sans-serif; }

a {
  text-decoration: none;
  color: inherit;
  font-family: UniversRoman, Arial, sans-serif; }

li a:hover {
  color: #CC0000; }

h1,
h2,
h3 {
  text-align: center; }

h1 {
  font-family: UniversCondensed, Arial, sans-serif;
  font-weight: bold;
  font-size: 2.5em; }

h2,
h3 {
  font-family: UniversRoman, Arial, sans-serif;
  font-weight: 700;
  color: gray; }

h2 {
  font-size: 1.75em;
  margin: 0.25em; }

h3 {
  font-size: 1.5em; }

strong {
  font-weight: bold; }

.inline {
  display: inline; }

#auth-form * {
  margin: 0.25em; }

#auth-form form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 1em; }

#auth-form li {
  display: flex;
  flex-direction: column;
  align-items: center; }

p {
  text-align: center; }
  p a {
    color: #000000; }
    p a:hover {
      color: #CC0000;
      font-weight: bold; }

.helptext {
  display: none; }

.validation-fail {
  color: red; }
  .validation-fail .check {
    display: none; }
  .validation-fail .ex {
    display: inline-block; }

.validation-ok {
  color: green; }
  .validation-ok .check {
    display: inline-block; }
  .validation-ok .ex {
    display: none; }

.check {
  display: none; }

#password-help-box {
  display: flex;
  justify-content: center; }

#password-help-txt {
  margin: 1em;
  text-align: center;
  display: inline-block;
  border: 1px solid grey;
  border-radius: 8px;
  background-color: #f0f0f0; }
  #password-help-txt li {
    display: list-item;
    padding: 0.15em 1em;
    white-space: nowrap; }

#search-btn,
.chart-btn,
input[type="submit"] {
  font-family: UniversLight, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  color: white;
  padding: 0.15em 0.35em;
  text-shadow: 1px 1px 0px gray;
  background-image: linear-gradient(#CC0000, #cc4b4b);
  border-top: 1px solid #c00000;
  border-left: 1px solid #880000;
  border-right: 1px solid #880000;
  border-bottom: 1px solid #c00000;
  border-radius: 0.25em;
  box-shadow: 1px 1px 2px #888, inset 0 -2px 1px -1px #CC0000, inset 0 10px 10px -6px #cc4b4b; }
  #search-btn:hover,
  .chart-btn:hover,
  input[type="submit"]:hover {
    cursor: pointer; }
  #search-btn:active,
  .chart-btn:active,
  input[type="submit"]:active {
    transform: scale(0.92); }

.chart {
  width: 100%;
  height: 500px; }

.wrapper {
  padding: 0 1em;
  transition: 2s all; }
  .wrapper button {
    display: block;
    margin: 1em auto 0 auto; }

.expandedView {
  width: 100% !important;
  border: none !important;
  padding: 0 !important; }

.hiddenOnExpansion {
  border: none !important;
  width: 0% !important;
  padding: 0 !important;
  overflow: hidden;
  white-space: nowrap; }

.border-box {
  border: 2px solid gray;
  padding: 10px;
  margin: 10px;
  border-radius: 5px; }

.loader {
  display: hidden;
  position: relative;
  width: 80px;
  margin: 0px auto;
  padding: 75px 0; }

.duo {
  height: 20px;
  width: 50px;
  background: rgba(0, 0, 0, 0);
  position: absolute; }

.duo,
.dot {
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

.duo1 {
  left: 0; }

.duo2 {
  left: 30px; }

.dot {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #333;
  position: absolute; }

.dot-a {
  left: 0px; }

.dot-b {
  right: 0px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(180deg); } }

@keyframes onOff {
  0% {
    opacity: 0; }
  49% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.duo1 {
  animation-name: spin; }

.duo2 {
  animation-name: spin;
  animation-direction: reverse; }

.duo2 .dot-b {
  animation-name: onOff; }

.duo1 .dot-a {
  opacity: 0;
  animation-name: onOff;
  animation-direction: reverse; }

header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: white;
  z-index: 10000; }

main {
  margin-top: 6em; }

#top-bar {
  background-color: #000000;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  #top-bar img {
    height: 30px;
    margin: 0.5em;
    width: auto; }
  #top-bar #logo-and-page-name {
    display: flex; }
    #top-bar #logo-and-page-name h2 {
      color: white;
      margin-left: 0.5em; }

nav ul {
  margin: 0.5em;
  display: flex;
  justify-content: space-around;
  align-items: center; }

#query-bar {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  #query-bar label {
    color: white;
    font-size: 1.15em;
    font-weight: 700; }

.query-bar-dropdown select,
.query-bar-dropdown input {
  display: inline-block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat,
 repeat;
  background-position: right .7em top 50%,
 0 0;
  background-size: .65em auto,
 100%; }

.query-bar-dropdown select option {
  padding: 1em; }

.query-bar-dropdown select::-ms-expand {
  display: none; }

.query-bar-dropdown select:hover,
.query-bar-dropdown input:hover {
  border-color: #CC0000; }

.query-bar-dropdown select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none; }

.query-bar-dropdown select,
.query-bar-dropdown input {
  font-size: 1em;
  padding: 0.25em; }

.query-bar-dropdown input {
  width: 200px; }

.instruction-label {
  margin-right: 0.5em;
  animation: color-change 2.5s infinite;
  animation-delay: 5s; }

@keyframes color-change {
  0% {
    color: white; }
  100% {
    color: #CC0000; } }

.instructions {
  padding: 1em; }

.landing {
  display: flex;
  padding: 1em;
  justify-content: space-evenly;
  align-items: center; }
  .landing * {
    width: 45%; }
  .landing p {
    font-size: 1.5em; }

.img-links a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  margin: 0 1em;
  height: 400px; }

.img-links img {
  margin: 1em;
  flex-shrink: 0; }

.img-links p {
  align-self: stretch; }

@media only screen and (min-width: 600px) {
  .img-links {
    display: flex;
    flex-direction: row;
    align-items: flex-start; }
    .img-links a {
      flex: 1; } }

.three-across {
  display: flex;
  flex-direction: row;
  margin: 1em 0; }
  .three-across .wrapper {
    width: 33%; }
    .three-across .wrapper .wrapper:not(:last-child) {
      border-right: 2px solid lightgray; }
    .three-across .wrapper p {
      text-align: center;
      font-size: 2em;
      font-weight: bold; }

#bar-chart-wrapper,
#world-map-wrapper {
  border-right: 2px solid gray; }

#gi-line-chart-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.wrapper,
#gi-line-chart-wrapper,
#gi-line-chart-wrapper .loader,
#gi-line-chart-wrapper button {
  display: none; }

#country-gi-map {
  width: 800px;
  height: 500px;
  margin: 0 auto; }

#exclusion-bar-chart-wrapper,
#exclusion-traffic-chart-wrapper,
#exclusion-line-chart-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-bottom: 2px solid lightgray;
  padding-bottom: 1em; }
  #exclusion-bar-chart-wrapper .wrapper,
  #exclusion-traffic-chart-wrapper .wrapper,
  #exclusion-line-chart-wrapper .wrapper {
    width: 50%;
    padding: 0 1em; }

#exclusion-pie-chart-wrapper,
#arrival-bar-chart-wrapper,
#airport-to-airport-wrapper {
  border-right: 2px solid lightgray;
  margin-top: 1em; }

#bar-pathway,
#exclusion-line-chart-wrapper,
#exclusion-pie-chart-wrapper {
  text-align: center; }
  #bar-pathway label,
  #exclusion-line-chart-wrapper label,
  #exclusion-pie-chart-wrapper label {
    font-weight: bold;
    font-size: 1.2em; }
  #bar-pathway input,
  #exclusion-line-chart-wrapper input,
  #exclusion-pie-chart-wrapper input {
    margin-left: 100px; }

html,
body {
  height: 100%;
  margin: 0; }

#airport-risk-list {
  margin-left: 5em;
  display: flex;
  width: 33%; }
  #airport-risk-list ol {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 100%; }
    #airport-risk-list ol li {
      display: flex;
      justify-content: space-between;
      list-style-type: decimal;
      background-color: lightgray; }

#top-detection-wrapper,
#bottom-detection-wrapper {
  justify-content: center;
  margin-top: 2em; }

#top-detection-wrapper {
  border-bottom: 2px solid gray;
  padding-bottom: 1em; }

#detection-map {
  width: 800px;
  height: 500px; }

#detection-census-map {
  width: 1600px;
  height: 800px; }

.info {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px; }

.info h4 {
  margin: 0 0 5px;
  color: #777; }

.legend {
  text-align: left;
  line-height: 18px;
  color: #555; }

.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7; }

#gradient {
  height: 18px;
  width: 164px;
  background: linear-gradient(to left, rgba(255, 0, 0, 0.8), rgba(255, 255, 0, 0.7), rgba(0, 255, 0, 0.5), rgba(0, 0, 255, 0.3)); }

.left {
  float: left; }

.right {
  float: right; }

/*# sourceMappingURL=main.css.map */