.form-std label { font-weight: 400; font-size: 0.8rem; font-family: $baseFont; line-height: 1.3; color: $baseFontColor; margin: 0 0 10px 0; display: block; }
.form-std input.text { font-weight: 400; font-size: 0.8rem; font-family: $baseFont; line-height: 1.3; color: $baseFontColor; border: 1px solid $gray; padding: 8px 15px 6px 15px; width: 100%; }
.form-std textarea { font-weight: 400; font-size: 0.8rem; font-family: $baseFont; line-height: 1.3; color: $baseFontColor; resize: vertical; border: 1px solid $gray; padding: 8px 15px; width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; max-height: 300px; }
.form-std select { font-weight: 400; font-size: 0.8rem; font-family: $baseFont; line-height: 1.3; color: $baseFontColor; width: 100%; padding: 2px 10px; }
.form-std option { font-weight: 400; font-size: 0.8rem; font-family: $baseFont; line-height: 1.3; color: $baseFontColor; padding: 2px 20px; }

.form-std input.text[required="required"] { background-image: url('../img/req.png'); background-position: right center; background-repeat: no-repeat; }

/* Standard */

.form-std .cell-set { margin: 0 0 0 -1.5rem; display: flex; flex-wrap: wrap; }
.form-std .cell { margin: 0 0 1rem 0; padding-left: 1.5rem; position: relative; text-align: left; }
.form-std .cell-input { margin: 0 0 1rem 0; padding-left: 1.5rem; position: relative; text-align: left; }

/* Inline */

.form-std .cell-set-2 .cell { width: 50%; }
.form-std .cell-set-3 .cell { width: 33.3333%; }
.form-std .cell-set-4 .cell { width: 25%; }
.form-std .cell-set-5 .cell { width: 20%; }

/* Form contact */

.form-contact {  }

/* Checkbox / radio */

.cell-check { position: relative; }
.cell-check-input { position: absolute; opacity: 0; pointer-events: none; }
.cell-check-label { position: relative; padding-left: 1.5rem; line-height: 1.5; padding-top: 0.15em; }
.cell-check-label:before { content: ""; display: block; border: 2px solid $black; position: absolute; left: 0; top: 0; transition: background 0.07s ease-in; }
.cell-check-label:after { content: ""; display: block; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 0.07s ease-in; }

.cell-check-input[type="checkbox"] ~ .cell-check-label:before { width: 18px; height: 18px; border-radius: 2px; }
.cell-check-input[type="checkbox"] ~ .cell-check-label:after { width: 18px; height: 18px; background: url('../img/checkbox-check.svg') center center no-repeat; background-size: 100% 100%; }
.cell-check-input[type="checkbox"]:checked ~ .cell-check-label:before { background: $black; }
.cell-check-input[type="checkbox"]:checked ~ .cell-check-label:after { opacity: 1; }

.cell-check-input[type="radio"] ~ .cell-check-label:before { width: 20px; height: 20px; border-radius: 50%; }
.cell-check-input[type="radio"] ~ .cell-check-label:after { width: 20px; height: 20px; background: url('../img/radio-check.svg') center center no-repeat; background-size: 12px 12px; }
.cell-check-input[type="radio"]:checked ~ .cell-check-label:after { opacity: 1; }