:root{--header-height:3rem;--primary-color:#084c9d;--secondary-color:#0b2543;--tertiary-color:#213c5d;--quaternary-color:#04182f;--white-color:#fff;--border-color:#818080;--yellow-color:#ffc404;--body-font:"Roboto",sans-serif;--max-heading-font:2rem;--heading-font:1.5rem;--sub-heading-font:1.125rem;--large-font:1rem;--medium-font:0.875rem;--small-font:0.75rem;--font-regular:400;--font-semi-bold:600;--max-line-height:1.8;--z-fixed:100;--breakpoint-xs:0px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--web-width:80%}:root ::-webkit-scrollbar{width:.3rem}:root ::-webkit-scrollbar-track{background-color:var(--white)}:root ::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}:root h1{font-size:var(--heading-font)}:root h2,:root h3,:root h4,:root h5,:root h6{font-size:var(--sub-heading-font)}:root h3,:root h4,:root h5,:root h6,:root li,:root p,:root span{line-height:1.7}:root h1,:root h2{line-height:1.5}@media screen and (max-width:1118px){:root{--max-heading-font:1.5rem;--heading-font:1.25rem;--sub-heading-font:1rem;--large-font:0.875rem;--medium-font:0.75rem;--small-font:0.65rem}}*{box-sizing:border-box;padding:0;margin:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:var(--body-font);font-size:var(--normal-font)}ul{list-style:none}a{text-decoration:none;color:var(--primary-color)}.Page404{height:50vh;display:flex;align-items:center;justify-content:center;text-align:center}.Page404 h1{font-size:3rem}.quotation{font-family:sans-serif}.quotation .profile{display:flex;align-items:center;gap:10px}.quotation .profile img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.quotation .profile div{display:flex;flex-direction:column;justify-content:center}.quotation .profile p{font-weight:600;color:#007bff;font-size:16px;margin:0}.quotation .profile button{background-color:#007bff;color:#fff;padding:6px 12px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:.3s ease;display:flex;align-items:center;gap:5px;font-size:14px}.quotation .profile button:hover{background-color:#0056b3}.quotation .main-container{display:flex;flex-direction:row;width:100%;padding:20px;background-color:#f7f7f7;box-shadow:0 0 10px rgba(0,0,0,.1)}@media screen and (max-width:1100px){.quotation .main-container{flex-direction:column}}.quotation .main-container span{font-weight:700}.quotation .main-container .form-container{display:flex;flex:4 1;justify-content:space-between}@media screen and (max-width:550px){.quotation .main-container .form-container{flex-direction:column}}.quotation .main-container .form-container button{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.quotation .main-container .form-container .add-row-button{color:#fff;background-color:#45a049}.quotation .main-container .form-container .add-row-button:hover{background-color:#4caf50}.quotation .main-container .form-container .add-row-button:disabled{opacity:.6;cursor:not-allowed}.quotation .main-container .form-container .clear-button{margin-top:5px;color:#fff;background-color:red}.quotation .main-container .form-container .clear-button:hover{background-color:#e05e5e}.quotation .main-container .form-container .download-button-div{margin-top:20px;text-align:center}.quotation .main-container .form-container .download-button-div .download-button{color:#fff;background-color:#564dff}.quotation .main-container .form-container .download-button-div .download-button:hover{background-color:#6c63ff}.quotation .main-container .form-container hr{margin:10px 0}.quotation .main-container .form-container .form-left,.quotation .main-container .form-container .form-right{display:flex;flex-direction:column;margin-right:20px}.quotation .main-container .form-container .form-left{flex:8 1}.quotation .main-container .form-container .form-left .buttons{display:flex;gap:10px;margin-bottom:20px}.quotation .main-container .form-container .form-left .buttons button{background-color:#ddc9c9}.quotation .main-container .form-container .form-left .buttons .active{background-color:var(--primary-color);color:#fff}.quotation .main-container .form-container .form-left .flex{display:flex;margin-bottom:10px;gap:10px;justify-content:space-between}.quotation .main-container .form-container .form-left label{margin-bottom:10px;font-weight:700}.quotation .main-container .form-container .form-left select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.quotation .main-container .form-container .form-left select:focus{outline:none;border-color:#6c63ff}.quotation .main-container .form-container .form-right{flex:2 1}.quotation .main-container .form-container .form-right label{margin-bottom:10px;font-weight:700}.quotation .main-container .form-container .input-container{margin-bottom:15px}.quotation .main-container .form-container .input-container input,.quotation .main-container .form-container .input-container select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.quotation .main-container .form-container .input-container input:focus,.quotation .main-container .form-container .input-container select:focus{outline:none;border-color:#6c63ff}.quotation .main-container .form-container .checkbox-field{margin-top:10px;font-size:14px}.quotation .main-container .table-container{flex:6 1;overflow-x:auto}.quotation .main-container .table-container table{width:100%}.quotation .main-container .table-container table thead{background-color:#cfcdcd}.quotation .main-container .table-container table td,.quotation .main-container .table-container table th{padding:10px}.quotation .main-container .table-container table tbody th{text-align:left}.quotation .main-container .table-container table tbody .delete-row-button{padding:4px 8px;border:none;border-radius:5px;cursor:pointer;font-size:12px;color:#fff;background-color:red}.quotation .main-container .table-container table tbody .delete-row-button:hover{background-color:#e05e5e}.quotation .main-container .table-container .total-container .total{margin-right:80px;display:flex;flex-direction:row-reverse;gap:20px}.invoice{font-family:sans-serif}.invoice .profile{display:flex;align-items:center;gap:10px}.invoice .profile img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.invoice .profile div{display:flex;flex-direction:column;justify-content:center}.invoice .profile p{font-weight:600;color:#007bff;font-size:16px;margin:0}.invoice .profile button{background-color:#007bff;color:#fff;padding:6px 12px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:.3s ease;display:flex;align-items:center;gap:5px;font-size:14px}.invoice .profile button:hover{background-color:#0056b3}.invoice .main-container{display:flex;flex-direction:row;width:100%;padding:20px;background-color:#f7f7f7;box-shadow:0 0 10px rgba(0,0,0,.1)}@media screen and (max-width:1100px){.invoice .main-container{flex-direction:column}}.invoice .main-container span{font-weight:700}.invoice .main-container .form-container{display:flex;flex:4 1;justify-content:space-between}@media screen and (max-width:550px){.invoice .main-container .form-container{flex-direction:column}}.invoice .main-container .form-container button{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.invoice .main-container .form-container .add-row-button{color:#fff;background-color:#45a049}.invoice .main-container .form-container .add-row-button:hover{background-color:#4caf50}.invoice .main-container .form-container .add-row-button:disabled{opacity:.6;cursor:not-allowed}.invoice .main-container .form-container .clear-button{margin-top:5px;color:#fff;background-color:red}.invoice .main-container .form-container .clear-button:hover{background-color:#e05e5e}.invoice .main-container .form-container .download-button-div{margin-top:20px;text-align:center}.invoice .main-container .form-container .download-button-div .download-button{color:#fff;background-color:#564dff}.invoice .main-container .form-container .download-button-div .download-button:hover{background-color:#6c63ff}.invoice .main-container .form-container hr{margin:10px 0}.invoice .main-container .form-container .form-left,.invoice .main-container .form-container .form-right{display:flex;flex-direction:column;margin-right:20px}.invoice .main-container .form-container .form-left{flex:8 1}.invoice .main-container .form-container .form-left .flex{display:flex;margin-bottom:10px;gap:10px;justify-content:space-between}.invoice .main-container .form-container .form-left label{margin-bottom:10px;font-weight:700}.invoice .main-container .form-container .form-left select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.invoice .main-container .form-container .form-left select:focus{outline:none;border-color:#6c63ff}.invoice .main-container .form-container .form-right{flex:2 1}.invoice .main-container .form-container .form-right label{margin-bottom:10px;font-weight:700}.invoice .main-container .form-container .input-container{margin-bottom:15px}.invoice .main-container .form-container .input-container input,.invoice .main-container .form-container .input-container select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.invoice .main-container .form-container .input-container input:focus,.invoice .main-container .form-container .input-container select:focus{outline:none;border-color:#6c63ff}.invoice .main-container .form-container .checkbox-field{margin-top:10px;font-size:14px}.invoice .main-container .table-container{flex:6 1;overflow-x:auto}.invoice .main-container .table-container table{width:100%}.invoice .main-container .table-container table thead{background-color:#cfcdcd}.invoice .main-container .table-container table td,.invoice .main-container .table-container table th{padding:10px}.invoice .main-container .table-container table tbody th{text-align:left}.invoice .main-container .table-container table tbody .delete-row-button{padding:4px 8px;border:none;border-radius:5px;cursor:pointer;font-size:12px;color:#fff;background-color:red}.invoice .main-container .table-container table tbody .delete-row-button:hover{background-color:#e05e5e}.invoice .main-container .table-container .total-container{margin-right:80px;display:flex;flex-direction:row-reverse;gap:20px}