@import "variables";

vn-travel-extra-community {
    .header {
        margin-bottom: 16px;
        font-size: 1.1rem;
        line-height: 1;
        padding: 7px;
        padding-bottom: 7px;
        padding-bottom: 4px;
        font-weight: lighter;
        background-color: $color-bg;
        color: white;
        border-bottom: 1px solid #f7931e;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

    table[vn-droppable] {
        border-radius: 0;
    }

    tr[draggable] {
        transition: all .5s;
        cursor: move;
        overflow: auto;
        outline: 0;
        height: 65px;
        pointer-events: fill;
        user-select: all;
    }

    tr[draggable] *::selection {
        background-color: transparent;
    }

    tr[draggable]:hover {
        background-color: $color-hover-cd;
    }

    tr[draggable].dragging {
        background-color: $color-primary-light;
        color: $color-font-light;
        font-weight: bold;
    }

    .td-editable {
        max-width: 200px;
    }

    vn-input-number.number {
        min-width: 100px;
    }

    .number * {
        text-align: center;
    }

    .multi-line{
        max-width: 200px;
        word-wrap: normal;
        white-space: normal;
    }
}