/* user css file */

/* Spacing between questions */
.question {
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	margin-top: 0.3rem;
	margin-bottom: 0.75rem;
}

/* Ensure that heading has no overlapping lines in narrow browsers */
h1 {
	line-height: 1.5;
}

/* Calender Color */
.ui-datepicker-prev, .ui-datepicker-next {
    background-color: #0a3ca0;
}
.ui-datepicker-calendar tbody td {
    background: #7F7F7F;
}
.ui-datepicker-calendar .ui-state-default {
    background: #E0E0E0;
}
.ui-datepicker td span, .ui-datepicker td a {
    color: black;
}
.ui-datepicker th {
    color: black;
}
.ui-datepicker a:hover, .ui-datepicker a:active {
  	color: #00802F;
}
.ui-datepicker thead {
    border-bottom: 0.06667rem solid #7F7F7F;
  	background-color: #CCCCCC;
}
.ui-datepicker tbody td {
    border-right: 0.06667rem solid #7F7F7F;
}
.ui-datepicker-header {
    background-color: #0a3ca0;
    color: #e0e0e0;
}
.ui-datepicker-next {
    border-color: transparent transparent transparent white;
}
.ui-datepicker-prev {
    border-color: transparent white transparent transparent;
}
.ui-datepicker-calendar .ui-state-active {
    color:#00802F;
}

/* Picture Wrapper for explanations */
.picflex-container {
  display: flex;
  flex-wrap: wrap;
}

.picflex-container div {
  margin: 0.75rem;
  text-align: center;
  width: 250px;
}

/* Picture Wrapper for results */
.picflex-results {
  display: flex;
  flex-wrap: wrap;
}

.picflex-results div {
  margin: 0.75rem;
  text-align: left;
  width: 375px;
}