@media print {
  /* @page {
    size: A4;
    margin: 0.5cm;

    margin-top: 0.5cm;
    margin-left: 0cm;
    margin-right: 0cm;
    margin-bottom: 0.5cm;

    margin-bottom: 0cm;
  } */

  div,
  p,
  li,
  span,
  b,
  a,
  td,
  th {
    word-break: break-word;
    overflow-wrap: break-word;
  }

  .pview-rsm-container-Body {
    page-break-inside: avoid;
  }

  #profile-pic-and-contact {
    height: auto !important;
  }

  iframe,
  .hidden-print,
  .bgTopbar,
  .sticky-menu-resume,
  .king,
  .alert-resume-adjust-one,
  .footer,
  .cd-top,
  .cd-is-visible,
  .cd-fade-out,
  .chat-widget,
  .bg-grey-young,
  .bg-red,
  .jobbkk-news-sp,
  .jobbkk-link-text,
  .margin-control,
  .bg-black,
  .jobbkk-pc,
  .jobbkk-mobile,
  .edit-resume-mobile,
  .edit-resume,
  .flexNav,
  .userMenuShow,
  .bgTopbar,
  .clWhitetGray,
  #attach-zone,
  #menu-footer {
    display: none !important;
  }

  /* .gap-4 {
    gap: 0 !important;
  }

  .gap-5 {
    gap: 0.8 !important;
  }

  .pb-4, .pb5 {
    padding-bottom: 0 !important;
  } */

  .mx-auto {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .print-flex-start {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 3.2rem;
  }

  #home-content {
    background: unset !important;
  }

  .show-print {
    display: block !important;
  }

  .pview-rsm-container.employer-view {
    width: unset !important;
  }

  .pview-rsm-container-Body {
    background-color: unset !important;
    box-shadow: unset !important;
    padding: 0px 32px 0px 32px !important;
    /* padding: 0 !important; */
  }

  .pview-rsm-container-Body .no-introduce #profile-pic-and-contact {
    width: 350px !important;
  }

  .list-header-resume {
    margin-bottom: 20px;
  }

  .list-detail-resume-print {
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .list-detail-resume-print img {
    width: 106px;
  }

  .container-print {
    width: 100%;
    display: block;
  }

  .row-print {
    margin-left: inherit;
    margin-right: inherit;
  }

  .print-left {
    width: 40% !important;
  }

  .print-right {
    width: 60% !important;
  }

  .handicappedimg,
  .handicapped img {
    max-width: 30px !important;
  }

  .print-print {
    display: block;
  }

  .img-signature {
    max-width: 50px !important;
  }

  .position-img {
    text-align: right !important;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .signature span {
    display: block !important;
  }

  .pview-rsm-container-Body #rsm-skill,
  #rsm-skill-other {
    font-size: var(--font14) !important;
  }

  .table-member > tbody > tr {
    vertical-align: middle !important;
  }

  .table-lang-skill > thead > tr > th {
    font-size: var(--font14) !important;
    vertical-align: baseline;
  }

  .table-lang-skill > tbody > tr > td {
    font-size: var(--font14) !important;
    vertical-align: baseline;
  }

  span.sig {
    font-size: 1rem !important;
  }

  .text-red {
    color: #d40101 !important;
  }

  .therm .inner-therm {
    background-color: #f47920 !important;
    -webkit-print-color-adjust: exact;
  }

  .therm .outer-therm {
    background-color: #555 !important;
    -webkit-print-color-adjust: exact;
  }

  .bg-preview {
    background-color: #f5f3f2 !important;
    -webkit-print-color-adjust: exact;
    border-radius: 10px;
    display: flex;
    gap: 30px;
  }

  .padding-none {
    padding: 0;
  }

  .main-name {
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
  }

  .name {
    padding: 5px;
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
  }

  .name p,
  .education p,
  .expected p,
  .salary p,
  .content-2 p {
    padding: 5px 15px;
  }

  .name .center {
    margin-top: -40px;
    text-align: center;
  }

  .gender-slot1 {
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    border-top: 5px solid #f5f3f2;
    border-right: 5px solid #f5f3f2;
    padding: 10px;
    text-align: center;
  }

  .gender-slot2 {
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    border-top: 5px solid #f5f3f2;
    border-right: none;
    padding: 10px;
    text-align: center;
  }

  .box-content-2,
  .box-content,
  .box-education,
  .box-education-2 {
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    padding: 0 10px;
  }

  .line {
    border-bottom: 1px solid var(--bg-gray) !important;
    -webkit-print-color-adjust: exact;
    padding-bottom: 10px;
  }

  .line-right {
    border-right: 1px solid #ebebeb !important;
    -webkit-print-color-adjust: exact;
  }

  .training,
  .education,
  .lang {
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    border-top: 5px solid #f5f3f2;
  }

  .jobbkk-graph {
    text-align: center;
    width: 25% !important;
    padding: 0 !important;
  }

  .chartjs-render-monitor {
    display: block !important;
    width: 100px !important;
    height: 100px !important;
  }

  .training {
    width: 100% !important;
  }

  .training p {
    padding: 0 !important;
  }

  .training h5 {
    padding: 15px 10px;
  }

  .expected {
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    border-top: 5px solid #f5f3f2;
    padding: 20px 10px;
  }

  .salary {
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    border-top: 5px solid #f5f3f2;
    padding: 20px 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .lang {
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    border-top: 5px solid #f5f3f2;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .skills {
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    padding: 20px 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }

  .inner-therm span {
    color: #fff !important;
    -webkit-print-color-adjust: exact;
    display: inline-block;
    float: right;
    font-family: "DB-HeaventRounded" !important;
    font-size: var(--font16) !important;
    font-weight: bold;
  }

  .work-hostory {
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    border-top: 5px solid #f5f3f2;
    padding: 20px 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .edit-resume-mobile ul {
    margin: 0 -13px;
    padding: 0;
    list-style: none;
    display: inline-block;
    margin-top: 30px;
  }

  .edit-resume-mobile {
    text-align: right;
    z-index: 999;
  }

  .edit-resume-mobile ul li {
    padding: 0 10px;
    float: left;
    margin-bottom: 10px;
    text-align: center;
  }

  .edit-resume-mobile ul li a {
    border: 1px solid #d40101;
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    color: #d40101;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
  }

  .edit-resume-mobile ul li a:hover {
    background: #d40101 !important;
    -webkit-print-color-adjust: exact;
    color: #ebebeb;
    text-decoration: none;
  }

  .edit-resume {
    text-align: right;
    z-index: 999;
  }

  .edit-resume ul {
    margin: 0 -23px;
    padding: 0;
    list-style: none;
    display: inline-block;
  }

  .edit-resume ul li {
    padding: 0 10px;
    float: left;
    margin-bottom: 10px;
    text-align: center;
  }

  .edit-resume ul li a {
    border: 1px solid #d40101;
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    color: #d40101;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
  }

  .edit-resume ul li a:hover {
    background: #d40101 !important;
    -webkit-print-color-adjust: exact;
    color: #ebebeb;
    text-decoration: none;
  }

  .name img,
  .gender img,
  .expected img,
  .training img,
  .salary img,
  .skills img,
  .education img,
  .work-hostory img,
  .lang img {
    max-width: 20px !important;
    width: 15% !important;
  }

  .timeline-2 {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
  }

  .timeline-2::after {
    content: "";
    position: absolute;
    width: 4px;
    background-color: #d40101 !important;
    -webkit-print-color-adjust: exact;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
  }

  .circle-2 {
    padding: 0px 17px;
    position: relative;
    background-color: inherit;
    width: 50%;
  }

  .circle-2::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: -12px;
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
    border: 4px solid #d40101;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
  }

  .left-2 {
    left: 0;
  }

  .right-2 {
    left: 50%;
  }

  .right-2::after {
    left: -18px !important;
  }

  .logo-wizard h1 {
    font-size: var(--font24);
    color: #555 !important;
  }
  .logo-wizard {
    text-align: left !important;
    width: 50%;
    margin-bottom: 20px;
  }
  .logo-wizard img {
    max-width: 35px !important;
  }
  .logo-logo {
    display: none;
  }

  .drive ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
  }
  .drive ul li {
    float: left !important;
    padding: 0 10px;
  }

  .thHead tr th {
    font-weight: 100;
    background: #555 !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
    font-size: var(--font14);
  }

  tbody tr td {
    font-size: var(--font14);
  }

  .page-break {
    page-break-before: always;
  }

  .no-break {
    page-break-inside: avoid;
  }

  .resume-progress-bar .progress-bar {
    background: linear-gradient(
      90deg,
      rgba(255, 17, 17, 1) 12%,
      rgba(208, 0, 0, 1) 100%
    ) !important;
    color: #fff;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .progress-bar {
    background-color: #d40101 !important;
  }

  .name-highlight {
    background-color: #333 !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .pview-rsm-container-Body #attach-zone ul li button {
    background: #eaedf0 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .disable-chat {
    background: #eaedf0 !important;
    color: #999 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .pview-rsm-container-Body .box-gray {
    background-color: #ededed !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .text-gray-5 {
    color: #777777 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  #hidden-badge {
    background-image: linear-gradient(to right, #ff1111, #d00000) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  #hidden-badge .inner-badge {
    background-color: #fff;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .click_to_postjob,
  .btnNoLogin {
    background: #d40101;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}