/* PsO COLORS */
/* PsA COLORS */
/* What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
*, *:before, *:after { box-sizing: border-box; }

html { color: #222; font-size: 1em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: https://twitter.com/miketaylr/status/12228805301  These selection rule sets have to be separate. Customize the background color to match your design. 

::selection { background: #b3d4fc; text-shadow: none;
}

*/
/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers: https://github.com/h5bp/html5-boilerplate/issues/440 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Author's custom styles ========================================================================== */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home { width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/* SYMPTOM PROFILER */
/*
The provided mixins are intended to be used with the array-like variables

.icon-home { @include sprite-width($icon-home);
}

.icon-email { @include sprite($icon-email);
}
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home { width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/* SYMPTOM PROFILER */
/*
The provided mixins are intended to be used with the array-like variables

.icon-home { @include sprite-width($icon-home);
}

.icon-email { @include sprite($icon-email);
}
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home { width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home { @include sprite-width($icon-home);
}

.icon-email { @include sprite($icon-email);
}
*/
section.symptoms { background-color: #f2f5f7; }
.psa section.symptoms { background-color: #fdf8f2; }

section.symptoms-container { background-color: #f1f1f1; background-image: url("/assets/img/global/mobile/m-symptom-header-bg.jpg"); background-size: 1px auto; background-repeat: repeat-x; background-position: 0 0; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.symptoms-container { background-image: url("/assets/img/global/mobile/m-symptom-header-bg.jpg"); background-size: 1px auto; } }
section.symptoms-container div.section-content { padding: 0 10px; }
.psa section.symptoms-container div.section-content { padding: 0; padding-bottom: 50px; }

div.sp_box_container { padding: 0; margin-top: 0em; margin-bottom: 0em; }

div.sp_box { display: none; /* margin-bottom:2em; */ }
div.sp_box div.sp_box_header { width: 100%; height: 145px; background-repeat: no-repeat; background-size: 75px; background-position: 0 30px; position: relative; }
div.sp_box div.sp_box_header h2 { margin: 30px 0 0 90px; font-size: 24px; font-size: 1.5rem; font-family: ITCGaramondStd-Bk, serif; color: #004165; font-weight: normal; }
.psa div.sp_box div.sp_box_header h2 { color: #d47600; }
div.sp_box div.sp_box_header p { text-align: left; display: block; width: 100%; margin-top: 5px; margin-left: 90px; color: #004165; }
div.sp_box#sp_box_1 div.sp_box_header { display: block; background-image: url("/assets/img/global/speak-with-doctor-icon.svg"); background-size: 61px; }
.psa div.sp_box#sp_box_1 div.sp_box_header { background-image: url("/assets/img/global/speak-with-rheumatologist-icon.svg"); }
div.sp_box#sp_box_1 div.sp_box_header h2 { margin-top: 50px; }
div.sp_box#sp_box_1 p { margin-top: 40px; }
div.sp_box#sp_box_2 div.sp_box_header { background-image: url("/assets/img/global/otezla-starter-pack-icon.svg"); background-size: 62px; }
.psa div.sp_box#sp_box_2 div.sp_box_header { background-image: url("/assets/img/global/starter-pack-otezla-icon.svg"); }
div.sp_box#sp_box_3 div.sp_box_header { background-image: url("/assets/img/global/list-of-symptoms-icon.svg"); background-size: 60px; }
.psa div.sp_box#sp_box_3 div.sp_box_header { background-image: url("/assets/img/global/symptoms-list-icon.svg"); }
div.sp_box#sp_box_4 div.sp_box_header { background-image: url("/assets/img/global/icon-sp-profile.svg"); background-size: 61px; }
.psa div.sp_box#sp_box_4 div.sp_box_header { background-image: url("/assets/img/global/daily-activities-icon.svg"); }
div.sp_box#sp_box_5 div.sp_box_header { background-image: url("/assets/img/global/symptom-profile-icon.svg"); background-size: 61px; }

div.sp_box_scroll_content p { color: #464646; }
.psa div.sp_box_scroll_content { padding: 0 10px; }

.sp-email-block { margin-top: 10px; }
.sp-email-block p { margin: 1em 0; color: #464646; }

a.sp_button { /*margin-top: 1em;
width: 100%;
position: relative;*/ padding-left: 10px; }
a.sp_button span { width: auto; padding: 0 15px; text-align: center; }
a.sp_button.sp_button_1 span { width: auto; padding: 0 15px; }
a.sp_button.plain { margin-top: 20px; }
a.sp_button.sp-email-btn { margin-top: 20px; }
a.sp_button.printButton { display: none; }

a.next { float: right; }
a.next span { background-image: none; background-image: url("/assets/img/global/mobile/white-right-arrow.png"); background-size: 5px auto; background-repeat: no-repeat; background-position: 100% 50%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.next span { background-image: none; } }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.next span { background-image: url("/assets/img/global/mobile/white-right-arrow-x2.png"); background-size: 5px auto; } }

a.back { background-color: transparent; padding-left: 15px; padding-right: 10px; float: left; border: 1px solid #004165; }
a.back span.customButtonText { color: #004165; background-image: none; background-image: url("/assets/img/global/mobile/customButton-blue-left-arrow-2x.png"); background-size: 6px auto; background-repeat: no-repeat; background-position: 0 50%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.back span.customButtonText { background-image: none; } }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.back span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-blue-left-arrow-2x.png"); background-size: 6px auto; } }
.b_ie a.back span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-blue-left-arrow-2x.png"); background-size: 6px auto; background-position: 0 50%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .b_ie a.back span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-blue-left-arrow-2x.png"); background-size: 6px auto; } }
a.back:hover { background-color: #ffffff; }
.psa a.back { border: 1px solid #d47600; }
.psa a.back span.customButtonText { color: #d47600; background-image: url("/assets/img/global/mobile/customButton-orange-left-arrow-2x.png"); background-size: 6px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .psa a.back span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-orange-left-arrow-2x.png"); background-size: 6px auto; } }
.b_ie .psa a.back span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-orange-left-arrow-2x.png"); background-size: 6px auto; background-position: 0 50%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .b_ie .psa a.back span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-orange-left-arrow-2x.png"); background-size: 6px auto; } }

p.form_label_p { color: #004165 !important; margin-top: 20px; position: relative; }
.symptomProfile p.form_label_p span.question_number { display: inline-block; position: absolute; }
.symptomProfile p.form_label_p span.question_text { display: inline-block; width: 100%; padding-left: 15px; }
.symptomProfile p.form_label_p span.question_text_2 { font-family: "source_sans_proregular"; color: #464646; display: block; }

.symptomProfile label.select_label { width: 100%; }
.symptomProfile label.select_label .selectricWrapper { width: 295px; }

.selectricWrapper { width: 290px; }

.symptomProfile select { width: 95%; }

label.label_radio { width: auto; display: inline-block; display: block; padding-left: 30px; margin-left: 0px; min-width: 90px; color: #464646; }
.symptomProfile label.label_radio { display: block; margin-left: 15px; margin-top: 10px; }

.symptomProfile label.label_checkbox { margin-left: 15px; color: #464646; margin-top: 10px; }

label.label_with_img { width: 32px; height: 65px; padding-left: 0; background-position: 50% 100%; display: inline-block; min-width: 32px; margin-left: 15px; }
.symptomProfile label.label_with_img { display: inline-block; }
label.label_with_img span { display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: 0% 0%; }

div.radioList, div.checkboxList { margin-bottom: 0; }

.label_s1_q2, .label_s2_q1, .label_s2_q2 { display: table; width: 100%; }

.label_s2_q1 label.label_with_img { height: 115px; width: 25%; margin-left: 0; text-align: center; display: table-cell; }
.label_s2_q1 label.label_with_img span { display: block; margin: 0 auto 5px; }

.label_s2_q2 label.label_with_img { height: 97px; width: 20%; margin-left: 0; text-align: center; display: table-cell; }
.label_s2_q2 label.label_with_img span { display: block; margin: 0 auto 5px; width: 46px; height: 30px; text-align: center; }

.label_s1_q2 label.label_with_img { display: table-cell; width: 20%; }
.label_s1_q2 label.label_with_img span { display: block; margin: 0 auto; background-position: 50% 0; }

.label_s2_psa_q2 { margin-bottom: 20px; }
.label_s2_psa_q2 label.label_with_img { height: 97px; width: 15%; margin-left: 0; text-align: center; display: table-cell; }
.label_s2_psa_q2 label.label_with_img span { display: block; margin: 0 auto 5px; width: 50px; height: 42px; }

label.label_q2_1 span { background-image: url("/assets/img/pso/mobile/sp/question-q2-1.png"); background-size: 32px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_q2_1 span { background-image: url("/assets/img/pso/mobile/sp/question-q2-1-x2.png"); background-size: 32px auto; } }

label.label_q2_2 span { background-image: url("/assets/img/pso/mobile/sp/question-q2-2.png"); background-size: 32px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_q2_2 span { background-image: url("/assets/img/pso/mobile/sp/question-q2-2-x2.png"); background-size: 32px auto; } }

label.label_q2_3 span { background-image: url("/assets/img/pso/mobile/sp/question-q2-3.png"); background-size: 32px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_q2_3 span { background-image: url("/assets/img/pso/mobile/sp/question-q2-3-x2.png"); background-size: 32px auto; } }

label.label_q2_4 span { background-image: url("/assets/img/pso/mobile/sp/question-q2-4.png"); background-size: 32px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_q2_4 span { background-image: url("/assets/img/pso/mobile/sp/question-q2-4-x2.png"); background-size: 32px auto; } }

label.label_q2_5 span { background-image: url("/assets/img/pso/mobile/sp/question-q2-5.png"); background-size: 32px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_q2_5 span { background-image: url("/assets/img/pso/mobile/sp/question-q2-5-x2.png"); background-size: 32px auto; } }

label.label_s2_q1_1 span { background-image: url(../img/sprites/sprite-sp.png); background-position: 0px -1324px; width: 26px; height: 59px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_s2_q1_1 span { background-image: url(../img/sprites/sprite-sp-x2.png); background-position: 0px -480px; width: 27px; height: 59px; background-size: 39px; } }

label.label_s2_q1_2 span { background-image: url(../img/sprites/sprite-sp.png); background-position: 0px -1408px; width: 28px; height: 59px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_s2_q1_2 span { background-image: url(../img/sprites/sprite-sp-x2.png); background-position: 0px -694.5px; width: 28px; height: 59px; background-size: 39px; } }

label.label_s2_q1_3 span { background-image: url(../img/sprites/sprite-sp.png); background-position: 0px -1156px; width: 22px; height: 59px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_s2_q1_3 span { background-image: url(../img/sprites/sprite-sp-x2.png); background-position: 0px -623px; width: 22px; height: 59px; background-size: 39px; } }

label.label_s2_q1_4 span { background-image: url(../img/sprites/sprite-sp.png); background-position: 0px -1240px; width: 35px; height: 59px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_s2_q1_4 span { background-image: url(../img/sprites/sprite-sp-x2.png); background-position: 0px -551.5px; width: 35px; height: 59px; background-size: 39px; } }

label.label_s2_q2_1 span { filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#fdf4ea', endColorstr = '#fbe6ce'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#fdf4ea', endColorstr = '#fbe6ce')"; background-image: -webkit-linear-gradient(to right, #fdf4ea, #fbe6ce); background-image: -moz-linear-gradient(to right, #fdf4ea, #fbe6ce); background-image: -ms-linear-gradient(to right, #fdf4ea, #fbe6ce); background-image: linear-gradient(to right, #fdf4ea, #fbe6ce); }

label.label_s2_q2_2 span { filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#f1dbdb', endColorstr = '#edc5b2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#f1dbdb', endColorstr = '#edc5b2')"; background-image: -webkit-linear-gradient(to right, #f1dbdb, #edc5b2); background-image: -moz-linear-gradient(to right, #f1dbdb, #edc5b2); background-image: -ms-linear-gradient(to right, #f1dbdb, #edc5b2); background-image: linear-gradient(to right, #f1dbdb, #edc5b2); }

label.label_s2_q2_3 span { filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#e2b5b7', endColorstr = '#dfa494'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#e2b5b7', endColorstr = '#dfa494')"; background-image: -webkit-linear-gradient(to right, #e2b5b7, #dfa494); background-image: -moz-linear-gradient(to right, #e2b5b7, #dfa494); background-image: -ms-linear-gradient(to right, #e2b5b7, #dfa494); background-image: linear-gradient(to right, #e2b5b7, #dfa494); }

label.label_s2_q2_4 span { filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#d39193', endColorstr = '#d18378'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#d39193', endColorstr = '#d18378')"; background-image: -webkit-linear-gradient(to right, #d39193, #d18378); background-image: -moz-linear-gradient(to right, #d39193, #d18378); background-image: -ms-linear-gradient(to right, #d39193, #d18378); background-image: linear-gradient(to right, #d39193, #d18378); }

label.label_s2_q2_5 span { filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#bf5e61', endColorstr = '#be5650'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#bf5e61', endColorstr = '#be5650')"; background-image: -webkit-linear-gradient(to right, #bf5e61, #be5650); background-image: -moz-linear-gradient(to right, #bf5e61, #be5650); background-image: -ms-linear-gradient(to right, #bf5e61, #be5650); background-image: linear-gradient(to right, #bf5e61, #be5650); }

.psa label.label_s2_q2_1 span { background-image: url(../img/sprites/sprite-sp-psa.png); background-position: 0px 0px; width: 50px; height: 42px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .psa label.label_s2_q2_1 span { background-image: url(../img/sprites/sprite-sp-psa-x2.png); background-position: 0px 0px; width: 50px; height: 42px; background-size: 54px; } }

.psa label.label_s2_q2_2 span { background-image: url(../img/sprites/sprite-sp-psa.png); background-position: 0px -134px; width: 50px; height: 42px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .psa label.label_s2_q2_2 span { background-image: url(../img/sprites/sprite-sp-psa-x2.png); background-position: 0px -109px; width: 50px; height: 42px; background-size: 54px; } }

.psa label.label_s2_q2_3 span { background-image: url(../img/sprites/sprite-sp-psa.png); background-position: 0px -201px; width: 50px; height: 42px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .psa label.label_s2_q2_3 span { background-image: url(../img/sprites/sprite-sp-psa-x2.png); background-position: 0px -163.5px; width: 50px; height: 42px; background-size: 54px; } }

.psa label.label_s2_q2_4 span { background-image: url(../img/sprites/sprite-sp-psa.png); background-position: 0px -67px; width: 50px; height: 42px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .psa label.label_s2_q2_4 span { background-image: url(../img/sprites/sprite-sp-psa-x2.png); background-position: 0px -54.5px; width: 50px; height: 42px; background-size: 54px; } }

h2.sp-completed-profile-h2 { color: #004165; font-size: 18px; font-family: "Avenir LT W01_65 Medium", sans-serif; }
.psa h2.sp-completed-profile-h2 { color: #d47600; }

div.symptom-profile-complete { display: block; padding-top: 20px; }
div.symptom-profile-complete p { color: #464646; }
.psa div.symptom-profile-complete { padding-top: 20px; }

div.symptom-profile-email-confirm { display: none; padding-top: 0px; padding-bottom: 0px; padding-top: 20px; }
div.symptom-profile-email-confirm a.signup { margin-top: 20px; }
div.symptom-profile-email-confirm h2 { color: #004165; font-size: 18px; font-family: "Avenir LT W01_65 Medium", sans-serif; margin-top: 0; }
div.symptom-profile-email-confirm h2 + p { margin-top: 0; }
.psa div.symptom-profile-email-confirm h2 { color: #d47600; }
div.symptom-profile-email-confirm p { color: #464646; }
div.symptom-profile-email-confirm p + h2 { margin-top: 20px; }
.psa div.symptom-profile-email-confirm { padding-top: 20px; }

div.div_rotating_img { min-width: 24px; height: 18px; display: inline-block; }

@media only screen and (min-width: 48em) { div.sp_box div.sp_box_header { background-size: 62px; background-position: 40px 50%; }
  div.sp_box div.sp_box_header h2 { text-align: left; margin: 50px auto 0 130px; }
  div.sp_box div.sp_box_header p { margin-left: 130px; }
  div.sp_box div.sp_box_scroll_content { width: 300px; margin: 0 auto; }
  a.sp_button.printButton { display: inline-block; }
  .symptomProfile label.select_label { width: 280px; }
  .symptomProfile label.select_label .selectricWrapper { width: 278px; }
  div.symptom-profile-complete { width: 300px; margin: 0 auto; }
  div.symptom-profile-email-confirm { width: 300px; margin: 0 auto; } }
@media only screen and (min-width: 62.5em) { section.symptoms-container { background-image: none; background-color: #f2f5f7; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.symptoms-container { background-image: none; } }
@media only screen and (min-width: 62.5em) { section.symptoms-container div.section-content { padding: 0 20px; padding-bottom: 60px; }
  .psa section.symptoms-container { background-color: #fdf8f2; }
  form#symptomAssessorForm { width: 550px; background-image: url("/assets/img/pso/mobile/sp/symptom-profile-container-bg.png"); background-repeat: repeat; }
  div.sp_box div.sp_box_scroll_content { padding: 0 70px 0 70px; width: auto; }
  div.sp_box div.sp_box_header { background-color: #ffffff; background-position: 45px 25px; height: 115px; }
  div.sp_box div.sp_box_header h2 { font-size: 24px; font-size: 1.5rem; margin-left: 145px; margin-top: 50px; text-align: left; margin-top: 35px; }
  div.sp_box div.sp_box_header p { margin-left: 145px; }
  div.sp_box#sp_box_1 div.sp_box_header h2 { margin-top: 45px; }
  .symptomProfile label.select_label { width: 280px; }
  .symptomProfile label.select_label .selectricWrapper { width: 278px; }
  div.symptom-profile-complete { padding: 0 70px; width: auto; }
  div.symptom-profile-email-confirm { padding: 40px 70px 20px; width: auto; }
  .label_s1_q2 { width: 300px; } }
/*! Helper classes */
/* Image replacement */
.ir { border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

/* Hide visually and from screen readers: */
.hidden { display: none !important; }

/* Hide only visually, but have it available for screen readers: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: https://www.drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `cf` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
div.sp_box_container:before, div.sp_box:before, div.sp_box div.sp_box_header:before, .sp-email-block:before, div.symptom-profile-email-confirm:before, .cf:before { content: " "; /* 1 */ display: table; /* 2 */ }
div.sp_box_container:after, div.sp_box:after, div.sp_box div.sp_box_header:after, .sp-email-block:after, div.symptom-profile-email-confirm:after, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ clear: both; }

/* Prevent text from breaking over two lines. */
.nobr { white-space: nowrap; }

/* Float rules */
.left { float: left; }

.right { float: right; }

/* 
* positioning rules
*/
.relative { position: relative; }

/*# sourceMappingURL=symptoms.css.map */