form {
    .form-floating {
        background-color: var(--white);
        border: 1px solid var(--background-grey);
        border-radius: 1rem;
        position: relative;
        margin: 0.62rem 0;
        padding: 0.75rem 0.5rem 0.25rem 0.5rem;

        label.form-label {
            position: absolute;
            top: 0;
            left: 15px;
            transform: translateY(-50%) !important;
            color: var(--dark-green) !important;
            pointer-events: none;
            z-index: 1;
        }

        input.form-control {
            height: 100%;
            width: 100%;
            background-color: transparent;
            color: var(--dark-green);
            border: none;
            outline: none;
            padding: 0 5px;
        }
    }

    .form-check-input:checked {
        background-color: var(--dark-green);
        border-color: var(--dark-green);
    }

    .form-select, .form-floating.no-border {
        border: 0;
    }

    #user_modules {
        display: flex;
    }
}
