.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

header.static_page {
  position: relative;
  display: block;
  margin-bottom: 50pt; }

header {
  pointer-events: auto;
  display: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100vw;
  overflow-x: hidden;
  box-shadow: 0 0 10px 1px rgba(100, 100, 100, 0.94); }
  header nav {
    background: #FFF; }
  header .navbar-toggler {
    border-width: 0; }
  header .navbar-toggler span {
    color: #002f41; }
  header .navbar-nav {
    min-width: 700px; }
  header .navbar {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between; }
    header .navbar .logo {
      font-weight: 600;
      background-color: #002f41;
      justify-content: center;
      display: flex;
      padding: 5pt; }
      header .navbar .logo a {
        color: #FFF; }
    header .navbar .nav-item {
      font-weight: bolder;
      color: #002f41;
      font-size: 90%; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

#mapBoxCommune {
  position: fixed;
  height: 100vh; }
  #mapBoxCommune #map {
    height: 100%;
    background: #FFF;
    background-image: url("/images/loading_img.gif");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; }

#mapBoxIndex {
  position: absolute;
  top: 0vh;
  height: 100vh; }
  #mapBoxIndex #map {
    height: 100%;
    background: #FFF;
    background-image: url("/images/loading_img.gif");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

#topList {
  padding-top: 50pt; }
  #topList a {
    color: inherit;
    text-decoration: none; }
  #topList h2 {
    font-size: 15pt; }
  #topList h5 {
    font-size: 12pt; }
  #topList .project-js {
    min-width: 30%; }
  #topList .option {
    min-width: 50px; }
  #topList .sensor {
    padding: 15pt;
    display: flex;
    flex-flow: column;
    text-align: center;
    justify-content: center; }
    #topList .sensor .place-wrapper {
      overflow-y: hidden;
      align-content: center;
      padding: 5pt;
      height: 80pt;
      line-height: 20pt; }
      #topList .sensor .place-wrapper .sensor-place {
        font-size: 100%;
        font-weight: 500;
        text-decoration: underline; }
    #topList .sensor .datetime-wrapper {
      padding: 3pt; }
      #topList .sensor .datetime-wrapper .sensor-datetime {
        font-size: 80%; }
    #topList .sensor .link-wrapper {
      padding: 5pt; }
      #topList .sensor .link-wrapper .sensor-link {
        text-decoration: underline;
        opacity: 0.9; }
    #topList .sensor .sensor-reading-wrapper {
      display: block; }
      #topList .sensor .sensor-reading-wrapper .sensor-reading {
        padding: 0;
        margin: 0; }
        #topList .sensor .sensor-reading-wrapper .sensor-reading .reading-value {
          font-size: 8pt; }

.clouds {
  visibility: hidden;
  width: 100vw;
  position: relative;
  height: 10vh;
  margin-top: -10vh; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

#articles {
  padding-top: 8vh;
  padding-bottom: 8vh; }
  #articles .article {
    margin-top: 20pt;
    padding: 15pt; }
    #articles .article .image-wrapper img {
      width: 100%;
      height: auto; }
    #articles .article .link-wrapper {
      margin-top: 15pt;
      margin-bottom: 5pt; }
      #articles .article .link-wrapper .link {
        text-align: center;
        width: 100%;
        color: #FFF;
        background: #002f41; }
    #articles .article .title-wrapper {
      padding-top: 15pt;
      padding-bottom: 10pt; }
      #articles .article .title-wrapper .title {
        font-size: 120%;
        font-weight: 600; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

#advertisementWrapper {
  margin: 0;
  padding: 0; }
  #advertisementWrapper #advertisement {
    color: #FFF;
    display: flex;
    flex-flow: column;
    border-radius: 0;
    margin: 0;
    padding-top: 16vh;
    padding-bottom: 8vh;
    background-image: url("/images/jumbobg.png");
    background-size: cover; }
    #advertisementWrapper #advertisement .title {
      font-weight: 800; }
    #advertisementWrapper #advertisement .lead {
      justify-self: center;
      margin: 10pt;
      font-weight: 500; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

