@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp");

.completeModal {
  border-radius: 10px;
  width: 66vw !important;
}

.completeModaldeheight {
  height: 300px;
  width: 750px;
  border-radius: 10px;
}

.search-overview-scoring-modal {
  border-radius: 10px;
  max-width: 970px !important;
  width: 970px;
  padding: 0.5rem !important;
}

.edit-profile-modal {
  border-radius: 10px;
  max-width: 400px !important;
  width: 400px;
  padding: 0.5rem !important;
}

.slatepopupuserimg {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-left: 3px;
  margin-top: 0;
  object-fit: cover;
}

.slatepopupHeading {
  color: #16597c;
  font-size: 20px;
  font-weight: bold;
}

.slatepopupdropdown {
  width: 130px;
}

.candidate-status-dropdown>.p-dropdown {
  width: 200px;
  height: 36px;
}

.candidate-status-dropdown>.p-dropdown>.p-dropdown-label>.general-ddl-item {
  margin: -3px;
}

.interviewer-dropdown .p-dropdown-label.p-placeholder {
  font-style: italic;
  color: red;
  width: 175px !important;
}

.col-candidate-status {
  padding: 0px 0px 0px 15px !important;
}

.col-candidate-status-edit {
  padding: 7px 0px 0px 15px !important;
}

.status-switch {
  margin: 5px 0px !important;
}

#nav-home-tab,
#nav-profile-tab,
#navculture,
#navtransition {
  text-align: center;
}

#navclient,
#navcompensation {
  text-align: center;
}

.slateMenu {
  border-radius: 0.85rem !important;
  text-align: center !important;
  padding: 0.3rem 1.25rem !important;
  margin-bottom: 0 !important;
}

.OverallMenu {
  border-radius: 0.85rem;
  text-align: center;
  padding: 0.3rem 1.25rem;
  margin-bottom: 0;

  &.ext-mainmenu {
    border-color: transparent !important;
    padding: 0.5rem 1rem;
    /* margin-top: 4px;
    margin-bottom: 4px; */

    &.active {
      position: relative;
      color: white;
      background-color: #12314c;
    }

    &.active:after {
      border-bottom: 10px solid #ececec;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      content: "";
      height: 0;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      bottom: -5px;
      width: 0;
    }
  }
}

.clientFeedbackRow {
  position: absolute;
  right: 0;
  bottom: 5px;
}

/**Candidate Rows**/
.candidateInfo {
  width: 35%;
}

.candidateComp {
  width: 10%;
}

.candidateEvaluation {
  width: 55%;
}

.candidateEvaluationWide {
  width: 65%;
  /* candidateComp + candidateEvaluation */
}

.candidateScoringData {
  width: 52%;
}

.candidateCombinedScore {
  width: 13%;
}

.overallRadialSize {
  height: 130px;
  width: 130px;
}

.slateRadialSize {
  height: 150px;
  width: 150px;
}

.cultureRadialSize {
  height: 60px;
  width: 60px;
}

.culture-score-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Label under radial */
.culture-score-label {
  font-size: 10px;
  margin-top: 1px;
  line-height: 1;
  color: #6c757d;
}

.cultureRadialSize text {
  font-size: 15px !important;
  font-weight: 600;
}

.dropdown-container {
  position: relative;
  display: inline-block;
}

.dropdown-button {
  color: #0077b5;
  border: none;
  background: none;
  cursor: pointer;
}

.dropdown-content {
  position: absolute;
  top: 24px;
  background-color: #e8eef9;
  border-radius: 4px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 3;
}

.dropdown-item {
  color: #0077b5;
  padding: 0.3rem 0.5rem;
}

.dropdown-item:hover {
  color: #0077b5;
  background-color: #d3dff3;
  border-radius: 0.5rem;
  cursor: pointer;
}

/**End Candidate Information Rows**/

/**ZRG Scoring POPUP**/
.ZRGpopupbar {
  width: 120px;
  height: 10px;
  background-color: white;
}

.ZRGtext {
  text-align: center;
}

.ZRGscore {
  font-weight: bold;
  font-size: 30px;
}

.zrgpopupbody {
  background-color: #e2eff6;
  height: 150px;
}

.zrgpopupexperience {
  background-color: #e2eff6;
  height: 350px;
}

