:root {
	--skeleton-color: hsl(0, 0%, 89%);
	--skeleton-shine: hsl(0, 0%, 95%);
}

@keyframes shine-lines {
	0% {
		background-position: -100px;
	}
	100% {
		background-position: 400px;
	}
}

a:focus, button:focus {
	box-shadow: none !important;
}

.card-header-skeleton,
.btn-skeleton,
.text-skeleton,
.img-skeleton,
.control-label-skeleton,
.form-control-skeleton,
.slider-track-skeleton,
.btn-skeleton {
	background-image: linear-gradient(90deg, var(--skeleton-color) 0px, var(--skeleton-shine) 40px, var(--skeleton-color) 80px);
	background-size: 600px;
	animation: shine-lines 1.2s infinite linear;
}

.control-label-skeleton,
.text-skeleton {
	display: inline-block;
	width: 100%;
}

.custom-control-input.custom-control-input-skeleton:checked ~ .custom-control-label::before {
	color: var(--skeleton-color) !important;
	border-color: var(--skeleton-color) !important;
	background-color: var(--skeleton-color) !important;
}

.control-label-skeleton {
	margin-bottom: 8px;
	line-height: 22px;
}

.text-skeleton {
	line-height: 95%;
	margin: 5px 0;
}

.flight-segment .img-skeleton { width: 100%; height: 25px; }

.transfer-item .img-skeleton { width: 100%; height: 150px; top: 20%; margin-right: 10px; margin-left: 15px;}

.custom-control-label .text-skeleton {
	width: 90px;
}

section > .tab-content > .tab-pane { padding-top: 20px; }

.badge-primary { background-color: var(--primary-color) }

.width-10 { width: 10px }
.width-40 { width: 40px }
.width-70 { width: 70px !important; }
.width-100 { width: 100px !important; }
.width-150 { width: 150px; }
.width-200 { width: 200px; }

.wd-100 { max-width: 100px; }
.wd-119 { max-width: 119px; }
.wd-150 { max-width: 150px; }
.wd-200 { max-width: 200px; }

.mw-100 { max-width: 100%; }

.height-24 { height: 24px; }
.height-50 { height: 50px; }
.height-260 { height: 260px; }
.height-484 { height: 484px; }
.mh-50 { max-height: 50px; }

.vh-25 { height: 25vh; }
.vh-50 { height: 50vh; }
.vh-75 { height: 75vh; }

.lh-2 { line-height: 200%; }

.bg-white { background-color: #fff; }
.bg-skeleton { background-color: var(--skeleton-color) }
.bg-cover { background-repeat: no-repeat; background-size: cover; }
.bg-primary { background-color: var(--primary-color) !important; }
.border-primary { border-color: var(--primary-color) !important; }
.border-success { border-color: var(--green) !important; }
hr.border-success { border-width: 5px; }
.text-primary { color: var(--primary-color) !important; }
.text-secondary { color: var(--secondary-color) !important; }
.text-orange { color: var(--orange); }

.top-right { position: absolute; top: 0; right: 0; }
.top-left { position: absolute; top: 0; left: 0; }
.bottom-left { position: absolute; bottom: 0; left: 0; }
.bottom-right { position: absolute; bottom: 0; right: 0; }

.bg-club {
	color: rgb(173,110,82);
	background: rgb(189,120,89);
	background: linear-gradient(95deg, rgba(189,120,89,1) 0%, rgba(238,211,193,1) 45%, rgba(208,159,136,1) 100%);
}

.bg-silver {
	color: rgb(117,117,115);
	background: rgb(132,131,129);
	background: linear-gradient(95deg, rgba(132,131,129,1) 0%, rgba(244,239,239,1) 45%, rgba(195,194,192,1) 100%);
}

.bg-gold {
	color: rgb(152,125,79);
	background: rgb(176,144,90);
	background: linear-gradient(95deg, rgba(176,144,90,1) 0%, rgba(236,227,198,1) 45%, rgba(216,199,161,1) 100%);
}

.bg-diamond {
	color: rgb(125,138,138);
	background: rgb(177,185,185);
	background: linear-gradient(95deg, rgba(177,185,185,1) 0%, rgba(250,252,251,1) 45%, rgba(225,229,228,1) 100%);
}

.disabled {
	color: #6c757d;
	background-color: #e9ecef;
}

/* +++ customtemplate.css colors +++ */

body {
	color: var(--body-text-color);
	font-size: var(--body-font-size);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--body-heading-color);
}

.text-primary { color: var(--primary-color) !important; }

a { color: var(--primary-color); }
a:hover { color: var(--secondary-color); text-decoration: none; }

.custom-control-input:checked ~ .custom-control-label::before {
	color: var(--primary-text-color) !important;
	border-color: var(--primary-color) !important;
	background-color: var(--primary-color) !important;
}

.custom-control-full > .custom-control-label {
	display: block;
}

.form-control:focus,
.custom-select:focus {
	border-color: var(--primary-color);
}

