:root {
  --light-blue: #e6f5ff;
  --light-red: #F2DEDE;
  --red: #B41431;
  --green: #0E9B71;
  --grey-2: rgba(34, 45, 115, 0.2);
}

.vit-d-form .panel-pane {
  background-color: white;
  padding: 10px 30px 30px 30px;
  margin-bottom: 25px;
}

.vit-d-form .form-item {
  margin-bottom: 10px;
}

.container-vit-d-3 {
  display: flex;
}

.container-vit-d-3 label {
  width: 60%;
}

.container-vit-d-3 .form-item-wrapper {
  width: 20%;
}

.container-vit-d-3 .form-item-wrapper.cholecalciferol-mkg-wrapper {
  width: 40%;
}

.container-vit-d-3 .form-item-wrapper.cholecalciferol-mkg-wrapper input[type="text"] {
  max-width: 150px;
}

.field-suffix {
  margin-left: 10px;
}

.container-vit-d-3 .form-item-wrapper:nth-of-type(2){
  padding-left: 5px;
}

.red {
  color: var(--red);
}

.green {
  color: var(--green);
}

.result p {
  margin-bottom: 10px;
}

.result {
  padding: 10px 15px;
}

.not-normal {
  background-color: var(--light-red);

}

.level-mark .result {
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
}

.pane-content--subpanel {
  margin-bottom: 40px;
}

.scheme-variants > div,
.cholecalciferol-mkg-result > div {
  padding: 10px;
  background: var(--light-blue);
  margin-top: 20px;
  border-radius: 5px;
}

@media only screen and (max-width: 767px) {
  .container-vit-d-3 {
    flex-direction: column;
  }

  .container-vit-d-3 .form-item-wrapper {
    width: 100%;
  }

  .container-vit-d-3 .form-item-wrapper:nth-of-type(2) {
    padding-left: 0;
  }

  .container-vit-d-3 label {
    width: 100%;
  }

  .container-vit-d-3 .form-item-wrapper.cholecalciferol-mkg-wrapper input[type="text"] {
    max-width: 200px;
  }

  .container-vit-d-3 .form-item-wrapper.cholecalciferol-mkg-wrapper {
    width: 100%;
  }

  .pane-content--subpanel {
    margin-bottom: 20px;
  }
}