.form-test-calculator {
  position: relative;
}

.calculator-group {
  margin-bottom: 60px;
}
.calculator-group:last-child {
  margin-bottom: 0;
}

.calculator-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 0 30px 0;
  display: block;
}

.calculator-answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
  margin-bottom: 30px;
}

.calculator-answer-title {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
}

.calculator-answer-wraper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  row-gap: 10px;
  margin: 0 -5px;
}
.calculator-answer-wraper .calculator-answer-box {
  width: 100%;
  max-width: 50%;
  padding: 0 5px;
}
.calculator-answer-wraper .calculator-answer-box.w10 {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.calculator-answer-wraper .calculator-answer-box.w10 label {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.calculator-answer-item {
  height: 36px;
}
.calculator-answer-item.green label {
  color: rgb(16, 101, 26);
  background-color: rgb(233, 250, 235);
  -webkit-box-shadow: rgba(16, 101, 26, 0.12) 0px 1px 1px 0px, rgba(16, 101, 26, 0.16) 0px 0px 0px 1px, rgba(16, 101, 26, 0.08) 0px 2px 5px 0px;
          box-shadow: rgba(16, 101, 26, 0.12) 0px 1px 1px 0px, rgba(16, 101, 26, 0.16) 0px 0px 0px 1px, rgba(16, 101, 26, 0.08) 0px 2px 5px 0px;
}
.calculator-answer-item.green input:checked + label {
  background-color: rgb(233, 250, 235);
  -webkit-box-shadow: rgb(32, 201, 51) 0px 0px 0px 2px, rgba(32, 201, 51, 0.16) 0px 0px 0px 1px !important;
          box-shadow: rgb(32, 201, 51) 0px 0px 0px 2px, rgba(32, 201, 51, 0.16) 0px 0px 0px 1px !important;
}
.calculator-answer-item.yellow label {
  background-color: rgb(255, 240, 164);
  -webkit-box-shadow: rgba(128, 113, 36, 0.12) 0px 1px 1px 0px, rgba(128, 113, 36, 0.16) 0px 0px 0px 1px, rgba(128, 113, 36, 0.08) 0px 2px 5px 0px;
          box-shadow: rgba(128, 113, 36, 0.12) 0px 1px 1px 0px, rgba(128, 113, 36, 0.16) 0px 0px 0px 1px, rgba(128, 113, 36, 0.08) 0px 2px 5px 0px;
  color: rgb(128, 113, 36);
}
.calculator-answer-item.yellow input:checked + label {
  background-color: rgb(255, 240, 164);
  -webkit-box-shadow: rgb(191, 169, 54) 0px 0px 0px 2px, rgba(191, 169, 54, 0.16) 0px 0px 0px 1px !important;
          box-shadow: rgb(191, 169, 54) 0px 0px 0px 2px, rgba(191, 169, 54, 0.16) 0px 0px 0px 1px !important;
}
.calculator-answer-item.orange label {
  background-color: rgb(255, 241, 230);
  -webkit-box-shadow: rgba(128, 57, 0, 0.12) 0px 1px 1px 0px, rgba(128, 57, 0, 0.16) 0px 0px 0px 1px, rgba(128, 57, 0, 0.08) 0px 2px 5px 0px;
          box-shadow: rgba(128, 57, 0, 0.12) 0px 1px 1px 0px, rgba(128, 57, 0, 0.16) 0px 0px 0px 1px, rgba(128, 57, 0, 0.08) 0px 2px 5px 0px;
  color: rgb(128, 57, 0);
}
.calculator-answer-item.orange input:checked + label {
  background-color: rgb(255, 241, 230);
  -webkit-box-shadow: rgb(255, 113, 0) 0px 0px 0px 2px, rgba(255, 113, 0, 0.16) 0px 0px 0px 1px !important;
          box-shadow: rgb(255, 113, 0) 0px 0px 0px 2px, rgba(255, 113, 0, 0.16) 0px 0px 0px 1px !important;
}
.calculator-answer-item.blue label {
  background-color: rgb(230, 242, 255);
  -webkit-box-shadow: rgba(0, 61, 128, 0.12) 0px 1px 1px 0px, rgba(0, 61, 128, 0.16) 0px 0px 0px 1px, rgba(0, 61, 128, 0.08) 0px 2px 5px 0px;
          box-shadow: rgba(0, 61, 128, 0.12) 0px 1px 1px 0px, rgba(0, 61, 128, 0.16) 0px 0px 0px 1px, rgba(0, 61, 128, 0.08) 0px 2px 5px 0px;
  color: rgb(0, 61, 128);
}
.calculator-answer-item.blue input:checked + label {
  background-color: rgb(230, 242, 255);
  -webkit-box-shadow: rgb(0, 122, 255) 0px 0px 0px 2px, rgba(0, 122, 255, 0.16) 0px 0px 0px 1px !important;
          box-shadow: rgb(0, 122, 255) 0px 0px 0px 2px, rgba(0, 122, 255, 0.16) 0px 0px 0px 1px !important;
}
.calculator-answer-item.gray label {
  color: rgb(55, 53, 47);
  background-color: rgb(241, 241, 241);
  -webkit-box-shadow: rgba(55, 53, 47, 0.12) 0px 1px 1px 0px, rgba(55, 53, 47, 0.16) 0px 0px 0px 1px, rgba(55, 53, 47, 0.08) 0px 2px 5px 0px;
          box-shadow: rgba(55, 53, 47, 0.12) 0px 1px 1px 0px, rgba(55, 53, 47, 0.16) 0px 0px 0px 1px, rgba(55, 53, 47, 0.08) 0px 2px 5px 0px;
}
.calculator-answer-item.gray input:checked + label {
  background-color: rgb(241, 241, 241);
  -webkit-box-shadow: rgb(136, 136, 136) 0px 0px 0px 2px, rgba(136, 136, 136, 0.16) 0px 0px 0px 1px !important;
          box-shadow: rgb(136, 136, 136) 0px 0px 0px 2px, rgba(136, 136, 136, 0.16) 0px 0px 0px 1px !important;
}
.calculator-answer-item.red label {
  background-color: rgb(255, 236, 236);
  -webkit-box-shadow: rgba(128, 34, 34, 0.12) 0px 1px 1px 0px, rgba(128, 34, 34, 0.16) 0px 0px 0px 1px, rgba(128, 34, 34, 0.08) 0px 2px 5px 0px;
          box-shadow: rgba(128, 34, 34, 0.12) 0px 1px 1px 0px, rgba(128, 34, 34, 0.16) 0px 0px 0px 1px, rgba(128, 34, 34, 0.08) 0px 2px 5px 0px;
  color: rgb(128, 34, 34);
}
.calculator-answer-item.red input:checked + label {
  background-color: rgb(255, 236, 236);
  -webkit-box-shadow: rgb(255, 68, 68) 0px 0px 0px 2px, rgba(255, 68, 68, 0.16) 0px 0px 0px 1px !important;
          box-shadow: rgb(255, 68, 68) 0px 0px 0px 2px, rgba(255, 68, 68, 0.16) 0px 0px 0px 1px !important;
}
.calculator-answer-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  min-height: 36px;
  min-width: 36px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background-color: rgb(233, 250, 235);
  -webkit-box-shadow: rgba(16, 101, 26, 0.12) 0px 1px 1px 0px, rgba(16, 101, 26, 0.16) 0px 0px 0px 1px, rgba(16, 101, 26, 0.08) 0px 2px 5px 0px;
          box-shadow: rgba(16, 101, 26, 0.12) 0px 1px 1px 0px, rgba(16, 101, 26, 0.16) 0px 0px 0px 1px, rgba(16, 101, 26, 0.08) 0px 2px 5px 0px;
  margin: 0;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.125;
}
.calculator-answer-item input {
  display: none;
}
.text-warning {
  font-size: 12px;
  line-height: 15px;
  color: rgb(178, 1, 16);
  display: none;
}

.ospro-modal {
  margin-bottom: -20px;
  display: none;
}
.ospro-modal h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 0 10px 0;
}
.ospro-modal p {
  margin: 0;
}

