@page {
  size: A4;
  margin: 0 !important;
  padding: 0 !important; }

@font-face {
  font-family: "Estedad";
  src: url("/fonts/Estedad-Bold.woff2") format("woff"), url("/fonts/Estedad-Bold.ttf") format("truetype"), url("/fonts/Estedad-Bold.eot") format("embedded-opentype");
  font-weight: bold; }

@font-face {
  font-family: "Estedad";
  src: url("/fonts/Estedad-Medium.woff2") format("woff"), url("/fonts/Estedad-Medium.ttf") format("truetype"), url("/fonts/Estedad-Medium.eot") format("embedded-opentype");
  font-weight: normal; }

.button-wrapper {
  margin-top: 20px; }

.pull-left {
  float: left !important; }

.pull-right {
  float: right !important; }

#ticketDom {
  width: 210mm;
  /* height: 297mm;*/
  float: none;
  margin: 0 auto;
  background: #fff; }
  #ticketDom .header-ticket .company-logo {
    margin-top: 5px; }
  #ticketDom .header-ticket span.company-name {
    font-size: 15px !important;
    line-height: 60px;
    font-weight: bold; }
  #ticketDom .header-ticket .header-ticket-second {
    height: auto;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background-color: #414f68;
    color: #fff !important; }
  #ticketDom .header-ticket .header-ticket-second b {
    color: #fff !important; }
  #ticketDom .header-ticket .header-ticket-second span {
    color: #fff !important; }
  #ticketDom .header-ticket .header-ticket-second .left-info {
    font-weight: normal;
    float: left; }
  #ticketDom .header-ticket .header-ticket-second .right-info {
    font-weight: normal;
    float: right; }
  #ticketDom .header-ticket .contact-info {
    line-height: 2; }
    #ticketDom .header-ticket .contact-info * {
      color: #fff !important; }
  #ticketDom .header-ticket .logo i {
    font-size: 45px !important;
    color: #fff !important;
    margin: 5px 10px 0 0; }
  #ticketDom .body-ticket {
    padding: 0 15px; }
    #ticketDom .body-ticket .right-section {
      margin-top: 15px; }
    #ticketDom .body-ticket .border-top-dashed {
      border-top: 2px dashed #eee !important;
      margin-top: 5px;
      padding-top: 5px; }
    #ticketDom .body-ticket .border-right-dashed {
      border-right: 2px dashed #eee !important; }
    #ticketDom .body-ticket .border-right {
      border-right: 1px solid #eeeeee !important; }
    #ticketDom .body-ticket .hotel-name {
      font-size: 14px;
      font-weight: bold;
      height: 30px;
      line-height: 1; }
      #ticketDom .body-ticket .hotel-name span i {
        color: orange !important; }
    #ticketDom .body-ticket .top-section .left-section {
      border-right: 1px solid #eeeeee !important;
      margin-top: 15px; }
    #ticketDom .body-ticket .top-section table td {
      border: 1px solid gray; }
      #ticketDom .body-ticket .top-section table td .stamp {
        width: 120px;
        float: none;
        margin: 15px auto; }
    #ticketDom .body-ticket .general-content {
      direction: ltr;
      line-height: 2; }
      #ticketDom .body-ticket .general-content .title-field {
        font-size: 12px;
        line-height: 3; }
        #ticketDom .body-ticket .general-content .title-field i {
          font-size: 20px !important;
          position: relative;
          top: 3px;
          color: #0aaff3 !important; }
      #ticketDom .body-ticket .general-content .answer {
        font-weight: bold;
        font-size: 13px;
        line-height: 1; }
      #ticketDom .body-ticket .general-content.checkin i {
        display: block;
        padding: 0; }
      #ticketDom .body-ticket .general-content .qrcode {
        float: right; }
        #ticketDom .body-ticket .general-content .qrcode img {
          width: 100%; }
        #ticketDom .body-ticket .general-content .qrcode label {
          background: #414f68 !important;
          font-size: 9px;
          color: #fff !important;
          font-weight: normal;
          padding: 0 5px;
          line-height: 2;
          border-radius: 3px;
          margin-top: 10px;
          position: relative;
          z-index: 1;
          left: 50%;
          transform: translate(-50%); }
          #ticketDom .body-ticket .general-content .qrcode label:after {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            background: #414f68 !important;
            position: absolute;
            top: -3px;
            left: 50%;
            transform: translate(-50%) rotate(45deg);
            z-index: -1; }
    #ticketDom .body-ticket .table-section table {
      width: 100%;
      direction: ltr;
      line-height: 2; }
      #ticketDom .body-ticket .table-section table tr.isLeader {
        background-color: #eee !important; }
      #ticketDom .body-ticket .table-section table tr td {
        border: 1px solid; }
        #ticketDom .body-ticket .table-section table tr td[rowspan] {
          background: #fff !important; }
      #ticketDom .body-ticket .table-section table thead td {
        text-align: center; }
      #ticketDom .body-ticket .table-section table tbody td {
        border: 1px solid;
        padding: 0px 15px; }
    #ticketDom .body-ticket .rules br {
      line-height: 2.3; }
    #ticketDom .body-ticket .rules .cut {
      border: 1px solid;
      margin-bottom: 15px; }

