:root {
    --primary-hue: 197;
    --primary-saturation: 100%;
    --primary-light: 50%;
    --secondary-hue: 45;
    --secondary-saturation: 100%;
    --secondary-light: 53%;
    --icon-bg: var(--primary-color);
}
/* LOGIN*/
#loginSlider{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index: 0; 
}
/*
.news-slider,
#loginSlider,
#loginSlider .carousel-inner,
#loginSlider .carousel-inner .carousel-item {
	width: 100%;
}
#loginSlider .carousel-inner .carousel-item {
	border-radius: 2rem;
	overflow: hidden;
}
#loginSlider img{
    object-fit: cover;
    height: 100%;
	width: 100%;
	max-height: 600px;
}
*/
#loginSlider img{
    object-fit: cover;
    height: 100vh;
	width: 100%;
}
#loginSlider .carousel-caption{
	color: #fff;
	background: #000000;
	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
	left: 0;
	right: 0;
	bottom: 0;
}
#loginSlider .carousel-control-next, 
#loginSlider .carousel-control-prev {
	opacity: 1;
}
#loginSlider .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
}
#loginSlider .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8'/%3E%3C/svg%3E");
}
.new-login {
	width: 100%;
	height: 100vh;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
@media (min-width: 1024px) { 
	.new-login {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
.login-left {
	position: relative;
	z-index: 1;
}
.form-login {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 40px;
	border-radius: 20px;
	gap: 10px;
	text-transform: capitalize;
}
.login-title {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: var(--primary-color);
}
.login-footer a {
	color: #333;
	font-size: 10px;
}
.login-form .form-control {
	background-repeat: no-repeat;
	background-position: 1rem center;
	padding-left: 3rem !important;
	background-size: 1.5rem;
}
.email-field {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-envelope' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z'/%3E%3C/svg%3E");
}
.password-field {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-shield-lock' viewBox='0 0 16 16'%3E%3Cpath d='M5.338 1.59a61 61 0 0 0-2.837.856.48.48 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.7 10.7 0 0 0 2.287 2.233c.346.244.652.42.893.533q.18.085.293.118a1 1 0 0 0 .101.025 1 1 0 0 0 .1-.025q.114-.034.294-.118c.24-.113.547-.29.893-.533a10.7 10.7 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.8 11.8 0 0 1-2.517 2.453 7 7 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7 7 0 0 1-1.048-.625 11.8 11.8 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 63 63 0 0 1 5.072.56'/%3E%3Cpath d='M9.5 6.5a1.5 1.5 0 0 1-1 1.415l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99a1.5 1.5 0 1 1 2-1.415'/%3E%3C/svg%3E");
}
.register-page {
	background: #fff;
}
.register-page .btn-primary {
	padding-inline: 4rem;
	min-width: 20rem;
}


/*CUSTOM*/
html body {
	font-size: 16px;
	background: #f5f5f5 !important;
}
a {
	font-size: 14px;
}
.rounded {
	border-radius: .5rem !important;
}
.form-control,
.form-select,
.btn:not(.btn-link),
input.submit,
button.submit,
textarea,
html body input[type=button],
html body input[type=submit],
html body input[type=text], 
html body input[type=tel], 
html body input[type=password], 
html body input[type=number], 
html body input[type=email], 
html body input.ui-autocomplete-input, 
html body select {
	min-height: 40px !important;
	border-radius: .5rem !important;
	font-size: 14px;
}
.form-control,
.form-select,
textarea,
html body input[type=text], 
html body input[type=tel], 
html body input[type=password], 
html body input[type=number], 
html body input[type=email], 
html body input.ui-autocomplete-input, 
html body select {
	border-color: #ddd !important;
	padding: 5px;
}
.form-control:hover,
.form-select:hover {
	border-color: var(--primary-color) !important;
}
.form-control-sm.form-select {
    min-height: auto !important;
	font-size: 12px;
    padding: 0;
}
html .intl-number-input .flag-dropdown {
    height: 100%;
}
html .intl-number-input .flag-dropdown .selected-flag {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
html body .intl-number-input input {
	padding-left: 45px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1rem !important;
}
html .ui-dialog .ui-dialog-titlebar {
    background: transparent;
    border: 0;
}
html .ui-dialog .ui-dialog-titlebar-close {
	background-color: transparent;
	border: 0;
    right: 10px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
	background-size: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
html .ui-dialog .ui-dialog-titlebar-close .ui-icon {
    display: none;
}
html .ui-dialog .ui-dialog-titlebar-close:hover {
    opacity: .5;
}
html .ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .2em 0;
    color: #333;
}
body.open-nav {
	overflow: hidden;
}
body.open-nav #header {
	z-index: 9999;
}
.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: rgb(0 0 0 / .5);
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
}
@media (max-width: 600px) {
	.ui-datepicker-multi {
		width: 40em !important;
	}
	.ui-datepicker-multi .ui-datepicker-header {
		height: 44px;
	}
}


#main {
	min-height: calc(100vh - 73px);
	position: relative;
	z-index: 1;
}
#main #innerContent {
	min-height: calc(100vh - 200px);
}
#header .header {
	align-items: center;
}
html img.logo, html #logo img {
    max-height: 80px;
    margin: 0;
}
#header .header .btn-nav {
	width: 4rem;
}
#header .header .nav-dropdown {
	top: 80px;
    position: fixed;
    right: 0;
    width: 80%;
    height: calc(100% - 6rem);
    z-index: 9999;
	overflow-y: auto;
}
#header .header .nav-dropdown .top-right-nav {
	background-color: #eee;
	padding: 10px;
	border-radius: 5px;
}
#header .header .agent-info {
	display: flex !important;
	position: initial !important;
	font-size: 12px;
	gap: 10px;
}
#header .header .agentId,
#header .header .agentId span {
    font-size: 12px;
    color: #333 !important;
    position: initial;
}
.half.aheader .lang.right {
	display: none;
}
html .header, .register-page #main #header {
    background: #fff !important;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;
	color: #000 !important;
}
html .header .main-nav a, html #main .header .main-nav a, html body .sectionHeader {
	color: #000 !important;
}
html .top-right-nav a {
    color: #333;
	font-size: 12px;
}
html .footer {
    background: none;
    color: #aaa;
}
html .footer, html #main .footer a, html .footer a, html .footer span, html .call-center {
    color: #aaa;
}
html .footer a {
	font-size: 12px;
}
html .footer a:hover {
	text-decoration: underline;
}
.footer-call-center {
    display: none;
}
ul.subnav, ul.ordersearch, .sectionHeader {
    text-transform: capitalize;
}
table.full ul.subnav {
    margin: 10px 10px 10px 0 !important;
}
html ul.subnav {
    color: #B6B7B7;
    background-color: #f3f3f3;
	border-radius: 5px;
    padding: 10px !important;
	margin: 0 0 10px !important;
}
ul.subnav a {
	font-size: 13px;
}
ul.subnav a.selected {
	color: var(--primary-color) !important;
}
ul.ordersearch {
	display: flex;
	align-items: center;
    background-color: var(--secondary-color-lighten);
	padding: 10px;
	border-radius: 5px;
	color: #000 !important;
}
ul.ordersearch li {
    margin: 0 5px;
}
ul.ordersearch li input[type=text] {
	background-color: #fff;
}
html body .ui-widget-header:not(thead) {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    border-radius: 0;
}
html body .ui-state-highlight, 
html body .ui-widget-content .ui-state-highlight, 
html body .ui-widget-header .ui-state-highlight {
    border: 1px solid var(--secondary-color);
    background: var(--secondary-color);
}
.ui-datepicker-calendar .ui-state-default:hover {
	border-color: var(--secondary-color) !important;
	background: var(--secondary-color-lighten) !important;
}
.ui-datepicker-calendar .ui-state-default {
	border-color: #ddd !important;
	background: none !important;
	text-align: center;
}
.ui-datepicker-calendar .ui-state-highlight {
	border-color: var(--secondary-color) !important;
	background: var(--secondary-color-lighten) !important;
}
.ui-datepicker-calendar th {
	font-size: 12px;
}
.ui-datepicker-title,
.ui-datepicker-title select {
	font-size: 12px;
	min-height: 25px !important;
	padding: 0;
}
html .hasDatepicker,
html .hasDatepicker:hover {
    background: none;
}
.ui-dialog {
	z-index: 1000;
}
.qtip-content {
    background: #eee;
    border: 1px solid #eee;
    padding: 10px;
    font-size: 11px;
    border-radius: .5rem;
    box-shadow: 0 1px 5px rgba(1, 1, 1, .1);
}
.warning {
    padding: 10px;
    border: solid 1px #ffb5b5;
    background-color: #ffe3cb;
    color: #000;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    margin: 5px 0 5px 0;
    border-radius: .5rem;
}
.fs-12 {
	font-size: 12px !important;
}
.fs-14 {
	font-size: 14px !important;
}
.h-auto {
	height: auto !important;
}
html .warning2 {
    font-weight: 500;
    font-size: 12px;
}
#content3.errorPage {
    max-width: 90%;
    width: 400px;
    margin: 1% auto;
}
.opacity-0 {
	opacity: 0 !important;
}

