@charset "UTF-8";

.graphIcons{
	padding: 0 2px;
}
.bottonHiddeTable , .bottonShowTable{
	color: #295a9d;	
}

.activeIcon{
	color: #777777;
}

.bottonHiddeTable:hover, .bottonShowTable:hover{
	cursor: pointer;
}

.activeIcon:hover{
	cursor: default;
}

.graphicMutua {
	display: inline-block;
	height: 300px;	
	position: relative;
	width: 100%;
	z-index: 1;
}
.graphicMutua {
  	-webkit-perspective: 800;
	-moz-perspective: 800;
	perspective: 800;
}

.graphicContainer {	
	height: 100%;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 0.5s;
    
    -moz-transform-style: preserve-3d;
	-moz-transition: all 0.5s;
    
    transform-style: preserve-3d;
	transition: all 0.5s;
}


.graphicContainer .side{
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.graphicContainer .chartGraphicMutua{
	background-color: black;
	height: 100%;
	width: 100%;
}
.graphicContainer .chartTableMutua{
	background: white;
	font-family: Helvetica, Verdana, Arial;
	height: 100%;
	width: 100%;
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.graphicContainerClick{
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/** Sobreescritura estilos de google **/
.chartTableMutua .google-visualization-table-tr-head, 
.chartTableMutua .google-visualization-table-tr-head-nonstrict {
    font-weight: bold;
    text-align: center;
    background-color: #f8f8fe;
    color: black;
}
.chartTableMutua .google-visualization-table-tr-head .gradient, 
.chartTableMutua .google-visualization-table-tr-head-nonstrict .gradient, 
.chartTableMutua .google-visualization-table-div-page .gradient {
    background: #f8f8fe;
    filter: none;
}