﻿@page {
  size: A4;
  margin: auto !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; }

@media print {
  html, body, .inner-wrapper {
    height: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    float: none !important;
    width: 100%;
    -webkit-print-color-adjust: exact; }
  .button-wrapper {
    display: none; }
  .company-info > div span i {
    color: #414f68 !important;
    -webkit-print-color-adjust: exact; }
    .company-info > div span i strong {
      color: #0aaff3 !important;
      -webkit-print-color-adjust: exact; }
  .button-wrapper {
    display: none !important; }
  .header, footer {
    display: none !important; }
  #trainScopeWrapper .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.second-table td.name span.fa-name {
    -webkit-print-color-adjust: exact;
    background-color: lightgray !important; }
  #busScopeWrapper #ticketInt table.table-bordered.table-striped tbody.table-brand-logo tr td.bus-name {
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important; }
  .width100, .col-sm-12, .col-md-12 {
    max-width: 100% !important;
    width: 100% !important;
    float: right; }
  .col-md-6 {
    float: right;
    max-width: 50% !important;
    width: 50% !important; }
  div[ng-controller="car"] #ticketDom {
    direction: ltr; } }

@page {
  margin: 0; }

.domestic-ticket .footer .company-info .col-md-6, .ticket-wrapper .footer .company-info .col-md-6 {
  max-width: 50% !important; }

.domestic-ticket .footer .company-info .col-md-4, .ticket-wrapper .footer .company-info .col-md-4 {
  max-width: 33.333333% !important; }

.domestic-ticket .footer .company-info .col-md-2, .ticket-wrapper .footer .company-info .col-md-2 {
  max-width: 16.666667% !important; }

.airline-logo-title .top-info img.logo {
  width: 55px;
  height: 55px; }

@media only screen and (min-width: 400px) {
  .inner-wrapper {
    border: 1px solid #ccc !important;
    margin-bottom: 20px !important; }
  .eticket-wrapper {
    margin-bottom: 200px !important; } }

.pdf-style {
  /*height:100% !important;
    width:100% !important;*/
  transform: scale(3) !important; }

body, html {
  font-family: 'Estedad';
  direction: rtl;
  -webkit-print-color-adjust: exact !important; }

.table-striped td {
  vertical-align: middle !important;
  text-align: center !important; }

.eticket-wrapper {
  width: 770px;
  height: 842px;
  background: #fff;
  margin: 0 auto;
  margin-top: 10px; }

.inner-wrapper {
  page-break-inside: avoid;
  -moz-transform: scale(1);
  padding: 10px;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  -webkit-transform-origin: top;
  transform-origin: top;
  width: 700px;
  margin: 20px auto;
  padding: 10px !important;
  background-color: white; }
  .inner-wrapper.international-flight {
    width: 210mm; }
    .inner-wrapper.international-flight .ticket-wrapper .table-bordered td.top-vertical-align span {
      white-space: normal !important; }
      .inner-wrapper.international-flight .ticket-wrapper .table-bordered td.top-vertical-align span strong {
        display: block !important; }