.clientpopupexperience {
  background-color: #e2eff6;
  height: 350px;
}

.clientpopupexperience15 {
  background-color: #e2eff6;
  height: 440px;
}

.zrgpopupexperience-15 {
  background-color: #e2eff6;
  height: 490px;
}

.zrgpopupexperience-11 {
  background-color: #e2eff6;
  height: 400px;
}

.zrgpopupexperience-12 {
  background-color: #e2eff6;
  height: 430px;
}

.zrgpopupexperience-13 {
  background-color: #e2eff6;
  height: 450px;
}

.zrgpopupexperience-14 {
  background-color: #e2eff6;
  height: 480px;
}

.zrgDiv {
  background-color: #47b39c;
  border-bottom-right-radius: 8px;
  color: white;
  font-size: small;
  width: 15%;
  text-align: center;
  float: left;
}

.clientscoreDiv {
  background-color: #47b39c;
  border-bottom-right-radius: 8px;
  color: white;
  font-size: small;
  width: 100px;
  text-align: center;
}

.zrgDivtext {
  font-size: small;
  width: 85%;
  float: left;
  padding-left: 5px;
}

.clientDivtext {
  font-size: small;
  margin-right: 305px;
  float: right;
}

#slider {
  background-color: red;
}

.highlightcommon {
  color: #90ee90 !important;
  margin-top: 10px;
}

.highlightgreen {
  color: green;
  margin-top: 10px;
}

.highlightblue {
  color: blue;
  margin-top: 10px;
}

.highlightorange {
  color: orange;
  margin-top: 10px;
}

.highlightred {
  color: red;
  margin-top: 10px;
}

.highlightgreen1 {
  color: green;
  width: 30px;
  margin-top: 3px;
}

.highlightblue1 {
  color: blue;
  width: 30px;
  margin-top: 3px;
}

.highlightorange1 {
  color: orange;
  width: 30px;
  margin-top: 3px;
}

.highlightred1 {
  color: red;
  width: 30px;
  margin-top: 3px;
}

.zrdpopupeducation {
  background-color: #e2eff6;
  height: 70px;
  text-align: center;
}

.zrdpopupeducation-15 {
  background-color: #e2eff6;
  height: 70px;
  text-align: center;
}

.zrdpopupeducation-11 {
  background-color: #e2eff6;
  height: 60px;
  text-align: center;
}

.zrdpopupeducation-12 {
  background-color: #e2eff6;
  height: 63px;
  text-align: center;
}

.zrdpopupeducation-13 {
  background-color: #e2eff6;
  height: 66px;
  text-align: center;
}

.zrdpopupeducation-14 {
  background-color: #e2eff6;
  height: 68px;
  text-align: center;
}

.clientnotofication {
  background-color: #e2eff6;
  height: 180px;
}

.bodmargin {
  border-bottom: solid 0.5px #16597c;
}

.bottomdiv {
  margin-top: 40%;
}

.bottomdiv-15 {
  margin-top: 59%;
}

.bottomdiv-11 {
  margin-top: 45%;
}

.bottomdiv-12 {
  margin-top: 52%;
}

.bottomdiv-13 {
  margin-top: 55%;
}

.bottomdiv-14 {
  margin-top: 59%;
}

.bottomdivClientScore {
  margin-top: 10px;
  border-top: solid 0.5px #16597c;
}

.bottomProgressbarcontainer {
  margin-top: -50px;
  margin-left: 41%;
}

.bottomProgressbarcontainer-15 {
  margin-top: -40px;
  margin-left: 41%;
}

.bottomProgressbarcontainer-11 {
  margin-top: -45px;
  margin-left: 41%;
}

.bottomProgressbarcontainer-12 {
  margin-top: -42px;
  margin-left: 41%;
}

.bottomProgressbarcontainer-13 {
  margin-top: -40px;
  margin-left: 41%;
}

.bottomProgressbarcontainer-14 {
  margin-top: -40px;
  margin-left: 41%;
}

.textcenter {
  text-align: center;
}

.slide {
  background-color: green;
}

#range {
  color: white;
}

.icondiv {
  float: left;
  width: 40px;
  text-align: center;
  margin-left: 5px;
  height: 30px;
  margin-top: 5px;
}

