/* [CALENDAR] */
/* Month & year selector */

div.calendar select {
  width: 48% !important;
  padding: 5px
}

div.calendar table {
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate;
  margin-top: 10px;
}

/* All the cells in general */
div.calendar table td {
  width: 14%;
  padding: 12px;
  text-align: center;
  border-radius: 7px;
}

/* First row - days of week */
div.calendar table tr.days td {
  background: #12457e;
  color: #fff;
  font-weight: bold;
  padding: 12px;
}

/* Currently chosen date */
div.calendar table td.active {
  background: #fded01;
  color: #12457e;
  font-weight: bold;
  border-radius: 7px;
}

/* Dates you can choose */

div.calendar table td.pick {
  cursor: pointer;
  background: #8bc34a;
  border-radius: 7px;
  color: #fff;
}




div.calendar table td.pick:hover {
  cursor: pointer;
  background: #12457e;
  border-radius: 7px;
}

/* Blank cells */
div.calendar td.blank {
  background: #ddd;
}


#res_form {
  padding: 10px;
  /* width:95%; */
  /* max-width: 500px; */
  background: #fff;
  margin: 0 auto;
  /* box-shadow: 0 10px 20px rgba(0,0,0,.12); */
}

#res_form label,
#res_form input,
#res_form button,
#res_form select {
  font-size: 13px;
  width: 100%;
  box-sizing: border-box;
}

#res_form button {
  font-size: 16px;
}

#res_form label,
#res_form input,
#res_form button {
  display: block;
}

#res_form label {
  color: #12457e;
  margin: 5px 0;
  font-weight: 600;
}

#res_form input,
#res_form select {
  padding: 12px 10px;
  border: 1px solid #12457e;
  border-radius: 3px;
  height: auto;
}

#res_form button:disabled {
  background: #adadad;
}

#res_form button {
  margin-top: 10px;
  background: #12457e;
  color: #fff;
  padding: 20px;
  border: 0;
  border-radius: 3px;
}

.year {
  margin-right: 4%;
}

@media (max-width: 768px) {
  #res_form {
    padding: 25px 0 0 0 !important;
  }
}