.airline-logo-title {
  height: 130px;
  margin: 0 10px;
  background: #fff;
  border-bottom: 1px solid #414f68 !important; }

.top-info {
  height: 100px;
  background: #fff;
  border-bottom: 4px solid #414f68 !important; }

.down-info {
  padding-top: 11px;
  height: 30px; }

.refrence-number {
  width: 70%;
  float: right; }

.airline-logo-title .date {
  width: 25%;
  float: left; }

.refrence-number p {
  font-size: 9px !important; }

.refrence-number p, .date p {
  font-size: 9px;
  font-weight: bold;
  padding: 2px 5px 0 0;
  line-height: 0; }

.date p {
  line-height: 0 !important;
  margin-top: -14px; }

.date span {
  font-size: 10px; }

.refrence-number span {
  font-family: -webkit-body;
  font-size: 11px;
  padding-right: 5px;
  font-weight: bold;
  white-space: nowrap; }

.passenger-flight-info {
  height: 335px;
  background: #fff;
  position: relative; }

.price > div {
  float: right;
  width: 100%;
  margin-bottom: -10px; }

div.total-div-price p {
  line-height: 1.7 !important; }

div.discont {
  color: #0aaff3; }

.price > div p {
  line-height: 4; }

div.total-div-price {
  margin-top: 5px !important; }

#FlightScopeWrapper .right-section {
  position: absolute;
  float: right;
  width: 300px;
  height: 100%;
  margin: 24px 10px;
  border-left: 1px solid #ccc;
  height: 300px !important; }

.ticket-number {
  margin-bottom: 11px;
  margin-top: 0 !important;
  position: relative; }

.right-section p {
  margin-bottom: 2px;
  margin-right: 35px;
  margin-top: -5px !important; }

.title {
  font-size: 12px;
  margin-top: 0 !important;
  color: gray; }

.name {
  color: #414f68 !important;
  font-size: 14px;
  font-weight: bold; }

.passenger-flight-info .content {
  color: #414f68 !important;
  font-size: 17px;
  font-weight: bold;
  min-height: 34px; }

.latin-text {
  color: #414f68 !important;
  font-size: 13px;
  text-align: right;
  margin: -10px 35px 5px 0px !important; }

.table-wrapper {
  margin: 15px 0 !important;
  /*border-top: 1px solid lightgray;*/
  border-bottom: 1px solid lightgray;
  padding: 20px 0px !important;
  max-height: 175px;
  background: #fff; }
  .table-wrapper table {
    width: 100%;
    margin: auto;
    border: 1px solid #0aaff3 !important; }
    .table-wrapper table thead {
      border-bottom: 4px solid #0aaff3;
      background: #f9dedd !important;
      background-color: #cceffd !important; }
      .table-wrapper table thead tr {
        background-color: #cceffd !important; }
        .table-wrapper table thead tr th {
          color: #0aaff3 !important;
          padding: 4px 20px;
          text-align: center;
          font-size: 12px;
          font-weight: normal !important; }
          .table-wrapper table thead tr th:first-of-type, .table-wrapper table thead tr th td:first-of-type {
            text-align: center;
            padding-right: 15px !important; }
    .table-wrapper table td {
      color: #0aaff3 !important;
      padding-top: 6px !important;
      padding-bottom: 5px !important;
      text-align: center;
      font-size: 13px;
      font-weight: bold; }
      .table-wrapper table td span {
        line-height: 1.6; }
        .table-wrapper table td span span {
          display: block; }

.refund-pnr-table th {
  font-size: 11px !important;
  letter-spacing: -1px;
  padding: 7px 5px !important;
  vertical-align: middle !important; }

.barkode-wrapper p {
  margin-right: 80px;
  padding-top: 45px;
  font-weight: bold;
  font-size: 14px;
  float: right;
  line-height: 2; }

.barkode-wrapper strong {
  font-size: 26px;
  letter-spacing: 1.5px; }

.bottom-info {
  height: 120px;
  padding: 0px 10px;
  margin-top: 20px;
  background: #fff; }

.bottom-info p {
  font-size: 11px;
  line-height: 19px;
  text-align: justify;
  margin-bottom: 0px;
  margin-top: 1px; }

.authorized-weight .fa-info {
  position: absolute;
  right: 5px;
  color: #0aaff3 !important;
  bottom: -12px; }

.authorized-weight .fa-info:before {
  font-size: 40px !important; }

.flight-info {
  float: right;
  width: 100%;
  min-height: 50px; }

.first-chevron .fa-chevron-left-thin {
  position: absolute;
  top: 48px;
  right: 370px; }

.first-chevron.fa-chevron-left-thin:before {
  font-size: 50px !important;
  position: absolute;
  top: 60px;
  right: 186px; }

.fa-chevron-left-thin:before {
  font-size: 70px !important;
  position: absolute;
  top: 55px;
  right: 367px; }

.fa-custom-user {
  position: absolute;
  top: 15px;
  color: #0aaff3 !important; }

.fa-custom-user:before {
  font-size: 33px !important; }

.flight-number {
  float: right;
  margin: 5px 10px 0 0;
  margin-bottom: 0; }
  .flight-number:first-child {
    font-size: 10px !important;
    margin: 5px 0 0 0; }
    .flight-number:first-child strong {
      font-size: 10px !important; }

.plane-type {
  float: left;
  margin: 5px 0 0 13px; }

.flight-number strong, .plane-type strong {
  font-size: 10px;
  font-weight: bold;
  color: #0aaff3 !important; }

.flight-number, .plane-type {
  font-size: 10px;
  margin-bottom: 0;
  color: #0aaff3 !important;
  font-weight: bold; }

.origin-city, .destination-city {
  color: #414f68 !important;
  font-size: 22px;
  font-weight: bold; }

.origin-city {
  margin: 0;
  margin-top: 10px;
  text-align: center; }

.destination-city {
  margin: 0;
  margin-top: 10px;
  text-align: center; }

.flight-date-info {
  margin: 20px 5px 0px;
  padding-bottom: 0px;
  border-bottom: 1px solid #ccc;
  padding-top: 40px;
  height: 126px; }
  .flight-date-info p {
    width: 50%;
    margin-right: 0 !important; }
    .flight-date-info p.date {
      font-size: 13px;
      float: right; }
    .flight-date-info p.time {
      margin-top: 8px;
      float: right; }
    .flight-date-info p.flight-number, .flight-date-info p.terminal {
      float: left;
      font-size: 13px; }
      .flight-date-info p.flight-number strong, .flight-date-info p.terminal strong {
        font-size: 18px;
        color: #414f68; }

.flight-date-info .fa-pencil, .flight-date-info .fa-calendar, .flight-date-info .fa-clock-o, .flight-date-info .fa-plane-departure {
  color: #0aaff3 !important;
  font-size: 20px !important;
  margin-left: 5px; }

.flight-date-info > div {
  float: right;
  width: 100%; }

.flight-date-info .fa-plane-nav {
  color: #0aaff3 !important;
  margin-left: 2px;
  position: absolute;
  right: 22px;
  top: 0px;
  right: -40px; }

.flight-date-info .fa-plane-nav:before {
  font-size: 40px !important; }

.flight-date-info p {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #414f68 !important;
  position: relative;
  margin-bottom: 0 !important; }

.time {
  float: left;
  padding-left: 20px; }

.terminal {
  margin-right: 20px; }

.price p {
  color: gray;
  margin-bottom: 7px !important;
  display: inline-block;
  margin-bottom: 0px !important;
  font-size: 10px; }

.price span {
  float: left;
  position: relative;
  text-align: left;
  display: inline-block;
  margin-left: 10px;
  min-width: 70px;
  font-size: 12px;
  top: 6px;
  font-weight: bold;
  color: #666;
  height: 23px !important; }

.total {
  position: relative !important;
  top: 1px !important; }

.price small {
  font-size: 10px !important;
  left: 0;
  margin-right: 5px;
  float: left;
  position: relative;
  top: 2px; }

.price span:before {
  display: block;
  content: '';
  width: 150px;
  position: absolute;
  bottom: 8px;
  left: 85px;
  border: 1px dashed #ddd;
  border-width: 1px; }

.line-price, .city-tax, .airport-tax {
  position: relative;
  color: gray;
  font-size: 10px; }

.eticket-wrapper {
  width: 700px;
  height: 842px;
  background: #fff;
  margin: 0 auto !important;
  margin-top: 10px; }

#FlightScopeWrapper .left-section {
  padding-right: 40px;
  float: left;
  width: 400px;
  position: absolute;
  left: 0;
  height: 100%; }

.right-section p:first-of-type {
  margin-top: 23px; }

.name {
  color: #414f68 !important;
  font-size: 14px;
  font-weight: bold; }

.latin-text {
  color: #414f68 !important;
  font-size: 12px; }

.one {
  margin-bottom: 15px !important; }

.barkode-wrapper {
  height: 150px;
  background: #fff;
  border-top: 1px solid #414f68 !important; }

.barkode-wrapper {
  position: relative; }

.barkode-wrapper img {
  margin: 8px 0 6px 60px;
  float: left;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8); }

.warnings {
  padding-right: 9px; }

span.fa-ticket {
  color: #0aaff3 !important;
  position: absolute; }

/*.fa-bagage {
    position: absolute;
    color: $color-first !important;
    right: -5px;
}
.fa-bagage:before {
    font-size: 45px !important;
}*/
span.fa-ticket:before {
  font-size: 28px !important; }

.flight-number {
  float: right; }

.plane-type {
  float: right;
  margin: 5px 10px 0 0; }

.origin-city {
  float: right;
  width: 135px;
  text-align: center; }

.left-section .fa-chevron-left-thin {
  right: 180px;
  top: 22px;
  color: #0aaff3 !important; }

.time {
  float: left;
  padding-left: 20px; }

.terminal {
  margin-right: 25px; }

.total-div-price .total-price {
  font-size: 19px !important;
  font-weight: bold;
  position: relative;
  color: #414f68 !important; }

.total-price p:before {
  display: block;
  content: '';
  height: 1px;
  width: 120px;
  background: #ddd;
  position: absolute;
  bottom: 7px;
  right: 90px; }

.price span:last-of-type {
  color: #414f68 !important;
  font-weight: bold;
  font-size: 12px;
  line-height: 2.5;
  height: 27px !important; }

#FlightScopeWrapper .origin {
  float: right;
  padding-right: 20px; }

#FlightScopeWrapper .destination {
  float: left; }

.destination-airport {
  font-size: 10px;
  text-align: center;
  color: #888;
  margin: 0; }

.origin-airport {
  font-size: 10px;
  text-align: center;
  margin: 0;
  color: #888; }

#FlightScopeWrapper .origin {
  display: inline-block;
  width: 48%; }

.origin-destination .destination {
  width: 48%;
  display: inline-block; }

.destination.airports-list.search-form-popup, .origin.airports-list.search-form-popup {
  -moz-box-shadow: 1px 1px 7px 0px rgba(37, 53, 50, 0.37);
  -webkit-box-shadow: 1px 1px 7px 0px rgba(37, 53, 50, 0.37);
  box-shadow: 1px 1px 7px 0px rgba(37, 53, 50, 0.37);
  background-color: white;
  width: 380px !important;
  position: absolute;
  padding: 10px 10px;
  margin-left: -190px;
  z-index: 9999; }

.destination-airport {
  font-size: 11px;
  text-align: center;
  color: #888;
  margin: 0; }

.origin-airport {
  font-size: 11px;
  text-align: center;
  margin: 0;
  color: #888; }

.ticket-num {
  text-align: center;
  position: absolute;
  top: 75px;
  right: 0px;
  left: 0;
  font-size: 10px;
  color: #666;
  font-weight: bold; }

.ticket-num1 {
  text-align: center;
  position: relative;
  bottom: 0;
  top: -18px;
  font-size: 10px;
  color: #666666;
  font-weight: bold;
  margin: auto; }

.ticket-num1 p {
  opacity: 1 !important;
  text-align: center;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: bold !important; }

.barcode {
  font-family: 'FontAwesome' !important;
  font-size: 23px !important;
  position: absolute;
  left: 20px;
  top: 40px;
  z-index: 99; }

.footer {
  float: right;
  width: 100%;
  margin-top: 30px !important; }
  .footer .company-info {
    float: right;
    width: 100%;
    border-top: 3px solid #414f68;
    padding: 10px;
    padding-bottom: 0; }
    .footer .company-info > div {
      float: right;
      padding-right: 0 !important; }
      .footer .company-info > div.col-md-4 {
        line-height: 1.9; }
      .footer .company-info > div span {
        letter-spacing: -0.4px; }
        .footer .company-info > div span i {
          color: #0aaff3; }
      .footer .company-info > div.logo {
        height: 60px;
        float: left !important; }
        .footer .company-info > div.logo img {
          height: 100%;
          width: 100%; }
        .footer .company-info > div.logo i {
          font-size: 50px !important;
          text-align: left;
          display: block;
          margin-top: 5px;
          color: #414f68; }
      .footer .company-info > div p {
        font-size: 10px;
        display: block;
        color: #414f68 !important; }
        .footer .company-info > div p strong {
          color: #0aaff3; }

.en {
  font-size: 21px;
  font-family: sans-serif; }

.total-number:before {
  display: block;
  content: '';
  height: 1px;
  top: 12px;
  width: 100px !important;
  position: absolute;
  bottom: 7px;
  left: 125px !important; }

.time-publish {
  display: inline-block;
  position: absolute;
  left: 165px;
  margin: auto;
  text-align: center; }

.time-publish p {
  font-size: 9px;
  font-weight: bold;
  padding-right: 5px; }

.time-publish span {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: 3px; }

.publisher {
  float: right;
  width: 28%; }

.publisher p {
  font-weight: bold;
  text-align: center;
  font-size: 9px;
  font-size: 13px; }

.publisher span {
  padding-right: 5px;
  font-size: 12px;
  font-weight: bold; }

.date p {
  float: left;
  display: inline-block;
  padding: 16px 0 0 6px; }

.table-wrapper td small {
  color: #0aaff3 !important; }

span.fa.fa-ticket {
  font-size: 30px !important;
  position: absolute;
  top: 20px;
  color: #0aaff3 !important; }

p.header-title {
  position: absolute !important;
  right: 0;
  left: 0;
  margin: auto !important;
  text-align: center;
  width: 50%;
  letter-spacing: -0.5px;
  top: 30px;
  color: #414f68;
  font-size: 14px;
  font-weight: bold; }
  p.header-title.ticket-round-type {
    color: #0aaff3;
    top: 55px;
    font-size: 12px;
    font-weight: normal; }

.table-brand-logo td {
  width: 25%; }

.table-striped td.center span, .table-striped td.text-center span {
  display: block;
  height: 25px;
  margin-top: 13px;
  font-size: 11px;
  letter-spacing: -1px; }

.button-wrapper {
  width: 100%;
  float: right;
  display: block;
  margin: 30px auto 5px;
  text-align: center; }
  .button-wrapper a {
    display: inline-block;
    width: 170px;
    margin: 0 10px;
    padding-top: 5px;
    font-weight: bold; }
    .button-wrapper a:disabled {
      pointer-events: none; }
    .button-wrapper a i {
      padding-left: 5px;
      position: relative;
      top: 3px;
      margin-left: 1px;
      font-size: 18px !important; }
    .button-wrapper a:hover {
      color: white !important; }
    .button-wrapper a:focus {
      color: white !important; }

.user-ticket-fare-fake {
  display: block; }

.user-ticket-fare {
  display: none; }

span.terminal-name {
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 2px 3px;
  margin: 8px auto 0px;
  display: block;
  max-width: 90px;
  text-align: center;
  font-size: 10px;
  background-color: white; }
  span.terminal-name span {
    font-weight: bold; }

.passenger-type {
  font-weight: bold;
  color: #414f68;
  margin-bottom: 11px;
  margin-top: 0 !important;
  position: relative; }
  .passenger-type span {
    position: absolute;
    top: 0px;
    color: #0aaff3;
    font-size: 30px !important;
    right: 5px; }

.ticket-modals .modal-dialog {
  width: 370px;
  margin: auto; }

.ticket-modals .modal-dialog .modal-header {
  text-align: center;
  color: #222a37; }

.ticket-modals .modal-dialog .modal-body {
  text-align: center; }

.button-wrapper {
  width: 100%;
  float: right;
  text-align: center;
  display: block;
  margin: 30px auto 5px;
  display: flex;
  justify-content: center; }
  .button-wrapper a {
    display: inline-block;
    width: 159px; }

.row.agancy-button {
  margin-top: 95px;
  display: block; }
  .row.agancy-button a {
    width: 100%;
    display: block;
    padding: 9px;
    text-align: center; }
    .row.agancy-button a:hover {
      color: white !important; }

p.refund-ticket {
  position: absolute;
  z-index: 9999999;
  opacity: 0.3;
  top: 2%;
  right: 6%;
  margin: auto !important;
  display: block;
  background-image: url(/Content/Images/flightTicket/refund-ticket.png);
  background-repeat: no-repeat;
  width: 430px;
  height: 280px;
  background-size: 250px; }

p.refund-ticket.refundSucce {
  background-image: url(/Content/Images/flightTicket/refund-ticketSucce.png); }

p.refund-ticket.faild {
  background-image: url(/Content/Images/flightTicket/refund-ticketFaild.png); }

.table-wrapper table td span.refund-policy-price {
  /*line-height: 0 !important; whyyyyy*/
  font-size: 9px;
  letter-spacing: -0.2px; }

.user-ticket-description {
  float: right;
  width: 100%;
  padding: 4px 5px 0;
  border-bottom: 1px solid lightgray;
  margin: 20px 0px 12px; }

.col-md-12.has-refund-title {
  width: 100% !important;
  margin: 0 auto;
  margin-top: 10px;
  background: transparent;
  border: solid 1px #b2b7bf;
  text-align: center; }

td.class-booking span {
  display: block; }

td.class-booking span:first-child {
  border-bottom: 1px solid lightgray; }

td.ticket-time {
  padding: 5px 0 !important; }
  td.ticket-time small {
    font-size: 12px; }

html body table td.top-vertical-align strong {
  display: block;
  margin-bottom: 10px; }

html body table .top-vertical-align > span:first-child {
  font-size: 10px; }

html body table .top-vertical-align {
  padding: 5px; }

.table-striped strong[ng-if="currentLanguage.Id  == 'fa' || currentLanguage == 'ar'"] {
  font-family: 'Estedad' !important; }

strong.ticket-airline-name {
  font-size: 10px;
  text-align: center;
  margin-top: 12px;
  display: inline-block; }

html body table .top-vertical-align > span:first-child {
  height: 75px !important;
  display: inline-block; }

span.airport-name {
  height: 50px;
  display: block;
  margin-bottom: -17px; }

html body.online-booking-system.body div#FlightIssueScopeWrapper.company-type .table-brand-logo > tr > td:first-child img {
  display: none; }

html body.online-booking-system.body div#FlightIssueScopeWrapper.company-type table .table-brand-logo tr:first-child td:first-child:after {
  display: none !important; }

html body.online-booking-system.body div#FlightIssueScopeWrapper.company-type .table-brand-logo > tr > td:first-child {
  width: 0px !important;
  padding: 0 !important; }

html body.online-booking-system.body div#FlightIssueScopeWrapper.company-type .table-brand-logo > tr > td:not(:first-child) {
  width: 50% !important; }

html body.online-booking-system.body div#FlightIssueScopeWrapper.company-type .down-info, html body.online-booking-system.body div#FlightIssueScopeWrapper.company-type .footer {
  display: none !important; }

html body.online-booking-system.body div#FlightIssueScopeWrapper.company-type .bottom-info {
  width: 100%;
  border-left: 0 !important; }
  html body.online-booking-system.body div#FlightIssueScopeWrapper.company-type .bottom-info:after {
    display: none; }

html body.online-booking-system.body div#FlightIssueScopeWrapper.company-type .ticket-wrapper .footer {
  display: none; }

.b2b-ticket .table-striped td {
  vertical-align: top !important; }

.b2b-ticket .contact-info p strong:nth-child(3) {
  display: none; }

@media only screen and (max-width: 767px) {
  html body.online-booking-system.body .mobile-app-version {
    margin-top: -90px !important; }
    html body.online-booking-system.body .mobile-app-version .button-wrapper {
      margin-top: 85px !important; }
  html body.online-booking-system.body .modal.fade.in.ticket-modals {
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    overflow-x: scroll;
    top: 0;
    width: 100%; }
  html body.online-booking-system.body .domestic-ticket {
    margin: 10px;
    border-radius: 5px; }
  html body.online-booking-system.body .fa-chevron-left-thin:before {
    display: none; }
  html body.online-booking-system.body .inner-wrapper.container.domestic-flight {
    width: 100%;
    /*margin-top: 70px;*/ }
  html body.online-booking-system.body div#printTicket .button-in-header .button-wrapper {
    margin-top: 40px !important;
    display: block !important; }
    html body.online-booking-system.body div#printTicket .button-in-header .button-wrapper a {
      width: 32.2% !important;
      padding-top: 12px !important;
      white-space: nowrap;
      font-size: 11px !important;
      margin: 3px 2px !important; }
      html body.online-booking-system.body div#printTicket .button-in-header .button-wrapper a.return-app-button {
        background-color: #414f68 !important;
        width: 100% !important;
        margin-top: 12px !important; }
        html body.online-booking-system.body div#printTicket .button-in-header .button-wrapper a.return-app-button i {
          display: unset !important; }
  html body.online-booking-system.body .barcode {
    display: none !important; }
  html body.online-booking-system.body .down-info > div {
    line-height: 2; }
  html body.online-booking-system.body .down-info {
    margin-top: 11px !important; }
  html body.online-booking-system.body .passenger-flight-info {
    margin-top: 50px !important; }
  html body.online-booking-system.body .down-info > div {
    width: 100%; }
  html body.online-booking-system.body .down-info {
    height: 90px !important; }
  html body.online-booking-system.body .right-section {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    border-left: 0 !important;
    top: -45px !important;
    right: 20px !important;
    height: 300px !important;
    float: unset; }
  html body.online-booking-system.body .left-section {
    float: right !important;
    position: relative !important;
    width: 100% !important;
    padding-right: 0 !important;
    height: 221px !important;
    border-top: 1px solid gray;
    padding-top: 10px !important; }
  html body.online-booking-system.body .passenger-flight-info {
    height: 715px;
    padding: 10px; }
  html body.online-booking-system.body p.ticket-round-type {
    top: 0px; }
  html body.online-booking-system.body .first-chevron.fa-chevron-left-thin:before {
    right: 41%;
    margin: auto;
    display: block; }
  html body.online-booking-system.body .barkode-wrapper p {
    margin: auto;
    width: 100%;
    text-align: center; }
  html body.online-booking-system.body .barkode-wrapper img {
    margin: auto;
    text-align: center;
    display: block;
    float: initial; }
  html body.online-booking-system.body .table-wrapper {
    max-height: initial;
    margin-top: 165px !important; }
  html body.online-booking-system.body .table-wrapper table {
    border: 0 !important; }
  html body.online-booking-system.body html body .table-wrapper th, html body.online-booking-system.body .table-wrapper td {
    text-align: center !important;
    border-bottom: 1px dotted gray !important; }
  html body.online-booking-system.body .ticket-num1 {
    top: 58px; }
  html body.online-booking-system.body .price span:before {
    width: 120px;
    left: 81px; }
  html body.online-booking-system.body .total-number:before {
    bottom: 7px;
    left: 90px !important; } }

@media all and (-ms-high-contrast: none) and (-ms-high-contrast: active) {
  .fa-info {
    bottom: 11px !important; } }

.flight-airline {
  float: right; }
  .flight-airline p {
    text-align: center; }

/* Train Bus */
#busScopeWrapper #ticketDom .bottom-info, #busScopeWrapper #ticketInt .bottom-info {
  direction: rtl;
  height: auto; }
  #busScopeWrapper #ticketDom .bottom-info p, #busScopeWrapper #ticketInt .bottom-info p {
    text-align: right;
    font-size: 10px; }

#busScopeWrapper #ticketDom .description, #busScopeWrapper #ticketInt .description {
  border: 1px solid #ccc !important;
  padding: 2px 8px;
  float: right;
  width: 100%;
  margin: 3px auto 8px; }
  #busScopeWrapper #ticketDom .description span, #busScopeWrapper #ticketInt .description span {
    float: right;
    line-height: 15px;
    text-align: justify;
    font-size: 8px;
    color: #000; }
    #busScopeWrapper #ticketDom .description span.title, #busScopeWrapper #ticketInt .description span.title {
      padding-left: 5px;
      font-weight: bold; }

#busScopeWrapper #ticketDom table.table-bordered.table-striped.first-table tr td span, #busScopeWrapper #ticketInt table.table-bordered.table-striped.first-table tr td span {
  text-align: center !important;
  float: unset !important; }

