.bg__bookmark-selector {

    > .user-input {
        display:flex;
        justify-content: space-between;

        .bg__bms__bgroup-form {

            /* bootstrap class override */
            .list-group-item {
                background-color: white;
                font-weight: bold;

                &:hover {
                    background-color: $clGrey;
                }
                &:focus,
                &:active {
                    background-color: white;
                }

                > .member-count {
                    float: right;
                    vertical-align: middle;
                    font-size: 14px;
                    line-height: 14px;
                    color: white;
                    background-color: $clSecondary;
                    border-radius: 15px;
                    padding: 2px 8px;
                    min-width: 20px;
                    text-align: center;
                }
                > .fa {
                    margin-right: 10px;
                }

                &.selected {
                    background-color: mix(white, $clSecondary, 75%);
                    border-left: 5px solid $clSecondary;
                    > .fa {
                        color: $clSecondary;
                    }
                }
            }

            .bg__bms__new-bgroup {
                display: flex;
                input {
                    margin: 0px;
                }
            }

        }
    }

    > .save-btn {
        button {
            float: right;
        }
        margin-top: 10px;
        height: 40px;
    }

    > .validation-error {
        background-color: #f26c50;
        color: #fff;
        height: 3.3rem;
        margin-bottom: 6px;
        padding: 6px 10px;
    }

}
