.custom-calender{max-width:100%;margin:0 auto;padding:15px;border-radius:8px;background-color:#eafbff;position:relative}.calendar-header{justify-content:space-between}.button-container,.calendar-header,.left-controls{display:flex;align-items:center}.button-container{justify-content:space-between;width:100%}.calendar-button{border:1px solid #b0c4de;background-color:#fff;color:#0077b6;font-size:1rem;height:40px;font-weight:500;cursor:pointer;padding:8px 12px}.today-button{border-radius:5px 0 0 5px}.prev-next-button:first-of-type,.prev-next-button:last-of-type{border-radius:0 5px 5px 0}.calendar-button:focus,.calendar-button:hover{outline:none;border-color:#0077b6}.month-year-selector,.monthYearSelector{display:flex;align-items:center;margin-left:0}.calendar-select,.monthDropdown,.yearDropdown{border:none;background-color:transparent;font-size:16px;font-weight:700;color:#000;margin:0;cursor:pointer}.calendar-select .MuiOutlinedInput-notchedOutline,.calendar-select .MuiSelect-select{border:none}.calendar-select:focus,.monthDropdown:focus,.yearDropdown:focus{outline:none}.right-controls{display:flex;align-items:center}.icon-button{background-color:transparent;border:none;cursor:pointer}.clock-button{border:1px solid #b0c4de;background-color:#eafbff;color:#0077b6;padding:8px 16px;font-size:14px;height:40px;font-weight:500;margin:0 5px;border-radius:4px;cursor:pointer;width:120px}.clocked-in-success{border:1px solid #d1ffce;background:#d1ffce;color:#0a8500;cursor:default;width:120px}.clocked-out-success{border:none;background:#fdede8;color:#ff8b67;cursor:default;width:120px}.clock-button.disabled{background-color:#e0e0e0;color:#a0a0a0}.mark-present-button{background:linear-gradient(329.45deg,#092e40 2.4%,#0e4865 34.92%,#1777a6 70.38%);color:#fff;padding:4px 0;font-weight:500;border:none;border-radius:5px;cursor:pointer;font-size:1rem;height:40px;width:150px;z-index:1!important}.custom-select-container{position:relative;width:150px}.custom-select{height:41px!important;background:linear-gradient(329.45deg,#092e40 2.4%,#0e4865 34.92%,#1777a6 70.38%);color:#fff;border-radius:4px;width:100%;font-weight:500;border:none;border-radius:5px;cursor:pointer;font-size:1rem;margin-left:4px}.custom-select .MuiOutlinedInput-notchedOutline{border:none}.custom-select .MuiSelect-select{padding-right:30px!important}.custom-select .MuiSelect-select:hover{background:#1f4b63;padding:9px 14px!important}.icon-container{position:absolute;right:4%;top:60%;transform:translateY(-50%);pointer-events:none}.custom-menu-item:hover{background-color:#f5f5f5}.custom-icon{transition:transform .3s ease;color:#fff}.custom-icon.open{transform:rotate(180deg)}.imageStyle{margin-right:10px;cursor:pointer}.admin-calendar-cell-image{width:20px;height:20px;margin-right:5px!important}.weekDaysRow{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:700;color:#555;margin-top:15px}.dayLabel{padding:10px 0;background-color:#f7f7f7;border-top:1px solid;border-left:1px solid;border-bottom:1px solid;border-image:linear-gradient(329.45deg,#092e40 2.4%,#0e4865 34.92%,#1777a6 70.38%) 1;background:linear-gradient(329.45deg,#092e40 2.4%,#0e4865 34.92%,#1777a6 70.38%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:14.66px}.datesContainer{display:grid;grid-template-columns:repeat(7,1fr)}.weekRow{display:contents}.dateCell{padding:3px;border-top:1px solid;border-left:1px solid;border-bottom:1px solid;border-image:linear-gradient(329.45deg,#092e40 2.4%,#0e4865 34.92%,#1777a6 70.38%) 1;background-color:#fff;display:flex;flex-direction:column;align-items:flex-end;height:89px;gap:4px;width:100%}.dateCell:hover{background-color:#eee}.todayDateCell{background-color:#daf3ff}.weekDaysRow .dayLabel:last-child,.weekRow .dateCell:last-child{border-right:1px solid}.dotMenu{position:absolute;top:-3px;display:none}.hidden-dot-menu{display:none!important}.d-block,.dateCell:hover .dotMenu{display:block}.dropdownMenu{position:absolute;top:20px;right:5px;background-color:#fff;border:1px solid #ccc;padding:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:1000}.dropdownMenu ul{list-style-type:none;margin:0;padding:0}.dropdownMenu ul li{padding:5px;cursor:pointer}.dropdownMenu ul li:hover{background-color:#f0f0f0}.dateNumber{font-weight:700;font-size:14px;background:linear-gradient(329.45deg,#092e40 2.4%,#0e4865 34.92%,#1777a6 70.38%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:4px;position:absolute;bottom:0;margin-bottom:5px}.nonCurrentMonthDate{color:#9d9d9d}.calendar-tag{display:flex;font-size:11px;border-radius:4px;padding:2px 6px;text-align:center;width:100%;height:27.56px;color:#000;justify-content:center;align-items:center}.present-color{background:#d1ffce;color:#000}.holiday-tag{background:#cce5ff;color:#000;line-height:1.2;padding:2px 6px;height:27.56px}.admin-view-holiday-tag,.holiday-tag{display:flex;align-items:center;justify-content:center}.admin-view-holiday-tag{font-size:13.31px;font-weight:300;line-height:18.52px;text-align:center;width:100%;height:100%}.mark-present-menu-Item{margin:4px;border-radius:5px}.calendar-icon-button{padding:0}.calendar-horiz-icon{font-size:20px;color:#1877a6}.tooltip-leaves{background:#daf3ff!important;box-shadow:0 4px 4px 0 rgba(0,0,0,.2)!important}.clock-tooltip,.summary-tooltip,.tooltip-leaves{color:#000!important;border-radius:4px;padding:3px 5px!important;position:absolute;z-index:1000;margin-right:50px!important}.clock-tooltip,.summary-tooltip{background:#fff!important;box-shadow:0 4px 4px 0 hsla(0,0%,11%,.2)!important}.tooltip-leave-modal{background:#daf3ff!important;color:#000!important;border-radius:4px;padding:3px 5px!important;position:absolute;z-index:1000;margin-right:50px!important;box-shadow:0 1px 1px 0 hsla(0,0%,11%,.2)!important}.admin-calender-cell-container{display:flex;flex-direction:column;width:100%;height:100%}.admin-calender-cell-row{display:flex;justify-content:space-between;margin:7px 5px 8px 8px;height:100%}.admin-calender-cell-image-container{display:flex;align-items:center}.admin-calender-cell-number{font-size:15.31px;font-weight:500;margin-right:10px;white-space:nowrap}.admin-calender-view-button-container{flex:0 1;display:flex}.admin-calender-view-left-controls{display:flex;position:relative;width:100%;align-items:center}.admin-calender-view-month-year-selector{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:10px}.admin-calender-view-month-year-selector .year-dropdown{margin:0!important}.admin-leave-holiday-class-month-year-selector{position:absolute;left:25%;transform:translateX(-50%);display:flex;justify-content:center;gap:10px;align-items:center}.addHolidayText{display:none;color:#1f4b63;cursor:pointer;text-align:center;margin:auto;height:100%;width:auto;padding-top:30px}.dateCell:hover .addHolidayText{display:block}.disabledDateCell{pointer-events:none;opacity:.5;background:#fff}.dateCell{position:relative}.popover-div{padding:10px;background:#ecf2ff;width:310px}.description-field{background:#fff!important;border-radius:4px}.description-field .MuiOutlinedInput-notchedOutline{border:1px solid #1777a6}.calendar-desc-div{min-width:25px;height:25px;padding:0;border-radius:50%;cursor:pointer}.delete-menu{margin-right:10px}.calendar-cell .MuiButton-root,.holiday-container{margin-top:8px}.approvedHolidayDescription{display:flex;color:#427ba6;text-align:center;font-size:10px;background:#bcd4e6;width:100%;border-radius:4px;justify-content:center;align-items:center;margin-top:10px;padding:2px 6px;min-height:30px;white-space:normal;text-overflow:ellipsis;line-height:1.2;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;box-sizing:border-box}.checkbox-container-calendar{display:flex;justify-content:flex-start;text-align:left;align-items:center;width:100%;position:absolute;bottom:-5px;left:3px}.checkbox-container-calendar .MuiCheckbox-root,.checkbox-container-calendar .MuiCheckbox-root.Mui-checked{color:#1f4b63}.popover-desc-div{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.desc-text{margin:0}.desc-buttons{display:flex;gap:4px}.disabled-checkbox-container .MuiCheckbox-root.Mui-checked{color:#d0d5dd}.disable-attend-summary{cursor:default;filter:grayscale(100%) opacity(.5)}.disable-btn-state-calender{background:#e0e0e0!important;border:1px solid #b0c4de;pointer-events:none;color:#a0a0a0}.icon-container .disabled-icon{color:#b1b1b1}.truncated-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:156px;padding:0 2px}.holiday-tooltip{background:#daf3ff!important;color:#000!important;border-radius:4px;padding:3px 5px!important;position:absolute;z-index:1000!important;box-shadow:0 4px 4px 0 rgba(0,0,0,.2)!important;white-space:normal!important;word-break:break-word;overflow-wrap:break-word;width:200px!important;font-size:99%!important}.leave-type p{font-weight:500!important;color:#000}.cancel-icon{display:flex;justify-content:end;align-items:end}.leave-type{font-weight:500;font-size:16px}.leave-date{color:#000;font-size:12px;font-weight:400}.leave-section{border-radius:5px;padding:1rem;margin-bottom:.5rem;font-size:.9rem;line-height:1.5}.leave-section.earned-leaves{background-color:#ecf2ff}.leave-section.casual-leaves{background-color:#fdede8}.leave-section.medical-leaves{background-color:#fef5e5}.leave-section.birthday-leaves{background-color:#e8f7ff}.leave-section.compensatory-off{background-color:#e6fffa}.leave-section.marriage-leaves{background-color:#e8f7ff}.leave-section.optional-leaves{background-color:#ecf2ff}.leave-section.longevity-leaves{background-color:#fdede8}.leave-section.maternity-leaves{background-color:#fef5e5}.leaves-taken-no-image{margin-bottom:65px;margin-left:30px;display:flex;justify-content:center;align-items:center}.disabled-class{background:#e4e4e4;color:gray;border-color:gray}#request-leave-modal{color:#000}