#busScopeWrapper #ticketDom table.table-bordered.table-striped tbody.table-brand-logo tr th, #busScopeWrapper #ticketInt table.table-bordered.table-striped tbody.table-brand-logo tr th {
  text-align: center;
  font-size: 10px;
  min-width: 90px; }
  #busScopeWrapper #ticketDom table.table-bordered.table-striped tbody.table-brand-logo tr th.logo, #busScopeWrapper #ticketInt table.table-bordered.table-striped tbody.table-brand-logo tr th.logo {
    vertical-align: middle; }

#busScopeWrapper #ticketDom table.table-bordered.table-striped tbody.table-brand-logo tr td.bus-name, #busScopeWrapper #ticketInt table.table-bordered.table-striped tbody.table-brand-logo tr td.bus-name {
  width: 220px !important;
  border: unset;
  display: inline-block; }

#busScopeWrapper #ticketDom table.table-bordered.table-striped tbody.table-brand-logo tr td span, #busScopeWrapper #ticketInt table.table-bordered.table-striped tbody.table-brand-logo tr td span {
  float: left;
  font-size: 10px;
  color: #000; }
  #busScopeWrapper #ticketDom table.table-bordered.table-striped tbody.table-brand-logo tr td span.title, #busScopeWrapper #ticketInt table.table-bordered.table-striped tbody.table-brand-logo tr td span.title {
    font-weight: bold;
    float: right; }

