@media print {
  .page-break { display: block; page-break-before: always; }

  // .main-page-table thead { display: table-header-group; }
  // .main-page-table tfoot { display: table-footer-group; }
  // .page-header {position: fixed; top:-2px; background:#fff; width:100%}

  // .resv-log .responsiveTable {margin-top: 0px;}


  // table { page-break-after:auto }
  // tr    { page-break-inside:avoid; page-break-after:auto }
  // td    { page-break-inside:avoid; page-break-after:auto }
  // thead { display:table-header-group;}
  // tfoot { display:table-footer-group }

}

.main-page-table .time-total, .responsiveTable .time-total{padding:3px; width:75px; overflow:hidden;}
.main-page-table .time-time, .responsiveTable .time-time{padding:3px; width:75px; overflow:hidden;}
.main-page-table .time-gtotal, .responsiveTable .time-gtotal{padding:3px; width750px; overflow:hidden;}
.main-page-table .time-group, .responsiveTable .time-group{text-align:left; padding:3px; overflow:hidden;}
.main-page-table .time-resv-numb, .responsiveTable .time-resv-numb{padding:3px; width:75px; overflow:hidden;}
.main-page-table .time-hotel, .responsiveTable .time-hotel{padding:3px; width:75px; overflow:hidden;}
.main-page-table .time-dock, .responsiveTable .time-dock{padding:3px; width:75px; overflow:hidden;}
.main-page-table .time-ret-date, .responsiveTable .time-ret-date{padding:3px; width:75px; overflow:hidden;}
.main-page-table .time-ret-time, .responsiveTable .time-ret-time{padding:3px; width:75px; overflow:hidden;}

// .responsiveTable .responsiveText {font-size: 12px; font-size: 1.0vw;}
.main-page-table thead td {font-size:12px;}
.main-page-table thead tr{margin-left:8px;}

.main-page-table .report-header td {font-size: 15px;}

// tr{display:block;}

.print-body{
  font-family: Arial,Helvetica,sans-serif;
 /* max-width:700px;
  min-width:700px;

    max-width:900px;
    min-width:900px;

  overflow: hidden;
  width:900px;*/
}

.print-body .bodyb{
  font-weight:bold;
}

.print-body .bodyb11{
  font-weight:bold;
  font-size:11px;
}

.print-body .bodyb15{
  font-weight:bold;
  font-size:20px;
}

.print-body .body11{
  font-weight:normal;
  font-size:11px;
}

.address-block{

}

.contract {
  height:990px;
  width:740px;
  // border:solid 1px green;
  font-size:12px;
  // overflow: hidden;
}

.contract .address-block{
  font-size:12px;
  margin-bottom: 12px;
  float:left;
  width:250px;
  // border: solid 1px blue;
}

.contract .logo-block{
  font-size:12px;
  float:left;
  width:240px;
  text-align:center;
  // border: solid 1px blue;
}

.contract .logo-block img {width:190px;}

.contract .contact-block{
  font-size:12px;
  float:left;
  width:205px;
  overflow: hidden;
  // border: solid 1px blue;
}

.contract .resv-package-breakdown-block table td{
  font-size:12px;
}

.contract #confirmation-content-block{
  height:300px;
}

.contract #confirmation-content-block table td{
  font-size:12px;
}

.contract #confirmation-content-block2{
  height:600px;
}

.contract #confirmation-content-block2 table td{
  font-size:12px;
}

.cancel-notice {min-height: 1000px; position: relative;}
.cancel-notice .logo-block{
  font-size:12px;
  // float:left;
  width:100%;
  text-align:center;
  // border: solid 1px blue;
}

.cancel-notice .logo-block img {width:190px;}

.cancel-notice .vendor-block {min-height:400px; float:left;}
.cancel-notice .conf-block {float:right;}

.cancel-notice .bottom-cancel-block {width:100%; text-align:center; position: absolute; bottom:10px;}


