126 lines
2.0 KiB
CSS
126 lines
2.0 KiB
CSS
.cssTable {
|
|
border-radius: 12px;
|
|
width: 100%;
|
|
background-color: #34495E;
|
|
transition: height 0.3s cubic-bezier(0.54, 0.57, 0.36, 0.98) 0.2s;
|
|
}
|
|
.cssTable tr {
|
|
margin: 0 1rem 0 1rem;
|
|
}
|
|
.cssTable td {
|
|
padding: 0.6rem 0rem 0.4rem 0rem;
|
|
border: none;
|
|
}
|
|
.cssTable thead tr {
|
|
margin-top: 0.625rem;
|
|
}
|
|
.meseAnno {
|
|
text-transform: capitalize;
|
|
color: #fff;
|
|
}
|
|
.containerBtnTemp {
|
|
position: relative;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.selDate {
|
|
background-color: #E67E22;
|
|
color: #000;
|
|
}
|
|
.pallini {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
.divAll {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 0.3rem;
|
|
border-radius: 50%;
|
|
color: transparent;
|
|
}
|
|
@keyframes dotEntranceMal {
|
|
0% {
|
|
left: -50px;
|
|
}
|
|
100% {
|
|
left: 0;
|
|
}
|
|
}
|
|
@keyframes dotEntranceFer {
|
|
0% {
|
|
left: -50px;
|
|
}
|
|
100% {
|
|
left: 0;
|
|
}
|
|
}
|
|
@keyframes dotEntrancePerm {
|
|
0% {
|
|
left: -50px;
|
|
}
|
|
100% {
|
|
left: 0;
|
|
}
|
|
}
|
|
@keyframes dotEntranceCent {
|
|
0% {
|
|
left: -50px;
|
|
}
|
|
100% {
|
|
left: 0;
|
|
}
|
|
}
|
|
.malattie {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 0.3rem;
|
|
border-radius: 50%;
|
|
color: transparent;
|
|
background-color: #039BE5;
|
|
position: relative;
|
|
animation-name: dotEntranceMal;
|
|
animation-duration: 1.1s;
|
|
}
|
|
.ferie {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 0.3rem;
|
|
border-radius: 50%;
|
|
color: transparent;
|
|
background-color: #00FF00;
|
|
position: relative;
|
|
animation-name: dotEntranceFer;
|
|
animation-duration: 0.8s;
|
|
}
|
|
.permessi {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 0.3rem;
|
|
border-radius: 50%;
|
|
color: transparent;
|
|
background-color: #9966DE;
|
|
position: relative;
|
|
animation-name: dotEntrancePerm;
|
|
animation-duration: 0.5s;
|
|
}
|
|
.permessi104 {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 0.3rem;
|
|
border-radius: 50%;
|
|
color: transparent;
|
|
background-color: #DE00AB;
|
|
position: relative;
|
|
animation-name: dotEntranceCent;
|
|
animation-duration: 0.3s;
|
|
}
|
|
.containerBtnTemp {
|
|
position: relative;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
background-color: transparent;
|
|
border: none;
|
|
color: #fff;
|
|
} |