#section-panier select {
    font-family: 'FiraSansCompressed-Medium',Verdana, Geneva, sans-serif;
    max-width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#section-panier select.input-billet-type {
    color: #555555;
}

#section-panier td {
    padding: 10px 8px;
}

#section-panier td .bouton-rabais-pourcentage, #section-panier td .btn-link  {
    color: #A2A2A2;
}

#section-panier td p:last-child {
    margin-bottom: 0;
}

#section-panier .section-panier-ligne-principale td:last-child {
    font-size: 1.25em;
    white-space: nowrap;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    table#section-panier tr {
        border-bottom:0;
    }

    table#section-panier .section-panier-ligne-secondaire {
        border-bottom:3px solid #CCC;
    }

    table#section-panier td, table#section-panier td p, table#section-panier td select, table#section-panier td input {
        text-align: center;
    }

    table#section-panier td .image-evenement {
        display: inline-block;
    }

    table#section-panier tr.section-panier-ligne-principale {
        padding: 12px;
        background: linear-gradient(to bottom, #e8e8e8 0%, #f2f2f2 100%);
        border-top: 4px solid #e8e8e8;
        border-radius: 10px 10px 0 0;
        box-shadow:
            3px 0 6px rgba(0,0,0,0.10),
            -3px 0 6px rgba(0,0,0,0.10);
    }

     table#section-panier tr.section-panier-ligne-extra {
        padding: 12px;
        background: #e8e8e8;
        box-shadow:
            3px 0 6px -3px rgba(0,0,0,0.10),
            -3px 0 6px -3px rgba(0,0,0,0.10);
    }

    table#section-panier tr.section-panier-ligne-secondaire {
        padding: 12px;
        background: #f2f2f2;
        border-radius: 0 0 10px 10px;
        margin-bottom: 18px;
        box-shadow:
            3px 0 6px -3px rgba(0,0,0,0.10),
            -3px 0 6px -3px rgba(0,0,0,0.10),
            0 4px 6px -2px rgba(0,0,0,0.12);
    }

    table#section-panier td .bouton-rabais-pourcentage, table#section-panier td .btn-link  {
        width: auto;
    }

    table#section-panier td div.image-evenement.petite {
        width: 80px;
        height: 80px;
    }
}

@media only screen and (min-width: 768px) {

    
    table#section-panier tr.section-panier-ligne-extra td {
        background-color: #e8e8e8;
    }

    table#section-panier tr.section-panier-ligne-principale td {
        border-bottom: 0;
        border-top: 4px solid #e8e8e8;
        background: linear-gradient(to bottom, #e8e8e8 0%, #f2f2f2 100%);
    }

    table#section-panier tr.section-panier-ligne-secondaire td {
        background: #f0f0f0;
        
        box-shadow: inset 0 3px 2px -2px rgba(255,255,255,0.6), inset 0 -3px 2px -2px rgba(0,0,0,0.12);
    }

    table#section-panier tr.section-panier-ligne-secondaire td {
        border-bottom: 22px solid #f2f2f2;
    }
}