.icondivselected {
  background-color: #1c1e4d;
  color: #90ee90;
  border-radius: 5px;
}

.icondivhover {
  background-color: #cbd7e8;
  color: #90ee90;
  border-radius: 5px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="range"] {
    -webkit-appearance: none;
    margin-right: 15px;
    width: 200px;
    height: 7px;
    background: lightgray;
    border-radius: 5px;
    background-image: linear-gradient(#28a745, #28a745);
    background-size: 70% 50%;
    background-repeat: no-repeat;
  }

  #crange0::-webkit-slider-thumb,
  #crange1::-webkit-slider-thumb,
  #crange2::-webkit-slider-thumb,
  #crange3::-webkit-slider-thumb,
  #crange4::-webkit-slider-thumb,
  #crange5::-webkit-slider-thumb,
  #crange6::-webkit-slider-thumb,
  #crange7::-webkit-slider-thumb,
  #crange8::-webkit-slider-thumb,
  #crange9::-webkit-slider-thumb,
  #crange10::-webkit-slider-thumb,
  #crange11::-webkit-slider-thumb,
  #crange12::-webkit-slider-thumb,
  #crange13::-webkit-slider-thumb,
  #crange14::-webkit-slider-thumb,
  #crange15::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: lightgray;
    cursor: default;
    box-shadow: 0 0 2px 0 #555;
    transition: background 0.3s ease-in-out;
  }

  input[type="range"]::-webkit-slider-thumb,
  input[type="range"]::-moz-range-thumb,
  input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #28a745;
    cursor: pointer;
    box-shadow: 0 0 2px 0 #555;
    transition: background 0.3s ease-in-out;
  }

  input[type="range"]::-webkit-slider-thumb:hover,
  input[type="range"]::-moz-range-thumb:hover,
  input[type="range"]::-ms-thumb:hover {
    background: #28a745;
  }

  input[type="range"]::-webkit-slider-runnable-track,
  input[type="range"]::-ms-track,
  input[type="range"]::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
  }
}

.textfontsize {
  font-size: 13px;
  width: 80%;
}

.commnets {
  font-weight: bold;
}

.tableheading {
  color: black;
  font-weight: bold;
}

.tabletd {
  width: 45%;
}

.zscoretext {
  width: 28px;
  height: 28px;
  text-align: center;
  background-color: #92a8c2;
  border: none;
  color: white;
  border-radius: 5px;
}

.zscoretext1 {
  background: #fff;
  border-radius: 5px;
  padding: 2px;
}

.commnetscontainer {
  float: right;
  margin-top: 20px;
}

.interviewcommnentsec {
  margin-right: 30px;
}

.zrgdisplayblock {
  display: block;
}

.zrgdisplaynone {
  visibility: hidden;
}

