@import "variables";

vn-travel-extra-community {
    .header {
        margin-bottom: 16px;
        font-size: 1.25rem;
        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{
        input{
            font-size: 1.25rem!important;
        }
    }

    .number *{
        text-align: right;
    }
}