.report {
  overflow: auto;
  font-family: "Work Sans", sans-serif;
  margin: 0;
  padding: 0; }
  @media screen {
    .report .print {
      display: none !important; } }
  @media print {
    .report .desktop {
      display: none !important; } }
  @media print {
    .report .no-print {
      display: none; } }
  .report header {
    width: 100%;
    height: 180px;
    background: url("/static/img/report_bg-header.png") no-repeat bottom;
    background-size: 100%; }
    @media print {
      .report header {
        background: none;
        height: 80px; } }
  .report .cursive {
    font-family: "Kalam", cursive; }
  .report h3 {
    color: #5d388e;
    margin-top: 20px;
    font-size: 30px; }
    @media print {
      .report h3 {
        font-size: 20px; } }
  .report p {
    color: #3f3f40;
    font-size: 20px; }
    @media print {
      .report p {
        font-size: 12px !important; } }
  .report .report-container {
    width: 740px;
    height: auto;
    margin: 0 auto; }
    .report .report-container .functions {
      display: inline-block;
      margin-left: 180px; }
      .report .report-container .functions .btn-print {
        display: inline-block;
        width: 60px;
        height: 60px;
        background: #f9b33b;
        border-radius: 50px; }
        @media print {
          .report .report-container .functions .btn-print {
            display: none; } }
        .report .report-container .functions .btn-print img {
          width: 36px;
          margin: 12px; }
    .report .report-container .competences {
      margin-bottom: 30px; }
      @media print {
        .report .report-container .competences {
          margin-bottom: 0; } }
    .report .report-container h1 {
      font-size: 50px;
      display: inline-block;
      margin-right: 14px;
      margin-top: 50px;
      color: #ffffff; }
      @media print {
        .report .report-container h1 {
          color: #5d388e;
          margin-top: 10px; } }
    .report .report-container h2 {
      display: inline-block;
      text-transform: none;
      font-weight: 300;
      color: #ffffff;
      font-family: "Kalam", cursive; }
      @media print {
        .report .report-container h2 {
          color: #5d388e; } }
    .report .report-container .diagram {
      text-align: center; }
    .report .report-container .left {
      width: 380px;
      display: inline-flex;
      vertical-align: top;
      padding: 20px 20px 15px 20px;
      border-radius: 10px;
      position: relative;
      margin-bottom: 10px; }
      .report .report-container .left .softskills-list {
        flex-grow: 1; }
        .report .report-container .left .softskills-list p {
          margin: 0;
          font-size: 24px;
          font-family: "Work Sans", sans-serif; }
          @media print {
            .report .report-container .left .softskills-list p {
              font-size: 16px; } }
      .report .report-container .left .picture {
        width: 100px; }
        .report .report-container .left .picture img {
          max-width: 100%; }
      .report .report-container .left.blue {
        background-color: #14a6b8; }
        .report .report-container .left.blue p {
          color: #ffffff; }
        @media print {
          .report .report-container .left.blue {
            background-color: #fff;
            padding: 0; }
            .report .report-container .left.blue p {
              font-size: 16px;
              color: #14a6b8;
              background-color: white; } }
      .report .report-container .left.orange {
        background-color: #f9b33b; }
        .report .report-container .left.orange p {
          color: #ffffff;
          font-size: 24px; }
        @media print {
          .report .report-container .left.orange {
            background-color: #fff;
            padding: 0; }
            .report .report-container .left.orange p {
              font-size: 16px;
              color: #f9b33b;
              background-color: white; } }
    .report .report-container .right {
      width: 260px;
      padding: 0 20px;
      display: inline-block; }
      .report .report-container .right p {
        font-size: 20px;
        line-height: 24px;
        margin-top: 0; }
  .report footer {
    background: url("/static/img/report_bg-footer-blue.png") no-repeat top;
    background-size: 100%;
    height: 180px;
    width: 100%;
    color: #ffffff;
    padding-top: 30px; }
    @media print {
      .report footer {
        background: none;
        color: #f9b33b;
        background-color: white; } }
    .report footer .footer-container {
      width: 780px;
      margin: auto; }
      .report footer .footer-container a, .report footer .footer-container h3, .report footer .footer-container p {
        color: white; }
    .report footer h2 {
      text-transform: none;
      margin-top: 110px; }
      @media print {
        .report footer h2 {
          margin-top: 0; } }

.print-footer {
  text-transform: uppercase; }
  .print-footer .text-center {
    text-align: center; }
    .print-footer .text-center img {
      margin-top: 65px; }

.vivi-report {
  width: 300px;
  position: fixed;
  right: 0;
  bottom: 0; }