.project-values-row {
    @include table-flex(stretch, center, flex, row, wrap, center);
    border-bottom: 1px solid $whitish;
    padding: 1rem;
    div {
        margin-left: 1rem;
        position: relative;
    }
    .icon {
        @extend %large;
        color: $gray-light;
        opacity: 0;
        &:hover {
            color: $grayer;
            transition: all .2s ease-in;
        }
    }
}

.project-values-header {
    @extend %bold;
    border-bottom: 2px solid $gray-light;
}
.project-values-body {
    .project-values-row {
        &:hover {
            background: lighten($green-taiga, 60%);
            cursor: move;
            transition: background .2s ease-in;
            .icon {
                opacity: 1;
                transition: opacity .2s ease-in;
            }
        }
    }
}

.project-values-name {
    @include table-flex-child(3, 0, 0);
}
.project-values-value {
    @include table-flex-child(1, 0, 0);
    .checksley-error-list {
        left: 0;
        right: auto;
        top: 35px;
        white-space: nowrap;
    }
}

.project-values-isclosed,
.project-values-settings {
    @include table-flex-child(1, 0, 0);
    text-align: right;
}

.project-values-settings {
    a {
        @extend %large;
        color: $gray;
        margin-right: .5rem;
        &:hover {
            color: $green-taiga;
            transition: color .3s linear;
            .icon-delete {
                color: $red;
            }
        }
    }
}