html {
  font-family: "Roboto", sans-serif !important; }

.row {
  margin: 0; }

progress:not([value]) {
  display: none; }

progress {
  width: 100%;
  display: none;
  height: 5px;
  border: none; }

#detail-map {
  border-top: 1px solid lightgrey;
  height: 690px;
  box-shadow: 3px 3px 2px #888888; }

#list-map {
  border-top: 1px solid #ced4da;
  margin-top: 1.5rem;
  height: 590px;
  box-shadow: 3px 3px 2px #888888; }

#small-map {
  height: 100px;
  width: 50% !important; }

a:hover {
  text-decoration: none !important; }

.hover {
  background-color: #ececec !important; }

.custom-file .invalid-feedback,
.custom-file .valid-feedback {
  z-index: 1000;
  font-size: 100%;
  padding-bottom: 0.2em;
  position: relative;
  left: -60px;
  pointer-events: none; }

button#location-dismiss {
  display: none; }

a[data-toggle="collapse"] {
  color: #363d42; }

a[data-toggle="collapse"] > .svg-inline--fa {
  font-size: 80%; }

.legend {
  background-color: #fff;
  padding: 1em;
  border: 1px solid #a61f5c;
  border-radius: 4px;
  font-size: 0.8rem;
  box-shadow: 4px 4px 4px #888888; }

tr#clc-row,
tr#cmc-row,
tr#pa-row,
tr#ag-row,
tr#dp-row,
td#ter-row {
  display: none; }

.legend td.symbol {
  width: 20px;
  margin-right: 0.5rem; }

.legend td#fc {
  background-color: #0ed029;
  border: 1px solid #0ed029; }

.legend td#ip {
  background-color: #fb9b54;
  border: 1px solid #fb9b54; }

.legend td#ns {
  background-color: #3130fb;
  border: 1px solid #3130fb; }

.legend td#cmc {
  background-image: linear-gradient(135deg, #ecd589 25%, transparent 25%, transparent 50%, #ecd589 50%, #ecd589 75%, transparent 75%, transparent);
  background-size: 5px 5px;
  border: 1px solid #ecd589; }

.legend td#clc {
  background-color: #aaa29b;
  border: 1px solid #aaa29b; }

.legend td#pa {
  background-color: #8d9976;
  border: 1px solid #8d9976; }

.legend td#ag {
  background-color: #ecd589;
  border: 1px solid #ecd589;
  opacity: 1; }

.legend td#db > svg > line {
  stroke: #a80022;
  stroke-width: 2; }

.legend td#dp > svg > line {
  stroke: #a80022;
  stroke-width: 2;
  stroke-dasharray: 10, 5; }

.legend td#ter {
  background-color: #000; }

.alert-debug {
  background-color: #fff;
  border-color: #d6e9c6;
  color: #000; }

.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

[hidden][style="display: block;"] {
  display: block !important; }

.comments {
  padding-left: 1rem;
  max-width: 80%; }

.comments-form {
  margin: 1em;
  padding: 1em;
  max-width: 60%;
  background-color: #f6f6f6; }

li.comment-list-wrapper li.comment-list-wrapper {
  margin-left: 2em;
  padding-left: 5em;
  background-color: #f6f6f6; }

.comment-item {
  padding: 0.5em; }

.comment-removed {
  background-color: #f6f6f6; }

ul.comment-list-wrapper {
  list-style-type: none;
  padding-inline-start: 20px;
  margin-block-start: 0px; }

#app-comments-link {
  margin-top: 1em;
  font-size: 12pt !important; }

.leaflet-popup-content {
  width: 360px !important; }

#featureInfo {
  overflow-y: auto;
  max-height: 300px; }

.button-wrapper a,
button {
  margin-bottom: 5px; }

.hero-section {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/cfdbpeople.3c6b96e27aa1.jpg") 50% no-repeat;
  background-size: cover;
  min-height: 45vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.hero-section .hero-section-text {
  color: #fefefe;
  text-shadow: 1px 1px 2px #0a0a0a; }

h1 a {
  color: #fefefe; }

a {
  font-weight: bold;
  color: black; }

h1 a:hover {
  color: #fefefe; }

a#app-comments-link {
  color: #343a40; }

div#search {
  margin-bottom: 0.5em; }

.row-home {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .row-home {
    width: 750px; } }

@media (min-width: 992px) {
  .row-home {
    width: 970px; } }

@media (min-width: 1200px) {
  .row-home {
    width: 1170px; } }

.footertext {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  color: #fefefe; }

@media (min-width: 768px) {
  .footertext {
    width: 750px; } }

@media (min-width: 992px) {
  .footertext {
    width: 970px; } }

@media (min-width: 1200px) {
  .footertext {
    width: 1170px; } }

.footer-home {
  background-color: #212529; }

.logo {
  max-height: 35px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5%; }

.footer-home p {
  color: #fefefe;
  margin: 0;
  font-size: 0.8em; }

.home-container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.padding-0 {
  padding: 0px !important; }