/* OHCOW */
.form-group:has(> div[class*="question-container"][style="display: none;"]) {
  margin-bottom: 0;
}

cite {
  font-style: normal;
}
/* template.css updates */
html, body { height: 100%; }
#navigator-container { margin-top: 0em; }
#navigator-container hr { margin: 0; display: none; }
#yii-flash-message { margin-top: 2em; }
.label-text { margin-left: 10px; }
.answer-container { padding-top: 0; }
.answer.row { margin-left: 0; margin-right: 0; }
.question-title-container { padding: 1em; }
.questionvalidcontainer { padding-bottom: 0; }
.asterisk { font-size: 0.5em; line-height: 0.8em; vertical-align: top; padding-left: 2px; padding-right: 2px; }
#outerframeContainer { min-height: inherit; }

/* SA admin */
.sa-register-note h5 {
  font-weight: bold;
}
.sa-register-note {
  margin-top: 8em;
  padding: 0.5em;
  border-radius: 4px;
  text-shadow: none;
}

.sa-admin-form.login-form h4,
.sa-admin-form.password-form h4,
.sa-admin-form.reset-form h4,
.sa-admin-form.register-form h4 {
  text-align: left;
}

.sa-admin-form.login-form input[type="button"].btn,
.sa-admin-form.password-form input[type="button"].btn,
.sa-admin-form.reset-form input[type="button"].btn,
.sa-admin-form.register-form input[type="button"].btn {
  margin-top: 1em;
  margin-bottom: 1em;
}

.sa-required-fields-note {
  font-size: 0.7em;
}

.sa-admin-form.register-form .control-label {
  padding-right: 0;
}

#bootstrap-alert-box-modal.sa-admin-modal .modal-header {
  display: none;
}

#bootstrap-alert-box-modal.sa-admin-modal .modal-body,
#bootstrap-alert-box-modal.sa-admin-modal .modal-footer {
  text-align: center;
  padding: 0;
  font-size: inherit;
}

a.btn.sa-white,
.sa-my-surveys a.sa-white {
  color: #fff;
}

a:hover, a:focus {
  color: inherit;
}

.sa-dark-red-bg-hover:hover {
  background: #b4002a !important;
}

.sa-btn-bd {
  margin-right: 1em;
}

.sa-faces-collage .sa-admin-form {
  margin-top: 4em;
}

.sa-survey-page-wrapper {
  margin: 1em;
  padding: 1em;
}

.sa-app-wrapper .sa-navigation .sa-navigation-buttons {
  padding: 1em;
}

div.sa-app-wrapper.sa-unknown div.sa-move-previous button,
div.sa-app-wrapper.sa-unknown div.sa-move-next button,
div.sa-app-wrapper.sa-prepare div.sa-move-previous button,
div.sa-app-wrapper.sa-evaluate div.sa-navigation {
  display: none;
}

div.sa-app-wrapper.sa-prepare div.sa-move-previous.col-sm-3 { width: 0%; }
div.sa-app-wrapper.sa-prepare div.sa-move-next.col-sm-3 { width: 100%; }

ul.sa-ul-spaced li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.form-horizontal .control-label.ta-left { text-align: left; }

.sa-prepare-read {
  text-align: center;
  background: #fff;
  padding: 1em;
  width: 60%;
  margin: 1em auto 0;
}

.sa-admin-form .sa-prepare-read input[type="checkbox"] { display: inline; }

#create .slider-selection,
#create .slider-track-high,
#create .slider-handle {
  background-image: none;
  box-shadow: none;
}

#create .slider-handle {
  background-color: #222222;
}

.create-survey-number-adjust,
#create-survey-number-wrapper,
#create-survey-number-feedback {
  display: inline-block;
}

.create-survey-number-adjust {
  width: 8%;
  height: 30px;
  margin: 0;
  font-weight: bold;
  color: #DF0034;
  text-align: center;
  background: none;
  border: none;
}

.create-survey-number-adjust span {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  line-height: 25px;
  border: solid 2px #DCE4EC;
  border-radius: 2px;
}

#create-survey-number-wrapper {
  width: 80%;
  margin: 0;
}

.create-survey-number-adjust:link,
.create-survey-number-adjust:visited,
.create-survey-number-adjust:hover,
.create-survey-number-adjust:active {
  text-decoration: none;
}

#create-survey-number-subtract { }
#create-survey-number-add { }

#create-survey-number-feedback-wrapper {
  padding-top: 5px;
  text-align: center;
}

#create-survey-number-feedback-wrapper b {
  display: block;
  height: 20px;
  font-weight: normal;
}
#create .slider-handle.sa-survey-number-bmin,
#create .slider-handle.sa-survey-number-bmax { background-color: #222222; }
#create .slider-handle.sa-survey-number-red { background-color: #DF0034; }
#create .slider-handle.sa-survey-number-yellow { background-color: #FEEC00; }
#create .slider-handle.sa-survey-number-green { background-color: #00D300; }
#create .slider-handle.sa-survey-number-blue { background-color: #0098FF; }

#create-survey-number-feedback {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: solid 10px #222222;
}

#create-survey-number-feedback.sa-survey-number-bmin,
#create-survey-number-feedback.sa-survey-number-bmax { background: #222222; border-color: #222222; }
#create-survey-number-feedback.sa-survey-number-red { background: #DF0034; border-color: #DF0034; }
#create-survey-number-feedback.sa-survey-number-yellow { background: #FEEC00; border-color: #FEEC00; }
#create-survey-number-feedback.sa-survey-number-green { background: #00D300; border-color: #00D300; }
#create-survey-number-feedback.sa-survey-number-blue { background: #0098FF; border-color: #0098FF; }

