@charset "UTF-8";
/*============================================================================
  Mobile & Tablet Clearfit Stylesheet

  --Table of Contents--
    #Mobile
    #Tablet
    #Desktop

==============================================================================*/
/*============================================================================
  Clearfit Stylesheet

  --Table of Contents--
    #Colour Variables

==============================================================================*/
/*============================================================================
  Ellipsis

  @include ellipsis(100, 1);
==============================================================================*/
/*============================================================================
  Responsive Mixin

  Desktop, Tablet, Mobile support
  @include breakpoint(md) {  width:80%; }
==============================================================================*/
/*========
GENERAL
==========*/
.action-list-popover {
  position: absolute;
  z-index: 100;
  height: 450px;
  width: 700px;
  background: linear-gradient(357.91deg, #f9fafb 100%, rgba(255, 255, 255, 0) 144.7%), url(.png);
  box-shadow: 0px 10px 28px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  color: #000;
  overflow: auto;
}
.action-list-popover .list-title {
  padding-left: 40px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: "acumin-pro-semi-condensed";
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
}
.action-list-popover .list-title .close-link {
  float: right;
  padding-right: 15px;
}
.action-list-popover li {
  list-style: none;
  width: 90%;
  height: 110px;
  margin-bottom: 10px;
  margin-top: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  border-radius: 3px;
  background-color: #f3f9fc;
  padding: 10px;
}
.action-list-popover li .title {
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.action-list-popover li .required-toggle .required-label {
  width: 74%;
  display: inline-block;
}
.action-list-popover li .required-toggle .required-toggle-div {
  width: 60px;
  height: 26px;
  float: right;
}

.dev-plan .employee-selection-area {
  background: none;
  box-shadow: none;
  width: 100%;
}

.team-name-link {
  text-decoration: underline;
}

.job-listing-container .team-stats-row,
.insights-analytic-comparison .team-stats-row {
  margin-bottom: 30px;
}
.job-listing-container .mgr-exp__largeButton,
.insights-analytic-comparison .mgr-exp__largeButton {
  display: flex;
  cursor: pointer;
  min-width: 288px;
  max-width: 360px;
  min-height: 361px;
  flex-direction: column;
  justify-content: center;
  border: 0;
  background: url("/assets/img/dotted_tile_bg.svg") top left no-repeat, #f9fafb;
  box-shadow: 0px 10px 28px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  text-align: center;
  border-radius: 8px;
  padding: 1.5rem;
  transition: all 0.5s ease-in-out;
  margin-bottom: 15px;
  margin-right: 10px;
}
.job-listing-container .largeButton_analytic,
.insights-analytic-comparison .largeButton_analytic {
  min-height: 285px;
}
.job-listing-container .largeButton__icon,
.insights-analytic-comparison .largeButton__icon {
  background: linear-gradient(180deg, #e66072 20.13%, #cca3c1 85.71%);
  width: 80px;
  height: 80px;
  align-self: center;
  border-radius: 300px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.job-listing-container .largeButton__icon .team-dev-icon,
.insights-analytic-comparison .largeButton__icon .team-dev-icon {
  width: 60px;
  height: 60px;
}
.job-listing-container .largeButton__category,
.insights-analytic-comparison .largeButton__category {
  display: block;
  font-family: "acumin-pro-condensed", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  line-height: 25px;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #647482;
  margin: 0.5rem auto 0;
  padding: 0;
}
.job-listing-container .largeButton__text,
.insights-analytic-comparison .largeButton__text {
  padding: 1.5rem 0;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  color: #374653;
  line-height: 38px;
  text-align: center;
  font-family: "acumin-pro-condensed", Arial, serif;
}
.job-listing-container .selected-question-title,
.insights-analytic-comparison .selected-question-title {
  padding: 5.5rem 0;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  color: #374653;
  line-height: 38px;
  font-family: "acumin-pro-condensed", Arial, serif;
}
.job-listing-container .largeButton__go,
.insights-analytic-comparison .largeButton__go {
  align-self: center;
  transition: transform 0.5s ease-in;
}
.job-listing-container .mgr-exp__largeButton:hover,
.insights-analytic-comparison .mgr-exp__largeButton:hover {
  box-shadow: 0px 0px 12px inset rgba(0, 0, 0, 0.25);
}
.job-listing-container .mgr-exp__largeButton:active,
.insights-analytic-comparison .mgr-exp__largeButton:active {
  box-shadow: 0px 0px 20px inset rgba(0, 0, 0, 0.25);
  outline: none;
}
.job-listing-container .mgr-exp__largeButton:hover .largeButton__go,
.insights-analytic-comparison .mgr-exp__largeButton:hover .largeButton__go {
  transform: rotate(360deg) scale(1.05);
}
.job-listing-container .mgr-exp__teamStats,
.insights-analytic-comparison .mgr-exp__teamStats {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 120px;
  max-width: 360px;
  min-height: 200px;
  background: url("/assets/img/dotted_tile_bottom_bg.svg") top left no-repeat, #f6fafe;
  box-shadow: 0px 10px 28px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 16px 0;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.job-listing-container .teamStats__number,
.insights-analytic-comparison .teamStats__number {
  font-family: "acumin-pro-condensed";
  font-style: normal;
  font-weight: 900;
  font-size: 122px;
  line-height: 146px;
  color: #30788a;
  margin: 0;
  padding: 0;
  line-height: 122px;
}
.job-listing-container .teamStats__label,
.insights-analytic-comparison .teamStats__label {
  font-family: "acumin-pro-semi-condensed", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 144%;
  text-transform: uppercase;
  color: #647482;
  margin: 0;
  padding: 0 5px;
}

.must-have-popover {
  width: 350px;
  padding: 10px;
}
.must-have-popover .must-have-title-div {
  margin-bottom: 22px;
}
.must-have-popover .must-have-title-div .must-have-title {
  font-family: "acumin-pro-condensed";
  font-size: 36px;
  line-height: 43px;
}
.must-have-popover .must-have-image {
  float: right;
  margin-top: 3px;
}
.must-have-popover .must-have-item-dark {
  background: #002b4d;
  border-radius: 8px;
  font-family: "acumin-pro-semi-condensed";
  color: #f6fafe;
  font-size: 18px;
  line-height: 49px;
  height: 49px;
  padding-left: 15px;
}
.must-have-popover .must-have-item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 80%;
  height: 49px;
}
.must-have-popover .must-have-item-image {
  width: 15%;
  float: right;
}
.must-have-popover .must-have-item-light {
  background: transparent;
  border-radius: 8px;
  font-family: "acumin-pro-semi-condensed";
  color: #002b4d;
  font-size: 18px;
  line-height: 49px;
  height: 49px;
  padding-left: 15px;
}

.skills-popover {
  width: 350px;
  padding: 10px;
}
.skills-popover .skills-title-div {
  margin-bottom: 22px;
}
.skills-popover .skills-title-div .skills-title {
  font-family: "acumin-pro-condensed";
  font-size: 36px;
  line-height: 43px;
}
.skills-popover .skill-image {
  float: right;
  margin-top: 3px;
}
.skills-popover .skills-item-dark {
  background: #002b4d;
  border-radius: 8px;
  font-family: "acumin-pro-semi-condensed";
  color: #f6fafe;
  font-size: 18px;
  line-height: 49px;
  height: 49px;
  padding-left: 15px;
}
.skills-popover .skill-item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 80%;
  height: 49px;
}
.skills-popover .skill-item-image {
  width: 15%;
  float: right;
}
.skills-popover .skills-item-light {
  background: transparent;
  border-radius: 8px;
  font-family: "acumin-pro-semi-condensed";
  color: #002b4d;
  font-size: 18px;
  line-height: 49px;
  height: 49px;
  padding-left: 15px;
}

.education-popover {
  width: 350px;
  padding: 10px;
}
.education-popover .education-title-div {
  margin-bottom: 22px;
}
.education-popover .education-title-div .education-title {
  font-family: "acumin-pro-condensed";
  font-size: 36px;
  line-height: 43px;
}
.education-popover .education-subtitle {
  font-family: "acumin-pro-condensed";
  font-size: 24px;
  line-height: 29px;
  color: #2f648e;
  margin-bottom: 10px;
  margin-top: 10px;
}
.education-popover .subject-done {
  background: #bce6ee;
  color: #296978;
}
.education-popover .subject-not-done {
  background: #fad289;
  color: #784e02;
}
.education-popover .education-subject {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
  border-radius: 8px;
  margin-bottom: 15px;
  font-family: "acumin-pro-semi-condensed";
  font-size: 21px;
  line-height: 45px;
  border-top-left-radius: 26px;
  border-bottom-left-radius: 23px;
}
.education-popover .education-subject .education-subject-image {
  padding-right: 10px;
  height: 62px;
  width: 62px;
  margin-top: -5px;
}
.education-popover .education-image {
  float: right;
  margin-top: 3px;
}
.education-popover .education-level-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 80%;
  height: 49px;
}
.education-popover .education-level-image {
  width: 15%;
  float: right;
}
.education-popover .education-level-dark {
  background: #002b4d;
  border-radius: 8px;
  font-family: "acumin-pro-semi-condensed";
  color: #f6fafe;
  font-size: 18px;
  line-height: 49px;
  height: 49px;
  padding-left: 15px;
}
.education-popover .education-level-light {
  background: transparent;
  border-radius: 8px;
  font-family: "acumin-pro-semi-condensed";
  color: #002b4d;
  font-size: 18px;
  line-height: 49px;
  height: 49px;
  padding-left: 15px;
}

.experience-popover {
  width: 350px;
  padding: 10px;
}
.experience-popover .experience-title-div {
  margin-bottom: 22px;
}
.experience-popover .experience-title-div .experience-title {
  font-family: "acumin-pro-condensed";
  font-size: 36px;
  line-height: 43px;
}
.experience-popover .experience-subtitle {
  font-family: "acumin-pro-condensed";
  font-size: 24px;
  line-height: 29px;
  color: #2f648e;
  margin-bottom: 10px;
  margin-top: 10px;
}
.experience-popover .industry-done {
  background: #bce6ee;
  color: #296978;
}
.experience-popover .industry-not-done {
  background: #fad289;
  color: #784e02;
}
.experience-popover .experience-industry {
  height: 55px;
  border-radius: 8px;
  margin-bottom: 15px;
  font-family: "acumin-pro-semi-condensed";
  font-size: 21px;
  line-height: 45px;
  border-top-left-radius: 26px;
  border-bottom-left-radius: 23px;
}
.experience-popover .experience-industry .industry-image-div {
  display: inline-block;
}
.experience-popover .experience-industry .industry-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 70%;
  height: 55px;
  line-height: 55px;
}
.experience-popover .experience-industry .experience-industry-image {
  padding-right: 10px;
  height: 62px;
  width: 62px;
  margin-top: -71%;
}
.experience-popover .experience-image {
  float: right;
  margin-top: 3px;
}
.experience-popover .experience-level-dark {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #002b4d;
  border-radius: 8px;
  font-family: "acumin-pro-semi-condensed";
  color: #f6fafe;
  font-size: 18px;
  line-height: 49px;
  height: 49px;
  padding-left: 15px;
}
.experience-popover .experience-level-light {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent;
  border-radius: 8px;
  font-family: "acumin-pro-semi-condensed";
  color: #002b4d;
  font-size: 18px;
  line-height: 49px;
  height: 49px;
  padding-left: 15px;
}

.setting-tab-navigation .nav li {
  float: left;
}
.setting-tab-navigation .nav li.active {
  left: 0px;
  top: 0px;
}
.setting-tab-navigation #manage-teams-list li {
  cursor: pointer;
}
.setting-tab-navigation #action-add-team {
  margin: 10px 0px;
}

