.icon-bev2 svg path{
    fill: var(--main-color, #00ADB3);
}
.icon-bev2:hover svg path{
    fill: var(--main-color-darker, #008A8FFF);
}

.icon-bev2.icon-bev2-delete svg path{
    fill: var(--error-color, red);
}
.icon-bev2.icon-bev2-delete:hover svg{
    fill: var(--error-color-darker, darkred);
}

.icon-bev2-clock svg .clock-border {
    stroke: #6A7896;
    stroke-width: 2;
    fill: none;
}
.icon-bev2-clock svg .clock-tick, .icon-bev2-clock svg .clock-hand {
    fill: #808080;
}
.icon-bev2-clock:hover svg .clock-tick {
    fill: #808080;
}

.icon-bev2-list svg path, .icon-bev2-grid svg path {
    fill: #BFBFBF;
}
.icon-bev2-calendar svg .calendar-rectangle {
    stroke:  #808080;
}
.icon-bev2-calendar svg .calendar-middle, .icon-bev2-calendar svg .calendar-top-right,.icon-bev2-calendar svg .calendar-top-left {
    fill:  #808080;
}

.icon-bev2-calendar svg, .icon-bev2-card svg path {
    fill: none;
}
.icon-bev2-calendar:hover svg, .icon-bev2-card:hover svg path {
    fill: none;
}

.icon-bev2-card-filled svg path {
    color: var(--main-color, #00ADB3);
    fill: none;
}