@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;700&display=swap";.toast_container{position:fixed;bottom:20px;z-index:11111;left:20px;display:flex;padding:20px 25px;border-radius:8px;gap:10px}.toast_container div h1{font-size:22px;line-height:30px}.toast_container div p{margin-top:4px;font-size:14px;color:var(--gs-3)}.success{background-color:var(--color-e0);border:2px solid var(--color-e1)}.cancel{background-color:var(--color-e3);border:2px solid var(--color-e4)}.sidebar_menu{height:100%;display:flex;flex-direction:column;justify-content:space-between}.sidebar_menu h1{padding-top:26px;font-size:32px;line-height:48px;font-weight:700;color:#fff;cursor:pointer}.sidebar_submenu{margin-top:80px;display:flex;flex-direction:column;justify-content:space-between;position:relative;gap:8px}.sidebar_submenu .submenu{display:flex;align-items:center;cursor:pointer;justify-content:space-between}.sidebar_submenu .submenu .submenu_contain{display:flex;gap:6px;flex-direction:column;width:100%;padding:9px 14px}.sidebar_submenu .submenu .submenu_contain img{height:25px;width:25px;padding:0}.sidebar_submenu .submenu .submenu_contain h3{color:var(--gs-0);font-size:var(--fs-14);line-height:var(--fs-14-lh);font-weight:400;width:max-content}.sidebar_submenu .dropdown-menu{width:max-content;display:flex;flex-direction:column;gap:14px;margin-top:8px;width:100%}.sidebar_submenu .dropdown-menu li{font-size:var(--fs-14);line-height:var(--fs-14-lh);color:var(--gs-0);text-align:start;position:relative}.sidebar_submenu .active{width:6px;height:26px;background-color:var(--color-s1);border-radius:0 10px 10px 0;transition:all .2s ease-in-out}.active_div,.active_submenu{position:absolute;top:0;left:-62px;width:6px;height:24px;background-color:var(--color-s1);border-radius:0 10px 10px 0;transition:all .2s ease-in-out}.active_submenu{left:-14px}.logo{font-size:32px!important;font-weight:700!important}.accordion_active{width:6px;height:26px;background-color:var(--color-s1);border-radius:0 10px 10px 0;transition:all .2s ease-in-out}.content{transition:opacity .3s ease,transform .3s ease;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;animation:slide-up .2s ease;position:absolute;top:-140px;left:0}.content button{cursor:pointer}.content h3{color:var(--gs-0);font-size:var(--fs-14);line-height:var(--fs-14-lh);font-weight:400;width:max-content}.submenu_parent{display:flex;align-items:center;flex-direction:row;gap:6px;width:100%;position:relative;justify-content:space-between}.dropitem_menu{width:22px!important;height:8px!important;transform:rotate(180deg);transition:all .2s ease-in-out}.dropitem_menu_active{transform:rotate(0)}.hidden{animation:slide-down .2s ease-out!important;display:none;transition:opacity .3s ease,transform .3s ease}@keyframes slide-up{0%{transform:translateY(15%);opacity:.2}60%{transform:translateY(10%);opacity:.4}80%{transform:translateY(5%);opacity:.6}to{display:flex;transform:translateY(0);opacity:1}}@keyframes slide-down{0%{display:flex;transform:translateY(0);opacity:.5}to{transform:translateY(10%);opacity:.2}}.align_notification{display:flex;justify-content:space-between}.notification_icon{width:max-content;height:max-content;margin-right:24px}.notification_icon svg{color:#fff;cursor:pointer;font-size:24px}.notification_numbers{color:#fff;background-color:var(--color-e4);border-radius:50%;font-size:9px;min-width:16px;position:absolute;top:-8px;right:20px;height:16px;padding:3px;display:flex;align-items:center;justify-content:center;text-align:center}.lower_dropmenu{display:flex;padding-left:14px;align-items:center;gap:6px}.lower_dropmenu h3{color:var(--gs-0);font-size:var(--fs-14);line-height:var(--fs-14-lh);font-weight:400;width:max-content}._navbar_18flw_1{border-bottom:1px solid var(--gs-1);display:flex;justify-content:end;padding:10px 32px}._navbar_content_18flw_7{display:flex;gap:20px;align-items:center}._navbar_user_menu_18flw_12{display:flex;gap:6px;align-items:center;cursor:pointer}._navbar_user_img_18flw_18{height:32px;width:32px}._menu_item_18flw_23{display:flex;flex-direction:row;gap:6px;transition:all .2s ease-in-out}._menu_item_18flw_23:hover span{color:var(--gs-4)}._menu_item_18flw_23 span{font-size:var(--fs-14)!important;font-weight:500;line-height:22px;font-family:lexend;color:var(--gs-3);transition:all .2s ease-in-out}._notificationModal_1y72g_1{position:fixed;bottom:20px;left:269px;z-index:102;background-color:#fff;border-radius:10px;width:30%}._notification_back_drop_1y72g_11{background-color:#000;opacity:.3;position:fixed;height:100vh;width:100%;top:0;left:0;z-index:100}._modal_btns_1y72g_22{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:center}._modal_header_1y72g_30{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gs-2);padding:20px}._notifications_1y72g_38{display:flex;flex-direction:column;gap:10px;padding:20px}._text_style_1y72g_45,._notification_title_1y72g_45,._view_more_1y72g_45{font-size:var(--fs-14);font-weight:500;color:var(--color-p1);flex:1;cursor:pointer}._notification_layout_1y72g_53{display:flex;flex-direction:column;gap:4px;background-color:var(--color-p4);padding:8px;border-radius:8px}._view_more_1y72g_45{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;justify-content:center;transition:all .2s ease-in}._view_more_1y72g_45:hover{scale:1.1}._notification_title_1y72g_45{display:flex;align-items:center;gap:4px}._notification_title_1y72g_45 div{background-color:var(--color-p1);width:6px;height:6px;border-radius:50%}._notification_body_1y72g_87{font-size:var(--fs-12);font-weight:400;color:var(--gs-3)}.modal p,.modal button,.modal h2{font-family:lexend,sans-serif!important}.modal_title{font-weight:500!important;font-size:var(--fs-18)!important}.modal_form_container{display:flex;flex-direction:column;gap:20px;min-width:35vw}.modal_form_container .formField{position:relative}.modal_form_container .formField div{width:100%!important}.modal_action_btn{display:flex;align-items:center;gap:8px}.formField{position:relative}.formField div{width:100%!important}._message_6o3ku_1{font-size:var(--fs-24);font-weight:500;margin-bottom:8px;padding:10px}._warning_txt_6o3ku_8{font-size:var(--fs-16);color:var(--color-e4);margin-bottom:1rem}._main_title_8tugn_1{font-size:var(--fs-32);font-weight:700;line-height:var(--fs-32-lh);color:var(--gs-4);text-align:center}._sub_title_8tugn_9{font-size:var(--fs-14);line-height:var(--fs-14-lh);font-weight:300;color:var(--gs-3);text-align:center}._align_content_center_8tugn_17{display:flex;width:100%;margin:0 auto;justify-content:center;flex-direction:column;align-items:center}.login_wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100vh}.login_wrapper .login_left{flex:.5;width:80%;display:flex;flex-direction:column;align-items:center;text-align:center}.login_wrapper .login_left .form{display:flex;flex-direction:column}.login_wrapper .login_left h1{font-size:26px;line-height:30px;color:var(--color-p1);font-weight:600}.login_wrapper .login_left h2{font-size:30px;line-height:36px;margin-top:16px}.login_wrapper .login_left p{font-size:20px;margin-top:8px;color:var(--gs-3)}.login_wrapper .login_left .form{margin-top:50px;width:70%}.login_wrapper .login_left .form .input{margin-bottom:24px}.login_wrapper .login_left .form .svg{height:30px;width:30px}.login_wrapper .login_left .form .more_form{display:flex;width:100%;justify-content:space-between}.login_wrapper .login_left .form .more_form div{display:flex;gap:10px;align-items:center}.login_wrapper .login_left .form .more_form div input{height:20px;width:20px;cursor:pointer;accent-color:var(--color-p1)}.login_wrapper .login_left .form .more_form p{font-weight:400;color:var(--color-p1);font-size:var(--fs-14)}.login_wrapper .login_left .form .submit_btn{background-color:var(--color-p1);margin-top:24px;padding:16px 24px;color:var(--gs-0);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.075,.82,.165,1) ease}.login_wrapper .login_left .form .submit_btn:hover{transform:scale(1.01)}.login_wrapper .login_right{flex:.5;width:100%;max-height:100vh;overflow:hidden;position:relative}.login_wrapper .login_right img{object-fit:cover;width:100%;height:100vh}.login_wrapper .login_right .welcome{position:absolute;z-index:111;bottom:0;width:100%;height:40%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px 28px;-webkit-box-shadow:1px -143px 54px 0px rgba(255,255,255,.67);-moz-box-shadow:1px -143px 54px 0px rgba(255,255,255,.67);box-shadow:1px -143px 54px #ffffffab;background:rgb(255,255,255);background:linear-gradient(180deg,rgba(255,255,255,.5887605042) 0%,rgb(255,255,255) 29%,rgb(255,255,255) 100%)}.login_wrapper .login_right .welcome h1{font-size:30px;line-height:36px;color:var(--color-p1);margin-bottom:10px}.login_wrapper .login_right .welcome p{font-size:22px;text-align:center;margin-bottom:20px}._main_title_1ioou_1{font-size:var(--fs-32);line-height:var(--fs-32-lh);color:var(--color-p1)}._sub_title_1ioou_7{font-size:var(--fs-18);line-height:var(--fs-18-lh);color:var(--gs-4)}._carsoul_btn_181uf_1{background-color:var(--gs-1);border-radius:6px;width:20px;height:6px;cursor:pointer;transition:all .2s ease-in-out}._carsoul_btn_active_181uf_9{background-color:var(--color-s1);width:28px}._slideshow_btns_181uf_14{position:absolute;bottom:60px;left:0;z-index:400;display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center;width:100%}.roster_wrapper{display:flex;gap:20px;position:relative}.roster_wrapper .event{background-color:var(--bs-4)!important;text-align:start;cursor:pointer}.roster_wrapper .event span,.roster_wrapper .event strong{color:var(--bs-2);font-weight:500}.roster_wrapper .add_roster{flex:.3}.roster_wrapper .add_roster .roster_btn{display:flex;justify-content:center;align-items:center;color:var(--gs-0);width:100%;background-color:var(--color-p1);padding:16px 32px;font-weight:16px;border-radius:8px;gap:5px;cursor:pointer}.roster_wrapper .add_roster .roster_btn svg{width:22px;height:22px}.roster_wrapper .calendar_action_btns{position:absolute;top:-10px;right:0;z-index:1;display:flex;gap:2;align-items:center}.calender_container{margin-top:20px;border:1px solid var(--gs-2);border-radius:5px}.calender_container .btn_wrapper{display:flex;width:100%;justify-content:flex-end;padding:15px;gap:10px}.calender_container .btn_wrapper .btn{padding:8px 26px;display:flex;justify-content:center}.calender_container .btn_wrapper .cancel{border:1px solid var(--gs-3);color:var(--gs-4);background-color:var(--gs-2);border-radius:5px}.calender_container .btn_wrapper .next{background-color:var(--color-p1);color:var(--gs-0);border-radius:8px}.MuiDayCalendar-weekContainer .Mui-selected{background-color:var(--color-p1)!important}.MuiTypography-root{font-size:20px!important}.MuiButtonBase-root{font-size:16px!important;font-weight:700}.rmdp-container,.rmdp-container input,._multidate_19jtv_1{width:100%}.MuiDayCalendar-header,.MuiDayCalendar-weekContainer{gap:10px!important}.MuiPickersCalendarHeader-root{padding:0!important}.full_calender{flex:1}.full_calender tbody tr{height:150px!important}.full_calender .fc-toolbar-chunk div{display:flex;align-items:center;gap:8px}.full_calender .fc-toolbar-chunk div .fc-prev-button,.full_calender .fc-toolbar-chunk div .fc-next-button{color:var(--color-p1);border-color:transparent!important;background-color:var(--color-p4)!important;padding:2px;border-radius:0;transition:all .2s ease-in-out}.full_calender .fc-toolbar-chunk div .fc-prev-button:hover,.full_calender .fc-toolbar-chunk div .fc-next-button:hover{background-color:var(--color-p3)!important}.full_calender .fc-toolbar-chunk div .fc-next-button{margin-right:10px}.full_calender .fc-button:focus{box-shadow:none!important}.full_calender .fc-day-today{background:transparent!important}.full_calender .fc-popover{background-color:#fff!important}.full_calender .fc-toolbar-title{font-size:20px;font-weight:500;line-height:25px;font-family:lexend,sans-serif}.full_calender .fc-button-group{display:flex;gap:20px}.full_calender .fc-button-group .fc-button-primary,.full_calender .fc-button-group .fc-button-active{background-color:var(--color-p4)!important;border:1px solid var(--color-p1)!important;padding:8px 24px;color:var(--color-p1)!important}.event{padding:6px;color:#fff;border-radius:5px}.fc-toolbar{margin-bottom:16px!important}.fc-event-start{background-color:transparent!important}._shift_tab_1a4qf_1{display:flex;align-items:center;gap:var(--fg)}._shift_tab_container_1a4qf_6{display:flex;flex-direction:column;gap:40px;min-width:max-content}._shift_tab_details_1a4qf_12{display:flex;flex-direction:column}._shift_tab_details_1a4qf_12{display:flex;flex-direction:column;cursor:pointer}._shift_tab_title_1a4qf_21{font-weight:600;font-size:var(--fs-16);line-height:27px}._shift_tab_desc_1a4qf_26{font-weight:400;color:var(--gs-2);font-size:var(--fs-14)}._shift_tab_index_1a4qf_31{background-color:var(--color-p4);width:44px;height:44px;justify-content:center;display:flex;align-items:center;border-radius:5px;transition:all .2s ease-in-out}._shift_tab_index_1a4qf_31:hover{background-color:var(--color-p3)}._shift_tab_index_active_1a4qf_44{background-color:var(--color-p1)!important;color:#fff!important}._shift_form_1a4qf_49{display:flex;flex-direction:column;gap:25px;width:100%;flex:1;align-items:end}._shift_form_field_1a4qf_57{width:100%;flex:1}._form_container_1a4qf_62{width:100%}._align_shift_content_1a4qf_66{display:flex;gap:60px;width:70vw}._nxt_btn_1a4qf_72{padding:10px 50px!important;margin-top:50px;font-weight:400!important}._action_btn_1a4qf_78{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}._multidate_jf811_1{padding:17px 10px;border-radius:5px;outline:none!important;font-size:var(--fs-16);border:1px solid var(--gs-2)}._container_jf811_9{position:relative;width:100%}._date_jf811_14{position:absolute;font-size:var(--fs-14);color:var(--gs-3);font-weight:400;top:-10px;left:10px;background:var(--gs-0)}._sub_title_1cuok_1{font-weight:500;font-size:var(--fs-14);line-height:22px;color:var(--gs-3)}._user_profiles_1cuok_8{display:flex;flex-direction:row;flex-wrap:wrap;gap:8rem;margin-top:10px}._profile_symptoms_1cuok_16{display:flex;flex-wrap:wrap;justify-content:space-between}._profile_symptoms_1cuok_16 ul{padding-left:25px}._profile_symptoms_1cuok_16 li{font-size:var(--fs-14);color:var(--gs-3)}._profile_symptoms_value_1cuok_28{display:flex;flex-direction:column;gap:8px}._profile_layout_1cuok_33{display:flex;gap:16px;align-items:center;flex-direction:row}._profile_designation_1cuok_39{font-weight:500;font-size:var(--fs-14);line-height:22px;color:var(--gs-2)}._profile_name_1cuok_45{font-weight:600}._profile_address_1cuok_48{display:flex;flex-direction:column-reverse;margin-top:10px;gap:10px}._profile_address_value_1cuok_54{font-weight:400;font-size:var(--fs-14);color:var(--gs-3);display:flex;gap:6px}._gap_elements_1cuok_62{display:flex;flex-direction:column;gap:24px}._form_header_1cuok_68{display:flex;gap:8px}._form_headers_1cuok_73{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:8px}._field_title_1cuok_81{font-size:var(--fs-18);font-weight:400;line-height:27px;color:var(--gs-4)}._field_status_1cuok_87{text-transform:uppercase;color:var(--color-e4);font-size:var(--fs-14);display:flex;align-items:center;justify-content:center;gap:3px}._field_status_1cuok_87 span{font-weight:700;font-size:var(--fs-18)}._employee_log_1cuok_101{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}._employee_log_1_1cuok_107{grid-template-columns:1fr;width:100%}._align_content_1cuok_112{display:flex;flex-direction:column;gap:24px;padding-bottom:32px}._form_title_1cuok_119{font-size:20px;line-height:25px;font-weight:500}._card_headers_1cuok_125{display:flex;gap:40px;padding:4px 0;flex-wrap:wrap;margin-bottom:10px}._address_1cuok_133{font-size:var(--fs-14);color:var(--gs-3);display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}._address_1cuok_133 span{color:var(--color-p1)}._address_style_1cuok_144{display:flex;flex-direction:row;align-items:center;gap:4px}._image_cotainer_1cuok_151{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}._image_layout_1cuok_158{border:2px solid var(--gs-0);width:160px;height:160px;margin-bottom:8px;box-shadow:1px 2px 10px var(--gs-1);transition:all .2s ease-in-out;cursor:pointer}._image_layout_1cuok_158:hover{opacity:.9}._description_1cuok_171{border-radius:4px;min-height:128px;font-size:var(--fs-14);font-weight:500;line-height:22px;letter-spacing:0em;text-align:left;color:var(--gs-3);width:100%}._align_headers_1cuok_183{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._action_btn_1cuok_190{font-size:var(--fs-14);font-weight:500;color:var(--color-p1);display:flex;flex-direction:row;gap:4px;align-items:center;cursor:pointer}._imgstyle_1cuok_201{width:60px;height:60px;border-radius:50%}._no_data_txt_1cuok_207{font-size:var(--fs-14);color:var(--gs-3)}._innercard_1cuok_212{padding:24px 20px;gap:16px;background:#ffffff;box-shadow:0 0 10px #00000012;border-radius:8px;width:100%}.addUserDiv{width:100%;display:flex;flex-direction:column;gap:28px;padding:32px 51px;align-items:flex-start}.addUserDiv .title{display:flex;flex-direction:row;align-items:center;gap:1rem}.addUserDiv .title>svg{font-size:2rem}.addUserDiv .form{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.addUserDiv .form .formContainer{display:flex;flex-direction:row;gap:24px;width:100%}.addUserDiv .form .formContainer .employee_form{display:flex;flex-direction:column;gap:16px;flex:1}.addUserDiv .form .formContainer .leftForm{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.addUserDiv .form .formContainer .leftForm .formField{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.addUserDiv .form .formContainer .googleMaps{display:flex;flex-direction:column;flex:1}.addUserDiv .form .formContainer .googleMaps .formField{position:relative;margin-bottom:16px;width:100%!important}.addUserDiv .form .formContainer .googleMaps .map_wrapper{width:100%}.addUserDiv .form .btn_container{display:flex;flex-direction:column;align-items:flex-end}.addUserDiv .form .btn_container .general_btn.active{background-color:var(--color-p1);color:#fff}.errorMessage p{color:#d32f2f!important;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:.75rem;line-height:1.66;letter-spacing:.03333em;text-align:left;margin-top:3px;margin-right:14px;margin-bottom:0}.select_address{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.help_txt{color:var(--color-p1);font-weight:400;font-size:var(--fs-14)}.mapDiv{padding:20px;height:100%;width:100%;border:1px solid var(--color-p1);border-radius:10px;display:flex;flex-direction:column}.mapDiv .searchBar{width:100%}.mapDiv .searchBar input{width:100%;padding:1.1rem 1rem;border-radius:4px;border:1px solid var(--gs-2);font-size:14px;margin:0;outline:none}.mapDiv .searchBar input:disabled{background-color:#f5f5f5;color:gray}.mapDiv .googleMap{width:100%;height:100%}.mapDiv .googleMap>div{width:100%;height:100%}.address_header{display:flex;gap:20px;margin-bottom:20px}.goodmorning_header h1{font-size:var(--fs-32);line-height:var(--fs-32-lh);text-transform:capitalize}.goodmorning_header p{margin-top:4px;color:var(--gs-3);font-size:var(--fs-16);line-height:var(--fs-16-lh)}.supportBody{max-width:1400px;margin:0 auto;padding:16px 40px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.heading-wrapper{width:100%;height:100px;display:flex;align-items:center;justify-content:flex-start;background:#2b318a;padding-left:16px}.heading-wrapper h1{color:#fff}.section-title{width:100%;height:50px;display:flex;align-items:center;justify-content:flex-start;padding:40px 0 16px 16px}.section-description{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding-left:16px;padding-bottom:16px;margin-top:24px}ul{padding-left:48px;display:flex;flex-direction:column;gap:8px}a{color:#000}.rosterEditDiv{display:flex;flex-direction:column;gap:1rem;padding:2rem;width:100%;overflow-x:hidden}.rosterEditDiv .rosterBodyDiv{display:flex;flex-direction:row;width:100%}.rosterEditDiv .rosterBodyDiv .infoDiv,.rosterEditDiv .rosterBodyDiv .taskDiv{flex:1;width:100%;height:85vh;overflow:scroll}.rosterEditDiv .rosterBodyDiv .infoDiv .sectionTitle,.rosterEditDiv .rosterBodyDiv .taskDiv .sectionTitle{width:100%}.rosterEditDiv .rosterBodyDiv .infoDiv .sectionTitle>span,.rosterEditDiv .rosterBodyDiv .taskDiv .sectionTitle>span{font-size:20px;font-weight:600}.rosterEditDiv .rosterBodyDiv .infoDiv{display:flex;flex-direction:column;gap:1rem}.rosterEditDiv .rosterBodyDiv .infoDiv .basicInfoForm{display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem;border-radius:10px;background:#fff;box-shadow:0 0 4px #00000014;overflow-y:scroll}.rosterEditDiv .rosterBodyDiv .infoDiv .basicInfoForm .sectionTitle{width:100%}.rosterEditDiv .rosterBodyDiv .infoDiv .basicInfoForm .sectionTitle>span{font-size:20px;font-weight:600}.rosterEditDiv .rosterBodyDiv .infoDiv .basicInfoForm .saveButton{width:100%;display:flex;flex-direction:row;align-items:baseline;justify-content:flex-end}.rosterEditDiv .rosterBodyDiv .infoDiv .basicInfoForm .saveButton>button{background-color:var(--color-p1);padding:.8rem 1.5rem;color:#fff;border-radius:5px;cursor:pointer;font-size:16px;text-transform:capitalize}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv{display:flex;flex-direction:column;gap:2rem;padding:1rem}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv{width:100%;display:flex;flex-direction:row;align-items:center;gap:2rem}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldTitle,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldTitle{flex:.13}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldTitle>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldTitle>span{font-size:16px;font-weight:600}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody{flex:1;display:flex;flex-direction:row;gap:3rem;height:80px;overflow-y:hidden;overflow-x:scroll}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee{margin-left:15px;position:relative;text-overflow:clip;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1px;transition:all .3s ease}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList .userContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList .employeeContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList .userContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList .employeeContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser .userContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser .employeeContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee .userContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee .employeeContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList .userContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList .employeeContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList .userContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList .employeeContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser .userContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser .employeeContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee .userContainer,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee .employeeContainer{display:flex;flex-direction:column;align-items:center;width:45px}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList .userContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList .employeeContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList .userContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList .employeeContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser .userContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser .employeeContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee .userContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee .employeeContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList .userContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList .employeeContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList .userContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList .employeeContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser .userContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser .employeeContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee .userContainer>img,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee .employeeContainer>img{width:35px;height:35px;border-radius:50%;object-fit:fill}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList .userContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList .employeeContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList .userContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList .employeeContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser .userContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser .employeeContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee .userContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee .employeeContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList .userContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList .employeeContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList .userContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList .employeeContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser .userContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser .employeeContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee .userContainer>span,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee .employeeContainer>span{text-overflow:clip}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList>button,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList>button,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser>button,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee>button,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList>button,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList>button,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser>button,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee>button{border:none;background-color:transparent;outline:none}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList>button>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList>button>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser>button>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee>button>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList>button>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList>button>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser>button>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee>button>svg{font-size:1.5rem;cursor:pointer}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee .deleteEmployee{display:none;position:absolute;flex-direction:column;align-items:center;border-radius:50%;background-color:#d32f2f;width:20px;height:20px;top:0;right:0}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList .deleteUser>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList .deleteEmployee>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList .deleteUser>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList .deleteEmployee>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser .deleteUser>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser .deleteEmployee>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee .deleteUser>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee .deleteEmployee>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList .deleteUser>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList .deleteEmployee>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList .deleteUser>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList .deleteEmployee>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser .deleteUser>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser .deleteEmployee>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee .deleteUser>svg,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee .deleteEmployee>svg{font-size:1.2rem;color:#fff}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList:hover .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .usersList:hover .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList:hover .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .employeesList:hover .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser:hover .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addUser:hover .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee:hover .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .userDiv .fieldBody .addEmployee:hover .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList:hover .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .usersList:hover .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList:hover .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .employeesList:hover .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser:hover .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addUser:hover .deleteEmployee,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee:hover .deleteUser,.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .employeeDiv .fieldBody .addEmployee:hover .deleteEmployee{display:flex;cursor:pointer}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .address{display:flex;flex-direction:column;gap:2rem}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .address .saveButton{width:100%;display:flex;flex-direction:column;align-items:flex-end;margin-top:10px}.rosterEditDiv .rosterBodyDiv .infoDiv .userEmployeeDetailsDiv .address .saveButton>button{background-color:var(--color-p1);padding:.8rem 1.2rem;color:#fff;border-radius:5px;cursor:pointer;text-transform:capitalize}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv{display:flex;flex-direction:column;gap:2rem;padding:2rem 1rem;border-radius:10px;background:#fff;box-shadow:0 0 4px #00000014;overflow-y:scroll}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .sectionTitle{display:flex;width:100%;align-items:center;justify-content:space-between}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .sectionTitle .addTaskButton{width:100%;display:flex;flex-direction:row;align-items:baseline;justify-content:flex-end}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .sectionTitle .addTaskButton>button{background-color:var(--color-p1);padding:.8rem 1.5rem;color:#fff;border-radius:5px;cursor:pointer;font-size:16px;text-transform:capitalize}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection{display:flex;flex-direction:column;gap:2rem;width:100%;padding:20px;background-color:#e2e8ff;border-radius:8px}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField{display:flex;flex-direction:column;gap:1rem}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .field{width:100%}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .field .css-1my13i3-control,.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .field .css-yxkkaz-control,.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .field .css-vievil-control,.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .field .filter__control--is-focused{height:50px}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .field .MuiFormControl-root{width:100%}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .field .MuiFormControl-root>label{z-index:-1}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .taskField{display:flex;flex-direction:row;gap:1rem}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .taskField .fieldTitle{width:150px;font-size:16px;font-weight:600}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .taskField .fieldData{width:100%}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .employeeUserField{width:100%;display:flex;flex-direction:column;gap:1rem}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .saveButton{width:100%;display:flex;flex-direction:row;align-items:baseline;justify-content:flex-end}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .saveButton .taskError{color:#d32f2f}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskBody .addTaskSection .taskFormField .saveButton>button{background-color:var(--color-p1);padding:1rem;color:#fff;border-radius:5px;cursor:pointer;text-transform:capitalize}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskListDiv{display:flex;flex-direction:column;justify-content:flex-start;gap:2rem;column-gap:2.69rem;padding:1rem 2rem;width:100%;height:70vh;overflow-y:scroll}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskListDiv .taskList{position:relative;border-radius:8px;background:#fff;box-shadow:0 0 15px #00000026;padding:2rem;display:flex;flex-direction:column;gap:1rem;width:80%;height:max-content}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskListDiv .taskList .task{display:flex;gap:1rem}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskListDiv .taskList .task .taskTitle{width:110px}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskListDiv .taskList .task .taskTitle>span{font-weight:600}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskListDiv .taskList .deleteTask{position:absolute;top:0;right:0;padding:10px;border-radius:50%;height:40px;width:40px;display:none;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease-in-out}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskListDiv .taskList .deleteTask>svg{font-size:2rem;color:#000}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskListDiv .taskList .deleteTask:hover{background-color:#d32f2f}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskListDiv .taskList .deleteTask:hover>svg{color:#fff}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskListDiv .taskList:hover .deleteTask{display:flex}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .taskListTitle{font-size:1.2rem;font-weight:700}.rosterEditDiv .rosterBodyDiv .taskDiv .taskDetailDiv .action_btn{text-transform:capitalize}.field .css-1my13i3-control,.field .css-yxkkaz-control,.field .css-vievil-control,.field .filter__control--is-focused{height:50px}.css-o0mtic{width:30vw!important;height:50vh;display:flex;flex-direction:column;overflow-y:scroll;background-color:#fff;border-radius:10px;padding:2rem}.css-o0mtic .addPopupDiv{height:100%;width:1005;right:0%}.css-o0mtic .addPopupDiv .dataList{display:flex;flex-direction:column;gap:1rem}.css-o0mtic .addPopupDiv .dataList .individual{display:flex;flex-direction:row;gap:1rem}.css-o0mtic .addPopupDiv .dataList .individual .adding{background-color:#adff2f;padding:.5rem 1rem;border-radius:10px}.css-o0mtic .addPopupDiv .dataList .individual .adding svg{color:#fff;font-size:1rem}.personal_info{display:flex;flex-direction:column;gap:8px;align-items:start}.personal_info_container{display:flex;align-items:center;gap:24px}.personal_info_name{font-size:24px;font-weight:600;color:var(--color-p1);line-height:36px}.personal_info_designation{display:flex;flex-direction:row;gap:6px;color:var(--gs-3)}.form_top_gap{width:100%;margin-top:10px}.page_nav{display:flex;flex-direction:row;justify-content:space-between;width:100%}._copy_icon_1pjx3_1{color:var(--bs-2);padding:6px;box-sizing:border-box;border-radius:50%;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;cursor:pointer}._copy_icon_1pjx3_1:hover{background-color:var(--gs-1)}._copy_icon_position_1pjx3_16{position:absolute;top:10px;right:5px;font-size:22px}._employee_tab2_form_layout_t1gm0_1{display:grid;gap:1rem;grid-template-columns:1fr 1fr;width:100%}.link{text-decoration:none!important}.document{display:flex;justify-content:center;align-items:center;border:1px solid var(--color-p3);border-radius:5px;flex-direction:column;cursor:pointer;padding:24px;min-width:160px;transition:all .2s ease-in-out;position:relative}.document_danger{border:1px solid var(--color-e4);background-color:var(--color-e3)}.document:hover{background-color:var(--color-p4)}.document:hover .document_remove{display:block}.document_inner{display:flex;flex-direction:column}.document_remove{display:none;position:absolute;top:10px;right:10px;transition:all .2s ease-in-out}.document_remove:hover{scale:1.1}.document_btn{margin-top:10px;float:right}.document_view_layout{display:flex;flex-wrap:wrap;gap:10px}.document .doc_title{font-weight:500;color:var(--color-g5);font-size:var(--fs-14);text-align:center;text-transform:capitalize}.document .doc_renew_date{color:var(--gs-3);font-size:var(--fs-12);text-align:center}.warning_icon{position:absolute;top:-10px;right:-10px;background-color:#fff;border-radius:50%}.fileUploadDiv{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;background-color:#fff;border:2px dashed var(--color-p1);border-radius:10px;padding:1rem;user-select:none;cursor:pointer}.fileUploadDiv:hover{background-color:var(--color-p4);transition:all .2s ease-in-out}.fileUploadDiv input{position:absolute;width:100%;height:100%;cursor:pointer;opacity:0}.fileUploadDiv .imageDiv img{width:100px}.fileUploadDiv .dropzone{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.fileUploadDiv .heading{font-size:16px;font-family:Lexend;font-style:normal;font-weight:400;text-align:center;line-height:24px}.fileUploadDiv .subHeading{color:#828792;font-size:12px;font-family:Lexend;font-style:normal;font-weight:400;text-align:center;line-height:18px}.fileUploadDiv .file_title{color:var(--color-p1);font-weight:500;font-size:var(--fs-14)}._form_layout_1ln0n_1{display:grid;grid-template-columns:1fr 1fr;gap:var(--fg);width:100%}._form_container_1ln0n_8{margin-top:10px;display:flex;flex-direction:column;gap:var(--fg)}.sectionHeader{width:100%;display:flex;flex-direction:row;justify-content:space-between}.profilePictureDiv{position:relative;width:160px;height:160px;box-shadow:1px 2px 10px var(--gs-1);background-color:var(--color-p4);border-radius:50%;border:2px solid var(--gs-0);display:flex;flex-direction:column;transition:all .3s ease}.profilePictureDiv .image-wrapper{width:160px;height:160px;display:flex;align-items:center;justify-content:center}.profilePictureDiv .image-wrapper .upload-text{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-p1);font-size:var(--fs-14)}.profilePictureDiv .image-wrapper .upload-text>img{width:50px;height:50px}.profilePictureDiv .image-wrapper .placeholder-image>img,.profilePictureDiv .image-wrapper .temp-image>img{width:135px;height:135px}.profilePictureDiv .avatar{border-radius:10px;height:100%;width:100%}.profilePictureDiv .edit-icon{position:absolute;border-radius:50%;width:100%;height:100%;bottom:0;left:0;right:0}.profilePictureDiv .edit-icon>label{height:100%;width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.profilePictureDiv .edit-icon input{opacity:0;cursor:pointer;width:100%;height:100%}.placeholder_design{width:100%;height:100%;border-radius:50%;object-fit:cover}._copy_content_14fi9_1{display:flex;flex-direction:row;align-items:center;gap:8px}.page_title{font-size:var(--fs-24);font-weight:600;line-height:var(--fs-24-lh)}.pricing_guide_container{min-width:400px!important}._header_1ecsf_1{display:flex;flex-direction:row;justify-content:space-between}._tab_container_1ecsf_7{margin-top:10px}.personal_info_age{display:flex;flex-direction:row;align-items:center;text-transform:capitalize}.personal_info_ag{font-size:var(--fs-16);color:var(--color-p1);font-weight:500;display:flex;flex-direction:row;align-items:center;gap:6px}.personal_info_align{display:flex;flex-direction:row;gap:8px}.personal_info_designation_listing{display:flex;flex-direction:row;padding-left:20px;gap:40px}.personal_info_security_details_container{background-color:var(--color-p4);padding:16px;width:max-content;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between}.personal_info_security_details .title{font-weight:400;font-size:var(--fs-12);line-height:18px;color:var(--gs-3);text-transform:capitalize}.personal_info_security_details .value{color:var(--color-p1);line-height:24px;font-weight:700}.tab-content{padding:24px 10px 0}.align_form_titles{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.warning_txt{color:var(--color-e4);font-weight:500}.flex_forms{display:flex;flex-direction:row;width:100%;gap:10px;flex-wrap:wrap;align-items:center}.flex_forms .formField{position:relative;flex:1}.datepicker{flex:1;width:100%;font-weight:500!important;font-family:lexend,sans-serif!important}.warning_txt{color:var(--color-e4);font-weight:500;line-height:22px;display:flex;font-size:var(--fs-14);flex-direction:row;gap:10px;align-items:center}.warning_txt svg{font-size:20px!important}._action_button_align_1tfsf_1{display:flex;flex-direction:row;gap:8px;justify-content:end;margin-top:10px}._table_height_1tfsf_9{height:400px;width:100%}._card_layout_1tfsf_14{display:flex;flex-direction:row;gap:20px;width:100%;flex-wrap:wrap}._file_1tfsf_22{display:flex;flex-direction:row;gap:6px;align-items:center}._table_5odk3_1{border:1px solid var(--gs-2);width:100%;border-collapse:collapse}._table_5odk3_1 tr{position:relative}._table_5odk3_1 th{border:1px solid var(--gs-2);text-align:center;font-weight:500;font-size:var(--fs-12);padding:12px 6px;background-color:var(--gs-1)}._table_5odk3_1 td{border:1px solid var(--gs-2);font-size:var(--fs-14);padding:6px;text-align:center}._align_content_5odk3_24{display:flex;flex-direction:row;justify-content:space-between;align-items:center}._deletefield_5odk3_31{position:absolute;top:0px;right:0px;width:16px;background-color:#fff;z-index:999;cursor:pointer;transition:all .2s ease-in-out}._deletefield_5odk3_31:hover{scale:1.1}.date-picker .rmdp-input{padding:26px}.date-picker ::placeholder{font-size:16px;font-weight:400;color:var(--gs-3)}._deletefield_lhcvv_1{position:absolute;top:-10px;right:-10px;z-index:999;cursor:pointer;transition:all .2s ease-in-out}._deletefield_lhcvv_1:hover{scale:1.1}._fieldcontainer_lhcvv_13{position:relative;display:flex;flex-direction:column;gap:20px}._previous_file_lhcvv_20{background-color:var(--color-p4);border-radius:20px;font-size:var(--fs-14);padding:6px 12px;text-decoration:none;color:var(--color-p1);font-weight:500;width:max-content;display:flex;align-items:center;gap:5px}._previous_file_lhcvv_20 svg{transition:all .2s ease-in-out;cursor:pointer}._previous_file_lhcvv_20 a{font-size:var(--fs-14);text-decoration:none;color:var(--color-p1);font-weight:500}._previous_file_lhcvv_20 svg:hover{scale:1.1}._previous_file_lhcvv_20 svg:hover path{fill:var(--color-e4)}._card_layout_6blzr_1{width:320px;min-height:127px;display:flex;flex-direction:column;gap:7px;transition:all .2s ease-in-out}._card_layout_6blzr_1:hover{background-color:var(--gs-1)}._title_6blzr_13{font-weight:500;line-height:22px;font-size:var(--fs-14);text-transform:capitalize}._desc_6blzr_20{line-height:22px;font-size:var(--fs-14);font-weight:5000;color:var(--gs-3)}._edit_btn_6blzr_27{width:40px;height:40px;background-color:var(--gs-0);border-radius:50%}._action_btns_6blzr_34{display:flex;flex-direction:row;gap:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._add_card_6blzr_44{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:200px;height:127px;transition:all .2s ease-in-out}._add_card_6blzr_44:hover{background-color:var(--gs-1)}._add_card_6blzr_44 svg{fill:var(--color-p1)}._add_card_6blzr_44 svg path{stroke:var(--color-p1)}._add_title_6blzr_64{line-height:22px;font-size:var(--fs-14);font-weight:500;color:var(--color-p1)}._action_button_align_1jqnl_1{display:flex;flex-direction:row;gap:8px;justify-content:end;margin-top:10px}.mapDetailsDiv .mapDetails{display:flex;flex-direction:column;gap:1rem;height:100%}._align_content_14kth_1{display:flex;flex-direction:row;justify-content:space-between;width:100%}._align_headers_u656q_1{display:flex;justify-content:space-between;align-items:center}._logobox_u656q_7{width:160px;height:160px;justify-content:center;display:flex;align-items:center}._logobox_u656q_7 p{font-weight:700;font-size:30px;color:var(--gs-0)}._select_color_u656q_20{border-radius:50%;width:50px;height:50px;cursor:pointer}._select_color_layout_u656q_26{position:relative}._color_container_u656q_30{display:flex;flex-direction:row;gap:16px}._whiteCheckIcon_u656q_36{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._settingform_u656q_43,._settingfields_u656q_43,._items_gap_u656q_49{display:flex;flex-direction:column;gap:16px}._align_forms_u656q_55{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}._change_div_u656q_62{display:flex;align-items:center;gap:5px;font-weight:500;font-size:16px;line-height:var(--fs-16-lh);color:var(--color-p1);padding:8px 0}._change_pass_container_u656q_73{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._change_pass_fields_u656q_80{width:100%}._colorpickerstyle_u656q_84{width:50px;height:50px;cursor:pointer}._title_g3ka7_1{font-size:var(--fs-16);font-weight:500}._address_g3ka7_6{display:flex;flex-direction:row;gap:6px;align-items:center;font-size:var(--fs-14);font-weight:500;color:var(--color-p1);flex:1;cursor:pointer}._subaddress_g3ka7_18{display:flex;flex-direction:row;justify-content:space-between;font-size:var(--fs-12);color:var(--gs-3)}._align_icon_g3ka7_26{display:flex;flex-direction:row;gap:6px;align-items:center}._address_card_g3ka7_33{display:flex;flex-direction:row;justify-content:space-between;gap:8px;background-color:var(--color-p4);padding:8px;border-radius:8px}._address_card_layout_g3ka7_43{display:flex;flex-direction:column;gap:8px;height:270px;overflow-y:scroll}._align_headers_g3ka7_51{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:10px}._com_add_g3ka7_58{cursor:default!important}._mapModal_87s4u_1{width:60vw}._changePasswordContainer_87s4u_5{width:40vw;display:flex;flex-direction:column;gap:20px}.welcome_container{width:100%;display:flex;justify-content:center;align-items:center;height:100vh}.welcome_container .welcome{display:flex;justify-content:center;flex-direction:column;align-items:center}.welcome_container .welcome img{height:84px;width:84px}.welcome_container .welcome h2{margin-top:40px;font-size:var(--fs-32);line-height:var(--fs-32-lh);color:var(--gs-4)}.welcome_container .welcome p{margin-top:8px;color:var(--gs-3);font-weight:400;width:90%;text-align:center;font-size:var(--fs-16);line-height:var(--fs-16-lh)}.singleBehaviourDiv{display:flex;width:100%;gap:5rem}.singleBehaviourDiv .leftDiv{flex:1;display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:24px 20px;gap:16px;background:#ffffff;box-shadow:0 0 10px #00000012;border-radius:8px;height:max-content}.singleBehaviourDiv .leftDiv .title{color:var(--color-p1);font-size:26px;font-weight:500}.singleBehaviourDiv .leftDiv .body{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem 0;margin:0}.singleBehaviourDiv .leftDiv .body .field{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}.singleBehaviourDiv .leftDiv .body .field .fieldTitle{width:200px}.singleBehaviourDiv .leftDiv .body .field .fieldTitle>span{color:#828792;font-size:16px;font-weight:500;line-height:21px}.singleBehaviourDiv .leftDiv .body .field .fieldData{display:flex;gap:4px;align-items:center}.singleBehaviourDiv .leftDiv .body .field .fieldData .imageContainer{width:30px;height:30px}.singleBehaviourDiv .leftDiv .body .field .fieldData .imageContainer>img{border-radius:50%;width:100%;height:100%;object-fit:fill}.singleBehaviourDiv .leftDiv .body .field .fieldData>svg{font-size:1.2rem;margin:5px}.singleBehaviourDiv .leftDiv .body .field .fieldData>span{color:#020916;font-family:Lexend;font-size:16px;font-style:normal;font-weight:400;line-height:21px}.singleBehaviourDiv .rightDiv{flex:2;display:flex;flex-direction:column;gap:2rem;padding:24px 20px;width:100%;height:95vh;overflow-y:scroll;background:#ffffff;box-shadow:0 0 15px #00000026;border-radius:8px}.singleBehaviourDiv .rightDiv>h1{font-size:26px;font-style:normal;font-weight:500;line-height:39px}.QnA{display:flex;flex-direction:column;padding:23px 10px;gap:1rem;border-radius:4px;background:var(--greys-go, #fff);box-shadow:0 0 4px #00000014}.QnA .questionDiv{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.QnA .questionDiv .title>span{color:var(--color-p1);font-size:16px;font-weight:700}.QnA .questionDiv .question>span{color:#828282;font-size:16px;font-style:normal;font-weight:300;line-height:24px}.QnA .answer{border:1px solid #e5edf9;border-radius:4px;background:#e5edf9;padding:1rem}.QnA .answer>p{font-weight:400;width:450px;height:109px}.container_titles{font-size:var(--fs-16);line-height:27px;font-weight:600}._sub_title_tcmm9_1{font-weight:500;font-size:var(--fs-14);line-height:22px;color:var(--gs-3)}._user_profiles_tcmm9_8{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px}._title_tcmm9_15{font-size:20px;font-weight:500;line-height:25px;letter-spacing:0em;text-align:left}._card_desc_tcmm9_23{font-size:var(--fs-14);font-weight:400;line-height:22px;letter-spacing:0em;text-align:left;color:var(--gs-3)}._profile_symptoms_tcmm9_32{display:flex;flex-direction:column;gap:24px}._profile_symptoms_tcmm9_32 ul{padding-left:25px}._profile_symptoms_tcmm9_32 li{font-size:var(--fs-14);color:var(--gs-3)}._profile_symptoms_value_tcmm9_44{display:flex;flex-direction:column;gap:8px}._profile_layout_tcmm9_49{display:flex;gap:16px;align-items:center;flex-direction:row}._profile_designation_tcmm9_55{font-weight:500;font-size:var(--fs-14);line-height:22px;color:var(--gs-2)}._profile_name_tcmm9_61{font-weight:600}._profile_address_tcmm9_64{display:flex;flex-direction:row;gap:16px}._profile_address_value_tcmm9_69{font-weight:400;font-size:var(--fs-14);color:var(--gs-3);display:flex;gap:6px}._gap_elements_tcmm9_77{display:flex;flex-direction:column;gap:24px;padding:20px}._profile_img_tcmm9_84{width:60px;height:60px;border-radius:50%}._align_headers_tcmm9_90{display:flex;flex-direction:row;align-items:end;justify-content:end;margin-bottom:18px}.MuiDrawer-paper{background-color:var(--color-p1)!important;color:#fff}.MuiDialog-paper{max-width:max-content!important}.MuiCheckbox-root,.Mui-focused{color:var(--color-p1)!important}.MuiCheckbox-root fieldset,.Mui-focused fieldset{border-color:var(--color-p1)!important}.MuiCheckbox-root:focus,.MuiInputLabel-root:focus{color:var(--color-p1)!important}.MuiPagination-root{padding:10px}.MuiPagination-root ul .Mui-selected{background-color:var(--color-p1);color:#fff}.MuiPagination-root ul .Mui-selected:hover{background-color:var(--color-p1)}.MuiDataGrid-row{cursor:pointer}.css-sh22l5-MuiButtonBase-root-MuiAccordionSummary-root{padding:0 12px!important;min-height:0px!important}.MuiTab-root{color:var(--color-p1)!important}.MuiTabs-indicator{background-color:var(--color-p1)!important}.MuiFormControl-root{width:100%}.css-nhb8h9{display:flex;flex-direction:row;width:max-content}.container{padding:32px}.layout_container{display:flex;width:100%}.layout_container_nav{flex:1;display:flex;flex-direction:column;position:relative}.fc-popover{z-index:990!important}.header_txt_btn_align{display:flex;gap:10px;align-items:center;margin-bottom:17px}.custom-select,.selectField,.css-b62m3t-container{cursor:pointer}.custom-select div,.selectField div,.css-b62m3t-container div{cursor:pointer!important}.edit_details{flex:1}.edit_details svg{color:var(--color-p1);cursor:pointer;font-size:22px}.copy_content_div{position:relative}.k-pdf-export .exportStackPlan{display:block!important}.card{padding:16px;position:relative;border-radius:8px;box-shadow:0 0 16px #67646429;word-wrap:break-word;word-break:break-all;cursor:pointer}.innercard{padding:24px 20px;gap:16px;background:#ffffff;box-shadow:0 0 10px #00000012;border-radius:8px;width:100%}.error{color:#d32f2f;font-weight:400;font-size:.75rem;line-height:1.66;letter-spacing:.03333em;text-align:left;font-family:Roboto,Helvetica,Arial,sans-serif;margin:3px 14px 0}.back_btn{font-size:45px;transition:all .2s ease-in-out;border-radius:50%;cursor:pointer;padding:6px;box-sizing:border-box}.back_btn:hover{background-color:var(--gs-1)}.textarea{padding:10px;font-size:var(--fs-16);outline-color:var(--color-p1);border-radius:5px;font-weight:400;border-color:var(--gs-2)}.textarea::placeholder{font-weight:300}.grid_form_fields{display:grid;gap:1rem;grid-template-columns:1fr 1fr;width:100%}.form_container_title{font-weight:500;font-size:var(--fs-18);margin:1rem 0}.checkbox span{font-size:var(--fs-14)!important;font-family:lexend!important}a{text-decoration:none!important}.add_secondary_btn{display:flex;justify-content:center;align-items:center;gap:5px;font-weight:500;font-size:16px;cursor:pointer;line-height:var(--fs-16-lh);color:var(--color-p1);padding:8px 16px;border-radius:8px;transition:all .3s cubic-bezier(.075,.82,.165,1);text-decoration:none!important}.add_secondary_btn:hover{background-color:var(--color-p4)}.add_secondary_btn svg{width:20px;height:20px}.add_employee_btn{display:flex;justify-content:center;align-items:center;gap:5px;font-weight:500;font-size:16px;cursor:pointer;line-height:var(--fs-16-lh);background-color:var(--color-p1);color:var(--gs-0);padding:8px 16px;border-radius:5px;transition:all .3s cubic-bezier(.075,.82,.165,1)}.add_employee_btn:hover{transform:scale(1.02);opacity:.9}.add_employee_btn svg{width:20px;height:20px}.layout_body_container{width:100%;padding:40px 51px}.layout_body_container .employee_search{display:flex;width:100%;align-items:center;justify-content:space-between}.layout_body_container .employee_search .search_box{height:45px;display:flex;align-items:center;padding:10px;gap:8px;border:1px solid var(--gs-1);border-radius:4px;width:340px}.layout_body_container .employee_search .search_box input{border:none;height:100%;outline:none;font-size:16px;color:var(--gs-3);width:95%;font-weight:400}.layout_body_container .employee_search .search_box input::placeholder{color:var(--gs-2)}.layout_body_container .employee_search .search_box svg{fill:var(--gs-2);width:25px;height:25px}@media screen and (min-width: 1024px){.layout_body_container .employee_search{width:100%}}@media screen and (max-width: 1024px){.layout_body_container{width:100%}}.data_grid{height:700px;width:100%}.MuiDataGrid-root{margin-top:24px;overflow-x:scroll;width:100%;outline:none;border:none!important}.MuiDataGrid-columnHeaderTitle{line-height:22px!important}.MuiDataGrid-cellContent{font-size:var(--fs-14)!important;line-height:var(--fs-14-lh)!important;color:var(--gs-shades-80)!important}.MuiDataGrid-cell:focus-within{outline:none!important}.css-1usso8h-MuiDataGrid-root .MuiDataGrid-cell:focus{outline:none!important}.custom-data-grid .MuiDataGrid-cell--clickable:focus{outline:none!important}.css-1usso8h-MuiDataGrid-root .MuiDataGrid-columnHeader:focus{outline:none!important}.css-1usso8h-MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within{outline:none!important}.css-wjh20t-MuiPagination-ul{display:flex;flex-direction:row;gap:1rem}.row_name{display:flex;align-items:center;gap:10px;width:100%;font-size:var(--fs-14);color:var(--gs-shades-80);font-weight:300;height:100%;line-height:18px}.row_name .MuiAvatar-root{width:56px;height:56px}.row_name h3{font-size:16px;color:var(--gs-5);font-weight:400}.license_exp{color:var(--color-e1)}.view_details svg{color:var(--color-p1);cursor:pointer;font-size:24px}.action_container{padding:40px 32px}.action_container hr{margin-top:10px;margin-bottom:30px}.action_container .image_container{margin-top:80px;position:relative;height:100px;width:100px}.action_container .image_container img{width:100px;height:100px;border-radius:50%;object-fit:cover}.action_container .image_container .edit_container{position:absolute;bottom:0;height:35px;width:35px;display:flex;right:0;border-radius:50%;justify-content:center;border:2px solid white;align-items:center;background-color:var(--color-p1)}.action_container .image_container .edit_container img{height:25px;width:25px}.action_container .drawer_input_container{width:100%;margin-top:38px}.action_container .drawer_input_container .drawer_input{width:100%!important;margin-bottom:30px;border-radius:10px}.action_container .drawer_input_container .select_field{min-height:60px;height:60px}.action_container .drawer_input_container .select_field .filter__menu{background-color:#fff;z-index:1111111}.action_container .drawer_input_container .select_field .filter__control{box-shadow:none;min-height:60px}.action_container .drawer_input_container .select_field .filter__control:focus,.action_container .drawer_input_container .select_field .filter__control:active{border-width:2px;border-color:var(--color-p1)}.action_container .drawer_input_container .select_field .filter__control:hover{border-width:2px;border-color:var(--color-p1)}.action_container .drawer_input_container .select_field .filter__indicator{display:none}.action_container .drawer_input_container .drawer_textarea{margin-bottom:20px;width:100%!important}.actions_btn{display:flex;gap:10px;justify-content:center;align-items:center}.actions_btn img{width:25px;height:25px;cursor:pointer}.edit_button{background-color:var(--color-e5);display:flex;align-items:center;padding:7px 16px;border-radius:4px;font-weight:500;gap:4px;cursor:pointer}.edit_button>span{color:var(--color-e6);font-size:var(--fs-12);line-height:18px}.cancel_button{background-color:#ffeaf1;padding:12px 24px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease-in-out;color:var(--color-e4);font-size:var(--fs-14)}.cancel_button:hover{scale:1.05}.save_button{background-color:var(--color-p1);padding:12px 24px;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease-in-out;font-size:var(--fs-14)}.save_button:hover{scale:1.05}.addemployee_container{width:100%}.employee_header,.client_header{display:flex;align-items:center;gap:15px;font-size:var(--gs-4)}.employee_header h1,.client_header h1{font-size:var(--fs-32);line-height:var(--fs-32-lh);font-weight:700}.employee_header svg,.client_header svg{width:40px;height:35px;font-weight:700;cursor:pointer}.btn_container{margin-top:20px;width:100%;display:flex;justify-content:space-between}.btn_container .general_btn{padding:8px 36px;color:#fff;border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.075,.82,.165,1) ease;font-size:var(--fs-14)}.btn_container .general_btn:hover{z-index:11;transform:scale(1.02);opacity:.8}.btn_container .general_btn img{width:30px;height:30px}.btn_container .unactive{background-color:var(--gs-3)}.btn_container .active{color:var(--color-p1);border:2px solid var(--color-p1)}.btn_container .save{background-color:var(--color-s2)}.btn_container .prev_next{display:flex;gap:10px}.transport{margin-top:20px}.transport label{font-size:24px;line-height:30px;color:var(--color-p1);margin-bottom:30px}.transport div{margin-top:20px;display:flex;align-items:center;gap:20px}.transport div input{height:20px;width:20px;accent-color:var(--color-p1)}.transport div span{font-size:18px;line-height:var(--fs-16-lh);color:var(--gs-3)}.user_question{display:flex;flex-direction:column;margin-top:20px;width:100%}.user_question p{font-size:18px;font-weight:500;color:var(--color-p1)}.user_question div{margin-top:16px;display:flex;align-items:center;gap:20px}.user_question div input{height:20px;width:20px;accent-color:var(--color-p1)}.user_question div label{font-size:16px;color:var(--gs-3)}.user_question .input_main{width:100%;height:200px;align-items:flex-start!important;padding:10px;outline:none;border:1px solid var(--gs-3);border-radius:5px;margin-top:5px;resize:none;font-size:16px;color:var(--gs-3);font-weight:400;line-height:20px}.user_question .input_main:focus{border:2px solid var(--color-p1)}.user_question span{margin-top:20px;font-size:14px;font-weight:400;color:var(--gs-3);line-height:24px}.user_question .react-player{border-radius:10px}textarea{padding:5px}.css-8ndowl{background:rgba(0,0,0,.5)}.Select.is-disabled>.Select-control{cursor:not-allowed;color:#aaa!important}.Select-placeholder{color:#000!important}.Select.is-disabled{color:#aaa!important}.css-wjh20t-MuiPagination-ul,.MuiPagination-root ul{gap:0px!important}.MuiAccordion-root{background-color:transparent!important;box-shadow:none!important;font-weight:400!important;color:#fff!important}.css-o4b71y-MuiAccordionSummary-content,.css-17o5nyn.Mui-expanded{margin:0!important}.css-1iji0d4.Mui-expanded{min-height:0px!important}.accordion_content{display:flex;flex-direction:column;gap:12px;margin-top:10px;margin-left:12px}.css-1iji0d4{min-height:0px!important}.MuiFormControlLabel-label{color:var(--gs-4)!important;font-size:var(--fs-14)!important;font-weight:400!important}*{margin:0;box-sizing:border-box;padding:0;font-family:lexend,sans-serif!important}:root{--color-p1: #1c5b78;--color-p2: #0b040d;--color-p3: #d6ebf5;--color-p4: #eef7fb;--color-e0: #e5fff4;--color-e1: #40ca99;--color-e3: #ffeaf1;--color-e4: #d1305a;--color-e5: #e2e8ff;--color-e6: #3a6ed1;--color-s1: #e6aa47;--color-s2: #f9ead2;--color-s3: #fdf9f2;--fs-12: 12px;--fs-12-lh: 18px;--fs-14: 14px;--fs-14-lh: 22px;--fs-16: 16px;--fs-16-lh: 24px;--fs-18: 18px;--fs-18-lh: 27px;--fs-20: 14px;--fs-20-lh: 30px;--fs-22: 22px;--fs-24: 24px;--fs-22-lh: 33px;--fs-28: 28px;--fs-28-lh: 42px;--fs-32: 32px;--fs-32-lh: 48px;--gs-0: #ffffff;--gs-1: #e6e7e9;--gs-2: #cdcfd3;--gs-3: #828792;--gs-4: #020916;--gs-shades-80: #343a3f;--bs-2: #0085ff;--bs-4: #e5f3ff;--fg: 1rem}button{background-color:inherit;border:inherit}img{max-width:100vw;max-height:100vh}*::-webkit-scrollbar{width:6px;height:3px;position:absolute}*::-webkit-scrollbar-track{background-color:none}*::-webkit-scrollbar-thumb{border-radius:8px;background-color:#d6ebf5}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media all{.page-break{display:none}}@media print{html,body{height:initial!important;overflow:initial!important;-webkit-print-color-adjust:exact}.printable{margin:25px}.innercard,.rightDiv,.leftDiv{box-shadow:none!important}}@media print{.page-break{margin-top:1rem;display:block;page-break-before:auto}}@page{size:auto}.approve-btn{display:flex;align-items:center;color:#fff;padding:10px;border-radius:5px;background-color:green}.reject-btn{display:flex;align-items:center;color:#fff;padding:10px;border-radius:5px;background-color:red}.leave-desc{text-overflow:clip;max-lines:2}