@media screen {
    body {
        font-family: 'Roboto', sans-serif;
        background-image: url('../../assets/img/haircut.jpg');
        background-repeat: repeat;
        background-attachment: fixed;
        z-index: -1;      
    }
    .btnInvisible {
        border: none;
        background-color: inherit;
        padding : 0px;
    }
    #ticket { display:none; }
    .container {    
        background-color: #FFF;
        border-left: 2px solid darkorchid;
        border-right: 2px solid darkorchid;
    }
    .modal-header {
        background-color: #12223c;
        color: #FFF;
    }
    #menu_bar {
        position: relative;
        top:-3px;
        margin:1px;
        padding:6px;
        background-color: #FFF;
        border: 1px solid #9699a8;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        min-height: 45px;       
    }
    .cadre {
        font-size:13px;
        padding:7px;
        border-radius : 5px;
        border: 1px solid #27b2d8;
        background-color: #FFF;
    }
    .fondAnalyse {
        background-color: #474f73;
        color: #FFF;
        font-weight: bold;
    }
    .lignePersonnel, .ligneProduit, .lignePrestation, .ligneClient, .ligneClientSearch, .ligneVente, .ligneTicket, .pointage,
    .clotureAnnee, .clotureJour, .clotureMois {
        cursor : pointer;
    }
    .ligneTotal {
        background-color:#666666; color:#FFF; font-weight:bold;
    }
    .ligneAvoir {
        background-color: grey;
        color: #FFF;
    }
    .cartPrice, .facturation {
        text-align: right;
    }
    .ombre {
        -moz-box-shadow: 3px 3px 10px 1px #656565;
        -webkit-box-shadow: 3px 3px 10px 1px #656565;
        -o-box-shadow: 3px 3px 10px 1px #656565;
        box-shadow: 3px 3px 10px 1px #656565;
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=10);
    }
    #slide {
        position:absolute;
        top:50px;
        left:-625px;
        background-color: #433f47;
        padding: 10px 40px 10px 30px;
        border-radius: 10px;
        border:1px solid grey;
        z-index:1000;
        width:650px;

        -ms-transition: 1s left;
        -webkit-transition: 1s left;
        transition : 1s left;
    }
    #slide:hover, #slide:focus {
        left: -20px;
        -ms-transition: 1s left;
        -webkit-transition: 1s left;
        transition : 1s left;
    }
}
@media print {
    body .row, .modal, .container {
        display:none;
    }
    #ticket {
        display:block; 
    }
    #ticket img {
        display:block;
        text-align: center;
    }; 

}