.zrgTablediv {
  float: left;
  width: 45%;
  margin-top: 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.zrgpopupiconcontainer {
  background-color: white;
  width: 200px;
  height: 50px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #afc1d7;
}

.zrgpopupiconcontainerdiable {
  background-color: lightgray;
  width: 200px;
  height: 50px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #afc1d7;
}

.comments {
  font-size: 12px;
  font-weight: bold;
}

.commentsdescription {
  width: 200px;
  height: 30px;
  font-size: 10px;
}

.topdiv {
  margin-top: 50px;
}

.interviwercommentstextarea {
  width: 320px;
  height: 100px;
  font-size: 12px;
  margin-top: 10px;
}

.Zrgtextdisplay {
  background-color: gray;
  width: 10px;
  color: white;
  border-radius: 5px;
}

.zrgscoringtext {
  width: 40px;
  margin-top: -2%;
  height: 20px;
  font-size: 10px;
  text-align: center;
  background-color: #92a8c2;
  border: none;
  color: white;
  border-radius: 5px;
  margin-right: 30px;
}

/**END -ZRG Scoring POPUP**/
/** Client Score Popup**/
.clientintreview-visible {
  display: block;
}

.clientintreview-invisible {
  display: none;
}

.feedback-visible {
  visibility: visible;
}

.feedback-invisible {
  display: none;
}

.clientScoreDivBoder {
  border-top: solid 0.5px #16597c;
}

.divFloatLeft {
  float: left;
}

.divFloatRight {
  float: right;
}

.divMarginTop {
  margin-top: 5px;
}

.checkBoxmarginRight {
  margin-right: 90px;
}

.checkBoxLablefontsize {
  font-size: 14px;
}

.secondSection {
  margin-top: 60px;
}

.notifiactioncontainer {
  width: 280px;
  font-size: 16px;
  margin-top: 10px;
}

.interviewbutton {
  width: 280px;
  font-size: 16px;
  margin-top: 5%;
}

.notificationButton {
  background-color: #16597c;
  width: 170px;
  color: white;
  height: 30px;
  border-radius: 5px;
  text-align: center;
}

.notificationdesc {
  font-size: 10px;
  text-align: left;
}

.notificationdata {
  border: #16597c 1px solid;
  text-align: left;
  height: 100px;
  width: 260px;
  margin-right: 90px;
  border-radius: 10px;
}

.tablestyle {
  margin-top: 10px;
  margin-left: 30px;
}

.cstableheading {
  font-size: 12px;
  font-weight: bold;
  border-bottom: #16597c 1px solid;
}

.cstabledata {
  font-size: 12px;
}

/**End Client Score Popup**/
/**Compenstion Popup**/

.compensationText {
  text-align: center;
  margin-right: 40px;
}

.compensationScore {
  font-weight: bold;
  font-size: 30px;
  margin-top: 30px;
}

.compensationpopupdetails {
  background-color: #e2eff6;
  height: 100px;
  margin-left: 30px;
}

.compensationTable {
  width: 100%;
}

.compensationtableheading {
  width: 48%;
  font-size: 14px;
}

.compensationtablespace {
  width: 2%;
}

.compenstionTabledatapadding {
  padding-top: 10px;
}

.compensationdata {
  width: 200px;
  height: 40px;
  padding-left: 5px;
  display: inline-block;
}

.compensationtablediv {
  margin-top: 20px;
}

/**END Compenstion Popup**/
/**Culturefit Popup**/
.culturefitdivtext {
  text-align: center;
  font-size: 18px;
}

/**END Culturefit Popup**/
/**Transition indicator**/
.transitionText {
  text-align: center;
  margin-right: 40px;
  font-size: 12px;
}

.transitionpopupdetails {
  background-color: #e2eff6;
  height: 220px;
  margin-left: 5px;
}

.transitionpopupdetailsMainHeading {
  font-size: 14px;
  width: 100%;
}

.transitionpopupdetailsdata {
  font-size: 14px;
  float: left;
  width: 70%;
}

.transitionConfirmation {
  background: #ffffff;
  padding: 1rem;
  border-radius: 10px;
  width: 500px;
  position: fixed !important;
  top: 286px;
  right: 33%;
  z-index: 1;
  max-width: inherit !important;
}

.transitiontableheading {
  font-size: 14px;
  float: right;
  margin-right: 5px;
  width: 29%;
}

.transition-header {
  margin-left: 5px;
}

.transition-description {
  font-size: 12px;
  margin-left: 20px;
}

.transition-disable {
  opacity: 0.2;
}

.transitionmarginTop {
  margin-top: 10px;
}

.transitionmarginTop1 {
  margin-top: 40px;
}

/**END Transition indicator**/
/**FeedBack Form**/
.btnActive {
  width: 40px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  border: none;
  color: white;
  border-radius: 5px;
  background-color: #16597c;
  color: white;
}

.feedbackNAbtn {
  width: 40px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  background-color: #92a8c2;
  border: none;
  color: white;
  border-radius: 5px;
}

.feedback-modal {
  border-radius: 10px;
  width: 100%;
}

.feecbackform-body {
  background-color: white;
  border-radius: 10px;
  border-color: black solid 1px;
}

.feedbackform-header {
  height: 190px;
}

.feedback-Tablediv {
  width: 100%;
  margin-top: 5px;
  background-color: #e2eff6;
  border-radius: 10px;
}

.feedback-disable {
  width: 40px;
  height: 20px;
  font-size: 10px;
  text-align: center;
  background-color: #16597c;
  color: white;
  border: none;
  border-radius: 5px;
}

.feedbackcommnentsec {
  margin-right: 30px;
}

.feedback-commentstextarea {
  font-size: 12px;
  margin-top: 10px;
}

.feedbacktextarea {
  padding: 5px;
}

.feedback-iconcontainer {
  background-color: white;
  width: 200px;
  height: 50px;
  text-align: center;
  border-radius: 10px;
}

.feedbackfontsize {
  font-size: 13px;
  width: 90%;
  margin-right: 100px;
}

.feedbackcommentsdescription {
  width: 300px;
  height: 30px;
  font-size: 10px;
}

.feedbackbutton {
  float: right;
  background-color: white;
}

.feedbacktable_div {
  width: 98%;
}

.feedback-table {
  width: 100%;
  margin: 5px;
}

.feedbacktable-rowcolorodd {
  background-color: #c6dfee;
}

.feedbacktable-rowcoloreven {
  background-color: #fff;
}

.feedbacktd {
  width: 75%;
}

.feedbacktdpadding {
  padding: 5px;
}

.feedbacktdpaddingNa {
  padding: 5px;
  width: 20%;
  text-align: center;
}

.feedbacktdpaddingNaheading {
  padding: 5px;
  width: 20%;
  text-align: center;
  font-size: 12px;
}

.feedbacktd-heading {
  font-size: 14px;
}

.feedbacktd-desc {
  font-size: 10px;
}

.feedback-none {
  opacity: 0.3;
}

.feedback-candidate {
  font-size: 13px;
  padding-top: 35%;
  font-weight: bold;
  color: #304b74;
}

.feedback-color {
  color: #16597c;
}

.feedback-for {
  font-size: 12px;
  padding-top: 5%;
  color: #304b74;
}

.feedback-commentsection {
  height: 200px;
  background-color: #e2eff6;
  border-radius: 10px;
  padding: 5px;
}

.feedbackfloatleft {
  float: left;
}

.feedbackfloatright {
  float: right;
}

.feedback-displaynone {
  display: none;
}

.rangevalue-visible {
  display: block !important;
}

.rangevalue-invisible {
  display: none !important;
}

/**End FeedBack Form**/

/**ZRG Scoring Slate Page**/
.centeralign {
  height: 9px;
  width: 75%;
}

.zrgslatetablecoldata {
  font-size: 1.5rem;
  font-weight: bold;
}

.zrgslatetablecoldataalign {
  text-align: center;
}

.zrgslatetablecoldatadiv {
  padding-left: 20%;
}

/**End ZRG Scoring Slate Page**/

/**Tool Tip**/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/**Tool Tip End **/

/**InterviewScore**/
.csiterviewscorebox {
  background: #e8eef9;
  border-radius: 10px;
}

.cr {
  line-height: 0;
}

/**InterviewScore End**/

/***Slider InterviewScore**/
.arrows {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 24px;
}

.item {
  height: 10rem;
  background-color: rgba(1, 1, 1, 0.1);
  margin: 1rem;
  text-align: center;

  span {
    display: block;
    margin-top: 4rem;
    font-family: "Work Sans", sans-serif;
  }
}

.slick-prev,
.slick-next {
  font-family: "Work Sans", sans-serif;
}

.slick-prev:before,
.slick-next:before {
  color: black !important;
  content: "" !important;
}

.slick-track {
  margin: 0 !important;
}

.slick-next {
  right: -30px !important;
  background: url("../../images/chevron_right.png") left top no-repeat !important;
  width: 24px !important;
  height: 24px !important;
  z-index: 1;
}

#nav-qualifications .slick-next {
  right: -20px !important;
}

