header.bg-color {
  /* background: linear-gradient(to top , rgba(0, 0, 0, 0), rgba(0,0,0,0.7)); */
  background-color: #0071b7;
  color:white;
  font-size: 1.1vw;
}
.bg-translate {
    background: linear-gradient(to top , rgba(0, 0, 0, 0), rgba(0,0,0,0.7));
}
.ant-pagination {
  font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.slick-arrow, .slick-prev{
  z-index: 999 !important;
}
.ant-pagination-disabled, .ant-pagination-disabled:hover, .ant-pagination-disabled:focus {
  cursor: not-allowed;
}

.ant-pagination-prev, .ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next {
  font-family: Arial;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  list-style: none;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: inline-block;
  vertical-align: middle;
}
.ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-item {
  cursor: pointer;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  margin-right: 8px;
  font-family: Arial;
  outline: 0;
}
.ant-pagination-item-active {
  border-color: #1890ff;
  font-weight: 500;
}
item-active:hover a {
  color: #40a9ff;
}
.ant-pagination-item:focus a, .ant-pagination-item:hover a {
  color: #1890ff;
  
}
.openForm{
  animation: formOpen 0.5s;
  top: 0px;
  transition-delay: 0.5s;
  animation-iteration-count: initial;
}
@keyframes formOpen {
  from {
    transform: translateY(-500px);
  }
  to {
    transform: translateY(0px);
  }
}

.page-wrapper a {
  text-decoration: none;
  background-color: #40a9ff;
}
.ant-pagination-item-active a {
  color: #1890ff;
}
.bg-color{
  background-color: #0071b7;
  color:white;
}
header.color a {
  font-size: 4.3vw;   

  color: white;
}
.mh25{
  margin-right: 25px;
}
.height-minVH{
  height:35vh;
}
.margin-top {
  margin-top: -65px;
}
.chuyenphatnhanh{
  -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #0071b7;
}
.color-all-fare{
  color: #337ab7
}
.form-control, output {
  display: block;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  height: 40px;
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-input {
  height: 40px;
  padding: 6px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.w-15{
  width: 15%;
}

.btn-ticket-action {
  background-color: #e5f3ff;
  border-color: #beffff;
  color: #0e62ab;
}

.color-font-mini{
  color: #fcdb00;
}
.bg-form{
  background-color:#dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.bottom-margin{
  bottom: 8px;
}
.color-font{
  color: white;
}
.color-menu{
  color: #0071b7;
}
.bg-color-login {
  background-color: #0071b7;
}
.bg-color-searchbox{
  background-color: #0071b7;
}
.color-login {
  color: #0071b7;
}
.color-font-search{
  color: black;
}
.color-search{
  color: white;
}
.font-size-hotline{
  color: white;
  font-size: 17px;
  font-size: 1.5vw;
}
.margin-left-info{
  margin-left: 110px;
}
.top-500{
  margin-top: 140px;
  top:-500px;
}
.top-default{
  margin-top: 140px;
  top:0px;
}
.margin-top-info{
  margin-top: 140px
}
.top-margin{
  top: -45px;
}
footer .p-doPayment.bg-color {
  background-color: #0071b7;
}
.margin-left{
  margin-left: 23px; 
}
.margin-right{
right: 40px;
}
header.p-doPayment.bg-color {
  background-color: #0071b7;
}

.top-banner.color {
  color: #f7ad0d;
}

.bg-poweredby-color {
  background-color: #cccccc;
}

.color {
  color: #333333;
}

.color-cta {
  color: #fcdb00;
}

.bg-cta {
  background-color: #f70000;
}

.underline {
  height: 3px;
  width: 20px;
  background: #fcdb00;
  -webkit-transition: width 0s; /* Safari */
  transition: width 0.3s;
}
.underline1 {
  width: 0%;
  height: 3px;
  -webkit-transition: width 0s; /* Safari */
  transition: width 0.3s;
}
.slick-next:before {
  padding: 20px 15px 0px 50px;
  z-index: 999 !important;
  background-color: black;
}
.slick-prev:before {
  content: "";
  z-index: 999 !important;
  background: url('/static/xehaiau/img/arrow-left-01-512.png') no-repeat center center / 40px   !important;
}
.slick-next:before {
content: "";
background: url('/static/xehaiau/img/arrow-right-01-512.png') no-repeat center center / 40px   !important;
}
.slick-next {
  right: 30px;
  opacity: 0.4;

}
.slick-prev {
  left: 0px;
  z-index: 2;
  opacity: 0.4;
}
/* .slick-list{
  height: 565px !important;
} */
.slick-prev:before {
  padding: 20px 15px 0px 50px;
  background-color: black;  
}
.mt8{
  margin-top: 135px;
}
#tawkchat-maximized-wrapper {
  font-family: Helvetica, sans-serif !important;
}
div > #tawkchat-maximized-wrapper{
  font-family: Helvetica, sans-serif !important;
}
body{
  font-family: "Quicksand",sans-serif !important;
}
.content > ul > li:hover span {
  width: 100%;
  border-style: solid;
  border-width: 1px; 
  background: #fcdb00;
}
.content > ul > li > a:hover {
  color: #fcdb00;
}
.menu-children > ul > li:hover ul {
  display: block;
}
.content > ul > li:hover b {
  width: 100%;
   background: #fcdb00;
}
.content > ul > li:hover ul {
  display: block;
}
.haiau-gray {
  color: #555;
}
.red {
  color: #f70000;
}

.blue {
  color: #00c6f7;
}
.color-blue{
  color: #357edd;
}
.yellow {
  color: #f7f700;
}
.z-indexBooking{
  z-index: 9999999;
}
.vxr-blue {
  color: #0088cf;
}
.itemContainer ,.itemContainerLast{
  width:100%;
}
.tablepress, .tablepress-id-3{
  border:1px solid rgb(235, 226, 226);
  width: 100%;
 }
 .tablepress-table-name, .tablepress-table-name-id-3{
  text-align: center;
  font-weight: bold;
  color: white;
  width:100%;
  float: left;
  background-color: #0089cf;
  margin-bottom: -0px;
  border:1px solid rgb(235, 226, 226);
 }
 .tablepress-table-description, .tablepress-table-description-id-3{
  text-align: center;
  font-weight: bold;
  font-size:15px;
  color: #dd3333;
  width:100%;
  float: left;
  background-color: #0089cf;
  margin-bottom: -0px;
  border:1px solid rgb(235, 226, 226);
 }
 
 thead > tr > th{
  text-align: center !important;
  font-weight: bold;
  border:1px solid rgb(235, 226, 226);
 }
 tbody > tr > td{
  text-align: center;
  font-size:14px;
  font-weight: normal;
  }
 .tbody > tr > td , .column-1{
  text-align: center;
  font-weight: bold;
  color: black;
  width: 25%;
 }
 .tbody > tr > td , .column-2{
  text-align: center;
  width: 25%;
  color: black;
 }
 .tbody > tr > td , .column-3{
  text-align: center;
  width: 25%;
  color: black;
 }
 .tbody > tr > td , .column-4{
  text-align: center; 
  width: 25%;
  color: black;
 }
.h-1000{
  height: 550px;
}

.bg-vxr-gray {
  background-color: #f0f5f7;
}

/* old gray #F0F5F7*/

.vxr-gray {
  color: #b3b3b3;
}

/*E03B28*/

.btn-bg-color {
  background-color: gold;
  color: black
}

.tsb-bg-color {
  background-color: #0071b7;
}

.post-title,
.post-title a {
  color: #dd3333;
}

.cat-title {
  color: #dd3333;
}
footer .black-color{
  color: black;
}
footer.bg-color {
  color: white;
}
footer .poweredby {
  background-color: #ffffff;
  color: #333333;
}
/* 
.popupCloseBtn:before,
.popupCloseBtn:after {
  background: #2c3e50;
} */

/* .popupContainer {
  -webkit-box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
    0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
    0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
} */

.date-picker {
  background: #fff
    url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)
    97% 50% no-repeat;
}

