.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; }