﻿#search-overview
{
	position:relative;
	margin:0 0 10px 0;
	padding: 10px;
    @pv-searchoverview();
    .border-radius(@pv-searchoverview-border-radius);

    .h2 {
		@header-default();
        margin-bottom:@pv-searchoverview-h2-margin-bottom;
        padding-left: 4px;
	}

    ul li {
		width:100%;
		float:left;
		clear:both;
	}

	.link-change-travelers{
		clear:both;
		padding-top:10px;
	}
}

	a.delete
	{
		width:13px;
		height:13px;
		display:block;
		overflow:hidden;
		margin-top:1px;
        background-color:@pv-delete-button-background-color;
        .border-radius(@pv-delete-button-border-radius);
        position:relative;
        
        font-weight:bold;
        font-size:12px;
        line-height:10px;
        color:#fff !important;
        text-align:center;
        text-decoration:none;
        @pv-delete-button();
    }

	

#search-filters
{
	position:relative;
	margin:0 0 10px 0;
}

	#search-filters > .content,
	#search-overview > .content,
	.overview > .content
	{
		padding:10px;
		font-family:@pv-font-default;
		font-size:12px;
	}

	.overview > .content
	{
		padding:5px 10px;
	}

    .overview > .box-header {
		@pv-resultpage-header-color();
	    text-transform: @pv-resultpage-header-texttransform;
    }

	#search-filters >  ul > li > label,
	#search-overview label:not(.no-label)
	{
		float:left;
		clear:both;
		width:100%;		
			list-style:none;
			margin:2px 0 9px;
			font-size:@pv-searchfilters-label-font-size;
			font-weight:bold;
		}

		#search-filters > ul > li > ol {
			float: left;
			clear: both;
			width: 100%;
		}

        #search-filters > ul > li a {
			color:@pv-searchfilters-link-color;
            line-height:@pv-line-height-default;
            font-weight:@pv-font-weight-regular;
        }
		#search-filters > ol > li a {
            padding-left: 0px;
			color:@pv-searchfilters-link-color;
            line-height:@pv-line-height-default;
        }
        
        #search-filters > ul > li > a { color: @pv-searchfilters-more-items-link-color; }
        #search-filters select.active {
			background-color:@pv-searchfilters-active-background-color; 
        }
		#search-filters > ul > li > ol > li:not(.active):not(.inactive) a:hover {
            @pv-searchfilters-hover();
        }
		#search-filters li.active {
			background-color:@pv-searchfilters-active-background-color; 
            @pv-searchfilters-active();
		}
        #search-filters > ul > li > ol > li.inactive a {
			color:#ccc;
			background-image:url(img/base/elements/pc/checkbox_grijs.png);
            @pv-searchfilters-inactive();
		}

        #search-filters > ul > li > ol:not(.no-toggle) > li:nth-of-type(6)::before
        {
			@pv-searchfilters-5th-item-separator();

        }


		#search-filters .list-classification { margin-left:0; }

		#search-filters > ul > li > div.filterSearchbox { margin-top:2px;margin-bottom: 5px;background-color:yellow;clear:both;position:relative; }
		#search-filters > ul > li > div.filterSearchbox input{ border:1px red #a5d7f8; width:188px; height:25px;background: #fff url("img/Base/ico/vergrootglas_big.png") no-repeat scroll 176px center / 17px 17px; }
		#search-filters > ul > li > div.filterSearchbox input.watermark{ font-style:italic;color:#999999; }
		#search-filters > ul > li > div.filterSearchbox input.loading{ background-image:url(img/base/ico/ajax-loader.gif); }
		#search-filters > ul > li > div.filterSearchbox div{width:25px;height:25px;position:absolute;z-index:2;top:2px;left:171px;cursor:pointer; }
		#search-filters > ul > li > ol li a div.resultCar {float: right;width: 60px;text-align: right;background: url("img/Base/ico/ico-car.png") no-repeat scroll 0px center;color:#1d9ef4;}

#search-filters-top{
	select{
		width:100%;
	}
}

.toggle-container {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	border: 1px solid #fecb0e;
	border-radius: 3px;
	background: #fbe11f;
	margin: 2px 0 5px;
	overflow: hidden;

	& > a {
		flex: 1;
		text-decoration: none;
		font-weight: @pv-font-weight-regular;
		padding: 2px 5px;
		text-align: center;
		line-height: 27px;

		&.inactive{
			cursor:not-allowed;
		}

		&.active {
			cursor: default;
			pointer-events: none;
			background-color: rgba(255,255,255,0.5);
			border-radius: 3px;
			color: @color-black;

			&:first-child {
				/* schaduw rechts */
				box-shadow: 2px 0 6px -2px rgba(0,0,0,0.5);
			}

			&:last-child {
				/* schaduw links */
				box-shadow: -2px 0 6px -2px rgba(0,0,0,0.5);
			}

			&:not(:first-child):not(:last-child) {
				/* schaduw links & rechts */
				box-shadow: 2px 0 6px -2px rgba(0,0,0,0.5), -2px 0 6px -2px rgba(0,0,0,0.5);
			}
		}

		&:not(.active) {
			color: @color-secondary-dark-25;

			&not(.inactive):hover {
				color: @color-black;
				font-weight: @pv-font-weight-semibold;
			}
		}
	}
}

#search-filters-column {
	& > .content{
		background:none;
	}


}

#search-filters{
	background:@color-white;
	border-radius:8px;
	padding:8px;

	select{
		width:100% !important;
		background-position-x:96% !important;
	}

	.slider-container.no-min #slider-range{
		width:184px;
	}

	li.prev,
	li.next{
		width:20px !important;
		a{
			color:@color-white;
			line-height:15px;
			position:relative;
			font-size:0;

			&:after{
				font-family:@pv-font-icons-name;
				font-size:20px;
			}
		}
	}

	li.prev a:after{
		content:'\e933';
	}
	li.next a:after{
		content:'\e934';
	}
}
