/* 1. Hide the text question box by default (Jump over the hidden input) */
.form-group:has(input[value*="consultant"]) + input + .form-group {
    display: none;
}

/* 2. Show it only when the consultant radio is checked */
.form-group:has(input[value*="consultant"]:checked) + input + .form-group {
    display: block;
}

.result-label::after {
	content: "(Incl. VAT / Đã bao gồm VAT)";
	font-size: 12px;
	display: block;
}
.result-label {
	display: inline-block;
}
@media (max-width: 767px) {
  #session-datepicker {
    padding-bottom: 0;
  }
}
#order-item-form div.p-1.col-md-12:has(> label:only-child) {
	display: none;
}
#order-item-form > table > tbody > tr > td {
	vertical-align: middle;
}
.wizard-container #bookingstep1::before {
    content: "Besides included services, for your other needs, explore options below or chat with us at Oxalis website./ Ngoài dịch vụ bao gồm trong tour, nếu bạn muốn đặt thêm các dịch vụ khác, bạn có thể lựa chọn bên dưới hoặc chat với chúng tôi ở Oxalis website.";
    background-color: #fef5e4;
    font-size: 14px;
    padding: 8px;
    border-radius: 10px;
    display: block;
    margin-bottom: 20px;
}

.container.booking-container {
    padding: 0 15px;
}

body>.container {
    padding: 0;
}

@media (max-width: 1080px) {
    .action-bar {
        padding: 12px 0px !important;
    }
}
a.navbar-brand img {
    height: 40px;
}
.wizard-nav {
    height: 61px;
}
.wizard-nav .wizard-steps {
    font-size: 16px;
    font-weight: 600;
}
.action-bar.row.border-top {
    padding: 12px;
}
.payment-option {
    padding: 0 4px;
}
.legends {
    position: unset;
}
#session-datepicker .datepicker-inline {
    height: auto;
    min-height: unset;
    border: none;
}

body {
	background: none;
}

table.table.table-bordered {
	background: #fff;
}

.session-wrapper {
	background: #fff;
}

.btn,
th {
	font-weight: 600;
}

b,
strong {
	font-weight: 600;
}

.datepicker .dow {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
}

.datepicker table tr td,
.datepicker table tr th,
.datepicker table tr td span.month,
.datepicker table tr td span.year {
	border-radius: 0px;
}

.datepicker table tr td span.month,
.datepicker table tr td span.year {
	font-weight: 600;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
	font-weight: 400;
	color: #9e9e9e;
}

label {
	font-size: 14px;
	font-weight: 500;
}

.card.cart.sticky-top {
	top: 30px;
}

.card {
	border: 1px solid #d3d3d9;
}

label {
	margin-bottom: 0;
}

.form-control {
	padding: 4px 8px;
}

.card-body {
	padding: 16px;
}

.card-header {
	padding: 4px 16px;
	font-size: 14px;
}

.accordion .child-panel-heading {
	padding: 4px 16px;
}

.form-group {
	margin: 0;
	padding: 12px 0 16px 0;
	border-bottom: 1px dotted #dedede;
}

.result-label,
.result-price {
	font-size: 16px;
}

.cart .card-title {
	font-size: 16px;
}

span.text-primary {
	font-size: 20px;
	font-weight: 600;
}

h4.text-primary.font-weight-bold.mb-0.bookingCode.pr-3 {
	font-family: monospace;
}

textarea.form-control {
	min-height: 70px;
}

.form-control {
	color: #1f1f20;
}

.form-control.input-validation-error {
	border-bottom-color: #d93024;
}

.field-validation-error,
label.error {
	font-size: 14px;
}

input[type="radio"],
input[type="checkbox"] {
	accent-color: #017c38;
	width: 16px;
	height: 16px;
}

.text-danger {
	font-size: 24px;
	line-height: 13px;
	margin-top: 8px;
	margin-left: -14px;
	padding-right: 2px;
}

.form-check-input {
	margin-top: 7px;
}

.form-check-label {
	padding: 4px 0;
}

#bookingInfo > label:first-child, #customerInfo > label:first-child {
    font-size: 20px;
}

#customerInfo > label:first-child {
    margin: 16px 0;
}

#order-item-form .text-primary.font-weight-bold {
	font-size: 15px;
	font-family: inherit;
}

.form-control {
	height: 34px;
	line-height: 20px;
}

.form-control {
	border-color: #d3d3d9;
}

.service {
	font-size: 14px;
}

.service-price {
	width: 100%;
}

.card-footer.subtotal {
	padding: 16px;
}

.col-md-2.col-6.col-service-price {
	font-size: 14px;
	font-weight: 500;
}

