/* CLASSI PER BPM */

/* utilizzare questa classe su widget che hanno bisogno di un background (label, grind ecc) */

.acy-bpm-background {
    background-color: #43a047;
    color: #fff;
    /* NEW FOR GRDIENT*/
    background: rgb(2, 116, 6);
    background: -moz-linear-gradient(214deg, rgba(2, 116, 6, 1) 0%, rgba(46, 232, 62, 0.9780287114845938) 100%);
    background: -webkit-linear-gradient(214deg, rgba(2, 116, 6, 1) 0%, rgba(46, 232, 62, 0.9780287114845938) 100%);
    background: linear-gradient(214deg, rgba(2, 116, 6, 1) 0%, rgba(46, 232, 62, 0.9780287114845938) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#027406", endColorstr="#2ee83e", GradientType=1);
}

/* utilizzare questa classe dove c'è un widget di tipo chart */

.acy-bpm-chart{
    color:#43a047;
}

/* colore da associare che identifica i bpm max (se si vuole associare al chart vedere su confluence) */

.acy-bpm-max{
    color: #1b5e20;
}

/* colore da associare  che identifica i bpm min (se si vuole associare al chart vedere su confluence) */

.acy-bpm-min{
    color: #66bb6a;
}

/* colore da associare per identificare la media dei bpm (se si vuole associare al chart vedere su confluence) */

.acy-bpm-average{
    color: #43a047;
}




/* CLASSI PER TEMPERATURA */

/* utilizzare questa classe su widget che hanno bisogno di un background (label, grind ecc) */

.acy-temp-background {
    background-color: #c0ca33;
    color: #fff;
    /* NEW FOR GRDIENT*/
    background: rgb(180, 193, 6);
    background: -moz-linear-gradient(214deg, rgba(180, 193, 6, 1) 0%, rgba(209, 221, 40, 1) 100%);
    background: -webkit-linear-gradient(214deg, rgba(180, 193, 6, 1) 0%, rgba(209, 221, 40, 1) 100%);
    background: linear-gradient(214deg, rgba(180, 193, 6, 1) 0%, rgba(209, 221, 40, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b4c106", endColorstr="#d1dd28", GradientType=1);
}


/* utilizzare questa classe dove c'è un widget di tipo chart */

.acy-temp-chart{
    color:#c0ca33;
}

/* colore da associare che identifica la temp max (se si vuole associare al chart vedere su confluence) */

.acy-temp-max{
    color:#827717 ;
}

/* colore da associare  che identifica la temp min (se si vuole associare al chart vedere su confluence) */

.acy-temp-min{
    color: #d4e157;
}

/* colore da associare per identificare la media della temp (se si vuole associare al chart vedere su confluence) */

.acy-temp-average{
    color:#c0ca33;
}




/* CLASSI PER BREATH */

/* utilizzare questa classe su widget che hanno bisogno di un background (label, grind ecc) */

.acy-breath-background{
    background-color:#039be5;
}
/* utilizzare questa classe dove c'è un widget di tipo chart */

.acy-breath-chart{
    color:#039be5;
}

/* colore da associare che identifica  i breath max (se si vuole associare al chart vedere su confluence) */

.acy-breath-max{
    color:#01579b ;
}

/* colore da associare  che identifica  i breath min (se si vuole associare al chart vedere su confluence) */

.acy-breath-min{
    color: #29b6f6 ;
}

/* colore da associare per identificare la media dei breath (se si vuole associare al chart vedere su confluence) */

.acy-breath-average{
    color:#039be5;
}




/* CLASSI PER ASF */

/* utilizzare questa classe su widget che hanno bisogno di un background (label, grind ecc) */

.acy-asf-background {
    background-color: #00897b;
    color: #fff;
    /* NEW FOR GRDIENT*/
    background: rgb(0, 137, 123);
    background: -moz-linear-gradient(214deg, rgba(0, 137, 123, 1) 0%, rgba(79, 240, 223, 1) 100%);
    background: -webkit-linear-gradient(214deg, rgba(0, 137, 123, 1) 0%, rgba(79, 240, 223, 1) 100%);
    background: linear-gradient(214deg, rgba(0, 137, 123, 1) 0%, rgba(79, 240, 223, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00897b", endColorstr="#4ff0df", GradientType=1);
}

/* utilizzare questa classe dove c'è un widget di tipo chart */

.acy-asf-chart{
    color:#00897b;
}

/* colore da associare che identifica gli asf max (se si vuole associare al chart vedere su confluence) */

.acy-asf-max{
    color:#004d40;
}

/* colore da associare  che identifica gli asf min (se si vuole associare al chart vedere su confluence) */

.acy-asf-min{
    color: #26a69a;
}

/* colore da associare per identificare la media dell'asf (se si vuole associare al chart vedere su confluence) */

.acy-asf-average{
    color:#00897b;
}




/* CLASSI PER HRV */

/* utilizzare questa classe su widget che hanno bisogno di un background (label, grind ecc) */

.acy-hrv-background {
    background-color: #8e24aa;
    color: #fff;
    /* NEW FOR GRDIENT*/
    background: rgb(142, 36, 170);
    background: -moz-linear-gradient(214deg, rgba(142, 36, 170, 1) 0%, rgba(212, 89, 245, 1) 100%);
    background: -webkit-linear-gradient(214deg, rgba(142, 36, 170, 1) 0%, rgba(212, 89, 245, 1) 100%);
    background: linear-gradient(214deg, rgba(142, 36, 170, 1) 0%, rgba(212, 89, 245, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8e24aa", endColorstr="#d459f5", GradientType=1);
}

/* utilizzare questa classe dove c'è un widget di tipo chart */

.acy-hrv-chart{
    color:#8e24aa;
}

/* colore da associare che identifica gli hrv max (se si vuole associare al chart vedere su confluence) */

.acy-hrv-max{
    color:#4a148c ;
}

/* colore da associare  che identifica gli hrv min (se si vuole associare al chart vedere su confluence) */

.acy-hrv-min{
    color: #ab47bc ;
}

/* colore da associare per identificare la media dell'hrv (se si vuole associare al chart vedere su confluence) */

.acy-hrv-average{
    color:#8e24aa;
}

/* classi generiche widget */

.no-shadow {
    box-shadow: none ! important;
}



/* CLASSI PER FATICA */

.acy-fatigue-chart{
    background-color: #b9181b;
    color: #fff;
    /* NEW FOR GRDIENT*/
    background: rgb(185, 24, 27);
    background: -moz-linear-gradient(214deg, rgba(185, 24, 27, 1) 0%, rgba(246, 84, 87, 1) 100%);
    background: -webkit-linear-gradient(214deg, rgba(185, 24, 27, 1) 0%, rgba(246, 84, 87, 1) 100%);
    background: linear-gradient(214deg, rgba(185, 24, 27, 1) 0%, rgba(246, 84, 87, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b9181b", endColorstr="#f65457", GradientType=1);
}

/* CLASSI PER USAGE */

.acy-bad-background {
    background-color: #b9181b;
    color: #fff;
    /* NEW FOR GRDIENT*/
    background: rgb(185, 24, 27);
    background: -moz-linear-gradient(214deg, rgba(185, 24, 27, 1) 0%, rgba(246, 84, 87, 1) 100%);
    background: -webkit-linear-gradient(214deg, rgba(185, 24, 27, 1) 0%, rgba(246, 84, 87, 1) 100%);
    background: linear-gradient(214deg, rgba(185, 24, 27, 1) 0%, rgba(246, 84, 87, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b9181b", endColorstr="#f65457", GradientType=1);
}



/* CLASSI PER BADGE*/

.acy-badge-success{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #45CC45;
    border-radius: 10px;
}

.acy-badge-good{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #2D82B7;
    border-radius: 10px;
}

.acy-badge-bad{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #F3B700;
    border-radius: 10px;
}

.acy-badge-danger{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color:#BF211E;
    border-radius: 10px;
}

.acy-badge{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #b3b1b1;
    border-radius: 10px;
}