#busScopeWrapper #ticketDom table.table-bordered.table-striped tbody.table-brand-logo tr td img, #busScopeWrapper #ticketInt table.table-bordered.table-striped tbody.table-brand-logo tr td img {
  width: 120px; }

#busScopeWrapper #ticketDom .date-registration, #busScopeWrapper #ticketInt .date-registration {
  margin: 15px auto 0; }
  #busScopeWrapper #ticketDom .date-registration span, #busScopeWrapper #ticketInt .date-registration span {
    font-size: 9px;
    color: #000; }
    #busScopeWrapper #ticketDom .date-registration span.title, #busScopeWrapper #ticketInt .date-registration span.title {
      font-weight: bold; }

#busScopeWrapper #ticketDom .bus-title, #busScopeWrapper #ticketInt .bus-title {
  padding: 10px;
  text-align: center;
  background: #0aaff3; }
  #busScopeWrapper #ticketDom .bus-title span, #busScopeWrapper #ticketInt .bus-title span {
    color: #fff;
    font-weight: bold; }
  #busScopeWrapper #ticketDom .bus-title.percent, #busScopeWrapper #ticketInt .bus-title.percent {
    width: 100% !important;
    margin: 0 auto;
    background: transparent;
    border: solid 1px #0aaff3; }
    #busScopeWrapper #ticketDom .bus-title.percent span, #busScopeWrapper #ticketInt .bus-title.percent span {
      color: #0aaff3; }