footer {
  background-color: #002f41;
  background-image: url("/images/blurred-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: left;
  background-position-y: bottom;
  color: #FFF;
  box-sizing: border-box;
  border-left: 20px #002f41;
  border-right: 20px #002f41;
  margin: 0; }
  footer a:hover {
    color: inherit;
    font-weight: bolder;
    text-decoration: none; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

#legend {
  max-height: 25vh; }
  #legend .icons {
    color: #002f41;
    margin-bottom: 5pt; }
  #legend table {
    font-size: 70%;
    width: 80%;
    border-collapse: collapse; }
    #legend table th {
      font-weight: bold;
      vertical-align: middle;
      text-align: center; }
    #legend table td {
      font-weight: lighter;
      vertical-align: middle;
      text-align: center; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

#sensor-js i:hover {
  cursor: pointer;
  color: #1d7985; }
#sensor-js .link-wrapper {
  padding: 0pt; }
#sensor-js .status.image-wrapper {
  display: flex; }
  #sensor-js .status.image-wrapper img {
    margin-left: auto;
    margin-right: auto;
    width: 70pt;
    height: 70pt; }
#sensor-js .link-wrapper {
  background: #002f41;
  color: #FFF;
  padding: 10pt;
  width: 100%;
  text-align: center;
  cursor: pointer; }
  #sensor-js .link-wrapper a:hover {
    color: #ccc !important; }
#sensor-js .sensor-reading-wrapper {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: space-around; }
  #sensor-js .sensor-reading-wrapper .sensor-reading {
    padding: 5pt; }
    #sensor-js .sensor-reading-wrapper .sensor-reading .circle {
      color: #002f41;
      font-weight: bolder; }

.project-js:hover {
  cursor: pointer;
  box-shadow: 4px 4px 20px 1px #a1a1a1; }

#sensor-js > div {
  padding: 5pt; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

#toggler {
  min-width: 220px;
  border: 2px solid #002f41;
  background: #002f41;
  display: inline-flex;
  justify-content: space-around;
  text-align: center;
  width: 100%; }
  #toggler .option {
    font-weight: bold;
    color: #FFF;
    width: 100%; }
    #toggler .option.active {
      color: #002f41;
      background: #FFF; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

.sensors_list {
  min-width: 220px;
  max-height: 45vh;
  padding: 0 7pt 7pt 7pt;
  overflow-y: auto;
  display: flex;
  flex-flow: column;
  word-break: break-word; }
  .sensors_list div {
    width: 100%;
    float: left;
    display: inline-flex;
    vertical-align: center;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 2pt; }
    .sensors_list div .cloud {
      text-align: center;
      float: left;
      width: 18%;
      min-width: 45px; }
      .sensors_list div .cloud span {
        width: 100%;
        margin-top: 2pt;
        font-weight: bolder;
        color: #252525; }
    .sensors_list div .sensor_list_item {
      font-size: 1.5vh;
      width: 75%;
      display: block;
      align-self: center;
      float: left;
      text-align: left; }
      .sensors_list div .sensor_list_item:hover {
        font-weight: bolder !important;
        cursor: pointer; }
  .sensors_list .active {
    font-weight: bolder !important;
    text-decoration: underline !important; }

#radars_wrapper {
  min-width: 220px;
  max-height: 25vh;
  display: flex;
  flex-flow: column; }

.radar_list_item {
  font-size: 1.5vh;
  width: 75%;
  display: block;
  align-self: center;
  float: left;
  text-align: left; }
  .radar_list_item:hover {
    color: #000000;
    cursor: pointer; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

.sensors-charts {
  max-height: 85vh;
  overflow-y: auto;
  position: relative; }
  .sensors-charts .loading_screen {
    width: 100%;
    height: 50vh;
    background: white;
    display: none;
    align-items: center;
    flex-flow: column; }
    .sensors-charts .loading_screen .content {
      display: flex;
      flex-flow: column;
      justify-content: center;
      justify-items: center;
      text-align: center; }
      .sensors-charts .loading_screen .content img {
        margin-left: auto;
        margin-right: auto; }
  .sensors-charts .menu {
    color: #FFF;
    background: #002f41; }
    .sensors-charts .menu .nav-item.active {
      font-weight: bolder; }
  .sensors-charts .chart canvas {
    position: relative;
    max-height: 50vh; }
  .sensors-charts .window .menu {
    background: #e4e4e4;
    color: #0a0a0a; }
  .sensors-charts .icon {
    cursor: pointer; }
  .sensors-charts .chart-legend {
    color: #FFF;
    column-count: 3;
    margin-top: -5pt;
    min-height: 20pt; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

#allSensorsChart {
  width: 100vw;
  position: relative;
  z-index: 1000;
  top: 100vh;
  height: 93vh;
  background: white; }
  #allSensorsChart .arrow {
    color: #002f41;
    display: none; }
  #allSensorsChart .arrow.down {
    position: absolute;
    left: calc(50vw - 100pt);
    right: calc(50vw - 100pt);
    margin-top: -8vh; }
  #allSensorsChart .all-sensors-legend {
    z-index: 1000; }
    #allSensorsChart .all-sensors-legend .legend-element {
      margin-left: 5px;
      margin-right: 5px; }

