/*@desc: Estilização para o dashboard do template.
 *@autor: Thiago Pereira (thiago.b.pereira@capgemini.com)
 *@since: 2016
 */
 
.listDashboard {
	background-color: #E8E8E8;
	width: 15%;
	height: 115px;
	padding: 15px;
	border: 1px solid;
	border-color: #fff;
	float: left;
	text-align: center;	
}

.listDashboard:HOVER {
	background-color: #06668A;
	color: #fff;
	z-index: 2;
	-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	
}

.listDashboard:HOVER a {
	color: #fff;
}

@media (max-width: 700px) {
	.listDashboard {
		width: 50%;
		height: 80px;	
	}
	.listDashboard p {
		font-size: 12px;
	}
	.listDashboard i {	
	margin-top: -8px;		
		font-size: 30px;
	}
	.list-group {
    	padding-right: 25px;  	
	}
	.listDashboard:HOVER {
		background-color: #06668A;
		-webkit-transform: scale(1.0);
    	-ms-transform: scale(1.0);
   		transform: scale(1.0);
	}
}


@media (min-width: 700px) and (max-width: 1280px) {
	.listDashboard {
		width: 20%;
		height: 90px;	
	}
	.listDashboard p {
		font-size: 12px;
	}
	.listDashboard i {	
	margin-top: -8px;		
		font-size: 30px;
	}
	.list-group {
    	padding-right: 25px;  	
	}
	.listDashboard:HOVER {
		background-color: #06668A;
		-webkit-transform: scale(1.0);
    	-ms-transform: scale(1.0);
   		transform: scale(1.0);
	}
}