.hs-form fieldset {
    max-width: none !important;
}

.hs-input {
    height: auto !important;
    @extend .form-control;
    width: 100% !important;
    &[type="checkbox"] {
        width: auto !important;
    }
    &.invalid {
        @extend .is-invalid;
    }
}

select.hs-input {
    @extend .form-select;
}

.hs_cos_wrapper_type_password_prompt input[name="password"] {
    @extend .hs-input;
    margin-bottom: 1rem;
}

.hs-form-field {
    //@extend .input-group;
	margin-bottom: 1rem !important;
    & > label {
        font-size: 1rem;
		font-weight: 600;
    }
    &.hs-recaptcha {
        display: none;
    }
}
.hs-form-required {
    color: inherit;
    margin-left: 3px;
	color: $red;
}

.legal-consent-container {
    @extend .small;
    > div {
        margin-bottom: 0.5rem;
    }
    &:last-child,
    .inputs-list,
    .inputs-list label {
        margin: 0;
    }
    .hs-form-booleancheckbox {
        input[type="checkbox"] {
            position: relative;
            top:2px;
            cursor: pointer;
            &:before {
                content: "";
                display: block;
                position: absolute;
                width: 16px;
                height: 16px;
                top: 0;
                left: 0;
                border: 2px solid rgba(0, 0, 0, 0.2);
                border-radius: 3px;
                background-color: white;
            }
            &:checked:after {
                content: "";
                display: block;
                width: 5px;
                height: 10px;
                border: solid black;
                border-width: 0 2px 2px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                position: absolute;
                top: 2px;
                left: 6px;
            }
        }
        .hs-form-booleancheckbox-display>span {
            margin-left: 25px;
        }
    }
}

.hs-button {
    @extend .btn, .btn-secondary;
}

.hs-submit {
	margin-top: 1rem;
    .submit-center & .actions {
        text-align: center;
    }
}

.hs-error-msgs {
    padding: 0;
    margin: 10px 0 0;
    @extend .invalid-feedback;
    li {
        list-style-type: none;
        margin: 0;
    }
    .hs-error-msg {
        margin: 0;
        padding-left: 1rem;
    }
}

.hs-main-font-element {
    @extend .mb-2;
}
.inputs-list {
    list-style: none;
    padding-left: 0;
    .inputs-list {
        padding-left: 2rem;
    }
}

.arrow-button {
    text-decoration: none;
    font-weight: 500;

    i {
        margin-left: 3px;
    }
}

@include media-breakpoint-down(sm) {
    .form-columns-2, .form-columns-3 {
        .hs-form-field {
            width: 100% !important;
            float: none !important;
        }
    }
}