.btn-primary {
	color: var(--primary-text-color) !important;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	color: var(--primary-text-color);
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.btn-outline-primary {
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-outline-primary:hover {
	color: var(--primary-text-color);
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
	color: var(--primary-text-color);
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.dropdown-item.active, .dropdown-item:active {
	color: var(--primary-text-color);
	text-decoration: none;
	background-color: var(--primary-color);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: var(--primary-text-color);
	background-color: var(--primary-color);
}

.page-link { color: var(--primary-color); }
.page-link:hover { color: var(--primary-color); }
.page-item.active .page-link {
	color: var(--primary-text-color);
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.progress > .progress-bar { background-color: var(--primary-color); color: transparent; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border-color: var(--primary-color);
	background: var(--primary-color);
	font-weight: normal;
	color: var(--primary-text-color);
}

.ui-menu-item:last-child .ui-state-active {
	border-bottom: none;
	margin-bottom: 0;
}

.ui-autocomplete-category {
	color: var(--primary-text-color);
	background-color: var(--secondary-color);
	padding: 5px 10px;
}

/* --- customtemplate.css colors --- */

.hard-divider {
	border-top: 3px solid #777777;
	margin: 3px 0;
}

.hover-checkgroup .dropdown-menu {
	margin: 0;
	max-height: 300px;
	overflow: auto;
}

a > b.badge {
	position: relative;
	top: -10px;
	left: -10px;
}

.btn-labeled {
	position: relative;
	text-align: left;
	padding-left: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.btn-labeled > i {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	padding: 7px 6px 7px 7px;
	line-height: inherit;
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
	background-color: rgba(0, 0, 0, 0.1);
}
.btn-labeled:hover > i {
	background-color: rgba(255, 255, 255, 0.2);
}

.card-body.p-0 > form > .card { border: 0; }
.card > a { text-decoration: none; color: inherit; }

.font-xs { font-size:85%!important }
.font-sm { font-size:95%!important }
.font-md { font-size:130%!important }
.font-lg { font-size:160%!important }
.font-xl { font-size:200%!important }

.row-sm, .row-sm .row,
.row-sm .form-horizontal .form-group,
.form-horizontal .row-sm .form-group {
	margin-left: -5px;
	margin-right: -5px;
}
.row-sm .form-horizontal .form-group,
.form-horizontal .row-sm .form-group {
	margin-bottom: 5px;
}

.row-sm .col-sm-1, .row-sm .col-sm-2, .row-sm .col-sm-3, .row-sm .col-sm-4, .row-sm .col-sm-5, .row-sm .col-sm-6,
.row-sm .col-sm-7, .row-sm .col-sm-8, .row-sm .col-sm-9, .row-sm .col-sm-10, .row-sm .col-sm-11, .row-sm .col-sm-12,
.row-sm .col-xs-1, .row-sm .col-xs-2, .row-sm .col-xs-3, .row-sm .col-xs-4, .row-sm .col-xs-5, .row-sm .col-xs-6,
.row-sm .col-xs-7, .row-sm .col-xs-8, .row-sm .col-xs-9, .row-sm .col-xs-10, .row-sm .col-xs-11, .row-sm .col-xs-12 {
	padding-left: 5px;
	padding-right: 5px;
}
.hidden, .hide {
	display: none !important;
}
.modal { z-index: 1350; }
#ajax-modal2, #ajax-modal3 { background-color: rgba(0, 0, 0, 0.5); }
#ajax-modal2 .modal-dialog { margin-top: 5%; }
#ajax-modal3 .modal-dialog { margin-top: 10%; }
.ui-autocomplete.ui-front { z-index: 1351; }
.select2-container--open { z-index: 1351; }

.dropdown-backdrop { display: none; }
.pos-rel { position: relative; }
.border-left-1 { border-left: 1px solid #ddd; }
.panel-primary .border-left-1 { border-color: #428bca; }

.blurbox {
	backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 5px;
}

.flag{width:16px;height:11px;background:url('/common/img/flags/flags.png') no-repeat;margin-top:-.18em;display:inline-block}.flag.flag-ad{background-position:-16px 0}.flag.flag-ae{background-position:-32px 0}.flag.flag-af{background-position:-48px 0}.flag.flag-ag{background-position:-64px 0}.flag.flag-ai{background-position:-80px 0}.flag.flag-al{background-position:-96px 0}.flag.flag-am{background-position:-112px 0}.flag.flag-an{background-position:-128px 0}.flag.flag-ao{background-position:-144px 0}.flag.flag-ar{background-position:-160px 0}.flag.flag-as{background-position:-176px 0}.flag.flag-at{background-position:-192px 0}.flag.flag-au{background-position:-208px 0}.flag.flag-aw{background-position:-224px 0}.flag.flag-az{background-position:-240px 0}.flag.flag-ba{background-position:0 -11px}.flag.flag-bb{background-position:-16px -11px}.flag.flag-bd{background-position:-32px -11px}.flag.flag-be{background-position:-48px -11px}.flag.flag-bf{background-position:-64px -11px}.flag.flag-bg{background-position:-80px -11px}.flag.flag-bh{background-position:-96px -11px}.flag.flag-bi{background-position:-112px -11px}.flag.flag-bj{background-position:-128px -11px}.flag.flag-bm{background-position:-144px -11px}.flag.flag-bn{background-position:-160px -11px}.flag.flag-bo{background-position:-176px -11px}.flag.flag-br{background-position:-192px -11px}.flag.flag-bs{background-position:-208px -11px}.flag.flag-bt{background-position:-224px -11px}.flag.flag-bv{background-position:-240px -11px}.flag.flag-bw{background-position:0 -22px}.flag.flag-by{background-position:-16px -22px}.flag.flag-bz{background-position:-32px -22px}.flag.flag-ca{background-position:-48px -22px}.flag.flag-catalonia{background-position:-64px -22px}.flag.flag-cd{background-position:-80px -22px}.flag.flag-cf{background-position:-96px -22px}.flag.flag-cg{background-position:-112px -22px}.flag.flag-ch{background-position:-128px -22px}.flag.flag-ci{background-position:-144px -22px}.flag.flag-ck{background-position:-160px -22px}.flag.flag-cl{background-position:-176px -22px}.flag.flag-cm{background-position:-192px -22px}.flag.flag-cn{background-position:-208px -22px}.flag.flag-co{background-position:-224px -22px}.flag.flag-cr{background-position:-240px -22px}.flag.flag-cu{background-position:0 -33px}.flag.flag-cv{background-position:-16px -33px}.flag.flag-cw{background-position:-32px -33px}.flag.flag-cy{background-position:-48px -33px}.flag.flag-cz{background-position:-64px -33px}.flag.flag-de{background-position:-80px -33px}.flag.flag-dj{background-position:-96px -33px}.flag.flag-dk{background-position:-112px -33px}.flag.flag-dm{background-position:-128px -33px}.flag.flag-do{background-position:-144px -33px}.flag.flag-dz{background-position:-160px -33px}.flag.flag-ec{background-position:-176px -33px}.flag.flag-ee{background-position:-192px -33px}.flag.flag-eg{background-position:-208px -33px}.flag.flag-eh{background-position:-224px -33px}.flag.flag-england{background-position:-240px -33px}.flag.flag-er{background-position:0 -44px}.flag.flag-es{background-position:-16px -44px}.flag.flag-et{background-position:-32px -44px}.flag.flag-eu{background-position:-48px -44px}.flag.flag-fi{background-position:-64px -44px}.flag.flag-fj{background-position:-80px -44px}.flag.flag-fk{background-position:-96px -44px}.flag.flag-fm{background-position:-112px -44px}.flag.flag-fo{background-position:-128px -44px}.flag.flag-fr{background-position:-144px -44px}.flag.flag-ga{background-position:-160px -44px}.flag.flag-gb{background-position:-176px -44px}.flag.flag-gd{background-position:-192px -44px}.flag.flag-ge{background-position:-208px -44px}.flag.flag-gf{background-position:-224px -44px}.flag.flag-gg{background-position:-240px -44px}.flag.flag-gh{background-position:0 -55px}.flag.flag-gi{background-position:-16px -55px}.flag.flag-gl{background-position:-32px -55px}.flag.flag-gm{background-position:-48px -55px}.flag.flag-gn{background-position:-64px -55px}.flag.flag-gp{background-position:-80px -55px}.flag.flag-gq{background-position:-96px -55px}.flag.flag-gr{background-position:-112px -55px}.flag.flag-gs{background-position:-128px -55px}.flag.flag-gt{background-position:-144px -55px}.flag.flag-gu{background-position:-160px -55px}.flag.flag-gw{background-position:-176px -55px}.flag.flag-gy{background-position:-192px -55px}.flag.flag-hk{background-position:-208px -55px}.flag.flag-hm{background-position:-224px -55px}.flag.flag-hn{background-position:-240px -55px}.flag.flag-hr{background-position:0 -66px}.flag.flag-ht{background-position:-16px -66px}.flag.flag-hu{background-position:-32px -66px}.flag.flag-ic{background-position:-48px -66px}.flag.flag-id{background-position:-64px -66px}.flag.flag-ie{background-position:-80px -66px}.flag.flag-il{background-position:-96px -66px}.flag.flag-im{background-position:-112px -66px}.flag.flag-in{background-position:-128px -66px}.flag.flag-io{background-position:-144px -66px}.flag.flag-iq{background-position:-160px -66px}.flag.flag-ir{background-position:-176px -66px}.flag.flag-is{background-position:-192px -66px}.flag.flag-it{background-position:-208px -66px}.flag.flag-je{background-position:-224px -66px}.flag.flag-jm{background-position:-240px -66px}.flag.flag-jo{background-position:0 -77px}.flag.flag-jp{background-position:-16px -77px}.flag.flag-ke{background-position:-32px -77px}.flag.flag-kg{background-position:-48px -77px}.flag.flag-kh{background-position:-64px -77px}.flag.flag-ki{background-position:-80px -77px}.flag.flag-km{background-position:-96px -77px}.flag.flag-kn{background-position:-112px -77px}.flag.flag-kp{background-position:-128px -77px}.flag.flag-kr{background-position:-144px -77px}.flag.flag-kurdistan{background-position:-160px -77px}.flag.flag-kw{background-position:-176px -77px}.flag.flag-ky{background-position:-192px -77px}.flag.flag-kz{background-position:-208px -77px}.flag.flag-la{background-position:-224px -77px}.flag.flag-lb{background-position:-240px -77px}.flag.flag-lc{background-position:0 -88px}.flag.flag-li{background-position:-16px -88px}.flag.flag-lk{background-position:-32px -88px}.flag.flag-lr{background-position:-48px -88px}.flag.flag-ls{background-position:-64px -88px}.flag.flag-lt{background-position:-80px -88px}.flag.flag-lu{background-position:-96px -88px}.flag.flag-lv{background-position:-112px -88px}.flag.flag-ly{background-position:-128px -88px}.flag.flag-ma{background-position:-144px -88px}.flag.flag-mc{background-position:-160px -88px}.flag.flag-md{background-position:-176px -88px}.flag.flag-me{background-position:-192px -88px}.flag.flag-mg{background-position:-208px -88px}.flag.flag-mh{background-position:-224px -88px}.flag.flag-mk{background-position:-240px -88px}.flag.flag-ml{background-position:0 -99px}.flag.flag-mm{background-position:-16px -99px}.flag.flag-mn{background-position:-32px -99px}.flag.flag-mo{background-position:-48px -99px}.flag.flag-mp{background-position:-64px -99px}.flag.flag-mq{background-position:-80px -99px}.flag.flag-mr{background-position:-96px -99px}.flag.flag-ms{background-position:-112px -99px}.flag.flag-mt{background-position:-128px -99px}.flag.flag-mu{background-position:-144px -99px}.flag.flag-mv{background-position:-160px -99px}.flag.flag-mw{background-position:-176px -99px}.flag.flag-mx{background-position:-192px -99px}.flag.flag-my{background-position:-208px -99px}.flag.flag-mz{background-position:-224px -99px}.flag.flag-na{background-position:-240px -99px}.flag.flag-nc{background-position:0 -110px}.flag.flag-ne{background-position:-16px -110px}.flag.flag-nf{background-position:-32px -110px}.flag.flag-ng{background-position:-48px -110px}.flag.flag-ni{background-position:-64px -110px}.flag.flag-nl{background-position:-80px -110px}.flag.flag-no{background-position:-96px -110px}.flag.flag-np{background-position:-112px -110px}.flag.flag-nr{background-position:-128px -110px}.flag.flag-nu{background-position:-144px -110px}.flag.flag-nz{background-position:-160px -110px}.flag.flag-om{background-position:-176px -110px}.flag.flag-pa{background-position:-192px -110px}.flag.flag-pe{background-position:-208px -110px}.flag.flag-pf{background-position:-224px -110px}.flag.flag-pg{background-position:-240px -110px}.flag.flag-ph{background-position:0 -121px}.flag.flag-pk{background-position:-16px -121px}.flag.flag-pl{background-position:-32px -121px}.flag.flag-pm{background-position:-48px -121px}.flag.flag-pn{background-position:-64px -121px}.flag.flag-pr{background-position:-80px -121px}.flag.flag-ps{background-position:-96px -121px}.flag.flag-pt{background-position:-112px -121px}.flag.flag-pw{background-position:-128px -121px}.flag.flag-py{background-position:-144px -121px}.flag.flag-qa{background-position:-160px -121px}.flag.flag-re{background-position:-176px -121px}.flag.flag-ro{background-position:-192px -121px}.flag.flag-rs{background-position:-208px -121px}.flag.flag-ru{background-position:-224px -121px}.flag.flag-rw{background-position:-240px -121px}.flag.flag-sa{background-position:0 -132px}.flag.flag-sb{background-position:-16px -132px}.flag.flag-sc{background-position:-32px -132px}.flag.flag-scotland{background-position:-48px -132px}.flag.flag-sd{background-position:-64px -132px}.flag.flag-se{background-position:-80px -132px}.flag.flag-sg{background-position:-96px -132px}.flag.flag-sh{background-position:-112px -132px}.flag.flag-si{background-position:-128px -132px}.flag.flag-sk{background-position:-144px -132px}.flag.flag-sl{background-position:-160px -132px}.flag.flag-sm{background-position:-176px -132px}.flag.flag-sn{background-position:-192px -132px}.flag.flag-so{background-position:-208px -132px}.flag.flag-somaliland{background-position:-224px -132px}.flag.flag-sr{background-position:-240px -132px}.flag.flag-ss{background-position:0 -143px}.flag.flag-st{background-position:-16px -143px}.flag.flag-sv{background-position:-32px -143px}.flag.flag-sx{background-position:-48px -143px}.flag.flag-sy{background-position:-64px -143px}.flag.flag-sz{background-position:-80px -143px}.flag.flag-tc{background-position:-96px -143px}.flag.flag-td{background-position:-112px -143px}.flag.flag-tf{background-position:-128px -143px}.flag.flag-tg{background-position:-144px -143px}.flag.flag-th{background-position:-160px -143px}.flag.flag-tj{background-position:-176px -143px}.flag.flag-tk{background-position:-192px -143px}.flag.flag-tl{background-position:-208px -143px}.flag.flag-tm{background-position:-224px -143px}.flag.flag-tn{background-position:-240px -143px}.flag.flag-to{background-position:0 -154px}.flag.flag-tr{background-position:-16px -154px}.flag.flag-tt{background-position:-32px -154px}.flag.flag-tv{background-position:-48px -154px}.flag.flag-tw{background-position:-64px -154px}.flag.flag-tz{background-position:-80px -154px}.flag.flag-ua{background-position:-96px -154px}.flag.flag-ug{background-position:-112px -154px}.flag.flag-um{background-position:-128px -154px}.flag.flag-us{background-position:-144px -154px}.flag.flag-uy{background-position:-160px -154px}.flag.flag-uz{background-position:-176px -154px}.flag.flag-va{background-position:-192px -154px}.flag.flag-vc{background-position:-208px -154px}.flag.flag-ve{background-position:-224px -154px}.flag.flag-vg{background-position:-240px -154px}.flag.flag-vi{background-position:0 -165px}.flag.flag-vn{background-position:-16px -165px}.flag.flag-vu{background-position:-32px -165px}.flag.flag-wales{background-position:-48px -165px}.flag.flag-wf{background-position:-64px -165px}.flag.flag-ws{background-position:-80px -165px}.flag.flag-ye{background-position:-96px -165px}.flag.flag-yt{background-position:-112px -165px}.flag.flag-za{background-position:-128px -165px}.flag.flag-zanzibar{background-position:-144px -165px}.flag.flag-zm{background-position:-160px -165px}.flag.flag-zw{background-position:-176px -165px}
.flag.lang-en { background-position: -144px -154px; }
.flag.lang-de { background-position: -80px -33px; }
.flag.lang-ru { background-position: -224px -121px; }
.flag.lang-fr { background-position: -144px -44px; }
.flag.lang-pl { background-position: -32px -121px; }
.flag.lang-tr { background-position: -16px -154px; }
.flag.lang-ro { background-position: -192px -121px; }
.flag.lang-he { background-position: -96px -66px; }
.flag.lang-cs { background-position: -64px -33px; }
.flag.lang-uk { background-position: -96px -154px; }
.flag.lang-ar { background-position: -208px -33px; }
.flag.lang-fa { background-position: -176px -66px; }
.flag.lang-cn { background-position: -208px -22px; }
.flag.lang-it { background-position: -208px -66px; }
.flag.lang-pt { background-position: -112px -121px; }
.flag.lang-bg { background-position: -80px -11px; }
.flag.lang-es { background-position: -16px -44px; }
.flag.lang-az { background-position: -240px 0; }
.flag.lang-sv { background-position: -80px -132px; }

.modal-full { width: 90%; max-width: none; }

.text-overflow {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

a.dropdown-item { text-decoration: none; }

.image_select a,
.object-container-75 {
	display: block;
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}

.object-container-75 {
	padding-top: 75%;
}

.section-tm_image .image_select a {
	padding-top: 100%;
}

.image_select_placeholder {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	text-align: center;
	padding-top: 23%;
	font-size: 16px;
}

.image_select a button.close {
	position: absolute;
	top: 0;
	right: 0;
	color: var(--danger);
}

.image_select a img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

.image_select.contain a img {
	object-fit: contain;
}

ul.image-select-list,
.ibe-grid-view {
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

ul.image-select-list li,
.ibe-grid-view > div {
	display: list-item;
	flex: 1 0 250px;
	min-width: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.image-select-list li {
	padding: 15px;
}

ul.image-select-list li > div,
.ibe-grid-view > div > div {
	min-width: 250px;
	width: 100%;
	height: 100%;
	display: flex;
}
.ibe-grid-view > div > div > div {
	padding: 75% 0 0 0;
	margin: 15px;
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
}

ul.image-select-list li a {
	padding: 75% 0 0 0;
	font-size: 12px;
	color: hsl(0, 0%, 60%);
	overflow: hidden;
	background-color: hsl(0, 0%, 100%);
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
}

ul.image-select-list li .card {
	box-shadow: hsl(0, 0%, 80%) 0 0 16px;
}

ul.image-select-list li img,
.ibe-grid-view img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

ul.image-select-list li img {
	object-fit: contain;
}

.ibe-grid-view-200 {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.ibe-grid-view-200 > div {
	flex: 1 0 200px;
}
.ibe-grid-view-200 > div > div {
	min-width: 200px;
}

.ibe-grid-view.fit-contain img {
	object-fit: contain !important;
}

.ibe-grid-view.fit-height-60p img {
	height: 60% !important;
}

.shadow-primary {
	box-shadow: 0 .5rem 1rem var(--primary-color) !important;
}

.dataTables_length,
.dataTables_filter {
	padding: 10px 15px 0;
}

.dataTables_info,
.dataTables_paginate {
	padding: 0 15px;
}

.card-header .nav {
	position: relative;
	top: 1px;
}

.modal-content > .modal-loader {
	text-align: center;
	font-size: 20px;
	padding: 60px 0;
}

.slider.slider-horizontal {
	width: 100% !important;
}

.color-white { color: var(--white) !important; }

.option-orange,
.smart-form .select select.option-orange {
	background-color: var(--orange) !important;
	color: #ffffff !important;
}

.option-yellow,
.smart-form .select select.option-yellow {
	background-color: #f2d600;
	color: #ffffff !important;
}

.option-black,
.smart-form .select select.option-black {
	background-color: #000000;
	color: #ffffff !important;
}

.option-light-red,
.smart-form .select select.option-light-red {
	background-color: #eb5a46;
	color: #ffffff !important;
}

.option-red,
.smart-form .select select.option-red {
	background-color: var(--red) !important;
	color: #ffffff !important;
}

.option-green,
.smart-form .select select.option-green {
	background-color: var(--green) !important;
	color: #ffffff !important;
}

.option-light-green,
.smart-form .select select.option-light-green {
	background-color: #51E898 !important;
	color: #ffffff !important;
}

.option-blue,
.smart-form .select select.option-blue {
	background-color: var(--blue) !important;
	color: #ffffff !important;
}

.option-middle-blue,
.smart-form .select select.option-middle-blue {
	background-color: #0096cf;
	color: #ffffff !important;
}

.option-light-blue,
.smart-form .select select.option-light-blue {
	background-color: #00c2e0;
	color: #ffffff !important;
}

.option-gray,
.smart-form .select select.option-gray {
	background-color: var(--gray) !important;
	color: #ffffff !important;
}

.option-white,
.smart-form .select select.option-white {
	background-color: var(--white) !important;
	color: #000000;
}

.bl_highlighted td {
	background-color: #eb5a46 !important;
	color: #ffffff;
}

@media (min-width: 768px) {
	.list-checkgroup {
		max-height: 500px;
		overflow-y: auto;
	}
}

.content-submenu-1 {
	padding-left: 50px;
}

.cookie_disclaimer {
	position: fixed !important;
	z-index: 9999;
	bottom: 25px;
	right: 25px;;
}

.cookie_disclaimer .close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.fc-unthemed .fc-agendaDay-view .fc-today {
	background-color: #ffffff !important;
}

.dotted, .dotted_left, .dotted_right {
	display: inline-block;
	height: 1.4em;
}
.dotted_left, .dotted_right {
	padding: 1px 0.5em;
	background: #fff;
	float: right;
}
.dotted_left{
	float: left;
	clear: both;
}
.dotted {
	display: block;
	border-bottom: 1px dashed grey;
	margin-bottom: 2px;
}
/*
#section-tres_ex_id {
	column-count: 2;
	column-width: 450px;
	column-fill: auto;
	height: 143px;
}
*/

.form-control-static-bordered {
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	padding: 7px 10px;
	min-height: 36px;
}

.map_controls {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 14px;
}

.map_control_fullscreen {
	width: 25px;
	height: 25px;
	cursor: pointer;
	overflow: hidden;
	background: url('/common/images/markers/sv9.png') -52px -86px no-repeat transparent;
}

.map_control_original {
	width: 25px;
	height: 25px;
	cursor: pointer;
	overflow: hidden;
	background: url('/common/images/markers/sv9.png') -78px -86px no-repeat transparent;
}

#map-modal #results_map {
	width: 100%;
	height: 700px;
}

#modal_map_controls {
	margin-right: 20px;
}

.geolocation {
	height: 300px;
}

.geolocation .map_controls {
	position: relative;
	/* z-index: 998; */
	margin-right: 60px;
}

.geolocation .map_controls .form-control {
	width: 400px;
	padding: 1px 10px;
}

ol.real,
ul.real {
	padding-left: 20px;
}

ol.real > li {
	list-style: outside decimal;
}

ul.real > li {
	list-style: outside disc;
}

.bootstrap-tagsinput .label.tag {
	color: var(--primary-text-color);
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	position: relative;
	display: block;
	font-weight: 400;
	text-align: left;
	height: calc(1.5em + .5rem + 2px);
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
	margin-bottom: .25rem;
}

.bootstrap-tagsinput.tagsinput-horizontal .form-control {
	display: inline-block;
	width: auto;
	min-width: 200px;
}

.bootstrap-tagsinput.tagsinput-horizontal .label.tag {
	display: inline-block;
	margin-right: .25rem;
	padding-right: calc(.5rem + 28px);
}

.bootstrap-tagsinput .tag [data-role="remove"] {
	display: block;
	top: 0;
	right: 0;
	padding: 3px 4px 3px 5px;
	width: 28px;
	height: 100%;
	position: absolute;
	cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]::after {
	content: "\f057";
	font-family: "Font Awesome 5 Free";
	padding: 2px 1px;
	line-height: 17px;
	font-size: 15px;
	text-align: center;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
	background: rgba(0,0,0,.3);
}

.ui-autocomplete {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-menu .ui-menu-item {
	line-height: 25px;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0;
	font-weight: 400;
}

.nolabel,
.input-nolabel,
.section-nolabel,
.checkbox-nolabel {
	margin-top: 32px;
}

.input-nolabel > .input-nolabel { margin-top: 0; }

.daterange-dropdown > a { text-decoration: none; color: inherit; }

#notification-group a.nav-link { position: relative; }
#notification-group a.nav-link > .badge { position: absolute; right: 10px; top: 4px; left: auto; }
.ajax-notifications { position: relative; height: 365px; overflow: auto; }

.notification-body *,
.notification-body:after *,
.notification-body:before * {
	box-sizing:border-box!important;
	-webkit-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important
}
.notification-body {
	padding:0;
	margin:0;
	list-style:none;
	max-width: 1181px;
	line-height: 19px;
}
.notification-body>li {
	border-bottom:1px solid #E9E9E9;
	position:relative
}
.notification-body>li>span {
	background:#fff;
	display:block;
	min-height:25px;
	overflow:hidden;
	padding:8px 10px 13px;
	white-space:normal
}
.notification-body>li>span:hover {
	background-color: var(--primary-color);
	color: var(--primary-text-color);
}
.notification-body>li a,
.notification-body>li a span {
	display:block;
	position:relative;
	overflow:hidden
}
.notification-body>li a,
.notification-body>li a:hover {
	text-decoration:none
}
.notification-body>li:hover .progress {
	background:#fff;
	box-shadow:0 1px 0 rgba(0,0,0,0),0 0 0 1px #a7a7a7 inset;
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,0),0 0 0 1px #ccc inset;
	-moz-box-shadow:0 1px 0 transparent,0 0 0 1px #fff inset
}
.notification-body>li:hover .text-muted {
	color:#333
}
.notification-body .from {
	font-size:14px;
	line-height:normal;
	color:#333;
	font-weight:400;
	margin-right:60px;
	margin-bottom:6px;
	height:20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.notification-body .unread .from {
	font-weight:700
}
.notification-body .unread {
	background:#FFFFE0
}
.notification-body time {
	position:absolute;
	top:3px;
	right:0;
	font-size:11px;
	font-weight:400;
	color:#058dc7
}
.notification-body .msg-body,
.notification-body .subject {
	font-size:13px;
	color:#A0A0A0;
	max-height:45px;
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.notification-body .subject {
	font-size:13px;
	color:#333;
	max-height:22px
}

.notification-body .solved {
	background-color: #61BD4F;
}

.notification-body .msg-yellow > span,
.notification-body .msg-yellow .solved {
	background-color: #F2D600;
}

.notification-body .msg-failedpaid > span,
.notification-body .msg-failed > span,
.notification-body .msg-orange > span,
.notification-body .msg-orange .solved,
.notification-body .msg-red .solved {
	background-color: #FFAB4A;
}

.notification-body .msg-red > span {
	background-color: #FF0000;
}

.notification-body .solved > a > span,
.notification-body .solved > a > time,
.notification-body .late > a > span,
.notification-body .late > a > time,
.notification-body .msg-yellow > span > a > span,
.notification-body .msg-yellow > span > a > time,
.notification-body .msg-red > span > a > span,
.notification-body .msg-red > span > a > time,
.notification-body .msg-failedpaid > span > a > span,
.notification-body .msg-failedpaid > span > a > time,
.notification-body .msg-failed > span > a > span,
.notification-body .msg-failed > span > a > time,
.notification-body li > span:hover > a > span,
.notification-body li > span:hover > a > time,
.notification-body .msg-orange > span > a > span,
.notification-body .msg-orange > span > a > time {
	color: #ffffff;
}

#table_issue_comments .notification-body li > span:hover {
	background-color: transparent;
}

.notification-body .msg-body {
	margin-top: 12px;
}

.table-hover > tbody > tr:hover > td {
	background-color: #e5e5e5;
}

.table-fixhead {
	height: calc(100vh - 100px);
}

.table-fixhead thead th {
	background-color: #ffffff;
	position: sticky;
	top: 0;
	z-index: 1;
}

.notification-body .unread {
	background-color: #efe1b3;
}

.notification-body .late {
	background-color: #EB5A46;
}

ul.footer-social-icons {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
}

ul.footer-social-icons > li {
	list-style: none;
	padding-left: 0;
	padding-right: 10px;
}

ul.footer-social-icons > li > a {
	border: none;
}

ul.footer-social-icons i {
	font-size: 2em;
	color: var(--footer_title_color);
}

#tab-train .btn-group > label.btn,
#tab-trains .btn-group > label.btn {
	border-radius: 5px;
	margin-right: 5px;
}

.toggle.btn {
	width: 100% !important;
}

.toggle.toggle-long i {
	width: 120px !important;
	background-color: #c26565;
	border-color: #953b39;
}

.toggle.toggle-long input:checked + i {
	width: 120px !important;
	background-color: #cde0c4;
	border-color: #8ac38b;
}

.toggle.toggle-long i::before {
	background-color: #953b39;
}
.toggle.toggle-long input:checked + i::before {
	right: 108px !important;
	background-color: #356635;
}
.toggle.toggle-long i:after {
	color: #FFFFFF;
}
.toggle.toggle-long input:checked + i::after {
	color: #356635;
}
.append-lg .icon-append {
	width:  35px;
	height: 35px;
	font-size: 17px;
}
.append-lg .icon-append > span {
	line-height: 35px;
}

.label-dropdown {
	max-height: 360px;
	overflow-y: auto;
}

#table_final_prices label.input-select { width: 130px !important; }
.smart-form .input-select .icon-append + input { padding-right: 50px !important; }
.smart-form label.icon-append {
	border: none !important;
	top: 0;
	right: 0;
	width: 46px;
	height: 32px;
	font-size: 14px;
	line-height: 22px;
}

#table_final_prices input:disabled,
#table_final_prices select:disabled {
	background-color: #eeeeee;
}

.hover-checkgroup.open .dropdown-menu { animation: none; }

.hover-checkgroup.active .dropdown-toggle {
	font-weight: bold;
}

#ccrequest-form.smart-form .jarviswidget,
#ccrequest-form.smart-form .jarviswidget *,
#ccrequest-form.smart-form .jarviswidget ::after,
#ccrequest-form.smart-form .jarviswidget ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#ccrequest-form.smart-form .jarviswidget .widget-body.p-0,
#ccrequest-form.smart-form .jarviswidget .widget-body.no-padding {
	min-height: 0;
}

#ccrequest-form.smart-form .jarviswidget > header {
	margin: 0;
	font-size: 14px;
	color: #333;
	padding: 0;
}

#ccrequest-form.smart-form .jarviswidget .widget-toolbar {
	padding: 0 8px;
}

#ccrequest-form.smart-form .jarviswidget .label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
}

td > .progress .progress-label {
	position: absolute;
	top: 3px;
	z-index: 2;
	width: 100%;
	text-align: center;
	color: #000000;
	text-shadow: 0 0 4px #ffffff;
}

.topmenu .badge {
	position: absolute;
	top: 16px;
	right: 0;
}
.header-icon-button {
	position: relative;
	margin-right: 20px;
}
.topmenu .header-icon-button {
	margin-top: 8px;
}
.header-icon {
	width: 24px;
	height: 24px;
	fill: #0098d3;
}
.header-icon-button .badge {
	background: rgb(0, 145, 217) none repeat scroll 0 0;
	border-radius: 50%;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.07) inset;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 10px;
	font-weight: 700;
	line-height: normal;
	padding: 2px 4px 3px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -4px;
	box-sizing: content-box;
}

.move-left {
	position: absolute;
	left: -5000px;
}

.table th.sorting {
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right;
}

.table th.sorting_asc {
	cursor: pointer;
	background: #eeeeee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAAB1JREFUCNdjwAkcgPgBAwPjBwYG5h8MDOx/GAgBAKRJBBCQbHkwAAAAAElFTkSuQmCC) no-repeat center right;
}

.table th.sorting_desc {
	cursor: pointer;
	background: #eeeeee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=) no-repeat center right;
}

.ticket-countdown-continer {
	position: absolute;
	right: 15px;
	top: 0;
}

#ccrequest-form .btn-group-vertical {
	width: 100%;
	display: flex;
	flex-flow: column wrap;
	height: 375px;
	justify-content: flex-start;
}

#ccrequest-form .btn-group-vertical > .btn {
	text-align: left;
	width: 59%;
	overflow: hidden;
	flex: 0 0 auto;
}

#ccrequest-form .btn-group-vertical > .btn:first-child {
	left: -1px;
	top: -1px;
}

