/** Styles related to pdf pop up and pdf document */
:root {
  --pageMargin: 0.5in;
}

.k-animation-container {
  z-index: 10003 !important;
}

/******************************* Slate Header PDF Icon *******************************/

.hideHeader {
  display: none;
}

.pdfIconSize {
  font-size: 19px !important;
}

.pdfIconPadding {
  padding: 11px 12.5px;
}

.importPadding {
  padding: 11px;
}

.previewPadding {
  padding: 8.5px;
}

/******************************* PDF Pop Up *******************************/
.candidatePermissionsPdf {
  font-size: 13px;
}

.generateReportModal {
  border-radius: 10px;
  max-height: 90vh;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  width: 624px;
}

.switchpdf {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 20px;
}

.switchpdf input {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderpdf:before {
  height: 15px;
  width: 15px;
  left: 4px;
}

.pop-up-images {
  width: 100px;
  padding: 4px;
  border-radius: 4px;
  box-shadow: darkgray 0px 0px 4px;
}

/******************************* PDF Pages *******************************/
/******************************* Font Style *******************************/
.xSmallFont {
  font-size: 9px;
}

.smallFont {
  font-size: 11px;
}

.mediumFont {
  font-size: 13px;
}

.largeFont {
  font-size: 25px;
}

.xLargeFont {
  font-size: 40px;
}

.pdfContainer h1 {
  font-size: 11pt;
  font-family: "KumbhSans" !important;
  font-weight: bold;
  color: #2d3748;
}

.pdfContainer h2 {
  font-size: 9pt;
  font-family: "KumbhSans" !important;
  font-weight: bold;
  font-style: normal;
  color: #2d3748;
}

.pdfContainer h3 {
  font-size: 8pt;
  font-family: "KumbhSans", sans-serif !important;
  font-weight: bold;
  font-style: normal;
  color: #2d3748;
}

.pdfContainer h5 {
  font-size: 8pt;
  font-family: "KumbhSans", sans-serif !important;
  font-weight: normal;
  font-style: normal;
  color: #44474d;
}

.pdfContainer h6 {
  font-size: 7pt;
  font-family: "KumbhSans", sans-serif !important;
  font-weight: normal;
  font-style: normal;
  color: #6c737f;
}

.pdfContainer p {
  font-size: 7pt;
  font-family: "KumbhSans", sans-serif;
  font-weight: normal;
  color: #44474d;
}

#addSpacing h1 {
  margin-top: 15pt;
}

#addSpacing h2 {
  margin-top: 13pt;
}

#addSpacing h3 {
  margin-top: 8pt;
}

#addSpacing h6 {
  margin-top: 0pt;
}

#addSpacing p {
  margin-top: 1pt;
}

#title h1 {
  font-size: 25pt;
  font-family: "KumbhSans";
  font-weight: bold;
  font-style: normal;
  margin-top: 0;
}

#title h2 {
  font-size: 15pt;
  font-family: "KumbhSans";
  font-weight: bold;
  font-style: normal;
  margin-top: 0;
  color: gray;
}

.textSpacing {
  margin-top: 7pt !important;
}

/******************************* Color *******************************/
.whitecolor * {
  color: white !important;
}

.lightgraycolor {
  color: lightgray !important;
}

.darkbluecolor {
  color: #24315e !important;
}

.blackcolor {
  color: black !important;
}

/******************************* Spacing *******************************/
.marginBetweenChildren>*:not(:last-child) {
  margin-bottom: 20px;
}

/******************************* Image *******************************/

.pdf-group-name-profile {
  font-size: 10px;
  display: flex;
  width: max-content;
}

.mainsov-company-image {
  max-width: 100%;
  max-height: 100%;
  justify-content: flex-start !important;
}

