.selfassessment {}

.selfassessment_header {
  padding:25px 0;
}

.selfassessment_header a {
  background: URL("../images/icon_plus_wh.png");
  background-color: #e52240;
  background-image: URL("../images/icon_plus_wh.svg"), none;
  background-position:7px 50%;
  background-repeat: no-repeat;
  background-size:15px auto;
  border:1px solid #e52240;
  border-radius:3px;
  color:#fff;
  padding:7px 7px 7px 27px;
  text-decoration:none !important;
  transition:opacity .2s;
}

.selfassessment_header a:hover {
  color:#fff;
  opacity:.7;
}

.selfassessment_list h2 {
  border-bottom:1px solid #e52240;
  padding:20px 0;
}

.selfassessment_list ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

.selfassessment_list ul li {
  border-bottom:1px solid #b6b6b6;
  display:flex;
  flex-direction:column;
  padding:10px 0;
}

@media only screen and (min-width: 1024px) {
  .selfassessment_list ul li {
    align-items:center;
    flex-direction:row;
  }
}

.selfassessment_list ul li:last-child {
  border-bottom:0;
}

.selfassessment_list ul li span {
  flex:1;
}

.selfassessment_list ul li a.eye {
  background: URL("../images/icon_eye.png");
  background-image: URL("../images/icon_eye.svg"), none;
  background-position:0 50%;
  background-repeat: no-repeat;
  background-size:15px auto;
  padding:7px 7px 7px 20px;
  text-decoration:none !important;
}

.selfassessment_list ul li a.download,
.selfassessment_list ul li a.download_excel {
  background: URL("../images/icon_download.png");
  background-image: URL("../images/icon_download.svg"), none;
  background-position:0 50%;
  background-repeat: no-repeat;
  background-size:15px auto;
  padding:7px 7px 7px 20px;
  text-decoration:none !important;
}

.selfassessment_list ul li a.continue {
  background: URL("../images/icon_continue.png");
  background-image: URL("../images/icon_continue.svg"), none;
  background-position:0 50%;
  background-repeat: no-repeat;
  background-size:15px auto;
  padding:7px 7px 7px 20px;
  text-decoration:none !important;
}

@media only screen and (min-width: 1024px) {
  .selfassessment_list ul li a {
    margin-left:10px;
  }
}

.selfassessment .selfassessment_intro {
  background: #282828 url("../../../assets/images/page-title-bg1.jpg");
  background-attachment: fixed;
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  color:#fff;
  margin:25px auto;
  max-width:800px;
  padding:25px;
  width:100%;
}

.selfassessment .selfassessment_intro.selfassessment_intro--full {
  max-width:none;
}

.selfassessment .selfassessment_intro h3,
.selfassessment .selfassessment_intro p {
  color:#fff;
}

.selfassessment .selfassessment_intro h3 {
  margin-bottom:25px;
  text-align:center;
}

.selfassessment .selfassessment_intro p {
  margin-bottom:15px;
}

.selfassessment .selfassessment_intro p:last-of-type {
  margin-bottom:0;
}

.selfassessment .selfassessment_intro .flex {
  display:flex;
}

.selfassessment .selfassessment_intro .flex label {
  font-weight:normal;
  flex:0 0 160px;
  padding-right:10px;
  width:160px;
}

.selfassessment_intro_extra {
  margin:0 auto 25px auto;
  max-width:800px;
  padding:0 25px 25px 25px;
  font-style:italic;
  width:100%;
}

.selfassessment .selfassessment_intro_extra.selfassessment_intro_extra--full {
  max-width:none;
}

.selfassessment_intro_extra ol {
  margin-left:20px;
}

.selfassessment_intro_extra p {
  margin-bottom:15px;
}

.selfassessment .assessment_menu {
  background:#e52240;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin:10px 0;
}

.selfassessment .assessment_menu ul {
  align-items:center;
  display:flex;
  list-style-type:none;
}

.selfassessment .assessment_menu ul li {
  border-right:1px solid #fff;
}

.selfassessment .assessment_menu ul li:last-child {
  border-right:0;
}

.selfassessment .assessment_menu ul li a {
  opacity:0.5;
  color:#fff;
  display:block;
  padding:5px 8px;
  text-decoration:none !important;
  transition: opacity .2;
}

.selfassessment .assessment_menu ul li a.active {
  opacity:1;
}

.selfassessment .assessment_menu ul li a:hover {
  opacity:1;
}

.selfassessment .assessment_menu ul a font {
  display:none;
}

@media only screen and (min-width: 1024px) {
  .selfassessment .assessment_menu ul li a.active font {
    display:inline-block;
  }
}

.selfassessment .assessment_detail {}

.selfassessment .assessment_detail h2 {
  color:#e52240;
  font-family:'Roboto';
  font-weight:500;
  font-size:18px;
  margin-bottom:25px;
  margin-top:25px;
}

