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

.homepage {
    font-family: 'Raleway', sans-serif;
}

.plus-panel {
    bottom: -176px;
}

.rounded-lg {
   border-radius: 1rem !important;
   -webkit-border-radius: 1rem !important;
   -moz-border-radius: 1rem !important;
   -ms-border-radius: 1rem !important;
   -o-border-radius: 1rem !important;
}

.plus-panel,
.plus-panel.slide-bottom {
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Always set the map height explicitly to define the size of the div
  * element that contains the map. */
#map {
  height:100%;
}

.iti {
  display: block !important;
}

a:hover {
  color: rgba(79, 70, 229, 1);
}

a.active,
a.active .img-thumbnail,
a.active .figure-caption,
.indigo-btn .btn-outline-primary {
  border-color: rgba(79, 70, 229, 1) !important;
  color: rgba(79, 70, 229, 1);
}

.indigo-btn .btn-check:active+.btn-outline-primary,
.indigo-btn .btn-check:checked+.btn-outline-primary,
.indigo-btn .btn-outline-primary.active,
.indigo-btn .btn-outline-primary.dropdown-toggle.show,
.indigo-btn .btn-outline-primary:active,
.indigo-btn .btn-outline-primary:hover,
.indigo-btn .btn-check:checked+.btn-outline-primary {
  border-color: rgba(79, 70, 229, 1) !important;
  background-color: rgba(79, 70, 229, 1);
  color: #fff;
}

.indigo-btn .btn-check:active+.btn-outline-primary:focus,
.indigo-btn .btn-check:checked+.btn-outline-primary:focus,
.indigo-btn .btn-outline-primary.active:focus,
.indigo-btn .btn-outline-primary.dropdown-toggle.show:focus,
.indigo-btn .btn-outline-primary:active:focus {
  box-shadow: 0 0 0 0.25rem rgb(79 70 229 / 50%)
}

.nav-pills .nav-link.active {
  background-color: rgba(79, 70, 229, 1);
}

.brace_list .list-group-item.active,
.brace_list .list-group-item.active:hover {
  background-color: #DEE2E6;
  color: inherit;
}