.calculator-title {
  color: #e90517;
  font-weight: 700;
  font-size: 24px;
  padding-bottom: 20px;
  line-height: normal;
}
.calculator-section {
  padding-bottom: 20px;
  text-align: left;
}

.instructions-required-text {
  padding-bottom: 15px;
}
.btn-instructions-modal {
  border: 0;
  background-color: unset;
}
.btn-instructions-modal img {
  width: 20px;
}
.instructions-required-text {
  color: red;
}
#instructionsModal {
  padding-top: 50px;
}
.modal-dialog {
  max-width: fit-content !important;
}
.modal-content {
  justify-content: center;
  align-items: center;
}
.modal-title-header {
  padding-top: 30px;
  text-align: center;
  font-weight: bold;
}
.modal-body {
  padding: 20px 40px !important;
  line-height: 23px;
}
.modal-body ul {
  list-style-type: unset;
}
.btn-modal-close {
  margin-bottom: 30px;
  color: white;
  background-color: red;
  padding: 15px;
  border: 0;
  font-weight: bold;
  font-size: large;
  width: 100px;
  border-radius: 0.25rem !important;
}

#frm-calculator {
  padding-top: 10px;
}

.text-md-calculator-description {
  font-size: 12px;
}

.color-calculator-description {
  color: #000;
}

.underline {
  text-decoration-line: underline;
}

.weight-calculator-instructions {
  font-weight: 700;
}

.text-md-calculator-instructions {
  font-size: 15px;
}

.color-calculator-instructions {
  color: #000;
}

.items-center {
  align-items: center;
}

.flex-row {
  flex-direction: row;
}

.flex {
  display: flex;
}

.my-\[4px\] {
  margin-bottom: 4px;
  margin-top: 4px;
}

.text-md-field-label {
  font-size: 14px;
}

.color-field-label {
  color: #000;
}

.width-md-toggle-field {
  width: 55px;
}

.height-md-toggle-field {
  height: 33px;
}

.width-md-toggle-field label {
  font-weight: bold;
  font-size: 13px;
}

.color-toggle-field-unselected-border {
  border-color: #000;
}

.color-toggle-field-unselected-background {
  background-color: #fff;
}

.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.duration-100 {
  transition-duration: .1s;
}

.border-r-0 {
  border-right-width: 0;
}

.border,
.border-\[1px\] {
  border-width: 1px;
}

.appearance-none {
  -webkit-appearance: none;
  appearance: none;
}

.select-none {
  -webkit-user-select: none;
  user-select: none;
}

.weight-toggle-field {
  font-weight: 700;
}

.text-md-toggle-field {
  font-size: 14px;
}

.color-toggle-field-unselected {
  color: #000;
}

