@import '~bee-complex-grid/build/Grid.css';

.u-editable-table .u-table {
    .u-table-row {
        td {
            padding: 5px 8px;

            input {
                padding-left: 5px;
                font-size: 12px;

                &.error {
                    border-color: #F44336;
                }
            }
        }

        .editable-cell {
            height: 30px;
        }

        &-hover {
            .editable-cell-text-wrapper {
                line-height: 19px;
            }
        }

        .u-form-control,
        .u-select-selection {
            height: 30px;
        }
    }

    .editable-cell-text-wrapper {
        box-sizing: border-box;
        line-height: 20px;
        border-radius: 3px;
    }

    .editable-cell-input-wrapper {
        padding-right: 0;

        .ref-input-wrap {
            width: auto !important;
            height: 30px;

            .u-input-group {
                display: inline-block;
            }
        }
    }

    .verify-cell {
        padding-right: 25px !important;
    }

    .require {
        position: absolute;
        top: 2px;
        color: #F44336;
        font-size: 20px;
    }
}

.u-editable-table-tp {
    .tp-content {
        color: #F44336;
    }
}