.chat-discussion {
  padding: 20px;
  height: 600px;
}
.chat-discussion .header-div {
  height: 30px;
}
.chat-discussion .header-div .cancel-popover {
  float: right;
}
.chat-discussion .chat-block {
  font-size: 18px;
  height: 400px;
  overflow: auto;
}
.chat-discussion .chat-block .chat-item .img-div {
  width: 40px;
  display: inline-block;
  vertical-align: top;
}
.chat-discussion .chat-block .chat-item .img-div .user-img {
  height: 34px;
  width: 34px;
  border-radius: 17px;
}
.chat-discussion .chat-block .chat-item .img-div .account-initial {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #2f648e;
  color: #fff;
  font-size: 26px;
  text-align: center;
}
.chat-discussion .chat-block .chat-item .manager-comment {
  width: calc(100% - 50px);
  display: inline-block;
  background: #eaeef0;
  opacity: 0.4;
  border-radius: 8px;
  margin-bottom: 27px;
  color: #000;
  padding-left: 10px;
}
.chat-discussion .chat-block .chat-item .employee-comment {
  width: calc(100% - 50px);
  display: inline-block;
  font-family: "acumin-pro-semi-condensed";
  font-style: normal;
  line-height: 140%;
  letter-spacing: 0.39px;
  color: #374653;
  margin: 0 0 27px;
  padding-left: 10px;
}
.chat-discussion .text-label {
  font-size: 15px;
  line-height: 20px;
  height: 25px;
}
.chat-discussion .comment-box {
  background: #f9fafb;
  border: 1px solid #9aa7b1;
  box-sizing: border-box;
  border-radius: 8px;
  margin-bottom: 15px;
  width: 100%;
  padding: 10px;
  height: 65px;
}
.chat-discussion .comment-button {
  height: 35px;
  width: 142px;
  float: right;
  display: block;
  background: #2f648e;
  border-radius: 32px;
  color: #f9f9f9;
  font-size: 14px;
  line-height: 17px;
}

.up-skilling-feedback-chat {
  padding: 20px;
  background: #f9fafb;
  border-radius: 8px;
  height: 380px;
  margin-bottom: 20px;
  position: relative;
}
.up-skilling-feedback-chat .gap-type {
  font-family: "acumin-pro-semi-condensed";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #647482;
}
.up-skilling-feedback-chat .activity-date {
  font-family: "acumin-pro-semi-condensed";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: black;
  padding-bottom: 52px;
}
.up-skilling-feedback-chat .title-up-skill {
  font-family: "acumin-pro-semi-condensed";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #002b4d;
  margin-bottom: 40px;
}
.up-skilling-feedback-chat .sub-title {
  font-family: "acumin-pro-condensed";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #2f648e;
  text-align: right;
  margin-bottom: 36px;
}

.up-skilling-opportunity-template {
  min-height: 200px;
  max-height: 400px;
  overflow: auto;
  padding: 20px;
  background: #f9fafb;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
}
.up-skilling-opportunity-template .gap-type {
  font-family: "acumin-pro-semi-condensed";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #647482;
}
.up-skilling-opportunity-template .activity-date {
  font-family: "acumin-pro-semi-condensed";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: black;
  padding-bottom: 52px;
}
.up-skilling-opportunity-template .title-up-skill {
  font-family: "acumin-pro-semi-condensed";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #002b4d;
  margin-bottom: 40px;
}
.up-skilling-opportunity-template .sub-title {
  font-family: "acumin-pro-condensed";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #2f648e;
  text-align: right;
  margin-bottom: 36px;
}

