/* Colors */
/* General */
html body, html p {
  color: #333;
  line-height: 1.2;
}

.container {
  max-width: 500px;
  margin: 0 auto;
  padding: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

@media screen and (min-width: 500px) {
  .container {
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
  }
}
#main_header {
  position: relative;
  /*z-index: 10;*/
  padding: 15px 0;
  text-align: right;
}

.footer-nav-widgets-wrapper {
  display: none !important;
}

.section-inner,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 500px !important;
  margin: 0 auto !important;
  width: 100% !important;
  padding: 0 10px !important;
}

.cbnp_centered_content {
  text-align: center;
}
.cbnp_centered_content strong {
  text-transform: capitalize;
}

/* css tables */
.cbnp_tbl {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.cbnp_cell {
  display: table-cell;
  vertical-align: middle;
}

/* buttons */
.cbnp_btn {
  display: block;
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome, Opera and Firefox */
}

.cbnp_btn.primary {
  background-color: #5BCB40;
  color: #FFF;
  font-size: 14px;
  padding: 12px 15px;
  height: 40px;
}

.cbnp_btn.secondary {
  color: #CCCCCC;
  font-size: 14px;
  padding: 7px 15px;
  height: 30px;
}

.cbnp_btn.gray {
  background-color: #EBEBEB;
  color: #333;
  font-size: 13px;
  line-height: 20px;
  padding: 15px 0;
  height: 50px;
  margin-bottom: 10px;
}
.cbnp_btn.gray:last-of-type {
  margin-bottom: 0;
}
.cbnp_btn.gray:hover {
  background-color: #5BCB40;
  color: #FFF;
}

.cbnp_btn.inactive {
  pointer-events: none !important;
  background-color: #CCCCCC;
}

/* popup */
.cbnp_overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.cbnp_overlay .cbnp_popup_container {
  position: relative;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  top: 150px;
  padding: 20px;
  background-color: #FFF;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome, Opera and Firefox */
}
.cbnp_overlay .cbnp_popup_container:after {
  content: "";
  display: table;
  width: 0;
  height: 0;
  overflow: hidden;
  clear: both;
}
.cbnp_overlay .cbnp_btn {
  margin: 0;
  width: 50%;
  float: left;
  cursor: pointer;
}
.cbnp_overlay .cbnp_btn.primary {
  border-left: 2.5px solid #FFF;
}
.cbnp_overlay .cbnp_btn.secondary {
  height: 40px;
  background-color: #CCCCCC;
  color: #333;
  padding: 12px 15px;
  border-right: 2.5px solid #FFF;
}
.cbnp_overlay .cbnp_popup_text {
  padding: 10px 15px;
  margin-bottom: 10px;
}
.cbnp_overlay .cbnp_popup_title {
  margin-bottom: 10px;
  line-height: 1;
  font-size: 16px;
}
.cbnp_overlay .disabled {
  background-color: #CCCCCC;
}
.cbnp_overlay .ajax-messages {
  font-size: 12px;
  padding: 5px 5px 0;
  display: block;
  clear: both;
}
.cbnp_overlay .ajax-messages.error {
  color: #FA7470;
}
.cbnp_overlay .ajax-messages.success {
  color: #8FAE2D;
}

@media (max-width: 480px) {
  .cbnp_overlay .cbnp_popup_container {
    top: 50px;
  }
}
#send_results_form {
  display: none !important;
}

/* Menu */
.header_menu {
  text-align: right;
}
.header_menu .menu-logout {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  padding: 0 10px 14px 0;
  color: #333;
  text-decoration: none;
}
.header_menu .menu-logout:hover {
  text-decoration: underline;
}

#menu_btn {
  width: 35px;
  display: inline-block;
  cursor: pointer;
}
#menu_btn span {
  display: block;
  width: 35px;
  height: 5px;
  background-color: black;
  margin: 6px 0;
}
#menu_btn span:first-child {
  margin-top: 0;
}
#menu_btn span:last-child {
  margin-bottom: 0;
}