#ccrequest-form .btn-group-vertical > .btn:nth-child(11),
#ccrequest-form .btn-group-vertical > .btn:nth-child(12),
#ccrequest-form .btn-group-vertical > .btn:nth-child(13) {
	width: 39%;
	margin-left: 15px;
}

.table-options {
	text-align: center;
}
.table-options a {
	margin: 0 2px;
}

.hotelgallery-item {
	border: 3px solid #cccccc;
	box-sizing: border-box;
}
.hotelgallery-item-default {
	border: 3px solid #3071a9;
	box-sizing: border-box;
}
.gallery-options {
	position: absolute;
	top: 0;
	right: 0;
}
.hotelgallery-title {
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px 0;
}
.hotelgallery-item > a > img,
.hotelgallery-item-default > a > img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.table-scroller {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.table-scroller table.table-bordered {
	border-top: 0 none transparent;
	border-bottom: 0 none transparent;
}

.issue-menu .btn-group {
	display: inline-block;
	width: 100%;
	margin-left: 0;
}

.issue-menu .active .btn-outline-secondary,
.issue-menu .active .btn-default {
	background-color: #ccc;
	color: #000;
}

#busy-overlay {
	display: none;
	position: fixed;
	height: 100vh;
	width: 100vw;
	z-index: 100000;
	background: rgba(255, 255, 255, 0.7);
	top:0;
}

