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

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

    vn-td-editable:hover text:after {
        font-family: 'Material Icons';
        content: 'edit';
        position: absolute;
        right: -15px;
        color: $color-spacer
    }

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

    a[draggable] {
        transition: all .5s;
        cursor: move;
        outline: 0;
    }

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

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