#indexMapLegend {
  display: none;
  padding: 30pt;
  padding-bottom: 70pt; }
  #indexMapLegend .content {
    padding: 7pt;
    background: #fafafa;
    box-shadow: 3px 1px 6px 0px #808080bd; }

#indexMapPolygonLabel {
  display: none;
  height: 10vh;
  width: 100vw;
  justify-content: center; }
  #indexMapPolygonLabel .content {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    background: #fafafa;
    box-shadow: 3px 1px 6px 0px #808080bd; }

#application {
  pointer-events: none;
  display: none;
  position: absolute;
  top: 10vh; }
  #application .pTittle {
    color: #002f41;
    font-weight: bolder;
    margin-left: auto;
    font-size: 110%; }
  #application .app-row {
    width: 100%;
    height: 85vh;
    display: flex;
    flex-direction: column;
    align-content: space-between; }
    #application .app-row .app-component {
      pointer-events: auto;
      width: 100%;
      box-shadow: 0 0 10px 1px #b1b1b1;
      background: rgba(255, 255, 255, 0.8); }
    #application .app-row .app-component:first-child {
      margin-bottom: auto;
      margin-top: 0 !important; }
    #application .app-row .app-component:last-child {
      margin-top: auto; }

.circle-badge {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
  color: white;
  margin-left: auto;
  margin-right: auto; }

#index {
  position: relative;
  margin-top: 100vh; }

#mapBox {
  position: fixed !important; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

#browse {
  margin-top: 10vh; }
  #browse h4 {
    color: #002f41;
    font-weight: bolder;
    text-transform: capitalize;
    width: 100%;
    text-align: center; }
  #browse .sort .active {
    color: #1d7985; }
  #browse a {
    text-decoration: none;
    color: inherit; }

.text-c1 {
  color: #002f41; }

.text-l0 {
  color: #34bb93; }

.background-l0 {
  background: #34bb93; }

.text-l1 {
  color: #83c667; }

.background-l1 {
  background: #83c667; }

.text-l2 {
  color: #d5c728; }

.background-l2 {
  background: #d5c728; }

.text-l3 {
  color: #fabe12; }

.background-l3 {
  background: #fabe12; }

.text-l4 {
  color: #f08535; }

.background-l4 {
  background: #f08535; }

.text-l5 {
  color: #d02128; }

.background-l5 {
  background: #d02128; }

#contact .logo {
  color: #002f41; }
#contact #submit {
  background-color: #1d7985;
  color: #FFF;
  width: calc(100% - 40px);
  margin-bottom: 10pt;
  margin-left: 20px;
  margin-right: 20px; }
#contact .row.d-flex {
  display: flex;
  align-content: center;
  align-items: center; }

.btn-outline-white {
  color: #FFF !important;
  border: 1pt solid #FFF;
  background: none; }
  .btn-outline-white:hover {
    background: rgba(255, 255, 255, 0.1); }

.legend-color.l0 {
  color: #34bb93; }
.legend-color.l1 {
  color: #83c667; }
.legend-color.l2 {
  color: #d5c728; }
.legend-color.l3 {
  color: #fabe12; }
.legend-color.l4 {
  color: #f08535; }
.legend-color.l5 {
  color: #d02128; }

body {
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden; }

.font-standard {
  font-family: 'Roboto', sans-serif !important; }

a {
  color: inherit; }
  a :hover {
    color: inherit; }

.click:hover {
  cursor: pointer;
  opacity: 0.8; }

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