/* [CALENDAR] */
/* Month & year selector */
div.calendar select {
  width: 50% !important;
  padding: 5px
}
div.calendar table {
  width: 100%;
  border-collapse: seperate;
  margin-top: 10px;
}
/* All the cells in general */
div.calendar table td {
  width: 14%;
  padding: 5px;
  text-align: center;
}
/* First row - days of week */
div.calendar table tr.days td {
  background: #888;
  color: #fff;
  font-weight: bold;
}
/* Currently chosen date */
div.calendar table td.active {
  background: #d64646;
  color: #fff;
}
/* Dates you can choose */
div.calendar table td.pick:hover {
  cursor: pointer;
  background: #ffe5d3;
}
/* Blank cells */
div.calendar td.blank {
  background: #ddd;
}

h1 {
  color: #fff;
}

p {
  color: #fff;
}

/* [DOES NOT MATTER] */
html, body {
  font-family: arial, sans-serif;
}
#res_form {
  padding: 15px;
  max-width: 400px;
  background: #f2f2f2;
}
#res_form label, #res_form input, #res_form button, #res_form select {
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
}
#res_form label, #res_form input, #res_form button {
  display: block;
}
#res_form label {
  color: #555;
  margin: 5px 0;
}
#res_form input, #res_form select {
  padding: 5px;
}
#res_form button {
  margin-top: 10px;
  background: #b53732;
  color: #fff;
  padding: 10px;
  border: 0;
}

textarea {
  resize: none;
  font-family: inherit;
  font-size: inherit;
  width: 98%;
}