@font-face {
   font-family: Roboto;
   src: url(../fonts/font-main/Roboto-Regular.ttf);
}

@font-face {
   font-family: Roboto;
   src: url(../fonts/font-main/Roboto-Medium.ttf);
   font-weight: 500;
}

@font-face {
   font-family: Roboto;
   src: url(../fonts/font-main/Roboto-Bold.ttf);
   font-weight: bold;
}

html,
body {
   height: 100%;
   width: 100%;
   overflow: auto;
   font-size: 13px;
}

.grid-main--menu {
   height: -webkit-calc(100% - 94px);
   height: calc(100% - 94px);
   /* background-image: url('../img/logo-tp.svg'); */
   background-position: center bottom 5vh;
   background-repeat: no-repeat;
   -webkit-background-size: auto 24px;
   background-size: auto 24px
}

.md .page-next {
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   opacity: 1;
   pointer-events: none;
}

.ios-page-trans .page-shadow-effect {
   position: absolute;
   top: 0;
   width: 16px;
   bottom: 0;
   z-index: -1;
   content: '';
   will-change: opacity;
   opacity: 0;
   right: 100%;
   background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
   background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
   background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
}

.ios-page-trans .page-opacity-effect {
   position: absolute;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.1);
   width: 100%;
   bottom: 0;
   content: '';
   opacity: 0;
   z-index: 10000;
   will-change: opacity;
}

.ios-page-trans .router-dynamic-navbar-inside .page-shadow-effect,
.ios-page-trans .router-dynamic-navbar-inside .page-opacity-effect {
   top: 44px;
}

.ios-page-trans .page {
   background: #efeff4;
}

.weight-medium {
   font-weight: 500
}

.ios-page-trans .page-previous {
   -webkit-transform: translate3d(-20%, 0, 0);
   transform: translate3d(-20%, 0, 0);
}

.ios-page-trans .page-next {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
}

.ios-page-trans .page-previous .page-opacity-effect {
   opacity: 1;
}

.ios-page-trans .page-previous:after {
   opacity: 1;
}

.ios-page-trans .page-current .page-shadow-effect {
   opacity: 1;
}

.ios-page-trans .page-transitioning,
.ios-page-trans .page-transitioning page-shadow-effect,
.ios-page-trans .page-transitioning .page-opacity-effect {
   -webkit-transition-duration: 400ms;
   -o-transition-duration: 400ms;
   transition-duration: 400ms;
}

.ios-page-trans .router-transition-forward .page-next,
.ios-page-trans .router-transition-backward .page-next,
.ios-page-trans .router-transition-forward .page-current,
.ios-page-trans .router-transition-backward .page-current,
.ios-page-trans .router-transition-forward .page-previous:not(.stacked),
.ios-page-trans .router-transition-backward .page-previous:not(.stacked) {
   will-change: transform;
   pointer-events: none;
}

.ios-page-trans .router-transition-css-forward .page-next {
   -webkit-animation: ios-page-next-to-current 400ms forwards;
   animation: ios-page-next-to-current 400ms forwards;
}

.ios-page-trans .router-transition-css-forward .page-next:before {
   position: absolute;
   top: 0;
   width: 16px;
   bottom: 0;
   z-index: -1;
   content: '';
   will-change: opacity;
   opacity: 0;
   right: 100%;
   background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
   background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
   background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
   -webkit-animation: ios-page-next-to-current-shadow 400ms forwards;
   animation: ios-page-next-to-current-shadow 400ms forwards;
}

.ios-page-trans .router-transition-css-forward .page-current {
   -webkit-animation: ios-page-current-to-previous 400ms forwards;
   animation: ios-page-current-to-previous 400ms forwards;
}

.ios-page-trans .router-transition-css-forward .page-current:after {
   position: absolute;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.1);
   width: 100%;
   bottom: 0;
   content: '';
   opacity: 0;
   z-index: 10000;
   will-change: opacity;
   -webkit-animation: ios-page-current-to-previous-opacity 400ms forwards;
   animation: ios-page-current-to-previous-opacity 400ms forwards;
}

.ios-page-trans .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before,
.ios-page-trans .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after {
   top: 44px;
}

.ios-page-trans .router-transition-css-backward .page-previous,
.ios-page-trans .router-transition-css-backward .page-current {
   will-change: transform;
   pointer-events: none;
}

.ios-page-trans .router-transition-css-backward .page-previous {
   -webkit-animation: ios-page-previous-to-current 400ms forwards;
   animation: ios-page-previous-to-current 400ms forwards;
}

.ios-page-trans .router-transition-css-backward .page-previous:after {
   position: absolute;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.1);
   width: 100%;
   bottom: 0;
   content: '';
   opacity: 0;
   z-index: 10000;
   will-change: opacity;
   -webkit-animation: ios-page-previous-to-current-opacity 400ms forwards;
   animation: ios-page-previous-to-current-opacity 400ms forwards;
}

.ios-page-trans .router-transition-css-backward .page-current {
   -webkit-animation: ios-page-current-to-next 400ms forwards;
   animation: ios-page-current-to-next 400ms forwards;
}

.ios-page-trans .router-transition-css-backward .page-current:before {
   position: absolute;
   top: 0;
   width: 16px;
   bottom: 0;
   z-index: -1;
   content: '';
   will-change: opacity;
   opacity: 0;
   right: 100%;
   background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.2)));
   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
   background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
   background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
   -webkit-animation: ios-page-current-to-next-shadow 400ms forwards;
   animation: ios-page-current-to-next-shadow 400ms forwards;
}

.ios-page-trans .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before,
.ios-page-trans .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after {
   top: 44px;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

.ios body,
.md body,
body {
   color: white;
   font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
}

.md .page,
.ios .page {
   background-image: url(../img/bg.jpg);
   -webkit-background-size: cover;
   background-size: cover;
   background-repeat: no-repeat;
}

.background-c {
   background-image: url('../img/bg.jpg');
   -webkit-background-size: cover;
   background-size: cover;
   background-repeat: no-repeat
}

.page__wrap {
   height: 100%;
}

.page {
   -webkit-transition: opacity 0.15s ease-in-out;
   -o-transition: opacity 0.15s ease-in-out;
   transition: opacity 0.15s ease-in-out;
}

.left {
   text-align: left;
}

.center {
   text-align: center;
}

.right {
   text-align: right;
}

.router-transition-forward .page-current,
.page-previous {
   opacity: 0;
}

.router-transition-backward .page-previous {
   opacity: 1;
}

.nav-c {
   height: 48px;
   margin-top: 18px
}

.nav-c table {
   width: 100%;
}

.nav-c table td {
   vertical-align: middle
}

.nav-c__button {
   background-position: center;
   background-repeat: no-repeat;
   width: 42px;
   height: 42px;
   display: inline-block
}

.nav-c__button--back {
   background-image: url('../img/ic_back.svg');
   background-size: 16px auto;
   -webkit-background-size: 16px auto;
}

.nav-c__button--back .ripple-wave {
   display: none;
}

.nav-c__button--back.active-state {
   opacity: 0.3
}

.nav-c__button--call {
   background-image: url('../img/ic_call.svg');
   -webkit-background-size: 15px 15px;
   background-size: 15px 15px;
   font-size: 0;
   line-height: 0
}

.nav-c__button--close {
   background-image: url('../img/ic_close.svg');
   -webkit-background-size: 14px 14px;
   background-size: 14px 14px;
   font-size: 0;
   line-height: 0
}

.nav-c__Text,
.nav-c__text {
   font-size: 17px;
   color: white;
}

.grid-main__row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
}

.grid-main__item {
   max-width: 114px;
}

.md .menu__link,
.ios .menu__link {
   margin: 13px;
   color: white;
   display: block
}

.menu__name {
   font-size: 13px;
   text-align: center
}

.menu__icon {
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(51%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(255, 255, 255, 0.3)));
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 51%, rgba(255, 255, 255, 0.3) 100%);
   background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 51%, rgba(255, 255, 255, 0.3) 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(51%, rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.3)));
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 51%, rgba(255, 255, 255, 0.3) 100%);
   width: 86px;
   height: 86px;
   border-bottom: 2px solid rgba(255, 255, 255, 0.5);
   margin: 0 auto;
   margin-bottom: 6px;
}