.add-team-window .modal-dialog {
  height: 90%;
}
.add-team-window .modal-dialog .modal-content {
  height: 100%;
  overflow: hidden;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div {
  min-height: 400px;
  padding: 20px;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .add-action-title {
  width: 90%;
  display: inline-block;
  padding-bottom: 15px;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .sub-header-div {
  height: 60px;
  line-height: 60px;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .sub-header-div .submit-buttons-div {
  float: right;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .save-button {
  width: 100px;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .action-description {
  height: 90px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .action-body {
  overflow: hidden;
  max-height: 49px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: -o-ellipsis-lastline;
  padding: 0px 0px 10px 22px;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .action-switch-buttons {
  height: 70px;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .add-employee-title {
  padding-bottom: 15px;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .search-item-div {
  padding: 5px;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .search-item-div h5,
.add-team-window .modal-dialog .modal-content .employee-selection-div .search-item-div p {
  color: #199fb3;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .search-item-div:hover {
  background-color: #e2fafd;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .employee-search-for-team input {
  border-radius: 8px;
  font-family: "acumin-pro-semi-condensed";
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .employee-search-for-team .input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #555;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .employee-search-for-team input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #555;
  opacity: 1;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .employee-search-for-team input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #555;
  opacity: 1;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .employee-search-for-team input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #555;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .team-name {
  padding-bottom: 10px;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .team-name .team-name-input {
  display: inline-block;
  width: 80%;
}
.add-team-window .modal-dialog .modal-content .employee-selection-div .team-name .team-save-button {
  display: inline-block;
  width: 15%;
}
.add-team-window .modal-dialog .modal-content .dropdown-menu {
  height: 300px;
  overflow: auto;
}
.add-team-window .modal-dialog .modal-content .employee-header {
  padding: 22px;
}

.workforce-planning-page {
  min-height: 700px;
}
.workforce-planning-page .user-container .user-sub-container {
  padding: 10px !important;
}
.workforce-planning-page .team-match-drop-downs {
  font-size: 15px;
  padding-bottom: 40px;
}
.workforce-planning-page .team-match-drop-downs .compare-titles {
  font-size: 30px;
}
.workforce-planning-page .team-search-field {
  margin-top: 10px;
  margin-bottom: 10px;
}
.workforce-planning-page .team-search-field input {
  background: #30788a !important;
  border-radius: 8px;
  font-family: "acumin-pro-semi-condensed";
  color: #fafeff;
}
.workforce-planning-page .team-search-field input::placeholder {
  color: #ffffff;
}
.workforce-planning-page .team-search-field input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #ffffff;
}
.workforce-planning-page .team-search-field input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ffffff;
  opacity: 1;
}
.workforce-planning-page .team-search-field input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ffffff;
  opacity: 1;
}
.workforce-planning-page .team-search-field input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.workforce-planning-page .search-item-div {
  padding: 5px;
}
.workforce-planning-page .search-item-div h5,
.workforce-planning-page .search-item-div p {
  color: #199fb3;
}
.workforce-planning-page .search-item-div:hover {
  background-color: #e2fafd;
}
.workforce-planning-page .team-comparison-page {
  padding-top: 10%;
}
.workforce-planning-page .team-comparison-page .path-1-div {
  padding-bottom: 40px;
}
.workforce-planning-page .team-comparison-page .team-div {
  vertical-align: top;
  width: 175px;
  display: inline-block;
}
.workforce-planning-page .team-comparison-page .team-node {
  padding: 10px;
  box-shadow: 0px 10px 28px rgba(0, 0, 0, 0.15);
  height: 400px;
  width: 170px;
  border-radius: 15px;
}
.workforce-planning-page .team-comparison-page .team-node .team-info {
  padding-top: 115px;
  text-align: center;
}
.workforce-planning-page .team-comparison-page .team-node .team-info .member-count {
  width: 53%;
  display: inline-block;
  font-size: 75px;
}
.workforce-planning-page .team-comparison-page .team-node .team-info .team-name {
  font-size: 25px;
}
.workforce-planning-page .team-comparison-page .team-node .group-image {
  height: 25px;
}
.workforce-planning-page .team-comparison-page .team-node .team-logo {
  width: 45%;
  display: inline-block;
}
.workforce-planning-page .team-comparison-page .job-path-div {
  display: inline-block;
  width: calc(100% - 182px);
}
.workforce-planning-page .team-comparison-page .career-path-0 {
  height: 220px;
}
.workforce-planning-page .team-comparison-page .career-path-0 .career-path-job-list {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  height: 100%;
}
.workforce-planning-page .team-comparison-page .career-path-0 .path-name {
  padding-left: 58px;
  font-weight: 900;
  color: #f0747c;
  font-size: 20px;
}
.workforce-planning-page .team-comparison-page .career-path-0 .job-node {
  display: inline-block;
  height: 132px;
  width: 200px;
  padding: 10px;
  margin: 5px;
}
.workforce-planning-page .team-comparison-page .career-path-0 .job-node .team-job-logo {
  width: 38px;
  display: inline-block;
}
.workforce-planning-page .team-comparison-page .career-path-0 .job-node .team-job-logo img {
  height: 50px;
}
.workforce-planning-page .team-comparison-page .career-path-0 .job-node .job-info {
  display: inline-block;
  width: 150px;
  height: 150px;
  box-shadow: 0px 10px 28px rgba(229, 68, 163, 0.15);
  border-radius: 15px;
  padding: 5px;
}
.workforce-planning-page .team-comparison-page .career-path-0 .job-node .job-info .member-count {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  padding-top: 25px;
}
.workforce-planning-page .team-comparison-page .career-path-0 .job-node .job-info .job-name {
  text-align: center;
  font-size: 20px;
  line-height: 1;
  height: 44px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
}
.workforce-planning-page .team-comparison-page .career-path-1 {
  height: 220px;
}
.workforce-planning-page .team-comparison-page .career-path-1 .career-path-job-list {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  height: 100%;
}
.workforce-planning-page .team-comparison-page .career-path-1 .path-name {
  padding-left: 58px;
  font-weight: 900;
  color: #4d954d;
  font-size: 20px;
}
.workforce-planning-page .team-comparison-page .career-path-1 .job-node {
  display: inline-block;
  height: 132px;
  width: 200px;
  padding: 10px;
  margin: 5px;
}
.workforce-planning-page .team-comparison-page .career-path-1 .job-node .team-job-logo {
  width: 38px;
  display: inline-block;
}
.workforce-planning-page .team-comparison-page .career-path-1 .job-node .team-job-logo img {
  height: 50px;
}
.workforce-planning-page .team-comparison-page .career-path-1 .job-node .job-info {
  display: inline-block;
  width: 150px;
  height: 150px;
  box-shadow: 0px 10px 28px rgba(85, 139, 169, 0.15);
  border-radius: 15px;
  padding: 5px;
}
.workforce-planning-page .team-comparison-page .career-path-1 .job-node .job-info .member-count {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  padding-top: 25px;
}
.workforce-planning-page .team-comparison-page .career-path-1 .job-node .job-info .job-name {
  text-align: center;
  font-size: 20px;
  line-height: 1;
  height: 44px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
}
.workforce-planning-page .team-comparison-page .career-path-2 {
  height: 220px;
}
.workforce-planning-page .team-comparison-page .career-path-2 .career-path-job-list {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  height: 100%;
}
.workforce-planning-page .team-comparison-page .career-path-2 .path-name {
  padding-left: 58px;
  font-weight: 900;
  color: #5d91ad;
  font-size: 20px;
}
.workforce-planning-page .team-comparison-page .career-path-2 .job-node {
  display: inline-block;
  height: 132px;
  width: 200px;
  padding: 10px;
  margin: 5px;
}
.workforce-planning-page .team-comparison-page .career-path-2 .job-node .team-job-logo {
  width: 38px;
  display: inline-block;
}
.workforce-planning-page .team-comparison-page .career-path-2 .job-node .team-job-logo img {
  height: 50px;
}
.workforce-planning-page .team-comparison-page .career-path-2 .job-node .job-info {
  display: inline-block;
  width: 150px;
  height: 150px;
  box-shadow: 0px 10px 28px rgba(93, 145, 173, 0.15);
  border-radius: 15px;
  padding: 5px;
}
.workforce-planning-page .team-comparison-page .career-path-2 .job-node .job-info .member-count {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  padding-top: 25px;
}
.workforce-planning-page .team-comparison-page .career-path-2 .job-node .job-info .job-name {
  text-align: center;
  font-size: 20px;
  line-height: 1;
  height: 44px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
}
.workforce-planning-page .team-comparison-page .last-job-node {
  border-radius: 0px;
}

.team-error-message {
  font-size: 15px;
  color: red;
  font-weight: 900;
}

.career-path-error-message {
  font-size: 15px;
  color: red;
  font-weight: 900;
}

#redirectProfile .modal-dialog {
  z-index: 1051;
}
#redirectProfile button.close {
  position: absolute;
  right: 16px;
  top: 10px;
}

/*============================================================================
    #Mobile
==============================================================================*/
@media only screen and (max-width: 768px) {
  .testimonial-display .promotional-div {
    padding: 10px;
  }

  .insight-container .comparison-table {
    width: 100%;
    margin-bottom: 50px;
    margin-top: 30px;
  }
  .insight-container .comparison-table .header-columns {
    background-color: #30788a;
    height: 50px;
    color: #f6fafe;
  }
  .insight-container .comparison-table img {
    height: 32px;
    width: 32px;
  }
  .insight-container .comparison-table tr {
    height: 50px;
  }
  .insight-container .comparison-table tr .horizontal-header-col {
    padding: 10px;
    width: 25%;
  }
  .insight-container .comparison-table tr .progress-bar-exp-level-override {
    width: 70%;
  }
  .insight-container .comparison-table th {
    padding: 10px;
  }
  .insight-container .comparison-table td {
    text-align: center;
  }

  .settings-insight-locale {
    margin: 15px 0px;
  }

  .comparison-container .download-pdf {
    margin-top: 10px;
  }

  .up-skilling-opportunity-template .sub-title {
    margin-bottom: 14px;
  }

  .add-team-window .modal-dialog .modal-content .employee-selection-div .add-action-title {
    width: 85%;
  }
  .add-team-window .modal-dialog .modal-content .employee-selection-div .action-switch-buttons .btn {
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 10px;
    width: 100%;
  }
  .add-team-window .modal-dialog .modal-content .employee-selection-div .action-switch-buttons .btn-primary {
    height: 40px;
  }

  .action-list-popover {
    width: 90%;
    overflow: auto;
  }

  .dev-plan-description-tablet {
    display: none;
  }

  .dev-plan-div-mobile {
    width: 100%;
    height: 227px;
  }
  .dev-plan-div-mobile .dev-plan-title {
    font-family: "acumin-pro-semi-condensed";
    font-style: normal;
    font-weight: 900;
    font-size: 56px;
    line-height: 67px;
    color: #002b4d;
  }
  .dev-plan-div-mobile .dev-plan-title .plan-color {
    color: #296978;
  }
  .dev-plan-div-mobile .review-sub-title {
    font-family: "acumin-pro-semi-condensed";
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    color: #002b4d;
  }
  .dev-plan-div-mobile .dev-plan-desc {
    font-family: "acumin-pro-semi-condensed";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #002b4d;
  }

  .dev-plan-emp .employee-current-gaps-div {
    margin-bottom: 30px;
    height: 660px;
  }

  .dev-plan-title {
    font-size: 60px;
    line-height: 72px;
    padding: 0px 0px 50px 0px;
  }

  #page-meta-container {
    padding-top: 0px;
  }

  .workforce-planning-page {
    min-height: 800px;
  }
  .workforce-planning-page .team-match-drop-downs .btn-remove img {
    vertical-align: top;
  }
  .workforce-planning-page .team-comparison-page .team-div {
    width: 100%;
    padding-bottom: 50px;
  }
  .workforce-planning-page .team-comparison-page .team-div .team-node {
    height: 170px;
    width: 200px;
    margin: auto;
  }
  .workforce-planning-page .team-comparison-page .team-div .team-node .team-info {
    padding-top: 0px;
  }
  .workforce-planning-page .team-comparison-page .career-path-0 {
    width: 100vw;
  }
  .workforce-planning-page .team-comparison-page .career-path-0 .path-name {
    padding-left: 0px;
    text-align: center;
  }
  .workforce-planning-page .team-comparison-page .career-path-1 {
    width: 100vw;
  }
  .workforce-planning-page .team-comparison-page .career-path-1 .path-name {
    padding-left: 0px;
    text-align: center;
  }
  .workforce-planning-page .team-comparison-page .career-path-2 {
    width: 100vw;
  }
  .workforce-planning-page .team-comparison-page .career-path-2 .path-name {
    padding-left: 0px;
    text-align: center;
  }

  .add-career-path-button {
    margin-top: 10px;
  }

  .insights-analytic-comparison .btn-remove img {
    vertical-align: top;
  }

  .label-block {
    display: inline-block;
  }

  .pinned-popover {
    background-color: #f6fafe;
    position: fixed;
    top: 200px;
    left: 2%;
    z-index: 10;
    max-height: 400px;
    overflow: auto;
  }

  .no-data-available {
    font-family: "acumin-pro-semi-condensed";
    font-size: 15px;
    line-height: 27px;
  }

  .insights-select-small {
    width: 90%;
  }

  .manage-position-list-large {
    display: none;
  }

  .manage-position-list-small .position-card-small {
    height: 166px;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.15);
    background-color: #f9fafb;
    margin-bottom: 10px;
    padding: 19px;
  }
  .manage-position-list-small .position-card-small .cl-icon {
    width: 25px;
    margin-left: 90%;
  }

  .invite-employee-small {
    margin-bottom: 10px;
  }

  .employee-list-large {
    display: none;
  }

  .employee-list-small .employee-card-small {
    height: 185px;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.15);
    background-color: #f9fafb;
    margin-bottom: 10px;
    padding: 19px;
  }
  .employee-list-small .employee-card-small .employee-name {
    font-size: 24px;
  }
  .employee-list-small .employee-card-small .employee-email {
    margin: 10px 0px;
  }
  .employee-list-small .employee-card-small .employee-dev-guide {
    margin: 10px 0px;
  }
  .employee-list-small .employee-card-small.team-member {
    height: 85px;
  }

  .employee-selection-area .selected-emp-list .update-button {
    margin-bottom: 10px;
  }

  .score-container-small .spark-score .spark-score-image {
    margin-left: 15px;
    height: 153px;
  }
  .score-container-small .spark-score .spark-score-overlay {
    top: -93px;
    left: 63px;
  }
  .score-container-small .spark-score .spark-score-overlay .spark-score-number {
    font-size: 2em;
    width: 45px;
    height: 45px;
  }

  .career-connect-search-top-container-small {
    margin: 10px 0px;
  }

  .create-new-opening-small {
    height: 55px;
    margin-bottom: 10px;
  }

  .new-job-additional-info-small div {
    padding-left: 0px;
    padding-right: 0px;
  }

  .spark-insights-header-small .spark-score-image {
    height: 150px !important;
    margin-left: 20px;
    margin-right: 20px !important;
  }
  .spark-insights-header-small .spark-score-overlay {
    top: -97px !important;
    left: 64px !important;
  }

  .modal-content .spark-insights-header-small .spark-score-image {
    margin-right: 5px !important;
  }
  .modal-content .account-info-list {
    width: 100%;
  }
  .modal-content .insights-nav-container-small {
    overflow: scroll;
  }
  .modal-content .insights-nav-container-small table {
    table-layout: fixed;
  }
  .modal-content .insights-nav-container-small table th {
    width: 100px;
    overflow: auto;
  }
  .modal-content .insights-nav-container-small table thead th {
    position: -webkit-sticky;
    /* for Safari */
    position: sticky;
    top: 0;
  }
  .modal-content .insights-nav-container-small table tbody th {
    position: -webkit-sticky;
    /* for Safari */
    position: sticky;
    left: 0;
    background: #ffffff;
  }
  .modal-content .insights-nav-container-small table thead th:first-child {
    left: 0;
    z-index: 1;
    background: #30788a;
  }
  .modal-content .insights-nav-container-small table tbody td {
    text-align: center;
  }
  .modal-content .insights-nav-container-small .comparison-table {
    width: 100%;
    margin-bottom: 50px;
  }
  .modal-content .insights-nav-container-small .comparison-table .header-columns {
    background-color: #30788a;
    height: 50px;
    color: #f6fafe;
  }
  .modal-content .insights-nav-container-small .comparison-table img {
    height: 32px;
    width: 32px;
  }
  .modal-content .insights-nav-container-small .comparison-table tr {
    height: 50px;
  }
  .modal-content .insights-nav-container-small .comparison-table tr .horizontal-header-col {
    padding: 10px;
    width: 25%;
  }
  .modal-content .insights-nav-container-small .comparison-table tr .progress-bar-exp-level-override {
    width: 70%;
  }
  .modal-content .insights-nav-container-small .comparison-table th {
    padding: 10px;
  }
  .modal-content .insights-nav-container-small .comparison-table td {
    text-align: center;
  }
  .modal-content .insights-modal-graph-container-small {
    width: 100%;
  }
  .modal-content .insights-modal-graph-container-small .svg-container {
    display: none;
  }

  .account-info-list-small .account-info-heading-small {
    font-size: 12px;
  }

  .spark-insights-account-small .candidate-name {
    font-size: 50px;
    line-height: 65px;
  }
  .spark-insights-account-small .insight-career-connect-container {
    padding-top: 35px;
  }
  .spark-insights-account-small .insight-career-connect-container .download-guide {
    display: block;
  }

  #sidebar-navigation-small button {
    background: transparent;
    border: none;
  }

  .reverse-match-list-div .comparison-div .comparison-checkbox {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    height: 20px;
    width: 20px;
    border-radius: 3px;
  }
  .reverse-match-list-div .comparison-div .comparison-checkbox:active, .reverse-match-list-div .comparison-div .comparison-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  }
  .reverse-match-list-div .comparison-div .comparison-checkbox:checked {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
    color: #99a1a7;
    padding: 0px 3px;
  }
  .reverse-match-list-div .comparison-div .comparison-checkbox:checked:after {
    content: "✔";
    font-size: 14px;
    top: 0px;
    left: 3px;
    color: #99a1a7;
  }

  .close-overlay {
    position: absolute;
    right: -14px;
    top: 2px;
    z-index: 999;
  }

  .reset-button-large {
    display: none;
  }

  .candidate-match-filter-large {
    display: none;
  }

  .candidate-match-filter-small .row {
    height: 65px;
    margin: 0px;
  }
  .candidate-match-filter-small .emp-candidate-search-type {
    padding: 0px;
  }
  .candidate-match-filter-small employee-candidate-selection div {
    width: 100%;
  }
  .candidate-match-filter-small experience-level div {
    width: 100%;
    padding: 0px;
  }
  .candidate-match-filter-small career-interests div {
    width: 100%;
    padding: 0px;
  }
  .candidate-match-filter-small career-connect-locations div {
    width: 100%;
    padding: 0px;
  }

  .best-fit-table-large {
    display: none;
  }

  .best-fit-table-small .learn-more-career-connect {
    position: absolute;
    right: 0;
  }

  .candidate-match-header-large {
    display: none;
  }

  .best-fit-table-small .best-fit-table-small-card {
    height: 166px;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.15);
    background-color: #f9fafb;
    margin-bottom: 10px;
    padding: 19px;
  }
  .best-fit-table-small .best-fit-table-small-card .candidate-info-career-connect {
    height: 75px;
    padding-left: 5px;
  }
  .best-fit-table-small .best-fit-table-small-card .spark-icon-score-small {
    padding-left: 0px;
  }

  .main-content-container {
    padding-right: 0px;
  }

  .job-list-filters-large {
    display: none;
  }

  .job-list-filters-small {
    padding-right: 15px;
  }
  .job-list-filters-small .filter-icon-div {
    padding-left: 10px;
    height: 80px;
    font-weight: 900;
  }
  .job-list-filters-small .row {
    margin-left: 15px;
    margin-bottom: 10px;
    margin-right: 0px;
  }
  .job-list-filters-small .row .filter-title {
    font-weight: 700;
  }
  .job-list-filters-small .row .compare-button {
    width: 200px;
  }

  .search-result-wrapper .compare-button {
    width: 200px;
  }

  .job-results-count-large {
    display: none;
  }

  .job-results-count-small {
    padding-left: 35px;
    height: auto;
  }
  .job-results-count-small .show-search-counts {
    line-height: 27px;
  }
  .job-results-count-small .results-per-page-text {
    padding-left: 0px;
  }

  .job-list-small-screen .toggle-switch {
    margin-top: 15px;
  }
  .job-list-small-screen .large-copy-url {
    display: none;
  }
  .job-list-small-screen .copy-paste-url {
    margin: 0;
  }

  .job-application-list-large {
    display: none;
  }

  .job-application-list-small .candidate-list-card {
    height: 166px;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.15);
    background-color: #f9fafb;
    margin-bottom: 10px;
    padding: 19px;
  }
  .job-application-list-small .candidate-list-card .comparison-div {
    height: 55px;
    line-height: 55px;
  }
  .job-application-list-small .candidate-list-card .candidate-menu-small {
    padding-top: 0px;
  }
  .job-application-list-small .candidate-list-card .spark-score-print {
    padding-left: 0px;
  }

  .page-title-small {
    font-size: 50px;
    line-height: 60px;
  }

  .career-workforce-planning-functionality {
    min-height: 700px;
  }
  .career-workforce-planning-functionality .search-field input {
    color: #fafeff;
  }
  .career-workforce-planning-functionality .employee-candidate-search-field input {
    background: #30788a !important;
    border-radius: 8px;
    font-family: "acumin-pro-semi-condensed";
    color: #fafeff;
  }
  .career-workforce-planning-functionality .search-item-div {
    padding: 5px;
  }
  .career-workforce-planning-functionality .search-item-div h5,
.career-workforce-planning-functionality .search-item-div p {
    color: #199fb3;
  }
  .career-workforce-planning-functionality .search-item-div:hover {
    background-color: #e2fafd;
  }
  .career-workforce-planning-functionality .planning-header {
    font-family: "acumin-pro-semi-condensed";
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    padding: 15px 0px 15px 0px;
  }
  .career-workforce-planning-functionality .planning-header.job-header {
    padding-top: 70px;
  }
  .career-workforce-planning-functionality .search-results-dropdown {
    background-color: #fafeff;
    padding: 10px;
    max-height: 250px;
    overflow: auto;
  }
  .career-workforce-planning-functionality .dropdown-menu {
    background-color: #fafeff;
    padding: 10px;
    max-height: 250px;
    overflow: auto;
    min-width: 200px;
  }

  .job-listing-container-no-padding {
    padding-right: 0px;
  }

  .menu-button-div {
    width: 30%;
  }

  .small-header-navigation {
    width: 70%;
  }
  .small-header-navigation .dropdown-menu {
    padding: 20px 0px 10px 0px;
  }

  .menu-list-small li {
    padding: 15px;
    text-align: left;
  }
  .menu-list-small li img {
    float: left;
    margin-right: 0px;
  }

  .menu-list-small li.menu-active {
    background-color: #ffffff;
  }
  .menu-list-small li.menu-active a {
    color: #1c5582;
    font-weight: 900;
  }
  .menu-list-small li.menu-active a .menu-text-list {
    vertical-align: middle;
  }

  #page-container {
    margin-right: 0px;
  }

  .job-opening-list-desktop-view {
    display: none;
  }

  #action-create-job-opening {
    margin: 10px 0px;
    float: right;
  }

  .list-label {
    padding: 15px 30px;
  }

  .job-opening-list-mobile-view .label-info {
    margin: 5px;
    display: inline;
  }
  .job-opening-list-mobile-view .job-opening-card {
    height: 166px;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.15);
    background-color: #f9fafb;
    margin-bottom: 10px;
    padding: 19px;
  }
  .job-opening-list-mobile-view .job-opening-card .state-toggle {
    height: 40px;
    width: 72px;
    float: right;
  }
  .job-opening-list-mobile-view .job-opening-card .title-large {
    font-weight: 900;
    font-size: 20px;
  }
  .job-opening-list-mobile-view .job-opening-card .field-label {
    font-weight: 900;
  }

  .heading {
    padding: 5px 0;
    font-size: 20px;
  }

  h1 {
    margin: 0 auto 5px;
  }

  h2 {
    font-size: 18px;
    line-height: 20px;
  }

  h3 {
    font-size: 16px;
  }

  .navbar {
    min-height: 65px;
  }

  #navbar {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #FFF;
    top: -10px;
    right: -100%;
    z-index: 999;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .open {
    right: 0 !important;
    overflow: auto;
  }

  .close {
    right: -100% !important;
  }

  .bar-menu,