.selfassessment .assessment_detail .intro_container {
  display:flex;
  flex-direction:column;
}

@media only screen and (min-width: 1024px) {
  .selfassessment .assessment_detail .intro_container {
    flex-direction:row;
    justify-content:space-between;
  }

  .selfassessment .assessment_detail .intro_container .intro_img {
    width:400px;
  }
  .selfassessment .assessment_detail .intro_container .intro_text {
    flex:1;
    padding-left:20px;
  }
}

.selfassessment .assessment_detail .intro_container .intro_text h3 {
  text-align:right;
}

.selfassessment .assessment_detail .intro_container .intro_text h3.justify {
  display:flex;
  justify-content: space-between;
}
.selfassessment .assessment_detail .intro_container .intro_text h3.justify--right {
  display:flex;
  justify-content: flex-end;
}

.selfassessment .assessment_detail .intro_container .intro_text h3.justify span,
.selfassessment .assessment_detail .intro_container .intro_text h3.justify--right span {
  font-weight:normal;
}

.selfassessment .assessment_detail .intro_container .intro_img img {
  display:block;
  margin-bottom:15px;
  width:100%;
}

@media only screen and (min-width: 1024px) {
  .selfassessment .assessment_detail .intro_container .intro_img img {
    margin-bottom:0;
  }
}

.selfassessment .assessment_detail .intro_container h3 {
  font-family:'Roboto';
  font-weight:500;
  font-size:16px;
  margin-bottom:15px;
}

.selfassessment .assessment_detail .intro_container p {
  margin-bottom:15px;
}

.selfassessment .assessment_detail .intro_container p:last-of-type {
  margin-bottom:0;
}

.selfassessment .assessment_detail .intro_container ol,
.selfassessment .assessment_detail .intro_container li {
  margin:15px 0 15px 8px;
}

.selfassessment .assessment_buttons {
  display:flex;
  justify-content:flex-end;
  padding-top:25px;
}

.selfassessment .assessment_buttons a,
.selfassessment .assessment_buttons button[type=submit] {
  border:1px solid #e52240;
  border-radius:3px;
  display:inline-block;
  margin-left:5px;
  min-width:75px;
  outline:none !important;
  padding:5px 8px;
  text-decoration:none !important;
  text-align:center;
  text-transform:lowercase;
  transition: all .2s;
}

.selfassessment .assessment_buttons a:hover,
.selfassessment .assessment_buttons button[type=submit]:hover {
  background-color:#e52240;
  color:#ffffff;
}

.selfassessment .assessment_buttons.assessment_buttons--center {
  justify-content: center;
}

.selfassessment .assessment_buttons.assessment_buttons--center a,
.selfassessment .assessment_buttons.assessment_buttons--center button {
  border-color:#fff;
  color:#fff;
}

.selfassessment .assessment_buttons.assessment_buttons--center a:hover,
.selfassessment .assessment_buttons.assessment_buttons--center button:hover {
  background-color:#fff;
  border-color:#fff;
  color:#e52240;
}

.selfassessment .form--assessment {
  padding-top:25px;
}

.selfassessment .score_container {
  display:flex;
  flex-direction:column;
}

@media only screen and (min-width: 1024px) {
  .selfassessment .score_container {
    flex-direction:row;
    justify-content:space-between;
  }

  .selfassessment .score_container .score_container_left {
    width:300px;
  }
}

.selfassessment .score_container .score_container_left .score {
  border:1px solid #b6b6b6;
  border-radius:3px;
  display:flex;
  flex-direction:column;
  height:100%;
  margin-bottom:15px;
  padding:15px;
}

@media only screen and (min-width: 1024px) {
  .selfassessment .score_container .score_container_left .score {
    margin-bottom:0;
  }
}

.selfassessment .score_container .score_container_left .score ul {
  flex:1;
  list-style-type:none;
  margin:0;
  padding:0;
}

.selfassessment .score_container .score_container_left .score ul li {
  align-items:center;
  display:flex;
  justify-content:space-between;
  font-weight:500;
  margin-bottom:10px;
}

.selfassessment .score_container .score_container_left .score ul li span {
  align-items:center;
  border:1px solid #e52240;
  border-radius:50%;
  color:#e52240;
  display:flex;
  font-size:15px;
  height:40px;
  justify-content:center;
  width:40px;
}

.selfassessment .score_container .score_container_left .score .total {
  align-items:center;
  border-top:2px solid #e52240;
  color:#e52240;
  display:flex;
  font-size:18px;
  font-weight:500;
  justify-content:space-between;
  margin-top:10px;
  padding-top:15px;
  text-transform:uppercase;
}

