.myPrijsvrij
{
    .row 
    {
        position: relative;
        width: 100%;
        margin-bottom: 6px;
	
        input, 
        select 
        {
            float: left;
            clear: right;
        }

        input[type="text"] {
            width: 149px;
        }

        label
        {
            float: left;
            width: 150px;
            /*clear: left;*/
            font-weight: @pv-font-weight-bold;
        }


    }

    th,
    td 
    { 
        width:auto;  
        padding-left:10px;  
        text-align:left; 

        &.date {  width:75px; }
        &.type {  width:60px; }
        &.price {  width:60px; text-align: right;}
        &.status { width:100px;  }
        &.action { width:120px; }
    }

    th
    { 
        font-weight: bold;

    }

    tr
    {
        td
        { 
            padding: 3px 0; 
            padding-left:10px; 
        }

        &.alt 
        {
            td { background-color:#ddf1ff; }
        } 
    }

    .oldUserWarning
    { 
        margin-top: 15px;
        font-weight: bold;
    }
} 


div.overviewDossierCategory
{
	background-repeat:repeat-x;
	padding-top:10px;
	margin-top:20px;
    position:relative;

    &::before 
    {
        display:block;
        content:'';
        height:18px;
        width:100%;
        position:absolute;
        top:-4px;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aedcfb+0,d0ebfc+6,ffffff+100 */
        .linear-gradient( 
            @origin: top; 
            @direction: to bottom;
            @start-color:#aedcfb;
            @stops: #aedcfb 0%,#d0ebfc 6%,#ffffff 100%;
        );
    }

	input.close.red.small
	{
		float:right;
	}

	div.displayItem
	{
		background-repeat:no-repeat;
		background-position:-16px 0px;
		width:16px;
		height:16px;
		margin-top:4px;
		margin-right:10px;
		margin-bottom:10px;
		cursor:pointer;
        background-image: url("../../img/Base/button/pc/btn-rood-items.png");

        &.active
        {
	        background-position:0px 0px;
        }
    }

	div.dashed-box
	{
		padding:0px;
	}

	h2
	{
		cursor:pointer;
		font-size:18px;
		line-height:22px;
	}

	h3
	{
		font-size:16px;
		line-height:20px;
		margin-bottom:8px;
	}

	span.field.status
	{
		font-style:italic;
	}

	div.col5
	{
		.box-sizing();
		width:349px;
		padding:15px;
		min-height:120px;
		background-color:#ffffff;
	}

	div.col3
	{
		.box-sizing();
		width:235px;
		margin-right:0px;
		padding:15px;
		min-height:120px;
	}

	div.dossierHeader
	{
		float:left;
		font-weight:bold;
		width:65px;
		color:#000000;
	}

	div.dossierValue
	{
		float:right;
		width:110px;
		margin-right:10px;
		text-align:right;
		font-size:18px;
	}
	
	div.blockAction
	{
		float:right;
		margin-top:50px;
		clear:both;
	}
	
	div.blockMessage
	{
		clear:both;
		text-align:right;
		margin-top:20px;
		float:left;
		width:100%;
		color:#000000;
	}

	label,
	span.field
	{
		color:#000000;
	}
}