.bar-close {
    position: relative;
    top: 20px;
    cursor: pointer;
  }

  .bar-close {
    right: 10px;
    width: 100%;
    display: block;
    text-align: right;
    z-index: 999;
    margin: 10px 0 20px;
  }

  .nav {
    float: none;
    margin: 50px 0 0 0;
  }
  .nav li {
    position: relative;
    display: block !important;
    width: 100%;
    padding: 20px 20px 0px 20px;
    border-bottom: 1px solid #E6E6E6;
  }
  .nav li:hover {
    background: #f9b406;
  }
  .nav li a {
    padding: 5px;
    position: relative;
    top: -10px;
    font-size: 12px;
  }

  .logo {
    width: 100px;
    margin: 0px auto;
  }

  .content-container {
    padding: 30px 0;
  }
  .content-container p {
    font-size: 14px;
    line-height: 20px;
  }

  .carousel {
    position: relative;
    padding: 0 20px;
  }

  ul[rn-carousel] .btn {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
  }
  ul[rn-carousel] .circle-answers .circle-branding {
    border: 8px solid #bce6ee;
  }
  ul[rn-carousel] .circle-answers li {
    width: 70px;
    font-size: 12px;
    padding-top: 40px;
    margin: 5px;
    display: inline-flex;
  }
  ul[rn-carousel] .circle-answers li .arrow-image {
    width: 22px;
    height: 22px;
  }
  ul[rn-carousel] .circle-answers li:hover .answer-button {
    background: #bce6ee;
    border-color: #bce6ee;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  ul[rn-carousel] .circle-answers .answer-button {
    height: 40px;
    width: 40px;
    border: 6px solid #bce6ee;
    position: absolute;
    left: 50%;
    margin-left: -20px;
  }
  ul[rn-carousel] .circle-answers .selected .answer-button {
    background: #bce6ee;
    border-color: #bce6ee;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  ul[rn-carousel] .circle-answers .selected .arrow-image {
    display: block;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  ul[rn-carousel] .circle-answers .selected:hover .answer-button {
    background: #bce6ee;
    border-color: #bce6ee;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  .survey-arrows > li {
    padding-right: 20px;
    padding-left: 20px;
  }

  .left-arrow-survey,
.right-arrow-survey {
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
  }
  .left-arrow-survey:hover,
.right-arrow-survey:hover {
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
  }

  .disable-next-message {
    top: 0;
    z-index: 999;
  }

  .success-message-box h3:after,
.success-message-box h3.mail:after,
.error-message-box h3:after,
.error-message-box h3.mail:after {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }

  .password-validation {
    font-size: 14px;
  }
  .password-validation li:before {
    height: 10px;
    width: 10px;
    top: 5px;
  }

  footer {
    padding: 10px;
    font-size: 12px;
  }
  footer ul.pull-right {
    float: none !important;
    width: 100%;
    text-align: center;
    top: 0;
  }
  footer .footer-logo {
    width: 80px;
  }

  .page-wrap {
    margin-bottom: 0;
  }

  .site-footer,
.page-wrap:after {
    height: 110px;
  }

  .close-assessment-container {
    padding: 5px;
  }

  .survey-completed .clock-icon {
    width: 100px;
    height: 100px;
  }

  .apply-flow-job-information {
    height: auto;
    line-height: 30px;
  }

  .apply-flow-register .apply-flow-text {
    margin: 0;
    font-size: 56px;
    line-height: 66px;
    color: #002b4d;
  }
  .apply-flow-register .register-laptop {
    width: 100%;
  }

  .apply-flow-questionnaire {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .apply-flow-questionnaire .table-responsive {
    padding: 2px;
  }
  .apply-flow-questionnaire .table-wrapper .table-row:first-child {
    background: #1C5582;
    color: #fff;
  }
  .apply-flow-questionnaire .table-wrapper .cell {
    padding: 0px;
  }
  .apply-flow-questionnaire .header-question {
    font-size: 10px;
  }
  .apply-flow-questionnaire .range-header {
    font-size: 10px;
    vertical-align: bottom;
  }
  .apply-flow-questionnaire h5 {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .apply-flow-questionnaire .range-question-examples {
    font-size: 10px;
  }
  .apply-flow-questionnaire .form-group {
    background: #E6E6E6;
    margin-top: 16px;
  }
  .apply-flow-questionnaire .form-group .apply-questionnaire-essay {
    padding: 16px;
  }
  .apply-flow-questionnaire .form-group .apply-questionnaire-essay label {
    width: 100%;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .apply-flow-questionnaire .question-text {
    padding-left: 10px;
    padding-top: 10px;
    min-height: 30px;
    padding-bottom: 10px;
  }
  .apply-flow-questionnaire .answer-div {
    margin-bottom: 20px;
    padding-left: 10px;
  }
  .apply-flow-questionnaire .answer-div .radio-label {
    margin-left: 5px;
  }
  .apply-flow-questionnaire .answer-div .select-field {
    width: 50%;
    min-width: 300px;
  }

  .resume-container {
    width: 100%;
  }

  .survey-information {
    height: 200px;
  }
  .survey-information .btn {
    width: 100%;
  }

  .tiled-wrapper .box {
    width: 100%;
    padding-bottom: 100%;
  }

  .five-traits-container ul {
    margin-left: 0;
    margin-bottom: 50px;
    clear: both;
  }
  .five-traits-container .five-traits-fingerprint {
    width: 100px;
    margin: 20px auto;
    display: block;
    float: none !important;
  }

  .candidate-download {
    float: right;
  }

  .survey-bg {
    background-color: #F7F8FA;
    height: 100%;
  }

  .signup-intro {
    height: 160px;
  }

  .testimonial-display {
    margin-bottom: 20px;
  }
  .testimonial-display .third-party-logo {
    width: 70%;
  }

  .start-survey-button {
    height: 45px;
    font-size: 20px;
    line-height: 14px;
    width: 100%;
  }

  .start-survey-button.survey-btn-width {
    width: 100%;
  }

  .progress-bar-div .new-progress-bar {
    width: 320px;
  }

  .survey-brand-header {
    height: 120px;
  }

  .intro-survey-heading {
    font-size: 50px;
  }
}
/*============================================================================
    #Tablet
==============================================================================*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .insight-container .comparison-table {
    width: 100%;
    margin-bottom: 50px;
    margin-top: 30px;
  }
  .insight-container .comparison-table .header-columns {
    background-color: #30788a;
    height: 50px;
    color: #f6fafe;
  }
  .insight-container .comparison-table img {
    height: 32px;
    width: 32px;
  }
  .insight-container .comparison-table tr {
    height: 50px;
  }
  .insight-container .comparison-table tr .horizontal-header-col {
    padding: 10px;
    width: 25%;
  }
  .insight-container .comparison-table tr .progress-bar-exp-level-override {
    width: 70%;
  }
  .insight-container .comparison-table th {
    padding: 10px;
  }

  .settings-insight-locale {
    margin: 15px 0px;
  }

  .comparison-container {
    width: 100%;
  }
  .comparison-container .download-pdf {
    float: right;
    margin-right: 10%;
    width: 200px;
  }

  .dev-plan-emp .employee-current-gaps-div {
    margin-bottom: 30px;
  }

  .dev-plan-description-mobile {
    display: none;
  }

  .employee-list-small {
    display: none;
  }

  .employee-list-large {
    display: initial;
  }

  .career-connect-search-top-container-small {
    margin: 10px 0px;
  }

  .new-job-additional-info-small div {
    padding-left: 0px;
    padding-right: 0px;
  }

  .create-new-opening-small {
    height: 55px;
    margin-bottom: 10px;
  }

  .spark-insights-header-small .spark-score-image {
    height: 150px !important;
    margin-left: 20px;
    margin-right: 20px !important;
  }
  .spark-insights-header-small .spark-score-overlay {
    top: -97px !important;
    left: 64px !important;
  }

  .modal-content .spark-insights-header-small .spark-score-image {
    margin-right: 5px !important;
  }
  .modal-content .account-info-list {
    width: 100%;
  }
  .modal-content .insights-nav-container-small {
    overflow: scroll;
  }
  .modal-content .insights-nav-container-small table {
    table-layout: fixed;
  }
  .modal-content .insights-nav-container-small table th {
    width: 100px;
    overflow: auto;
  }
  .modal-content .insights-nav-container-small table thead th {
    position: -webkit-sticky;
    /* for Safari */
    position: sticky;
    top: 0;
  }
  .modal-content .insights-nav-container-small table tbody th {
    position: -webkit-sticky;
    /* for Safari */
    position: sticky;
    left: 0;
    background: #ffffff;
  }
  .modal-content .insights-nav-container-small table thead th:first-child {
    left: 0;
    z-index: 1;
    background: #30788a;
  }
  .modal-content .insights-nav-container-small table tbody td {
    text-align: center;
  }
  .modal-content .insights-nav-container-small .comparison-table {
    width: 100%;
    margin-bottom: 50px;
  }
  .modal-content .insights-nav-container-small .comparison-table .header-columns {
    background-color: #30788a;
    height: 50px;
    color: #f6fafe;
  }
  .modal-content .insights-nav-container-small .comparison-table img {
    height: 32px;
    width: 32px;
  }
  .modal-content .insights-nav-container-small .comparison-table tr {
    height: 50px;
  }
  .modal-content .insights-nav-container-small .comparison-table tr .horizontal-header-col {
    padding: 10px;
    width: 25%;
  }
  .modal-content .insights-nav-container-small .comparison-table tr .progress-bar-exp-level-override {
    width: 70%;
  }
  .modal-content .insights-nav-container-small .comparison-table th {
    padding: 10px;
  }
  .modal-content .insights-modal-graph-container-small {
    width: 100%;
  }
  .modal-content .insights-modal-graph-container-small .svg-container {
    display: none;
  }

  .account-info-list-small .account-info-heading-small {
    font-size: 12px;
  }

  .spark-insights-account-small .candidate-name {
    font-size: 50px;
    line-height: 65px;
  }
  .spark-insights-account-small .insight-career-connect-container {
    padding-top: 35px;
  }
  .spark-insights-account-small .insight-career-connect-container .download-guide {
    display: block;
  }

  .large-copy-url {
    display: none;
  }

  .job-application-list-large {
    display: none;
  }

  .job-application-list-small .candidate-list-card {
    height: 166px;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.15);
    background-color: #f9fafb;
    margin-bottom: 10px;
    padding: 19px;
  }
  .job-application-list-small .candidate-list-card .comparison-div {
    height: 55px;
    line-height: 55px;
  }
  .job-application-list-small .candidate-list-card .candidate-menu-small {
    padding-top: 0px;
  }
  .job-application-list-small .candidate-list-card .spark-score-print {
    padding-left: 0px;
  }

  .job-results-count-small {
    padding-left: 35px;
    height: auto;
  }
  .job-results-count-small .show-search-counts {
    line-height: 27px;
  }
  .job-results-count-small .results-per-page-text {
    padding-left: 0px;
  }

  .job-list-filters-large {
    display: none;
  }

  .job-results-count-large {
    display: none;
  }

  .candidate-match-filter-small .row {
    height: 65px;
    margin: 0px;
  }
  .candidate-match-filter-small .filter-icon-div {
    padding-top: 15px;
  }
  .candidate-match-filter-small employee-candidate-selection div {
    width: 100%;
  }
  .candidate-match-filter-small experience-level div {
    width: 100%;
    padding: 0px;
  }
  .candidate-match-filter-small career-interests div {
    width: 100%;
    padding: 0px;
  }
  .candidate-match-filter-small career-connect-locations div {
    width: 100%;
    padding: 0px;
  }

  .best-fit-table-small .learn-more-career-connect {
    position: absolute;
    right: 0;
  }

  .best-fit-table-small .best-fit-table-small-card {
    height: 166px;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.15);
    background-color: #f9fafb;
    margin-bottom: 10px;
    padding: 19px;
  }
  .best-fit-table-small .best-fit-table-small-card .candidate-info-career-connect {
    height: 75px;
    padding-left: 5px;
  }
  .best-fit-table-small .best-fit-table-small-card .spark-icon-score-small {
    padding-left: 0px;
  }

  .job-opening-list-desktop-view {
    display: none;
  }

  #action-hiring-managers-unselected-add {
    max-width: 225px;
  }

  .reverse-match-list-div .comparison-div {
    height: 117px;
    line-height: 117px;
    text-align: center !important;
  }

  .close-overlay {
    position: absolute;
    right: -14px;
    top: 2px;
    z-index: 999;
  }

  .reset-button-large {
    display: none;
  }

  .candidate-match-header-large {
    display: none;
  }

  .candidate-match-filter-large {
    display: none;
  }

  .best-fit-table-large {
    display: none;
  }

  .job-list-filters-small {
    padding-right: 15px;
  }
  .job-list-filters-small .filter-icon-div {
    padding-left: 10px;
    height: 80px;
    font-weight: 900;
  }
  .job-list-filters-small .row {
    margin-left: 15px;
    margin-bottom: 10px;
    margin-right: 0px;
  }
  .job-list-filters-small .row .filter-title {
    font-weight: 700;
  }
  .job-list-filters-small .row .compare-button {
    width: 200px;
  }

  .career-workforce-planning-functionality {
    padding-top: 80px;
    min-height: 700px;
  }
  .career-workforce-planning-functionality .search-field input {
    color: #fafeff;
  }
  .career-workforce-planning-functionality .employee-candidate-search-field input {
    background: #30788a !important;
    border-radius: 8px;
    font-family: "acumin-pro-semi-condensed";
    color: #fafeff;
  }
  .career-workforce-planning-functionality .search-item-div {
    padding: 5px;
  }
  .career-workforce-planning-functionality .search-item-div h5,
