body.debug{
	/* visibility: visible; */
}

/*
* 	Responsive styles (Media queries) CSS 
*	- This CSS file contains css rules for the responsive tables as well as styles for 'tourlist.asp'
*	- if this file is not included then this content should be placed in 'media-queries.css' 
*/

@media screen and (min-width:480px) and (max-width:1199px){
	/** 
	 * Tourlist Box ('offers', 'tripcalendar' or 'lastminute') 
	 * FYI: '.tourlist-box-table' is a simplified version of '.tourlist-table' for showing basic tourlist data.
	*/
	.tourlist-box .box-nav{
		/*text-align:right;*/
	}
	
	.tourlist-box-table tr:first-child{
		/*padding-top:0;*/
	}
	
	.tourlist-box-table tr:last-child{
		/*padding-bottom:0;*/
	}
	
	.tourlist-box-table th,
	.tourlist-box-table td{
		padding:0.5em 0.25em;
	}
	
	.tourlist-box-table th:first-child,
	.tourlist-box-table td:first-child{
		/* padding-left:0; */
		padding-left:0.5em;
	}
	
	.tourlist-box-table th:last-child,
	.tourlist-box-table td:last-child{
		/* padding-right:0; */
		padding-right:0.5em;
	}
	
	.id-lastminutebox-table th,
	.id-lastminutebox-table td{
		padding:1em 0.375em;
	}
	
	.id-lastminutebox-table th:first-child,
	.id-lastminutebox-table td:first-child{
		/* padding-left:0; */
		padding-left:0.75em;
	}
	
	.id-lastminutebox-table th:last-child,
	.id-lastminutebox-table td:last-child{
		/* padding-right:0; */
		padding-right:0.75em;
	}
	/**/
}

@media screen and (min-width:980px),print{
	/*Tourlist filter options*/
	
	.tourlist-reposters .box-inner{
		text-align:right;
	}

	.tourlist-reposters .box-desc{
		max-width:88%;
	}

	.render-tourlist-changecurrency .tourlist-filter{
		max-width:64%;
	}

	.render-tourlist-filteroptions .pagination-info{
		padding-right:0.75em;
		display:block;
	}

	.render-tourlist-filteroptions .pagination-info,
	.tourlist-reposters .box{
		padding-bottom:0.75em;
	}

	.render-tourlist-filteroptions .pagination-info{
		float:left;
		padding-bottom:0.375em;
		line-height:2.43;
		margin-bottom:0;
	}

	.mac .render-tourlist-filteroptions .pagination-info{
		line-height:1.7;
	}

	/**/
	
	.tourlist-reposters{
		float:right;
		width:85%;
		text-align:right;
	}

	.tourlist-reposters .box{
		margin-left:0;
		margin-right:0;
	}

	.tourlist-reposters .box,
	.tourlist-reposters .box:first-child{
		padding-top:0;
		margin-top:0;
	}

	.tourlist-changecurrency{
		float:right;
	}

	/**/
	
	/*.render-tourlist-filteroptions .tourlist-table,*/
	.render-tourlist-filteroptions .no-reslut-wrap{
		float:left;
		clear:both;
	}

	.render-tourlist-filteroptions .no-reslut-wrap{
		width:100%;
	}

	.render-tourlist-filteroptions .searchresults-pager{
		clear:both;
		width:100%;
	}
	

	.tourlist-table.enableTourlistShowDepinfo .first-child:before{
		content:" ";
		width:0;
		height:0;
		overflow:hidden;
		display:inline-block!important;
		vertical-align:top;
		margin-left:0;
		position:relative;
		/*top:-0.071em;*/
		top:0.583em;
		margin-right:0.286em;
		border:0.286em solid transparent;
	}

	.tourlist-table.enableTourlistShowDepinfo .item-row.clickable .first-child:before{
		border-color:transparent;
		border-left-color:var(--color-accent);
	}

	.tourlist-table.enableTourlistShowDepinfo .item-row.toggled .first-child:before{
		/*top:0;*/
		border-color:transparent;
		border-top-color:var(--color-base);
	}

	/**/
	
	.tourlist-table.enableTourlistShowDepinfo .first-child.col-image:before,
	.tourlist-table.enableTourlistShowDepinfo .item-row.toggled .first-child.col-image:before{
		position:absolute;
		left:0;
		top:50%;
		margin-top:-0.286em;
	}
}

/* 
*** Tourlist Table iteminfo - depinfo START ***
*/


@media screen and (min-width:320px) and (max-width:897px){
	.tourlist-table .itinerary-date .key,
	.tourlist-table .itinerary-date .value,
	.tourlist-table .itinerary-time .key,
	.tourlist-table .itinerary-time .value,
	.tourlist-table .connection-time .key,
	.tourlist-table .connection-time .value{
		width:50%;
		display:inline-block;
		vertical-align:top;
	}

	.tourlist-table .itinerary-date .value,
	.tourlist-table .itinerary-time .value,
	.tourlist-table .connection-time .value{
		text-align:right;
	}
}