.slick-prev {
  left: -10px !important;
  background: url("../../images/chevron_left.png") left top no-repeat !important;
  width: 24px !important;
  height: 24px !important;
  z-index: 1;
}

.slick-disabled {
  display: none !important;
}

#nav-qualifications .slick-prev {
  left: -20px !important;
}

#nav-overall .slick-prev {
  left: 1px !important;
  top: 40px !important;
}

#nav-overall .slick-next {
  right: -21px !important;
  top: 40px !important;
}

#transition .slick-prev,
#transition .slick-next {
  top: 50% !important;
}

/*** Slider InterviewScore End**/

/**Compensation**/
.legend1 {
  background: #00d455;
  height: 12px;
  width: 15px;
  border-radius: 10px;
}

.legend5 {
  background: #c4c4c4;
  height: 12px;
  width: 15px;
  border-radius: 10px;
}

.legend2 {
  background: #00ff47;
  height: 12px;
  width: 15px;
  border-radius: 10px;
}

.legend6 {
  background: #c4c4c4;
  height: 12px;
  width: 15px;
  border-radius: 10px;
}

.compverticalalign {
  vertical-align: middle;
}

/**Compensation End**/

.hide {
  display: none;
}

.show {
  display: block;
}

.nullScore {
  margin-left: 36px;
  margin-top: 36px;
}

