img {
max-width: 100%;
height: auto;
margin: 0 auto;
border: none;
display: block;
padding: 5px 0;
}
.wlife_wrap {
width: 100%;
padding: 0;
margin: 0 auto;
}
.wlife_wrap:after {
content: '';
clear: both;
}
.wlife_wrap th,
.wlife_wrap td {
padding: .2rem;
}
.wlife_wrap label:hover {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-botom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.wlife_smaller {
font-size: smaller;
}
.user_input_error {
color: #ff000f;
}
.user_input_error_border {
border-color: #ff000f;
}
.radio label,
.checkbox label {
padding-left: 0;
}
.assessment_label_div {
display: block;
}
.assessment_header {
text-align: center;
}
.assessment_panel {
margin-top: 1rem;
text-align: center;
}
.panel_buttons {
float: none;
display: none;
}
.assessment_intro_block {
display: table;
margin-top: 0px;
margin-bottom: 0px;  font-weight:600;
text-align:center;
width:100%;
max-width:100% !important;
height:auto;
min-height:8rem;
background-position:top left;
background-repeat:no-repeat;
background-size:cover;
text-shadow: 0px -1px 1px rgba(0,0,0,.5);
}
.assessment_intro_span_text {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
font-size: 9vw;
line-height: 8vw;
font-weight:600;
width:100%;
max-width:100% !important;
margin: 0 auto;
text-shadow: 0px -1px 1px rgba(0,0,0,.5);
}
.assessment_contact_span_text {  text-shadow: 0px -1px 1px rgba(0,0,0,.5);
max-width: 100%;
word-wrap: break-word;
overflow-wrap: break-word;
}
.assessment_contact_table {
word-wrap: break-word;
max-width: 100%;
word-break: break-word;
}
.assessment_contact_table td:not(:last-child) {
white-space: nowrap;
}
.assessment_contact_table td:last-child {
width: 100%;
}
.assessment_intro_span_text p {
display: none;
}
.assessment_intro_span_text br {
font-size: 1px;
line-height: 1px;
}
.assessment_intro_title {
display: table-cell;
vertical-align: middle;
}
.assessment_question_wrap { margin: 0 auto;
}
.assessment_question {
position: relative;
display: none;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
left: 0;
right: 0;
}
.assessment_title_text {
display: table;
width:100%;
text-align: center;
font-weight: 700;
font-size: 2rem !important;
line-height: 2rem;
min-height: 7rem;
}
.assessment_img_title_block {
position: relative;
display: table;
max-width: 100%;
}
.assessment_img_title_block > img {
display: block;
width: 100%; height: auto;
position: relative;
opacity: 0.5;
filter: alpha(opacity=50); }
.assessment_img_title_block .text-box {
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 100%;
height: 100%;
}
.assessment_img_title_block .text-box .text-table {
height: 100%;
display: table;
margin: 0 auto;
}
.assessment_img_span_text {
display: table-cell;
vertical-align: middle;
}
.assessment_span_text {
margin-top: 0px;
margin-bottom: 0px;  font-weight: 700;
text-align: center;
margin: 0 auto;
text-shadow: 0px -1px 1px rgba(0,0,0,.5);
}
.assessment_span_link .fa {
font-size: 3rem;
z-index: 10;
-webkit-text-stroke-width: 1px;
}
.assessment_video_close_div {
text-align: right;
right: 0;
font-size: 3rem;
text-shadow: 0px -1px 1px rgba(0,0,0,.5);
}
.assessment_close_video_link {
z-index: 1000;
-webkit-text-stroke-width: 1px;
}
.assessment_span_link:hover {
cursor: pointer;
}
.assessment_awesome_icon {
display: inline-block;
}
.assessment_txt_span_text {
display: table-cell;
vertical-align: middle;
margin-top: 0px;
margin-bottom: 0px;  text-align: center;
font-weight: 700;
}
.assessment_question_text {
margin-top: 1rem;
font-size: 104%;
font-weight: 600;
text-align: justify;
}
.assessment_justify_text {
text-align: justify;
}
.assessment_input_slider {
width: 100%;
}
output {
position: relative;
bottom: -2rem;
display: inline-block;
width: 100%;
font-size: 2rem !important;
font-weight: bold;
text-align: center;
}
.assessment_feel_input {
width:100%;
max-width:100%;
height:4em;
}
.question_feel_div {
margin-top: 1rem;
}
.question_feel_div textarea {
margin: 0;
}
.question_feel_text {
display: inline-block;
font-weight: 600;
margin-bottom: .2rem;
}
.wlife_wrap button,
.wlife_wrap input[type="button"],
.wlife_wrap input[type="submit"],
.assessment_btn:focus,
.assessment_btn:active,
.assessment_btn {
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
outline: none; font-size: 20px;
line-height: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
text-shadow: 0px -1px 1px rgba(0,0,0,.5);
border-width: 2px;
border-style: outset;
border-color: buttonface;
}
.assessment_spacer {
height: 1rem;
}
.call-to-action-button {
margin: 0.85em !important;
}
.assess_range_scale {
display: block;
margin-bottom: 1rem !important;
}
.assess_range_center {
float: none;
}
.assess_range_left {
font-weight: 700;
float:left;
}
.assess_range_right {
font-weight: 700;
float:right;
}
.assessment_call_to_action {  text-align: center;
background-color: #ededed;
width: 100%;
margin: 0 auto;
padding: 1rem !important;
}
.assessment_call_to_action_text {
margin-top: 1rem !important;
}
.assessment_smaller_div {  text-align: center;
padding-top: 1rem;
margin: 0 auto;
} .assessment_progress {
max-width: 100%;
border: 1px solid #555;
position: relative;
padding: .3rem;
}
.assessment_percent {
font-size: 1rem;
position: absolute;
left: 50%;
}
.assessment_bar {
height: 1.2rem;
background-color: #03c403; width: 0%;
margin-bottom: 0;
}  .assessment_video_container { }
.assessment_video_div { position: absolute;
top: 0;
z-index: 5;
text-align: center;
left: 0;
right: 0;
width: auto;
display: none;
}
@media screen and (min-width:400px) {
.assessment_smaller_div {
width:60% !important;
}
}