.menu-primary-container {
  position: relative;
  z-index: 1;
}
.menu-primary-container #menu-primary {
  position: fixed;
  text-align: left;
  background-color: #FFF;
  top: 0;
  bottom: 0;
  right: 0;
  width: 300px;
  margin: 0;
  list-style: none;
  z-index: 1;
  display: none;
}

.menu-primary-container.menu_on #menu-primary {
  display: block;
}

.menu-primary-container.menu_on:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.6);
}

/* Page */
.finish-page-tab.active,
.page-tab.active {
  opacity: 1;
  z-index: 10;
  pointer-events: all;
  display: block;
}

.finish-page-tab,
.page-tab {
  position: absolute;
  top: 10px;
  right: 20px;
  bottom: 5px;
  left: 20px;
  opacity: 0;
  display: none;
  pointer-events: none;
}

#cbnp_personal_priorities_intro,
#cbnp_intro {
  display: block;
}

.page-container {
  min-height: 100%;
  font-size: 16px;
}
.page-container .tabs-section {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
}
.page-container .btn-section {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
}
.page-container .main-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  bottom: 70px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome, Opera and Firefox */
}
.page-container.finish_page .btn-section {
  height: 170px;
}
.page-container.finish_page .main-content {
  top: 10px;
  bottom: 180px;
}

.page-container.page-has-tooltip .page-tooltip {
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
  font-size: 11px;
  text-align: center;
  line-height: 15px;
  min-height: 30px;
}
.page-container.page-has-tooltip .main-content {
  bottom: 120px;
}

/* First Page */
#cbnp_home_nli .main-content {
  background-image: url(../img/axiology.png);
  background-position: center bottom 40%;
  background-repeat: no-repeat;
  background-size: 65%;
}

@media screen and (max-width: 500px) {
  #cbnp_home_nli .main-content {
    background-size: 60%;
  }
}
h1.cbnp_green_title {
  text-align: center;
  margin: 0;
  color: #54C242;
  font-size: 32px;
  margin-bottom: 12px;
}

.cbnp_page_subtitle {
  text-align: center;
  color: #717171;
  font-weight: 500;
}
.cbnp_page_subtitle span {
  color: #E20F00;
}

