﻿.tienhanh button {
  background-color: #4CAF50;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  cursor: pointer;
}

.tienhanh button:hover {
  opacity: 0.8;
}

#prevBtn {}
.tienhanh {margin:10px auto;padding:20px 10px;text-align:center;}

.rms-content-title {background:#fef9cb;color: #7e8b8f;font-size: 18px;font-weight: 300;padding: 15px 10px 5px;height: 36px;}
.rms-content-title .leftside-title {float: left;}
.rms-content-title .step-label {float: right;font-size: 16px;}
.rms-content-title b {color:#1078B9;font-weight: 400;}
.rms-content-title b i {font-size: 18px!important; padding-right: 5px;}

.row-dattour {padding:15px}
.row-dattour .input-row {overflow: hidden;display: block;}
.row-dattour .lable-row {float: left;width: 200px;line-height: 36px;font-weight: 500;}
.row-dattour .lable-row .sign-required {color: red; font-weight:700}
.row-dattour .input-row a.tieudetour {line-height: 36px;font-weight: 700;}
.row-dattour .dpifs-fake-input{ box-sizing: border-box; border: 1px solid #e4e4e4; height: 42px; line-height: 42px; display: block; cursor: pointer; background: #fafafa; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08); -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08); box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 11px; font-size: 16px; color: #666; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }
#adults, #children, #infant { border: 1px solid #e4e4e4; box-sizing: border-box; height: 42px; line-height: 42px; background: #fafafa; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08); -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08); box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; font-size: 16px; color: #666; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }

.input-row .total-publish {    font-size: 18px;line-height:36px; color:red; font-weight:700}

.input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; cursor: pointer; }
.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.input-group-prepend {margin-right: -1px;}
.input-group-append {margin-left: -1px;}
.input-group-prepend, .input-group-append {display: -ms-flexbox;display: flex;}
.input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; padding-right: 10px; float: left; }
.input-group-prices {line-height: 36px; margin-left: 10px;}
.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;margin-bottom: 0;}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group > .input-group-prepend > .btn, 
.input-group > .input-group-prepend > .input-group-text, 
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text, 
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), 
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.tab .form-checkbox-input {display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: 0 6px 2px 6px}
.tab .form-checkbox-label-2 {}
.rms-step-section {padding: 10px;display: block;margin-bottom: 0;border-bottom: 1px solid #dadada;background: #FFF}
.rms-step-section:after, 
.rms-step-section:before {content: " ";clear: both;display: block}
.rms-step-section[data-step-counter=true] .rms-multistep-progressbar {counter-reset: step}
.rms-step-section[data-step-counter=true] .rms-multistep-progressbar li.rms-step:before {content: counter(step)!important;counter-increment: step}
.rms-step-section .rms-multistep-progressbar li .step-icon {z-index: 1024;position: absolute;top: 0;margin-top: 8px;font-size: 18px;color: #a9a9a9;margin-left: -7px}
.rms-step-section[data-step-image=false] .rms-multistep-progressbar li .step-icon {opacity: 0;visibility: hidden}
.rms-step-section[data-step-image=true] .rms-multistep-progressbar li .step-icon {opacity: 1;visibility: visible}
.rms-step-section .rms-multistep-progressbar li.completed-step .step-icon,
.rms-step-section .rms-multistep-progressbar li.rms-current-step .step-icon {color: #FFF}
.rms-step-section.allstepClickable .rms-multistep-progressbar li.rms-step,
.rms-step-section.compeletedStepClickable .rms-multistep-progressbar li.rms-step.completed-step {cursor: pointer}
.rms-wizard .tab {display: none;clear: both;}
.rms-multistep-progressbar {list-style: none;margin: 0;padding: 0;clear: both}
.rms-multistep-progressbar li.rms-step {list-style-type: none;float: left;width: 25%;position: relative;text-align: center;height: 115px;z-index: 10}
.rms-multistep-progressbar li.rms-step:before {content: " ";width: 40px;height: 40px;line-height: 40px;border: 1px solid #d9d9d9;display: block;font-size: 21px;font-weight: 600;text-align: center;margin: 0 auto 10px;border-radius: 50%;background: #eaeaea;color: #a9a9a9}
.rms-multistep-progressbar li.rms-step:after {font-family: Roboto,sans-serif;content: '';position: absolute;width: 100%;height: 4px;background-color: #eaeaea;top: 19px;left: 0;z-index: -1;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9}
.rms-multistep-progressbar li.rms-step:first-child:after {width: 50%;left: 50%}
.rms-multistep-progressbar li.rms-step:last-child:after {width: 50%}
.rms-multistep-progressbar li.rms-step .step-title {display: block;font-size: 13px;font-weight: 400;color: #464646;text-align: left;padding-left: 20%;line-height: 20px}
.rms-multistep-progressbar li.rms-step.completed-step .step-title:after{position:absolute;font-family:FontAwesome;font-size:14px;color:#92cf5c;content:"\f058";text-shadow:none;left:20px}
.rms-multistep-progressbar li.rms-step .step-info{display:block;text-align:left;font-size:11px;color:#a8a8a8;padding-left:20%;line-height:15px}
.rms-multistep-progressbar li.rms-step.completed-step{color:#000}
.rms-multistep-progressbar li.rms-step.completed-step:before{background-color:#92cf5c;border-color:#83c944;color:#FFF}
.rms-multistep-progressbar li.rms-step.completed-step:after{background-color:#92cf5c;border-color:#83c944}
.rms-multistep-progressbar li.rms-step.rms-current-step{color:#000}
.rms-multistep-progressbar li.rms-step.rms-current-step:before{background-color:#fb6b5b;border-color:#fb4532;color:#FFF}
.rms-multistep-progressbar li.rms-step.rms-current-step:after{background-color:#fb6b5b;border-color:#fb4532}

.carttable {width:100%; border-collapse:collapse;}
.carttable td {border:1px solid #d9d9d9; padding:16px;}
.carttable td.tourheader {padding:10px 0 10px 0; color:#333; text-align:center; background:#fef9cb; font-weight:bold;}
.carttable td.textremark {padding:10px 0 10px 0; color:#333; text-align:center; background:#fef9cb; font-weight:bold;}
.carttable td.yellow { background:#f6f6f6;}
.carttable tr td p.tr_mobi2, .tab .tr_mobi23 span.sottbok {display:none}
.carttable .tr_mobi22 {background:#eaeaea}
.carttable .tr_mobi22 .topictab {font-weight:500;padding: 16px 5px;color: #16387C;}
.carttable .tr_mobi26 {text-align: right;}
.product-button {margin:30px auto 0 auto;text-align: center;}
.btn_vaogio { border: none; font-size: 14px; cursor: pointer; background: #01a643; color: #fff;margin-right:5px;}
.btn_mnhanh { border: none; font-size: 14px; cursor: pointer; background: #eb540c; color: #fff;margin-right:5px;}
.btn_vaogio span,
.btn_mnhanh span {display: inline-block;color: #fff;}
.btn_mnhanh span span,
.btn_vaogio span span {padding: 10px 18px;}
.btn_vaogio:hover {color: #fff;background:  #eb540c;}
.btn_mnhanh:hover {color: #fff;background: #01a643;}
.btn_mnhanh .fa.fa-chevron-right {padding: 13px;background: #bb3f04;}
.btn_mnhanh .fa.fa-paper-plane {padding: 13px;background: #bb3f04;}
.btn_vaogio .fa.fa-chevron-left {padding: 13px;background: #047130a1;}
.btn_vaogio .fa.fa-check {padding: 13px;background: #047130a1;}
.ho-tro-truc-tuyen {display:none}
.tab .tr_mobi95 span {font-size: 10px; position: absolute; margin-top: -8px; margin-left: -21px;}
#regForm .rms-current-step .step-title {font-weight:700}

*:focus {outline: 0 !important;}
input[type="button"]{ border: none; outline:none;}
input[type="button"]::-moz-focus-inner {border: 0;}
#regForm {position: relative;overflow: hidden;}

.row-dattour .show {display: block;}
.row-dattour .hide {display: none !important;}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
font-size: 90%; color: #ff0000;
}
.row-dattour .dpifs-fake-input.has-errors {
    border-color: #ff0000 !important;
}
.row-dattour .dpifs-fake-input.has-success {
    border-color: #56bc00 !important;
}
.okcheckdattour {
color: #ffffff; margin-top: -32px; position: relative; background: #56bc00; border-radius: 50%; padding: 1px 3px; float: right; margin-right: 9px;
}
.ercheckdattour {
color: #ffeb3b; margin-top: -54px; position: relative; background: #ff0001; border-radius: 50%; padding: 2px 6px 5px 6px; float: right; margin-right: 9px;
}
.input-row .total-publish.has-errors {color: black}
.chonthem {display:none;margin: 15px auto 0 auto;text-align: center;}
.loader {display: none;position: absolute;background: #92cf5c3b url(/images/post-loader.gif) no-repeat center;width: 100%;height: 57px; }
.tab .topictab.pax {padding: 0;color: #ff0000; font-size: 26px;}
.tab .topictab.pax .fa {font-size:25px}
.tab .topictab.pax .fa.fa-child {color: #01a643;}
.tab .topictab.pax .fa.fa-male {color: #16387c;}
.tr_mobi24 .fa.fa-trash {color: red; font-size: 18px; padding: 0;}
.tr_mobi91 {text-align: center;}
.tr_mobi91 span {background: #038437; position: absolute; color: #fff; font-size: 12px; padding: 0 2px; margin-top: -15px; margin-left: -15px;}
.col-danhxung {width: 33.33333333%;float: left;position: relative;min-height: 1px;padding-left: 15px;}
.col-hoten {width: 66.66666667%;float: left;position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}
.col-one {width:100%;float: left;position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}
.tab .step4-header {text-align: center;background: #1078b9;color: #fff;font-weight: 500;border: 1px solid #1078b9;}
.smart-forms, .smart-forms * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.smart-forms .append-icon, 
.smart-forms .prepend-icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
}

.smart-forms .field {
    display: block;
    position: relative;
}

.smart-forms label, .smart-forms input, .smart-forms button, .smart-forms select, .smart-forms textarea {
    margin: 0;
    font-size: 14px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #626262;
    outline: none;
}
.smart-forms .prepend-icon > input, .smart-forms .prepend-icon > textarea, .smart-forms .prepend-icon > select {
    padding-left: 36px;
}
.smart-forms .gui-input, .smart-forms .gui-textarea {
    padding: 10px;
}
.smart-forms .gui-input, .smart-forms .gui-textarea, .smart-forms .select > select, .smart-forms .select-multiple select {
    background: #fff;
    position: relative;
    vertical-align: top;
    border: 1px solid #CFCFCF;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    color: #626262;
    outline: none;
    height: 42px;
    width: 100%;
    *zoom: 1;
}
.smart-forms .radio, .smart-forms .button, .smart-forms .tooltip, .smart-forms .checkbox, .smart-forms .gui-input, .smart-forms .notification, .smart-forms .gui-textarea, .smart-forms .select > select, .smart-forms .select-multiple select {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    outline: none;
}
.smart-forms .gui-input, .smart-forms .gui-textarea, .smart-forms .select > select, .smart-forms input[type="button"], .smart-forms input[type="submit"], .smart-forms input[type="search"], .smart-forms .select-multiple select {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.smart-forms .prepend-icon .field-icon {
    left: 0;
}
.smart-forms .append-icon .field-icon, .smart-forms .prepend-icon .field-icon {
    top: 0;
    width: 42px;
    height: 42px;
    color: inherit;
    line-height: 42px;
    position: absolute;
    text-align: center;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    pointer-events: none;
    z-index: 99;
}
.smart-forms .append-icon .field-icon i, .smart-forms .prepend-icon .field-icon i {
    position: relative;
    font-size: 14px;
}
.smart-forms .field-icon i {
    color: #BBB;
    position: relative;
}
.smart-forms .gui-input:hover,
.smart-forms .gui-textarea:hover,
.smart-forms .select > select:hover,
.smart-forms .select-multiple select:hover,
.smart-forms .gui-input:hover ~ .input-hint,
.smart-forms .file .gui-file:hover + .gui-input,
.smart-forms .gui-textarea:hover ~ .input-hint{
    border-color: #1078b9
}

.smart-forms .gui-input:focus,
.smart-forms .gui-textarea:focus,
.smart-forms .select > select:focus,
.smart-forms .select-multiple select:focus {
    color: #3c3c3c;
    background: #fff;
    border: 1px solid #1078b9;
    -webkit-box-shadow: 0 0 3px #1078b9 inset;
    -moz-box-shadow: 0 0 3px #1078b9 inset;
    -o-box-shadow: 0 0 3px #1078b9 inset;
    box-shadow: 0 0 3px #1078b9 inset;
    outline: none
}

.smart-forms .gui-input:focus ~ .field-icon i,
.smart-forms .gui-textarea:focus ~ .field-icon i,
.smart-forms select:focus ~ .field-icon i{
    color: #1078b9
}

.smart-forms .select-multiple select:focus,
.smart-forms .gui-input:focus ~ .input-hint,
.smart-forms .gui-textarea:focus ~ .input-hint,
.smart-forms .file .gui-file:focus + .gui-input {
    border-color: #1078b9
}

.smart-forms .option:hover .tooltip,
.smart-forms .gui-input:focus + .tooltip,
.smart-forms .gui-textarea:focus + .tooltip,
.smart-forms .select > select:focus ~ .tooltip {
    opacity: 1;
    z-index: 999
}
.smart-forms .gui-input:focus + .tip-left,
.smart-forms .gui-textarea:focus + .tip-left,
.smart-forms .select > select:focus ~ .tip-left {
    margin-right: 5px;
    right: 100%;
    left: auto
}
.smart-forms .gui-input:focus + .tip-right,
.smart-forms .gui-textarea:focus + .tip-right,
.smart-forms .select > select:focus ~ .tip-right {
    left: 100%;
    margin-left: 5px
}
.smart-forms .gui-input:focus + .tip-right-top,
.smart-forms .gui-textarea:focus + .tip-right-top,
.smart-forms .select > select:focus ~ .tip-right-top {
    right: 0;
    left: auto;
    margin-bottom: 10px
}
.smart-forms .option:hover .tooltip,
.smart-forms .gui-input:focus + .tip-left-top,
.smart-forms .gui-textarea:focus + .tip-left-top,
.smart-forms .select > select:focus ~ .tip-left-top {
    left: 0;
    right: auto;
    margin-bottom: 10px
}

.smart-forms .gui-input:focus + .tip-right-bottom,
.smart-forms .gui-textarea:focus + .tip-right-bottom {
    margin-top: 10px;
    left: auto;
    right: 0
}


.smart-forms .gui-input:focus + .tip-left-bottom,
.smart-forms .gui-textarea:focus + .tip-left-bottom {
    margin-top: 10px;
    right: auto;
    left: 0
}

.smart-forms .state-error .gui-input,
.smart-forms .state-error .gui-textarea,
.smart-forms .state-error.select > select,
.smart-forms .state-error.select-multiple > select,
.smart-forms .state-error input:hover + .checkbox,
.smart-forms .state-error input:hover + .radio,
.smart-forms .state-error input:focus + .checkbox,
.smart-forms .state-error input:focus + .radio,
.smart-forms .state-error .checkbox,
.smart-forms .state-error .radio {
    background: #FEE9EA;
    border-color: #DE888A
}

.smart-forms .state-error .gui-input:focus,
.smart-forms .state-error .gui-textarea:focus,
.smart-forms .state-error.select > select:focus,
.smart-forms .state-error.select-multiple > select:focus {
    -webkit-box-shadow: 0 0 3px #DE888A inset;
    -moz-box-shadow: 0 0 3px #DE888A inset;
    -o-box-shadow: 0 0 3px #DE888A inset;
    box-shadow: 0 0 3px #DE888A inset
}

.smart-forms .state-error .gui-input ~ .field-icon i,
.smart-forms .state-error .gui-textarea ~ .field-icon i {
    color: #DE888A
}

.smart-forms .state-error .gui-input ~ .input-hint,
.smart-forms .state-error.file .gui-file:hover + .gui-input,
.smart-forms .state-error .gui-textarea ~ .input-hint {
    border-color: #DE888A
}

.smart-forms .state-success .gui-input,
.smart-forms .state-success .gui-textarea,
.smart-forms .state-success.select > select,
.smart-forms .state-success.select-multiple > select,
.smart-forms .state-success input:hover + .checkbox,
.smart-forms .state-success input:hover + .radio,
.smart-forms .state-success input:focus + .checkbox,
.smart-forms .state-success input:focus + .radio,
.smart-forms .state-success .checkbox,
.smart-forms .state-success .radio {
    background: #F0FEE9;
    border-color: #A5D491
}
.smart-forms .state-success .gui-input:focus,
.smart-forms .state-success .gui-textarea:focus,
.smart-forms .state-success.select > select:focus,
.smart-forms .state-success.select-multiple > select:focus {
    -webkit-box-shadow: 0 0 3px #A5D491 inset;
    -moz-box-shadow: 0 0 3px #A5D491 inset;
    -o-box-shadow: 0 0 3px #A5D491 inset;
    box-shadow: 0 0 3px #A5D491 inset
}

.smart-forms .state-success .gui-input ~ .field-icon i,
.smart-forms .state-success .gui-textarea ~ .field-icon i {
    color: #A5D491
}

.smart-forms .state-success .gui-input ~ .input-hint,
.smart-forms .state-success.file .gui-file:hover + .gui-input,
.smart-forms .state-success .gui-textarea ~ .input-hint {
    border-color: #A5D491
}

.smart-forms .gui-input[disabled],
.smart-forms .gui-textarea[disabled],
.smart-forms .select > select[disabled],
.smart-forms .select-multiple select[disabled],
.smart-forms .gui-input[disabled] ~ .input-hint,
.smart-forms .file .gui-file[disabled] + .gui-input,
.smart-forms .file .gui-file[disabled]:hover + .gui-input,
.smart-forms .gui-textarea[disabled] ~ .input-hint {
    background-color: #f4f6f6;
    border-color: #d5dbdb!important;
    cursor: default;
    color: #d5dbdb;
    opacity: .7
}






.smart-forms .theme-yellow .gui-input:hover,
.smart-forms .theme-yellow .gui-textarea:hover,
.smart-forms .theme-yellow .select>select:hover,
.smart-forms .theme-yellow .select-multiple select:hover,
.smart-forms .theme-yellow .gui-input:hover~.input-hint,
.smart-forms .theme-yellow .file .gui-file:hover+.gui-input,
.smart-forms .theme-yellow .gui-textarea:hover~.input-hint {
    border-color: #f0ad4e
}

.smart-forms .theme-yellow .gui-input:focus,
.smart-forms .theme-yellow .gui-textarea:focus,
.smart-forms .theme-yellow .select>select:focus,
.smart-forms .theme-yellow .select-multiple select:focus {
    border-color: #ed9c28;
    color: #3C3C3C
}
.smart-forms .theme-yellow .gui-input:focus~.field-icon i,
.smart-forms .theme-yellow .gui-textarea:focus~.field-icon i {
    color: #ed9c28
}

.smart-forms .theme-yellow .select-multiple select:focus,
.smart-forms .theme-yellow .gui-input:focus~.input-hint,
.smart-forms .theme-yellow .gui-textarea:focus~.input-hint,
.smart-forms .theme-yellow .file .gui-file:focus+.gui-input {
    border-color: #ed9c28
}


.smart-forms .radio,
.smart-forms .button,
.smart-forms .checkbox,
.smart-forms .select .arrow,
.smart-forms .switch > label,
.smart-forms .ui-slider .ui-slider-handle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}


.smart-forms .select .arrow:after,
.smart-forms .select .arrow:before {
    position: absolute;
    font-style: normal;
    pointer-events: none;
    display: none\9;
    left: 5px
}

.smart-forms .select .arrow:before {
    bottom: 4px
}


.smart-forms .select .fa-transgender {

}

.smart-forms .fa-caret-down {
position: absolute; top: 13px; right: 2px; width: 24px; height: 24px; color: #9F9F9F; pointer-events: none; z-index: 16;
}

.tab .smart-forms .select > select:focus + .fa-caret-down {
    color: #1078b9
}
.smart-forms .row {padding-top: 20px;    clear: both;}

.rms-wizard label.titleinput {
display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 400; color: #1078b9; font-size: 14px;
}
.rms-wizard label.titleinput span {color:red}
.smart-forms .gui-textarea {
    resize: none;
    line-height: 19px;
    overflow: auto;
    max-width: 100%;
    height: 96px;
}

.smart-forms .gui-textarea:focus {
    height: 120px
}
.smart-forms .gui-input:focus ~ .field-icon i,
.smart-forms .gui-textarea:focus ~ .field-icon i {
    color: #1078b9
}

.smart-forms .select-multiple select:focus,
.smart-forms .gui-input:focus ~ .input-hint,
.smart-forms .gui-textarea:focus ~ .input-hint,
.smart-forms .file .gui-file:focus + .gui-input {
    border-color: #1078b9
}
.smart-forms .gui-textarea:focus {
    height: 120px
}
.smart-forms .input-hint {
    padding: 10px;
    display: block;
    margin-top: -1px;
    line-height: 16px;
    position: relative;
    background: #F5F5F5;
    border: 1px solid #CFCFCF;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 11px;
    color: #999
}
.smart-forms .input-hint i {color: #eb540c; padding-right: 5px;}
.smart-forms .row:last-child {padding-bottom:25px}
table .tr_mbi1 {width:33%}
#tabs4 .guiemail {padding: 0px 15px 0 45px; background: url(/images/guiemail.gif) no-repeat 5px center; background-size: 36px; text-align: justify; margin-top: 18px;}
.row .hide {display: none !important;}
.row .show {display: block}
.row .gui-input.has-errors {border-color: #ff0000 !important;}
.tab .row .gui-input.has-success {border-color: #56bc00 !important;}
.hoantat .gdok.styokey {background: url(/css/check-circle.gif) no-repeat center 13px;padding-top: 146px;background-size: 16%;}
.hoantat .gdok.styloi {background: url(/images/fail-icon.svg) no-repeat center -16px; padding-top: 154px; background-size:25%;}
.hoantat .gdok.styloi h3 {color: #ff1100;}
.thanhtoanday .chonthanhtoan .tienmat {padding-top: 63px;background:#fef9cb url(/images/tienmat.png) no-repeat center top;background-size: 28%;}
.thanhtoanday .chonthanhtoan .chuyenkhoan {padding-top: 63px; background: #fef9cb url(/images/chuyenkhoan.png) no-repeat center 4px; background-size: 28%;}
.thanhtoanday .chonthanhtoan .vnpay { 
/*
XONG CHI RUN PHAN NAY
padding-top: 63px; background: #fef9cb url(/images/vnpay.png) no-repeat center 2px; background-size: 57%;
*/
padding-top: 63px; background: #0000002b url(/images/vnpay.png) no-repeat center 2px; background-size: 57%;
    cursor: none;
    pointer-events: none;opacity: 0.5;
}
.topictab.styloi {text-decoration: line-through;background:none;padding-top:0}
.chonthanhtoan {width: auto;}
.chonthanhtoan .col:first-of-type {margin-left: 0;}
.chonthanhtoan .col:last-of-type {margin-right: 0;}
.chonthanhtoan .col {display: block;float: left;}
.chonthanhtoan .col {width: calc((100% - 11px * 3) / 3); padding: 8px; background: #F5F5F5; margin: 0 8px;}
.chonthanhtoan .col p {background:#0000000f; margin: 4px -8px -8px -8px; padding: 5px 0;}
.chonthanhtoan .col p span {display: block;font-weight: 400;font-size: 12px; color: #ef3637;}
.chonthanhtoan label {position: relative;background-color: #F5F5F5;text-align: center;display: block;cursor: pointer;padding: 0 10px;border: 1px solid rgba(255,255,255,0);font-weight: 400;}

.chonthanhtoan input {display: none;}
.chonthanhtoan input:checked + label {border:1px solid #7cc142;overflow: hidden;font-weight: 500;}
.chonthanhtoan input:checked + label:before {z-index: 999; border: 31px solid transparent; border-bottom-color: #7cc142; content: ""; position: absolute; right: -39px; bottom: 0px;}
.chonthanhtoan input:checked + label:after {font-family: 'FontAwesome'; content: "\f00c"; color: #ffffff; position: absolute; bottom: 2px; z-index: 9999; font-size: 9px; font-weight: 400; padding: 0; height: 10px; width: 10px; right: 1px;}
#infottoan {display:none;padding: 13px 5px 13px 11px; background: #f5f5f5; border-left: 4px solid #7cc142; margin: 10px 0 15px 0;}
.chuyenvnp { text-align: center; padding: 97px 20px 20px 20px; font-size: 18px; background: url(/images/progress-bar.gif) center -33px no-repeat; background-size: 44%; }
.khongdong {color: #ff5722;}
#countdowntimer {color:red;font-weight:700}
.textbold {color:#0b7ec1;font-weight:700}
.chuyenvnp i {color:#ff5722;font-size:18px}
.hoantat .tab .hangs1 {background: #0a7dc0;border: 1px solid #0a7dc0;}
.hoantat .tab .hangs2 {background: #0a7dc0;border: 1px solid #0a7dc0;padding:12px}
.hoantat .tab .table3 .tr_mobi23 {padding:22px 16px;}
.hoantat .tab .hangs3 {background: #0a7dc0;border: 1px solid #0a7dc0;}
.gdok {text-align: center; padding: 20px;}
.gdok img {text-align: center; width: 104px;}
.gdok h3 {color: #0a7dc0; text-transform: uppercase;}
.hoantat .table1 td,
.hoantat .table2 td {padding: 12px;display: table-cell;}
.hoantat .table1 tr:nth-child(odd),
.hoantat .table1 tr:nth-child(even),
.hoantat .table2 tr:nth-child(odd),
.hoantat .table2 tr:nth-child(even) {border:none}
.carttable span.htttmb {display:none}
.carttable span.htt768 {display:block}
.hoantat table.table2,
.hoantat table.table3 {margin-top: 20px;}
.welcome {background: transparent url(/css/img/thankyou-booking.png) no-repeat scroll left 16px; padding: 5px 0 25px 170px; background-size: 164px;}
@media only screen and (min-width:768px) and (max-width:1024px) {
.rms-multistep-progressbar li.rms-step{width:50%;height:auto}
}
@media only screen and (max-width:767px) {
.rms-multistep-progressbar li.rms-step{width:100%;height:auto}
.row-dattour .lable-row {width: 168px;}
.row-dattour {padding: 10px 40px;}
.row-dattour.hang2 {background: #efefef;}
.ho-tro-truc-tuyen {display:block;width:100%;height:auto;margin-top:30px;}
.thanhtoanday .chonthanhtoan .tienmat {background-size:49%;}
.thanhtoanday .chonthanhtoan .chuyenkhoan {background-size:30%;}
.thanhtoanday .chonthanhtoan .vnpay {background-size:35%;}
}
@media only screen and (max-width:1024px) {
.rms-multistep-progressbar li.rms-step:after{display:none}
.rms-multistep-progressbar li.rms-step:before{float:left}
.rms-multistep-progressbar li.rms-step .step-info,
.rms-multistep-progressbar li.rms-step .step-title{padding-left:60px}
.rms-multistep-progressbar li.rms-step.completed-step .step-title:after{left:auto;padding-left:10px}
.rms-step-section .rms-multistep-progressbar li .step-icon{z-index:1024;position:absolute;top:0;margin-top:8px;font-size:18px;color:#a9a9a9;margin-left:13px;left:0}
}
@media only screen and (max-width:480px) {
.row-dattour .lable-row {float: none;width: auto;line-height: 36px;font-weight: 500;}
.carttable td {display: block;overflow: hidden;font-size: 16px;padding: 28px 16px;}
.carttable tr td p.tr_mobi2 {display:none}
.carttable td {display: block;border: none;}
.carttable tr {padding: 20px 10px;border-top: 1px solid #d1d1d1}
.carttable tr:nth-child(odd){border-left: 3px solid #038437;background:none}
.carttable tr:nth-child(even){border-left: 3px solid #eb540c;background: #f4f4f4}
.tab .fixcartend td.step4-header {width:100%}
.tab .fixcartend tr:nth-child(odd){border-left: none;background:none}
.tab .fixcartend tr:nth-child(even){border-left: none;background: #f4f4f4}
.tab .fixcartend td {display: inline-block;padding:12px 8px;}
.tab .welcome {padding-top:10px}
.tab .fixcartend .fixpttt {display: block; width: 100%; padding-bottom: 0;}
.tab .carttable .step4-header {padding:12px 8px;}

.smart-forms .gui-textarea {font-size:16px}
.btn_mnhanh, .btn_vaogio {margin-right: 0;}
.btn_mnhanh span span, .btn_vaogio span span {padding: 10px}

.carttable tr td.tr_mobi27 {background: #fef9cb;padding:28px 0 28px 5px;}
.carttable tbody tr td.pdt10 {padding-top:10px}
.carttable tbody tr td.pdb10 {padding-bottom:10px}
.carttable tr:nth-child(odd) .tr_mobi23 span.sottbok {background:#038437;}
.carttable tr:nth-child(even) .tr_mobi23 span.sottbok {background:#eb540c}
.tab .tr_mobi22 {display: none;}
.tab .tr_mobi91 {width: 25%; float: left;padding: 22px 0;text-align: center;border-right: 1px solid #00000024;}
.tab .tr_mobi91 span {margin-top: -16px; margin-left: 0;}
.tab .tr_mobi92 {width: 12%;text-align:center;float: left;padding: 22px 0;border-right: 1px solid #00000024;}
.tab .tr_mobi92:before {content: "\f183"; color:#705400; font-family: FontAwesome; font-size: 21px; position: absolute; margin-top: -13px; margin-left: -12px;}
.tab .tr_mobi93 {width: 12%;text-align:center;float: left;padding: 22px 0;border-right: 1px solid #00000024;}
.tab .tr_mobi93:before {content: "\f1ae"; color: #ff5722; font-family: FontAwesome; font-size: 22px; position: absolute; margin-top: -15px; margin-left: -13px;}
.tab .tr_mobi94 {width: 12%;text-align:center;float: left;padding: 22px 0;border-right: 1px solid #00000024;} 
.tab .tr_mobi94:before {content: "🚼︎"; color: #038437; font-family: FontAwesome; font-size: 22px; position: absolute; margin-top: -19px; margin-left: -16px;}
.tab .tr_mobi95 {padding: 22px 0;text-align: center;width: 27%;border-right: 1px solid #00000024;float: left; display: inline-block;} 
.tab .tr_mobi95 {color:red}
.tab .tr_mobi95 span {font-size: 10px; position: absolute; margin-top: -8px; margin-left: -21px;}
.tab .tr_mobi24 {width: 10%;padding: 22px 0;text-align:center;float: right;}
.tab .tr_mobi26 {text-align: right;float: left;width: 50%;background: #fef9cb;padding:28px 5px 28px 0;}
.tab .tr_mobi23 {border-bottom: 1px solid #dbdbdb;}
.tab .tr_mobi23 span {font-weight: 700; font-size: 17px;}
.tab .tr_mobi23 span.sottbok { display: block; position: absolute; margin-left: -16px; margin-top: -29px; padding: 2px 10px; color: #fff; border-radius: 0 0 10px 0; }
.carttable {table-layout:fixed;}
.carttable tr {border-top: 1px solid #d1d1d1;background: #f4f4f4;}
.thanhtoanday .chonthanhtoan .tienmat {background-size:50%;}
.thanhtoanday .chonthanhtoan .chuyenkhoan {background-size: 46%;}
.thanhtoanday .chonthanhtoan .vnpay {
background-size: 90%;

/* XONG VNPAY THÌ GỠ */
    background-color: #0000002b;
    text-align: center;
    border: none;
    cursor: none;
    pointer-events: none;
	    opacity: 0.5;
}
.chonthanhtoan .col {width: calc((100% - 3px * 3) / 3);margin: 0 2px;}
.rms-multistep-progressbar li.rms-step .step-title span,
.rms-multistep-progressbar li.rms-step .step-info {display:none}
.rms-multistep-progressbar li.rms-step {width: 25%;}
#regForm .rms-step .step-title {display: inline-block; padding: 0; float: none; width: 100%; text-transform: uppercase;text-align: center;}
.rms-step-section .rms-multistep-progressbar li.rms-step:before {float: none;text-align: center;}
.rms-multistep-progressbar li.rms-step.completed-step .step-title:after {top: 4%; right: 26%; color:#008dff; background: #ffffff; border-radius: 18px; padding: 0; font-size: 18px; width: 16px; height: 17px;}
.rms-multistep-progressbar li.rms-step.completed-step:after {display:block}
.rms-multistep-progressbar li.rms-step.rms-current-step:after {display:block}
.rms-multistep-progressbar li.rms-step:after {display:block}
.tab .row-dattour {padding: 10px 25px;}
.rms-step-section {margin: 0 -10px;}
.smart-forms .prepend-icon > input,
.smart-forms .prepend-icon > select {font-size:16px}
.thanhtoanday .paymethod ul.listcart li {width: calc((100% - 0px * 3) / 3);}
.carttable span.htttmb {display:block}
.carttable span.htt768 {display:none}
.hoantat table.table1 .tr_mbi1,
.hoantat table.table2 .tr_mbi1 {width:auto;text-align: right;}
.hoantat .tab .table3 .tr_mobi23 span.sottbok {display: block;position: absolute;margin-top: -21px;padding: 0px 6px;color: #fff;border-radius: 0;font-size: 13px;right: 1px;}
.hoantat .tab .table3 tr {border-left:none;border-bottom: 2px solid #0a7dc0;}
.hoantat table.table2,
.hoantat table.table3 {margin-top:0px;}
.hoantat .tab .table3 .tr_mobi91 {width: 29%}
.hoantat .tab .table3 .tr_mobi95 {border-right:none;width: 32%;}
.welcome {background:none;padding: 0px 10px 15px 10px}
}
@media only screen and (max-width:360px) {
.rms-multistep-progressbar li.rms-step .step-title {font-size: 12px;}
.smart-forms .prepend-icon > input,
.smart-forms .prepend-icon > select {font-size:16px}
}
@media only screen and (max-width:320px) {
.rms-multistep-progressbar li.rms-step .step-title {font-size: 11px;}
.smart-forms .prepend-icon > input,
.smart-forms .prepend-icon > select {font-size:16px}
}