/* Making it negative */

#container, .st-dtitle, .st-dtitle-nonmonth {
  background-color: #0f0f0f;
}

.nav-table td {
  color: #fff;
}

.mv-event-container, .mv-daynames-table, .view-cap, .view-container-border {
  background-color: transparent;
}

.mv-dayname {
  color: #fff;
}

/* Marking the unavailable days */

.st-grid {
  height: 200%;
}

.st-c {
  height: 100%;
}

.st-c-pos {
  background: #ffffff21;
  height: 100%;
}

.rb-n {
  display: none;
}

/* croping Weekends */

.calendar-container {
  overflow: hidden;
}

.view-container-border {
  margin-right: -41%;
}

/* make the whole grid unclickable */

#calendarContainer1, #dateEditableBox1 {
  pointer-events: none;
}

/* remoce the text of the unavailable days */

.st-c span {
  display: none;
}

/* Style details */

#dateMenuArrow1 {
  display: none;
}

.date-picker-on {
  border-color: transparent;
}

#todayButton1 {
  padding: .2em .8em;
  border-radius: 0;
  border: none;
}

#mvEventContainer2 {
  top: 25px;
}

.st-dtitle {
  text-align: center;
  height: 25px;
}

.st-dtitle-today, .st-bg-today, .st-dtitle-down {
  border-color: #fff;
}

.st-bg-today {
  background: transparent;
}

.st-dtitle-today {
  background: #fff;
  color: black;
}

.st-dtitle-nonmonth {
  color: #666;
}

.date-nav-buttons {
  filter: grayscale(100%);
}

.view-container-border {
  padding: 0;
}

#footer1 {
  display: none;
}