.pdfCompanyImage {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.pdf-user-image {
  border-radius: 15% !important;
  border: 1px solid lightgray;
}

.slate-user-default-pdf-image {
  padding: 13px;
}

.pdf-company-image {
  cursor: default;
  display: flex;
  background-color: white;
  align-items: center;
  border-radius: 4px;
  max-height: 32px;
  max-width: 34px;
  border: 1px solid lightgray;
}

.pdf-company-image>img {
  max-width: 100%;
  max-height: 100%;
}

.pdfImg {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.personImg {
  border-radius: 50%;
}

.skillsPersonImage {
  margin-bottom: 5px;
}

.inchip-person-image {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50%;
  object-fit: cover;
}

.pdf-career-company-image {
  cursor: default;
  display: flex;
  background-color: white;
  align-items: center;
  border-radius: 4px;
  max-height: 23px;
  max-width: 23px;
}

.pdf-company-image>img {
  max-width: 100%;
  max-height: 100%;
}

/******************************* Page Setup *******************************/
.pdfContainer {
  padding: 0;
  margin: 0;
  border: none;
  height: 8.3in;
  width: 100%;
}

.addPadding {
  padding: var(--pageMargin);
  z-index: 2;
}

.addVisualsPadding {
  padding: var(--pageMargin) 0.2in;
}

@page {
  size: Letter;
  margin: 0;
}

@media print {
  html,
  body {
    width: 210mm;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact !important;
  }

  body,
  page {
    margin: 0;
    /* box-shadow: 0; */
    height: 100%;
    width: 100%;
  }

  .headerpanel {
    display: none;
  }

  .no-print {
    display: none;
  }

  .hideHeader {
    display: inline !important;
  }
}

page {
  background: white;
  display: block;
  margin: 0 auto;
}

page[size="Letter"] {
  width: 8.5in;
  height: 11in;
}

page[size="Letter"][layout="landscape"] {
  width: 11in;
  height: 8.5in;
}

page[size="A4"] {
  width: 8.27in;
  height: 11.69in;
}

page[size="A4"][layout="landscape"] {
  width: 11.69in;
  height: 8.27in;
}

/******************************* Rating *******************************/
.pdfContainer .exceptionalRating {
  background: url("../../images/Material-Font-Icons/outline_diamond_black_24dp.png") left center no-repeat;
  background-size: contain;
  height: 12pt;
  width: 12pt;
  display: block;
}

.pdfContainer .goodRating {
  background: url("../../images/Material-Font-Icons/outline_thumb_up_black_24dp.png") left center no-repeat;
  background-size: contain;
  height: 12pt;
  width: 12pt;
  display: block;
}

.pdfContainer .cautionRating {
  background: url("../../images/Material-Font-Icons/outline_error_outline_black_24dp.png") left center no-repeat;
  background-size: contain;
  height: 12pt;
  width: 12pt;
  display: block;
}

.pdfContainer .maybeRating {
  background: url("../../images/Material-Font-Icons/outline_help_outline_black_24dp.png") left center no-repeat;
  background-size: contain;
  height: 12pt;
  width: 12pt;
  display: block;
}

.cautionSmallRating {
  background: url("../../images/Material-Font-Icons/outline_error_outline_black_24dp.png") left center no-repeat;
  background-size: contain;
  height: 14px;
  width: 14px;
  display: block;
}

.maybeSmallRating {
  background: url("../../images/Material-Font-Icons/outline_help_outline_black_24dp.png") left center no-repeat;
  background-size: contain;
  height: 14px;
  width: 14px;
  display: block;
}

.yesSmallRating {
  background: url("../../images/Material-Font-Icons/outline_check_circle_outline_black_24dp.png") left center no-repeat;
  background-size: contain;
  height: 14px;
  width: 14px;
  display: block;
}

.naRating {
  font-size: 9pt;
  color: #12314c;
  font-family: "KumbhSans" !important;
  display: block;
}

.maybeGrayRating {
  background: url("../../images/Material-Font-Icons/question_gray.jpg") left center no-repeat;
  height: 16px;
  width: 16px;
  background-size: contain;
  display: block;
}

.cautionGrayRating {
  background: url("../../images/Material-Font-Icons/caution_gray.jpg") left center no-repeat;
  background-size: contain;
  height: 16px;
  width: 16px;
  display: block;
}

.yesGrayRating {
  background: url("../../images/Material-Font-Icons/check_gray.jpg") left center no-repeat;
  background-size: contain;
  height: 16px;
  width: 16px;
  display: block;
}

/******************************* Progress Bars *******************************/
.progress-bar {
  background-color: #00d455;
}

.pdfRating.progress {
  border-radius: 10px;
  height: 4px;
  background-color: lightgray;
  align-content: center;
  width: 220pt;
}

.pdfScoring.progress {
  border-radius: 12px;
  height: 5px;
  background-color: lightgray;
}

/******************************* Content Spacing *******************************/
.scoringCategoryCandidateSummary {
  width: 20%;
}

.scoringProgressBarCandidateSummary {
  width: 45%;
}

.scoringValueCandidateSummary {
  width: 10%;
  padding-left: 9pt;
}

.scoringCategoryCandidateProfiles {
  width: 25%;
}

.scoringProgressBarCandidateProfiles {
  width: 50%;
}

.scoringValueCandidateProfiles {
  width: 10%;
  padding-left: 9pt;
}

.columnTwoOfTwo {
  width: 80%;
  margin-left: 20pt;
}

.candidateText {
  width: calc(70% + 9pt - 20pt - 40pt); /* 40pt is the size of the candidate's company image */
}

.centerOnPdf {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: calc(-65pt - var(--pageMargin));
}

/******************************* Specific Content Styling *******************************/
.confidentialText {
  position: absolute;
  bottom: 60px;
  width: calc(100% - 2 * var(--pageMargin));
}

.averagePDF {
  padding-top: 37px;
  text-align: center;
  margin-left: 12px;
}

.averagePDFPortuguese {
  padding-top: 37px;
  text-align: center;
  margin-left: 7px;
}

.skills-categoryPDF {
  width: 102px;
  height: 30px;
  text-align: left;
  display: flex;
  align-items: center;
}

.div-skillPDF {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 52px;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 5pt;
}

.blankDiv {
  padding-left: 100px;
}

.culture-noteContentPDF ul {
  padding-left: 20px; /* Adjust this if needed */
  margin-left: 0;
}

.culture-noteContentPDF ol {
  padding-left: 20px;
  margin-left: 0;
}

.culture-noteContentPDF li {
  margin-bottom: 5px; /* For better spacing between list items */
}

.candidate-pdf-scoring-text {
  font-weight: bold !important;
  font-size: 7pt;
}

.scoresEffect{
  display: inline-block;
  color: black;
  background-color: lightgray;
  border-radius: 36%;
  width: 22px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 7pt;
}

/******************************* Visual Material *******************************/
.pdfBackground {
  position: relative;
  background-image: url("../../images/Zi_Rebrand_Files/Backdroops/Backdrops_II.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.pdfBackground::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: #091126;
  z-index: 1;
}

.lightBlueBox {
  background: #f0f5fa;
  border-radius: 10%;
}

.lightBlueBoxhistory {
  background: #fbfbfb;
  border-radius: 10%;
}

hr.solid {
  border-top: 1px solid gray;
  width: 80%;
  align-items: center;
}

.weightage-img-pdf-graph {
  width: 10px;
  height: 10px;
}

/******************************* Header & Footer *******************************/
.headerContent {
  display: flex;
  justify-content: space-between;
  margin-left: 0.25in;
  margin-right: 0.25in;
  margin-top: 0.13in;
}

.headerContentContainer {
  position: relative;
}

.footerRight {
  font-family: "KumbhSans", sans-serif;
  padding: 10px;
  color: rgb(7, 15, 34);
  font-weight: bold;
  text-align: right;
}

.footerContainer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.pdfHeader {
  background: #12314c;
  width: calc(100% + 0.8 * var(--pageMargin));
  margin-top: calc(-1 * var(--pageMargin));
  margin-left: calc(-0.4 * var(--pageMargin));
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-top: 0.1in;
  padding-bottom: 0.2in;
}

/******************************* Page Breaks *******************************/
.avoidPageBreakInside {
  page-break-inside: avoid !important;
}

.border-interview {
  border: 1px solid black;
  border-radius: 10px;
}