.fm-chart-design_open{
    background-image: url(../datagrid/images/design_open.png);
}

.fm-chart-design_open:hover{
    background-image: url(../datagrid/images/design_open_h.png);
}

.fm-chart-button-panel{
    text-align: right;
    position: relative;
    z-index: 2;
}
.button {
	background-color: #fff;
	border: 1px solid #7bc6ff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	display: inline-block;
	width: 26px;
	padding: 2px;
	height: 26px;
	cursor: pointer;
	margin: 5px;
	border-radius: 50%;
}
.button:hover{
    background-color: #7bc6ff;
}

#fm-pivot-view {
	border: none !important;
}

#fm-pivot-view .fm-x.fm-axis.fm-title {
	font-size: 12px !important;
    font-weight: normal !important;
    fill: #666666 !important;
}

#fm-pivot-view .fm-axis text {
    font-size: 12px !important;
    fill: #252525 !important;
}

.fm-charts-color-1 {
   fill: var(--primary) !important;
}

.fm-charts-color-2 {
   fill: rgb(132, 173, 240) !important;
}

.fm-charts-color-3 {
   fill: rgb(255, 191, 128) !important;
}

.fm-charts-color-4 {
   fill: rgb(243, 127, 242) !important;
}

.fm-charts-color-5 {
   fill: rgb(117, 232, 201) !important;
}

.fm-charts-color-6 {
   fill: rgb(214, 157, 254) !important;
}

.fm-charts-color-7 {
   fill: rgb(247, 159, 132) !important;
}

.fm-charts-color-8 {
   fill: rgb(108, 215, 225) !important;
}

.fm-charts-color-9 {
   fill: rgb(247, 218, 111) !important;
}

.fm-charts-color-10 {
   fill: rgb(171, 172, 250) !important;
}

.fm-charts-color-11 {
   fill: none !important;
}

#fm-pivot-view #fm-charts-view #fm-chart-legend .fm-chart-legend-container{
  overflow: hidden !important;
}

#fm-pivot-view #fm-charts-view #fm-chart-legend table {
  table-layout: fixed !important;
  width: 100% !important;
}

#fm-pivot-view{
	border: none !important;
}