.menu__icon__main {
   background-position: center;
   background-repeat: no-repeat;
   -webkit-background-size: 60px 60px;
   background-size: 60px 60px;
   width: 100%;
   height: 100%;
}

.grid-main--menu {
   margin-top: 30px;
   min-height: 400px;
}

.link {
   overflow: hidden
}

.box-c {
   width: 100%;
   margin: 0 auto;
   margin-bottom: 20px;
   position: relative;
}

.accordion-item:not(.accordion-item-opened) .box-c__header {
   -webkit-border-radius: 10px;
   border-radius: 10px
}

.box-c__header {
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
}

.box-c__header~.box-c__content,
.box-c__header~.accordion-item-content .box-c__content {
   -webkit-border-radius: 0 0 10px 10px;
   border-radius: 0 0 10px 10px;
}

.box-c__content {
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

.box-c__header {
   color: #0058A0;
   font-size: 13px;
   background-color: rgba(255, 255, 255, 0.8);
   padding: 10px 16px;
   font-weight: bold;
   will-change: contents;
}

.box-c__content {
   background-color: rgba(255, 255, 255, 0.9);
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   padding: 0 16px;
   padding-bottom: 5px;
   overflow: hidden;
}

.tabs-animated-wrap>.tabs,
.tabs-animated-wrap>.tabs>.tab {
   overflow: hidden
}

.box-c--tracuu {
   margin-top: 60px;
}

.input-c[type=text] {
   border: 0;
   width: 100%;
   padding: 15px;
   font-size: 15px;
   color: #231F20
}

.input-c::-webkit-input-placeholder {
   color: rgba(112, 119, 127, 0.5);
   text-align: center
}

.input-c::-moz-placeholder {
   color: rgba(112, 119, 127, 0.5);
   text-align: center
}

.input-c:-ms-input-placeholder {
   color: rgba(112, 119, 127, 0.5);
   text-align: center
}

.input-c::-ms-input-placeholder {
   color: rgba(112, 119, 127, 0.5);
   text-align: center
}

.input-c::placeholder {
   color: rgba(112, 119, 127, 0.5);
   text-align: center
}

.button-c {
   background: linear-gradient(-135deg, #FFCB05 0%, #ffe000 100%);
   -webkit-border-radius: 50px;
   border-radius: 50px;
   height: 44px;
   line-height: 44px;
   font-size: 15px;
   display: block;
   color: #231F20 !important;
   text-align: center;
   width: 50%;
   margin-left: auto;
   margin-right: auto;
   font-weight: bold;
   outline: none !important;
   border: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.content__wrap {
   padding: 0 16px;
   padding-bottom: 30px;
   position: relative;
}

.link>* {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.tab-link .ripple-wave,
.ripple-wave {
   background-color: rgba(255, 255, 255, 0.3) !important
}

.box-c__item:not(:last-child),
.accordion-list .box-c__item:last-child {
   border-bottom: 1px solid #cccccc;
}

.md .list.guess .item-content {
   padding-left: 0
}

.box-c__item {
   padding: 13px 0;
   font-size: 15px;
   color: #231F20
}

.clrorange {
   color: #FFCB05
}

.clrblue {
   color: #0058A0
}

.clrgrey {
   color: #888888;
}

.clrpurple {
   color: #361E58
}

.clrblack {
   color: #231F20 !important
}

.box-c__item table {
   width: 100%;
}

.box-c__item table td {
   vertical-align: middle
}

.content__wrap--1>.box-c:first-child {
   margin-top: 30px
}

.content__wrap--fly-booking .box-c:first-child {
   margin-top: 10px
}

.fly__route img {
   width: 12.7px;
   height: auto;
   vertical-align: middle
}

.font-sm {
   font-size: 13px
}

.fly__route {
   font-size: 13px;
   margin-bottom: 3px
}

.fly__time img {
   width: 20px;
   height: 20px
}

.fly__time {
   font-size: 11px;
   color: #888888;
}

.fly__date {
   color: #888888;
   font-size: 11px;
   margin: 7px 0 5px 0;
}

.fly__location {
   font-size: 17px;
}

.fly__route__text {
   display: inline-block;
   vertical-align: middle;
}

.fly td:first-child {
   width: 40%;
}

.fly td:last-child {
   width: 40%;
}

.fly__name__text {
   font-size: 13px;
   color: #888888;
   display: inline-block;
}

.page-content {
   height: calc(100% - 66px)
}

.fly__name img {
   vertical-align: middle;
   max-height: 12px;
}

.fly__name {
   font-size: 13px;
}

.dropdown-ic {
   width: 12px;
   height: auto;
   -webkit-transition: 0.15s all ease-in-out;
   -o-transition: 0.15s all ease-in-out;
   transition: 0.15s all ease-in-out;
}

.md .guess ..item-content,
.ios .guess .item-content {
   padding-left: 0
}

.ios .guess ul {
   background: transparent;
}

.guess__link {
   display: block;
   padding-left: 0
}

.md .list.guess,
.ios .list.guess {
   margin: 0;
}

.md .list.guess ul:before,
.md .list.guess ul:after,
.ios .list.guess ul:before,
.ios .list.guess ul:after {
   display: none
}

.accordion-item-opened .dropdown-ic {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.smart-select .dropdown-ic {
   -webkit-transform: rotate(0) !important;
   -ms-transform: rotate(0) !important;
   transform: rotate(0) !important;
}

.guess__detail {
   font-size: 13px;
}

.guess__detail td {
   padding: 5px 0;
}

.guess__detail td:first-child {
   color: #888888
}

.guess__detail td:last-child {
   text-align: right
}

.total-money {
   font-size: 17px;
   color: #FFCB05;
   font-weight: bold;
}

.note {
   font-size: 13px;
   color: #888888;
   margin-bottom: 0;
   margin-top: 5px
}

table td {
   padding: 0;
}

.no-padding {
   padding: 0;
}

.tab-link-highlight {
   display: none;
}

.md .toolbar,
.ios .toolbar {
   background: transparent;
   height: 37px;
}

.md .toolbar:after,
.ios .toolbar:after {
   display: none
}

.tab-link-active {
   background: #FFCB05
}

.md .tabbar a.tab-link,
.ios .tabbar a.tab-link {
   color: #FFCB05;
   text-transform: none;
   font-size: 13px;
}

.md .tabbar a.tab-link-active,
.ios .tabbar a.tab-link-active {
   color: white
}

.toolbar-inner {
   border-bottom: 1px solid #D5DAE0
}

.ios .toolbar-inner {
   padding: 0;
}

.booking-table__icon {
   vertical-align: top;
   width: 38px
}

.booking-table__icon img {
   width: 23px;
   height: auto;
}

.booking-table__icon {}

.booking-table__text {
   vertical-align: top
}

.booking-table__icon2 {
   vertical-align: bottom;
   text-align: right;
   border-bottom: 1px solid #D5DAE0;
   width: 23px
}

.booking-table__table td {
   padding: 0;
   padding-bottom: 10px
}

.booking-table__table {
   width: 100%;
   table-layout: fixed
}

.booking-tabs__item {
   padding: 16px;
   padding-bottom: 0;
   display: block;
   overflow: hidden;
   position: relative;
}

.md .list {
   font-size: 15px;
}

.booking-tabs__item .ripple-wave,
.item-check-location .ripple-wave,
.item-radio-location .ripple-wave,
.toolbar-inner .ripple-wave,
.smart-select--custom .ripple-wave,
.guess__link .ripple-wave {
   background: rgba(255, 177, 0, 0.2) !important
}

.booking-table__text {
   line-height: 1;
   border-bottom: 1px solid #D5DAE0
}

.booking-tabs__item--calendar {
   padding-top: 0
}

.booking-tabs__item--calendar td {
   padding-top: 16px
}

.booking-table__table .booking-table__icon2--middle {
   padding-right: 10px;
   width: 10px
}

.booking-table__table .booking-table__text--middle {
   padding-left: 10px;
   border-left: 1px solid #D5DAE0;
}

.booking-table__text__sub {
   font-size: 13px;
   color: #4D4D4D
}

.booking-table__text__sub~.item-after {
   font-size: 15px;
   line-height: 1.3em;
   font-weight: bold;
   margin-top: 10px;
   color: #888888;
   white-space: nowrap;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
}

.tabbar--ways label {
   color: #FFCB05;
   height: 100%;
   width: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   font-size: 13px;
}

#one-ways:checked~.content__wrap #calender-two-ways,
#two-ways:checked~.content__wrap #calender-one-ways,
#one-ways:checked~.content__wrap #two-way-link,
#two-ways:checked~.content__wrap #one-way-link {
   display: none
}

#one-ways:checked~.content__wrap label[for=one-ways],
#two-ways:checked~.content__wrap label[for=two-ways] {
   background: #FFCB05;
   color: white;
   overflow: hidden
}

.tabbar--ways input {
   display: none
}

.item-divider:first-child+li,
.item-divider:first-child {
   display: none;
}

.bold {
   font-weight: bold;
}

.booking-tabs__item--middle td {
   vertical-align: middle
}

.booking-table__text__text2 {
   font-size: 15px;
   line-height: 16px
}

.booking-table__text__text2>span {
   line-height: 1.6em;
   display: inline-block
}

.booking-table__number td {
   padding-bottom: 0;
   position: relative;
   overflow: hidden
}

.booking-table__number__detail {
   font-size: 15px;
   color: #231F20;
   line-height: 1;
   padding-bottom: 6px;
   padding-top: 3px;
   border-left: 1px solid #D7D7D7;
   border-right: 1px solid #D7D7D7;
   font-weight: bold;
   color: #888888
}

.booking-table__number__detail--active {
   color: #FFCB05;
}

.booking-table__dau {
   display: block;
   text-align: center;
   width: 24px;
   height: 24px;
   margin: auto;
   position: relative;
   overflow: visible;
}

.booking-table__dau img {
   width: 10px;
   height: auto;
   margin: 0 auto;
   vertical-align: middle
}

.booking-table__number .not-hidden {
   overflow: visible
}

.booking-table__number {
   width: 100%;
}

.booking-table__number td {
   padding-bottom: 0
}

.booking-tabs__item--number {
   padding: 0;
}

.booking-tabs__item--number td {
   padding: 0;
}

.booking-tabs__item--number .booking-table__number td {
   width: 33%;
   height: 59px
}

.booking-tabs__item--number .booking-table__table td:first-child:not(.not-hidden) {
   padding-left: 16px;
}

.booking-tabs__item--number .booking-table__table td:last-child {
   width: 120px
}

.booking-table__dau--disable {
   opacity: 0.3
}

.booking-table__text-note {
   font-size: 13px;
   color: #888888;
   line-height: 1.6em
}

.page-content--popup {
   margin-top: 130px;
   padding-bottom: 110px;
}

.my-popup--custom {
   background-image: url(../img/bg.jpg);
   -webkit-background-size: cover;
   background-size: cover;
   background-color: transparent
}

.md .page-content .searchbar--custom {
   margin: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background: rgba(255, 255, 255, 0.9);
   margin-top: 30px;
   margin-bottom: 20px;
   overflow: hidden;
   -webkit-transition: 0.25s all ease-in-out;
   -o-transition: 0.25s all ease-in-out;
   transition: 0.25s all ease-in-out;
}

.md .page-content .searchbar-focused {
   background: white
}

.md .searchbar--custom input[type=search] {
   padding-left: 48px;
   text-align: center;
   font-size: 15px;
   color: black;
}

.md .list .box-c__header {
   color: #0058A0
}

.md .list.list-box {
   margin: 0;
}

.location-s td:first-child {
   width: 76px;
   font-size: 13px;
   text-transform: uppercase
}

.md .list .icon.icon-location>div {
   color: white;
   font-size: 13px;
   padding: 3px 0;
   width: 50px;
   text-align: center;
   font-weight: bold;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background-color: #7E8691
}

.md .list .icon.icon-location {
   height: 100%;
   padding: 12px 16px;
   padding-right: 0
}

.md .list .item-inner-custom:after {
   display: none;
   opacity: 0;
}

.md .list .item-inner-custom {
   padding: 12px 16px;
}

.md .list .item-radio-location,
.md .list .item-check-location {
   padding-left: 0
}

.list.searchbar-found li {
   border-bottom: 1px solid #efefef
}

.item-radio-location input:checked~.icon-location,
.item-radio-location input:checked~.item-inner-custom {
   background-color: #FFCB05;
   color: white;
}

.item-radio-location input:checked~.icon.icon-location>div {
   background-color: white;
   color: #FFCB05
}

.form-search-wrap {
   padding: 0 16px;
}

.md .searchbar--custom {
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

.box-c--guess .box-c__content,
.box-c--guess .box-c__item {
   padding: 0;
}

.box-c--guess .box-c__content .list.guess .guess__link {
   padding: 13px 16px;
}

.box-c--guess .box-c__content .accordion-item-content {
   padding: 0 16px;
}

input[type='checkbox'],
input[type='radio'] {
   display: none
}

.item-radio__checked {
   display: inline-block;
   vertical-align: middle
}

input[type='checkbox']~.item-radio__checked span,
input[type='radio']~.item-radio__checked span {
   font-size: 20px;
   display: block;
   margin-right: 16px;
   width: 1em;
   height: 1em;
   background: transparent;
   border: 1px solid #808080;
   margin-right: 16px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
   cursor: pointer;
   -webkit-transition: all 250ms cubic-bezier(.4, .0, .23, 1);
   -o-transition: all 250ms cubic-bezier(.4, .0, .23, 1);
   transition: all 250ms cubic-bezier(.4, .0, .23, 1);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: relative;
}

input[type='checkbox']:checked~.item-radio__checked span,
input[type='radio']:checked~.item-radio__checked span,
input[type='checkbox']:checked~.item-radio__checked span.checkbox-white {
   border: .5em solid #FFCB05;
}

input[type='checkbox']:checked~.item-radio__checked span:before,
input[type='radio']:checked~.item-radio__checked span:before {
   content: "";
   position: absolute;
   top: -1px;
   left: -6px;
   border-right: 2px solid transparent;
   border-bottom: 2px solid transparent;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transform-origin: 0% 100%;
   -ms-transform-origin: 0% 100%;
   transform-origin: 0% 100%;
   -webkit-animation: checkbox-check 2ms 200ms cubic-bezier(.4, .0, .23, 1) forwards;
   animation: checkbox-check 2ms 200ms cubic-bezier(.4, .0, .23, 1) forwards;
}

@-webkit-keyframes shrink-bounce {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   33% {
      -webkit-transform: scale(.85);
      transform: scale(.85);
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}

@keyframes shrink-bounce {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   33% {
      -webkit-transform: scale(.85);
      transform: scale(.85);
   }
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}

@-webkit-keyframes checkbox-check {
   0% {
      width: 0;
      height: 0;
      border-color: white;
   }
   33% {
      width: .2em;
      height: 0;
   }
   100% {
      width: .2em;
      height: .45em;
      border-color: white;
   }
}

@keyframes checkbox-check {
   0% {
      width: 0;
      height: 0;
      border-color: white;
      -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
      transform: translate3d(0, 0, 0) rotate(45deg);
   }
   33% {
      width: .2em;
      height: 0;
      -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
      transform: translate3d(0, 0, 0) rotate(45deg);
   }
   100% {
      width: .2em;
      height: .45em;
      border-color: white;
      -webkit-transform: translate3d(0, -.45em, 0) rotate(45deg);
      transform: translate3d(0, -.45em, 0) rotate(45deg);
   }
}

.search-chips__item.link {
   padding: 2px 30px 4px 10px;
   border: 1px solid #CCCCCC;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   color: #272E3A;
   margin: 5px 4px;
   background-image: url('../img/ic_remove_orange.svg');
   background-repeat: no-repeat;
   -webkit-background-size: 8px 8px;
   background-size: 8px 8px;
   background-position: center right 8px;
}

.search-chips {
   padding: 11px 11px 11px 11px;
}

.box-c--search-chips {
   display: none
}

.calendar-modal.modal-in {
   /* background-image: url(../img/bg.jpg); */
   background-color: #0058A0;
   -webkit-background-size: cover;
   background-size: cover;
}

.md .calendar .toolbar {
   background-color: #ffffff !important;
   margin-top: 0
}

.calendar .nav-c {
   margin-bottom: 5px;
   margin-top: 5px;
}

.calendar-months {
   min-height: 300px
}

.md .calendar-week-header {
   min-height: 30px;
}

.md .calendar-modal .toolbar,
.ios .calendar-modal .toolbar {
   min-height: 50px;
}

.calendar-modal.modal-in {
   overflow-y: auto
}

.md .calendar-week-header,
.calendar-month,
.calendar-footer {
   background-color: white;
}

.calendar-modal {
   width: 100%;
   height: 100%;
   max-width: none;
}

.calendar-row {
   height: 50px;
}

.md .calendar-modal .toolbar,
.ios .calendar-modal .toolbar {
   height: 50px;
}

.md .calendar-modal .toolbar {
   font-size: 17px;
   text-align: center
}

.md .icon-prev.color-black,
.md a.link .color-black .icon-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23969BA3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

.md .icon-next.color-black,
.md a.link .color-black .icon-next {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23969BA3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

.calendar .toolbar-inner {
   border-bottom: 0
}

.md .calendar-week-header {
   border-bottom: 1px solid #D5DAE0;
   border-top: 1px solid #D5DAE0;
}

.calendar-months-wrapper {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-bottom: 1px solid #D5DAE0;
}

.md .calendar-week-header {
   height: 30px
}

.link-buttton-calendar {
   padding: 16px 0;
   background-color: white
}

.link-buttton-calendar .link.button-c {
   background-color: #5E2E86;
}

.md .toolbar a.link {
   height: 56px;
   line-height: 56px;
}

.calendar-day {
   position: relative;
}

.md .calendar-day.calendar-day-today span {
   color: #000000;
   font-weight: bold;
   width: 36px;
   height: 36px;
   line-height: 36px;
}

.md .calendar-day span {
   font-size: 15px
}

.md .calendar-week-header .calendar-week-day {
   text-transform: uppercase;
   font-weight: 500;
}

.md .calendar-range .calendar-day.calendar-day-selected span,
.md .calendar-day.calendar-day-selected span {
   -webkit-border-radius: 25px;
   border-radius: 25px;
   width: 40px;
   height: 40px;
   line-height: 40px;
   background-color: transparent;
   color: #000000;
   position: relative;
   z-index: 2;
   margin-top: 5px
}

.md .calendar-range .calendar-day.calendar-day-selected:not(.selected-date-hightlight):before {
   position: absolute;
   height: 70%;
   top: 15%;
   width: 100%;
   background-color: #F4F4F4;
   content: "";
   z-index: 1
}

.md .calendar-range .calendar-day.calendar-day-selected.selected-date-hightlight--first:before {
   width: 50%;
   right: 0;
   left: auto;
   position: absolute;
   height: 70%;
   top: 15%;
   background-color: #F4F4F4;
   content: "";
   z-index: 1
}

.md .calendar-range .calendar-day.calendar-day-selected.selected-date-hightlight--sec:before {
   width: 50%;
   right: auto;
   left: 0;
   position: absolute;
   height: 70%;
   top: 15%;
   background-color: #F4F4F4;
   content: "";
   z-index: 1
}

.md .calendar-range .calendar-day.calendar-day-selected.selected-date-hightlight--sec.selected-date-hightlight--first:before {
   display: none
}

.md .calendar-range .calendar-day.calendar-day-selected.selected-date-hightlight span,
.md .calendar-day.calendar-day-selected span {
   background-color: #0058A0;
   color: white;
}

.md .calendar .toolbar a.link:before {
   background-image: none
}

.nav-c__sub-text {
   font-size: 13px;
   font-weight: regular;
}

.inline-block {
   display: inline-block
}

.nav-c__text__icon {
   height: 12px;
   width: auto;
   vertical-align: middle;
   margin: 0 5px 5px 5px;
}

.page__load {
   top: 0;
   height: -webkit-calc(100% - 18px);
   height: calc(100% - 18px);
   -webkit-transition: 0.5s all ease-in-out;
   -o-transition: 0.5s all ease-in-out;
   transition: 0.5s all ease-in-out;
   background-image: url(../img/bg.jpg);
   -webkit-background-size: cover;
   background-size: cover;
   background-repeat: no-repeat;
   z-index: 10;
   position: absolute;
   width: 100%
}

.page__fly__title {
   font-size: 17px;
   text-align: center;
   font-weight: normal;
}

.page__fly__title2 {
   font-size: 8vw;
   font-weight: 600;
   text-align: center
}

.page__fly__title2 img {
   margin: 4vw 0;
   margin-bottom: 0.8vw;
   height: 9vw;
   width: auto
}

.page__fly__title3 {
   font-size: 15px;
   text-align: center
}

.page__fly__title4 {
   text-align: center
}

.page__load__item {
   height: -webkit-calc(100% - 48px);
   height: calc(100% - 48px);
}

.page__fly {
   height: 100%;
}

.page__fly__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   text-align: center;
}

.page__fly__inner:nth-of-type(1) {
   height: 56%
}

.page__fly__inner:nth-of-type(2) {
   height: 14%;
}

.page__fly__inner:nth-of-type(3) {
   height: -webkit-calc(30% - 30px);
   height: calc(30% - 30px);
}

.page__fly__title4 img {
   width: 108px;
   height: auto;
   margin: 0 auto;
}

.page__fly__loading {
   height: 30px;
   background-color: #969BA3
}

.page__fly__loading-left {
   position: relative;
}

.page__fly__loading-left__text {
   display: inline-block;
   color: white;
   font-size: 13px;
   line-height: 30px;
   vertical-align: middle;
}

.spiner-wraper {
   width: 40px;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   line-height: 30px;
   overflow: hidden;
   height: 30px;
   margin-left: -4px;
}

.spinner {}

.spinner div {
   width: 3px;
   height: 3px;
   position: absolute;
   left: 0;
   top: 16px;
   background-color: white;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   -webkit-animation: move 1s infinite cubic-bezier(.2, .64, .81, .23);
   animation: move 1s infinite cubic-bezier(.2, .64, .81, .23);
}

.spinner div:nth-child(2) {
   -webkit-animation-delay: 150ms;
   animation-delay: 150ms;
}

.spinner div:nth-child(3) {
   -webkit-animation-delay: 300ms;
   animation-delay: 300ms;
}

.spinner div:nth-child(4) {
   -webkit-animation-delay: 450ms;
   animation-delay: 450ms;
}

@-webkit-keyframes move {
   0% {
      left: 0%;
      opacity: 1
   }
   75% {
      left: 67%;
      opacity: 0
   }
   100% {
      left: 130%;
      opacity: 0
   }
}

@keyframes move {
   0% {
      left: 0%;
      opacity: 1
   }
   75% {
      left: 67%;
      opacity: 0
   }
   100% {
      left: 130%;
      opacity: 0
   }
}

.page__fly__loading {
   display: table;
   width: 100%;
}

.page__fly__loading-left {
   display: table-cell;
   width: 60%;
   background-color: #FFCB05
}

.page__fly__loading-right {
   display: table-cell;
   width: 40%;
   vertical-align: middle;
}

.md .page__fly__loading-right .progressbar {
   height: 30px;
   background-color: transparent
}

.md .page__fly__loading-right .progressbar span {
   background: url('../img/ic_flight_white.svg') center right no-repeat #FFCB05;
}

.page__load--hide {
   pointer-events: none;
   opacity: 0;
   margin-top: -18px;
   height: 0
}

.page__show {
   height: 100%;
   opacity: 0;
   -webkit-transition: 0.5s all ease-in-out;
   -o-transition: 0.5s all ease-in-out;
   transition: 0.5s all ease-in-out;
   -webkit-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%);
}

.page__show--showed {
   opacity: 1;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
}

@-webkit-keyframes page-load-transition {
   0% {
      opacity: 1;
      display: block
   }
   100% {
      opacity: 0;
      height: 0;
      margin-top: -18px;
   }
}

@keyframes page-load-transition {
   0% {
      opacity: 1;
      display: block
   }
   33% {
      opacity: 0.1;
      display: block
   }
   100% {
      opacity: 0;
      height: 0;
      margin-top: -18px;
   }
}

.list-fly__loc {
   font-size: 15px;
   font-weight: 600;
   color: #000;
   line-height: 16px
}

.list-fly__loc-short {
   font-size: 15px;
   color: #888888;
}

.list-fly__time {
   font-size: 11px;
   color: #545556;
   margin-top: 4px
}

.list-fly__head {
   width: 100%;
}

.list-fly__head td {
   vertical-align: middle;
   padding: 10px 0 3px 0;
}

.list-fly__head td:not(:nth-of-type(2)) {
   width: 45%;
}

.list-fly__ic {
   width: 16px;
   height: auto;
}

.md a.smart-select--custom {
   color: #888888;
   padding: 8px 16px 8px 16px;
   display: block;
}

.smart-select--custom .item-title {
   margin-right: 5px
}

.smart-select--custom .item-title,
.smart-select--custom .item-after {
   display: inline-block;
   vertical-align: middle
}

.smart-select--custom table {
   width: 100%;
}

.smart-select--custom table td {
   vertical-align: middle
}

.smart-select-sheet,
.sheet-modal--price-detail,
.sheet-modal--chose-return {
   color: black;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   min-height: 142px;
   height: auto;
   max-height: 260px;
   contain: unset;
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
}

.sheet-modal--chose-return {
   min-height: 40px;
}

.smart-select-sheet .page-content,
.sheet-modal--price-detail .page-content,
.sheet-modal--chose-return .page-content {
   contain: unset;
}

.md .sheet-modal:not(.picker) .toolbar+.sheet-modal-inner {
   height: auto
}

.md .smart-select-sheet .toolbar a {
   color: #0058A0
}

.sheet-modal.smart-select-sheet .list {
   overflow: auto;
   max-height: 221px;
}

.box-list__wrap {
   background-color: rgba(255, 255, 255, 0.9);
}

.box-list__wrap--left {
   margin-right: 1.5px;
   -webkit-border-radius: 10px 0 0 10px;
   border-radius: 10px 0 0 10px;
}

.box-list__wrap--right {
   margin-left: 1.5px;
   -webkit-border-radius: 0 10px 10px 0;
   border-radius: 0 10px 10px 0;
}

.box-list__wrap table {
   width: -webkit-calc(100% - 16px);
   width: calc(100% - 16px);
   margin-left: 8px;
   margin-right: 8px
}

.box-list__wrap table td {
   vertical-align: middle;
}

.box-list__wrap--left,
.box-list__wrap--right {
   width: -webkit-calc(50% - 1.5px);
   width: calc(50% - 1.5px);
   float: left;
   padding: 10px 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

.box-list__flight img {
   max-width: 78px;
}

.box-list__class,
.box-list__time2 {
   font-size: 11px;
   color: #888888
}

hr {
   border: 0px solid #D5DAE0;
   height: 1px;
}

.box-list__time {
   color: #231F20;
   font-size: 13px;
}

.box-list__time2 hr {
   background: #93999E;
   margin: 2px 0 2px 0;
}

.box-list__codef {
   font-size: 11px;
   font-weight: 600;
   color: #0058A0
}

.box-list__price {
   font-size: 15px;
   font-weight: 600;
   color: #0058A0
}

.box-list__hr {
   background-color: #D5DAE0;
}

.box-list__middle {
   margin-bottom: 10px;
   margin-top: 5px
}

.box-list__radio input:checked~.box-list__wrap--left,
.box-list__radio input:checked~.box-list__wrap--right,
.box-list__radio input:checked~.box-list__wrap--one {
   background-color: rgba(255, 255, 255, 0.7)
}

.box-list__item:after,
.box-list__radio:after {
   content: "";
   display: table;
   clear: both
}

.content__wrap--list-fly {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   height: 100%;
   padding-bottom: 0;
}

.box-list__radio:last-child .box-list__wrap {
   margin-bottom: 20px
}

.box-list--int-2,
.box-list--int-1 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   overflow: auto;
}

.box-list__radio {
   display: block;
   overflow: hidden;
   margin-bottom: 10px;
}

.content__wrap--list-fly .box-c {
   -webkit-box-flex: 0;
   -webkit-flex: none;
   -ms-flex: none;
   flex: none;
}

.box-list__item {
   width: 100%
}

.price-detail__detail {
   font-size: 13px;
}

.sheet-modal--price-detail .clrgrey,
.sheet-modal--chose-return .clrgrey {
   color: #231F20;
}

.sheet-modal--price-detail .table1,
.sheet-modal--chose-return .table1 {
   width: 100%;
   text-align: center;
}

.sheet-modal--price-detail .table1 {
   margin-top: 7px
}

.sheet-modal--price-detail .table2,
.sheet-modal--chose-return .table2 {
   width: 100%;
   margin-top: 13px
}

.sheet-modal--price-detail .table2 td,
.sheet-modal--chose-return .table2 td {
   padding-top: 13px;
   border-top: 1px solid #D5DAE0
}

.clrpurple {
   color: #361E58
}

.price-detail__price {
   font-size: 17px;
   display: inline-block;
   text-align: center
}

.md .price-detail__link {
   color: #FFCB05;
   font-weight: bold;
   font-size: 13px;
   display: block
}

.price-detail__book {
   display: block;
   height: 44px;
   font-size: 15px;
   line-height: 44px;
   min-width: 130px;
   text-align: center;
   background: linear-gradient(-135deg, #FFCB05 0%, #ffe000 100%);
   -webkit-border-radius: 20px;
   border-radius: 20px;
   padding: 0 15px;
   color: #231F20 !important;
   font-weight: bold;
}

.md .price-detail__book {
   color: white;
}

.md .sheet-modal--price-detail,
.md .sheet-modal--chose-return {
   padding: 10px 16px;
   background: rgba(255, 255, 255, 0.98);
   border-top: 2px solid #FFCB05
}

.sheet-modal--price-detail.modal-in,
.sheet-modal--chose-return.modal-in {
   display: block;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.sheet-modal--price-detail.modal-in,
.sheet-modal--price-detail.modal-out,
.sheet-modal--chose-return.modal-in,
.sheet-modal--chose-return.modal-out {
   -webkit-transition-duration: .3s;
   -o-transition-duration: .3s;
   transition-duration: .3s;
}

.sheet-modal--price-detail,
.sheet-modal--chose-return {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   z-index: 12500;
   will-change: transform;
   display: none;
}

.sheet-backdrop-custom {
   z-index: 12501
}

.smart-select-sheet {
   z-index: 12502
}

.popup {
   z-index: 12503
}

/* quynhtn css */

.button-hleft {
   width: 48%;
   float: left;
}

.button-hright {
   width: 48%;
   float: right;
}

.button-g {
   background-color: #D3D3D3;
   -webkit-border-radius: 50px;
   border-radius: 50px;
   height: 44px;
   line-height: 44px;
   font-size: 15px;
   display: block;
   color: #1A1B1E !important;
   border: 0;
   text-align: center;
}

.input-c-2[type=text],
.input-c-2[type=tel],
.input-c-2[type=date] {
   border: 0;
   width: 100%;
   font-size: 15px;
   padding: 5px;
   color: #231F20;
   padding-left: 0
}

.input-c-2::-webkit-input-placeholder {
   color: #888888;
   text-align: left;
}

.input-c-2::-moz-placeholder {
   color: #888888;
   text-align: left;
}

.input-c-2:-ms-input-placeholder {
   color: #888888;
   text-align: left;
}

.input-c-2::-ms-input-placeholder {
   color: #888888;
   text-align: left;
}

.input-c-2::placeholder {
   color: #888888;
   text-align: left;
}

.md .item-input-error-message {
   position: relative
}

.center~.item-input-error-message {
   text-align: center
}

.pd10 {
   padding: 10px;
}

.pd5 {
   padding: 5px;
}

.bold {
   font-weight: bold;
}

.fz14 {
   font-size: 13px !important;
   vertical-align: bottom;
}

.fixed-width-30:not(td) {
   width: 30%;
   float: none !important;
   display: inline-block;
   vertical-align: middle;
}

td.fixed-width-30 {
   width: 30%;
}

.fixed-width-70 {
   width: calc(70% - 5px);
   width: -webkit-calc(70% - 5px);
   float: none !important;
   display: inline-block !important;
   vertical-align: middle;
}

.fixed-width-50 {
   width: 49%;
}

.fleft {
   float: left;
}

.fright {
   float: right;
}

.box-c__textinfo {
   color: #231F20;
   font-size: 15px;
   line-height: 25px;
   padding: 10px 0 0 0;
}

a.link-white {
   display: block;
   padding: 10px;
   color: white;
   text-decoration: underline;
}

a.link-orange {
   padding-top: 5px;
   padding-bottom: 5px;
   color: #FFCB05;
}

.box-c__content-1 {
   background-color: rgba(255, 255, 255, 0.9);
   padding: 5px 16px;
   border-bottom: 1px solid #D5DAE0;
}

.box-c__content-1:first-child {
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0
}

.box-c__content-1:last-child,
.box-c__content-1~.box-c__content {
   -webkit-border-radius: 0 0 10px 10px;
   border-radius: 0 0 10px 10px
}

.box-c__header-1 {
   padding-top: 17px;
   padding-bottom: 17px;
   font-size: 17px;
   color: #231F20;
}

.box-c__header-1 table {
   width: 100%;
}

.box-c__header-2 {
   padding: 13px 0;
   font-size: 13px;
   color: #FFCB05;
   font-weight: bold;
}

.box-c__header--grey {
   font-weight: normal;
   color: #888888;
}

.box-c__item-1 {
   padding: 5px 0;
   font-size: 15px;
   color: #231F20;
}

.box-c__item-2 {
   padding: 8px 0;
   font-size: 15px;
   color: #231F20;
   text-align: right
}

.box-c__item-2 .switch {
   margin-top: 6px
}

.box-c__item-1 table {
   width: 100%;
}

.box-c__select {
   padding: 0 0;
   font-size: 15px;
   color: #231F20;
   border-bottom: 1px solid #cccccc;
   overflow: hidden;
   -webkit-background-size: 12px 7.3px;
   background-size: 12px 7.3px;
}

.select_label {
   color: #888888;
}

.fly__symbol img {
   width: 14px;
   height: auto;
   vertical-align: text-bottom;
}

.fly__symbol {
   font-size: 17px;
   margin-bottom: 3px
}

.fly__symbol__text {
   display: inline-block;
   vertical-align: middle;
   padding-left: 3px;
}

/* switch button */

.switch {
   display: inline-block;
   position: relative;
   height: 30px;
   width: 96px;
   border: 1px solid #D5DAE0;
   -webkit-border-radius: 30px;
   border-radius: 30px;
   color: #231f20;
   line-height: 30px;
   font-size: 12px;
}

.slide {
   border: 0 solid black;
   background: black;
   -webkit-border-radius: 20px;
   border-radius: 20px;
   position: absolute;
   z-index: 3;
   top: 4px;
   left: 4px;
   width: 35px;
   height: 20px;
   clip: rect(0, 0, 0, 0);
}

.on {
   position: absolute;
   z-index: 5;
   top: 0px;
   left: 2px;
   display: block;
   width: 45px;
   text-align: center
}

.off {
   position: absolute;
   top: 0px;
   right: 6px;
   text-align: right;
   display: block;
   width: 40px;
   text-align: center
}

@-webkit-keyframes move_slider {
   from: {
      width: 40px;
      left: 2px;
      right: auto;
   }
   50% {
      width: 60px;
      left: auto;
      right: auto;
   }
   to {
      width: 40px;
      left: auto;
      right: 2px;
   }
}

@keyframes move_slider {
   0% {
      width: 40px;
      left: 2px;
   }
   50% {
      width: 60px;
      left: 2px;
   }
   100% {
      width: 40px;
      left: 38px;
   }
}

@-webkit-keyframes move_slider_back {
   0% {
      left: 38px;
   }
   50% {
      width: 60px;
      left: 18px;
   }
   100% {
      left: 2px;
   }
}

@keyframes move_slider_back {
   0% {
      left: 38px;
   }
   50% {
      width: 60px;
      left: 18px;
   }
   100% {
      left: 2px;
   }
}

.slider {
   position: absolute;
   width: 49px;
   height: 26px;
   background: #FFCB05;
   -webkit-border-radius: 26px;
   border-radius: 26px;
   top: 2px;
   left: 45px;
   -webkit-animation: .2s ease-in-out 0s move_slider;
   animation: .2s ease-in-out 0s move_slider;
}

.slide:checked+.slider {
   left: 2px;
   width: 45px;
   -webkit-animation: .2s ease-in-out 0s move_slider_back;
   animation: .2s ease-in-out 0s move_slider_back;
}

.slide~.on {
   opacity: .6;
   color: #969BA3;
}

.slide:checked~.on {
   opacity: 1;
   color: #231f20;
}

.slide:checked~.off {
   opacity: .6;
   color: #969BA3;
}

@media (max-width: 330px) {
  .switch{
     left: -10px;
  }
}

/* end switch button */

.ios .checkbox i,
.ios .icon-checkbox {
   width: 18px;
   height: 18px;
}

.checkbox__text {
   padding-left: 5px;
   vertical-align: bottom;
}

.ios .checkbox input[type=checkbox]:checked~i {
   background: #0058A0;
}

.ios .list input[type=text],
.ios .list select,
select {
   height: auto;
   font-size: 15px;
   color: #231F20;
   padding: 5px;
}

.rotate-45 {
   width: 12px;
   height: auto;
   -webkit-transition: 0.15s all ease-in-out;
   -o-transition: 0.15s all ease-in-out;
   transition: 0.15s all ease-in-out;
}

.accordion-item-opened .rotate-45 {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.accordion-item-opened .accordion-clractive {
   color: #FFCB05;
   font-weight: bold;
}

.checkbox-term {
   padding: 0 0 15px 5px;
   font-size: 15px;
}

.checkbox-term .icon-checkbox {
   display: inline-block;
   margin-right: 5px;
   margin-bottom: 2px;
   vertical-align: bottom;
}

.checkbox-term .checkbox__text {
   padding-left: 0
}

.md .checkbox input[type=checkbox]:checked~i,
.md label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,
.md label.item-checkbox input[type=checkbox]:checked~.icon-checkbox {
   background-color: #5DAA2B;
   border-color: #5DAA2B;
}

/*end quynhtn css*/

.text-int,
.no-item-title .item-title {
   display: none !important;
}

.smart-select--custom .item-after {
   max-width: 90%;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   color: #231F20
}

.md .box-c__select .smart-select--custom {
   padding: 13px 0;
   position: relative;
}

.accordion-list--custom ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.accordion-list--custom ul .accordion-item a {
   position: relative;
   overflow: hidden;
   display: block;
   color: #888888;
   padding: 10px 0;
}

.checkbox--custom {
   position: relative;
   overflow: hidden
}

.checkbox--custom-single {
   overflow: visible;
   vertical-align: top;
   display: inline-block;
}

input[type='checkbox']~.item-radio__checked span.checkbox-white {
   border-color: white;
}

.checkbox--custom .checkbox__text {
   display: inline-block
}

.checkbox--custom input[type='checkbox']~.item-radio__checked span,
.checkbox--custom input[type='radio']~.item-radio__checked span {
   margin-right: 0
}

.term:after {
   content: "";
   clear: both;
   display: table
}

.box-list__wrap--one {
   width: 100%;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   padding: 7px 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.box-list__top .box-list__middle {
   margin: 0;
   width: 100%;
}

.box-list__wrap--one .box-list__top>tr>td:first-child {
   width: 20%;
}

.box-list__wrap--one .box-list__top>tr>td:last-child {
   width: 30%;
}

.item-radio__checked--booking span {
   margin: 0
}

.booking-check__text {
   display: inline-block;
   vertical-align: middle;
   font-size: 15px;
   color: #333333;
   padding-left: 7px;
   padding-bottom: 3px;
}

.booking-check {
   margin: 15px 0;
}

.booking-class__ic,
.booking-class__text {
   display: inline-block;
   vertical-align: middle
}

.booking-class {
   float: left;
   width: 50%;
   overflow: hidden;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

.booking-check:after {
   content: "";
   display: table;
   clear: both
}

.booking-class__inner {
   width: 100%;
   text-align: center;
   padding: 7px 0;
   background-color: #F2F5F7;
   overflow: hidden
}

.booking-class--left .booking-class__inner {
   -webkit-border-radius: 5px 0 0 5px;
   border-radius: 5px 0 0 5px;
   border: 1px solid #D5DAE0;
   border-right: 0;
}

.booking-class--right .booking-class__inner {
   -webkit-border-radius: 0 5px 5px 0;
   border-radius: 0 5px 5px 0;
   border: 1px solid #D5DAE0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.booking-class__ic img {
   width: 18px;
   height: auto;
   -webkit-filter: grayscale(100%);
   /* Safari 6.0 - 9.0 */
   filter: grayscale(100%);
}

.booking-class__text {
   font-size: 15px;
   color: #99999a;
   padding: 0 0 3px 0;
}

.booking-class input:checked~.booking-class__inner {
   background-color: white;
}

.booking-class input:checked~.booking-class__inner .booking-class__text {
   color: #333333;
}

.booking-class input:checked~.booking-class__inner .booking-class__ic img {
   webkit-filter: grayscale(0%);
   /* Safari 6.0 - 9.0 */
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
}

.searchbar-inner {
   overflow: hidden
}

.box-list--dosm-2 {
   overflow: hidden;
}

.box-list--dosm-2:after {
   clear: both;
   content: "";
   display: table;
}

.box-list--dosm-2 .box-list__item {
   width: 50%;
   float: left;
   overflow: auto;
}

.box-list--dosm-2 .box-list__wrap--left,
.box-list--dosm-2 .box-list__wrap--right {
   width: -webkit-calc(100% - 1.5px);
   width: calc(100% - 1.5px)
}

.searchbar-backdrop {
   display: none
}

.item-head {
   font-size: 11px;
   text-transform: uppercase;
   color: #0058A0;
   font-weight: 600;
}

.md .box-c--two a.smart-select--custom {
   padding-right: 8px;
   padding-left: 8px;
}

.box-c--two .box-c__content {
   width: -webkit-calc(50% - 1.5px);
   width: calc(50% - 1.5px);
   float: left;
}

.box-c--two .box-c__content:first-child {
   -webkit-border-radius: 10px 0 0 10px;
   border-radius: 10px 0 0 10px;
}

.box-c--two .box-c__content:last-child {
   -webkit-border-radius: 0 10px 10px 0;
   border-radius: 0 10px 10px 0;
   margin-left: 3px
}

.box-c--two:after {
   display: table;
   content: "";
   clear: both
}

.box-list--int-2:not(.box-list--dosm-2) .box-list__wrap--left,
.box-list--int-2:not(.box-list--dosm-2) .box-list__wrap--right {
   margin-right: 0;
   margin-left: 0;
   width: 50%;
}

.box-list--int-2:not(.box-list--dosm-2) .box-list__wrap--left:after {
   content: "";
   position: absolute;
   width: 1px;
   height: -webkit-calc(100% - 39px);
   height: calc(100% - 39px);
   left: 50%;
   background-color: #D5DAE0;
   top: 0;
}

/*css popup*/

.page__blur__bg {
   opacity: 0.1;
   background-color: #000;
   z-index: 0;
}

.dialog.dialog-buttons-1.modal-in.dialog-custom {
   display: block;
   top: 34%;
   -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .22);
   box-shadow: 0 4px 4px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .22);
}

.dialog-inner.dialog-inner-custom {
   padding: 15px 24px 15px;
   text-align: center;
}

.md .custom-dialog {
   -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .22);
   box-shadow: 0 4px 4px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .22);
   border-radius: 10px;
}

.custom-dialog .dialog-inner {
   padding: 0
}

.custom-dialog .dialog-title {
   color: white
}

.custom-dialog .dialog-text {
   padding: 15px 24px 15px;
   margin-top: 0 !important;
   text-align: center
}

.md .custom-dialog .dialog-buttons {
   display: table;
   width: 100%;
   border-top: 1px solid #ccc;
   padding: 0
}

.custom-dialog .dialog-buttons .dialog-button {
   display: table-cell;
   color: #888888;
}

.custom-dialog .dialog-buttons .dialog-button:last-child {
   color: #0058A0;
   border-radius: 0;
   font-weight: bold
}

.dialog-title.dialog-title-custom,
.dialog-title {
   font-size: 17px;
   line-height: 1.3;
   text-align: center;
   padding: 10px;
   color: #ffffff;
   background: #0058A0;
}

.dialog-button.dialog-button-bold.dialog-button-custom,
.dialog-button {
   margin: 5px 0px;
   border-top: 1px solid #ccc;
   color: #0058A0;
}

.my-popup--white {
   background: transparent;
   pointer-events: none
}

.my-popup--white .view {
   z-index: 12500
}

.my-popup--white .page {
   background: white;
   color: #000000;
}

.my-popup--white .nav-c__Text {
   color: #000000;
}

.my-popup--white .link-fixed {
   position: absolute;
   left: 0;
   width: 100%;
   bottom: 0;
   background: #f5f5f5;
   z-index: 3;
   padding: 15px 0;
   border-radius: 15px;
}

.my-popup--white .nav-c {
   margin: 0;
   background: #f5f5f5;
   border-radius: 15px 15px 0 0;
}

.md .my-popup--white .swiper-slide {
   padding-top: 0 !important
}

.md .my-popup--white .page-content.tab {
   padding-top: 0 !important;
}

.popup-animate-dialog .popup-backdrop {
   pointer-events: all
}

.md .my-popup--white .tabs-swipeable-wrap {
   height: calc(100% - 40px)
}

.popup-animate-dialog .page {
   width: 85%;
   height: 85%;
   bottom: 0;
   right: 0;
   margin: auto;
   border-radius: 10px;
   pointer-events: all
}

.popup-animate-dialog {
   opacity: 0;
   -webkit-transform: translate3d(0, 0, 0) scale(1.185);
   transform: translate3d(0, 0, 0) scale(1.185);
   -webkit-transition-property: opacity, -webkit-transform;
   transition-property: opacity, -webkit-transform;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
   display: none;
   -webkit-transition-duration: .4s;
   transition-duration: .4s;
}

.popup-animate-dialog.modal-in {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0) scale(1);
   transform: translate3d(0, 0, 0) scale(1);
}

.popup-animate-dialog.modal-out {
   -webkit-transform: translate3d(0, 0, 0) scale(1);
   transform: translate3d(0, 0, 0) scale(1);
   opacity: 0
}

/*end css popup*/

.box-c__content .item-input-invalid {
   padding-bottom: 0
}

.dk-table td {
   padding: 5px;
   border: 1px solid #dedede;
   min-width: 70px;
   vertical-align: top;
}

.button-hcenter {
   margin: 0 auto;
}

.calendar-range .calendar-day.calendar-day-selected {
   -webkit-box-align: normal;
   -webkit-align-items: normal;
   -ms-flex-align: normal;
   align-items: normal;
   -webkit-align-content: normal;
   -ms-flex-line-pack: normal;
   align-content: normal;
}

.picked-date__td {
   padding: 3px;
   text-align: center;
   font-size: 15px;
   width: 50%;
   display: table-cell;
   vertical-align: middle;
   color: #000;
   position: relative;
   background-color: #0058A0;
   color: white;
}

.picked-date {
   display: table;
   background-color: #f5f5f5
}

.picked-date__td:nth-of-type(2) {
   width: 30px;
   text-align: center
}

.picked-date__td:nth-of-type(2) img {
   width: 20px;
   height: auto;
}

.picked-date__td--current {
   background-color: #0058A0;
   color: white;
}

.md .calendar-modal .toolbar {
   font-size: 15px;
}

.picked-date__detail {
   display: table;
   margin: 0 auto;
   height: 39px;
}

.picked-date__detail__td {
   display: table-cell;
   vertical-align: middle;
   width: 50%;
   padding: 3px;
   white-space: nowrap;
   font-size: 15px;
}

.picked-date__detail__td:first-child {
   text-align: right
}

.picked-date__detail__date {
   display: inline-block;
   font-size: 30px;
   line-height: 39px;
   font-weight: bold;
}

.picked-date__detail__my {
   text-align: left;
   font-size: 11px;
   line-height: 14px;
   padding-top: 2px;
   font-weight: 500;
}

.picked-date__head {
   font-size: 13px;
   opacity: 0.8;
}

.dialog-button {
   text-transform: unset !important
}

.booking-tabs__item--calendar .item-after {
   display: inline-block;
   float: left;
}

.picked-date__detail .picked-date__detail__td:first-child:last-child {
   width: 100%
}

@media (max-width: 340px) {
   .md .calendar-modal .toolbar {
      font-size: 13px;
   }
}

.h-code,
.h-date {
   display: inline-block;
   padding: 3px 0
}

.h-code {
   padding-left: 5px;
}

.box-c__item .ripple-wave {
   background: rgba(255, 177, 0, 0.2) !important
}

.box-c__item {
   display: block;
}

.md .dialog-title {
   font-size: 17px;
}

.resizable {
   height: 28px;
   font-size: 15px;
   padding: 5px 0;
   width: 100%;
   ;
}

/* input material */

.input-group-material {
   margin-top: 0;
}

.input-md {
   height: 60px;
}

input[type=text].input-material,
input[type=tel].input-material,
input[type=date].input-material,
textarea.input-material,
.smart-select .input-material {
   padding-top: 20px;
   border-radius: 0;
   border-bottom: 1px solid #D5DAE0;
   font-size: 15px;
   background-color: transparent;
   padding-left: 0;
   position: relative;
   z-index: 1;
   width: 100%;
}

.smart-select .input-material {
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

textarea.input-material {
   padding-top: 32px;
   padding-bottom: 12px;
   overflow: hidden;
}

.input-material~.btn-group [title=Chọn] .multiselect-selected-text,
.input-material~.btn-group [title=Select] .multiselect-selected-text {
   opacity: 0;
}

.input-material:disabled,
.input-material~.select2-container--default.select2-container--disabled .select2-selection--single,
.input-material~.select2-container--default.select2-container--disabled .select2-selection--multiple {
   background-color: transparent;
}

.input-material~.select2-container--default .select2-search--inline .select2-search__field {
   padding-left: 0;
}

.input-material~.input-ic {
   text-align: right;
}

.input-material~.select2-container--default .select2-selection--single,
.input-material~.select2-container--default .select2-selection--multiple,
.input-material~.btn-group .multiselect {
   border: 0;
   border-radius: 0;
   border-bottom: 1px solid #D5DAE0;
   background-color: transparent;
}

.input-material~.select2-container--default .select2-selection--single:after,
.input-material~.select2-container--default .select2-selection--multiple:after,
.input-material~.btn-group .multiselect:after {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   background-color: #0058A0;
   height: 2px;
   width: 0;
   bottom: 0;
   -webkit-transition: 0.15s ease-in-out;
   transition: 0.15s ease-in-out;
   content: "";
}

.input-material~.select2-container--default .select2-selection--single .select2-selection__rendered,
.input-material~.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.input-material~.btn-group .multiselect .select2-selection__rendered {
   padding-left: 0;
}

.input-material~.btn-group .multiselect {
   padding-left: 0;
}

.input-material~.select2-container--open~.input-label,
.input-material~.btn-group.open~.input-label {
   color: #0058A0;
}

.input-material~.select2-container--open .select2-selection--multiple:after,
.input-material~.select2-container--open .select2-selection--single:after,
.input-material~.btn-group.open .select2-selection--multiple:after,
.input-material~.btn-group.open .select2-selection--single:after {
   width: 100%;
}

.input-material:focus~.input-line-bar,
.input-material~.btn-group.open~.input-line-bar {
   width: 100%;
}

.input-material:focus~.input-label,
.input-material~.btn-group.open~.input-label {
   font-weight: 500;
   color: #0058A0;
}

.input-material~.input-label {
   color: #888888;
   position: absolute;
   left: 0;
   -webkit-transition: 0.2s all ease-in-out;
   transition: 0.2s all ease-in-out;
   font-size: 15px;
   moz-transform-origin: top left;
   -webkit-transform-origin: top left;
   transform-origin: top left;
   line-height: 1.2;
   pointer-events: none;
}

.input-material.input-ic-right~.input-label {
   left: 36px;
}

.input-material.input-ic-right:focus~.input-label {
   left: 0;
}

.input-material.input-ic-right.input-hadval~.input-label {
   left: 0;
}

.input-md.input-material~.input-label {
   top: 20px;
}

.input-md.input-material:focus~.input-label {
   -webkit-transform: scale(0.87) translateY(-53%);
   transform: scale(0.87) translateY(-53%);
}

.input-md.input-material:focus~.input-label {
   -webkit-transform: scale(0.87) translateY(-53%);
   transform: scale(0.87) translateY(-53%);
}

.input-md~.select2-container--open~.input-label,
.input-md~.btn-group.open~.input-label,
.input-md.input-hadval~.input-label {
   -webkit-transform: scale(0.87) translateY(-53%);
   transform: scale(0.87) translateY(-53%);
}

.input-lg.input-material~.input-label {
   top: 16px;
}

.input-lg.input-material:focus~.input-label {
   -webkit-transform: scale(0.87) translateY(-194%);
   transform: scale(0.87) translateY(-194%);
}

.input-group {
   position: relative;
}

.input-md~.input-line-bar {
   top: 58px;
}

.input-material:focus~.input-line-bar,
.input-material~.btn-group.open~.input-line-bar {
   width: 100%;
}

.input-line-bar {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   background-color: #0058A0;
   height: 1px;
   width: 0;
   -webkit-transition: 0.15s width ease-in-out;
   transition: 0.15s width ease-in-out;
   z-index: 2;
}

.input-material table {
   height: 100%;
   table-layout: fixed;
}

.smart-select--custom table td:last-child {
   width: 12px;
}

.smart-select {
   width: 100%;
}

.smart-select .input-group-material {
   width: 100%;
}

.item-after {
   font-size: 15px;
}

.picker-sheet {
   color: #231F20;
   border-radius: 10px 10px 0 0;
   z-index: 12502;
}

.md .toolbar a {
   color: #0058A0
}

.white,
.clrwhite {
   color: white
}

.underline {
   text-decoration: underline
}

.md .searchbar-disable-button {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg id='ic_search_back' transform='translate(-32.771 -97.771)'%3E%3Ccircle id='Ellipse_19' data-name='Ellipse 19' cx='7' cy='7' r='7' transform='translate(32.771 97.771)' fill='%23a6b5c5'/%3E%3Cpath id='Path_216' data-name='Path 216' d='M17.323,40.861l-2.216-2.153a.329.329,0,0,1,0-.486L17.395,36m-2.252,2.431h4.718' transform='translate(22.747 66.197)' fill='none' stroke='%23e7f0f6' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.3'/%3E%3C/g%3E%3C/svg%3E");
   background-size: 20px auto
}

.md .searchbar .input-clear-button {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg id='ic_search_cancel' transform='translate(-2052 -1664)'%3E%3Cpath id='ic_search_cancel-2' data-name='ic_search_cancel' d='M2061.781,1672.738a.738.738,0,1,1-1.043,1.044l-1.739-1.738-1.738,1.738a.738.738,0,1,1-1.043-1.044l1.738-1.738-1.738-1.738a.738.738,0,1,1,1.043-1.045l1.738,1.738,1.739-1.738a.738.738,0,1,1,1.043,1.045l-1.737,1.738ZM2059,1664a7,7,0,1,0,7,7A7,7,0,0,0,2059,1664Z' fill='%23a6b5c5'/%3E%3C/g%3E%3C/svg%3E");
   background-size: 20px auto
}

.p-blank img{
   width: 245px;
   margin-bottom: 30px;
   margin-top: 18px;
}

.p-plank__text{
   margin-bottom: 12px;
}

.md .dialog-text {
  text-align: center;
}

.custom-dialog-phone .dialog-title {
  color: #161c21;
  background: #fff;
  padding-bottom: 0;
  padding-top: 0;
}

.md .dialog {
   border-radius: 10px;
}

.md .dialog-buttons {
  border-top: 1px solid #e4ebf0;
}

.md .dialog-buttons {
  -webkit-justify-content: center;
  justify-content: center;
}

.md .dialog-buttons span {
  color: #015ca5;
  font-weight: 600;
  font-size: 17px;
}

/*.box-list__radio.selected .box-list__wrap--one {
    background-color: rgba(255, 255, 255, 0.7);
}*/

.box-list__radio.selected .box-list__wrap--left, .box-list__radio.selected .box-list__wrap--right, .box-list__radio.selected .box-list__wrap--one {
    background-color: rgba(255, 255, 255, 0.7);
}