/*DASHBOARD*/
.workspace .svg-icon, .workspace .xchange-icon {
    width: 16px;
    color: var(--primary-color);
	display: block !important;
}
.workspace .hasDatepicker {
	float: none;
}
.workspace #searchTabsForm {
	padding: 4rem 0 8rem;
}

/* Mobile: Fade-out gradient on the right */
@media (max-width: 768px) {
	.workspace #searchTabsForm #searchTabs{
		position: relative;
		overflow-x: auto;
		padding-right: 48px;
		-webkit-mask-image: linear-gradient(to right, #000  calc(100% - 48px), transparent 100%);
		mask-image: linear-gradient(to right, #000  calc(100% - 48px), transparent 100%);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}
}
.workspace #searchTabsForm .nav-pills .nav-link {
	background-color: #fff;
	border: 1px solid #eee;
}
.workspace #searchTabsForm .nav-pills .nav-link.active {
	background-color: var(--secondary-color);
	color: #fff;
	border-color: var(--secondary-color);
}
.workspace #searchTabsForm .nav-pills .nav-link:hover {
	cursor: pointer;
}
.workspace #searchTabsForm #searchTabs .nav-link {
	background-color: #333;
	color: #fff;
	margin-right: 4px;
	padding: 4px 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 0 !important;
	white-space: nowrap;
}
.workspace #searchTabsForm #searchTabs .nav-link:hover {
	background-color: #666;
	cursor: pointer;
}
.workspace #searchTabsForm #searchTabs .nav-link.active {
	background-color: #fff;
	color: var(--primary-color);
	padding-top: 10px;
}
.workspace #searchTabsForm .collapse-people {
	background-color: #fff;
	border: 0;
}
.workspace #searchTabsForm .tab-content {
	border-radius: 0 .5rem .5rem .5rem;
}
.workspace #searchTabsForm #searchTabsContent {
	min-height: 143px;
}
.workspace #searchTabsForm label {
	font-size: 12px;
	color: #aaa;
	font-weight: 400;
}
.workspace #searchTabsForm #collapsePeople {
	min-width: 20rem;
	z-index: 1;
}
.workspace #searchTabsForm #collapsePeople .nums {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .5rem 1rem;
}
.workspace #searchTabsForm #collapsePeople .nums label {
	margin-bottom: 0;
}
.workspace #searchTabsForm #collapsePeople .nums .form-select {
	min-width: 100px;
}
.workspace #searchTabsForm #collapsePeople .form-age {
	font-size: 12px;
	color: #aaa;
}
.workspace .rooms #p1 .roomTitle {
	display: none;
}
.workspace .room-people-row .d-flex {
	gap: 10px;
}
.workspace #searchTabsForm .room-people-row .child {
	min-width: 50px;
}
.workspace #searchTabsForm .room-people-row .childs label {
	font-size: 8px;
	line-height: 1;
}
.search-row{
	gap: 10px;
} 
@media (min-width: 1024px) {
	.workspace #searchTabsForm {
		padding: 10rem 0 25rem;
	}
	.workspace #searchTabsForm #searchTabs .nav-link {
		margin-right: 5px;
		padding: 5px 25px;
	}
	.search-row{
		gap: 0;
	} 
	.search-row > div:not(:first-child){
		padding-left: 0;
	} 
}
.workspace .offers {
	margin-top: 3rem;
}

