.whole-con[data-v-79fa441b]{display:flex;height:100vh}.main-con[data-v-79fa441b]{width:100%;height:70%}.main-body[data-v-79fa441b]{height:100%}.top[data-v-79fa441b]{display:flex;justify-content:space-between;align-items:center;padding:10px}.buttonn[data-v-79fa441b]{padding:8px 20px;border:none;border-radius:22px;font-size:16px;font-weight:600;margin:0 8px;outline:none;text-decoration:none;box-sizing:border-box}.buttonn[data-v-79fa441b]:hover{cursor:pointer}.no-person[data-v-79fa441b]{height:100%;display:flex;text-align:center}.add-person-btn[data-v-79fa441b]{background:#136acd;color:#fff}.more-btn[data-v-79fa441b]{background:#dde2e6}.btn-icon[data-v-79fa441b]{padding:0 8px}.empty-img[data-v-79fa441b]{width:30%;min-width:397px;margin:auto}.empty-img img[data-v-79fa441b]{width:100%;max-width:200px}@media screen and (min-width:990px){.main-body[data-v-79fa441b]{width:95%;margin:0 auto}}@media screen and (min-width:1400px){.main-con[data-v-79fa441b]{width:90%;margin:0 auto}.top[data-v-79fa441b]{height:90px}.no-person[data-v-79fa441b]{height:calc(100% - 90px)}}@media (max-width:640px){.top[data-v-79fa441b]{display:flex;align-items:center;flex-direction:column}.actions[data-v-79fa441b]{margin-top:15px}}@media (max-width:399px){.button[data-v-79fa441b]{margin-top:10px}}@media (max-width:399px){.attendanceResponsive[data-v-79fa441b]{color:#02172e;font-size:26px;padding-top:20px}}