@media print {
    body * {
        visibility: hidden;
        margin: 0;
        padding: 0;
    }
    .printable * {
        visibility: visible;
    }
    #wrapper {
        margin: 0 !important;
        padding: 20px 0 0 0 !important;
    }
    /*

   #header, #footer, .btn { display:none; }
 
   .col-sm-1, .col-sm-2, .col-sm-3, 
   .col-sm-4, .col-sm-5, .col-sm-6, 
   .col-sm-7, .col-sm-8, .col-sm-9, 
   .col-sm-10, .col-sm-11, 
   .col-sm-12    { float: left; }
   .col-sm-12    { width: 100%; }
   .col-sm-11    { width: 91.66666666666666%; }
   .col-sm-10    { width: 83.33333333333334%; }
   .col-sm-9    { width: 75%; }
   .col-sm-8    { width: 66.66666666666666%; }
   .col-sm-7    { width: 58.333333333333336%; }
   .col-sm-6    { width: 50%; }
   .col-sm-5    { width: 41.66666666666667%; }
   .col-sm-4    { width: 33.33333333333333%; }
   .col-sm-3    { width: 25%; }
   .col-sm-2    { width: 16.666666666666664%; }
   .col-sm-1    { width: 8.333333333333332%; }*/
    .no-print, .no-print * {
        display: none !important;
    }
    #live-chat {
        bottom: auto;
        float: left;
        font-size: 12px;
        right: auto;
        position: relative;
        width: auto;
        height: auto;
        border-width: 2px;
        border-bottom: 0;
        border-style: dotted;
        border-color: #D3D3D3;
        transform: initial;
    }
    .recibetex {
        font-size: 12px;
        width: 80%;
        padding-right: 10%;
        float: left;
    }
    .chat-header {
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
    }
    .chat-message-counter {
        background: #e62727;
        border: 1px solid #fff;
        border-radius: 50%;
        display: none;
        font-size: 12px;
        font-weight: bold;
        height: 28px;
        left: 0;
        line-height: 28px;
        margin: -15px 0 0 -15px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 28px;
    }
    .comen {
        text-align: center;
        font-weight: bold;
    }
    .test {
        position: relative;
    }
    .im-envia {
        position: relative;
        float: left;
    }
    .im-envia {
        position: relative;
        float: left;
    }
    .remitente {
        float: left;
        width: 80%;
    }
    .enviaid {
        font-size: 12px;
        margin-left: 40px;
        padding-left: 25px;
        word-wrap: break-word;
    }
    .enviatex {
        font-size: 12px;
        margin-left: 40px;
        padding-left: 25px;
        word-wrap: break-word;
    }
    .chat {
        background: #fff;
        width: 100%;
    }
    .chat-history {
        height: auto;
        padding-left: 0;
        padding-right: 5px;
        overflow-y: visible;
    }
    .printable-header {
        font-size: 12pt;
        text-align: center;
        font-weight: bolder;
        width: 100%;
        margin-bottom: 20px;
       visibility: visible;
       display: inline-table;
    }