.workspace .offers .card-offer {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: .75rem;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	text-decoration: none;
}

.workspace .offers .card-offer:hover {
	transform: scale(1.02);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.workspace .offers .card-offer img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	border-radius: .75rem;
	transition: transform 0.3s ease;
}

.workspace .offers .card-offer h3 {
	position: absolute;
	bottom: 40%;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0 1rem;
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
	text-shadow: 0 2px 45px rgba(0, 0, 0, 0.6);
	z-index: 1;
	text-transform: capitalize;
}
.workspace.cro .content-box {
	margin-bottom: 40px;
	background: none;
	box-shadow: none;
	color: #000;
}
.workspace.cro #rnmoreSlider,
.workspace.cro .nav-text,
.workspace.cro .xweb.row {
	display: none !important;
}
.workspace.cro .dashboard-icons .row {
	border: 0;
}
.workspace.cro .dashboard-icons .icon-bg {
	transition: all 0.2s ease;
}
.workspace.cro .dashboard-icons .icon-bg:hover {
    background: var(--primary-color);
    box-shadow: 0px 10px 20px rgba(1, 1, 1, 0.1);
	transform: translateY(-4px);
}
.workspace.cro #content {
    background-image: url(/images/theme/dhgtour/img2/03.webp) !important; 
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: auto !important;
    padding-bottom: 40px;
    position: relative;
}
.workspace.cro #content::after {
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
}
.workspace.cro .content-box-header {
	border:0;
}
.workspace.cro .content-box-header .sectionHeader {
    font-style: normal;
}
.workspace.cro .dashboard-icons {
	background-color: #fff;
	padding: 1rem;
	border-radius: 1rem;
	margin:0 0 1rem;
}

