﻿/* Laatst bekeken */
.list-visited-accommodations 
{
	min-height:150px;
	@pv-visited-accommodations();
    right:25px;

	.h4
    {
		font-size:18px;
		margin-bottom:10px;
	}

	& > ul 
    {
		height:100%;
		width:100%;

	    & > li 
        {
		    clear:both;
		    width:100%;
		    border:none !important;
		    margin:0 !important;
            padding:10px 0 10px 0 !important;
		    .box-sizing();
            position:relative;
            line-height:18px;
            &:not(:last-child){
                border-bottom:1px solid #E0E0E0 !important;
            }
            

            &::before 
            {
                display:block;
                content:'';
                width:100%;
                position:absolute;
                top:0;
                z-index:-1;
				@pv-visited-accomodations-li-before();
            }

		    a 
            {
			    font-size:12px !important;
                
                color:@pv-visited-accommodations-link-color !important;
				@pv-visited-accomodations-a();
                padding:0;

                ul.list-classification{
                    width:100%;
                    float:left;
                    clear:both;
                }

			    span
                {
				    text-decoration:none;

                    &.accommodation
                    {
                        margin-right:6px;
				        margin-bottom:3px;
						color:@color-primary-dark-50;
                        display:inline;
						@pv-visited-accommodations-h5-accommodation();
                    }

                    &.location
                    {
                        color: @pv-visited-accommodations-h5-location-color;
						@pv-visited-accommodations-h5-location();
                    }
                }

                &:hover
                {
                    background:none !important;
                    span.accommodation,
                    h5.accommodation
                    {
                        text-decoration: underline;
                    }
                }

                &.remove
                {
				    height:13px;
				    width:13px;
				    margin-right:5px;

                    position:relative;
					@pv-visited-accommodations-item-remove();
                    color:#D90000;

                    &::after
                    {
                        display:block;
                        content:'×';
                        
                        color:#D90000;
                        font-size:12px;
                        line-height:10px;
                        text-align:center;
						@pv-visited-accommodations-item-remove-after();
                    }
                }
		    }

            /* remove all link */
            & > a.remove-all {
border: 1px solid #D90000;
color:#d90000 !important;
box-sizing: border-box;
border-radius: 4px;
padding: 10px 16px 10px 30px;
display:inline-block;
font-weight: bold !important;
font-size: 10px !important;
line-height: 12px;
text-transform:uppercase;
position:relative;
transition:none;

&:hover{
    background:#d90000 !important;
    color:#fff !important;

    &::before{
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(237deg) brightness(105%) contrast(107%);
    }
}

&::before{
    content:'';
    position:absolute;
    left:14px;
    top:10px;
    background: url(img//Base/ico/2021/General/Delete.svg) no-repeat 0 0;
    width:12px;
    height:12px;
    
}
            }

            img
            {
			    width:48px;
                height:48px;
                border-radius: 4px;
			    margin-right:10px;
				float:left;
            }

            div
            {
                width:200px;
            }

            &:last-child{
                text-align:center;
            }
	    }
	}
}