.dim {
  opacity: 20%;
}

#overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
}

.clickable {
  cursor: pointer;
}

.not-clickable {
  cursor: not-allowed;
}

#text{
  position: relative;
  top: 50%;
  left: 50%;
  font-size: 10px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

.label-required:after {
  content: "*";
    font-weight: 700;
    color: #d93025;
    display: inline-block;
    margin-left: .25rem;
}

.background {
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: -1;
}

.header {
  background: white;
  opacity: 75%;
}

.select-label {
  opacity: 100%!important;
  transform: scale(1)!important;
}

.header-img {
  max-width: 100%;
  max-height: 70px;
}

.img-preview {
  max-width: 100%;
  max-height: 100%;
}

.show {
  display: flex;
}

.hide {
  display: none!important;
}

.card-container {
  height: 428px;
  width: 100%;
}

.map {
  width: 100%;
}

.label {
  color: lighten($color, 15);
  font-size: 70%;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  left: 10px;
}

input:focus+&{
  color: darken(#0074D9, 10);
  font-weight: bold;
}

@media(max-width: 767px) {
      .card-container {
        height: 300px;
      }
    }