/* LOADER */
.loader {
    background-color: #fff;
    width: 450px;
    border: solid 1px #D8D6D6;
    padding: 10px;
    border-radius: 10px;
    min-height: 150px;
    position: absolute;
    left: 50%;
    margin-left: -225px;
    top: 150px;
    display: none;
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    padding-top: 50px;
    z-index: 99;
}
html #loader {
    z-index: 99;
}

/*FLIGHT*/
.flight-page, .flight-form {
	background-image: url(/images/theme/dhgtour/img2/03.webp) !important; 
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: auto !important;

}
.jui #parameters #flight .find-flight li:last-child,
.flight-page .d3container,
.d3container-wrapper .matrixToggle,
.flight-page .matrixContainer {
    display: none;
}
html .jui #parameters,
html .searchTabs #tabs .ui-tabs-panel {
    padding-bottom: 0;
	border-radius: 10px;
}
.find-flight .flight-search-icon {
	border: 0 !important;
}
.find-flight input[type="text"], 
.find-flight select {
    padding: 5px 5px 5px 10px;
}
.page-title-span {
	font-size: 12px;
}
html .d3container {
	background: #fff;
	border: 0;
}
html .aktarma.matrixContainer {
	border: 0;
}
.flight-page .searchfilter {
	padding-left: 0;
}
.flight-page .searchfilter #searchFilter {
    border-radius: 10px;
}
.flight-page .searchfilter #collapseFilter {
	width: 100% !important;
}
.flight-page .searchfilter .filterTitle {
	display: none;
}
html .clearFix .searchfilter #searchFilter h2 {
    color: #111 !important;
    font-size: 13px;
    font-weight: 600;
    margin: 5px 0;
}
html .clearFix .searchfilter #searchFilter {
    background: #fff;
    border: 0;
    padding: 10px;
	font-size: 12px;
}
html .clearFix .searchfilter #searchFilter .sf-airlines:last-child {
    border-top:1px solid #e4eef5;
	padding-top: 10px;
	margin-top: 10px;
}
.clearFix .searchfilter #searchFilter ul li.sf-times {
	padding-bottom: 20px;
}
html #search2 {
    background: #fff;
    border: 0;
    padding: 10px !important;
	margin-top: 10px !important;
	border-radius: 10px;
}
html #search2 select {
    min-height: auto !important;
	font-size: 12px;
}
.searchTabs #tabs .ui-widget-header {
    padding-left: 1.4rem;
}
.searchTabs #tabs ul li a {
    border: 1px solid #eee;
    border-radius: 10px;
	cursor: pointer;
}
.searchTabs #tabs ul li a:hover {
    border-color: var(--primary-color);
}
.flight-page .hiddendiv table,
.flight-page .sr .sr-center .hiddendiv {
    background: none;	
}
#search2 .sortlabel,
#search2 .formtitle td  {
	color: #000 !important;
}
html body .order-window-wrapper > .fullcollapsed, 
html body .order-window-wrapper > .table-responsive > .fullcollapsed, 
html body .order-window-wrapper > .table-responsive > .fullcollapsed th {
    border:0;
	border-bottom: 1px solid #eee;
}
html .tableHeader.blueline2 {
	border-color: #eee !important;
}
.blueline2 {
	border-color: transparent !important;
}
form:has(.order-window-wrapper) {
	padding-top: 20px;
}
html body #content3.order-window-wrapper {
    border-radius: 10px;
	padding-top: 20px;
}
.order-window-wrapper .logo-detail {
    padding: 15px;
    margin-left: 0;
    background: #eee;
    border-radius: 10px;
	margin-bottom: 20px;
}
.order-window-wrapper .logo-detail img {
    border-radius: 10px;
	background-color: #fff;
	padding: 10px;
}
html body .order-window-wrapper > table.fullcollapsed {
	border-collapse: collapse;
}
.order-window-wrapper .row.formtitle {
	background-color: var(--primary-color-lighten-half);
	align-items: center;
	border-radius: 8px;
	color: #333;
	font-weight: 500;
}
.order-window-wrapper .mobile-table tr.formtitle td.tableHeader {
	font-weight: 700;
}
.order-window-wrapper tr.formtitle.rowitem td,
.order-window-wrapper .mobile-table tr.formtitle td {
    background-color: var(--primary-color-lighten-half);
	font-weight: 500;
	color: #333;
}
.order-window-wrapper tr.formtitle.rowitem td:first-child,
.order-window-wrapper .mobile-table tr.formtitle td:first-child {
    border-radius: 8px 0 0 8px;
}
.order-window-wrapper tr.formtitle.rowitem td:last-child,
.order-window-wrapper .mobile-table tr.formtitle td:last-child {
    border-radius: 0 8px 8px 0;
}
.order-window-wrapper .tableHeader {
	color: #333;
}
.order-window-wrapper select#rates {
	min-height: auto !important;
	font-size: 12px;
}
.order-window-wrapper .rowitem,
html body .order-window-wrapper > .fullcollapsed {
    border-bottom: 0;
}

