.print-box {
            max-width: 800px;
            margin: auto;
            padding: 5px;
            border: 1px solid rgba(0, 0, 0, .15);
            box-shadow: 0 0 10px rgba(0, 0, 0, .15);
            font-size: 12px;
            line-height: 18px;
            font-family:Verdana;
            color: #000;
        }


            .print-box table {
                width: 100%;
                line-height: inherit;
                text-align: left;
            }

                .print-box table td {
                    padding: 1px;
                    vertical-align: top;
                }

                .print-box table tr.top table td {
                    padding-bottom: 1px;
                }

                    .print-box table tr.top table td.title {
                        font-size: 14px;                      
                        color: #333;
                    }

                .print-box table tr.information table td {
                    padding-bottom: 1px;
                }
                .rotate {
  -webkit-transform: rotate(-90deg);  /* Chrome, Safari 3.1+ */
     -moz-transform: rotate(-90deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(-90deg);  /* IE 9 */
       -o-transform: rotate(-90deg);  /* Opera 10.50-12.00 */
          transform: rotate(-90deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */

}

.rotate span {
  position:relative;
  width:30px;
  height:100px;
  display:block;
}

.rotate span svg {
  position: absolute;
  left:-50px;
  top:85px;   
}

                .print-box table tr.heading td {
                    background: #eee;
                    
                    font-weight: bold;
                }

                .print-box table tr.details td {
                    padding-bottom: 1px;
                }

                .print-box table tr.item td {
                    border-bottom: 1px solid #eee;
                }

                .print-box table tr.item.last td {
                    border-bottom: none;
                }

                .print-box table tr.total td:nth-child(2) {
                    border-top: 2px solid #eee;
                    font-weight: bold;
                }

        @media only screen and (max-width: 600px) {
            .print-box table tr.top table td {
                width: 100%;
                display: block;
                text-align: center;
            }

            .print-box table tr.information table td {
                width: 100%;
                display: block;
                text-align: center;
            }
        }
       @media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}