/* IMPORT bootstrap files */
@import url(bootstrap-grid.min.css);
@import url(bootstrap-reboot.min.css);
@import url(material-design-iconic-font.min.css);
@import url(bootstrap.min.css);
@import url(animate-custom.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

@font-face {
  font-family: 'ProximaNova-Bold';
  src: url('../fonts/3335F1_2_0.eot');
  src: url('../fonts/3335F1_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/3335F1_2_0.woff2') format('woff2'), url('../fonts/3335F1_2_0.woff') format('woff'), url('../fonts/3335F1_2_0.ttf') format('truetype'); }
@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('../fonts/3335F1_5_0.eot');
  src: url('../fonts/3335F1_5_0.eot?#iefix') format('embedded-opentype'), url('../fonts/3335F1_5_0.woff2') format('woff2'), url('../fonts/3335F1_5_0.woff') format('woff'), url('../fonts/3335F1_5_0.ttf') format('truetype'); }
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../fonts/3335F1_B_0.eot');
  src: url('../fonts/3335F1_B_0.eot?#iefix') format('embedded-opentype'), url('../fonts/3335F1_B_0.woff2') format('woff2'), url('../fonts/3335F1_B_0.woff') format('woff'), url('../fonts/3335F1_B_0.ttf') format('truetype'); }
body, html {
  font-family: 'ProximaNova-Regular', 'Open Sans',sans-serif;
  height: 100%; }

body.img-background:after {
  content:' ';
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:url("../img/finddatamap.png") no-repeat center;
  /*background:url("../img/ylintoptall.jpeg") no-repeat center;*/
  background-size:cover;
  opacity:1;
  z-index:-1; }