@media (min-width: 1200px) {
    .flight-page .container {
        max-width: 1140px;
    }
}

/*HOTEL*/
.totalResults.notice {
    background-color: #ffffff9c;
    margin-top: 10px;
    padding: 5px;
    border-radius: 5px;
}
#countryHotelsMap {
	display: none !important;
}
#search2:has(#hotelResults) {
	background-color: transparent;
	border: 0;
}
body:has(#hotelResults),
#searchTabsForm.hotel-form {
	background-image: url(/images/theme/dhgtour/img2/02.webp) !important; 
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: auto !important;
}

html body .ui-autocomplete-category {
	background: #eee !important;
	color: #333 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}
html body .ui-autocomplete-category.iconHotel:after,
html body .ui-autocomplete-category.iconDistrict:after,
html body .ui-autocomplete-category.iconCity:after{
	content: none;
}
html body .ui-autocomplete.ui-menu .ui-menu-item a {
	padding: 5px 10px !important;
}
html #main #hotelSearchTabs{
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
}
#main #hotelSearchTabs .ui-tabs-nav {
	display: flex;
}
#hotelResults .acommbtn a {
	text-indent: -9999999px;
    border: 1px solid #ddd;
    display: inline-block;
	width: 20px;
	height: 20px;
    padding: 2px;
    border-radius: 4px;
	color: transparent;
	background-color: #eee;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-return-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}
