fieldset{ margin-bottom: 32px; padding: 32px; box-sizing: border-box; margin-inline-start: 0; margin-inline-end: 0; border: 1px solid $gray; legend{ padding: 0 15px; font-size: 16px; font-weight: 700; color: $blue; text-transform: uppercase; } p{ &.bottom16 { margin-bottom: 16px; } &.top16 { margin-top: 16px; } &.bottom8 { margin-bottom: 8px; } &.top8 { margin-top: 8px; } } .setting_horizontal_wrapper { display: flex; flex-direction: row; .setting_holder { margin-right: 17px; } } .setting_holder { margin-bottom: 16px; &.bottom8 { margin-bottom: 8px !important; } display: flex; flex-direction: column; &:first-of-type, &.top0{ margin-top: 0; } &.bottom0{ margin-bottom: 0; } &:last-of-type { margin-bottom: 0; &.bottom16 { margin-bottom: 16px !important; } } .setting_item { margin-top: 8px; } span.charalimit { font-size: 12px; line-height: 15px; color: $very-dark-gray; text-align: right; &#anketa_polnoIme_chars{ width: 400px; } &#anketa_akronim_chars, &#anketa_note_chars{ width: 800px; } } &.indent { margin-left: 27px; } &.red { label { color: red; } input { &[type="text"] { border: 1px solid red; } } } } .message_instructions { background-color: $light-gray; border: 1px solid $gray; box-sizing: border-box; } ul { margin-block-start: 0; margin-block-end: 0; padding-inline-start: 25px; } }