/****Client Scoring Slider ****/
.clientpopovercomment {
  margin: 10px;
}

.clientcard {
  float: left;
  width: 90%;
  height: 120px;
}

.feedbackemojicontainer {
  width: 15rem;
}

/****Client Scoring Slider End****/

.slate-btn-hover-effect {
  &:hover {
    background-color: #005b77 !important;
    /* border-color: transparent !important; */
  }
}

.slatemenu-hover {
  border: 1px solid lightgray !important;

  &:hover {
    background-color: #e9f5f8;
    box-shadow: 0px 1px 2px 0px #3c40434d, 0px 2px 6px 2px #3c404326 !important;
  }
}

.icon {
  margin-right: 4px;
  margin-bottom: 0.25rem;
  width: 15px;
  color: gray;
}

.lightGrayIcon {
  margin-left: 5px;
  width: 15px;
  color: lightgray;
}

.slatemenu-hover .icon {
  color: gray;
}

/**** Client Scoring Slider ****/
.client-viewmore-div {
  margin: 10px;
}

.client-viewmore-overall {
  float: left;
  font-size: 1rem;
  color: #16597c;
  font-weight: bold;
}

.client-viewmore-avg {
  float: right;
  color: #16597c;
  font-size: 1rem;
  font-weight: bold;
  margin-right: 70px;
}

.client-viewmore-table {
  margin: 10px;
  width: 100%;
}

.client-viewmore-td1 {
  width: 45%;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.client-viewmore-progressbar {
  width: 140px;
  height: 15px;
  color: #079ef0;

  &.candidate-insight-compare {
    min-width: 120px;
    width: 100%;
  }

  &:hover {
    color: #005b77;
  }
}

.client-viewmore-textlink {
  cursor: pointer;
  width: fit-content;
  font-style: normal !important;

  &:hover {
    text-shadow: unset;
    text-decoration: underline !important;
    font-style: normal !important;
  }
}

.client-viewmore-ellipsis {
  display: -webkit-box;
  max-width: 100%;
  font-weight: 400;
  font-size: 12px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.client-viewmore-comment-box {
  background: #e8eef9;
  border-radius: 10px;
}

.client-viewmore-tr {
  &:hover {
    font-weight: bold;
  }

  & .client-viewmore-progressbar {
    &:hover {
      color: #005b77;
    }
  }
}

.slider-text-card {
  position: relative;
  background: #e8eef9;
  border-radius: 10px;
  float: left;
  width: 100%;
  height: 130px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
  padding-bottom: 10px;
}

.client-rating-viewmore-option {
  color: #0077b5;
  position: absolute;
  top: 2px;
  right: 5px;
}

/****ZRG Team Modal****/
.nameColumn {
  width: 30%;
}

.positionTitleColumn {
  width: 24%;
}

.clientReport {
  width: 13%;
  text-align: center;
}

.interviewNotification {
  width: 13%;
  text-align: center;
}

.noteNotification {
  width: 13%;
  text-align: center;
}

.iconsColumn {
  width: 7%;
}

/****END ZRG Team Modal****/

/****Send Candidate Modal****/
.emailLabel {
  width: 10%;
  margin-top: 5px;
}

.width90Percent {
  width: 90%;
}

/****END Send Candidate Modal****/

.interviewerScoringData {
  width: 52%;

  & .slick-slider {
    position: unset;
  }

  & .slider-text-card {
    position: relative;
    border-radius: 10px;
    float: left;
    width: 100%;
    height: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
    padding-bottom: 10px;
    background: none;
  }

  & .csiterviewscorebox {
    background: none;
  }
}