.border-top {
    border-color: #eee !important;
}
.form-error-msg
{
	color:crimson; 
  
}
[data-video-background] 
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}


.auth-bg 
{
	background-image: url('/images/landing/beach.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.print_container {
    max-width: 100vw;
    margin: 0 auto; 
    padding: 20px; 
} 
.layout
{
	width:100%;
}
.layout td
{
	vertical-align:top;
}
.layout .left
{
	width:70%;
}
.layout .right
{
	width:27%;
}
.layout .middle
{
	width:3%;
}
.layout .half
{
	width:48%;
}
.module
{
	font-size:8pt;
	margin-bottom:15px;
}
.module-title
{
	font-size:8pt;
	background-color:orange;
	font-weight:bold;
	padding:3px 5px;
	color:#fff;
	margin-bottom:5px;
}
.module ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.module ul li
{
	border-bottom:solid 1px #eee;
	padding:3px 5px;
}
.detail_name_cn
{
	font-weight:bold;
}
.red {
	background-color: rgb(255, 99, 132);
	color:#fff;
}
.orange {
	background-color: rgb(255, 159, 64);
	color:#fff;
}
.yellow {
	background-color: rgb(255, 205, 86);
	color:#fff;
}
.green {
	background-color: rgb(75, 192, 192);
	color:#fff;
}
.blue {
	background-color: rgb(54, 162, 235);
	color:#fff;
}
.purple {
	background-color: rgb(153, 102, 255);
	color:#fff;
}
.grey {
	background-color: rgb(231, 233, 237);
	color:#fff;
}
.fly
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
}
.fly li
{
	display:inline-block;
	font-size:9pt;
	border-left:solid 1px #333;
	padding-left:10px;
	padding-right:10px;
}
.fly li:first-child
{
	display:inline-block;
	font-size:9pt;
	border-left:none;
	padding-left:10px;
	padding-right:10px;
}

.tour_code
{ 
	font-size:9pt;  
}
.tour_code strong
{
	color:#006699;
}
.itinerary {
    border-top: solid 1px #eee;
    font-size: 8pt;
    margin-top: 10px;
    padding-top: 10px;
}

.itinerary-title
{
	font-weight:bold;
	font-size:10pt;
}
.itinerary-meals
{ 
	float:right; 
	color:crimson;
	font-weight:bold; 
} 
.itinerary-highlight
{
	text-align:justify;
}
.itinerary-destination
{
	font-weight:bold;
	color:purple;
}
.company
{
	border-bottom:solid 1px #eee;
	margin-bottom:20px;
	padding-bottom:10px;
}
.company_name
{
font-size:20pt;
font-weight:bold;
}
.company_name small
{
font-size:8pt;
}
.company_address 
{
font-size:9pt;
}
.company_contact 
{
font-size:9pt;
}
.layout-rate
{
border-collapse: collapse;
margin-top:20px;
margin-bottom:20px;

}
.layout-rate th,
.layout-rate td
{
border:solid 1px #eee;
text-align:center;
font-size:9pt;
}

.layout-rate td
{
font-size:12pt;
padding:10px;

}				
.layout-none td,
.layout-none th
{
	border:0px;
	font-size:8pt;
	text-align:center;
}
.layout-item tr th
{
	border-bottom:double 3px #ccc;
}
.layout-item tr td
{
	border-bottom:solid 1px #eee;
}
.layout-ground
{
	
}
.ground-label
{
	font-weight:bold;
	text-align:left !important;	
	font-size:8pt  !important;	
	width:200px;
	text-transform:uppercase;
}
.cal-label
{
	text-align:left !important;
	font-size:8pt;
	font-weight:bold;
}
.cal-calendar
{
	text-align:left !important;
	
}
.calendar-picker td
{
	font-size:8pt !important;
	padding:3px;
	
}
.calendar-picker td:first-child
{
	font-weight:bold;
	color:#fff;
	text-transform:upeprcase;
	background-color:#333;
}

.icon-facebook 
{
	background:#1877F2!important;
	color:white!important;
} 
.icon-instagram 
{
	background:#C13584!important;
	color:white!important;
} 
.icon-xhs 
{
	background:#ff2741!important;
	color:white!important;
} 
.icon-xhs:before {
    content: "";
    display: inline-block;
    width: 30px; 
    height: 30px; 
    background-image: url(/images/landing/xhs2.png);
    background-size: contain; 
    background-repeat: no-repeat; 
}
.list-style-default li
{
        list-style-position: inside!important;
		list-style: disc!important;
}
.border-top-dark
{
	border-top:1.5px solid #a4a4a4!important;
}
.form-control-solid
{
	background-color: #f7f7f7!important;
	font-size:15px!important;
	padding:8px!important;
}

	 
.select2-container 
{
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	width:100%!important;
	/* background:red!important; */
	height: 48px!important;
	/* padding-top: 13px!important; */
	/* padding-bottom: 13px!important; */
	
}
.select2-container--default .select2-selection--single
{
	border: var(--mdb-border-width) solid var(--mdb-border-color)!important;
	display: flex!important;
	align-items: center!important;
	/* background:blue!important; */
	
	height: 48px!important;
	padding-top: 13px!important;
	padding-bottom: 13px!important;
}
.select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.5em + .75rem + 2px) !important
}
.select2-selection
{
	/* background:green!important; */
    background-color: #f7f7f7 !important;
    /* font-size: 15px !important; */
	
	/* height: 22.500px!important; */
	/* padding-top: 13px!important; */
	/* padding-bottom: 13px!important; */
	
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 13px!important;
}

.select2-dropdown.select2-dropdown--below
{
    background: #f7f7f7 !important;
    border: 0!important;
}