.comment-wrapper .receiver{margin-right:.625rem}.comment-wrapper .receiver .comment-content{background:#e6e6e6;border-radius:0 1.25rem 1.25rem 1.25rem;float:left;margin:.313rem 0 .938rem;max-width:85%;padding:.625rem;width:auto}.comment-wrapper .receiver .comment-name-date{display:flex;font-style:italic;justify-content:flex-start;width:100%}.comment-wrapper .receiver .comment-name-date .left{margin-right:.313rem}.comment-wrapper .sender{margin-right:.625rem}.comment-wrapper .sender .comment-content{background:#e6e6e6;border-radius:1.25rem 0 1.25rem 1.25rem;float:right;margin:.313rem 0 .938rem;max-width:85%;padding:.625rem;width:auto}.comment-wrapper .sender .comment-name-date{display:flex;font-style:italic;justify-content:flex-end;width:100%}.comment-wrapper .sender .comment-name-date .right{margin-right:.313rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:.813rem;scroll-behavior:auto}@media screen and (min-width:1024px){html{font-size:.875rem}}@media screen and (min-width:1280px){html{font-size:.938rem}}@media screen and (min-width:1440px){html{font-size:1rem}}@media screen and (min-width:1600px){html{font-size:1.063rem}}@font-face{font-display:swap;font-family:roboto-light;src:url(/static/media/roboto-thin.c38fab23fc1c36894f10.ttf) format("truetype")}@font-face{font-display:swap;font-family:roboto-regular;src:url(/static/media/roboto-regular.03523cf578d69fa92322.ttf) format("truetype")}@font-face{font-display:swap;font-family:roboto-medium;font-weight:400;src:url(/static/media/roboto-medium.13a29228654d5c5ec9c4.ttf) format("truetype")}@font-face{font-display:swap;font-family:roboto-bold;src:url(/static/media/roboto-bold.4f39c5796e60c9d8e732.ttf) format("truetype")}@font-face{font-display:swap;font-family:roboto-condensed-light;src:url(/static/media/roboto-condensed-light.877e34f998290555a554.ttf) format("truetype")}@font-face{font-display:swap;font-family:roboto-condensed-regular;src:url(/static/media/roboto-condensed-regular.db6d916952fb988edac1.ttf) format("truetype")}@font-face{font-display:swap;font-family:roboto-condensed-bold;src:url(/static/media/roboto-condensed-bold.89a396525c0de98da365.ttf) format("truetype")}.login-form-wrapper{left:50%;max-width:31.25rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login-form-wrapper .login-container{padding:1.25rem 0;width:31.25rem}@media screen and (max-width:580px){.login-form-wrapper .login-container{width:25rem}}@media screen and (max-width:420px){.login-form-wrapper .login-container{width:18.75rem}}.login-textfield{width:70%}@media screen and (max-width:580px){.login-textfield{width:90%}}.login-textfield fieldset legend{font-family:roboto-regular,sans-serif}.forgot-password{margin:0 auto;padding-top:.625rem;text-align:right;width:70%}.forgot-password .forgot-password-content{color:#3779ee;font-family:roboto-regular,sans-serif;position:relative;text-decoration:none;top:-.3rem}.login-common-icon{height:1.3rem;width:1.3rem}.MuiDrawer-docked .MuiDrawer-paper{background-color:#061e45!important;color:#e6e6e6}.content-wrapper .dashboard-header{background-color:#061e45;color:#e6e6e6;padding:0 1% 0 .75rem}.content-wrapper .dashboard-header .nav-menu-btn{left:0;position:absolute}.content-wrapper .sidebar-menu-wrapper .sidebar-menu-label span{color:#e6e6e6!important;margin-bottom:0}.content-wrapper .sidebar-menu-wrapper .app-drawer-list-items:hover{background-color:rgba(55,121,238,.078)}.content-wrapper .sidebar-menu-wrapper .login-common-icon{-webkit-filter:invert(100);filter:invert(100)}.content-wrapper .sidebar-title{font-size:1.313rem;margin-left:.625rem;margin-top:.5rem}.content-wrapper .pp-logo-appbar{height:1.875rem;width:7.5rem}@media(max-width:768px){.time-off-main-wrapper{padding:0 1rem}}@media(max-width:600px){.MuiDrawer-docked{position:fixed!important;z-index:1!important}.sidebar-menu-label{display:block!important}}.snackbar-wrapper{left:50%!important;top:13%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.action-snackbar-wrapper{left:35%!important;margin-bottom:.6rem;position:fixed;z-index:1300}.action-snackbar-wrapper .snackbar-content{width:auto}.snackbar-content{display:flex;justify-content:space-between;width:18.75rem}.common-modal{background-color:#fff!important;border:none!important;border:.125rem solid #000;display:flex;flex-direction:column;margin:auto;max-height:100%;max-width:100%;outline:none!important;padding:1.625rem}.common-modal .modal-btm-btn-container{margin-left:auto}.common-modal.attendance-modal-wrapper{height:100%;max-height:30rem!important}.common-modal.attendance-modal-wrapper .modal-body{border-radius:.5ren .5rem 0 0;overflow:auto}.common-modal.attendance-modal-wrapper .modal-body .MuiTableContainer-root{margin:0}@media only screen and (max-width:1200px){.common-modal.attendance-modal-wrapper{max-height:31.5rem!important}}@media only screen and (max-width:768px){.common-modal.attendance-modal-wrapper{max-height:31rem!important}}@media only screen and (max-width:576px){.common-modal.attendance-modal-wrapper{max-height:36.125rem!important}}@media only screen and (max-width:480px){.common-modal.attendance-modal-wrapper{max-height:38rem!important}}.modal-close-icon{cursor:pointer;margin-left:1rem!important;margin-right:-.3rem!important}@media only screen and (max-width:576px){.modal-close-icon{align-self:flex-start;margin-top:.18rem}}.request-leave-modal-wrapper{max-height:30rem}@media only screen and (max-width:1440px){.request-leave-modal-wrapper{max-height:28.5rem}}@media only screen and (max-width:1280px){.request-leave-modal-wrapper{max-height:29.5rem}}@media only screen and (max-width:1200px){.request-leave-modal-wrapper{max-height:30.125rem}}@media only screen and (max-width:768px){.request-leave-modal-wrapper{max-height:31.5rem}}@media only screen and (max-width:576px){.request-leave-modal-wrapper{max-height:35.25rem}}@media only screen and (max-width:380px){.request-leave-modal-wrapper{max-height:38rem}}.request-leave-modal-wrapper .body-wrapper{max-height:none!important;padding-top:.6rem}.request-leave-modal-wrapper .body-wrapper .requestleave-modal-employees-autocomplete{margin-bottom:.5rem}.request-leave-modal-wrapper .body-wrapper .requestleave-modal-employees-autocomplete .MuiTextField-root>.MuiInputBase-root{padding-bottom:.18rem;padding-top:.18rem}.request-leave-modal-wrapper .body-wrapper .leave-modal-header{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:1.5rem}.request-leave-modal-wrapper .body-wrapper .leave-modal-header .disabled-tab{background-color:rgba(0,0,0,.12);border-color:rgba(0,0,0,.12);box-shadow:none;color:rgba(0,0,0,.26)}.request-leave-modal-wrapper .body-wrapper .leave-modal-header .leave-header-toggle{overflow:visible;overflow:initial}.request-leave-modal-wrapper .body-wrapper .leave-modal-header .leave-header-toggle .Mui-selected{background-color:hsla(0,0%,71%,.1);color:#747474}.request-leave-modal-wrapper .body-wrapper .leave-half-day{align-items:center;display:flex}.request-leave-modal-wrapper .body-wrapper .leave-half-day .leave-half-day-label span{font-size:.8rem}.request-leave-modal-wrapper .body-wrapper .leave-half-day .upload-button{height:2.5rem}.request-leave-modal-wrapper .upload-button{background-color:transparent;border:none;cursor:pointer;font-family:roboto-regular;font-size:.8rem;padding:.125rem 0 0}.request-leave-modal-wrapper .upload-button:hover{text-decoration-line:underline}.request-leave-modal-wrapper #drag-file-element{border-radius:1rem;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.attachment-filename{align-items:center;display:flex;padding-top:.5rem;vertical-align:middle}.attachment-filename p.MuiTypography-body1{margin-right:.625rem}.request-leave-modal-wrapper.request-leave-modal-wrapper-larg{max-height:32.25rem}@media only screen and (max-width:1440px){.request-leave-modal-wrapper.request-leave-modal-wrapper-larg{max-height:33.25rem}}@media only screen and (max-width:1280px){.request-leave-modal-wrapper.request-leave-modal-wrapper-larg{max-height:34.5rem}}@media only screen and (max-width:1200px){.request-leave-modal-wrapper.request-leave-modal-wrapper-larg{max-height:35.5rem}}@media only screen and (max-width:768px){.request-leave-modal-wrapper.request-leave-modal-wrapper-larg{max-height:36.5rem}}@media only screen and (max-width:480px){.request-leave-modal-wrapper.request-leave-modal-wrapper-larg{max-height:41.75rem}}@media only screen and (max-width:380px){.request-leave-modal-wrapper.request-leave-modal-wrapper-larg{max-height:43.125rem}}.drag-active-ele{align-items:center;background-color:rgba(28,120,250,.9);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:9999999}.drag-active-ele span{color:#fff;font-family:roboto-medium!important}.leave-modal-wrapper{align-items:baseline;display:flex;flex-wrap:wrap;margin-bottom:.5rem;padding-top:.3rem}.leave-modal-wrapper .datepicker{margin-right:.625rem!important}.leave-modal-wrapper .datepicker label{top:-.4rem!important}.leave-modal-wrapper .datepicker .MuiInputLabel-shrink{top:0!important}.leave-modal-wrapper .common-alert{margin:0!important;padding:0 1rem}.leave-modal-wrapper .MuiAlert-message{padding:0!important}.leave-modal-wrapper .MuiAlert-message .common-alert-content{align-items:flex-start!important;flex-flow:column nowrap!important}.active-leave-period{padding-bottom:.625rem}.leave-request-wrapper{align-items:flex-start;display:flex;margin-bottom:.5rem;padding-top:.5rem}.leave-request-wrapper .select-condition-list{margin-right:.625rem;max-width:10.2rem;width:100%}.common-textfield{width:100%}.leave-request-remark .MuiFormHelperText-root{bottom:-1.25rem!important;position:absolute}.leave-request-remark #leave-reason-label{line-height:normal}.common-modal.employee-modal-wrapper{height:auto!important;max-height:100%!important}.common-modal.employee-modal-wrapper .employee-modal-content{padding-top:.6rem}.common-modal.employee-modal-wrapper .employee-modal-content .emp-department-grid .MuiFormHelperText-root,.common-modal.employee-modal-wrapper .employee-modal-content .emp-role-grid .MuiFormHelperText-root{top:2.8rem}.common-modal.employee-modal-wrapper .employee-modal-content .password-textfield{padding-bottom:6.1rem}.common-modal.employee-modal-wrapper .select-condition-list{width:100%}.common-modal.employee-modal-wrapper .select-condition-list>label{font-size:.8rem}.common-modal.project-modal-wrapper{height:auto!important;max-height:100%!important}.common-modal.project-modal-wrapper .select-condition-list{width:100%}.common-modal.project-modal-wrapper .project-modal-content{height:100%;overflow:hidden auto;padding-top:.6rem}.common-modal.project-modal-wrapper .project-modal-content .MuiGrid-root .select-condition-list{max-width:100%}.leave-data-wrapper{display:flex}.leave-detail-table{padding:1rem!important;width:95%!important}.leaves-icon{border-radius:.3rem;line-height:normal!important;padding:.1rem .3rem;text-align:center}.sick{background:#ffeaea;color:#c92740}.casual{background:#edf7ff;color:#278bff}.half-day{background:#efffd5;color:#7ea740}.comp{background:#fff6cb;color:#b47d15}.common-alert{margin:1.5rem 0!important}.common-alert .alert-text{font-family:roboto-bold;font-size:1rem;margin-right:.5rem}.common-alert.alert-available-days{background-color:transparent!important;margin:0 0 0 .5rem!important;padding:0}@media only screen and (max-width:380px){.common-alert.alert-available-days{margin:0!important}}.common-alert.alert-available-days .common-alert-content{display:block!important;white-space:wrap}.common-alert.alert-available-days .common-alert-content .alert-text,.common-alert.alert-available-days .common-alert-content .alert-text-light{color:#7ea740}.common-alert.alert-lwp{background-color:transparent!important;margin:0 0 0 .5rem!important;padding:0}.common-alert.alert-lwp .common-alert-content .alert-text,.common-alert.alert-lwp .common-alert-content .alert-text-light{color:#dc2342}.common-textfield .MuiFormHelperText-root,.datepicker .MuiFormHelperText-root,.select-condition-list .MuiFormHelperText-root{bottom:-.18rem;font-size:.75rem;left:.9rem;letter-spacing:.038rem;margin:0;position:absolute}.leave-modal-wrapper .MuiFormHelperText-root{bottom:-.188rem;color:#dc2342;font-size:.75rem;left:.8rem;letter-spacing:.038rem;margin:0;position:absolute;white-space:nowrap}.leave-modal-wrapper .lwp-error-bold{font-family:roboto-bold;font-weight:500;letter-spacing:.063rem;line-height:1.334}.leave-modal-wrapper .lwp-error-text{color:#dc2342;font-weight:400}.consecutive-leave-days,.leave-conflict-message{color:#dc2342;font-weight:400;margin-bottom:0!important}.consecutive-leave-days{word-wrap:"break-word"!important}.leave-conflict-type{font-family:roboto-bold;font-weight:500;letter-spacing:.063rem;line-height:1.334}.attendance-header{align-items:center;display:flex;justify-content:space-between;margin-left:1.25rem;margin-right:1.25rem}.common-grid-container{max-height:28.125rem}.date-label{align-self:center;margin:0 auto!important;padding-bottom:.6rem;width:98%}.common-modal.comment-modal-wrapper{height:auto!important;max-height:100%!important}.common-modal.comment-modal-wrapper .modal-body{overflow:visible;overflow:initial}.common-modal.comment-modal-wrapper .modal-body .body-wrapper{height:100%;overflow:visible;overflow:initial}.common-modal.comment-modal-wrapper .modal-body .body-wrapper .comment-wrapper{max-height:20rem;overflow:hidden auto}@media only screen and (max-width:1280px){.common-modal.comment-modal-wrapper .modal-body .body-wrapper .comment-wrapper{max-height:20.5rem}}@media only screen and (max-width:1200px){.common-modal.comment-modal-wrapper .modal-body .body-wrapper .comment-wrapper{max-height:22rem}}.common-modal.comment-modal-wrapper .modal-body .body-wrapper .common-textfield{position:-webkit-sticky;position:sticky;top:100%}.common-modal.holiday-modal-wrapper,.common-modal.leave-modal-container{height:auto!important;max-height:100%!important}.common-modal.leave-modal-container .modal-modal-text{white-space:normal}.common-modal.leave-modal-container .download-link{color:#3779ee;font-family:roboto-regular;font-size:1rem;font-weight:400;letter-spacing:.063rem;line-height:1.5}.header-wrapper{display:flex}.common-modal{position:relative}.common-modal .header-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.common-modal .header-wrapper h3{margin-bottom:0}@media only screen and (max-width:576px){.common-modal .header-wrapper h3{margin-bottom:1rem}}.common-modal .header-wrapper .date-label{padding-bottom:0}.common-modal .header-wrapper .header-text{align-items:center;display:flex}@media only screen and (max-width:576px){.common-modal .header-wrapper .header-text{align-items:flex-start;flex-flow:column nowrap}.common-modal .header-wrapper .header-text>.attendance-header{margin:0}.common-modal .header-wrapper .header-text .filter-wrapper .select-condition-list{margin-left:0}}.common-modal .header-wrapper .datepicker{margin-bottom:0;padding-bottom:0}.common-modal .modal-body{overflow:hidden auto}.duration-dropdown .MuiFormLabel-root.MuiInputLabel-root,.project-dropdown .MuiFormLabel-root.MuiInputLabel-root{font-size:.813rem}.duration-dropdown .MuiTextField-root>.MuiInputBase-root,.project-dropdown .MuiTextField-root>.MuiInputBase-root{padding-bottom:.188rem;padding-top:.188rem}.worklog-container .add-task-link{cursor:pointer;display:inline-flex}.worklog-container .add-remark-btn-wrapper{align-items:center;display:flex;height:2.313rem}.worklog-container .worklog-task-container{box-shadow:0 .125rem .375rem -.125rem #d7d7d7}.worklog-container .worklog-task-container .worklog-task-wrapper-container{border-collapse:initial;border-spacing:0;display:block;max-height:23.75rem;padding-top:.6rem;width:100%}.worklog-container .worklog-task-container .worklog-task-wrapper-container .start-time-picker .MuiFormControl-root .MuiInputBase-root .MuiInputBase-input{padding-right:0}.worklog-container .worklog-task-container .view-task-wrapper-container{border-collapse:initial;border-spacing:0 .5rem;display:table;width:100%}.worklog-container .worklog-task-container .worklog-task-wrapper{display:table-row;margin-bottom:.589rem}.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-cell{display:table-cell;padding:.1em 1em .1em 0;white-space:nowrap}.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-entry-cont{padding-right:.2em}.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-cell:last-child{padding-right:0}.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-hour,.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-project,.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-time{vertical-align:middle}.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-entry{max-width:10.938rem;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-billableNinternal,.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-entry-cont{white-space:nowrap}.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-billableNinternal>div{margin-bottom:0}.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-billableNinternal .worklog-task-entry,.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-entry-cont .worklog-task-entry{display:inline-block;max-width:21.563rem;padding-top:.5rem;width:100%}.worklog-container .worklog-task-container .worklog-task-wrapper .worklog-task-entry-cont .worklog-task-entry{padding:0 0 0 .625rem}.worklog-container .worklog-task-container .worklog-task-wrapper .delete-icon{padding-right:1rem!important;padding-top:.35rem;text-align:right;vertical-align:top}.worklog-container .worklog-task-container .worklog-task-wrapper .delete-icon .minus-icon{color:red}.worklog-container .worklog-task-container .autocomplete-container{margin-bottom:.706rem}.worklog-container .worklog-task-container .break-task-wrapper{background:transparent;height:2.1rem;margin-bottom:.99rem;width:98.2%}.worklog-container .worklog-task-container .break-task-wrapper .break-divider{cursor:pointer;display:flex;flex-grow:1;justify-content:space-between;max-width:59.5rem;position:relative!important;width:600%}.worklog-container .worklog-task-container .break-task-wrapper .break-divider .break-reorder-icon{cursor:pointer;height:1.5rem;width:1.5rem}.worklog-container .worklog-task-container .break-task-wrapper .break-divider .break-text{margin:0 .625rem;white-space:nowrap}.worklog-container .worklog-task-container .break-task-wrapper .break-divider .dotted-line{background-image:linear-gradient(90deg,grey 33%,hsla(0,0%,100%,0) 0);background-position:bottom;background-repeat:repeat-x;background-size:.3rem .063rem;height:.813rem;vertical-align:middle;width:40%}.worklog-container .worklog-task-wrapper-header .worklog-task-cell{font-family:roboto-medium!important}.common-modal.worklog-modal-view-state{height:auto;max-height:100%}.circular-progress-container{display:block;position:relative}.circular-progress-container .circular-progress{left:50%;margin:.475rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.attendance-modal-wrapper .circular-progress-container{display:table-cell;text-align:center}.attendance-modal-wrapper .circular-progress-container .circular-progress{left:0;margin:.475rem;position:static;top:0;-webkit-transform:translate(0);transform:translate(0)}.attendance-modal-body-wrapper .circular-progress-container{display:table-cell;position:relative}.modal-action-content{align-self:center;flex-wrap:wrap}.common-modal.modal-wide{max-width:100%!important;width:95%}.common-modal.modal-medium{max-width:63.5rem!important;width:100%}@media only screen and (max-width:768px){.common-modal.modal-medium{width:95%}}.common-modal.modal-narrow{max-height:15.625rem;max-width:44.125rem!important;width:100%}@media only screen and (max-width:44.125rem){.common-modal.modal-narrow{width:95%}}.common-modal.worklog-modal-wrapper{max-height:auto;min-width:64.5rem!important}@media(max-width:768px){.common-modal.worklog-modal-wrapper{min-width:45rem!important}}@media(max-width:600px){.common-modal.worklog-modal-wrapper{min-width:25rem!important}}.common-modal.worklog-modal-wrapper .modal-body{min-height:29.3rem}@media(max-width:1024px){.common-modal.worklog-modal-wrapper .modal-body{max-height:29.5rem!important;min-height:29.5rem!important}}@media(min-width:1280px){.common-modal.worklog-modal-wrapper .modal-body{min-height:29.2rem}}@media(min-width:1440px){.common-modal.worklog-modal-wrapper .modal-body{max-height:29rem;min-height:29rem}}@media(min-width:1600px){.common-modal.worklog-modal-wrapper .modal-body{max-height:28rem;min-height:28rem}}@media only screen and (max-width:1440px){.common-modal.worklog-modal-wrapper{max-height:42.75rem;max-width:64rem!important}}@media only screen and (max-width:1280px){.common-modal.worklog-modal-wrapper{max-height:44.75rem;max-width:64.5rem!important}}@media only screen and (max-width:1200px){.common-modal.worklog-modal-wrapper{max-height:52rem!important;max-width:55rem!important}}@media only screen and (max-width:768px){.common-modal.worklog-modal-wrapper{max-height:49.75rem}}@media only screen and (max-width:576px){.common-modal.worklog-modal-wrapper{max-height:57.875rem!important;max-width:30rem!important}}@media only screen and (max-width:375px){.common-modal.worklog-modal-wrapper{max-width:25rem!important}}.common-modal.worklog-modal-wrapper .header-wrapper .header-text{flex-flow:row wrap}.common-modal.worklog-modal-wrapper .worklog-container{height:100%}.common-modal.worklog-modal-wrapper .worklog-container .worklog-task-container{display:block;max-height:24.375rem;min-height:24.375rem;overflow:hidden auto}@media only screen and (max-width:768px){.common-modal.worklog-modal-wrapper .worklog-container .worklog-task-container{overflow:auto}}.leave-modal-container .image-container{caption-side:bottom;display:table-caption}.leave-modal-container .leave-modal-wrapper{border-collapse:initial;border-spacing:0 .313rem;display:table!important;width:100%}.leave-modal-container .leave-modal-wrapper .leave-row-wrapper{display:table-row}.leave-modal-container .leave-modal-wrapper .leave-modal-cell{border-bottom:.063rem solid #ccc;display:table-cell;padding:.625rem;white-space:nowrap}.leave-modal-container .leave-modal-wrapper .leave-row-wrapper:last-child .leave-modal-cell{border-bottom:0}@media only screen and (max-width:768px){.header-buttons-group{display:none}}.list-nav-btn-group,.list-nav-user-list,.nav-toggle-button{display:none}@media only screen and (max-width:768px){.list-nav-btn-group,.list-nav-user-list,.nav-toggle-button{display:block}}.employee-joining-date label{font-size:.8rem;top:-.3rem}.employee-joining-date label:focus{top:0!important}.add-worklog-btn{bottom:.3rem;position:relative}.worklog-modal-wrapper .modal-body{overflow:hidden}.announcement-table-details .announcement-description{white-space:pre-line!important}.announcement-table-details .announcement-description .MuiFormLabel-root{line-height:normal}.announcement-table-details .announcement-table-wrapper{border-bottom:.06rem solid #ccc;border-collapse:initial;border-spacing:0 .3rem;display:table!important;width:100%}.announcement-table-details .announcement-table-wrapper:last-child{border-bottom:none}.announcement-table-details .announcement-table-wrapper .announcement-row-wrapper{display:table-row}.announcement-table-details .announcement-table-wrapper .announcement-description .MuiOutlinedInput-root{padding:0!important}.announcement-table-details .announcement-table-wrapper .announcement-modal-cell{display:inline-table;padding-right:.625rem}.announcement-table-details .announcement-description .MuiFormHelperText-root{bottom:-1.25rem!important;position:absolute}.announcement-table-details .announcement-date-view{-webkit-column-gap:.625rem;column-gap:.625rem;display:flex}.announcement-table-details #form-file-upload{margin-top:.9rem;max-width:100%}.announcement-table-details .modal-body{max-height:29rem;min-height:29rem;padding:.5rem 1rem}.announcement-table-details .modal-body .announcement-description-wrapper{display:flex!important}.announcement-table-details .modal-body .announcement-description-wrapper .announcement-description{white-space:pre-line!important}.announcement-table-details .header-wrapper{padding:0 1rem}.announcement-table-details .announcement-time-slot{-webkit-column-gap:.625rem;column-gap:.625rem;display:flex;margin:.625rem 0}.announcement-table-details .announcement-time-slot .datepicker label,.announcement-table-details .announcement-time-slot .timepicker label{top:-.4rem!important}.announcement-table-details .announcement-time-slot .datepicker .MuiInputLabel-shrink,.announcement-table-details .announcement-time-slot .timepicker .MuiInputLabel-shrink{top:0!important}.announcement-table-details .dropdown-wrapper{-webkit-column-gap:.625rem;column-gap:.625rem;display:flex;margin-bottom:1.25rem}.announcement-table-details .dropdown-wrapper .select-condition-list{width:50%}.time-entries-datepicker .datepicker input{font-family:roboto-regular;font-size:1.75rem;height:auto;padding:0}.time-entries-datepicker .datepicker .MuiInputBase-root:before{border:none}#form-file-upload{align-items:center;display:flex;max-width:40.6rem;position:relative;text-align:center;width:100%}#input-file-upload{display:none}#label-file-upload{align-items:center;background-color:#f8fafc;border:.125rem dashed #cbd5e1;border-radius:1rem;display:flex;font-family:roboto-regular;font-size:.8rem;height:100%;justify-content:center;padding:.25rem;width:100%}#label-file-upload.drag-active{background-color:#fff}.end-time .MuiFormLabel-root,.event-date .MuiFormLabel-root,.start-time .MuiFormLabel-root{top:-.406rem!important}.end-time .MuiInputLabel-shrink,.event-date .MuiInputLabel-shrink,.start-time .MuiInputLabel-shrink{top:0!important}.view-modal-wrapper{border:none!important;height:auto;max-height:36rem;max-width:auto!important;min-width:45rem!important;outline:none!important;width:auto!important}.view-modal-wrapper .view-modal-body{max-height:28rem!important;min-height:auto!important;overflow-x:hidden;overflow-y:auto;padding:.4rem .8rem;width:100%}.view-modal-wrapper .view-modal-body .worklog-task-container{box-shadow:none;min-height:auto!important;padding-bottom:0}.announcement-modal-wrapper{max-width:58rem;min-width:40rem!important;width:40rem!important}.announcement-modal-wrapper .modal-body{max-height:29rem;min-height:29rem;padding:.5rem 1rem}.announcement-modal-wrapper .dropdown-wrapper{-webkit-column-gap:1.25rem;column-gap:1.25rem;display:flex;margin-bottom:1.25rem}.announcement-modal-wrapper .dropdown-wrapper .select-condition-list{width:50%}.announcement-modal-wrapper #form-file-upload{max-width:100%!important}.view-task-wrapper-container .break-task-wrapper{margin-bottom:.1rem!important;margin-top:.589rem}.project-manager-grid .select-condition-list .MuiFormHelperText-root.Mui-error{bottom:-1.3rem}.add-remark-wrapper .MuiFormLabel-root{line-height:1}@media(min-width:1600px){.common-modal.worklog-modal-wrapper .worklog-container .worklog-task-container{max-height:23.8rem;min-height:23.8rem}}@media(min-width:1440px){.MuiFormControl-root.MuiTextField-root.common-textfield.add-remark{width:94.5%}}@media(max-width:1440px){.duration-dropdown .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiInputBase-input,.project-dropdown .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiInputBase-input,.worklog-task-entry-cont .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiInputBase-input{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.worklog-task-entry-cont .MuiFormControl-root .select-dropdown{width:9.5rem}.worklog-task-entry-cont .MuiFormControl-root .select-dropdown .MuiSelect-select{padding-right:0}.break-divider{max-width:61rem!important}.MuiFormControl-root.MuiTextField-root.common-textfield.add-remark{width:96.5%}}@media(max-width:1024px){.announcement-modal-wrapper .modal-body{max-height:38.6rem;min-height:38.6rem}.common-modal.worklog-modal-wrapper .modal-body{min-height:35.6rem}.break-divider{max-width:61rem!important;width:650%!important}}@media(max-width:768px){.MuiFormControl-root.MuiTextField-root.common-textfield.add-remark{width:95%}}@media(max-width:600px){.announcement-modal-wrapper{max-width:29rem!important;min-width:auto!important}.announcement-modal-wrapper .modal-body{max-height:20.55rem;min-height:20.55rem;overflow-x:scroll!important;padding:.5rem .8rem .5rem .5rem}.announcement-modal-wrapper .modal-body .dropdown-wrapper{flex-direction:column}.announcement-modal-wrapper .modal-body .dropdown-wrapper .select-condition-list{max-width:100%;width:100%}#label-file-upload{padding:1.25rem}.announcement-table .MuiButton-root{justify-content:center}.leave-img-wrapper{caption-side:bottom;display:table-caption}.view-modal-wrapper{min-width:auto!important}.MuiGrid-root:nth-child(4),.project-modal-content .MuiGrid-root:nth-child(3){padding-bottom:.125rem}.MuiGrid-root .emp-department-grid .select-condition-list,.MuiGrid-root .emp-manager-grid .select-condition-list,.MuiGrid-root .emp-role-grid .select-condition-list,.MuiGrid-root .emp-status-grid .select-condition-list,.employee-modal-content .emp-department-grid .select-condition-list,.employee-modal-content .emp-manager-grid .select-condition-list,.employee-modal-content .emp-role-grid .select-condition-list,.employee-modal-content .emp-status-grid .select-condition-list{margin:0!important}.MuiGrid-root .select-condition-list,.employee-modal-content .select-condition-list{min-width:100%}.project-employee-grid .select-condition-list,.project-manager-grid .select-condition-list{margin:0 0 1.25rem!important}.MuiFormControl-root.MuiTextField-root.common-textfield.add-remark{width:90.5%}}.link-wrapper{cursor:pointer;display:block;margin-bottom:.625rem}.link-email,.link-phone{display:inline-block}.leaves-tooltips{color:#000;text-align:left;width:16.25rem}.leaves-tooltips .leaves-name{font-family:roboto-bold;font-size:1rem;margin-top:0;padding:.8rem 1rem;text-transform:uppercase}.leaves-tooltips .leave-manage{padding:1rem 0}.leaves-tooltips .leave-manage p{padding:0 .2rem .5rem .8rem}.leaves-tooltips .sick{background:#ffeaea;color:#c92740}.leaves-tooltips .casual{background:#edf7ff;color:#278bff}.leaves-tooltips .half-day{background:#efffd5;color:#7ea740}.leaves-tooltips .comp{background:#fff6cb;color:#b47d15}.half-day .MuiTooltip-arrow:before{color:#efffd5}.sick .MuiTooltip-arrow:before{color:#ffeaea}.casual .MuiTooltip-arrow:before{color:#edf7ff}.comp .MuiTooltip-arrow:before{color:#fff6cb}.attendance-tooltip,.attendance-tooltip .MuiTooltip-tooltipArrow{background-color:#fff!important;padding:0!important}.attendance-tooltip.sick .leaves-tooltips{box-shadow:0 .125rem .625rem 0 #ffeaea}.attendance-tooltip.casual .leaves-tooltips{box-shadow:0 .125rem .625rem 0 #edf7ff}.attendance-tooltip.comp .leaves-tooltips{box-shadow:0 .125rem .625rem 0 #fff6cb}.attendance-tooltip.half-day .leaves-tooltips{box-shadow:0 .125rem .625rem 0 #efffd5}.leave-balance .alert-popover-header{font-family:roboto-bold,roboto-regular,sans-serif;font-weight:600}.leave-overdrawn-alert{border-radius:0!important;padding:.313rem!important}.MuiTooltip-tooltip .MuiTypography-root{font-size:.75rem}.notification-icon,.notification-icon-transparent{align-self:center;height:.6rem!important;padding:0!important;width:.6rem!important}.notification-icon-transparent{color:transparent}.withdrawn-icon{cursor:pointer;height:1.563rem;width:1.563rem}.withdraw-icon-disabled{cursor:default;-webkit-filter:opacity(.4);filter:opacity(.4)}.employee-name-bold{font-family:roboto-bold!important}.MuiTableCell-root.notification-cell{padding:0!important}.status-wrapper{align-items:center;display:flex}.status-wrapper .approved-by-text{align-self:center;font-family:roboto-light!important;font-size:.7rem;font-style:italic;margin-left:.625rem!important}.project-popover-wrapper{display:flex}.project-popover-wrapper .projects-more-link{color:#3779ee;font-family:roboto-regular,sans-serif}.table-column-status{max-width:11.875rem!important;width:11.875rem!important}.disabled-row{opacity:.7}#leave-table-header .MuiTableRow-root{z-index:900!important}@media(max-width:1440px){.header-filter-dropdown{width:7.688rem!important}}@media(max-width:1024px){.close-work-log-filter-icon{top:.844rem!important}.header-filter-dropdown{width:7.5rem!important}#employee-name-column-header,.table-column-status{min-width:9.375rem!important;width:9.375rem!important}}@media(max-width:768px){.close-work-log-filter-icon{top:.906rem}}@media(max-width:600px){.close-work-log-filter-icon{left:-.188rem!important;top:1.438rem!important}.filter-work-log-icon{top:.172rem!important}#employee-name-column-header,.table-column-status{min-width:10rem!important;width:10rem!important}#leave-table-header,#worklog-table-header{height:4.688rem;min-height:4.688rem}}.time-entries-datepicker .publish-date-datepicker .MuiInputBase-root{padding:.68rem .9rem}.time-entries-datepicker .datepicker{margin:0 0 .6rem}.MuiTableContainer-root{max-height:25rem!important}.datepicker-content-wrapper{background-color:#fff;padding:.75rem 1.625rem!important}.datepicker-content-wrapper:hover{cursor:default}.datepicker-content-container{align-items:center;display:flex}.datepicker-content-container .datepicker-section-title{margin-bottom:0}.datepicker-content-container .days-chip{margin-left:2.1rem}.datepicker-content-container .days-chip .days-text{border-radius:1.125rem;cursor:pointer;font-size:.75rem;height:inherit;min-height:1.6rem;padding:0 .6rem}.datepicker-content-container .days-chip .days-text span{font-size:.75rem}.datepicker-content-container .days-chip .days-text.active{background-color:#333}.datepicker-content-container .days-chip .days-text.active span{color:#fff}.date-range-container{align-items:center;display:flex;width:100%}.date-range-container .date-picker-container{align-items:center;display:flex;justify-content:space-between;width:100%}.datepicker-btn-wrapper{justify-content:end!important}.announcements-time-entries-datepicker .datepicker input{font-size:.8rem}@media(max-width:600px){.datepicker-content-container .days-chip{max-width:60%;overflow:auto}.datepicker-content .date-picker-container{-webkit-column-gap:.6rem;column-gap:.6rem}}.password-placeholder-list .verified{color:green}.popover-wrapper{margin:.3rem}.dialog-container{left:50%;position:absolute!important;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dashboard-container{padding:1.25rem}.dashboard-container .dashboard-wrapper{-webkit-column-gap:1.25rem;column-gap:1.25rem;display:flex}.dashboard-container .dashboard-wrapper .dashboard-left-container{width:70%}.dashboard-container .dashboard-wrapper .dashboard-left-container h3{margin-left:0!important}.dashboard-container .dashboard-wrapper .dashboard-left-container .kpi-card-recent-entries{height:29.375rem}.dashboard-container .dashboard-wrapper .dashboard-right-container{width:30%}.dashboard-container .dashboard-wrapper .dashboard-right-container h3{margin-left:0!important}@media(min-width:1440px){.dashboard-container .dashboard-wrapper .dashboard-right-container h3{position:relative;top:-.25rem}}.dashboard-container .dashboard-wrapper .dashboard-right-container .upcoming-events-container{display:inline-flex;height:29.375rem;width:100%}.dashboard-container .dashboard-wrapper .dashboard-right-container .upcoming-events{width:100%}.dashboard-container .dashboard-wrapper .dashboard-right-container .upcoming-events h2{bottom:.313rem;position:relative}.dashboard-cards{display:flex;justify-content:flex-start;margin:.6rem}.dashboard-cards .card-container{border-radius:.6rem;box-shadow:none;width:95%}@media screen and (max-width:580px){.dashboard-cards .card-container{width:25rem}}@media screen and (max-width:420px){.dashboard-cards .card-container{height:auto}}.dashboard-cards .card-container .card-header{display:flex}.dashboard-cards .card-container .card-values{color:#333!important;display:flex;font-size:3rem;font-stretch:condensed;font-style:normal;font-weight:300;height:1.25rem;letter-spacing:normal;line-height:.5;margin:.9rem .1rem}.dashboard-cards .card-container .leave-balance{position:relative}.dashboard-cards .card-container .leave-balance h3{font-size:1.5rem;font-weight:500;margin:0;position:relative;top:.6rem}.dashboard-cards .card-container:last-child{margin-right:0}.dashboard-header-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;width:100%}.dashboard-header-heading .sidebar-menu-title{overflow:visible;white-space:nowrap}.dashboard-header-heading .header-filter{display:flex}.dashboard-right-container,.dashboard-right-container .dashboard-cards{height:100%}.dashboard-right-container .dashboard-cards .card-container{align-items:center;justify-content:center;margin-right:0;width:90%}.custom-calendar{height:29.4rem!important;max-height:29.4rem!important;overflow:visible!important;width:100%!important}.custom-calendar .MuiDayCalendar-weekDayLabel,.custom-calendar .MuiPickersDay-root{font-size:1.1rem}.custom-calendar .MuiDayCalendar-weekDayLabel{width:3.3rem}.custom-calendar .MuiPickersDay-root{height:12%;padding:2.5%;width:12%}.custom-calendar .MuiDayCalendar-slideTransition{min-height:16.875rem!important;overflow:clip;position:static}.custom-calendar .MuiDayCalendar-weekContainer{margin:.5rem}.custom-calendar .MuiDayCalendar-slideTransition>*{top:2.8rem}.custom-calendar .view-transition-container>div>div{margin:0!important;padding-bottom:.06rem!important}.custom-calendar .view-transition-container div[role=row]{margin-bottom:.3rem!important;padding-bottom:.06rem!important}.dashboard-kpi-card{margin:0 1.8rem 0 1rem!important;padding:.9rem!important;width:15.6rem!important}.dashboard-kpi-card p{font-size:.9rem;line-height:1.6}.card-unit,.dashboard-kpi-card p{color:#999;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal}.card-unit{font-size:.75rem!important;line-height:2;text-align:left}.dashboard-kpi-cards{margin:0}.announcement-wrapper{height:16.25rem;min-height:16.25rem}.announcement-wrapper .attachment-file{align-self:center;height:2.25rem;width:2.25rem}.announcement-list .MuiListItemIcon-root{min-width:1.8rem}.MuiListItemIcon-root{min-width:2.25rem!important}.MuiListItemIcon-root .delete-announcement-icon,.MuiListItemIcon-root .edit-announcement-icon{min-width:1.8rem;z-index:auto}.add-remark .MuiFormHelperText-root{bottom:-1.3rem}.recent-entries-table #leave-status-column-header,.recent-entries-table #worklog-status-column-header{padding-left:1.75rem!important}.recent-entries-table #leave-table-body .MuiTableRow-root,.recent-entries-table #worklog-table-body .MuiTableRow-root{height:2.6rem;min-height:2.6rem}@media(min-width:1800px){.MuiPickersDay-root{height:10%!important;padding:2%!important;width:10%!important}.custom-calendar .MuiDayCalendar-weekDayLabel{width:3rem}.recent-entries-table{margin-top:1.8rem!important}}@media(min-width:1441px){.recent-entries-table{margin-top:1.63rem}.recent-entries-table #leave-table-body .MuiTableRow-root,.recent-entries-table #worklog-table-body .MuiTableRow-root{height:2.8rem;min-height:2.8rem}.recent-entries-table #leave-table-body .MuiTableRow-root .MuiTableCell-root,.recent-entries-table #worklog-table-body .MuiTableRow-root .MuiTableCell-root{padding:0 .67rem!important}.kpi-card-recent-entries{min-height:33rem!important}.upcoming-events-container{min-height:33.6rem}.recent-entries-table #leave-table-body .MuiTableRow-root,.recent-entries-table #worklog-table-body .MuiTableRow-root{height:3.3rem;min-height:3.3rem}.announcement-wrapper{height:19.6rem;min-height:19.6rem}}@media(min-width:2000px){.MuiPickersDay-root{height:9%!important;padding:2%!important;width:9%!important}.MuiDayCalendar-weekDayLabel{width:3.25rem!important}}@media(min-width:2100px){.MuiDayCalendar-weekDayLabel{width:3.4rem!important}.MuiPickersDay-root{padding:2%!important}}@media(min-width:2560px){.MuiPickersDay-root{height:7%!important;padding:1.5%!important;width:7%!important}.MuiDayCalendar-weekDayLabel{width:7%!important}}@media(min-width:768px){.common-header-heading #view-all{padding-right:0}}@media(max-width:1440px){.announcement-wrapper,.custom-calendar-wrapper{width:100%}.custom-calendar .MuiPickersDay-root{padding:1.78%}.custom-calendar .MuiDayCalendar-weekDayLabel{width:11.5%}.custom-calendar{height:26.125rem!important;max-height:26.125rem!important}.dashboard-kpi-cards .recent-entries-table{margin-top:1.27rem!important}}@media(max-width:1024px){html{font-size:80%}.custom-calendar .MuiPickersDay-root{height:13%;padding:2.2%!important;width:13%}.dashboard-container .dashboard-wrapper .dashboard-left-container{width:65%}.dashboard-container .dashboard-wrapper .dashboard-left-container .recent-entries-table{margin-top:0}.dashboard-container .dashboard-wrapper .dashboard-left-container .kpi-card-recent-entries{height:32rem}.dashboard-container .dashboard-wrapper .dashboard-right-container{width:35%}.dashboard-container .dashboard-wrapper .dashboard-right-container .announcement-container .common-header-heading{margin-bottom:0!important}.dashboard-container .dashboard-wrapper .dashboard-right-container .upcoming-events h2{bottom:0;font-size:1.5rem}.dashboard-container .dashboard-wrapper .dashboard-right-container .upcoming-events-container{height:32rem}.dashboard-kpi-card{margin:.3rem .3rem .3rem 1rem!important;padding:.9rem 1.25rem!important}.custom-calendar .MuiDayCalendar-weekDayLabel{width:12%}.custom-calendar{height:28.6rem!important;max-height:28.6rem!important}.announcement-wrapper{height:16.8rem;min-height:16.8rem}.MuiListItemIcon-root{min-width:2.25rem!important}.recent-entries-table #view-all{font-size:.938rem}.recent-entries-table .worklog-header-heading{margin-bottom:.2rem!important;margin-top:.5rem}.recent-entries-table .time-off{margin-bottom:0}.recent-entries-table #worklog-status-column-header{padding-left:2.75rem!important}.recent-entries-table #leave-table-body .MuiTableRow-root,.recent-entries-table #worklog-table-body .MuiTableRow-root{height:2.6rem;min-height:2.6rem}.common-header-heading h2,.contact-grid-container h2{font-size:1.5rem}}@media(max-width:820px){html{font-size:80%}.dashboard-container .left-container{padding-right:.6rem!important}.custom-calendar-wrapper{width:100%}.recent-entries-table .MuiTableContainer-root{margin:0}.dashboard-kpi-card{margin:.3rem!important;padding:.3rem .9rem!important}.dashboard-kpi-card:first-child{margin-left:0!important}.dashboard-kpi-card p{font-size:.8rem}.dashboard-kpi-card h2{font-size:2.5rem!important}.custom-calendar{height:26.7rem!important;max-height:26.7rem!important}.custom-calendar .MuiPickersDay-root{padding:1.6%!important}.announcement-wrapper{width:100%}.MuiListItemIcon-root{min-width:1.25rem!important}.MuiListItemIcon-root .delete-announcement-icon,.MuiListItemIcon-root .edit-announcement-icon{min-width:1.75rem}.dashboard-wrapper .dashboard-left-container{width:60%!important}.dashboard-wrapper .dashboard-left-container .kpi-card-recent-entries{height:28.1rem!important}.dashboard-wrapper .dashboard-right-container{width:40%!important}.dashboard-wrapper .dashboard-right-container .upcoming-events-container{height:28.1rem!important}.common-header-heading{margin-left:0!important}.recent-entries-table .worklog-header-heading{margin-top:1rem}.recent-entries-table #leave-table-body .MuiTableRow-root,.recent-entries-table #worklog-table-body .MuiTableRow-root{height:2.5rem;min-height:2.5rem}.recent-entries-table .time-off{margin-top:2.5rem}.configuration{margin-left:1rem!important}#view-all{padding:.625rem 0}.announcement-container{margin-top:2.65rem}.announcement-container .common-header-heading{min-height:2.5rem!important}.announcement-container .announcement-wrapper{height:11rem;min-height:17rem}.announcement-container .common-header-heading{margin:0!important}}@media(max-width:600px){html{padding-left:0}main{padding-left:0!important}.dashboard-container{padding:.9rem}.custom-calendar{height:29.3rem!important;max-height:29.3rem!important;position:relative}.custom-calendar .MuiPickersDay-root{padding:3%!important}.recent-entries-table .common-header-heading{display:inline-flex!important;margin-top:1rem!important;width:auto!important}.recent-entries-table .common-header-heading .MuiLink-root{padding-left:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.MuiListItemIcon-root{min-width:1.5rem!important}.MuiListItemIcon-root .delete-announcement-icon,.MuiListItemIcon-root .edit-announcement-icon{min-width:2.5rem;z-index:auto}.dashboard-wrapper{flex-direction:column}.dashboard-wrapper .dashboard-left-container,.dashboard-wrapper .dashboard-right-container{width:100%!important}.dashboard-wrapper .dashboard-left-container .upcoming-events h2,.dashboard-wrapper .dashboard-right-container .upcoming-events h2{margin-top:1rem}.dashboard-wrapper .dashboard-left-container .announcement-container .common-header-heading h2,.dashboard-wrapper .dashboard-right-container .announcement-container .common-header-heading h2{margin-top:1rem;min-height:2.375rem}.dashboard-wrapper .dashboard-left-container .kpi-card-recent-entries,.dashboard-wrapper .dashboard-right-container .kpi-card-recent-entries{height:auto!important}.dashboard-wrapper .dashboard-right-container .announcement-container{margin-top:0!important}.dashboard-wrapper .dashboard-right-container .upcoming-events-container{height:auto!important}.dashboard-wrapper .dashboard-right-container .dashboard-left-container .recent-entries-table{margin-bottom:.6rem}}@media(max-width:375px){.custom-calendar .MuiPickersDay-root{padding:2.5%!important}}.image-container{display:inline-block;position:relative;width:100%}.image-container .attachment-file{height:auto;object-fit:cover;width:100%}.image{display:block;height:auto;width:100%}.overlay{align-items:center;background-color:rgba(0,0,0,.5);cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.image-container:hover .overlay{opacity:1}.download-icon{color:#fff;font-size:2em}.contact-grid-container{width:98%}.emp-content .emp-designation{text-transform:uppercase}.emp-content .emp-name{font-size:1.25rem}.emp-content .emp-email,.emp-content .emp-phone{display:inline-block;margin-bottom:0}.common-header-heading{align-items:center;display:flex;justify-content:space-between;margin:0 0 1rem 1rem;width:98%}.common-header-heading .sidebar-menu-title{overflow:visible;white-space:nowrap}.common-header-heading .header-filter{display:flex}@media(max-width:1024px){.common-header-heading h1{font-size:2rem;margin-bottom:1rem}}.filter-wrapper{align-items:center;display:flex;justify-content:flex-end;width:100%}.select-dropdown-menu ul.MuiMenu-list{padding:.906rem 0}.select-dropdown-menu li.MuiMenuItem-root{font-size:.938rem;padding:.469rem .938rem}.time-off{margin-top:1rem}@media(max-width:600px){.filter-wrapper{justify-content:flex-start}.filter-wrapper .select-condition-list:first-child{margin-left:0}.filter-wrapper .select-condition-list label{z-index:0}}.filter-wrapper .select-condition-list{margin:0 0 0 1rem;max-width:13.75rem;min-width:9rem;width:100%}.filter-wrapper .select-dropdown #select-dropdown{padding:.75rem 2rem .75rem .938rem}.filter-wrapper .policy-datepicker-wrapper{align-self:center;margin:0 0 0 1rem}.filter-wrapper .policy-datepicker-wrapper .datepicker-btn{background-color:#efefef;border:0;border-radius:.25rem;box-shadow:none;box-sizing:initial;color:#333;font-family:roboto-regular,sans-serif;font-size:.813rem;height:auto;min-height:1.4375em;overflow:hidden;padding:.65rem .938rem;text-overflow:ellipsis;white-space:nowrap}.filter-wrapper .policy-datepicker-wrapper .datepicker-btn .icon-calendar{margin-right:.313rem;vertical-align:middle}.popover-content-wrapper{margin:.625rem}.popover-content-wrapper .popover-projects-label{font-family:roboto-regular}.worklog-header-heading{margin-top:.5rem}.export-worklog{display:none!important}#employee-name-column-header{min-width:11.875rem!important;width:11.875rem!important}@media(max-width:1440px){.export-worklog-btn{width:14rem}#employee-name-column-header{min-width:9.938rem!important;width:9.938rem!important}}@media(max-width:1024px){.export-worklog-btn{padding:.625rem!important}}@media(max-width:820px){.work-log-filter-wrapper{flex-wrap:wrap;justify-content:flex-start}.work-log-filter-wrapper .select-condition-list{margin:.7rem 0 .7rem .7rem;max-width:5rem}.worklog-header-heading .export-worklog-btn{display:none}.export-worklog{display:flex!important}.export-worklog .export-worklog-icon-disabled,.export-worklog .export-worklog-icon-enabled{height:1.25rem;position:relative;scale:2.5;top:.313rem;width:1.25rem}.export-worklog .export-worklog-icon-disabled{-webkit-filter:contrast(.26);filter:contrast(.26)}}@media(max-width:600px){.select-condition-list{margin:.7rem .7rem .7rem 0!important;max-width:10rem;min-width:6rem}.worklog-task-entry-cont .select-condition-list{margin:0!important}.filter-wrapper .policy-datepicker-wrapper{margin-left:0!important;margin-right:.7rem}.MuiTablePagination-root{overflow:visible}.MuiTablePagination-root div{display:flex;justify-content:center}}.login-textfield .password-textfield{padding-bottom:6.125rem}.announcement-table,.employee-details-container,.project-details-container{margin:4rem 0 .5rem!important}.announcement-wrapper .announcement-table{margin:0!important}@media(max-width:1150px){.emp-content{min-height:9.914rem}}@media(max-width:768px){.employee-details-header,.project-details-header{margin-left:0;width:100%}.attendance-modal-body-wrapper .MuiTableContainer-root,.employee-details-table .MuiTableContainer-root,.project-details-table .MuiTableContainer-root{margin:0;overflow:auto;width:100%}.MuiTableContainer-root{margin:0!important;width:100%!important}}@media(max-width:600px){table{position:relative;z-index:-100}.common-header-heading{align-items:normal;flex-direction:column;margin:1rem 0;width:100%}.common-header-heading h1{font-size:2rem;margin-bottom:.5rem}.common-header-heading .header-filter{align-items:flex-start;display:flex;flex-direction:column}.common-header-heading .header-filter .attendance-header{margin:0}.common-header-heading .header-filter .attendance-header .filter-wrapper .select-condition-list{margin:1rem 0}.common-header-heading .header-filter .attendance-header .filter-wrapper .select-condition-list label{z-index:0}.emp-content{min-height:auto}}