@import "./variables";

vn-ticket-summary .summary {
    max-width: $width-lg;

    h5 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;

  
        span {
            flex: 1;
        }

        vn-button {
            flex: none
        }
    }

    vn-button {
        max-height: 27px;
        button {
            box-shadow: none;
            height: inherit;
            line-height: inherit;
            &:active, &:focus {
                box-shadow: none !important;
            }
        }
    }

    & > vn-horizontal > vn-one {
        min-width: 10em;
    
        &.taxes {
            border: $border-thin-light;
            text-align: right;
            padding: .5em;
    
            & > p {
                font-size: 1.2em;
                margin: .2em;
            }
        }

        &.services {
            .vn-table > vn-thead .identifier,
            .vn-table > vn-tbody .identifier {
                min-width: 3.5em
            }

            .vn-table > vn-thead .tax-class,
            .vn-table > vn-tbody .tax-class {
                min-width: 11em;
                width: 1px
            }

            .vn-table > vn-tbody vn-td:first-child {
                min-width: 24px;
                
            }
        }
    }
}