:root{
	--default-bg-color: #fafafa; 
}
html body{
	padding: 0;
	margin: 0;
	background-color: #eee;
}
html body #main,
html body #main.sidebyside{
	width: 100%;
	max-width: 100%;
	margin-top: 0;
}
html body #main.group,
html body #main.wide,
html body #main.rule,
html body #main.hrule,
html body #main.trule{width: 100%;}

html body div#main.max-content{
	min-width: 100%;
}
html body #main > #content{
	background-color: transparent;
	border-radius: 0;
	border:none;
	padding: 0 30px;
}

#main #header{
	width: auto;
	margin: 0 -30px;
	padding: 10px 30px;
	background-color: white;
	box-shadow: 0 1px 6px rgba(1,1,1,.1);
}
#main #header a.main-logout{
	margin-right: 0;
	padding-right: 0;
}
.nav-dropdown {
	position: absolute;
	width: max-content;
	right: 0;
	top: 3rem;
	z-index: 2;
	background-color: #fff;
	box-shadow: 0 4px 16px #00000030;
	padding: 1rem;
	border-radius: 0.5rem;
}
.nav-dropdown a {
	color: #000 !important;
}
#main #header .header-item{
	display: flex;
	align-items: center;
}
#main #header .header-item > div{display: flex; align-items: center; width: 50%;}
#main #header .header-item > div .sectionHeader,
#main #header .header-item > div .call-center{
	display: flex;
	align-items: center;
	margin-left: 30px;
}
#main #header .header-item > div .call-center .cc-text .cc-text1{margin: 0;}
#main #header .header-item .right{
	display: flex;
	justify-content: flex-end;
}
#main #header .agentId{
	display: flex;
	justify-content: flex-end;
	position: inherit;
	bottom: 0;
	right: 0;
}
html body .half{
	width: 100%;
	padding: 10px 0;
	display: flex; 
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
}

#main #innerContent{
	width: 100%;
	margin: 0;
}

.jui #emaildiv{margin-bottom: 30px;}
html .clearFix #search2,
html .sidebyside .clearFix #search2{
/* 	width:80%; */
}
html .clearFix .searchfilter{
/* 	width:18%; */
}
html .aktarma{
	border:1px solid #CFDBEC;
}

/* LOGIN FORM BEGIN */

.login-section-wrapper{
	width: 100%;
	display: flex;
	justify-content: center;
	
}
.login-section-wrapper > .login-section-inner{
	width: 100%;
	padding: 40px 0;
	margin: 20px 0;
	display: flex;
	align-items: center;
	box-shadow: 0 1px 6px rgba(1,1,1,.1);
}
.login-section-wrapper .loginform{
	padding: 20px;
	background-color: white;
	box-shadow: 0 1px 6px rgba(1,1,1,.1);
	border-radius: 10px;
}

html body .mobilapp-banner{
	border-left: none;
	visibility: hidden;
}
.mobilapp-banner legend{width: 100%;}

/* LOGIN FORM END */
/* REGISTER PAGE BEGIN */
#registerationForm fieldset,
.workspace-wrapper{
	padding-bottom: 10px;
	display: inline-block;
	width: 100%;
	background-color: white;
	box-shadow: 0 1px 6px rgba(1,1,1,.1);
	border-radius: 5px;
	text-transform: capitalize;
}
#registerationForm fieldset legend{
	padding-top: 10px;
	background-color: white;
	border-radius: 5px 5px 0 0;
}
/* REGISTER PAGE END */

