body {
  color: #428bca;
  font-family: "Open Sans";
}
h2 {
  color: #444;
  font-size: 18px;
  font-weight: 600;
}
.ruleDivider {
  margin-top: 4px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(200, 136, 36, 0.77);
}
b {
  font-weight: 600;
}
.notice {
  font-size: 12px;
}
.hidden {
  display: none;
}
.flow {
  display: flex;
  flex-wrap: wrap;
}
.flow > label {
  padding-right: 10px;
  padding-bottom: 6px;
}
.fullWidth {
  width: 100%;
}
.knowledge {
  display: flex;
  flex-wrap: wrap;
}
.knowledge > label {
  padding-right: 30px;
}
.calendar {
  display: flex;
  flex-wrap: no-wrap;
}
.calendar > table {
  padding-right: 30px;
}
.submitButton {
  background-color: rgb(246, 101, 60);
  color: white;
  padding: 12px 4px;
  border: none;
}
.chevron {
    display: inline-block;
    color: #f6653c;
    font-weight: 1000;
    font-size: 24px;
}
.chevron:hover {
    cursor: pointer;
}
.monday {
    background-color: rgb(192, 192, 192);
}
.green {
    background-color: #a0e0c0;
}
.green:hover {
    cursor: pointer;
    background-color: yellow;
}
.red {
    background-color: rgb(255, 192, 192);
}
.period {
    background-color: rgb(255, 255, 140);
}
.highlight {
    color: rgb(160, 0, 0);
}
.entry {
    color: rgb(0, 0, 128);
    background-color: rgb(210, 210, 255);
}
.errorMessage {
    color: rgb(192, 0, 0);
    text-weight: 600;
}
.adminMessage {
    color: rgb(128, 0, 128);
    background-color: yellow;
    text-weight: 600;
}
@media only screen and (max-width: 500px) {
.longText {
    width: 100%;
}
}
.numeric { 
    -wap-input-format: "*N"; 
}