/*.mimic-nav-inner {
    padding-left: 10px !important;
}*/
.disabled {
  pointer-events: none;
}
.disabled[type=checkbox] {
  opacity: 0.5;
}
.disabled[type=text], .disabled[type=number] {
  background: #E3E3E3;
  border-color: rgba(29, 37, 59, 0.3);
}

a.disabled {
  opacity: 0.5;
}

body .main-panel .content {
  transition: all linear 0.2s;
  padding-top: 78px;
  padding-right: 10px;
  padding-bottom: 30px;
}
body .sidebar {
  height: calc(100vh - 90px) !important;
}
body .sidebar .sidebar-wrapper {
  overflow-y: hidden;
}
body .sidebar .sidebar-wrapper .sidebar-div {
  font-size: 12px;
  overflow-y: auto;
  height: calc(100vh - 160px) !important;
}
body.sidebar-collapse .sidebar {
  width: 70px;
}
body.sidebar-collapse .main-panel .content {
  padding-left: 100px;
}
body.iframe-displaying .sidebar, body.hide-sidebar .sidebar {
  display: none;
}
body.iframe-displaying .main-panel nav.navbar, body.hide-sidebar .main-panel nav.navbar {
  display: none;
}
body.iframe-displaying .main-panel .content, body.hide-sidebar .main-panel .content {
  padding-top: 30px;
  padding-left: 30px;
}
body.iframe-displaying .main-panel .footer, body.hide-sidebar .main-panel .footer {
  padding-top: 30px;
  padding-left: 30px;
}

select {
  font-size: 10px !important;
  padding: 2px !important;
}

.sidebar, .off-canvas-sidebar {
  width: 200px;
}

.card-body {
  padding: 10px !important;
}

.main-panel > .content {
  padding-left: 230px;
}

.dataTables_wrapper .row:nth-child(2) div:first-child {
  overflow-x: auto;
}

.mimic-nav-inner > a {
  margin: 0px 30px 0 !important;
  border-radius: 30px;
  color: #ffffff;
  display: block;
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 0.62475rem;
  padding: 10px 8px;
  line-height: 1.625rem;
}

.mimic-nav-inner.active > a:before {
  content: "";
  position: absolute;
  height: 6px;
  width: 6px;
  top: 22px;
  left: -4px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
}

/*.sidebar .nav li.active > a[data-toggle="collapse"]:after, .off-canvas-sidebar .nav li.active > a[data-toggle="collapse"]:after {
    content: '';
    position: absolute;
    height: 6px;
    width: 6px;
    top: 22px;
    right: -4px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
}*/
#modalShowData .modal-footer {
  justify-content: flex-end !important;
}

.kiosk-main-card {
  overflow-x: auto;
}
.kiosk-main-card > .card-body {
  min-width: 1200px;
}

.form-control {
  border-radius: 0 !important;
  height: 30px;
}

#listingTable tbody tr:hover {
  background: #ccc;
  cursor: pointer;
}

#listingTable tbody tr.selected {
  background: #ccc;
}
#listingTable tbody tr.selected td {
  /*border-color: #fff !important;*/
}

#listingTable tbody tr.selected a {
  color: #e14eca;
}

.modal.show .modal-dialog {
  transform: translate(0, 0) !important;
}

#cookieConsent {
  display: none;
}

/*seat layout*/
.seat-layout-front {
  margin-bottom: 5px;
}

#tableUpperDeck,
#tableLowerDeck,
#tableUpperDeckR,
#tableLowerDeckR,
#tableUpperDeck_ShowData,
#tableLowerDeck_ShowData {
  margin: 0px auto;
}

.seat-layout-front,
.seat-layout-back {
  background: #ba54f5;
  color: #fff;
  text-align: center;
  font-size: 12px;
}

/*.has-seat {
    display: inline-block;
}*/
.empty-seat {
  padding: 5px;
}

.waybill-seats-layout .empty-seat {
  padding: 5px;
  width: 10%;
}

.walk-way {
  min-width: 100px;
}

.nothing-here {
  display: none;
}

.modal-90 {
  max-width: 90%;
}

.modal-ticket {
  max-width: 1000px;
}