.career-workforce-planning-functionality .search-item-div p {
    color: #199fb3;
  }
  .career-workforce-planning-functionality .search-item-div:hover {
    background-color: #e2fafd;
  }
  .career-workforce-planning-functionality .planning-header {
    font-family: "acumin-pro-semi-condensed";
    font-size: 25px;
    line-height: 47px;
    font-weight: 700;
    padding: 15px 0px 15px 0px;
  }
  .career-workforce-planning-functionality .planning-header.job-header {
    padding-top: 50px;
  }
  .career-workforce-planning-functionality .search-results-dropdown {
    background-color: #fafeff;
    padding: 10px;
    max-height: 250px;
    overflow: auto;
  }
  .career-workforce-planning-functionality .dropdown-menu {
    background-color: #fafeff;
    padding: 10px;
    max-height: 250px;
    overflow: auto;
    min-width: 200px;
  }

  .job-opening-list {
    margin-top: 65px;
  }

  .job-opening-list-mobile-view .label-info {
    margin: 5px;
    display: inline;
  }
  .job-opening-list-mobile-view .job-opening-card {
    height: 166px;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.15);
    background-color: #f9fafb;
    margin-bottom: 10px;
    padding: 19px;
  }
  .job-opening-list-mobile-view .job-opening-card .state-toggle {
    height: 40px;
    width: 72px;
    float: right;
  }
  .job-opening-list-mobile-view .job-opening-card .title-large {
    font-weight: 900;
    font-size: 20px;
  }
  .job-opening-list-mobile-view .job-opening-card .field-label {
    font-weight: 900;
  }

  .small-header-navigation {
    display: none;
  }

  #sidebar-navigation-large {
    padding-left: 15px;
  }
  #sidebar-navigation-large .dropdown-menu ul {
    padding-left: 10px;
  }
  #sidebar-navigation-large .dropdown-menu ul a {
    font-size: 11px;
  }
  #sidebar-navigation-large .dropdown-menu ul a img {
    height: 25px;
  }
  #sidebar-navigation-large .menu-text-list {
    margin: 10px 10px 10px 0px;
    font-size: 11px;
  }
  #sidebar-navigation-large .header-dropdown-navigation {
    width: 40%;
  }
  #sidebar-navigation-large .header-dropdown-navigation .dropdown-toggle {
    padding: 15px 20px 15px 0px;
  }

  #action-create-job-opening {
    margin: 10px 0px;
    float: right;
  }

  .nav > li {
    display: inline-block;
    float: right;
  }

  .content-container {
    position: static;
    padding: 50px 0;
  }

  .bar-menu,
