#calendar{display:flex;flex-direction:column;width:100%;font-size:12px;padding:0;border-radius:10px}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;font-size:12px;box-sizing:border-box}.day-header-container{display:flex;flex-direction:row;align-items:flex-start;align-self:stretch;height:46px}.day-header{width:14.28%;height:50px;align-content:center;text-align:center;font-weight:bold;font-size:12px}.days-container{display:flex;flex-direction:column;width:100%}.week-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:3px;gap:1px;padding:7px 12px;align-self:stretch;height:43.200001px}.day{display:inline-block;width:14.28%;font-weight:500;text-align:center;padding:11px;border:1px solid #e9eef2;position:relative;border-radius:4px;font-size:12px;transition:all .2s ease !important;transform-origin:center !important}.day:hover{transform:scale(1.6) !important;z-index:999 !important;box-shadow:0 4px 8px rgba(0,0,0,0.3) !important}.day.previous-month,.day.next-month{color:#bfbdbd;background:#fff}.today{background-color:#00eca9;font-weight:bold;border:1px solid}.weekoff{background-color:#ecf0ed;border-radius:3px;color:#867f7f}.attendance-marker{position:absolute;line-height:normal;bottom:3px;right:5px;font-weight:bold;font-size:6px;padding:1px 3px;border-radius:15%;box-shadow:0 0 3px rgba(0,0,0,0.2)}.attendance.Half-Day .attendance-marker{display:flex !important;padding:0 !important;border-radius:2px !important;overflow:hidden !important;font-size:4px !important;font-weight:bold !important;width:auto !important;min-width:fit-content !important;transition:transform .2s ease}.half-day-left{text-align:center;line-height:8px;font-size:4px;padding:1px 2px;min-width:max-content}.half-day-right{text-align:center;line-height:8px;font-size:4px;padding:1px 2px;min-width:max-content}#legend{padding:10px;margin-top:10px;white-space:nowrap;display:flex;flex-wrap:wrap;align-items:center;font-size:12px}.legend-item{font-size:12px;margin-right:15px;text-align:left}.asterisk{color:red;font-weight:bold;margin-right:5px}.short-code{font-weight:bold;font-size:10px;color:#007bff}.leave-name{font-size:10px;color:#333;margin-top:5px}.b{font-weight:bold}.attendance.Present .attendance-marker{background-color:green;color:white}.attendance{background-color:#b5f5b5}.attendance.Half-Day{border:none !important}.leave{background-color:#13a3b5}.holiday{color:white;background-color:#528bdc}