#modalDynamicIFrameBig iframe {
  height: 900px;
  width: 100%;
}

.table-seat-layout label {
  margin-bottom: 0;
}

.seat-layout-seat-name {
  width: 40px;
  height: 20px;
  margin-right: 5px;
  font-size: 12px;
}

.seat-layout-seat-name-div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  width: 30px;
  height: 20px;
  margin-top: 1px;
  margin-bottom: 1px;
}

.seat-layout-seat-status,
.seat-layout-reserved-agent {
  width: 60px;
  height: 20px;
  margin-right: 5px;
  font-size: 12px;
}

.seat-layout-bed {
  margin-right: 5px;
  font-size: 12px;
}

.page-link {
  color: black;
  padding-top: 5px;
  padding-bottom: 5px;
}

#manifest_tableLower th,
#manifest_tableUpper th {
  padding: 2px !important;
}
#manifest_tableLower td,
#manifest_tableUpper td {
  padding: 2px !important;
}

#listingTable {
  width: 100% !important;
}

table:not(.table-seat-layout) {
  width: 100% !important;
}

.dataTables_wrapper {
  overflow-x: auto;
}
.dataTables_wrapper .table {
  /*width: 2000px !important;*/
}
.dataTables_wrapper .table th {
  font-size: 12px;
  /*padding: 2px !important;*/
  /*text-align: center;*/
  /*border: 1px solid #ccc;*/
}
.dataTables_wrapper .table td {
  font-size: 12px;
  padding: 7px 2px !important;
  /*border: 1px solid #ccc;*/
}

#listingTable_wrapper {
  overflow-x: auto;
}
#listingTable_wrapper #listingTable {
  /*width: 2000px !important;*/
}
#listingTable_wrapper #listingTable th {
  font-size: 12px;
  /*padding: 2px !important;*/
  /*text-align: center;*/
  /*border: 1px solid #ccc;*/
}
#listingTable_wrapper #listingTable td {
  font-size: 12px;
  /*border: 1px solid #ccc;*/
}
#listingTable_wrapper #listingTable tr:nth-child(odd) {
  background: #fff;
}
#listingTable_wrapper #listingTable tr:nth-child(even) {
  background: #eee;
}

#tableRouteGenerated_wrapper,
#searchTicketSearchTable_wrapper {
  overflow-x: auto;
}
#tableRouteGenerated_wrapper #tableRouteGenerated,
#tableRouteGenerated_wrapper #searchTicketSearchTable,
#searchTicketSearchTable_wrapper #tableRouteGenerated,
#searchTicketSearchTable_wrapper #searchTicketSearchTable {
  min-width: 2000px !important;
}
#tableRouteGenerated_wrapper #tableRouteGenerated th,
#tableRouteGenerated_wrapper #searchTicketSearchTable th,
#searchTicketSearchTable_wrapper #tableRouteGenerated th,
#searchTicketSearchTable_wrapper #searchTicketSearchTable th {
  font-size: 12px;
  padding: 2px !important;
  text-align: center;
  border: 1px solid #ccc;
}
#tableRouteGenerated_wrapper #tableRouteGenerated td,
#tableRouteGenerated_wrapper #searchTicketSearchTable td,
#searchTicketSearchTable_wrapper #tableRouteGenerated td,
#searchTicketSearchTable_wrapper #searchTicketSearchTable td {
  font-size: 12px;
  text-align: center;
  border: 1px solid #ccc;
}

#cancelTicketTable th {
  font-size: 12px;
  padding: 2px !important;
  text-align: center;
  border: 1px solid #ccc;
}
#cancelTicketTable td {
  font-size: 12px;
  border: 1px solid #ccc;
  text-align: center;
}

#tableTrip_wrapper {
  overflow-x: auto;
}
#tableTrip_wrapper #tableTrip {
  width: 2000px !important;
}
#tableTrip_wrapper #tableTrip th {
  font-size: 12px;
  padding: 2px !important;
  text-align: center;
  border: 1px solid #ccc;
}
#tableTrip_wrapper #tableTrip td {
  font-size: 12px;
  border: 1px solid #ccc;
  text-align: center;
}