/* WORKSPACE PAGE BEGIN */
.workspace-wrapper ul.mainlist li.products .w80{border-right: none;}
.workspace-wrapper > .mainlist{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.workspace-wrapper > .mainlist > li{width: 95%;}
.workspace-wrapper .adminmenu{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	align-items: center;
}
html body .workspace-wrapper .adminmenu svg,
html body .cc-icon .cc-chat > svg{
	width: 32px;
	margin-right: 5px;
	color: var(--primary-color);
	display: block;
}
.jui #parameters{
	padding: 10px 0;
	margin-bottom: 20px;
	background-color: white;
	box-shadow: 0 1px 6px rgba(1,1,1,.1);
	border-radius: 5px;
	text-transform: capitalize;
}
.jui #parameters #flight .find-flight > .find-flight-inner-item,
.jui #parameters #flight .find-flight .find-flight-item,
.jui #parameters #AvailabilityHelpButtonDiv{
	display: flex;
	align-items: center;
}
.jui #parameters #flight .find-flight li > div:first-child{
	padding-left: 0 !important;
}
.jui #parameters #flight .find-flight li{
	margin-bottom: 20px;
}
.jui #parameters .find-flight li .svg-icon,
.jui #parameters #flight .find-flight li .xchange{
	width: 16px;
	margin-left: 10px;
	color: var(--primary-color);
}
.jui .d3container-wrapper{padding: 0;}

.d3container-wrapper .d3container{width: auto;}
.d3container-wrapper .matrixToggle{
	width: 100%;
	border:0;
}
.d3container-wrapper .matrixContainer .matrixAirline li:not(.matrixHead){font-weight:600;}
.d3container-wrapper .matrixContainer .matrixAirline .bonus-li{height: 16px;}
.d3container-wrapper form #cipbox div{text-align: center !important;}
.searchResult .functionDivPac{
	width: auto;
}
html .searchResult{font-size:12px;}

/* WORKSPACE PAGE END */

/* INPUT COMPONENT BEGIN */
html body input,
html body input[type=text],
html body input[type=password],
html body input[type=number],
html body input[type=email],
html body input.ui-autocomplete-input,
html body select,
html body select.selecter{
	border-radius: 5px;
	outline: none;
}
/* INPUT COMPONENT END */

/* BUTTON COMPONENT BEGIN */
input[type=button],
input[type=submit],
.submit,
button{
	padding-left:15px;
	padding-right:15px;
}
html body input[type=button],
html body input[type=submit],
html body .submit,
html body button,
html body button[type=button],
html body .closeDialog{
	border-radius: 4.5em;
	text-transform: uppercase;
	font-weight: 600;
}
html .loadPriceList{
	padding-right:20px;
}
html .btnShowRecommended{
	display: inline-flex;
    align-items: center;
    height: auto;
    border-radius:4.5em;
    padding-left:20px;
    padding-right:20px;
}
/* BUTTON COMPONENT END */

/*HIDDEN ELEMENT*/
html body #main > #bluebar,
html body #main .greyline,
html body #main .blueline,
.workspace-wrapper .adminmenu img,
html body .cc-icon img,
html body .spacersmall,
html body .daily-news .news-caret-img,
html body .call-center .cc-chat > img,
html body .flight-search-icon > img,
html body .xchange-icon-item img{display: none;}

html body .daily-news .linews .news-caret-icon,
html body .call-center .cc-icon .cc-chat > svg,
html body .find-flight .flight-search-icon > svg,
html body #main .xchange-icon-item .xchange-icon,
html body #main .mainlist .greyline{display: block;}

/* MEDIA BREAKPOINTS */
@media only screen and (min-width: 320px){
	.login-section-wrapper > .login-section-inner{
		justify-content: center;
		flex-direction: column;
	}
/* 	.d3container-wrapper form{width: 70%;} */
}
@media only screen and (min-width: 768px){
	.login-section-wrapper > .login-section-inner{
		justify-content: center;
		flex-direction: row;
	}
/* 	.d3container-wrapper form{width: 70%;}	 */
}
@media only screen and (min-width: 1200px){
	.login-section-wrapper > .login-section-inner{
		justify-content: center;
		flex-direction: row;
	}
/* 	.d3container-wrapper form{width: 80%;} */
}

html body .ui-autocomplete-category{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 10px;
	font-weight: 600;
}
html body .ui-autocomplete-category.iconHotel,
html body .ui-autocomplete-category.iconDistrict,
html body .ui-autocomplete-category.iconCity{background: none;}

html body .ui-autocomplete-category.iconHotel:after{
	content:"\f236";
	font-family: FontAwesome;
	font-size: 20px;
}
html body .ui-autocomplete-category.iconDistrict:after{
	content:"\f21d";
	font-family: FontAwesome;
	font-size: 20px;
}
html body .ui-autocomplete-category.iconCity:after{
	content:"\f1ad";
	font-family: FontAwesome;
	font-size: 20px;
}
html body .d3toggle-icon:before{
	content: "\f080";
	font-family: FontAwesome;
	font-size: 14px;
	margin-right: 5px;
}