.form-group > label {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

label.kt-checkbox .text-danger {
	order: 2;
}

label.kt-checkbox input {
	order: 1;
	margin-right: 4px;
	min-width: 16px;
	margin-top: 2px;
}

@media (max-width: 1080px) {
	.wizard-nav {
		margin: 0 -15px;
	}
}

.form-check .form-check-input[type="checkbox"] {
	margin-left: -20px;
}

.form-check > label.form-check-label {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.form-check > label.form-check-label > .text-danger {
	margin-left: -32px;
	margin-right: 20px;
}

label.form-check-label {
	font-weight: 400;
}

input::placeholder {
	opacity: 0.44!important;
}

.datepicker table tr td.disabled.day {
	color: #bbb;
}

.datepicker table tr td.old.day, .datepicker table tr td.new.day {
	color: #eee;
}

.container {
	max-width: 100%;
}

#session-wrapper {
	font-size: 14px;
}

.datepicker table tr td.day, .datepicker table tr td.day, .datepicker table tr td.new.day, .datepicker table tr td.old.day, .datepicker table tr td.disabled.day {
	font-size: 16px;
	vertical-align: top;
}

td.old.day.disabled, td.new.day.disabled {
	content-visibility: hidden;
}

.datepicker .next .material-icons, .datepicker .prev .material-icons {
	box-shadow: unset;
	border: 1px solid;
}

#session-datepicker .datepicker table {
	border-collapse: collapse;
}

.datepicker table tr td {
	border: 1px solid #e0e0e0;
}

.datepicker table tr td.soldout.day {
	color: #606062;
	font-weight: 400;
	background-color: rgba(96,96,98,0.08);
}

.datepicker table tr td.active.soldout.day:hover,.datepicker table tr td.soldout.day:hover,.datepicker table tr td.day:hover, .datepicker table tr td.focused {
	background: #e7eae3;
}

.datepicker table tr td.active.soldout.day {
	border: 2px dashed;
	background: #60606214;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
	background-color: #f3ffe4;
	border: 2px solid;
	color: #017c38;
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
	background-color: #f3ffe4;
	border-color: #017c38;
	color: #017c38;
}

.session-availability {
	line-height: 14px;
	font-weight: 500;
}

.legends {
	font-size: 14px;
	margin: 0 0 12px 12px;
	font-weight: 500;
}

.datepicker .dow {
	height: 24px;
}

.datepicker .datepicker-switch {
	font-weight: 600;
}

.cart .card-footer .booking-total-price .detail-label, .cart .card-footer .booking-total-price .detail-price {
	font-size: 14px;
}

.card-title.border-bottom.mb-0 span.text-primary {
	font-family: monospace;
}


.field-validation-error, label.error {
	font-weight: 500;
}

.card-body {
	font-size: 14px;
}

.cart-divider {
	border: 2px solid #d3d3d9;
}

.cart .card-body .card-text .service {
	padding-top: 0;
	margin: 12px 0;
	border-top: none;
}

.card-text.border-bottom.mt-2 {
	border-bottom: 1px dashed #d3d3d9 !important;
}

.card-title.border-bottom.mb-0 {
	border-bottom: 1px solid #d3d3d9 !important;
}
span.ic-outside-vn {
    color: #fd5e0c;
}
span.ic-in-vn {
    color: #017c38;
}

.session-availability::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: center;
	background-color: #bbbbbb;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M378-522q-42-42-42-102t42-102q42-42 102-42t102 42q42 42 42 102t-42 102q-42 42-102 42t-102-42ZM192-264v-24q0-23 12.5-43.5T239-366q55-32 116.5-49T480-432q63 0 124.5 17T721-366q22 13 34.5 34t12.5 44v24q0 30-21 51t-51 21H264q-30 0-51-21t-21-51Z'/%3E%3C/svg%3E") no-repeat center;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M378-522q-42-42-42-102t42-102q42-42 102-42t102 42q42 42 42 102t-42 102q-42 42-102 42t-102-42ZM192-264v-24q0-23 12.5-43.5T239-366q55-32 116.5-49T480-432q63 0 124.5 17T721-366q22 13 34.5 34t12.5 44v24q0 30-21 51t-51 21H264q-30 0-51-21t-21-51Z'/%3E%3C/svg%3E") no-repeat center;
	-webkit-mask-size: contain;
	mask-size: contain;
	margin: 0;
}

.fa.fa-user-o.pr-1::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: -3px;
	background-color: #bbbbbb;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M378-522q-42-42-42-102t42-102q42-42 102-42t102 42q42 42 42 102t-42 102q-42 42-102 42t-102-42ZM192-264v-24q0-23 12.5-43.5T239-366q55-32 116.5-49T480-432q63 0 124.5 17T721-366q22 13 34.5 34t12.5 44v24q0 30-21 51t-51 21H264q-30 0-51-21t-21-51Z'/%3E%3C/svg%3E") no-repeat center;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M378-522q-42-42-42-102t42-102q42-42 102-42t102 42q42 42 42 102t-42 102q-42 42-102 42t-102-42ZM192-264v-24q0-23 12.5-43.5T239-366q55-32 116.5-49T480-432q63 0 124.5 17T721-366q22 13 34.5 34t12.5 44v24q0 30-21 51t-51 21H264q-30 0-51-21t-21-51Z'/%3E%3C/svg%3E") no-repeat center;
	-webkit-mask-size: contain;
	mask-size: contain;
	margin: 0;
}

.fa.fa-user-o.pr-1 {
	padding-right: 0 !important;
}

.cellType-productName {
    font-weight: 600;
}

.bank-transfer-detail {
    font-size: 14px;
}

form#frmPaymentInfo #chkInvoiceInfo,
#chkInvoiceInfo + label {
    display: none;
}

.payment-method .title {
    margin-bottom: 10px;
}