.custom-button.second-type-button {
  padding: 9px;
  text-align: center;
  transition: 0.3s; }

.custom-button.second-type-button:hover {
  background-color: #0aaff3;
  color: white !important; }

@media print {
  html {
    /*width: 210mm;
        height: 297mm;*/
    /*height: 100% !important;*/
    padding: 0 !important;
    margin: 0 auto !important;
    float: none !important;
    /*width: 100%;*/
    /*-webkit-print-color-adjust: exact;*/ }
  body {
    -webkit-print-color-adjust: exact !important; }
  * {
    color: initial !important; }
  a[href]:after {
    display: none; }
  .header-ticket-second {
    height: auto;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background-color: #414f68 !important;
    color: #fff !important; }
  .button-wrapper {
    display: none; }
  .button-wrapper {
    display: none !important; }
  .header, footer {
    display: none !important; }
  hr {
    margin: 5px 0; }
  br {
    line-height: 2.3; }
  .col-md-2 {
    max-width: 16.666667% !important;
    width: 16.666667% !important; }
  .col-md-3 {
    max-width: 25% !important;
    width: 25% !important; }
  .col-md-4 {
    max-width: 33.333333% !important;
    width: 33.333333% !important; }
  .col-md-5 {
    max-width: 41.66666667% !important;
    width: 41.66666667% !important; }
  .col-md-6 {
    max-width: 50% !important;
    width: 50% !important; }
  .col-md-7 {
    max-width: 58.333333333337% !important;
    width: 58.333333333337% !important; }
  .col-md-8 {
    max-width: 66.666666666667% !important;
    width: 66.666666666667% !important; }
  .col-md-9 {
    max-width: 75% !important;
    width: 75% !important; }
  .col-md-10 {
    max-width: 83.333333333333% !important;
    width: 83.333333333333%; }
  .col-md-12 {
    max-width: 100% !important;
    width: 100% !important; } }

@media (max-width: 767px) {
  #ticketDom {
    width: 100%; }
  #ticketDom .body-ticket .border-right-dashed-xs {
    border-right: 2px dashed #eee !important; }
  #ticketDom .body-ticket .general-content .qrcode {
    float: none;
    width: 150px;
    margin: 0 auto; }
  .no-padding-right.footer {
    padding-left: 15px; }
  table td:before {
    display: block;
    float: left !important;
    padding-right: 5px; }
  table td.room_number:before {
    content: 'Room Number : '; }
  table td.room_name:before {
    content: 'Room Name : '; }
  table td.room_service:before {
    content: 'Service : '; }
  table td.passenger_room:before {
    content: 'Passenger Name : '; }
  table td.passenger_age:before {
    content: 'Age Rate : '; }
  table td.passenger_passport:before {
    content: 'Pass No. : '; }
  table td.passenger_nationality:before {
    content: 'Nationality : '; }
  table td.passenger_leader:before {
    content: 'Room Leader : '; } }