.sa-postscript-wrapper .sa-survey-number-red .highlight { color: #ff2121; }
.sa-postscript-wrapper .sa-survey-number-yellow .highlight { color: #ff6600; }
.sa-postscript-wrapper .sa-survey-number-green .highlight { color: #048204; }
.sa-postscript-wrapper .sa-survey-number-blue .highlight { color: #0000ff; }

.sa-response .panel-body table.response-rate-table td,
.sa-results .panel-body table.response-rate-table td {
  font-size: 1.5em;
}

.sa-results section {
  margin-top: 1em;
}

#monitor .sa-survey-wizard-form {
  background: #EAEAEA;
}

#monitor .sa-survey-wizard-form {
  padding: 0;
}

.sa-chart-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 0.5em 0.5em 0.5em;
}

.sa-chart-footer {
  text-align: center;
  padding: 3px;
  margin: 3px;
}

.sa-chart-legend {
  margin: 2px;
  padding: 2px;
  display: inline-block;
}

.sa-chart-legend td {
  text-align: left;
}

.sa-chart-footer-download,
.sa-chart-legend,
.sa-chart-legend-popover {
  color: #777;
  font-size: 12px;
}

.sa-chart-footer-download,
.sa-chart-legend-popover {
  margin: 1em 1em 0 1em;
  display: inline-block;
}

.sa-chart-wrapper .popover {
  max-width: none !important;
  width: auto !important;
}

.sa-chart-legend-popover-table {
  height: 10px;
  width: 36px;
  display: inline-block;
  margin: 1px;
  padding: 0;
  border-collapse: collapse;
}

.sa-chart-legend-popover-table td {
  border: solid 1px #777;
}

.sa-chart-legend-popover-table td span {
  display: block;
  margin: 0;
  padding: 0;
  width: 6px;
  height: 8px;
}
.sa-chart-legend-popover-table td span.c0 { background: #009BFF; }
.sa-chart-legend-popover-table td span.c1 { background: #00D300; }
.sa-chart-legend-popover-table td span.c2 { background: #FFFFFF; }
.sa-chart-legend-popover-table td span.c3 { background: #F9963B; }
.sa-chart-legend-popover-table td span.c4 { background: #Df0034; }

.sa-chart-legend-popover:hover {
  cursor: pointer;
}

.sa-chart-legend-swatch {
  width: 20px;
  height: 20px;
  border: solid 1px #777;
  margin: 2px;
}

.sa-chart-legend-swatch-wide {
  width: 50px;
}

.sa-chart-footer-download-wrapper {
  display: inline-block;
}

.sa-chart-footer-download {
  padding-top: 20px;
  background-size: 18px 18px;
  background-position: top center; 
  background-repeat: no-repeat;
  background-image: url(../sa_img/download_icon.png);
}

.sa-chart-footer-download:hover {
  cursor: pointer;
}

.col-md-6 .sa-chart-wrapper {
  min-height: 15em;
}

.sa-response-chart {
  max-width: 100%;
  max-height: 100%;
}

.sa-response .panel-heading a h2,
.sa-results .panel-heading a h2 {
  font-size: 1.2em;
  text-align: left;
  padding: 0 0 0 .5em;
  margin:0;
  font-weight: bold;
}

.sa-response .panel-heading,
.sa-results .panel-heading {
  border-radius: 0;
  padding: 0;
  margin: 0;
  position: relative;
  height: 2.2em;
}

.sa-response .panel-heading a,
.sa-results .panel-heading a {
  color: #000;
  text-align: left;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: inline-block;
  background-color:transparent;
  background-position: 98% 50%;
  background-repeat: no-repeat;
  background-size: 2em;
  padding:0;
  margin:0;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  -webkit-align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.sa-cloud-wrapper figure {
  margin-bottom: 1em;
  padding: 1em;
}

.sa-cloud-div {
  min-height: 200px;
}

.sa-cloud-div.sa-cloud-level-0 {
  width: 80%;
  margin: 0 auto;
}

.sa-cloud-level-0 .jqcloud-word { color: #000 !important; }

.sa-cloud-level-0 .jqcloud-word.w10, .sa-cloud-level-0 .jqcloud-word.w9 { color: #111 !important; }
.sa-cloud-level-0 .jqcloud-word.w8, .sa-cloud-level-0 .jqcloud-word.w7 { color: #222 !important; }
.sa-cloud-level-0 .jqcloud-word.w6, .sa-cloud-level-0 .jqcloud-word.w5 { color: #333 !important; }
.sa-cloud-level-0 .jqcloud-word.w4, .sa-cloud-level-0 .jqcloud-word.w3 { color: #444 !important; }
.sa-cloud-level-0 .jqcloud-word.w2, .sa-cloud-level-0 .jqcloud-word.w1 { color: #555 !important; }

.sa-cloud-level-4 .jqcloud-word {
  color: #ddd !important;
}

.sa-cloud-level-5 .jqcloud-word,
.sa-cloud-level-6 .jqcloud-word {
  color: #fff !important;
}

.sa-results .graphs-container h3 {
  margin-bottom: 0;
}

.sa-heat-table td,
.sa-heat-table th {
  text-align: center;
  padding: 0;
  border: solid 5px #000;
}

.sa-heat-table th {
  padding: 0 0.3em;
}

.sa-heat-table td span {
  min-height: 1.75em;
  margin: 0;
  padding: 0;
}


.sa-results .sa-chart-table-wrapper {
  padding: 1em;
}
.sa-heat-table { width: 100%; }
.sa-heat-table th { width: 28%; }
.sa-heat-table td { width: 12%; }

.sa-heat-table .sa-heat-table-head th {
  font-size: 1.0em;
  text-align: left;
}

.sa-heat-table .sa-heat-table-head td {
  font-size: 0.9em;
  vertical-align: bottom;
}

.sa-heat-table .sa-heat-table-head {
  background: #000;
  color: #fff;
}

.sa-heat-table .sa-heat-table-data th {
  text-align: right;
  font-size: 0.8em;
  border-left-color: #fff;
  border-bottom-color: #fff;
}

.sa-heat-table .sa-symptom-associations.sa-heat-table-data td:last-child {
  border-left: solid 20px #000;
}

.sa-heat-table .sa-heat-table-data td span.sa-heat-table-cell { display: inline-block; width: 100%; height: 100%; margin: 0; padding: 0; }

.sa-heat-table .sa-heat-table-data td span.sa-heat-gt-0 { color: #000000; background: #FFFFFF; background-color: #FFFFFF; }
.sa-heat-table .sa-heat-table-data td span.sa-heat-gt-1 { color: #000000; background: #FDF2C0; background-color: #FDF2C0; }
.sa-heat-table .sa-heat-table-data td span.sa-heat-gt-2 { color: #000000; background: #FDFB01; background-color: #FDFB01; }
.sa-heat-table .sa-heat-table-data td span.sa-heat-gt-3 { color: #000000; background: #F78C01; background-color: #F78C01; }
.sa-heat-table .sa-heat-table-data td span.sa-heat-gt-4 { color: #000000; background: #D81D1C; background-color: #D81D1C; }
.sa-heat-table .sa-heat-table-data td span.sa-heat-gt-5 { color: #000000; background: #971413; background-color: #971413; }

.sa-heat-table .sa-heat-table-data td span.sa-heat-lt-0 { color: #000000; background: #FFFFFF; background-color: #FFFFFF; }
.sa-heat-table .sa-heat-table-data td span.sa-heat-lt-1 { color: #000000; background: #D1FCCF; background-color: #D1FCCF; }
.sa-heat-table .sa-heat-table-data td span.sa-heat-lt-2 { color: #000000; background: #97CD5A; background-color: #97CD5A; }
.sa-heat-table .sa-heat-table-data td span.sa-heat-lt-3 { color: #000000; background: #37A7E2; background-color: #37A7E2; }
.sa-heat-table .sa-heat-table-data td span.sa-heat-lt-4 { color: #000000; background: #2369B2; background-color: #2369B2; }
.sa-heat-table .sa-heat-table-data td span.sa-heat-lt-5 { color: #000000; background: #0000CC; background-color: #0000CC; }

.sa-heat-table .sa-heat-table-data td span.sa-heat-- { color: #BBBBBB; background: #FFFFFF; background-color: #FFFFFF; }

.sa-prelude-wrapper,
.sa-postscript-wrapper {
  padding: 0 1em;
}

.sa-demo-table {
  width: auto;
  margin: 0 auto;
  border-collapse: collapse;
}

.sa-demo-table th,
.sa-demo-table td {
  font-weight: normal;
  text-align: right;
  padding: 0.5em;
  vertical-align: top;
  border: solid 1px #ddd;
}


.sa-demo-table th.sa-demo-title {
  font-weight: bold;
  text-align: center;
}

.sa-demo-table th {
  line-height: 1;
}

.correlations-icons-container .colour-border-bg {
  position:relative;
  border-radius: 50%;
  width: 105px;
  height: 105px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  margin: auto;
}

.correlations-icons-container .green-border-bg { background-image: url(../sa_img/ICONS/green_circle.png); }
.correlations-icons-container .red-border-bg { background-image: url(../sa_img/ICONS/red_circle.png); }

.sa-results .correlations-icons-container .icon-placement-block {
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
}

.sa-results .correlations-icons-container .icon-14 { background-image: url('../sa_img/ICONS/quantitive_demands.png'); }
.sa-results .correlations-icons-container .icon-15 { background-image: url('../sa_img/ICONS/work_pace.png'); }
.sa-results .correlations-icons-container .icon-16 { background-image: url('../sa_img/ICONS/emotional_demands.png'); }
.sa-results .correlations-icons-container .icon-17 { background-image: url('../sa_img/ICONS/influence.png'); }
.sa-results .correlations-icons-container .icon-18 { background-image: url("../sa_img/ICONS/possibilities_development'.png"); }
.sa-results .correlations-icons-container .icon-19 { background-image: url('../sa_img/ICONS/meaning_of_work.png'); }
.sa-results .correlations-icons-container .icon-20 { background-image: url('../sa_img/ICONS/predictability.png'); }
.sa-results .correlations-icons-container .icon-21 { background-image: url('../sa_img/ICONS/rewards.png'); }
.sa-results .correlations-icons-container .icon-22 { background-image: url('../sa_img/ICONS/role_clarity.png'); }
.sa-results .correlations-icons-container .icon-23 { background-image: url('../sa_img/ICONS/role_conflicts.png'); }
.sa-results .correlations-icons-container .icon-24 { background-image: url('../sa_img/ICONS/quality_leadership.png'); }
.sa-results .correlations-icons-container .icon-25 { background-image: url('../sa_img/ICONS/social_support_super.png'); }
.sa-results .correlations-icons-container .icon-26 { background-image: url('../sa_img/ICONS/social_support_colleagues.png'); }
.sa-results .correlations-icons-container .icon-27 { background-image: url('../sa_img/ICONS/job_insecurity.png'); }
.sa-results .correlations-icons-container .icon-28 { background-image: url('../sa_img/ICONS/trust_management.png'); }
.sa-results .correlations-icons-container .icon-29 { background-image: url('../sa_img/ICONS/justice_respect.png'); }
.sa-results .correlations-icons-container .icon-30 { background-image: url('../sa_img/ICONS/undesired_sexual_attention.png'); }
.sa-results .correlations-icons-container .icon-31 { background-image: url('../sa_img/ICONS/threats_violence.png'); }
.sa-results .correlations-icons-container .icon-32 { background-image: url('../sa_img/ICONS/physical_violence.png'); }
.sa-results .correlations-icons-container .icon-33 { background-image: url('../sa_img/ICONS/bullying.png'); }
.sa-results .correlations-icons-container .icon-34 { background-image: url('../sa_img/ICONS/discrimination.png'); }
.sa-results .correlations-icons-container .icon-35 { background-image: url('../sa_img/ICONS/vicarious_trauma.png'); }
.sa-results .correlations-icons-container .icon-36 { background-image: url('../sa_img/ICONS/work_organization.png'); }
.sa-results .correlations-icons-container .icon-37 { background-image: url('../sa_img/ICONS/job_insecurity.png'); }
.sa-results .correlations-icons-container .icon-38 { background-image: url('../sa_img/ICONS/staffing_levels.png'); }
.sa-results .correlations-icons-container .icon-39 { background-image: url('../sa_img/ICONS/Accommodation.png'); }
.sa-results .correlations-icons-container .icon-40 { background-image: url('../sa_img/ICONS/accident_invest.png'); }
.sa-results .correlations-icons-container .icon-41 { background-image: url('../sa_img/ICONS/policy_effectiveness.png'); }
.sa-results .correlations-icons-container .icon-42 { background-image: url('../sa_img/ICONS/tolerates_harmful_behaviour.png'); }
.sa-results .correlations-icons-container .icon-43 { background-image: url('../sa_img/ICONS/radiation.png'); }
.sa-results .correlations-icons-container .icon-44 { background-image: url('../sa_img/ICONS/driving_hazards.png'); }
.sa-results .correlations-icons-container .icon-45 { background-image: url('../sa_img/ICONS/biological_hazards.png'); }
.sa-results .correlations-icons-container .icon-46 { background-image: url('../sa_img/ICONS/danger_chemicals.png'); }
.sa-results .correlations-icons-container .icon-47 { background-image: url('../sa_img/ICONS/ergonomics.png'); }
.sa-results .correlations-icons-container .icon-48 { background-image: url('../sa_img/ICONS/physical_factors.png'); }
.sa-results .correlations-icons-container .icon-49 { background-image: url('../sa_img/ICONS/thermal_comfor.png'); }
.sa-results .correlations-icons-container .icon-50 { background-image: url('../sa_img/ICONS/air_quality.png'); }
.sa-results .correlations-icons-container .icon-51 { background-image: url('../sa_img/ICONS/safety_hazards.png'); }
.sa-results .correlations-icons-container .icon-52 { background-image: url('../sa_img/ICONS/working_alone.png'); }

.sa-correlations-ideas {
  margin-bottom: 0.5em;
}

.sa-correlations-ideas > h5,
.sa-correlations-ideas > div {
  padding: 0.5em;
}

.sa-workplace-personal-results section {
  background: #fff;
}

.sa-workplace-personal-results-wrapper a.sa-panel-toggle,
.sa-workplace-personal-results .panel-heading a[role='button'] {
  color: #2c3e50;
}

.sa-workplace-personal-results-wrapper .panel-title {
  font-size: 20px;
}

.sa-workplace-personal-results-wrapper table th,
.sa-workplace-personal-results-wrapper table td {
  padding: 0.5em;
}

table.sa-internal-consistency-legend td {
  border: none;
}

table.sa-internal-consistency-legend td p {
  padding: 0.25em;
  margin: 0 0 1em 0;;
}

table.sa-internal-consistency-table thead tr th,
table.sa-internal-consistency-table thead tr td,
table.sa-internal-consistency-table tbody tr th,
table.sa-internal-consistency-table tbody tr td {
  border: solid 1px #bbb;
  border-collapse: collapse;
  padding: 0.25em;
  text-align: center;
}


table.sa-internal-consistency-table td,
table.sa-internal-consistency-table th {
  padding: 0.25em;
}

table.sa-workplace-results-table tr.heading-row th.group-name {
  color: #fff;
  background: #000;
}

table.sa-workplace-results-table tr.heading-row th {
  background: #fff;
  padding: 0.25em;
}

table.sa-workplace-results-table tr.heading-row th.group-name {
  padding: 1em;
}

table.sa-workplace-results-table tr th,
table.sa-workplace-results-table tr td,
table.sa-comparison-table tr th,
table.sa-comparison-table tr td {
  border: solid 1px #bbb;
  border-collapse: collapse;
  padding: 0.25em;
  text-align: center;
}

.sa-comparison-wrapper {
  padding: 1em;
}

.no-border {
  border: none !important;
}

.aright { text-align: right !important; }
.aleft { text-align: left !important; }
.acenter { text-align: center !important; }

.vtop { vertical-align: top; }
.vbottom { vertical-align: bottom; }
.blank-row { padding: 0 !important; }
.no-wrap { text-wrap: nowrap; }

table.sa-comparison-table .green-dark { background-color: #00B050; }
table.sa-comparison-table .green { background-color: #3FBE5D; }
table.sa-comparison-table .green-light { background-color: #7FCD6A; }
table.sa-comparison-table .yellow-green { background-color: #BFDC77; }
table.sa-comparison-table .yellow { background-color: #FFEB84; }
table.sa-comparison-table .yellow-red { background-color: #FFB163; }
table.sa-comparison-table .red-light { background-color: #FF7542; }
table.sa-comparison-table .red { background-color: #FF3A21; }
table.sa-comparison-table .red-dark { background-color: #FF0000; }
table.sa-comparison-table .bold { font-weight: bold; }

table.sa-comparison-table .hilight { background-color: #FFEB84 !important; color: #F00; }

.vert {
  writing-mode: sideways-lr;
}

.mentalhealth-gad { color: #7d43a9; }
.mentalhealth-phq { color: #4f6228; }
.mentalhealth-gadphq { color: #984807; }

.sa-sadmin-form {
  margin: 1em;
  padding: 1em;
  border: solid 1px #bbb;
}

.sa-sadmin-form-wrapper a.sa-sadmin-form-toggle,
.sa-sadmin-form-wrapper a.sa-sadmin-form-toggle:link,
.sa-sadmin-form-wrapper a.sa-sadmin-form-toggle:visited,
.sa-sadmin-form-wrapper a.sa-sadmin-form-toggle:hover,
.sa-sadmin-form-wrapper a.sa-sadmin-form-toggle:active {
  text-decoration: none;
}


.sa-survey-listing-icon {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  text-align: center;

  display: inline-block;
  width: 8%;
  min-width: 50px;
  height: 6em;
  padding: 0.5em;
  margin-left: 1%;
  margin-right: 1%;
  font-size: 0.9em;
  margin-bottom: 1em;
  position: relative;
}

.sa-survey-listing-icon div {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1em;
  padding-bottom: 0.5em;
  text-transform: uppercase;
  color: #9B9B9B;
}

.sa-survey-listing-action {
  border: none;
  display: inline;
}

.sa-hidden-tooltip {
  display: none;
}

.sa-survey-listing-action.sa-survey-hide > div {
  border-left: solid 1px #eee;
}

.sa-survey-listing-action:hover { cursor: pointer; }
.sa-survey-listing-action.sa-disabled:hover { cursor: normal; }

.sa-survey-listing-icon-view { background-image: url('../sa_img/view_grey.png'); }
.sa-survey-listing-icon-edit { background-image: url('../sa_img/edit_grey.png'); }
.sa-survey-listing-icon-test { background-image: url('../sa_img/test_grey.png'); }
.sa-survey-listing-icon-deploy { background-image: url('../sa_img/deploy_grey.png'); }
.sa-survey-listing-icon-remind { background-image: url('../sa_img/remind_grey.png'); }
.sa-survey-listing-icon-monitor { background-image: url('../sa_img/monitor_grey.png'); }
.sa-survey-listing-icon-evaluate { background-image: url('../sa_img/evaluate_grey.png'); }
.sa-survey-listing-icon-hide { background-image: url('../sa_img/hide_grey.png'); }
.sa-survey-listing-icon-remove { background-image: url('../sa_img/remove_grey.png'); }

.sa-survey-listing-action.sa-active .sa-survey-listing-icon-view, .sa-survey-listing-action.sa-active:hover .sa-survey-listing-icon-view  { background-image: url('../sa_img/view_red.png'); }
.sa-survey-listing-action.sa-active .sa-survey-listing-icon-edit, .sa-survey-listing-action.sa-active:hover .sa-survey-listing-icon-edit  { background-image: url('../sa_img/edit_red.png'); }
.sa-survey-listing-action.sa-active .sa-survey-listing-icon-test, .sa-survey-listing-action.sa-active:hover .sa-survey-listing-icon-test  { background-image: url('../sa_img/test_red.png'); }
.sa-survey-listing-action.sa-active .sa-survey-listing-icon-deploy, .sa-survey-listing-action.sa-active:hover .sa-survey-listing-icon-deploy  { background-image: url('../sa_img/deploy_red.png'); }
.sa-survey-listing-action.sa-active .sa-survey-listing-icon-remind, .sa-survey-listing-action.sa-active:hover .sa-survey-listing-icon-remind  { background-image: url('../sa_img/remind_red.png'); }
.sa-survey-listing-action.sa-active .sa-survey-listing-icon-monitor, .sa-survey-listing-action.sa-active:hover .sa-survey-listing-icon-monitor  { background-image: url('../sa_img/monitor_red.png'); }
.sa-survey-listing-action.sa-active .sa-survey-listing-icon-evaluate, .sa-survey-listing-action.sa-active:hover .sa-survey-listing-icon-evaluate  { background-image: url('../sa_img/evaluate_red.png'); }
.sa-survey-listing-action.sa-active .sa-survey-listing-icon-hide, .sa-survey-listing-action.sa-active:hover .sa-survey-listing-icon-hide  { background-image: url('../sa_img/hide_red.png'); }
.sa-survey-listing-action.sa-active .sa-survey-listing-icon-remove, .sa-survey-listing-action.sa-active:hover .sa-survey-listing-icon-remove { background-image: url('../sa_img/remove_red.png'); }

.sa-survey-listing-action.sa-active .sa-survey-listing-icon div,
.sa-survey-listing-action.sa-active:hover .sa-survey-listing-icon div {
  color: red !important;
  cursor: pointer !important;
}

.sa-survey-listing-action.sa-disabled:hover .sa-survey-listing-icon,
.sa-survey-listing-action.sa-disabled .sa-survey-listing-icon,
.sa-survey-listing-action.sa-disabled:hover .sa-survey-listing-icon div,
.sa-survey-listing-action.sa-disabled .sa-survey-listing-icon div {
  color: #9B9B9B !important;
  cursor: default !important;
}


#profile-others .sa-survey-admin-form-wrapper,
.sa-sadmin-form hr {
  border-top: solid 1px #bbb;
}

#profile-others .sa-survey-admin-form-wrapper {
  margin-top: 1em;
  padding-top: 1em;
}

input[type="file"].sa-upload {
  display: inline-block;
}

@media (min-width: 1200px) {
  div.sa-admin-form .panel-body,
  div.sa-admin-form.well { padding: 1.0em; }
  div.sa-admin-form .panel-heading { padding: 1.0em 1.25em; }
}
@media (max-width: 1199px) and (min-width: 992px) {
  div.sa-admin-form .panel-body,
  div.sa-admin-form.well { padding: 0.75em; }
  div.sa-admin-form .panel-heading { padding: 0.75em 1em; }
}
@media (max-width: 991px) and (min-width: 768px) {
  div.sa-app-wrapper div.sa-survey-wizard-page-wrapper { margin: 0.5em 0.5em 0 0.5em; padding: 0.5em 0.5em 0 0.5em; }
  div.sa-app-wrapper .sa-navigation .sa-navigation-buttons { margin: 0 0.5em 0.5em 0.5em; padding: 0.5em; }
  div.sa-app-wrapper div.sa-survey-wizard-form { padding: 0.5em; }
  div.sa-admin-form .panel-body,
  div.sa-admin-form.well { padding: 0.5em; }
  div.sa-admin-form .panel-heading { padding: 0.5em 0.75em; }
}
@media (max-width: 767px) {
  div.sa-app-wrapper div.sa-survey-wizard-page-wrapper { margin: 0.25em 0.25em 0 0.25em; padding: 0.25em 0.25em 0 0.25em; }
  div.sa-app-wrapper .sa-navigation .sa-navigation-buttons { margin: 0 0.25em 0.25em 0.25em; padding: 0.25em; }
  div.sa-app-wrapper div.sa-survey-wizard-form { padding: 0.25em; }
  div.sa-admin-form .panel-body,
  div.sa-admin-form.well { padding: 0.25em; }
  div.sa-admin-form .panel-heading { padding: 0.25em 0.5em; }
}


/*
dark red: #E10034;
light red: #FCE7EC
dark dark grey: #9B9B9B
dark grey: #AFAFAF
light grey: #EAEAEA
light light grey: #F5F5F5
*/
.navbar {
  height: 2.0em;
  min-height: 2.0em;
  margin-bottom: 0;
}

.navbar-brand {
  font-size: 1em;
  background: url('../sa_img/home_icon.png') 0% 50% no-repeat;
  background-size: 1.8em;
  height: 2.0em;
  padding: 0.5em 0.5em 0.5em 2.5em;
  display: inline-block;
}

.navbar-nav > li > a {
  height: 2.0em;
  font-size: 1em;
  padding: 0.5em 0.5em;
}

.navbar-toggle {
  padding: 0.2em 0.7em;
  margin: 0.1em;
  height: 1.8em;
}

.navbar-default .navbar-collapse.collapsing,
.navbar-default .navbar-collapse.in {
  background: #F5F5F5;
}

.navbar-default .navbar-collapse.collapsing li,
.navbar-default .navbar-collapse.collapsing a,
.navbar-default .navbar-collapse.collapsing li.languagechanger,
.navbar-default .navbar-collapse.in li.languagechanger,
.navbar-default .navbar-collapse.in a {
  color: #000;
  background: #F5F5F5;
}

.navbar li.languagechanger {
  background: #000;
}

.navbar li.languagechanger:hover {
  background-color: #E10034;
}

#ohcow-logo {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  background: #fff url('../sa_img/ohcow_header.png') 50% 100% no-repeat;
  background-size: 60%;
}

.sa-heading h1 {
  text-align: center;
  line-height: 1;
  margin-top: 0;
}

.sa-heading h1 span {
  display: block;
}

h1 span.sa-small-heading {
  font-size: 0.4em;
}

.sa-faces-collage {
  background: url('../sa_img/faces_collage.png') 0% 0% repeat;
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  padding: 1em;
}

.sa-front-heading {
  font-size: 2.5em;
  line-height: 1;
  margin-bottom: 0.2em;
}

.sa-main-site-content ul.icons {
  margin: 0 auto;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-padding-start: 0;
}

.sa-main-site-content ul.icons li {
  list-style-type: none;
  display: inline-block;
  background-color: transparent;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.8em;
  height: 7em;
  margin: 0 0.1em;
  position: relative;
}

.sa-main-site-content ul.icons li span {
  position: absolute;
  font-size: 0.8em;
  color: #000;
  text-shadow: none;
  top: 66%;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.2em 0.1em;
  background: pink;
  display: none;
}

.sa-main-site-content ul.icons li:hover span {
  display: block;
}

.sa-main-site-content ul.icons li.icon-workplace { background-image: url('../sa_img/workplace.png'); }
.sa-main-site-content ul.icons li.icon-well-being { background-image: url('../sa_img/well-being.png'); }
.sa-main-site-content ul.icons li.icon-psychosocial { background-image: url('../sa_img/psychosocial.png'); }
.sa-main-site-content ul.icons li.icon-physical { background-image: url('../sa_img/physical.png'); }
.sa-main-site-content ul.icons li.icon-personal { background-image: url('../sa_img/personal.png'); }
.sa-main-site-content ul.icons li.icon-company { background-image: url('../sa_img/company.png'); }
.sa-main-site-content ul.icons li.icon-behaviour { background-image: url('../sa_img/behaviour.png'); }

.sa-main-site-content .sa-faces-survey-about a,
.sa-main-site-content .sa-faces-survey-about a:hover {
  font-size: 0.8em;
  color: #fff;
  text-decoration: none;
}

.sa-main-site-content .sa-faces-survey-about a.sa-faces-more-link span.sa-arrow-span {
  display: inline-block;
  width: 3em;
  height: 3em;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 2.5em;
}

.sa-main-site-content .sa-faces-survey-about a.sa-faces-more-link-more span.sa-arrow-span { background-image: url('../sa_img/downArrow_red.png'); }
.sa-main-site-content .sa-faces-survey-about a.sa-faces-more-link-less span.sa-arrow-span { background-image: url('../sa_img/upArrow_red.png'); }

.sa-main-site-content .sa-faces-survey-about a.sa-faces-mit-link {
  font-weight: bold;
  font-size: 1.8em;
}

.sa-front-choose-wrapper {
  text-align: center;
}

.sa-front-choose-wrapper h3 {
  font-size: 2.0em;
}

.sa-front-choose-type {
  position: relative;
  clear: both;
}

.sa-front-choose-wrapper .col-xs-6 {
  padding-left: 0;
  padding-right: 0;
}


.sa-front-choose a {
  display: block;
  background: #222;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  margin-bottom: 1em;
}

.sa-front-choose a,
.sa-front-choose a:link,
.sa-front-choose a:visited,
.sa-front-choose a:hover,
.sa-front-choose a:active {
  color: #fff;
}

.sa-front-choose-text {
  position: absolute;
  left: 5%;
  right: 5%;
}

.sa-front-choose-link span {
  color: #fff;
  border: solid 1px #fff;
  padding: 0.5em;
}

.sa-front-choose .sa-front-choose-title,
.sa-front-choose .sa-front-choose-details,
.sa-front-choose .sa-front-choose-link {
  z-index: 1;
}

.sa-front-choose .sa-front-choose-title {
  font-size: 2em;
  top: 66%;
}

.sa-front-choose .sa-front-choose-details,
.sa-front-choose .sa-front-choose-link {
  font-size: 1.2em;
  display: none;
}

.sa-front-choose:active .sa-front-choose-title,
.sa-front-choose:focus .sa-front-choose-title,
.sa-front-choose:hover .sa-front-choose-title { top: 10%; }

.sa-front-choose:active .sa-front-choose-details,
.sa-front-choose:focus .sa-front-choose-details,
.sa-front-choose:hover .sa-front-choose-details { display: block; top: 40%; }
.sa-front-choose:active .sa-front-choose-link,
.sa-front-choose:focus .sa-front-choose-link,
.sa-front-choose:hover .sa-front-choose-link { display: inline-block; top: 66%; }

.sa-front-choose:active img,
.sa-front-choose:focus img,
.sa-front-choose:hover img {
  background: #000;
  opacity: 0.4;
}

div.sa-app-wrapper.sa-prepare p,
.pspace p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.sa-sample-survey,
.sa-sample-survey:link,
.sa-sample-survey:visited,
.sa-sample-survey:hover,
.sa-sample-survey:active {
  display: inline-block;
  border: solid 1px #AFAFAF;
  color: #E10034;
  padding: 1em;
  text-decoration: none;
  margin: 1em 0;
}

#about h3 {
  font-size: 2em;
  text-align: center;
}

.sa-main-site-content .sa-about .panel-heading {
  border-radius: 0;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: -0.75em;
  position: relative;
  height: 4em;
}

.sa-main-site-content .sa-about .panel-heading:first-of-type {
  margin-top: 0;
}

.sa-main-site-content .sa-about .panel-collapse {
  background: #EAEAEA;
  padding-top: 1em;
}

.sa-main-site-content .sa-about .panel-heading a { background-image: url('../sa_img/upArrow_white.png'); }

.sa-main-site-content .sa-about .panel-heading a {
  color: #fff;
  text-align: left;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.75em;
  top: 0.75em;
  display: inline-block;
  background-color: #AFAFAF;
  background-position: 98% 50%;
  background-repeat: no-repeat;
  background-size: 2em;
}

.sa-main-site-content .sa-about .panel-heading a.collapsed {  background-image: url('../sa_img/downArrow_white.png'); }

.sa-main-site-content .sa-about .panel-heading a:hover {
  text-decoration: none;
}

.sa-main-site-content .sa-about .panel-heading a h2 {
  font-size: 2em;
  text-align: left;
  padding-left: 3em;
}

.sa-main-site-content .sa-about .panel-heading span.sa-about-number {
  width: 4em;
  height: 4em;
  position: absolute;
  left: 1em;
  top: 0;
  bottom: 0;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 3.9em;
  display: inline;
  z-index: 2;
}

.sa-main-site-content span.sa-number-1 { background-image: url('../sa_img/1_sm.png'); }
.sa-main-site-content span.sa-number-2 { background-image: url('../sa_img/2_sm.png'); }
.sa-main-site-content span.sa-number-3 { background-image: url('../sa_img/3_sm.png'); }
.sa-main-site-content span.sa-number-4 { background-image: url('../sa_img/4_sm.png'); }
.sa-main-site-content span.sa-number-5 { background-image: url('../sa_img/5_sm.png'); }

.sa-main-site-content .sa-panel-toggle {
  color: #000;
  text-align: right;
  display: block;
  margin-bottom: 0.5em;
}

.sa-main-site-content .sa-learn-more-button {
  padding: 0 2.5em 0 0;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  margin-right: 1em;
  float: right;
  color: #000;
  background: url('../sa_img/moreAbout_arrow.png') 100% 50% no-repeat;
  background-size: 2em;
}

.sa-main-site-content .sa-red-button {
  display: inline-block;
  margin: 0.5em auto;
  padding: 0.2em 0.5em;
  background: #E10034;
  color: #FFF;
}

.sa-faces-collage .sa-admin-form.well {
  background: rgba(255, 255, 255, 0.85);
  text-shadow: none;
  color: #000;
}

.sa-main-site-content .sa-getting-started-wrapper .tab-content-wrapper {
  margin-left: 2em;
  margin-right: 2em;
  padding: 1em;
}

.sa-main-site-content .sa-getting-started-wrapper div.tab-content h3 {
  color: #E10034;
  margin-top: 0;
  display: inline-block;
}

.sa-main-site-content .sa-getting-started-wrapper .sa-started-number {
  width: 3em;
  height: 3em;
  display: inline-block;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 2.8em;
}

#main-col {
  position: relative;
}

#sa-profile-form {
  font-size: 0.8em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  background: #FCE7Ec;
  padding: 0.1em 0.5em;

}

#sa-profile-form.sa-anonymous {
  background: inherit;
}

#sa-profile-form a.btn {
  color: #000;
  background: #ecf0f1;
  border: solid 1px #BBB;
  margin: 0.2em;
}

#sa-profile-form p.sa-am-i-logged-in {
  display: none;
}

@media (min-width: 992px) {
  #sa-profile-form p.sa-am-i-logged-in {
    display: block;
  }
}

#sa-profile-form a.btn:hover {
  color: #FFF;
  background: #E10034;
}

#sa-profile-form p {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}

#sa-profile-form.sa-anonymous p {
  padding-right: 0px;
}

#sa-profile-form .edit-wrapper {
}

#sa-profile-form .edit {
  margin: 0.25em;
  display: inline-block;
  color: #E10034;
}

.sa-my-surveys {
  background: #E10034;
  float: right;
  height: 2em;
  margin-top: -2em;
  margin-right: 1em;
  padding-top: 0.5em;
  clear: both;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.sa-my-surveys a {
  font-size: 1em;
  line-height: 1em;
}

.sa-my-surveys-create-wrapper {
  text-align: right;
  padding-top: 1em;
}

.sa-my-surveys-create-wrapper p {
  text-align: center;
}

.btn {
  padding: 0.2em 1.0em 0.1em;
  border-width: 0;
  background-color: #E10034;
  border-radius: 0;
  font-size: 1em;
}

.btn:hover,
.btn:active:focus,
.btn:focus,
.btn:active {
  background-color: #E10034;
}

.sa-admin-form input[type="checkbox"] {
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
}

#create .create-want {
  white-space: nowrap;
}

.sa-create-type-radio-wrapper {
  background: #fff;
  font-size: 0.8em;
  height: 3em;
  line-height: 1em;
  vertical-align: baseline;
}

.sa-create-type-radio-wrapper label {
  padding-top: 0.5em;
}

.sa-create-type-radio-wrapper input {
  float: left;
  display: inline-block;
  width: 2.0em;
  height: 2.0em;
  margin: 0 0.5em;
}

.sa-survey-field-input-short {
  width: 50%;
}

#sa-survey-form-wrapper .sa-launch-url {
  display: inline-block;
  font-weight: bold;
  margin-left: 1em;
}

.sa-admin-form .input-group-addon {
  width: 2em;
  height: 2em;
  padding: 0.2em 0.4em;
  font-size: 1em;
  line-height: 1em;
}

@media (min-width: 1200px) {
  #sa-profile-form { height: 100px; padding: 1em; }
  #ohcow-logo { height: 100px; }
  /*.navbar-fixed-top { top: 100px; }
  #outerframe-container { margin-top: 140px; }*/
  .sa-faces-collage { background-size: 1170px 468px; }
}
@media (max-width: 1199px) and (min-width: 992px) {
  #sa-profile-form { height: 80px; }
  #ohcow-logo { height: 80px; }
  /*.navbar-fixed-top { top: 80px; }
  #outerframe-container { margin-top: 120px; }*/
  .sa-faces-collage { background-size: 970px 388px; }
}
@media (max-width: 991px) and (min-width: 768px) {
  #sa-profile-form { height: 60px; }
  #ohcow-logo { height: 60px; }
  /*.navbar-fixed-top { top: 60px; }
  #outerframe-container { margin-top: 100px; }*/
  .sa-faces-collage { background-size: 750px 300px; }
}
@media (max-width: 767px) {
  #sa-profile-form { height: 50px; }
  #ohcow-logo { height: 50px; position: absolute; background-size: 60%; background-position: 50% 50%; }
  /*.navbar-fixed-top { top: 50px; position: absolute; }*/
  /*#outerframe-container { margin-top: 80px; }*/
  #outerframe-container { margin-top: 50px; }
  .sa-heading h1 { font-size: 4em; }
  .sa-faces-collage { background-size: 750px 300px; }
  .sa-front-choose .sa-front-choose-text { font-size: 1.5em; }
  .sa-front-choose .sa-front-choose-title { font-size: 2.3em; }
  .sa-main-site-content .sa-getting-started-wrapper .tab-content-wrapper { margin-left: 0; margin-right: 0; }
  .sa-my-surveys-create-wrapper { text-align: left; }
  .sa-my-surveys-create-wrapper p { text-align: left; }
}


@media (max-width: 767px) and (min-width: 500px) {
  /*#ohcow-logo { background-size: 60%; }
  #outerframe-container { margin-top: 80px; }*/
}

@media (max-width: 499px) {
  /*#ohcow-logo { background-size: 70%; }*/
  .sa-front-choose-type .col-xs-6 {
    position: relative;
    min-height: 1px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}


@media (min-width: 500px) {
  .sa-front-choose-personal {
    border-right: solid 2px #fff;
  }
  .sa-front-choose-workplace {
    border-left: solid 2px #fff;
  }
}

.sa-survey-wizard-page-wrapper {
  margin: 0em;
  padding: 1em 1em 0 1em;
}

.sa-survey-wizard-form {
  margin: 0;
  background: #fff;
  padding: 1em;
}

.sa-survey-wizard-form.sa-grey-background {
  background: #EAEAEA;
}

.sa-wizard-grey-tip-box {
  background: #AFAFAF;
  color: #fff;
  font-size: 0.8em;
  padding: 1em;
}

.sa-wizard-red-tab-box {
  text-align: center;
  background: #E10034;
  color: #fff;
  padding: 0.5em;
  margin-left: 1em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.sa-wizard-red-tab-box-explanation {
  margin-left: 1em;
}

.sa-email-fields-wrapper {
  border: solid 2px #DCE4EC;
  border-radius: 4px;
  padding: 1em 1em 0 1em;
  margin-bottom: 2em;
}

.sa-remember-cc-wrapper {
  text-align: center;
}

.sa-main-site-content .survey-listing.sa-survey-results-evaluate .panel-heading a.collapsed,
.sa-main-site-content .sa-results-page .sa-survey-results-evaluate .panel-heading a.collapsed { background-image: url('../sa_img/downArrow_undefined.png'); }
.sa-main-site-content .survey-listing.sa-survey-results-evaluate .panel-heading a,
.sa-main-site-content .sa-results-page .sa-survey-results-evaluate .panel-heading a { background-image: url('../sa_img/upArrow_undefined.png'); }

.sa-main-site-content .sa-results-page .sa-survey-version-align {
  text-align: center;
  background: #fff;
  padding: 1em;
  margin: 1em 0;
  border: solid 1px #ddd;
}

.sa-idea-resource div {
  background: #fff;
  padding: 1em;
  border: solid 1px #ddd;
  margin-bottom: 1em;
}

.sa-idea-resource img {
  display: block;
}

h4.sa-survey-name {
  padding: 0 0.25em;
  line-height: 1.4em;
  margin-bottom: 0;
}

#build .form-horizontal .control-label {
  text-align: left;
}

#build .form-group {
  margin-top: 15px;
  margin-bottom: 25px;
}

#build .form-horizontal .control-label {
  padding-top: 7px;
}

#build .popover.right {
  max-width: 750px;
}

.sa-btn-bd {
  color: #fff !important;
  float: right;
}
.response-rate-table .sa-btn-bd {
  display: block;
  font-size: 1.2rem;
}
.sa-graph-wrapper {
  margin: 0 auto;
  border: solid 1px green;
  padding: 1em;
}

.sa-graph-full { max-width: 100%; max-height: 100%; }
.sa-graph-three-quarter { max-width: 75%; max-height: 75%; }
.sa-graph-half { max-width: 50%; max-height: 50%; }
.sa-graph-quarter { max-width: 25%; max-height: 25%; }

.sa-app-wrapper .sa-form-feedback .sa-alert-wrapper .alert {
  margin-bottom: 0;
}






/* StressAssess common.css */
/*
dark red: #E10034;
light red: #FCE7Ec
dark dark grey: #9B9B9B
dark grey: #AFAFAF
light grey: #EAEAEA
light light grey: #F5F5F5
light light green: #18D118
*/

html, body {
  height: 100%;
}

a,
a:link,
a:visited,
a:active {
  color: #E10034;
}

/*a:hover {
  color: #E10034;
}*/

body,h1,h2,h3,h4,h5,h6,p {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.2;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

h1 { font-size: 5em; }
h2 { font-size: 4em; }
h3 { font-size: 3em; }
h4 { font-size: 2em; }

.lang-en [lang="fr"] { display: none !important; }
.lang-fr [lang="en"] { display: none !important; }

img {
  max-width: 100%;
}

:focus {
  outline: none;
}

.container .jumbotron {
  padding: 1em;
  background-color: inherit;
}

#sa-header, #sa-title {
  text-align: center;
}

.sa-header,
.sa-header:link,
.sa-header:visited,
.sa-header:hover,
.sa-header:active {
  color: #000;
  text-decoration: none;
}

#sa-header h1 {
  font-size: 4em;
  line-height: 1em;
  margin-bottom: 0;
}

#sa-header .sa-header-logo {
  display: inline-block;
}


#sa-header p {
  margin-top: 0;
}

.sa-white {
  color: #ffffff;
}

.sa-black {
  color: #000000;
}

.sa-red {
  color: #E10034;
}

.sa-grey {
  color: #9B9B9B;
}

.sa-dark-grey {
  color: #5B5B5B;
}
.sa-light-green {
  color:lightgreen;
}
.sa-lighter-green {
color: #18D118;
}

.sa-white-background {
  background: #ffffff;
}
.sa-black-background {
  background: #000000;
}

.sa-red-background {
  background: #E10034;
}

.sa-lighter-green-background {
  background: #18D118;
}
.sa-light-green-background {
  background: green;
}

.sa-orange-background {
  background: orange;
}
.sa-light-blue-background {
  background: lightblue;
}
.sa-grey-background {
  background: #EAEAEA;
}
.sa-lighter-dark-grey-background {
  background: #999999;
}
.sa-dark-grey-background {
  background: #5B5B5B;
}

.sa-pink-background {
  background-color: #fde3e3;
}
#main-col {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
}

.sa-main-site-content {
  min-height: 5em;
}

.sa-pdf-report-wrapper {
  float: right;
}

.sa-pdf-report-wrapper a {
  color: #9B9B9B;
}

.sa-pdf-report-wrapper a:hover {
  color: #000000;
}

.sa-pdf-report-wrapper span {
  display: inline-block;
  margin: 0.2em;
}

.sa-personal-pdf-report-wrapper {
  text-align: center;
}

.sa-personal-results .sa-results-tip {
  display: none;
}

/* Home page styles */

.sa-faces-collage {
  background: url('../sa_img/faces_collage.png') 0% 0% repeat;
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  padding: 0;
  min-height:468px;
  max-height: 100%;
}
.sa-front-heading {
  font-size: 2.81em;
  line-height: 1;
  margin-top: 1.089em;
  margin-bottom: 0.2em;
 }


/* https://forums.limesurvey.org/forum/can-i-do-this-with-limesurvey/117545-horizontal-radio-list */
@media (min-width: 768px) {
.survey-form-container .sa-group .sa-inline-radio .radio-item { padding-top: 20px; padding-left: 0; }
.survey-form-container .sa-group .sa-inline-radio .radio-item label::after { left: 8px; top: 3px; margin-top: -20px; margin-left: 0; }
.survey-form-container .sa-group .sa-inline-radio .radio-item label::before { left: 5px; top: 0; margin-top: -20px; margin-left: 0; }
.survey-form-container .sa-group .sa-inline-radio .radio-item .label-text { margin-top: -20px; }
}

.adjust-survey-end-date {
  display: inline-block;
  font-weight: bold;
  padding: 8px;
}

/* TODO */
[lang] .ot {
  background: yellow;
}

body[data-env="local"] { border-top: solid 10px #f0f; }
body[data-env="dev"] { border-top: solid 10px #0f0; }
body[data-env="test"] { border-top: solid 10px #0ff; }

/*.sa-main-site-content ul.icons li {
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4.8em;
  height: 7em;
  margin: 0 0.1em;
}

.sa-main-site-content ul.icons li span {
  position: absolute;
  font-size: 0.8em;
  color: #000;
  text-shadow: none;
  top: 66%;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.2em 0.1em;
  background: pink;
  display: none;
}

*/
.sa-main-site-content ul.icons li span {
  top: 80%;
 }


.sa-main-site-content ul.icons li:not(.icon-workplace) span {
  max-height: 1.5em;
  min-width:100px;
}

.sa-main-site-content ul.icons li.icon-workplace span {
  min-height: 3em;
  min-width:100px;
}

.sa-main-site-content ul.icons li {
  width: 6em;
  margin: 1em .5em;
}

.sa-main-site-content .sa-faces-survey-about a.sa-faces-more-link span.sa-arrow-span {
  margin-bottom: 1em;
}






.sa-front-choose .sa-front-choose-title {
  font-size: 2.82em;
  top: 50%;
  width: 50%;
  margin:0 auto;
}
.sa-front-choose .sa-front-choose-details {
  font-size: 1.8em;
}
.sa-sample-survey,
.sa-sample-survey:link,
.sa-sample-survey:visited,
.sa-sample-survey:hover,
.sa-sample-survey:active {
  display: inline-block;
  border: solid 1px #000;
  color: #E10034;
  padding: 1em;
  text-decoration: none;
  margin: 1em 0;
  font-size:1.5em;
}

.sa-front-choose-link span {
  padding: 1.2em;
  font-size: 1.2em;
}

#ohcow-contact-us .sa-front-choose-link {
 margin-top:-30px;
}

#ohcow-contact-us .sa-front-choose-link span {
  color: #fff;
  border: solid 1px #fff;
  padding: 0.5em;
  font-size: 100%;
}


.sa-faces-strip {
  background-position: 0% 0%;
}

.sa-faces-strip.strip1 { background-image: url('../sa_img/faces_strip1.png'); }
.sa-faces-strip.strip2 { background-image: url('../sa_img/faces_strip2.png'); }
.sa-faces-strip.strip3 { background-image: url('../sa_img/faces_strip3.png'); }
.sa-faces-strip.strip4 { background-image: url('../sa_img/faces_strip4.png'); }
.sa-faces-strip.strip5 { background-image: url('../sa_img/faces_strip5.png'); }
.sa-faces-strip.strip6 { background-image: url('../sa_img/faces_strip6.png'); }


.sa-front-choose-wrapper h2 {
  font-size:3em;
}

#sa-footer,
#sa-footer a,
#sa-footer a:link,
#sa-footer a:visited,
#sa-footer a:hover,
#sa-footer a:active {
  color: #fff;
  text-decoration: none;
}

#ohcow-contact-us {
  background: #E10034;
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
  font-size: 0.9em;
}

#ohcow-contact-us .panel-body {
  padding: 0 1em 1em 1em;
}

#ohcow-contact-us h3 {
  /*font-size: 1.5em;*/
  font-size: 2em;
}

#ohcow-contact-us-digits a:hover {
  text-decoration: underline;
}

.ohcow-contact-us-email { padding-top: 0.5em; }
#ohcow-contact-us-digits { text-align: center; }
#ohcow-contact-us-address { text-align: right; }


#ohcow-contact-us .panel-heading a {
  display: block;
  height: 2em;
}

#ohcow-contact-us .panel-heading a.collapsed {
  background: #E10034 url('../sa_img/openArrow_white_red.png') 50% 50% no-repeat;
  background-size: 2em;
}

#ohcow-contact-us-collapse {
  text-align: center;
}

#ohcow-contact-us-collapse span {
  background: #E10034 url('../sa_img/closeArrow_white_red.png') 50% 50% no-repeat;
  background-size: 2em;
  display: block;
  height: 2em;
}

#sa-credits {
  text-align: center;
  font-size: 1em;
  background: #AFAFAF;
  padding: 0;
}

#sa-credits img {
  max-width: 80%;
}

#sa-credits p {
  margin-bottom: 1em;
}

#sa-copyright {
  text-align: center;
  font-size: 0.8em;
  background: #AFAFAF;
  padding: 0 0 1em 0;
}

#sa-footer-logo-mit div { margin-left: 1.6em; }
#sa-footer-logo-ccohs div { margin-top: 1em; }
#sa-footer-logo-copsoq div 
{ 
  margin-top: 2em;
  margin-right: 1.6em;
 }

#sa-footer-logo-mit div img,
#sa-footer-logo-ccohs div img,
#sa-footer-logo-copsoq div img 
{
  width: 65%; 
  height: auto;
}
@media (min-width: 768px) {
#sa-footer-logo-copsoq div img 
{
float: right;
}
}

.sa-fixed-tabs .nav-tabs-wrapper,
.sa-nav-tabs .nav-tabs-wrapper {
  text-align: center;
}

.sa-fixed-tabs .nav-tabs-wrapper .nav-tabs,
.sa-nav-tabs .nav-tabs-wrapper .nav-tabs {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-padding-start: 0;
  border: none;
  text-align: center;
  margin: 0 auto;
}

.sa-fixed-tabs.sa-nav-tabs-above .nav-tabs,
.sa-nav-tabs.sa-nav-tabs-above .nav-tabs { border-top: none; }
.sa-fixed-tabs.sa-nav-tabs-below .nav-tabs,
.sa-nav-tabs.sa-nav-tabs-below .nav-tabs { border-bottom: none; }

.sa-fixed-tabs .nav-tabs > li,
.sa-nav-tabs .nav-tabs > li {
  float: none;
  display: inline-block;
}

body.sa-admin .sa-nav-tabs.sa-nav-tabs-wizard .nav-tabs > li {
  width: 10%;
}

.sa-fixed-tabs .nav-tabs > li > a,
.sa-nav-tabs .nav-tabs > li > a {
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  padding: 0.2em 0.2em;
  margin-left: 0.2em;
  margin-right: 0.2em;
  color: #9B9B9B;
  background-color: transparent;
}

.sa-fixed-tabs.sa-nav-tabs-below .nav-tabs > li > a,
.sa-nav-tabs.sa-nav-tabs-below .nav-tabs > li > a { border-top: solid 0.4em transparent; }
.sa-fixed-tabs.sa-nav-tabs-above .nav-tabs > li > a,
.sa-nav-tabs.sa-nav-tabs-above .nav-tabs > li > a { border-bottom: solid 0.4em transparent; }

.sa-fixed-tabs .nav-tabs > li.active > a,
.sa-nav-tabs .nav-tabs > li.active > a {
  color: #000;
  border: none;
}

.sa-fixed-tabs.sa-nav-tabs-below .nav-tabs > li.active > a,
.sa-nav-tabs.sa-nav-tabs-below .nav-tabs > li.active > a { border-top: solid 0.4em #E10034; }
.sa-fixed-tabs.sa-nav-tabs-above .nav-tabs > li.active > a,
.sa-nav-tabs.sa-nav-tabs-above .nav-tabs > li.active > a { border-bottom: solid 0.4em #E10034; }

.sa-fixed-tabs.sa-nav-tabs-below .nav-tabs > li > a:hover,
.sa-nav-tabs.sa-nav-tabs-below .nav-tabs > li > a:hover { background: transparent; border-top: solid 0.4em #E10034; }
.sa-nav-tabs.sa-nav-tabs-above .nav-tabs > li > a:hover,
.sa-nav-tabs.sa-nav-tabs-above .nav-tabs > li > a:hover { background: transparent; border-bottom: solid 0.4em #E10034; }

.nav-tabs.nav-copsoq-container > li.active a { border: none; }
.nav-tabs.nav-copsoq-container > li { margin-bottom: 0.6em; }
.nav-tabs.nav-copsoq-container { border-bottom: none; }

.sa-navigation .sa-move {
  text-align: center;
}

.sa-navigation .sa-move > div {
  display: inline-block;
  margin: 0 auto;
}
.sa-navigation .sa-percent-complete {
  text-align: center;
  font-size: 0.8em;
  margin-bottom: 2em;
}

.sa-navigation .sa-percent-complete .progress {
  height: 0.8em;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  background: #EAEAEA;
}

.sa-navigation .sa-percent-complete .progress-bar {
  background: #E10034;
  color: #E10034;
}

.sa-navigation .sa-move .btn {
  border-radius: 0;
  border: 0;
  padding: 0.5em 2em;
  text-transform: uppercase;
}

.sa-navigation .sa-move .btn-default {
  color: #FFF;
}

.sa-navigation .sa-move-previous .btn { background: #9B9B9B; }
.sa-navigation .sa-move-next .btn { background: #E10034; }

.form-control {
  height: 2.0em;
  padding: 0.2em 0.4em;
  font-size: 1em; 
  line-height: 1.2em;
}

.btn-lg {
  font-size: 1.1em;
}

.well,
.array2,
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: inherit;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: auto;
}

body.modal-open {
  padding-right: 0 !important;
}

@media (min-width: 1200px) {
  #sa-header .sa-header-logo { width: 6em; }
  .sa-faces-strip { height: 78.78px; background-size: 1170px 78.78px; 
   
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  #sa-header .sa-header-logo { width: 5em; }
  .sa-faces-strip { height: 65.31333333px; background-size: 970px 65.31333333px; }
}
@media (max-width: 991px) and (min-width: 768px) {
  #sa-header .sa-header-logo { width: 4em; }
  .sa-faces-strip { height: 50.5px; background-size: 750px 50.5px; }
}
@media (max-width: 767px) {
  .sa-faces-collage .sa-admin-form,
  .sa-register-note { margin-top: 2em; }
  #sa-header .sa-header-logo { width: 3em; }
  .sa-faces-strip { height: 50.5px; background-size: 750px 50.5px; }
  #ohcow-contact-us-digits { text-align: left; margin-top: 1em; }
  #ohcow-contact-us-address { text-align: left; margin-top: 1em; }
  #sa-header h1 { font-size: 2em; }
  .sa-nav-tabs ul.nav-tabs li { border-bottom: 0; }
}
@media (max-width: 992px) {
  .sa-nav-tabs .nav-tabs-wrapper { margin-left: 1em; text-align: left; }
  .sa-nav-tabs .nav-tabs-wrapper .nav-tabs > li { float: none; display: block; text-align: left; }
  .sa-nav-tabs .nav-tabs > li > a, .sa-nav-tabs.sa-nav-tabs-above .nav-tabs > li > a,  .sa-nav-tabs.sa-nav-tabs-below .nav-tabs > li > a { border: none; border-left: solid 0.4em #fff; }
  .sa-nav-tabs .nav-tabs > li.active > a, .sa-nav-tabs.sa-nav-tabs-above .nav-tabs > li.active > a, .sa-nav-tabs.sa-nav-tabs-below .nav-tabs > li.active > a { border: none; border-left: solid 0.4em #E10034; }
  .sa-nav-tabs .nav-tabs > li > a:hover, .sa-nav-tabs.sa-nav-tabs-above .nav-tabs > li > a:hover, .sa-nav-tabs.sa-nav-tabs-below .nav-tabs > li > a:hover { background: #fff; border: none; border-left: solid 0.4em #E10034; }
}

@media (min-width: 768px) {
  #sa-credits p { font-size: 0.7em; }
}