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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.image-capture-container{margin:10px 0}.camera-container{background-color:#000;border:1px solid #ccc;border-radius:4px;height:260px;overflow:hidden;width:100%}.camera-feed{object-fit:cover}.camera-feed,.preview-container,.preview-image{height:100%;width:100%}.preview-image{cursor:pointer;object-fit:cover}.button-container{display:flex;gap:10px;justify-content:center;margin-top:10px}.capture-button,.retake-button,.upload-button,.view-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.retake-button{background-color:#6c757d}.hidden-input{display:none}.image-viewer-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-viewer-content{background-color:#fff;border-radius:8px;max-height:90%;max-width:90%;padding:20px;position:relative}.close-button{align-items:center;background-color:#0000001a;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#000;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:30px;top:30px;transition:all .2s ease;width:32px}.close-button:hover{background-color:#0003;color:#fff;transform:scale(1.1)}.viewer-image{display:block;max-height:calc(90vh - 40px);max-width:100%}.switch{display:inline-block;height:24px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:12px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:20px;left:2px;width:20px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(16px)}body{background-color:#001f3f;box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}.App{align-items:center;display:flex;flex-direction:column;padding:10px}.custom-dialog,.loading,.progress-dialog{align-items:center;background-color:#000000b3;bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.responsive-form{background-color:#036;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;max-width:500px;padding:20px;width:100%}.form-group{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:15px}.form-group label{color:#ddd;font-size:16px;font-weight:bolder;margin-right:10px;min-width:130px;text-align:right}.form-group input,.form-group select,.form-group textarea{background-color:#004080;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#fff;flex:1 1;font-size:14px;padding:12px}.switch-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:5px}.switch-group{align-items:center;display:flex;gap:15px;width:calc(50% - 7.5px)}.switch-group:first-child,.switch-group:nth-child(3){margin-left:0}button{background-color:#0056b3;border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:background-color .3s;width:100%}button:hover{background-color:#06c}.capture-container{align-items:center;box-sizing:border-box;display:flex;gap:1rem;margin-top:5px;width:100%}.recording-controls{margin-top:15px}.record-button{background-color:#28a745}.record-button.recording{background-color:#dc3545}.success-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}@media (max-width:600px){body{display:flex;flex-direction:column;height:100%;margin:0;padding:0}.App{align-items:center;height:78vh;padding:10px}.App,.responsive-form{box-sizing:border-box;display:flex;flex-direction:column}.responsive-form{height:100%;justify-content:space-between;padding:5px;width:100%}.form-group{align-items:center;display:flex;flex-direction:row;flex-grow:1;margin-bottom:1px;width:100%}.form-group label{flex-basis:30%;font-size:12px;margin-bottom:4px;text-align:right}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;flex-grow:1;font-size:16px;padding:8px;width:100%}.switch-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1px}.switch-group{align-items:center;box-sizing:border-box;display:flex;flex:1 1 45%;gap:8px;padding:4px}button{font-size:14px;height:40px;width:100%}.capture-container{display:flex;gap:5px;justify-content:space-between;width:100%}.recording-controls{display:flex;justify-content:center;margin-top:10px;width:100%}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#fff;opacity:1}}.confirm-popup{background-color:#036;border-radius:10px;box-sizing:border-box;height:auto;max-width:500px;padding:20px;position:fixed;width:100%}.confirm-popup .responsive-form{display:flex;flex-direction:column;width:100%}.confirm-popup h3{color:#fff;text-align:center}.confirm-popup .form-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:15px;width:100%}.confirm-popup .form-group label{color:#ddd;font-size:14px;font-weight:700;margin-bottom:5px;text-align:left;width:100%}.confirm-popup .form-group input,.confirm-popup .form-group select,.confirm-popup .form-group textarea{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#000;font-size:14px;padding:10px;width:100%}.confirm-popup .button-group{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.confirm-popup button{border-radius:5px;cursor:pointer;font-size:14px;padding:6px 12px;width:100px}.confirm-popup .cancel-button{background-color:#d3d3d3;color:#000}.confirm-popup .submit-button{background-color:#007bff;color:#fff}.confirm-popup .submit-button[disabled]{background-color:#b3d7ff;cursor:not-allowed}@media (max-width:600px){.confirm-popup{max-width:400px;width:90%}.confirm-popup .form-group label{font-size:12px;min-width:80px}.confirm-popup .form-group input,.confirm-popup .form-group select,.confirm-popup .form-group textarea{font-size:16px;padding:8px}.confirm-popup .button-group{flex-direction:column}.confirm-popup button{width:100%}}
/*# sourceMappingURL=main.5a395f3c.css.map*/