.table-form {
    width: 100%;
    border-collapse: collapse;
    border-radius: @radius;

    thead {
        background: @color-f;
        color: @color-base;
        font-weight: 700;
    }

    tbody {
        background: @color-f;
    }

    &__wrap {
        padding-top: 4px;
        position: relative;
    }

    &__row {
        background: @color-f;
        border-bottom: 1px solid @table-grid-line-color;

        &--group {
            background: @bg-info;
        }

        thead & {
            background: @bg-table;
        }
    }

    &__cell {
        padding: 6px 17px;
        height: 46px;

        text-align: left;
        color: @color-base;

        .ui-sortable-helper & {
            width: 100%;
            display: table-row;
        }

        &--label {
            width: 229px;

            font-weight: 700;
        }

        &--actions {
            width: 45px;

            text-align: center;

            .svg {
                color: @color-grey;
                margin-top: 5px;

                &:hover {
                    color: @color-blue;
                }
            }

            a {
                font-size: 14px;
                color: @color-grey;

                &:hover {
                    color: @color-blue;
                    text-decoration: none;
                }
            }
        }

        &--del {
            width: 40px;
            padding: 0;

            text-align: center;
            color: @color-grey;
        }

        &--del-before {
            padding-right: 0;
        }

        &--del-after {
            padding-left: 0;
        }

        thead & {
            padding-top: 14px;
            padding-bottom: 14px;
        }

        &__image {
            float: left;
            width: 46px;
            height: 26px;
            position: relative;
            margin-right: 5px;

            text-align: center;
            background: @color-f;

            img {
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                width: auto;
                height: auto;
                max-width: 100%;
                max-height: 100%;
                margin: auto;
            }
        }

        &__group-name {
            line-height: 26px;

            font-weight: 700;
        }

        &__move {
            margin-right: 5px;
            position: relative;
            top: calc(~"50% - 15px");
            margin-bottom: -1px;
        }

        &__error {
            top: 4px;
            left: -28px;
            position: absolute;
        }
    }

    &__action {
        text-decoration: none;
        color: @color-grey;
        font-size: 14px;

        &:hover {
            text-decoration: none;
        }
    }
}