#viewSwapSeatActivity_wrapper {
  /*overflow-x: auto;*/
}
#viewSwapSeatActivity_wrapper #viewSwapSeatActivity {
  /*width: 2000px !important;*/
}
#viewSwapSeatActivity_wrapper #viewSwapSeatActivity th {
  font-size: 12px;
  padding: 2px !important;
  text-align: center;
  border: 1px solid #ccc;
}
#viewSwapSeatActivity_wrapper #viewSwapSeatActivity td {
  font-size: 12px;
  border: 1px solid #ccc;
  text-align: center;
}

.waybill-trip-info {
  font-weight: bold;
}
.waybill-trip-info #waybill_tripInfoTable {
  border: 1px solid #ccc;
}

.waybill-seats-layout #waybill_seatLayoutDiv {
  max-width: 1000px;
  margin: 0px auto;
}

#waybill_tableUpperDeck,
#waybill_tableLowerDeck {
  width: 100%;
}
#waybill_tableUpperDeck td.has-seat,
#waybill_tableLowerDeck td.has-seat {
  min-height: 90px;
  height: 90px;
  width: 25%;
  padding: 0px;
  border: 1px solid black;
}

.waybill-seat-table {
  height: 100%;
  text-align: center;
  color: #000;
}
.waybill-seat-table.purchased {
  background: #ccc;
}
.waybill-seat-table.not-setup {
  background: #737373;
}
.waybill-seat-table.blocked {
  background: #737373;
}
.waybill-seat-table.available {
  background: #FFCD00;
}
.waybill-seat-table tr:first-child {
  font-size: 12px;
}
.waybill-seat-table tr:first-child td:first-child {
  border: 1px solid #fff;
  height: 10px;
}
.waybill-seat-table tr:first-child td:nth-child(2) {
  border: 1px solid #fff;
  height: 10px;
}
.waybill-seat-table tr:nth-child(2) {
  font-size: 12px;
}

.waybill-seats-layout[data-layout="2"] td.has-seat,
.waybill-seats-layout[data-layout="3"] td.has-seat {
  width: 30% !important;
}
.waybill-seats-layout[data-layout="2"] td.empty-seat,
.waybill-seats-layout[data-layout="3"] td.empty-seat {
  width: 10% !important;
}

.waybill-seats-layout[data-layout="4"] td.has-seat {
  width: 23% !important;
}
.waybill-seats-layout[data-layout="4"] td.empty-seat {
  width: 8% !important;
}

@media print {
  #waybill_tableUpperDeck td.has-seat,
  #waybill_tableLowerDeck td.has-seat {
    min-height: 75px;
    height: 75px;
    width: 25%;
    padding: 0px;
    border: 1px solid black;
  }
  .waybill-seat-table tr:first-child {
    font-size: 12px;
    font-weight: bold;
  }
  .waybill-seat-table tr:nth-child(2) {
    font-size: 12px;
    font-weight: bold;
  }
}
.waybill-s-ticket-price {
  display: block;
  line-height: 10px;
}

.waybill-s-ticket-id {
  display: block;
  line-height: 10px;
}

.waybill-s-passenger-name {
  /*display: block;*/
  line-height: 10px;
}

.waybill-s-passenger-contact {
  /*display: block;*/
  line-height: 10px;
}

.waybill-s-pickup-dropoff {
  display: block;
  line-height: 10px;
}

.waybill-footer #waybill_footer_pickup_table,
.waybill-footer #waybill_footer_dropoff_table {
  border: 1px solid #ccc;
}
.waybill-footer #waybill_footer_pickup_table th,
.waybill-footer #waybill_footer_dropoff_table th {
  border: 1px solid #ccc;
  background: #ccc;
  height: 15px;
}
.waybill-footer #waybill_footer_pickup_table td,
.waybill-footer #waybill_footer_dropoff_table td {
  border: 1px solid #ccc;
}

