:root{font-family:Poppins,sans-serif}body{margin:0;overflow-x:hidden;background-color:#f3f3ff}body::-webkit-scrollbar{width:0px}.Main_Header{width:100vw;height:64px;position:fixed;top:0;left:0;background-color:#f3f3ff;display:flex;align-items:center}.Header_Split{width:94%;margin:0 auto;display:flex;justify-content:end;align-items:center}.Left_Split_Header{width:auto;height:auto}.Left_Split_Header img{width:60%;height:auto;display:flex;justify-content:center;align-items:center}.Right_Split_Header{width:auto;height:auto;display:flex;justify-content:space-between;align-items:center;gap:32px}.Right_Split_Header img{width:38px;height:38px;cursor:pointer}.Login_Data{width:auto;height:auto;display:flex;justify-content:space-around;align-items:center;gap:20px}.Left_Login_Data h4{font-size:14px;font-weight:600;margin:0;color:#000}.Left_Login_Data p{font-size:12px;font-weight:400;margin:2px 0 0;color:#787878}.Right_Login_Data img{width:45px;height:45px;border-radius:50%;object-fit:cover}.profile-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.profile-popup-content{background:#fff;padding:2rem;border-radius:10px;width:300px;max-width:90%;text-align:center;box-shadow:0 5px 20px #0003;z-index:1000000}.logout-btn{background-color:#ff4d4d;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;margin-top:15px}.logout-btn:hover{background-color:#e60000}.profile-pic{cursor:pointer;border-radius:50%;width:40px;height:40px}.Initials_Container{width:40px;height:40px;background-color:#ccc;border-radius:50%;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px;color:#12456f;cursor:pointer}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:120%;background-color:#000000b3;z-index:99999}.popup-content{width:500px;height:480px;padding:20px 40px;position:fixed;display:flex;flex-direction:column;top:50%;left:50%;justify-content:center;transform:translate(-50%,-50%);border-radius:20px;background-color:#fff;z-index:999999;animation:slide .5s}@keyframes slide{0%{margin-top:-1000px}to{margin-top:0}}.profile-image{width:260px;height:260px;border-radius:10px;margin-bottom:15px;position:relative}.edit-photo-btn{position:absolute;top:52%;left:45%;transform:translate(-50%,-50%);width:40px;height:40px;padding:10px;display:flex;justify-content:center;align-items:center;background-color:#f3f3ff;border:1px solid #AAAAAA;border-radius:50%;cursor:pointer}.edit-photo-btn:hover{background-color:#ffb540}.customer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;padding:20px}.customer-details div{display:flex;margin-bottom:8px}.label{width:100px;font-weight:500;color:#444;text-align:left;padding-right:8px}.value:before{content:":";margin-right:50px}.value{flex:1;text-align:left;color:#222;font-weight:600}.upper_portion{display:flex;gap:0px;justify-content:space-between}.logout_button button{background-color:#f42b01;height:38px;width:126px;border:none;color:#fff;padding:10px 12px;border-radius:10px;align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;font-weight:600;font-size:14px;cursor:pointer}.profile-initials img{width:64%;height:95%;margin:auto}@media (min-width: 1025px) and (max-width: 1280px){.Main_Dashboard_Content{width:100%;height:auto;margin:auto;display:flex;justify-content:space-between}.Left_Dashboard_Content{width:28%;height:auto}.Right_Dashboard_Content{width:73%;height:auto}.error-banner{background-color:#ffe0e0;color:#b00020;padding:10px 15px;margin:10px 20px;border:1px solid #ffcccc;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;font-size:12px;color:#b00020;cursor:pointer}}@media (min-width: 1281px) and (max-width: 1440px){.Main_Dashboard_Content{width:100%;height:auto;margin:auto;display:flex;justify-content:space-between}.Left_Dashboard_Content{width:28%;height:auto}.Right_Dashboard_Content{width:78%;height:auto}.error-banner{background-color:#ffe0e0;color:#b00020;padding:10px 15px;margin:10px 20px;border:1px solid #ffcccc;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;font-size:12px;color:#b00020;cursor:pointer}}@media (min-width: 1441px) and (max-width: 1920px){.Main_Dashboard_Content{width:100%;height:auto;margin:auto;display:flex;justify-content:space-between}.Left_Dashboard_Content{width:28%;height:auto}.Right_Dashboard_Content{width:80%;height:auto}.error-banner{background-color:#ffe0e0;color:#b00020;padding:10px 15px;margin:10px 20px;border:1px solid #ffcccc;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;font-size:12px;color:#b00020;cursor:pointer}}@media (min-width: 1921px) and (max-width: 2560px){.Main_Dashboard_Content{width:100%;height:auto;margin:auto;display:flex;justify-content:space-between}.Left_Dashboard_Content{width:28%;height:auto}.Right_Dashboard_Content{width:85%;height:auto}.error-banner{background-color:#ffe0e0;color:#b00020;padding:10px 15px;margin:10px 20px;border:1px solid #ffcccc;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;font-size:12px;color:#b00020;cursor:pointer}}@media (min-width: 1024px) and (max-width: 1280px){.Main_Sidenav_Bar{width:20%;height:100vh;padding:0 20px;background-color:#12456f;position:fixed;display:flex;flex-direction:column;align-items:center}.Sub_Sidenav_Bar{width:100%;height:auto;margin:auto;display:flex;flex-direction:column;justify-content:flex-start}.Pending_Approvals{margin-top:10%;font-size:16px;font-weight:600;color:#f3f3ff}.sidebar-header{display:flex;justify-content:space-between;margin-top:12%}.dept_logo{width:110px;height:41px}.okulr_logo{width:49px;height:45px}.Complete_Vehicle_Data{width:auto;height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden;padding-bottom:20px}#scrllableDiv{height:80vh;overflow-y:auto}.Complete_Vehicle_Data::-webkit-scrollbar{width:0px}.Each_Vehicle_Data{width:100%;height:auto;background-color:#f3f3ff;border-radius:10px;margin-bottom:10%;transition:transform .5s ease,opacity .5s ease;opacity:1;transform:translate(0);overflow:hidden}.Each_Vehicle_Data.slide-out{width:100%;height:auto;opacity:0;transform:translate(-100%);pointer-events:none}.Vehicle_Image img{width:100%;height:auto;border-top-left-radius:10px;border-top-right-radius:10px}.Vehicle_Image img:hover{border-top-left-radius:15px;border-top-right-radius:15px;scale:1.05}.Vehicle_Data_Split{width:96%;height:auto;margin:3% auto auto;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.Left_Vehicle_Data,.Right_Vehicle_Image{width:auto;height:auto}.Left_Vehicle_Data p{margin-top:-10%;font-size:13px;color:#444;font-weight:400}.Left_Vehicle_Data h4{margin-top:-8%;font-size:14px;font-weight:600;color:#444}.Right_Vehicle_Image img{width:60px;height:60px;margin-top:-10%}}@media (min-width: 1281px) and (max-width: 1440px){.Main_Sidenav_Bar{width:20%;height:100vh;padding:0 20px;background-color:#12456f;position:fixed;display:flex;flex-direction:column;align-items:center}.Sub_Sidenav_Bar{width:100%;height:auto;margin:auto;display:flex;flex-direction:column;justify-content:flex-start}.Pending_Approvals{margin-top:10%;font-size:16px;font-weight:600;color:#f3f3ff}.sidebar-header{display:flex;justify-content:space-between;margin-top:12%}.dept_logo,.okulr_logo{width:88px;height:41px}.Complete_Vehicle_Data{width:auto;height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden;padding-bottom:20px}.Complete_Vehicle_Data::-webkit-scrollbar{width:0px}.Each_Vehicle_Data{width:100%;height:auto;background-color:#f3f3ff;border-radius:10px;margin-bottom:10%;transition:transform .5s ease,opacity .5s ease;opacity:1;transform:translate(0);overflow:hidden}.Each_Vehicle_Data.slide-out{width:100%;height:auto;opacity:0;transform:translate(-100%);pointer-events:none}.Vehicle_Image img{width:100%;height:auto;border-top-left-radius:10px;border-top-right-radius:10px}.Vehicle_Image img:hover{border-top-left-radius:15px;border-top-right-radius:15px;scale:1.05}.Vehicle_Data_Split{width:96%;height:auto;margin:3% auto auto;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.Left_Vehicle_Data,.Right_Vehicle_Image{width:auto;height:auto}.Left_Vehicle_Data p{margin-top:-10%;font-size:13px;color:#444;font-weight:400}.Left_Vehicle_Data h4{margin-top:-8%;font-size:14px;font-weight:600;color:#444}.Right_Vehicle_Image img{width:100px;height:100px;margin-top:-10%}}@media (min-width: 1441px) and (max-width: 1920px){.Main_Sidenav_Bar{width:20%;height:100vh;padding:0 20px;background-color:#12456f;position:fixed;display:flex;flex-direction:column;align-items:center}.Sub_Sidenav_Bar{width:100%;height:auto;margin:auto;display:flex;flex-direction:column;justify-content:flex-start}.Pending_Approvals{margin-top:10%;font-size:16px;font-weight:600;color:#f3f3ff}.sidebar-header{display:flex;justify-content:space-between;margin-top:7%}.dept_logo{width:153px;height:60px}.okulr_logo{width:63px;height:66px}.Complete_Vehicle_Data{width:auto;height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden;padding-bottom:20px}.Complete_Vehicle_Data::-webkit-scrollbar{width:0px}.Each_Vehicle_Data{width:100%;height:auto;background-color:#f3f3ff;border-radius:10px;margin-bottom:10%;transition:transform .5s ease,opacity .5s ease;opacity:1;transform:translate(0);overflow:hidden}.Each_Vehicle_Data.slide-out{width:100%;height:auto;opacity:0;transform:translate(-100%);pointer-events:none}.Vehicle_Image img{width:100%;height:auto;border-top-left-radius:10px;border-top-right-radius:10px}.Vehicle_Image img:hover{border-top-left-radius:15px;border-top-right-radius:15px;scale:1.05}.Vehicle_Data_Split{width:96%;height:auto;margin:3% auto auto;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.Left_Vehicle_Data,.Right_Vehicle_Image{width:auto;height:auto}.Left_Vehicle_Data p{margin-top:-10%;font-size:13px;color:#444;font-weight:400}.Left_Vehicle_Data h4{margin-top:-8%;font-size:14px;font-weight:600;color:#444}.Right_Vehicle_Image img{width:100px;height:100px;margin-top:-10%;margin-right:6px}}@media (min-width: 1921px) and (max-width: 2560px){.Main_Sidenav_Bar{width:20%;height:100vh;padding:0 20px;background-color:#12456f;position:fixed;display:flex;flex-direction:column;align-items:center}.Sub_Sidenav_Bar{width:100%;height:auto;margin:auto;display:flex;flex-direction:column;justify-content:flex-start}.Pending_Approvals{margin-top:10%;font-size:18px;font-weight:600;color:#f3f3ff}.sidebar-header{display:flex;justify-content:space-between;margin-top:7%}.dept_logo{width:201px;height:72px}.okulr_logo{width:159px;height:74px}.Complete_Vehicle_Data{width:auto;height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden;padding-bottom:20px}.Complete_Vehicle_Data::-webkit-scrollbar{width:0px}.Each_Vehicle_Data{width:100%;height:auto;background-color:#f3f3ff;border-radius:10px;margin-bottom:10%;transition:transform .5s ease,opacity .5s ease;opacity:1;transform:translate(0);overflow:hidden}.Each_Vehicle_Data.slide-out{width:100%;height:auto;opacity:0;transform:translate(-100%);pointer-events:none}.Vehicle_Image img{width:100%;height:auto;border-top-left-radius:10px;border-top-right-radius:10px}.Vehicle_Image img:hover{border-top-left-radius:15px;border-top-right-radius:15px;scale:1.05}.Vehicle_Data_Split{width:96%;height:auto;margin:3% auto auto;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.Left_Vehicle_Data,.Right_Vehicle_Image{width:auto;height:auto}.Left_Vehicle_Data p{margin-top:-10%;font-size:13px;color:#444;font-weight:400}.Left_Vehicle_Data h4{margin-top:-8%;font-size:14px;font-weight:600;color:#444}.Right_Vehicle_Image img{width:80px;height:100px;margin-top:-10%;margin-right:6px}}@media (min-width: 1025px) and (max-width: 1280px){.Main_Violation_Data{width:100%;height:auto;margin-top:64px}.Violation_Details{width:95%;height:auto;display:flex;justify-content:space-between}.Left_Violation_Details,.Right_Violation_Details{width:auto;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.Left_Violation_Details h3{font-size:16px;font-weight:600;color:#111}.Right_Violation_Details h4{font-size:14px;font-weight:500;color:#787878}.Violation_Vehicle_Data{width:95%;height:auto}.Vehicle_Image_Input{position:relative;width:auto;margin:auto}.Image_Container{position:relative;width:100%;display:inline-block}.Zoom_Lens{position:absolute;width:10rem;height:10rem;border:2px solid white;border-radius:50%;pointer-events:none;box-shadow:0 0 8px #00000080;background-repeat:no-repeat}.Image_Container img{width:100%;height:54vh;border-radius:10px}.Vehicle_Image_Input input{width:30%;height:auto;padding:10px;position:absolute;top:103%;left:50%;transform:translate(-50%,-50%);border:none;border-radius:20px;background-color:#f3f3ff;color:#111;font-size:20px;font-weight:600;text-align:center}.Vehicle_Image_Input input:focus{background-color:#f3f3ff;border:none;outline:none;cursor:pointer;caret-color:#000}.Violation_Complete_Details{width:100%;height:auto;margin-top:4%}.Complete_Details_Split{width:auto;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;gap:20px}.Left_Complete_Details{width:30%;height:auto;flex:1}.Left_Complete_Details p{font-size:16px;margin:0}.Left_Complete_Details h5{margin-top:1%;margin-bottom:1%;font-size:20px;font-weight:600;color:#111;line-height:24px}.Left_Complete_Details img{width:150px;height:57px;margin-right:6px;border-radius:10px}.Right_Complete_Details{width:50%;height:auto;flex:1.7;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 0px}.Each_Violation_Input{display:flex;align-items:center;gap:6px;font-size:12px}.Each_Violation_Input input[type=checkbox]{width:18px;height:18px;accent-color:#368ACF}.Each_Violation_Input label{font-size:13.5px;font-weight:400;color:#111}.Violation_Approval_Buttons{width:auto;height:auto;margin:auto;display:flex;justify-content:center;align-items:center;gap:50px}#Discard_Button{width:18%;height:auto;padding:12px;border:1.5px solid #12456F;background-color:#fff;border-radius:10px;font-size:14px;font-weight:500;color:#12456f;cursor:pointer}#Approve_Button{position:relative;overflow:hidden;width:18%;height:auto;padding:12px;border:none;background-color:#ffb540;border-radius:10px;font-size:14px;font-weight:500;color:#12456f;cursor:pointer}#Approve_Button:before{content:"";top:0;left:-100%;width:100%;height:100%;background-color:#2c6da8;transition:left 1.2s ease}#Approve_Button:hover:before{left:0}#Approve_Button span{position:relative}.error-message{color:#e74c3c;font-size:12px;font-weight:500}.error-message-container{min-height:15px;display:flex;justify-content:center;margin-bottom:0}.spinner{border:3px solid #f3f3f3;border-top:3px solid #fff;border-radius:50%;width:16px;height:16px;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lodingDiv{display:flex;justify-content:center;align-items:center}}@media (min-width: 1281px) and (max-width: 1440px){.Main_Violation_Data{width:100%;height:auto;margin-top:64px}.Violation_Details{width:95%;height:auto;display:flex;justify-content:space-between}.Left_Violation_Details,.Right_Violation_Details{width:auto;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.Left_Violation_Details h3{font-size:16px;font-weight:600;color:#111}.Right_Violation_Details h4{font-size:14px;font-weight:500;color:#787878}.Violation_Vehicle_Data{width:95%;height:auto}.Vehicle_Image_Input{position:relative;width:auto;margin:auto}.Image_Container{position:relative;width:100%;display:inline-block}.Zoom_Lens{position:absolute;width:10rem;height:10rem;border:2px solid white;border-radius:50%;pointer-events:none;box-shadow:0 0 8px #00000080;background-repeat:no-repeat}.Image_Container img{width:100%;height:54vh;border-radius:10px}.Vehicle_Image_Input input{width:30%;height:auto;padding:10px;position:absolute;top:103%;left:51%;transform:translate(-50%,-50%);border:none;border-radius:20px;background-color:#f3f3ff;color:#111;font-size:20px;font-weight:600;text-align:center}.Vehicle_Image_Input input:focus{background-color:#f3f3ff;border:none;outline:none;cursor:pointer;caret-color:#000}.Violation_Complete_Details{width:100%;height:auto;margin-top:4%}.Complete_Details_Split{width:auto;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;gap:20px}.Left_Complete_Details{width:30%;height:auto;flex:1}.Left_Complete_Details p{font-size:16px;margin:0}.Left_Complete_Details h5{margin-top:1%;margin-bottom:1%;font-size:20px;font-weight:600;color:#111;line-height:24px}.Left_Complete_Details img{width:191px;height:57px;margin-right:6px;border-radius:10px}.Right_Complete_Details{width:50%;height:auto;flex:1.7;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 0px}.Each_Violation_Input{display:flex;align-items:center;gap:6px;font-size:12px}.Each_Violation_Input input[type=checkbox]{width:18px;height:18px;accent-color:#368ACF}.Each_Violation_Input label{font-size:13.5px;font-weight:400;color:#111}.Violation_Approval_Buttons{width:auto;height:auto;margin:auto;display:flex;justify-content:center;align-items:center;gap:50px}#Discard_Button{width:18%;height:auto;padding:14px;border:1.5px solid #12456F;background-color:#fff;border-radius:10px;font-size:14px;font-weight:500;color:#12456f;cursor:pointer}#Approve_Button{position:relative;overflow:hidden;width:18%;height:auto;padding:14px;border:none;background-color:#ffb540;border-radius:10px;font-size:14px;font-weight:500;color:#12456f;cursor:pointer}#Approve_Button:before{content:"";top:0;left:-100%;width:100%;height:100%;background-color:#f0b85e;transition:left .7s ease}#Approve_Button:hover:before{left:0}#Approve_Button span{position:relative}.error-message{color:#e74c3c;font-size:12px;font-weight:500}.error-message-container{min-height:15px;display:flex;justify-content:center;margin-bottom:0}.spinner{border:3px solid #f3f3f3;border-top:3px solid #fff;border-radius:50%;width:16px;height:16px;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lodingDiv{display:flex;justify-content:center;align-items:center}}@media (min-width: 1441px) and (max-width: 1920px){.Main_Violation_Data{width:100%;height:auto;margin-top:64px}.Violation_Details{width:95%;height:auto;display:flex;justify-content:space-between}.Left_Violation_Details,.Right_Violation_Details{width:auto;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.Left_Violation_Details h3{font-size:16px;font-weight:600;color:#111}.Right_Violation_Details h4{font-size:14px;font-weight:500;color:#787878}.Violation_Vehicle_Data{width:95%;height:auto}.Vehicle_Image_Input{position:relative;width:auto;margin:auto}.Image_Container{position:relative;width:100%;display:inline-block}.Zoom_Lens{position:absolute;width:10rem;height:10rem;border:2px solid white;border-radius:50%;pointer-events:none;box-shadow:0 0 8px #00000080;background-repeat:no-repeat}.Image_Container img{width:100%;height:58vh;border-radius:10px}.Vehicle_Image_Input input{width:30%;height:auto;padding:10px;position:absolute;top:103%;left:50%;transform:translate(-50%,-50%);border:none;border-radius:20px;background-color:#f3f3ff;color:#111;font-size:20px;font-weight:600;text-align:center}.Vehicle_Image_Input input:focus{background-color:#f3f3ff;border:none;outline:none;cursor:pointer;caret-color:#000}.Violation_Complete_Details{width:100%;height:auto;margin-top:4%}.Complete_Details_Split{width:auto;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;gap:20px}.Left_Complete_Details{width:30%;height:auto;flex:1}.Left_Complete_Details p{font-size:16px;margin:0}.Left_Complete_Details h5{margin-top:1%;margin-bottom:1%;font-size:20px;font-weight:600;color:#111;line-height:24px}.Right_Complete_Details{width:50%;height:auto;flex:1.7;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 0px}.Each_Violation_Input{display:flex;align-items:center;gap:6px;font-size:12px}.Each_Violation_Input input[type=checkbox]{width:18px;height:18px;accent-color:#368ACF}.Each_Violation_Input label{font-size:13.5px;font-weight:400;color:#111}.Violation_Approval_Buttons{width:auto;height:auto;margin:auto;display:flex;justify-content:center;align-items:center;gap:50px}#Discard_Button{width:16%;height:auto;padding:16px;border:1.5px solid #12456F;background-color:#fff;border-radius:10px;font-size:14px;font-weight:500;color:#12456f;cursor:pointer}#Approve_Button{position:relative;overflow:hidden;width:16%;height:auto;padding:16px;border:none;background-color:#ffb540;border-radius:10px;font-size:14px;font-weight:500;color:#12456f;cursor:pointer}#Approve_Button:before{content:"";top:0;left:-100%;width:100%;height:100%;background-color:#f0b85e;transition:left 1.2s ease}#Approve_Button:hover:before{left:0}#Approve_Button span{position:relative}.Left_Complete_Details img{width:280px;height:80px;border-radius:10px;margin-right:6px}.error-message{color:#e74c3c;font-size:12px;font-weight:500}.error-message-container{min-height:15px;display:flex;justify-content:center;margin-bottom:0}.spinner{border:2px solid #f3f3f3;border-top:2px solid #fff;border-radius:50%;width:12px;height:12px;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lodingDiv{display:flex;justify-content:center;align-items:center}}@media (min-width: 1921px) and (max-width: 2560px){.Main_Violation_Data{width:100%;height:auto;margin-top:64px}.Violation_Details{width:95%;height:auto;display:flex;justify-content:space-between}.Left_Violation_Details,.Right_Violation_Details{width:auto;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.Left_Violation_Details h3{font-size:18px;font-weight:600;color:#111}.Right_Violation_Details h4{font-size:14px;font-weight:500;color:#787878}.Violation_Vehicle_Data{width:95%;height:auto}.Vehicle_Image_Input{position:relative;width:auto;margin:auto}.Image_Container{position:relative;width:100%;display:inline-block}.Zoom_Lens{position:absolute;width:10rem;height:10rem;border:2px solid white;border-radius:50%;pointer-events:none;box-shadow:0 0 8px #00000080;background-repeat:no-repeat}.Image_Container img{width:100%;height:70vh;border-radius:10px}.Vehicle_Image_Input input{width:30%;height:auto;padding:10px;position:absolute;top:103%;left:50%;transform:translate(-50%,-50%);border:none;border-radius:20px;background-color:#f3f3ff;color:#111;font-size:24px;font-weight:600;text-align:center}.Vehicle_Image_Input input:focus{background-color:#f3f3ff;border:none;outline:none;cursor:pointer;caret-color:#000}.Violation_Complete_Details{width:100%;height:auto;margin-top:4%}.Complete_Details_Split{width:auto;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;gap:20px}.Left_Complete_Details{width:30%;height:auto;flex:1}.Left_Complete_Details p{font-size:16px;margin:0}.Left_Complete_Details h5{margin-top:1%;margin-bottom:1%;font-size:20px;font-weight:600;color:#111;line-height:24px}.Left_Complete_Details img{width:391px;height:157px;border-radius:10px;margin-right:6px}.Right_Complete_Details{width:50%;height:auto;flex:1.7;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 0px}.Each_Violation_Input{display:flex;align-items:center;gap:6px;font-size:12px}.Each_Violation_Input input[type=checkbox]{width:18px;height:18px;accent-color:#368ACF}.Each_Violation_Input label{font-size:18px;font-weight:400;color:#111}.Violation_Approval_Buttons{width:auto;height:auto;margin:auto;display:flex;justify-content:center;align-items:center;gap:50px}#Discard_Button{width:15%;height:auto;padding:18px;border:1.5px solid #12456F;background-color:#fff;border-radius:10px;font-size:16px;font-weight:700;color:#12456f;cursor:pointer}#Approve_Button{position:relative;overflow:hidden;width:15%;height:auto;padding:18px;border:none;background-color:#ffb540;border-radius:10px;font-size:16px;font-weight:700;color:#12456f;cursor:pointer}#Approve_Button:before{content:"";top:0;left:-100%;width:100%;height:100%;background-color:#f0b85e;transition:left 1.2s ease}#Approve_Button:hover:before{left:0}#Approve_Button span{position:relative}.error-message{color:#e74c3c;font-size:12px;font-weight:500}.error-message-container{min-height:15px;display:flex;justify-content:center;margin-bottom:0}.spinner{border:3px solid #f3f3f3;border-top:3px solid #fff;border-radius:50%;width:16px;height:16px;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lodingDiv{display:flex;justify-content:center;align-items:center}}.Main_Login_Verification{width:100vw;height:100vh}.Login_Verification_Split{display:flex;width:100%;height:100%}.Left_Login_Verification{width:50%;height:100%;background-color:#f3f3ff;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.Top_Logo{width:auto;height:auto;padding:10px}.Top_Logo img{width:15%;height:auto}.Middle_Logo{width:auto;height:auto;display:flex;justify-content:center;align-items:center;flex-grow:1}.Middle_Logo img{width:60%;height:auto}.Bottom_Split{padding:10px;display:flex;justify-content:space-between}.Bottom_Split img{width:15%;height:auto}.Bottom_Split p{font-size:12px;font-weight:400;color:#2b2b2b}.Right_Login_Verification{width:50%;height:100%;background-color:#12456f;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.Login_Verification_Form{width:300px;display:flex;flex-direction:column;gap:20px}.Each_Verification_Data{margin-top:10%;position:relative;width:100%;display:flex;align-items:center}.Each_Verification_Data input{width:100%;padding:15px 14px 15px 40px;border:1px solid #AAAAAA;background-color:#f3f3ff;border-radius:8px;color:#5f5f5f;font-size:14px;font-weight:400}.Each_Verification_Data input:focus,.Each_Verification_Data input:active,.Each_Verification_Data input:not(:placeholder-shown){color:#2b2b2b;border-color:none;outline:none;font-size:14px;font-weight:600}.Each_Verification_Data:has(input:focus) .Input_Icon,.Each_Verification_Data:has(input:active) .Input_Icon,.Each_Verification_Data:has(input:not(:placeholder-shown)) .Input_Icon{filter:brightness(0) saturate(100%) invert(11%) sepia(2%) saturate(1683%) hue-rotate(180deg) brightness(93%) contrast(89%)}.Pin_Text{position:absolute;bottom:-18px;left:0;width:100%;color:#f3f3ff;font-size:11px;margin:0}.Verify_Success_Box.success{background-color:#25c925;color:#fff;padding:10px;border-radius:8px;text-align:center;font-weight:600;font-size:12px}.Verify_Success_Box.error{background-color:red;color:#fff;padding:10px;border-radius:8px;text-align:center;font-weight:600;font-size:12px}.Each_Verification_Data input::placeholder{color:#5f5f5f}.Verify_Error_Msg{position:absolute;bottom:-18px;left:0;width:100%}.Verify_Error_Msg p{color:#f3f3ff;font-size:11px;margin:0;text-align:right}.Verify_Button{margin-top:14%;display:flex;justify-content:center}#Verifying_Button{width:50%;padding:10px 0;background-color:#ffb540;border:none;border-radius:10px;color:#2b2b2b;font-size:16px;font-weight:600;cursor:pointer}.Bottom_Product{position:absolute;bottom:10px;width:100%;text-align:center}.Bottom_Product p{font-size:13px;font-weight:500;color:#fff}.Main_Create_Password{width:100vw;height:100vh}.Create_Password_Split{display:flex;width:100%;height:100%}.Left_Password{width:50%;height:100%;background-color:#f3f3ff;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.Password_Top_Logo{width:auto;height:auto;padding:10px}.Password_Top_Logo img{width:15%;height:auto}.Password_Middle_Logo{width:auto;height:auto;display:flex;justify-content:center;align-items:center;flex-grow:1}.Password_Middle_Logo img{width:60%;height:auto}.Password_Bottom_Split{padding:10px;display:flex;justify-content:space-between}.Password_Bottom_Split img{width:15%;height:auto}.Password_Bottom_Split p{font-size:12px;font-weight:400;color:#2b2b2b}.Right_Password{width:50%;height:100%;background-color:#12456f;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.Password_Form{width:300px;display:flex;flex-direction:column;gap:20px}.Each_Password_Data{margin-top:6%;position:relative;width:100%;display:flex;align-items:center}.Each_Password_Data input{width:100%;padding:15px 14px 15px 40px;border:1px solid #AAAAAA;background-color:#f3f3ff;border-radius:8px;color:#5f5f5f;font-size:14px}.Each_Password_Data input:focus,.Each_Password_Data input:active,.Each_Password_Data input:not(:placeholder-shown){color:#2b2b2b;border-color:none;outline:none;font-size:14px;font-weight:600}.Each_Password_Data:has(input:focus) .Input_Icon,.Each_Password_Data:has(input:active) .Input_Icon,.Each_Password_Data:has(input:not(:placeholder-shown)) .Input_Icon{filter:brightness(0) saturate(100%) invert(11%) sepia(2%) saturate(1683%) hue-rotate(180deg) brightness(93%) contrast(89%)}.Password_Success_Box.success{background-color:#25c925;color:#fff;padding:10px;border-radius:8px;text-align:center;font-weight:600;font-size:11px}.Password_Success_Box.error{background-color:red;color:#fff;padding:10px;border-radius:8px;text-align:center;font-weight:600;font-size:11px}.Each_Password_Data input::placeholder{color:#5f5f5f}.Password_Box{position:relative}.Password_Toggle_Icon_Button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.Password_Toggle_Icon_Image{width:20px;height:20px}.Submit_Password{margin-top:10%;display:flex;justify-content:center}#Submit_Password_Button{width:50%;padding:10px 0;background-color:#ffb540;border:none;border-radius:10px;color:#2b2b2b;font-size:16px;font-weight:600;cursor:pointer}.Back_Password_Login{display:flex;justify-content:center}#Back_Password_Login_Button{width:50%;padding:10px 0;background-color:transparent;border:1px solid #FFFFFF;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.Password_Error_Msg{position:absolute;bottom:-18px;left:0;width:100%}.Password_Error_Msg p{color:#f3f3ff;font-size:11px;margin:0;text-align:right}.Password_Bottom_Product{position:absolute;bottom:10px;width:100%;text-align:center}.Password_Bottom_Product p{font-size:13px;font-weight:500;color:#fff}.Main_Login_Data{width:100vw;height:100vh}.Login_Split{display:flex;width:100%;height:100%}.Left_Login{width:50%;height:100%;background-color:#f3f3ff;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.Login_Top_Logo{width:auto;height:auto;padding:10px}.Login_Top_Logo img{width:15%;height:auto}.Login_Middle_Logo{width:auto;height:auto;display:flex;justify-content:center;align-items:center;flex-grow:1}.Login_Middle_Logo img{width:60%;height:auto}.Login_Bottom_Split{padding:10px;display:flex;justify-content:space-between}.Login_Bottom_Split img{width:15%;height:auto}.Login_Bottom_Split p{font-size:12px;font-weight:400;color:#2b2b2b}.Right_Login{width:50%;height:100%;background-color:#12456f;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.Login_Form{width:300px;display:flex;flex-direction:column;gap:20px}.Each_Login_Data{margin-top:6%;position:relative;width:100%;display:flex;align-items:center}.Each_Login_Data input{width:100%;padding:15px 14px 15px 40px;border:1px solid #AAAAAA;background-color:#f3f3ff;border-radius:8px;color:#5f5f5f;font-size:14px;font-weight:400}.Each_Login_Data input:focus,.Each_Login_Data input:active,.Each_Login_Data input:not(:placeholder-shown){color:#2b2b2b;border-color:none;outline:none;font-size:14px;font-weight:600}.Each_Login_Data:has(input:focus) .Input_Icon,.Each_Login_Data:has(input:active) .Input_Icon,.Each_Login_Data:has(input:not(:placeholder-shown)) .Input_Icon{filter:brightness(0) saturate(100%) invert(11%) sepia(2%) saturate(1683%) hue-rotate(180deg) brightness(93%) contrast(89%)}.Login_Success_Box.success{background-color:#25c925;color:#fff;padding:10px;border-radius:8px;text-align:center;font-weight:600;font-size:12px}.Login_Success_Box.error{background-color:red;color:#fff;padding:10px;border-radius:8px;text-align:center;font-weight:600;font-size:12px}.Each_Login_Data input::placeholder{color:#5f5f5f}.Password_Field{position:relative}.Toggle_Icon_Button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.Toggle_Icon_Image{width:20px;height:20px}.Forgot_Password{margin-top:0;margin-bottom:10px;text-align:right}.Forgot_Password a{text-decoration:none;color:#f3f3ff;font-size:12px;font-weight:500;border-bottom:1px solid #F3F3FF}.Login_Button{display:flex;justify-content:center}#Login_Button{width:50%;padding:10px 0;background-color:#ffb540;border:none;border-radius:10px;color:#2b2b2b;font-size:16px;font-weight:600;cursor:pointer}#Login_Button:disabled{background-color:#cbac7a;color:#a48148;cursor:not-allowed;font-size:16px;font-weight:600;opacity:.9}.Login_Error_Msg{position:absolute;bottom:-18px;left:0;width:100%}.Login_Error_Msg p{color:#f3f3ff;font-size:11px;margin:0;text-align:right}.Login_Bottom_Product{position:absolute;bottom:10px;width:100%;text-align:center}.Login_Bottom_Product p{font-size:13px;font-weight:500;color:#fff}.Main_Forgot_Password{width:100vw;height:100vh}.Forgot_Password_Split{display:flex;width:100%;height:100%}.Left_Forgot_Password{width:50%;height:100%;background-color:#f3f3ff;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.Forgot_Top_Logo{width:auto;height:auto;padding:10px}.Forgot_Top_Logo img{width:15%;height:auto}.Forgot_Middle_Logo{width:auto;height:auto;display:flex;justify-content:center;align-items:center;flex-grow:1}.Forgot_Middle_Logo img{width:60%;height:auto}.Forgot_Bottom_Split{padding:10px;display:flex;justify-content:space-between}.Forgot_Bottom_Split img{width:15%;height:auto}.Forgot_Bottom_Split p{font-size:12px;font-weight:400;color:#2b2b2b}.Right_Forgot_Password{width:50%;height:100%;background-color:#12456f;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.Forgot_Form{width:300px;display:flex;flex-direction:column;gap:20px}.Each_Forgot_Data{margin-top:6%;position:relative;width:100%;display:flex;align-items:center}.Each_Forgot_Data input{width:100%;padding:15px 14px 15px 40px;border:1px solid #AAAAAA;background-color:#f3f3ff;border-radius:8px;color:#5f5f5f;font-size:14px}.Each_Forgot_Data input:focus,.Each_Forgot_Data input:active,.Each_Forgot_Data input:not(:placeholder-shown){color:#2b2b2b;border-color:none;outline:none;font-size:14px;font-weight:600}.Each_Forgot_Data:has(input:focus) .Input_Icon,.Each_Forgot_Data:has(input:active) .Input_Icon,.Each_Forgot_Data:has(input:not(:placeholder-shown)) .Input_Icon{filter:brightness(0) saturate(100%) invert(11%) sepia(2%) saturate(1683%) hue-rotate(180deg) brightness(93%) contrast(89%)}.Instruction_Text{position:absolute;bottom:-18px;left:0;width:100%;color:#f3f3ff;font-size:11px;margin:0}.Input_Icon{position:absolute;left:12px;width:18px;height:18px;pointer-events:none;opacity:.8}.Each_Forgot_Data input::placeholder{color:#5f5f5f}.Get_OTP{margin-top:10%;display:flex;justify-content:center}#Get_OTP_Button{width:50%;padding:10px 0;background-color:#ffb540;border:none;border-radius:10px;color:#2b2b2b;font-size:16px;font-weight:600;cursor:pointer}.Back_Get_OTP{display:flex;justify-content:center}#Back_Get_OTP_Button{width:50%;padding:10px 0;background-color:transparent;border:1px solid #FFFFFF;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.Forgot_Error_Msg{position:absolute;bottom:-18px;left:0;width:100%}.Forgot_Error_Msg p{color:#f3f3ff;font-size:11px;margin:0;text-align:right}.disabled-input{border:none;color:#aaa;cursor:not-allowed}.disabled-input::placeholder{color:#aaa}.Otp_Success_Box{background-color:#25c925;color:#fff;padding:10px;border-radius:8px;text-align:center;font-weight:600;font-size:12px}.Timer_Resend_OTP{position:absolute;bottom:-35px;left:0;width:100%;display:flex;justify-content:space-between;font-size:12px;color:#f3f3ff}.Timer{font-size:12px;font-weight:500;color:#26ff00}.Resend_OTP{background-color:transparent;border:none;padding:0;font-size:12px;font-weight:500;color:#336792;cursor:pointer;text-decoration:underline}.Resend_OTP:disabled{color:gray;cursor:not-allowed;text-decoration:underline;background-color:transparent;border:none;padding:0;font-size:12px;font-weight:500}.Forgot_Bottom_Product{position:absolute;bottom:10px;width:100%;text-align:center}.Forgot_Bottom_Product p{font-size:13px;font-weight:500;color:#fff}.Main_Animation_Logo{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.Main_Animation_Logo video{width:100%;height:auto}.Main_Unauthorised_Page{width:100vw;height:100vh;margin:auto;display:flex;justify-content:center;align-items:center;background-color:#f3f3ff}.Complete_Unauthorized_Page{display:flex;justify-content:center;align-items:center}.Complete_Unauthorized_Page h1{font-size:50px;font-weight:700;color:#2b2b2b}