/**
* Dashboard classes
*
* @author splitfire - http://splitfire.fr
* @version 1.0
*
* @ref http://www.keenthemes.com/preview/metronic_admin/
*
* Module qui présente le dashboard
*
*/ 


//Container de l'item
.dashboard_item
{
	color: #fff;
	margin-bottom: 10px;
	//couleur de fond de l'item client
	&.dashboard_customer
	{
		background-color: $infoColor;
	}
	//couleur de fond de l'item contrat
	&.dashboard_contract
	{
		background-color:$successColor;
	}
	//couleur de fond de l'item sinistre
	&.dashboard_sinister
	{
		background-color:$dangerColor;
	}
	//Couleur de fond de l'item prime
	&.dashboard_prime
	{
		background-color:$warningColor;
	}	
}

//Container de l'image
.dashboard_item--img
{
	padding:10px 0 10px 10px;
	float:left;
	//@include px2em($px: $fontSize * 5, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : height) ;
	@include rem((
		height : $fontSize * 5		
	)); 
	& > span
	{
		color:#fff;
		@include opacity(1);
		//@include px2em($px: $fontSize * 5, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : width) ; 
		//@include px2em($px: $fontSize * 5, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : height) ; 
		//@include px2em($px: $fontSize * 5, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : font-size) ; 
		@include rem((
			width		:$fontSize * 5,
			height		:$fontSize * 5,
			font-size	:$fontSize * 5
		));
		
	}
}

//Container des informations
.dashboard_item--info
{
	float: right;
	//@include px2em($px: $fontSize * 5, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : height) ;
	@include rem((
		height:$fontSize * 5
	)); 
	padding:10px 10px 10px 0;
	text-align: right;
	
	//Nombre
	& .dashboard_item--info_number
	{
		//@include px2em($px: $fontSize, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : padding-top) ; 
		//@include px2em($px: $fontSize * 2.3, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : font-size) ; 
		@include rem((
			padding-top		:$fontSize,
			font-size		:$fontSize * 2.3
		));

	}
	//label
	& .dashboard_item--info_label
	{
		//@include px2em($px: $fontSize + 5px , $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : font-size) ;
		@include rem((
			font-size: $fontSize + 5px
		)); 
	}
}
//Footer
.dashboard_item--footer
{
	position: relative;
	clear: both;
	color:#fff;
	//@include px2em($px: $fontSize * 2, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : line-height) ;
	@include rem((
		line-height: $fontSize *2
	)); 
	&.icon:after
	{
		position: absolute;
		@extend %icon-style;
		@extend .icon-arrow-right:before;
		@include opacity(1);
		color:#fff;
		top:6px;
		right:2px;
	}
	& a
	{
		display: block;
		color: #fff;
		padding:0 10px;
		text-decoration: none;
		@include opacity(.7);
		@include background-color-rgba(#fff, .2);
		&:hover
		{
			@include opacity(1);
			@include background-color-rgba(#fff, 0);

		}
	}
	
	&.dashboard_item--footer_warning
	{
		background-color:darken($warningColor, 3);
	}	
	&.dashboard_item--footer_info
	{
		background-color:darken($infoColor, 3);
	}
	&.dashboard_item--footer_danger
	{
		background-color:darken($dangerColor, 3);		
	}
	&.dashboard_item--footer_success
	{
		background-color:darken($successColor, 3);
	}
}


//
.dashboard_scroll
{
	height: 400px;
	max-height: 400px;
	margin:0 0 10px 0;
}