#swapSeat_tableUpperDeck,
#swapSeat_tableLowerDeck,
#swapSeat_tableUpperDeck2,
#swapSeat_tableLowerDeck2,
#transferSeat_tableUpperDeck,
#transferSeat_tableLowerDeck,
#transferSeat_tableUpperDeck2,
#transferSeat_tableLowerDeck2 {
  width: 100%;
}
#swapSeat_tableUpperDeck td.has-seat,
#swapSeat_tableLowerDeck td.has-seat,
#swapSeat_tableUpperDeck2 td.has-seat,
#swapSeat_tableLowerDeck2 td.has-seat,
#transferSeat_tableUpperDeck td.has-seat,
#transferSeat_tableLowerDeck td.has-seat,
#transferSeat_tableUpperDeck2 td.has-seat,
#transferSeat_tableLowerDeck2 td.has-seat {
  width: 25%;
}

.swap-seat-seat-table,
.transfer-seat-seat-table {
  border: 2px solid black;
  min-height: 120px;
  height: 120px;
  text-align: center;
  color: #000;
}
.swap-seat-seat-table.transfer-seat-seat-table,
.transfer-seat-seat-table.transfer-seat-seat-table {
  min-height: unset;
  height: auto;
}
.swap-seat-seat-table.purchased,
.transfer-seat-seat-table.purchased {
  background: #ccc;
}
.swap-seat-seat-table.not-setup,
.transfer-seat-seat-table.not-setup {
  background: #737373;
}
.swap-seat-seat-table.blocked,
.transfer-seat-seat-table.blocked {
  background: #737373;
}
.swap-seat-seat-table.available,
.transfer-seat-seat-table.available {
  background: #FFCD00;
}
.swap-seat-seat-table tr:first-child td:first-child,
.transfer-seat-seat-table tr:first-child td:first-child {
  border: 1px solid #000;
  height: 10px;
}
.swap-seat-seat-table tr:first-child td:nth-child(2),
.transfer-seat-seat-table tr:first-child td:nth-child(2) {
  border: 1px solid #000;
  height: 10px;
}
.swap-seat-seat-table tr:nth-child(2),
.transfer-seat-seat-table tr:nth-child(2) {
  font-size: 11px;
}

.swap-seat-s-ticket-price,
.transfer-seat-s-ticket-price {
  display: block;
  line-height: 10px;
}

.swap-seat-s-ticket-id,
.transfer-seat-s-ticket-id {
  display: block;
  line-height: 10px;
}

.swap-seat-s-passenger-name,
.transfer-seat-s-passenger-name {
  display: block;
  line-height: 10px;
}

.swap-seat-s-passenger-contact,
.transfer-seat-s-passenger-contact {
  display: block;
  line-height: 10px;
}

.swap-seat-s-pickup-dropoff,
.transfer-seat-s-pickup-dropoff {
  display: block;
  line-height: 10px;
}

#swapSeat_busAB {
  font-weight: bold;
  font-size: 20px;
  color: #ba54f5;
}

.swap-seat-s-seat-chk,
.transfer-seat-s-seat-chk {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0px auto;
}

/* Overwrite black tabs active */
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #525f7f;
  background-color: white;
  border-color: #e3e3e3 #e3e3e3 transparent;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e3e3e3 #e3e3e3 transparent;
}

.kiosk-section,
.paxDetail-section,
.mimic-section {
  margin-bottom: 10px;
  box-shadow: 0 1px 15px 0 rgba(123, 123, 123, 0.05) !important;
}
.kiosk-section .card-header,
.paxDetail-section .card-header,
.mimic-section .card-header {
  background: #ccc !important;
}
.kiosk-section .card-body,
.paxDetail-section .card-body,
.mimic-section .card-body {
  background: #eee;
}

#kiosk_departureDate td,
#kiosk_departureDateR td {
  font-size: 12px;
}

#kiosk_staffCorner #kiosk_cornerFunction {
  display: flex;
  flex-direction: column;
}
#kiosk_staffCorner .btn {
  font-size: 12px;
}

#kiosk_destination .card-body,
#kiosk_destinationR .card-body {
  max-height: 500px;
  overflow: auto;
}

#kiosk_tripInfo label,
#kiosk_tripInfoR label {
  font-size: 12px !important;
}
#kiosk_tripInfo .btn,
#kiosk_tripInfoR .btn {
  font-size: 12px;
}