#busy-overlay .overlay-inner {
	position: absolute;
	left: 50%;
	top: 20%;
}

#busy-overlay .overlay-inner div {
	position: relative;
	left: -50%;
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid #333333;
	color: #333333;
}

.form-actions {
	clear: both;
}

.issue-attachment-image,
.issue-attachment-file {
	box-sizing: border-box;
	border: 1px solid #dddddd;
	width: 100%;
	padding-bottom: 75%;
	position: relative;
	display: block;
	margin-bottom: 8px;
}

.issue-attachment-image > img,
img.object-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.issue-attachment-file > span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #efefef;
	overflow: hidden;
}

.issue-attachment-file > span > .ext {
	color: #aaaaaa;
	font-weight: bold;
	font-size: 20pt;
	text-transform: uppercase;
	display: block;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -30px;
}

.issue-attachment-file > span > .filename {
	white-space: nowrap;
	position: absolute;
	text-align: center;
	padding: 3px 5px;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #aaaaaa;
	color: #ffffff;
}

#table_final_prices .label,
#table_invoice_income .label,
#table_uploaded_invoices .label,
#table_expense_invoices .label,
#table_cfo_financial_report .label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.invoice-form fieldset legend, .cashreceipt-form fieldset legend {
	border-bottom: none;
	margin-bottom: 0;
	margin-top: -30px;
	margin-left: -20px;
}