a {
  color: #2099bc; }
  a:hover {
    color: #ff6c00; }

.btn-outline-primary {
  border-color: #2099bc;
  color: #2099bc; }
  .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
    background: #2099bc;
    border-color: #2099bc;
    color: #fff; }

.btn-outline-primary.dropdown-toggle {
  border-color: #2099bc;
  color: #2099bc; }
  .btn-outline-primary.dropdown-toggle:hover, .btn-outline-primary.dropdown-toggle:active, .btn-outline-primary.dropdown-toggle:focus {
    background: #2099bc;
    border-color: #2099bc;
    color: #fff; }

.dropdown-item.active, .dropdown-item:active {
  background: #2099bc; }

.btn-primary {
  background: #2099bc;
  border-color: #2099bc;
  color: #fff; }

.btn-secondary {
  background: #ff6c00;
  border-color: #ff6c00;
  color: #fff; }
  .btn-secondary:hover {
    background: #cc5600;
    border-color: #cc5600; }

.btn-link {
  color: #2099bc; }

input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999; }
input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #999; }
input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #999; }
input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #999; }

.font-weight-light {
  font-weight: 300 !important; }

.progress-success {
  background: #80D651; }

.progress-warning {
  background: #f1c40f; }

.progress-danger {
  background: #e74c3c; }

.text-lg {
  font-size: 1.35rem; }

.text-xl {
  font-size: 1.5rem; }

.text-secondary {
  color: #ff6c00 !important; }

.tile-maroon {
  background: #a10789; }

.tile-grey {
  background: #98b4b3; }

.tile-blue {
  background: #2199bc; }

.tile-red {
  background: #f33c37; }

.tile-orange {
  background: #ff6c00; }

.tile-yellow {
  background: #f1c40f; }

.tile-green {
  background: #80D651; }

.badge-static {
  background: #bbb !important;
  color: #fff;
  margin-right: .25rem;
  width: 18px;
  text-align: center;
  vertical-align: middle; }

.badge-dynamic {
  background: #5AC8FA !important;
  color: #fff;
  margin-right: .25rem;
  width: 18px;
  text-align: center;
  vertical-align: middle; }

.dropdown-menu {
  padding: 0;
  border-radius: 0; }
  .dropdown-menu a {
    font-size: .85rem;
    border-bottom: 1px dotted #ddd;
    padding: .5rem .75rem;
    color: #2099bc; }
    .dropdown-menu a i {
      margin-right: 5px; }

h4 {
  font-size: 16px;
  font-weight: bold;
  font-family: 'ProximaNova-Bold';
  padding-bottom: 10px;
  margin-top: 20px;
  display: block;
  margin-bottom: 10px;
  color: #555; }

h4.w-border {
  border-bottom: 3px solid #eee; }

h2 {
  font-size: 1.75rem; }

.fa-reddit {
  color: #ff5700; }

.fa-twitter {
  color: #55acee; }

.fa-facebook {
  color: #3b5998; }

#nav-spacer {
  display: block;
  height: 45px; }

.navbar.bg-white {
  padding: .75rem 1rem; }
  .navbar.bg-white .container {
    padding: 0; }
  .navbar.bg-white .navbar-nav .nav-link {
    font-size: .9rem;
    font-family: 'ProximaNova-Semibold', sans-serif;
    color: #2099bc;
    transition: all .25s; }
    .navbar.bg-white .navbar-nav .nav-link:hover {
      color: #ff6c00; }
  .navbar.bg-white .navbar-nav .nav-item.active .nav-link {
    color: #ff6c00; }
  .navbar.bg-white .mobile-nav {
    position: fixed;
    right: 0;
    top: 63px;
    width: 300px;
    bottom: 0;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); }
    .navbar.bg-white .mobile-nav .nav-item .nav-link {
      padding-top: .75rem;
      padding-bottom: .75rem;
      font-size: 1.05rem;
      font-family: 'ProximaNova-Semibold', sans-serif; }
      .navbar.bg-white .mobile-nav .nav-item .nav-link i {
        line-height: 1rem;
        margin-right: 10px; }
    .navbar.bg-white .mobile-nav .dropdown-menu {
      border: none; }
  .navbar.bg-white .navbar-toggler {
    border: none !important;
    margin-top: 10px;
    outline: none; }
    .navbar.bg-white .navbar-toggler .navbar-toggler-icon {
      background-image: none !important; }
      .navbar.bg-white .navbar-toggler .navbar-toggler-icon:before {
        content: '\f136';
        font-family: 'Material-Design-Iconic-Font';
        color: #2199bc;
        vertical-align: middle;
        font-size: 1.5rem; }
  .navbar.bg-white .navbar-toggler.collapsed .navbar-toggler-icon:before {
    content: '\f197';
    font-family: 'Material-Design-Iconic-Font'; }
  .navbar.bg-white .search-overlay {
    position: absolute;
    left: auto;
    width: 70%;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff; }
    .navbar.bg-white .search-overlay .form-control {
      width: 600px;
      border-radius: 0;
      border: none;
      border-bottom: 1px solid #ccc;
      font-size: 1.15rem; }
      .navbar.bg-white .search-overlay .form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #999; }
      .navbar.bg-white .search-overlay .form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #999; }
      .navbar.bg-white .search-overlay .form-control:-ms-input-placeholder {
        /* IE 10+ */
        color: #999; }
      .navbar.bg-white .search-overlay .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #999; }
    .navbar.bg-white .search-overlay .btn {
      border-radius: 25px; }

.country-holder {
  padding: .75rem 15px;
  background: #f7f7f7;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); }
  .country-holder input[type="text"] {
    padding: .5rem .75rem;
    width: 220px;
    border-radius: 3px;
    min-width: 260px;
    font-size: .9rem;
    border: 1px solid #eee;
    box-shadow: inset 0px 0px 7px #a7a7a7; }
    .country-holder input[type="text"]::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #999; }
    .country-holder input[type="text"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #999; }
    .country-holder input[type="text"]:-ms-input-placeholder {
      /* IE 10+ */
      color: #999; }
    .country-holder input[type="text"]:-moz-placeholder {
      /* Firefox 18- */
      color: #999; }
  .country-holder .btn-link {
    color: #ff6c00; }
    .country-holder .btn-link i.fa-eye {
      font-size: 1.5rem;
      line-height: 1rem;
      vertical-align: middle;
      color: #2099bc; }
    .country-holder .btn-link:hover, .country-holder .btn-link:active, .country-holder .btn-link:focus {
      background: rgba(255, 255, 255, 0.5);
      text-decoration: none; }
  .country-holder img {
    max-height: 25px;
    border: 1px solid #fff; }
  .country-holder .dropdown-menu.show {
    left: auto !important;
    right: 0 !important; }

.comparison-controls .col-2 a.d-block {
  line-height: 1.5rem; }
  .comparison-controls .col-2 a.d-block .fas {
    font-size: 1.05rem; }
  .comparison-controls .col-2 a.d-block .zmdi {
    font-size: 1.5rem; }
.comparison-controls .comparison-item {
  padding: .5rem .25rem 0;
  transition: all .25s;
  background: #f7f7f7;
  border-bottom: 2px solid #fff;
  height: 100%; }
  .comparison-controls .comparison-item .comparison-actions {
    position: absolute;
    right: 25px;
    top: 0;
    text-align: right; }
  .comparison-controls .comparison-item .comparison-title {
    color: #ff6c00;
    font-size: .9rem; 
    max-width: 197px;}
  .comparison-controls .comparison-item .comparison-description {
    font-size: .8rem;
    color: #666;
    margin-bottom: .5rem; }
  .comparison-controls .comparison-item:hover {
    background: #f1f1f1; }
.comparison-controls .dropdown-menu.show {
  right: -30px;
  left: auto !important; }
.comparison-controls .btn-outline-primary {
  padding-lefT: .5rem;
  padding-right: .5rem;
  margin-bottom: 10px; }
.comparison-controls .comparison-add {
  background: #2099bc;
  color: #fff;
  text-align: center;
  max-width: 75%; }
  .comparison-controls .comparison-add a {
    color: #fff;
    line-height: 40px; }
    .comparison-controls .comparison-add a i {
      margin-right: 5px; }
  .comparison-controls .comparison-add:hover {
    background: #197690; }
.comparison-controls .comparison-item.w-compare-label:before {
  content: 'Compared with:';
  font-weight: bold;
  color: #000;
  position: absolute;
  margin-top: -30px;
  font-size: .8rem; }

.viz-holder a {
  border: 1px solid #d6d8d9;
  border-radius: 3px;
  padding: 5px 10px;
  margin-left: 10px;
  margin-right: 0px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  background: white;
  box-shadow: 1px 1px 3px #d0d0d0;
  cursor: pointer;
  transition: all .25s;
  color: #000; }
  .viz-holder a img {
    max-height: 24px;
    margin-bottom: 5px; }
  .viz-holder a i {
    color: #2099bc;
    font-size: 20px;
    height: 28px; }
  .viz-holder a:hover {
    background: #f1f1f1; }
.viz-holder a.selected {
  background: #ff6c00;
  color: #fff; }
  .viz-holder a.selected:hover {
    color: #fff;
    background: #e66100; }

.visualization-tile {
  padding: 15px;
  background: #f7f7f7;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); }

.relist h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 3px solid #eee; }
.relist .list-unstyled li > a {
  display: block;
  font-size: .9rem;
  padding: .5rem 0; }

.soco {
  float: right;
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
  height: 100%;
  padding: 10px 25px;
  border: 2px solid #f1f1f1;
  border-bottom: none;
  margin-right: -1px; }
  .soco .dwdown {
    border-right: 3px solid #eee;
    margin-right: 15px;
    padding-right: 15px;
    color: #2099bc;
    transition: all .25s; }
    .soco .dwdown:hover {
      color: #197690; }
  .soco .dwshare {
    color: #2099bc;
    transition: all .25s; }
    .soco .dwshare:hover {
      color: #197690; }
  .soco span {
    vertical-align: middle; }
    .soco span i {
      margin-right: 5px; }
    .soco span:hover {
      color: #ff6c00 !important; }

.topec {
  padding: 2rem 1rem;
  background:url("../img/finddatamap.png") no-repeat center;
  background-size: cover; }
  .topec .nav-toolbar {
    padding-left: .25rem;
    padding-right: .25rem; }
  .topec .nav-link {
    color: #fff; }
    .topec .nav-link i {
      color: #fff;
      margin-right: 5px; }
    .topec .nav-link i[class*="check"] {
      color: #ff6c00; }
  .topec .badge {
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5); }
  .topec .learn-more-link {
    color: white !important;
    font-size: 12px;
    text-transform: uppercase;
    margin: 5px 0 0 0; }
    .topec .learn-more-link i {
      color:white; }
    .topec .learn-more-link:hover, .topec .learn-more-link:active, .topec .learn-more-link:focus {
      color: #ffa766 !important; }
      .topec .learn-more-link:hover i, .topec .learn-more-link:active i, .topec .learn-more-link:focus i {
        color: #ffa766 !important; }
  .topec .form-inline .form-control, .topec .form-inline .btn {
    border-radius: 0 !important; }
  .topec .form-inline .form-control {
    min-width: 300px;
    padding-left: 35px; }
    .topec .form-inline .form-control::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #999; }
    .topec .form-inline .form-control::-moz-placeholder {
      /* Firefox 19+ */
      color: #999; }
    .topec .form-inline .form-control:-ms-input-placeholder {
      /* IE 10+ */
      color: #999; }
    .topec .form-inline .form-control:-moz-placeholder {
      /* Firefox 18- */
      color: #999; }
  .topec .form-inline i.search-icon {
    position: absolute;
    left: 15px;
    color: #2099bc;
    font-size: .75rem; }
  .topec .btn:hover {
    background: #2099bc !important;
    color: #ff6c00; }

.results-list li {
  font-size: .9rem;
  padding: .5rem 0; }
  .results-list li a {
    transition: all .25s; }
    .results-list li a:hover {
      text-decoration: none; }

.min-width-150 {
  min-width: 150px; }

.min-width-100 {
  min-width: 100px; }

.modal .relink {
  display: block;
  width: 100%;
  font-size: .8rem;
  padding: .5rem 0;
  transition: all .25s; }
.modal .form-control {
  font-size: .8rem; }
.modal h4 {
  font-size: .85rem;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd; }

.ui-autocomplete-category {
  color: #ff6c00;
  font-weight: bold;
  padding: .5rem .35rem;
  font-size: .9rem; }

.ui-menu-item-wrapper {
  font-size: .9rem; }

.ui-state-active {
  background: #2099bc !important;
  border-color: #197690 !important;
  color: #fff; }

.about-header {
  font-size: 33px;
  color: #333;
  border-bottom: 3px solid #eee;
  padding-bottom: 3px;
  margin-bottom: 25px; }

.secwrap {
  margin-bottom: 80px; }

.about-nav .nav-link {
  font-size: 14px;
  padding: .35rem 0;
  font-weight: 600; }
.about-nav .nav-link.active {
  color: #ff6c00; }

.img-tile {
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden; }
  .img-tile .tile-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.15);
    padding: 20px; }
    .img-tile .tile-overlay .tile-label {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 500;
      width: 132px;
      height: 32px;
      line-height: 32px;
      border-radius: 4px;
      background: rgba(255, 109, 0, 0.8);
      color: white;
      text-align: center; }
    .img-tile .tile-overlay .tile-heading {
      position: absolute;
      bottom: 30px;
      font-size: 1.65rem;
      line-height: 1.75rem;
      z-index: 10; }
    .img-tile .tile-overlay .tile-posted {
      font-size: 13px;
      position: absolute;
      bottom: 0px;
      z-index: 10; }
  .img-tile:after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    right: 0;
    left: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+32,0.65+100 */
    background: -moz-linear-gradient(top, transparent 0%, transparent 32%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, transparent 32%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, transparent 32%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    /* IE6-9 */
    z-index: 1; }
  .img-tile:hover:after {
    display: block;
    background: rgba(0, 0, 0, 0.25); }

.hp-tile {
  padding: 25px 25px 15px;
  margin-bottom: 2rem;
  cursor: pointer;
  transition: all .25s;
  border-radius: 4px; }
  .hp-tile .tile-label {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    top: 20px; }
  .hp-tile .tile-heading {
    font-weight: bold; }
  .hp-tile .tile-posted {
    margin-bottom: 0;
    font-size: 13px;
    position: absolute;
    bottom: 40px; }
  .hp-tile:after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 23px;
    border-radius: 4px;
    right: 15px;
    left: 15px;
    background: rgba(0, 0, 0, 0.15);
    display: none; }
  .hp-tile:hover:after {
    display: block; }

.chart-colors .color-tile {
  padding: 10px;
  text-align: center; }
  .chart-colors .color-tile .color-block {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 4px; }
  .chart-colors .color-tile .color01 {
    background: #2199bc; }
  .chart-colors .color-tile .color02 {
    background: #f33c37; }
  .chart-colors .color-tile .color03 {
    background: #f1c40f; }
  .chart-colors .color-tile .color04 {
    background: #a10789; }
  .chart-colors .color-tile .color05 {
    background: #ff6c00; }
  .chart-colors .color-tile .color06 {
    background: #80D651; }
  .chart-colors .color-tile .color07 {
    background: #525df4; }
  .chart-colors .color-tile .color08 {
    background: #e097ce; }
  .chart-colors .color-tile .color09 {
    background: #6c8893; }
  .chart-colors .color-tile .color10 {
    background: #ee6868; }
  .chart-colors .color-tile .color11 {
    background: #2f6497; }
  .chart-colors .color-tile .color01.lighten {
    background: #c0d9f1; }
  .chart-colors .color-tile .color02.lighten {
    background: #f5c5ad; }
  .chart-colors .color-tile .color03.lighten {
    background: #5be7b8; }
  .chart-colors .color-tile .color04.lighten {
    background: #f9bed0; }
  .chart-colors .color-tile .color05.lighten {
    background: #d5c0ec; }
  .chart-colors .color-tile .color06.lighten {
    background: #59dfed; }
  .chart-colors .color-tile .color07.lighten {
    background: #cacdfc; }
  .chart-colors .color-tile .color08.lighten {
    background: #fdf9fc; }
  .chart-colors .color-tile .color09.lighten {
    background: #b6c3c9; }
  .chart-colors .color-tile .color10.lighten {
    background: #fbdbdb; }
  .chart-colors .color-tile .color11.lighten {
    background: #72a4d3; }
  .chart-colors .color-tile .color01.darken {
    background: #23619f; }
  .chart-colors .color-tile .color02.darken {
    background: #a04113; }
  .chart-colors .color-tile .color03.darken {
    background: #0b4733; }
  .chart-colors .color-tile .color04.darken {
    background: #b51243; }
  .chart-colors .color-tile .color05.darken {
    background: #5c2b91; }
  .chart-colors .color-tile .color06.darken {
    background: #08484f; }
  .chart-colors .color-tile .color07.darken {
    background: #0d1ac9; }
  .chart-colors .color-tile .color08.darken {
    background: #c641a5; }
  .chart-colors .color-tile .color09.darken {
    background: #3c4c52; }
  .chart-colors .color-tile .color10.darken {
    background: #cf1717; }
  .chart-colors .color-tile .color11.darken {
    background: #142b41; }

.results-accordion .card {
  margin-bottom: 2rem;
  border-bottom: 1px solid #ddd !important;
  border-radius: 0 !important; }
  .results-accordion .card .card-header {
    padding: .25rem .5rem;
    border-bottom: none;
    background: transparent; }
    .results-accordion .card .card-header .btn-link {
      font-size: 1.5rem;
      color: #000;
      white-space: normal; }
      .results-accordion .card .card-header .btn-link i {
        transition: all .25s; }
    .results-accordion .card .card-header .btn-link.collapsed i {
      transform: rotate(-90deg); }
  .results-accordion .card .card-body h4 {
    margin-top: 5px; }

.tile-sm {
  padding: 15px 15px 10px;
  position: relative; }
  .tile-sm h3.tile-heading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; }
  .tile-sm .input-group .form-control {
    margin-right: 10px;
    font-size: .9rem;
    border-radius: 6px !important; }
  .tile-sm .input-group .btn {
    border-radius: 6px !important; }
  .tile-sm .fixed-icon {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 1.75rem;
    opacity: 0.5; }

.countries span {
  display: inline-block;
  background: #2099bc;
  color: white;
  padding: 5px 10px;
  margin-left: 3px;
  border: 1px solid #2099bc;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 5px; }
  .countries span:hover {
    background: #ff6c00; }

.chart-controls .play-btn {
  display: block;
  height: 45px;
  width: 45px;
  font-size: 2.25rem;
  text-align: center;
  line-height: 45px;
  border-radius: 50%;
  background: #2099bc;
  color: #fff;
  border: 3px solid #fff; }
  .chart-controls .play-btn:hover {
    background: #197690; }
.chart-controls .chart-timeline {
  display: block;
  width: 100%;
  height: 15px;
  border-radius: 4px;
  background: #fff;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.35);
  border: 1px solid #ccc;
  margin-top: 1rem; }
  .chart-controls .chart-timeline .chart-timeline-placeholder {
    padding: 2px 5px;
    position: absolute;
    right: 0;
    top: 10px;
    border-radius: 4px;
    background: #2099bc;
    color: #fff;
    font-weight: bold;
    cursor: move; }
    .chart-controls .chart-timeline .chart-timeline-placeholder:hover {
      background: #197690; }

.swatch-table img {
  max-height: 30px; }

.chart-key-wrapper .chart-key {
  padding: 5px 10px 10px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .chart-key-wrapper .chart-key label {
    font-size: .75rem;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 5px; }
    .chart-key-wrapper .chart-key label em {
      color: #999;
      display: none; }
  .chart-key-wrapper .chart-key table td {
    font-size: .85rem;
    padding: 0 .25rem; }
  .chart-key-wrapper .chart-key table span.line {
    display: block;
    width: 20px;
    border-top: 3px solid transparent; }
  .chart-key-wrapper .chart-key table span.line-dash {
    display: block;
    width: 20px;
    border-top: 3px dashed transparent; }
  .chart-key-wrapper .chart-key table .line01 {
    border-color: #e74c3c !important; }
  .chart-key-wrapper .chart-key table .line02 {
    border-color: #ff6c00 !important; }
  .chart-key-wrapper .chart-key table .line03 {
    border-color: #5AC8FA !important; }
  .chart-key-wrapper .chart-key table span.block {
    display: block;
    width: 15px;
    height: 15px; }
  .chart-key-wrapper .chart-key table .block01 {
    background: #5899da !important; }
  .chart-key-wrapper .chart-key table .block02 {
    background: #e8743b !important; }
  .chart-key-wrapper .chart-key table .block03 {
    background: #19a979 !important; }
  .chart-key-wrapper .chart-key table .block04 {
    background: #ed4a7b !important; }
  .chart-key-wrapper .chart-key table .block05 {
    background: #945ecf !important; }
  .chart-key-wrapper .chart-key table .block06 {
    background: #13a4b4 !important; }
  .chart-key-wrapper .chart-key table .block07 {
    background: #525df4 !important; }
  .chart-key-wrapper .chart-key table .block08 {
    background: #bf399e !important; }
  .chart-key-wrapper .chart-key table .block09 {
    background: #6c8893 !important; }
  .chart-key-wrapper .chart-key table .block10 {
    background: #ee6868 !important; }
  .chart-key-wrapper .chart-key table .block11 {
    background: #2f6497 !important; }

.secteamwrap section {
  min-height: 100px;
  clear: both;
  margin-bottom: 35px; }
  .secteamwrap section img {
    float: left;
    vertical-align: top; }
  .secteamwrap section .person {
    width: 80%;
    vertical-align: top;
    padding-left: 15px;
    display: inline-block; }
    .secteamwrap section .person pre {
      margin: 0 !important; }

/* MOBILE TWEAKS */
@media only screen and (max-width: 780px) {
  .country-holder .countries {
    padding-top: 10px !important; }
    .country-holder .countries span {
      font-size: .9rem; }

  .viz-holder {
    overflow-x: auto; }
    .viz-holder a {
      font-size: .75rem;
      padding: 5px; }
    .viz-holder a:first-child {
      margin-left: 0; }

  .chart-key.full-width table td {
    display: inline-block !important;
    width: 100% !important;
    padding-left: 25px !important;
    position: relative; }
    .chart-key.full-width table td .block {
      position: absolute !important;
      left: 0px;
      top: 17.5px; }

  .comparison-add {
    font-size: .95rem;
    max-width: 100% !important; }

  .country-holder .col-lg-2 {
    justify-content: flex-start !important; }

  .comparison-controls > .row > .justify-content-end {
    order: 1 !important;
    margin-bottom: 10px;
    border-bottom: 3px solid #f1f1f1; }
    .comparison-controls > .row > .justify-content-end .soco {
      margin-bottom: -3px;
      background: #fff; }
  .comparison-controls > .row > .col-lg-4 {
    order: 2; }
  .comparison-controls > .row > .col-lg-4 + .col-lg-4 {
    order: 3; }

  .w-compare-label:before {
    font-size: 0.7rem !important;
    margin-top: -25px !important; }

  .scatter-controls > .row > .justify-content-end {
    order: 1 !important;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 25px !important; }
  .scatter-controls > .row > .col-lg-4 {
    order: 2; }
  .scatter-controls > .row > .col-lg-4.pl-sm-2 {
    order: 4; }
  .scatter-controls > .row > .col-lg-1 {
    padding-bottom: 15px !important;
    order: 3; }

  .chart-controls .play-btn {
    position: relative;
    z-index: 100; } }
@media only screen and (max-width: 600px) {
  .col-md-3.pr-5 {
    padding: 0 15px !important; }

  .results-accordion .card-header .btn-link i {
    margin-top: -3% !important; }

  .navbar-brand img {
    height: 28px;
    width: auto !important; }

  .scatter-controls > .row > .col-lg-1 {
    max-width: 100% !important;
    flex: 0 0 100% !important; }

  .country-holder .dropdown-menu.show {
    left: 0 !important;
    right: auto !important; } }

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