﻿     /* Parcompare */

     #parcompare .fwsb{ font-weight:600;margin:15px 0 0 0; }
     #parcompare .fwsb.infob { width:auto;margin-right:10px; }
     #parcompare .fwsb.infob + a > div.infoBalloon { top:20px; }

	#parcompare label.initialLabel{ clear:none;width:auto;margin-right: 5px; cursor:pointer;font-weight:500; }
	#parcompare label.noLabel{ font-weight: normal;font-size: 12px;}   

    #parcompare .fieldMessageBox {}
        #parcompare .fieldMessageBox *:not(a) {
            width:auto !important;
            height:auto !important;
            font-size:12px !important;
            line-height: 16px !important;
        }

    #parcompare ul { width:100%;margin-top:5px;float:left; }
	#parcompare ul > li.item {
		.border-radius(5px);
		display: block;
		width: ~"calc(50% - 5px)";
		min-height:190px;
		padding: 10px;
		position: relative;
		float: left;
		margin-right: 10px;
		margin-bottom:10px;
		text-decoration: none;
		font-size: 12px;
		line-height: 12px;
		border: 2px solid #bce2fc;
		background-color: #fff;
		color: #333;
        @pv-border-transition();
		.box-sizing();
	}

    #parcompare ul img{ height: 50px;float: left;}

	#parcompare ul > li.item:hover { border-color:#069a06;cursor:pointer; }
	#parcompare ul > li.item.active { border-color:#069a06; }
	#parcompare ul > li.item:nth-child(even) { margin-right:0; }
		#parcompare ul > li.item.active .price { color:#069a06; }

	#parcompare ul li.item .type { float:left;width:auto !important;cursor:pointer;font-size:14px; }
	#parcompare ul > li.item span.price { float:right;font-size:24px;line-height:20px;font-weight:bold; }
		#parcompare ul > li.item span.price .currency { font-size:15px;font-family:@pv-font-default;padding-left:2px; }
        #parcompare ul > li.item span.price small { font-size:12px; }
	
        #parcompare ul > li > ul > li { text-align:left;line-height:20px;font-size:14px;padding-left:25px;.box-sizing(); }
        #parcompare ul > li > ul > li.included 
		{ 
			background:url(img/base/ico/vinkje.svg) no-repeat 3px 3px;
			background-size:15px 15px;
        }
		#parcompare ul > li > ul > li.not-included 
		{ 
			color:#ccc;
			text-decoration:line-through;
			position:relative;
			&::before
			{
				content: '×';
				color: #fff;
				font-family: 'Open Sans';
				font-size: 16px;
				line-height: 16px;
				text-align: center;
				width: 100%;
				height: 100%;
				display: block;
				position:absolute;
				left:0;
				top:3px;
				font-size:24px;
				color:#ccc;
				width:22px;
			}
		}

    #parcompare ul ul{ margin:20px 0 0 0;}

	#parcompare > div:nth-of-type(2)
	{
        margin-top:15px;
		margin-bottom:10px;
	}

	#parcompare ul.ulIns
	{
		margin-top:0px;
		margin-bottom:15px;
	}

	body.book #parcompare ul.ulIns li input[type=radio]+label
	{
		max-width:160px;
	}

    #parcompare .row.field.child { margin-left:30px; width:~"calc(100% - 30px);" }
    #parcompare .row.field.child label { width:auto; margin-right:10px; }
    #parcompare .row.field.child input[type="text"] { width:150px; }

	/* END Parcompare */