.invoice-form fieldset, .cashreceipt-form fieldset {
	margin-top: 40px;
	border-left: 10px solid #eeeeee;
	padding: 0 0 0 10px;
}

.invoice_items .invoice_item {
	border-top: 1px solid #e67e22;
	background-color: #fcf8e3;
}

#table_cfo_financial_report .label {
	display: block;
	width: 100%;
	padding: 4px;
	margin: 1px 0;
	box-sizing: border-box;
}

.train_route_details,
.train_item_solutions {
	clear: both;
}

.train_route_details {
	margin-top: 20px;
	border-top: 1px dashed #dddddd;
}

tr.nocheckbox .checkbox {
	display: none;
}

#search-form-bg input.ui-spinner-input {
	padding-right: 0 !important;
}

#search-form-bg .ui-spinner a.ui-spinner-button {
	background-color: var(--searchform_input_background_color);
	border-left: 1px solid var(--searchform_input_border_color);
}

#search-form-bg .ui-spinner a.ui-spinner-down {
	border-top: 1px solid var(--searchform_input_border_color);
}

#search-form-bg .ui-spinner-down::before, #search-form-bg .ui-spinner-up::before {
	color: var(--searchform_input_text_color);
	line-height: calc(var(--searchform_input_height) * 0.5 - 1px);
}

.accordion .card-header .btn-link,
.accordion .card-header .btn-link:hover {
  text-decoration: none;
  color: var(--body-text-color);
}

