/**
 * Styles für das Dashboard im Frontend.
 */

/**
 * Container um das gesamte Dashboard
 */
#dashboard-container {
}


/**
 * Container mit allen Einstellungen/Filter oben.
 */
#dashboard-head-settings {
    border-bottom: 2px solid #808080;
}

/*
 * div mit den Filter-Einstellungen im Kopf der Statistik-Seite
 */
#dashboard-head-settings h2 {
    text-align: center;
    color: #ed7123;
}

div.dashboard-content-cachestatus {
    text-align: center;
    font-style: italic;
    font-size: 90%;
}

/**
 * Container um den unteren Inhalt (unter Filter/Settings oben) mit den einzelnen Details/Themen.
 */
div.dashboard-content-container {
    margin-top: 2em;
}

/**
 * Container um die eigentlichen Ergebnis-Daten innerhalb von div.dashboard-content-container
 */
div.dashboard-content-result {
}

/**
 * Innerhalb von div.dashboard-content-result die großen Themenbereiche (derzeit: "Produkte" und "Marketing")
 */
div.dashboard-content-maintopic {
    margin: 2.0em 0 1.0em 0;
}

div.dashboard-content-maintopic > h3 {
    text-align: center;
    margin-bottom: 0.3em;
    background-color: #e0e0e0;
    padding: 0.5em 0 0.5em 0;
}

/**
 * Inhalt unten mit den Zahlen, Charts etc.
 */
div.dashboard-content-container h2 {
    font-size: 1.4em;
    text-align: center;
}

div.dashboard-content-container h3 {
    font-size: 1.2em;
}

/**
 * Ein Block mit den Zahlen zu einem Thema.
 */
div.dashboard-blockcontainer-details {
    margin: 1em 0 0.8em 0;
    background-color: #f0f0ff;
    padding: 0.8em;
}

.dashboard-blockcontainer-details .row {
    line-height: 115%;
}

div.dashboard-blockcontainer-details div.dashboard-links {
    font-size: 70%;
    line-height: 120%;
    height: 80px;
    overflow: auto;
}

div.dashboard-blockcontainer-details div.dashboard-links a {
    color: #202020 !important;
    text-decoration: underline;
}

.dashboard-zeitraum-name {
    color: #1a79bf;
}

.dashboard-content-settings label {
    line-height: 2em;
}

div.dashboard-content-block-eventtype,
div.dashboard-content-block-opencons {
    margin: 0.2em 0 0.2em 0;
}


/* Container um eine Chart-Sammlung */
div.dashboard-blockcontainer-chart {
    padding: 20px 15px 15px 15px;
}

div.dashboard-chart-block-head {
    padding: 10px 0 10px 0;
}

div.dashboard-chart-block-body {
}

span.dashboard-legend-color-entry {
    padding: 0 5px 0 5px;
}

span.dashboard-legend-color-box {
    display: inline-block;
    width: 20px;
}

.dashboard-fading-hide {
    opacity: 0.1;
}

.dashboard-fading-show {
    opacity: 1.0;
    transition: opacity 3.0s;
}