.kiosk-selectable-div {
  display: inline-block;
  background: #fff;
  padding: 6px;
  cursor: pointer;
  margin: 1px;
  font-size: 12px;
  margin-bottom: 2px;
}
.kiosk-selectable-div.selected {
  background: linear-gradient(0deg, #ba54f5 0%, #e14eca 100%);
  color: #fff;
}

/*---------------Feng: 13-01-2020---------------*/
/* View: Trip > Index */
#seat-plan-content.seat-plan-hidden div#seatLayoutDiv:first-child {
  display: none !important;
  pointer-events: none !important;
}

/*----------------------------------------------*/
.swap-seat-seat-legend-div,
.transfer-seat-seat-legend-div,
.kiosk-seat-legend-div {
  display: flex;
  align-items: center;
}
.swap-seat-seat-legend-div .legend-color-span-div,
.transfer-seat-seat-legend-div .legend-color-span-div,
.kiosk-seat-legend-div .legend-color-span-div {
  width: 20px;
  height: 20px;
  padding: 10px;
}
.swap-seat-seat-legend-div .legend-text-span-div,
.transfer-seat-seat-legend-div .legend-text-span-div,
.kiosk-seat-legend-div .legend-text-span-div {
  font-size: 12px;
}

.margin-0-auto {
  margin: 0px auto;
}

#divDepartureDate .ui-datepicker,
#divDepartureDateR .ui-datepicker {
  margin: 0px auto;
  width: 100%;
}

.form-control-plaintext {
  border-width: 0px;
}

.kiosk-form-control[readonly] {
  /*background-color: transparent !important;*/
  cursor: default;
}

.btn-link {
  text-decoration: underline;
}

.form-group .form-control, .input-group .form-control {
  padding: 5px;
}

.btn-sm, .btn-group-sm > .btn {
  font-size: 12px;
}

.less-gap-form-label .col-form-label {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.less-gap-form-label .form-group.form-row {
  align-items: baseline;
  margin-bottom: 5px !important;
}

#tripDetailsTable th {
  font-size: 12px;
}
#tripDetailsTable td {
  font-size: 12px;
}

.dynamic-modal-table th {
  font-size: 12px;
  padding: 2px !important;
}
.dynamic-modal-table td {
  font-size: 12px;
}

#paxDetailTable .ticketing-header-row {
  background: #ccc;
}
#paxDetailTable .ticketing-header-row td {
  color: #fff !important;
}
#paxDetailTable .block-header-row {
  background: #ccc;
  color: #fff;
}
#paxDetailTable .block-header-row td {
  color: #fff !important;
}
#paxDetailTable th {
  font-size: 12px;
  padding: 2px !important;
}
#paxDetailTable td {
  font-size: 12px;
  padding: 2px !important;
}

.kioask-seats-layout .has-seat {
  cursor: pointer;
}

.kiosk-coupon-fake-input {
  border: 1px solid black;
}

textarea.form-control {
  border: 1px solid #2b3553 !important;
}

.ui-timepicker-container,
#ptTimeSelectCntr {
  z-index: 1051 !important;
}

#modalDetailedBuy {
  z-index: 1051 !important;
}

#kiosk_staffName {
  font-size: 14px;
  font-weight: bold;
}

#kiosk_staffrole {
  font-size: 14px;
  font-weight: bold;
}

#kiosk_staffRRoleDiv {
  font-size: 11px;
}

#kiosk_currentDateTime {
  font-size: 11px;
}

.work-in-progress {
  position: relative;
  opacity: 0.5;
}
.work-in-progress:before {
  content: "In Progress";
  position: absolute;
  font-size: 30px;
  top: 30%;
  left: 30%;
  transform: rotate(-25deg);
  background: #000;
  color: #fff;
  width: 300px;
  text-align: center;
  z-index: 1;
}

.opacity-0 {
  opacity: 0;
  pointer-events: none;
}

.A4 {
  /*width: 2480px;*/
  /*height: 3508px;*/
  margin: 0px auto;
  margin-bottom: 0.5cm;
  display: block;
}

