/* CSS Document */

/* SIDE NAV */
#side_nav{
	float:left;
	width:25%;	
}

#p_account{
	float:right;
	width:73%;	
	background-color:#ffffff;
	padding-left:2%;
	padding-bottom:50px;
}

#p_summary{
	margin-top:20px;	
}

#p_summary h3{
	margin-bottom:10px;
}

#o_data_line{
	margin-top:10px;	
}

#o_data_line td{
	font-size:12px;
	line-height:16px;
	padding:10px 5px;
}

#o_data_line td.row_act a{
	text-decoration:none;
}

#o_data_line td.row_act a i{
	margin-right:5px;	
}

#o_data_line td a{
	color:#17407C;
	font-weight:bold;
}

#o_data_line.alt td{
	background-color: #F9F9F9;
}

#o_data_line td:nth-of-type(1){
	width:50%;
	font-weight:bold;
}

#o_data_line td:nth-of-type(2){
	width:50%;
}

#o_data_lines{
	margin-top:20px;
}


#o_data_lines td{
	font-size:12px;
	line-height:16px;
	padding:10px 5px;
	vertical-align:middle;
}

#o_data_lines th{
	font-size:14px;
	line-height:20px;	
	padding:10px 5px;
	background-color: #17407C;
	color:#fff;
	vertical-align:middle;
}

#o_data_lines tr.alt td{
	background-color: #F9F9F9;	
}

#o_data_lines td a{
	color:#17407C;
	font-weight:bold;
}

#o_data_lines td i{
	font-size:14px;	
}

.col_basket{
	text-align:left;
	width:20%;	
}

.col_created{
	text-align:center;
	width:15%;	
}

.col_status{
	text-align:center;
	width:15%;	
}

.col_reference{
	text-align:center;
	width:15%;	
}


.col_items{
	text-align:center;
	width:10%;	
}

.col_price{
	text-align:center;
	width:10%;	
}

.col_delete{
	text-align:center;
	width:5%;	
}

.col_amend{
	text-align:center;
	width:5%;	
}

.col_copy{
	text-align:center;
	width:5%;	
}

#o_data_desktop{
	display:block;	
}

#o_data_mobile{
	display:none;	
}


.o_pagination{
	margin-top:20px;	
}

.o_pagination a,
.o_pagination a:visited,
.o_pagination a:active{
	font-size:14px;
	color: #17407C;
	text-decoration:none;	
}

.o_pagination a:hover{
	text-decoration:underline;		
}

.o_pagination a.previous{
	float:left;	
}

.o_pagination a.previous i{
	margin-right:5px;	
}

.o_pagination a.next{
	float:right;	
}

.o_pagination a.next i{
	margin-left:5px;	
}

@media screen and (max-width:999px){
	
	
#side_nav{
	display:none;
}

#p_account{
	width:96%;	
	padding-left:2%;
	padding-right:2%;
}

#rvwr_mobile_filter{
	display:block;
}


}


@media screen and (max-width:899px){
	
	#o_data_desktop{
		display:none;	
	}
	
	#o_data_mobile{
		display:block;	
	}
	
}