
  .background-dark label, .background-dark .form_label { color: #fff; margin-bottom: .5em }
  .eyebrow::after {
   	content: '';
    display: block;
    width: 4.5em;
    height: .35em;
    background: #A7D0D9;
  }
  .form_page input[type=email], .form_page input[type=text], .form_page select, .form_page textarea {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #4d4d4a;
    min-height: 50px;
    padding: 8px;
    width:100%
}
.form_page,
form .action {
	font-family: Montserrat, Arial, sans-serif;
}

@media screen and (max-width:767px) {
	.form_page div.form_question { margin: 0 0 2em; }
	.form_page div.form_header { margin-bottom: 0; }
}

.form_page select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    border-width: 1px;
	border-radius: 0;
    padding:8px
}

.form_page select[multiple] {
    background-image:none
}

.form_page .form_question {
    margin-left: 0;
    margin-right:0
}

.form_question .form_label, form .form_question .form_label legend {
    font-weight:700
}

form .form_birthdate .form_responses, form .form_date .form_responses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content:space-between
}

@media print, screen and (min-width: 48em) {
    form .form_birthdate .form_responses, form .form_date .form_responses {
        -ms-flex-wrap: nowrap;
        flex-wrap:nowrap
    }
}

form .form_birthdate select, form .form_date select {
    margin-bottom: .5em;
    margin-left: 0 !important;
    width:calc(50% - .5rem)
}

@media print, screen and (min-width: 48em) {
    form .form_birthdate select, form .form_date select {
        width:calc(33% - .5rem)
    }
}

form .form_birthdate select:first-of-type, form .form_date select:first-of-type {
    width:100%
}

@media print, screen and (min-width: 48em) {
    form .form_birthdate select:first-of-type, form .form_date select:first-of-type {
        width:calc(33% - .5rem)
    }
}

form .form_datemd .form_responses, form .form_dateym .form_responses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content:space-between
}

@media print, screen and (min-width: 48em) {
    form .form_datemd .form_responses, form .form_dateym .form_responses {
        -ms-flex-wrap: nowrap;
        flex-wrap:nowrap
    }
}

form .form_datemd select, form .form_dateym select {
    margin-bottom: .5em;
    margin-left: 0 !important;
    width:calc(50% - .5rem)
}

form .form_likert.form_question .form_responses {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: auto !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

div.form_question.form_layout_table.form_likert.show_labels .form_label {
    padding-top: 0 !important;
    vertical-align:bottom
}

form .action button {
    background-color: transparent;
    border: 3px solid #fff;
    border-radius: 0;
    color: #fff;
    font-size:1.2rem;
	padding: .3em;
	text-transform: uppercase;
}

.no-touch form .action button.default:hover, form .action button:focus, form .action button:hover {
    background: #4d4d4a;
    color:#fff
}

form .form_label, form .form_label legend {
    font-size: 1rem;
    font-weight:400
}

form .form_label legend {
    margin: 8px 0;
    padding:0
}

.tcu-template-landing .tcu-content-wrapper > .unit {
    padding-left: 0;
    padding-right:0
}

form div.form_question.form_h1, form div.form_question.form_h2 {
    padding-bottom: 0;
    padding-top:0
}

form div.form_header .form_label {
    background: #4d1979;
    color:#fff
}

.ui-datepicker {
    border: 1px solid #e1eaf0;
    max-width:17em
}

.ui-datepicker .ui-widget-header {
    background:transparent
}

@media only screen and (min-width: 320px) and(max-width: 768px) {
    .ui-datepicker-inline {
        width:100%
    }
}

.ui-datepicker-inline table {
    width:100%
}

.ui-datepicker-header {
    position:relative
}

.ui-datepicker-calendar thead, .ui-datepicker-header {
    border-bottom:1px solid #e1eaf0
}

.ui-datepicker-title {
    background: #fff;
    font-weight: 700;
    text-align: center;
    text-transform:uppercase
}

.ui-datepicker-calendar thead {
    color: #767676;
    font-size: 13px;
    text-transform:uppercase
}

.ui-datepicker-calendar thead th {
    font-weight: 400;
    padding: 7px 0 !important;
    text-align:center
}

.ui-datepicker-calendar {
    margin: 0;
    width:100%
}

.ui-datepicker-calendar tbody {
    background:#f4f6f7
}

.ui-datepicker-calendar .ui-state-active {
    background: #4d1979;
    color:#fff
}

.ui-datepicker .ui-datepicker-today a:not(.ui-state-active) {
    background: #d4d9dc;
    color:#333 !important
}

.ui-datepicker td a, .ui-datepicker td span {
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    line-height: 38px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width:40px
}

.ui-datepicker td a {
    color:#000
}

.ui-datepicker .ui-state-disabled {
    color:#767676
}

td:not(.ui-state-disabled) .ui-state-default:hover {
    background: #4d4d4a;
    color:#fff !important
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 1.8em;
    position: absolute;
    top: 0;
    width:1.8em
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display:none
}

.ui-datepicker .ui-datepicker-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 1792 1792'%3E%3Cpath fill='%234d1979' d='M1427 301 896 832l531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19L429 877q-19-19-19-45t19-45l742-742q19-19 45-19t45 19l166 166q19 19 19 45t-19 45'/%3E%3C/svg%3E");
    left:0
}

.ui-datepicker .ui-datepicker-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 1792 1792'%3E%3Cpath fill='%234d1979' d='m1363 877-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45L531 45q19-19 45-19t45 19l742 742q19 19 19 45t-19 45'/%3E%3C/svg%3E");
    right:0
}

