*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{color:tomato;font-weight:600;margin-top:8px}.dashboard-container{display:flex;flex-direction:column;height:70vh;margin:15vh auto auto;padding:16px 150px}@media only screen and (max-width:576px){.dashboard-container{height:92vh;margin-top:8vh;padding:16px}}.mini-dashboard-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}@media only screen and (max-width:576px){.mini-dashboard-header{align-items:flex-start;flex-direction:column}}.mini-dashboard-header h3{color:#000;margin:0}@media only screen and (max-width:576px){.mini-dashboard-header h3{font-size:16px}}.mini-dashboard-header .right-side{align-items:center;display:flex;flex-direction:row;gap:16px}@media only screen and (max-width:576px){.mini-dashboard-header .right-side{gap:0;justify-content:space-between;width:100%}}.mini-dashboard-header .right-side .add-btn{color:#fff;cursor:pointer;font-size:16px;font-weight:500}.mini-dashboard-header .right-side .add-btn:hover{color:#1976d2}.mini-dashboard-header .right-side .search-and-dropdown input{background-color:#fff;border:none;border-bottom:2px solid #212529;color:#000;outline:none;padding:8px 0;position:relative;width:250px}@media only screen and (max-width:576px){.mini-dashboard-header .right-side .search-and-dropdown input{gap:8px;margin-top:8px;max-width:200px}}.mini-dashboard-header .right-side .search-and-dropdown .client-list{background-color:#fff;border:1px solid #000;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;max-height:300px;overflow-x:hidden;overflow-y:auto;position:absolute;width:250px;z-index:1}@media only screen and (max-width:576px){.mini-dashboard-header .right-side .search-and-dropdown .client-list{gap:8px;max-width:200px}}.mini-dashboard-header .right-side .search-and-dropdown .client-list .list-item{border-bottom:1px solid #000;color:#000;cursor:pointer;font-size:16px;list-style-type:none;padding:8px!important;text-align:center}@media only screen and (max-width:576px){.mini-dashboard-header .right-side .search-and-dropdown .client-list .list-item{font-size:14px}}.mini-dashboard-header .right-side .search-and-dropdown .client-list .list-item:hover{background-color:#1976d2;color:#fff}.mini-dashboard-header .right-side .search-and-dropdown .client-list .list-item :last-child{border-bottom:none}.table-container{align-items:center;border:1px solid #000;margin-top:16px}.table-container .col-title{font-size:14px;font-weight:600}@media only screen and (max-width:576px){.table-container .col-title{padding:8px;width:100px}}.table-container p{margin:0}.table-container .table-body{height:60px;position:relative}.table-container .table-body .table-row{cursor:pointer}@media only screen and (max-width:576px){.table-container .table-body .table-row td,.table-container .table-body .table-row th{padding:8px;width:100px}}.table-container .table-body .table-row:hover{background-color:#1976d2}.table-container .table-body .table-row:hover td,.table-container .table-body .table-row:hover th{color:#fff}.table-container .table-body .add-new-vehicle{cursor:pointer;font-size:16px;font-weight:600}.table-container .loader{left:47.5%;position:absolute;text-align:center;top:25%}.table-container .no-data-err{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.table-container .actions{display:flex!important;gap:16px;justify-content:center!important;margin:auto!important}.client-details-container{color:#000;display:flex;flex-direction:column;gap:12px;padding:24px}.client-details-container .basic-details h2,.client-details-container .vehicle-details h2{align-items:center;color:#1976d2;display:flex;margin-bottom:12px}.client-details-container .basic-details .detail-row,.client-details-container .vehicle-details .detail-row{align-items:center;display:flex;margin:12px 16px}.client-details-container .basic-details .detail-row .title,.client-details-container .vehicle-details .detail-row .title{color:#1976d2;font-size:16px;width:60px}.client-details-container .basic-details .detail-row h5,.client-details-container .vehicle-details .detail-row h5{margin:0}.client-details-container .basic-details .vehicle-details,.client-details-container .vehicle-details .vehicle-details{display:flex}.client-details-container .basic-details .vehicle-details .detail-row,.client-details-container .vehicle-details .vehicle-details .detail-row{align-items:center;display:flex;margin:12px 16px}.client-details-container .basic-details .vehicle-details .detail-row .title,.client-details-container .vehicle-details .vehicle-details .detail-row .title{color:#1976d2;font-size:16px;margin-right:8px;width:auto}.client-details-container .basic-details .vehicle-details .detail-row h5,.client-details-container .vehicle-details .vehicle-details .detail-row h5{margin:0}.client-details-container .vehicle-details{margin-top:16px}.login-form-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;width:100%}@media only screen and (max-width:576px){.login-form-wrapper{margin-top:0}}.login-form-wrapper .login-form-header{font-size:24px;font-weight:500}@media only screen and (max-width:576px){.login-form-wrapper .login-form-header{font-size:20px}}.login-form-wrapper form{display:flex;flex-direction:column}.login-form-wrapper form .login-form-field{width:400px}@media only screen and (max-width:576px){.login-form-wrapper form .login-form-field{width:85vw}}.main-header-container{align-items:center;background-color:#1976d2;border-bottom:2px solid #2e7d32;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:15vh;padding:12px;text-align:center;width:100vw}@media only screen and (max-width:576px){.main-header-container{height:8vh;padding:4px}}.main-header-container .logo{height:45px;width:125px}@media only screen and (max-width:576px){.main-header-container .logo{width:90px}}.main-header-container h3{font-family:fantasy;font-weight:500;letter-spacing:3px;line-height:0;margin-top:-2px;text-transform:uppercase}@media only screen and (max-width:576px){.main-header-container h3{font-size:20px;margin-top:-7px}}.main-header-container h5{font-family:fantasy;font-weight:500;letter-spacing:3px;line-height:25px;margin-top:16px;text-transform:uppercase}@media only screen and (max-width:576px){.main-header-container h5{font-size:14px;letter-spacing:0;margin-top:0}}.form-modal-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:auto;padding-top:16px;position:relative;width:400px}@media only screen and (max-width:576px){.form-modal-grid{margin-top:0;padding-top:8px;width:300px}}.form-modal-grid .registrationNumber{border:none;border-bottom:2px solid #000;outline:none;padding:8px 16px}.form-modal-grid .search-and-dropdown input{background-color:#fff;border:none;border-bottom:2px solid #212529;color:#000;outline:none;padding:8px 16px;position:relative;width:400px}.form-modal-grid .search-and-dropdown .suggestion-list{background-color:#fff;border:1px solid #000;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;max-height:300px;overflow-x:hidden;overflow-y:auto;position:absolute;width:400px;z-index:1}@media only screen and (max-width:576px){.form-modal-grid .search-and-dropdown .suggestion-list{width:300px}}.form-modal-grid .search-and-dropdown .suggestion-list .list-item{border-bottom:1px solid #000;color:#000;cursor:pointer;font-size:16px;list-style-type:none;padding:8px!important;text-align:center}.form-modal-grid .search-and-dropdown .suggestion-list .list-item:hover{background-color:#1976d2;color:#fff}.form-modal-grid .search-and-dropdown .suggestion-list .list-item :last-child{border-bottom:none}.service-form-wrapper{display:flex;flex-direction:column;gap:16px}.service-form-wrapper .details-section{display:flex;flex-direction:row;justify-content:space-between;width:100%}.service-form-wrapper .details-section .individual-details{display:flex;flex-direction:column;width:50%}.service-form-wrapper .details-section .individual-details .details-row{align-items:center;display:flex;flex-direction:row;gap:8px}.service-form-wrapper .details-section .individual-details .details-row .title{color:#1976d2;font-size:16px;font-weight:600}.service-form-wrapper .details-section .individual-details .details-row span{color:#000;font-weight:400}.service-form-wrapper .details-section .individual-details .details-row input{border:none;border-bottom:1px solid #000;box-sizing:border-box;outline:none;padding:0;width:100px}.service-form-wrapper .details-section .individual-details .details-row input::-webkit-inner-spin-button,.service-form-wrapper .details-section .individual-details .details-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.service-form-wrapper .table-container{align-items:center;border:1px solid #000;margin-top:16px}.service-form-wrapper .table-container .col-title{font-size:14px;font-weight:600}.service-form-wrapper .table-container p{margin:0}.service-form-wrapper .table-container .table-body{height:60px;position:relative}.service-form-wrapper .table-container .table-body .table-row{cursor:pointer}.service-form-wrapper .table-container .table-body .table-row:hover{background-color:#1976d2}.service-form-wrapper .table-container .table-body .table-row:hover td,.service-form-wrapper .table-container .table-body .table-row:hover th{color:#fff}.service-form-wrapper .table-container .table-body .add-new-vehicle{cursor:pointer;font-size:16px;font-weight:600}.service-form-wrapper .table-container .loader{left:47.5%;position:absolute;text-align:center;top:25%}.service-form-wrapper .table-container .no-data-err{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.service-form-wrapper .table-container .actions{display:flex!important;gap:16px;justify-content:center!important;margin:auto!important}.service-form-wrapper .table-container .desc-col{width:300px}.service-form-wrapper .table-container tr{vertical-align:initial}.service-form-wrapper .table-container td input{border:none;border-bottom:1px solid #000;font-size:14px;outline:none;padding:8px}.service-form-wrapper .table-container td input::-webkit-inner-spin-button,.service-form-wrapper .table-container td input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.service-form-wrapper .table-container td.drop-down{align-items:center;display:flex;flex-direction:row;gap:8px}.service-form-wrapper .table-container td.drop-down label{font-weight:600}.service-form-wrapper .table-container td.drop-down div{width:150px}.service-form-wrapper .table-container td .part-payment{align-items:center;display:flex;gap:8px;width:-webkit-max-content;width:max-content}.service-form-wrapper .table-container td .part-payment p{padding:0;width:-webkit-fill-available}