.accordion-toggle, .slidetoggle-header {
	cursor: pointer;
}

.collapsible .accordion-toggle:after {
	font-family: 'Glyphicons Halflings', serif;
	content: "\e114";
	float: right;
	color: grey;
}

.collapsible .accordion-toggle.collapsed:after {
	content: "\e113";
}

.glyphicon.glyphicon-ok.green {
	color: greenyellow !important;
}

.glyphicon.glyphicon-remove.red {
	color: orangered !important;
}

.rating-checked {
	color: orange;
}

.progress-bar-light-grey {
	height: 20px;
	background-color: #f1f1f1 !important;
	display: inline-block;
	width: 80%;
	margin-left: 10px;
	margin-right: 10px;
}

.progress-bar-progress-orange {
	height: 20px;
	background-color: orange !important;
}

.dropdown-colorselector {
	padding: 5px 10px;
}

.dropdown-colorselector .btn-colorselector {
	width: 100%;
}

.dropdown-colorselector > .dropdown-menu {
	top: 90% !important;
	left: 10px !important;
	min-width: 136px !important;
	max-width: 136px !important;
}

.dropdown-colorselector > .dropdown-menu > li > .color-btn.selected {
	border: none !important;
}

.dropdown-colorselector > .dropdown-menu > li,
.dropdown-colorselector > .dropdown-menu > li > .color-btn {
	width: 30px !important;
	height: 30px !important;
}

.dropdown-colorselector > .dropdown-menu > li > .color-btn.selected::before {
	display: none;
	content: '';
}

.dropdown-colorselector > .dropdown-menu > li > .color-btn.selected::after {
	border: none;
	width: auto;
	height: auto;
	line-height: 30px !important;
}

#table_booking_account_codes .panel-default > .panel-heading,
#table_booking_account_codes .btn-group .btn-outline-secondary,
#table_booking_account_codes .btn-group .btn-default {
	background-color: #4C4F53;
	color: #ffffff;
}

#table_booking_account_codes .btn-group {
	margin-top: -10px;
	margin-bottom: -10px;
}

#table_booking_account_codes .btn-group .btn-outline-secondary:hover,
#table_booking_account_codes .btn-group .btn-default:hover {
	background-color: #fff;
	color: #333;
}

.calendar-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.calendar-row h1 {
	flex:1 0 100%;
	text-align: center;
	margin-bottom: 20px;
	font-size: 40px;
}
.calendar-col {
	margin: 0 15px 20px 15px;
	flex: 1;
}
.scrollable .calendar-col {
	margin: 0;
}
.calendar-day {
	display: block;
	color: #666;
	line-height: 30px;
	border: 1px solid transparent;
}
.calendar-day:focus {
	border: 1px dashed #666;
	color: #666;
}
.calendar-day:hover {
	border: 1px solid rgb(26, 90, 228);
	background-color: rgba(26, 90, 228, 0.5);
	color: #ffffff;
}
.calendar-day.active {
	border: 1px solid rgb(26, 90, 228);
	background-color: rgba(26, 90, 228, 0.5);
	color: #ffffff;
}

#ccrequest-form > header {
	border-bottom-style: solid;
}
#ccrequest-form > .row > .col  {
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.ccrequest_normal > legend, .ccrequest_ito > legend {
	background-color: #efe1b3;
	color: #826430;
	margin: 0 -15px;
	padding: 15px 10px;
	border-top: 5px solid #dfb56c;
	border-left: 5px solid #dfb56c;
	border-right: 5px solid #dfb56c;
	border-bottom: none;
	box-sizing: content-box;
}
.ccrequest_ito > legend {
	border-color: #9cb4c5;
	background-color: #d6dde7;
	color: #305d8c;
}
.ccrequest_normal > .row, .ccrequest_ito > .row {
	border: 5px solid #dfb56c;
	padding-top: 10px;
}
.ccrequest_ito > .row {
	border-color: #9cb4c5;
}
.ccrequest_post {
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: 3px solid #5cb85c;
}
.ccrequest_post.is_customer {
	border-color: #f0ad4e;
}

.container-xs-height {
	display:table;
	padding-left:0;
	padding-right:0;
}
.row-xs-height {
	display:table-row;
}
.col-xs-height {
	display:table-cell;
	float:none;
}
@media (min-width: 576px) {
	.dropdown-menu-2x { width: calc(200% + 30px) !important; }
}
@media (min-width: 768px) {
	.container-sm-height {
		display:table;
		padding-left:0;
		padding-right:0;
	}
	.row-sm-height {
		display:table-row;
	}
	.col-sm-height {
		display:table-cell;
		float:none;
	}
}
@media (min-width: 992px) {
	.container-md-height {
		display:table;
		padding-left:0;
		padding-right:0;
	}
	.row-md-height {
		display:table-row;
	}
	.col-md-height {
		display:table-cell;
		float:none;
	}
}
@media (min-width: 1200px) {
	.container-lg-height {
		display:table;
		padding-left:0;
		padding-right:0;
	}
	.row-lg-height {
		display:table-row;
	}
	.col-lg-height {
		display:table-cell;
		float:none;
	}
}
.col-top {
	vertical-align:top;
}
.col-middle {
	vertical-align:middle;
}
.col-bottom {
	vertical-align:bottom;
}
.img-responsive {
	width: 100%;
}

.page_component_placeholder {
	border: 1px dashed #dee2e6;
	padding: 20px;
}

.bydefault {
	width: 100%;
	height: 100%;
	background: transparent url('/common/images/bydefault.jpg') center center no-repeat;
	background-size: cover;
	position: relative;
}

.bydefault > img {
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	opacity: 0.5;
}

.width-100p { width: 100%; }

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex {
	display: flex;
}

.flex-grow {
	display: flex;
	flex-grow: 1;
}

.flex-end {
	display: flex;
	justify-content: flex-end;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	flex-basis: auto;
}

ul.template-list {
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

ul.template-list li {
	display: list-item;
	-ms-flex: 1 0 320px;
	flex: 1 0 320px;
	min-width: 0;
}

ul.template-list li > div {
	min-width: 320px;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
}

ul.template-list article {
	padding: 0;
	font-size: 12px;
	color: hsl(0, 0%, 60%);
	border-radius: 4px;
	box-shadow: hsl(0, 0%, 80%) 0 0 16px;
	overflow: hidden;
	background-color: hsl(0, 0%, 100%);
	margin: 16px;
}

.template-thumb {
	position: relative;
	background: hsl(0, 0%, 80%);
	background-size: 900%;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
	padding-top: 50.8475%;
}

ul.template-list img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	transition-duration: 0.5s;
	transition-property: left;
	z-index: 1;
}

ul.template-list .template-footer {
	padding: 16px;
}

ul.template-list .template-footer h3 {
	max-height: 40px;
	max-width: 100%;
	font-weight: bold;
	line-height: 1.3;
}

ul.template-list .template-footer h3 a {
	font-family: -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, arial, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	cursor: pointer;
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: hsl(0, 0%, 30%);
	font-size: 14px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

ul.template-list .price {
	line-height: 26px;
	color: hsl(0, 0%, 30%);
	font-size: 16px;
	font-weight: 700;
}

ul.template-list .price del {
	text-decoration: none;
	position: relative;
	white-space: nowrap;
}

ul.template-list .price del::before {
	content: " ";
	display: block;
	width: 100%;
	border-top: 2px solid rgba(255, 0, 0, 0.8);
	height: 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: rotate(-7deg);
}

ul.template-list .price ins {
	color: #ff0000;
	text-decoration: none;
	white-space: nowrap;
}

#notification-group .dropdown-menu .nav {
	flex-wrap: nowrap;
}

#notification-group .dropdown-menu .nav-link {
	white-space: nowrap;
}

.bg-trans-gradient {
	background: linear-gradient(250deg,var(--primary-color),var(--secondary-color));
	color: var(--primary-text-color);
}

#ui-datepicker-div { z-index: 1351 !important; }

.rooms-scroll { max-height: 300px; overflow-y: auto; overflow-x: hidden; }

#bookingengine_frame { width: 100%; }