.cancel-string {position:absolute; top:0px; left: 250px; width:400px; border:solid 2px red; z-index: 1000; background:#fff; font-size:20px;}

.clear {clear:both;}

.resv-address-block {
  float:left;
  width:300px;
}

.resv-conf-block{
  float:right;
}

.resv-group-basic-container{
  margin-top:20px; margin-bottom:20px;
}

.resv-top-block{
  float:right;
}

.resv-package-breakdown-block{
  
}

/*.resv-log {max-width:730px;}*/
 /*.main-page-table thead{margin-bottom:50px;}*/

.main-page-table {page-break-after:always; }
.main-page-table table { page-break-inside:avoid; page-break-after:auto; }
 /*.responsiveTable tbody { page-break-inside:avoid; page-break-after:auto }*/


.responsiveTable td.resv-port-title{text-align:left; text-transform: uppercase; text-decoration: underline;}
.responsiveTable tr.grf-notes-row{
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border:1px solid #fff;
}

.responsiveTable tr.resv-row{
    border:1px solid #fff;
}

.responsiveTable tr.resv-first-block{
    border-top:2px solid #000;
}

.responsiveTable tr.grf-notes-row td{
    text-align: left;
    padding:3px;
    font-style: italic;
    padding-bottom:30px;
}

.responsiveTable th, .responsiveTable td {
    padding: 10px;
    text-align: center;
}

// .resv-row {padding-bottom: 50px;}


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

.float-left{float:left;}
.float-right{float:right;}
.w1-3 {width:33%;}
.w50 {width:50%;}
.w100 {width:100%;}
.font-size10{font-size: 10;}
.font-size11{font-size: 11;}
.font-size13{font-size: 13;}

.responsiveTable td.left-text{text-align:left;}
.responsiveTable td.padding5 {padding:3px;}

.responsiveTable {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
}

.responsiveTable tr.noBorder{
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}


.responsiveTable tr {
    border: 1px solid #ddd;
    padding: 5px;
}

.responsiveTable th, .responsiveTable td {
    padding: 10px;
    text-align: center;
}

.responsiveTable th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

@media print {
    .no-print{display:none;}
    header#main_header {display:none;}
    .pagebody { 
      margin: 10px; padding:20px;
    }

    @page 
    {
        size: 8.5in 11in;
        margin: 12;

        // margin: 0;
        //size:  auto;   /* auto is the initial value */
        // margin: 0mm;  /* this affects the margin in the printer settings */
    }

    h1 { 
      string-set: doctitle content(); 
    }

    @page :right {
      @top-right {
        content: string(doctitle);
        margin: 30pt 0 10pt 0;
        font-size: 8pt;
      }
    }

    @page:right{
      @bottom-right {
        content: counter(page);
      }
    }

    @page:left{
      @bottom-left {
        content: "Page " counter(page) " of " counter(pages);
      }
    }

    html
    {
        background-color: #FFFFFF; 
        margin: 0px;  /* this affects the margin on the html before sending to printer */
    }

    // body
    // {
    //     margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */
    // }
}



@media screen and (max-width: 700px) {

  .main-page-table .time-total, .responsiveTable .time-total{width:100%;}
  .main-page-table .time-time, .responsiveTable .time-time{width:100%;}
  .main-page-table .time-gtotal, .responsiveTable .time-gtotal{width:100%;}
  .main-page-table .time-group, .responsiveTable .time-group{text-width:100%;}
  .main-page-table .time-resv-numb, .responsiveTable .time-resv-numb{width:100%;}
  .main-page-table .time-hotel, .responsiveTable .time-hotel{width:100%;}
  .main-page-table .time-dock, .responsiveTable .time-dock{width:100%;}
  .main-page-table .time-ret-date, .responsiveTable .time-ret-date{width:100%;}
  .main-page-table .time-ret-time, .responsiveTable .time-ret-time{width:100%;}


  .responsiveTable tr.grf-notes-row{
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border:1px solid #ddd;
  }

  .responsiveTable tr.resv-row{
    border:1px solid #ddd;
  }

  .responsiveTable tr td.resv-first-block-total{
    color:#ac162c;
  }

  .responsiveTable {
      border: 0;
  }

  .responsiveTable tr.noBorder{
    border-left:1px solid #ddd;
    margin-top: -11px;
  }

  .responsiveTable thead {
      display: none;
  }

  .responsiveTable tr {
      margin-bottom: 10px;
      display: block;
  }

  .responsiveTable tr:after {
      content: "";
      display: table;
      clear: both;
  }

  .responsiveTable tr:before {
      display: block;
      border-bottom: 2px solid #ddd;
  }

  .responsiveTable td {
      box-sizing: border-box;
      display: block;
      float: left;
      clear: left;
      width: 100%;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
  }

  .responsiveTable td:last-child {
      border-bottom: 0;
  }

  .responsiveTable td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
  }

  .responsiveTable tr.grf-notes-row td{
    padding-bottom:10px;
}
}