#hotelResults .acommbtn a.viewCommisionDisplayToggle {
	transform: rotate(180deg);
}
#hotelResults .acommbtn a:hover {
	background-color: var(--secondary-color-lighten);
	border-color: var(--secondary-color-lighten);
}
#hotelResults .searchResult .functionDiv{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding: 5px 15px;
	border-top: 1px solid var(--primary-color-lighten-half);
}
.clearFix .searchfilter {
	text-transform: capitalize;
}
.clearFix .searchfilter h2 {
	font-weight: 700;
}
.clearFix .searchfilter h2.filterTitle span {
	display: none;
}
.clearFix .searchfilter h2.filterTitle {
    background: #fff;
    color: #000 !important;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    font-weight: 500;
    display: block;
    float: left;
    font-size: 12px;
    width: 100%;
}
.stop-explanation {
    color: #000;
    font-weight: 400;
}
#hotelResults .functionDiv a.showProviders {
	font-size: 12px;
}
#hotelResults .functionDiv a.linkDetail {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
	width: 20px;
	height: 20px;
	border-radius: 4px;
    display: inline-block;
}
#hotelResults .functionDiv a.linkDetail:hover {
	background-color: var(--primary-color-lighten);
}
#hotelResults .functionDiv a.linkDetail img.imgQtip {
	display: none;
}
#hotelResults .roomPriceTable {
    width: 96%;
    border: 0;
    margin: 10px auto;
    background: #fafafa;
    border-radius: 10px;
    overflow: hidden;
}

/*** LOADING PROGRESS ***/
html .progress-cover {
	display: flex;
	border-radius: .5rem;
	background-color: #eee;
    margin-bottom: 1rem;
}
html .progress {
	background-color: #006dcc;
    float: left;
    color: white;
    width: 100%;
    height: 30px;
    line-height: 30px;
    animation-name: slideInFromLeft;
    animation-duration: 40s;
    animation-timing-function: cubic-bezier(0, .9, .9, .999);
    text-align: center;
    border-radius: .4rem;
    padding-left: 1rem;
    justify-content: center;
    font-size: 1rem;
  }
  .percent::before {
    content: counter(count);
    animation-name: counter;
    animation-duration: 40s;
    animation-timing-function: cubic-bezier(0, .9, .9, .999);
    animation-fill-mode: forwards;
  }
  
  @keyframes slideInFromLeft {
    0% {
      width: 0%;
    }
    100% {
      width: 100%;
    }
  }
  
  @keyframes counter {
    1% {
      counter-increment: count 10;
    }
    3% {
      counter-increment: count 10;
    }
    6% {
      counter-increment: count 20;
    }
    8% {
      counter-increment: count 30;
    }
    10% {
      counter-increment: count 40;
    }
    20% {
      counter-increment: count 50;
    }
    30% {
      counter-increment: count 60;
    }
    40% {
      counter-increment: count 70;
    }
    50% {
      counter-increment: count 80;
    }
    60% {
      counter-increment: count 90;
    }
    70% {
      counter-increment: count 95;
    }
    80% {
      counter-increment: count 98;
    }
    90% {
      counter-increment: count 99;
    }
    100% {
      counter-increment: count 100;
      animation-play-state: paused;
    }
  }

/*TRANSFER*/
body.page-agent-transfer,
#searchTabsForm.transfer-form {
	background-image: url(/images/theme/dhgtour/img2/014.webp) !important; 
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: auto !important;
}
/*RENTACAR*/
html body:has(.rentacar-img) #frmSearch {
	padding: 20px;
}
html body:has(.rentacar-img) {
	background-image: url(/images/theme/dhgtour/img2/019.webp) !important; 
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: auto !important;
}
/*PACKAGE*/
html body.page-packageTour,
#searchTabsForm.package-form {
	background-image: url(/images/theme/dhgtour/img2/05.webp) !important; 
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: auto !important;
}
.page-packageTour #main #innerContent > .full,
.page-packageTour #main #innerContent > .full > .fullcollapsed {
	background-color: transparent;
	padding: 0;
	box-shadow: none;
}
/*DYNAMIC*/
html body:has(.dynamicPackage),
#searchTabsForm.dynamic-form,
#searchTabsForm.visa-form {
	background-image: url(/images/theme/dhgtour/img2/05.webp) !important; 
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: auto !important;
}
html .dynamicPackage .totalPackPrice {
	background-color: var(--primary-color-lighten-half);
    border-radius: 10px;
    border: 0;
    text-align: center;
}
html .dynamicPackage #hotelSearch li .passType span.child {
	float: right;
	clear: left;
}
html .dynamicPackage #hotelSearch .flightSelect {
	margin-top: 20px;
}
html .dynamicPackage .aheader .sectionHeader {
	color: #fff !important;
}