.panel-group .panel-heading {
  color: #333;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-group .panel-heading {
  color: #333;
}

.fa-angle-up {
  color: #1867aa;
}

.btn-vxr-thanhtoan {
  color: #684d18;
  background-image: -webkit-radial-gradient(
      circle at 0 50%,
      rgba(255, 255, 224, 0) 0.4em,
      #ffffe0 0.5em
    ),
    -webkit-radial-gradient(circle at 100% 50%, rgba(255, 255, 224, 0) 0.4em, #ffffe0
          0.5em);
  background-image: -webkit-radial-gradient(
      0 50% circle,
      rgba(255, 255, 224, 0) 0.4em,
      #ffffe0 0.5em
    ),
    -webkit-radial-gradient(100% 50% circle, rgba(255, 255, 224, 0) 0.4em, #ffffe0
          0.5em);
  background-image: radial-gradient(
      circle at 0 50%,
      rgba(255, 255, 224, 0) 0.4em,
      #f9af00 0.5em
    ),
    radial-gradient(
      circle at 100% 50%,
      rgba(255, 255, 224, 0) 0.4em,
      #f9af00 0.5em
    );
}

.btn-vxr-thanhtoan:before {
  border-right: 1.8px solid #e5a100;
}
.font-size-color {
  font-family: Britannic;
  color: #e31b22;
}
.font-color{
  color: #e31b22;
  font-size: 1.7vw; 
}
.font-family-slogan3{
  color: #e31b22;
  font-size: 2.3vw; 
  font-family: Britannic;
}
.bg-img-info{
  background-image: url(/static/xesaoviet/img/Thongtin.png);
  width: 400px;
  height: 250px;
}
.top-5{
  top: 5.5px;
}
.font-CompanyName{
  color: #e31b22;
  font-size: 4.3vw;   
  font-family: Britannic;
}
.font-family-slogan2{
  font-family:  "Lobster Two", Helvetica, sans-serif;
  color: #e31b22;
  font-size: 2.0vw; 
}

.font-color-menu {
    color: #eee7e7;
    font-size: 15px;
}
.font-header{
  font-size: 1vw;
}
.bg-menu{
  background: linear-gradient(to top , rgba(0, 0, 0,0.7), rgba(0,0,0,0.7));

}