.dashboard {
	padding: 20px 0;

	.row {
		margin: 0 -7.5px;
		
		&:after {
			display: block;
			content: ' ';
			clear: both;
		}
	}

	.col {
		width: 33.33%;
		float: left;
		text-align: left;
		padding: 0 7.5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		.btn {
		    display: inline-block;
		    padding: 6px 12px;
		    margin: 20px 0;
		    font-size: 14px;
		    font-weight: 400;
		    line-height: 1.42857143;
		    text-align: center;
		    white-space: nowrap;
		    vertical-align: middle;
		    -ms-touch-action: manipulation;
		    touch-action: manipulation;
		    cursor: pointer;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    background: #f7952b;
		    border-radius: 4px;
		    color: white;
		    text-decoration: none;

		    &:hover {
		    	background: lighten(#f7952b, 10%);
		    }
		}

		.item {
			padding: 0 15px;
			text-align: left;

			border: 1px solid #ddd;
			background: #fcfcfc;

			h4 {
				display: block;
				color: white;
				text-transform: uppercase;
				margin: -1px -16px 10px -16px;
				padding: 5px 10px;
				background: #66595B;
			}

			.chart-container {
				position: relative;

				ul.pie-legend {
					list-style: none;
					position: absolute;
					bottom: 0;
					left: 0;

					span {
						display: inline-block;
						width: 10px;
						height: 10px;
						margin-right: 10px;
					}
				}
			}

			.legenda {
				list-style: none;
				padding: 5px;
				margin: 0;
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				border: 1px solid #ddd;
				background: rgba(255,255,255, 0.8);

				li {
					padding: 0;
					margin: 0 2px;
					display: block;

					&.evidence {
						background: rgba(247,149,43, 0.8);
					    margin: 3px -6px -6px -6px;
					    color: white;
					    padding: 3px 8px;
					}
				}
			}
		}
	}
	
	.col-2 {
		width:50%;
	}
}