.panels {
	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;
}

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

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

.panelThreeColumnLeft {
	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;
}

.panelThreeColumnMiddle {
	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;
}

.panelThreeColumnRight {
	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;
}

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

.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;
}

.filterPanels {
	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;	
}

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

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

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