.chart-legend li span {
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 5px;
}
.chart-legend {
    list-style: none;    
}

.panel {
	width: 100%;
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	width: calc(100% - 10px);
	height: 100%;
	height: -webkit-calc(100% - 10px);
	height: -moz-calc(100% - 10px);
	height: calc(100% - 10px);
	padding: 5px;
	overflow-y: auto;
	overflow-x: auto;
}

.panelTopTwoColumnLeft {
	float: left;
	width: 50%;
	width: -webkit-calc(50% - 20px);
	width: -moz-calc(50% - 20px);
	width: calc(50% - 20px);
	height: 65%;
	height: -webkit-calc(65% - 0);
	height: -moz-calc(65% - 0);
	height: calc(65% - 0);
	padding: 10px;
}

.teste {
	float: left;
	width: 50%;
	height: 80%;
	padding: 10px;
}

.panelBottomTwoColumnLeft {
	float: left;
	width: 50%;
	width: -webkit-calc(50% - 20px);
	width: -moz-calc(50% - 20px);
	width: calc(50% - 20px);
	height: 35%;
	height: -webkit-calc(35% - 0);
	height: -moz-calc(35% - 0);
	height: calc(35% - 0);
	padding-top: 10px;
}

.panelTopTwoColumnRight {
	float: right;
	width: 50%;
	width: -webkit-calc(50% - 20px);
	width: -moz-calc(50% - 20px);
	width: calc(50% - 20px);
	height: 65%;
	height: -webkit-calc(65% - 0);
	height: -moz-calc(65% - 0);
	height: calc(65% - 0);
	padding: 10px;
}

.panelBottomTwoColumnRight {
	float: right;
	width: 50%;
	width: -webkit-calc(50% - 20px);
	width: -moz-calc(50% - 20px);
	width: calc(50% - 20px);
	height: 35%;
	height: -webkit-calc(35% - 0);
	height: -moz-calc(35% - 0);
	height: calc(35% - 0);
	padding-top: 10px;
}

.panelTopThreeColumnLeft {
	float: left;
	width: 35%;
	width: -webkit-calc(35% - 20px);
	width: -moz-calc(35% - 20px);
	width: calc(35% - 20px);
	height: 50%;
	height: -webkit-calc(50% - 20px);
	height: -moz-calc(50% - 20px);
	height: calc(50% - 20px);
	padding: 10px;
}

.panelTopThreeColumnMiddle {
	float: left;
	width: 35%;
	width: -webkit-calc(35% - 20px);
	width: -moz-calc(35% - 20px);
	width: calc(35% - 20px);
	height: 50%;
	height: -webkit-calc(50% - 20px);
	height: -moz-calc(50% - 20px);
	height: calc(50% - 20px);
	padding: 10px;
}

.panelTopThreeColumnRight {
	float: right;
	width: 30%;
	width: -webkit-calc(30% - 20px);
	width: -moz-calc(30% - 20px);
	width: calc(30% - 20px);
	height: 50%;
	height: -webkit-calc(50% - 20px);
	height: -moz-calc(50% - 20px);
	height: calc(50% - 20px);
	padding: 10px;
}

.panelBottomThreeColumnLeft {
	float: left;
	width: 35%;
	width: -webkit-calc(35% - 20px);
	width: -moz-calc(35% - 20px);
	width: calc(35% - 20px);
	height: 50%;
	height: -webkit-calc(50% - 20px);
	height: -moz-calc(50% - 20px);
	height: calc(50% - 20px);
	padding: 10px;
}

.panelBottomThreeColumnMiddle {
	float: left;
	width: 35%;
	width: -webkit-calc(35% - 20px);
	width: -moz-calc(35% - 20px);
	width: calc(35% - 20px);
	height: 50%;
	height: -webkit-calc(50% - 20px);
	height: -moz-calc(50% - 20px);
	height: calc(50% - 20px);
	padding: 10px;
}

.panelBottomThreeColumnRight {
	float: right;
	width: 30%;
	width: -webkit-calc(30% - 20px);
	width: -moz-calc(30% - 20px);
	width: calc(30% - 20px);
	height: 50%;
	height: -webkit-calc(50% - 20px);
	height: -moz-calc(50% - 20px);
	height: calc(50% - 20px);
	padding: 10px;
}

.graphicsTitle {
	text-align: center;
	height: 20px;
	font-size: 18px;
	margin-bottom: 5px;
}

.graphicsTitleFilter {
	float: left;
	padding-left: 20px;
	cursor: pointer;
}

.graphics {
	width: 100%;
	height: 100%;
	height: -webkit-calc(100% - 20px);
	height: -moz-calc(100% - 20px);
	height: calc(100% - 20px);
}

.graphicsPie{
	width: 100%;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
	height: 100%;
	height: -webkit-calc(100% - 35px);
	height: -moz-calc(100% - 35px);
	height: calc(100% - 35px);
	margin: 10px;
}

#buttonSearchFilterPanel {
	float: right; 
	color: #c1c1c1; 
	margin: 5px 117px 0 0;
}

.btn-filtersPanel{
	width: 50px;
	height: 30px;
	border: none;
	margin: -10px 9px 0 0;
	left: 100%;                        /* para falta de suporte */  
	left: calc(100% - 520px);          /* para suporte nativo */
	left: -webkit-calc(100% - 522px);  /* para Chrome */
	left: -moz-calc(100% - 521px);     /* para Firefox */
}

.btn-filtersPanel:HOVER{
	background-position: 0 -32px;
	cursor: pointer;
}

.btn-filtersPanel:ACTIVE{
	background-position: 0 -64px;
}

.filters-panel-disabled{
	background: url("../../images/btn-sprite-filter-disable.png") 0 0 no-repeat;
}

.filters-panel-enabled{
	background: url("../../images/btn-sprite-filter-enable.png") 0 0 no-repeat;
}

.filterPanel {
	width: 325px;
	height: 210px;
	padding: 10px;
	background: #282828;
	position: absolute;
	z-index: 3;
	border: 1px solid rgba(23,23,23,0.9);
	border-bottom-left-radius: 3px; 
	border-bottom-right-radius: 3px;
	color: #c1c1c1;
	
	/* 	DISABLE SELECTION*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

.filtersPanelLeft {
	right: -webkit-calc(100% - 663px);
	right: -moz-calc(100% - 663px);
	right: calc(100% - 663px);
}

.filtersPanelRight {
	left: -webkit-calc(100% - 396px);
	left: -moz-calc(100% - 396px);
	left: calc(100% - 396px);
}

.buttonSearchFilterPanel{
	float: right;
	margin: 5px 120px 0 0;
}