.rounded-l {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.rounded-r {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.color-calculator-divider {
  border: 0 solid #e5e7eb;
  border-color: #b7b7b7;
}

.border-b {
  border-bottom-width: 1px;
}

form.calculator label.radio {
  --bs-btn-color: black;
  --bs-btn-border-color: black;
  --bs-btn-focus-shadow-rgb: unset;
  --bs-btn-disabled-bg: #e90517;
  --bs-btn-active-bg: #e90517;
}

form.calculator label.radio-l {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
}

form.calculator label.radio-r {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
}

form.calculator label[for="baselineCReactiveProteinMgdl"].radio-r {
  padding-left: 0.3rem;
}

form.calculator input[type="radio"]:focus,
form.calculator input.radio-cal:focus {
  outline: none !important;
  border-color: #cf4444 !important;
  box-shadow: 0 0 5px #cf4444 !important;
}

.calculate-submit-des {
  margin: 10px;
}

#btn-calculate {
  --bs-btn-disabled-bg: #9B288C;
  --bs-btn-active-bg: #9B288C;
  background-color: #9B288C;
  --bs-btn-hover-bg: #9B288C;
}

.color-numeric-field-border {
  border-color: #b7b7b7;
}

.color-numeric-field-background {
  background-color: #f7f7f7;
}

.height-md-numeric-field {
  height: 33px;
}

.text-md-numeric-field {
  font-size: 13px;
}

.color-numeric-field {
  color: #000;
}

.padding-md-medium {
  padding: 12px;
}

.color-results-border {
  border-color: #b7b7b7;
}

.text-md-results-label {
  font-size: 15px;
}

.color-results-label {
  color: #5e666c;
}

.margin-top-md-medium {
  margin-top: 9px;
}

.width-md-icon {
  width: 33px;
}

.result-region img {
  height: auto;
  max-width: 100%;
}

.margin-left-md-medium {
  margin-left: 9px;
}

.weight-results-text-type {
  font-weight: 700;
}

.text-md-results-text-type {
  font-size: 16px;
}

.color-results-text {
  color: #000;
}

.margin-top-md-big {
  margin-top: 18px;
}

.weight-results-text-score {
  font-weight: 700;
}

.text-md-results-text-score {
  font-size: 21px;
}

.margin-top-md-small {
  margin-top: 6px;
}

.weight-results-text-explanation {
  font-weight: 700;
}

.text-md-results-text-explanation {
  font-size: 13px;
}

.weight-results-disclaimer {
  font-weight: 300;
}

.text-left {
  text-align: left !important;
}

.text-md-results-disclaimer {
  font-size: 11px;
}

.color-results-disclaimer {
  color: #000;
}

.color-info-border {
  border-color: #b7b7b7;
}

.text-md-info-text {
  font-size: 11px;
}

.color-info-text {
  color: #000;
}

.margin-left-md-small {
  margin-left: 6px;
}

.result-title {
  text-transform: uppercase;
}

.btn-outline-danger {
  color: black !important;
  border-color: black !important;
}

.btn-check:checked+.btn {
  border-color: #e90517 !important;
  color: #fffcfc !important;
}

.height-2xl-toggle-field label:hover {
  border-color: #e90517 !important;
  color: #fffcfc !important;
}

@media only screen and (max-width: 500px) {
  .text-2xl-numeric-field {
    width: 60px;
  }
}

.display-result {
  display: none;
}

.btn-print {
  padding: 5px 131px;
  background-color: white;
  border-color: red;
  color: red;
  margin-top: 15px;
  margin-bottom: -10px;
  border-radius: 0.25rem !important;
}
@media only screen and (max-width: 800px) {
  .btn-print {
    padding: 5px 100px;
    margin-bottom: 0px;
  }
}

.result-des {
  margin-top: 25px;
}

.additional-considerations {
  font-size: 11px;
}

.additional-considerations .label {
  display: flex;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
}
.additional-considerations .label:after {
  content: '';
  height: 12px;
  background: transparent;
  border: 2px solid;
  border-color: #666666 #666666 transparent transparent;
  outline: none;
  cursor: pointer;
  transform: rotate(-45deg);
  transition: 0.4s;
  padding-left: 8px;
  margin-left: auto;
}
.additional-considerations .label.collapsed:after {
  transform: rotate(-225deg);
  align-items: unset;
}
#additional-considerations ul {
  list-style-type: unset;
  padding-top: 5px;
}
/*----------------------------------*/
body .modal-backdrop {
  z-index: 998;
}
#calculateModal {
  z-index: 999 !important;
}
#calculateModal .modal-body {
  padding: 2rem 2rem 0 2rem!important;
  font-size: 15px;
}
#calculateModal .modal-footer {
  border: 0;
  padding: 1rem 2rem 2rem;
  text-align: center;
  justify-content: center;
  gap: 15px;
}

#calculateModal .modal-footer button {
  padding: 3px 25px;
  font-size: 15px;
  width: 260px;
  height: 58px;
  text-transform: uppercase;
  font-weight: 700;
  white-space: normal;
}
#calculateModal .modal-footer .cancel-modal {
  background: #888 !important;
  border-color: #888 !important;
  color: #fdfcfc !important;
}
#calculateModal .modal-footer button.btn-primary {
  color: #fff;
  background: #ff0000;
  border: 2px solid #ff0000;
}
@media (min-width: 992px) {
  #calculateModal .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }

}
@media (max-width: 991px) {
  #calculateModal .modal-footer button,
  #calculateModal .modal-footer a {
    width: 100%;
  }
}
/*----------------following entyvio styles----------------------*/
#btn-calculate{
    border: #9B288C !important;
    box-shadow: none;
}
.instructions-required-text{
  color: #9B288C !important;
}
.btn-check:checked+.btn {
  border-color: #9B288C !important;
  background-color: #9B288C !important;
}
.height-2xl-toggle-field label:hover {
  border-color: #9B288C !important;
  background-color: #9B288C !important;
}