body{font-family:Inter;background-color:#141517;color:#fff}.contenitore{width:40%;margin-left:30%;min-height:100vh}.banner{width:100%;aspect-ratio:16/9;border-bottom:solid thin #d1d1d1;margin-bottom:20px}.cont-box{width:100%;display:flex;align-items:center;align-content:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.input-pers{-webkit-appearance:none;appearance:none;padding:10px;border:none;border-radius:10px;background-color:#fff}.btn-pers{-webkit-appearance:none;appearance:none;border:none;background-color:#218cd7;border-radius:10px;padding:10px 20px;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase}@keyframes moveBg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.box{width:calc(50% - 30px);background-color:#151f2b;border-radius:10px;aspect-ratio:16/10;padding:10px;position:relative}.titolo-box{font-size:18px;font-weight:700;color:#fff}.toolbar{position:fixed;z-index:10;bottom:30px;width:50%;background-color:#151f2b;height:40px;width:220px;display:flex;align-items:center;align-content:center;justify-content:center;border:solid thin #29303a;border-radius:20px;left:50%;margin-left:-110px;gap:10px}.btn-tool{width:40px;height:40px;display:flex;align-items:center;align-content:center;justify-content:center}.btn-tool.attivo{color:#4784ec}.btn-tool.btn-tool-user{background-color:#ffffffb3;border:solid 1px white;font-weight:700;width:30px;height:30px;border-radius:50%;color:#141517}.conteggio-box{font-size:40px;position:absolute;bottom:10px;right:10px}.loader{width:20px;height:20px;border:3px solid rgba(255,255,255,.2);border-top:3px solid orange;border-bottom:3px solid #218cd7;border-radius:50%;animation:giragira .8s linear infinite;will-change:transform;margin-bottom:10px}input{font-size:16px;transform:scale(.9)}.modulo{position:fixed;top:0;left:0;background-color:#141517;color:#fff;width:100%;height:100%;overflow-y:scroll;transition:all ease .3s}.modulo.closed{top:100%}.titolo-modulo{font-size:25px;display:flex;justify-content:space-between;align-items:center;align-content:center}.titolo-modulo.reparto{justify-content:flex-start;gap:20px;height:30px;font-size:15px;background-color:#fff3;margin-bottom:20px;padding:10px;border-radius:10px 10px 0 0}.cont-table{width:100%}table{width:100%;font-size:14px;border-collapse:collapse;table-layout:fixed}table thead tr th{background-color:#29303a}table thead tr th:first-child{border-top-left-radius:10px}table thead tr th:last-child{border-top-right-radius:10px}table tbody tr:nth-child(odd){background-color:#ffffff0d}table th,td{padding:10px}table tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}table tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.td-right{text-align:right}.td-30{width:30px}.ico-box{border:solid thin #d1d1d1;display:inline-flex;align-items:center;align-content:center;justify-content:center;padding:5px;border-radius:10px}.ico-red{color:red}.ico-ok{color:green}.ico-orange{color:#ff8c00}.toolbar-modulo{width:calc(100% - 20px);height:30px;background-color:#d1d1d1;padding:10px;border-radius:10px;display:flex;align-items:center;align-content:center;gap:10px}.toolbar-modulo button{-webkit-appearance:none;appearance:none;background-color:#151f2b;color:#fff;border:none;font-size:14px;border-radius:10px;padding:5px 15px}@keyframes giragira{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:768px){.contenitore{width:96%;margin-left:2%}}