ul.dropdown-menu{
   margin: 0;
}
.nav {
   z-index: 1020;
}
span.select2-dropdown {
   z-index: 1000;
}
select + .select2-container, select + .select2-container--default .select2-selection--single .select2-selection__rendered,
body + .select2-container .select2-container--default .select2-selection--single .select2-selection__rendered {
   width: 95% !important;
}
.select2-container, .select2-container--default .select2-selection--single .select2-selection__rendered{
   font-size: 1.8rem;
   line-height: 1.3;
   color: #c48a0e;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    /* display: block;
    width: 95%;
    margin: .5rem auto;
    text-align: left;
    padding: 0.375rem 0.75rem;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #c48a0e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c48a0e;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 0; */
}
.select2-container--default .select2-selection--single{
   height: unset;
   display: block;
    width: 100%;
    margin: .5rem auto;
    text-align: left;
    padding: 0.375rem 0.75rem;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #c48a0e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c48a0e;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   top: 20px;
   right: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
   border-color: #c48a0e transparent transparent transparent;
}

.select2-container .select2-selection--single .select2-selection__rendered {
   padding: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #c48a0e;
    border: 1px solid #c48a0e;
}

.select2-container--open .select2-dropdown{
   width: max-content !important;
   width: -moz-max-content !important;
   width: -webkit-max-content !important;
   width: -o-max-content !important;
   width: -ms-max-content !important;
}

