@media only screen and (min-width:768px) and (max-width:1023px){.side_nav_wrapper{width:15%!important}.view_routes_wrapper{width:85%}.top_header_nav_wrapper h6{font-size:14px}.side_nav_wrapper .tab_active,.side_nav_wrapper .tab_inactive{width:80%}.side_nav_wrapper .footer h6{font-size:10px!important}.side_nav_sub_tab_wrapper{width:30%}.user_profile_wrapper .user_image_wrapper{width:42px;height:42px}.user_profile_wrapper .profile_detail h6{font-size:12px}.user_profile_wrapper .profile_detail p{font-size:11px}.login_form_section .login_form{width:90%}.login_info_section .content h3{font-size:40px}.form_modal_wrapper .form_modal{width:55%}.employee_detail_main{flex-direction:column;height:100%;overflow-y:auto}.employee_info_wrapper{width:100%;height:auto!important;overflow:unset!important}.employee_info_data_wrapper{width:100%;height:auto!important;overflow-y:unset!important}.employee_info_wrapper .employee_info_card_wrapper{display:flex;column-gap:15px}.net_salary_card_wrapper .table{width:70%}.employee_info_data_wrapper .penalty_wrapper{height:auto}.main_detail_wrapper .detail_box{width:70%}.coc_list_wrapper .coc_card_wrapper h5{font-size:16px}.payroll_counting_card_wrapper .counting_card_main{column-gap:2%}.payroll_counting_card_wrapper .counting_card_main .card{min-width:140px}.payroll_counting_card_wrapper .card h5{font-size:14px}.payroll_counting_card_wrapper .card h6{font-size:12px}.advance_payment_wrapper{height:84%!important}.roll_access_card p{font-size:12px!important}}@media only screen and (min-width:1024px) and (max-width:1300px){.side_nav_wrapper .tab_active,.side_nav_wrapper .tab_inactive{width:80%}.side_nav_wrapper .footer h6{font-size:11px!important}.user_profile_wrapper .user_image_wrapper{width:43px;height:43px}.user_profile_wrapper .profile_detail h6{font-size:13px}.user_profile_wrapper .profile_detail p{font-size:12px}.login_form_section .login_form{width:65%}.form_modal_wrapper .form_modal{width:45%}.main_detail_wrapper .detail_box{width:50%}.coc_list_wrapper .coc_card_wrapper h5{font-size:14px}.coc_list_wrapper .coc_card_wrapper p{font-size:12px}}@media only screen and (min-width:768px) and (max-width:1300px){.employee_table{width:1200px}.property_employee_table{width:1032px}.inventory_table_res{min-width:1500px}.form_layout .form_main{width:92%}.employee_dashboard_table{min-width:1200px}.approval_card{width:100%}.search_btn_wrapper{height:12%}.login_img{width:200px;height:100px}}@media only screen and (max-width:767px){.login_wrapper{height:auto;min-height:100dvh;padding:16px 12px;flex-direction:column}.login_wrapper .login_form_section,.login_wrapper .login_info_section{width:100%;height:auto}.login_info_section{min-height:140px;border-radius:8px}.login_info_section .icon{position:relative;top:auto;left:auto;transform:none;display:flex;justify-content:center;align-items:center;padding:12px 0;width:100%}.login_form_section .login_form{width:94%;padding:0;border-radius:10px}.login_form .text{padding:10px 0 20px}.login_input_wrapper input{min-height:42px;font-size:14px}.login_input_wrapper .password_toggle_icon{right:12px;left:auto;transform:translateY(-50%)}.search_box{width:100%}.login_img{width:180px;height:60px;padding-left:0}.report_card{width:90%}.side_nav_wrapper .close_btn{display:inline-flex!important}.side_nav_wrapper .icon_wrapper svg{width:26px;height:26px}.top_header .tab_title{font-size:13px}.search_btn_wrapper{display:flex;flex-direction:column;row-gap:10px;height:auto}.search_btn_wrapper .buttons_wrapper{width:100%;display:flex;justify-content:flex-end}.table_section{min-width:720px}.desktop-only{display:none!important}.close_btn{display:block}.pagination button{font-size:9px;padding:0}.pagination input{height:20px}.user_profile_wrapper .user_image_wrapper{height:40px;width:40px}.side_nav_wrapper .tab_active,.side_nav_wrapper .tab_inactive{width:90%;min-height:30px;flex-direction:row;justify-content:flex-start;padding:10px}.side_nav_wrapper .tab_active h6,.side_nav_wrapper .tab_inactive h6{margin:0;font-size:13px}.mobile_menu_btn{display:inline-flex;flex-direction:column;justify-content:center;row-gap:3px;width:36px;height:32px;background:transparent;border:none;padding:0;margin-left:8px}.mobile_menu_btn span{display:block;width:24px;height:2px;background:#333}.layout_wrapper{position:relative}.side_nav_wrapper{position:fixed;top:0;left:-240px;height:100dvh;width:220px!important;transition:left .25s ease;z-index:1000;padding:10px 8px;overflow-y:auto}.side_nav_wrapper.open{left:0}.side_nav_wrapper .close_btn{display:inline-flex}.side_nav_wrapper .icon_wrapper svg{width:30px;height:30px}.view_routes_wrapper{width:100%!important}.mobile_overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:900}.table_main,.table_section,.table_wrapper{overflow-x:auto}.table_section{min-width:1100px}.table_section h5,.table_section h6{white-space:nowrap}.table_section .col_30p h6{white-space:normal}.side_nav_wrapper .tab_wrapper{height:80%;overflow-y:auto;margin-top:35px;margin-bottom:8px}.custom_button{padding:5px 9px;min-width:80px}.side_nav_wrapper .logo{height:10%}.form_modal_wrapper .form_modal{width:80%!important;height:70%}.form_modal_header .title{font-size:15px}.form_modal_header .close_modal_icon{font-size:20px}.form_modal_body .form_label,.input_wrapper>label{font-size:13px}.form-control{padding:0!important}.input_wrapper{margin:0}.search_box .search_input{padding:.4rem 2rem .4rem .7rem}.search_svg{top:8%}.login_wrapper .login_info_section{background:none}}