.cbnp_session_container {
  margin: 15px -10px 0;
}
.cbnp_session_container:after {
  content: "";
  display: table;
  width: 0;
  height: 0;
  overflow: hidden;
  clear: both;
}
.cbnp_session_container .cbnp_single_session {
  padding: 0 10px 10px;
  width: 50%;
  float: left;
  position: relative;
}
.cbnp_session_container .cbnp_compas_img {
  height: 130px;
  background-image: url("../img/axiology.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.cbnp_session_container .cbnp_session_title {
  color: #333;
  font-size: 14px;
  text-align: center;
}
.cbnp_session_container .cbnp_show_session {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}

.finish_page {
  display: none;
}
.finish_page.active {
  display: block;
}
.finish_page .main-content {
  display: none;
}
.finish_page .main-content.active {
  display: block;
}

.home_no_sessions {
  opacity: 0.6;
  background-image: url("../img/axiology.png");
  background-size: 170px;
  background-position: center;
  background-repeat: no-repeat;
}
.home_no_sessions .cbnp_no_values_title {
  text-align: center;
  font-size: 20px;
  padding-top: 40px;
  font-weight: 400;
}

/* Slider */
.slick-dotted.slick-slider.slick-slider {
  margin-bottom: 15px;
  bottom: 0;
}

.slick-dots.slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.slick-container.slick-container {
  position: absolute;
  bottom: 30px;
  top: 0;
  left: 0;
  right: 0;
}

.slick-slider .slick-list.slick-list {
  min-height: 100%;
}

.slick-dots.slick-dots li {
  margin: 0;
}

.slick-dots.slick-dots li button:before {
  color: #CFD8DC;
  opacity: 1;
  font-size: 12px;
}

.slick-dots.slick-dots li.slick-active button:before {
  color: #5BCB40;
}

.cbnp_slider_full_img img,
.cbnp_slider_img img {
  margin: 40px auto 0;
}

.cbnp_slider_img {
  max-width: 200px;
  margin: 0 auto;
}

.slider_width {
  max-width: 265px;
  margin: 0 auto;
}

img.sl7_img.sl7_img {
  margin-top: 30%;
}

.cbnp_slider_full_img .pie_chart1 {
  margin-top: 25px;
  max-height: 210px;
}

.cbnp_slider_full_img .pie_chart2 {
  margin-top: 45px;
  max-height: 210px;
}

/* QUESTIONS */
/* Tabs */
.all_tabs {
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.all_tabs .question_divider {
  width: 2px;
}
.all_tabs .question_tab {
  background-color: #CCCCCC;
  height: 7px;
  flex: 1;
  position: relative;
}
.all_tabs .question_tab:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #1B9AF7;
  border-radius: 2px;
}
.all_tabs .one_quarter.question_tab:after {
  width: 25%;
}
.all_tabs .two_quarters.question_tab:after {
  width: 50%;
}
.all_tabs .three_quarters.question_tab:after {
  width: 75%;
}
.all_tabs .full_width.question_tab:after {
  width: 100%;
}

.understanding-tab .all_tabs .question_tab:after {
  background-color: #5BCB40;
  border-radius: 20px;
}

/* Content */
.cbnp_question_title {
  margin-top: 0;
  font-size: 20px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.cbnp_question_info {
  max-width: 285px;
  margin: 0 auto;
  text-align: center;
}

.cbnp_answers {
  margin-top: 30px;
}

.cbnp_answer_row {
  position: relative;
  margin-bottom: 30px;
  /* Placeholder */
}
.cbnp_answer_row ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #CCCCCC;
}
.cbnp_answer_row ::-moz-placeholder {
  /* Firefox 19+ */
  color: #CCCCCC;
}
.cbnp_answer_row :-ms-input-placeholder {
  /* IE 10+ */
  color: #CCCCCC;
}
.cbnp_answer_row :-moz-placeholder {
  /* Firefox 18- */
  color: #CCCCCC;
}
.cbnp_answer_row input {
  color: #1B9AF7;
  border: 0;
  border-bottom: 1px solid #333;
  padding: 2px 0 2px 35px;
  font-style: italic;
}
.cbnp_answer_row input:focus {
  outline: none;
  border-color: #333;
}

.cbnp_answer_row:before {
  position: absolute;
  bottom: 2px;
  left: 0;
  color: #CCCCCC;
}

.cbnp_answer_row:first-of-type:before {
  content: "1.";
}

.cbnp_answer_row:nth-of-type(2):before {
  content: "2.";
}

.cbnp_answer_row:nth-of-type(3):before {
  content: "3.";
}

.cbnp_answer_info {
  font-size: 11px;
  padding-left: 15px;
  margin-top: -20px;
}

.cbnp_question_image {
  min-height: 80px;
  margin-top: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* EMOJIS 
.cat0:before {
    content: "\1f9ed";
}
.cat1:before {
    content: "\1f9d8";
}
.cat2:before {
    content: "\262f \fe0f";
}
.cat3:before {
    content: "\1f64f";
}
.cat4:before {
    content: "\1f64c";
}
.cat5:before {
    content: "\1f393";
}
.cat6:before {
    content: "\1f9ec";
}
.cat7:before {
    content: "\1f6a9";
}
.cat8:before {
    content: "\1f4aa";
}
.cat9:before {
    content: "\1f4da";
}
.cat10:before {
    content: "\1f4f2";
}
.cat11:before {
    content: "\1f4c8";
}
.cat12:before {
    content: "\1f4cc";
}
.cat13:before {
    content: "\1f91d";
}
.cat14:before {
    content: "\1f469 \200d \1f4bb";
}
.cat15:before {
    content: "\1f64b";
}
.cat16:before {
    content: "\1f4b8";
}
.cat17:before {
    content: "\1f4ca";
}
.cat18:before {
    content: "\1f4b0";
}
.cat19:before {
    content: "\1F4B5";
}
.cat20:before {
    content: "\1f476";
}
.cat21:before {
    content: "\1f469 \200d \1f373";
}
.cat22:before {
    content: "\1f468 \200d \1f469 \200d \1f467 \200d \1f466";
}
.cat23:before {
    content: "\1f3e0";
}
.cat24:before {
    content: "\2764 \fe0f";
}
.cat25:before {
    content: "\1f60d";
}
.cat26:before {
    content: "\2615";
}
.cat27:before {
    content: "\1f973";
}
.cat28:before {
    content: "\1f483";
}
.cat29:before {
    content: "\1f933";
}
.cat30:before {
    content: "\1f5dd \fe0f";
}
.cat31:before {
    content: "\1f485";
}
.cat32:before {
    content: "\1f45a";
}
.cat33:before {
    content: "\1f3cb \1f3fb";
}
.cat34:before {
    content: "\1f34f";
}
.cat35:before {
    content: "\1f98b";
}
.cat36:before {
    content: "\1f45f";
}
.cat37:before {
    content: "\1f96c";
}
.cat38:before {
    content: "\1f951";
}
.cat_custom:before {
    content: "\270f \fe0f";
}
*/
.cbnp_ncat_emoji {
  margin-right: 5px;
}

/* Answers */
.cbnp_category_container,
.cbnp_category,
.quizz-tab.active,
.quizz-tab.active .tooltip,
.quizz-tab.active .cbnp_popup_title {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome, Opera and Firefox */
}

.cbnp_current_answer p {
  text-align: center;
  color: #1B9AF7;
  font-style: italic;
}

.cbnp_category_container {
  max-width: 250px;
  margin: 25px auto 0;
}

.cbnp_category {
  background-color: #EDEDED;
  color: #333;
  padding: 13px 15px 13px 42px;
  margin-bottom: 10px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
}
.cbnp_category .cbnp_ncat_emoji {
  position: absolute;
  left: 13px;
  top: 13px;
}
.cbnp_category:before {
  margin-right: 7px;
}
.cbnp_category.category_delimiter {
  margin-bottom: 30px;
}
.cbnp_category.group1 {
  background-color: #F6EAF4;
}
.cbnp_category.group2 {
  background-color: #EDFFEC;
}
.cbnp_category.group3 {
  background-color: #EDECFF;
}
.cbnp_category.group4 {
  background-color: #ECFFFC;
}
.cbnp_category.group5 {
  background-color: #FFECEE;
}
.cbnp_category.group6 {
  background-color: #FFF7EC;
}
.cbnp_category.group7 {
  background-color: #FCEDE6;
}
.cbnp_category.group8 {
  background-color: #FCFBE6;
}
.cbnp_category.top_group.last {
  position: relative;
  margin-bottom: 40px;
}
.cbnp_category.top_group.last:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -19px;
  height: 1px;
  background: #CCCCCC;
}

.cbnp_category.chosen {
  background-color: #5BCB40;
}

/* Results */
.cbnp_question_title.capitalize,
.results_username {
  text-transform: capitalize;
}

.cbnp_results_intro {
  text-align: center;
  font-size: 14px;
}

.cbnp_results_info {
  font-size: 11px;
  text-align: center;
  margin-top: 30px;
}

.cbnp_top_results {
  max-width: 230px;
  margin: 35px auto 0;
}

.cbnp_result_row {
  margin-bottom: 14px;
}

.understanding-tab .cbnp_und_result {
  text-align: center;
}

.cbnp_und_result,
.cbnp_result,
.cbnp_finished_result {
  border-bottom: 1px solid #CCCCCC;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 3px;
  cursor: pointer;
  position: relative;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome, Opera and Firefox */
}
.cbnp_und_result:before,
.cbnp_result:before,
.cbnp_finished_result:before {
  margin-right: 7px;
}

.cbnp_result,
.cbnp_finished_result {
  padding-left: 28px;
}
.cbnp_result .cbnp_ncat_emoji,
.cbnp_finished_result .cbnp_ncat_emoji {
  position: absolute;
  left: 0;
  top: 10px;
}

.cbnp_result_row.r1 .cbnp_und_result,
.cbnp_result_row.r1 .cbnp_finished_result,
.cbnp_result_row.r1 .cbnp_result {
  color: #8FAE2D;
}

.cbnp_result_row.r2 .cbnp_und_result,
.cbnp_result_row.r2 .cbnp_finished_result,
.cbnp_result_row.r2 .cbnp_result {
  color: #FA7470;
}

.cbnp_result_row.r3 .cbnp_und_result,
.cbnp_result_row.r3 .cbnp_finished_result,
.cbnp_result_row.r3 .cbnp_result {
  color: #467FD7;
}

.cbnp_result_row.r4 .cbnp_und_result,
.cbnp_result_row.r4 .cbnp_finished_result,
.cbnp_result_row.r4 .cbnp_result {
  color: #8D74B1;
}

.cbnp_result_row.r5 .cbnp_und_result,
.cbnp_result_row.r5 .cbnp_finished_result,
.cbnp_result_row.r5 .cbnp_result {
  color: #F28500;
}

.cbnp_result_row.r6 .cbnp_und_result,
.cbnp_result_row.r6 .cbnp_finished_result,
.cbnp_result_row.r6 .cbnp_result {
  color: #65B4CE;
}

.cbnp_top_results.has-icons .cbnp_und_result,
.cbnp_top_results.has-icons .cbnp_result,
.cbnp_top_results.has-icons .cbnp_finished_result {
  padding: 0 5px 0;
  text-align: left;
}
.cbnp_top_results.has-icons .cbnp_resic {
  display: inline-block;
  height: 26px;
  width: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
  vertical-align: bottom;
}

@media (max-width: 480px) {
  .cbnp_top_results {
    margin-top: 15px;
  }
}
/* Icons */
.cbnp_icons_container {
  margin: 20px -5px 0;
}

.cbnp_icons_container:after {
  content: "";
  display: table;
  width: 0;
  height: 0;
  overflow: hidden;
  clear: both;
}

.cbnp_icon_choose {
  width: 20%;
  float: left;
  padding: 0 5px 10px;
}
.cbnp_icon_choose .icon_img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 54px;
  cursor: pointer;
}
.cbnp_icon_choose .icon_img.active {
  border: 1px solid #999;
  border-radius: 2px;
}

