/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #fff;
  background-color: #f2dede;
  background-image: linear-gradient(310deg, #f5365c 0%, #f3410f 100%);
  border-color: #eed3d7;
}

.alert-danger {
  color: #fff;
}
.alert-danger ul {
  list-style: none;
  padding-left: 0;
}

.btn .material-icons {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: -0.125em;
  font-size: 1rem;
}

.map-container {
  height: 100%;
}

#map-route {
  height: 300px;
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
  display: block;
}

.deleted{
  background: #faebd7;
}

/* // New */
.navbar-vertical.navbar-expand-xs .navbar-collapse {
  height: calc(100vh - 144px);
}

@media (min-width: 992px) {
  :not(.main-content) .navbar .dropdown .dropdown-menu {
      top: 0 !important;
  }
}


/* TODO: import leaflet lib */

/* Add to custom */

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-center, .medium {
  width: 50%;
}

.h1-center {
  text-align: center;
}

.text-gray-800 {
  color: #495057!important;
}