.bar-close {
    display: none;
  }

  .close {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    opacity: 1;
  }

  .btn-primary {
    width: 100%;
  }

  .tiled-wrapper .box {
    width: 25%;
    padding-bottom: 24.9%;
  }
}
/*============================================================================
    #Desktop
==============================================================================*/
@media only screen and (min-width: 1024px) {
  .insight-container .comparison-table {
    width: 100%;
    margin-bottom: 50px;
    margin-top: 30px;
  }
  .insight-container .comparison-table .header-columns {
    background-color: #30788a;
    height: 50px;
    color: #f6fafe;
  }
  .insight-container .comparison-table img {
    height: 32px;
    width: 32px;
  }
  .insight-container .comparison-table tr {
    height: 50px;
  }
  .insight-container .comparison-table tr .horizontal-header-col {
    padding: 10px;
    width: 25%;
  }
  .insight-container .comparison-table tr .progress-bar-exp-level-override {
    width: 70%;
  }
  .insight-container .comparison-table th {
    padding: 10px;
  }

  .settings-insight-locale {
    display: none;
  }

  .comparison-container {
    width: 100%;
  }
  .comparison-container .download-pdf {
    float: right;
    margin-right: 10%;
    width: 200px;
  }

  .dev-plan-description-mobile {
    display: none;
  }

  .workforce-planning-page .team-search-field {
    width: 50%;
  }

  .pinned-popover {
    background-color: #f6fafe;
    position: fixed;
    top: 200px;
    left: calc(100% - 470px);
    z-index: 10;
    max-height: 400px;
    overflow: auto;
  }

  .no-data-available {
    font-family: "acumin-pro-semi-condensed";
    font-size: 15px;
    line-height: 27px;
  }

  .manage-position-list-small {
    display: none;
  }

  .employee-list-small {
    display: none;
  }

  .modal-content .insights-nav-container-small {
    display: inherit;
  }
  .modal-content .insights-nav-container-small .comparison-table {
    width: 100%;
    margin-bottom: 50px;
  }
  .modal-content .insights-nav-container-small .comparison-table .header-columns {
    background-color: #30788a;
    height: 50px;
    color: #f6fafe;
  }
  .modal-content .insights-nav-container-small .comparison-table img {
    height: 32px;
    width: 32px;
  }
  .modal-content .insights-nav-container-small .comparison-table tr {
    height: 50px;
  }
  .modal-content .insights-nav-container-small .comparison-table tr .horizontal-header-col {
    padding: 10px;
    width: 25%;
  }
  .modal-content .insights-nav-container-small .comparison-table tr .progress-bar-exp-level-override {
    width: 70%;
  }
  .modal-content .insights-nav-container-small .comparison-table th {
    padding: 10px;
  }
  .modal-content .insights-modal-graph-container-small .svg-container {
    display: inherit;
  }

  #action-hiring-managers-unselected-add {
    max-width: 225px;
  }

  .reverse-match-list-div .comparison-div {
    height: 117px;
    line-height: 117px;
    text-align: center !important;
  }
  .reverse-match-list-div .comparison-div .comparison-checkbox {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    height: 20px;
    width: 20px;
    border-radius: 3px;
  }
  .reverse-match-list-div .comparison-div .comparison-checkbox:active, .reverse-match-list-div .comparison-div .comparison-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  }
  .reverse-match-list-div .comparison-div .comparison-checkbox:checked {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
    color: #99a1a7;
    padding: 0px 3px;
  }
  .reverse-match-list-div .comparison-div .comparison-checkbox:checked:after {
    content: "✔";
    font-size: 14px;
    top: 0px;
    left: 3px;
    color: #99a1a7;
  }

  .candidate-match-header-large {
    padding-top: 10px;
  }

  .close-overlay {
    position: absolute;
    right: -14px;
    top: 2px;
    z-index: 999;
  }

  .candidate-match-filter-small {
    display: none;
  }

  .candidate-match-header-small {
    display: none;
  }

  .best-fit-table-small {
    display: none;
  }

  .job-application-list-small {
    display: none;
  }

  .job-list-filters-small {
    display: none;
  }

  .small-view {
    display: none;
  }

  .job-results-count-small {
    display: none;
  }

  .pad-candidate-match-icon {
    padding-top: 15px;
  }

  .career-workforce-planning-functionality {
    padding-top: 80px;
    min-height: 700px;
  }
  .career-workforce-planning-functionality .search-field input {
    color: #fafeff;
  }
  .career-workforce-planning-functionality .employee-candidate-search-field input {
    background: #30788a !important;
    border-radius: 8px;
    font-family: "acumin-pro-semi-condensed";
    color: #fafeff;
  }
  .career-workforce-planning-functionality .search-item-div {
    padding: 5px;
  }
  .career-workforce-planning-functionality .search-item-div h5,