.selfassessment .score_container .score_container_left .score .total span {
  align-items:center;
  background-color:#e52240;
  border:1px solid #e52240;
  border-radius:50%;
  color:#fff;
  display:flex;
  font-size:15px;
  height:40px;
  justify-content:center;
  width:40px;
}

.selfassessment .score_container .score_container_right {
  flex:1;
  padding-left:40px;
  text-align:center;
}

.selfassessment .score_container .score_container_right img {
  width:399px;
}

.form--assessment .form_column > label {
  font-size:16px !important;
  padding-bottom:20px;
  text-transform:none !important;
}

.form.form--assessment .form_column.form_column--checkboxes .checkboxes label {
  padding-bottom:20px;
}

.selfassessment .assessment_progress {
  padding:25px 0;
}

.selfassessment .assessment_progress .bar {
  background-color:#b6b6b6;
  height:5px;
  position:relative;
  width:100%;
}

.selfassessment .assessment_progress .bar .progress_bar {
  background-color:#e61c40;
  height:5px;
  left:0;
  position:absolute;
  top:0;
  width:0;
}

.selfassessment .assessment_progress .bar .progress_bar:after {
  background-color:#e61c40;
  border-radius:50%;
  content:"";
  height:10px;
  position:absolute;
  right:-5px;
  top:50%;
  transform:translateY(-50%);
  width:10px;
}

.selfassessment .assessment_detail .assessment {
  display:flex;
  flex-direction:column;
}

.selfassessment .assessment_detail .assessment h1 {
   color:#e52240;
   font-family:'Roboto';
   font-weight:500;
   font-size:18px;
   margin-bottom:25px;
}

.selfassessment .assessment_detail .assessment h1:after {
  display:none;
}

.selfassessment .assessment_detail .assessment h1.split {
  align-items:center;
  display:flex;
  justify-content:space-between;
}

.selfassessment .assessment_detail .assessment h1.split div:last-child {
  color:#000;
  font-size:14px;
}

.selfassessment .assessment_detail .assessment .assessment_cnt {
  display:flex;
}

