backend/public/dist/css/randd-rating-form.css

.print {
  display: none;
}
.no-print {
  display: block;
}

.title-page {
  margin-right: -200px;
}

tbody tr .dynamic-question-radio,
tbody tr .dynamic-question-radio label,
tbody tr .dynamic-question-radio label input,
tbody tr .static-question-radio,
tbody tr .static-question-radio label,
tbody tr .static-question-radio label input {
  cursor: pointer;
  user-select: none;
}
  
* {
  font-family: "IRANSansFaNum";
}

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

input[type="number"] {
  -moz-appearance: textfield;
}

.totalscore {
  background-color: #015688;
  color: #fff;
  border: none;
}

@media print {
  body {
    zoom: 65%;
  }
  .print {
    display: inherit;
  }
  .no-print {
    display: none;
  }

  .scale {
    width: 100% !important;
    max-width: 100% !important;
  }

  .margin-for-footer {
    margin-bottom: 0;
  }

  .for_all_type th {
    color: #333;
  }

  #table-rating-form input[type="radio"] {
    display: none;
  }

  #table-rating-form input[type="radio"]:checked {
    display: initial;
  }
}

  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .head-title-table {
    font-size: 12px;
  }

  tbody th {
    font-size: 12px;
  }

  .totalscore {
    font-size: 18px;
  }
  
  .info-scorer {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
    font-size: 13px;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .head-title-table {
    font-size: 16spx;
  }

  tbody th {
    font-size: 13px;
  }

  .totalscore {
    font-size: 20px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .head-title-table {
    font-size: 16px;
  }

  tbody th {
    font-size: 13px;
  }

  .totalscore {
    font-size: 22px;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .head-title-table {
    font-size: 18px;
  }

  tbody th {
    font-size: 13px;
  }

  .totalscore {
    font-size: 24px;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .head-title-table {
    font-size: 20px;
  }

  tbody th {
    font-size: 13px;
  }

  .totalscore {
    font-size: 24px;
  }
}

.logo-img {
  width: 200px;
}

.dynamic-question {
  width: 100px;
}

tbody th {
  font-weight: 600;
  color: #4962ac;
  vertical-align: middle;
}
.table thead th,.table tbody th {
  vertical-align: middle;
}

.table tfoot th {
  vertical-align: middle;
}

.table th, .table td {
  vertical-align: middle;
}

.head-title-table {
  color: #fff;
  font-weight: bold;
}

.info-scorer {
  border: 1px solid #ccc;
  border-radius: 4px;
}

.margin-for-footer {
  margin-bottom: 4rem;
}