@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500);[class*='esri-popup--is-docked-bottom-'] .esri-popup__main-container {
  position: relative; }

.esri-popup .esri-popup__main-container {
  font-family: 'Roboto', sans-serif;
  background-color: #37474f;
  color: white; }

.esri-popup .esri-popup__header {
  background-color: #263238; }
  .esri-popup .esri-popup__header .esri-popup__header-title {
    font-size: 19px;
    font-weight: 300; }

.esri-popup .esri-popup__content .esri-widget {
  background-color: #37474f;
  color: white; }

.esri-popup .esri-popup__content p {
  margin: 10px 0;
  font-weight: 300; }
  .esri-popup .esri-popup__content p.label {
    font-size: 14px;
    margin: 20px 0; }

.esri-popup .esri-popup__content a {
  color: #b3b3b3; }

.esri-popup .esri-popup__button {
  color: white; }

.esri-popup .esri-popup__pointer-direction {
  background-color: #263238; }

.esri-popup .esri-popup__action-text {
  display: none; }

.esri-popup .esri-popup__button--dock {
  display: none; }

.esri-popup [class*='esri-popup--is-docked-bottom-'] .esri-popup__main-container {
  position: relative;
  bottom: 60px; }

.esri-popup .esri-popup__feature-menu {
  background-color: #37474f; }

.esri-popup .esri-popup__feature-menu-button {
  background-color: #37474f; }

.esri-popup .esri-popup__feature-menu-item--selected,
.esri-popup .esri-popup__feature-menu-item--selected:hover {
  background-color: #2d3940; }

@media (max-width: 950px) {
  .esri-popup .esri-popup__main-container {
    bottom: 92px !important; }
  .esri-popup .esri-popup__header {
    padding-top: 0; }
    .esri-popup .esri-popup__header .esri-popup__header-title {
      font-size: 14px;
      padding: 10px; }
  .esri-popup .esri-popup__content p {
    margin: 5px 0;
    font-weight: 300; }
    .esri-popup .esri-popup__content p.label {
      font-size: 14px;
      margin: 8px 0;
      font-weight: 500; } }

.esri-view-width-xsmall .esri-popup__button[class*='esri-popup__navigation-'],
.esri-view-width-xsmall .esri-popup__pagination-page-text {
  display: unset !important; }

.esri-search .esri-search__sources-button {
  display: none; }

.esri-ui-corner {
  bottom: auto; }

.esri-ui-bottom-right {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }
  .esri-ui-bottom-right .esri-component {
    margin: 5px 0px; }
  .esri-ui-bottom-right .esri-locate {
    background-color: #263238;
    color: #fff;
    font-family: 'CalciteWebCoreIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .esri-ui-bottom-right .esri-locate .esri-icon:before {
      content: '\E630'; }
    .esri-ui-bottom-right .esri-locate .esri-icon-loading-indicator:before {
      content: '\E65E'; }
  .esri-ui-bottom-right .esri-widget-button {
    background-color: #263238;
    color: #fff; }
  @media (max-width: 800px) {
    .esri-ui-bottom-right {
      top: 35%;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  @media (max-width: 600px) {
    .esri-ui-bottom-right {
      top: 40%; } }
  @media (max-height: 400px) {
    .esri-ui-bottom-right {
      top: 27%; } }

.esri-ui-top-right {
  top: 30px; }
  .esri-ui-top-right .esri-search {
    width: 350px;
    height: 40px; }
  .esri-ui-top-right .esri-widget-button {
    height: 100%;
    padding: 0px 20px; }
  .esri-ui-top-right .esri-search__container {
    height: 100%; }
  .esri-ui-top-right .esri-search .esri-search__suggestions-menu ul,
  .esri-ui-top-right .esri-search .esri-search__suggestions-menu .esri-header {
    border: none; }
  @media (max-width: 800px) {
    .esri-ui-top-right {
      top: 0;
      right: 40px; }
      .esri-ui-top-right .esri-search {
        height: 35px; } }
  @media (max-width: 600px) {
    .esri-ui-top-right {
      right: 0px; }
      .esri-ui-top-right .esri-search {
        width: calc(100vw - 40px); } }

.esri-basemap-gallery {
  background-color: transparent;
  width: 100%; }

.esri-basemap-gallery__item-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.esri-basemap-gallery__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
  padding: 0px;
  margin: 20px 10px 0px 10px;
  border: none;
  cursor: pointer; }
  .esri-basemap-gallery__item img {
    padding: 5px;
    width: 130px;
    height: auto;
    border: 2px solid transparent; }
  .esri-basemap-gallery__item:hover {
    border-left-color: transparent;
    background-color: transparent; }
    .esri-basemap-gallery__item:hover .esri-basemap-gallery__item-title {
      color: white; }

.esri-basemap-gallery__item--selected {
  border-left-color: transparent !important;
  background-color: transparent !important; }
  .esri-basemap-gallery__item--selected .esri-basemap-gallery__item-title {
    color: white !important; }
  .esri-basemap-gallery__item--selected img {
    border: 2px solid white; }

.esri-basemap-gallery__item-title {
  color: white; }

.esri-basemap-gallery__item:first-child {
  margin-top: 20px; }

.esri-basemap-gallery__item[title='Topographic'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.esri-basemap-gallery__item[title='Light Gray'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.esri-basemap-gallery__item[title='National Geographic'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.esri-basemap-gallery__item[title='Imagery'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.esri-search__form :-ms-input-placeholder {
  color: #292929 !important; }

.esri-search__form ::-ms-input-placeholder {
  color: #292929 !important; }
.left-panel-container {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: calc(50px + 30px);
  z-index: 5;
  left: 0; }
  .left-panel-container .drawer-tab {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto; }
    .left-panel-container .drawer-tab .toggle {
      background-color: white;
      width: 5px;
      height: 100%;
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px; }
    .left-panel-container .drawer-tab img {
      height: 80px;
      width: auto; }
  @media (max-width: 950px) {
    .left-panel-container {
      top: calc(90px + 30px); } }
  .left-panel-container.split-screen {
    top: calc(50px + 60px); }

.left-panel-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3);
          box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3); }
  .left-panel-main .left-panel-section {
    max-height: calc(100vh - 50px - 125px);
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #3e7319;
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-transition: width 0.12s linear;
    transition: width 0.12s linear; }
    .left-panel-main .left-panel-section:nth-child(1) {
      width: 185px; }
      @media (max-width: 950px) {
        .left-panel-main .left-panel-section:nth-child(1) {
          max-width: 185px; } }
    .left-panel-main .left-panel-section:nth-child(2) {
      width: 285px;
      background-color: #263238; }
      @media (max-width: 950px) {
        .left-panel-main .left-panel-section:nth-child(2) {
          max-width: 285px; } }
    @media (max-width: 950px) {
      .left-panel-main .left-panel-section.shrink-panel {
        width: 35px;
        max-width: 185px; } }
    .left-panel-main .left-panel-section.collapse {
      width: 0px;
      padding: 0px;
      visibility: collapse;
      transition: width 0.1s linear;
      -webkit-transition: width 0.1s linear; }
      .left-panel-main .left-panel-section.collapse.safari {
        display: none; }
    @media (max-width: 950px) {
      .left-panel-main .left-panel-section {
        width: calc(100vw - 58px); } }
  .left-panel-main .map-btn-container {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    text-align: center;
    background-color: #263238; }
  .left-panel-main .map-btn {
    color: #3e7319;
    background-color: white;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
    cursor: pointer;
    border-radius: 2px;
    margin: 15px auto;
    width: 250px; }
    .left-panel-main .map-btn:hover {
      background-color: #fafafa; }
    @media (max-width: 950px) {
      .left-panel-main .map-btn {
        width: 200px; }
        .left-panel-main .map-btn span {
          font-size: 14px; } }
  .left-panel-main .indicator-toggle {
    background-color: #3e7319;
    color: white;
    height: 50px;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    border-bottom: 0.5px rgba(255, 255, 255, 0.5) solid; }
    .left-panel-main .indicator-toggle:hover {
      background-color: #376616; }
    .left-panel-main .indicator-toggle .condition-icon-container {
      height: 40px;
      width: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 50%;
      margin-right: 10px; }
    .left-panel-main .indicator-toggle .arrow-icon-container {
      display: none; }
    .left-panel-main .indicator-toggle.selected {
      font-weight: 500; }
      .left-panel-main .indicator-toggle.selected .condition-icon-container {
        background-color: #335e14; }
    @media (max-width: 950px) {
      .left-panel-main .indicator-toggle.subIndicators {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        pointer-events: none; }
        .left-panel-main .indicator-toggle.subIndicators .condition-icon-container {
          display: none; }
        .left-panel-main .indicator-toggle.subIndicators .condition-label {
          display: none; }
        .left-panel-main .indicator-toggle.subIndicators.selected {
          pointer-events: all; }
        .left-panel-main .indicator-toggle.subIndicators .arrow-icon-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-transform: rotate(-90deg);
                  transform: rotate(-90deg); }
          .left-panel-main .indicator-toggle.subIndicators .arrow-icon-container svg {
            width: 30px;
            height: 40px; } }
  .left-panel-main .indicator-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: white;
    font-weight: 300;
    font-size: 14px;
    padding: 10px 0 10px 55px;
    border-bottom: 0.5px rgba(255, 255, 255, 0.5) solid;
    background-color: #5c883c;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .left-panel-main .indicator-option:hover {
      background-color: #639341; }
    .left-panel-main .indicator-option:last-child {
      border-bottom: none; }
    .left-panel-main .indicator-option.selected {
      color: #292929;
      font-weight: 500;
      background-color: white;
      -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14);
              box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14); }
    .left-panel-main .indicator-option .indicator-arrow {
      height: 38px;
      position: absolute;
      top: unset;
      left: 185px;
      /* Safari specific styles */
      /* IE10+ specific styles */ }
      .left-panel-main .indicator-option .indicator-arrow.safari {
        display: none; }
      @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        .left-panel-main .indicator-option .indicator-arrow {
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); } }
      @media (max-width: 950px) {
        .left-panel-main .indicator-option .indicator-arrow {
          display: none; } }
    .left-panel-main .indicator-option .selected-ind-icon svg {
      width: calc(185px + 20px);
      height: auto; }
    @media (max-width: 950px) {
      .left-panel-main .indicator-option.subIndicators {
        pointer-events: none;
        height: 40px; }
        .left-panel-main .indicator-option.subIndicators.selected {
          color: white;
          font-weight: 300;
          background-color: #5c883c; } }
  .left-panel-main .subindicator-toggle {
    height: auto;
    min-height: 50px;
    padding: 5px 0px 5px 20px;
    font-size: 16px;
    font-weight: 300;
    color: white;
    cursor: pointer;
    border-bottom: 0.5px rgba(255, 255, 255, 0.5) solid;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
    .left-panel-main .subindicator-toggle.accordion {
      cursor: pointer; }
      .left-panel-main .subindicator-toggle.accordion:hover {
        background-color: #1c2429; }
      .left-panel-main .subindicator-toggle.accordion.selected {
        background-color: white;
        font-weight: 500;
        color: #292929;
        border-bottom: 0.5px rgba(150, 150, 150, 0.5) solid;
        -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14);
                box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14); }
    @media (max-width: 950px) {
      .left-panel-main .subindicator-toggle {
        padding: 5px 8px; } }
  .left-panel-main .subindicator-add-option {
    color: white;
    font-weight: 300;
    font-size: 14px;
    padding: 0px;
    background-color: #3b4d56;
    cursor: pointer; }
    .left-panel-main .subindicator-add-option svg {
      fill: white;
      width: 20px;
      height: 20px; }
  .left-panel-main .subindicator-option {
    color: white;
    font-weight: 300;
    font-size: 14px;
    padding: 10px;
    border-bottom: 0.5px rgba(255, 255, 255, 0.5) solid;
    background-color: #3b4d56;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
    .left-panel-main .subindicator-option:hover {
      background-color: #455b66; }
    .left-panel-main .subindicator-option.selected {
      background-color: white;
      color: #292929;
      -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14);
              box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14); }
    .left-panel-main .subindicator-option:first-child {
      border-top: 0.5px rgba(255, 255, 255, 0.5) solid; }
  .left-panel-main .subindicator-subtitle {
    padding: 10px 20px;
    font-size: smaller;
    -webkit-font-smoothing: antialiased;
    color: #b9b9b9;
    background-color: #37474f; }
  .left-panel-main .subindicator-add-option-group .subindicator-add-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .left-panel-main .subindicator-add-option-group .subindicator-add-option-label {
    font-size: 12px; }
.dj_trident .split-screen .legend-items {
  width: 30%; }
.clear-map-modal {
  font-family: 'Roboto', sans-serif;
  width: 50% !important;
  top: 50px !important;
  left: 50% !important; }
  .clear-map-modal > div {
    background-color: transparent; }
  .clear-map-modal button {
    cursor: pointer; }
  .clear-map-modal .modal-container {
    padding: 50px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f7f7f7; }
  .clear-map-modal .modal-text {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    color: #2c2c2c;
    width: 250px;
    text-align: center; }
  .clear-map-modal .modal-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px; }
    .clear-map-modal .modal-group .clear-map-btn {
      width: 115px;
      height: 32px;
      border-radius: 2px;
      margin: 0 5px;
      color: white;
      background-color: #ff7300;
      font-size: 14px;
      font-weight: 300;
      text-transform: uppercase; }
  .clear-map-modal .modal-previous-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .clear-map-modal .modal-previous-group .previous-btn {
      background-color: transparent;
      color: #545454;
      width: auto;
      height: 32px;
      font-size: 12px;
      text-transform: none; }
  @media (max-width: 950px) {
    .clear-map-modal {
      width: 100% !important;
      left: 0px !important;
      top: 25% !important; } }
.header-container {
  height: 50px;
  width: 100%;
  background-color: #263238;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 3; }
  @media (max-width: 950px) {
    .header-container {
      height: 90px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .header-container.split-screen {
        height: 50px; } }
  .header-container .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
    .header-container .left .maped-logo {
      width: 50px; }
      .header-container .left .maped-logo img {
        position: absolute;
        top: 15px;
        left: 10px;
        width: auto;
        height: 50px;
        z-index: 5; }
    .header-container .left .app-title {
      font-size: 24px;
      font-weight: 300;
      color: white;
      margin: 10px 15px 0 15px;
      min-width: 150px; }
    .header-container .left .nav {
      cursor: pointer; }
    @media (max-width: 950px) {
      .header-container .left {
        height: calc(0.6 * 90px);
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .header-container .left .app-title {
          margin: 8px 15px 0 0px; } }
  .header-container .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 200px; }
    .header-container .right .dropdown-icon {
      width: 65px;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .header-container .right .dropdown-icon img {
        width: 30px;
        height: auto; }
  @media (max-width: 950px) {
    .header-container .left {
      height: calc(0.6 * 90px);
      padding-left: 60px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .header-container .left .app-title {
        margin: 8px 15px 0 0px; }
    .header-container .right {
      height: calc(0.4 * 90px);
      min-width: unset; }
    .header-container.split-screen .left {
      height: 100%;
      padding-left: 60px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .header-container.split-screen .left .app-title {
        margin: 8px 15px 0 0px; }
    .header-container.split-screen .right {
      height: 100%; } }
  .header-container .clear-map-btn-mobile,
  .header-container .clear-map-btn {
    font-size: 12px;
    height: 28px;
    padding: 10px 15px;
    border-radius: 20px;
    background-color: #364850;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 10px;
    cursor: pointer; }
    .header-container .clear-map-btn-mobile:hover,
    .header-container .clear-map-btn:hover {
      color: #bfbfbf;
      background-color: #2e3d44; }
  @media (max-width: 950px) {
    .header-container .clear-map-btn {
      display: none; } }
  .header-container .clear-map-btn-mobile {
    display: none; }
    @media (max-width: 950px) {
      .header-container .clear-map-btn-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .header-container .logo,
  .header-container .logo-mobile {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .header-container .logo img,
    .header-container .logo-mobile img {
      width: 100%;
      height: auto; }
  @media (max-width: 950px) {
    .header-container .logo {
      display: none; } }
  .header-container .logo-mobile {
    margin-top: 10px;
    width: 100px;
    height: 12px;
    display: none; }
    @media (max-width: 950px) {
      .header-container .logo-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.filters-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  width: calc(100vw - 400px);
  overflow: hidden; }
  .filters-container .filter {
    height: 100%;
    border-right: 1px #37474f solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 3px 15px;
    line-height: 1;
    border-radius: 0;
    overflow: hidden; }
    .filters-container .filter:last-child {
      border-right: none; }
    .filters-container .filter:hover {
      cursor: pointer;
      background-color: #35444c; }
  .filters-container .filter-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #37474f; }
    .filters-container .filter-label .label-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .filters-container .filter-label h4 {
      text-transform: capitalize;
      text-align: left;
      color: #b9b9b9;
      font-size: 12px;
      margin: 0;
      overflow: hidden;
      white-space: nowrap; }
    .filters-container .filter-label p {
      margin: 0;
      color: white;
      font-size: 16px;
      font-weight: 300;
      line-height: normal;
      text-transform: capitalize;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .filters-container .filter-label .caret {
      width: 12px;
      height: 12px;
      border-bottom: white 2px solid;
      border-right: white 2px solid;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      display: inline;
      margin-left: 10px; }
  .filters-container.scrollable-filters {
    position: inherit;
    left: unset;
    right: unset;
    display: none;
    z-index: 0;
    width: 100%;
    background-color: #263238;
    overflow-y: none;
    overflow-x: scroll;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .filters-container.scrollable-filters .filter {
      padding: 10px;
      overflow: visible; }
    .filters-container.scrollable-filters .filter-label {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
    .filters-container.scrollable-filters .label-group {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .filters-container.scrollable-filters h4 {
      font-size: 14px;
      margin-right: 10px;
      overflow: visible; }
    .filters-container.scrollable-filters p {
      font-size: 14px;
      font-weight: 500;
      max-width: none;
      margin-top: -1px;
      overflow: visible; }
    .filters-container.scrollable-filters.split-screen {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3; }
  @media (max-width: 950px) {
    .filters-container {
      display: none; }
      .filters-container.scrollable-filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .filters-container.hide {
        display: none; } }

.pop-dropdown {
  position: absolute;
  top: 50px;
  width: 250px;
  left: 226px;
  background-color: #263238;
  -webkit-box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3);
          box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3);
  z-index: 20;
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  visibility: visible; }
  .pop-dropdown.collapse {
    opacity: 0;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    height: 0;
    visibility: collapse; }
  .pop-dropdown .dropdown-option {
    padding: 12px 10px;
    color: white;
    font-weight: 300;
    font-size: 14px;
    cursor: pointer; }
    .pop-dropdown .dropdown-option:hover {
      background-color: #2c3a41; }
  .pop-dropdown.active-map-0 {
    top: 90px;
    left: 5px; }
  .pop-dropdown.active-map-1 {
    top: 90px;
    left: calc(50% + 5px); }
  @media (max-width: 950px) {
    .pop-dropdown {
      top: 90px;
      left: 55px; }
      .pop-dropdown.active-map-1 {
        top: calc(50% + 65px);
        left: 5px; } }

.header-dropdown {
  position: absolute;
  background-color: #263238;
  -webkit-box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3);
          box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3);
  top: 50px;
  right: 0px;
  padding: 0px 10px;
  z-index: 20;
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  visibility: visible; }
  .header-dropdown.collapse {
    opacity: 0;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    height: 0;
    visibility: collapse; }
  .header-dropdown .dropdown-section {
    border-top: 0.5px rgba(255, 255, 255, 0.5) solid;
    padding: 20px 10px;
    color: white;
    font-weight: 300; }
    .header-dropdown .dropdown-section:nth-child(1) {
      border-top: none; }
    .header-dropdown .dropdown-section p {
      font-size: 12px;
      margin-bottom: 5px; }
    .header-dropdown .dropdown-section a {
      display: block;
      margin: 20px 0; }
    .header-dropdown .dropdown-section .share-url p {
      -webkit-margin-before: 0;
              margin-block-start: 0; }
    .header-dropdown .dropdown-section .share-url input {
      border: 0.5px rgba(255, 255, 255, 0.5) solid;
      background-color: transparent;
      color: white;
      padding: 5px;
      min-width: calc(100% - 40px);
      font-weight: 300;
      font-size: 12px; }
    .header-dropdown .dropdown-section .social {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 5px 0 0 0; }
    .header-dropdown .dropdown-section .social-icon {
      cursor: pointer; }
      .header-dropdown .dropdown-section .social-icon a {
        display: inline-block;
        margin-right: 28px;
        margin-top: 10px;
        -webkit-filter: brightness(80%);
                filter: brightness(80%);
        -webkit-transition: 0.25s -webkit-filter;
        transition: 0.25s -webkit-filter;
        transition: 0.25s filter;
        transition: 0.25s filter, 0.25s -webkit-filter; }
      .header-dropdown .dropdown-section .social-icon.mail a {
        width: 42px;
        height: 28px;
        background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjQycHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDQyIDI4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MS4yICg1NzUxOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJtYWlsLWljb24iIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgeD0iMCIgeT0iMCIgd2lkdGg9IjQyIiBoZWlnaHQ9IjI4IiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICA8cGF0aCBkPSJNMTQsMTQuODIgTDE3LjE0MywxNy45NjYgTDE4LjE3MywxOS4wMDQgQzE4LjkyMDA0MzYsMTkuNzU5MjU5MSAxOS45MzgxOTU3LDIwLjE4NDI1NjggMjEuMDAwNSwyMC4xODQyNTY4IEMyMi4wNjI4MDQzLDIwLjE4NDI1NjggMjMuMDgwOTU2NCwxOS43NTkyNTkxIDIzLjgyOCwxOS4wMDQgTDI0Ljg2OCwxNy45NzggTDI4LDE0LjgyIEw0MC4wOSwyNyBMMS45MSwyNyBMMTQsMTQuODIgWiBNMS43MDcsMSBMNDAuMjkzLDEgTDI1LjUsMTUuOTE1IEwyMy4xMjEsMTguMzA1IEMyMi41NjA3ODg3LDE4Ljg3MTg2MzEgMjEuNzk2OTc1OCwxOS4xOTA4ODg2IDIxLDE5LjE5MDg4ODYgQzIwLjIwMzAyNDIsMTkuMTkwODg4NiAxOS40MzkyMTEzLDE4Ljg3MTg2MzEgMTguODc5LDE4LjMwNSBMMTYuNSwxNS45MDYgTDEuNzA3LDEgWiBNNDEsMS43MTMgTDQxLDI2LjUwMiBMMjguNzA3LDE0LjEwNyBMNDEsMS43MTMgWiBNMSwxLjcxMyBMMTMuMjkzLDE0LjEwNyBMMSwyNi41MDIgTDEsMS43MTMgWiIgaWQ9IlNoYXBlIiBzdHJva2U9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat center;
        background-size: 38px 28px; }
        .header-dropdown .dropdown-section .social-icon.mail a:hover {
          -webkit-filter: brightness(100%);
                  filter: brightness(100%); }
      .header-dropdown .dropdown-section .social-icon.facebook a {
        width: 12px;
        height: 24px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDE0IDI3Ij4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjRkZGIiBkPSJNMSAxMy4yOTVWOC45NTNoMi40NzN2LS4zNTljLjAxNi0xLjA0Mi0uMDE5LTIuMDg4LjA2LTMuMTI1LjA5NS0xLjI3My41NzMtMi40MDcgMS41Ni0zLjI4MS45NC0uODMzIDIuMDgyLTEuMTUgMy4zMTEtMS4xNzUgMS4zMDUtLjAyNyAyLjYxLS4wMDQgMy45MTYtLjAwMi4wNzMgMCAuMTQ1LjAxMy4yMTUuMDJ2NC4yMDNIOS45NTJjLS44OTMgMC0xLjI4Mi4zODUtMS4yODUgMS4yNzQtLjAwMy43MjMgMCAxLjQ0NiAwIDIuMTd2LjI5MmgzLjkzYzAgLjExNy4wMDguMjEtLjAwMi4zMDItLjEzIDEuMjY5LS4yNjcgMi41MzgtLjM5MSAzLjgwOC0uMDIuMTk3LS4xMDMuMjQ2LS4yOS4yNDUtLjk2Mi0uMDA4LTEuOTI1LS4wMDQtMi44ODctLjAwNGgtLjM3MnYxMi4yNzJIMy40NzlWMTMuMzIxYy0uMTUyIDAtLjI3NC4wMDItLjM5NSAwTDEgMTMuMjk1Ii8+Cjwvc3ZnPgo=) no-repeat center;
        background-size: 12px 24px; }
        .header-dropdown .dropdown-section .social-icon.facebook a:hover {
          -webkit-filter: brightness(100%);
                  filter: brightness(100%); }
      .header-dropdown .dropdown-section .social-icon.twitter a {
        width: 28px;
        height: 24px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMSIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDMxIDI2Ij4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjRkZGIiBkPSJNMSAyMi4wODJjMy4xMDQuMTkgNS44NzctLjUzOSA4LjUxMy0yLjQ4Ni0yLjY5Ny0uMzY3LTQuNTUzLTEuNjE4LTUuNDc3LTQuMDY1bDIuMzI3LS4xMjVjLTIuNzIyLTEuMTAzLTQuMzEtMi45MzgtNC40OTEtNS45MTlsMi4zNjkuNjE1QzMuMjEgOC45NjQgMi4zNzUgNy44MzYgMi4wNjUgNi4zNThjLS4zMDYtMS40NTMtLjA4MS0yLjc5Ni42MzQtNC4yMzcgMy4zMTYgMy43NzMgNy4zNiA1LjkxIDEyLjM5IDYuMjIxLS4zOS0yLjcwOC4zODgtNC44NTIgMi42MS02LjM1N0MxOS44MDguNTU3IDIyLjc1NS42OSAyNC43MSAyLjMzYy41NTQuNDY0IDEuMDM1LjU2NCAxLjY2OC4zMS44Ni0uMzQzIDEuNzI4LS42NjIgMi43MjctMS4wNDMtLjQxNiAxLjIzOC0xLjE5MyAyLjEyNC0yLjA4NCAzLjA4bDIuNTctLjYxMy4xNjEuMTcyYy0uNjkyLjcwMy0xLjM0MyAxLjQ1NS0yLjA5MyAyLjA5MS0uNDcuNC0uNjU1Ljc4LS42NjIgMS40LS4wOSA4LjExNi01LjU3OCAxNC45Ni0xMy4zNzMgMTYuNTkyLTQuMjEuODgtOC4yNi4zMS0xMi4wNTUtMS43NzdhNC41NzEgNC41NzEgMCAwIDEtLjM5My0uMjQyYy0uMDQ4LS4wMzMtLjA3Ny0uMDkzLS4xNzUtLjIxOCIvPgo8L3N2Zz4K) no-repeat center;
        background-size: 28px 24px; }
        .header-dropdown .dropdown-section .social-icon.twitter a:hover {
          -webkit-filter: brightness(100%);
                  filter: brightness(100%); }
.mapview-container {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 950px) {
    .mapview-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .mapview-container .sync-map-control {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: calc(50px + 55px);
    right: 20px; }
    .mapview-container .sync-map-control .sync-map-checkbox {
      -webkit-transform: translateX(8px);
              transform: translateX(8px); }
      .mapview-container .sync-map-control .sync-map-checkbox svg {
        fill: #37474f; }
    .mapview-container .sync-map-control .sync-map-label {
      color: #37474f;
      font-size: 14px; }
    @media (max-width: 950px) {
      .mapview-container .sync-map-control {
        top: calc(90px - 3px); } }
  .mapview-container .mapview {
    height: 100%;
    width: 100%;
    border: transparent 5px solid;
    position: relative; }
    .mapview-container .mapview .esri-view-root {
      height: 100%;
      width: 100%; }
  .mapview-container .mapview1 {
    display: none; }
  .mapview-container.split-screen .mapview {
    width: 50%;
    border: #263238 5px solid; }
  .mapview-container.split-screen .mapview1 {
    display: block; }
  .mapview-container.split-screen.active-map-0 .mapview0 {
    border: transparent 5px solid; }
  .mapview-container.split-screen.active-map-1 .mapview1 {
    border: transparent 5px solid; }
  .mapview-container.split-screen .sync-map-control {
    top: calc(50px + 90px); }
    @media (max-width: 950px) {
      .mapview-container.split-screen .sync-map-control {
        top: calc(90px + 30px); } }
  @media (max-width: 950px) {
    .mapview-container.split-screen .mapview {
      width: 100%; } }
  .mapview-container .map-nav-button {
    width: 32px;
    height: 32px;
    background-color: #263238;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    .mapview-container .map-nav-button img {
      width: 65%;
      height: auto; }
  @media (max-width: 750px) {
    .mapview-container .split-screen-btn {
      display: none; } }
  .mapview-container .zoom-btn img {
    width: 50%;
    height: auto; }
  @media (max-width: 950px) {
    .mapview-container .zoom-btn {
      display: none; } }
  .mapview-container .map-controls {
    position: absolute;
    top: 100px;
    height: 75vh;
    max-height: 643px;
    overflow-y: scroll;
    right: 60px;
    color: #fff;
    background-color: #263238;
    width: 350px;
    padding: 10px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    z-index: 3; }
    .mapview-container .map-controls p {
      margin: 0;
      padding-top: 5px; }
    .mapview-container .map-controls .text {
      font-size: 12px;
      padding-top: 10px;
      line-height: 1.5; }
    .mapview-container .map-controls.control-0 {
      right: calc(50% + 60px); }
    .mapview-container .map-controls .map-controls-section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0px 5px 10px 5px;
      min-height: 75px; }
      .mapview-container .map-controls .map-controls-section.layers {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .mapview-container .map-controls .map-controls-section.layers .layer-legend {
          margin: 0px;
          margin-top: 3px;
          width: 82px;
          height: 3px;
          min-height: 3px; }
    .mapview-container .map-controls .checkbox-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 50%;
      margin: 5px 0px; }
      .mapview-container .map-controls .checkbox-group:nth-child(2), .mapview-container .map-controls .checkbox-group:nth-child(4), .mapview-container .map-controls .checkbox-group:nth-child(6) {
        width: 45%; }
      .mapview-container .map-controls .checkbox-group .checkbox-label {
        color: white;
        font-size: 12px;
        margin-left: 8px;
        max-width: 113px; }
      .mapview-container .map-controls .checkbox-group .checkbox-label-school {
        color: white;
        font-size: 12px;
        margin-left: 8px;
        max-width: 100px; }
      .mapview-container .map-controls .checkbox-group .layer-symbol {
        width: 10px;
        height: 10px;
        margin: 5px 0px; }
        .mapview-container .map-controls .checkbox-group .layer-symbol.public {
          border-radius: 100%;
          background: #adadad;
          border: #fff 1px solid; }
        .mapview-container .map-controls .checkbox-group .layer-symbol.private {
          background: #fff;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .mapview-container .map-controls .checkbox-group .layer-symbol.postsecondary {
          background: 474747;
          border: #fff 1px solid; }
      .mapview-container .map-controls .checkbox-group.disabled .checkbox-label {
        color: #4c626d; }
    .mapview-container .map-controls .color-ramp {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 2px 0px;
      padding: 6px;
      cursor: pointer;
      border: transparent 1.5px solid; }
      .mapview-container .map-controls .color-ramp.selected {
        border: white 1.5px solid; }
      .mapview-container .map-controls .color-ramp .color-square {
        width: 20%;
        height: 25px; }
    @media (max-width: 950px) {
      .mapview-container .map-controls {
        top: 120px;
        height: 50%;
        width: calc(100% - 75px);
        max-width: 350px; }
        .mapview-container .map-controls.control-0 {
          top: calc(50% - calc(50% - 125px));
          right: 60px; }
        .mapview-container .map-controls.control-1 {
          top: unset;
          bottom: 95px; } }
  .mapview-container .map-controls::-webkit-scrollbar {
    width: 8px; }
  .mapview-container .map-controls::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 5px; }
  .mapview-container .map-controls::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #b9b9b9;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }
  .mapview-container .legend {
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 16px;
    left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0px; }
    .mapview-container .legend.split-screen {
      height: auto; }
    .mapview-container .legend .legend-toggle {
      opacity: 0.7;
      border-bottom: 23px solid #fff;
      border-right: 18px solid transparent;
      width: 134px;
      position: absolute;
      top: -44px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }
      .mapview-container .legend .legend-toggle p {
        margin: 0;
        font-size: 18px;
        font-weight: 500;
        margin-left: 10px;
        -webkit-transform: translateY(25px);
                transform: translateY(25px); }
        .mapview-container .legend .legend-toggle p.years {
          font-size: 14px;
          font-weight: 300;
          margin-left: 5px;
          white-space: nowrap; }
    .mapview-container .legend .legend-title {
      height: 100%;
      margin-left: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .mapview-container .legend .data-btns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .mapview-container .legend .data-class {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-width: 124px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 3px 4px;
      line-height: 1;
      border-radius: 0;
      overflow: hidden; }
      .mapview-container .legend .data-class:last-child {
        border-right: none; }
      .mapview-container .legend .data-class:hover {
        cursor: pointer; }
    .mapview-container .legend .data-break {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-width: 51px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 3px 4px;
      line-height: 1;
      border-radius: 0;
      overflow: hidden; }
      .mapview-container .legend .data-break:last-child {
        border-right: none; }
      .mapview-container .legend .data-break:hover {
        cursor: pointer; }
    .mapview-container .legend .data-label {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: initial; }
      .mapview-container .legend .data-label h4 {
        text-transform: none;
        color: black;
        font-size: 11px;
        margin: 0; }
      .mapview-container .legend .data-label p {
        text-transform: none;
        color: black;
        font-size: 14px;
        margin: 0; }
    .mapview-container .legend .selected-data-class {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .mapview-container .legend .caret {
      width: 12px;
      height: 12px;
      border-bottom: black 2px solid;
      border-right: black 2px solid;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      display: inline;
      margin-left: 10px; }
    .mapview-container .legend .data-group {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: white;
      position: absolute;
      bottom: 0;
      left: 0;
      margin-left: 10px;
      margin-bottom: 24px; }
    .mapview-container .legend .break-group {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: white;
      position: absolute;
      bottom: 0;
      margin-bottom: 24px;
      left: 155px; }
    .mapview-container .legend .data-option {
      padding: 12px 10px;
      color: black;
      font-weight: 300;
      font-size: 14px;
      cursor: pointer; }
    .mapview-container .legend .data-s {
      width: 145px; }
    .mapview-container .legend .break-s {
      width: 88px; }
    .mapview-container .legend .data-dropdown {
      background-color: white;
      -webkit-box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3);
              box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3);
      z-index: 20;
      opacity: 1;
      -webkit-transition: opacity 300ms;
      transition: opacity 300ms;
      visibility: visible; }
      .mapview-container .legend .data-dropdown.collapse {
        opacity: 0;
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
        height: 0;
        visibility: collapse; }
      .mapview-container .legend .data-dropdown .dropdown-option {
        padding: 12px 10px;
        color: black;
        font-weight: 300;
        font-size: 14px;
        cursor: pointer; }
        .mapview-container .legend .data-dropdown .dropdown-option:hover {
          background-color: #f1f1f1; }
      .mapview-container .legend .data-dropdown.active-map-0 {
        top: 90px;
        left: 5px; }
      .mapview-container .legend .data-dropdown.active-map-1 {
        top: 90px;
        left: calc(50% + 5px); }
    .mapview-container .legend .legend-items {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .mapview-container .legend .legend-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: auto;
      margin: 3px 5px 3px 5px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: auto;
      text-align: center; }
    .mapview-container .legend .color {
      width: 25px;
      height: 25px;
      margin: 0px 10px; }
    .mapview-container .legend .label {
      color: #292929;
      font-weight: 400;
      font-size: 14px; }
    .mapview-container .legend.split-screen .color {
      width: 15px;
      height: 15px;
      margin: 0px 3px; }
    .mapview-container .legend.split-screen .legend {
      height: auto; }
    .mapview-container .legend.collapse {
      height: 0; }
      .mapview-container .legend.collapse .legend-items,
      .mapview-container .legend.collapse .legend-title {
        display: none; }
      .mapview-container .legend.collapse .legend-tab {
        bottom: 5px; }
    @media (max-width: 1025px) {
      .mapview-container .legend .label {
        font-size: 12px; } }
    @media (max-width: 950px) {
      .mapview-container .legend {
        height: 60px; }
        .mapview-container .legend .legend-toggle {
          top: -45px; }
        .mapview-container .legend .legend-title {
          display: none; }
        .mapview-container .legend .legend-items {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
        .mapview-container .legend .legend-item {
          width: 30%;
          margin: 2px 5px 2px 5px; }
        .mapview-container .legend .label {
          margin-top: 5px;
          font-weight: 400;
          font-size: 12px; }
        .mapview-container .legend.split-screen {
          width: 100%; }
          .mapview-container .legend.split-screen .color {
            width: 60px;
            height: 12px; } }
    @media (max-width: 650px) {
      .mapview-container .legend {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .mapview-container .legend .color {
          width: 60px;
          height: 12px;
          margin: 0px 10px; }
        .mapview-container .legend .legend-item {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
        .mapview-container .legend .label {
          font-size: 10px; } }
  .mapview-container .opacity-controls {
    position: absolute;
    top: calc(50% + 130px);
    height: 100px;
    right: 15px;
    background-color: #263238;
    width: 32px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    .mapview-container .opacity-controls .opacity-slider {
      padding: 15px 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    @media (max-width: 950px) {
      .mapview-container .opacity-controls {
        top: calc(50% + 91px); } }
    @media (max-width: 800px) {
      .mapview-container .opacity-controls {
        top: calc(50% + 14px); } }
    .mapview-container .opacity-controls .tooltip {
      display: none;
      width: 120px;
      height: 100px;
      position: absolute;
      left: -135px;
      background: white;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px;
      color: #292929;
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
              box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
      .mapview-container .opacity-controls .tooltip .arrow {
        width: 12px;
        height: 12px;
        border-top: 2px #b9b9b9 solid;
        border-right: 2px #b9b9b9 solid;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg); }
        .mapview-container .opacity-controls .tooltip .arrow:nth-child(1) {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        .mapview-container .opacity-controls .tooltip .arrow:hover {
          border-top: 2px #37474f solid;
          border-right: 2px #37474f solid;
          cursor: pointer; }
      .mapview-container .opacity-controls .tooltip .percentage {
        font-weight: 700; }
      .mapview-container .opacity-controls .tooltip.visible {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .mapview-container .opacity-controls:hover .tooltip {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .mapview-container .esri-search__container {
    background: white;
    font-size: 14px;
    color: #3b464b; }
    .mapview-container .esri-search__container .esri-widget--button {
      height: 100%; }
    .mapview-container .esri-search__container .esri-menu__header {
      background: #dcdddf;
      font-family: Roboto, sans-serif;
      padding: 8px 5px;
      font-weight: 500;
      color: #515a5f; }
    .mapview-container .esri-search__container input {
      height: 100%; }
    .mapview-container .esri-search__container:hover {
      background: #f6f7f7;
      cursor: pointer; }

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .mapview-container .show-spinner:before {
    content: '';
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 6px solid #ccc;
    border-top-color: #fff;
    -webkit-animation: spinner 0.6s linear infinite;
            animation: spinner 0.6s linear infinite;
    opacity: 0.85; }
  @media (min-width: 950px) {
    .mapview-container .split-screen.active-map-0.show-spinner:before {
      left: 25%; }
    .mapview-container .split-screen.active-map-1.show-spinner:before {
      left: 75%; } }
.help-tooltip {
  z-index: 3;
  width: 315px;
  height: auto;
  padding: 40px 25px 15px 25px;
  background: white;
  display: none;
  -webkit-box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3);
          box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3); }
  .help-tooltip.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    top: 65px;
    left: 200px; }
    @media (max-width: 950px) {
      .help-tooltip.visible {
        top: calc(90px + 20px);
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
  .help-tooltip .caret {
    width: 20px;
    height: 20px;
    background: white;
    border-top: 10px transparent solid;
    border-left: 10px transparent solid;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: -10px;
    left: calc(50% - 12.5px); }
  .help-tooltip .tooltip-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #292929;
    margin-top: 20px; }
    .help-tooltip .tooltip-footer .checkbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transform: translateX(-15px);
              transform: translateX(-15px); }
    .help-tooltip .tooltip-footer .checkbox-label {
      font-size: 12px;
      font-weight: 300;
      -webkit-transform: translateX(-5px);
              transform: translateX(-5px); }
    .help-tooltip .tooltip-footer .close-btn {
      background: #ff7300;
      color: white;
      border-radius: 0 !important;
      width: 100px; }
    .help-tooltip .tooltip-footer .close-btn:hover {
      background: #e66800; }
.start-modal {
  font-family: 'Roboto', sans-serif; }
  .start-modal > div:nth-child(2) {
    width: 85%;
    max-width: 900px; }
    @media (max-width: 600px) {
      .start-modal > div:nth-child(2) {
        max-height: 100vh;
        width: 100%;
        margin: 0; } }
  .start-modal .modal-header {
    display: none; }
  .start-modal .modal-title {
    font-size: 30px;
    font-weight: 300;
    color: #006193;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.02);
    padding: 20px 20px; }
  .start-modal .condition-text {
    text-align: center;
    margin: 15px 20px 15px 20px;
    font-size: 21px;
    font-weight: 400;
    color: #545454; }
  .start-modal .condition-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0px 20px 40px 20px;
    min-height: 180px; }
    .start-modal .condition-btns .condition-group {
      width: 180px;
      margin: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .start-modal .condition-btns .condition-group.economic {
        background-color: #005bb9; }
      .start-modal .condition-btns .condition-group.social {
        background-color: #2bb678; }
      .start-modal .condition-btns .condition-group.demographic {
        background-color: #00a5e1; }
      .start-modal .condition-btns .condition-group.housing {
        background-color: #119736; }
    .start-modal .condition-btns .label {
      height: 40px;
      font-size: 14px;
      font-weight: 400;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: white; }
      .start-modal .condition-btns .label.condition {
        font-size: 16px;
        background-color: rgba(0, 0, 0, 0.25); }
    .start-modal .condition-btns .icon {
      margin-right: 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .start-modal .condition-btns .icon svg {
        width: auto;
        height: 19px; }
    .start-modal .condition-btns .indicator-btn {
      cursor: pointer; }
      .start-modal .condition-btns .indicator-btn:hover {
        background-color: rgba(0, 0, 0, 0.05); }
    @media (max-width: 600px) {
      .start-modal .condition-btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .start-modal .condition-btns .condition-group {
          width: 220px; } }
  .start-modal .modal-desc {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color: #2c2c2c;
    line-height: 1.35;
    padding: 20px 40px 20px 40px; }
  @media (max-width: 600px) {
    .start-modal .modal-header {
      padding: 40px 10px 0px 10px;
      background-color: #292929;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
      .start-modal .modal-header .maped-logo img {
        width: 50px;
        -webkit-transform: translatey(22px);
                transform: translatey(22px); }
      .start-modal .modal-header .logo img {
        width: 115px;
        margin-bottom: 10px; }
    .start-modal .modal-title {
      font-size: 26px;
      padding: 30px 20px 30px 20px; }
    .start-modal .condition-text {
      font-size: 20px;
      margin: 20px 50px 15px 50px; } }
html,
body,
.container {
  height: 100%;
  width: 100%;
  margin: 0; }
  html .map-container,
  body .map-container,
  .container .map-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 50px);
    width: 100%;
    z-index: 0; }
    @media (max-width: 950px) {
      html .map-container,
      body .map-container,
      .container .map-container {
        height: calc(100% - 90px); }
        html .map-container.split-screen,
        body .map-container.split-screen,
        .container .map-container.split-screen {
          height: calc(100% - 50px); } }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.hidden {
  display: none; }

.pointer {
  cursor: pointer; }

h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 300; }

h4 {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  color: #b9b9b9; }

a {
  color: white;
  font-size: 12px; }
.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px; }

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #c4c4c4; }

.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.rc-slider-handle:hover {
  border-color: #57c5f7; }

.rc-slider-handle:active {
  border-color: #57c5f7;
  -webkit-box-shadow: 0 0 5px #57c5f7;
          box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.rc-slider-handle:focus {
  border-color: #57c5f7;
  -webkit-box-shadow: 0 0 0 5px #96dbfa;
          box-shadow: 0 0 0 5px #96dbfa;
  outline: none; }

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px; }

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999; }

.rc-slider-mark-text-active {
  color: #666; }

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent; }

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle; }

.rc-slider-dot-active {
  border-color: #96dbfa; }

.rc-slider-disabled {
  background-color: #e9e9e9; }

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc; }

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
  cursor: not-allowed; }

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important; }

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px; }

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px; }

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%; }

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
          animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
          animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
          animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running; }

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
          animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@-webkit-keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@-webkit-keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); } }

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); } }

.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip-hidden {
  display: none; }

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0; }

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 4px #d9d9d9;
          box-shadow: 0 0 4px #d9d9d9; }

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c; }

.rc-slider .rc-slider-mark-text {
  z-index: 1; }

.rc-slider .rc-slider-track {
  visibility: hidden !important; }

.rc-slider .rc-slider-rail {
  border: 1px solid #aaa !important; }

.rc-slider .rc-slider-handle {
  border: 2px solid #fff;
  -webkit-box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3);
          box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.3); }
  .rc-slider .rc-slider-handle:hover {
    border: 2px solid #fff !important; }
  .rc-slider .rc-slider-handle:active {
    border: 2px solid #fff !important; }
  .rc-slider .rc-slider-handle:focus {
    border: 2px solid #fff !important; }

.rc-slider .rc-slider-dot {
  width: 2px !important;
  height: 14px !important;
  margin-bottom: -3px !important;
  margin-left: -2px !important;
  cursor: default !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #777 !important; }

.rc-slider-disabled {
  background-color: #c9c9c9 !important; }
  .rc-slider-disabled .rc-slider-track {
    border: 2px solid #aaa !important; }
  .rc-slider-disabled .rc-slider-rail {
    border: 2px solid #c9c9c9 !important; }
  .rc-slider-disabled .rc-slider-handle {
    border: 2px solid #777 !important; }
    .rc-slider-disabled .rc-slider-handle:hover {
      border: 2px solid #aaaaaa !important; }
    .rc-slider-disabled .rc-slider-handle:active {
      border: 2px solid #aaaaaa !important; }
    .rc-slider-disabled .rc-slider-handle:focus {
      border: 2px solid #aaaaaa !important; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#app-container {
  overflow: hidden;
  font-family: 'Roboto', sans-serif;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

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