/* === BUTTONS === */
[class*="vrc-"] button,
[class*="vrc-"] input[type="submit"],
[class*="vrc-"] input[type="button"] {
  background-color: #D69C47 !important;
  color: #FFFFFF !important;
  border: 2px solid #000000 !important;
  text-transform: uppercase;
  padding: 10px 20px !important;
  font-weight: bold;
  cursor: pointer;
  border-radius: 6px;
}

/* === BUTTON HOVER === */
[class*="vrc-"] button:hover,
[class*="vrc-"] input[type="submit"]:hover,
[class*="vrc-"] input[type="button"]:hover {
  background-color: #000000 !important;
  color: #FFFFFF !important;
  border-color: #D69C47 !important;
}

/* === FORM INPUTS === */
[class*="vrc-"] input[type="text"],
[class*="vrc-"] input[type="date"],
[class*="vrc-"] input[type="number"],
[class*="vrc-"] input[type="time"],
[class*="vrc-"] select,
[class*="vrc-"] textarea {
  background-color: #FFFFFF !important;
  color: #000000 !important;
  border: 3px solid #FFFFFF !important;
}

/* === CALENDAR CELLS === */
[class*="vrc-"] table td,
[class*="vrc-"] table th {
  background-color: #D69C47 !important;
  color: #000000 !important;
  border: 2px solid #FFFFFF !important;
  text-align: center;
  padding: 5px !important;
}

/* ========== CALENDAR POPUP ========== */
.ui-datepicker,
.ui-datepicker table,
.ui-datepicker td,
.ui-datepicker th {
  background-color: #FFFFFF !important;
  color: #000000 !important;
  border: 1px solid #D69C47 !important;
}