.detail-text-seat {
   padding: 10px;
   position: absolute;
   bottom: 100%;
   min-width: 13rem;
   left: 0;
  display:none;
  margin: -1rem;
   background: #FFF;
   border-radius: 10px;
   width: auto;
   text-align: left;
  z-index: 5;
  font-size: 1.4rem;
   box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.img-check:hover .detail-text-seat{
  display: block;
  margin: 0rem;
}

.booking-intrain ul {
  list-style: none;
  border:none;
  text-align: center;
  padding:0px;
}

.tolet-box {
   width: 70px;
   height: 52.8px;
   margin: 0;
   padding-top:0.5rem;
}

/* .bookingbox-check .checkmark{
   top: 8px;
   margin: 8px;
} */

.textGrey{
   color: #7a7a7a;
}

div.address-footer{
   margin: 0px;
}

.booking-intrain .bookingbox-check .checkmark {
   top: -4px;
}
.booking-intrain .text-checkbox {
   font-size: 16px;
   position: absolute;
    bottom: 0;
}
.booking-intrain [id^="train-row-id"] td {
   vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
   padding: 0;
}
.booking-intrain [id^="train-row-id"] li > .waybox {
   min-height: 53px;
}
.booking-intrain [id^="train-row-id"] li > .img-check {
   height: 44px;
}
.booking-intrain [id^="train-row-id"] li > .tolet-box,
.booking-intrain [id^="train-row-id"] li > .bookingbox-check {
   padding: 2px;
   position: relative;
   margin: .3rem auto;
   height: 44px;
}
.room {
   line-height: 1 !important;
   font-size: 19px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.booking-intrain [id^="train-row-id"] li > .tolet-box > * {
   margin-top: unset;
   margin-bottom: -10px;
}
.booking-intrain [id^="train-row-id"] li > .tolet-box img {
   display: block;
   margin-top: 9px;
}

.booking-intrain [id^="train-row-id"] li > .barth-box > * {
   margin-top: -10px;
   margin-bottom: unset;
}
.booking-intrain [id^="train-row-id"] li > .barth-box img {
   display: block;
   margin-bottom: 9px;
}

.booking-intrain [id^="train-row-id"] li > .box-bookimgtravel {
   padding: 2px;
   position: relative;
   margin: .3rem auto;
   height: 44px;
   min-width: 56px;
}
.booking-intrain [id^="train-row-id"] li .bg-blue-check,
.booking-intrain [id^="train-row-id"] li .bg-pink-check,
.booking-intrain [id^="train-row-id"] li .bg-pink-blue-check,
.booking-intrain [id^="train-row-id"] li .bg-pink-orange-check {
   height: 40px;
   min-width: 52px;
   border-radius: 5px;
}
.booking-intrain table {
  border-collapse: collapse;
}

button.choose-bt {
   cursor: pointer;
}
.backpage-bt.backpage-bt2 {
   cursor: pointer;
}
.detail-travelcontent img {
   height: 400px;
}

.bookingbox-check .checkmark.firstbox-check {
   background-color: #cccccc;
   cursor:not-allowed;
}

.input-info-personal > div > *{
   height: 42px;
   margin: 1rem 0 !important;
}
.foreign-box{
   display: inline-block;
}
.form-search-group {
   margin-top: -22px;
}
.cancelreservation_page {
   cursor: pointer;
}
.changeticket_page {
   cursor: pointer;
}
.history_page {
   cursor: pointer;
}

.cancel-lastbox .gray-color-text{
   margin:0rem;
   padding:0px;
}

.bookingbox-check.correct-bt .checkmark-fix {
   left: -0.5rem;
   top: 0rem;
}

button.ui-datepicker-current { display: none; }

button.download-bt.open-bt:hover {
   background-image: url(../img/arrow-down.png);
}
.bt-reset {
   color: #000;
   background: #FFF;
   border: none;
   border-radius: 5px;
   width: 100%;
   transition: all 0.5s;
   font-size: 1.3rem;
   padding: 5px;
}



.bt-reset:hover {
   cursor: pointer;
   background: #c48a0e;
   color: #fff;
}

@media (min-width: 1200px){
   .bt-reset{
      font-size: 2rem;
      line-height: 1.4;
      padding: 2.5px;
   }
}

.bg-gold-2 {
   background: #c48a0e;
   border-radius: 10px;
   color: #FFF;
}

.bg-gold-2 p {
   padding-left: 1rem;
}

.cancel-historybox .booking-intrain.table-concelticket .bg-gold-2 td, .cancel-historybox .booking-intrain.table-concelticket .bg-gray td {
   padding: 10px;
}

.cancel-historybox .booking-intrain.table-concelticket .bg-gold-2 p {
   padding-left: 0;
}

@media (min-width: 992px){
   .booking-intrain.table-concelticket tr.bg-gold-2 td:first-child {
      width: 85%;
   }
}

select.error, textarea.error, input.error {
   /* color: #FF0000; */
   border: 1px solid #FF0000;
}

.password-box img {
   top: calc(50% - 8.5px);
   right: 20px;
}

.indetail-personal .form-profile:not(select):read-only,
.indetail-personal select.form-profile:disabled {
	color: #8c8c8c;
 	cursor: default;
 	background-color: #ebebe4;
}
.sex-boxtitle > li > .radio-box:first-child{
	margin-left: 5px;
}
#genDetailPersonal .sex-boxtitle > li > .radio-box{
	margin-left: 5px;
}
.detail-personal ul li{
	vertical-align: top;
}
.btn.btn-link.search-btn {
   position: absolute;
   right: 14px;
   bottom: 16px;
}
.btn.btn-link.search-btn:hover {
   background-color: #c48a0e;
}
.btn.btn-link.search-btn:hover img{
   filter: brightness(0.5);
}
#seatbook-next-btn.disabled > .backpage-bt.backpage-bt2,
#seatbook-next-btn.disabled > .backpage-bt.backpage-bt2:hover,
.disabled > .getit-bt,
.disabled > .getit-bt:hover {
   background-color: #cccccc;
   border: #cccccc;
   color: #FFF;
   cursor: default;
}
.pagination-slidebooking ul li:first-child:hover,.pagination-slidebooking ul li:last-child:hover {
   background: none;
}

.discount-scrollmodal .bookingbox-check .checkmark {
   top: calc(50% - 17px);
    left: -14px;
}

.discount-scrollmodal .bookingbox-check .checkmark.disabled {
   background-color: #cccccc;
   top: calc(50% - 17px);
   left: -14px;
}

.dropdown.disabled:hover .dropdown-menu {
   display: none;
 }

#div_notification {
   margin:0;
}

#div_notification_inner,#div_notification_inner_m {
   height: calc(100% - 50px);
   overflow-y: auto;
}

.img-plane img.img-tripgroup {
   height: 223px;
   object-fit: cover;
   width: auto;
}

@media (min-width: 992px) {
   .ticket-paybox-inner {
      padding-right: 8.4rem !important;
      padding-left: 8.4rem !important;
   }
}

.text-over {
   max-width: 250px;
   text-overflow: ellipsis;
   display: inline-block;
   overflow: hidden;
   line-height: 1em;
   white-space: nowrap;
   vertical-align: middle;
}

.train-number-btn {
   overflow-x: unset;
}

.img-promo {
   height: 84px;
   width: 96px;
   object-fit: contain;

}

.user-agreement1-th {
   list-style-type: decimal;
}

.user-agreement1-th ::marker {
   content: counters(list-item,'.') ' ';
}

.user-agreement1-th > ::marker {
   content: counter(list-item) '. ';
}

.user-agreement1-en {
   list-style-type: decimal;
}

.user-agreement1-en ::marker {
   content: counters(list-item,'.') ' ';
}

.user-agreement1-en > ::marker {
   content: counter(list-item) '. ';
}