/*------------------------------------*
  #VOUCHER
\*------------------------------------*/

body{
    background: #e0e0e0;
}

#print-btn {
    width:120px;
    position:fixed;
    top:20px;
    right:30px;
}

article{
    max-width:900px;
    margin:auto;
    padding: 40px;
    padding:10mm;
    background: white;
    box-shadow: 0 5px 10px rgba(0,0,0,.3);
}

#logo-line{
    padding-bottom: 10px; 
    border-bottom: 2px solid rgba(46,114,176,.5);
}

img.site-logo-item{
    max-width:320px;
}

img.brand-img {
    max-width:120px;
}

.panel-heading{
    color:#333;
    font-weight:500;
    font-size:15px;
    margin:0;
    padding:8px;   
}

.panel-body{
    margin:0;
    padding:8px;
}

.panel-success{
    background-color:#dff0d8; 
    border-radius:0;
    padding:0;
    border-top:0;
}

.panel-success >.panel-heading{
    background-color:#D2E9C8; 
    border-top:1px solid #d6e9c6;
    border-radius:0;
    color:#333;
}

.panel-danger{
    background-color:#f2dede; 
    border-radius:0;
    padding:0; 
    border-top:0;
}

.panel-danger >.panel-heading{
    background-color:#ebccd1; 
    border-top:1px solid #ebccd1;
    border-radius:0;
    color:#333;
}

.panel-default{
    border-radius:0;
    padding:0; 
    border-top:0;
}

.panel-default >.panel-heading{
    border-top:1px solid #ddd;
    border-radius:0;
    color:#333;
}

.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td{
    border:0;

}


.text-bold{
    font-weight:bold;
}

.text-center{
    text-align:center;
}

.text-underline{
    text-decoration:underline;
}

.text-uppercase{
    text-transform:uppercase;
}

.text-important{
    font-size:16px;
    color:#205D9F;
}

.text-right{
    text-align:right;
}

.text-space{
    padding-right:10px;
}

.cursor-pointer{
    cursor:pointer;
}

.pull-right{
    float:right;
}

.pull-left{
    float:left;
}

.mb-10 {
    margin-bottom: 10px;
}

.no-border{
    border:0;
}

.flex-list{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;    
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}

.flex-item{
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;

    max-width: 33.33%;
    flex-basis: 33.33%;
}

.text-eclipse{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
}

.hide-on-print {
    display: block;
}

.show-on-print {
    display: none;
}

.newdoc {
    border-top: 3px solid #e0e0e0;
}


.panel-info {
    background-color: #d8ecf0;
    border-top: 1px solid #bce8f1;
}

.panel-success {
    background-color: #dff0d8;
    border-top: 1px solid #d6e9c6;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}



@media (max-width: 767px) {

    img.car-image{
        max-width:280px;
    }

    .quote-number{
        margin-top:10px;
        float:left;
    }

    article{
        padding:5mm;
    }

    .flex-item{
        max-width: 49%;
        flex-basis: 49%;
    }
    
    .col-xs-12 .col-sm-4{
       margin-top:10px;
    }
}


@media print{
    html, body {height: 100%; margin:0;}

    @page {
       size: A4;  
       size : portrait;
       margin: 0 0 0 0; 
    }

    .panel, .panel >.panel-heading {border-color:#ccc; border-bottom-width:2px; font-weight:bold;}

    #important-msg{
        font-weight:bold;
    }

    .col-xs-12.col-sm-6{
        width:50%;
    }

    .col-xs-6 .col-sm-4,
    .col-xs-12 .col-sm-4{
        width:33%;
    }
    
    .flex-item{
        max-width: 33.33%;
        flex-basis: 33.33%;
    }

    .sheet {
      margin: 0;
      overflow: hidden;
      position: relative;
    }
    .pagebreak-after {
        page-break-after: always;
    }

    img.site-logo-item{
       width:250px;
    }

    img.brand-img {
       width:100px;
    }

    #print-btn {
        display: none;
    }

    .hide-on-print {
        display: none;
    }

    .show-on-print {
        display: block;
    }

    .site-content {
        padding: 0;
    }
      

    .pagebreak {
        clear: both;
        page-break-before: always;
    }

    

    /*html > body .sheet, -moz-any-link {
      padding-top:-20px;
    }*/

    /*.hide-in-print {
        display: none;
    }

    .print-border-top{
        border-top:1px solid #ccc;
    }*/
    /*#logo-line{
        margin-bottom:20px;
    }*/
}

@media print and (min-width:0\0) and (min-resolution: +72dpi) {
    .ie9up { 
        margin:0;
        padding:0;
    }

   
}