/* Star Ratings */
.page-container.page-has-tooltip .page-tooltip.cbnp_ratings {
  height: 50px;
}

.understanding-tab .page-container.page-has-tooltip .main-content {
  bottom: 140px;
}

.cbnp_star.empty {
  background-image: url("../img/star_empty.png");
}

.cbnp_star.full {
  background-image: url("../img/star_full.png");
}

.cbnp_star {
  display: inline-block;
  height: 25px;
  width: 25px;
  cursor: pointer;
  margin: 0 2px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.cbnp_rating_title {
  color: #E20F00;
  font-size: 14px;
  margin-bottom: 8px;
}

/* Understanding results */
.understanding-tab .cbnp_top_results {
  margin: 25px auto 0;
}
.understanding-tab .cbnp_understanding_content {
  text-align: center;
  max-width: 280px;
  margin: 30px auto 0;
}

/* Choices - Category Sort */
.choices_container {
  max-width: 280px;
  margin: 0 auto;
  padding-top: 30px;
}
.choices_container .the_choice {
  background-color: #E6E6E6;
  color: #000;
  padding: 55px 15px;
  text-align: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.choices_container .the_choice:last-of-type {
  margin-bottom: 0;
}
.choices_container .the_choice:hover {
  background-color: #F28500;
  color: #FFF;
}

/* Send emails */
.cbnp_overlay .cbnp_close_email_popup {
  position: absolute;
  height: 20px;
  width: 20px;
  background: #CCCCCC;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  border-radius: 50%;
  top: -7px;
  right: -7px;
  cursor: pointer;
}

.axiology_intro_info {
  text-align: center;
}

/* LATER EDITS */
.cbnp_group_label {
  text-transform: uppercase;
  color: #CCC;
  text-align: center;
  margin-bottom: 7px;
}

.quizz-tab .cbnp_category_container div:last-child {
  color: red;
}

.tooltip.style_red {
  display: inline-block;
  padding: 2px 10px;
  border: 1px dashed red;
  color: red;
  line-height: 1.2;
}

.cbnp_answer_info.style_red {
  color: red;
  text-align: center;
}

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