@import url("https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400;500;600&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");body{margin:0;padding:0}a:hover{color:inherit}h4{font-weight:700;font-size:25px;line-height:38px;color:#000}h4 span{font-weight:300}h6{font-size:20px;font-weight:600;color:#001a2d;line-height:30px;margin-bottom:0}ul{list-style:none}.deactive-link{color:rgba(0,0,0,.5)}.active-link{color:#117dc2}.display{display:flex;justify-content:center;align-items:center}.comman_btn i{color:#fff}.comman_btn:hover i{color:#f80}.comman_btn{background:linear-gradient(258.51deg,#f80 12.83%,#f89602 67.63%);border-radius:20px;font-weight:600;color:#fff;padding:7px 40px;border:0;transition:background 2s ease-in-out}.common_text{color:linear-gradient(258.51deg,#f80 12.83%,#f89602 67.63%)}.comman_btn:focus,.comman_btn:hover{background:#fff;border:0;color:#f80;box-shadow:2px 4px 8px 0 rgba(84,106,251,.25)}.apply_application .comman_btn{padding:10px 20px}.birthday_slider .item{margin:0 10px 0 0}.cake_section img{text-align:center;display:inline}.lack_time i{color:#0cc492}.extra_time i{color:#fb577e}.leave_detail ._title{color:#000;font-weight:500}.extra_min,.lack_min{color:#7f7f7f;font-weight:500}.links{color:#744bff;font-weight:600;font-size:16px;line-height:24px;text-decoration:underline}.logout_btn a{border:1px solid #d05757;border-radius:15px;color:#d05757;padding:10px 20px;margin-left:25px}.approved{background:rgba(12,196,146,.15);color:#0cc492}.approved,.rejected{border-radius:20px;width:120px;height:35px;margin:auto}.rejected{background:rgba(197,16,72,.15);color:#c51048}.cancelled{background:rgba(244,126,53,.15);border-radius:20px;width:120px;height:35px;margin:auto;color:#f47e35}.reason{width:max-content!important;white-space:nowrap}.abbrivation{display:inline}.full_msg{display:none}.read_more{font-weight:600}.seperator{background:rgba(0,0,0,.15);height:40px;width:1px}.available-bg{background:url(webpack:///mini-css-extract-plugin//_next/static/media/available-bg.76db81f1.png) no-repeat;width:44px;height:40px;font-size:600;color:#16ac3d}.taken-bg{background:url(webpack:///mini-css-extract-plugin//_next/static/media/taken-bg.70551cf2.png) no-repeat;width:44px;height:40px;font-weight:600;color:#fb577e}.read{color:#0cc492;background:rgba(12,196,146,.15)}.read,.unread{border-radius:20px;width:100px;height:36px}.unread{color:#c51048;background:rgba(197,16,72,.15)}.view_btn{background:rgba(17,125,194,.1);border-radius:12px;width:40px;height:40px;color:#117dc2}.display .view_btn{width:49px;height:50px}.approve_btn{background:rgba(12,196,146,.1);color:#0cc492}.approve_btn,.delete_btn{border-radius:12px;width:40px;height:40px}.delete_btn{background:rgba(197,16,72,.1);color:#c51048}.cancel_btn{background:rgba(244,126,53,.1);border-radius:12px;width:100px;height:40px;color:#f47e35}.cancel{background:#f47e35;color:#fff}.delete{background:#c51048;color:#fff}.approve{background:#0cc492;color:#fff}.approve-detail{background:linear-gradient(90.04deg,#ebfff0 1.22%,#fff7e2 62.7%,#fdeaff 117.41%);border-radius:20px}.pending-bg{background:url(webpack:///mini-css-extract-plugin//_next/static/media/pending.9f15b2cc.png) no-repeat;width:44px;height:40px;font-weight:600;color:#ffc635}.leave_detali span:last-child{font-weight:500}.rating{min-width:30px!important}.rating a{color:#7f7f7f;padding-right:10px}.punch_table .table thead tr{color:#fff;border-radius:15px 15px 0 0}.punch_table .table thead tr th:first-child{border-radius:15px 0 0 0}.punch_table .table thead tr th:last-child{border-radius:0 15px 0 0}.punch_table .table thead tr th{font-weight:600;font-size:14px;padding:20px;min-width:200px}.holidays .table thead tr th{font-weight:600;font-size:16px;padding:20px;min-width:140px}.punch_table .table tbody tr td:last-child,.punch_table .table thead tr th:last-child{text-align:center}.punch_table .table tbody tr td{padding:7px 20px;border:0;vertical-align:middle;color:rgba(0,0,0,.5)}.d-width{display:flex}.punch_table .table tbody tr td:nth-child(2){color:#000}.punch_table .table tbody tr:last-child td:first-child{border-radius:0 0 0 15px}.punch_table .table tbody tr:last-child td:last-child{border-radius:0 0 15px 0}.punch_table .table tbody tr td .emp_avtar{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top;margin-right:10px}.punch_table .table tbody tr:nth-child(2n){background:#f6f6f6}.all-reports tbody tr td:last-child span{margin:0 5px}.ontime{border:1px solid #0cc492;color:#0cc492}.early,.ontime{border-radius:31px}.early,.late,.ontime{font-size:14px;font-weight:500;width:77px;height:30px}.late{border:1px solid #fb577e;border-radius:31px;color:#fb577e}.pagination .page-item .page-link:hover{background-color:#fff;color:orange}.pagination .page-item .page-link{width:40px;height:40px;border-radius:15px;border:0;display:flex;justify-content:center;align-items:center;color:#828282}.pagination .page-item .page-link.active{background:rgba(0,152,205,.15)}.pagination .next .page-link,.pagination .previous .page-link{color:rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.15);border-radius:15px;width:100px!important;height:40px;display:flex;justify-content:center}.pagination .page-item.next .page-link.active,.pagination .page-item.previous .page-link.active{background-color:transparent!important;border-radius:15px}.pagination .page-link:focus,.pagination .page-link:hover{background:transparent;box-shadow:none}.pagination li{margin:0 10px}.custom-table table tbody tr:hover{background-color:#e6f0ff;cursor:pointer;background-color:#f2f2f2}.employee_dashboard{display:flex;justify-content:space-between}.dashboard_left_block{min-width:324px}.menu_bar{display:flex;justify-content:space-between;flex-direction:column;height:calc(100vh - 80px);padding-bottom:70px;overflow-y:auto;overflow-x:hidden}.menu_bar::-webkit-scrollbar{display:none}.menu_bar::-moz-scrollbar{display:none}.menu_bar ul svg{width:25px;height:25px;margin-right:15px}.menu_bar ul .nav-item-main a{color:#fff;padding:10px 20px;display:inline-block;width:100%}.menu_bar ul .nav-item-main{border-radius:15px;position:relative}.menu_bar ul .nav-item-main.active{background:#f47721}.menu_bar ul li ul{background:#fff}.menu_bar ul .nav-item-main.active a{font-weight:600;color:#fff}.menu_bar ul .nav-item-main.active:after{position:absolute;content:"";background:#fff;width:6px;height:24px;right:0;border-radius:5px 0 0 5px;top:0;bottom:0;margin:auto}.menu_bar ul .nav-item-main.active:not(:last-child) svg path{fill:#fff;fill-opacity:1}.menu_bar ul{padding-left:0;list-style:none;display:flex;flex-direction:column;row-gap:7px;position:relative}.menu_bar ul:after{background:rgba(17,125,194,.1);height:100%;width:1px;position:absolute}.wrapper.emp_avatar span{margin-left:-28px}.wrapper.emp_avatar span:first-child{margin-left:-20px}.sub_menus{padding-left:20px!important}.sub_menus li{padding:10px 0 10px 40px!important;margin:0!important;color:#7f7f7f}.sub_menus li a{color:#7f7f7f}.sub_menus li.active a{color:#fff;font-weight:600}main{width:calc(100vw - 324px);contain:layout;height:100vh}.header{padding:20px 40px;border-bottom:1px solid rgba(0,0,0,.1);justify-content:space-between}.profile_img{margin-right:20px}.profile_img img{width:40px;height:40px;border-radius:15px;object-fit:cover}.profile_img .dropdown button{border:0}.emp__name{color:#000;font-weight:600}.check-in-out-main{background-color:#eaf6ff;border-radius:40px;padding:40px 0}.check-in.check-out{padding:0 30px}.emp_dash{padding:30px;overflow-y:scroll;height:calc(100vh - 110px);contain:layout}.emp_dash::-webkit-scrollbar{display:none}.emp_dash::-moz-scrollbar{display:none}.time_process{display:flex;align-items:center;justify-content:center;position:relative;z-index:100;overflow:hidden}.time_process:before{position:absolute;content:"";background-image:url(webpack:///mini-css-extract-plugin//_next/static/media/waves.f2aab70b.png);overflow:hidden;max-height:550px;min-height:550px;background-position:0;background-size:2911px;width:2911px;background-repeat:repeat-x;overflow-x:hidden;z-index:-1;animation-name:forest;animation-duration:50s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes forest{0%{left:0}to{left:-1920px}}@keyframes rotate{0%{transform:rotate(-1turn)}to{transform:rotate(1turn)}}@keyframes zooming{0%{transform:scale(.8)}to{transform:scale(1)}}.zooming{animation-name:zooming;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;animation-direction:alternate}.time_process img{animation-name:rotate;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.punch_info{position:absolute;text-align:center}.punch_info .punch_day{color:rgba(0,0,0,.5);font-weight:600;font-size:20px;line-height:30px}.available_emp{padding:20px 35px;background:#f6eaff;border-radius:40px;position:relative}.available_emp:before{content:"";position:absolute;width:100%;background:url(webpack:///mini-css-extract-plugin//_next/static/media/available-emp.6f4ae1aa.png) no-repeat;height:150px;left:0;pointer-events:none}.emp_list img{width:50px;height:50px;object-fit:cover;border-radius:50%;border:3px solid #fff;margin-left:-33px}.emp_list img:first-child{margin-left:0;margin-right:5px}.list_count{width:35px;height:35px;background:#744bff;border:3px solid #f6eaff;font-size:14px;font-weight:600;color:#fff;padding:5px 6px;border-radius:50%;margin-left:-25px;display:flex;justify-content:center;align-items:center}.emp_avatar .list_count{width:50px;height:50px;margin:auto}.wfh{background:#ebfff0}.earlyout_latein,.wfh{border-radius:40px;padding:30px 20px;min-height:240px;max-height:240px}.earlyout_latein{background:#fdeaff}.extra_lack_time{background:#fff6f0}.extra_lack_time,.leaves{border-radius:40px;padding:30px 20px;min-height:240px;max-height:240px}.leaves{background:#eaf6ff}.service_heading{display:flex;align-items:center;height:60px}.service_title{padding-left:30px}.apply_btn{display:none;animation:fade-out 1s}.service_card:hover .apply_btn{display:block;animation:fade-in 1s}.service_card:hover h6{transition:all 5s ease-in-out}.apply_wfh{color:#0cc492}.apply_early_late{color:#fb577e}.apply_lacktime{color:#ff7b22}.service_card table tr,.service_card table tr td{border-bottom:0;border-top:0}.service_card table tr td:first-child{color:rgba(0,0,0,.5);padding:5px 0}.service_card table tr td:last-child{font-weight:600;text-align:right;padding:5px 0}.wfh_detail tr td:last-child{color:#0cc492}.early_late_detail tr td:last-child{color:#fb577e}.lack_extratime_detail tr td:last-child{color:#ff7b22}.wrapper .card{background:transparent;border:0}.wrapper .card .circle{position:relative;height:100px;width:100px;border-radius:50%;cursor:default}.card .circle .box,.card .circle .box span{position:absolute;top:50%;left:50%}.card .circle .box{height:100%;width:100%;background:transparent;border-radius:50%;transform:translate(-50%,-50%) scale(.8);transition:all .2s}.card .circle .box span,.wrapper .card .text{background:#744bff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.circle .box span{font-size:20px;font-weight:600;transform:translate(-45%,-45%);transition:all .1s}.card .circle:hover .box span{transform:translate(-45%,-45%) scale(1.09)}.card .text{font-size:20px;font-weight:600}.emp_birthday{background:#ffdcfa;border-radius:40px;padding:40px 0;text-align:center;max-height:550px;min-height:550px;position:relative;z-index:100}.emp_birthday:after{position:absolute;content:"";background:url(webpack:///mini-css-extract-plugin//_next/static/media/birth-waves.203cb68c.png) no-repeat;width:244px;height:500px;top:0;right:0;z-index:-1}.wish_msg img{display:inline}.birthday_slider .slick-dots li{list-style:none;display:inline-block;padding:0 5px}.birthday_slider .slick-dots{padding-left:0;margin-bottom:0;margin-top:1.5rem;left:0;right:0;text-align:center;bottom:15px;position:absolute}.birthday_slider .slick-dots li button{width:11px;height:11px;background:rgba(202,81,186,.25);text-indent:-9999px;border:none;border-radius:50%}.birthday_slider .slick-arrow{display:none!important}.birthday_slider.slick-slider .slick-dots li.slick-active button{width:11px;height:11px;background:#ca51ba;text-indent:-9999px;border:none;border-radius:20px}.week_chart{background:#ebfff0;border-radius:40px;padding:15px 20px}.bar_chart ul{list-style:none;padding-left:0}.bar_chart ul li{align-items:center}.bar_chart ul li,.chart_line ul li{position:relative;display:flex;justify-content:center}.chart_line ul li{align-items:end}._half_day,._present,._wfh{color:rgba(0,0,0,.5);font-weight:14px}._present span{background:#0cc492}._present span,._wfh span{width:10px;height:10px;border-radius:50%;display:block;margin-right:5px}._wfh span{background:#f48c35}._half_day span{width:10px;height:10px;border-radius:50%;display:block;margin-right:5px}.week_names li{font-weight:600}.chart_line li,.week_names li{min-width:20px}.chart_line .bar_main span{background:rgba(0,0,0,.5);border-radius:30px;height:10px;width:10px}.persent_bar{color:#0cc492}.wfh_bar{color:#f48c35}.chart_line .persent_bar span{height:140px;width:10px;background:#0cc492;border-radius:30px}.chart_line .halfday_bar span{height:70px;width:10px;border-radius:30px}.chart_line .wfh_bar span{height:130px;width:10px;background:#f48c35;border-radius:30px}.chart_line .leave_bar span{background:#d05757;border-radius:30px;height:10px;width:10px}.leave_bar{color:#d05757}.chart_line{border-bottom:1px solid rgba(0,0,0,.05);position:relative}.border_line{top:-6px}.border_line,.border_line1{position:absolute;width:100%;border:1px solid rgba(0,0,0,.05);opacity:1}.border_line1{top:40px}.border_line2{position:absolute;width:100%;top:80px;border:1px solid rgba(0,0,0,.05);opacity:1}.tooltiptext{visibility:hidden;width:max-content;background-color:#fff;text-align:center;border-radius:10px;padding:6px 11px;position:absolute;z-index:1;top:20px;left:138%;margin-left:-60px;opacity:0;transition:opacity .3s;border:0;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}.tooltiptext:after{content:"";position:absolute;bottom:-14px;right:12px;margin-left:-2px;border:7px solid transparent;border-top-color:#fff;transform:rotate(0deg)}.bar_main:hover .tooltiptext{visibility:visible;opacity:1}.chart_header li{padding:0 10px}.emp_leave_mgmt{display:flex;flex-wrap:wrap;justify-content:space-between}.mgmt_body{width:calc(25% - 20px)}.chck-in p:first-child,.chck-out p:first-child{font-weight:600;color:#001a2d}.employee_degination{display:flex;align-items:center}.notificatons a{color:#000;font-size:25px;position:relative}.notificatons a:before{width:10px;height:10px;content:"";position:absolute;background:#117dc2;border-radius:50%;border:1px solid #fff;right:-1px;top:8px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.page_heading h4{position:relative;width:max-content}.page_heading h4:after{background-color:rgba(0,0,0,.25);width:100%;height:1px;bottom:0}.page_heading h4:after,.page_heading h4:before{content:"";position:absolute;left:0;right:0;margin:auto}.page_heading h4:before{background-color:#f80;width:50%;height:5px;bottom:-2px;z-index:100;border-radius:5px}.search_btn{border:0;position:absolute;right:6px;color:#fff;padding:9px 14px;border-radius:12px}.search_record .form-control{height:50px;background:#f6f6f6;width:300px;border:0;border-radius:15px;padding:15px}.show_entries{border-radius:15px;margin-left:10px}.show_entries a{background:#fff;padding:5px 10px!important;border-radius:13px;display:flex;align-items:center;justify-content:center;height:30px;width:40px;color:rgba(0,0,0,.5)}.entries{padding:0 5px;color:#000}.leave_detail{background:linear-gradient(90.04deg,#ebfff0 1.22%,#fdeaff 117.41%);border-radius:20px}.form-control{background-color:#f7f7f7;border-radius:15px;border:0;height:39px}.form-control:focus{box-shadow:none;background-color:#f7f7f7}.leave__type label{display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;height:50px;text-align:center;overflow:hidden;transition:.3s linear;background:#fff;border:1px dashed #7f7f7f;border-radius:15px;color:#7f7f7f;margin-right:10px;padding:0 10px}.leave__type input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.leave__type input[type=radio]:checked+label{background:rgba(17,125,194,.15);border:1px solid rgba(17,125,194,.15)}.apply_application_main .form-label{padding-bottom:10px;font-weight:600;color:#000}.select_date label{font-size:.75rem;font-weight:400;display:block;margin-bottom:.5rem;color:#b0bec5;border:1px solid #eceff1;padding:.5rem .75rem;border-radius:.5rem}.select_date input:focus{outline:none}#ui-datepicker-div{display:none;background-color:#fff;box-shadow:0 .125rem .5rem rgba(0,0,0,.1);margin-top:.25rem;border-radius:.5rem;padding:.5rem}.ui-datepicker-calendar thead th{padding:.25rem 0;text-align:center;font-size:.75rem;font-weight:400;color:#78909c}.ui-datepicker-calendar tbody td{width:2.5rem;text-align:center;padding:0}.ui-datepicker-calendar tbody td a{display:block;border-radius:.25rem;line-height:2rem;transition:all .3s;color:#546e7a;font-size:.875rem;text-decoration:none}.ui-datepicker-calendar tbody td a:hover{background-color:#e0f2f1}.ui-datepicker-calendar tbody td a.ui-state-active{background-color:#009688;color:#fff}.ui-datepicker-header a.ui-corner-all{cursor:pointer;position:absolute;top:0;width:2rem;height:2rem;margin:.5rem;border-radius:.25rem;transition:all .3s}.ui-datepicker-header a.ui-corner-all:hover{background-color:#eceff1}.ui-datepicker-header a.ui-datepicker-prev{left:0;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");background-repeat:no-repeat;background-size:.5rem;background-position:50%;transform:rotate(180deg)}.ui-datepicker-header a.ui-datepicker-next{right:0;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");background-repeat:no-repeat;background-size:10px;background-position:50%}.ui-datepicker-header a>span{display:none}.ui-datepicker-title{text-align:center;line-height:2rem;margin-bottom:.25rem;font-size:.875rem;font-weight:500;padding-bottom:.25rem}.ui-datepicker-week-col{color:#78909c;font-weight:400;font-size:.75rem}.select_date input{background:#f7f7f7;border-radius:15px;height:50px;border:0;padding-left:50px;cursor:pointer}.select_date .date_field{position:relative}.select_date .date_field:before{position:absolute;content:"";background:url(webpack:///mini-css-extract-plugin//_next/static/media/calendar.3418f74b.png) no-repeat;width:25px;height:25px;left:20px;top:0;bottom:0;margin:auto;pointer-events:none}.select_date .date_field:first-child input{border-radius:15px 0 0 15px;border-right:1px solid #00000026;width:100%}.select_date .date_field:last-child input{border-radius:0 15px 15px 0;width:100%}.leave_type option{background:rgba(17,125,194,.15);color:#117dc2}.leave_reason .form-control{height:auto;padding:10px}.cancel-btn{background:rgba(244,126,53,.1)!important;border-radius:12px;color:#f47e35!important;padding:12px 40px;border:2px solid #000!important}.cancel-btn:hover{border:1px solid #f47500;color:#f47500!important}.Submit_btn,.cancel-btn:hover{border-radius:15px}.login_page{background:url(webpack:///mini-css-extract-plugin//_next/static/media/login-banner.efecebd7.png) no-repeat;width:100%;height:100vh;padding:100px 0;background-size:100%;background-position:50%}.login_box{background:#ffffff38;box-shadow:0 8px 35px rgba(17,125,194,.2);border-radius:30px;max-width:500px;padding:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pwd_field{position:relative}.pwd_field .toggle-password{position:absolute;top:50%;right:12px;margin-top:-7px;color:#5e5e5e}.login_box .form-control{background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:15px;color:#000}.forgot_pwd,.login_box .form-label{color:#7f7f7f}.add-to-do{position:absolute;right:0;bottom:0;z-index:999}.custom_file [type=file]{height:0;overflow:hidden;width:0}.custom_file [type=file]+label.btn-3{background-color:#f6f6f6;border-radius:0;overflow:hidden;height:50px;border-radius:15px;display:flex;padding:13px 60px;cursor:pointer}.custom_file .btn-3{position:relative}.custom_file .btn-3:after{background:url(webpack:///mini-css-extract-plugin//_next/static/media/drop_img.aa8cf044.png) no-repeat;position:absolute;width:25px;height:25px;content:"";left:20px;top:0;bottom:0;margin:auto}.list_main{background:#ebfff0;border-radius:15px;border-left:2px solid #0cc492;border-right:2px solid #0cc492;padding:5px 30px}.list_main .holiday_name span:last-child{word-wrap:break-word}.list_main1{background:#fdeaff;border-left:2px solid #9231e1;border-right:2px solid #9231e1}.list_main1,.list_main2{border-radius:15px;padding:5px 30px}.list_main2{background:#fff6f0;border-left:2px solid #ff9853;border-right:2px solid #ff9853}.list_main3{background:#eaf6ff;border-radius:15px;border-left:2px solid #117dc2;border-right:2px solid #117dc2;padding:5px 30px}.list_main h1,.list_main1 h1,.list_main2 h1,.list_main3 h1{font-weight:600;font-size:48px;line-height:72px;color:#000;margin-bottom:0;padding-right:20px}.list_main span:last-child,.list_main1 span:last-child,.list_main2 span:last-child,.list_main3 span:last-child{font-weight:600;color:#000}.list_main span:first-child,.list_main1 span:first-child,.list_main2 span:first-child,.list_main3 span:first-child{font-size:12px;font-weight:400;color:#00000080;position:relative;padding-left:10px}.list_main span:first-child:before,.list_main1 span:first-child:before,.list_main2 span:first-child:before,.list_main3 span:first-child:before{position:absolute;content:"";width:3px;height:3px;background:#00000080;left:0;top:0;bottom:0;margin:auto;border-radius:50%}.select_month select{background:#fff;border:1px solid rgba(17,125,194,.2);border-radius:15px;padding:14px 30px 14px 10px;position:relative;color:#000;font-weight:600}.drop_icon{position:absolute;content:"";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #e78d06;z-index:999;right:10px;top:0;bottom:0;margin:auto;pointer-events:none}.form-select:focus{box-shadow:none}.view_holiday .nav-link{padding:15px 25px;border:0;background:#fff;color:#000;font-weight:600}.view_holiday .nav.nav-tabs .nav-link.month{border:1px solid rgba(17,125,194,.1);border-radius:15px 0 0 15px}.view_holiday .nav.nav-tabs .nav-link.week{border:1px solid rgba(17,125,194,.1);border-radius:0 15px 15px 0}.view_holiday .nav.nav-tabs{border:0}.view_holiday .nav.nav-tabs .nav-link.active{background:#ee8105;border-radius:15px 0 0 15px;color:#fff}.view_holiday .nav.nav-tabs .nav-link.week.active{border-radius:0 15px 15px 0}.holidays table thead tr th{color:#000;text-align:right;border:0}.holidays table{border-collapse:inherit}.attendance.holidays table{border-collapse:inherit;border-spacing:10px 20px}.holidays table tbody tr td{width:200px;height:100px;text-align:right;vertical-align:bottom;background:#fff;border:.5px solid rgba(17,125,194,.1);border-radius:15px!important;padding:15px 20px}.holidays td.holiday1{background:#ebfff0}.holidays td.holiday2{background:#fdeaff}.holidays .holiday3{background:#fff6f0}.holidays .holiday4{background:#eaf6ff}.holiday{position:relative}.holiday span:first-child{position:absolute;left:16px;top:16px;color:#000;text-align:left}.pre_month{color:rgba(0,0,0,.5)}.curr_month{color:#000}.nxt_month{color:rgba(0,0,0,.5)}.holiday_list{white-space:nowrap;overflow-x:scroll}.holiday_list::-webkit-scrollbar{display:none}.holiday_list::-moz-scrollbar{display:none}.weekly.holidays table thead tr th{min-width:150px;text-align:center}.weekly.holidays table thead tr th:first-child{min-width:0!important}.weekly.holidays table tbody tr td{width:auto;height:calc((var(--size) * 5px));text-align:center}.weekly.holidays table tbody tr td:first-child{width:-moz-fit-content;width:fit-content}.weekly.holidays span:first-child{position:relative;top:auto;left:auto}.time_list li{min-width:100px}.event_list .col-auto,.time_list li,.week_list .col-auto{height:50px;text-align:center;vertical-align:middle;background:#fff;border:.5px solid rgba(17,125,194,.1);display:flex;align-items:center;justify-content:center}.event_list .col-auto,.week_list .col-auto{max-width:200px;min-width:14%}.event_list,.week_list{padding-left:12px!important}.attendance.holidays table tbody tr td{padding:0;border:0;text-align:center}.date_count{position:absolute;bottom:10px;right:20px}.status_wo{color:#7f7f7f;padding-top:10px;display:block}.staus_p{display:block;color:#0cc492}.status_a{color:#d05757;display:block}.status_hd{color:#117dc2;display:block}.status_wfh{color:#f48c35;display:block}.attendance.holidays table tbody tr td{height:110px;margin-bottom:10px}.attendance.holidays table tbody tr td .week_off{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(180deg,#7f7f7f,rgba(146,49,225,0)) border-box;color:#313149;padding:10px;border:1px solid transparent;border-radius:15px;height:100%;position:relative}.attendance.holidays table tbody tr td .week_off:before{background:#7f7f7f;border-radius:0 0 20px 20px;position:absolute;content:"";width:50%;height:6px;top:0;margin:auto;left:0;right:0}.attendance.holidays table tbody tr td ._persent:before{background:#0cc492;border-radius:0 0 20px 20px;position:absolute;content:"";width:50%;height:6px;top:0;margin:auto;left:0;right:0}.attendance.holidays table tbody tr td ._absent:before{background:#d05757;border-radius:0 0 20px 20px;position:absolute;content:"";width:50%;height:6px;top:0;margin:auto;left:0;right:0}.attendance.holidays table tbody tr td .half-day:before{background:#f57004}.attendance.holidays table tbody tr td .-wfh:before,.attendance.holidays table tbody tr td .half-day:before{border-radius:0 0 20px 20px;position:absolute;content:"";width:50%;height:6px;top:0;margin:auto;left:0;right:0}.attendance.holidays table tbody tr td .-wfh:before{background:#f48c35}.attendance.holidays table tbody tr td ._persent{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(180deg,#0cc492,rgba(146,49,225,0)) border-box}.attendance.holidays table tbody tr td ._absent,.attendance.holidays table tbody tr td ._persent{color:#313149;padding:15px 0 10px;border:1px solid transparent;border-radius:15px;height:100%;position:relative}.attendance.holidays table tbody tr td ._absent{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(180deg,#d05757,rgba(146,49,225,0)) border-box}.attendance.holidays table tbody tr td .half-day{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(180deg,#0077cd,rgba(146,49,225,0)) border-box}.attendance.holidays table tbody tr td .-wfh,.attendance.holidays table tbody tr td .half-day{color:#313149;padding:15px 0 10px;border:1px solid transparent;border-radius:15px;height:100%;position:relative}.attendance.holidays table tbody tr td .-wfh{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(180deg,#f48c35,rgba(146,49,225,0)) border-box}.pre_month .date_count{color:rgba(0,0,0,.5)}.absent_persent,.hf_dy_prsnt_hf_dy,.persent_hd_wfh{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(180deg,#0cc492,rgba(146,49,225,0)) border-box;color:#313149;padding:15px 0 10px;border:1px solid transparent;border-radius:15px;height:100%;position:relative}.persent_hd_wfh:before{background:#0cc492;border-radius:0 0 0 20px;left:52px}.persent_hd_wfh:after,.persent_hd_wfh:before{position:absolute;content:"";width:25%;height:6px;top:-1px}.persent_hd_wfh:after{background:#f48c35;border-radius:0 0 20px 0;right:52px}.absent_persent:before{background:#0cc492;border-radius:0 0 0 20px;left:52px}.absent_persent:after,.absent_persent:before{position:absolute;content:"";width:25%;height:6px;top:-1px}.absent_persent:after{background:#d05757;border-radius:0 0 20px 0;right:52px}.hf_dy_prsnt_hf_dy:before{background:#0cc492;border-radius:0 0 0 20px;left:52px}.hf_dy_prsnt_hf_dy:after,.hf_dy_prsnt_hf_dy:before{position:absolute;content:"";width:25%;height:6px;top:-1px}.hf_dy_prsnt_hf_dy:after{background:#f18305;border-radius:0 0 20px 0;right:52px}.Public_holiday{color:#f58505;display:block}.profile_card{background:#eaf6ff;padding:30px;border-radius:40px}.card_img img{width:200px;height:200px;margin:auto;border-radius:60px;object-fit:cover;object-position:top}.card_img{z-index:100}.card_img:after{background:url(webpack:///mini-css-extract-plugin//_next/static/media/waves.f2aab70b.png) no-repeat;position:absolute;content:"";width:100%;height:200px;left:0;z-index:-1}.card_seperator{background:linear-gradient(270deg,rgba(17,125,194,0),#117dc2 48.96%,rgba(17,125,194,0));width:100%;height:1px;border:0;opacity:1}.profile_detail table tr td{border:0}.profile_detail table tr td:first-child{color:rgba(0,0,0,.5)}.profile_detail table tr td:last-child{text-align:right;color:#000}.reset_pwd{border:1px solid #0077cd;border-radius:15px;color:#0077cd;padding:10px 18px;background-color:transparent;margin:auto}.bank_info .form-label,.personal_info .form-label{padding-top:20px}.bank_info .form-control,.personal_info .form-control{text-align:center;color:#000;background:#f6f6f6;border:.5px solid rgba(17,125,194,.2);border-radius:15px}.detail_seperator{width:50%;border:1px solid rgba(0,0,0,.2);text-align:center;opacity:.5}.emp-name p{color:#117dc2;font-weight:600}.edit_detail_modal .modal-header{padding-bottom:0;border-bottom:0}.edit_detail_modal .modal-footer{border-top:0}.cancel-btn{background:#fff;border:1px solid rgba(0,0,0,.5);border-radius:15px;color:rgba(0,0,0,.5)}.change_img input{bottom:8px;left:210px;z-index:999;opacity:0}.change_img i,.change_img input{position:absolute;right:0;margin:auto}.change_img i{background:#000;width:45px;height:45px;border-radius:50%;bottom:5px;left:170px;color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #fff}.edit_detail_modal .card_img:after{display:none}.emp_list{display:flex;align-items:center}.sub_menus,.sub_menus li{position:relative}.sub_menus li:first-child:after{height:29px;top:-9px}.sub_menus li:first-child:after,.sub_menus li:not(:last-child):before{width:3px;position:absolute;content:"";background:rgba(17,125,194,.1);left:15px}.sub_menus li:not(:last-child):before{height:117%;top:19px}.sub_menus li a{position:relative}.sub_menus li a:before{height:3px;width:15px;position:absolute;content:"";background:rgba(17,125,194,.1);left:-23px;top:9px}.attendance-date input{background:#fff;border:1px solid rgba(17,125,194,.2);border-radius:15px;width:50%;color:#000;font-weight:600;padding:15px}.intime{border-radius:20px;border:1px solid #2085c621}.intime,.outime{background:hsla(0,0%,96%,.5);padding:15px;display:flex;align-items:center}.outime{border-radius:20px;border:1px solid #0cc49221}.title{color:rgba(0,0,0,.5);font-weight:600}.hrs_card{background:#f6f6f6;border-radius:20px;padding:20px 10px;height:130px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:15px}.hrs_process .time_bar{background-color:rgba(12,196,146,.5);width:100%;height:4px;border-radius:10px;position:relative}.hrs_process .time_bar .fill_bar{background-color:#0cc492;width:75%;height:6px;border-radius:10px;position:absolute;z-index:100;top:-1px}.brk_hrs .time_bar{background-color:rgba(0,0,0,.5);width:100%;height:4px;border-radius:10px;position:relative}.brk_hrs .time_bar .fill_bar{background-color:#000;width:25%;height:6px;border-radius:10px;position:absolute;z-index:100;top:-1px}.ext_hrs_process .time_bar{background-color:rgba(251,87,126,.5);width:100%;height:4px;border-radius:10px;position:relative}.ext_hrs_process .time_bar .fill_bar{background-color:#fb577e;width:25%;height:6px;border-radius:10px;position:absolute;z-index:100;top:-1px}.lck_hrs_process .time_bar{background-color:rgba(255,123,34,.5);width:100%;height:4px;border-radius:10px;position:relative}.lck_hrs_process .time_bar .fill_bar{background-color:#ff7b22;width:25%;height:6px;border-radius:10px;position:absolute;z-index:100;top:-1px}.wrapper1 .card1{background:transparent;border:0}.wrapper1 .card1 .circle1{position:relative;height:100px;width:100px;border-radius:50%;cursor:default}.card1 .circle1 .box1{height:100%;width:100%;background:transparent;border-radius:50%;transform:translate(-50%,-50%);transition:all .2s;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;color:#000;font-weight:600}@media (min-width:576px){.modal-dialog{max-width:700px;margin-right:auto;margin-left:auto}}@media (max-width:1550px){.search_record .form-control{width:auto}}@media (max-width:1450px){.hf_dy_prsnt_hf_dy:after,.persent_hd_wfh:after{width:25%;right:35px}.hf_dy_prsnt_hf_dy:before,.persent_hd_wfh:before{width:25%;left:35px}}@media (min-width:1200px) and (max-width:1410px){.approve-detail{padding:.5rem!important}.show_entries span.pe-3{padding-right:.3rem!important}.taken.ps-xl-3{padding-left:.5rem!important}.available.pe-xl-3,.taken.pe-xl-3{padding-right:.5rem!important}.emp_list img{width:40px;height:40px;margin-left:-30px}.available.pe-5,.taken.pe-5{padding-right:1rem!important}.taken.ps-5{padding-left:1rem!important}}@media (min-width:1200px) and (max-width:1310px){.emp_dash{padding:20px}}@media (max-width:1199px){.header{padding:20px 15px}.emplpoyee_name h4{font-size:20px}.search_show_entries,.search_show_entries.all-requests{flex-wrap:wrap}.leave_detail,.leave_detali.approve-detail{order:3;margin:10px auto;width:100%}}@media (max-width:991px){.emp_dash .mt-5{margin-top:1rem!important}.search_show_entries.all-requests{flex-wrap:wrap}main{width:calc(100%)}.emplpoyee_name h4{font-size:20px}.dashboard_left_block{position:absolute!important;z-index:999;background-color:#fff;top:0;left:-324px;padding-right:20px;transition:.3s ease-in-out}.dashboard_left_block.active{left:0}.closemenu{position:absolute;right:10px;top:10px;font-size:20px;color:#01060a}}@media (max-width:800px){.profile_img{margin-right:10px}.all-requests .leave_detali{margin:20px 0}.search_show_entries.all-requests{display:block;width:100%}.all-requests .search_record .form-control{width:100%}.emp_dash,.header{padding:15px}.profile_img img{width:40px;height:40px}.emp__name,.emp_degi,.emplpoyee_name h4{font-size:14px}h4{font-size:20px}.search_show_entries{flex-wrap:wrap}.leave_detail{margin-top:20px;margin-bottom:20px}}@media (max-width:500px){.header{flex-wrap:wrap}.hf_dy_prsnt_hf_dy:after,.persent_hd_wfh:after{width:25%;right:25px}.hf_dy_prsnt_hf_dy:before,.persent_hd_wfh:before{width:25%;left:25px}.attendance.holidays table tbody tr td{min-width:100px}h4{line-height:20px}.title,h4,p,span{font-size:12px}.attendance-date{font-size:12px;width:34%}.attendance-date input{width:100%}.emp_list img{width:40px;height:40px;margin-left:-30px}.available-bg,.pending-bg,.taken-bg{background-size:contain;width:30px;height:30px;font-weight:400}.leave_detali span:last-child{font-weight:400;font-size:14px}.leave_detali{padding:.5rem!important}.leave_detali.display,.search_show_entries.display{width:100%}.apply_application_main .form-label{padding-bottom:0}.name_degination{display:none}.Submit_btn,.apply_application_main .form-label,.cancel-btn,.emp__name,.emp_degi,.emplpoyee_name h4,.form-control,.leave__type label,.leave_detail ._title,.select_date .date_field{font-size:12px}h4.pb-3{font-size:16px;padding-bottom:.5rem!important}.add-to-do{position:relative;text-align:center;padding-top:10px}.page_heading h4:before{width:40%}.page_heading h4:after{width:100%}.view_holiday .nav-link{padding:10px}.select_month select{font-size:12px;padding:10px 30px 10px 10px}.view_holiday .nav-link{font-size:12px}.holiday span:first-child{left:10px;top:12px;font-size:10px}.holidays .table thead tr th{font-size:10px;min-width:90px}.holidays table tbody tr td{font-size:10px}.list_main h1,.list_main1 h1,.list_main2 h1,.list_main3 h1{font-size:15px}.list_main span:last-child,.list_main1 span:last-child,.list_main2 span:last-child,.list_main3 span:last-child{font-size:12px}.list_main,.list_main1,.list_main2,.list_main3{padding:5px 10px}.chck-in p,.chck-out p,.punch_info .punch_day{font-size:12px;margin-bottom:.3rem}h6{font-size:14px!important}.links{font-size:12px}.punch_hour{font-size:14px;line-height:12px}.pagination li{margin:0 2px}.search_show_entries{display:block}.show_entries{margin-top:20px}.search_record .form-control{width:100%}.punch_table .table tbody tr td,.punch_table .table thead tr th{font-size:12px;min-width:120px}.punch_table .table tbody tr td:first-child,.punch_table .table thead tr th:first-child{min-width:112px;max-width:100px}.punch_table.all-leave-table .table thead tr th,.punch_table.to-to-view-table .table thead tr th{min-width:170px}.leave_detali{margin-top:15px}}.layout{display:flex;height:100vh}.header{color:#fff;background:linear-gradient(135deg,#000,#ff7a00);padding:10px;display:flex;align-items:center}.toggle-button{background:none;border:none;color:#000;font-size:1.5rem;cursor:pointer}.sidebar{width:280px;transition:transform .3s ease-in-out}.sidebar.closed{transform:translateX(-120%)}.content{flex:1 1;padding:20px}.content.sidebar-closed{margin-left:0}.dashboard{display:flex;height:100vh;transition:all .3s ease-in-out}.dashboard_sidebar{width:250px;background-color:#333;color:#fff;transition:width .3s ease-in-out}.dashboard_sidebar.closed{overflow:hidden}.dashboard_left_block{border-right:1px solid rgba(0,0,0,.1);height:100vh;padding:35px 20px;position:-webkit-sticky;position:sticky;overflow:hidden;margin:0}.dashboard_right_block{flex:1 1;padding:20px -1px;background-color:#fff;transition:margin-left .3s ease-in-out,width .3s ease-in-out}.dashboard_right_block.sidebar-closed{width:100%}.sidebar{background-color:#000;color:#fff;width:350px;margin-top:0}@media (min-width:992px){.sidebar{position:relative;transform:none;transition:all .3s ease-in-out!important}}@media (max-width:991px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1050;margin-top:76px;transition:all .3s ease!important;transition:transform .4s ease,opacity .4s ease!important}.sidebar.open{transform:translateX(0);margin-top:75px;transition:transform .4s ease!important;transition:transform .4s ease,opacity .4s ease!important}}.sidebar.closed{margin-left:-355px;opacity:1;transition:all .3s ease-in-out!important}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#000,#000);color:#333;overflow-x:hidden}.usersidebar{position:fixed;top:0;left:0;height:100vh;width:240px;background:linear-gradient(180deg,#000,#000);box-shadow:4px 0 15px rgba(0,0,0,.3);color:#fff;transition:all .3s ease-in-out;z-index:1000}.usersidebar .brand{font-size:22px;font-weight:700;padding:20px;display:flex;align-items:center;gap:10px}.usersidebar .brand img{width:35px}.usersidebar .user-info{display:flex;align-items:center;padding:0 20px 20px;gap:10px}.usersidebar .user-info img{width:40px;height:40px;border-radius:50%}.usersidebar .user-info div small{color:#cfd4ff}.usersidebar .nav-link{color:#d4dcff;font-weight:500;padding:6px 20px;border-radius:10px;margin:4px 10px;display:flex;align-items:center;gap:12px;transition:all .3s ease;font-size:12px}.usersidebar .nav-link.active,.usersidebar .nav-link:hover{background:linear-gradient(90deg,#3b57ff,#4c8eff);color:#fff;box-shadow:0 2px 10px rgba(76,142,255,.3);transform:translateX(4px)}.logout-btn{position:absolute;bottom:20px;left:20px;width:200px;text-align:center;background:#e74c3c;border-radius:10px;padding:7px;color:#fff;font-weight:500;transition:all .3s ease;font-size:15px}.logout-btn:hover{background:#ff6b5b;transform:translateY(-3px)}.topbar{background:#f8f9fc;display:flex;justify-content:space-between;align-items:center;padding:12px 25px;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:all .4s ease}@media (max-width:992px){.topbar{margin-left:0;position:fixed;width:100%;top:0;left:0;z-index:1100;background:#f8f9fc}.main{margin-top:70px}.btn.btn-light.d-lg-none{background-color:#e7e9f5;border:none;border-radius:10px}.btn.btn-light.d-lg-none i{font-size:22px}}.btn.btn-light.d-lg-none:hover{background-color:#dfe3ff}.main{background:#f3f4f8;min-height:100vh;padding:25px}.card{border:none;border-radius:15px;box-shadow:0 2px 15px rgba(0,0,0,.1);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.card small{color:#666}@media (max-width:992px){.usersidebar{left:-240px}.usersidebar.show{left:0;z-index:9999}.main,.topbar{margin-left:0}}.em-box-card{display:flex;gap:15px;transition:all .3s ease}.icon-box{background:rgba(59,87,255,.1);border-radius:15px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.icon-box i{font-size:32px;color:#3b57ff}.content-box h6{color:#2c2c2c}@media (max-width:576px){.em-box-card{flex-direction:column;text-align:center}.icon-box{width:60px;height:60px;margin-bottom:8px}.icon-box i{font-size:26px}.content-box h4{font-size:20px}}.em-box-card p{font-size:12px}#analysisChart,#payslipChart{width:100px!important;height:100px!important;margin:0 auto}.checkin a{color:#fff}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header h4{font-weight:600;color:#2c2c2c}.calendar{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;text-align:center}.day-name{font-weight:600;color:#3b57ff;padding:10px 0}.day{position:relative;background:#f8f9fc;padding:13px 0;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;width:40px;height:40px;font-size:13px}.day:hover{background:#eaf0ff;transform:scale(1.05)}.tooltip-popup{display:none;top:-90px;background:#fff;color:#333;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.2);padding:10px;font-size:13px;z-index:10;width:180px}.tooltip-popup,.tooltip-popup:after{position:absolute;left:50%;transform:translateX(-50%)}.tooltip-popup:after{content:"";bottom:-50px;border:20px solid transparent;border-top-color:#fff}.day:hover .tooltip-popup{display:block}.login-icon{color:#28a745;margin-right:5px}.logout-icon{color:#dc3545;margin-right:5px}@media (max-width:768px){.calendar{grid-template-columns:repeat(4,1fr)}.day{padding:15px 0;font-size:14px}.tooltip-popup{top:-80px;width:160px}.pagination{justify-content:center;margin-top:10px}.pagination span{margin:6px;font-size:15px!important}#toggle_btn img{width:24px;margin-right:11px}}@media (max-width:480px){.calendar{grid-template-columns:repeat(3,1fr)}.calendar-header h4{font-size:18px}.day{padding:12px 0;font-size:13px}}.leave-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1);padding:25px;position:relative;overflow:hidden}.leave-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.leave-card h5{font-weight:600;color:#2c2c2c;margin-bottom:20px}.leave-list{list-style:none;padding-left:0;margin:0}.leave-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #eee;position:relative;cursor:pointer;transition:all .2s ease}.leave-item:last-child{border-bottom:none}.leave-item:hover{background:#f7f8ff;border-radius:10px}.leave-icon{font-size:24px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;color:blue}.icon-casual{background:#3b57ff}.icon-sick{background:#dc3545}.icon-earned{background:#198754}.icon-maternity{background:#ffc107}.leave-name{font-weight:500;color:#333}.leave-count{font-size:14px;color:#777}.leave-popup{display:none;top:-51px;background:#fff;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.15);padding:10px 12px;width:220px;font-size:13px;z-index:10}.leave-popup,.leave-popup:after{position:absolute;left:50%;transform:translateX(-50%)}.leave-popup:after{content:"";bottom:-22px;border:13px solid transparent;border-top-color:#fff}.leave-item:hover .leave-popup{display:block}@media (max-width:992px){.leave-card{margin:20px auto}}@media (max-width:576px){.leave-popup{top:-75px;width:180px}.leave-item{padding:8px 0}.leave-icon{font-size:20px;width:36px;height:36px}.leave-name{font-size:14px}}:root{--navy:#0b2340;--accent:#0b6fb0;--muted:#6c7b8a;--card-bg:#fff}.frame{margin:22px auto;border-radius:22px;box-shadow:0 8px 36px rgba(3,10,22,.45);color:#fff;overflow:hidden;border:3px solid hsla(0,0%,100%,.06)}.inner{background:#fbfdff;border-radius:14px;padding:18px;color:var(--navy);min-height:560px}.hrms-sidebar{width:260px;background:linear-gradient(180deg,#0f2740,#102b44);border-radius:12px;padding:16px;color:#dbeaf8;height:100%}.hrms-sidebar a{color:#033f77;background:#fff;padding:5px;border-radius:6px}.card-compact{border-radius:12px;box-shadow:0 6px 18px rgba(16,24,40,.06)}.prog-wrap{background:#eef6ff;border-radius:10px;padding:8px}.prog{height:10px;border-radius:8px;background:linear-gradient(90deg,var(--accent),#2b9ed6)}.widget{background:linear-gradient(180deg,#fbfbfc,#fff);padding:12px;color:var(--navy);box-shadow:0 5px 15px rgba(0,0,0,.35)}.avatar,.widget{border-radius:10px}.avatar{width:48px;height:48px;object-fit:cover;border:2px solid #fff}.small-muted{color:var(--muted);font-size:.9rem}.attendance-log{background:linear-gradient(180deg,#012a81,#012a53);border-radius:10px;padding:12px;box-shadow:0 8px 20px rgba(16,24,40,.05)}.note-chip{background:#eef6ff;color:var(--navy);padding:8px 10px;border-radius:999px;display:inline-flex;gap:8px;align-items:center;font-weight:600}@media (max-width:991px){.hrms-sidebar{display:none}.hrms-sidebar .active{display:block;position:relative;margin-bottom:18px}.frame{padding:12px}}.scroll-y{max-height:340px;overflow:auto;padding-right:6px}.scroll-y::-webkit-scrollbar{width:7px}.scroll-y::-webkit-scrollbar-thumb{background:rgba(11,107,176,.35);border-radius:6px}.table-att td,.table-att th{vertical-align:middle}.net-hours{font-weight:700;color:var(--accent)}table{overflow:hidden}.employee-attendance{background-color:#f8f9fa}.employee-attendance .card{border-radius:16px}.employee-attendance table td,.employee-attendance table th{vertical-align:middle;font-size:.95rem}.employee-attendance .table-primary{background-color:#1e3a8a!important;color:#fff!important}.employee-attendance .badge{font-size:.8rem;padding:6px 10px;border-radius:8px}.profile-card{background:linear-gradient(90deg,#2c3e50,#4b6cb7);border-radius:16px;padding:20px 25px}.profile-img{width:80px;height:80px}.badges .badge{font-size:.8rem;padding:8px 10px;border-radius:8px}.btn-outline-light:hover{background-color:#fff;color:#4b6cb7;transition:.3s ease}.attendance-box{background:#f8faff;border:1px solid #e3e6f0}.attendance-row{background:#fff;transition:.3s ease;border:1px solid #e3e6f0}.hover-effect:hover{box-shadow:0 6px 14px rgba(0,0,0,.1)}.badge{padding:11px 23px}.attendance-popup{bottom:40px;left:0;background:#f3b2b2!important;color:#333;border-radius:14px;padding:12px 16px;box-shadow:0 6px 18px rgba(0,0,0,.15);width:240px;z-index:20;animation:fadeInUp .3s ease forwards;border:1px solid #e0e0e0}.popup-arrow{left:25px;background:#f3b2b2!important;transform:rotate(45deg);border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-radius:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-content p{font-size:.9rem;display:flex;align-items:center}.task-card{background:linear-gradient(135deg,#e9f1ff,#fff);transition:.3s ease}.task-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);transform:translateY(-3px)}.form-check-input:checked{background-color:#4b6cb7;border-color:#4b6cb7}.list-group-item{background:transparent}.leave-card{background:linear-gradient(135deg,#e9f1ff,#fff);transition:.3s ease}.leave-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);transform:translateY(-3px)}.progress-bar{border-radius:4px}@media (max-width:768px){.attendance-row{flex-direction:column;justify-content:start!important}.badges{margin-bottom:10px}}.profile{display:flex;flex-wrap:nowrap}.profile-card{background:linear-gradient(135deg,#233955,#3b5b7f);border-radius:18px;padding:1.2rem}.profile-img{width:90px;height:90px;border-radius:50%;border:3px solid #fff;object-fit:cover}.profile-header .badge{font-size:.75rem;padding:6px 10px}@media (max-width:767px){.profile-card{text-align:center;padding:1.5rem}.profile-buttons,.profile-info{flex-direction:column;align-items:center}.profile-buttons{display:flex}.profile-buttons .btn{width:80%}}@media (min-width:768px) and (max-width:991px){.profile-card{padding:1.5rem 1rem}.profile-img{width:80px;height:80px}}.attendance-box{background-color:#f8fbff}.hover-effect{background:#fff;transition:all .3s ease}.hover-effect:hover{background:#eaf3ff;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.badge{font-size:.85rem;padding:6px 10px;cursor:pointer}.attendance-popup{top:-160px;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.15);padding:12px 14px;width:220px;display:none;z-index:10;animation:fadeIn .3s ease-in-out}.attendance-popup,.popup-arrow{position:absolute;left:50%;transform:translateX(-50%);background:#fff}.popup-arrow{bottom:-8px;width:16px;height:16px;-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0)}.attendance-popup:hover,.popup-trigger:hover+.attendance-popup{display:block}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.attendance-row{flex-direction:column;align-items:flex-start;text-align:left}.text-end{text-align:left!important}.attendance-popup{top:auto;bottom:110%;left:50%;transform:translateX(-50%)}.popup-arrow{top:auto;bottom:-10px}.profile{flex-wrap:wrap!important}.profile-content{flex-wrap:wrap}}.profile{display:flex!important}.task-status{background:linear-gradient(180deg,#f3f8ff,#fff)}.task-status .bg-primary{background-color:#0f2841!important}.chart-container{width:220px;height:220px;position:relative;margin:0 auto}.pie-chart{width:100%;height:100%;border-radius:50%;background:conic-gradient(#198754 0deg 270deg,#ffc107 270deg 315deg,#dc3545 315deg 345deg,#6c757d 345deg 1turn);box-shadow:0 0 12px rgba(0,0,0,.1)}.chart-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.legend-item{margin:8px;font-weight:500;color:#333}.legend-dot{width:14px;height:14px;border-radius:50%;display:inline-block}@media (max-width:768px){.chart-container{width:180px;height:180px}.legend-item{font-size:.9rem}}.attendance-box h5{color:#012a53!important}.search input{border-radius:8px;border:1px solid #dfd6d6;padding:4px}.attendance-wrapper{padding:20px;min-height:100vh;overflow-y:auto;background:#f7f8fa}.page-title{font-size:1.6rem;font-weight:700;color:#333;margin-bottom:20px}.control-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 3px 10px rgba(0,0,0,.08);margin-bottom:25px}.calendar-container{background:#fff;border-radius:15px;padding:25px;box-shadow:0 3px 15px rgba(0,0,0,.1);overflow-x:auto}.calendar-header{text-align:center;margin-bottom:15px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px;gap:10px;min-width:700px}.day-name{text-align:center;font-weight:700;color:#666}.day-box{text-align:center;padding:10px;border-radius:10px;background:#f1f1f1;font-weight:500;transition:all .3s ease}.day-box:hover{transform:scale(1.05)}.day-present{background:#d1f7c4!important;border:2px solid #4caf4c}.day-leave{background:#ffe7a8!important;border:2px solid #ff9800}.day-half.first-half{background:linear-gradient(90deg,#ffe7a8 50%,#f1f1f1 0);border:2px solid #ffb300}.day-half.second-half{background:linear-gradient(90deg,#f1f1f1 50%,#ffe7a8 0);border:2px solid #ffb300}.day-absent{background:#ffd1d1!important;border:2px solid #ffb300}.day-holiday{background:#d1e8ff!important;border:2px solid #2196f3}.legend-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:15px;gap:10px}.legend-item{display:flex;align-items:center;font-size:14px;gap:8px}.legend-color{width:20px;height:20px;border-radius:5px}.scroll-container{max-height:calc(100vh - 100px);overflow-y:auto;padding-right:0}.scroll-container::-webkit-scrollbar{width:10px}.scroll-container::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}.scroll-container::-webkit-scrollbar-thumb:hover{background-color:#888}.fullpage-scroll{height:calc(100vh - 10px);overflow-y:auto;overflow-x:hidden;padding-bottom:100px}.attendance-wrapper{min-height:110%;width:100%}.leave-wrapper{background:#f8f9fb;min-height:100vh}.card{border-radius:12px}.student-select{width:135px}.form-control,.form-select{font-size:15px;padding:9px 11px;transition:all .3s ease}.form-control:focus,.form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .1rem rgba(13,110,253,.25)}.btn{transition:.3s ease}.btn:hover{transform:translateY(-2px)}.table thead th{font-weight:600}.table tbody tr:hover{background-color:#f8f9fa}.badge{font-size:13px;border-radius:6px}attendance-card .attendance-card{background:linear-gradient(135deg,#385679,#385679)!important}.attendance-card .bi-clock-history,.attendance-card h4,.attendance-card p,p{color:#333}.checkin{display:flex;justify-content:space-between;background-color:#fff;padding:10px;margin-bottom:10px;border-radius:10px}.checkin-btn:hover{background:#f47721!important}.checkin-btn{background:rgba(255,237,217,.397);border:2px solid #f47721}.time-card{border-radius:6px!important;background:linear-gradient(145deg,#fff,#f3f6ff)!important;transition:all .3s ease}.time-display{background:rgba(59,87,255,.06);border-radius:6px;border:2px solid #f47721}.time-card h1{font-size:18px}.time-display h1{font-size:2.5rem;letter-spacing:1px}.checkin a{padding:6px 12px;border-radius:6px;color:#333;text-decoration:none}.checkout-btn{background:#f0ffe0;border:2px solid #f07300}.checkout-btn .icon{color:#00b4ff;background:rgba(0,179,255,.404)}.checkout-btn :hover{background:rgba(0,179,255,.295)!important}.action-btn .icon{background:hsla(0,0%,100%,.6);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s ease}.top-header1{background-color:#fff;padding:10px;margin-bottom:10px;border-radius:10px}.kpi-box{transition:all .2s ease-in-out;border:1px solid #eee}.kpi-box:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.profile-image-uploader{width:120px;height:120px;border-radius:50%;border:2px solid #ccc;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;position:relative;cursor:pointer}.profile-image-preview{width:100%;height:100%;object-fit:cover;display:block}.profile-image-placeholder{color:#888;font-size:14px;text-align:center}.profile-image-pencil{position:absolute;bottom:5px;right:5px;background-color:#fff;border-radius:50%;padding:5px;font-size:16px;border:1px solid #ccc}.circle-icon{position:relative;width:60px;height:35px;background-color:#f47721;border-radius:6px;display:flex;align-items:center;justify-content:center}.circle-icon:before{top:-18px}.circle-icon:after,.circle-icon:before{content:"";position:absolute;width:45px;height:45px;background-color:inherit;transform:scaleY(.5774) rotate(-45deg);left:7.5px;border-radius:6px}.circle-icon:after{bottom:-18px}@media (min-width:768px){.card-layout{flex-direction:row}.icon-col{order:2}.text-col{order:1}}@media (max-width:767px){.card-layout{flex-direction:column;text-align:center}.icon-col{order:1;margin-top:10px;display:flex;justify-content:center}.text-col{order:2;margin-top:10px}.emplpoyee_name h4{font-size:16px}}.dashboard-card{border-radius:12px;overflow:hidden}.text-col h6,h4{font-size:18px}.attendance{background-color:transparent;border-bottom:0;border-radius:10px}.time-display{padding:16px 52px}.hrms-checkin:hover{background-color:rgba(25,135,84,.397)}.testbtn{background:#5869ff!important;color:#fff;border-radius:10px;border:none;color:#fff!important}.fontsize h6,h4{font-size:15px}.btn-height,.btn-height button{height:42px}.rounded:hover a{color:#000!important}.rounded:hover i{color:#fff}.admin-name:hover{background-color:transparent}.gap-2:hover i,.gap-2:hover span{color:#000}.gap-2:hover p,.r2:hover{color:#000!important}.fit-content{width:1%;white-space:nowrap;padding-left:6px!important;padding-right:6px!important;text-align:center}td.fit-content{width:auto!important;white-space:nowrap!important;padding:2px 6px!important;text-align:center}table.my-table{table-layout:auto!important}.datetime{color:#fff!important}.join{background:#233955;padding:7px;border-radius:10px;width:100px;text-align:center!important}.color-prfile,.join{color:#fff}tbody,td,tfoot,th,tr{border:none}.table-shadow{box-shadow:none!important}.btn-box{justify-content:space-between}.table-shadow td{color:var(--muted)}.cancel-btn{padding:6px 40px}table .btn-primary{margin-bottom:8px}.card-shadow{box-shadow:0 2px 15px rgba(0,0,0,.1);padding:19px}.emp-btn{width:100px}.spr-admin{font-size:15px;color:#fff;text-align:center}.pf-card{height:300px}.profile-master-card{background:linear-gradient(135deg,#233955,#3b5b7f);border-radius:22px;padding:35px;color:#fff;position:relative;overflow:hidden}.profile-master-card:before{content:"";position:absolute;width:220px;height:220px;top:-60px;right:-60px;border-radius:50%;background:rgba(255,136,0,.12);filter:blur(40px)}.profile-top{position:relative;z-index:2}.profile-img-wrapper{width:121px;height:127px;border-radius:66px;overflow:hidden;border:3px solid hsla(0,0%,100%,.15);box-shadow:0 0 20px rgba(255,136,0,.3)}.profile-img-pro{width:100%;height:100%;object-fit:cover}.profile-main-name{font-size:25px;font-weight:700;letter-spacing:.5px}.profile-role-tag{background:rgba(255,136,0,.2);color:#f80;padding:3px 12px;display:inline-block;border-radius:8px;font-size:14px;font-weight:600}.profile-sub{color:#b9c4da;font-size:15px;margin-top:2px}.profile-contact-line{color:#dce3f7;font-size:14px;margin-bottom:3px}.profile-right-info{min-width:230px;display:flex;flex-direction:column;gap:20px}.info-box{background:hsla(0,0%,100%,.05);padding:12px 16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.06)}.info-small-title{font-size:12px;color:#9ca8c7;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.info-val{color:#f80;font-size:17px;font-weight:700;margin:0}.pagination .page-item .page-link{color:#fff}.pagination .page-item .page-link:hover{color:#012a53}.icon-box{width:70px;height:70px;border-radius:50%;background:hsla(0,0%,100%,.1)}@media (max-width:575px){.responsive-card{text-align:center;padding:18px}.responsive-card .tx-20{font-size:22px}}.btn_block{display:flex}.page_heading h4{font-size:23px}.form-box{padding:18px 19px 26px 10px;box-shadow:0 2px 15px rgba(0,0,0,.1)}.punch_table .table thead tr{background-color:#117dc2!important}.card h6{font-weight:600;color:#2c2c2c;margin-bottom:16px}.btn-primary{background:linear-gradient(258.51deg,#0077cd 12.83%,#546afb 67.63%);font-weight:600}.card-header{background-color:transparent!important}.search_show_entries h4{font-size:26px}.rounded{margin-right:6px}.menu_bar ul li{transition:.3s ease-in-out}.menu_bar ul li:hover>a{background-color:#ffffff20;color:#fff;border-radius:6px}.menu_bar ul li:hover span{color:#fff!important}.menu_bar ul .nav-item-main a:hover i,.menu_bar ul li:hover>a,i{color:#f47721}.custom-table{border-spacing:0;width:100%;border-radius:12px;overflow:hidden}.circle-icon i{font-size:20px;z-index:1;color:#fff}.custom-table thead{color:#fff}.custom-table thead th{padding:12px;font-weight:600}.custom-table.table tbody tr{transition:.3s}.custom-table.table tbody tr:hover{background:#e2e8f0!important}.custom-table td{padding:12px}.custom-table td,.custom-table th{border:none!important}.custom-table thead tr th:first-child{border-top-left-radius:12px}.custom-table thead tr th:last-child{border-top-right-radius:12px}.custom-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.custom-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.custom-table.table thead tr th{background:linear-gradient(135deg,#ec7100,#ec7100);color:#fff!important;border:none!important;padding:18px 15px}.newtable tbody tr:nth-child(2n){background:#f6f6f6!important}.custom-table table tbody tr{background-color:red!important}html body table.custom-table.newtable tbody tr:nth-child(2n) td{background-color:#fff7ef!important}html body table.custom-table.newtable tbody tr:hover td{background-color:#f9fff2!important;cursor:pointer}html thead tr th{min-width:100px!important}html tbody tr td{min-width:100px}.attendance-card h4,p{color:rgba(0,0,0,.5)}.employee-overvew h6{font-size:16px}.employee-overvew h3{font-size:17px}.emp-btn{border-radius:100px;width:150px}.dashboard-card{height:150px}.emplpoyee_name{margin-left:10px}@media (max-width:900px){.profile-content{flex-wrap:wrap;flex-wrap:wrap!important;flex-direction:column;margin-left:80px}.profile-content,.profile-img-wrapper{align-items:center;justify-content:center}.profile-img-wrapper{flex-direction:row}}.profile-top{display:flex;flex-wrap:wrap;gap:20px}@media (max-width:1300px){.profile-top{text-align:center}.profile-content,.profile-top{flex-direction:column;align-items:center}.profile-content .ms-3{margin-left:0!important;margin-top:15px}.profile-contact-line{justify-content:center;display:flex;align-items:center;gap:6px}.profile-right-info{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;width:100%;margin-top:10px}.profile-right-info .info-box{min-width:120px;text-align:center}}.profile-contact-line i{font-size:16px;margin-right:6px}.drag-scroll-wrapper{height:auto;min-height:200px;max-height:550px;overflow-x:auto;overflow-y:auto;background-color:#ffedd9;-webkit-overflow-scrolling:touch;border-radius:15px;scrollbar-width:thin;scrollbar-color:#f7b267 #ffe8d1;border:1px solid #ddd;padding-right:5px}@media (max-width:768px){.drag-scroll-wrapper{max-height:400px}}.drag-scroll-wrapper::-webkit-scrollbar{width:8px;height:8px}.drag-scroll-wrapper::-webkit-scrollbar-track{background:transparent!important;border-radius:10px}.drag-scroll-wrapper::-webkit-scrollbar-thumb{background:#f7b267;border-radius:10px}.drag-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#f29b42}@media (max-width:768px){.drag-scroll-wrapper{height:350px}.drag-scroll-wrapper::-webkit-scrollbar{width:12px;height:12px}.drag-scroll-wrapper::-webkit-scrollbar-thumb{background:#999}}.drag-scroll-wrapper{border:none}.border-bottom{border-bottom:none!important}.text-col h6,h4{font-size:17px}#sidebar ul li:hover span{color:transparent}#toggle_btn img{width:24px}.attendance h4{color:#fff}.circle-icon svg{margin-left:7px;margin-top:5px;z-index:1;font-size:7px}.comman_bt:hover{color:#007bd7!important}.emp-btn{border-radius:10px;padding:6px;margin-bottom:5px}.logout{width:85%;background:#ff8300}.logout:hover{background-color:#f5883d}.menu_bar ul li.active a i,.menu_bar ul li.active a span{color:#fff!important}.dashboard_btn{background-color:#f47721;border-radius:10px;margin-bottom:20px;position:relative;height:70px}.dashboard_btn h4{margin-top:20px;color:#fff}.dashboard_btn:after{position:absolute;content:"";background:#fff;width:6px;height:24px;right:0;border-radius:5px 0 0 5px;top:0;bottom:0;margin:auto}.chart-box{background:#fff;border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.line-chart,.y-values{display:flex}.y-values{flex-direction:column;justify-content:space-between;height:240px;margin-right:20px;font-weight:600;color:#555}.chart-area{width:100%;position:relative}.months{display:flex;justify-content:space-between;margin-top:10px;font-weight:600;color:#333}.value-text{font-size:13px;fill:#333;font-weight:700}.search_show_entries .show_entries{border:1px solid orange;margin-bottom:0}.dashboard-card .circle-icon{transition:transform .6s ease-in-out}.dashboard-card:hover .circle-icon{transform:rotate(1turn)}.dashboard_right_block{background-image:url(webpack:///mini-css-extract-plugin//_next/static/media/bggg.cfa7ba33.jpg);background-size:cover;background-position:50%}.pagination .page-link .active{background-color:#f5883d!important}.card-body{padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color);box-shadow:0 2px 15px rgba(0,0,0,.1);border-radius:10px}.btn-danger:hover{background-color:#f5883d}.btn-danger:hover i{color:#fff}.btn-success:hover{background-color:#f5883d}.btn-success:hover i{color:#fff}.daily-activity{border:1px solid orange;margin-bottom:0}.active>.page-link,.page-link,.page-link.active{background-color:#f47721}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;font-weight:600;font-size:14px;background:linear-gradient(145deg,#ff9f2f,#ff7a00);color:#111;border-radius:30px;box-shadow:0 8px 0 #cc5f00,0 12px 20px rgba(0,0,0,.3);transition:all .3s ease}.status-badge:hover{transform:translateY(4px);box-shadow:0 4px 0 #cc5f00,0 6px 10px rgba(0,0,0,.25)}.menu_bar li.active:hover a i,.menu_bar li.active:hover a span{color:#fff!important}.menu_bar li.active a i,.menu_bar li.active a span{transition:color .3s ease}.menu_bar ul:hover{background:inherit!important}.menu_bar ul li a i,.menu_bar ul li a span{color:#fff;transition:color .25s ease}.menu_bar ul li:hover>a i,.menu_bar ul li:hover>a span{color:#f5883d!important}.menu_bar ul li.active>a i,.menu_bar ul li.active>a span{color:#ffb347}.chart-box input.form-control{border-radius:8px;border:1px solid #f80}.chart-box input.form-control:focus{box-shadow:0 0 0 .2rem rgba(255,136,0,.25);border-color:#f80}.view_btn{border:none!important}.search_show_entries{margin-bottom:30px}.icon-background{background-color:#e7f5d9;color:#fff}.icon-background:hover{background-color:orange}.icon-background:hover i{color:#fff}.punch_table .table tbody tr td:nth-child(2){padding:2px;font-size:13px}.punch_table .table tbody tr td{font-size:13px;padding:7px 11px}.custom-table td:first-child,.custom-table th:first-child{width:60px;min-width:30px!important;max-width:70px;text-align:center;white-space:nowrap}.custom-table td:nth-child(2),.custom-table th:nth-child(2){width:300px}.custom-table td,.custom-table td:nth-child(3),.custom-table td:nth-child(4),.custom-table th{white-space:nowrap}#cardbody1{background-color:#fff!important}.card-body{background-color:transparent!important}@media(max-width:768px){.apply_application{text-align:center}.sidebar.open{transform:translateX(0);margin-top:67px;transition:transform .4s ease!important;transition:transform .4s ease,opacity .4s ease!important}.page_heading h4{font-size:18px}}@media(max-width:400px) and (min-width:200px){.comman_btn{padding:7px 27px}.emplpoyee_name h4{font-size:12px}#toggle_btn img{width:17px;margin-right:6px}.profile_img img{width:33px;height:31px}.apply_application{text-align:center}.page_heading h4{font-size:18px}}.form-control,.form-select{border-radius:8px;border:1px solid #ced4da;font-size:14px;width:100%;padding:9px 4px 9px 14px;min-width:97px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}select.form-control,select.form-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.comman_btn{position:relative}.iconss{left:10px}.iconss,.iconss1{position:absolute}.iconss1{right:10px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#f80}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}a{text-decoration:none;display:inline-block;padding:8px 16px}a:hover{background-color:#ddd;color:#000}.previous{background-color:#f1f1f1;color:#000}.next{background-color:#04aa6d;color:#fff}.round{border-radius:50%}.form-group.imageupload-box{width:100px;height:100px;border:1px dashed #ccc;border-radius:13px;overflow:hidden}.file-upload-wrapper{position:relative;width:100%;border:2px solid #eaedff;color:#6f7172;outline:none;border-radius:8px;padding:10px 15px 10px 45px}.basic-login label{color:#252b5c;display:block;font-size:16px;font-weight:500;line-height:1.4;margin:0 0 7px}.file-upload-wrapper span{display:inline-block;font-size:16px;font-weight:400;line-height:1.4;margin:0;color:#010101}.file-upload-wrapper input{opacity:0;padding:0;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.front-loader{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(150,171,200,.686)!important;-webkit-backdrop-filter:blur(32px)!important;backdrop-filter:blur(32px)!important;z-index:99999;display:flex;justify-content:center;align-items:center}.front-loader .loader-img{width:200px;animation:frontLoader 2s linear infinite}@keyframes frontLoader{50%{transform:scale(.8)}to{transform:scale(1)}}@keyframes frontLoaderCenter{50%{fill:#007bff}to{fill:#fff}}.front-loader .gear{position:absolute;bottom:140px;width:40px;animation:gearRotate 3s linear infinite}