html #sticky-wrapper.is-sticky .totalPackPrice {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
}
html .d-results h3 {
    background: none;
    padding: 3px;
    margin: 20px 0 0;
    color: #000;
    font-size: inherit;
	text-transform: capitalize;
}
html .d-results h3 span#createPackage {
	font-size: 12px;
	padding: 4px 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
html .d-results h3 span#createPackage:hover {
	background-color: #eee;
	color: #333;
}
html .dynamic-result-table > thead {
    background-color: transparent;
}
html .dynamic-result-table th p,
html .dynamic-result-table .sortlabel {
	font-size: 12px;
	font-weight: 500;
	color: #999 !important;
}
.dynamicPackage .notice.formtitle {
	font-weight: 500;
	color: #333 !important;
}
.dynamicPackage .filterTitle {
	display: none !important;
}
.dynamicPackage.clearFix .searchfilter #searchFilter {
    border-top: 1px solid #ddd !important;
}
.dynamicPackage .searchfilter #searchFilter {
    border-radius: 10px 10px 0 0;
}
.dynamicPackage #hotelResult, .dynamicPackage #returnTransferResults {
	border:0 !important;
}

@media (min-width: 1200px) {
    body:has(#hotelResultsDiv) #innerContent,
    body:has(.rentacar-img) #main #innerContent,
	body.page-agent-transfer #main #innerContent {
        max-width: 1140px;
		margin: 0 auto;
    }
	body #main #innerContent.dynamicPackage {
        max-width: 1300px;
		margin: 0 auto;
    }
}

@media (min-width: 1920px) {
	.flight-page, .flight-form {
		background-size: cover !important;
	}
}

#searchTabsForm.flight-form:after,
#searchTabsForm.package-form:after,
#searchTabsForm.dynamic-form:after,
#searchTabsForm.hotel-form:after,
#searchTabsForm.transfer-form:after {
	content: '';
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #F5F5F5;
	background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
}
.flight-page::after, 
body:has(#hotelResults)::after,
body.page-agent-transfer::after,
html body:has(.rentacar-img)::after,
html body.page-packageTour::after,
html body:has(.dynamicPackage)::after {
	content: '';
	width: 100%;
	height: 150px;
	position: absolute;
	top: 450px;
	left: 0;
	z-index: 0;
    pointer-events: none;
	background: #F5F5F5;
	background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
}

/** ORDER DETAILS */
body:has(#content3.detail-window) {	
	padding: 20px;
}
#content3.detail-window {
    border-radius: 20px;
	font-size: 12px;
}
#content3.detail-window div.tableHeader,
#content3.detail-window td.tableHeader {
	color: #333;
}
#content3.detail-window .mobile-table:has(img.logo) tr > td:has(img.logo) {	
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
	text-align: left;
	padding: 10px;
}
#content3.detail-window tr.formtitle.rowitem {
	vertical-align: bottom;
}
#content3.detail-window tr.formtitle.rowitem td {
    background-color: var(--primary-color-lighten-half);
	font-weight: 500;
	color: #333;
	line-height: 1;
}
#content3.detail-window tr.formtitle.rowitem td:first-child {
    border-radius: 8px 0 0;
}
#content3.detail-window tr.formtitle.rowitem td:last-child {
    border-radius: 0 8px 0 0;
}
#content3.detail-window:has(.mobile-table) .fullcollapsed.mobile-table {
    background-color: #f3f3f3;
	border-radius: 10px;
}
#content3.detail-window:has(.mobile-table) img.logo {
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
}
#content3.detail-window select {
    min-height: auto !important;
    font-size: 12px;
}
#content3.detail-window input[type="button"][value="HTML"] {
    display: none;
}
@media (min-width: 768px) {
	#content3.detail-window .mobile-table:has(img.logo) tbody > tr:first-child {	
		display: flex;
		align-items: center;
		gap: 20px;
		justify-content: start;
	}
	#content3.detail-window .mobile-table:has(img.logo) tr > td .tableHeader {	
		display: block;
	}
}