// New field/group buttons

.fieldlayoutform.quick-field {
    .newfieldbtn-container {
        clear: both;
        margin-bottom: 30px;

        .btn.add {
            border: 1px dashed #2f1fb5;
            padding: 2px 10px 0;
            line-height: 27px;
            color: #2f1fb5;
            background: transparent;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;

            body.ltr & {
                margin-right: 20px;
            }

            body.rtl & {
                margin-left: 20px;
            }

            &::before {
                margin-top: -2px;
            }
        }
    }
}

// Edit field button

.fld-field[data-id] {
    padding-right: 32px;

    .qf-edit {
        position: absolute;
        top: calc(50% - 10px);
        right: 10px;

        &::before {
            content: 'edit';
        }
    }

    .fld-sidebar & {
        &:not(.unused) .qf-edit {
            display: none;
        }
    }
}

// Edit group button

.fld-field-group {
    position: relative;

    .qf-settings {
        position: absolute;
        top: 0;
        right: 0;
        color: #0b69a3;
        cursor: pointer;

        &::before {
            content: 'settings';
        }

        &::after {
            border-color: #0b69a3;
        }
    }
}