#inner-adm .input-wrapper {
  display: block;
  background-color: #333;
  color: #fff;
}

#inner-adm .input-wrapper {
  display: block;
}

#inner-adm .input-wrapper span.sched-label {
  min-width: 6.5em;
  display: inline-block;
}

#inner-adm .input-wrapper span.sched-date {
  display: inline-block;
}

#inner-adm .input-wrapper span.sched-month {
  display: inline-block;
}

#inner-adm .input-wrapper span.sched-year {
  display: inline-block;
}

#inner-adm .input-wrapper span.sched-hour {
  display: inline-block;
}

#inner-adm .input-wrapper span.sched-minute {
  display: inline-block;
}

#inner-adm .cal-wrapper {
  position: absolute;
  display: none;
  left: 15em;
  z-index: 98;
  padding: 10px;
  background-color: #333;
  color: #fff;
  border: 1px solid #fff;
  padding-top: 30px;
}

#inner-adm .cal-wrapper div.calendar {
  position: relative;
  border: 1px solid #000;
  font-size: 120%;
  font-weight: bold;
  width: fit-content;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

#inner-adm .cal-wrapper .timezone {
  font-size: 90%;
  margin-left: 5px;
}

#inner-adm .cal-wrapper .toolbar {
  display: flex;
  font-size: 100%;
}

#inner-adm .cal-wrapper .toolbar .left {
  margin-left: 5px;
  display: inline-block;
  font-size: 90%;
}

#inner-adm .cal-wrapper .toolbar .right {
  position: relative;
  display: inline-block;
  font-size: 90%;
}

#inner-adm .cal-wrapper .toolbar .right input {
  font-size: 90%;
  background-color: #333;
  color: #fff;
}

#inner-adm .cal-wrapper div.table {
  font-size: 75%;
  font-weight: normal;
  margin: 5px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: fit-content;
}

#inner-adm .cal-wrapper div.table input {
  background-color: #333;
  color: #fff;
  font-size: 100%;
}

#inner-adm .grid {
  border: 1px solid #ccc;
  font-size: 70%;
  color: #fff;
}

#inner-adm .grid .today {
  border: 1px solid #ccc;
}

#inner-adm .cal-wrapper select {
  font-size: 100%;
  background-color: #333;
  color: #fff;
  margin: 1em 0 1em 0;
}

#inner-adm .overlay {
  position: absolute;
  left: 10px;
  width: 26.5em;
  height: 5em;
  bottom: 4em;
  background-color: rgba(51, 51, 51, .7);
  z-index: 100;
}

#inner-adm .calendar button.btn {
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  background-color: #555;
  color: #fff;
  font-size: 100%;
  text-wrap: nowrap;
}

#inner-adm .calendar button.btn:hover {
  border-color: rgb(55, 169, 195);
}

#inner-adm .calendar button.btn.cancel:hover {
  border-color: #d00;
}

#inner-adm .calendar button.btn.accept:hover {
  border-color: #0c0
}

#inner-adm .popout .control button.popout-cancel {
  background-color: #d00;
  color: #fff;
  font-size: 140%;
  padding: 0px 15px 0px 16px;
  margin-top: 3px;
}

#inner-adm .popout .control button.popout-accept {
  float: right;
  background-color: #090;
  color: #fff;
  font-size: 144%;
  padding: 0px 15px 0px 16px;
  margin-top: 3px;
}

#inner-adm .popout {
  position: absolute;
  z-index: 110;
  top: 28em;
  left: 30em;
  border: 1px solid #fff;
  background-color: #393939;
  display: none;
}

#inner-adm .popout th,
#inner-adm .popout td {
  width: 2em;
  height: 2em;
  text-align: center;
  font-weight: normal;
  font-size: 120%;
}

#inner-adm .popout th {
  padding-bottom: 10px;
}

#inner-adm .popout td.selected,
#inner-adm .popout td.active:hover {
  cursor: pointer;
  background-color: rgba(255, 208, 0, 0.9);
  color: #000;
}

#inner-adm .popout .toolbar select {
  background: #393939;
  color: #fff;
  font-size: 115%;
}

#inner-adm .popout .toolbar input {
  background: #393939;
  color: #fff;
  font-size: 115%;
}