#busScopeWrapper #ticketDom .table-wrapper.refund, #busScopeWrapper #ticketInt .table-wrapper.refund {
  height: auto;
  float: right;
  width: 100%;
  max-height: 100%; }
  #busScopeWrapper #ticketDom .table-wrapper.refund .has-refund td small, #busScopeWrapper #ticketInt .table-wrapper.refund .has-refund td small {
    display: block;
    font-size: 8px;
    margin: 5px 0; }
  #busScopeWrapper #ticketDom .table-wrapper.refund .has-refund .special-refund, #busScopeWrapper #ticketInt .table-wrapper.refund .has-refund .special-refund {
    margin-top: 22px; }
    #busScopeWrapper #ticketDom .table-wrapper.refund .has-refund .special-refund h5, #busScopeWrapper #ticketInt .table-wrapper.refund .has-refund .special-refund h5 {
      font-weight: bold;
      font-size: 11px;
      color: #0aaff3;
      padding-right: 7px; }
    #busScopeWrapper #ticketDom .table-wrapper.refund .has-refund .special-refund ul li, #busScopeWrapper #ticketInt .table-wrapper.refund .has-refund .special-refund ul li {
      font-size: 10px;
      display: block;
      padding-right: 9px; }
      #busScopeWrapper #ticketDom .table-wrapper.refund .has-refund .special-refund ul li ul, #busScopeWrapper #ticketInt .table-wrapper.refund .has-refund .special-refund ul li ul {
        margin-top: 8px !important; }
        #busScopeWrapper #ticketDom .table-wrapper.refund .has-refund .special-refund ul li ul li, #busScopeWrapper #ticketInt .table-wrapper.refund .has-refund .special-refund ul li ul li {
          margin-bottom: 8px; }