.career-workforce-planning-functionality .search-item-div p {
    color: #199fb3;
  }
  .career-workforce-planning-functionality .search-item-div:hover {
    background-color: #e2fafd;
  }
  .career-workforce-planning-functionality .planning-header {
    font-family: "acumin-pro-semi-condensed";
    font-size: 25px;
    line-height: 47px;
    font-weight: 700;
    padding: 15px 0px 15px 0px;
  }
  .career-workforce-planning-functionality .planning-header.job-header {
    padding-top: 50px;
  }
  .career-workforce-planning-functionality .search-results-dropdown {
    background-color: #fafeff;
    padding: 10px;
    max-height: 250px;
    overflow: auto;
  }
  .career-workforce-planning-functionality .dropdown-menu {
    background-color: #fafeff;
    padding: 10px;
    max-height: 250px;
    overflow: auto;
    min-width: 200px;
  }

  .org-selection-menu-small {
    display: none;
  }

  .job-opening-list-mobile-view {
    display: none;
  }

  .content-container {
    padding: 150px 0;
  }

  .bar-menu,
.bar-close {
    display: none;
  }

  .close {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    opacity: 1;
  }

  .tiled-wrapper .box {
    width: 20%;
    padding-bottom: 20%;
  }

  .btn-primary {
    width: 100%;
    max-width: 400px;
  }

  #action-create-open {
    width: 200px;
  }

  #action-draft-dropdown {
    width: 50px;
  }

  #benchmark-profiles-select-confirm {
    max-width: 300px;
  }

  .split-create-btn {
    width: 200px;
  }

  .split-drop-icon {
    width: 50px;
  }

  .btn-extra-large {
    max-width: 300px;
  }
}

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