.smart-timeline{position:relative}.smart-timeline-list{list-style:none;margin:0;padding:0}.smart-timeline-list:after{content:" ";background-color:#eee;position:absolute;display:block;width:2px;top:0;left:95px;bottom:0;z-index:1}.smart-timeline-list li{position:relative;margin:0;padding:15px 0}.smart-timeline-list>li:hover{background-color:#f4f4f4}.smart-timeline-hover li:hover{background-color:#f9f9f9}.smart-timeline-icon{background:var(--primary-color);color:var(--primary-text-color);border-radius:50%;position:absolute;width:32px;height:32px;line-height:28px;font-size:14px;text-align:center;left:80px;top:10px;z-index:100;padding:2px}.smart-timeline-icon>img{height:32px;width:32px;border-radius:50%;margin-top:-2px;margin-left:-2px;border:2px solid #3276b1}.smart-timeline-time{float:left;width:70px;text-align:right}.smart-timeline-time>small{font-style:italic}.smart-timeline-content{margin-left:123px}
.tree{min-height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.tree li{list-style-type:none;margin:0;padding:5px;position:relative}.tree ul ul li:hover{background:rgba(0,0,0,.015)}.tree li:after,.tree li:before{content:'';left:-20px;position:absolute;right:auto}.tree li:before{border-left:1px solid #999;bottom:50px;height:100%;top:-11px;width:1px;-webkit-transition:"border-color 0.1s ease 0.1s";-moz-transition:"border-color 0.1s ease 0.1s";-o-transition:"border-color 0.1s ease 0.1s";transition:"border-color 0.1s ease 0.1s"}.tree li:after{border-top:1px solid #999;height:20px;top:18px;width:25px}.tree li span{-moz-border-radius:5px;-webkit-border-radius:5px;border:1px dotted #999;border-radius:5px;display:inline-block;padding:3px 8px;text-decoration:none;-webkit-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;-moz-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;-o-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s}.tree li.parent_li>span{cursor:pointer;padding:7px}.tree>ul>li::after,.tree>ul>li:before{border:0}.tree li:last-child::before{height:30px}.tree li.parent_li>span:hover,.tree li.parent_li>span:hover+ul li span{background:#eee;border:1px solid #94a0b4;color:#000}.tree>ul{padding-left:0}.tree ul ul{padding-left:34px;padding-top:10px}.tree li.parent_li>span:hover{background-color:#DF8505;border:1px solid #C67605;color:#fff}.tree li.parent_li>span:hover+ul li::before{border-left-color:#F89406}.tree li.parent_li>span:hover+ul li::after{border-top-color:#F89406}.tree li.parent_li>span:hover+ul li span{background:#FDDFB3!important;border:1px solid #FAA937;color:#000}

.bigBox {
	position:fixed;
	right:10px;
	bottom:10px;
	background-color:var(--primary-color);
	padding: 10px 10px 5px 10px;
	width:390px;
	height:150px;
	color:var(--primary-text-color);
	z-index:99999;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	border-left:5px solid rgba(0,0,0,.15);
	overflow:hidden
}
.bigBox span {
	font-size:17px;
	font-weight:300;
	letter-spacing:-1px;
	padding:5px 0!important;
	display:block
}
.bigBox p {
	font-size:13px;
	margin-top:10px
}
#divMiniIcons {
	position:fixed;
	width:415px;
	right:10px;
	bottom:180px;
	z-index:9999;
	float:right
}
.botClose {
	position:absolute;
	right:10px;
	height:16px;
	width:15px;
	cursor:pointer;
	font-size:18px;
	opacity:.5;
	display:block;
	top:15px
}
.botClose:hover {
	opacity:1
}
#divMiniIcons .cajita {
	text-align:center;
	vertical-align:middle;
	padding:4px 6px;
	color:#FFF;
	float:right;
	cursor:pointer;
	display:block;
	background-color:red;
	font-size:17px;
	margin-left:4px;
	margin-top:5px
}
#divMiniIcons .cajita:active {
	top:1px;
	left:1px;
	position:relative
}
.cajita img {
	width:23px;
	height:23px;
	padding-left:3px;
	padding-top:3px
}
.bigBox .bigboxicon {
	font-size:30px;
	text-align:left;
	position:absolute;
	top:120px;
	left:6px;
	z-index:0
}
.bigBox .bigboxnumber {
	width:100%;
	text-align:right;
	font-size:25px
}

.login-card {
	border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
}

.dropdown-form > .dropdown-toggle > .form-value {
	cursor: pointer;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.form-control.dropdown-toggle::after {
	position: absolute;
	top: 18px;
	right: 10px;
}

/* +++ slidetoggle +++ */

.slidetoggle-container {
	display: none;
}

.chevron {
	transition-duration: .5s;
}

.slidetoggle.show .chevron {
	transition-duration: .5s;
  transform: rotate(0.5turn);
}

.collapsed .chevron {
	transition-duration: .5s;
  transform: rotate(0.5turn);
}

/* --- slidetoggle --- */

.popular-flight-card {
	height: 350px;
	overflow: auto;
	transition: all 0.3s ease;
}

.popular-flight-card:hover {
	box-shadow: 0px 0px 3px 1px var(--primary-color);
	background-color: #fcfcfc;
	transition: all 0.3s ease;
}

.popular-flight-card:hover .btn {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	transition: all 0.3s ease;
}

.popular-flight-card:hover .popular-flight-amount {
	color: var(--secondary-color);
	transition: all 0.3s ease;
}

.popular-flight-card .card-text {
	font-weight: bold;
	font-size: 16px;
}

.popular-flight-card .btn {
	margin-top: 10px;
}

.popular-flight-image {
	width: 100px;
	height: 100px;
	margin: auto
}

.popular-flight-from {
	font-size: 14px;
	color: #dedede;
}

.popular-flight-amount {
	font-size: 18px;
	color: var(--primary-color);
}

.ckeditor img {
	max-width: 100% !important;
	object-fit: contain;
}

.card-footer.text-right > a,
.card-footer.text-right > button {
	margin-left: .5rem;
}

/* +++ responsive +++ */

@media(min-width: 768px) {
	.sm-hidden {
		display: none;
	}
}

/* --- responsive --- */

.fc-event, fc-event-dot {
	padding: 5px 10px !important;
}

.colorpicker-bs-popover { z-index: 1500; }
.hotel-details-tabs .tab-content { max-height: 158px; overflow-y: auto; overflow-x: hidden; }
.hotel-details-tabs .tab-content .tab-pane { padding: 10px 0; }
#hotel-factsheets dd { margin-bottom: 0; }


/* +++ common2 merge +++ */

*:focus {
	outline: none;
}

.navbar-brand img,
.img-logo {
	max-height: 55px;
	object-fit: contain;
}

.page-pricing .toggle-on.btn {
	padding-right: 0 !important;
	margin-left: -5px !important;
}

.page-register .section-agree_terms .custom-control-label:before {
	position: relative;
	left: 7px;
	top: 5px;
}

.page-register .section-agree_terms .custom-control-label:after {
	left: 7px;
}

.form-control:focus, .custom-select:focus {
	border-color: var(--primary-color) !important;
	box-shadow: none !important;
}

.slider-handle {
	background-image: none !important;
	background-color: var(--primary-color) !important;
}

table.dataTable thead .sorting::before,
table.dataTable thead .sorting::after {
	content: "" !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker .xdsoft_timepicker 
.xdsoft_time_box>div>div.xdsoft_current {
	background: var(--primary-color) !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
	background: var(--secondary-color) !important;
}

.fa-star:not(.text-muted) {
	color: orange !important;
}

#popular .popular-hotel-image {
	object-fit: cover;
}

.fit-img {
	width: 100%;
	object-fit: cover;
}

.fit-bg {
	background-position: center !important;
	background-size: cover !important;
}

.emptycontent {
	display: none;
}

.templateframe .emptycontent {
	display: block;
}

/* +++ section-scrolltotop +++ */

.section-scrolltotop .back-to-top {
	color: var(--primary-color) !important;
	background-color: var(--header-background-color);
	cursor: pointer;
	position: fixed;
	bottom: 35px;
	right: 35px;
	opacity: 0;
}

.section-scrolltotop .back-to-top:hover {
	color: var(--secondary-color) !important;
	background-color: var(--primary-color) !important;
}

/* --- section-scrolltotop --- */
/* +++ page-loader +++ */

#page-loader {
	height: 95vh;
}

#page-loader i {
	color: var(--primary-color);
}

/* --- page-loader-- */

.back-to-top {
	z-index: 10000;
}

.ml-15px {
	margin-left: 15px !important;
}

.mt-15px {
	margin-top: 15px !important;
}

.mt-25px {
	margin-top: 25px !important;
}

.h-125px {
	height: 125px !important;
}

.h-250 {
	height: 250px !important;
}

.pointer {
	cursor: pointer !important;
}

/* --- common2 merge --- */

