@import "variables";

vn-monitor-sales-tickets {
    @media screen and (max-width: 1440px) {
        .expendable {
            display: none;
        }
    }

    vn-th.icon-field,
    vn-th.icon-field *,
    vn-td.icon-field, 
    vn-td.icon-field * {
        padding: 0;
        max-width: 50px
    }

    vn-th[field="nickname"],
    vn-td[name="nickname"] {
        min-width: 250px
    }

    vn-td.icon-field > vn-icon {
        margin-left: 3px;
        margin-right: 3px;
    }

    vn-table.scrollable.lg {
        height: 736px
    }

    tbody tr[ng-repeat]:focus {
        background-color: $color-primary-light
    }

    .highRisk i {
        color: $color-alert
    }

    td[name="nickname"] {
        max-width: 200px
    }

    td[name="zone"] {
        max-width: 150px
    }
}