.selfassessment .assessment_detail .assessment .assessment_cnt.assessment_cnt--center {
  justify-content:center;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .img {
  width:40%;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .img img {
  display:block;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container {
  flex:1;
  padding:0 0 0 25px;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .main_progress {
  color:#444444;
  display:flex;
  justify-content:flex-end;
  padding-bottom:15px;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .main_progress span {
  padding-right:15px;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .main_progress span:last-child {
  padding-right:0;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text {
  color:#444444;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text .cur_question {
  text-align:right;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text h2 {
  color:#444444;
  margin-bottom:15px;
  margin-top:0;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text .question_table {
  border-bottom:0;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text .question_table td,
.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text .question_table th {
  border:0;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text .question_table th {
  font-weight:normal;
  font-size:11px;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text .question_table input[type=radio] {
  margin:0;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text p {
  margin-bottom:15px;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text ul,
.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text ol {
  margin:0 0 15px 18px;
  padding:0;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text li {
  margin-bottom:15px;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text li:last-child {
  margin-bottom:0;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_cnt_container .text *:last-child {
  margin-bottom:0;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score {
  display:flex;
  width:100%;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_txt {
  border:1px solid #b6b6b6;
  border-radius:10px;
  padding:15px;
  width:45%;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_txt .assessment_score_table {
  border-bottom:0;
  margin:0;
  width:100%;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_txt .assessment_score_table .red_col {
  color:#e52240;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_txt .assessment_score_table .green_col {
  color:green;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_txt .assessment_score_table thead th,
.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_txt .assessment_score_table tbody td {
  border:0;
  font-size:12px;
  font-weight:normal;
  padding-right:5px;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_txt .assessment_score_table thead th:last-child,
.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_txt .assessment_score_table tbody td:last-child {
  padding-right:0;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_txt .assessment_score_table tbody .category_row td,
.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_txt .assessment_score_table tbody .total_row td {
  font-size:14px;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_txt .assessment_score_table tbody .category_row td {
  border-bottom:1px solid #e52240;
}


.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_graphic {
  flex:1;
  padding-left:25px;
}

.selfassessment .assessment_detail .assessment .assessment_cnt .assessment_score .assessment_score_graphic img {
  width:100%;
}

.selfassessment .assessment_detail .assessment .assessment_btns {
  align-items:center;
  display:flex;
  justify-content:flex-end;
  padding:25px 0;
}

.selfassessment .assessment_detail .assessment .assessment_btns a,
.selfassessment .assessment_detail .assessment .assessment_btns button[type=submit] {
  background-color:#fff;
  border:1px solid #e52240;
  border-radius:3px;
  color:#e52240;
  display:inline-block;
  margin-left:5px;
  min-width:75px;
  outline:none;
  padding:5px 8px;
  text-align:center;
  text-transform:lowercase;
  transition: all .2s;
}

.selfassessment .assessment_detail .assessment .assessment_btns a:hover,
.selfassessment .assessment_detail .assessment .assessment_btns button[type=submit]:hover {
  color:#000;
}

.selfassessment .assessment_detail .assessment .assessment_btns *:last-child {
  margin-right:0;
}

.selfassessment .assessment_detail .assessment .assessment_question_extra {
  padding-top:25px;
}

.selfassessment .assessment_detail .assessment .assessment_question_extra .question_list {
  list-style-type: none;
  margin:0 0 15px 0;
  padding:0;
}

.selfassessment .assessment_detail .assessment .assessment_question_extra .question_list label {
  align-items:center;
  display:flex;
  font-weight:normal;
}

.selfassessment .assessment_detail .assessment .assessment_question_extra .question_list label input[type=radio] {
  margin:-1px 10px 0 0;
}

.selfassessment .assessment_detail .assessment .assessment_question_extra .evaluation_list {
  counter-reset: item;
  list-style-type: none;
  margin:0;
  padding:0;
}

.selfassessment .assessment_question_extra label.skipper {
  font-weight:normal;
}

.selfassessment .assessment_question_extra label.skipper input {
  margin-right:5px;
}
.selfassessment .assessment_question_extra .info {
  font-style:italic;
  max-width:55%;
  padding-top:20px;
}
/*
.selfassessment .assessment_detail .assessment .assessment_question_extra .evaluation_list li {
  display:block;
}

.selfassessment .assessment_detail .assessment .assessment_question_extra .evaluation_list li:before {
  content: (counter(item) - 1) "  ";
  counter-increment: item;
} */

.assessment_cnt_global_scores {
  position:relative;
}

.assessment_cnt_global_scores ul.legend {
  list-style-type:none;
  margin:0;
  padding:0;
  position:absolute;
  right:0;
  top:0;
}

.assessment_cnt_global_scores ul.legend li {
  align-items:center;
  display:flex;
  font-size:12px;
  line-height:12px;
  margin-bottom:3px;
}

.assessment_cnt_global_scores ul.legend li:before {
  background-color:#000;
  border-radius:50%;
  content:"";
  height:10px;
  margin-right:5px;
  width:10px;
}

.assessment_cnt_global_scores ul.legend li.red:before {
  background-color:#f62459;
}

.assessment_cnt_global_scores ul.legend li.green:before {
  background-color:#87d37c;
}

.assessment_cnt_global_scores ul.legend li.orange:before {
  background-color:#e67e22;
}

.assessment_cnt_global_scores .score_bars {
  display:flex;
}

.assessment_cnt_global_scores .score_bars .score_bar {
  align-items:center;
  display:flex;
  flex-direction:column;
  width:150px;
}

.assessment_cnt_global_scores .score_bars .score_bar h2 {
  align-items:flex-end;
  display:flex;
  height:100px;
  justify-content:center;
  margin:0 0 15px 0;
  text-align:center;
}

.assessment_cnt_global_scores .score_bars .bar {
  background-color:#ccc;
  height:500px;
  position:relative;
  width:5px;
}

.assessment_cnt_global_scores .score_bars .bar:before {
  color:#ccc;
  content:"100%";
  font-size:9px;
  line-height:9px;
  position:absolute;
  top:0;
  left:8px;
}

.assessment_cnt_global_scores .score_bars .bar:after {
  color:#ccc;
  bottom:0;
  content:"0%";
  font-size:9px;
  line-height:9px;
  position:absolute;
  left:8px;
}

.assessment_cnt_global_scores .score_bars .bar .score {
  align-items:center;
  display:flex;
  position:absolute;
  left:-5px;
  font-size:11px;
  line-height:11px;
}

.assessment_cnt_global_scores .score_bars .bar .score:before {
  background-color:#000;
  border-radius:50%;
  content:"";
  height:15px;
  margin-right:3px;
  width:15px;
}

.assessment_cnt_global_scores .score_bars .bar .score.score--current {
  color:#f62459;
  z-index:5;
}

.assessment_cnt_global_scores .score_bars .bar .score.score--current:before {
  background-color:#f62459;
}

.assessment_cnt_global_scores .score_bars .bar .score.score--highest {
  color:#87d37c;
  z-index:4;
}

.assessment_cnt_global_scores .score_bars .bar .score.score--highest:before {
  background-color:#87d37c;
}

.assessment_cnt_global_scores .score_bars .bar .score.score--average {
  z-index:3;
}

.assessment_cnt_global_scores .score_bars .bar .score.score--lowest {
  color:#e67e22;
  z-index:2;
}

.assessment_cnt_global_scores .score_bars .bar .score.score--lowest:before {
  background-color:#e67e22;
}