/*box*/
html body .ui-box-wrapper,
html body #frmSearch,
.page-agent-transfer .transfer-list-wrapper .transfer-list-item,
#main #innerContent > .full,
html body .campaign-detail,
html body #innerContent #formSearch,
html body #innerContent #busFormSearch,
html body .mobilapp-desc,
html body #content4.hotelDetails .hotel-header,
html body #content4.hotelDetails #tabs,
html body #content2,
html body #content3,
html body #content4,
html body .container-wrapper,
html body #innerContent > form{
	padding: 10px;
	background-color: white;
	box-shadow: 0 1px 6px rgba(1,1,1,.1);
	border-radius: 5px;	
	border:none;
}
#main #innerContent > .full > tbody > tr > td{
	padding-left:15px;
}
html body #innerContent .daily-news{
	padding: 40px;
	border-top: none;
	float: none;
}
html body #innerContent .daily-news table td{
	max-width: 100%;
	padding: 5px;
	border: 1px solid #eee;
}
html body #innerContent .daily-news .linews .liarrow{top: 13px;}
html body #innerContent .daily-news .linews,
html body #innerContent .daily-news table td{border-color: var(--primary-color-lighten-half);}

html body #innerContent .daily-news .image{text-align: left;}
html body #innerContent .daily-news table tr:last-child > td:first-child .linews{max-width: 100%;}

html body .mobilapp-desc .svg-icon{width: 12px;}
html body #content4.hotelDetails .hotel-header{margin-bottom: 30px;}
html body #content4.hotelDetails .hotel-header .titles{
	display: flex;
	align-items: center;
}
html body #content4.hotelDetails #tabs > div{padding: 1em 0;}

#main #hotelSearchTabs,
#main #hotelSearchTabs .ui-widget-header{
	background-color: transparent;
}
html .hotel-photo .hotel-thumb{
	min-width:150px;
	width:90%;
}
html .hotel-name-td div.resultPension{
	font-size:13px;
	font-style:normal;
}

html body #content3.order-window-wrapper{
	padding: 10px 30px;
}
html body .order-window-wrapper > .fullcollapsed{border-collapse: inherit; margin-bottom: 30px;}
html body .order-window-wrapper > .fullcollapsed tr > td:first-child,
html body .order-window-wrapper > .fullcollapsed > div.blueline{padding-left: 10px;}
html body .order-window-wrapper > .fullcollapsed tr > td:last-child{padding-right: 10px;}

html body .gts-logo img{margin-left: 20%;width: 100%;}
html body .mobilapp-desc{float:none;}
html body .fullcollapsed{white-space:inherit !important;}

@media only screen and (max-width: 600px){
	html #content3.detail-window {
	    min-width: 100%;
		width: 100%;
	}
	html #loader,
	.blockUI.blockMsg.blockPage {
	    width: 90% !important;
	    left: 5% !important;
	    margin-left: auto;
	    position: fixed;
	}
	.formtitle,.formtitlered,.formtitlenormal,label,.sortlabel,.formtitlesub,.rtnsortlabel
	{
		font-weight: normal;
		font-size: 8px;
	}
	.mobile-table tr.formtitle td:not(.tableHeader){
		display: none;
	}
	.mobile-table > tbody > tr{
		display: flex;
		flex-direction: column;
		padding-inline: 1rem;
	}
	.mobile-table tr:not(.formtitlesub) td:not(.tableHeader){
		padding-bottom: 1rem;
	}
	.bank-installments {
	    width: 75%;
	}
	.bank-installments tr {
	    display: flex;
	    flex-direction: column;
	    border-bottom: 1px solid #eee;
	}
	.bank-installments td {
	    border-color: transparent;
	}
	html body .order-window-wrapper > .fullcollapsed tr > td:first-child, html body .order-window-wrapper > .fullcollapsed > div.blueline {
	    padding-left: 0;
	}
}