.jumbotron {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.mce-content-body div.mce-resizehandle {
	z-index: 100 !important;
}

.autosel-spinner {
  position: absolute;
  top: 32px;
  right: 45px;
  z-index: 3;
}

.autosel-spinner i {
  color: var(--secondary-color);
}

.height-300 {
	height: 300px;
}

.height-500 {
	height: 500px;
}

#iconpickerModal {
	z-index: 10000;
}

#iconpickerList {
 background-color: #dedede;	
}

img.svg {
	max-width: 100%;
}

/* +++ col-xxl +++ */

@media (min-width: 1920px) {
	
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
	
}

/* --- col-xxl --- */

/* +++ section-refercompany +++ */

.template-star .banner-padding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.section-refercompany .owl-dot.active span {
	background: var(--primary-color) !important;
}

.section-refercompany h1 {
	font-family: "Lato", sans-serif !important;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 20px;
}

.section-refercompany .b-feature-block h3 {
	font-family: "Lato", sans-serif !important;
	font-weight: bold;
}

.section-refercompany .slide-title {
	font-size: 27px; 
	text-shadow: 1px 1px black; 
	font-weight: bold; 
	margin-top: 5px;
}

.section-refercompany input,
.section-refercompany button {
	height: 60px;
}

.section-refercompany .rolling-container {
	height: 400px;
	padding-top: 1px;
}

.section-refercompany .rolling,
.section-referfriend .rolling {
	width: 100px;
	height: 100px;
	background: #faa61a;
	border-radius: 100px;
	position: relative;
	margin: 100px auto 0 auto;
}

.section-refercompany .rolling span,
.section-referfriend .rolling span {
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	top: 40%;
	left: calc(50% - 18px);
}

.section-refercompany .rolling span.rot360,
.section-referfriend .rolling span.rot360 {
	-webkit-animation:spin .7s linear;
	-moz-animation:spin .7s linear;
	animation:spin .7s linear;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(-360deg); } }

@media(min-width: 1920px) {

	.section-refercompany .owl-container {
		margin-left: 30px;
	}

}
/* --- section-refercompany --- */
/* +++ section-referral +++ */

.section-referral .referral-title {
	font-size: 40px;
}

.section-referral .bonus-title {
	font-size: 33px;
}

.section-referral .referral-span {
	font-size: 22px;
}

.section-referral .referral-personalcode {
	font-size: 22px;
	border: 3px dotted #e2c600;
	padding: 11px;
}

@media(max-width: 767px) {

	.section-referral .referral-span {
		font-size: 15px;
	}

	.section-referral .referral-personalcode {
		font-size: 15px;
		margin-top: -15px;
		margin-bottom: 15px;
	}

} 

/* --- section-referral --- */

.template-star .b-feature-block {
	text-align:center;
}

.template-star .b-feature-block .fa {
	height:70px;
	width:70px;
	text-align:center;
	padding-top:15px;
	padding-left: 8.75px;
	font-size:35px;
	margin-bottom:28px;
	transition:.4s;
}

.template-star .b-feature-block h3 {
	font-size:22px;
	font-weight:bold;
	margin-bottom:6px;
}

.template-star .b-feature-block p {
	margin-bottom:0px;
}

.template-star #best-features.black-features {
	background:#232323;
	color:white;
}

.template-star #best-features.black-features .b-feature-block .fa {
	border:3px solid var(--primary-color);
	color:var(--primary-color);
}

.template-star #best-features.black-features .b-feature-block:hover .fa {
	background:var(--primary-color);
	color:white;
	transform: rotateY(180deg);
}

.template-star #best-features.black-features .b-feature-block p {
	color:white;
}

.is-invalid > .hover-checkgroup > label.form-control {
	border-color: #dc3545;
}
.is-invalid > .invalid-feedback {
	display: block;
}

.wizard-progress {
	display: flex;
	list-style: none;
	padding: 0;
	position: relative;
	width: 100%;
}

.wizard-progress li:first-child::before {
	left: 50%;
	max-width: 50%;
}

.wizard-progress li:last-child::before {
	max-width: 50%;
	width: 50%;
}

.wizard-progress li::before {
	border-top: 1px solid #cccccc;
	content: "";
	display: block;
	font-size: 0;
	overflow: hidden;
	position: relative;
	top: 11px;
	right: 1px;
	width: 100%;
	z-index: 1;
}

.wizard-progress li {
	flex: 1 1 auto !important;
	text-align: center;
	padding-left: 0;
	min-height: 65px;
}

.wizard-progress li .step {
	background: #fafafa;
	color: #c2c2c2;
	display: inline;
	font-size: 15px;
	font-weight: 700;
	padding: 7px 13px;
	border: 1px solid #c2c2c2;
	border-radius: 50%;
	position: relative;
	text-align: center;
	z-index: 2;
	transition: all .1s linear 0s;
	margin: 6px;
	line-height: normal;
}

.wizard-progress li .step i {
	font-size: 10px;
	font-weight: normal;
}

.wizard-progress li.active .step, .wizard-progress li.active.complete .step {
	font-weight: 700;
	padding: 7px 13px;
	font-size: 15px;
	border-radius: 50%;
}

.wizard-progress li.active .step {
	background-color: var(--primary-color);
	color: var(--primary-text-color);
	border: 1px solid var(--primary-color);
}

.wizard-progress li.active.complete .step {
	background-color: #4e5b61;
	color: #fff;
	border: 1px solid #4c4f53;
}

.wizard-progress li.active .title, .wizard-progress li.complete .title {
	color: #333333;
}
.wizard-progress li .title {
	color: #bfbfbf;
	display: block;
	font-size: 13px;
	line-height: 15px;
	max-width: 100%;
	position: relative;
	table-layout: fixed;
	text-align: center;
	top: 20px;
	word-wrap: break-word;
}

.bg-primary {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.bg-secondary {
	background-color: var(--secondary-color) !important;
	border-color: var(--secondary-color) !important;
}

.flipper {
	height: 100%;
	-webkit-transition: -webkit-transform .5s;
	-moz-transition: -moz-transform .5s;
	-o-transition: -o-transform .5s;
	transition: transform .5s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
}

.flipper.flipped {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.table-promo-actiontable {
	border-bottom: 1px solid #dedede;
}

.table-promo-actiontable td {
	border: 1px solid #dedede;
	color: #4e4e4e;
	text-align: center;
}

.table-promo-actiontable tr {
	border: 1px solid #dedede;
}

.table-promo-actiontable th {
	border: 1px solid #dedede;
	font-weight: bold;
	color: #44417a;
}

.table-promo-actiontable .lightbg {
	background-color: #f6f5f8;
}

.table-promo-actiontable .bg-secondary th,
.table-promo-actiontable .bg-secondary td {
	color: white;
	border-left: 1px solid var(--secondary-color);
	border-right: 1px solid var(--secondary-color);
}

.section-gsapromo2021 li {
	font-size: 18px;
}

.table-promo-actiontable .darkerbg {
	background-color: #c5c5c5;
}

.table-promo-actiontable .lightbluebg {
	background-color: #c6e9f7;
}

.table-promo-actiontable .purple {
	color: #44417a;
}

.loyaltystatus-table th,
.loyaltystatus-table td {
	padding: 4px;
}

.loyaltystatus-table th > div,
.loyaltystatus-table td > div {
	padding: 12px;
	text-align: center;
}

.tooltip {
	z-index: 1351;
}

.selectbox .border::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-bottom: 40px solid #dee2e6;
}

.selectbox .border {
	position: relative;
}

.selectbox .border::after {
	content: "\f00c";
	position: absolute;
	right: 5px;
	bottom: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #ffffff;
}

.selectbox .border.active {
	border-color: var(--primary-color) !important;
}

.selectbox .border.active::before {
	border-bottom-color: var(--primary-color) !important;
}

.flight-variants > .list-group-item.active {
	border-color: var(--primary-color) !important;
	background-color: transparent;
	color: inherit;
}

.flight-variants > .list-group-item.active::before {
	border-bottom-color: var(--primary-color) !important;
}

table.loading:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
}

.scrollable {
	overflow: hidden;
	overflow-y: auto;
}

.sticky {
	position: sticky;
	top: 0;
}

.mh-450 {
	max-height: 450px;
}

.fade.in {
	opacity: 1;
}

.fc-time-grid-event > .fc-content {
	color: #ffffff;
}

#company_logo {
	display: block;
	width: 100%;
	height: 122px;
}

@media (min-width: 768px) {
	.font-lg-resp { font-size: 100%; }
}

@media (min-width: 992px) {
	.font-lg-resp { font-size: 120%; }
}

@media (min-width: 1200px) {
	.font-lg-resp { font-size: 160%; }
}