.panel-mousepointer {
    cursor: pointer;
}

.onhoverdash {
    /*background-color: grey;*/
    transition: background 0.4s ease;
}

.onhovercounterror{
    background-color: #DB524B;
    transition: background 0.4s ease;
}

.onhovercountwarning{
    background-color: #f7af3e;
    transition: background 0.4s ease;
}

.onhovercountok{
    background-color: #1bbf89;
    transition: background 0.4s ease;
}

.onClickdash{
    background-color: darkgrey;
    transition: background 0.1s ease;
}

.onClickerror{
    background-color: #ff554e;
    transition: background 0.1s ease;
}

.onClickwarning{
    background-color: rgba(255, 176, 69, 0.87);
    transition: background 0.1s ease;
}

.onClickok{
    background-color: #20ffbb;
    transition: background 0.1s ease;
}

/*has to be the same of onhoverdash class*/
.afterClickdash{
    background-color: grey;
    transition: background 0.4s ease;
}

.afterClickerror{
    background-color: #DB524B;
    transition: background 0.4s ease;

}

.afterClickwarning{
    background-color:#f7af3e;
    transition: background 0.4s ease;

}

.afterClickok{
    background-color: #1bbf89;
    transition: background 0.4s ease;

}

.form-control .modalPreferences{
    width: 40px;
}