html, body { height:100% }
#bg {
  position:fixed;
  z-index:0;
  font-size:50rem;
  top:-15rem;
  right:-8rem;
}
#main {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
}
.email input {
  width:60%;
  border-top-right-radius:unset;
  border-bottom-right-radius:unset;
  border-right:0;
}
.email select {
  width:40%;
  border-top-left-radius:unset;
  border-bottom-left-radius:unset;
  border-left:0;
}
.password { cursor:pointer }
.clock {
  font-size:1.5em;
  padding:1rem 0;
  cursor: pointer;
}
.clock i {
  display:block;
  font-size:2em;
  margin:0 0 1.5rem 0;
}
.wrap { padding-bottom:5rem }
.wrap > .container { padding:3rem 1rem 0 1rem }
.footer {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  padding-top:1rem;
}
.not-set {
  color:#c55;
  font-style:italic;
}
.is-valid,
.is-invalid { background-color:#fff !important }
.calendar {
  border-radius:5px;
  float:left;
  width:13%;
  margin:.25rem;
  padding:.5rem;
  text-align:right;
}
.calendar.day {
  border:1px solid transparent;
  background-color:transparent;
  text-align:center;
  font-weight:bold;
}
.calendar.fixed {
  height:10rem;
  overflow-y:auto;
}
.calendar p {
  text-align:left;
  margin:0;
  padding:0;
}
.selectDay { cursor:pointer }
.note {
  float:right;
  margin:4px 0 0 10px;
  cursor:help;
}
.modal-day { padding:20px }
.modal-day .popover { color:#333 }
.modal-day .active .note {
  background-color:#fff;
  box-shadow:0 0 20px 10px #fff;
}
.months .btn { width:50% }
.months .btn i { display:block }
.accordion .card-body { color:#333 }
.list-group-item.separator {
  background-color:transparent;
  border-color:transparent;
  font-size:.1em;
  padding:.1rem;
}
.project-badge {
  text-shadow:rgba(0,0,0,.8) 1px 1px, rgba(0,0,0,.8) 1px -1px, rgba(0,0,0,.8) -1px 1px, rgba(0,0,0,.8) -1px -1px;
  color:#fff !important;
}
.list-group-item .action { display:none }
.list-group-item:hover .action, .list-group-item:focus .action { display:inline-block }
.day-taken { background-color: rgba(255, 0, 0, 0.2) }
@media (max-width:768px) {
  .calendar {
    float:none;
    width:100%;
    margin:0 0 3px 0 !important;
    padding:3px 10px;
    text-align:left;
  }
  .calendar.fixed {
    min-height:2.5rem;
    height:auto;
  }
  .calendar.day { display:none }
  .calendar p { display:inline }
}