/* You can add global styles to this file, and also import other style files */
/* @import url("./assets/bootstrap-3.3.7-dist/css/bootstrap.min.css"); */
@import url("./assets/bootstrap.css");


.fws-buttonsBarPeriod {
    width: 100%;
    border: none;
}

.fws-buttonsBarPeriod-button, .fws-buttonsBarStep-button, .period-btn-toggle, .period-btn-toggle-justified {
    color: #4abbbd;
    font-weight: bold;
    background-color: white;
    border-bottom: 2px solid #d8dfe5;
    margin: 0 4px;
    border-radius: 0%;
    outline: none !important;
}
    .fws-buttonsBarPeriod-button:hover, .fws-buttonsBarStep-button:hover, .period-btn-toggle:hover, .period-btn-toggle-justified:hover {
        background-color: #d8dfe5;
        opacity: 50%;
        color: #000;
    }
    .fws-buttonsBarPeriod-button:last-child, .fws-buttonsBarPeriod-button:first-child, .fws-buttonsBarStep-button:last-child, .fws-buttonsBarStep-button:first-child {
        border-radius: 0%;
    }
    .period-btn-toggle-disabled, .period-btn-toggle-disabled:hover {
        color: #d8dfe5;
        border-bottom: 2px solid #d8dfe5;
        background-color: white;
        opacity: 100%;
    }

.period-btn-toggle-group-justified {
    width: 100%;
    text-align: justify;
}
    .period-btn-toggle-justified {
        display: inline-block;
        width: 100%;
    }


.fws-buttonsBarPeriod-button.btn-primary, .fws-buttonsBarStep-button.btn-primary, .period-btn-toggle.btn-primary, .period-btn-toggle-justified.btn-primary {
    color: #000000;
    background-color: white;
    background-image: none;
    border: none;
    border-bottom: 2px solid #000000;
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #4abbbd;
}

/* Stili customs highchart */
.highcharts-tooltip-box {
    stroke: #4abbbd;
}

app-chart, button {
    font-family: barlow-regular,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji !important;
}

/* per modificare il colore della seconda serie */
g.highcharts-series.highcharts-series-0.highcharts-area-series path.highcharts-area {
    fill: rgb(74, 187, 189, 0.2);
}
g.highcharts-series.highcharts-series-0.highcharts-area-series path.highcharts-graph{
    stroke: #4abbbd;
}
g.highcharts-legend-item.highcharts-area-series.highcharts-color-undefined.highcharts-series-0 rect.highcharts-point {
    fill: #4abbbd;
}
g.highcharts-markers.highcharts-series-0.highcharts-area-series.highcharts-tracker path {
    fill: #4abbbd;
}
.hc-tooltip-color-series-0 {
    color: #4abbbd;
}

/* per modificare il colore della seconda serie */
g.highcharts-series.highcharts-series-1.highcharts-area-series path.highcharts-area{
    fill: rgb(119, 140, 162, 0.2);
}
g.highcharts-series.highcharts-series-1.highcharts-area-series path.highcharts-graph{
    stroke: #778ca2;
}
g.highcharts-legend-item.highcharts-area-series.highcharts-color-undefined.highcharts-series-1 rect.highcharts-point {
    fill: #778ca2; 
}
g.highcharts-markers.highcharts-series-1.highcharts-area-series.highcharts-tracker path {
    fill: #778ca2;
}
.hc-tooltip-color-series-1 {
    color: #778ca2;
}