@import "variables";

vn-travel-extra-community {
    .header {
        margin-bottom: 16px;
        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;
        .multi-line{
            padding-top: 15px;
            padding-bottom: 15px;
        }
    }

    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;
    }


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

    vn-td-editable text {
        background-color: transparent;
        padding: 0;
        border: 0;
        border-bottom: 1px dashed $color-active;
        border-radius: 0;
        color: $color-active
    }
}