.dayInfo .exams ul li,
.dayInfo .topics ul li {
  font-size: 15px;
}

.dayInfo .exams ul li:last-of-type,
.dayInfo .topics ul li:last-of-type {
  margin-bottom: 0;
}

.dayInfo .exams p,
.dayInfo .topics p {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

.dayInfo .exams p span,
.dayInfo .topics p span {
  font-size: 12px;
  color: #bebebe;
}

.dayInfo article img {
  float: left;
}

.dayInfo article div {
  margin-left: 80px;
  padding-left: 20px;
  font-size: 14px;
}

.dayInfo article div h4 {
  font-weight: bold;
  margin-bottom: 10px;
}

.dayInfo article div p {
  line-height: 1.2;
}

.dayInfo.day-constructor .step h3 {
  margin-bottom: 5px;
}

.dayInfo.day-constructor .step input {
  line-height: normal;
}

.dayInfo.day-constructor .content-search {
  width: 70%;
}

.dayInfo.day-constructor .content-search-selected {
  line-height: 23px;
}

.dayInfo.day-constructor .content-search-selected p {
  line-height: 17px;
  padding-bottom: 5px;
}

.dayInfo.day-constructor .content-search-result {
  min-height: 30px;
  max-height: 150px;
  min-width: 50%;
  max-width: 80%;
  white-space: nowrap;
  position: absolute;
  background-color: white;
  border: 1px solid #ececec;
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1;
}

.dayInfo.day-constructor .content-search-result li {
  height: 18px;
}

.dayInfo.day-constructor .content-search-result li a {
  display: block;
  height: 18px;
  line-height: 18px;
  padding-left: 3px;
  background-color: #fff;
  /*pointer-events: none;*/
}

.dayInfo.day-constructor .content-search-result li a.added span {
  padding: 0 3px;
  color: #333;
  font-size: 11px;
  position: absolute;
  right: 0px;
  background-color: inherit;
}

.dayInfo.day-constructor .content-search-result li a:hover,
.dayInfo.day-constructor .content-search-result li a a:focus {
  text-decoration: none;
}

.dayInfo.day-constructor .content-search-result li a:hover {
  background-color: #eee;
}

.dayInfo.day-constructor .articles p,
.dayInfo.day-constructor .cases p,
.dayInfo.day-constructor .exams p,
.dayInfo.day-constructor .topics p,
.dayInfo.day-constructor .videos p {
  width: 100%;
}

.dayInfo .pass-peak-item-notes-topic {
  margin-top: 0;
}

@media only screen and (max-width: 599px) {
  .dayInfo .pass-peak-dashboard-item__tracker {
    width: 60px;
  }
}

@media only screen and (max-width: 1023px) {
  .dayInfo .pass-peak-dashboard-item-place-holder {
    top: 10px;
  }
}

.studyPlanCalendarDetails {
  margin-bottom: 40px;
}

.studyPlanCalendarDetails > section,
.studyPlanCalendarDetails > header {
  display: table;
  width: 100%;
}

.studyPlanCalendarDetails .days,
.studyPlanCalendarDetails .exams,
.studyPlanCalendarDetails .speciality,
.studyPlanCalendarDetails .topics {
  display: table-cell;
  vertical-align: top;
}

.studyPlanCalendarDetails .speciality {
  width: 155px;
}

.studyPlanCalendarDetails .topics {
  width: 50px;
}

.studyPlanCalendarDetails .days {
  width: 50px;
}

.studyPlanCalendarDetails > header {
  padding: 5px 0;
  background: #c0c0c0;
}

.studyPlanCalendarDetails > header .exams {
  padding-left: 30px;
}

.studyPlanCalendarDetails > header span {
  padding: 0 5px;
  color: white;
  text-align: left;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}

.studyPlanCalendarDetails > section .days li,
.studyPlanCalendarDetails > section .exams li,
.studyPlanCalendarDetails > section .speciality li,
.studyPlanCalendarDetails > section .topics li {
  margin: 5px 0;
  line-height: 22px;
}

.studyPlanCalendarDetails > section .specialityList {
  padding-top: 5px;
}

.studyPlanCalendarDetails > section .specialityList li {
  padding-left: 11px;
  font-size: 16px;
}

.studyPlanCalendarDetails > section .days,
.studyPlanCalendarDetails > section .topics {
  padding: 5px;
  text-align: center;
  font-size: 16px;
  color: black;
}

.studyPlanCalendarDetails > section .exams .info {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin-left: 280px;
}

.studyPlanCalendarDetails > section .exams .info .bracket {
  position: absolute;
  width: 8px;
  height: 100%;
  overflow: hidden;
}

.studyPlanCalendarDetails > section .exams .info .bracket:after {
  content: '';
  position: absolute;
  left: -3px;
  height: 100%;
  width: 9px;
  box-sizing: border-box;
  border: solid 1px;
}

@media only screen and (max-width: 1023px) {
  .studyPlanCalendarDetails > section .exams .info .bracket:after {
    width: 100%;
    height: 5px;
    border: none;
    border-top: solid 1px;
  }
}

@media only screen and (max-width: 1023px) {
  .studyPlanCalendarDetails > section .exams .info .bracket {
    width: 100%;
    height: 5px;
    top: 3px;
  }
}

.studyPlanCalendarDetails > section .exams .info .questionsAndTime {
  position: absolute;
  top: 50%;
  width: 80px;
  height: 30px;
  margin-top: -15px;
  padding-left: 20px;
  color: #585858;
}

@media only screen and (max-width: 1023px) {
  .studyPlanCalendarDetails > section .exams .info .questionsAndTime {
    position: static;
    margin-top: 0px;
    padding-left: 0;
  }
}

@media only screen and (max-width: 1023px) {
  .studyPlanCalendarDetails > section .exams .info {
    position: static;
    height: auto;
    margin-left: 0;
    line-height: 1.2;
    padding-top: 10px;
    position: relative;
  }
}

.studyPlanCalendarDetails > section .exams .topicExams {
  /*li:last-of-type {
          padding-left: 23px;
        }*/
}

.studyPlanCalendarDetails > section .exams .topicExams .bracket:after {
  border-color: #c0c0c0;
}

.studyPlanCalendarDetails > section .exams .milestoneExams .bracket:after {
  border-color: #79c969;
}

.studyPlanCalendarDetails > section .exams .reconExams .bracket:after {
  border-color: #526a90;
}

.studyPlanCalendarDetails > section .exams .coreQuizExams .bracket:after {
  border-color: #F28D8D;
}

.studyPlanCalendarDetails > section .exams .examsList {
  position: relative;
  margin-bottom: 30px;
}

.studyPlanCalendarDetails > section .exams .examsList:last-of-type {
  margin-bottom: 0;
}

.studyPlanCalendarDetails > section .exams .examsList ul {
  width: 280px;
}

@media only screen and (max-width: 1023px) {
  .studyPlanCalendarDetails > section .exams .examsList ul {
    width: auto;
  }
}

@media only screen and (max-width: 599px) {
  .studyPlanCalendarDetails > section .exams .examsList ul {
    width: auto;
  }
}

.studyPlanCalendarDetails > section .exams .examsList li {
  margin: 0 0 10px;
}

.studyPlanCalendarDetails > section .exams .examsList li:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 599px) {
  .studyPlanCalendarDetails > section .exams .examsList li {
    line-height: 1.3;
  }
}

.studyPlanCalendarDetails > section .exams .examsList .specialityNumber {
  position: relative;
  top: -2px;
  left: -5px;
  line-height: 12px;
}

@media only screen and (max-width: 1023px) {
  .studyPlanCalendarDetails > section .exams .examsList .specialityNumber {
    left: 0;
    margin-right: 4px;
  }
}

.studyPlanCalendarDetails > section .exams .examsList .examItem {
  position: relative;
  top: -2px;
  left: -5px;
}

@media only screen and (max-width: 1023px) {
  .studyPlanCalendarDetails > section .exams .examsList .examItem {
    left: 0;
    margin-right: 4px;
  }
}

@media only screen and (max-width: 599px) {
  .studyPlanCalendarDetails > section .exams .examsList {
    margin-bottom: 30px;
  }
}

.studyPlanCalendarDetails .wrapper {
  margin-left: 30px;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 20px;
  background: #f9f9f9;
}

@media only screen and (max-width: 1023px) {
  .studyPlanCalendarDetails .wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 599px) {
  .studyPlanCalendarDetails .wrapper {
    margin-left: 0px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.cmeTracker header {
  background: #7da2dd;
  padding: 10px 0 10px 20px;
}

.cmeTracker header h3 {
  font-size: 16px;
  color: white;
}

.cmeTracker table {
  width: 100%;
}

.cmeTracker table td {
  vertical-align: middle;
  height: 51px;
}

.cmeTracker .examIcon,
.cmeTracker .examStatus {
  width: 40px;
  text-align: center;
}

.cmeTracker tr:last-of-type .circle:after {
  display: none;
}

.cmeTracker tr.wrong .icon-x {
  font-size: 10px;
  color: #dd5f5f;
}

.cmeTracker tr.wrong .circle {
  padding: 4px 7px;
}

.cmeTracker tr.wrong .passExamPercent {
  color: #f07070;
}

.cmeTracker .examStatus .circle {
  position: relative;
  display: inline-block;
  padding: 5px 4px 3px;
  border: 2px solid #a1a1a1;
  border-radius: 50%;
}

.cmeTracker .examStatus .circle .icon-check {
  font-size: 12px;
  color: #56aa59;
}

.cmeTracker .examStatus .circle:after {
  content: '';
  position: absolute;
  bottom: -26px;
  left: 50%;
  display: block;
  margin-left: -1px;
  height: 24px;
  width: 2px;
  background: #a1a1a1;
}

.cmeTracker .examName {
  padding-left: 15px;
}

.cmeTracker .examName h4 {
  padding-bottom: 2px;
  font-size: 16px;
  color: #404040;
}

.cmeTracker .examName p {
  font-size: 12px;
  color: #898989;
}

.cmeTracker .passExamPercent {
  width: 50px;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.cmeTracker .reviewLink {
  width: 70px;
  text-align: center;
}

.cmeTracker .reviewLink a {
  text-decoration: none;
  font-size: 14px;
  color: #7da2dd;
}

.cmeTracker .tryAgain {
  width: 130px;
}

.cmeTracker .tryAgain a {
  display: table-cell;
  width: 130px;
  height: 50px;
  padding: 0 10px;
  background: #79c969;
  color: white;
  vertical-align: middle;
  font-size: 16px;
  text-decoration: none;
}

.cmeTracker .tryAgain a i.icon {
  font-size: 26px;
  vertical-align: middle;
  padding-right: 10px;
}

.day-content-template {
  width: 100%;
  height: auto;
}

.study-plan-user-view:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/JobBank/images/loading.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 10;
}

.study-plan-user-view--loading:after {
  opacity: 0.7;
  visibility: visible;
}

.study-plan-user-view__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1023px) {
  .study-plan-user-view__filters {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.study-plan-user-view__level-name {
  padding-bottom: 10px;
  text-align: left;
  font-size: 14px;
}

.study-plan-user-view__peak {
  position: relative;
}

.study-plan-user-view__peak:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/JobBank/images/loading.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 10;
}

.study-plan-user-view__peak--loading:after {
  opacity: 0.7;
  visibility: visible;
}

@media only screen and (max-width: 1023px) {
  .study-plan-user-view__peak .km-progress-list-wraper {
    padding-right: 0;
  }
}

@media only screen and (max-width: 1023px) {
  .study-plan-user-view__peak .km-progress-list .pass-peak-item-label {
    font-size: 13px !important;
    margin-top: 15px;
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__peak .km-progress-list .pass-peak-item-label {
    font-size: 8px !important;
    margin-top: 8px;
  }
}

@media only screen and (max-width: 1023px) {
  .study-plan-user-view__peak .km-progress-list__item.selfProgressItem .radial .inset .percentage {
    width: 66px;
    font-size: 28px;
    top: 19px;
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__peak .km-progress-list__item.selfProgressItem .radial .inset .percentage {
    width: 36px;
    font-size: 15px;
    top: 11px;
  }
}

@media only screen and (max-width: 1023px) {
  .study-plan-user-view__peak .km-progress-list__item.selfProgressItem .radial .inset {
    width: 66px;
    height: 66px;
    margin-left: 5px;
    margin-top: 5px;
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__peak .km-progress-list__item.selfProgressItem .radial .inset {
    width: 38px;
    height: 38px;
    margin-left: 4px;
    margin-top: 4px;
  }
}

@media only screen and (max-width: 1023px) {
  .study-plan-user-view__peak .km-progress-list__item.selfProgressItem .radial .circle .mask .fill {
    width: 76px;
    height: 76px;
    clip: rect(0px, 40px, 76px, 0px);
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__peak .km-progress-list__item.selfProgressItem .radial .circle .mask .fill {
    width: 46px;
    height: 46px;
    clip: rect(0px, 23px, 46px, 0px);
  }
}

@media only screen and (max-width: 1023px) {
  .study-plan-user-view__peak .km-progress-list__item.selfProgressItem .radial .circle .mask {
    width: 76px;
    height: 76px;
    clip: rect(0px, 76px, 76px, 40px);
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__peak .km-progress-list__item.selfProgressItem .radial .circle .mask {
    width: 46px;
    height: 46px;
    clip: rect(0px, 46px, 46px, 23px);
  }
}

@media only screen and (max-width: 1023px) {
  .study-plan-user-view__peak .km-progress-list__item.selfProgressItem .radial {
    width: 76px;
    height: 76px;
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__peak .km-progress-list__item.selfProgressItem .radial {
    width: 46px;
    height: 46px;
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__peak .km-progress-list {
    padding: 10px 2px;
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__peak .progress-list__item {
    margin-left: 0;
    padding-left: 0;
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__peak .pass-peak-item-notes .pass-peak-item-notes-item {
    padding: 3px 4px;
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__peak .pass-peak-item-notes .pass-peak-item-notes-highlights {
    padding-left: 6px;
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__peak .pass-peak-item-notes .pass-peak-item-notes-notes {
    padding-right: 6px;
  }
}

.study-plan-user-view__controls {
  position: relative;
  padding-bottom: 15px;
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__controls {
    padding: 0 10px;
  }
}

.study-plan-user-view__control--left {
  float: left;
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__control--left {
    float: none;
    padding-bottom: 15px;
  }
}

.study-plan-user-view__control--right {
  float: right;
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__control--right {
    float: none;
  }
}

.study-plan-user-view__control--clear {
  position: relative;
  z-index: 1;
  clear: both;
  padding-top: 25px;
  padding-left: 15px;
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__control--clear {
    padding-top: 15px;
    padding-left: 0px;
  }
}

.study-plan-user-view__link-edit-order {
  color: #7DA2DC;
  transition: color 0.2s ease;
  font-size: 14px;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.study-plan-user-view__link-edit-order:hover {
  text-decoration: none;
  color: #5f7ba6;
}

.study-plan-user-view__link-edit-order--hidden {
  opacity: 0;
  visibility: hidden;
}

.study-plan-user-view__link-edit-order .icon {
  position: relative;
  top: -1px;
  vertical-align: middle;
  font-size: 16px;
}

.study-plan-user-view__label {
  padding: 11px 20px;
  font-size: 14px;
  transition: 0.2s;
  border-radius: 2px;
  cursor: pointer;
  color: #919191;
  position: relative;
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.study-plan-user-view__label:hover {
  color: #494949;
}

.study-plan-user-view__label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
  transition: 0.3s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #dedede;
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  .study-plan-user-view__label {
    padding: 11px 10px;
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__label {
    font-size: 12px;
  }
}

.study-plan-user-view__label--loading:before {
  -webkit-animation-name: loading;
  animation-name: loading;
}

.study-plan-user-view__label--finishing:before {
  background-color: transparent;
}

.study-plan-user-view__label--active {
  background-color: #f9f9f9;
  color: #919191;
}

.study-plan-user-view__label--active:hover {
  background-color: #f9f9f9;
  color: #919191;
}

.study-plan-user-view__label-icon {
  vertical-align: middle;
}

.study-plan-user-view__label-icon--calendar {
  position: relative;
  top: -1px;
  left: -4px;
}

.study-plan-user-view__label-icon--list {
  position: relative;
  left: -4px;
}

.study-plan-user-view__switch[type="radio"] {
  display: none;
}

.study-plan-user-view__level-filter {
  text-align: right;
}

@media only screen and (max-width: 599px) {
  .study-plan-user-view__level-filter {
    text-align: left;
    clear: both;
    padding-top: 5px;
  }
}

@media only screen and (max-width: 1023px) {
  .study-plan-user-view__level-filter + .study-plan-user-view__level-filter {
    margin-top: 20px;
  }
}

.speciality-dropdown {
  padding-left: 60px;
  padding-top: 8px;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .speciality-dropdown {
    padding-left: 50px;
  }
}

.speciality-dropdown:last-child .radial--total:after {
  content: none;
}

.speciality-dropdown__header {
  width: 100%;
  border: none;
  text-align: left;
  font-size: 16px;
  color: #ffffff;
  padding: 0;
  position: relative;
  transition: 0.3s;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__header {
    font-size: 13px;
  }
}

.speciality-dropdown__header:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: 0.3s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.speciality-dropdown__header:after {
  content: "\e90f";
  font-family: 'icomoon';
  font-size: 8px;
  color: #ffffff;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  transition: 0.3s;
  -webkit-transform-origin: 50% 35%;
  transform-origin: 50% 35%;
}

.speciality-dropdown__header:hover .speciality-dropdown__day:before {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.speciality-dropdown__header .icon:before {
  transition: 0.2s;
}

.speciality-dropdown__day {
  float: left;
  min-width: 150px;
  padding: 8px 5px;
  margin-right: 10px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1023px) {
  .speciality-dropdown__day {
    min-width: 130px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__day {
    min-width: 55px;
    padding: 4px 5px;
    font-size: 12px;
  }
}

.speciality-dropdown__day:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: 0.3s;
}

.speciality-dropdown__topic {
  padding: 8px 10px;
  position: relative;
  z-index: 1;
  transition: 0.2s;
}

@media only screen and (max-width: 1023px) {
  .speciality-dropdown__topic {
    font-size: 14px;
  }
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__topic {
    padding: 4px 10px;
    font-size: 12px;
  }
}

.speciality-dropdown__content {
  position: relative;
}

.speciality-dropdown__content:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #d2cbf6;
  top: 7px;
  left: -36px;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__content:before {
    left: -20px;
    top: 10px;
  }
}

.speciality-dropdown__info {
  position: absolute;
  top: 8px;
  right: 115px;
  color: #9c9c9c;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__info {
    position: static;
    display: inline-block;
  }
}

.speciality-dropdown__exams {
  position: absolute;
  top: 7px;
  right: 45px;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__exams {
    top: 20px;
    right: 40px;
  }
}

.speciality-dropdown__exam:first-of-type {
  margin-left: 10px;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__exam:first-of-type {
    margin-left: 0px;
  }
}

.speciality-dropdown__date {
  display: inline-block;
  min-width: 60px;
  text-align: left;
  padding-left: 6px;
  border-right: 1px solid #ffffff;
  margin-right: 10px;
}

@media only screen and (max-width: 1023px) {
  .speciality-dropdown__date {
    min-width: 50px;
  }
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__date {
    display: block;
    min-width: 30px;
    text-align: center;
    padding-right: 2px;
    border-right: none;
  }
}

.speciality-dropdown__date--hidden {
  display: none;
}

.speciality-dropdown__day-number {
  display: inline-block;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__day-number {
    display: block;
    margin-top: 2px;
    padding-left: 0;
    padding-top: 2px;
    border-left: none;
    border-top: 1px solid white;
    text-align: center;
  }
}

.speciality-dropdown__meeting {
  position: absolute;
  right: 220px;
  top: 8px;
  color: #005b9b;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__meeting {
    position: absolute;
    right: 40px;
  }
}

.speciality-dropdown__content-quantity {
  font-size: 16px;
  transition: 0.2s;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__content-quantity {
    font-size: 12px;
  }
}

.speciality-dropdown__content-quantity .icon {
  font-size: 12px;
  position: relative;
  top: -1px;
  left: 1px;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__content-quantity .icon {
    font-size: 10px;
  }
}

.speciality-dropdown__content-quantity + .speciality-dropdown__content-quantity {
  margin-left: 5px;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown__content-quantity + .speciality-dropdown__content-quantity {
    margin-left: 0;
  }
}

.speciality-dropdown__wrapper--open .speciality-dropdown__header:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.speciality-dropdown__wrapper--open .speciality-dropdown__header .icon:before {
  color: #ffffff;
}

.speciality-dropdown__wrapper--open .speciality-dropdown__content-quantity {
  color: #ffffff;
}

.speciality-dropdown__wrapper--open .speciality-dropdown__day:before {
  opacity: 0;
}

.speciality-dropdown__wrapper--open .speciality-dropdown__topic {
  color: #ffffff;
}

.speciality-dropdown--loading .speciality-dropdown__header:before {
  -webkit-animation-name: loading;
  animation-name: loading;
}

.speciality-dropdown--loading .speciality-dropdown__day:before {
  opacity: 0;
}

.speciality-dropdown .arrow {
  display: none;
}

.speciality-dropdown .radial--total {
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 9px;
  background-color: #d2cbf6;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown .radial--total {
    left: 0;
    top: 10px;
  }
}

.speciality-dropdown .radial--total:after {
  content: '';
  height: 10px;
  background-color: #d2cbf6;
  width: 1px;
  position: absolute;
  top: -9px;
  left: 16px;
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown .radial--total:after {
    left: 16px;
    top: -15px;
    height: 15px;
  }
}

.speciality-dropdown .studyCalendarPopup {
  margin: 0;
  float: none;
}

.speciality-dropdown .dayInfo {
  width: 90%;
}

@media only screen and (max-width: 1023px) {
  .speciality-dropdown .dayInfo {
    width: 100%;
  }
}

@media screen and (max-width: 760px) {
  .speciality-dropdown .dashboardItem-left {
    display: none;
  }
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown .specialityItem__content-quantity:last-of-type {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .speciality-dropdown {
    padding-left: 35px;
  }
}

.study-plan-list {
  padding-bottom: 30px;
}

.study-plan-list--without-date .speciality-dropdown__date {
  display: none;
}

.study-plan-list--without-date .speciality-dropdown__day {
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .study-plan-list--without-date .speciality-dropdown__day {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: none;
  }
}

@media only screen and (max-width: 599px) {
  .study-plan-list--without-date .speciality-dropdown__day-number {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: none;
  }
}

.study-plan-list__header {
  text-align: right;
}

.study-plan-list__control {
  border: none;
  background-color: transparent;
  font-size: 15px;
  transition: 0.2s;
  min-width: 100px;
  text-align: right;
  position: relative;
  padding: 0;
  cursor: pointer;
  outline: none;
}

.study-plan-list__control:after {
  content: 'Expand All';
}

.study-plan-list__control:before {
  content: 'Close All';
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
}

.study-plan-list__control:hover {
  color: #999999;
}

.study-plan-list__control--hide:before {
  opacity: 1;
  visibility: visible;
}

.study-plan-list__control--loading {
  color: #c4c4c4;
}

.study-plan-list__control--loading:hover {
  color: #c4c4c4;
}

.specialityGroupList--hidden .dayProgress,
.specialityGroupList--hidden .speciality-dropdown__header {
  display: none;
}

@-webkit-keyframes loading {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0.5;
  }

  70% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0.5;
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
}

@keyframes loading {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0.5;
  }

  70% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0.5;
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
}

.specialty-drag-list {
  padding-bottom: 25px;
}

.specialty-drag-list__content {
  min-height: 100px;
}

.specialty-drag-list__item {
  height: 40px;
  margin-bottom: 7px;
  cursor: move;
  transition: outline 0.1s ease;
  border-radius: 2px;
  line-height: 40px;
  font-size: 16px;
  outline: 2px dashed transparent;
  outline-offset: 1px;
}

.specialty-drag-list__item:hover {
  outline: 2px dashed #7DA2DC;
}

@media only screen and (max-width: 1023px) {
  .specialty-drag-list__item {
    font-size: 14px;
  }
}

@media only screen and (max-width: 599px) {
  .specialty-drag-list__item {
    font-size: 12px;
  }
}

.specialty-drag-list__item--daily .specialty-drag-list__startDay,
.specialty-drag-list__item--daily .specialty-drag-list__endDay {
  display: none;
}

.specialty-drag-list__item--daily .specialty-drag-list__name {
  width: 70%;
}

.specialty-drag-list__item-wrapper {
  position: relative;
}

.specialty-drag-list__name {
  position: relative;
  float: left;
  width: 40%;
  height: 100%;
  padding-left: 15px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 599px) {
  .specialty-drag-list__name {
    width: 30%;
  }
}

.specialty-drag-list__border {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
}

.specialty-drag-list__color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
}

.specialty-drag-list__topics {
  float: left;
  width: 15%;
  text-align: center;
}

.specialty-drag-list__days {
  float: left;
  width: 15%;
  text-align: center;
}

.specialty-drag-list__startDay {
  float: left;
  width: 15%;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .specialty-drag-list__startDay {
    width: 20%;
  }
}

.specialty-drag-list__endDay {
  float: left;
  width: 15%;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .specialty-drag-list__endDay {
    width: 20%;
  }
}

.specialty-drag-list__header {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}

@media only screen and (max-width: 1023px) {
  .specialty-drag-list__header {
    font-size: 14px;
  }
}

@media only screen and (max-width: 599px) {
  .specialty-drag-list__header {
    font-size: 12px;
  }
}

.specialty-drag-list__header--daily .specialty-drag-list__startDay,
.specialty-drag-list__header--daily .specialty-drag-list__endDay {
  display: none;
}

.specialty-drag-list__header--daily .specialty-drag-list__name {
  width: 70%;
}

.specialty-drag-list__submit[disabled].ortho-button {
  background-color: #838383;
}

.specialty-drag-list__submit[disabled].ortho-button:hover {
  background-color: #838383;
}

.specialty-drag-list__messages {
  position: relative;
  height: 80px;
}

.specialty-drag-list__message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  line-height: 32px;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.specialty-drag-list__message--visible {
  opacity: 1;
  visibility: visible;
}

.studyPlanCalendars {
  display: none;
}

.studyPlanCalendars--visible {
  display: block;
}

.studyPlanCalendarControl--hidden {
  display: none;
}

a.delete-image {
  margin-left: 20px;
}

a.delete-image:after {
  display: inline-block;
  color: red;
  font-size: 10px;
  font-family: 'icomoon';
  content: "\e915";
  padding-left: 8px;
}

.row .event-edit-ajax-result {
  margin-top: 20px;
}

.tabs-links button {
  background-color: #fff;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 10px;
  text-transform: uppercase;
}

.tabs-links button.active,
.tabs-links button:hover {
  background-color: #5a7aaf;
  color: #fff;
}

.info-message {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  visibility: hidden;
}

.info-message .info-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin-right: 10px;
  width: 30px;
}

.info-message .info-label span {
  color: #fff;
  font-size: 12px;
  margin: auto;
}

.info-message .info-result {
  font-size: 13px;
}

.info-message .info-label.success {
  background-color: #79c969;
}

.info-message .info-label.failure {
  background-color: #8e0000;
}

.info-message.success {
  background-color: rgba(121, 201, 105, 0.1);
  color: #479537;
}

.info-message.failure {
  background-color: rgba(198, 40, 40, 0.1);
  color: #8e0000;
}

.event-connection-info-message {
  padding: 0;
}

#ActiveTab {
  border: none;
  color: #fff;
  height: 0;
  padding: 0;
  position: absolute;
}

.testNavigation {
  margin-bottom: 40px;
}

.testNavigation ul:after {
  content: '';
  display: block;
  clear: both;
}

.testNavigation li {
  position: relative;
  width: 20%;
  height: 70px;
  padding: 10px 0;
  font-size: 12px;
}

.testNavigation li a {
  text-decoration: none;
}

.testNavigation li p {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
}

.testNavigation li.correctPercent {
  background: #99da8a;
  color: white;
}

.testNavigation li.correctPercent span {
  font-size: 30px;
}

.testNavigation li.pgyRank {
  background: #88a9df;
  color: white;
}

.testNavigation li.pgyRank span {
  font-size: 30px;
}

.testNavigation li.pgyRank span.rank-pending-examreview {
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 10px;
  display: inline-block;
}

.testNavigation li.review p {
  color: #88a9df;
  font-size: 16px;
}

.testNavigation li.presentation a {
  color: #88a9df;
}

.testNavigation li.presentation i.icon {
  font-size: 25px;
}

.testNavigation li.presentation p {
  font-size: 16px;
}

.testNavigation li.tryAgain a {
  color: #99da8a;
}

.testNavigation li.tryAgain i.icon {
  font-size: 25px;
}

.testNavigation li.tryAgain p {
  font-size: 16px;
}

.testNavigation li.delete a {
  color: #909090;
}

.testNavigation li.delete i.icon {
  font-size: 25px;
}

.testNavigation li.delete p {
  font-size: 16px;
}

@media only screen and (max-width: 599px) {
  .testNavigation {
    padding: 0 5px;
    box-sizing: border-box;
  }

  .testNavigation li {
    width: 25%;
  }
}

.testGraphs header:after {
  content: '';
  display: block;
  clear: both;
}

.testGraphs h3 {
  float: left;
}

#testChart {
  min-height: 250px;
  position: relative;
}

#testChart .legend {
  text-align: center;
  position: relative;
  bottom: 0;
}

.testresult-tooltip {
  position: absolute;
  z-index: 20;
  font-size: 15px;
  background-color: white;
  line-height: 20px;
  padding: 0 12px;
  color: #4472c4;
  border: 1px solid #4472c4;
}

.google-chart {
  width: 100%;
  max-width: 720px;
}

@media only screen and (max-width: 740px) {
  .google-chart {
    max-width: 480px;
  }
}

.section-legend {
  float: right;
}

.legend {
  position: absolute;
  right: 25px;
  bottom: 20px;
}

.legend li {
  display: inline-block;
  color: #868686;
  font-size: 12px;
  margin-right: 10px;
}

.legend li i {
  width: 10px;
  height: 10px;
  display: inline-block;
}

.legend li i.correct {
  background: #99da8a;
}

.legend li i.incorrect {
  background: #eeeef1;
}

.questionGrid .sort ul {
  display: inline-block;
}

.questionGrid .sort ul:after {
  content: '';
  display: block;
  clear: both;
}

.questionGrid .sort ul li {
  float: left;
  width: 80px;
  background: #f3f3f3;
}

.questionGrid .sort ul li.active {
  background: #7da2dc;
}

.questionGrid .sort ul li.active a {
  color: white;
}

.questionGrid header {
  margin-bottom: 10px;
}

.questionGrid header:after {
  content: '';
  display: block;
  clear: both;
}

.questionGrid header h3 {
  float: left;
  padding: 10px 0;
  font-size: 13px;
}

.questionGrid header .sort {
  float: right;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}

.questionGrid header .sort span {
  display: inline-block;
  padding: 10px 10px 0;
  color: #a7a7a7;
  vertical-align: top;
}

.questionGrid header .sort li {
  padding: 10px 0;
}

.questionGrid header .sort li a {
  color: #868686;
  text-decoration: none;
}

.questionGrid table {
  width: 100%;
}

@media only screen and (max-width: 599px) {
  .questionGrid table {
    table-layout: fixed;
  }

  .questionGrid table .question-number {
    width: 30px;
  }

  .questionGrid table .question-id {
    width: 90px;
  }

  .questionGrid table .topic,
  .questionGrid table .specialty {
    display: none;
  }
}

.questionGrid table th {
  font-size: 13px;
  background: #f9f9f9;
}

.questionGrid table th.header {
  cursor: pointer;
}

.questionGrid table th:first-of-type {
  border-top-left-radius: 5px;
}

.questionGrid table th:last-of-type {
  border-top-right-radius: 5px;
}

.questionGrid table .headerSortUp:after,
.questionGrid table .headerSortDown:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 3px;
  margin-top: 5px;
  border-style: solid;
}

.questionGrid table .headerSortDown:after {
  border-width: 4px 3.5px 0 3.5px;
  border-color: #6a6a6a transparent transparent transparent;
}

.questionGrid table .headerSortUp:after {
  border-width: 0 3.5px 4px 3.5px;
  border-color: transparent transparent #6a6a6a transparent;
}

.questionGrid table th {
  position: relative;
}

.questionGrid table th,
.questionGrid table td {
  padding: 5px 0;
  vertical-align: middle;
  color: #5c5c5c;
  border-bottom: solid 1px #eaeaea;
}

.questionGrid table tr.locked .question {
  position: relative;
}

.questionGrid table tr.locked .question i.icon {
  font-size: 17px;
  color: #909090;
}

.questionGrid table tr.locked .question:hover {
  background: #edf3fd;
}

.questionGrid table tr.locked .question a {
  color: #83868c;
}

.questionGrid table tr.locked .question:after {
  position: relative;
  bottom: -3px;
}

.questionGrid table tr.locked td {
  background: #edf3fd;
}

.questionGrid table .number {
  width: 70px;
  font-size: 20px;
  text-align: center;
  border-right: solid 1px #f3f3f3;
  background: #f9f9f9;
}

.questionGrid table .question {
  width: 160px;
  padding: 0;
  text-align: center;
  border-right: solid 1px #f3f3f3;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 14px;
}

.questionGrid table .question .question-arrow {
  display: inline-block;
}

.questionGrid table .question .question-arrow:after {
  content: '';
  float: right;
  margin-right: 10px;
  margin-top: 15px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 6px;
  border-color: transparent transparent transparent #bdbdbd;
}

.questionGrid table .question:hover {
  background: #f3f3f3;
}

.questionGrid table .question:hover a {
  color: #83868c;
}

.questionGrid table .question a {
  display: block;
  margin-left: 0;
  line-height: 40px;
  text-decoration: none;
  color: #6396e6;
}

.questionGrid table .passed {
  width: 70px;
  text-align: center;
}

.questionGrid table .passed i.icon-x {
  font-size: 11px;
  color: #cd5b5e;
}

.questionGrid table .passed i.icon-check {
  font-size: 13px;
  color: #56aa59;
}

.questionGrid table .correct {
  width: 40px;
  color: #56aa59;
  font-size: 16px;
  text-align: center;
}

.questionGrid table .selected {
  width: 70px;
  color: #dd5f5f;
  font-size: 16px;
  text-align: center;
}

.questionGrid table .specialty {
  width: 80px;
}

.questionGrid table .specialty,
.questionGrid table .topic {
  font-size: 13px;
  text-align: left;
}

.questionGrid table .tag {
  width: 40px;
  text-align: left;
  vertical-align: middle;
}

.qbankTest {
  /*.tagquestion {
      cursor: pointer;
      float: left;

      height: 41px;
      line-height: 41px;

      padding: 0 10px;

      &.unchecked {
        i.icon {
          background: transparent;
          border: 1px solid #c0c0c0;

          &:before {
            content: '';
          }
        }
      }

      i.icon {
        box-sizing: border-box;

        width: 24px;
        height: 24px;

        font-size: 12px;
        border-radius: 50%;

        vertical-align: middle;

        background: #14b287;
        color: white;

        &:before {
          padding-top: 7px;
          display: inline-block;
        }
      }
    }*/
}

.qbankTest__level-label {
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  font-size: 16px;
  padding: 7px 8px;
  cursor: default;
}

@media only screen and (max-width: 599px) {
  .qbankTest__level-label {
    padding: 7px 0px;
  }
}

.qbankTest__level-label:after {
  padding: 7px 2px;
}

.qbankTest__level-label--visible {
  opacity: 1;
  visibility: visible;
}

.qbankTest.topicquestion.simplemodal-data .question-popup-self-mastery {
  display: block !important;
  height: 40px;
  margin-right: 10px;
}

.qbankTest .nav {
  overflow: hidden;
  display: inline-block;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .qbankTest .nav {
    width: 100%;
  }
}

.qbankTest .nav.top {
  display: block;
}

.qbankTest .nav.top.has-timer {
  position: relative;
  top: -58px;
}

.qbankTest .nav.bottom {
  display: block;
  margin-top: 40px;
}

.qbankTest .nav li {
  position: relative;
  display: inline-block;
  background: #edf3fd;
  transition: background 0.2s ease;
}

.qbankTest .nav li.disabled {
  background: #f7f7f5;
}

.qbankTest .nav li.disabled a {
  color: white;
}

.qbankTest .nav li a {
  display: block;
  width: 70px;
  padding: 9px 14px 9px 18px;
  font-size: 16px;
  line-height: 23px;
  text-decoration: none;
  color: #8195b8;
}

.qbankTest .nav li.disabled a {
  cursor: default;
}

.qbankTest .nav li.previous {
  text-align: right;
}

.qbankTest .nav li.previous i {
  left: 8px;
}

@media only screen and (max-width: 1023px) {
  .qbankTest .nav li.previous i {
    left: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .qbankTest .nav li.previous i {
    left: 8px;
  }
}

.qbankTest .nav li.next {
  text-align: left;
}

.qbankTest .nav li.next i {
  right: 8px;
}

@media only screen and (max-width: 1023px) {
  .qbankTest .nav li.next i {
    right: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .qbankTest .nav li.next i {
    right: 8px;
  }
}

.qbankTest .nav li i.icon {
  position: absolute;
  font-size: 24px;
}

.qbankTest .backToTestScore {
  float: right;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  position: relative;
  top: -41px;
}

.qbankTest .backToTestScore a {
  width: 150px;
  padding: 9px 20px;
  background: #7da2dc;
  color: #FFF;
  font-size: 16px;
  text-decoration: inherit;
  display: inline-block;
}

.qbankTest .backToTestScore a:hover {
  background: #5f7ba7;
}

.qbankTest .tools {
  height: 54px;
  border-bottom: 1px solid #f7f7f5;
  margin-bottom: 20px;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 599px) {
  .qbankTest .tools {
    text-align: left;
    height: auto;
  }
}

.qbankTest .tools:after {
  content: '';
  display: block;
  clear: right;
}

.qbankTest .tools .questionSelect {
  z-index: 10;
  position: absolute;
  left: 0;
  width: 110px;
  border-right: 1px solid #f7f7f5;
}

.qbankTest .questionSelect.dropdown-wrapper.opened,
.qbankTest .questionSelect.dropdown-wrapper:hover {
  background: #fafafa;
}

.qbankTest .questionSelect .dropdown-btn {
  cursor: pointer;
  line-height: 25px;
}

.qbankTest .questionSelect .dropdown-inner {
  display: none;
  max-height: 210px;
  width: 100%;
  margin-top: 0;
  background: #fafafa;
  overflow-y: scroll;
  border-width: 0;
  border-top: 1px solid #efefef;
  border-radius: 0;
}

.qbankTest .questionSelect .dropdown-inner.visible {
  display: block;
}

.qbankTest .questionSelect .dropdown-inner li {
  display: block;
  padding: 5px;
  padding-left: 10px;
  cursor: pointer;
  color: #666666;
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}

.qbankTest .questionSelect .dropdown-inner li:hover,
.qbankTest .questionSelect .dropdown-inner li.current {
  background: #edf3fd;
}

@media only screen and (max-width: 599px) {
  .qbankTest .questionSelect {
    position: relative;
  }
}

.qbankTest .questionSelect h5 {
  line-height: 27px;
  font-size: 13px;
  color: #999999;
  font-weight: normal;
  cursor: pointer;
}

@media only screen and (max-width: 1023px) {
  .qbankTest .questionSelect h5 {
    font-size: 12px;
  }
}

.qbankTest .questionSelect h5:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 10px;
  margin-top: 32px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #898989 transparent transparent transparent;
}

@media only screen and (max-width: 599px) {
  .qbankTest .questionSelect h5:after {
    right: 20px;
  }
}

.qbankTest .questionSelect .currentQuestion {
  color: #666666;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

.qbankTest .questionSelect .totalQuestions {
  color: #999999;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

.qbankTest .timer {
  float: left;
  padding: 0 10px 10px 10px;
  margin-bottom: 1px;
}

@media only screen and (max-width: 1023px) {
  .qbankTest .timer {
    padding: 0 6px 10px 6px;
  }
}

.qbankTest .timer h5 {
  line-height: 27px;
  font-size: 13px;
  font-weight: normal;
  color: #999;
}

@media only screen and (max-width: 1023px) {
  .qbankTest .timer h5 {
    font-size: 12px;
  }
}

.qbankTest .timer div {
  margin-top: 2px;
  color: #666666;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
}

@media only screen and (max-width: 1023px) {
  .qbankTest .timer div {
    font-size: 16px;
  }
}

.qbankTest .rightBar {
  position: absolute;
  right: 0;
  top: 0;
}

.qbankTest .rightBar .selfProgressItem {
  padding: 5px 0 0 15px;
}

.qbankTest .reviewAndSubmit {
  display: inline-block;
  padding: 9px 15px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  vertical-align: middle;
  color: white;
  background: #7da2dd;
  font-size: 16px;
  text-decoration: none;
}

.qbankTest .reviewAndSubmit:hover {
  background: #5f7ba7;
}

@media only screen and (max-width: 1023px) {
  .qbankTest .reviewAndSubmit {
    font-size: 14px;
    padding: 9px 7px;
  }
}

@media only screen and (max-width: 599px) {
  .qbankTest .reviewAndSubmit {
    font-size: 12px;
    padding: 9px 4px;
  }
}

.qbankTest .testTools {
  display: table;
  width: 100%;
  height: 54px;
  border-bottom: 1px solid #f7f7f5;
  margin-bottom: 20px;
}

.qbankTest .testTools__icon-flask {
  position: relative;
  top: 2px;
}

.qbankTest .testTools__icon-calculator {
  position: relative;
  top: 1px;
}

.qbankTest .testTools__modal-btn {
  width: 40px;
  height: 40px;
  margin-left: 2px;
  background-color: #F9F9F9;
  color: #d3d3d3;
  border: none;
  transition: color 0.2s ease, background-color 0.2s ease;
  font-size: 20px;
  vertical-align: middle;
  cursor: pointer;
}

.qbankTest .testTools__modal-btn:hover,
.qbankTest .testTools__modal-btn--active {
  background-color: #7DA2DC;
  color: #F9F9F9;
}

.qbankTest .testTools__modal-btn:focus {
  outline: none;
}

.qbankTest .testTools__modal-btn::-moz-focus-inner {
  border: none;
}

@media only screen and (max-width: 1023px) {
  .qbankTest .testTools__modal-btn {
    width: 35px;
  }
}

@media only screen and (max-width: 599px) {
  .qbankTest .testTools__modal-btn {
    margin-left: 0px;
  }
}

.qbankTest .testTools__lab-modal {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
}

.qbankTest .testTools__lab-modal--show {
  opacity: 1;
  visibility: visible;
}

.qbankTest .testTools__settings {
  position: relative;
}

.qbankTest .testTools__all-settings {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #6989bd;
  font-size: 15px;
}

.qbankTest .testTools-questions {
  position: relative;
  display: table-cell;
  width: 90px;
  border-right: 1px solid #f7f7f5;
  vertical-align: middle;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .qbankTest .testTools-questions {
    float: left;
    width: 33%;
  }
}

@media only screen and (max-width: 599px) {
  .qbankTest .testTools-questions--timer {
    margin-right: 66%;
  }
}

.qbankTest .testTools-questions .dropdown-inner {
  position: absolute;
  z-index: 1;
}

.qbankTest .testTools-options {
  position: relative;
  display: table-cell;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .qbankTest .testTools-options {
    display: inline-block;
    vertical-align: middle;
  }
}

.qbankTest .testTools-options:hover {
  background-color: #FAFAFA;
}

.qbankTest .testTools-controls {
  text-align: center;
}

.qbankTest .testTools-controls.nav.top {
  display: table-cell;
  vertical-align: middle;
  top: auto;
}

@media only screen and (max-width: 1023px) {
  .qbankTest .testTools-controls .prevquestion,
  .qbankTest .testTools-controls .nextquestion {
    font-size: 0;
    width: 40px;
    padding: 9px 0;
  }
}

@media only screen and (max-width: 599px) {
  .qbankTest .testTools-controls .prevquestion,
  .qbankTest .testTools-controls .nextquestion {
    width: 30px;
  }
}

.qbankTest .testTools-timer {
  display: table-cell;
  vertical-align: middle;
  float: none;
  width: 90px;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .qbankTest .testTools-timer {
    float: left;
    width: 70px;
  }
}

@media only screen and (max-width: 599px) {
  .qbankTest .testTools-timer {
    width: 33%;
    box-sizing: border-box;
  }
}

.qbankTest .testTools-timer--first {
  border-right: 1px solid #f7f7f5;
}

.qbankTest .testTools-backBtn {
  display: table-cell;
  vertical-align: middle;
  width: 235px;
  float: none;
  top: 0;
  text-align: left;
}

.qbankTest .testTools-backBtn a {
  text-align: center;
}

.qbankTest .testTools-backBtn .selfProgressItem {
  position: absolute;
  margin: 2px 10px;
}

.qbankTest .testTools-reviewBtn {
  display: table-cell;
  width: 270px;
  vertical-align: middle;
  text-align: right;
}

@media only screen and (max-width: 1023px) {
  .qbankTest .testTools-reviewBtn {
    width: 230px;
  }
}

@media only screen and (max-width: 599px) {
  .qbankTest .testTools-reviewBtn {
    width: 200px;
    float: right;
    padding-top: 10px;
  }
}

.qbankTest .testTools-reviewBtn--tracker {
  width: 300px;
}

@media only screen and (max-width: 599px) {
  .qbankTest .testTools-reviewBtn--tracker {
    width: 230px;
  }
}

.qbankTest .testTools-reviewBtn--without-review-btn {
  width: 100px;
}

@media only screen and (max-width: 599px) {
  .qbankTest .testTools {
    display: block;
    height: auto;
    padding: 0 10px;
    box-sizing: border-box;
    border-bottom: 0;
    margin-bottom: 10px;
  }

  .qbankTest .testTools-controls.nav.top {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .qbankTest .testTools-controls.nav.top.has-timer {
    padding: 10px 0;
    float: none;
    top: 0;
    width: 65px;
    text-align: left;
  }

  .qbankTest .testTools-backBtn,
  .qbankTest .testTools-reviewBtn {
    overflow: hidden;
    text-align: right;
  }

  .qbankTest .testTools-reviewBtn .reviewAndSubmit {
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  .qbankTest .testTools-reviewBtn .selfProgressItem {
    display: inline-block !important;
    float: none;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: -7px;
  }
}

.qbankTest h1 .tagquestion {
  font-size: 12px;
  font-weight: normal;
  float: right;
  line-height: normal;
  text-align: center;
}

.qbankTest .question {
  font: 16px / 1.3 "Arial", "Helvetica-Neue", "Helvetica", sans-serif;
}

.qbankTest .question .text {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 25px;
  text-align: justify;
}

.qbankTest .question .testID {
  padding-top: 5px;
  font-size: 14px;
  color: #c0c0c0;
}

.qbankTest .question .testID span {
  padding-left: 5px;
}

.qbankTest .question .review-topic-link {
  text-decoration: none;
}

.qbankTest .question .review-topic-link:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 599px) {
  .qbankTest .question {
    padding: 0 5px;
  }
}

.qbankTest .figures {
  margin-bottom: 20px;
  font-size: 14px;
  color: #333333;
}

.qbankTest .figures ul {
  display: inline-block;
  padding-left: 15px;
}

.qbankTest .figures li {
  display: inline-block;
  padding-right: 20px;
}

.qbankTest .figures i.icon {
  font-size: 15px;
  color: #c0c0c0;
}

.qbankTest .illustrations {
  font-size: 14px;
  color: #333333;
}

.qbankTest .illustrations i.icon {
  font-size: 15px;
  color: #c0c0c0;
}

.qbankTest .answers:not(.showPreferred) .answerItem .bar {
  width: 0% !important;
}

.qbankTest .answers.showPreferred .answerItem.selected:not(.right) .answerText {
  color: #f07070;
}

.qbankTest .answers.showPreferred .answerItem.selected:not(.right) .bar {
  background: #f07070;
}

.qbankTest .answers.showPreferred .right .answerText {
  color: #56aa59;
}

.qbankTest .answers.showPreferred .right .bar {
  background: #14b287 !important;
}

.qbankTest .answers.showPreferred .answerItem .preferred {
  max-height: 100px;
  transition: max-height 0.5s ease-out;
}

.qbankTest .answers .answerItem {
  min-height: 29px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.qbankTest .answers .answerItem.line-through .answerText {
  text-decoration: line-through;
}

.qbankTest .answers .answerItem.right {
  float: none;
}

.qbankTest .answers .answerItem.selected {
  background: #e0eafa;
}

.qbankTest .answers .answerItem.selected .answerNumber {
  color: white;
  background: #6b98df;
  border-color: #6b98df;
}

.qbankTest .answers .answerItem.selected .progress {
  background: white;
}

.qbankTest .answers .answerItem .answerNumber {
  display: block;
  float: left;
  font-size: 16px;
  border: 1px solid #9f9f9f;
  color: #6e6e6e;
  border-radius: 50%;
  font-style: normal;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
  .qbankTest .answers .answerItem .answerNumber {
    display: block;
    float: left;
  }
}

.qbankTest .answers .answerItem .answerDescription {
  display: block;
  padding-left: 10px;
  margin-left: 30px;
  padding-top: 4px;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4;
}

@media only screen and (max-width: 599px) {
  .qbankTest .answers .answerItem .answerDescription {
    display: block;
    padding-top: 5px;
    margin-left: 25px;
    line-height: 1.5;
  }
}

.qbankTest .answers .answerItem .answerText {
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
}

.qbankTest .answers .answerItem .preferred {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.qbankTest .answers .answerItem .progress {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  width: 280px;
  height: 13px;
  background: #f3f3f3;
}

@media only screen and (max-width: 599px) {
  .qbankTest .answers .answerItem .progress {
    width: 80%;
  }
}

.qbankTest .answers .answerItem .progress .bar {
  transition: width .5s;
  position: absolute;
  left: 0;
  height: 13px;
  background: #c0c0c0;
}

.qbankTest .answers .answerItem .percent {
  display: inline-block;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
}

.qbankTest .answers .answerItem .number {
  display: inline-block;
  color: #999999;
  font-family: 'Open Sans', sans-serif;
}

.qbankTest .preferredResponse {
  margin-top: 15px;
}

.qbankTest .preferredResponse.active .preferredTitle {
  display: none;
}

.qbankTest .preferredResponse.active .collapseBtn {
  display: inline-block;
}

.qbankTest .preferredResponse p.preferredTitle {
  height: 36px;
  font-size: 14px;
  color: #ccc;
}

.qbankTest .preferredResponse .collapseBtn {
  display: none;
  height: 34px;
  padding: 0 12px;
  text-decoration: none;
  line-height: 34px;
  font-size: 14px;
  color: #708ebf;
  background: #f9f9f9;
  margin-bottom: 10px;
}

.qbankTest .preferredResponse .collapseBtn span {
  display: none;
  font-size: 18px;
  padding: 0 5px;
}

.qbankTest .preferredResponse .collapseBtn.collapsed span {
  display: inline-block;
}

.qbankTest .preferredResponse .collapseBtn:after {
  position: relative;
  top: -2px;
}

.qbankTest .preferredResponse .collapse {
  padding-left: 5px;
}

.qbankTest .preferredResponse .text {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 20px;
}

.qbankTest .preferredResponse .text ul {
  margin-top: 5px;
}

.qbankTest .preferredResponse .text li {
  padding-bottom: 5px;
}

.qbankTest .preferredResponse .text p {
  margin-bottom: 20px;
}

.qbankTest .preferredResponse .illustrations {
  margin-bottom: 15px;
  font-size: 14px;
}

.qbankTest .preferredResponse .illustrations ul {
  display: inline-block;
  margin-left: 10px;
}

@media only screen and (max-width: 599px) {
  .qbankTest .preferredResponse .illustrations ul {
    display: block;
    margin-top: 10px;
    margin-left: 0;
  }
}

.qbankTest .preferredResponse .illustrations li {
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}

.qbankTest .preferredResponse .illustrations li span {
  vertical-align: top;
  padding-right: 5px;
}

.qbankTest .preferredResponse .illustrations li img {
  width: 55px;
}

.qbankTest .preferredResponse .references span {
  margin-bottom: 16px;
}

.qbankTest .preferredResponse .references ul {
  display: inline-block;
  padding-left: 5px;
}

.qbankTest .preferredResponse .references li {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: #4335b1;
}

.qbankTest .preferredResponse .references li a {
  font-size: 14px;
  color: white;
  text-decoration: none;
}

.qbankTest .preferredResponse .authors {
  margin-bottom: 20px;
  font-size: 16px;
}

.qbankTest .preferredResponse .authors ul {
  display: inline-block;
}

@media only screen and (max-width: 599px) {
  .qbankTest .preferredResponse .authors ul {
    padding-top: 5px;
    padding-left: 0px;
  }
}

.qbankTest .preferredResponse .authors li {
  display: inline-block;
}

.qbankTest .preferredResponse .authors li a {
  font-size: 16px;
  color: #7da2dd;
  text-decoration: none;
}

.qbankTest .preferredResponse .rating {
  height: 40px;
  line-height: 36px;
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
}

.qbankTest .preferredResponse .rating ul {
  line-height: 42px;
  display: inline-block;
}

.qbankTest .preferredResponse .rating li {
  display: inline-block;
  color: #c0c0c0;
}

.qbankTest .preferredResponse .rating span {
  line-height: 42px;
  font-size: 24px;
  color: #666666;
  padding: 0 7px;
}

.qbankTest .preferredResponse .rating a {
  line-height: 42px;
  color: #666;
  font-size: 13px;
}

.qbankTest__complete .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 10px 0;
}

.qbankTest__complete .questionGrid h3 {
  padding: 10px 0;
  font-size: 13px;
  text-transform: uppercase;
}

.qbankTest__complete .questionGrid .answer,
.qbankTest__complete .questionGrid .review {
  text-align: center;
  font-size: 16px;
}

.qbankTest__complete .questionGrid .answer span,
.qbankTest__complete .questionGrid .review span {
  font-size: 12px;
}

.qbankTest__complete .questionGrid .answer a,
.qbankTest__complete .questionGrid .review a {
  font-size: 16px;
}

.qbankTest__complete .questionGrid .tag {
  text-align: center;
  vertical-align: middle;
  padding: 9px 0;
}

@media only screen and (max-width: 599px) {
  .topicPage .qbankTest .testTools-questions--timer {
    margin-right: 0;
  }
}

.topicPage .qbankTest .testTools-reviewBtn--without-review-btn {
  width: 130px;
}

@media only screen and (max-width: 599px) {
  .topicPage .qbankTest .testTools-reviewBtn--without-review-btn {
    width: 115px;
  }
}

header.testTitle {
  padding-top: 16px;
  margin-bottom: 28px;
  padding-left: 5px;
}

header.testTitle h1 {
  font-size: 24px;
  line-height: 1.1;
}

header.testTitle .testCode {
  color: #999;
  font-size: 11px;
}

.topicPage > header .authors {
  padding-left: 11px;
}

.topicNavigation {
  position: absolute;
  right: 0;
  font-size: 0;
}

.topicNavigation a {
  display: inline-block;
  height: 32px;
  width: 32px;
  line-height: 34px;
  text-align: center;
  color: white;
  background: #3e6198;
  cursor: pointer;
  margin-right: 1px;
}

.topicNavigation .section-control i {
  position: relative;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.topicNavigation .section-control i:after {
  font-family: 'icomoon';
  content: "\e934";
  font-size: 7px;
  color: #fff;
  transition: all 0.3s ease-out;
}

.topicNavigation .section-control.collapsed i {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  top: -2px;
  padding-bottom: 5px;
}

.stickMenu .noteControl {
  position: fixed;
  top: 32px;
}

@media only screen and (min-width: 600px) {
  .stickMenu .noteControl {
    transition: top 0.3s ease-out;
  }
}

.stickMenu.full .noteControl {
  top: 76px;
  transition: top 0.3s ease-out;
}

.topicProgressSection {
  float: right;
}

@media only screen and (max-width: 599px) {
  .topicHeader__title {
    overflow: hidden;
    margin: 0;
  }

  nav.topicHeader__nav {
    text-align: right;
    margin: 0;
  }

  .topicHeader__progress {
    padding: 0;
  }
}

.topicImages {
  padding-bottom: 5px;
  overflow: hidden;
  position: relative;
}

.topicImages .slider {
  height: 170px;
}

.topicImages .slider-finite {
  height: 170px;
}

.topicImages img {
  height: 170px;
  width: auto !important;
}

.stepItem li.tg-bullet.green {
  background: #99da8a;
  color: white !important;
}

.stepItem li.tg-bullet.grey {
  background: #c0c0c0;
  color: white !important;
}

.stepItem li.tg-bullet.blue {
  background: #b8d0f8;
  color: white !important;
}

.stepItem li.tg-bullet.yellow {
  background: #ccdb7f;
  color: white !important;
}

.stepItem li.tg-bullet.red {
  background: #f9a7b5;
  color: white !important;
}

.topicText article {
  padding: 10px 0;
  /*table {
      width: 95%;
      margin: 0 auto;

      th, td {
        padding: 5px 9px;
        color: #333;
        line-height: 1.2;
      }
      td {
        border: 1px solid #f3f3f3;
        font-size: 14px;

        .icon {
          margin-right: 10px;
        }

        &:first-of-type {
          border-left: none;
          color: #1b56b2;
        }
        &:last-of-type {
          width: 80px;
          border-right: none;
        }
      }
      thead th {
        text-align: center;
        background: #dfeafb;
        font-size: 14px;
        font-weight: bold;
      }
    }*/
}

.topicText article .radial {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  margin-right: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  width: 30px;
  height: 30px;
}

.topicText article .radial .fill {
  background-color: #14b287;
}

.topicText article .radial .inset {
  background-color: white;
}

.topicText article .radial .percentage {
  color: #14b287;
}

.topicText article .radial .circle .mask,
.topicText article .radial .circle .fill {
  width: 30px;
  height: 30px;
  position: absolute;
}

.topicText article .radial .circle .mask {
  clip: rect(0px, 30px, 30px, 15px);
}

.topicText article .radial .circle .mask .fill {
  clip: rect(0px, 15px, 30px, 0px);
}

.topicText article .radial .inset {
  width: 26px;
  height: 26px;
  margin-left: 2px;
  margin-top: 2px;
}

.topicText article .radial .inset .percentage {
  width: 24px;
  top: 8px;
  left: 1px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  font-size: 10px;
}

.topicText article .noteWrapper {
  position: relative;
}

.topicText article > ul {
  padding-left: 15px;
  margin-left: 15px;
}

.topicText article > ul li {
  list-style: disc;
}

.topicText article > ul li > ul {
  padding-left: 15px;
}

@media only screen and (max-width: 599px) {
  .topicText article > ul li > ul {
    padding-left: 10px;
  }
}

.topicText article > ul li li {
  list-style: circle;
}

.topicText article li .trigger {
  position: absolute;
  right: -3px;
  height: 100%;
  width: 6px;
  cursor: pointer;
}

.topicText article li.percent0 {
  position: relative;
  border-right: 5px solid transparent;
}

.topicText article li.percent20 {
  position: relative;
  border-right: 5px solid #d9f8e7;
}

.topicText article li.percent40 {
  position: relative;
  border-right: 5px solid #9fedc4;
}

.topicText article li.percent60 {
  position: relative;
  border-right: 5px solid #64db9d;
}

.topicText article li.percent80 {
  position: relative;
  border-right: 5px solid #14b287;
}

.topicText article li.percent100 {
  position: relative;
  border-right: 5px solid #0b8d6a;
}

.topicText article p {
  padding: 2px 10px 2px 0;
  line-height: 18px;
  font-size: 16px;
  color: #333333;
  /*
      .noteIndicator {
        position: relative;
        margin-left: 5px;
        color: #b8d0f8;
        font-size: 16px;

        i {
          position: absolute;
          right: -10px;
          top: -4px;

          font-size: 12px;
        }

        &.green {
          color: #99da8a;
        }
        &.grey {
          color: #c0c0c0;
        }
        &.blue {
          color: #b8d0f8;
        }
        &.yellow {
          color: #ccdb7f;
        }
        &.red {
          color: #f9a7b5;
        }
      }
*/
}

.topicText article p span {
  color: #1b56b2;
}

.topicText article p span.tested {
  font-weight: bold;
}

.topicText article .hover-photo {
  position: relative;
  text-decoration: none;
}

.topicText article .hover-photo .imageHoverPopup {
  position: absolute;
  border: 1px solid black;
  padding: 3px;
  background: white;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.topicText article .hover-photo .imageHoverPopup img {
  vertical-align: top;
}

.topicText article .icon-camera,
.topicText article .icon-camera-blank {
  color: #c0c0c0;
}

.topicText div.approvers img {
  display: inline-block;
}

.topicContent .content-filter__param {
  width: 32%;
}

.topicContent.level1 .topicText article > ul > li,
.topicContent.level2 .topicText article > ul > li,
.topicContent.level3 .topicText article > ul > li,
.topicContent.level4 .topicText article > ul > li,
.topicContent.level5 .topicText article > ul > li {
  display: none;
}

.topicContent.level1 .topicText .level1 {
  padding-top: 5px;
  display: list-item;
}

.topicContent.level1 .topicText .level1 > ul > li {
  padding-top: 5px;
  display: list-item;
}

.topicContent.level2 .topicText .level1,
.topicContent.level2 .topicText .level2 {
  padding-top: 5px;
  display: list-item;
}

.topicContent.level2 .topicText .level1 > ul > li,
.topicContent.level2 .topicText .level2 > ul > li {
  padding-top: 5px;
  display: list-item;
}

.topicContent.level3 .topicText .level1,
.topicContent.level3 .topicText .level2,
.topicContent.level3 .topicText .level3 {
  padding-top: 5px;
  display: list-item;
}

.topicContent.level3 .topicText .level1 > ul > li,
.topicContent.level3 .topicText .level2 > ul > li,
.topicContent.level3 .topicText .level3 > ul > li {
  padding-top: 5px;
  display: list-item;
}

.topicContent.level4 .topicText .level1,
.topicContent.level4 .topicText .level2,
.topicContent.level4 .topicText .level3,
.topicContent.level4 .topicText .level4 {
  padding-top: 5px;
  display: list-item;
}

.topicContent.level4 .topicText .level1 > ul > li,
.topicContent.level4 .topicText .level2 > ul > li,
.topicContent.level4 .topicText .level3 > ul > li,
.topicContent.level4 .topicText .level4 > ul > li {
  padding-top: 5px;
  display: list-item;
}

.topicContent.level5 .topicText .level1,
.topicContent.level5 .topicText .level2,
.topicContent.level5 .topicText .level3,
.topicContent.level5 .topicText .level4,
.topicContent.level5 .topicText .level5 {
  padding-top: 5px;
  display: list-item;
}

.topicContent.level5 .topicText .level1 > ul > li,
.topicContent.level5 .topicText .level2 > ul > li,
.topicContent.level5 .topicText .level3 > ul > li,
.topicContent.level5 .topicText .level4 > ul > li,
.topicContent.level5 .topicText .level5 > ul > li {
  padding-top: 5px;
  display: list-item;
}

@media only screen and (max-width: 599px) {
  .collapsable.blue article {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 599px) {
  .collapsable.blue.caselog article {
    padding: 0;
  }
}

.questions .nav {
  margin-top: 3px;
}

.cases article,
.videos article,
.posts article,
.groups article,
.evidence article,
.references article,
.technique-guides article {
  margin-top: 10px;
  padding: 0;
}

.cases .left,
.videos .left,
.posts .left,
.groups .left,
.evidence .left,
.references .left,
.technique-guides .left {
  float: left;
  text-align: center;
}

.cases .content,
.videos .content,
.posts .content,
.groups .content,
.evidence .content,
.references .content,
.technique-guides .content {
  width: 65%;
  float: left;
  padding-left: 20px;
}

.cases .breadcrumbs,
.videos .breadcrumbs,
.posts .breadcrumbs,
.groups .breadcrumbs,
.evidence .breadcrumbs,
.references .breadcrumbs,
.technique-guides .breadcrumbs {
  color: #9f9f9f;
}

.videos .icon-video {
  font-size: 14px !important;
}

.videos .videoItem {
  padding: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 599px) {
  .videos .videoItem .right {
    float: left;
    text-align: left;
    margin-left: 105px;
    padding-left: 20px;
    clear: both;
  }
}

.videos .videoItem .left img {
  width: 120px;
  height: 100px;
}

.videos .videoItem:hover {
  background: #e3ecfd;
}

@media only screen and (max-width: 599px) {
  .videos .content {
    width: auto;
    float: none;
    margin-left: 105px;
  }
}

.videos .content h3 {
  font-weight: bold;
  font-size: 14px;
}

.videos .content h3 a {
  color: #000;
  font-size: 14px;
}

.videos .content p {
  margin: 5px 0;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.videos .content p a {
  text-decoration: none;
  color: #333333;
}

.videos .content span {
  font-size: 12px;
  color: #5d5d5d;
}

.videos .right {
  float: right;
  width: 100px;
  padding-right: 10px;
  text-align: right;
}

.videos .right p {
  padding: 5px 0;
  font-size: 12px;
  line-height: 16px;
  color: #c0c0c0;
}

.videos .right i {
  margin-left: 12px;
  font-size: 16px;
  vertical-align: bottom;
}

.posts .postItem {
  padding: 10px;
  overflow: hidden;
}

.posts .postItem .left img {
  width: 85px;
  height: 100px;
}

.posts .postItem .left p {
  color: #dd5f5f;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 13px;
}

.posts .postItem .left p i {
  font-size: 15px;
  vertical-align: bottom;
  margin-right: 5px;
}

.posts .postItem:hover {
  background: #e3ecfd;
}

@media only screen and (max-width: 599px) {
  .posts .content {
    width: auto;
    float: none;
    margin-left: 65px;
  }
}

.posts .content h3 {
  font-weight: bold;
}

.posts .content h3 a {
  font-size: 14px;
  color: #000;
}

.posts .content p {
  margin: 5px 0;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.posts .content p a {
  text-decoration: none;
  color: #4d81d3;
}

.posts .content span {
  font-size: 12px;
}

.posts .content span a {
  color: black;
  text-decoration: none;
}

.posts .right {
  float: right;
  width: 100px;
  padding-right: 10px;
  text-align: right;
}

.posts .right p {
  padding: 5px 0;
  font-size: 12px;
  line-height: 16px;
  color: #c0c0c0;
}

.posts .right i {
  margin-left: 12px;
  font-size: 16px;
  vertical-align: bottom;
}

@media only screen and (max-width: 599px) {
  .posts .right {
    float: left;
    padding-left: 20px;
    text-align: left;
  }
}

.groups .groupItem {
  overflow: hidden;
}

.groups .groupItem .left .imgWrapper {
  margin-bottom: 5px;
  width: 105px;
  height: 55px;
}

@media only screen and (max-width: 599px) {
  .groups .content {
    width: auto;
    float: none;
    margin-left: 45px;
  }
}

.groups .content h3 {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 8px;
}

.groups .content h3 a {
  color: #000;
  font-size: 14px;
}

.groups .content span {
  font-size: 12px;
}

.groups .content span a {
  text-decoration: none;
  color: #22229c;
}

.groups .right {
  float: right;
  width: 100px;
  padding-right: 10px;
  text-align: right;
}

.groups .right p {
  padding: 5px 0;
  font-size: 12px;
  line-height: 16px;
  color: #999999;
}

.groups .right i {
  margin-left: 12px;
  font-size: 16px;
  vertical-align: bottom;
}

.evidence .tabs-wrapper {
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .evidence .tabs-wrapper .tabs li {
    width: auto;
    padding: 0 10px;
  }
}

.evidence .tabs {
  margin-top: 20px;
  display: inline-block;
}

.evidence .tabs li {
  height: 30px;
  line-height: 30px;
  width: 80px;
  text-align: center;
}

.evidence .tabs li a {
  text-decoration: none;
  color: #868686;
}

.evidence .tabs .active {
  background: #7fa4de;
}

.evidence .tabs .active a {
  color: white;
}

.evidence .footPrintLabel {
  margin-top: 27px;
  margin-right: 10px;
  float: right;
}

.evidence .footPrintLabel a {
  text-decoration: none;
  font-size: 12px;
  color: #7fa4de;
  margin-right: 10px;
}

.evidence .footPrintLabel a i {
  margin-left: 5px;
  font-size: 14px;
  vertical-align: bottom;
}

.evidence .footprintsGraph img {
  width: 100%;
}

.evidence .show-evidence {
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  background: #f3f3f3;
  color: #333;
}

.evidence .filter {
  float: right;
  color: #999;
  font-size: 14px;
}

.evidence .filter ul {
  vertical-align: middle;
  padding-left: 5px;
  margin-top: 0;
  margin-right: 5px;
}

@media only screen and (max-width: 599px) {
  .evidence .filter {
    margin-top: 20px;
    text-align: center;
    float: none;
  }

  .evidence .filter ul {
    padding: 0;
    margin: 0;
  }
}

.evidence #evidence {
  margin-top: 15px;
  margin-bottom: 20px;
}

.evidenceItem {
  overflow: hidden;
  padding: 15px 10px;
}

.evidenceItem:hover {
  background: #e3ecfd;
}

.evidenceItem .left {
  float: left;
  text-align: center;
}

.evidenceItem .left img {
  vertical-align: top;
}

.evidenceItem .left a {
  text-decoration: none;
  color: #dc5f5f;
}

.evidenceItem .content {
  width: 65%;
  float: left;
  padding-left: 20px;
}

@media only screen and (max-width: 599px) {
  .evidenceItem .content {
    width: auto;
    float: none;
    padding-left: 80px;
  }
}

.evidenceItem .content span a {
  color: #1f1fc7;
}

.evidenceItem .content span a:hover {
  text-decoration: underline;
}

.evidenceItem h3 {
  font-size: inherit;
}

.evidenceItem h3 a {
  font-weight: bold;
  color: #000;
  font-size: 14px;
  line-height: 18px;
}

.evidenceItem h3 i {
  color: #c6d4f8;
}

.evidenceItem p {
  padding-top: 5px;
}

.evidenceItem span {
  margin-top: 10px;
  display: block;
  font-size: 12px;
  line-height: 1.3;
}

.evidenceItem .right {
  width: auto;
  position: relative;
  float: right;
  margin-right: 10px;
}

@media only screen and (max-width: 599px) {
  .evidenceItem .right {
    float: none;
    margin-top: 20px;
    padding-left: 80px;
  }
}

.evidenceItem .right span {
  color: #a1a1a1;
}

.evidenceItem .right .mark {
  position: absolute;
  right: 0;
  top: 32px;
  padding: 10px 5px;
  display: inline-block;
  font-size: 12px;
  color: #5f7ba7;
  background: #f3f3f3;
}

#templates {
  display: none;
}

.page-controls {
  position: absolute;
  top: 50px;
  width: 100%;
}

.page-controls .topic-menu,
.page-controls .notes-menu {
  width: 20px;
  height: 20px;
  background: #ccc;
  display: block;
}

.page-controls .topic-menu {
  left: 0;
}

.page-controls .notes-menu {
  right: 0;
}

.topics-table {
  width: 100%;
}

.topics-table.high-yield th {
  font-size: 13px;
  background: #f9f9f9;
}

.topics-table.high-yield th.header {
  cursor: pointer;
}

.topics-table.high-yield th:first-of-type {
  border-top-left-radius: 5px;
}

.topics-table.high-yield th:last-of-type {
  border-top-right-radius: 5px;
}

.topics-table th,
.topics-table td {
  padding: 5px 0;
  color: #5c5c5c;
  border-bottom: solid 1px #eaeaea;
  vertical-align: middle;
  text-align: left;
}

.topics-table th.topic a,
.topics-table td.topic a {
  font-size: 16px;
}

.topics-table td.number {
  width: 70px;
  font-size: 18px;
  text-align: center;
  border-right: solid 1px #f6f6f6;
  background: #fbfbfb;
}

.topics-table td.emphasized {
  font-weight: bold;
  font-size: 16px;
  color: #000;
}

#simplemodal-container.questionContainer {
  height: auto !important;
  z-index: 15 !important;
}

#simplemodal-container.questionContainer .simplemodal-wrap {
  overflow: hidden !important;
}

@media only screen and (max-width: 1023px) {
  #simplemodal-container.questionContainer .simplemodal-wrap {
    max-height: calc(100vh - 100px);
    overflow: scroll !important;
    padding: 10px;
    box-sizing: border-box;
  }
}

#question-overlay-modal {
  z-index: 14 !important;
  opacity: 0.5;
  background-color: #000000;
}

.MedbulletsStep2And3 .question-obq-count-tooltip,
.MedbulletsStep1 .question-obq-count-tooltip {
  display: none !important;
}

.topicEdit__separated-list {
  padding: 30px 0 10px 0;
}

.sideNavigation.evidence p {
  padding: 10px;
  font-size: 14px;
  color: #333333;
}

.sideNavigation.evidence .wrap {
  background: white;
  text-align: center;
  padding-bottom: 10px;
}

.sideNavigation.evidence ul {
  padding-bottom: 5px;
}

.sideNavigation.evidence ul a {
  font-size: 14px;
  color: #333333;
  text-align: left;
}

.sideNavigation.evidence i {
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle;
}

.sideNavigation.evidence .icon-file-flat {
  color: #c0c0c0;
}

.sideNavigation.evidence .icon-tag-circle {
  color: #14b287;
}

.sideNavigation.evidence .addEvidence {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 30px;
  background: #7da2dd;
  color: white;
}

main.eBattles header img {
  float: left;
}

main.eBattles header .text-wrapper {
  margin-left: 60px;
  padding-left: 10px;
}

main.eBattles header .text-wrapper h4 {
  font-size: 14px;
  color: #7da2dd;
  padding-bottom: 5px;
}

main.eBattles header .text-wrapper h2 {
  font-size: 20px;
  color: #000;
}

main.eBattles header .subInfo {
  clear: left;
  overflow: hidden;
  padding-top: 10px;
  font-size: 12px;
}

main.eBattles header .subInfo .author {
  float: left;
  background: none;
  color: #666;
  padding: 0;
  margin: 0;
}

main.eBattles header .subInfo .author a {
  color: #7da2dd;
  text-decoration: none;
}

main.eBattles header .subInfo .topic {
  float: right;
  color: #7da2dd;
}

main.eBattles .statement {
  margin-top: 15px;
  margin-bottom: 5px;
}

main.eBattles .statement h3 {
  width: 200px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  font-size: 14px;
  background: #add99d;
  color: white;
  text-transform: uppercase;
}

main.eBattles .statement article {
  padding-top: 10px;
  font-size: 14px;
  color: #333;
}

main.eBattles .evidenceGraph {
  text-align: center;
  margin-bottom: 50px;
}

main.eBattles .evidenceGraph .graphWrapper {
  display: inline-block;
  position: relative;
}

main.eBattles .evidenceGraph .graphWrapper img {
  max-width: 100%;
}

main.eBattles .evidenceGraph .ratings {
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 57px;
}

main.eBattles .evidenceGraph .ratings .rating {
  float: left;
}

main.eBattles .evidenceGraph .ratings .rating div {
  display: inline-block;
  width: 64px;
  height: 51px;
  background: #f4f4f4;
  text-align: center;
  font-size: 26px;
  line-height: 50px;
}

main.eBattles .evidenceGraph .ratings .rating div.against {
  color: #c556cc;
  margin-right: 1px;
}

main.eBattles .evidenceGraph .ratings .rating div.for {
  color: #5f7ba7;
}

main.eBattles .evidenceGraph .ratings .rate {
  float: left;
}

main.eBattles .evidenceGraph .ratings .rate a {
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
  border: 1px solid;
  box-sizing: border-box;
  cursor: pointer;
}

main.eBattles .evidenceGraph .ratings .rate a.against {
  margin-bottom: 1px;
  border-color: #c556cc;
  line-height: 16px;
}

main.eBattles .evidenceGraph .ratings .rate a.against i {
  overflow: hidden;
  width: 15px;
  font-size: 2px;
  color: #c556cc;
}

main.eBattles .evidenceGraph .ratings .rate a.for {
  background: white;
  border-color: #7fa4de;
  line-height: 25px;
}

main.eBattles .evidenceGraph .ratings .rate a.for i {
  color: #7fa4de;
  font-size: 16px;
}

main.eBattles .evidence .filter li {
  width: auto;
  padding: 0 10px;
}

main.eBattles .evidence .filter li .for {
  color: #7da2dd;
}

main.eBattles .evidence .filter li .against {
  color: #c556cc;
}

main.eBattles .evidenceFor header h3,
main.eBattles .evidenceAgainst header h3,
main.eBattles .evidenceSummary header h3 {
  display: inline-block;
  width: 215px;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 14px;
  color: white;
  background: #7da2dd;
  text-transform: uppercase;
}

main.eBattles .evidenceFor header h3 span,
main.eBattles .evidenceAgainst header h3 span,
main.eBattles .evidenceSummary header h3 span {
  float: right;
  font-size: 18px;
}

main.eBattles .evidenceFor header a,
main.eBattles .evidenceAgainst header a,
main.eBattles .evidenceSummary header a {
  display: inline-block;
  margin-left: 1px;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  line-height: 33px;
  text-align: center;
  background: #7fa4de;
  vertical-align: top;
}

main.eBattles .evidenceFor header a i,
main.eBattles .evidenceAgainst header a i,
main.eBattles .evidenceSummary header a i {
  color: white;
}

main.eBattles .evidenceFor header span,
main.eBattles .evidenceAgainst header span,
main.eBattles .evidenceSummary header span {
  font-size: 14px;
  padding-left: 10px;
  text-transform: uppercase;
}

main.eBattles .evidenceFor article,
main.eBattles .evidenceAgainst article,
main.eBattles .evidenceSummary article {
  padding: 10px 0 20px 0;
  font-size: 14px;
  color: #333333;
  line-height: 1.2;
}

main.eBattles .evidenceFor header h3 {
  background: #7da2dd;
}

main.eBattles .evidenceFor header a {
  border: 1px solid #7da2dd;
  background: white;
}

main.eBattles .evidenceFor header a i {
  color: #7da2dd;
}

main.eBattles .evidenceFor header span {
  color: #7fa4de;
}

main.eBattles .evidenceAgainst header h3 {
  background: #c556cc;
}

main.eBattles .evidenceAgainst header a {
  border: 1px solid #c556cc;
  background: white;
  line-height: 22px;
}

main.eBattles .evidenceAgainst header a i {
  color: #c556cc;
  overflow: hidden;
  width: 15px;
  font-size: 2px;
}

main.eBattles .evidenceAgainst header span {
  color: #c556cc;
}

main.eBattles .evidenceSummary h3 {
  background: #add99d;
}

main.eBattles.edit header input[type=text],
main.eBattles.edit header textarea,
main.eBattles.edit header select {
  display: block;
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  border: 1px solid #cccccc;
  outline: none;
}

main.eBattles.edit header .text-wrapper {
  margin-right: 120px;
  padding-right: 3px;
}

main.eBattles.edit header .text-wrapper label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #666666;
}

main.eBattles.edit header .text-wrapper .title textarea {
  height: 60px;
}

main.eBattles.edit header .topicIdWrapper {
  float: right;
  width: 120px;
}

main.eBattles.edit header .topicIdWrapper label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #666666;
}

main.eBattles.edit header .topicIdWrapper input {
  margin-bottom: 2px;
}

main.eBattles.edit header .topicIdWrapper a {
  display: block;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: white;
  background: #909090;
  text-decoration: none;
}

main.eBattles.edit header .subInfo label {
  float: left;
  width: 60px;
  font-size: 14px;
  color: #666666;
}

main.eBattles.edit header .subInfo .wrapper {
  margin-left: 60px;
  margin-right: 123px;
  padding-left: 10px;
  overflow: hidden;
}

main.eBattles.edit header .subInfo .wrapper li {
  display: block;
  padding-right: 4px;
  box-sizing: border-box;
  float: left;
  width: 33.333%;
}

main.eBattles.edit header .subInfo .wrapper li:last-of-type {
  padding-right: 0;
}

main.eBattles.edit header .subInfo .wrapper select {
  font-size: 14px;
  color: #7da2dd;
}

main.eBattles.edit .statement textarea,
main.eBattles.edit .evidenceFor textarea,
main.eBattles.edit .evidenceAgainst textarea,
main.eBattles.edit .evidenceSummary textarea,
main.eBattles.edit .addComment textarea {
  box-sizing: border-box;
  width: 100%;
  height: 120px;
  margin-bottom: 10px;
  padding: 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  border: 1px solid #cccccc;
  outline: none;
}

main.eBattles.edit .evidence.evidenceFor .add span.text {
  background: #7da2dd;
}

main.eBattles.edit .evidence.evidenceAgainst .add span.text {
  background: #c556cc;
}

main.eBattles.edit .evidence .add {
  text-decoration: none;
  overflow: hidden;
  display: inline-block;
}

main.eBattles.edit .evidence .add span.text {
  float: left;
  display: block;
  box-sizing: border-box;
  width: 250px;
  height: 40px;
  padding-left: 15px;
  font-size: 14px;
  line-height: 40px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}

main.eBattles.edit .evidence .add span.text i {
  margin-right: 10px;
  font-size: 16px;
}

main.eBattles.edit .evidence .add span.sign {
  float: left;
  display: block;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  line-height: 40px;
  vertical-align: top;
  border: 1px solid;
  text-align: center;
}

main.eBattles.edit .evidence .add span.sign.plus {
  border-color: #7da2dc;
}

main.eBattles.edit .evidence .add span.sign.plus i {
  color: #7da2dc;
  font-size: 25px;
}

main.eBattles.edit .evidence .add span.sign.minus {
  border-color: #c556cc;
  color: #c556cc;
  font-size: 2px;
}

main.eBattles.edit .evidence .add span.sign i {
  vertical-align: middle;
}

main.eBattles.edit .evidence .evidenceWrapper {
  margin: 20px 0 30px 0;
}

main.eBattles.edit .evidence .evidenceWrapper .evidenceItem .author {
  display: inline-block;
  margin-top: 10px;
  color: #7da2dd;
  font-size: 12px;
  text-decoration: none;
}

main.eBattles.edit .evidence .evidenceWrapper .evidenceItem .delete i {
  margin-top: 20px;
  font-size: 23px;
  color: #c0c0c0;
}

main.eBattles.edit .blockRelease {
  margin: 10px 0;
}

main.eBattles.edit .addComment {
  padding: 0 10px 10px 10px;
  background: #e8e8e8;
  margin-bottom: 40px;
}

main.eBattles.edit .addComment header {
  overflow: hidden;
  padding: 10px 0;
}

main.eBattles.edit .addComment header h3 {
  float: left;
  width: 20%;
  padding: 14px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

main.eBattles.edit .addComment header .to {
  float: left;
  width: 40%;
  padding: 8px 0;
}

main.eBattles.edit .addComment header .to span {
  font-size: 12px;
  color: #333333;
}

main.eBattles.edit .addComment header .to select {
  display: inline-block;
  width: 200px;
  font-size: 12px;
  color: #666666;
  height: 26px;
  line-height: 26px;
  border: none;
  outline: none;
}

main.eBattles.edit .addComment header .to .team {
  text-decoration: none;
  font-size: 12px;
  color: #5c77a2;
}

main.eBattles.edit .addComment header .options {
  float: right;
  overflow: hidden;
}

main.eBattles.edit .addComment header .options li {
  display: block;
  float: left;
  width: 120px;
  margin-bottom: 10px;
}

main.eBattles.edit .addComment header .options li:nth-of-type(3) {
  clear: both;
  margin-bottom: 0;
}

main.eBattles.edit .addComment header .options li:nth-of-type(4) {
  margin-bottom: 0;
}

main.eBattles.edit .addComment .avatar {
  float: left;
}

main.eBattles.edit .addComment .content {
  margin-left: 38px;
}

main.eBattles.edit .addComment .content textarea {
  width: 100%;
  height: 90px;
  margin-bottom: 0;
  border-bottom: none;
}

main.eBattles.edit .addComment .content .addAsset {
  position: relative;
  margin-top: -3px;
  background: #f6f6f6;
  border: 1px solid #cccccc;
  border-top: none;
  text-align: right;
}

main.eBattles.edit .addComment .content .addAsset ul {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

main.eBattles.edit .addComment .content .addAsset ul li {
  display: block;
  float: left;
  padding: 0 15px;
  border-left: 1px solid white;
}

main.eBattles.edit .addComment .content .addAsset ul li a {
  height: 40px;
  line-height: 40px;
  color: #a4a4a4;
  text-decoration: none;
}

main.eBattles.edit .addComment .content .addAsset ul li i {
  margin-right: 10px;
  vertical-align: middle;
}

main.eBattles.edit .addComment .content .addAsset ul li i.icon-q {
  font-size: 19px;
}

main.eBattles.edit .addComment .content .controls {
  margin-top: 10px;
  text-align: right;
}

main.eBattles.edit .addComment .content .controls li {
  display: inline-block;
}

main.eBattles.edit .addComment .content .controls a {
  display: block;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  color: #333333;
}

main.eBattles.edit .addComment .content .controls a.save {
  position: relative;
  width: 265px;
  margin-left: 10px;
  background: #7085a8;
  color: white;
}

main.eBattles.edit .addComment .content .controls a.save:after {
  display: inline-block;
  position: absolute;
  right: 9px;
  font-family: 'icomoon';
  content: "\e910";
  font-size: 9px;
  color: white;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

main.eBattles.edit .commentItem {
  margin-bottom: 20px;
}

main.eBattles.edit .commentItem.public .content {
  border: 1px solid #79c969;
}

main.eBattles.edit .commentItem.public .public {
  display: none;
}

main.eBattles.edit .commentItem.private .private {
  display: none;
}

main.eBattles.edit .commentItem .visibility {
  float: right;
}

main.eBattles.edit .commentItem .visibility a {
  font-size: 14px;
  cursor: pointer;
}

main.eBattles.edit .commentItem .visibility a.public {
  color: #7085a8;
}

main.eBattles.edit .commentItem .visibility a.private {
  color: #999999;
}

main.eBattles.edit .commentItem .visibility a.private i {
  margin-right: 10px;
}

.evidence header {
  overflow: hidden;
}

.evidence header h2 {
  font-size: 21px;
  float: left;
  line-height: 32px;
}

.evidence header .actions {
  float: right;
}

.evidence header .actions li {
  display: inline-block;
}

.evidence header .actions a {
  display: block;
  width: 125px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  border: 1px solid;
  border-radius: 2px;
}

.evidence header .actions a.footprint {
  color: #7da2dd;
  border-color: #7da2dd;
}

.evidence header .actions a.battle {
  color: #bf59b1;
  border-color: #bf59b1;
}

.evidence header .actions a.evidence {
  background: #7da2dd;
  border-color: #7da2dd;
  color: white;
}

.evidence .search {
  position: relative;
  margin-top: 20px;
}

.evidence .search i {
  position: absolute;
  display: block;
  top: 6px;
  left: 8px;
  font-size: 19px;
  color: #c0c0c0;
}

.evidence .search input {
  box-sizing: border-box;
  width: 340px;
  height: 32px;
  padding: 9px 0;
  padding-left: 30px;
  font-size: 14px;
  color: #b2b2b3;
  outline: none;
  border: 1px solid #ececec;
  border-radius: 2px;
}

.evidence .search a {
  display: inline-block;
  width: 105px;
  height: 30px;
  margin-left: 5px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  background: #c0c0c0;
  color: white;
  border-radius: 2px;
}

.evidence .specialityFilter li {
  width: auto;
  min-width: 60px;
  padding: 0 10px;
}

.evidence .specialityFilter .drop {
  width: 50px;
  text-align: center;
}

.evidence .specialityFilter a.donut:before {
  content: "\e90c";
  position: relative;
  top: 1px;
  display: inline-block;
  padding-right: 5px;
  font-family: 'icomoon';
  font-size: 15px;
  line-height: 0;
}

.efootPrintFrame {
  border: 0;
  height: 405px;
  max-width: 727px;
  width: 100%;
}

.efootPrintFrame--small {
  max-width: 530px;
}

@media screen and (max-width: 599px) {
  .efootPrintFrame {
    width: 100%;
  }
}

.stickMenu .dashboardPageWrapper .menu {
  position: fixed;
  width: 200px;
}

.sideNavigation .mainCategoryHeader.dashboard a {
  text-align: center;
  padding-bottom: 10px;
}

.dashboardPageWrapper .recents .recent > header i.title-icon {
  background: transparent !important;
}

.dashboardPageWrapper .recents .recent > header .title {
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
  color: white;
}

.dashboardPageWrapper main {
  padding-top: 5px;
}

.dashboardPageWrapper .menu {
  z-index: 10;
  position: relative;
  padding: 10px 0px 10px 5px;
  height: 39px;
  box-sizing: border-box;
  border-bottom: 1px solid #d8d8db;
  cursor: pointer;
  font-size: 14px;
  text-align: right;
  color: #999999;
  background: #ececec;
}

.dashboardPageWrapper .menu i.icon-navigation {
  font-size: 12px;
  color: #c0c0c0;
}

.dashboardPageWrapper .recents .recent header .selfProgressItem .percentage {
  color: white;
}

.dashboardHeader {
  display: inline-block;
  padding-top: 25px;
  font-size: 30px;
  color: black;
  /*
  i.icon-donut {
    line-height: 27px;
    vertical-align: top;
    font-size: 22px;
    color: #f2a768;
  }

  i.icon-arrow-bottom {
    line-height: 30px;
    vertical-align: top;
    font-size: 7px;
    color: #c0c0c0;
  }
*/
}

.dashboardHeader .dropdown {
  cursor: pointer;
}

.dashboardHeader .dropdown:hover {
  color: #1e4181;
}

.dashboardHeader .dropdown-menu {
  background: white;
  border-radius: 0;
}

.dashboardHeader .dropdown-menu .header {
  padding: 10px 10px;
  background: #f4f4f4;
  color: #565656;
  font-size: 16px;
}

.dashboardHeader .dropdown-menu a {
  padding: 10px 10px;
  border: none;
}

.recents {
  margin-top: 20px;
}

.recents .recent {
  border-bottom: 1px solid #c0c0c0;
  background: #f4f4f4;
  margin-bottom: 10px;
}

.recents .recent > header {
  overflow: hidden;
  background: #dfeafb;
}

.recents .recent > header a {
  display: table;
  table-layout: fixed;
  width: 100%;
  color: white;
  text-decoration: none;
}

.recents .recent > header a:hover {
  text-decoration: none;
}

.recents .recent > header i.title-icon {
  display: table-cell;
  width: 40px;
  min-width: 40px;
  line-height: 39px;
  font-size: 18px;
  vertical-align: top;
  text-align: center;
  background: #9db1d7;
  color: white;
}

.recents .recent > header .title {
  display: table-cell;
  padding: 13px 0 13px 10px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #5f7ba7;
  font-size: 14px;
}

.recents .recent > header .selfProgressItem {
  float: right;
  display: table-cell;
  margin-top: 2px;
  margin-right: 10px;
}

.recents .recent .content {
  overflow: hidden;
}

.recents .recent .content a.questionLink:hover {
  text-decoration: none;
}

.recents .recent .commentItem {
  padding: 10px 15px 10px 0;
  min-height: 65px;
}

.recents .recent .commentItem .avatar {
  width: 75px;
  height: 75px;
}

.recents .recent .commentItem:before {
  display: none;
}

@media only screen and (max-width: 599px) {
  .recents .recent .evidenceItem .content {
    float: none;
    width: auto;
    padding: 0 0 0 20px;
  }

  .recents .recent .evidenceItem .right {
    margin-top: 20px;
    float: none;
    margin-right: 0;
  }
}

.recents .recent .evidenceItem .content {
  margin-left: 20px;
}

.recents .recent .evidenceItem .content span {
  line-height: 1.3;
}

.recents .recent .videoWrapper {
  position: relative;
  float: left;
  width: 50%;
  padding-bottom: 25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.recents .recent .videoWrapper iframe,
.recents .recent .videoWrapper object,
.recents .recent .videoWrapper embeded {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.recents .recent .videoWrapper video {
  top: -25px;
  position: relative;
}

@media only screen and (max-width: 599px) {
  .recents .recent .videoWrapper {
    float: none;
    width: 100%;
  }
}

.recents .recent .videoWrapper img {
  width: 100%;
}

.recents .recent .videoWrapper i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -23px;
  margin-top: -23px;
  color: white;
  font-size: 46px;
}

.recents .recent footer {
  height: 35px;
  text-align: center;
  /*p.message {
        i.icon-message {
          color: #9db1d7;
        }
        span {
          color: #9db1d7;
        }
      }*/
}

.recents .recent footer p {
  display: inline-block;
  padding: 0 10px;
  line-height: 35px;
}

.recents .recent footer p span {
  font-size: 14px;
  color: #999999;
  vertical-align: middle;
  padding-top: 2px;
}

.recents .recent footer i {
  font-size: 16px;
  vertical-align: middle;
  color: #c0c0c0;
}

.recents .recent footer .rate {
  display: inline-block;
  padding: 0 10px;
}

.recents .recent footer .rate li {
  display: inline-block;
}

.recents .recent footer .rate li i {
  font-size: 12px;
}

.recents .recent a.clickable-area {
  text-decoration: none;
  color: inherit;
}

.recents .case .slider,
.recents .post .slider,
.recents .question .slider {
  height: 250px;
  overflow: hidden;
  position: relative;
}

.recents .case .slider img,
.recents .post .slider img,
.recents .question .slider img {
  height: 250px;
  width: auto;
}

.recents .case .description,
.recents .post .description,
.recents .question .description {
  padding-left: 75px;
}

.recents .case .description .title,
.recents .post .description .title,
.recents .question .description .title {
  line-height: 1.3;
  padding-top: 10px;
  padding-right: 10px;
  font-size: 14px;
  color: #999999;
}

.recents .case .description .question,
.recents .post .description .question,
.recents .question .description .question {
  padding-top: 10px;
  color: #999999;
  font-size: 14px;
  line-height: 16px;
}

.recents .case .description .question i,
.recents .post .description .question i,
.recents .question .description .question i {
  font-size: 16px;
  color: #d6d6d6;
  vertical-align: top;
}

.recents .video .content {
  overflow: hidden;
}

.recents .video .description {
  float: left;
  width: 50%;
  padding: 5px 20px 0 15px;
  box-sizing: border-box;
  max-height: 274px;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media only screen and (max-width: 599px) {
  .recents .video .description {
    float: none;
    width: 100%;
    padding: 5px 20px 15px 15px;
  }
}

.recents .video .description .title,
.recents .video .description .text {
  font-size: 14px;
  padding-bottom: 5px;
  color: #999999;
}

.recents .video .description p {
  font-size: 14px;
  padding-top: 5px;
  color: #999999;
}

.recents .video .description .title {
  color: #999999;
  display: inline-block;
  width: 80px;
}

.recents .qbankTest.no-image .question {
  float: none;
  width: 100%;
  padding-left: 0;
}

.recents .qbankTest.gallery .imgWrapper {
  float: none;
  width: 100%;
}

.recents .qbankTest.gallery .imgWrapper img {
  height: 250px;
  width: auto;
}

.recents .qbankTest.gallery .question {
  float: none;
  width: 100%;
  padding-left: 0;
}

.recents .qbankTest .top {
  overflow: hidden;
}

.recents .qbankTest .imgWrapper {
  float: left;
}

.recents .qbankTest .imgWrapper .slider {
  height: 250px;
  overflow: hidden;
}

@media only screen and (max-width: 599px) {
  .recents .qbankTest .imgWrapper {
    float: none;
    width: 100%;
  }
}

.recents .qbankTest .imgWrapper img {
  height: 250px;
  width: auto;
}

.recents .qbankTest .question {
  float: left;
  width: 50%;
  padding: 5px 15px 0 10px;
  box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
  .recents .qbankTest .question {
    float: none;
    width: 100%;
  }
}

.recents .qbankTest .question .figures {
  padding-left: 5px;
}

.recents .qbankTest .question p,
.recents .qbankTest .question .testID,
.recents .qbankTest .question .figures {
  color: #999999;
}

.recents .qbankTest .answers .answerItem {
  padding-bottom: 5px;
}

.recents .qbankTest .answers .answerItem .answerDescription {
  color: #999999;
}

.recents .qbankTest .answers .answerNumber {
  margin-top: 0;
}

.recents .qbankTest .answers .hidden {
  display: none;
}

.recents .efootprint .content {
  overflow: hidden;
}

.recents .efootprint .graphWrapper {
  float: right;
  width: 50%;
  position: relative;
  padding-right: 10px;
  box-sizing: border-box;
  text-align: right;
}

@media only screen and (max-width: 599px) {
  .recents .efootprint .graphWrapper {
    float: none;
    width: 100%;
  }
}

.recents .efootprint .graphWrapper img {
  width: 100%;
}

.recents .efootprint .graphWrapper .voteWrapper {
  position: absolute;
  right: 23px;
  bottom: 45px;
  overflow: hidden;
}

.recents .efootprint .graphWrapper .voteWrapper .against {
  width: 64px;
  float: left;
  text-align: center;
  border-right: 1px solid white;
}

.recents .efootprint .graphWrapper .voteWrapper .against .title {
  background: #dc9ae0;
}

.recents .efootprint .graphWrapper .voteWrapper .against .number {
  color: #c556cc;
}

.recents .efootprint .graphWrapper .voteWrapper .for {
  width: 64px;
  float: left;
  text-align: center;
}

.recents .efootprint .graphWrapper .voteWrapper .for .title {
  background: #b2c8eb;
}

.recents .efootprint .graphWrapper .voteWrapper .for .number {
  color: #7da2dd;
}

.recents .efootprint .graphWrapper .voteWrapper .title {
  color: white;
  padding: 2px 0;
  font-size: 12px;
}

.recents .efootprint .graphWrapper .voteWrapper .number {
  height: 50px;
  line-height: 50px;
  font-size: 26px;
  background: #f4f4f4;
}

.recents .efootprint .graphWrapper .voteWrapper .vote {
  float: left;
  margin-top: 16px;
}

.recents .efootprint .graphWrapper .voteWrapper .vote .minus,
.recents .efootprint .graphWrapper .voteWrapper .vote .plus {
  width: 25px;
  height: 25px;
  border: 1px solid;
  box-sizing: border-box;
  background: white;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
}

.recents .efootprint .graphWrapper .voteWrapper .vote .minus {
  color: #c556cc;
  border-color: #c556cc;
  font-size: 1px;
}

.recents .efootprint .graphWrapper .voteWrapper .vote .plus {
  color: #7fa4de;
  border-color: #7fa4de;
  font-size: 12px;
}

.recents .efootprint .statement {
  float: left;
  width: 50%;
}

@media only screen and (max-width: 599px) {
  .recents .efootprint .statement {
    margin-top: 15px;
    float: none;
    width: 100%;
  }
}

.recents .efootprint .statement header {
  padding: 10px 20px;
  font-size: 14px;
  color: white;
  background: #add99d;
}

.recents .efootprint .statement p {
  padding: 10px 20px;
  color: #999999;
  font-size: 14px;
  line-height: 1.3;
}

.recents .recentEvidence .content {
  overflow: hidden;
}

.recents .recentEvidence .evidenceWrapper {
  float: left;
  width: 80%;
  padding: 10px;
  overflow: hidden;
  box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
  .recents .recentEvidence .evidenceWrapper {
    float: none;
    width: 100%;
  }
}

.recents .recentEvidence .evidenceWrapper .imgWrapper {
  width: 60px;
  float: left;
  text-align: center;
}

.recents .recentEvidence .evidenceWrapper .imgWrapper img {
  max-width: 100%;
}

.recents .recentEvidence .evidenceWrapper .imgWrapper p {
  font-size: 12px;
  color: #dd5f5f;
}

.recents .recentEvidence .evidenceWrapper .imgWrapper p i {
  font-size: 16px;
  vertical-align: middle;
  line-height: 1.2;
}

.recents .recentEvidence .evidenceWrapper .text {
  margin-left: 60px;
  padding-left: 10px;
}

.recents .recentEvidence .evidenceWrapper .text h3 {
  padding-bottom: 10px;
  line-height: 1.5;
}

.recents .recentEvidence .evidenceWrapper .text h3 a {
  font-weight: bold;
  color: black;
  text-decoration: none;
  font-size: 16px;
}

.recents .recentEvidence .evidenceWrapper .text h3 a i {
  color: #c5d3f8;
}

.recents .recentEvidence .evidenceWrapper .text span {
  color: #666666;
  font-size: 12px;
  line-height: 1.2;
}

.recents .recentEvidence .graphWrapper {
  position: relative;
  max-width: 20%;
  float: right;
  padding-right: 10px;
  box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
  .recents .recentEvidence .graphWrapper {
    padding: 10px;
    box-sizing: border-box;
    float: none;
    width: 100%;
  }
}

.recents .recentEvidence .graphWrapper .mark {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 64px;
  height: 50px;
  text-align: center;
  font-size: 26px;
  line-height: 50px;
  background: #f4f4f4;
  color: #7da2dd;
}

.recents .recentEvidence .graphWrapper img {
  width: 100% !important;
}

.recents .recentEvidence .voteWrapper {
  width: 40%;
  float: left;
}

@media only screen and (max-width: 599px) {
  .recents .recentEvidence .voteWrapper {
    float: none;
    width: 100%;
  }
}

.recents .recentEvidence .voteWrapper a {
  display: block;
  width: 90%;
  max-width: 265px;
  height: 48px;
  margin: 50px auto 0 auto;
  color: white;
  background: #7da2dc;
  line-height: 48px;
  text-decoration: none;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .recents .recentEvidence .voteWrapper a {
    margin-top: 10px;
  }
}

.recents .topic .slider {
  height: 250px;
  overflow: hidden;
  position: relative;
}

.recents .topic .slider img {
  height: 250px;
  width: auto;
}

.recents .techniqueGuides .guideWrapper {
  padding-top: 10px;
  overflow: hidden;
  float: left;
}

.recents .techniqueGuides .guideWrapper .step {
  float: left;
  width: 40px;
  text-align: center;
  color: #666666;
  font-size: 30px;
}

.recents .techniqueGuides .guideWrapper .guide {
  float: left;
}

.recents .techniqueGuides .guideWrapper .guide h3 {
  font-weight: bold;
  padding-bottom: 8px;
}

.recents .techniqueGuides .guideWrapper .guide ul {
  padding-bottom: 10px;
}

.recents .techniqueGuides .guideWrapper .guide li {
  list-style: disc inside;
  font-size: 14px;
}

.recents .techniqueGuides .guideWrapper .guide .pearls,
.recents .techniqueGuides .guideWrapper .guide .pitfalls {
  display: inline-block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
}

.recents .techniqueGuides .guideWrapper .guide .pearls {
  background: #b8d0f8;
}

.recents .techniqueGuides .guideWrapper .guide .pitfalls {
  background: #c556cc;
}

.recents .techniqueGuides .guideWrapper .guide .noteIndicator {
  position: relative;
  top: 2px;
}

.recents .techniqueGuides .guideWrapper .guide .noteIndicator i {
  position: absolute;
  right: -10px;
  top: -4px;
  font-size: 12px;
}

.dashboardItem {
  display: table;
  position: relative;
  table-layout: fixed;
  width: 100%;
  min-width: 660px;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 0 5px 0;
  color: #333;
  border-collapse: separate;
  clear: both;
}

.dashboardItem:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.dashboardItem:hover {
  background: #e3ecfd;
}

.dashboardItem-left {
  display: table-cell;
  width: 120px;
  vertical-align: top;
  text-align: center;
}

.dashboardItem-left--small {
  width: 90px;
}

.dashboardItem-link {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  position: relative;
  clear: both;
}

.dashboardItem-link:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.dashboardItem-link:hover {
  text-decoration: none;
}

.dashboardItem-link--evidence {
  display: block;
}

.dashboardItem-fixLink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.dashboardItem-content {
  float: left;
  width: 56%;
  padding-left: 20px;
  line-height: 1.3;
  font-size: 14px;
}

.dashboardItem-content--small {
  font-size: 12px;
}

.dashboardItem-content--topic {
  padding-top: 15px;
}

.dashboardItem-right {
  float: right;
  min-width: 85px;
  text-align: right;
}

.dashboardItem-right--labels {
  max-width: 80px;
}

@media only screen and (max-width: 599px) {
  .dashboardItem-right--labels {
    max-width: none;
  }
}

.dashboardItem-right--labels .filter-level {
  margin-bottom: 3px;
}

.dashboardItem-right--labels .filter-level:nth-child(even) {
  margin-left: 0;
}

@media only screen and (min-width: 600px) {
  .dashboardItem.dashboardItem--has-self-mastery .dashboardItem-right {
    margin-right: 105px;
  }
}

.dashboardItem.dashboardItem--evidence.dashboardItem--has-self-mastery {
  min-height: 143px;
  height: 143px;
}

@media only screen and (min-width: 600px) {
  .dashboardItem.dashboardItem--evidence.dashboardItem--has-self-mastery {
    border-color: transparent;
  }
}

.dashboardItem.dashboardItem--case.dashboardItem--has-self-mastery {
  min-height: 143px;
  height: 143px;
}

@media only screen and (min-width: 600px) {
  .dashboardItem.dashboardItem--case.dashboardItem--has-self-mastery {
    border-color: transparent;
  }
}

.dashboardItem.dashboardItem--video.dashboardItem--has-self-mastery {
  min-height: 143px;
  height: 143px;
}

@media only screen and (min-width: 600px) {
  .dashboardItem.dashboardItem--video.dashboardItem--has-self-mastery {
    border-color: transparent;
  }
}

.dashboardItem-optionsWrapper {
  margin-top: 5px;
  text-align: center;
  color: #c0c0c0;
  font-size: 15px;
  position: relative;
  z-index: 1;
  /*No space between cover label and free pdf link*/
  /*&--evidence {
            margin-top: 0;
        }*/
}

.dashboardItem-imgWrapper {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.dashboardItem-session {
  margin-bottom: 5px;
}

.dashboardItem-title {
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #222;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dashboardItem-title--full {
  white-space: normal;
}

.dashboardItem-title--small {
  font-size: 14px;
  line-height: 18px;
}

.dashboardItem-id {
  font-weight: normal;
  color: #9f9f9f;
}

.dashboardItem-description,
.dashboardItem-rating {
  margin: 5px 0;
}

.dashboardItem-description {
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dashboardItem-description--highlighted {
  padding: 5px 10px;
  background: #f7f7f7;
}

.dashboardItem-description--full {
  white-space: normal;
}

.dashboardItem-description--small {
  font-size: 12px;
}

.dashboardItem-description--evidence {
  margin-top: 0;
  font-size: 12px;
  line-height: 18px;
  white-space: normal;
}

.dashboardItem-description a {
  font-size: 14px;
}

.dashboardItem-breadcrumbs {
  margin: 3px 0 8px 0;
}

.dashboardItem-breadcrumbs--evidence {
  margin: 0;
}

.dashboardItem-question {
  color: #5d5d5d;
  margin-top: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dashboardItem-question .icon {
  vertical-align: middle;
  font-size: 16px;
  color: #c5d3f8;
}

.dashboardItem-chart {
  display: block;
  margin-bottom: 10px;
}

.dashboardItem-info {
  padding: 0;
  margin: 12px 0;
  display: block;
  color: #c0c0c0;
}

.dashboardItem-info .icon {
  margin-left: 5px;
  vertical-align: middle;
  font-size: 16px;
}

.dashboardItem-info:last-of-type {
  margin-bottom: 0;
}

.dashboardItem-responses {
  color: #808080;
}

.dashboardItem-time {
  margin: 0 0 10px 0;
  font-size: 14px;
  color: #666;
}

.dashboardItem-views .icon {
  font-size: 12px;
}

.dashboardItem-rating.rating .icon {
  color: #5c77a2;
}

.dashboardItem-rating.rating .icon.blank {
  color: #c6c6c6;
}

.dashboardItem-voteBtn {
  min-width: 80px;
  font-size: 14px;
}

.dashboardItem-leftLevel {
  margin-top: 4px;
}

.dashboardItem--evidence {
  margin: 0;
}

.dashboardItem--case .dashboardItem-title {
  font-size: 16px;
  color: #222;
  text-transform: none;
}

.dashboardItem--video:hover .dashboardItem-title:after {
  background: #f9f9f9;
}

.dashboardItem--video .dashboardItem-title {
  white-space: initial;
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 2.4em;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em;
  font-size: 16px;
  color: #222;
  text-transform: none;
}

.dashboardItem--video .dashboardItem-title:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}

.dashboardItem--video .dashboardItem-title:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

.dashboardItem-topic-icon {
  margin-left: 15px;
  font-size: 44px;
  padding-top: 15px;
}

.dashboardItem .tg-authors {
  transition: 0.2s;
}

.dashboardItem--tracker {
  transition: 0.3s;
}

.dashboardItem--tracker:hover {
  background-color: #f9f9f9;
}

@media only screen and (max-width: 1023px) {
  .dashboardItem--tracker {
    min-width: auto;
  }
}

.dashboardItem--tracker.dashboardItem--evidence:hover .pass-peak {
  background-color: #FEF2D6;
}

.dashboardItem--tracker.dashboardItem--video:hover .pass-peak {
  background-color: #FCE7D5;
}

.dashboardItem--tracker.dashboardItem--video .dashboardItem-title:after {
  transition: 0.3s;
}

.dashboardItem--tracker.dashboardItem--case:hover .pass-peak {
  background-color: #FED6D6;
}

@media only screen and (max-width: 599px) {
  .dashboardItem--tracker .dashboardItem-left {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .dashboardItem--tracker .dashboardItem-content {
    width: 45%;
    padding-left: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .dashboardItem--tracker .dashboardItem-content {
    width: 100%;
    box-sizing: border-box;
    padding-right: 80px;
    padding-left: 0;
  }
}

@media only screen and (max-width: 599px) {
  .dashboardItem--tracker .dashboardItem-right {
    float: left;
    text-align: left;
    padding-left: 10px;
    padding-left: 0;
  }
}

@media only screen and (max-width: 599px) {
  .dashboardItem--tracker .dashboardItem-info {
    display: inline-block;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .dashboardItem--tracker .dashboardItem-time {
    display: block;
    padding-top: 8px;
  }
}

.dashboardItem--tracker .pass-peak {
  transition: 0.3s;
}

.dashboardItem--tg .dashboardItem-content {
  width: 54%;
}

@media only screen and (max-width: 599px) {
  .dashboardItem--tg .dashboardItem-content {
    width: 100%;
    padding-right: 190px;
  }
}

.dashboardItem--tg .dashboardItem-description {
  white-space: normal;
}

.dashboardItem--hoverFirst:hover .pass-peak-dashboard-item__tracker:first-child .peak-arrow__hover-block {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.dashboardItem--hoverFirst:hover .pass-peak-dashboard-item__tracker:first-child .pass-peak-item-label {
  color: #858585;
}

.dashboardItem .free-pdf-link-stat {
  padding-top: 0;
}

.dashboardItem .post-thumb {
  display: inline-block;
}

.dashboardBreadcrumbs-item {
  display: inline-block;
  font-size: 12px;
  color: #9f9f9f;
}

.dashboardBreadcrumbs-link {
  color: #9f9f9f;
}

.dashboardPanel {
  margin: 5px 0;
  clear: both;
}

.dashboardPanel:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.dashboardPaging {
  margin: 10px 0;
}

.dashboardPaging.paging .dashboardPaging-label {
  border: none;
  background: none;
}

.recent .abstractLink,
.dashboardItem .abstractLink,
.evidence-header .abstractLink,
.pubmedlink .abstractLink,
.studyplan-day-item .abstractLink,
.recent .abstractPubmedLink,
.dashboardItem .abstractPubmedLink,
.evidence-header .abstractPubmedLink,
.pubmedlink .abstractPubmedLink,
.studyplan-day-item .abstractPubmedLink,
.recent .qtiplink,
.dashboardItem .qtiplink,
.evidence-header .qtiplink,
.pubmedlink .qtiplink,
.studyplan-day-item .qtiplink {
  cursor: pointer;
  color: #1f1fc7 !important;
}

.recent .abstractLink:hover,
.dashboardItem .abstractLink:hover,
.evidence-header .abstractLink:hover,
.pubmedlink .abstractLink:hover,
.studyplan-day-item .abstractLink:hover,
.recent .abstractPubmedLink:hover,
.dashboardItem .abstractPubmedLink:hover,
.evidence-header .abstractPubmedLink:hover,
.pubmedlink .abstractPubmedLink:hover,
.studyplan-day-item .abstractPubmedLink:hover,
.recent .qtiplink:hover,
.dashboardItem .qtiplink:hover,
.evidence-header .qtiplink:hover,
.pubmedlink .qtiplink:hover,
.studyplan-day-item .qtiplink:hover {
  text-decoration: underline;
}

.pubmedlink {
  display: block;
  margin-top: 16px;
  font-size: 12px;
}

.pubmedlink .abstractLink {
  font-size: 12px;
}

.block-link {
  cursor: pointer;
}

.techniqueGuidesPage.level1 .group,
.techniqueGuidesPage.level2 .group,
.techniqueGuidesPage.level3 .group,
.techniqueGuidesPage.level4 .group,
.techniqueGuidesPage.level5 .group,
.techniqueGuidesPage.level1 .guideItem,
.techniqueGuidesPage.level2 .guideItem,
.techniqueGuidesPage.level3 .guideItem,
.techniqueGuidesPage.level4 .guideItem,
.techniqueGuidesPage.level5 .guideItem {
  display: none;
}

.techniqueGuidesPage.level1 .group.l1,
.techniqueGuidesPage.level1 .guideItem.l1 {
  display: block;
}

.techniqueGuidesPage.level2 .group.l1,
.techniqueGuidesPage.level2 .guideItem.l1,
.techniqueGuidesPage.level2 .group.l2,
.techniqueGuidesPage.level2 .guideItem.l2 {
  display: block;
}

.techniqueGuidesPage.level3 .group.l1,
.techniqueGuidesPage.level3 .guideItem.l1,
.techniqueGuidesPage.level3 .group.l2,
.techniqueGuidesPage.level3 .guideItem.l2,
.techniqueGuidesPage.level3 .group.l3,
.techniqueGuidesPage.level3 .guideItem.l3 {
  display: block;
}

.techniqueGuidesPage.level4 .group.l1,
.techniqueGuidesPage.level4 .guideItem.l1,
.techniqueGuidesPage.level4 .group.l2,
.techniqueGuidesPage.level4 .guideItem.l2,
.techniqueGuidesPage.level4 .group.l3,
.techniqueGuidesPage.level4 .guideItem.l3,
.techniqueGuidesPage.level4 .group.l4,
.techniqueGuidesPage.level4 .guideItem.l4 {
  display: block;
}

.techniqueGuidesPage.level5 .group.l1,
.techniqueGuidesPage.level5 .guideItem.l1,
.techniqueGuidesPage.level5 .group.l2,
.techniqueGuidesPage.level5 .guideItem.l2,
.techniqueGuidesPage.level5 .group.l3,
.techniqueGuidesPage.level5 .guideItem.l3,
.techniqueGuidesPage.level5 .group.l4,
.techniqueGuidesPage.level5 .guideItem.l4,
.techniqueGuidesPage.level5 .group.l5,
.techniqueGuidesPage.level5 .guideItem.l5 {
  display: block;
}

.techniqueGuidesPage .group h3,
.topicPage .group h3 {
  padding: 2px 0 2px 10px;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  color: #686a6d;
  background: #edf3fd;
}

.techniqueGuidesPage .group .guideItem:last-child,
.topicPage .group .guideItem:last-child {
  border-bottom: none;
}

@-webkit-keyframes steps {
  0% {
    opacity: 0;
    display: block;
  }

  100% {
    opacity: 1;
  }
}

@keyframes steps {
  0% {
    opacity: 0;
    display: block;
  }

  100% {
    opacity: 1;
  }
}

.techniqueGuidesPage .guideItem,
.topicPage .guideItem {
  position: relative;
  border-bottom: 1px solid #f3f3f3;
  clear: both;
}

.techniqueGuidesPage .guideItem:after,
.topicPage .guideItem:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

@media only screen and (max-width: 599px) {
  .techniqueGuidesPage .guideItem,
  .topicPage .guideItem {
    padding: 0 10px;
  }
}

.techniqueGuidesPage .guideItem.l1 .header .stepLevel,
.topicPage .guideItem.l1 .header .stepLevel {
  background: #dfeafb;
  color: #2a65c0;
}

.techniqueGuidesPage .guideItem.l1 .header .stepLevel.stepLevelStatus,
.topicPage .guideItem.l1 .header .stepLevel.stepLevelStatus {
  background: white;
}

.techniqueGuidesPage .guideItem.l1 .header .stepLevel.stepLevelStatus i.icon,
.topicPage .guideItem.l1 .header .stepLevel.stepLevelStatus i.icon {
  color: #dfeafb;
}

.techniqueGuidesPage .guideItem.l2 .header .stepLevel,
.topicPage .guideItem.l2 .header .stepLevel {
  background: #b8d0f8;
  color: #2a65c0;
}

.techniqueGuidesPage .guideItem.l2 .header .stepLevel.stepLevelStatus,
.topicPage .guideItem.l2 .header .stepLevel.stepLevelStatus {
  background: white;
}

.techniqueGuidesPage .guideItem.l2 .header .stepLevel.stepLevelStatus i.icon,
.topicPage .guideItem.l2 .header .stepLevel.stepLevelStatus i.icon {
  color: #b8d0f8;
}

.techniqueGuidesPage .guideItem.l3 .header .stepLevel,
.topicPage .guideItem.l3 .header .stepLevel {
  background: #6b98df;
  color: white;
}

.techniqueGuidesPage .guideItem.l3 .header .stepLevel.stepLevelStatus,
.topicPage .guideItem.l3 .header .stepLevel.stepLevelStatus {
  background: white;
}

.techniqueGuidesPage .guideItem.l3 .header .stepLevel.stepLevelStatus i.icon,
.topicPage .guideItem.l3 .header .stepLevel.stepLevelStatus i.icon {
  color: #6b98df;
}

.techniqueGuidesPage .guideItem.l4 .header .stepLevel,
.topicPage .guideItem.l4 .header .stepLevel {
  background: #2a65c0;
  color: white;
}

.techniqueGuidesPage .guideItem.l4 .header .stepLevel.stepLevelStatus,
.topicPage .guideItem.l4 .header .stepLevel.stepLevelStatus {
  background: white;
}

.techniqueGuidesPage .guideItem.l4 .header .stepLevel.stepLevelStatus i.icon,
.topicPage .guideItem.l4 .header .stepLevel.stepLevelStatus i.icon {
  color: #2a65c0;
}

.techniqueGuidesPage .guideItem.l5 .header .stepLevel,
.topicPage .guideItem.l5 .header .stepLevel {
  background: #1e4181;
  color: white;
}

.techniqueGuidesPage .guideItem.l5 .header .stepLevel.stepLevelStatus,
.topicPage .guideItem.l5 .header .stepLevel.stepLevelStatus {
  background: white;
}

.techniqueGuidesPage .guideItem.l5 .header .stepLevel.stepLevelStatus i.icon,
.topicPage .guideItem.l5 .header .stepLevel.stepLevelStatus i.icon {
  color: #1e4181;
}

.techniqueGuidesPage .guideItem.percent0,
.topicPage .guideItem.percent0 {
  border-right: 3px solid transparent;
}

.techniqueGuidesPage .guideItem.percent20,
.topicPage .guideItem.percent20 {
  border-right: 3px solid #CAEDF0;
}

.techniqueGuidesPage .guideItem.percent40,
.topicPage .guideItem.percent40 {
  border-right: 3px solid #84D5DC;
}

.techniqueGuidesPage .guideItem.percent60,
.topicPage .guideItem.percent60 {
  border-right: 3px solid #61C9D2;
}

.techniqueGuidesPage .guideItem.percent80,
.topicPage .guideItem.percent80 {
  border-right: 3px solid #3EBDC9;
}

.techniqueGuidesPage .guideItem.percent100,
.topicPage .guideItem.percent100 {
  border-right: 3px solid #339BA5;
}

.techniqueGuidesPage .guideItem.expanded.percent20,
.topicPage .guideItem.expanded.percent20 {
  border-right: none;
}

.techniqueGuidesPage .guideItem.expanded.percent40,
.topicPage .guideItem.expanded.percent40 {
  border-right: none;
}

.techniqueGuidesPage .guideItem.expanded.percent60,
.topicPage .guideItem.expanded.percent60 {
  border-right: none;
}

.techniqueGuidesPage .guideItem.expanded.percent80,
.topicPage .guideItem.expanded.percent80 {
  border-right: none;
}

.techniqueGuidesPage .guideItem.expanded.percent100,
.topicPage .guideItem.expanded.percent100 {
  border-right: none;
}

.techniqueGuidesPage .guideItem.expanded .title .attachment .actions .show-steps-link,
.topicPage .guideItem.expanded .title .attachment .actions .show-steps-link {
  display: none;
}

.techniqueGuidesPage .guideItem.expanded > .title .skillmasterFilters,
.topicPage .guideItem.expanded > .title .skillmasterFilters {
  display: block;
}

.techniqueGuidesPage .guideItem.expanded.show-history .steps,
.topicPage .guideItem.expanded.show-history .steps {
  display: none;
}

.techniqueGuidesPage .guideItem.expanded.show-history .requestEvaluation,
.topicPage .guideItem.expanded.show-history .requestEvaluation {
  display: none;
}

.techniqueGuidesPage .guideItem.expanded.show-history .title .attachment .actions .history,
.topicPage .guideItem.expanded.show-history .title .attachment .actions .history {
  display: none;
}

.techniqueGuidesPage .guideItem.expanded.show-history .title .attachment .actions .show-steps-link,
.topicPage .guideItem.expanded.show-history .title .attachment .actions .show-steps-link {
  display: inline-block;
}

.techniqueGuidesPage .guideItem.expanded.show-history .history,
.topicPage .guideItem.expanded.show-history .history {
  display: block;
  -webkit-animation: steps 0.3s ease-in-out;
  animation: steps 0.3s ease-in-out;
}

.techniqueGuidesPage .guideItem.expanded.show-requestEvaluation .steps,
.topicPage .guideItem.expanded.show-requestEvaluation .steps {
  display: none;
}

.techniqueGuidesPage .guideItem.expanded.show-requestEvaluation .history,
.topicPage .guideItem.expanded.show-requestEvaluation .history {
  display: none;
}

.techniqueGuidesPage .guideItem.expanded.show-requestEvaluation .title .attachment .actions .evaluation,
.topicPage .guideItem.expanded.show-requestEvaluation .title .attachment .actions .evaluation {
  display: none;
}

.techniqueGuidesPage .guideItem.expanded.show-requestEvaluation .title .attachment .actions .show-steps-link,
.topicPage .guideItem.expanded.show-requestEvaluation .title .attachment .actions .show-steps-link {
  display: inline-block;
}

.techniqueGuidesPage .guideItem.expanded.show-requestEvaluation .requestEvaluation,
.topicPage .guideItem.expanded.show-requestEvaluation .requestEvaluation {
  display: block;
  -webkit-animation: steps 0.3s ease-in-out;
  animation: steps 0.3s ease-in-out;
}

.techniqueGuidesPage .guideItem.expanded .title .attachment,
.topicPage .guideItem.expanded .title .attachment {
  display: block;
}

.techniqueGuidesPage .guideItem.expanded .header .toggle,
.topicPage .guideItem.expanded .header .toggle {
  display: none;
}

.techniqueGuidesPage .guideItem.expanded .header .icon-arrow-bottom,
.topicPage .guideItem.expanded .header .icon-arrow-bottom {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.techniqueGuidesPage .guideItem.expanded .steps,
.topicPage .guideItem.expanded .steps {
  display: block;
  -webkit-animation: steps 0.3s ease-in-out;
  animation: steps 0.3s ease-in-out;
}

.techniqueGuidesPage .guideItem.expanded .tags,
.topicPage .guideItem.expanded .tags {
  display: none;
}

.techniqueGuidesPage .guideItem.expanded .title,
.topicPage .guideItem.expanded .title {
  float: left;
  width: 260px;
  display: block;
}

@media only screen and (max-width: 1023px) {
  .techniqueGuidesPage .guideItem.expanded .title,
  .topicPage .guideItem.expanded .title {
    float: none;
    width: 100%;
  }
}

.techniqueGuidesPage .guideItem.expanded .title .name,
.topicPage .guideItem.expanded .title .name {
  width: 185px;
}

.techniqueGuidesPage .guideItem .historyItem,
.topicPage .guideItem .historyItem {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 20px;
}

.techniqueGuidesPage .guideItem .historyItem:last-of-type:after,
.topicPage .guideItem .historyItem:last-of-type:after {
  display: none;
}

.techniqueGuidesPage .guideItem .historyItem:after,
.topicPage .guideItem .historyItem:after {
  position: absolute;
  top: 0;
  left: 13px;
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  background: #898989;
}

.techniqueGuidesPage .guideItem .historyItem .type,
.topicPage .guideItem .historyItem .type {
  position: relative;
  display: block;
  float: left;
  z-index: 2;
  width: 24px;
  height: 24px;
  border: 2px solid #898989;
  border-radius: 50%;
  background: white;
  text-align: center;
  vertical-align: top;
  line-height: 23px;
}

.techniqueGuidesPage .guideItem .historyItem .type i,
.topicPage .guideItem .historyItem .type i {
  line-height: 24px;
}

.techniqueGuidesPage .guideItem .historyItem .content,
.topicPage .guideItem .historyItem .content {
  margin-left: 28px;
  padding-left: 15px;
}

.techniqueGuidesPage .guideItem .historyItem .content h4,
.topicPage .guideItem .historyItem .content h4 {
  font-size: 14px;
  padding-bottom: 2px;
}

.techniqueGuidesPage .guideItem .historyItem .content .date,
.topicPage .guideItem .historyItem .content .date {
  font-size: 12px;
  color: #999;
}

.techniqueGuidesPage .guideItem .historyItem .left,
.topicPage .guideItem .historyItem .left {
  display: inline-block;
  vertical-align: middle;
}

.techniqueGuidesPage .guideItem .historyItem .right,
.topicPage .guideItem .historyItem .right {
  display: inline-block;
  padding-left: 30px;
}

.techniqueGuidesPage .guideItem .historyItem .right b,
.topicPage .guideItem .historyItem .right b {
  display: inline-block;
  font-weight: bold;
}

.techniqueGuidesPage .guideItem .historyItem .right p,
.topicPage .guideItem .historyItem .right p {
  padding-left: 15px;
  display: inline-block;
  color: #7da2dd;
}

.techniqueGuidesPage .guideItem .historyItem .right p i,
.topicPage .guideItem .historyItem .right p i {
  font-size: 12px;
}

.techniqueGuidesPage .guideItem .historyItem.evaluation .type i,
.topicPage .guideItem .historyItem.evaluation .type i {
  color: #5f7ba7;
  font-size: 15px;
}

.techniqueGuidesPage .guideItem .historyItem.comment .type,
.topicPage .guideItem .historyItem.comment .type {
  border: none;
}

.techniqueGuidesPage .guideItem .historyItem.comment .content .name,
.topicPage .guideItem .historyItem.comment .content .name {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}

.techniqueGuidesPage .guideItem .historyItem.comment .content .status,
.topicPage .guideItem .historyItem.comment .content .status {
  display: inline-block;
  font-size: 14px;
  color: #333;
}

.techniqueGuidesPage .guideItem .historyItem.comment .content .date,
.topicPage .guideItem .historyItem.comment .content .date {
  display: inline-block;
}

.techniqueGuidesPage .guideItem .historyItem.comment .content .badge,
.topicPage .guideItem .historyItem.comment .content .badge {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
  font-size: 14px;
  background: #5f7ba7;
  color: white;
}

.techniqueGuidesPage .guideItem .historyItem.comment .content .text,
.topicPage .guideItem .historyItem.comment .content .text {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  padding: 7px 15px;
  width: 40%;
  border-radius: 2px;
  font-size: 12px;
  background: #eaeaea;
  color: #333;
}

.techniqueGuidesPage .guideItem .historyItem.comment .content .text:before,
.topicPage .guideItem .historyItem.comment .content .text:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  border: 4px solid transparent;
  border-left: 4px solid #eaeaea;
  border-top: 4px solid #eaeaea;
}

.techniqueGuidesPage .guideItem .historyItem.start .type i,
.topicPage .guideItem .historyItem.start .type i {
  color: #79c969;
  font-size: 11px;
}

.techniqueGuidesPage .guideItem .historyItem.test.done .type i,
.topicPage .guideItem .historyItem.test.done .type i {
  color: #79c969;
}

.techniqueGuidesPage .guideItem .historyItem.test.done .type i:after,
.topicPage .guideItem .historyItem.test.done .type i:after {
  content: '!';
  position: absolute;
  top: -4px;
  right: -9px;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  line-height: 14px;
  font-weight: bold;
  background: #99da8a;
  color: white;
}

.techniqueGuidesPage .guideItem .historyItem.test.done h4,
.topicPage .guideItem .historyItem.test.done h4 {
  font-size: 16px;
  font-weight: bold;
  color: #404040;
}

.techniqueGuidesPage .guideItem .historyItem.test .type i,
.topicPage .guideItem .historyItem.test .type i {
  color: #898989;
  font-size: 12px;
}

.techniqueGuidesPage .guideItem .historyItem.video .type i,
.topicPage .guideItem .historyItem.video .type i {
  color: #898989;
  font-size: 11px;
}

.techniqueGuidesPage .guideItem .toggle,
.topicPage .guideItem .toggle {
  float: right;
  margin-left: 10px;
  padding: 5px 0;
}

.techniqueGuidesPage .guideItem .toggle i.icon-arrow-top,
.topicPage .guideItem .toggle i.icon-arrow-top,
.techniqueGuidesPage .guideItem .toggle i.icon-arrow-bottom,
.topicPage .guideItem .toggle i.icon-arrow-bottom {
  vertical-align: middle;
  font-size: 7px;
  color: #c4c4c4;
}

.techniqueGuidesPage .guideItem .header,
.topicPage .guideItem .header {
  padding: 10px 10px 10px 0;
  cursor: pointer;
}

.techniqueGuidesPage .guideItem .header .stepLevel,
.topicPage .guideItem .header .stepLevel {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 16px;
  color: #2a65c0;
  background: #dfeafb;
  line-height: 30px;
  text-align: center;
}

.techniqueGuidesPage .guideItem .header .name,
.topicPage .guideItem .header .name {
  display: inline-block;
  padding-left: 10px;
  line-height: 1.2;
  font-size: 16px;
  vertical-align: middle;
  font-weight: bold;
}

.techniqueGuidesPage .guideItem .header .header > i.icon-arrow-top,
.topicPage .guideItem .header .header > i.icon-arrow-top {
  display: none;
  float: right;
  margin-right: 5px;
  margin-top: 5px;
}

.techniqueGuidesPage .guideItem .header .tags,
.topicPage .guideItem .header .tags {
  -webkit-animation: steps 0.3s ease-in-out;
  animation: steps 0.3s ease-in-out;
  float: right;
}

@media only screen and (max-width: 599px) {
  .techniqueGuidesPage .guideItem .header .tags,
  .topicPage .guideItem .header .tags {
    display: none;
  }
}

.techniqueGuidesPage .guideItem .header .tags .space,
.topicPage .guideItem .header .tags .space {
  width: 53px;
  display: inline-block;
}

.techniqueGuidesPage .guideItem .header .tags .historyItem,
.topicPage .guideItem .header .tags .historyItem {
  display: inline-block;
  vertical-align: top;
  color: #999999;
}

.techniqueGuidesPage .guideItem .header .tags .historyItem .content,
.topicPage .guideItem .header .tags .historyItem .content {
  padding-left: 9px;
}

.techniqueGuidesPage .guideItem .header .tags .historyItem:after,
.topicPage .guideItem .header .tags .historyItem:after {
  display: none;
}

.techniqueGuidesPage .guideItem .header .tags .tabs,
.topicPage .guideItem .header .tags .tabs {
  display: inline-block;
  vertical-align: top;
}

.techniqueGuidesPage .guideItem .header .tags .tabs .video,
.topicPage .guideItem .header .tags .tabs .video {
  width: 45px;
}

.techniqueGuidesPage .guideItem .header .tags .tabs .evidence,
.topicPage .guideItem .header .tags .tabs .evidence {
  width: 55px;
}

.techniqueGuidesPage .guideItem .header .tags .tabs .question,
.topicPage .guideItem .header .tags .tabs .question {
  width: 25px;
}

.techniqueGuidesPage .guideItem .header .tags .tabs li,
.topicPage .guideItem .header .tags .tabs li {
  height: 25px;
  box-sizing: border-box;
  text-align: center;
  background: none;
}

.techniqueGuidesPage .guideItem .header .tags .tabs li a,
.topicPage .guideItem .header .tags .tabs li a {
  display: block;
  padding: 0;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  font-size: 14px;
  background: #f3f3f3;
  color: #c0c0c0;
  min-width: initial;
}

.techniqueGuidesPage .guideItem .header .tags .tabs i.icon.icon-question-sign,
.topicPage .guideItem .header .tags .tabs i.icon.icon-question-sign {
  padding: 4px 5.5px;
  margin: 0;
  font-size: 8px;
  border-radius: 50%;
  background: #7da2dd;
  color: white;
}

.techniqueGuidesPage .guideItem .header .tags .tabs i.icon,
.topicPage .guideItem .header .tags .tabs i.icon {
  font-size: 14px;
  margin-right: 2px;
  vertical-align: middle;
}

.techniqueGuidesPage .guideItem .header .tags .pearls,
.topicPage .guideItem .header .tags .pearls,
.techniqueGuidesPage .guideItem .header .tags .pitfalls,
.topicPage .guideItem .header .tags .pitfalls {
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  color: white;
}

.techniqueGuidesPage .guideItem .header .tags .pearls,
.topicPage .guideItem .header .tags .pearls {
  background: #b8d0f8;
}

.techniqueGuidesPage .guideItem .header .tags .pitfalls,
.topicPage .guideItem .header .tags .pitfalls {
  background: #c556cc;
}

.techniqueGuidesPage .guideItem .header .tags .icon-add-note,
.topicPage .guideItem .header .tags .icon-add-note {
  vertical-align: middle;
  font-size: 17px;
  color: #666666;
}

.techniqueGuidesPage .guideItem .title,
.topicPage .guideItem .title {
  -webkit-animation: steps 0.3s ease-in-out;
  animation: steps 0.3s ease-in-out;
}

.techniqueGuidesPage .guideItem .title .attachment,
.topicPage .guideItem .title .attachment {
  display: none;
  text-align: left;
  margin-top: 15px;
  margin-left: 45px;
}

@media only screen and (max-width: 1023px) {
  .techniqueGuidesPage .guideItem .title .attachment,
  .topicPage .guideItem .title .attachment {
    text-align: left;
  }
}

.techniqueGuidesPage .guideItem .title .attachment .video,
.topicPage .guideItem .title .attachment .video {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 150px;
  height: 110px;
}

.techniqueGuidesPage .guideItem .title .attachment .video i,
.topicPage .guideItem .title .attachment .video i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22.5px;
  margin-left: -22.5px;
  font-size: 45px;
  color: white;
}

.techniqueGuidesPage .guideItem .title .attachment .video a,
.topicPage .guideItem .title .attachment .video a {
  display: block;
}

.techniqueGuidesPage .guideItem .title .attachment .video img,
.topicPage .guideItem .title .attachment .video img {
  width: 100%;
}

.techniqueGuidesPage .guideItem .title .attachment .links,
.topicPage .guideItem .title .attachment .links {
  padding-top: 5px;
}

.techniqueGuidesPage .guideItem .title .attachment .links a,
.topicPage .guideItem .title .attachment .links a {
  display: inline-block;
  margin: 0 2px;
}

.techniqueGuidesPage .guideItem .title .attachment .links i,
.topicPage .guideItem .title .attachment .links i {
  font-size: 19px;
  color: #c0c0c0;
}

.techniqueGuidesPage .guideItem .title .attachment .actions,
.topicPage .guideItem .title .attachment .actions {
  text-align: left;
  margin-top: 10px;
}

.techniqueGuidesPage .guideItem .title .attachment .actions a,
.topicPage .guideItem .title .attachment .actions a {
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  width: 150px;
  height: 30px;
  margin: 5px 0;
  font-size: 12px;
  line-height: 30px;
  color: white;
  text-decoration: none;
  text-align: center;
}

.techniqueGuidesPage .guideItem .title .attachment .actions a i,
.topicPage .guideItem .title .attachment .actions a i {
  position: absolute;
  left: 5px;
  font-size: 17px;
  vertical-align: middle;
}

.techniqueGuidesPage .guideItem .title .attachment .actions .evaluation,
.topicPage .guideItem .title .attachment .actions .evaluation {
  background: #8596b3;
  padding-left: 25px;
}

.techniqueGuidesPage .guideItem .title .attachment .actions .evaluation i,
.topicPage .guideItem .title .attachment .actions .evaluation i {
  top: 5px;
  font-size: 17px;
}

.techniqueGuidesPage .guideItem .title .attachment .actions .test,
.topicPage .guideItem .title .attachment .actions .test {
  background: #79c969;
}

.techniqueGuidesPage .guideItem .title .attachment .actions .test i,
.topicPage .guideItem .title .attachment .actions .test i {
  top: 3px;
  font-size: 24px;
}

.techniqueGuidesPage .guideItem .title .attachment .actions .history,
.topicPage .guideItem .title .attachment .actions .history {
  background: #f3f3f3;
  color: #bebebe;
}

.techniqueGuidesPage .guideItem .title .attachment .actions .history i,
.topicPage .guideItem .title .attachment .actions .history i {
  top: 7px;
  right: 5px;
  left: auto;
  font-size: 15px;
  color: #bebebe;
}

.techniqueGuidesPage .guideItem .title .skillmasterFilters,
.topicPage .guideItem .title .skillmasterFilters {
  display: none;
}

.techniqueGuidesPage .guideItem .steps,
.topicPage .guideItem .steps {
  display: none;
  margin-left: 260px;
  border-left: 1px solid #f3f3f3;
}

@media only screen and (max-width: 1023px) {
  .techniqueGuidesPage .guideItem .steps,
  .topicPage .guideItem .steps {
    margin-left: 0;
    border-left: none;
  }
}

.techniqueGuidesPage .guideItem .steps .toggle,
.topicPage .guideItem .steps .toggle {
  margin: 10px;
  position: absolute;
  right: 0px;
  cursor: pointer;
  z-index: 1000;
}

.techniqueGuidesPage .guideItem > .history,
.topicPage .guideItem > .history {
  display: none;
  margin-left: 260px;
  border-left: 1px solid #f3f3f3;
  padding: 15px 0 0 15px;
}

@media only screen and (max-width: 1023px) {
  .techniqueGuidesPage .guideItem > .history,
  .topicPage .guideItem > .history {
    margin-left: 0;
    border-left: none;
  }
}

.techniqueGuidesPage .guideItem > .history h2,
.topicPage .guideItem > .history h2 {
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
}

.techniqueGuidesPage .guideItem > .evidences,
.topicPage .guideItem > .evidences {
  display: none;
  margin-left: 260px;
  border-left: 1px solid #f3f3f3;
  padding: 15px 0 0 0;
}

@media only screen and (max-width: 1023px) {
  .techniqueGuidesPage .guideItem > .evidences,
  .topicPage .guideItem > .evidences {
    margin-left: 0;
    border-left: none;
  }
}

.techniqueGuidesPage .guideItem > .evidences h2,
.topicPage .guideItem > .evidences h2 {
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
}

.techniqueGuidesPage .guideItem > .evidences .posts,
.topicPage .guideItem > .evidences .posts {
  display: table;
}

.techniqueGuidesPage .guideItem > .evidences .dashboardItem,
.topicPage .guideItem > .evidences .dashboardItem {
  padding-right: 30px;
}

.techniqueGuidesPage .guideItem > .evidences .dashboardItem-content,
.topicPage .guideItem > .evidences .dashboardItem-content {
  padding-left: 5px;
}

.techniqueGuidesPage .guideItem .stepItem,
.topicPage .guideItem .stepItem {
  border-bottom: 1px solid #f3f3f3;
  padding: 10px 45px 10px 0;
}

@media only screen and (max-width: 1023px) {
  .techniqueGuidesPage .guideItem .stepItem:first-of-type,
  .topicPage .guideItem .stepItem:first-of-type {
    border-top: 1px solid #f3f3f3;
  }
}

.techniqueGuidesPage .guideItem .stepItem:last-of-type,
.topicPage .guideItem .stepItem:last-of-type {
  border-bottom: none;
}

.techniqueGuidesPage .guideItem .stepItem.hasPearlsPitfalls .content,
.topicPage .guideItem .stepItem.hasPearlsPitfalls .content {
  margin-left: 0;
  padding-right: 20px;
  box-sizing: border-box;
}

.techniqueGuidesPage .guideItem .stepItem .content,
.topicPage .guideItem .stepItem .content {
  margin-left: 60px;
}

.techniqueGuidesPage .guideItem .stepItem .content > h2,
.topicPage .guideItem .stepItem .content > h2 {
  font-size: 16px;
  font-weight: bold;
}

.techniqueGuidesPage .guideItem .stepItem .content > p,
.topicPage .guideItem .stepItem .content > p {
  margin-top: 10px;
  font-size: 14px;
}

.techniqueGuidesPage .guideItem .stepItem .content a,
.topicPage .guideItem .stepItem .content a {
  color: #90afe6;
  text-decoration: underline;
}

.techniqueGuidesPage .guideItem .stepItem .content > ul,
.topicPage .guideItem .stepItem .content > ul {
  margin-top: 10px;
  padding-left: 17px;
}

.techniqueGuidesPage .guideItem .stepItem .content > ul li,
.topicPage .guideItem .stepItem .content > ul li {
  list-style: disc outside;
  line-height: 1.3;
  font-size: 14px;
  color: #333;
}

.techniqueGuidesPage .guideItem .stepItem .content > ul li.bullet_level_1,
.topicPage .guideItem .stepItem .content > ul li.bullet_level_1 {
  list-style: disc outside;
}

.techniqueGuidesPage .guideItem .stepItem .content > ul li.bullet_level_2,
.topicPage .guideItem .stepItem .content > ul li.bullet_level_2 {
  margin-left: 15px;
  list-style: circle outside;
}

.techniqueGuidesPage .guideItem .stepItem .content > ul li.bullet_level_3,
.topicPage .guideItem .stepItem .content > ul li.bullet_level_3 {
  margin-left: 30px;
  list-style: square outside;
}

.techniqueGuidesPage .guideItem .stepItem .content table.type1,
.topicPage .guideItem .stepItem .content table.type1 {
  margin-top: 25px;
  border: 1px solid #f3f3f3;
  width: 100%;
  max-width: 450px;
}

.techniqueGuidesPage .guideItem .stepItem .content table.type1 .id,
.topicPage .guideItem .stepItem .content table.type1 .id {
  width: 35px;
  padding: 0 5px;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 18px;
  background: #eaeaea;
  color: #505050;
  border: 1px solid #f3f3f3;
}

.techniqueGuidesPage .guideItem .stepItem .content table.type1 .subTitle,
.topicPage .guideItem .stepItem .content table.type1 .subTitle {
  width: 130px;
  padding: 0 20px;
  background: #f9f9f9;
  color: #505050;
  font-size: 14px;
  vertical-align: middle;
  border: 1px solid #f3f3f3;
}

.techniqueGuidesPage .guideItem .stepItem .content table.type1 td,
.topicPage .guideItem .stepItem .content table.type1 td {
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.2;
}

.techniqueGuidesPage .guideItem .stepItem .content table.type2,
.topicPage .guideItem .stepItem .content table.type2 {
  margin-top: 25px;
  width: 100%;
  max-width: 450px;
}

.techniqueGuidesPage .guideItem .stepItem .content table.type2 thead th,
.topicPage .guideItem .stepItem .content table.type2 thead th {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  background: #f3f3f3;
  padding: 5px 10px;
}

.techniqueGuidesPage .guideItem .stepItem .content table.type2 tr:last-of-type td,
.topicPage .guideItem .stepItem .content table.type2 tr:last-of-type td {
  border-bottom: none;
}

.techniqueGuidesPage .guideItem .stepItem .content table.type2 tr td:first-of-type,
.topicPage .guideItem .stepItem .content table.type2 tr td:first-of-type {
  border-left: none;
}

.techniqueGuidesPage .guideItem .stepItem .content table.type2 tr td:last-of-type,
.topicPage .guideItem .stepItem .content table.type2 tr td:last-of-type {
  border-right: none;
}

.techniqueGuidesPage .guideItem .stepItem .content table.type2 td,
.topicPage .guideItem .stepItem .content table.type2 td {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.2;
  border: 1px solid #f3f3f3;
}

@media only screen and (max-width: 1023px) {
  .techniqueGuidesPage .guideItem .stepItem .notes,
  .topicPage .guideItem .stepItem .notes {
    margin-top: 10px;
  }
}

.techniqueGuidesPage .guideItem .stepItem .notes .pearls,
.topicPage .guideItem .stepItem .notes .pearls,
.techniqueGuidesPage .guideItem .stepItem .notes .pitfalls,
.topicPage .guideItem .stepItem .notes .pitfalls {
  display: block;
  box-sizing: border-box;
  max-width: 300px;
  min-height: 100px;
  border-right: 1px solid white;
  font-size: 14px;
  color: #333333;
  background: #f9f9f9;
}

.techniqueGuidesPage .guideItem .stepItem .notes .pearls.empty,
.topicPage .guideItem .stepItem .notes .pearls.empty,
.techniqueGuidesPage .guideItem .stepItem .notes .pitfalls.empty,
.topicPage .guideItem .stepItem .notes .pitfalls.empty {
  background: none;
}

.techniqueGuidesPage .guideItem .stepItem .notes header,
.topicPage .guideItem .stepItem .notes header {
  height: 25px;
  line-height: 25px;
  text-transform: uppercase;
  padding-left: 5px;
  color: white;
}

.techniqueGuidesPage .guideItem .stepItem .notes .pearls header,
.topicPage .guideItem .stepItem .notes .pearls header {
  background: #b8d0f8;
}

.techniqueGuidesPage .guideItem .stepItem .notes .pitfalls header,
.topicPage .guideItem .stepItem .notes .pitfalls header {
  background: #c556cc;
}

.techniqueGuidesPage .guideItem .stepItem .notes ul,
.topicPage .guideItem .stepItem .notes ul {
  padding: 5px;
}

.techniqueGuidesPage .guideItem .stepItem .notes li,
.topicPage .guideItem .stepItem .notes li {
  list-style: disc;
  margin-left: 20px;
  line-height: 1.2;
  box-sizing: border-box;
}

.techniqueGuidesPage .requestEvaluation,
.topicPage .requestEvaluation {
  background: #f3f3f3;
  display: none;
  margin-left: 260px;
  border-left: 1px solid #f3f3f3;
}

.techniqueGuidesPage .requestEvaluation .avatar,
.topicPage .requestEvaluation .avatar {
  max-width: 60px;
  vertical-align: middle;
}

.techniqueGuidesPage .requestEvaluation .info,
.topicPage .requestEvaluation .info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
}

.techniqueGuidesPage .requestEvaluation .info .name,
.topicPage .requestEvaluation .info .name {
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  color: #282828;
}

.techniqueGuidesPage .requestEvaluation .info .message,
.topicPage .requestEvaluation .info .message {
  margin-left: 20px;
  color: #bbbbbb;
  font-size: 12px;
}

.techniqueGuidesPage .requestEvaluation .info .skills,
.topicPage .requestEvaluation .info .skills {
  font-size: 12px;
  color: #aeaeae;
}

.techniqueGuidesPage .requestEvaluation .info .skills span:not(:last-of-type):after,
.topicPage .requestEvaluation .info .skills span:not(:last-of-type):after {
  content: '|';
  position: relative;
  top: -1px;
  display: inline-block;
  padding-left: 5px;
}

.techniqueGuidesPage .requestEvaluation .topicProgress,
.topicPage .requestEvaluation .topicProgress {
  float: right;
  margin: 15px 10px 0 0;
}

.techniqueGuidesPage .requestEvaluation .levelHeader,
.topicPage .requestEvaluation .levelHeader {
  background: #5f7ba7;
  overflow: hidden;
}

.techniqueGuidesPage .requestEvaluation .levelHeader .title,
.topicPage .requestEvaluation .levelHeader .title {
  float: left;
  padding: 10px 15px;
}

.techniqueGuidesPage .requestEvaluation .levelHeader .title p,
.topicPage .requestEvaluation .levelHeader .title p {
  font-size: 14px;
  color: #d7dde7;
  padding-bottom: 10px;
}

.techniqueGuidesPage .requestEvaluation .levelHeader .title h2,
.topicPage .requestEvaluation .levelHeader .title h2 {
  color: white;
  font-size: 18px;
  font-weight: normal;
}

.techniqueGuidesPage .requestEvaluation .levelHeader .level,
.topicPage .requestEvaluation .levelHeader .level {
  float: right;
  text-align: center;
  padding: 8px;
}

.techniqueGuidesPage .requestEvaluation .levelHeader .level p,
.topicPage .requestEvaluation .levelHeader .level p {
  text-transform: uppercase;
  font-size: 11px;
  color: #d7dde7;
  padding-bottom: 10px;
}

.techniqueGuidesPage .requestEvaluation .levelHeader .level h2,
.topicPage .requestEvaluation .levelHeader .level h2 {
  font-size: 24px;
  color: white;
  font-weight: normal;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper,
.topicPage .requestEvaluation .infoWrapper {
  padding: 10px 15px 25px;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper p,
.topicPage .requestEvaluation .infoWrapper p {
  font-size: 14px;
  color: #666666;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .info-item,
.topicPage .requestEvaluation .infoWrapper .info-item {
  display: inline-block;
  padding-top: 10px;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .info-item label,
.topicPage .requestEvaluation .infoWrapper .info-item label {
  display: block;
  padding-bottom: 5px;
  width: 162px;
  font-size: 14px;
  color: #8d8d8d;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .info-item label #fileupload,
.topicPage .requestEvaluation .infoWrapper .info-item label #fileupload {
  width: 0;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .info-item input,
.topicPage .requestEvaluation .infoWrapper .info-item input,
.techniqueGuidesPage .requestEvaluation .infoWrapper .info-item select,
.topicPage .requestEvaluation .infoWrapper .info-item select {
  border: 1px solid #eaeaea;
  color: black;
  height: 30px;
  box-sizing: border-box;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .info-item select,
.topicPage .requestEvaluation .infoWrapper .info-item select {
  width: 230px;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .file,
.topicPage .requestEvaluation .infoWrapper .file {
  padding-top: 5px;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .file label,
.topicPage .requestEvaluation .infoWrapper .file label {
  cursor: pointer;
  color: #5b739c;
  font-size: 14px;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .file label:before,
.topicPage .requestEvaluation .infoWrapper .file label:before {
  font-family: 'icomoon' !important;
  content: "\e945";
  font-size: 17px;
  color: #666666;
  vertical-align: bottom;
  position: relative;
  top: -2px;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .file input,
.topicPage .requestEvaluation .infoWrapper .file input {
  visibility: hidden;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .actions,
.topicPage .requestEvaluation .infoWrapper .actions {
  padding-top: 25px;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .actions button,
.topicPage .requestEvaluation .infoWrapper .actions button {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  border: none;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .actions button i,
.topicPage .requestEvaluation .infoWrapper .actions button i {
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .actions .submit,
.topicPage .requestEvaluation .infoWrapper .actions .submit {
  width: 270px;
  background: #8596b3;
  color: white;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .actions .submit i,
.topicPage .requestEvaluation .infoWrapper .actions .submit i {
  font-size: 20px;
  top: -2px;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .actions .decline,
.topicPage .requestEvaluation .infoWrapper .actions .decline {
  width: 115px;
  margin-left: 5px;
  background: #eaeaea;
  color: #787878;
}

.techniqueGuidesPage .requestEvaluation .infoWrapper .actions .decline i,
.topicPage .requestEvaluation .infoWrapper .actions .decline i {
  position: relative;
  top: -2px;
}

.guideItem {
  position: relative;
  border-bottom: 1px solid #f3f3f3;
  clear: both;
}

.guideItem:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

@media only screen and (max-width: 599px) {
  .guideItem {
    padding: 0 10px;
  }
}

.guideItem.l1 .header .stepLevel {
  background: #dfeafb;
  color: #2a65c0;
}

.guideItem.l2 .header .stepLevel {
  background: #b8d0f8;
  color: #2a65c0;
}

.guideItem.l3 .header .stepLevel {
  background: #6b98df;
  color: white;
}

.guideItem.l4 .header .stepLevel {
  background: #2a65c0;
  color: white;
}

.guideItem.l5 .header .stepLevel {
  background: #1e4181;
  color: white;
}

.guideItem.percent0 {
  border-right: 3px solid transparent;
}

.guideItem.percent20 {
  border-right: 3px solid #CAEDF0;
}

.guideItem.percent40 {
  border-right: 3px solid #84D5DC;
}

.guideItem.percent60 {
  border-right: 3px solid #61C9D2;
}

.guideItem.percent80 {
  border-right: 3px solid #3EBDC9;
}

.guideItem.percent100 {
  border-right: 3px solid #339BA5;
}

.guideItem.expanded.percent20 {
  border-right: none;
}

.guideItem.expanded.percent40 {
  border-right: none;
}

.guideItem.expanded.percent60 {
  border-right: none;
}

.guideItem.expanded.percent80 {
  border-right: none;
}

.guideItem.expanded.percent100 {
  border-right: none;
}

.guideItem.expanded.show-history .steps {
  display: none;
}

.guideItem.expanded.show-history .requestEvaluation {
  display: none;
}

.guideItem.expanded.show-history .history {
  display: block;
  -webkit-animation: steps 0.3s ease-in-out;
  animation: steps 0.3s ease-in-out;
}

.guideItem.expanded.show-requestEvaluation .steps {
  display: none;
}

.guideItem.expanded.show-requestEvaluation .history {
  display: none;
}

.guideItem.expanded.show-requestEvaluation .requestEvaluation {
  display: block;
  -webkit-animation: steps 0.3s ease-in-out;
  animation: steps 0.3s ease-in-out;
}

.guideItem.expanded .title .attachment {
  display: block;
}

.guideItem.expanded .header .toggle {
  display: none;
}

.guideItem.expanded .header .icon-arrow-bottom {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.guideItem.expanded .steps {
  display: block;
  -webkit-animation: steps 0.3s ease-in-out;
  animation: steps 0.3s ease-in-out;
}

.guideItem.expanded .evidences {
  display: block;
}

.guideItem.expanded .tags {
  display: none;
}

.guideItem.expanded .title {
  float: left;
  width: 260px;
  display: block;
}

@media only screen and (max-width: 1023px) {
  .guideItem.expanded .title {
    float: none;
    width: 100%;
  }
}

.guideItem.expanded .title .name {
  width: 185px;
}

.guideItem .historyItem {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 20px;
}

.guideItem .historyItem:last-of-type:after {
  display: none;
}

.guideItem .historyItem:after {
  position: absolute;
  top: 0;
  left: 13px;
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  background: #898989;
}

.guideItem .historyItem .type {
  position: relative;
  display: block;
  float: left;
  z-index: 2;
  width: 24px;
  height: 24px;
  border: 2px solid #898989;
  border-radius: 50%;
  background: white;
  text-align: center;
  vertical-align: top;
  line-height: 23px;
}

.guideItem .historyItem .type i {
  line-height: 24px;
}

.guideItem .historyItem .content {
  margin-left: 28px;
  padding-left: 15px;
}

.guideItem .historyItem .content h4 {
  font-size: 14px;
  padding-bottom: 2px;
}

.guideItem .historyItem .content .date {
  font-size: 12px;
  color: #999;
}

.guideItem .historyItem .left {
  display: inline-block;
  vertical-align: middle;
}

.guideItem .historyItem .right {
  display: inline-block;
  padding-left: 30px;
}

.guideItem .historyItem .right b {
  display: inline-block;
  font-weight: bold;
}

.guideItem .historyItem .right p {
  padding-left: 15px;
  display: inline-block;
  color: #7da2dd;
}

.guideItem .historyItem .right p i {
  font-size: 12px;
}

.guideItem .historyItem.evaluation .type i {
  color: #5f7ba7;
  font-size: 15px;
}

.guideItem .historyItem.comment .type {
  border: none;
}

.guideItem .historyItem.comment .content .name {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}

.guideItem .historyItem.comment .content .status {
  display: inline-block;
  font-size: 14px;
  color: #333;
}

.guideItem .historyItem.comment .content .date {
  display: inline-block;
}

.guideItem .historyItem.comment .content .badge {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
  font-size: 14px;
  background: #5f7ba7;
  color: white;
}

.guideItem .historyItem.comment .content .text {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  padding: 7px 15px;
  width: 40%;
  border-radius: 2px;
  font-size: 12px;
  background: #eaeaea;
  color: #333;
}

.guideItem .historyItem.comment .content .text:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  border: 4px solid transparent;
  border-left: 4px solid #eaeaea;
  border-top: 4px solid #eaeaea;
}

.guideItem .historyItem.start .type i {
  color: #79c969;
  font-size: 11px;
}

.guideItem .historyItem.test.done .type i {
  color: #79c969;
}

.guideItem .historyItem.test.done .type i:after {
  content: '!';
  position: absolute;
  top: -4px;
  right: -9px;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  line-height: 14px;
  font-weight: bold;
  background: #99da8a;
  color: white;
}

.guideItem .historyItem.test.done h4 {
  font-size: 16px;
  font-weight: bold;
  color: #404040;
}

.guideItem .historyItem.test .type i {
  color: #898989;
  font-size: 12px;
}

.guideItem .historyItem.video .type i {
  color: #898989;
  font-size: 11px;
}

.guideItem .toggle {
  float: right;
  margin-left: 10px;
  padding: 5px 0;
}

.guideItem .toggle i.icon-arrow-top,
.guideItem .toggle i.icon-arrow-bottom {
  vertical-align: middle;
  font-size: 7px;
  color: #c4c4c4;
}

.guideItem .header {
  padding: 10px 10px 10px 0;
  cursor: pointer;
}

.guideItem .header .stepLevel {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 16px;
  color: #2a65c0;
  background: #dfeafb;
  line-height: 30px;
  text-align: center;
}

.guideItem .header .name {
  display: inline-block;
  padding-left: 10px;
  line-height: 1.2;
  font-size: 16px;
  vertical-align: middle;
  font-weight: bold;
}

.guideItem .header .header > i.icon-arrow-top {
  display: none;
  float: right;
  margin-right: 5px;
  margin-top: 5px;
}

.guideItem .header .tags {
  -webkit-animation: steps 0.3s ease-in-out;
  animation: steps 0.3s ease-in-out;
  float: right;
}

@media only screen and (max-width: 599px) {
  .guideItem .header .tags {
    display: none;
  }
}

.guideItem .header .tags .space {
  width: 53px;
  display: inline-block;
}

.guideItem .header .tags .historyItem {
  display: inline-block;
  vertical-align: top;
  color: #999999;
}

.guideItem .header .tags .historyItem .content {
  padding-left: 9px;
}

.guideItem .header .tags .historyItem:after {
  display: none;
}

.guideItem .header .tags .tabs {
  display: inline-block;
  vertical-align: top;
}

.guideItem .header .tags .tabs .video {
  width: 45px;
}

.guideItem .header .tags .tabs .evidence {
  width: 55px;
}

.guideItem .header .tags .tabs .question {
  width: 25px;
}

.guideItem .header .tags .tabs li {
  height: 25px;
  box-sizing: border-box;
  text-align: center;
  background: none;
}

.guideItem .header .tags .tabs li a {
  display: block;
  padding: 0;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  font-size: 14px;
  background: #f3f3f3;
  color: #c0c0c0;
  min-width: initial;
}

.guideItem .header .tags .tabs i.icon.icon-question-sign {
  padding: 4px 5.5px;
  margin: 0;
  font-size: 8px;
  border-radius: 50%;
  background: #7da2dd;
  color: white;
}

.guideItem .header .tags .tabs i.icon {
  font-size: 14px;
  margin-right: 2px;
  vertical-align: middle;
}

.guideItem .header .tags .pearls,
.guideItem .header .tags .pitfalls {
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  color: white;
}

.guideItem .header .tags .pearls {
  background: #b8d0f8;
}

.guideItem .header .tags .pitfalls {
  background: #c556cc;
}

.guideItem .header .tags .icon-add-note {
  vertical-align: middle;
  font-size: 17px;
  color: #666666;
}

.guideItem .title {
  -webkit-animation: steps 0.3s ease-in-out;
  animation: steps 0.3s ease-in-out;
}

.guideItem .title .attachment {
  display: none;
  text-align: left;
  margin-top: 15px;
  margin-left: 45px;
}

@media only screen and (max-width: 1023px) {
  .guideItem .title .attachment {
    text-align: left;
  }
}

.guideItem .title .attachment .video {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 150px;
  height: 110px;
}

.guideItem .title .attachment .video i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22.5px;
  margin-left: -22.5px;
  font-size: 45px;
  color: white;
}

.guideItem .title .attachment .video a {
  display: block;
}

.guideItem .title .attachment .video img {
  width: 100%;
}

.guideItem .title .attachment .links {
  padding-top: 5px;
}

.guideItem .title .attachment .links a {
  display: inline-block;
  margin: 0 2px;
}

.guideItem .title .attachment .links i {
  font-size: 19px;
  color: #c0c0c0;
}

.guideItem .title .attachment .actions {
  text-align: left;
  margin-top: 10px;
}

.guideItem .title .attachment .actions a {
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  width: 150px;
  height: 30px;
  margin: 5px 0;
  font-size: 12px;
  line-height: 30px;
  color: white;
  text-decoration: none;
  text-align: center;
}

.guideItem .title .attachment .actions a i {
  position: absolute;
  left: 5px;
  font-size: 17px;
  vertical-align: middle;
}

.guideItem .title .attachment .actions .show-steps-link {
  background: #F9F9F9;
  color: #5F7BA7 !important;
  text-align: left !important;
  padding-left: 34px;
}

.guideItem .title .attachment .actions .show-steps-link i {
  top: 5px;
  font-size: 17px;
}

.guideItem .title .attachment .actions .evaluation {
  background: #8596b3;
  padding-left: 25px;
}

.guideItem .title .attachment .actions .evaluation i {
  top: 5px;
  font-size: 17px;
}

.guideItem .title .attachment .actions .test {
  background: #79c969;
}

.guideItem .title .attachment .actions .test i {
  top: 3px;
  font-size: 24px;
}

.guideItem .title .attachment .actions .history {
  background: #f3f3f3;
  color: #bebebe;
}

.guideItem .title .attachment .actions .history i {
  top: 7px;
  right: 5px;
  left: auto;
  font-size: 15px;
  color: #bebebe;
}

.guideItem .steps {
  display: none;
  margin-left: 260px;
  border-left: 1px solid #f3f3f3;
}

@media only screen and (max-width: 1023px) {
  .guideItem .steps {
    margin-left: 0;
    border-left: none;
  }
}

.guideItem .steps .toggle {
  margin: 10px;
  position: absolute;
  right: 0px;
}

.guideItem > .history {
  display: none;
  margin-left: 260px;
  border-left: 1px solid #f3f3f3;
  padding: 15px 0 0 15px;
}

@media only screen and (max-width: 1023px) {
  .guideItem > .history {
    margin-left: 0;
    border-left: none;
  }
}

.guideItem > .history h2 {
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
}

.guideItem .stepItem {
  border-bottom: 1px solid #f3f3f3;
  padding: 10px 45px 10px 0;
}

@media only screen and (max-width: 1023px) {
  .guideItem .stepItem:first-of-type {
    border-top: 1px solid #f3f3f3;
  }
}

.guideItem .stepItem:last-of-type {
  border-bottom: none;
}

.guideItem .stepItem.hasPearlsPitfalls .content {
  margin-left: 0;
  padding-right: 20px;
  box-sizing: border-box;
}

.guideItem .stepItem .content {
  margin-left: 60px;
}

.guideItem .stepItem .content > h2 {
  font-size: 16px;
  font-weight: bold;
}

.guideItem .stepItem .content > p {
  margin-top: 10px;
  font-size: 14px;
}

.guideItem .stepItem .content a {
  color: #90afe6;
  text-decoration: underline;
}

.guideItem .stepItem .content > ul {
  margin-top: 10px;
  padding-left: 17px;
}

.guideItem .stepItem .content > ul li {
  list-style: disc outside;
  line-height: 1.3;
  font-size: 14px;
  color: #333;
}

.guideItem .stepItem .content > ul li.noteWrapper {
  position: relative;
}

.guideItem .stepItem .content > ul li.bullet_level_1 {
  list-style: disc outside;
}

.guideItem .stepItem .content > ul li.bullet_level_2 {
  margin-left: 15px;
  list-style: circle outside;
}

.guideItem .stepItem .content > ul li.bullet_level_3 {
  margin-left: 30px;
  list-style: square outside;
}

.guideItem .stepItem .content table.type1 {
  margin-top: 25px;
  border: 1px solid #f3f3f3;
  width: 100%;
  max-width: 450px;
}

.guideItem .stepItem .content table.type1 .id {
  width: 35px;
  padding: 0 5px;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 18px;
  background: #eaeaea;
  color: #505050;
  border: 1px solid #f3f3f3;
}

.guideItem .stepItem .content table.type1 .subTitle {
  width: 130px;
  padding: 0 20px;
  background: #f9f9f9;
  color: #505050;
  font-size: 14px;
  vertical-align: middle;
  border: 1px solid #f3f3f3;
}

.guideItem .stepItem .content table.type1 td {
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.2;
}

.guideItem .stepItem .content table.type2 {
  margin-top: 25px;
  width: 100%;
  max-width: 450px;
}

.guideItem .stepItem .content table.type2 thead th {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  background: #f3f3f3;
  padding: 5px 10px;
}

.guideItem .stepItem .content table.type2 tr:last-of-type td {
  border-bottom: none;
}

.guideItem .stepItem .content table.type2 tr td:first-of-type {
  border-left: none;
}

.guideItem .stepItem .content table.type2 tr td:last-of-type {
  border-right: none;
}

.guideItem .stepItem .content table.type2 td {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.2;
  border: 1px solid #f3f3f3;
}

@media only screen and (max-width: 1023px) {
  .guideItem .stepItem .notes {
    margin-top: 10px;
  }
}

.guideItem .stepItem .notes .pearls,
.guideItem .stepItem .notes .pitfalls {
  box-sizing: border-box;
  margin-bottom: 5px;
  max-width: 300px;
  min-height: 100px;
  border-right: 1px solid white;
  font-size: 14px;
  color: #333333;
  background: #f9f9f9;
}

.guideItem .stepItem .notes .pearls.empty,
.guideItem .stepItem .notes .pitfalls.empty {
  background: none;
}

.guideItem .stepItem .notes header {
  height: 25px;
  line-height: 25px;
  text-transform: uppercase;
  padding-left: 5px;
  color: white;
}

.guideItem .stepItem .notes .pearls header {
  background: #b8d0f8;
}

.guideItem .stepItem .notes .pitfalls header {
  background: #c556cc;
}

.guideItem .stepItem .notes ul {
  padding: 5px 0;
}

.guideItem .stepItem .notes li {
  list-style: disc;
  margin-left: 20px;
  line-height: 1.2;
}

.techniqueGuidesPage .stepItem.percent0 {
  border-right: 3px solid transparent;
}

.techniqueGuidesPage .stepItem.percent20 {
  border-right: 3px solid #CAEDF0;
}

.techniqueGuidesPage .stepItem.percent40 {
  border-right: 3px solid #84D5DC;
}

.techniqueGuidesPage .stepItem.percent60 {
  border-right: 3px solid #61C9D2;
}

.techniqueGuidesPage .stepItem.percent80 {
  border-right: 3px solid #3EBDC9;
}

.techniqueGuidesPage .stepItem.percent100 {
  border-right: 3px solid #339BA5;
}

.cpt-codes .cpt-codes-value {
  cursor: default;
}

.cpt-codes__cptcode-input-container {
  display: inline-block;
  margin: 0 5px 3px 0;
}

.cpt-codes__wrapper {
  display: inline;
  padding: 0 5px 3px 0;
}

.cpt-codes-delete {
  position: absolute;
  right: -5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background-color: transparent;
  font-size: 16px;
  color: white;
  padding: 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  transition: 0.15s;
  outline: none;
}

.cpt-codes-delete:hover {
  color: #cfe6e9;
  border: none;
  box-shadow: none;
  background-color: transparent;
}

.hide-notes .noteControlWrapper {
  right: 20px;
}

.hide-notes .noteControl {
  width: 40px;
  height: 40px;
}

.hide-notes .noteControl .icon-add-note {
  float: right;
  padding-right: 3px;
}

.hide-notes .noteControl .icon-arrow-next-round {
  float: left;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media only screen and (min-width: 600px) {
  .hide-notes .noteControl {
    border-radius: 50%;
  }
}

.noteControlWrapper {
  position: absolute;
  right: 0;
  top: 0;
}

.technique-skill-box {
  border: 1px solid #CAEDF0;
}

.technique-skill-box:hover {
  border-radius: 0;
  background-color: #a2e0e5;
}

.technique-skill-box.percent20 {
  border: 1px solid #CAEDF0;
  background-color: #CAEDF0;
}

.technique-skill-box.percent20:hover {
  background-color: #a2e0e5;
}

.technique-skill-box.percent40 {
  border: 1px solid #84D5DC;
  background-color: #84D5DC;
}

.technique-skill-box.percent40:hover {
  background-color: #5cc7d1;
}

.technique-skill-box.percent60 {
  border: 1px solid #61C9D2;
  background-color: #61C9D2;
}

.technique-skill-box.percent60:hover {
  background-color: #39bbc7;
}

.technique-skill-box.percent80 {
  border: 1px solid #3EBDC9;
  background-color: #3EBDC9;
}

.technique-skill-box.percent80:hover {
  background-color: #2e9ba6;
}

.technique-skill-box.percent100 {
  border: 1px solid #339BA5;
  background-color: #339BA5;
}

.technique-skill-box.percent100:hover {
  background-color: #27767e;
}

.technique-task-list-skill-box {
  border: 1px solid #FF9600;
}

.technique-task-list-skill-box:hover {
  border-radius: 0;
  background-color: #ffcd86;
}

.technique-task-list-skill-box.skillmasterHistory-progress {
  color: #FF9600;
}

.technique-task-list-skill-box.percent20 {
  border: 1px solid #FFE2B9;
  color: white;
  background-color: #FFE2B9;
  visibility: visible;
}

.technique-task-list-skill-box.percent20:hover {
  background-color: #ffcd86;
}

.technique-task-list-skill-box.percent40 {
  border: 1px solid #FFBC5C;
  color: white;
  background-color: #FFBC5C;
  visibility: visible;
}

.technique-task-list-skill-box.percent40:hover {
  background-color: #ffa729;
}

.technique-task-list-skill-box.percent60 {
  border: 1px solid #FFA92E;
  color: white;
  background-color: #FFA92E;
  visibility: visible;
}

.technique-task-list-skill-box.percent60:hover {
  background-color: #fa9300;
}

.technique-task-list-skill-box.percent80 {
  border: 1px solid #FF9600;
  color: white;
  background-color: #FF9600;
  visibility: visible;
}

.technique-task-list-skill-box.percent80:hover {
  background-color: #cc7800;
}

.technique-task-list-skill-box.percent100 {
  border: 1px solid #e88a03;
  color: white;
  background-color: #e88a03;
  visibility: visible;
}

.technique-task-list-skill-box.percent100:hover {
  background-color: #b66c02;
}

.technique-self-mastery-skill-box {
  border: 1px solid #3EBDC9;
}

.technique-self-mastery-skill-box:hover {
  border-radius: 0;
  background-color: #a2e0e5;
}

.technique-self-mastery-skill-box.skillmasterHistory-progress {
  color: #3EBDC9;
}

.technique-self-mastery-skill-box.percent20 {
  border: 1px solid #CAEDF0;
  color: white;
  background-color: #CAEDF0;
  visibility: visible;
}

.technique-self-mastery-skill-box.percent20:hover {
  background-color: #a2e0e5;
}

.technique-self-mastery-skill-box.percent40 {
  border: 1px solid #84D5DC;
  color: white;
  background-color: #84D5DC;
  visibility: visible;
}

.technique-self-mastery-skill-box.percent40:hover {
  background-color: #5cc7d1;
}

.technique-self-mastery-skill-box.percent60 {
  border: 1px solid #61C9D2;
  color: white;
  background-color: #61C9D2;
  visibility: visible;
}

.technique-self-mastery-skill-box.percent60:hover {
  background-color: #39bbc7;
}

.technique-self-mastery-skill-box.percent80 {
  border: 1px solid #3EBDC9;
  color: white;
  background-color: #3EBDC9;
  visibility: visible;
}

.technique-self-mastery-skill-box.percent80:hover {
  background-color: #2e9ba6;
}

.technique-self-mastery-skill-box.percent100 {
  border: 1px solid #339BA5;
  color: white;
  background-color: #339BA5;
  visibility: visible;
}

.technique-self-mastery-skill-box.percent100:hover {
  background-color: #27767e;
}

.technique-faculty-evaluation-box {
  border: 1px solid #3C71A8;
  background-color: #3C71A8;
}

.technique-faculty-evaluation-box:hover {
  border-radius: 0;
  background-color: #2f5882;
}

.technique-faculty-evaluation-box.skillmasterHistory-progress {
  color: white;
}

.technique-video-popup {
  position: relative;
}

.skillmasterFilters {
  padding-left: 40px;
}

.skillmasterFilters-badge {
  position: relative;
  display: inline-block;
  width: 30px;
  top: 1px;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.skillmasterFilters-badge .icon {
  position: absolute;
  left: 0;
  top: 0;
  color: #6b98df;
  font-size: 30px;
}

.skillmasterFilters-badgeText {
  position: relative;
  line-height: 30px;
}

.skillmasterFilters-progress {
  display: inline-block;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.skillmasterFilters-progress--20 {
  background: #CAEDF0;
}

.skillmasterFilters-progress--40 {
  background: #84D5DC;
}

.skillmasterFilters-progress--60 {
  background: #61C9D2;
}

.skillmasterFilters-progress--80 {
  background: #3EBDC9;
}

.skillmasterFilters-progress--100 {
  background: #339BA5;
}

.skillmasterFilters-selfProgress {
  vertical-align: middle;
}

.skillmasterFilters-title {
  display: inline-block;
  margin-left: 5px;
  font-size: 16px;
}

.skillmasterFilters-list {
  padding: 0 15px 0 0;
}

.skillmasterFilters-item {
  position: relative;
  padding-bottom: 10px;
  padding-left: 1px;
  clear: both;
  /*
    &:not(:hover){
      .radial {
        .radialProgressColor(@skillmasterFilters-color, #dedede, white, @skillmasterFilters-color);
      }
    }
    */
}

.skillmasterFilters-item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.skillmasterFilters-item:last-child .skillmasterFilters-filter:after {
  display: none;
}

.skillmasterFilters-item--disable .skillmasterFilters-filter {
  color: #666;
  cursor: text;
}

.skillmasterFilters-item--disable .skillmasterFilters-filter:hover {
  font-weight: normal;
}

.skillmasterFilters-item--disable .skillmasterFilters-checkIcon {
  display: none;
}

.skillmasterFilters-item-selfmastery .skillmasterFilters-checkbox:checked + .skillmasterFilters-checkIcon.icon {
  color: #3EBDC9;
}

.skillmasterFilters-item-facultyevaluation .skillmasterFilters-checkbox:checked + .skillmasterFilters-checkIcon.icon {
  color: #3C71A8;
}

.skillmasterFilters-checkbox {
  display: none;
}

.skillmasterFilters-checkbox:checked + .skillmasterFilters-checkIcon.icon {
  color: #FF9600;
}

.skillmasterFilters-checkIcon.icon {
  line-height: 30px;
  color: #ccc;
  transition: color 0.5ms;
  cursor: pointer;
}

.skillmasterFilters-filter {
  float: left;
  text-decoration: none;
  color: #223b63;
}

.skillmasterFilters-filter:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 10px;
  border-left: 1px solid #223b63;
  left: 16px;
  bottom: 0;
}

.skillmasterFilters-filter:hover {
  text-decoration: none;
  font-weight: bold;
}

.skillmasterFilters-label {
  float: right;
}

.skillmasterFilters-label:hover .skillmasterFilters-checkIcon {
  color: #223b63;
}

.skillmasterFilters-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 17px;
  vertical-align: middle;
  box-sizing: border-box;
  transition: background 0.1s ease-in;
}

.skillmasterFilters-icon.icon {
  line-height: 32px;
}

.skillmasterFilters-icon.icon-review {
  padding-left: 2px;
  border-width: 2px;
  line-height: 30px;
  font-size: 13px;
}

.skillmasterFilters-icon--circle {
  border-radius: 32px;
  border: 1px solid #FF9600;
  color: #FF9600;
}

.skillmasterFilters-text {
  margin-left: 5px;
  font-size: 14px;
  vertical-align: middle;
}

.skillmasterHistory {
  padding: 10px 10px 10px 0;
  overflow: hidden;
}

.skillmasterHistory-link {
  font-size: 14px;
  color: #c4c4c4;
}

.skillmasterHistory-link .icon {
  font-size: 24px;
  line-height: 30px;
}

.skillmasterHistory-link:hover {
  text-decoration: none;
  font-weight: bold;
}

.skillmasterHistory-icon {
  vertical-align: middle;
}

.skillmasterHistory-text {
  margin-left: 5px;
  vertical-align: middle;
}

.skillmasterHistory-progress {
  float: right;
  color: #fff;
  font-size: 11px;
}

.markAsRead {
  text-align: center;
  margin: 10px 0;
  position: relative;
}

.markAsRead-checkbox {
  display: none;
}

.markAsRead-checkbox:checked + .markAsRead-icon,
.markAsRead-label:hover .markAsRead-icon {
  background: #223b63;
  color: #fff;
}

.markAsRead-label {
  display: inline-block;
  font-size: 14px;
  color: #223b63;
  cursor: pointer;
}

.markAsRead-icon.icon {
  width: 32px;
  height: 32px;
  margin-right: 5px;
  line-height: 32px;
  border: 1px solid #223b63;
  border-radius: 32px;
  text-align: center;
  font-size: 12px;
  transition: background 0.1s ease-in;
}

.tg-authors {
  font-size: 14px;
  margin-top: 5px;
  color: #aaaaaa;
  clear: both;
  display: inline-block;
}

.tg-authors div.qtiplink {
  display: inline-block;
  font-size: 14px;
  color: #7da2dd !important;
  text-decoration: none;
  padding-right: 2px;
}

.tg-authors div.qtiplink:after {
  display: inline-block;
  content: '|';
  font-size: 13px;
  margin-left: 4px;
  vertical-align: top;
}

.tg-authors div.qtiplink:last-of-type:after {
  display: none;
}

.tg-hint {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  z-index: 3;
  background: #7da2dd;
  border-radius: 50%;
}

.tg-hint i.icon-diagonal {
  position: absolute;
  top: 3px;
  left: 2px;
  font-size: 16px;
}

.tg-hint i.icon-file {
  position: relative;
  bottom: 2px;
  font-size: 14px;
  padding-left: 5px;
}

.tg-hint i {
  color: white;
}

.tg-hint:hover .popup {
  -webkit-animation: steps 0.3s ease-in-out;
  animation: steps 0.3s ease-in-out;
  display: block;
}

.tg-hint .popup {
  position: absolute;
  display: none;
  padding: 10px;
  width: 220px;
  height: 75px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1.2;
  background: white;
  color: #999999;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.tgItem__holder {
  display: table;
  width: 100%;
}

.tgItem__index {
  display: table-cell;
  float: none;
  vertical-align: top;
  width: 60px;
  text-align: center;
  font-size: 30px;
  font-weight: lighter;
  color: #c4c4c4;
}

.tgItem__content {
  display: table-cell;
  float: none;
  vertical-align: top;
}

.tgItem__notes {
  display: table-cell;
  width: 190px;
}

.tgItem__title {
  display: inline;
  vertical-align: middle;
}

.tgItem__cpt-codes {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-top: 0;
}

@media only screen and (max-width: 599px) {
  .tgItem__notes {
    display: block;
    padding: 0;
  }

  .techniqueGuidesPage .guideItem .stepItem .notes,
  .tgItem__notes {
    width: 100%;
    max-width: 300px;
    margin-left: 15px;
  }

  .tgItem__holder {
    display: block;
  }

  .tgItem__index {
    width: 30px;
    font-size: 26px;
  }

  .tgItem__content {
    margin-left: 25px;
  }

  .techniqueGuidesPage .guideItem .stepItem {
    padding-right: 35px;
  }

  .techniqueGuidesPage .guideItem .steps .toggle {
    right: 10px;
  }

  .techniqueGuidesPage .guideItem .toggle {
    padding: 10px 0;
  }

  .techniqueProgress-section-wrapper {
    margin-right: -33px;
  }

  .referenceList {
    overflow: hidden;
  }
}

@media only screen and (max-width: 1023px) {
  .guideItem .stepItem .noteIndicator {
    margin-right: 25px;
  }

  .techniqueGuidesWrapper {
    padding-right: 0 !important;
  }
}

.send-faculty-btn {
  display: block;
  max-width: 190px;
  padding: 7px 10px;
  background: #395685;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
}

.send-faculty-btn .icon {
  margin-right: 5px;
}

.send-faculty-btn:hover {
  background: #2b4267;
  text-decoration: none;
}

.send-faculty-btn[disabled] {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #c0c0c0;
  background: #f3f3f3;
}

.techniqueGuidesWrapper .sideNavigation .subsectionHeader.percent20 {
  border-left: 5px solid #CAEDF0;
}

.techniqueGuidesWrapper .sideNavigation .subsectionHeader.percent40 {
  border-left: 5px solid #84D5DC;
}

.techniqueGuidesWrapper .sideNavigation .subsectionHeader.percent60 {
  border-left: 5px solid #61C9D2;
}

.techniqueGuidesWrapper .sideNavigation .subsectionHeader.percent80 {
  border-left: 5px solid #3EBDC9;
}

.techniqueGuidesWrapper .sideNavigation .subsectionHeader.percent100 {
  border-left: 5px solid #339BA5;
}

.cptCodeSearch {
  max-width: 90px;
  transition: 0.3s;
}

.cptCodeSearchResults {
  position: absolute;
  z-index: 99;
  display: none;
  width: 150%;
  border: 1px solid #ececec;
  box-shadow: 0 0 10px #c4c4c4;
  text-align: left;
  background: white;
}

.cptCodeSearchResults a {
  display: block;
  font-size: 14px;
  color: black;
  padding: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  text-decoration: none;
}

.cptCodeSearchResults a:hover {
  text-decoration: underline;
}

.cptcode-input-container {
  width: 0;
  transition: 0.3s;
  vertical-align: middle;
  overflow: hidden;
}

.cptcode-input-container__add {
  font-size: 18px;
  vertical-align: middle;
  color: #9f9f9f;
  display: inline-block;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
  top: -1px;
  left: -6px;
}

.cptcode-input-container__add:hover {
  color: #333333;
  text-decoration: none;
}

.cptcode-input-container__search-wrapper {
  display: inline-block;
  overflow: hidden;
  transition: 0.3s;
  width: 0;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  top: -1px;
}

.cptcode-input-container--active {
  width: 90px;
}

.techniqueGuideContent__empty {
  padding-top: 23px;
  text-align: center;
}

.techniqueGuideContent__empty-icon {
  padding-bottom: 15px;
}

@media only screen and (max-width: 599px) {
  .techniqueGuideContent__empty-icon {
    width: 50px;
  }
}

.techniqueGuideContent__empty-text {
  padding-bottom: 5px;
  font-size: 16px;
}

.techniqueGuideContent__empty-note {
  font-size: 14px;
  color: #7DA2DC;
}

.taggedContentWrapper .taggedHeader {
  padding: 15px 0 20px 0;
  overflow: hidden;
}

.taggedContentWrapper .taggedHeader h1 {
  font-size: 30px;
  float: left;
}

.taggedContentWrapper .taggedHeader .clearAll {
  margin-top: 0;
}

.taggedContentWrapper article {
  overflow: hidden;
}

.taggedContentWrapper .updateBtn {
  display: inline-block;
  float: right;
  height: 40px;
  margin-top: 20px;
  margin-left: 10px;
  padding: 5px 10px;
  min-width: 140px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  line-height: 30px;
  color: white;
  background-color: #6989bd;
  vertical-align: middle;
  border-radius: 2px;
  transition: background-color linear 0.25s;
}

.taggedContentWrapper .updateBtn:hover {
  background-color: #5b759e;
}

.taggedContentWrapper .clearAll {
  display: inline-block;
  float: right;
  height: 40px;
  margin-top: 20px;
  margin-left: 10px;
  padding: 5px 10px;
  min-width: 140px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  line-height: 30px;
  color: white;
  background-color: #7da2dd;
  vertical-align: middle;
  border-radius: 2px;
  transition: background-color linear 0.25s;
}

.taggedContentWrapper .clearAll:hover {
  background-color: #6989bd;
}

.taggedContentWrapper section {
  padding-bottom: 15px;
}

.taggedContentWrapper section.tagged-technique {
  display: none;
}

.Orthopaedics .taggedContentWrapper section.tagged-technique {
  display: block;
}

.taggedContentWrapper section header {
  margin-bottom: 1px;
}

.taggedContentWrapper section header a {
  padding-left: 0;
}

.taggedContentWrapper section header i {
  margin-right: 10px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  background: #d7d7d7;
  color: white;
  vertical-align: top;
  text-align: center;
}

.taggedContentWrapper table {
  width: 100%;
}

.taggedContentWrapper .topics-table .hover-wraper:hover,
.taggedContentWrapper .questions-table .hover-wraper:hover,
.taggedContentWrapper .articles-table .hover-wraper:hover,
.taggedContentWrapper .notes-table .hover-wraper:hover {
  background: #e3ecfd;
}

.taggedContentWrapper thead {
  background: #f4f4f4;
}

.taggedContentWrapper th {
  position: relative;
  padding: 5px 0;
  color: #898989;
  font-size: 12px;
  cursor: pointer;
  border-bottom: 1px solid #ececec;
}

.taggedContentWrapper th.id {
  width: 90px;
  padding-right: 10px;
}

.taggedContentWrapper th.code {
  width: 80px;
  text-align: center;
  padding-right: 10px;
}

.taggedContentWrapper th.isTagged {
  min-width: 70px;
  width: 70px;
  text-align: center;
}

.taggedContentWrapper th:first-of-type {
  padding-left: 10px;
}

.taggedContentWrapper th:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-left: 5px;
}

.taggedContentWrapper th.headerSortDown:after {
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #898989 transparent transparent transparent;
}

.taggedContentWrapper th.headerSortUp:after {
  border-style: solid;
  border-width: 0 3.5px 4px 3.5px;
  border-color: transparent transparent #898989 transparent;
}

.taggedContentWrapper tr {
  border-bottom: 1px solid #ececec;
}

.taggedContentWrapper tr td {
  vertical-align: middle;
  padding: 7px 0;
}

.taggedContentWrapper tr td:first-of-type {
  padding-left: 10px;
}

.taggedContentWrapper tr td.id {
  padding-right: 20px;
  min-width: 100px;
}

.taggedContentWrapper tr td.id a {
  font-size: 14px;
  color: #333333;
  font-weight: bold;
}

.taggedContentWrapper tr td.code {
  min-width: 80px;
  text-align: center;
  padding-left: 0;
}

.taggedContentWrapper tr td.code a {
  font-size: 14px;
  color: #333333;
  font-weight: bold;
}

.taggedContentWrapper tr td.specialty,
.taggedContentWrapper tr td.topic,
.taggedContentWrapper tr td.date {
  color: #333333;
  font-size: 14px;
}

.taggedContentWrapper tr td.specialty {
  white-space: nowrap;
}

.taggedContentWrapper tr td.date {
  padding-right: 20px;
}

.taggedContentWrapper tr td.stem {
  padding-right: 20px;
}

.taggedContentWrapper tr td.stem p {
  width: 370px;
  max-height: 3em;
  line-height: 1.5em;
  overflow: hidden;
}

.taggedContentWrapper tr td.stem img {
  max-height: 16px;
}

.taggedContentWrapper tr td.stem a {
  color: #333333;
  font-size: 14px;
}

.taggedContentWrapper tr td.topic {
  padding-right: 20px;
}

.taggedContentWrapper tr td.topic p {
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 15px;
}

.taggedContentWrapper tr td.topic a {
  color: #333333;
}

.taggedContentWrapper tr td.specialty {
  max-width: 160px;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}

.taggedContentWrapper tr td.specialty .icon-donut,
.taggedContentWrapper tr td.specialty .icon-scalpel {
  margin-right: 8px;
}

.taggedContentWrapper tr td.isTagged {
  min-width: 70px;
  width: 70px;
  text-align: center;
}

.taggedContentWrapper tr td.author {
  width: 110px;
  padding-right: 20px;
}

.taggedContentWrapper tr td.journal {
  width: 90px;
  padding-right: 20px;
}

.taggedContentWrapper tr td.action {
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  font-size: 14px;
}

.taggedContentWrapper tr td.action .icon.icon-trash {
  font-size: 17px;
}

@media only screen and (max-width: 599px) {
  .taggedContentWrapper .chapter,
  .taggedContentWrapper .stem {
    display: none;
  }
}

.presentationWrapper {
  background: white;
}

.presentationWrapper .mainHeader .breadCrumbs {
  height: 40px;
}

.presentationWrapper .mainHeader nav {
  margin-left: 10%;
}

@media only screen and (max-width: 1023px) {
  .presentationWrapper .mainHeader nav {
    margin-left: 20px;
  }
}

.presentationWrapper .mainHeader h2 {
  padding: 8px 0;
  font-size: 24px;
  color: white;
  float: left;
}

.presentationWrapper .mainHeader .questions-number {
  float: right;
  width: 50px;
}

.presentationWrapper .mainHeader .questions-number span {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  color: white;
  font-size: 18px;
}

.presentationWrapper .mainHeader .questions-number i {
  line-height: 40px;
  color: #708ab1;
  font-size: 25px;
}

.presentation {
  position: relative;
  margin: 0 10%;
}

@media only screen and (max-width: 1023px) {
  .presentation {
    margin: 0 50px 0 20px;
  }
}

.presentationMenu {
  position: fixed;
  right: 0;
  top: 40px;
  bottom: 0;
  padding-right: 10px;
  width: 40px;
  background: #f9f9f9;
}

.presentationMenu ul {
  padding-top: 10px;
}

.presentationMenu li {
  font-size: 12px !important;
  text-align: center;
  color: #999;
  cursor: pointer;
  width: 50px;
  height: 50px;
}

.presentationMenu li i {
  line-height: 50px;
}

.presentationMenu li:hover {
  color: white;
  background: #6f88af;
}

.presentationMenu li.toolZoomin,
.presentationMenu li.keyboard {
  margin-top: 150px;
}

.presentationMenu li .icon-house {
  font-size: 20px;
}

.presentationMenu li .icon-minus {
  position: relative;
  font-size: 1px;
}

.presentationMenu li .icon-video-navigation {
  font-size: 16px;
}

.presentationMenu li .icon-camera {
  font-size: 19px;
}

.presentationMenu li .icon-q {
  font-size: 23px;
}

body.login-page {
  background-image: url('/ux-images/main/slide1.jpg') !important;
  /** Note: should load smaller background image for mobile */
  background-size: cover !important;
  background-color: #092e63 !important;
  background-repeat: no-repeat !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*
  &.MedbulletsStep1 {
    background-image: url('/ux-images/hp/hp_qbank_mb1.png') !important;
  }

  &.MedbulletsStep2And3 {
    background-image: url('/ux-images/hp/hp_qbank_mb23.png') !important;
  }
*/
}

body.login-page .mainHeader-top {
  background-color: transparent !important;
}

.registerPage {
  padding: 0;
}

.loginPage {
  background: none;
}

.loginPage .help {
  width: 50%;
}

@media only screen and (max-width: 1023px) {
  .loginPage .help {
    width: 450px;
    margin: 85px auto 0 auto;
    float: none;
  }
}

@media only screen and (max-width: 599px) {
  .loginPage .help {
    width: Calc(100% - 40px);
    padding: 0 20px;
  }
}

.loginPage .help .wrap {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}

@media only screen and (max-width: 1023px) {
  .loginPage .help .wrap {
    max-width: 450px;
  }
}

.loginPage .help .help-header {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  color: white;
  font-weight: normal;
  padding-top: 15px;
  padding-bottom: 20px;
}

.loginPage .help .help-members {
  text-align: center;
  color: white;
  font-size: 19px;
  line-height: 1.4;
  padding-bottom: 30px;
  font-weight: normal;
}

.loginPage .help .help-copy {
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
  line-height: 1.6;
}

.loginPage .help .register {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  margin: 30px 0;
  line-height: 48px;
  background: #79c969;
  color: #FFF;
}

.loginPage .help .register:hover {
  background-color: #56aa59;
}

.loginPage .help .otherSystem {
  margin: 0 auto;
  width: 200px;
  text-align: center;
  display: none;
}

.loginPage .help .otherSystem:before {
  content: '';
  position: relative;
  display: block;
  width: 200px;
  height: 91px;
  background-image: url(/ux-images/main/otherSystem.png);
  background-position: top left;
}

@media only screen and (max-width: 599px) {
  .loginPage .help .otherSystem:before {
    display: none;
  }
}

.loginPage .help .otherSystem h3 {
  font-size: 16px;
  line-height: 1.3;
  color: #315689;
  font-weight: normal;
}

.loginPage .help .otherSystem .wrap {
  box-sizing: border-box;
  padding: 5px 15px 30px 15px;
  background: white;
}

@media only screen and (max-width: 599px) {
  .loginPage .help .otherSystem .wrap {
    padding-top: 25px;
  }
}

.loginPage .help .otherSystem .wrap a {
  display: block;
  padding-bottom: 5px;
  text-align: center;
}

.loginPage .help .otherSystem .wrap a:first-of-type {
  padding-top: 15px;
  padding-bottom: 15px;
}

.loginPage .help .otherSystem .wrap a:last-of-type {
  padding-bottom: 0;
}

#login .full,
#register .full,
#login .half,
#register .half,
#login .short,
#register .short {
  float: left;
  box-sizing: border-box;
}

#login .full,
#register .full {
  width: 100%;
}

#login .half,
#register .half {
  width: 50%;
}

@media only screen and (max-width: 599px) {
  #login .half,
  #register .half {
    width: 100%;
  }
}

#login .short,
#register .short {
  width: 120px;
}

@media only screen and (max-width: 599px) {
  #login,
  #register {
    margin-right: 0;
  }
}

#login .form-section,
#register .form-section {
  padding-bottom: 0px;
}

#login .form-section h2,
#register .form-section h2 {
  color: #595d64;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 0 5px 2px;
}

#login .form-row,
#register .form-row {
  padding-bottom: 3px;
  clear: both;
}

#login .form-row:after,
#register .form-row:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#login .form-item,
#register .form-item {
  padding-right: 3px;
}

#login .form-item > span,
#register .form-item > span {
  display: inline-block;
  margin-top: 5px;
  color: #e60707;
}

#login .form-item.school,
#register .form-item.school {
  width: 65%;
}

#login .form-item.graduation,
#register .form-item.graduation {
  width: Calc(35% - 33px);
}

#login input,
#register input,
#login select,
#register select {
  display: block;
  margin: 0px;
  background: white;
  border: 1px solid #eaeaea;
  box-shadow: none;
}

#login input::-webkit-input-placeholder,
#register input::-webkit-input-placeholder,
#login select::-webkit-input-placeholder,
#register select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #315689;
  font-size: 14px;
  font-style: normal;
}

#login input::-moz-placeholder,
#register input::-moz-placeholder,
#login select::-moz-placeholder,
#register select::-moz-placeholder {
  /* Firefox 19+ */
  color: #315689;
  font-size: 14px;
  font-style: normal;
}

#login input:-ms-input-placeholder,
#register input:-ms-input-placeholder,
#login select:-ms-input-placeholder,
#register select:-ms-input-placeholder {
  /* IE 10+ */
  color: #315689;
  font-size: 14px;
  font-style: normal;
}

#login input:-moz-placeholder,
#register input:-moz-placeholder,
#login select:-moz-placeholder,
#register select:-moz-placeholder {
  /* Firefox 18- */
  color: #315689;
  font-size: 14px;
  font-style: normal;
}

#login input[type=text],
#register input[type=text],
#login input[type=password],
#register input[type=password] {
  box-sizing: border-box;
  width: 100%;
}

#login select,
#register select {
  height: 29px;
  width: 100%;
}

#login input[type=checkbox],
#register input[type=checkbox] {
  display: inline;
  margin: 0;
}

#login input[type=submit],
#register input[type=submit] {
  display: inline-block;
  margin: 0 20px 0 0;
  width: 150px;
}

#login .create-account,
#register .create-account {
  text-align: center;
  box-sizing: border-box;
  background-color: rgba(57, 86, 133, 0.85);
  color: #ffffff;
  width: 100%;
  height: 48px;
  line-height: 48px;
  transition: all 0.1s ease-in-out;
  border: #fff;
  font-weight: 500;
  margin-top: 12px;
}

#login .create-account:hover,
#register .create-account:hover {
  background-color: #395685;
  transition: all 0.1s ease-in-out;
}

#register {
  float: left;
  width: 55%;
  padding: 0px 0px 30px 0px;
  margin-top: 15px;
  box-sizing: border-box;
  background: #cbd9ee;
  border: 1px solid rgba(100, 100, 100, 0.1);
}

@media only screen and (max-width: 1023px) {
  #register {
    float: none;
    width: 92%;
    margin: 0 auto;
    padding: 0 0 40px 0;
  }
}

@media only screen and (max-width: 599px) {
  #register {
    width: 100%;
    float: none;
    padding: 0 0 40px 0;
  }
}

#register .registration-top-section {
  margin-top: 0px;
  padding: 25px 10% 10px;
  text-align: center;
  background-color: white;
}

#register .who-container {
  max-width: 275px;
  margin: 0 auto;
  position: relative;
  display: block;
}

#register .login {
  color: black;
}

#register .registration-wrapper {
  padding: 0 40px;
}

@media only screen and (max-width: 1023px) {
  #register .registration-wrapper {
    padding: 0 20px 0 20px;
  }
}

@media only screen and (max-width: 599px) {
  #register .registration-wrapper {
    padding: 0 15px 0 15px;
  }
}

#register .form-section h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 4px;
  margin-bottom: 12px;
}

#register .form-section h2.graduation-h2 {
  margin-top: 0px;
}

#register .register-h1 {
  font-size: 22px;
  margin-top: 30px;
  text-transform: uppercase;
  text-align: center;
}

#register .terms {
  margin-top: 10px;
  font-size: 12px;
  color: #292b30;
  padding: 0 15%;
  text-align: center;
  line-height: 1.4;
}

#register .terms a {
  font-size: inherit;
  color: inherit;
  text-decoration: underline;
}

#register input:not([type=submit]),
#register select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0px;
  padding: 0px 8px;
  background: white;
  border: none;
  border-bottom: 1px solid #f3f3f3;
  text-align: left;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  border-radius: 2px;
}

#register input:not([type=submit]) .placeholder,
#register select .placeholder {
  text-align: center;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
}

#register input[type=submit] {
  width: 100%;
  height: 30px;
  line-height: 30px;
  border: 0px transparent solid;
  background: #6b98df;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  margin-top: 12px;
  margin-bottom: 16px;
}

#register .two-thirds select,
#register .two-thirds input:not([type=submit]) {
  width: 66%;
}

#register {
  margin: 12px 20px;
  padding-bottom: 0;
  width: 50%;
}

@media only screen and (max-width: 1023px) {
  #register {
    float: none;
    width: 92%;
    margin: 0 auto;
    padding: 0 0 40px 0;
  }
}

@media only screen and (max-width: 599px) {
  #register {
    padding-bottom: 0;
  }
}

.register-h1 {
  margin-left: 24px;
  position: relative;
  padding: 10px 10px 0;
  text-transform: uppercase;
  margin-bottom: 10px;
  width: 50%;
  float: left;
}

.register-h1.register {
  padding-bottom: 0;
  padding-top: 30px;
  font-size: 20px;
  margin-top: 0;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .register-h1.register {
    display: block;
    width: 100%;
    margin: 0 auto;
    float: none;
  }
}

@media only screen and (max-width: 1023px) {
  body .hide-sideMenu .mainWrapper {
    padding-left: 0;
  }
}

.help-wrapper.registration-top-section .register {
  margin-top: 35px !important;
}

#register .register-v1-table-container {
  width: 100%;
  padding: 30px 0;
  margin-top: 0;
}

#register .register-v1-table-container input {
  color: #333;
  padding: 6px;
  border: 1px solid #959595;
  border-right: 1px solid lightGrey;
  border-bottom: 1px solid lightGrey;
  width: 200px;
}

#register .register-v1-table-container select {
  padding: 6px;
}

#register .register-v1-table-container input:not([type=submit]),
#register .register-v1-table-container select {
  width: 250px;
  margin-bottom: 4px;
  margin-top: 4px;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  margin-left: 8px;
}

#register .register-v1-table-container td {
  vertical-align: middle;
  font-size: 14px;
}

#register .register-v1-table-container .label-text {
  text-align: right;
}

#register .register-v1-table-container .separator {
  width: 80%;
}

#register .register-v1-table-container .separator .line {
  border-top: 1px solid rgba(100, 100, 100, 0.1);
  margin: 10px 20px;
}

#register .register-v1-table-container .validation-section {
  padding-left: 10px;
}

#register .register-v1-table-container td.terms-of-service-copy {
  vertical-align: top;
  padding-left: 8px;
  margin-top: 20px;
  line-height: 1.4em;
  padding-right: 100px;
}

#register .register-v1-table-container .va-align-top {
  vertical-align: top;
  margin-top: 20px;
  line-height: 1.4em;
  text-align: right;
}

#register .register-v1-table-container .register-cta {
  padding-top: 30px;
}

@media only screen and (max-width: 599px) {
  #register .register-v1-table-container {
    padding: 10px 0;
  }

  #register .register-v1-table-container table,
  #register .register-v1-table-container thead,
  #register .register-v1-table-container tbody,
  #register .register-v1-table-container th,
  #register .register-v1-table-container td,
  #register .register-v1-table-container tr {
    display: block;
  }

  #register .register-v1-table-container td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
  }

  #register .register-v1-table-container .label-text,
  #register .register-v1-table-container td.terms-of-service-copy,
  #register .register-v1-table-container .va-align-top {
    text-align: left;
    padding-left: 20px;
    margin-bottom: 3px;
  }

  #register .register-v1-table-container input:not([type=submit]),
  #register .register-v1-table-container select {
    margin-left: 20px;
    margin-bottom: 12px;
    text-align: left;
  }

  #register .register-v1-table-container .register-cta {
    margin-left: 20px;
  }
}

.register-btn {
  display: block;
  margin-right: 20px;
  padding: 15px 5px;
  box-sizing: border-box;
  background: #8596b3;
  border: 0;
  border-radius: 0;
  text-shadow: none;
}

.register-btn:hover {
  background: #5f7ba7;
}

.who {
  text-align: center;
  font-size: 0;
  position: relative;
  margin-bottom: 15px;
  color: #395685;
}

.who .left-item,
.who .right-item {
  text-align: center;
  vertical-align: top;
  box-sizing: border-box;
}

.who .left-item img,
.who .right-item img {
  margin-bottom: 10px;
}

.who .left-item h3,
.who .right-item h3 {
  line-height: 1.2;
}

.who .left-item p,
.who .right-item p {
  margin-top: 5px;
  font-size: 12px;
  color: #5f7ba7;
  font-weight: bold;
}

.who .left-item i,
.who .right-item i {
  color: #5f7ba7;
}

.who .left-item {
  width: 150px;
  float: left;
}

.who .right-item {
  width: 120px;
  float: right;
}

.who .info {
  margin-top: 25px;
  width: 400px;
  text-align: center;
  margin: 0 auto 25px auto;
  font-size: 13px;
  line-height: 1.2;
  color: #797979;
}

@media only screen and (max-width: 1023px) {
  .who .info {
    width: 100%;
    line-height: 1.4;
    margin-top: 12px;
    margin-bottom: 20px;
  }
}

.who .info i {
  font-size: 14px;
  color: #5f7ba7;
  font-weight: bold;
}

.who .plus {
  position: absolute;
  left: 120px;
  margin-top: 10px;
  width: 25px;
}

.why-join {
  font-size: 20px;
  color: #395685;
}

.register {
  margin-top: 12px;
  padding-bottom: 30px;
  font-weight: 600;
  font-size: 18px;
  color: #395685;
}

@media only screen and (max-width: 599px) {
  .location-select select {
    margin-bottom: 12px !important;
  }
}

#register .half-medical {
  width: 63%;
}

#login {
  float: left;
  width: 480px;
  background: rgba(49, 86, 137, 0.87);
  text-align: center;
  margin-top: 26px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

@media only screen and (max-width: 1023px) {
  #login {
    float: none;
    margin: 40px auto;
  }
}

@media only screen and (max-width: 599px) {
  #login {
    width: 90%;
    float: none;
  }

  #login footer {
    width: 100%;
  }
}

#login .form-wrapper {
  padding: 8px 45px 20px 45px;
}

@media only screen and (max-width: 599px) {
  #login .form-wrapper {
    padding: 8px 25px 20px 25px;
  }
}

#login .login-header {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  color: white;
  font-weight: normal;
  padding: 20px 0;
  line-height: 29px;
}

#login input:not([type=submit]) {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 51px;
  margin: 16px 0;
  padding: 10px 0;
  background: white;
  border: none;
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
}

#login input:not([type=submit])::-webkit-input-placeholder {
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
}

#login input:not([type=submit]):-moz-placeholder {
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
}

#login input:not([type=submit])::-moz-placeholder {
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
}

#login input:not([type=submit]):-ms-input-placeholder {
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
}

#login input:not([type=submit]):first-of-type {
  margin-top: 0;
}

#login input[type=submit] {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 0 transparent solid;
  background: #6b98df;
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  margin-top: 12px;
  margin-bottom: 16px;
  -webkit-appearance: none;
}

#login input[type=submit]:hover {
  background: #7da7e9;
}

#login footer {
  background: transparent;
  line-height: 55px;
  height: 55px;
  color: white;
  text-align: center;
  width: 450px;
  position: absolute;
}

@media only screen and (max-width: 599px) {
  #login footer {
    width: 100%;
  }
}

#login footer a {
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
}

#login footer a:hover {
  text-decoration: underline;
}

.help {
  float: right;
  width: 45%;
  box-sizing: border-box;
  padding: 45px 0;
}

@media only screen and (max-width: 1023px) {
  .help {
    width: 100%;
    float: none;
    margin: 40px auto;
    padding: 0 0 40px 0;
  }
}

@media only screen and (max-width: 599px) {
  .help {
    float: none;
    width: 100%;
  }
}

.help h1 {
  font-size: 18px;
  text-align: center;
  padding: 30px 0;
  font-weight: normal;
}

.help .login {
  text-align: center;
  font-size: 14px;
  color: #747474;
}

.help .login a {
  font-size: 14px;
  color: #7da2dd;
}

.help .who-wrapper {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding-left: 65px;
  padding-right: 10px;
  box-sizing: border-box;
}

@media only screen and (max-width: 1023px) {
  .help .who-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .help .who-wrapper {
    padding: 0 15px;
  }
}

.help .thesis {
  position: relative;
  margin-bottom: 25px;
}

.help .thesis h2 {
  font-size: 18px;
  font-weight: normal;
  color: #395685;
  padding-bottom: 6px;
}

.help .thesis p {
  font-size: 13px;
  line-height: 1.4;
  color: #797979;
}

.help .thesis img {
  position: absolute;
  left: -55px;
}

@media only screen and (max-width: 1023px) {
  .help .thesis img {
    display: none;
  }
}

.help .cant {
  margin-bottom: 40px;
}

.help .cant img {
  left: -64px;
}

.help .cant h2 {
  color: #dd5f5f;
}

.help .trust {
  margin-top: 25px;
}

.help-wrapper {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

@media only screen and (max-width: 1023px) {
  .help-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 80%;
  }
}

@media only screen and (max-width: 599px) {
  .help-wrapper {
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
  }
}

.help-wrapper.registration-top-section {
  float: right;
  max-width: 508px;
}

@media only screen and (max-width: 1023px) {
  .help-wrapper.registration-top-section {
    float: none;
    padding-top: 35px;
    padding-bottom: 30px;
  }
}

.help-wrapper.registration-top-section .who-container,
.help-wrapper.registration-top-section .info {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

@media only screen and (max-width: 1023px) {
  .help-wrapper.registration-top-section .info {
    max-width: 465px;
  }
}

.help-wrapper.registration-top-section .register {
  margin-top: 45px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1023px) {
  .help-wrapper.registration-top-section .register {
    margin-top: 0;
  }
}

.help-wrapper.registration-top-section .left-item {
  margin-left: 15px;
}

@media only screen and (max-width: 599px) {
  .help-wrapper.registration-top-section .left-item {
    margin-left: 15px;
  }
}

.help-wrapper.registration-top-section .right-item {
  margin-right: 30px;
}

@media only screen and (max-width: 599px) {
  .help-wrapper.registration-top-section .right-item {
    margin-right: 10px;
  }
}

.help-wrapper.registration-top-section .plus {
  left: 50%;
  margin-left: -12.5px;
}

@media only screen and (min-width: 1023px) and (max-width: 1150px) {
  .help-wrapper.registration-top-section,
  .help {
    width: 40%;
    position: relative;
    right: 2%;
  }
}

.login-orth-button {
  text-transform: uppercase;
}

.resetPassword {
  font: 16px / 1.3 "Arial", "Helvetica-Neue", "Helvetica", sans-serif;
}

.resetPassword-form {
  margin-top: 10px;
}

.resetPassword-label {
  line-height: 2;
}

.journalClubGraph {
  overflow: hidden;
}

.journalClubGraph header {
  padding-top: 20px;
  overflow: hidden;
}

@media only screen and (max-width: 599px) {
  .journalClubGraph header {
    text-align: center;
  }
}

.journalClubGraph header h1 {
  float: left;
  font-size: 21px;
}

@media only screen and (max-width: 599px) {
  .journalClubGraph header h1 {
    float: none;
    width: 100%;
    text-align: center;
  }
}

.journalClubGraph header .tabs {
  float: right;
}

@media only screen and (max-width: 599px) {
  .journalClubGraph header .tabs {
    margin-top: 10px;
    float: none;
    display: inline-block;
    background: none;
  }
}

.journalClubGraph header .tabs li {
  padding: 10px;
  width: 64px;
  margin: 0;
  font-size: 14px;
}

.journalClubGraph header .tabs li.active {
  background: #7da2dc;
}

.journalClubGraph header .tabs li.active a {
  color: white;
}

.journalClubGraph header .tabs li a {
  display: inline;
  text-decoration: none;
  color: #868686;
}

.journalClubGraph #graph {
  height: 250px;
}

.loading-block {
  width: 300px;
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
}

.loading-block div {
  margin: 0 auto;
}

.loading-block span {
  width: 300px;
  margin: 0 auto;
}

.journalStatistic {
  color: #aaa;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.journalStatistic.active {
  height: auto;
  visibility: visible;
}

.journalStatistic header {
  display: table;
  width: 100%;
}

.journalStatistic header > div {
  display: table-cell;
  padding: 5px 0;
  color: #333333;
  font-size: 12px;
}

.journalStatistic header > div.month {
  width: 110px;
  padding-left: 10px;
}

.journalStatistic header > div.year {
  width: 40px;
}

.journalStatistic header > div.journalName {
  width: 235px;
}

.journalStatistic header > div.notUnique {
  width: 70px;
}

.journalStatistic header > div.headerUnique {
  width: 108px;
}

@media only screen and (max-width: 599px) {
  .journalStatistic header > div.headerUnique {
    width: 50px;
  }
}

.journalStatistic .content {
  display: table;
  width: 100%;
}

.journalStatistic .monthItem {
  border-bottom: 1px solid #e3e3e3;
}

.journalStatistic .monthItem .journalList {
  display: none;
}

.journalStatistic .monthItem:first-of-type {
  border-top: 1px solid #e3e3e3;
}

.journalStatistic .monthItem.expanded > .content {
  background: #b8d0f8;
}

.journalStatistic .monthItem.expanded > .content .arrow:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.journalStatistic .monthItem.expanded .journalList {
  display: block;
}

.journalStatistic .monthItem > .content {
  background: #f9f9f9;
}

.journalStatistic .monthItem > .content:hover {
  background: #b8d0f8;
  cursor: pointer;
}

.journalStatistic .monthItem > .content > div {
  display: table-cell;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.journalStatistic .monthItem > .content > div.month {
  width: 110px;
  padding-left: 10px;
}

.journalStatistic .monthItem > .content > div.arrow {
  font-family: 'icomoon' !important;
  font-size: 8px;
  color: #9b9696;
  width: 37px;
}

.journalStatistic .monthItem > .content > div.arrow:after {
  display: inline-block;
  content: "\e90f";
  transition: all 0.3s ease-out;
}

.journalStatistic .monthItem > .content > div.notUnique {
  width: 70px;
}

.journalStatistic .monthItem > .content > div.unique {
  width: 70px;
}

@media only screen and (max-width: 599px) {
  .journalStatistic .monthItem > .content > div.unique {
    width: 50px;
  }
}

.journalStatistic .journalItem {
  border-bottom: 1px solid white;
}

.journalStatistic .journalItem:first-of-type {
  border-top: 1px solid white;
}

.journalStatistic .journalItem.expanded > .content {
  background: #eaeaea;
}

.journalStatistic .journalItem.expanded > .content .numberOfUsers:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.journalStatistic .journalItem.expanded .usersList {
  display: block;
}

@media only screen and (max-width: 599px) {
  .journalStatistic .journalItem {
    padding-left: 5px;
  }
}

.journalStatistic .journalItem > .content {
  background: #f9f9f9;
}

.journalStatistic .journalItem > .content:hover {
  background: #eaeaea;
  cursor: pointer;
}

.journalStatistic .journalItem > .content > div {
  display: table-cell;
  vertical-align: middle;
}

.journalStatistic .journalItem > .content > div.image img {
  width: 45px;
}

.journalStatistic .journalItem > .content > div.article {
  padding: 5px 10px 5px 10px;
  font-size: 14px;
  line-height: 1.4;
  color: black;
}

.journalStatistic .journalItem > .content > div.article span {
  color: #22229C;
}

.journalStatistic .journalItem > .content > div.article span a {
  font-size: 14px;
}

.journalStatistic .journalItem > .content > div.title {
  padding: 0 10px;
  width: 250px;
  color: #818181;
  font-size: 14px;
  font-weight: bold;
  box-sizing: border-box;
}

.journalStatistic .journalItem > .content > div.count {
  position: relative;
  box-sizing: border-box;
  width: 70px;
  padding-right: 25px;
  color: #505050;
  font-size: 14px;
  font-weight: bold;
}

.journalStatistic .journalItem > .content > div.numberOfUsers {
  position: relative;
  box-sizing: border-box;
  width: 107px;
  padding-right: 45px;
  color: #505050;
  font-size: 14px;
  font-weight: bold;
}

.journalStatistic .journalItem > .content > div.numberOfUsers:after {
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  margin-top: -4px;
  margin-right: 20px;
  content: "\e90f";
  font-family: 'icomoon' !important;
  font-size: 8px;
  color: #9b9696;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 599px) {
  .journalStatistic .journalItem > .content > div.numberOfUsers:after {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .journalStatistic .journalItem > .content > div.numberOfUsers {
    width: 40px;
  }
}

.journalStatistic .usersList {
  padding-left: 40px;
  display: none;
}

@media only screen and (max-width: 599px) {
  .journalStatistic .usersList {
    padding-left: 5px;
  }
}

.journalStatistic .usersList header > div {
  color: #999;
}

.journalStatistic .usersList header > div.name {
  width: 200px;
  padding-left: 20px;
}

@media only screen and (max-width: 599px) {
  .journalStatistic .usersList header > div.name {
    padding-left: 0px;
  }
}

.journalStatistic .usersList header > div.country {
  width: 80px;
}

.journalStatistic .usersList header > div.position {
  width: 85px;
}

.journalStatistic .usersList header > div.specialty {
  width: 290px;
}

.journalStatistic .usersList header > div.title {
  width: 50px;
}

.journalStatistic .usersList .userItem {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}

.journalStatistic .usersList .userItem div {
  display: table-cell;
  padding: 10px 0;
  font-size: 14px;
}

.journalStatistic .usersList .userItem div.name {
  width: 200px;
  padding-left: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 599px) {
  .journalStatistic .usersList .userItem div.name {
    padding-left: 0px;
  }
}

.journalStatistic .usersList .userItem div.country {
  width: 80px;
}

.journalStatistic .usersList .userItem div.position {
  width: 85px;
}

.journalStatistic .usersList .userItem div.specialty {
  width: 290px;
}

.journalStatistic .usersList .userItem div.title {
  width: 50px;
}

.sd-box {
  background-color: #F0F0F0;
  float: right;
  height: 90px;
  margin-top: 40px;
  width: 30px;
}

.sd-box a {
  background-color: #F0F0F0;
  color: #878787;
  display: inline-block;
  font-size: 34px;
  padding-left: 12px;
  padding-top: 25px;
  text-align: center;
  text-decoration: none;
}

.sd-box.prev_decade {
  clear: right;
  margin-top: 1px;
}

.journal-tooltip {
  display: inline-block;
  padding: 10px;
  width: 245px;
}

.journal-tooltip .image {
  float: left;
  border: 1px solid #ccc;
  width: 45px;
  margin-right: 10px;
}

.journal-tooltip div.text {
  float: left;
  max-width: 170px;
}

.journal-tooltip div.text .title {
  float: left;
  max-width: 170px;
}

.journal-tooltip div.text .users {
  float: left;
  clear: both;
  margin-top: 8px;
}

.homePage .profile .notes-link {
  color: #fff;
}

.homePage .profile .notes-link:hover {
  background: #395685;
  color: #fff;
}

.homePage .profile .notes-link:hover .icon {
  color: #fff;
}

.homePage .profile .bookmarks > a i {
  color: #fff;
}

.homePage .profile .bookmarks > a .bookmarksCount {
  color: white;
}

.homePage .profile .bookmarks > a:hover {
  background: #395685;
}

.homePage .profile .messages i {
  color: white;
}

.homePage .profile .messages .messageCount {
  color: white;
}

.homePage .profile .messages a:hover {
  background: #395685;
}

.homePage .profile .logout-btn i {
  color: white;
}

.homePage .profile .logout-btn a:hover {
  background: #395685;
}

.homePage .profile .account a {
  color: white;
}

.homePage .profile .account a:hover {
  background: #395685;
}

.homePage .profile .register {
  border: 1px solid #315689;
  background: rgba(255, 255, 255, 0.1);
  color: white;
}

.homePage main {
  background: none;
  padding: 0 20px;
  box-sizing: border-box;
}

.homePage .mainHeader {
  position: absolute;
  top: 0;
  left: 0;
}

.homePage .mainHeader-top {
  background: transparent;
}

.homePage .mainHeader .topicNavigation {
  display: none;
}

.homePage .mainHeader .searchWrapper .icon-search {
  color: #333333;
}

.homePage .mainHeader .searchWrapper input {
  border: 1px solid #315683;
  background: #d7ebff;
  border-radius: 0;
  color: #333333;
}

.homePage .mainHeader .searchWrapper input::-webkit-input-placeholder {
  color: #333333;
}

.homePage .mainHeader .searchWrapper input:-moz-placeholder {
  color: #333333;
}

.homePage .mainHeader .searchWrapper input::-moz-placeholder {
  color: #333333;
}

.homePage .mainHeader .searchWrapper input:-ms-input-placeholder {
  color: #333333;
}

.homePage .mainHeader .mainSearchResults {
  background: #395685;
  background: rgba(57, 86, 133, 0.9);
  border: none;
}

.homePage .mainHeader .mainSearchResults a {
  color: white;
}

.homePage .mainContent {
  margin-right: 300px;
  padding-right: 20px;
}

@media only screen and (max-width: 599px) {
  .homePage .mainContent {
    margin-right: 0;
    padding-right: 0;
  }
}

.homePage .cases,
.homePage .questions {
  background: white;
}

.homePage .cases > header,
.homePage .questions > header {
  padding: 0 10px;
  height: 32px;
  color: white;
}

.homePage .cases > header a,
.homePage .questions > header a {
  text-decoration: none;
  display: block;
}

.homePage .cases > header i,
.homePage .questions > header i {
  font-size: 16px;
  line-height: 32px;
}

.homePage .cases > header p,
.homePage .questions > header p {
  display: inline-block;
  padding-left: 10px;
  vertical-align: top;
  font-size: 16px;
  line-height: 32px;
}

.homePage .cases .sliderWrapper,
.homePage .questions .sliderWrapper {
  height: 250px;
  padding-bottom: 20px;
}

.homePage .cases .slider img,
.homePage .questions .slider img {
  height: 250px;
  width: auto;
}

.homePage .cases > header {
  background: #cd4949;
}

.homePage .cases .slider {
  height: 250px;
  overflow: hidden;
}

.homePage .cases .btn {
  border-radius: 0;
  border: none;
  margin-bottom: 10px;
}

.homePage .cases .radio,
.homePage .cases .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.homePage .cases .radio label,
.homePage .cases .checkbox label {
  min-height: 18px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.homePage .cases .radio input[type="radio"] {
  position: absolute;
  margin-left: -20px;
  width: 16px;
  height: 16px;
}

.homePage .cases .title {
  line-height: 1.3;
  padding: 10px;
  font-size: 14px;
  color: #999999;
}

.homePage .cases .pollWrapper {
  overflow: hidden;
  padding: 10px;
}

@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .homePage .cases .poll-wraper {
    width: 100%;
    padding: 0;
    float: none;
  }
}

.homePage .questions header {
  background: #66316f;
}

.homePage .questions .qbankTest {
  padding: 10px 0;
}

.homePage .questions .text,
.homePage .questions .figures,
.homePage .questions .answers {
  padding: 0 10px;
}

.homePage .videos {
  margin: 0 -5px;
  margin-top: 10px;
  overflow: hidden;
}

.homePage .videos .videoItem {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: 0 5px;
}

@media only screen and (max-width: 1023px) {
  .homePage .videos .videoItem {
    width: 100%;
    float: none;
    padding: 20px 0 0 0;
  }

  .homePage .videos .videoItem .play i {
    font-size: 70px !important;
  }
}

.homePage .videos .videoItem.featured {
  width: 100%;
}

.homePage .videos .videoItem.featured .play {
  top: 50%;
}

.homePage .videos .videoItem.featured .play i {
  font-size: 110px;
}

.homePage .videos .videoItem .preview {
  position: relative;
}

.homePage .videos .videoItem .preview iframe {
  width: 100% !important;
}

.homePage .videos .videoItem .preview img {
  width: 100%;
}

.homePage .videos .videoItem .preview .video-js {
  width: 100%;
  background-color: black;
}

.homePage .videos .videoItem .play {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
}

.homePage .videos .videoItem .play i {
  color: white;
  font-size: 45px;
}

.homePage .videos .videoItem .videoContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.homePage .videos .videoItem .crumbs {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
}

.homePage .videos .videoItem .crumbs i {
  font-size: 15px;
  float: left;
  margin-top: 3px;
}

.homePage .videos .videoItem .crumbs p {
  font-family: 'Open Sans', sans-serif;
  color: #dbdbdb;
  padding-left: 25px;
  line-height: 1.2;
}

.homePage .videos .videoItem h3 {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 15px;
  line-height: 1.5;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: white;
  background: rgba(51, 51, 51, 0.8);
}

.homePage aside {
  float: right;
  width: 300px;
}

@media only screen and (max-width: 599px) {
  .homePage aside {
    width: 100%;
    float: none;
  }
}

.homePage .poc {
  background: #315689;
}

.homePage .poc p {
  padding: 32px 25px 60px 25px;
  text-align: center;
  color: white;
  font-size: 20px;
  line-height: 1.2;
}

.homePage .poc p span {
  color: #f9b377;
}

.homePage .poc footer {
  padding: 0 25px;
  background: #294c7c;
}

.homePage .virtualCurriculum {
  margin-top: 40px;
  text-align: center;
}

.homePage .virtualCurriculum img {
  margin-bottom: 30px;
}

.homePage .virtualCurriculum .curriculumItem {
  overflow: hidden;
  height: 55px;
  margin-bottom: 30px;
}

.homePage .virtualCurriculum .number,
.homePage .virtualCurriculum .title {
  float: left;
  box-sizing: border-box;
}

.homePage .virtualCurriculum .number {
  width: 50%;
  line-height: 55px;
  text-align: right;
  font-size: 23px;
  padding-right: 10px;
  border-right: 2px solid;
}

.homePage .virtualCurriculum .number.free {
  color: #bababa;
  border-right-color: #bababa;
}

.homePage .virtualCurriculum .number.virtual {
  color: #6b74b9;
  border-right-color: #6b74b9;
}

.homePage .virtualCurriculum .number.new {
  color: #80c862;
  border-right-color: #80c862;
}

.homePage .virtualCurriculum .title {
  width: 100px;
  text-align: left;
  padding-left: 10px;
}

.homePage .virtualCurriculum .title span {
  display: table-cell;
  height: 55px;
  color: #6c6c6c;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.3;
  vertical-align: middle;
}

.homePage .virtualCurriculum .purchase {
  color: #ffffff;
  background: #80c862;
  display: inline-block;
  line-height: 1.3;
  font-size: 16px;
  padding: 10px 20px;
}

.homePage .studyPlans {
  overflow: hidden;
  margin-top: 0px;
  text-align: center;
}

.homePage .studyPlans .studyPlansItem {
  float: left;
  display: table;
  height: 170px;
  width: 46%;
  background: white;
  text-align: center;
  margin: 2%;
}

.homePage .studyPlans .studyPlansItem .wrap {
  overflow: hidden;
  margin: 0 -2%;
}

.homePage .studyPlans .studyPlansItem .imgWrap {
  display: table-cell;
  vertical-align: middle;
}

.homePage .studyPlans .studyPlansItem img {
  vertical-align: middle;
}

.homePage .jobBank {
  margin-top: 50px;
  text-align: center;
}

.homePage .jobBank h3 {
  font-size: 18px;
  padding-bottom: 10px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}

.homePage .jobBank .jobItem {
  padding: 10px;
  background: white;
  text-align: left;
  margin-bottom: 10px;
}

.homePage .jobBank .jobItem h4 a,
.homePage .jobBank .jobItem .text {
  line-height: 1.3;
  font-size: 14px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
}

.homePage .jobBank .jobItem h4 a {
  padding-bottom: 5px;
  font-weight: 600;
}

.homePage .jobBank .jobItem .text {
  padding-bottom: 5px;
}

.homePage .jobBank .jobItem .date {
  line-height: 1.3;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #999999;
}

.homePage .progress {
  margin-top: 30px;
  text-align: center;
}

.homePage .progress h3 {
  line-height: 1.2;
  font-size: 25px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  color: #333333;
}

.homePage .progress img {
  position: relative;
  top: -15px;
}

.homePage .lastTopic {
  margin-top: 20px;
}

.homePage .lastTopic header {
  padding: 10px;
  background: white;
}

.homePage .lastTopic header i {
  font-size: 15px;
  vertical-align: middle;
  margin-right: 5px;
}

.homePage .lastTopic header p {
  padding-bottom: 5px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

.homePage .lastTopic header h3 {
  color: #333333;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
}

.homePage .lastTopic img {
  width: 100%;
}

.homePage .mobileAdv {
  padding: 20px 0 35px 0;
  background: #13293d;
}

.homePage .mobileAdv .center {
  max-width: 900px;
}

.homePage .mobileAdv header {
  overflow: hidden;
  padding-bottom: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.homePage .mobileAdv header .stores {
  margin-left: auto;
  padding-right: 20px;
}

.homePage .mobileAdv header .stores .mobileAdv-top {
  display: inline;
}

.homePage .mobileAdv header .stores p {
  font-size: 20px;
  color: #219ad9;
}

@media only screen and (min-width: 0px) and (max-width: 630px) {
  .homePage .mobileAdv header {
    display: block;
    text-align: center;
  }

  .homePage .mobileAdv header h3 {
    padding-bottom: 20px;
  }
}

.homePage .mobileAdv .mobileApps {
  width: 100%;
}

.homePage .registerPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #3a3c3d;
  height: 70px;
}

.homePage .registerPanel a {
  display: inline-block;
  height: 45px;
  max-width: 280px;
  width: 50%;
  margin: 0 5px;
  line-height: 45px;
  text-decoration: none;
  text-align: center;
  font-size: 19px;
  font-family: 'Open Sans', sans-serif;
  color: white;
}

.homePage .registerPanel a.register {
  border: 1px solid #315689;
  padding-bottom: 0;
}

.homePage .registerPanel a.register:hover {
  border: 1px solid #315689;
  background: #315689;
}

.homePage .registerPanel a.login {
  border: 1px solid #315689;
  background: #315689;
}

.homePage .registerPanel a.login:hover {
  border: 1px solid #4E74A8;
  background: #4E74A8;
}

.homePage .loginPopupWrapper {
  background: rgba(14, 27, 48, 0.9);
  display: none;
  position: fixed;
  z-index: 20;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.homePage .loginPopupWrapper #loginPopup {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 440px;
  text-align: center;
  background: white;
}

.homePage .loginPopupWrapper #loginPopup .logo {
  background-image: url(/ux-images/main/popupbg.png);
  background-position: center center;
  background-size: cover;
  line-height: 80px;
  height: 80px;
}

.homePage .loginPopupWrapper #loginPopup .logo img {
  vertical-align: middle;
}

.homePage .loginPopupWrapper #loginPopup .form-wrapper {
  padding: 50px 45px 20px 45px;
}

.homePage .loginPopupWrapper #loginPopup h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  color: #000;
  font-weight: normal;
  padding: 30px 0;
}

.homePage .loginPopupWrapper #loginPopup input:not([type=submit]) {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 50px;
  padding: 10px 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
}

.homePage .loginPopupWrapper #loginPopup input:not([type=submit])::-webkit-input-placeholder {
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
}

.homePage .loginPopupWrapper #loginPopup input:not([type=submit]):-moz-placeholder {
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
}

.homePage .loginPopupWrapper #loginPopup input:not([type=submit])::-moz-placeholder {
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
}

.homePage .loginPopupWrapper #loginPopup input:not([type=submit]):-ms-input-placeholder {
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
}

.homePage .loginPopupWrapper #loginPopup input[type=submit] {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #315689;
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

.homePage .loginPopupWrapper #loginPopup footer {
  line-height: 40px;
  height: 40px;
  text-align: center;
  background: #10203b;
}

.homePage .loginPopupWrapper #loginPopup footer a {
  color: rgba(223, 234, 251, 0.8);
  text-decoration: none;
}

.homeFooter {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  padding: 0 20px 120px 20px;
  background: linear-gradient(to right, #343434 60%, #3d3c3c 60%);
}

@media only screen and (min-width: 1300px) and (max-width: 1680px) {
  .homeFooter {
    background: linear-gradient(to right, #343434 62%, #3d3c3c 62%);
  }
}

@media only screen and (max-width: 1299px) {
  .homeFooter {
    background: linear-gradient(to right, #343434 64%, #3d3c3c 64%);
  }
}

@media only screen and (max-width: 1023px) {
  .homeFooter {
    background: #343434;
  }
}

.homeFooter .span-1-of-3,
.homeFooter .span-2-of-3 {
  text-align: left;
  font-size: 0;
}

.homeFooter .span-1-of-3 {
  background-color: #3d3c3c;
}

.homeFooter .footer-links-wrapper .feedback-link {
  display: inline-block;
  color: white;
  font-size: 16px;
  margin-top: 18px;
  padding: 0 18px;
  line-height: 2;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

.homeFooter .logo {
  padding-top: 12px;
  margin-bottom: 12px;
  display: block;
  text-decoration: none;
  font-size: 0;
}

.homeFooter .logo .logo-wrapper {
  margin-left: -2%;
  display: inline-block;
}

.homeFooter .logo a {
  display: inline-block;
  vertical-align: middle;
}

.homeFooter .logo .search-link {
  font-size: 16px;
  color: white;
}

.homeFooter .logo .search-link:hover {
  color: #aeaeae;
}

.homeFooter .bulletHealth-logo {
  color: #4071b4;
  font-family: 'Montserrat', sans-serif;
  font-size: 21px;
  -webkit-transform: matrix(1, 0, 0, 1.23, 0, 0);
  transform: matrix(1, 0, 0, 1.23, 0, 0);
  text-transform: uppercase;
  padding-top: 16px;
  height: 31px;
  line-height: normal;
}

.MedbulletsStep1 .homeFooter .bulletHealth-logo,
.MedbulletsStep2And3 .homeFooter .bulletHealth-logo {
  visibility: hidden;
}

.homeFooter .bulletHealth-logo .site-prefix {
  color: white;
  background-color: #395685;
  padding: 0 5px;
}

@media only screen and (max-width: 599px) {
  .homeFooter .bulletHealth-logo {
    top: 0;
  }
}

.homeFooter nav {
  display: table;
}

.homeFooter .navItem {
  display: table-cell;
  position: relative;
  width: 16.66%;
  padding: 3px 6px;
  box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
  .homeFooter .navItem {
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
  }

  .homeFooter .navItem:nth-of-type(3n + 1) {
    clear: both;
  }
}

.homeFooter .navItem.pages a {
  font-size: 14px;
  color: white;
}

.homeFooter .navItem h3 {
  padding: 5px 10px 5px 0;
  font-weight: normal;
  color: white;
  font-size: 14px;
  line-height: 1.4;
}

.homeFooter .navItem ul {
  line-height: 1;
}

.homeFooter .navItem li {
  padding: 5px 10px 5px 0;
}

.homeFooter .navItem li.footer-label {
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
}

.homeFooter .navItem a {
  line-height: 1.4;
  color: #aeaeae;
  font-size: 12px;
}

.homeFooter .copyright {
  color: white;
  text-align: center;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 50px 0;
  background-color: #2e2c2c;
}

/**
 **  HOMEPAGE LAYOUT
 **
 */

.hp-section {
  height: 498px;
  width: 100%;
  display: block;
  position: relative;
  background-size: cover;
  background-position: top center;
  margin-bottom: 2px;
  margin-top: 0px;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  .hp-section {
    margin-left: -15px;
    width: calc(100% + 15px);
  }
}

.hp-section-table {
  display: table;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

.hp-section-header-text {
  font-family: 'Montserrat', sans-serif;
  position: relative;
  display: block;
  font-size: 28px;
  line-height: 1.3;
  color: white;
  max-width: 960px;
  padding: 25px;
  text-align: center;
  margin: 0 auto;
  font-weight: 100;
  padding-top: 0px;
  margin-top: 300px;
  opacity: 0;
  transition: all 0.75s ease-in-out;
  bottom: -10px;
  font-style: italic;
}

@media only screen and (max-width: 599px) {
  .hp-section-header-text {
    font-size: 22px;
    margin-top: 270px;
  }
}

.hp-section-4 .hp-section-header-text {
  margin-top: 125px;
}

.hp-section-6 .hp-section-header-text {
  margin-top: 245px;
}

.hp-section-header-text.animate-text-in {
  opacity: 1;
  bottom: 0;
  transition: all 0.75s ease-in-out;
}

.hp-section-header-text-highlight {
  color: #8ed68f;
}

.top-info-tag {
  width: 275px;
  height: 180px;
  position: absolute;
  top: 0;
  right: 50px;
  margin-left: 20px;
  text-align: right;
  background-color: rgba(1, 18, 62, 0.6);
  background-blend-mode: multiply;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.hp-section-2 .top-info-tag {
  height: 190px;
}

.hp-section-3 .top-info-tag {
  background-color: rgba(2, 5, 12, 0.35);
}

.hp-section-4 .top-info-tag {
  height: 190px;
  background-color: rgba(1, 18, 62, 0.45);
}

.hp-section-5 .top-info-tag {
  height: 240px;
}

.hp-section-6 .top-info-tag {
  height: 210px;
}

.hp-section-7 .top-info-tag {
  text-align: right;
  height: 190px;
}

.top-info-title {
  color: white;
  font-size: 32px;
  line-height: 1.3;
  font-weight: 400;
  position: relative;
  margin: 25px 25px 15px 25px;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
}

.hp-section-2 .top-info-title {
  line-height: 1;
  color: #84e6bf;
}

.hp-section-3 .top-info-title {
  color: #9b26af;
  line-height: 1;
}

.hp-section-6 .top-info-title {
  color: #88a9df;
  font-size: 28px;
  position: relative;
}

.hp-section-7 .top-info-title {
  color: #92d2f8;
  line-height: 1;
  text-transform: uppercase;
}

.top-info-title sup {
  text-transform: uppercase;
  display: inline-block;
  font-size: 12px;
  margin-right: 0;
  margin-top: 4px;
}

.top-info-img {
  display: block;
  position: absolute;
  left: -55px;
  top: -8px;
}

.top-info-copy {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #f2f2f2;
  position: relative;
  margin-left: 25px;
  padding-right: 20px;
}

.hp-section-2 .top-info-copy {
  font-size: 18px;
}

.hp-section-3 .top-info-copy {
  color: #FFF;
}

.hp-section-4 .top-info-copy {
  color: #26d9c2;
}

.hp-section-5 .top-info-copy {
  color: #76a4e3;
}

.hp-section-6 .top-info-copy {
  color: #88a9df;
}

.vc-price {
  font-size: 34px;
  color: #84e6bf;
  float: left;
  margin-left: 25px;
  margin-top: 6px;
  display: none;
}

.vc-price-copy {
  float: left;
  color: rgba(255, 255, 255, 0.9);
  line-height: 15px;
  font-size: 14px;
  margin-left: 8px;
  margin-top: 8px;
  display: none;
}

.hp-small-button {
  line-height: 30px;
  padding: 0 18px;
  border-radius: 18px;
  display: block;
  margin: 0 auto 30px;
  border: none;
  color: white;
  font-size: 17px;
}

.hp-section-3 .hp-small-button {
  background-color: #8862a8;
}

.hp-section-4 .hp-small-button {
  background-color: #96476f;
}

.hp-section-6 .hp-small-button {
  background-color: #96476f;
}

.hp-section-cta {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding: 12px 24px;
  border-radius: 4px;
  border: 1px solid #3c8674;
  color: #3c8674;
  background-color: transparent;
  font-size: 24px;
  transition: all 0.15s ease-in;
  bottom: 0;
}

.hp-section-5 .hp-section-cta {
  margin-top: 225px;
}

.hp-section-cta:hover {
  color: white;
  border-color: white;
  bottom: 2px;
  transition: all 0.15s ease-in;
  cursor: pointer;
}

.hp-section-expand-trigger {
  height: 34px;
  width: 34px;
  border-radius: 20px;
  color: #8ed68f;
  border: 2px solid #8ed68f;
  position: absolute;
  left: 50%;
  margin-left: -17px;
  bottom: 20px;
  transition: all 0.2s ease-in-out;
}

.hp-section-3 .hp-section-expand-trigger {
  color: #8ed68f;
  border-color: #8ed68f;
}

.hp-section-6 .hp-section-expand-trigger {
  color: #fff;
  border-color: #fff;
}

.hp-section-expand-trigger:before {
  content: '\e90f';
  font-family: 'icomoon';
  position: relative;
  left: 7px;
  font-size: 10px;
  top: 13px;
}

.hp-section-expand-trigger:hover {
  bottom: 28px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  color: white;
  border-color: white;
}

@media only screen and (max-width: 1023px) {
  section.hp-section-content.hp-section-1-content {
    margin-left: -15px;
  }
}

.hp-section-content {
  width: 100%;
  max-height: 1600px;
  display: block;
  overflow: hidden;
  position: relative;
  background-color: white;
  transition: all 0.35s ease-in;
  margin: 0 auto 45px auto;
}

@media only screen and (max-width: 1023px) {
  .hp-section-content {
    margin-left: -15px;
    width: calc(100% + 15px);
  }
}

@media only screen and (max-width: 599px) {
  .hp-section-content {
    max-height: 3000px;
  }
}

.hp-section-content img {
  opacity: 1;
  transition: all 0.35s ease-in-out;
}

.hp-section-content.hp-section-2-content,
.hp-section-content.hp-section-7-content {
  max-height: 2500px;
  background-image: url('/ux-images/hp/gray_square_bg.png');
}

.hp-section-content.hp-section-2-content {
  max-height: 1650px;
}

.hp-section-content.collapsed {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s ease-in-out;
}

.hp-section-content.collapsed img {
  opacity: 0;
}

.hp-section-content .article {
  padding: 20px;
  max-width: 1130px;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 599px) {
  .hp-section-content .article {
    margin: 5px auto;
  }
}

.hp-section-leftside {
  display: table-cell;
  vertical-align: middle;
  height: 500px;
}

@media only screen and (max-width: 599px) {
  .hp-section-leftside {
    display: block;
  }
}

.hp-section-4 .hp-section-leftside {
  max-width: 550px;
  width: 100%;
  display: block;
  margin-left: 175px;
}

.hp-section-rightside {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 599px) {
  .hp-section-rightside {
    display: block;
  }
}

.hp-section-content-header {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.4;
  padding: 25px 0 15px 0;
}

.hp-section-content-header.center {
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
}

.hp-section-content-header.black {
  color: rgba(0, 0, 0, 0.8);
}

.hp-section-content-header.small {
  font-size: 22px;
  line-height: 1.1;
  text-transform: uppercase;
}

@media only screen and (max-width: 599px) {
  .hp-section-content-header.small {
    font-size: 20px;
  }
}

.hp-section-content-header.featured-content {
  text-transform: uppercase;
}

.hp-section-3-content .hp-section-content-header {
  margin-top: 25px;
  padding-bottom: 0;
}

.hp-section-content-grey-bg .hp-section-content-header {
  margin-top: 0;
}

.hp-section-content-underheader {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-top: -10px;
}

.hp-section-content-underheader.center {
  text-align: center;
  margin-top: -10px;
}

.hp-section-content-underheader.turquoise {
  color: #3dbdca;
}

.hp-section-1-content .inner-content {
  width: 80%;
  color: #FFF;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  line-height: 22px;
  padding: 20px 0 20px 0;
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box;
}

.hp-section-1-content .inner-content a:hover {
  text-decoration: underline;
}

.hp-section-1-content .bullets {
  margin: 0 auto;
  max-width: 600px;
  text-align: left;
}

.hp-section-1-content .bullets .bullets-title {
  text-align: center;
}

.hp-section-1-content .bullets .bullet {
  white-space: nowrap;
  padding: 0 9px 5px 0;
}

.hp-section-1-content .bullets .bullet-block {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
}

.hp-section-1-content .bullets .bullet-block img,
.hp-section-1-content .bullets .bullet-block i {
  max-width: 30px;
  padding-right: 16px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
}

.hp-section-1-content .bullets .bullet-block i {
  padding: 0 18px 0 4px;
}

.hp-section-1-content div {
  padding-bottom: 19px;
}

.hp-section-1-content .green {
  color: #8ed78f;
}

.hp-section-1-content a {
  font-size: inherit;
  color: inherit;
}

.hp-section-1-content a:hover {
  text-decoration: none;
}

.hp-section-1-content a .link-box {
  display: inline-block;
  margin: 0 auto;
  max-width: 560px;
  border: 1px solid #8ed78f;
  padding: 9px 14px 9px 14px;
}

.hp-section-1-content a .link-box:hover {
  opacity: 0.8;
}

.hp-section-content-copy {
  font-size: 19px;
  line-height: 1.4;
}

@media only screen and (max-width: 599px) {
  .hp-section-content-copy {
    font-size: 16px;
    line-height: 1.5;
  }
}

.hp-section-content-copy.black {
  color: rgba(0, 0, 0, 0.8);
}

.hp-section-content-copy.center {
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 5%;
}

.hp-section-1-content .hp-section-content-copy {
  text-align: center;
  margin: 35px auto 0px auto;
  padding: 0 3%;
  box-sizing: border-box;
  max-width: 980px;
}

@media only screen and (max-width: 599px) {
  .hp-section-1-content .hp-section-content-copy {
    margin: 10px auto 12px auto;
    width: 100%;
  }
}

.hp-section-4-content .hp-section-content-copy {
  margin-bottom: 45px;
}

.hp-section-content-grey-bg {
  background-color: #eff2f6;
  padding: 25px 0;
  margin-bottom: -20px;
}

.hp-section-content-subtitle {
  font-size: 22px;
  color: #76a4e3;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}

.hp-section-1-content .hp-section-content-subtitle {
  font-size: 25px;
  margin-bottom: 45px;
}

.callout-value {
  display: block;
  font-size: 48px;
  height: 75px;
  line-height: 68px;
  font-style: normal;
  margin-bottom: 0;
}

.free-topics-icon {
  font-size: 19px;
  position: relative;
  bottom: 2px;
}

.free-topics-p {
  color: #cd4949;
  text-transform: uppercase;
}

.free-topics-img {
  max-height: 217px;
  overflow: hidden;
  width: 100%;
}

.studyPlans-poc {
  position: relative;
  margin-top: -70px;
}

.videos-wrap {
  margin-top: 45px;
  margin-bottom: 25px;
}

.imgWrap:hover {
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#featured-slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 60px;
  max-width: 986px;
  padding: 0 60px;
}

.featured-slider-list {
  position: relative;
  height: 265px;
  margin: 0;
  padding: 0;
}

.featured-slider-list-item {
  padding: 0 8px;
  box-sizing: border-box;
}

.featured-slider-left,
.featured-slider-right {
  display: block;
  height: 36px;
  width: 34px;
  border-radius: 34px;
  line-height: 34px;
  font-size: 14px;
  background-color: rgba(100, 100, 100, 0.25);
  color: white;
  text-align: center;
  font-family: 'icomoon';
}

.featured-slider-left.loaded:hover,
.featured-slider-right.loaded:hover {
  background-color: rgba(100, 100, 100, 0.4);
  cursor: pointer;
}

.featured-slider-left {
  left: 0;
}

.featured-slider-left:before {
  content: "\e913";
  position: relative;
  left: -1px;
}

.featured-slider-right {
  right: 0;
}

.featured-slider-right:before {
  content: "\e912";
  position: relative;
  left: 1px;
}

.featured-content-article-caption {
  width: 100%;
  height: 70px;
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  vertical-align: middle;
  position: absolute;
  z-index: 2;
  text-align: left;
  bottom: 0;
  display: table;
}

.featured-content-article {
  min-width: 276px;
  margin: 0;
  height: 248px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid #646464;
  display: block;
  position: relative;
  background-size: contain;
  text-align: left;
}

#featured-slider .featured-content-article {
  padding: 0;
}

.featured-content-article:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: .2;
  background-color: black;
}

.featured-content-article:hover {
  cursor: pointer;
}

.featured-content-article:hover img {
  opacity: .8;
}

.featured-content-article:hover .featured-content-article-caption {
  background-color: rgba(0, 0, 0, 0.7);
}

.featured-content-article:hover:after {
  opacity: 0;
}

.featured-content-article-link {
  color: white;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 12px;
  text-align: center;
  margin-top: 0px;
  position: absolute;
  z-index: 2;
  text-align: left;
  display: table;
  width: calc(100% + 1px);
  height: 100%;
  text-decoration: none;
}

.featured-content-article-link .icon {
  font-size: 22px;
  position: relative;
  top: 3px;
  margin: 5px 8px 10px;
}

.featured-content-article-link:hover {
  text-decoration: none;
}

.featured-content-article-caption-p {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  font-size: 15px;
  line-height: 16px;
  padding: 5px 12px;
  box-sizing: border-box;
}

.featured-recently-uploaded-content-list {
  max-width: 1280px;
  padding: 15px 3% 60px;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
}

.featured-recently-uploaded-content-list-item {
  display: inline-block;
  background-color: white;
  margin-right: 3px;
  margin-bottom: 5px;
  line-height: 45px;
  max-width: 310px;
  overflow: hidden;
  position: relative;
  bottom: 0;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(100, 100, 100, 0.01), 0 1px 2px rgba(100, 100, 100, 0.01);
  border: 1px solid rgba(10, 10, 10, 0.01);
  transition: all 0.15s ease-in-out;
}

@media only screen and (max-width: 599px) {
  .featured-recently-uploaded-content-list-item {
    max-width: Calc(90% - 30px);
  }
}

.featured-recently-uploaded-content-list-item:hover {
  bottom: 3px;
  transition: all 0.15s ease-in-out;
  text-decoration: none;
}

.featured-recently-uploaded-content-list-item-link {
  padding: 0px 0px 0px 10px;
  display: block;
}

@media mobile-max {
  .featured-recently-uploaded-content-list-item-link {
    font-size: 13px;
  }
}

.featured-recently-uploaded-content-list-item-link .icon {
  margin: 0 6px 0 2px;
}

.featured-recently-uploaded-content-list-item-link:hover {
  text-decoration: none;
}

.featured-recently-uploaded-title {
  display: block;
  float: left;
  max-width: 225px;
  font-size: 15px;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.featured-recently-uploaded-content-time {
  font-size: 11px;
  line-height: 45px;
  text-transform: uppercase;
  margin-top: 2px;
  margin-left: 7px;
  display: block;
  float: right;
  padding-right: 8px;
  /*.trauma & {
    color: @traumaColor;
  }
  .spine & {
    color: @spineColor;
  }
  .sports & {
    color: @sportsColor;
  }
  .pediatrics & {
    color: @pediatricsColor;
  }
  .recon & {
    color: @reconColor;
  }
  .hand & {
    color: @handColor;
  }
  .footandankle & {
    color: @footandankleColor;
  }
  .pathology & {
    color: @pathologyColor;
  }
  .basicscience & {
    color: @basicscienceColor;
  }
  .anatomy & {
    color: @anatomyColor;
  }
  .approaches & {
    color: @approachesColor;
  }
  .general & {
    color: @generalColor;
  }*/
}

.hp-section-1 {
  height: 635px;
  background-image: url('/ux-images/hp/hp_qbank.jpg');
  overflow: hidden;
}

@media only screen and (max-width: 599px) {
  .hp-section-1 {
    height: 100%;
  }
}

body.MedbulletsStep1 .hp-section-1 {
  background-image: url('/ux-images/hp/hp_qbank_mb1.png');
}

body.MedbulletsStep2And3 .hp-section-1 {
  background-image: url('/ux-images/hp/hp_qbank_mb23.png');
}

.hp-section-1 .hp-section-rightside {
  padding-top: 90px;
}

.hp-section-1-content .group.featured-content {
  max-width: 860px;
  margin: 5px auto 30px;
}

.hp-section-1-content .featured-content {
  margin-top: 15px;
  padding-bottom: 5px;
}

@media mobile-max {
  .hp-section-1-content .featured-content {
    padding-bottom: 25px;
  }
}

.hp-section-1-top-article {
  padding-bottom: 90px;
}

.hp-section-1-header-text {
  max-width: 720px;
  text-align: center;
  padding-right: 20px;
  margin-top: 90px;
  opacity: 1;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.2;
}

@media only screen and (max-width: 599px) {
  .hp-section-1-header-text {
    font-size: 32px;
    margin-top: 105px;
  }
}

.hp-section-1-cta {
  font-family: 'Montserrat', sans-serif;
  color: white;
  font-size: 28px;
  font-style: italic;
  margin: 10px auto 0;
  text-align: center;
  line-height: 1.2em;
  font-weight: 100;
}

.hp-section-banner {
  width: 430px;
  text-align: center;
  height: 125px;
  position: absolute;
  top: 50px;
  margin-left: 50px;
}

.hp-section-banner_link {
  margin: 0 auto;
  padding: 12px 12px 6px;
  display: block;
  transition: background-color 0.3s;
}

.hp-section-banner_link__bg-transparent {
  background-color: transparent;
  border: 1px solid #8ed68f;
}

.hp-section-banner_link__bg-transparent:hover {
  background-color: rgba(120, 187, 135, 0.3);
}

.hp-section-banner_link__bg-green {
  background-color: #78bb87;
}

.hp-section-banner_link__bg-green:hover {
  background-color: #56AA69;
}

.hp-section-banner_link:hover {
  text-decoration: none;
}

.hp-section-banner_text {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 9px;
  letter-spacing: 0.3px;
}

.hp-section-banner_text__green {
  color: #8ed68f;
}

.hp-section-banner_text__blue {
  color: #26416a;
}

.hp-section-banner_link {
  color: #26416a;
  font-weight: 300;
}

.hp-section-1-banner {
  text-align: center;
  color: #26416a;
  max-width: 70%;
  margin: 28px auto 0;
}

.hp-section-1-banner_link {
  margin: 0 auto;
  padding: 12px 12px 6px;
  display: block;
  transition: background-color 0.3s;
}

.hp-section-1-banner_link__bg-transparent {
  background-color: transparent;
  border: 1px solid #8ed68f;
}

.hp-section-1-banner_link__bg-transparent:hover {
  background-color: rgba(120, 187, 135, 0.3);
}

.hp-section-1-banner_link__bg-green {
  background-color: #78bb87;
}

.hp-section-1-banner_link__bg-green:hover {
  background-color: #56AA69;
}

.hp-section-1-banner_link:hover {
  text-decoration: none;
}

.hp-section-1-banner_text {
  font-size: 24px;
  margin-bottom: 9px;
  letter-spacing: 0.3px;
}

.hp-section-1-banner_text__green {
  color: #8ed68f;
}

.hp-section-1-banner_text__blue {
  color: #26416a;
}

.hp-section-1-banner_link {
  color: #26416a;
  font-weight: 300;
}

.hp-section-2 {
  background-image: url('/ux-images/hp/hp_study_plans.jpg');
}

.hp-virtual-curriculum-logo {
  max-width: 100px;
  position: absolute;
  top: 0;
  right: 30px;
}

.hp-section-3 {
  background-image: url('/ux-images/hp/hp_pass.jpg');
}

.hp-section-3 .top-info-copy {
  color: #fff;
}

.hp-pass-logo {
  height: 50px;
  margin-bottom: 10px;
}

.hp-section-4 {
  background-image: url('/ux-images/hp/hp_case_studies.jpg');
}

.hp-section-4 .top-info-case-studies-color {
  color: #26d9c2;
}

.hp-section-4 .top-info-title,
.hp-section-4 .top-info-copy {
  display: inline-block;
  margin-left: 25px;
}

.pollWrapper {
  max-width: 890px;
  overflow: visible;
}

.poll-create-section__title__label {
  width: 100%;
}

.case-studies-title {
  position: relative;
  top: -15px;
}

.hp-section-5 {
  background-image: url('/ux-images/hp/hp_evidence.jpg');
}

.hp-section-5 .top-info-title,
.hp-section-5 .top-info-copy {
  display: inline-block;
  margin-left: 25px;
}

.evidence-footprint-logo {
  display: inline-block;
}

.evidence-footprint-logo {
  color: #76A4E2;
  line-height: 0.8;
  font-size: 37px;
  display: inline-block;
  width: 190px;
}

.evidence-footprint-logo i {
  color: #dedede;
  font-size: 29px;
  text-transform: uppercase;
}

.hp-section-6 {
  background-image: url('/ux-images/hp/hp_bullet_cme.jpg');
}

.hp-section-7 {
  background-image: url('/ux-images/hp/hp_peak_panel.png');
}

.bullet-cme-type {
  position: relative;
  top: -8px;
}

.manage-videos {
  position: relative;
  height: 20px;
  margin-top: -20px;
  top: -5px;
  margin-left: 15px;
}

.sp-label-list,
.pass-label-list {
  max-width: 1114px;
  margin: 15px auto 12px auto;
  display: table;
  border-spacing: 6px;
  width: 100%;
}

.sp-label-list-item,
.pass-label-list-item {
  display: table-cell;
  padding: 12px 20px;
  box-sizing: border-box;
  margin: 0 2px;
  height: 70px;
  line-height: 22px;
  font-size: 18px;
  text-align: center;
  background-color: white;
  position: relative;
  bottom: 0;
  transition: 100ms bottom ease-in;
  vertical-align: middle;
}

.sp-label-list-item:hover,
.pass-label-list-item:hover {
  cursor: pointer;
  bottom: 2px;
  transition: 100ms bottom ease-in;
}

.sp-label-list-item.sp-label-active,
.pass-label-list-item.sp-label-active,
.sp-label-list-item.pass-label-active,
.pass-label-list-item.pass-label-active {
  background-color: #5bcacd;
  color: white;
}

.sp-label-list-item.sp-label-active:hover,
.pass-label-list-item.sp-label-active:hover,
.sp-label-list-item.pass-label-active:hover,
.pass-label-list-item.pass-label-active:hover {
  cursor: default;
  bottom: 0;
  color: white;
}

.sp-label-list-item {
  color: #6abdb5;
}

.sp-label-list-item:hover {
  color: #009587;
}

.sp-label-list-item.sp-label-active {
  background-color: #6abdb5;
}

.pass-label-list-item {
  color: #4bc0f5;
}

.pass-label-list-item:hover {
  color: #02a8f3;
}

.pass-label-list-item.pass-label-active {
  background-color: #4bc0f5;
}

.sp-content-item,
.pass-content-item {
  display: none;
  width: 100%;
  margin: 8px;
  max-width: 1104px !important;
  padding: 0 0 40px 0 !important;
  box-sizing: border-box;
}

.sp-content-item.sp-show,
.pass-content-item.sp-show,
.sp-content-item.pass-show,
.pass-content-item.pass-show {
  display: table;
}

.sp-content-left,
.sp-content-right,
.pass-content-left,
.pass-content-right {
  display: table-cell;
}

.sp-content-left,
.pass-content-left {
  width: 60%;
}

.sp-content-left-item,
.pass-content-left-item {
  font-size: 18px;
  line-height: 22px;
  padding: 12px 20px 13px 66px;
  margin: 5px 0;
  color: #3e3d3d;
  background-color: white;
  text-indent: -45px;
}

.sp-content-left-item:before,
.pass-content-left-item:before {
  width: 28px;
  height: 28px;
  font-size: 12px;
  line-height: 30px;
  text-indent: 0;
  text-align: center;
  display: inline-block;
  border-radius: 50px;
  background-color: #5bcacd;
  margin-right: 16px;
  font-family: 'icomoon';
  content: "\e911";
  color: white;
}

.sp-content-left-item:before {
  background-color: #6abdb5;
}

.pass-content-left-item:before {
  background-color: #4bc0f5;
}

.sp-content-right,
.pass-content-right {
  vertical-align: middle;
  box-sizing: border-box;
  padding-left: 25px;
}

.sp-testimonial,
.pass-testimonial {
  font-size: 18px;
  font-style: italic;
  font-weight: 100;
  line-height: 1.4;
  padding-right: 30px;
  text-align: center;
}

.sp-testimonial {
  color: #6abdb5;
}

.pass-testimonial {
  color: #02a8f3;
}

.testimonial-author {
  text-transform: uppercase;
  display: block;
  margin-top: 1em;
  font-size: 14px;
}

.sp-testimonial-author,
.pass-testimonial-author {
  display: block;
  text-align: right;
  font-size: 20px;
  font-weight: 600;
}

.peak-description {
  max-width: 780px;
  margin: 15px auto 12px auto;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
}

body {
  background-image: url("https://dev.orthobullets.com/ux-images/hp/hp_qbank.jpg");
  background-size: cover;
}

.hp-nav-video-wrapper {
  max-width: 1130px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  opacity: 1;
  bottom: 0;
  transition: 500ms all ease-out;
}

.hp-new-nav-video {
  position: absolute;
  top: 95px;
  left: 22px;
  color: #71b2f9;
  opacity: 1;
  transition: all 0.25s ease-in-out;
}

.hp-new-nav-video.hide {
  opacity: 0;
  transition: all 0.25s ease-in-out;
}

.hp-new-nav-video-p {
  position: relative;
  z-index: 5;
  border: 1px solid #71b2f9;
  border-radius: 3px;
  padding: 12px 13px 12px 8px;
  bottom: 0;
  transition: 100ms all ease-out;
}

.hp-new-nav-video:hover .hp-new-nav-video-p {
  color: white;
  border-color: #fff;
  cursor: pointer;
}

.hp-new-nav-video-p .icon-video {
  font-size: 13px;
}

.hp-new-nav-video.fade-out .hp-new-nav-video-p {
  opacity: 0;
  bottom: -20px;
  transition: 100ms all ease-out;
}

.new-nav-arrow {
  position: absolute;
  left: -40px;
  top: -34px;
  z-index: 16;
  opacity: 1;
  bottom: 0;
  transition: 100ms all ease-out;
}

.hp-new-nav-video.fade-out .new-nav-arrow {
  opacity: 0;
  bottom: -20px;
  transition: 100ms all ease-out;
}

.home-infographic-wrapper {
  width: 500px;
  height: 500px;
  display: block;
  position: relative;
  margin: 0px auto;
}

@media only screen and (max-width: 599px) {
  .home-infographic-wrapper {
    display: none;
  }
}

.home-infographic {
  max-width: 500px;
  height: 500px;
}

.circle-partition {
  stroke-opacity: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.svg-color-a {
  fill: #1769c2;
  opacity: .5;
  transition: all 0.25s ease-in-out;
}

.svg-color-a.circle-partition-1 {
  opacity: .35;
}

.svg-color-a.circle-partition-2 {
  opacity: .40;
}

.svg-color-a.circle-partition-3 {
  opacity: .45;
}

.svg-color-a.circle-partition-4 {
  opacity: .50;
}

.svg-color-a.circle-partition-5 {
  opacity: .55;
}

.svg-color-a.circle-partition-6 {
  opacity: .60;
}

.svg-color-a.hp-info-active {
  opacity: 1;
  border: 1px solid white;
  stroke-opacity: .3;
}

.svg-color-b {
  fill: #8ed68f;
}

.home-info-collaboration {
  background-color: #8ed78f;
  position: absolute;
  width: 160px;
  text-align: center;
  height: 35px;
  bottom: 110px;
  left: 50%;
  margin-left: -80px;
  border-radius: 2px;
}

.home-info-collaboration.hp-info-active {
  background-color: #a8eaa6;
}

.home-info-collaboration-p {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 35px;
  padding: 0;
  margin: 0;
  pointer-events: none;
}

.home-info-panel {
  position: absolute;
  display: block;
  top: 125px;
  width: 250px;
  text-align: center;
  left: 50%;
  margin-left: -125px;
  pointer-events: none;
}

.home-info-panel-callout,
.home-info-panel-title {
  left: 0;
  color: white;
}

.home-info-panel-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  letter-spacing: .5px;
  pointer-events: none;
  position: absolute;
  top: -125px;
}

.home-info-panel-callout {
  padding: 0 20px;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  opacity: 0;
  height: 250px;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  width: 250px;
}

.home-info-panel-callout.show {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

.home-info-panel-callout.home-info-panel-init-callout.show {
  transition: all 0.45s ease-in-out;
}

.pop-color {
  color: #8ed68f;
  display: block;
  font-size: 36px;
}

.additional-info-color {
  font-size: 16px;
  margin-top: 12px;
  text-transform: none;
  display: block;
  color: #8ed68f;
}

.home-info-panel-init-callout {
  font-size: 24px;
}

.home-info-panel-init-callout .pop-color {
  font-size: 42px;
}

.home-info-panel-1-title {
  margin-top: 75px;
  margin-left: 0px;
}

.home-info-panel-2-title {
  margin-top: 75px;
  margin-left: 165px;
}

.home-info-panel-3-title {
  margin-top: 240px;
  margin-left: 285px;
}

.home-info-panel-4-title {
  margin-top: 405px;
  margin-left: 185px;
}

.home-info-panel-5-title {
  margin-top: 405px;
  margin-left: -5px;
}

.home-info-panel-6-title {
  margin-top: 240px;
  margin-left: -107px;
}

.inner-circle-line {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.inner-circle-text-box {
  display: none;
}

.vc-infographic-wrapper {
  width: 680px;
  margin: 15px auto 0;
}

.vc-infographic-header {
  font-size: 37px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 22px;
  padding: 32px 15px;
  text-transform: uppercase;
  font-weight: 100;
}

.vc-infographic-left .vc-infographic-header {
  background-image: url('/ux-images/hp/purple_square_bg.png');
  color: #6871B5;
}

.vc-infographic-right .vc-infographic-header {
  background-image: url('/ux-images/hp/teal_square_bg.png');
  color: #66B4BA;
}

.vc-header-premium,
.vc-header-innovative {
  font-weight: 900;
  display: block;
  font-size: 37px;
}

.vc-header-premium {
  color: #6871B5;
}

.vc-header-innovative {
  color: #66B4BA;
}

.vc-infographic-left,
.vc-infographic-right {
  width: 300px;
  display: block;
}

.vc-infographic-left {
  float: left;
}

.vc-infographic-right {
  float: right;
}

.vc-infographic-list-item {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #6871B5;
  margin-bottom: 12px;
  box-sizing: border-box;
  position: relative;
  border-radius: 4px;
  bottom: 0;
  transition: all 0.15s ease-in-out;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.vc-infographic-list-item-link {
  color: white;
  font-size: 22px;
  vertical-align: middle;
  display: table;
  height: 135px;
  line-height: 24px;
  width: 100%;
}

.vc-infographic-left .vc-infographic-list-item {
  background-color: #6871B5;
  text-align: right;
  padding-left: 12px;
}

.vc-infographic-right .vc-infographic-list-item {
  background-color: #6abdb5;
  text-align: left;
  padding-right: 12px;
}

.vc-infographic-list-item:hover {
  bottom: 2px;
  transition: all 0.15s ease-in-out;
}

.vc-infographic-list-item-link:hover {
  text-decoration: none;
}

.vc-infographic-number {
  font-size: 2.8em;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  font-weight: 300;
  padding: 0 20px;
}

.vc-infographic-inside-rightside {
  right: 5px;
}

.vc-infographic-inside-leftside {
  left: 5px;
}

.vc-infographic-content {
  font-size: 23px;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  line-height: 24px;
  font-weight: 100;
  font-family: 'Montserrat';
}

.vc-infographic-content-aaos {
  letter-spacing: 1px;
}

.vc-aaos-logo {
  display: block;
  position: relative;
  margin-bottom: 4px;
}

.vc-fore-logo {
  font-size: 38px;
}

.vc-questions-subtitle {
  font-size: 15px;
  line-height: 18px;
  display: block;
  color: white;
  font-family: Arial, 'Helvetica', sans-serif;
  letter-spacing: 1px;
  margin-top: 9px;
}

.vc-cta,
.pass-cta {
  position: relative;
  width: 200px;
  text-transform: uppercase;
  border: 2px solid #6abdb5;
  color: #6abdb5;
  text-align: center;
  font-weight: 600;
  border-radius: 4px;
  background-color: white;
  margin: 20px auto 0;
}

.vc-cta-link,
.pass-cta-link {
  color: #6abdb5;
  text-transform: none;
  font-size: 16px;
  width: 100%;
  padding: 18px;
  box-sizing: border-box;
  display: block;
}

.vc-cta:hover,
.pass-cta:hover {
  background-color: #6abdb5;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
}

.vc-cta-link,
.pass-cta-link {
  color: #6abdb5;
}

.vc-cta-link:hover,
.pass-cta-link:hover {
  text-decoration: none;
  color: white;
}

.topic-mastery-free-offering,
.technique-guide-beta {
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: right;
  line-height: 22px;
  padding-right: 12px;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  background-color: #009587;
  color: #cfe3e1;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pass-graphic {
  position: relative;
  left: 10px;
}

.pass-video {
  max-width: 560px;
  position: relative;
  top: 27px;
}

.pass-video-watch-list {
  margin: 50px auto 0;
  text-align: center;
  font-size: 14px;
}

.pass-video-watch-list-item {
  display: inline-block;
  border-right: 1px solid #02a8f3;
  margin-right: 4px;
  padding-right: 8px;
  color: #02a8f3;
}

.pass-video-watch-list-item:last-of-type {
  margin-right: 0;
  padding-right: 0;
  border-right: 0px transparent solid;
}

.pass-video-watch-list-item a {
  font-size: 14px;
  color: #02a8f3;
}

.pass-panel-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: -15px;
}

.pass-infographic-wrapper {
  max-width: 560px;
  margin: 0 auto;
  position: absolute;
  top: 105px;
  left: 20px;
}

.pass-infographic-list {
  list-style-type: none;
  text-align: center;
  font-family: arial, sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 530px;
  pointer-events: none;
}

.pass-infographic-list.pass-info-show {
  opacity: 1;
}

.pass-infographic-list-item {
  padding: 5px 10px 6px 10px;
  box-sizing: border-box;
  width: 100%;
  color: #222222;
}

.pass-infographic-list-item-title {
  color: #016592;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 19px;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  letter-spacing: 1px;
}

.pass-infographic-list-item-copy {
  margin-top: 0;
  padding-top: 4px;
  font-weight: 100;
  font-size: 16px;
  line-height: 20px;
}

.pass-infographic-list-item:after {
  border-bottom: 1px solid #02a8f3;
  height: 1px;
  content: "";
  width: 80%;
  display: block;
  margin: 18px auto 0;
}

.pass-infographic-list-item:last-of-type:after {
  border-bottom: 0;
}

.pass-content-panel {
  padding: 0 !important;
}

#pass-infographic {
  width: 570px;
  height: 512px;
  position: relative;
}

.pass-info-partition {
  fill: #fff;
  stroke: #4bc0f5;
  stroke-miterlimit: 10;
}

.pass-info-partition:hover {
  cursor: pointer;
}

.pass-info-partition-active {
  fill: #4bc0f5;
}

.pass-info-partition-title {
  position: absolute;
  text-transform: uppercase;
  font-size: 17px;
  top: 53px;
  font-family: 'Montserrat';
  color: #4bc0f5;
  pointer-events: none;
  transition: all 0.15s ease-in-out;
}

.pass-info-partition-title-1 {
  left: 85px;
}

.pass-info-partition-title-2 {
  left: 225px;
}

.pass-info-partition-title-3 {
  left: 400px;
}

.pass-info-partition-title-4 {
  top: 455px;
  left: 57px;
}

.pass-info-partition-title-active {
  color: white;
  transition: all 0.15s ease-in-out;
}

.pass-info-svg-group-2 {
  -webkit-transform: translate(0px, 40px);
  transform: translate(0px, 40px);
}

.pass-cta {
  border: 2px solid #02a8f3;
  color: #02a8f3;
  margin-top: -20px;
  margin-bottom: 40px;
}

.pass-cta-link {
  color: #02a8f3;
}

.pass-cta:hover {
  background-color: #02a8f3;
}

.pass-cta:hover .pass-cta-link {
  color: #fff;
}

.sections-list-article {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 10px;
}

.sections-list-article .sections-list {
  margin: 15px auto 40px;
  background-color: white;
  padding: 24px;
  line-height: 1.2;
}

.sections-list-article .section-description {
  display: none;
}

.sections-list-article .section-description.show {
  display: block;
}

.sections-list-article .section-description .section-description__header {
  font-size: 18px;
  padding-bottom: 10px;
}

.sections-list-article .section-description.topic-description {
  color: #39b1eb;
}

.sections-list-article .section-description.questions-description {
  color: #61b096;
}

.sections-list-article .section-description.evidence-description {
  color: #fdd16b;
}

.sections-list-article .section-description.case-description {
  color: #fd6c6a;
}

.sections-list-article .section-description.videos-description {
  color: #f5a868;
}

.sections-list-article .section-description.tasks-description {
  color: #ff9600;
}

.sections-list-article .section-description.selfmastery-description,
.sections-list-article .section-description.techniqueguide-description {
  color: #3ebdc9;
}

.sections-list-article .section-description.faculty-description {
  color: #3c71a8;
}

.sections-list-article .section-description p {
  margin-bottom: 18px;
  font-size: 16px;
}

.sections-list-article .progress-classification {
  margin-left: 40px;
  font-size: 16px;
}

.sections-list-article .progress-classification li {
  margin: 3px 0;
}

.sections-list-article .progress-classification li span {
  vertical-align: super;
}

.sections-list-article .progress-classification strong {
  display: inline-block;
  width: 36px;
  margin-right: 12px;
}

.sections-list-article .progress-classification .selfProgressItem {
  margin-right: 12px;
  cursor: auto;
}

.sections-list-article .sections-images-title {
  font-size: 14px;
  color: #c0c0c0;
  line-height: 24px;
}

.sections-list-article .sections-images-list {
  font-size: 0;
}

.sections-list-article .sections-images-list .release-label {
  font-size: 16px;
  color: white;
  text-align: right;
  font-family: 'Montserrat', sans-serif;
  line-height: 24px;
}

.sections-list-article .sections-images-list .release-label span {
  display: inline-block;
  padding: 0 14px;
  background-color: #3dbdca;
}

.sections-list-article .sections-images-list li {
  display: inline-block;
  cursor: pointer;
  position: relative;
  height: 130px;
  width: 118px;
  background-color: #f9f9f9;
  text-align: center;
  margin: 0 1px;
  transition: all 0.3s ease-out;
}

.sections-list-article .sections-images-list li:hover {
  background-color: #C9E9F9;
}

.sections-list-article .sections-images-list li .circle {
  height: 59px;
  width: 59px;
  clip: rect(0, 35px, 69px, 0);
  position: absolute;
  top: -5px;
  left: -5px;
}

.sections-list-article .sections-images-list li .circle .half-circle {
  height: 59px;
  width: 59px;
  border: 5px solid #35b0eb;
  border-radius: 50%;
  clip: rect(0, 35px, 69px, 0);
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-108deg);
  transform: rotate(-108deg);
  left: 0;
}

.sections-list-article .sections-images-list li .shadow {
  height: 59px;
  width: 59px;
  border: 5px solid #d9d9d9;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 15%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.sections-list-article .sections-images-list li .shadow span {
  display: block;
  background-color: white;
  border-radius: 50%;
  width: 59px;
  height: 59px;
  font-size: 20px;
  line-height: 59px;
  text-align: center;
}

.sections-list-article .sections-images-list li .section-name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 14px;
  color: #6b7096;
}

.sections-list-article .sections-images-list li .section-name p {
  margin: 0;
}

.sections-list-article .sections-images-list li .section-name span {
  letter-spacing: 2px;
  line-height: 25px;
}

.sections-list-article .sections-images-list .topic-section-image span {
  color: #35b0eb;
}

.sections-list-article .sections-images-list .questions-section-image span {
  color: #61b196;
}

.sections-list-article .sections-images-list .questions-section-image .circle .half-circle {
  border-color: #61b196;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.sections-list-article .sections-images-list .evidence-section-image span {
  color: #fdd16e;
}

.sections-list-article .sections-images-list .evidence-section-image .circle .half-circle {
  border-color: #fdd16e;
  -webkit-transform: rotate(-160deg);
  transform: rotate(-160deg);
}

.sections-list-article .sections-images-list .cases-section-image span {
  color: #fb6564;
}

.sections-list-article .sections-images-list .cases-section-image .circle .half-circle {
  border-color: #fb6564;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.sections-list-article .sections-images-list .videos-section-image span {
  color: #f3a45f;
}

.sections-list-article .sections-images-list .videos-section-image .circle .half-circle {
  border-color: #f3a45f;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.sections-list-article .sections-images-list .tasks-section-image span {
  color: #fd9500;
}

.sections-list-article .sections-images-list .tasks-section-image .circle .half-circle {
  border-color: #fd9500;
  -webkit-transform: rotate(-97deg);
  transform: rotate(-97deg);
}

.sections-list-article .sections-images-list .selfmastery-section-image span {
  color: #3dbdca;
}

.sections-list-article .sections-images-list .selfmastery-section-image .circle .half-circle {
  border-color: #3dbdca;
  -webkit-transform: rotate(-140deg);
  transform: rotate(-140deg);
}

.sections-list-article .sections-images-list .faculty-section-image span {
  color: #3c71a5;
}

.sections-list-article .sections-images-list .faculty-section-image .circle .half-circle {
  border-color: #3c71a5;
  -webkit-transform: rotate(-95deg);
  transform: rotate(-95deg);
}

.ortho-homePage .pageWrapper {
  padding-top: 0;
}

.ortho-homePage main {
  padding: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: white;
}

.ortho-homePage .center {
  max-width: 100%;
}

.ortho-homePage .videos {
  margin: 0 auto;
}

.ortho-homePage nav.center,
.ortho-homePage header .center,
.ortho-homePage .homeFooter .center {
  max-width: 1130px;
}

.ortho-homePage nav.center,
.ortho-homePage header .center,
.ortho-homePage .hp-section-table,
.ortho-homePage .hp-section-content {
  margin: 0 auto;
}

.ortho-homePage .mainHeader-top {
  background-color: #08284F;
}

.ortho-homePage .hp-section-3-content .videos .videoItem,
.ortho-homePage .hp-section-4-content .videos .videoItem {
  width: 100%;
}

.ortho-homePage .virtualCurriculum {
  position: relative;
  padding-top: 10px;
  margin-top: 30px;
}

@media only screen and (max-width: 760px) {
  .ortho-homePage .virtualCurriculum {
    margin-top: 0;
  }
}

.ortho-homePage .studyPlans .studyPlansItem {
  width: 25%;
  margin: 25px 0;
}

.ortho-homePage .studyPlans,
.ortho-homePage .passPeak {
  padding-top: 25px;
  padding-bottom: 40px;
}

.ortho-homePage .poll-wraper:nth-child(2n) {
  float: left;
}

.ortho-homePage .mobileAdv {
  position: relative;
  z-index: 10;
}

/*  COLUMN SETUP  */

.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}

.col:first-child {
  margin-left: 0;
}

/*  GROUPING  */

.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1;
  /* For IE 6/7 */
}

/*  GRID OF THREE  */

.span-3-of-3 {
  width: 100%;
}

.span-2-of-3 {
  width: 66.13%;
}

.span-1-of-3 {
  width: 32.26%;
}

.span-1-of-2 {
  width: 49%;
}

/*  GO FULL WIDTH BELOW 600 PIXELS */

@media only screen and (max-width: 600px) {
  .col {
    margin: 1% 0 1% 0%;
  }

  .span-3-of-3,
  .span-2-of-3,
  .span-1-of-3,
  .span-1-of-2 {
    width: 100%;
  }
}

@media only screen and (max-width: 1023px) {
  .col {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  .pass-panel-wrapper {
    width: 570px;
    margin: 30px auto 0;
  }

  .sp-label-list-item,
  .pass-label-list-item,
  .sp-content-left-item,
  .pass-content-left-item,
  .sp-testimonial,
  .pass-testimonial {
    font-size: 16px;
  }

  .mobile-ad-bottom-section .col.span-1-of-3 {
    width: 33.1%;
  }

  .hp-section-1-content {
    max-height: 2000px;
  }

  .hp-section-3-content {
    max-height: 2000px;
  }

  .vc-infographic-wrapper {
    width: 100%;
  }

  .new-nav-arrow {
    display: none;
  }

  .mobileAdv .mobileAdv-title {
    width: 100%;
  }

  .mobileAdv .mobile-ad-bottom-section {
    font-size: 20px;
  }

  .mobileAdv .mobile-ad-bottom-section-link {
    font-size: 20px;
  }

  .mobileAdv .mobile-ad-bottom-section {
    margin-top: 33px;
  }

  .mobileAdv .mobile-ad-bottom-section-right {
    text-align: left;
  }

  .mobileAdv .mobile-ad-bottom-section-left {
    text-align: right;
  }

  .sp-label-list-item,
  .pass-label-list-item {
    padding: 12px 15px;
  }

  .hp-section-3-content .hp-section-content-header {
    margin-top: 15px;
    width: 80%;
  }

  .vc-infographic-wrapper {
    max-width: 640px;
  }

  .hp-section-content-header.featured-content {
    width: 80%;
    padding-top: 0;
  }

  #featured-slider,
  .featured-content {
    display: none;
  }
}

@media only screen and (max-width: 599px) {
  .featured-slider-controls {
    display: none;
  }

  .hp-section-banner {
    margin: 20px auto 20px;
    width: 90%;
  }

  .hp-section-banner_text {
    font-size: 22px;
  }

  .hp-section-1-banner {
    max-width: initial;
  }

  .hp-section-1-banner_link {
    width: 310px !important;
  }

  .hp-section-content-grey-bg {
    margin-left: 0;
    width: 100%;
    padding: 12px 12px;
    box-sizing: border-box;
  }

  .hp-section-content-grey-bg.user-module {
    display: none;
  }

  .hp-nav-video-wrapper {
    display: none;
  }

  .hp-section-leftside {
    height: 490px;
  }

  .mobileAdv .icon-star {
    font-size: 1.6em;
    top: -12px;
  }

  .mobileAdv .icon-star.half {
    top: -10px;
  }

  .mobile-ad-bottom-section-link {
    font-size: 22px;
  }

  .mobile-ad-bottom-section {
    margin-bottom: 15px;
  }

  .mobile-ad-bottom-section .col.span-1-of-3 {
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-ad-bottom-section .col.span-1-of-3.mobile-ad-bottom-section-left {
    margin-top: 20px;
  }

  .mobile-ad-bottom-section .col.span-1-of-3.mobile-ad-bottom-section-right {
    margin-top: 15px;
  }

  .vc-infographic-left,
  .vc-infographic-right {
    float: none;
    margin: 0 auto;
  }

  .testimonial {
    display: none;
  }

  .mobileAdv-header .mobileAdv-title {
    width: 90%;
    margin: 0 auto;
  }

  .pass-panel-wrapper {
    display: none;
  }

  .pass-video {
    max-width: 360px;
    top: 15px;
  }

  .hp-section-content-grey-bg .hp-section-content-header.center {
    max-width: 80%;
  }

  .featured-recently-uploaded-title {
    max-width: 165px;
  }

  .mobileAdv-top {
    display: block;
    margin-bottom: 6px;
  }

  .hp-section-3-content .hp-section-content-header {
    margin-top: 12px;
  }

  .stores-itunes-button.mobileAdv-top {
    margin-right: 0;
  }

  .homePage .mobileAdv header .stores {
    padding-right: 0;
  }

  .pass-cta {
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
}

.group-name-section {
  text-align: left;
  padding: 20px 0;
  line-height: normal;
  font-size: 24px;
  color: black;
  position: relative;
}

@media only screen and (max-width: 599px) {
  .group-name-section {
    font-size: 15px;
  }
}

.group-name-section--study-plan {
  padding-right: 250px;
}

@media only screen and (max-width: 1023px) {
  .group-name-section--study-plan {
    padding-right: 170px;
  }
}

@media only screen and (max-width: 1023px) {
  .group-name-section--study-plan {
    padding-right: 110px;
  }
}

.group-name-section span {
  font-size: 15px;
}

.header-tabs {
  text-align: center;
  padding-top: 12px;
  margin-bottom: 16px;
  white-space: nowrap;
  line-height: normal;
}

.header-tabs > ul {
  padding-left: 0;
  margin-left: 0;
}

.header-tabs li {
  display: inline-block;
}

.header-tabs li a {
  padding: 6px 14px;
  border-radius: 0;
  text-decoration: none;
  font-size: 15px;
  color: #363439;
}

.header-tabs li a:hover {
  color: white;
  background-color: #b8d0f8;
}

.header-tabs li.active a {
  color: white;
  border-left: 3px solid #7DA2DD;
  background-color: #b8cff7;
}

.header-tabs li.active a:hover {
  background-color: #5c77a2;
}

ol {
  list-style: decimal;
  padding-left: 40px;
  margin: 14px 0 14px 0;
}

.group-member td {
  vertical-align: middle;
}

.group-header-tabs {
  text-align: left;
  padding-top: 12px;
  margin-bottom: 16px;
  white-space: nowrap;
  line-height: normal;
}

.group-header-tabs > ul {
  padding-left: 0;
  margin-left: 0;
  border-bottom: 1px solid #888888;
  padding-bottom: 6px;
}

.group-header-tabs li {
  display: inline-block;
  margin-right: 3px;
}

.group-header-tabs li a {
  padding: 6px 14px;
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  font-size: 15px;
  color: #363439;
  background-color: #EEEEEE;
}

.group-header-tabs li.active a {
  border: 1px solid #888888;
  background-color: white;
  border-bottom: 1px solid white;
}

.group-activity .case .slider,
.group-activity .post .slider,
.group-activity .question .slider {
  display: none;
}

.group-activity .case.block-link,
.group-activity .post.block-link,
.group-activity .question.block-link {
  cursor: initial;
}

.group-activity .case .content .description .title,
.group-activity .post .content .description .title,
.group-activity .question .content .description .title {
  color: initial;
}

.group-activity .case.recent header:hover,
.group-activity .post.recent header:hover,
.group-activity .question.recent header:hover {
  background: #b8d0f8;
}

.group-activity .recents {
  margin-top: 0px;
}

.group-activity .add-comment {
  border-bottom: 1px solid #c0c0c0;
}

.group-activity .activityItem:first-of-type {
  padding-top: 10px;
}

.group-image-study-plan {
  position: absolute;
  top: 14px;
  right: 0;
  max-height: 50px;
}

@media only screen and (max-width: 1023px) {
  .group-image-study-plan {
    max-height: 40px;
  }
}

@media only screen and (max-width: 599px) {
  .group-image-study-plan {
    max-height: 25px;
  }
}

.group-name-section.pass {
  padding: 6px 0;
}

.upper-header {
  width: 100%;
  padding-top: 10px;
}

.upper-header table {
  width: 100%;
}

.upper-header table tr td.empty {
  width: 65%;
}

.upper-header table tr td.spacer {
  width: 15px;
}

.upper-header table tr td.image-holder {
  padding-left: 9px;
  width: 220px;
  text-align: right;
}

.upper-header .pass-logo {
  max-width: 220px;
  max-height: 60px;
}

.connected_test_codes_field .multiselect-container.dropdown-menu {
  overflow-x: auto;
  max-width: 350px;
}

#video_section {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

#video_section iframe,
#video_section object,
#video_section embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  .video.dashboard {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.video.dashboard .innerPageTitle {
  margin-bottom: 16px;
}

@media only screen and (max-width: 599px) {
  .video.dashboard .innerPageTitle {
    padding-left: 0;
    padding-right: 0;
  }
}

.video-upcoming-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  right: 180px;
  top: 8px;
}

.video-upcoming-event .register-days-left {
  color: #7DA2DC;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 10px 0 0;
}

.video-upcoming-event .register-link a {
  display: inline-block;
  vertical-align: middle;
  height: 27px;
  line-height: 27px;
  font-weight: bold;
  color: #FFF;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 2px;
  background-color: #7DA2DC;
  padding: 0 15px;
  cursor: pointer;
  transition: all linear 0.1s;
}

.video-upcoming-event .register-link a:hover {
  text-decoration: none;
  background-color: #5585D2;
}

.ellipsised {
  max-width: 350px;
  overflow: hidden;
  padding-top: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.subMenu {
  display: none;
  border-right: none;
}

.subMenu li {
  border-bottom: none;
}

.subMenu li a {
  background: white;
}

.subMenu li a.percent20 {
  border-left: 5px solid #d9f8e7;
}

.subMenu li a.percent40 {
  border-left: 5px solid #9fedc4;
}

.subMenu li a.percent60 {
  border-left: 5px solid #64db9d;
}

.subMenu li a.percent80 {
  border-left: 5px solid #14b287;
}

.subMenu li a.percent100 {
  border-left: 5px solid #0b8d6a;
}

.subMenu li a:hover {
  background: #eaeaea;
}

.tabNavigation {
  font-size: 0;
  margin-bottom: 11px;
}

.vc-lock {
  display: block;
}

.vc-lock .vc-lock-header {
  position: absolute;
  width: 100%;
  top: 0;
  color: white;
  font-size: 45px;
}

.vc-lock .vc-lock-header > * {
  opacity: 0.8;
}

.vc-lock .vc-lock-header .vc-lock-message {
  font-size: 16px;
  float: right;
  min-width: 80px;
  max-width: 170px;
  padding-top: 10px;
}

.vc-lock .vc-lock-header i.icon {
  float: right;
  position: initial;
  margin: 0;
}

/*---------------------Video card-------------------*/

.videosPreview {
  display: table;
  font-size: 0;
  margin-bottom: 20px;
}

@media only screen and (max-width: 599px) {
  .videosPreview {
    display: block;
  }
}

.videosPreview .videoInfo {
  display: table-cell;
  font-size: 14px;
  line-height: 1.2px;
  width: 50%;
  min-height: 280px;
  background-color: #f4f4f4;
  border-right: 5px solid white;
  margin-right: 7px;
}

.videosPreview .videoInfo:nth-child(2n) {
  margin-right: 0;
}

@media only screen and (max-width: 599px) {
  .videosPreview .videoInfo {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}

.videosPreview .videoInfo a {
  position: relative;
  display: block;
}

.videosPreview .videoInfo a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -23px;
  width: 46px;
  height: 44px;
  background: url(/ux-images/video-play.png) no-repeat;
}

.videosPreview .videoInfo img {
  width: 100%;
}

.videosPreview .videoInfo .videoDescriptionWrapper {
  padding: 13px 10px;
}

.videoDescriptionWrapper .videoStats {
  position: relative;
  font-size: 0;
}

.videoDescriptionWrapper .videoStats .rating {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.videoDescriptionWrapper .videoStats .videoUploadData {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 1.2;
}

.videoDescriptionWrapper .videoStats p {
  color: #999;
  font-size: 14px;
  line-height: 1.2;
}

.videoDescriptionWrapper .videoStats .videoComments {
  position: absolute;
  top: 0;
  right: 50px;
}

.videoDescriptionWrapper .videoStats .videoFootPrint {
  position: absolute;
  top: 0;
  right: 0;
}

.videoDescriptionWrapper .videoStats .icon {
  vertical-align: bottom;
}

.videoTitle {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 9px;
  max-width: 315px;
}

@media only screen and (max-width: 1023px) {
  .videoTitle {
    font-size: 14px;
    width: 68%;
  }
}

.videoDescription {
  font-size: 14px;
  line-height: 1.2;
  margin-top: 4px;
}

.videos .videoItem .right p .icon-video-navigation {
  font-size: 12px;
  vertical-align: middle;
}

@media (max-width: 820px) {
  .videos .videoComments {
    position: static;
  }
}

@media (max-width: 820px) {
  .videos .videoFootPrint {
    position: static;
  }
}

.authorDashboardList li {
  border: 1px solid #CCC;
  margin-top: 5px;
  position: relative;
}

.authorDashboardList .commentinboxdelete {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px;
}

.authorDashboardList .comment {
  overflow: hidden;
}

.authorDashboardList .picture {
  float: left;
  width: 15px;
}

.authorDashboardList .content {
  margin-left: 15px;
  padding-left: 10px;
}

.authorDashboardList .updateTopic p,
.authorDashboardList .updatedQuestion p {
  padding: 3px 0;
}

.authorDashboardList .message {
  font-size: 14px;
  padding: 5px 0;
  line-height: 1.2;
}

img {
  text-indent: -10000px;
}

.editableForm {
  overflow: hidden;
}

.editableForm__column {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.editableForm__column:nth-child(2) {
  padding-left: 15px;
}

@media only screen and (max-width: 599px) {
  .editableForm__column:nth-child(2) {
    padding-left: 0px;
  }
}

.editableForm__column--narrow {
  width: 28%;
}

@media only screen and (max-width: 599px) {
  .editableForm__column--narrow {
    width: 100%;
  }
}

.editableForm__column--wide {
  width: 72%;
}

@media only screen and (max-width: 599px) {
  .editableForm__column--wide {
    width: 100%;
  }
}

.editableForm__group {
  position: relative;
  margin-bottom: 10px;
  font: 16px Arial, sans-serif;
}

.editableForm__group--centered {
  text-align: center;
}

.editableForm__group--right {
  text-align: right;
}

.editableForm__group--inline {
  display: inline-block;
  vertical-align: top;
}

.editableForm__group--narrow {
  width: 30%;
}

@media only screen and (max-width: 599px) {
  .editableForm__group--narrow {
    width: 100%;
  }
}

.editableForm__group--wide {
  width: 68%;
}

@media only screen and (max-width: 599px) {
  .editableForm__group--wide {
    width: 100%;
  }
}

.editableForm__select-hospital-block {
  position: relative;
}

.editableForm__no-matches {
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
  padding: 5px;
  border: 1px solid #c5c5c5;
  background-color: #FFFFFF;
  display: none;
}

.editableForm:hover .editableForm__field {
  background: #eee;
  transition: background 0.2s ease-in;
}

.editableForm:hover .editableForm__field:after {
  opacity: 1;
  visibility: visible;
}

.editableForm--section:hover {
  background: #e3ecfd;
  transition: background 0.2s ease-in;
}

.editableForm--section:hover .editableForm__controls {
  display: block;
}

.editableForm__controls {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.editableForm__editLink,
.editableForm__deleteLink {
  display: inline-block;
  padding: 8px;
  color: #2a5077;
  font-size: 14px;
}

.editableForm__label {
  display: block;
  font: 12px Arial, sans-serif;
  color: #ababab;
  text-transform: uppercase;
}

.editableForm__field {
  position: relative;
  display: inline-block;
  padding: 5px;
  margin-top: 2px;
  cursor: pointer;
  transition: background 0.2s ease-in;
  white-space: pre-line;
}

.editableForm__field:before {
  content: " ";
  display: inline-block;
}

.editableForm__field:after {
  content: "\e900";
  font-family: 'icomoon' !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  margin-left: 10px;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  opacity: 0;
  visibility: hidden;
}

.editableForm__field:after-specialty-1:before {
  color: #f2cc6a;
}

.editableForm__field:after-specialty-2:before {
  color: #f2a768;
}

.editableForm__field:after-specialty-3:before {
  color: #f26868;
}

.editableForm__field:after-specialty-225:before {
  color: #f4165f;
}

.editableForm__field:after-specialty-4:before {
  color: #49a5e5;
}

.editableForm__field:after-specialty-5:before {
  color: #608fde;
}

.editableForm__field:after-specialty-6:before {
  color: #8571e7;
}

.editableForm__field:after-specialty-7:before {
  color: #8c5ecc;
}

.editableForm__field:after-specialty-8:before {
  color: #a264ab;
}

.editableForm__field:after-specialty-9:before {
  color: #5cab91;
}

.editableForm__field:after-specialty-10:before {
  color: #54a14c;
}

.editableForm__field:after-specialty-11:before {
  color: #89b871;
}

.editableForm__field:after-specialty-12:before {
  color: #89b871;
}

.editableForm__field:after-specialty-14:before {
  color: #f2cc6a;
}

.editableForm__field:after-specialty-15:before {
  color: #f1bf6a;
}

.editableForm__field:after-specialty-16:before {
  color: #f26868;
}

.editableForm__field:after-specialty-17:before {
  color: #f2a768;
}

.editableForm__field:after-specialty-18:before {
  color: #49a5e5;
}

.editableForm__field:after-specialty-19:before {
  color: #608fde;
}

.editableForm__field:after-specialty-21:before {
  color: #8571e7;
}

.editableForm__field:after-specialty-22:before {
  color: #8c5ecc;
}

.editableForm__field:after-specialty-23:before {
  color: #f19368;
}

.editableForm__field:after-specialty-24:before {
  color: #5f91e1;
}

.editableForm__field:after-specialty-25:before {
  color: #f6516a;
}

.editableForm__field:after-specialty-26:before {
  color: #a264ab;
}

.editableForm__field:after-specialty-27:before {
  color: #7378d7;
}

.editableForm__field:after-specialty-28:before {
  color: #5cab91;
}

.editableForm__field:after-specialty-29:before {
  color: #9259dd;
}

.editableForm__field:after-specialty-123:before {
  color: #f2cc6a;
}

.editableForm__field:after-specialty-101:before {
  color: #a264ab;
}

.editableForm__field:after-specialty-102:before {
  color: #f2a768;
}

.editableForm__field:after-specialty-103:before {
  color: #f26868;
}

.editableForm__field:after-specialty-104:before {
  color: #49a5e5;
}

.editableForm__field:after-specialty-105:before {
  color: #f4165f;
}

.editableForm__field:after-specialty-106:before {
  color: #608fde;
}

.editableForm__field:after-specialty-107:before {
  color: #8571e7;
}

.editableForm__field:after-specialty-108:before {
  color: #f1bf6a;
}

.editableForm__field:after-specialty-109:before {
  color: #f19368;
}

.editableForm__field:after-specialty-110:before {
  color: #f6516a;
}

.editableForm__field:after-specialty-111:before {
  color: #f02e50;
}

.editableForm__field:after-specialty-112:before {
  color: #f58961;
}

.editableForm__field:after-specialty-113:before {
  color: #5f91e1;
}

.editableForm__field:after-specialty-114:before {
  color: #fd3e4a;
}

.editableForm__field:after-specialty-115:before {
  color: #9259dd;
}

.editableForm__field:after-specialty-116:before {
  color: #8c5ecc;
}

.editableForm__field:after-specialty-117:before {
  color: #a547d3;
}

.editableForm__field:after-specialty-118:before {
  color: #7378d7;
}

.editableForm__field:after-specialty-120:before {
  color: #daaf55;
}

.editableForm__field:after-specialty-124:before {
  color: #8d8d8d;
}

.editableForm__field:after-specialty-201:before {
  color: #f1bf6a;
}

.editableForm__field:after-specialty-202:before {
  color: #daaf55;
}

.editableForm__field:after-specialty-203:before {
  color: #f2a768;
}

.editableForm__field:after-specialty-204:before {
  color: #f19368;
}

.editableForm__field:after-specialty-205:before {
  color: #f58961;
}

.editableForm__field:after-specialty-206:before {
  color: #f6516a;
}

.editableForm__field:after-specialty-207:before {
  color: #fd3e4a;
}

.editableForm__field:after-specialty-208:before {
  color: #f02e50;
}

.editableForm__field:after-specialty-209:before {
  color: #5f91e1;
}

.editableForm__field:after-specialty-210:before {
  color: #7378d7;
}

.editableForm__field:after-specialty-211:before {
  color: #9259dd;
}

.editableForm__field:after-specialty-212:before {
  color: #dd093f;
}

.editableForm__field:after-specialty-213:before {
  color: #a547d3;
}

.editableForm__field:after-specialty-214:before {
  color: #a54de5;
}

.editableForm__field:after-specialty-215:before {
  color: #b434dd;
}

.editableForm__field:after-specialty-216:before {
  color: #b74db0;
}

.editableForm__field:after-specialty-217:before {
  color: #cd19e9;
}

.editableForm__field:after-specialty-218:before {
  color: #779d97;
}

.editableForm__field:after-specialty-219:before {
  color: #6e924f;
}

.editableForm__field:after-specialty-220:before {
  color: #d10ecd;
}

.editableForm__field:after-specialty-222:before {
  color: #f2cc6a;
}

.editableForm__field:after-specialty-223:before {
  color: #f26868;
}

.editableForm__field:after-specialty-224:before {
  color: #8d8d8d;
}

.editableForm__field:after-specialty-226:before {
  color: #f2cc6a;
}

.editableForm__field:after-specialty-227:before {
  color: #f2a768;
}

.editableForm__field:after-specialty-228:before {
  color: #f26868;
}

.editableForm__field:after-specialty-229:before {
  color: #49a5e5;
}

.editableForm__field:after-specialty-230:before {
  color: #608fde;
}

.editableForm__field:after-specialty-231:before {
  color: #8571e7;
}

.editableForm__field:after-specialty-232:before {
  color: #8c5ecc;
}

.editableForm__field:after-specialty-233:before {
  color: #a264ab;
}

.editableForm__field:after-specialty-234:before {
  color: #5cab91;
}

.editableForm__field:after-specialty-235:before {
  color: #54a14c;
}

.editableForm__field:hover {
  transition: background 0.2s ease-in;
  background: #e3ecfd !important;
  color: #2a5077;
}

.editableForm__field--multiline {
  padding-right: 25px;
}

.editableForm__field--multiline:after {
  position: absolute;
  right: 5px;
  top: 5px;
}

.editableForm__field--block {
  display: block;
  max-height: 250px;
  overflow-y: auto;
  box-sizing: border-box;
}

.editableForm__field--fixedWidth {
  display: block;
  overflow: hidden;
  word-wrap: break-word;
}

.editableForm__empty {
  display: inline-block;
  font-size: 14px;
  color: #525252;
}

.editableForm__form {
  display: none;
}

.editableForm__form--edit {
  display: block;
}

.editableForm__btnGroup {
  display: none;
  position: relative;
  margin: 15px 0;
  text-align: right;
}

.editableForm__btn {
  display: inline-block;
  padding: 0 10px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font: 16px/48px Arial, sans-serif;
  text-align: center;
}

.editableForm__btn--blue {
  width: 100%;
  max-width: 270px;
  background: #7da2dc;
  color: #fff;
}

.editableForm__btn--blue:hover {
  text-decoration: none;
  background: #6A90CC;
}

.editableForm__btn--gray {
  width: 120px;
  background: #eaeaea;
  color: #a8a8a8;
}

.editableForm__btn--gray:hover {
  text-decoration: none;
  background: #dedede;
}

.editableForm__message--error {
  color: #E73737;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  left: 0;
}

.editableForm__message--succes {
  color: #7da2dc;
}

.editableForm__validationError {
  float: left;
  color: #E73737;
  font-size: 14px;
  max-width: 230px;
  text-align: left;
  border-left: 1px solid #E73737;
  padding-left: 10px;
}

.editableForm__row {
  position: relative;
  overflow: hidden;
}

.editableForm__row--withPrivacy {
  padding-right: 140px;
}

.editableForm__inputGroup {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  padding-right: 5px;
}

.editableForm__inputGroup:nth-child(2) {
  margin-left: -5px;
  padding-left: 5px;
  padding-right: 0;
}

.editableForm__textarea {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  border: 1px solid #eaeaea;
  resize: vertical;
  font: 16px Arial, sans-serif;
}

.editableForm__textarea--fixed {
  resize: none;
}

.editableForm__input {
  margin-top: 2px;
  padding: 5px;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  font: 16px Arial, sans-serif;
  border: 1px solid #eaeaea;
  transition: border 0.2s ease;
}

.editableForm__input:hover,
.editableForm__input:focus {
  border: 1px solid #b3b3b3;
}

.editableForm__input::-webkit-input-placeholder {
  color: #bcbcbc;
}

.editableForm__input::-moz-placeholder {
  color: #bcbcbc;
}

.editableForm__input:-ms-input-placeholder {
  color: #bcbcbc;
}

.editableForm__input::placeholder {
  color: #bcbcbc;
}

.editableForm__input--full {
  width: 100%;
}

.editableForm__input--zip {
  margin-bottom: 24px;
}

.editableForm__input--loading {
  background-image: url(/JobBank/images/loading.gif);
}

.editableForm__input--hospital-search {
  width: 560px;
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: center right;
}

@media only screen and (max-width: 599px) {
  .editableForm__input--hospital-search {
    width: 280px;
  }
}

.editableForm__input--textarea {
  height: 65px;
}

.editableForm__input--search {
  margin-bottom: 0;
}

.editableForm__select {
  margin-top: 2px;
  padding: 5px;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  font: 16px Arial, sans-serif;
  border: 1px solid #eaeaea;
  transition: border 0.2s ease;
}

.editableForm__select:hover,
.editableForm__select:focus {
  border: 1px solid #b3b3b3;
}

.editableForm__select--full {
  width: 100%;
}

.editableForm__select--privacy {
  position: absolute;
  right: 0;
  top: 0;
  width: 130px;
  font-size: 13px;
}

.editableForm__select--fixedPrivacy {
  font-size: 13px;
}

.editableForm__select--search {
  margin-bottom: 0;
}

.editableForm__autocomplete {
  max-height: 250px;
  width: 555px;
  overflow-y: auto;
}

@media only screen and (max-width: 599px) {
  .editableForm__autocomplete {
    width: 275px;
  }
}

.editableForm__autocomplete li.ui-menu-item {
  padding: 3px .4em 3px .4em;
}

.editableForm__preview-img {
  max-width: 180px;
}

.editableForm__file-upload {
  height: 0;
  width: 0;
  visibility: hidden;
}

.editableForm__form-message {
  position: absolute;
  left: 0;
  top: 0;
  padding: 14px 30px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.editableForm__form-message--visible {
  opacity: 1;
  visibility: visible;
}

.editableForm--editMode .editableForm__view,
.editableForm--createForm .editableForm__view {
  display: none;
}

.editableForm--editMode .editableForm__form,
.editableForm--createForm .editableForm__form {
  display: block;
}

.editableForm--editMode .editableForm__btnGroup,
.editableForm--createForm .editableForm__btnGroup {
  display: block;
}

.editableForm--editMode.editableForm--section:hover,
.editableForm--createForm.editableForm--section:hover {
  background: #fff;
}

.editableForm--editMode.editableForm--section:hover .editableForm__editLink,
.editableForm--createForm.editableForm--section:hover .editableForm__editLink {
  display: none;
}

.editableForm--createForm {
  display: none;
}

.editableForm--createForm .editableForm__btnGroup {
  display: block;
}

.editableForm--manage-hospitals .editableForm__group--inline:first-child {
  padding-right: 2%;
}

@media only screen and (max-width: 599px) {
  .editableForm--manage-hospitals .editableForm__group--inline:first-child {
    padding-right: 0;
  }
}

.editableForm--manage-hospitals .editableForm__group--wide {
  width: 70%;
}

@media only screen and (max-width: 599px) {
  .editableForm--manage-hospitals .editableForm__group--wide {
    width: 100%;
  }
}

.editableView__position {
  font-size: 16px;
}

.editableView__positionYear {
  font-size: 14px;
  color: #ababab;
}

.editableView__biography {
  white-space: pre-wrap;
  max-height: 160px;
  box-sizing: border-box;
  overflow-y: auto;
}

.profileCard {
  padding-top: 10px;
}

.profileCard__holder {
  margin-bottom: 10px;
}

.profileCard__item {
  display: inline-block;
  margin-right: 30px;
  text-align: center;
  vertical-align: top;
}

.profileCard__img {
  box-sizing: border-box;
  max-width: 180px;
}

.profileCard .uploadify-queue {
  max-width: 180px;
}

.backgroundCard {
  padding-top: 10px;
}

.backgroundCard__holder {
  margin-bottom: 10px;
  margin-right: 100px;
}

.backgroundCard__item {
  display: inline-block;
  margin-right: 30px;
  text-align: center;
  vertical-align: bottom;
}

.backgroundCard__label {
  margin-bottom: 15px;
  text-align: center;
  color: gray;
}

.backgroundCard__img {
  box-sizing: border-box;
  max-height: 180px;
  min-height: 180px;
}

.backgroundCard .uploadify-queue {
  max-width: 180px;
}

.ie8 .profileCard__holder {
  width: 180px;
}

.ie8 .backgroundCard__holder {
  height: 180px;
}

.profileSection {
  margin: 10px 0;
}

.profileSection__heading {
  display: block;
  height: 36px;
  background: #f4f4f4;
  text-decoration: none;
}

.profileSection__heading:hover {
  background: #eee;
  text-decoration: none;
}

.profileSection__heading--blue {
  background: #dfeafb;
}

.profileSection__heading--blue:hover {
  background: #dbe6f7;
}

.profileSection__headIcon {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  background: #d7d7d7;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.profileSection__headIcon.icon {
  line-height: 36px;
}

.profileSection__headIcon.icon-brain {
  font-size: 28px;
}

.profileSection__headIcon.icon-location {
  font-size: 22px;
}

.profileSection__headIcon.icon-collaborate {
  font-size: 13px;
}

.profileSection__headIcon--blue {
  background: #9db1d7;
}

.profileSection__headIconPlus {
  position: absolute;
  top: -5px;
  right: 10px;
  font-size: 12px;
}

.profileSection__arrow {
  float: right;
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #c5c5c5;
  font-size: 9px;
  text-align: center;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.profileSection__arrow.icon {
  line-height: 36px;
}

.profileSection__arrow--rolledUp.icon {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.profileSection__arrow--blue {
  color: #9db1d7;
}

.profileSection__title {
  display: inline-block;
  padding-left: 15px;
  vertical-align: top;
  font-weight: normal;
  text-transform: uppercase;
  font: 16px/36px Arial, sans-serif;
  color: #2c2c2c;
}

.profileSection__body {
  margin-top: 10px;
}

.profileSection__body--important {
  padding: 15px;
  background-color: #FFF1F3;
  border-radius: 1px;
  border: 1px solid #FFC7CC;
}

.profileSection__notification {
  padding-bottom: 20px;
  text-align: center;
  color: #666666;
  font-size: 14px;
}

.profileSection__btnGroup {
  text-align: right;
  margin: 10px 0;
}

.profileSection__btn {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  font-size: 16px;
  color: #fff;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  background: #79c969;
}

.profileSection__btn:hover {
  text-decoration: none;
  background: #56aa59;
}

.profileSection__important {
  color: #E45252;
}

.medtryxGraphics {
  padding-top: 20px;
  max-width: 180px;
}

.hospitalControls {
  margin: 10px 0;
  text-align: right;
}

.hospitalControls__add,
.hospitalControls__manage {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  font-size: 16px;
  color: #fff;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
}

.hospitalControls__add:hover,
.hospitalControls__manage:hover {
  text-decoration: none;
}

.hospitalControls__add {
  background: #79c969;
}

.hospitalControls__add:hover {
  background: #56aa59;
}

.hospitalControls__add[disabled] {
  background-color: #c5c5c5;
  cursor: default;
}

.hospitalControls__add[disabled]:hover {
  background-color: #c5c5c5;
}

.hospitalControls__manage {
  background: #7da2dc;
}

.hospitalControls__manage:hover {
  background: #6A90CC;
}

.physicianHospital {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.primaryHospitalAff {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 20px 0 0;
  display: table-cell;
  width: 58%;
}

.primaryHospitalAff__item {
  position: relative;
  border-bottom: 2px solid #eee;
  padding: 15px 0;
}

.primaryHospitalAff__item:last-child {
  border: none;
}

.primaryHospitalAff__item:hover {
  background: #e3ecfd;
  transition: background 0.2s ease-in;
}

.primaryHospitalAff__item:hover .primaryHospitalAff__delete {
  visibility: visible;
}

.primaryHospitalAff__item:hover .primaryHospitalAff__edit {
  visibility: visible;
}

.primaryHospitalAff__logoHolder {
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 155px;
  min-height: 35px;
  margin-right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.primaryHospitalAff__infoHolder {
  display: inline-block;
  margin-left: 170px;
}

.primaryHospitalAff__link {
  display: block;
  color: #333;
  font: 16px "SFUIText Light", sans-serif;
}

.primaryHospitalAff__label {
  display: inline-block;
  margin: 5px 0;
  text-transform: uppercase;
  font: 10px "SFUIText Light", sans-serif;
  color: #717171;
}

.primaryHospitalAff__address {
  margin: 0;
  font: 16px "SFUIText Light", sans-serif;
}

.primaryHospitalAff__phone {
  margin: 0;
  font: 16px "SFUIText Light", sans-serif;
  color: #333;
  text-decoration: none;
}

.primaryHospitalAff__phone:hover {
  text-decoration: underline;
}

.primaryHospitalAff__controls {
  position: absolute;
  top: 0;
  right: 0;
}

.primaryHospitalAff__delete {
  display: inline-block;
  visibility: hidden;
  padding: 10px;
  color: #2a5077;
  text-decoration: none;
  font-size: 16px;
}

.primaryHospitalAff__img-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  width: 150px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.primaryHospitalAff__img-wrapper i {
  color: #C6C6C6;
  font-size: 30px;
}

.primaryHospitalAff__edit {
  font-size: 16px;
  cursor: pointer;
  visibility: hidden;
}

.primaryHospitalAff__moveType {
  display: inline-block;
  margin-top: 5px;
}

.secondaryHospitalAff {
  display: table-cell;
  width: 33%;
  vertical-align: top;
}

.secondaryHospitalAff__label {
  display: inline-block;
  margin: 5px 0;
  text-transform: uppercase;
  font-weight: normal;
  font: 12px "SFUIText Light", sans-serif;
  color: #717171;
}

.secondaryHospitalAff__list {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f9f9f9;
}

.secondaryHospitalAff__holder {
  overflow: hidden;
  position: relative;
  min-height: 35px;
  margin-left: 90px;
}

.secondaryHospitalAff__item {
  position: relative;
  padding: 15px 20px 15px 10px;
}

.secondaryHospitalAff__item:hover {
  background: #e3ecfd;
  transition: background 0.2s ease-in;
}

.secondaryHospitalAff__item:hover .secondaryHospitalAff__delete {
  visibility: visible;
}

.secondaryHospitalAff__item:hover .secondaryHospitalAff__edit {
  visibility: visible;
}

.secondaryHospitalAff__link {
  display: block;
  color: #333;
  font: 16px "SFUIText Light", sans-serif;
  text-decoration: none;
}

.secondaryHospitalAff__link:hover {
  text-decoration: none;
}

.secondaryHospitalAff__logo {
  float: left;
  max-width: 80px;
}

.secondaryHospitalAff__name {
  display: block;
}

.secondaryHospitalAff__delete {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  visibility: hidden;
  padding: 10px;
  color: #2a5077;
  text-decoration: none;
}

.secondaryHospitalAff__img-wrapper {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 80px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.secondaryHospitalAff__img-wrapper i {
  color: #C6C6C6;
  font-size: 30px;
}

.secondaryHospitalAff__edit {
  position: absolute;
  top: 7px;
  right: 30px;
  font-size: 16px;
  cursor: pointer;
  visibility: hidden;
}

.secondaryHospitalAff__moveType {
  display: inline-block;
  margin-top: 5px;
}

.editTestimonial {
  margin: 10px 0;
}

.editTestimonial #update-testmonial-picture-uploadify {
  margin-top: 15px;
}

.editTestimonial__uploadBtn {
  box-sizing: border-box;
}

.editTestimonial__photo {
  padding-top: 10px;
  width: 100px;
  height: 100px;
}

.editTestimonial__holder {
  padding: 0 5px;
}

.editTestimonial {
  margin-bottom: 10px;
}

.userTestimonials {
  overflow: hidden;
}

.userTestimonials__item {
  overflow: hidden;
  position: relative;
  padding: 10px 50px 10px 10px;
  margin-bottom: 5px;
}

.userTestimonials__item:hover {
  background: #e3ecfd;
  transition: background 0.2s ease-in;
}

.userTestimonials__item:hover .userTestimonials__controls {
  visibility: visible;
}

.userTestimonials__photo {
  float: left;
  width: 100px;
  text-align: left;
  box-sizing: border-box;
}

.userTestimonials__details {
  margin-left: 110px;
}

.userTestimonials__author {
  font-size: 12px;
  font-style: normal;
}

.userTestimonials__quote {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.3;
}

.userTestimonials__controls {
  position: absolute;
  visibility: hidden;
  top: 0;
  right: 5px;
}

.userTestimonials__edit,
.userTestimonials__delete {
  display: inline-block;
  padding: 10px 5px;
  text-decoration: none;
  font-size: 16px;
  color: #2a5077;
}

.userTestimonials__img {
  max-width: 100px;
}

.userPopup {
  position: relative;
}

.userPopup__header {
  height: 35px;
  box-sizing: border-box;
  line-height: 35px;
  width: 100%;
  background-color: #f3f3f3;
  font-size: 18px;
  color: #535353;
  padding-left: 20px;
}

.userPopup__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  background-color: #eaeaea;
  text-align: center;
  z-index: 2;
  cursor: pointer;
}

.userPopup__body {
  box-sizing: border-box;
  padding: 10px;
  background: #fff;
}

.userPopup__message {
  font: 16px Arial, sans-serif;
  margin: 20px 0 30px 0;
}

.userPopup__btnHolder {
  text-align: right;
}

.userPopup__btn {
  width: 120px;
  display: inline-block;
  margin-left: 5px;
  padding: 0 10px;
  border: none;
  cursor: pointer;
  font: 16px/48px Arial, sans-serif;
  text-align: center;
}

.userPopup__btn--no {
  background: #eaeaea;
  color: #a8a8a8;
}

.userPopup__btn--no:hover {
  background: #dedede;
}

.userPopup__btn--yes {
  background: #7da2dc;
  color: #fff;
}

.userPopup__btn--yes:hover {
  background: #6A90CC;
}

.uploadify {
  display: inline-block;
}

.videos .dashboardItem .delete-link {
  visibility: hidden;
  display: inline-block;
  padding: 10px 5px;
  text-decoration: none;
  font-size: 16px;
  color: #2a5077;
}

.videos .dashboardItem:hover .delete-link {
  visibility: visible;
}

.userPublication {
  position: relative;
}

.userPublication__delete {
  position: absolute;
  top: 0;
  right: 5px;
  visibility: hidden;
  display: inline-block;
  padding: 10px 5px;
  text-decoration: none;
  font-size: 16px;
  color: #2a5077;
}

.userPublication:hover {
  background: #e3ecfd;
  transition: background 0.2s ease-in;
}

.userPublication:hover .userPublication__delete {
  visibility: visible;
}

.userPublication .dashboardItem {
  padding: 10px 30px 10px 0;
}

.userPublication .dashboardItem:hover {
  background: none;
}

.spinner {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -19px;
  height: 18px;
  width: 18px;
  -webkit-animation: rotate 0.8s infinite linear;
  animation: rotate 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
}

.selectSpecialty option[value="1"] {
  color: #f2cc6a;
}

.selectSpecialty[selectvalue="1"] {
  color: #f2cc6a;
}

.selectSpecialty option[value="2"] {
  color: #f2a768;
}

.selectSpecialty[selectvalue="2"] {
  color: #f2a768;
}

.selectSpecialty option[value="3"] {
  color: #f26868;
}

.selectSpecialty option[value="225"] {
  color: #f4165f;
}

.selectSpecialty option[value="4"] {
  color: #49a5e5;
}

.selectSpecialty option[value="5"] {
  color: #608fde;
}

.selectSpecialty option[value="6"] {
  color: #8571e7;
}

.selectSpecialty option[value="7"] {
  color: #8c5ecc;
}

.selectSpecialty option[value="8"] {
  color: #a264ab;
}

.selectSpecialty option[value="9"] {
  color: #5cab91;
}

.selectSpecialty option[value="10"] {
  color: #54a14c;
}

.selectSpecialty option[value="11"] {
  color: #89b871;
}

.selectSpecialty option[value="12"] {
  color: #89b871;
}

.selectSpecialty option[value="13"] {
  color: #8d8d8d;
}

.selectSpecialty option[value="14"] {
  color: #f2cc6a;
}

.selectSpecialty option[value="15"] {
  color: #f1bf6a;
}

.selectSpecialty option[value="16"] {
  color: #f26868;
}

.selectSpecialty option[value="17"] {
  color: #f2a768;
}

.selectSpecialty option[value="18"] {
  color: #49a5e5;
}

.selectSpecialty option[value="19"] {
  color: #608fde;
}

.selectSpecialty option[value="21"] {
  color: #8571e7;
}

.selectSpecialty option[value="22"] {
  color: #8c5ecc;
}

.selectSpecialty option[value="23"] {
  color: #f19368;
}

.selectSpecialty option[value="24"] {
  color: #5f91e1;
}

.selectSpecialty option[value="25"] {
  color: #f6516a;
}

.selectSpecialty option[value="26"] {
  color: #a264ab;
}

.selectSpecialty option[value="27"] {
  color: #7378d7;
}

.selectSpecialty option[value="28"] {
  color: #5cab91;
}

.selectSpecialty option[value="29"] {
  color: #9259dd;
}

.selectSpecialty option[value="123"] {
  color: #f2cc6a;
}

.selectSpecialty option[value="101"] {
  color: #a264ab;
}

.selectSpecialty option[value="102"] {
  color: #f2a768;
}

.selectSpecialty option[value="103"] {
  color: #f26868;
}

.selectSpecialty option[value="104"] {
  color: #49a5e5;
}

.selectSpecialty option[value="105"] {
  color: #f4165f;
}

.selectSpecialty option[value="106"] {
  color: #608fde;
}

.selectSpecialty option[value="107"] {
  color: #8571e7;
}

.selectSpecialty option[value="108"] {
  color: #f1bf6a;
}

.selectSpecialty option[value="109"] {
  color: #f19368;
}

.selectSpecialty option[value="110"] {
  color: #f6516a;
}

.selectSpecialty option[value="111"] {
  color: #f02e50;
}

.selectSpecialty option[value="112"] {
  color: #f58961;
}

.selectSpecialty option[value="113"] {
  color: #5f91e1;
}

.selectSpecialty option[value="114"] {
  color: #fd3e4a;
}

.selectSpecialty option[value="115"] {
  color: #9259dd;
}

.selectSpecialty option[value="116"] {
  color: #8c5ecc;
}

.selectSpecialty option[value="117"] {
  color: #a547d3;
}

.selectSpecialty option[value="118"] {
  color: #7378d7;
}

.selectSpecialty option[value="120"] {
  color: #daaf55;
}

.selectSpecialty option[value="124"] {
  color: #8d8d8d;
}

.selectSpecialty option[value="201"] {
  color: #f1bf6a;
}

.selectSpecialty option[value="202"] {
  color: #daaf55;
}

.selectSpecialty option[value="203"] {
  color: #f2a768;
}

.selectSpecialty option[value="204"] {
  color: #f19368;
}

.selectSpecialty option[value="205"] {
  color: #f58961;
}

.selectSpecialty option[value="206"] {
  color: #f6516a;
}

.selectSpecialty option[value="207"] {
  color: #fd3e4a;
}

.selectSpecialty option[value="208"] {
  color: #f02e50;
}

.selectSpecialty option[value="209"] {
  color: #5f91e1;
}

.selectSpecialty option[value="210"] {
  color: #7378d7;
}

.selectSpecialty option[value="211"] {
  color: #9259dd;
}

.selectSpecialty option[value="212"] {
  color: #dd093f;
}

.selectSpecialty option[value="213"] {
  color: #a547d3;
}

.selectSpecialty option[value="214"] {
  color: #a54de5;
}

.selectSpecialty option[value="215"] {
  color: #b434dd;
}

.selectSpecialty option[value="216"] {
  color: #b74db0;
}

.selectSpecialty option[value="217"] {
  color: #cd19e9;
}

.selectSpecialty option[value="218"] {
  color: #779d97;
}

.selectSpecialty option[value="219"] {
  color: #6e924f;
}

.selectSpecialty option[value="220"] {
  color: #d10ecd;
}

.selectSpecialty option[value="222"] {
  color: #f2cc6a;
}

.selectSpecialty option[value="223"] {
  color: #f26868;
}

.selectSpecialty option[value="224"] {
  color: #8d8d8d;
}

.selectSpecialty[selectvalue="3"] {
  color: #f26868;
}

.selectSpecialty[selectvalue="225"] {
  color: #f4165f;
}

.selectSpecialty[selectvalue="4"] {
  color: #49a5e5;
}

.selectSpecialty[selectvalue="5"] {
  color: #608fde;
}

.selectSpecialty[selectvalue="6"] {
  color: #8571e7;
}

.selectSpecialty[selectvalue="7"] {
  color: #8c5ecc;
}

.selectSpecialty[selectvalue="8"] {
  color: #a264ab;
}

.selectSpecialty[selectvalue="9"] {
  color: #5cab91;
}

.selectSpecialty[selectvalue="10"] {
  color: #54a14c;
}

.selectSpecialty[selectvalue="11"] {
  color: #89b871;
}

.selectSpecialty[selectvalue="12"] {
  color: #89b871;
}

.selectSpecialty[selectvalue="13"] {
  color: #8d8d8d;
}

.selectSpecialty[selectvalue="14"] {
  color: #f2cc6a;
}

.selectSpecialty[selectvalue="15"] {
  color: #f1bf6a;
}

.selectSpecialty[selectvalue="16"] {
  color: #f26868;
}

.selectSpecialty[selectvalue="17"] {
  color: #f2a768;
}

.selectSpecialty[selectvalue="18"] {
  color: #49a5e5;
}

.selectSpecialty[selectvalue="19"] {
  color: #608fde;
}

.selectSpecialty[selectvalue="21"] {
  color: #8571e7;
}

.selectSpecialty[selectvalue="22"] {
  color: #8c5ecc;
}

.selectSpecialty[selectvalue="23"] {
  color: #f19368;
}

.selectSpecialty[selectvalue="24"] {
  color: #5f91e1;
}

.selectSpecialty[selectvalue="25"] {
  color: #f6516a;
}

.selectSpecialty[selectvalue="26"] {
  color: #a264ab;
}

.selectSpecialty[selectvalue="27"] {
  color: #7378d7;
}

.selectSpecialty[selectvalue="28"] {
  color: #5cab91;
}

.selectSpecialty[selectvalue="29"] {
  color: #9259dd;
}

.selectSpecialty[selectvalue="123"] {
  color: #f2cc6a;
}

.selectSpecialty[selectvalue="101"] {
  color: #a264ab;
}

.selectSpecialty[selectvalue="102"] {
  color: #f2a768;
}

.selectSpecialty[selectvalue="103"] {
  color: #f26868;
}

.selectSpecialty[selectvalue="104"] {
  color: #49a5e5;
}

.selectSpecialty[selectvalue="105"] {
  color: #f4165f;
}

.selectSpecialty[selectvalue="106"] {
  color: #608fde;
}

.selectSpecialty[selectvalue="107"] {
  color: #8571e7;
}

.selectSpecialty[selectvalue="108"] {
  color: #f1bf6a;
}

.selectSpecialty[selectvalue="109"] {
  color: #f19368;
}

.selectSpecialty[selectvalue="110"] {
  color: #f6516a;
}

.selectSpecialty[selectvalue="111"] {
  color: #f02e50;
}

.selectSpecialty[selectvalue="112"] {
  color: #f58961;
}

.selectSpecialty[selectvalue="113"] {
  color: #5f91e1;
}

.selectSpecialty[selectvalue="114"] {
  color: #fd3e4a;
}

.selectSpecialty[selectvalue="115"] {
  color: #9259dd;
}

.selectSpecialty[selectvalue="116"] {
  color: #8c5ecc;
}

.selectSpecialty[selectvalue="117"] {
  color: #a547d3;
}

.selectSpecialty[selectvalue="118"] {
  color: #7378d7;
}

.selectSpecialty[selectvalue="120"] {
  color: #daaf55;
}

.selectSpecialty[selectvalue="124"] {
  color: #8d8d8d;
}

.selectSpecialty[selectvalue="201"] {
  color: #f1bf6a;
}

.selectSpecialty[selectvalue="202"] {
  color: #daaf55;
}

.selectSpecialty[selectvalue="203"] {
  color: #f2a768;
}

.selectSpecialty[selectvalue="204"] {
  color: #f19368;
}

.selectSpecialty[selectvalue="205"] {
  color: #f58961;
}

.selectSpecialty[selectvalue="206"] {
  color: #f6516a;
}

.selectSpecialty[selectvalue="207"] {
  color: #fd3e4a;
}

.selectSpecialty[selectvalue="208"] {
  color: #f02e50;
}

.selectSpecialty[selectvalue="209"] {
  color: #5f91e1;
}

.selectSpecialty[selectvalue="210"] {
  color: #7378d7;
}

.selectSpecialty[selectvalue="211"] {
  color: #9259dd;
}

.selectSpecialty[selectvalue="212"] {
  color: #dd093f;
}

.selectSpecialty[selectvalue="213"] {
  color: #a547d3;
}

.selectSpecialty[selectvalue="214"] {
  color: #a54de5;
}

.selectSpecialty[selectvalue="215"] {
  color: #b434dd;
}

.selectSpecialty[selectvalue="216"] {
  color: #b74db0;
}

.selectSpecialty[selectvalue="217"] {
  color: #cd19e9;
}

.selectSpecialty[selectvalue="218"] {
  color: #779d97;
}

.selectSpecialty[selectvalue="219"] {
  color: #6e924f;
}

.selectSpecialty[selectvalue="220"] {
  color: #d10ecd;
}

.selectSpecialty[selectvalue="222"] {
  color: #f2cc6a;
}

.selectSpecialty[selectvalue="223"] {
  color: #f26868;
}

.selectSpecialty[selectvalue="224"] {
  color: #8d8d8d;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

img {
  text-indent: -10000px;
}

.sbOfficeLocations {
  padding: 50px 15px;
}

.sbOfficeLocations__title {
  font-size: 24px;
  text-align: center;
  margin: 0 0 50px 0;
}

.sbOfficeLocations__item {
  overflow: hidden;
  margin-bottom: 5px;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}

.sbOfficeLocations__item:last-child {
  border: none;
}

.sbOfficeLocations__column {
  float: left;
  width: 300px;
  padding-right: 15px;
  box-sizing: border-box;
}

.sbOfficeLocations__details {
  margin-left: 250px;
}

.sbOfficeLocations__description {
  height: 100px;
  resize: none;
}

.sbOfficeLocations__location {
  height: 110px;
  resize: none;
}

.editOfficePhoto {
  position: relative;
  margin-top: 20px;
}

.editOfficePhoto .uploadify-button,
.editOfficePhoto .uploadify {
  width: 100% !important;
  box-sizing: border-box;
}

.sbLocation__head {
  padding: 7% 10%;
  background-size: cover;
  background-color: #d7d7d7;
  min-height: 50px;
}

.sbLocation__map iframe {
  width: 100%;
  background: #f4f4f4;
}

.sbLocation__doctorName {
  display: inline;
  margin-right: 10px;
}

.sbLocation__doctorLink {
  text-decoration: none;
  font-size: 14px;
  opacity: 0.75;
  color: #fff;
}

.sbLocation__doctorLink:hover {
  opacity: 1;
}

.sbLocation__doctorPhoto {
  vertical-align: middle;
}

.sbLocation__office {
  margin-bottom: 0;
  font-size: 22px;
  text-transform: uppercase;
  color: #fff;
}

.practiceSummary__description {
  height: 170px;
}

.practiceGraphics {
  padding: 10px 0 0 0;
}

.practiceGraphics__holder {
  height: 70px;
  overflow: hidden;
  margin-bottom: 10px;
}

.practiceGraphics__item {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
}

.practiceGraphics__img {
  width: 180px;
  margin-bottom: 10px;
}

.practiceGraphics .uploadify-queue {
  max-width: 180px;
}

.uploadify-button {
  box-sizing: border-box;
}

.practicePhysicians {
  margin: 10px 0;
}

.practicePhysicians .editableForm__controls {
  right: 5px;
}

.practicePhysicians__form {
  padding: 10px 5px;
}

.practicePhysicians__item {
  position: relative;
  border-bottom: 1px solid #eee;
  background: #fff;
}

.practicePhysicians__item:last-child {
  border: none;
}

.practicePhysicians__holder {
  display: table;
  width: 100%;
  table-layout: fixed;
}

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

.practicePhysicians__photo {
  width: 110px;
}

.practicePhysicians__specialty {
  color: #9f9f9f;
}

.practicePhysicians__specialty .icon {
  font-size: 14px;
}

.practicePhysicians__controls {
  width: 40px;
  font-size: 14px;
  text-align: right;
  vertical-align: middle;
}

.practicePhysicians__delete {
  text-decoration: none;
  font-family: "icomoon";
}

.practicePhysicians__delete:hover {
  text-decoration: none;
}

.practicePhysicians__name {
  padding-right: 20px;
  font-size: 16px;
}

.practicePhysicians__top,
.practicePhysicians__bottom {
  display: inline-block;
  width: 30px;
  text-align: center;
  box-sizing: border-box;
  background: #f4f4f4;
  color: #c5c5c5;
  transition: background 0.1s ease-in;
  padding: 6px;
}

.practicePhysicians__top:hover,
.practicePhysicians__bottom:hover {
  color: #2a5077;
  background: #cfdef9;
}

.physicianOffices {
  font-size: 14px;
}

.physicianOffices__checkMark {
  display: inline-block;
  width: 18px;
  margin: 2px;
  line-height: 18px;
  font-size: 12px;
  color: #c5c5c5;
  visibility: hidden;
}

.physicianOffices__checkMark--checked {
  visibility: visible;
  color: #c5c5c5;
}

.obCheckbox__checkbox {
  display: none;
}

.obCheckbox__tick {
  display: inline-block;
  margin: 2px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #eaeaea;
  text-align: center;
  box-sizing: border-box;
}

.obCheckbox__tick .icon {
  display: none;
  color: #fff;
  font-size: 9px;
  line-height: 20px;
}

.obCheckbox__checkbox:checked + .obCheckbox__tick {
  background: #7da2dd;
  border-color: #7da2dd;
}

.obCheckbox__checkbox:checked + .obCheckbox__tick .icon {
  display: inline-block;
}

.obCheckbox__checkbox--topic:checked + .obCheckbox__tick {
  background: #39B1EB;
  border-color: #39B1EB;
}

.obCheckbox__checkbox--question:checked + .obCheckbox__tick {
  background: #61B096;
  border-color: #61B096;
}

.obCheckbox__checkbox--article:checked + .obCheckbox__tick {
  background: #FDD16B;
  border-color: #FDD16B;
}

.obCheckbox__checkbox--video:checked + .obCheckbox__tick {
  background: #F5A868;
  border-color: #F5A868;
}

.physicianDropdown__photo {
  vertical-align: middle;
}

.physicianDropdown__name {
  vertical-align: middle;
  margin-left: 10px;
  font-size: 16px;
}

.physicianAutocomplete .ui-menu-item {
  padding: 0;
}

.physicianAutocomplete .ui-state-active {
  background: #7da2dc;
  border-color: #7da2dc;
}

.openingHours {
  display: block;
  white-space: normal;
}

.openingHours__day {
  display: inline-block;
  width: 105px;
  color: #ababab;
  font-size: 12px;
  text-transform: uppercase;
}

.openingHours__dayName {
  vertical-align: middle;
}

.openingHours__timeSlot {
  width: 82px;
  margin-bottom: 5px;
}

.openingHours__timeSlot[disabled] {
  background: #f4f4f4;
  color: #ababab;
}

.openingHours__time {
  font-size: 15px;
  white-space: nowrap;
}

.openingHours__error {
  color: #E73737;
  font-size: 14px;
}

.uploadBtn.uploadify-button {
  background: #7da2dc;
  text-align: center;
  color: #fff;
  border-radius: 0;
  border: 0;
  text-shadow: none;
  font-size: 14px;
  font-weight: normal;
}

.uploadify:hover .uploadBtn.uploadify-button {
  background: #6A90CC;
}

/*question presentation mode*/

.q-p-mode .pass-peak-place-holder {
  display: none;
}

.q-p-mode .topicNavigation {
  position: relative;
}

.q-p-mode .sideNavigation {
  display: none;
}

.q-p-mode .collapseMenuWrapper {
  display: none;
}

.q-p-mode .pageWrapper {
  padding: 0;
  padding-top: 36px;
  background-color: white;
}

.q-p-mode .mainHeader {
  display: none;
}

.q-p-mode .mainWrapper {
  margin-left: 32px !important;
  max-width: initial;
  width: 95%;
}

.q-p-mode header.testTitle {
  padding-top: 16px;
  margin-bottom: 10px;
  padding-left: 0px;
}

.q-p-mode footer {
  display: none;
}

.q-p-mode .questionGrid .question {
  font-size: 20px;
  width: 200px;
}

.q-p-mode .questionGrid .question a {
  font-size: 20px;
}

.q-p-mode .questionGrid .question a .question-arrow {
  zoom: 1.4;
}

.q-p-mode .questionGrid .specialty {
  font-size: 20px;
  width: 200px;
  padding-left: 20px;
}

.q-p-mode .questionGrid .topic {
  font-size: 20px;
}

.q-p-mode .questionGrid #test_score_table thead {
  display: none;
}

.q-p-mode .questionModeLink {
  display: inline-block;
  margin-right: 30px;
  margin-top: -2px;
  text-decoration: none;
  color: #6396e6;
  font-size: 28px;
}

.q-p-mode .questionModeLink:hover {
  color: #5f7ba7;
}

.q-p-mode #fixedheader {
  margin-top: 15px;
}

.q-p-mode .buttons {
  position: absolute;
  width: 100%;
  top: -48px;
  left: -78px;
}

.q-p-mode .topicquestion {
  max-width: 1270px !important;
  font-size: 24px;
}

.q-p-mode section.question {
  font-size: 24px;
}

.q-p-mode .qbankTest .figures {
  font-size: 24px;
}

.q-p-mode .qbankTest .answers .answerItem .answerText {
  font-size: 24px;
}

.q-p-mode .qbankTest .preferredResponse .text {
  font-size: 24px;
  line-height: 26px;
}

.q-p-mode .topicPage #slider3 .bullets {
  left: 585px !important;
}

.q-p-mode #slider3 .viewport {
  width: 1220px;
  height: 760px;
  margin-top: 14px;
  left: 23px;
}

.q-p-mode #slider3 .bullets {
  margin: 0;
  padding: 5px;
  padding-top: 0px;
  position: absolute;
  top: -26px;
  left: 1167px !important;
  overflow-x: auto;
  white-space: nowrap;
  width: 250px;
  height: 36px;
}

.q-p-mode #slider3 .bullet {
  background-color: #E2EDFF;
  font-size: 14px;
  padding: 2px;
}

.q-p-mode #slider3 .bullet.active {
  color: #fff;
  background-color: #E2EDFF;
}

.q-p-mode #slider3 .bullets li {
  display: inline-block;
  float: none;
}

.q-p-mode .topicPage {
  width: 1298px;
  margin-left: -7px;
}

.q-p-mode .oldTopicText table td {
  font-size: 24px;
}

.q-p-mode .pm_sprite {
  display: inline-block;
  cursor: pointer;
  *display: inline;
  zoom: 1;
  margin-left: -4px;
}

.q-p-mode .pm_sprite {
  background: url('/images/presentation/pm_tool.png') no-repeat top left;
}

.q-p-mode .pm_sprite.toolClosePopUp {
  background-position: 0px 0px;
  width: 46px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolBackSlide {
  background-position: 0px -70px;
  width: 46px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolDownBullet {
  background-position: 0px -140px;
  width: 46px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolEscape {
  background-position: 0px -210px;
  width: 46px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolForwardSlide {
  background-position: 0px -280px;
  width: 46px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolHome {
  background-position: 0px -350px;
  width: 46px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolImagePopUp {
  background-position: 0px -420px;
  width: 46px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolInstructions {
  background-position: 0px -490px;
  width: 48px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolQuestionPopUp {
  background-position: 0px -560px;
  width: 46px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolVideoPopUp {
  background-position: 0px -630px;
  width: 45px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolZoomin {
  background-position: 0px -700px;
  width: 46px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolZoomOut {
  background-position: 0px -770px;
  width: 47px;
  height: 50px;
}

.q-p-mode .pm_sprite.toolUpBullet {
  background-position: 0px -849px;
  width: 46px;
  height: 50px;
}

.q-p-mode .unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.q-p-mode .pm-tools {
  position: fixed;
  top: 0;
  right: 111px;
  width: 100%;
  z-index: 50;
}

.q-p-mode header.topicHeader {
  position: fixed;
  top: 30px;
  left: 14px;
  right: 0;
  z-index: 1;
  background: #fff;
  padding: 20px 0 0;
  width: 1344px;
}

.q-p-mode header.topicHeader .top {
  width: 95%;
  margin: 0 auto;
  background: #395685;
  color: #fff;
}

.q-p-mode header.topicHeader .authors {
  display: none;
}

.q-p-mode header.topicHeader .topic-title {
  font-size: 24px !important;
  line-height: 34px;
  font-weight: normal;
  text-transform: uppercase;
}

.q-p-mode header.topicHeader .nav-tabs__item {
  background: none;
  border: none;
  border-radius: 0;
  margin-left: 1px;
}

.q-p-mode header.topicHeader .nav-tabs__link {
  padding: 0 8px;
  border-radius: 0;
  background: #3E6198;
  color: #fff;
  opacity: 0.5;
}

.q-p-mode header.topicHeader .nav-tabs__link:hover {
  background: #102654;
  opacity: 1;
}

.q-p-mode section.topicContent {
  margin-top: 89px;
  margin-left: 3px;
  margin-right: 18px;
}

.q-p-mode .oldTopicText article {
  padding-right: initial;
}

.q-p-mode #simplemodal-container {
  left: 250px !important;
}

.q-p-mode #logo_tooltip {
  font-size: 18px;
  line-height: 18px;
}

.q-p-mode .qp-test-buttons {
  position: fixed;
  top: 10px;
  left: 602px;
  z-index: 1500;
}

.q-p-mode .qp-test-buttons .nav li i.icon {
  font-size: 17px;
  top: 6px;
}

.q-p-mode .qp-test-buttons .nav li a {
  padding-top: 3px;
  padding-bottom: 3px;
}

.q-p-mode .content_main_section > table {
  margin-top: 40px;
}

.q-p-mode .topicImages {
  margin-top: -30px;
}

.q-p-mode .qbankTest .pmNav__item-slides {
  margin-left: 235px;
}

.q-p-mode #simplemodal-container {
  width: 950px !important;
}

.q-p-mode .test_section_tr {
  font-size: 24px;
}

.q-p-mode #facebox_old.efootprintPopup {
  left: 200px !important;
}

.qpm {
  width: 100%;
}

.qpm .rightcontent {
  float: none;
  width: 100%;
  border-left: 0px;
  padding: 0px;
  font-size: 24px;
  margin-top: 58px;
}

.qpm #newQuestionDisplay {
  font-size: 24px;
  line-height: 28px;
  font-weight: normal;
}

.qpm #newQuestionDisplay a {
  font-size: 24px;
  line-height: 28px;
}

.qpm_mainpage .center {
  width: 92%;
  border-left: 0px;
  padding-top: 5px;
}

.qpm #contentbody {
  padding-right: 20px;
  padding-left: 20px;
}

.qpm .qpm_question_section {
  max-width: 100% !important;
  padding-bottom: 0px !important;
  text-align: justify;
}

.qpm a {
  font-size: 24px;
  white-space: nowrap;
}

.qpm a.btn {
  padding: 10px;
}

.qpm #test_score_table td {
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
}

.qpm img {
  zoom: 1.5;
}

.qpm .discussion-text {
  font-size: 24px;
}

.qpm .tablesorter-header {
  padding-left: 20px;
  padding-right: 20px;
}

.qpm_mainpage {
  width: 100% !important;
  height: 100vh;
}

.qpm .presentation_topic_icon {
  height: 20px !important;
}

.qpm .question_option_distribution {
  font-size: 24px !important;
}

.qpm .question_option_distribution .distribution_bar {
  height: 20px !important;
  overflow: hidden !important;
}

.qpm .prev_next_links {
  margin-bottom: 7px;
}

.pmPanel {
  position: fixed;
  top: 0;
  left: 13px;
  right: 0;
  width: 1346px;
  z-index: 2;
  overflow: hidden;
  background: #fff;
}

.pmPanel__holder {
  width: 95%;
  margin: 0 auto;
  padding: 10px 0;
}

.pmNav {
  float: left;
}

.pmNav__item {
  display: inline-block;
  margin-right: 10px;
}

.pmNav__btn {
  min-width: 140px;
}

.pmNav__backIcon {
  font-size: 14px;
  margin-right: 5px;
}

.pmTools {
  float: right;
  font-size: 0;
}

.pmTools__item {
  display: inline-block;
  margin-left: 1px;
}

.pmTools__btn {
  display: inline-block;
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #7da2dc;
  color: #fff;
}

.pmTools__btn .icon-minus {
  font-size: 1px;
  vertical-align: middle;
}

.pmTools__btn:hover {
  background: #6f90c3;
}

.km-icon {
  vertical-align: middle;
}

.km-settings-btn {
  font-size: 26px;
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
  color: #8d8d8d;
  margin-bottom: 4px;
}

.km-settings-btn:hover {
  color: #7e7e7e;
}

.km-settings-btn--header {
  font-size: 28px;
  text-transform: uppercase;
  color: #333333;
  line-height: 1.2;
  transition: 0.2s;
}

.km-settings-btn--header:hover {
  color: #333333;
}

.km-settings-btn--header:hover .icon {
  color: #333333;
}

.km-header {
  position: relative;
}

.km-title {
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 1023px) {
  .km-title {
    position: relative;
  }
}

@media only screen and (max-width: 599px) {
  .km-title {
    text-align: center;
  }
}

.km-progress-list {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 25px auto;
  padding: 20px;
  background-color: #f9f9f9;
  box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
  .km-progress-list {
    padding: 20px 10px;
  }
}

.km-progress-list__item {
  display: table-cell;
  text-align: center;
}

.km-progress-list__item.selfProgressItem .radial {
  width: 120px;
  height: 120px;
}

.km-progress-list__item.selfProgressItem .radial .circle .mask,
.km-progress-list__item.selfProgressItem .radial .circle .fill {
  width: 120px;
  height: 120px;
  position: absolute;
}

.km-progress-list__item.selfProgressItem .radial .circle .mask {
  clip: rect(0px, 120px, 120px, 60px);
}

.km-progress-list__item.selfProgressItem .radial .circle .mask .fill {
  clip: rect(0px, 60px, 120px, 0px);
}

.km-progress-list__item.selfProgressItem .radial .inset {
  width: 110px;
  height: 110px;
  margin-left: 5px;
  margin-top: 5px;
}

.km-progress-list__item.selfProgressItem .radial .inset .percentage {
  width: 110px;
  top: 40px;
  left: 0px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  font-size: 30px;
}

@media only screen and (max-width: 1023px) {
  .km-progress-list__item.selfProgressItem .radial {
    width: 62px;
    height: 62px;
  }

  .km-progress-list__item.selfProgressItem .radial .circle .mask,
  .km-progress-list__item.selfProgressItem .radial .circle .fill {
    width: 62px;
    height: 62px;
    position: absolute;
  }

  .km-progress-list__item.selfProgressItem .radial .circle .mask {
    clip: rect(0px, 62px, 62px, 31px);
  }

  .km-progress-list__item.selfProgressItem .radial .circle .mask .fill {
    clip: rect(0px, 31px, 62px, 0px);
  }

  .km-progress-list__item.selfProgressItem .radial .inset {
    width: 56px;
    height: 56px;
    margin-left: 3px;
    margin-top: 3px;
  }

  .km-progress-list__item.selfProgressItem .radial .inset .percentage {
    width: 56px;
    top: 17.5px;
    left: 0px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    font-size: 21px;
  }
}

@media only screen and (max-width: 599px) {
  .km-progress-list__item.selfProgressItem .radial {
    width: 44px;
    height: 44px;
  }

  .km-progress-list__item.selfProgressItem .radial .circle .mask,
  .km-progress-list__item.selfProgressItem .radial .circle .fill {
    width: 44px;
    height: 44px;
    position: absolute;
  }

  .km-progress-list__item.selfProgressItem .radial .circle .mask {
    clip: rect(0px, 44px, 44px, 22px);
  }

  .km-progress-list__item.selfProgressItem .radial .circle .mask .fill {
    clip: rect(0px, 22px, 44px, 0px);
  }

  .km-progress-list__item.selfProgressItem .radial .inset {
    width: 38px;
    height: 38px;
    margin-left: 3px;
    margin-top: 3px;
  }

  .km-progress-list__item.selfProgressItem .radial .inset .percentage {
    width: 38px;
    top: 11.5px;
    left: 0px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    font-size: 15px;
  }
}

.km-progress-list__label {
  margin-top: 20px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1023px) {
  .km-progress-list__label {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .km-progress-list__label {
    margin-top: 5px;
  }
}

.km-progress-list__label.pass-peak-item-label {
  font-size: 22px;
}

@media only screen and (max-width: 1023px) {
  .km-progress-list__label.pass-peak-item-label {
    font-size: 16px;
  }
}

@media only screen and (max-width: 599px) {
  .km-progress-list__label.pass-peak-item-label {
    font-size: 10px;
  }
}

.km-progress-list .pass-peak-item-label {
  padding-bottom: 5px;
}

.km-progress-list .pass-peak-item-notes-item {
  font-size: 17px;
  padding: 3px 8px;
}

@media only screen and (max-width: 1023px) {
  .km-progress-list .pass-peak-item-notes-item {
    font-size: 14px;
  }
}

@media only screen and (max-width: 599px) {
  .km-progress-list .pass-peak-item-notes-item {
    font-size: 11px;
  }
}

.km-progress-list .pass-peak-item-notes-notes:before {
  height: 16px;
}

.km-progress-list .pass-peak-item-additional-info {
  font-size: 22px;
  padding-bottom: 7px;
}

@media only screen and (max-width: 1023px) {
  .km-progress-list .pass-peak-item-additional-info {
    min-height: 26px;
    font-size: 16px;
  }
}

.km-progress-list .pass-peak-item-notes--cpt-case-log {
  font-size: 14px;
}

.km-tracking-settings__message {
  font-size: 16px;
  background: #f4f4f4;
  padding: 10px;
  color: #565656;
  font-weight: bold;
}

.km-tracking-settings__checkbox {
  display: block;
  padding: 5px 10px;
}

.km-tracking-settings__label {
  font-size: 16px;
  margin-left: 10px;
  vertical-align: middle;
  color: #383838;
}

.km-settings {
  position: absolute;
  width: 390px;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1;
}

.km-settings:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  right: 122px;
}

.km-settings:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f4f4f4;
  position: absolute;
  top: -6px;
  right: 123px;
}

.km-specialty {
  width: 200px;
  padding-bottom: 40px;
  margin-right: 15px;
}

@media only screen and (max-width: 599px) {
  .km-specialty {
    margin-right: 0;
  }
}

.specialty__name {
  position: relative;
  padding: 8px 25px 8px 4px;
  font: 800 16px 'Arial';
  color: #333;
  background: #f9f9f9;
  border-bottom: 1px solid #d8d8db;
}

.specialty__progress .progress-list__item {
  margin-left: 12px;
}

.specialty__toggle {
  position: absolute;
  bottom: 14px;
  right: 10px;
  font-size: 6px;
  color: #8d8d8d;
}

@media only screen and (max-width: 599px) {
  .specialty__menu.sideNavigation {
    left: 0;
  }
}

.chapter__name {
  padding: 10px 5px;
  font: 11px 'Arial Black';
  text-transform: uppercase;
  background-color: #EAEAE9;
  border-bottom: 1px solid #d8d8db;
}

.chapter__name .icon {
  font-size: 16px;
  vertical-align: top;
}

.chapter__name .icon.spine {
  color: #f26868;
}

.menu-section__name {
  position: relative;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  border-bottom: 1px solid #dbdbdb;
  cursor: pointer;
}

.menu-section__name .icon {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 10px;
  color: #8d8d8d;
  font-size: 6px;
}

.menu-section__name:hover {
  background: #eaeaea;
}

.menu-section__link {
  position: relative;
  display: block;
  overflow: hidden;
  color: #1f1fc7;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  padding: 6px 5px 12px 5px;
  border-bottom: 1px solid #EEE;
}

.menu-section__link:hover {
  color: #1f1fc7;
}

.progress-tracker__topics,
.progress-tracker__questions,
.progress-tracker__articles,
.progress-tracker__videos {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  line-height: 570px;
  text-align: center;
}

.progress-tracker__topics {
  left: 0;
  color: #39B1EB;
}

.progress-tracker__topics[data-progress='0'] {
  background: #fff;
}

.progress-tracker__topics[data-progress='20'] {
  background: #C9E9F9;
}

.progress-tracker__topics[data-progress='40'] {
  background: #81CDF2;
}

.progress-tracker__topics[data-progress='60'] {
  background: #5DBFEE;
}

.progress-tracker__topics[data-progress='80'] {
  background: #39B1EB;
}

.progress-tracker__topics[data-progress='100'] {
  background: #2F91C1;
}

.progress-tracker__questions {
  left: 50px;
  color: #61B096;
}

.progress-tracker__questions[data-progress='0'] {
  background: #fff;
}

.progress-tracker__questions[data-progress='20'] {
  background: #D3E9E2;
}

.progress-tracker__questions[data-progress='40'] {
  background: #9ACCBC;
}

.progress-tracker__questions[data-progress='60'] {
  background: #7DBEA9;
}

.progress-tracker__questions[data-progress='80'] {
  background: #61B096;
}

.progress-tracker__questions[data-progress='100'] {
  background: #50917B;
}

.progress-tracker__articles {
  left: 100px;
  color: #FDD16B;
}

.progress-tracker__articles[data-progress='0'] {
  background: #fff;
}

.progress-tracker__articles[data-progress='20'] {
  background: #FEF2D6;
}

.progress-tracker__articles[data-progress='40'] {
  background: #FDE1A0;
}

.progress-tracker__articles[data-progress='60'] {
  background: #FDD985;
}

.progress-tracker__articles[data-progress='80'] {
  background: #FDD16B;
}

.progress-tracker__articles[data-progress='100'] {
  background: #CFAD5D;
}

.progress-tracker__videos {
  left: 150px;
  color: #F5A868;
}

.progress-tracker__videos[data-progress='0'] {
  background: #fff;
}

.progress-tracker__videos[data-progress='20'] {
  background: #FCE7D5;
}

.progress-tracker__videos[data-progress='40'] {
  background: #F8C79E;
}

.progress-tracker__videos[data-progress='60'] {
  background: #F6B783;
}

.progress-tracker__videos[data-progress='80'] {
  background: #F5A868;
}

.progress-tracker__videos[data-progress='100'] {
  background: #C98A56;
}

.km-topic__link {
  overflow: hidden;
}

.km-topic__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 300px;
  transition: height 0.5s;
}

.km-topic__link:hover .km-topic__progress {
  height: 6px;
  transition: height 0.5s;
}

.km-specialty {
  display: inline-block;
}

.km-page {
  padding-top: 25px;
}

.km-settings-wr {
  text-align: center;
  width: 50%;
  margin: 0 auto;
}

.km-settings-wr .icon {
  font-size: 36px;
  vertical-align: middle;
  position: relative;
  top: -4px;
  left: 10px;
  color: #c6c6c6;
  transition: 0.2s;
}

@media only screen and (max-width: 1023px) {
  .km-settings-wr {
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  .km-dashboard {
    text-align: center;
  }
}

.km-dashboard .pass-peak-small-panel {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.km-dashboard .pass-peak-small-panel--item {
  display: table-cell;
}

.price-header h1 {
  text-align: center;
  font-size: 28px;
  margin: 24px 0;
}

.price-table {
  width: 100%;
  text-align: center;
  color: white;
}

.price-table .price-table__header th {
  text-align: center;
  line-height: 2;
}

.price-table .price-table__header th h2 {
  color: white;
  padding: 12px 0;
}

.price-table .price-table__header th .price {
  font-size: 22px;
}

.price-table tr td {
  padding: 12px 0;
}

.price-table tr td:first-of-type {
  background-color: #4e86ba;
}

.price-table tr td:nth-of-type(2),
.price-table tr td:nth-of-type(3) {
  background-color: #203764;
}

.price-table tr td:nth-of-type(4) {
  background-color: #d28a00;
}

.price-table tr td:nth-of-type(5) {
  background-color: #c77037;
}

.price-table tr th:nth-of-type(2) {
  background-color: #4e86ba;
}

.price-table tr th:nth-of-type(3) {
  background-color: #203764;
}

.price-table tr th:nth-of-type(4) {
  background-color: #d28a00;
}

.price-table tr th:nth-of-type(5) {
  background-color: #c77037;
}

.price-table tr .first-column {
  background-color: #eee;
  padding: 12px;
  color: #2f75b5;
}

.price-table .price-table_nesting {
  width: 100%;
}

.price-table .price-table_nesting td {
  padding: 0;
}

table.ortho-price-table .ortho-price-table__title-row {
  padding: 9px 15px;
  line-height: 1.1;
}

table.ortho-price-table .ortho-price-table__title-column {
  font-size: 16px;
  padding: 8px 0;
  font-weight: 700;
}

table.ortho-price-table .ortho-price-table__desc-column {
  font-size: 10px;
  padding: 6px 0;
}

table.ortho-price-table .ortho-price-table__separator td {
  line-height: 5px;
}

table.ortho-price-table .ortho-price-table__section-link {
  display: block;
  padding: 7px 0 5px 0;
  color: #ffffff;
  border: 1px solid transparent;
}

table.ortho-price-table .ortho-price-table__section-link span {
  border-bottom: 1px solid transparent;
  transition: border 0.2s ease;
}

table.ortho-price-table .ortho-price-table__section-link:hover {
  text-decoration: none;
}

table.ortho-price-table .ortho-price-table__section-link:hover span {
  border-bottom: 1px solid #ffffff;
}

table.ortho-price-table .ortho-price-table__btn-sae {
  background-color: #1F4E78;
}

table.ortho-price-table .ortho-price-table__btn-sae:hover {
  text-decoration: none;
  background-color: #15324b;
}

table.ortho-price-table .ortho-price-table__btn-peak {
  background-color: #39B1EB;
}

table.ortho-price-table .ortho-price-table__btn-peak:hover {
  text-decoration: none;
  background-color: #2d90c0;
}

table.ortho-price-table .ortho-price-table__btn-pass {
  background-color: #A264AB;
}

table.ortho-price-table .ortho-price-table__btn-pass:hover {
  text-decoration: none;
  background-color: #76497c;
}

table.ortho-price-table tr td {
  padding: 0;
}

table.ortho-price-table .icon-check-multi {
  font-size: 20px;
}

table.ortho-price-table .icon-check-multi .path1:before {
  color: #39b1eb;
}

table.ortho-price-table .icon-check-multi .path2:before {
  color: #3fa0ce;
}

@media only screen and (max-width: 1023px) {
  .ortho-price-scroll {
    overflow-x: scroll;
  }
}

.marketing-page {
  position: relative;
  color: #333333;
}

@media only screen and (max-width: 599px) {
  .marketing-page {
    padding: 0 15px;
  }
}

.marketing-page__call-phrase {
  color: #FFFFFF;
  font-size: 18px;
  letter-spacing: 0.5px;
}

@media only screen and (max-width: 599px) {
  .marketing-page__call-phrase {
    color: #333333;
  }
}

.marketing-page__main-title {
  padding: 30px 0;
  font-size: 27px;
  font-weight: bold;
  text-align: center;
}

.marketing-page__title {
  font-size: 27px;
  font-weight: bold;
  padding-bottom: 35px;
  line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__title {
    font-size: 20px;
    padding-bottom: 20px;
  }
}

.marketing-page__title--scheme {
  padding-bottom: 20px;
}

.marketing-page__title--center {
  text-align: center;
}

.marketing-page__title-quote {
  padding-bottom: 20px;
  font-size: 24px;
  font-style: italic;
  color: #FFFFFF;
  text-align: left;
  line-height: 1.5;
}

@media only screen and (max-width: 599px) {
  .marketing-page__title-quote {
    color: #333333;
  }
}

.marketing-page__title-quote-author {
  font-size: 18px;
  color: #FFFFFF;
  text-align: right;
}

@media only screen and (max-width: 599px) {
  .marketing-page__title-quote-author {
    color: #333333;
  }
}

.marketing-page__subtitle {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__subtitle {
    padding-bottom: 10px;
  }
}

.marketing-page__subtitle--scheme {
  padding-bottom: 35px;
}

.marketing-page__subtitle--pass {
  padding-bottom: 50px;
  color: #A264AB;
}

@media only screen and (max-width: 599px) {
  .marketing-page__subtitle--pass {
    padding-bottom: 20px;
  }
}

.marketing-page__section {
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 50px;
  font-size: 0;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__section {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}

.marketing-page__section:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 12%;
  right: 12%;
  display: block;
  height: 1px;
  margin: 0 auto;
  background-color: #e6e6e6;
}

.marketing-page__section--single {
  text-align: center;
  font-size: 16px;
}

.marketing-page__section--without-separator:after {
  content: none;
}

.marketing-page__section--without-indent {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.marketing-page__section--full-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100vw;
  height: 400px;
  margin-left: calc((-100vw + 1090px)/2);
  padding: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1130px) {
  .marketing-page__section--full-background {
    margin-left: -20px;
  }
}

@media only screen and (max-width: 1023px) {
  .marketing-page__section--full-background {
    margin-left: -35px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__section--full-background {
    width: 100%;
    height: auto;
    margin-left: 0;
    padding-top: 30px;
    padding-bottom: 0;
    background-image: none !important;
  }
}

.marketing-page__section--full-background-peak {
  background-position: 50% 30%;
}

@media only screen and (max-width: 1299px) {
  .marketing-page__section--full-background-peak {
    background-position: center left;
  }
}

@media only screen and (max-width: 1023px) {
  .marketing-page__section--full-background-peak {
    background-position: 15% 50%;
  }
}

.marketing-page__section--full-background-pass {
  background-position: 50% 75%;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__section--full-background-pass {
    background-position: 25% 50%;
  }
}

.marketing-page__section-part {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}

.marketing-page__section-part--left {
  position: relative;
  left: 55%;
  width: 41%;
}

@media only screen and (max-width: 599px) {
  .marketing-page__section-part--left {
    left: 0;
    width: 100%;
  }
}

.marketing-page__section-part--right {
  position: relative;
  left: -40%;
  width: 49%;
  margin-right: 6%;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .marketing-page__section-part--right {
    left: 0;
    width: 100%;
    margin-right: 0;
  }
}

.marketing-page__section-part--left-reverse {
  width: 40%;
  margin-left: 3%;
  margin-right: 8%;
}

@media only screen and (max-width: 599px) {
  .marketing-page__section-part--left-reverse {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.marketing-page__section-part--right-reverse {
  position: relative;
  width: 49%;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .marketing-page__section-part--right-reverse {
    width: 100%;
  }
}

.marketing-page__section-part--left-header {
  width: 47%;
  margin-right: 3%;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .marketing-page__section-part--left-header {
    width: 100%;
    margin-right: 0;
  }
}

.marketing-page__section-part--right-header {
  width: 45%;
}

@media only screen and (max-width: 599px) {
  .marketing-page__section-part--right-header {
    width: 100%;
    text-align: center;
  }
}

.marketing-page__section-part--left-footer {
  margin-right: 40px;
  padding: 0 40px 0 0;
  border-right: 1px solid #e6e6e6;
}

@media only screen and (max-width: 599px) {
  .marketing-page__section-part--left-footer {
    margin-right: 0;
    padding: 0 0 20px 0;
    border-right: none;
  }
}

.marketing-page__section-part--left-footer-buy {
  margin-right: 20px;
  padding: 0 20px 0 0;
  border-right: 1px solid #e6e6e6;
}

@media only screen and (max-width: 599px) {
  .marketing-page__section-part--left-footer-buy {
    margin-right: 0;
    border-right: none;
  }
}

.marketing-page__section-part--right-footer {
  text-align: left;
}

.marketing-page__section-part--peak {
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .marketing-page__section-part--peak {
    padding-bottom: 20px;
  }
}

.marketing-page__section-separator {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  display: inline-block;
  padding: 7px 15px;
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 14px;
  z-index: 1;
}

.marketing-page__section-separator--peak {
  background-color: #0094C8;
}

.marketing-page__section-separator--pass {
  background-color: #A264AB;
}

@media only screen and (max-width: 599px) {
  .marketing-page__section-separator {
    font-size: 11px;
  }
}

.marketing-page__peak-icon {
  position: absolute;
  top: 0;
  left: -85px;
  color: #49a5e5;
  font-size: 85px;
  text-shadow: 0 0 7px #5c5c5c;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__peak-icon {
    position: relative;
    top: 5px;
    left: -8px;
    font-size: 55px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__peak-icon {
    margin-left: -15px;
    font-size: 65px;
  }
}

.marketing-page__pass-logo {
  position: absolute;
  top: -5px;
  left: -75px;
  color: #FFFFFF;
  font-size: 85px;
  text-shadow: 0 0 7px #5c5c5c;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__pass-logo {
    top: 2px;
    left: -5px;
    font-size: 50px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__pass-logo {
    top: 8px;
    left: -15px;
  }
}

.marketing-page__poc-logo {
  padding-right: 15px;
  float: left;
  border-radius: 1px;
}

.marketing-page__poc-logo-letter {
  font-weight: 700;
}

.marketing-page__title-logo {
  display: inline-block;
  vertical-align: middle;
}

.marketing-page__title-logo--pass {
  padding-left: 20px;
}

.marketing-page__title-logo-second {
  position: relative;
  left: -5px;
  padding-bottom: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 80px;
  color: #FFFFFF;
  text-shadow: 0 0 7px #5c5c5c;
  line-height: 1;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__title-logo-second {
    left: 0;
    font-size: 53px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__title-logo-second {
    padding-bottom: 10px;
    font-size: 66px;
    color: #000000;
    text-shadow: 0 0 10px #a6a6a6;
  }
}

.marketing-page__title-logo-second--poc {
  left: 0;
  margin-top: 0;
  line-height: 1;
  text-align: left;
  font-size: 36px;
  letter-spacing: 1px;
  font-weight: 300;
  text-shadow: none;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__title-logo-second--poc {
    font-size: 94px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__price {
    text-align: center;
  }
}

.marketing-page__price-value {
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
}

@media only screen and (max-width: 599px) {
  .marketing-page__price-value {
    text-align: left;
  }
}

.marketing-page__price-value--current {
  position: relative;
  top: 2px;
  font-size: 44px;
  font-weight: bold;
}

.marketing-page__price-old {
  padding-bottom: 5px;
  font-size: 14px;
  color: #b34242;
  text-decoration: line-through;
}

.marketing-page__discount {
  padding: 3px 10px;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  background-color: #79c969;
}

.marketing-page__btn-purchase {
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #80cdee;
  line-height: 22px;
  color: #ffffff;
}

.marketing-page__description {
  line-height: 1.5;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__description {
    font-size: 14px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__description {
    padding-bottom: 20px;
  }
}

.marketing-page__description--with-indent {
  padding-bottom: 35px;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__description--with-indent {
    padding-bottom: 20px;
  }
}

.marketing-page__description.marketing-page__description--p-reset p {
  margin: 0;
  padding: 0;
}

.marketing-page__description.marketing-page__description--p-reset p + p {
  padding-top: 10px;
}

.marketing-page__description-wrapper {
  position: relative;
  padding: 20px;
  background-color: #d7effb;
  border-radius: 2px;
}

.marketing-page__description-wrapper--pass {
  background-color: #D4C2D8;
  text-align: left;
}

.marketing-page__description-wrapper--poc {
  background-color: #fae6d7;
}

.marketing-page__buttons--footer {
  padding-bottom: 10px;
}

.marketing-page__ortho-button {
  margin-right: 10px;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .marketing-page__ortho-button {
    min-width: auto;
    margin-right: 0px;
  }
}

.marketing-page__ortho-button.ortho-button {
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
}

.marketing-page__ortho-button--purchase {
  background-color: #009cde;
}

.marketing-page__ortho-button--purchase:hover {
  background-color: #008ac5;
}

.marketing-page__ortho-button--purchase-big.marketing-page__ortho-button {
  padding: 10px 25px;
  margin-top: 35px;
  font-size: 20px;
}

.marketing-page__ortho-button--purchase-big.marketing-page__ortho-button .marketing-page__paypal {
  position: relative;
  top: -3px;
  max-width: 92px;
}

.marketing-page__ortho-button--video {
  min-width: auto;
}

.marketing-page__ortho-button--video:before {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #ffffff;
}

.marketing-page__ortho-button--video .icon {
  position: relative;
  top: -1px;
  margin-right: 5px;
  font-size: 16px;
  vertical-align: middle;
}

.marketing-page__ortho-button--with-margin {
  margin-bottom: 20px;
}

.marketing-page__ortho-button + .marketing-page__ortho-button {
  margin-top: 10px;
}

.marketing-page__paypal {
  max-width: 70px;
  vertical-align: middle;
}

.marketing-page__note {
  padding: 10px 0 0 15px;
  color: #FFFFFF;
  font-size: 14px;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__note {
    font-size: 13px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__note {
    padding: 10px 0 0 0;
    color: #878787;
    text-align: right;
  }
}

.marketing-page__personalized-color {
  color: #009999;
}

.marketing-page__adaptive-color {
  color: #009cde;
}

.marketing-page__btn-group {
  width: 50%;
  float: left;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .marketing-page__btn-group {
    width: 100%;
    float: none;
  }
}

.marketing-page__btn-group--full {
  width: 100%;
  float: none;
}

.marketing-page__btn-feature {
  display: inline-block;
  vertical-align: top;
  width: 44%;
  margin: 0 1.5%;
  padding: 20px 10px;
  box-sizing: border-box;
  color: #333333;
  transition: background-color 0.2s ease;
  cursor: pointer;
}

.marketing-page__btn-feature:hover,
.marketing-page__btn-feature:focus {
  text-decoration: none;
  background-color: #f0f0f0;
}

.marketing-page__btn-feature--4 {
  width: 21%;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__btn-feature--4 {
    width: 43%;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__btn-feature--4 {
    width: 250px;
    margin: 0;
  }
}

.marketing-page__btn-feature--4-alt {
  width: 20%;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__btn-feature--4-alt {
    width: 25%;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__btn-feature--4-alt {
    width: 48%;
    margin: 0;
  }
}

.marketing-page__btn-feature--without-link {
  cursor: default;
}

.marketing-page__btn-feature--without-link:hover,
.marketing-page__btn-feature--without-link:focus {
  text-decoration: none;
  background-color: transparent;
}

.marketing-page__btn-feature-icon {
  padding-bottom: 10px;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__btn-feature-icon img {
    max-height: 50px;
  }
}

.marketing-page__btn-feature-text {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__btn-feature-text {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1023px) {
  .marketing-page__btn-feature-desc {
    font-size: 13px;
  }
}

.marketing-page__btn-feature-description {
  font-size: 14px;
  line-height: 1.5;
}

.marketing-page__plus {
  padding: 0 10px;
}

@media only screen and (max-width: 599px) {
  .marketing-page__plus {
    display: block;
  }
}

.marketing-page__slide {
  max-width: 100%;
  max-height: 340px;
}

@media only screen and (max-width: 599px) {
  .marketing-page__slide {
    max-width: 104%;
    margin-left: -2%;
  }
}

.marketing-page__slide--poc {
  max-height: 510px;
}

.marketing-page__footer {
  text-align: center;
}

.marketing-page__peak-icon-small {
  display: inline-block;
  vertical-align: middle;
  font-size: 50px;
  color: #39b1eb;
}

.marketing-page__peak-title-footer {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 800;
}

.marketing-page__top {
  position: absolute;
  left: 100%;
  margin-left: -2px;
  bottom: 50px;
  height: 50px;
  width: 50px;
  line-height: 67px;
  font-size: 12px;
  border-radius: 100%;
  background-color: #7da2dc;
  color: #ffffff;
  text-align: center;
  border: none;
  transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.2s ease;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__top {
    display: none;
  }
}

.marketing-page__top:before {
  content: '';
  position: absolute;
  left: 18px;
  top: 13px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.marketing-page__top--visible {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}

.marketing-page__top:focus {
  outline: none;
}

.marketing-page__top:hover {
  background-color: #6c8dbf;
}

.marketing-page__body {
  overflow-x: hidden;
}

.marketing-page__body .topicPage {
  background-color: #f9f9f9;
}

.marketing-page__features-element {
  position: relative;
  display: inline-block;
  width: 17%;
  padding: 15px 10px;
  margin: 0 1%;
  box-sizing: border-box;
  vertical-align: top;
  border: 1px solid #F3F3F3;
  border-radius: 2px;
  background-color: #FFFFFF;
  transition: background-color 0.2s ease;
}

@media only screen and (max-width: 1023px) {
  .marketing-page__features-element {
    width: 45%;
    padding: 20px 0;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__features-element {
    width: 45%;
    padding: 20px 0;
  }
}

@media only screen and (max-width: 1023px) {
  .marketing-page__features-element:last-child {
    margin-bottom: 0;
  }
}

.marketing-page__features-number {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.marketing-page__features-number--program {
  color: #395685;
}

.marketing-page__features-number--country {
  color: #557CB8;
}

.marketing-page__features-number--diagnostic {
  color: #8CD17D;
}

.marketing-page__features-number--assessment {
  color: #5D4C7F;
}

.marketing-page__features-number--mastery {
  color: #39B1EB;
}

@media only screen and (max-width: 599px) {
  .marketing-page__features-number {
    font-size: 26px;
  }
}

.marketing-page__features-logo {
  padding-bottom: 10px;
}

.marketing-page__features-title {
  padding-bottom: 10px;
  color: #333333;
  font-size: 16px;
  font-weight: bold;
}

.marketing-page__features-text {
  font-size: 14px;
  line-height: 1.5;
}

.marketing-page__features-link {
  display: inline-block;
  margin-top: 35px;
  color: #7DA2DC;
  font-size: 14px;
  transition: color 0.2s ease;
}

.marketing-page__features-link:hover {
  text-decoration: none;
  color: #6784b3;
}

.marketing-page .marketing-page__features-link {
  font-size: 14px;
}

.marketing-page__contacts-logo {
  display: inline-block;
  width: 75px;
}

@media only screen and (max-width: 599px) {
  .marketing-page__contacts-logo {
    width: 50px;
  }
}

.marketing-page__contacts-info {
  display: inline-block;
  padding-left: 35px;
  text-align: left;
}

@media only screen and (max-width: 599px) {
  .marketing-page__contacts-info {
    padding-left: 10px;
  }
}

.marketing-page__contacts-phone {
  font-size: 44px;
}

@media only screen and (max-width: 599px) {
  .marketing-page__contacts-phone {
    font-size: 26px;
  }
}

.marketing-page__note-text {
  border-top: 5px solid #A264AB;
  margin-top: 5px;
  font-size: 14px;
  padding: 15px;
}

@media only screen and (max-width: 599px) {
  .marketing-page__note-text {
    font-size: 10px;
  }
}

.marketing-page__poc-image {
  position: absolute;
  text-align: left;
}

@media only screen and (max-width: 1299px) {
  .marketing-page__poc-image {
    font-size: 1.2vw;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__poc-image {
    font-size: 2.9vw;
  }
}

.marketing-page__poc-image--1-1 {
  left: 35%;
  top: 8.5%;
  max-width: 50%;
}

.marketing-page__poc-image--1-2 {
  top: 22%;
  left: 47%;
}

.marketing-page__poc-image--1-3 {
  top: 91%;
  left: 8%;
  max-width: 40%;
  text-align: right;
}

.marketing-page__poc-image--2-1 {
  top: 1%;
  left: 34%;
}

.marketing-page__poc-image--2-2 {
  top: 75%;
  left: 59%;
}

.marketing-page__poc-image--2-3 {
  top: 89%;
  left: 46%;
  max-width: 38%;
}

.marketing-page__poc-image--3-1 {
  top: 74%;
  max-width: 30%;
  font-size: 14px;
}

@media only screen and (max-width: 1299px) {
  .marketing-page__poc-image--3-1 {
    font-size: 1.2vw;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__poc-image--3-1 {
    font-size: 2.9vw;
  }
}

.marketing-page__poc-image--3-2 {
  top: 88%;
  left: 32%;
  max-width: 35%;
  font-size: 14px;
}

@media only screen and (max-width: 1299px) {
  .marketing-page__poc-image--3-2 {
    font-size: 1.2vw;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__poc-image--3-2 {
    font-size: 2.9vw;
  }
}

.marketing-page__poc-image--3-3 {
  top: 74%;
  left: 69%;
  max-width: 35%;
  font-size: 14px;
}

@media only screen and (max-width: 1299px) {
  .marketing-page__poc-image--3-3 {
    font-size: 1.2vw;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__poc-image--3-3 {
    font-size: 2.9vw;
  }
}

.marketing-page__bubble-scheme {
  padding-bottom: 10px;
}

.marketing-page__bubble-scheme-item-wrapper {
  position: relative;
  display: inline-block;
  width: 190px;
  height: 190px;
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-item-wrapper {
    width: 130px;
    height: 130px;
  }
}

.marketing-page__bubble-scheme-item-wrapper:after {
  position: absolute;
  width: 150px;
  height: 3px;
  background-color: #E6D0FF;
}

.marketing-page__bubble-scheme-item-wrapper:before {
  position: absolute;
  width: 150px;
  height: 3px;
  background-color: #E6D0FF;
}

.marketing-page__bubble-scheme-item-wrapper--analytic {
  width: 250px;
  height: 250px;
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-item-wrapper--analytic {
    width: 190px;
    height: 190px;
  }
}

.marketing-page__bubble-scheme-item-wrapper--analytic:after {
  content: '';
  bottom: 25px;
  right: -105px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-item-wrapper--analytic:after {
    right: -25px;
    -webkit-transform: rotate(65deg);
    transform: rotate(65deg);
  }
}

.marketing-page__bubble-scheme-item-wrapper--analytic:before {
  content: '';
  bottom: 25px;
  left: -105px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-item-wrapper--analytic:before {
    left: -25px;
    -webkit-transform: rotate(-65deg);
    transform: rotate(-65deg);
  }
}

.marketing-page__bubble-scheme-item-wrapper--analytic .marketing-page__bubble-scheme-text {
  max-width: 90%;
  font-size: 16px;
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-item-wrapper--analytic .marketing-page__bubble-scheme-text {
    font-size: 14px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-item-wrapper--analytic .marketing-page__bubble-scheme-icon {
    max-width: 70px;
  }
}

.marketing-page__bubble-scheme-item-wrapper--checklist {
  margin-top: -70px;
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-item-wrapper--checklist {
    margin-top: 0px;
  }
}

.marketing-page__bubble-scheme-item-wrapper--checklist:after {
  content: '';
  top: 0;
  left: 20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-item-wrapper--checklist:after {
    top: -75px;
    left: -10px;
  }
}

.marketing-page__bubble-scheme-item-wrapper--tools:after {
  content: '';
  bottom: 30px;
  right: -100px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-item-wrapper--tools:after {
    right: -35px;
    -webkit-transform: rotate(65deg);
    transform: rotate(65deg);
  }
}

.marketing-page__bubble-scheme-item-wrapper--feedback:after {
  content: '';
  bottom: 30px;
  left: -100px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-item-wrapper--feedback:after {
    left: -35px;
    -webkit-transform: rotate(-65deg);
    transform: rotate(-65deg);
  }
}

.marketing-page__bubble-scheme-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 100%;
  background-color: #F9F9F9;
  border: 3px solid #b584bc;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  color: #333333;
}

.marketing-page__bubble-scheme-item:hover {
  text-decoration: none;
  background-color: #FFFFFF;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}

.marketing-page__bubble-scheme-icon {
  padding-bottom: 10px;
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-icon {
    max-width: 40px;
  }
}

.marketing-page__bubble-scheme-text {
  max-width: 95%;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-text {
    font-size: 12px;
  }
}

.marketing-page__bubble-scheme-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 680px;
  max-width: 100%;
  margin-top: -70px;
}