:root {
    
    --tipo0:rgb(255, 255, 255);
    --tipo1:rgb(153, 153, 153);
    --tipo2:rgb(255, 0, 0);
    --tipo3:rgb(0, 0, 153);
    --tipo4:rgb(0, 153, 0);
    --tipo5: rgb(153, 153, 0); 
    --tipo6: rgb(255, 153, 0); 
    --tipo7:  rgb(102, 255, 255);
    --tipo8:rgb(153, 102, 0);
    --tipo9:rgb(153,0,153);
    --tipo10:rgb(204, 255, 204);
    --tipo11:rgb(241,241,0);
    
/*//rgb(153,0,153);*/
    --stato0 :rgb(255,0,0);
    --stato1 :rgb(255,153,0);
    --stato2 :rgb(241,241,0);
    --stato3 :rgb(0,0,255);
    --stato4 :rgb(150,0,0);
}


.fc-event{
    opacity: 0.5
}
.fc-event.over{
    opacity: 1
}
.fc-event .stato{
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:2px;
}
.fc-event .stato.stato0{
    background: var(--stato0)
}
.fc-event .stato.stato1{
    background: var(--stato1)
}

.fc-event .stato.stato2{
    background: var(--stato2)
}

.fc-event .stato.stato3{
    background: var(--stato3)
}

.fc-event .stato.stato4{
    background: var(--stato4)
}

.fc-event.tipo0{
    background: var(--tipo0)
}
.fc-event.tipo1{
    background: var(--tipo1)
}
.fc-event.tipo2{
    background: var(--tipo2)
}
.fc-event.tipo3{
    background: var(--tipo3)
}
.fc-event.tipo4{
    background: var(--tipo4)
}
.fc-event.tipo5{
    background: var(--tipo5)
}
.fc-event.tipo6{
    background: var(--tipo6)
}
.fc-event.tipo7{
    background: var(--tipo7)
}
.fc-event.tipo8{
    background: var(--tipo8)
}
.fc-event.tipo9{
    background: var(--tipo9)
}
.fc-event.tipo10{
    background: var(--tipo10)
}

.fc-event.tipo11{
    background: var(--tipo11)
}

.fc-event .icona{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    height: 100%;
}

.fc-event .icona i{
    font-size:16px;
    color:black;
    margin: 0 2px;
}

.fc-event .fc-content{
    left:4px;
}