@media screen and (min-width:898px),print{
	.iteminfo-depinfo-itinerary .iteminfo-list-item{
		float:left;
		clear:both;
		width:100%;
	}

	.iteminfo-depinfo-itinerary .itinerary-section .key,
	.iteminfo-depinfo-itinerary .itinerary-section .value,
	.iteminfo-depinfo-connection .connection-section .key,
	.iteminfo-depinfo-connection .connection-section .value{
		display:block;
		width:100%;
		padding-left:0;
		padding-right:0;
		max-width:100%;
	}

	.iteminfo-depinfo-connection .connection-section{
		width:50%;
		float:left;
	}

	.iteminfo-depinfo-itinerary .itinerary-section .key,
	.iteminfo-depinfo-connection .connection-section .key,
	.iteminfo-depinfo-connection .connection-item:first-of-type .list-item-key:before{
		font-family:var(--font-family-body-bold);
	font-weight:var(--font-weight-body-bold);
		overflow:hidden;
		height:18px;
		line-height:18px;
		height:1.8rem;
		line-height:1.8rem;
	}

	.iteminfo-depinfo-connection .connection-item:first-of-type .list-item-key:before{
		display:block;
		content:" ";
	}

	.iteminfo-depinfo-connection .connection-section .key{
		display:none;
	}

	.iteminfo-depinfo-connection .connection-item:first-of-type .connection-section .key{
		display:block;
	}

	.iteminfo-depinfo-itinerary .itinerary-section{
		float:left;
		width:50%;
	}

	.iteminfo-depinfo-itinerary .itinerary-date{
		width:50%;
	}

	.iteminfo-depinfo-itinerary .itinerary-cities{
		width:50%;
	}

	.iteminfo-depinfo-itinerary .itinerary-deptime,
	.iteminfo-depinfo-itinerary .itinerary-estarrival{
		width:50%;
	}

	.tourlist-table .iteminfo-depinfo-itinerary .itinerary-comments{
		clear:both;
		width:96%;
		padding-left:2%;
		padding-right:2%;
	}

	.tourlist-table .iteminfo-depinfo-itinerary .list-item-key,
	.tourlist-table .iteminfo-depinfo-connection .list-item-key{
		width:100%;
		padding-left:0;
		padding-right:0;
		float:left;
		clear:left;
	}

	.tourlist-table .iteminfo-depinfo-itinerary .list-item-value,
	.tourlist-table .iteminfo-depinfo-connection .list-item-value{
		width:100%;
		padding-left:0;
		padding-right:0;
		float:left;
		clear:none;
	}

	.tourlist-table .connection-price .key,
	.tourlist-table .connection-price .value,
	.tourlist-table .connection-time .key,
	.tourlist-table .connection-time .value{
		text-align:right;
	}

	.tourlist-table .iteminfo-depinfo-connection .list-item-key{
		width:35%;
	}

	.tourlist-table .iteminfo-depinfo-connection .list-item-value{
		width:65%;
	}

	.resetfloat:after,
	.tourlist-table .iteminfo-depinfo-section:after,
	.iteminfo-list-item:after,
	.list-item-key:after,
	.list-item-value:after{
		content:"";
		display:table;
		clear:both;
	}
}

/* *** END ***; */


/* Responsive table	and CMS table Logic; */

@media screen and (max-width:479px){
	/*Default setting:Make all CMS table one column,and override inline styling*/
	.main-desc td:empty{
		display:none;
	}

	.main-desc table:not(.responsive-table):not(.picker__table){
		height:inherit!important;
		width:100%!important;
		display:block;
		border-collapse:collapse;
		float:none!important;
	}

	.main-desc table:not(.responsive-table):not(.picker__table) thead,
	.main-desc table:not(.responsive-table):not(.picker__table) tbody,
	.main-desc table:not(.responsive-table):not(.picker__table) tfoot,
	.main-desc table:not(.responsive-table):not(.picker__table) th,
	.main-desc table:not(.responsive-table):not(.picker__table) td,
	.main-desc table:not(.responsive-table):not(.picker__table) tr{
		height:inherit!important;
		width:inherit!important;
		display:block;
	}

	.main-desc table:not(.responsive-table):not(.picker__table) tr{
		border-bottom:1px solid var(--color-lightgray);
	}

	.main-desc table:not(.responsive-table):not(.picker__table) tr{
		padding:0.75em 0;
	}

	.main-desc table:not(.responsive-table):not(.picker__table) th,
	.main-desc table:not(.responsive-table):not(.picker__table) td{
		padding:0.375em 0;
	}
}

@media screen and (min-width:600px) and (max-width:979px){
	ul.filter-list{
		padding-bottom:0.75em;
	}

	/*make tourlist full width*/
	/*
	.attached-page-tourlist{
		padding-left:0;
		padding-right:0;
	}

	.attached-page-tourlist .attached-page-toggler{
		margin-left:9px;
		margin-right:9px;
		margin-left:0.9rem;
		margin-right:0.9rem;
	}

	*/
	
	ul.filter-list{
		padding-left:0.75em;
		padding-right:0.75em;
	}
}

@media screen and (max-width:319px){
	.tourlist-table .indicator-info{
		text-align:center;
		margin:0;
		padding:1em 0 0 0;
	}
}