﻿.box-review 
{
    .travel-companies 
    {
	    width:190px;
	    height:186px;
	    padding:0 15px 15px 15px;

	    table 
        {
		    margin-top:5px;
	    }

	    td 
        {
		    padding-top:4px;
	    }

	    input 
        {
		    margin-right:10px;
	    }

    }

    .categories
    {
	    width:281px;
	    margin-left:0px;
        padding-left:75px;
	    position:relative;
	
	    strong 
        {
		    margin-left:-125px;
	    }

	    .roset 
        {
		    top:35px;/*11%;*/
		    left:8px;
            @pv-categories-roset();
            @pv-roset-big();
			position:absolute;
			width: 60px;
			height: 60px;
	    }

	    &.full 
        {
		    width:100%;
		    .box-sizing();
		    padding-left:200px;

	        strong 
            {
		        margin-left:-200px;
	        }

            .roset 
            {
                left: 50px;
				position:absolute;

				@media @mobile{
					top:-80px;
				}
            }

	        table
            {

	            td.name
	            {
		            padding-right:10px;
		            white-space:nowrap;
	            }

	            .overview
	            {
		            width:100%;
	            }
            }

            .grade-overview 
            {
	            width:100%;
            }
	    }

        table
        {
	        width:100%;
	        margin-top:10px;

	        td 
            {
		        padding-top:2px;
	        }

	        .grade
	        {
		        width:20px;
		        text-align:right;
		        padding-right:5px;
	        }

	        .overview
	        {
		        width:110px;
				@pv-review-table-cell-overview();
	        }
        }

        .grade-overview
        {
	        width:110px;
	        height:9px;
			@pv-review-grade-overview();

	        .grade
	        {
		        height:100%;
		        padding:0;
		        margin:0;
				@pv-review-grade-overview-grade();
	        }
        }

        p.partner 
        {
            margin-top: 10px;
            width: 280px;
            margin-left: 0;

            img {
	            vertical-align:middle;
            }
        }

    }

    .favorite
    {
        width:302px;
    }

    .reviews
    {
	    margin-top:30px;
		float:right;
        li
        {
	        float:left;
	        width:100%;
	        margin-bottom:30px;
	        padding:0;
			border-radius:2px;
			@pv-review-item();


        }

	    .grade
	    {
		    width:50px;
		    position:relative;
		
		    .roset
		    {
			    top:0px;
			    left:0px;
		    }
        }

	    .review
	    {
		    height:auto;
		    width:320px;
		    padding:20px;
            margin:15px;
		    min-height:140px;
			@pv-review-item-text();

		    span.name,
            span.review-title
            {
			    font-weight:bold;
			    font-size:15px;
			    margin-bottom:15px;
                color: #000;
                display:inline-block;

			    &:empty 
                {
				    display:none;
			    }
		    }

		    p 
            {
			    word-wrap:break-word;

		        &:last-child 
                {
			        margin-top:10px;
			        display:block;
                    font-weight:400;
			        font-style:italic;
		        }
		    }
	    }

	    .reviewer
	    {
		    width:112px;
		    padding:15px 10px 10px 83px;
		    position:relative;
		
		    .roset 
            {
                position: absolute;
                top: 15px;
                left: 13px;
                width:42px;
                text-align:center;
		    }

		    dt {
			    font-weight: bold;
		    }

		    dd {
			    margin-bottom:5px;
		    }

		    &.full {
			    background:none;
			    width:100%;
			    .box-sizing();
			    min-height:60px;
		    }
	    }

	    h5,
	    span.name
        {
		    font-weight:bold;
		    font-size:17px;
		    margin-bottom:10px;
            color: @pv-review-header-color; 
            display:inline-block;
	    }

	    h5 
        {
		    font-size:18px;
		    margin:5px 0;
	    }

        .link a{
            float:right;
			color: #0077BF;
        }
    }
}