@keyframes morph-bg {
  0% { background-color:white; }
  50% { background-color: #ffd0d0; }
  100% { background-color: white; }
}
#animated-bg { animation: morph-bg 3s infinite }

.btn.btn-sm.btn-danger.uib-clear{
  display:none;
}

.btn.btn-sm.btn-info.uib-datepicker-current{
  display:none;
}

.image-bordered {
  width:20%;
  min-width:150px;
  position:absolute;
}
.image-bordered > img {
  transform:translateX(-50%);
  padding:8px;
  box-shadow:1px 2px 4px black;
  width:100%;
  background-color:white;
}
.image-bordered-side {
  width:42%;
  min-width:140px;
  position:absolute;
  transform:translateY(-50%)
}
.image-bordered-side > img {
  transform:translate(-50%,-50%);
  padding:8px;
  box-shadow:1px 2px 4px black;
  width:100%;
  background-color:white;
}

@media only screen and (min-width:1000px) {
  .image-bordered > img {
    max-height:200px;
    width:auto;
  }
}

.contact-info {
  text-align:center;
  font-size:1.2em;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background-color:white;
  padding:10px;
  box-shadow:0px 0px 14px 8px #a2a2a2;
}

.white-background {
  background-color:white;
  padding:7px;
  box-shadow:0px 0px 7px 7px white;
}

.month-notice {
  top:-10%;
  z-index: 20000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 6px;
  border-radius:5px;
  width:calc(100% + 10px);
  font-family:'Raleway';
}
.datepicker-input {
  width:254px;
  height:1px;
  opacity:0;
  border:0;
  z-index:-100;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
@media only screen and (max-height:500px) {
  .month-notice {
    top:-115%
  }
  .datepicker-input {
    top:-50%
  }
}
@media only screen and (max-height:300px) {
  .month-notice {
    top:-165%
  }
  .datepicker-input {
    top:-100%
  }
}

.uib-datepicker-popup {
  font-family:sans-serif
}
.uib-day > button {
  border-color:white;
}
.text-muted {
  color:#e3e3e3
}

.lds-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: white transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.datepicker-centerer {
  left:50% !important;
  transform:translateX(-50%);
}
.uib-title {
  opacity:1 !important;
}