#busScopeWrapper .third-table {
  border-top: unset; }
  #busScopeWrapper .third-table td {
    border-top: unset !important; }
    #busScopeWrapper .third-table td.number {
      width: 50%;
      padding: 0; }
      #busScopeWrapper .third-table td.number .phone, #busScopeWrapper .third-table td.number .ticket {
        width: 50%;
        float: right;
        padding: 8px 8px 0 8px;
        height: 30px; }
        #busScopeWrapper .third-table td.number .phone span:not(.title), #busScopeWrapper .third-table td.number .ticket span:not(.title) {
          float: unset;
          text-align: center; }
      #busScopeWrapper .third-table td.number .ticket {
        border-left: solid 1px #ddd; }

#busScopeWrapper .header-wrapper.button-in-header .button-wrapper a.card-1.card-hover.custom-button.first-type-button.col-md-3.col-xs-6:nth-child(3) {
  display: none; }

/***********TrainTicket**************/
#trainScopeWrapper #ticketDom {
  padding: 3px 0px 10px !important; }
  #trainScopeWrapper #ticketDom .train-ticket {
    border: unset !important;
    padding: 0 !important;
    background: unset !important;
    margin: 0px auto !important; }
    #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper .col-sm-12.paddinglr1 {
      border: 1px solid #000 !important;
      border-radius: 10px;
      background: #fff !important;
      padding: 0px 0; }
    #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped {
      border: unset !important;
      margin-bottom: 0 !important; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped span {
        font-weight: bold; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped td {
        border: unset !important;
        background-color: unset !important;
        padding: 0px 8px; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped td span.latin {
          font-weight: bold;
          font-size: 10px; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table {
        border: unset !important;
        position: relative;
        min-height: 20px; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table:after {
          width: 100%;
          content: "";
          background-image: url(/Content/Images/trains/border.png);
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          top: 0px;
          height: 65px; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr td {
          border: unset !important;
          padding: 0px 3px !important; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr td span {
            font-size: 7px; }
            #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr td span.title {
              font-size: 6px;
              padding-left: 5px; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr td.row-train {
            width: 5% !important; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr td.serial-train {
            width: 10% !important; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr td.code-train {
            width: 10% !important; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr .train-name, #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr .logo {
          position: relative; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr .train-name span, #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr .logo span {
            position: absolute;
            font-weight: bold;
            font-size: 9px;
            height: 20px;
            left: 20%;
            top: 12px; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr .train-name img, #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.first-table tbody.table-brand-logo tr .logo img {
            position: absolute;
            right: 6%;
            top: -5px;
            width: 60px;
            height: 48px; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped span {
        float: right;
        font-size: 8px; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped span.title {
          padding-left: 10px;
          font-weight: bold;
          color: #000; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped span.date-time {
          font-size: 6px;
          font-weight: bold; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped span.date-time span:first-child {
            padding-left: 5px; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.second-table td.space {
        display: inline-block;
        width: 80px !important; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.second-table td .date {
        text-align: center;
        float: unset !important; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.second-table td .date.title {
          padding: 0 !important; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.second-table.total-price td {
        border: solid 0.5px #444444; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.second-table tr td:nth-child(3), #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.second-table tr td:nth-child(4) {
        padding-right: 3%;
        text-align: right !important; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.second-table tr td:nth-child(4) {
        padding-right: 6%; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.third-table tr:nth-child(2) td:last-child {
        padding-right: 5% !important; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.third-table tr:nth-child(2) td:first-child {
        width: 230px;
        display: inline-block; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.third-table td.name {
        background-color: lightgray; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.third-table td.name span {
          padding: 3px; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.third-table td.name span.fa-name {
            float: unset;
            text-align: center;
            width: 80%;
            display: inline-block;
            background-color: lightgray;
            color: #000;
            font-weight: bolder; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.third-table td i.time-arrival {
        float: right;
        padding-left: 5px;
        position: relative;
        top: -3px; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.third-table td i.train {
        float: right;
        padding-left: 7px;
        margin-top: -5px;
        width: 28px !important;
        position: absolute;
        right: 29%; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.third-table td img.chair {
        width: 18px !important;
        margin-top: 0px;
        float: right;
        padding-left: 7px;
        margin-top: -1px;
        position: absolute;
        right: 53%; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table {
        margin-bottom: 3px !important; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table .table-brand-logo {
          border-top: 1px solid #000 !important; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table .table-brand-logo tr:first-child td {
            padding: 2px 8px; }
            #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table .table-brand-logo tr:first-child td:first-child {
              width: 12.5% !important; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table .table-brand-logo tr:nth-child(3) td:first-child {
            width: 12.5% !important;
            padding: 0 8px 0 0; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table .table-brand-logo tr:nth-child(3) td:nth-child(2) {
            width: 85% !important; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table td img {
          width: 100% !important;
          margin-bottom: 5px !important; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table td .bottom-info {
          float: right;
          width: 100%;
          margin-top: 0;
          height: auto;
          padding: 0;
          font-weight: bold; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table td .bottom-info .warnings {
            padding-right: 2px; }
            #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table td .bottom-info .warnings p {
              font-size: 6px;
              line-height: 1.3; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table td .description {
          border: solid 1px #000;
          padding: 2px 8px;
          float: right;
          width: 100%;
          margin: 0px auto 0px; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table td .description span {
            float: right;
            line-height: 10px;
            text-align: justify;
            font-size: 7px; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table tr:first-child td, #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper table.table.table-bordered.table-striped.fourth-table tr:nth-child(2) td {
          padding: 3px 8px !important; }
    #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper .col-md-12 {
      padding: 0; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper .col-md-12 .total-price {
        border: solid 1px #000;
        padding: 5px;
        background: #fff;
        height: auto;
        width: 100%;
        float: right; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper .col-md-12 .total-price span {
          font-weight: bold;
          color: #000;
          font-size: 10px;
          float: right; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper .col-md-12 .total-price span.title {
            padding-left: 15px; }
    #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper .company-info {
      width: 100%;
      float: right;
      margin-top: 0px; }
      #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper .company-info .contact-info {
        border-top: 1px dashed #eee;
        padding: 2px 0; }
        #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper .company-info .contact-info p {
          margin: 0 !important;
          line-height: 1.5; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper .company-info .contact-info p strong, #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper .company-info .contact-info p span {
            font-size: 7px;
            font-weight: bold;
            float: right;
            width: auto; }
          #trainScopeWrapper #ticketDom .train-ticket .ticket-wrapper .company-info .contact-info p span {
            padding-right: 5px; }
  #trainScopeWrapper #ticketDom .container.inner-wrapper.train-ticket .total-price {
    background-color: white;
    border: 1px solid black;
    padding-right: 10px; }
    #trainScopeWrapper #ticketDom .container.inner-wrapper.train-ticket .total-price span {
      text-align: right;
      color: black; }

#trainScopeWrapper #ticketInt td small {
  display: block;
  margin-top: 10px; }

#trainScopeWrapper #ticketInt td.name span {
  width: 100% !important;
  display: block; }
  #trainScopeWrapper #ticketInt td.name span .airline-logo {
    width: 50%;
    margin-bottom: 18px; }

/* Russi */
html body.ltr-language.online-booking-system.body .domestic-ticket .domestic-flight .airline-logo-title p.header-title {
  width: 28%;
  font-size: 12px; }

html body.ltr-language.online-booking-system.body .domestic-ticket .domestic-flight .airline-logo-title .down-info .date, html body.ltr-language.online-booking-system.body .domestic-ticket .domestic-flight .airline-logo-title .down-info .refrence-number {
  width: 50%; }

html body.ltr-language.online-booking-system.body .domestic-ticket .domestic-flight .passenger-flight-info .left-section span.fa-chevron-left-thin {
  left: -15px;
  top: 142px; }

html body.ltr-language.online-booking-system.body .domestic-ticket .domestic-flight .passenger-flight-info .left-section .price small {
  margin-right: 0;
  margin-left: 5px; }

html body.ltr-language.online-booking-system.body .domestic-ticket .domestic-flight .flight-date-info {
  margin: 0 5px 0px;
  height: 180px; }
  html body.ltr-language.online-booking-system.body .domestic-ticket .domestic-flight .flight-date-info > div:first-child {
    margin-top: 15px; }
  html body.ltr-language.online-booking-system.body .domestic-ticket .domestic-flight .flight-date-info p.flight-number {
    font-size: 11px; }
    html body.ltr-language.online-booking-system.body .domestic-ticket .domestic-flight .flight-date-info p.flight-number strong {
      font-size: 12px; }
  html body.ltr-language.online-booking-system.body .domestic-ticket .domestic-flight .flight-date-info .fa-plane-departure {
    margin-left: 0;
    margin-right: 5px; }