@media screen {
  #printSection {
    display: none;
  }
}
@media print {
  @page {
    size: A4 !important;
    /*size: A4;*/
    /*margin: 0.2em;*/
    margin-left: 30px;
    margin-right: 30px;
    /*margin: 10px;*/
    margin-top: 30px;
  }
  html, body {
    height: 100vh;
    overflow: hidden;
  }
  body * {
    visibility: hidden;
  }
  #printSection, #printSection * {
    visibility: visible;
  }
  #printSection {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    page-break-after: auto;
  }
  #printSection .ticket-container-div-depart {
    page-break-after: always;
    background: red;
  }
  #printSection .ticket-container-div-return {
    page-break-before: always;
  }
}
.ticket-container-div {
  display: flex;
}
.ticket-container-div .ticket-container-div-depart {
  margin-right: 5px;
}
.ticket-container-div .ticket-container-div-return {
  margin-left: 5px;
}
.ticket-container-div .ticket-container-middle-line {
  border-right: 1px solid black;
}
.ticket-container-div .ticket-container-div-depart .ticket-div,
.ticket-container-div .ticket-container-div-return .ticket-div {
  border: 1px solid black;
  display: flex;
  margin-bottom: 5px;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .left,
.ticket-container-div .ticket-container-div-return .ticket-div .left {
  max-width: 40%;
  margin-top: 5px;
  margin-bottom: 5px;
  border-right: 1px solid black;
  flex-grow: 1;
  padding: 10px;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .left .ticket-div-tel,
.ticket-container-div .ticket-container-div-return .ticket-div .left .ticket-div-tel {
  font-size: 10px;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .left .ticket-div-trip-info,
.ticket-container-div .ticket-container-div-return .ticket-div .left .ticket-div-trip-info {
  border: 1px solid black;
  padding: 0px 5px;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .left .ticket-div-trip-info .ticket-div-location,
.ticket-container-div .ticket-container-div-return .ticket-div .left .ticket-div-trip-info .ticket-div-location {
  font-size: 10px;
  font-weight: bold;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .left .ticket-div-trip-info .ticket-div-departure-datetime,
.ticket-container-div .ticket-container-div-return .ticket-div .left .ticket-div-trip-info .ticket-div-departure-datetime {
  font-size: 10px;
  font-weight: bold;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .left .ticket-div-trip-info .ticket-div-seat-no,
.ticket-container-div .ticket-container-div-return .ticket-div .left .ticket-div-trip-info .ticket-div-seat-no {
  font-size: 10px;
  font-weight: bold;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .left .ticket-div-no-price,
.ticket-container-div .ticket-container-div-return .ticket-div .left .ticket-div-no-price {
  font-size: 10px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .left .ticket-div-ticket-no,
.ticket-container-div .ticket-container-div-return .ticket-div .left .ticket-div-ticket-no {
  font-size: 10px;
  margin-top: 10px;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .left .ticket-div-ticket-barcode,
.ticket-container-div .ticket-container-div-return .ticket-div .left .ticket-div-ticket-barcode {
  padding: 5px 0px;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .right,
.ticket-container-div .ticket-container-div-return .ticket-div .right {
  max-width: 60%;
  flex-grow: 1;
  padding: 10px;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .right .ticket-div-right-top,
.ticket-container-div .ticket-container-div-return .ticket-div .right .ticket-div-right-top {
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .right .ticket-div-right-top .ticket-div-logo img,
.ticket-container-div .ticket-container-div-return .ticket-div .right .ticket-div-right-top .ticket-div-logo img {
  width: 30px;
  height: 30px;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .right .ticket-div-right-top .ticket-div-logo span,
.ticket-container-div .ticket-container-div-return .ticket-div .right .ticket-div-right-top .ticket-div-logo span {
  font-size: 12px;
  color: grey;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .right .ticket-div-tel,
.ticket-container-div .ticket-container-div-return .ticket-div .right .ticket-div-tel {
  font-size: 10px;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .right .ticket-div-trip-info,
.ticket-container-div .ticket-container-div-return .ticket-div .right .ticket-div-trip-info {
  border: 1px solid black;
  padding: 0px 5px;
  display: flex;
  align-items: flex-end;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .right .ticket-div-trip-info .ticket-div-trip-info-left,
.ticket-container-div .ticket-container-div-return .ticket-div .right .ticket-div-trip-info .ticket-div-trip-info-left {
  font-size: 10px;
  font-weight: bold;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .right .ticket-div-trip-info .ticket-div-trip-info-right,
.ticket-container-div .ticket-container-div-return .ticket-div .right .ticket-div-trip-info .ticket-div-trip-info-right {
  font-size: 12px;
  font-weight: bold;
  flex-grow: 1;
  text-align: right;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .right .ticket-div-ticket-no-issued-by,
.ticket-container-div .ticket-container-div-return .ticket-div .right .ticket-div-ticket-no-issued-by {
  font-size: 10px;
  display: flex;
  justify-content: space-between;
}
.ticket-container-div .ticket-container-div-depart .ticket-div .right .ticket-div-no-price,
.ticket-container-div .ticket-container-div-return .ticket-div .right .ticket-div-no-price {
  font-size: 12px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.mimic-busy-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  background-color: black;
  filter: alpha(opacity=50);
  opacity: 0.85;
  z-index: 99999;
}
.mimic-busy-wrapper .mimic-busy {
  display: table-cell;
  font-family: Arial;
  font-size: 17px;
  color: white;
  text-align: center;
  vertical-align: middle;
}

.busy-middle-icon {
  position: absolute;
  top: 40%;
  left: 50%;
  right: 50%;
}

.error {
  color: red;
}

.row-cancelled {
  background-color: #FBD9E2;
}

#modalAfterPurchase,
#modalCancelTicket {
  z-index: 1051 !important;
}

#modalDynamicTicket {
  z-index: 1052 !important;
}

#modalSeatLayout .modal-body {
  overflow-x: auto;
}
#modalSeatLayout .modal-body #formMimicSeatLayout {
  min-width: 1200px;
}

.modal {
  overflow-y: auto !important;
}

option:disabled {
  background: #eee;
}

.btn-white {
  background: #ffffff;
  background-image: -webkit-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff);
  background-image: -o-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff);
  background-size: 210% 210%;
  background-position: top right;
  background-color: #ffffff;
  transition: all 0.15s ease;
  box-shadow: none;
  color: #000000;
  border: 1px solid #000000;
}

.btn-white.animation-on-hover:hover {
  background-position: bottom left;
  transition: 0.3s ease-in-out;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.btn-white:active:focus,
.btn-white:active:hover,
.btn-white.active:focus,
.btn-white.active:hover {
  background-color: #ffffff !important;
  background-image: linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  background-image: -webkit-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  background-image: -o-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  background-image: -moz-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  color: #000000;
  box-shadow: none;
}

.btn-white:active {
  box-shadow: none !important;
  transform: translateY(1px) !important;
  transition: all 0.15s ease;
}

.btn-white:not([data-action]):hover {
  border: 1px solid #000000;
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
}

.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled.focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white:disabled,
.btn-white:disabled:hover,
.btn-white:disabled:focus,
.btn-white:disabled.focus,
.btn-white:disabled:active,
.btn-white:disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled].focus,
.btn-white[disabled]:active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white.focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
  background-color: #ffffff;
  border: 1px solid #000000;
}

.btn-white.btn-simple {
  color: #ffffff;
  border: 1px solid #000000;
  background: transparent;
}

.btn-white.btn-simple:hover,
.btn-white.btn-simple:focus,
.btn-white.btn-simple:active,
.btn-white.btn-simple:not(:disabled):not(.disabled):active {
  color: #ffffff;
  border: 1px solid #000000;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}

.btn-white.btn-simple.active {
  border-color: #ffffff !important;
}

.btn-white.btn-simple.active:hover,
.btn-white.btn-simple.active:focus,
.btn-white.btn-simple.active:active,
.btn-white.btn-simple.active:not(:disabled):not(.disabled):active {
  color: #000000;
  border: 1px solid #000000;
  background-image: linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  background-image: -webkit-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  background-image: -o-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  background-image: -moz-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  background-color: #ffffff !important;
  box-shadow: none;
}

.btn-white.btn-link {
  color: #ffffff;
}

.btn-white.btn-link:hover,
.btn-white.btn-link:focus,
.btn-white.btn-link:active {
  background-color: transparent !important;
  background-image: none !important;
  color: #000000 !important;
  text-decoration: none;
  box-shadow: none;
}