/**
 * Tots els estils específics de la part pública.
 *
 * @package    Barometre_Charts
 * @subpackage Barometre_Charts/public/css
 */

/* Contenidor del gràfic */
.barometre-chart-container {
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
}

/* Error en el gràfic */
.bc-error {
    color: #dc3232;
    font-weight: bold;
    padding: 10px;
    background-color: #f7e7e7;
    border-left: 4px solid #dc3232;
    margin: 5px 0;
}

/* Mida responsiva del gràfic */
@media screen and (max-width: 768px) {
    .barometre-chart {
        height: 350px !important;
    }
}

@media screen and (max-width: 480px) {
    .barometre-chart {
        height: 300px !important;
    }
}