@import "variables.css";

/*Charts*/

#PieChartTicketcluster,
#PieChartVerkaufsart
/*#PieChartKlasse,
#PieChartErmaessigung*/ {
    min-height: 600px;
    height: 100%;
}


.chart-in-focus {
    transition-property: all;
    transition-duration: 1s;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,0.3) !important;
}

.chart_environment {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

#Scroll-To-ChartErloeseDTVGesamtJeTag.karte:hover,
#Scroll-To-ChartErloeseDTVGesamtJeMonat.karte:hover,
#Scroll-To-ChartBefoerdertePersonenDTVJeTag.karte:hover,
#Scroll-To-ChartBefoerderungsleistungDTVJeTag.karte:hover {
    box-shadow: 0 1px 20px 0 rgba(0,0,0,0.3);
}

.chart-hover:hover {
    box-shadow: 0 1px 20px 0 rgba(0,0,0,0.3);
}


.chart-export-btn-png {
    position: absolute;
    right: 0px;
}

.chart-export-btn-pdf {
    position: absolute;
    right: 40px;
    top: 0px;
}

.chart-export-btn-excel {
    position: absolute;
    right: 80px;
    top: 0px;
}

.chart-export-btn-png:hover, .chart-export-btn-pdf:hover, .chart-export-btn-excel:hover {
    background-color: #f5f5f5;
}

@media screen and (max-width: 625px) {
    #PieChartVerkaufsart
    /*#PieChartKlasse,
    #PieChartErmaessigung*/ {
        /*min-height: 100%;*/
        height: 100%;
    }

    #PieChartTicketcluster {
        min-height: 1000px;
    }
}

@media screen and (max-width: 370px) {
    #PieChartVerkaufsart {        
        height: 100%;
    }

    #PieChartTicketcluster {
        min-height: 100%;
    }
}