.ospro-results-wrapper {
  margin: 40px 0;
  border: 1px solid #666;
  border-radius: 10px;
  padding: 20px;
  display: none;
}
.ospro-results-wrapper .ospro-results-title {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 20px 0;
}
.ospro-results-wrapper table {
  width: 100%;
}
.ospro-results-wrapper table th:nth-child(3), .ospro-results-wrapper table td:nth-child(3) {
  display: none;
}
.ospro-results-wrapper table th, .ospro-results-wrapper table td {
  font-size: 18px;
}
.ospro-results-wrapper table th:nth-child(1), .ospro-results-wrapper table td:nth-child(1) {
  width: 85%;
}
.ospro-results-wrapper table th:nth-child(2), .ospro-results-wrapper table td:nth-child(2) {
  width: 15%;
}
.ospro-results-wrapper table th {
  font-weight: 400;
  font-size: 15px;
  color: #B5B8BF;
  border-bottom: 1px solid #B5B8BF;
  padding-bottom: 10px;
}
.ospro-results-wrapper table td {
  border-bottom: 1px solid #F4F5F6;
  padding: 5px 0;
}
.ospro-results-wrapper table td:nth-child(1) {
  font-weight: 300;
}
.ospro-results-wrapper table td:nth-child(2) {
  font-weight: 400;
}
.ospro-results-wrapper table .status-row {
  font-size: 15px;
}
.ospro-results-wrapper table .status-row td {
  font-weight: 500;
  font-size: 15px;
}
.ospro-results-wrapper table .status-row .status-partial {
  color: rgb(128, 34, 34);
}
.ospro-results-wrapper table .status-row .status-complete {
  color: rgb(16, 101, 26);
}

.button-calculator {
  margin-top: 40px;
}

@media screen and (max-width: 500px) {
  .calculator-title {
    font-size: 18px;
  }
  .calculator-answer-title {
    font-size: 16px;
  }
  .calculator-answer-wraper .calculator-answer-box {
    width: 100%;
    max-width: 100%;
  }
  .ospro-results-wrapper {
    padding: 10px;
    margin-bottom: 20px;
  }
  .ospro-results-wrapper table th:nth-child(2), .ospro-results-wrapper table td:nth-child(2) {
    padding-left: 5px;
  }
  .ospro-results-wrapper table th, .ospro-results-wrapper table td {
    font-size: 15px;
  }
  .ospro-retake {
    margin-top: 15px !important;
  }
  .button-calculator {
    margin-top: 10px;
  }
}