.CameraComponent{text-align:center;font-family:Times New Roman,Times,serif,sans-serif}h2,.controls{margin-bottom:20px}button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:5px}button:hover{background-color:#45a049}.preview{margin-top:20px}.preview img{max-width:100%;height:auto;border:2px solid #ddd;border-radius:5px}button:disabled{background-color:#ccc;cursor:not-allowed}#container-circles{position:absolute;left:50%;bottom:90px}#outer-circle{left:-37px;height:75px;width:75px;background-color:#fff6;z-index:1}#inner-circle,#outer-circle{position:absolute;border-radius:50%}#inner-circle{left:50%;top:38px;height:44px;width:44px;background:#fff;margin:-22px 0 0 -22px;z-index:2}#inner-circle.is-clicked{height:38px;width:38px;margin:-19px 0 0 -19px}#white-flash.normal{position:absolute;height:100%;width:100%;opacity:1;-webkit-transition:opacity .9s ease-out;-o-transition:opacity .9s ease-out;transition:opacity .9s ease-out}#white-flash.do-transition{opacity:0;background:#fff}#display-error{color:#000;background-color:#fff}.react-html5-camera-photo{position:relative;text-align:center}.react-html5-camera-photo>img,.react-html5-camera-photo>video{width:768px}.react-html5-camera-photo>.display-error{width:768px;margin:0 auto}@media (max-width:768px){.react-html5-camera-photo>.display-error,.react-html5-camera-photo>img,.react-html5-camera-photo>video{width:100%}}.react-html5-camera-photo-fullscreen>img,.react-html5-camera-photo-fullscreen>video{width:100vw;height:100vh}.react-html5-camera-photo-fullscreen>video{-o-object-fit:fill;object-fit:fill}.react-html5-camera-photo-fullscreen>.display-error{width:100vw;height:100vh}.table-container{width:100%;overflow-x:auto}.responsive-table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;margin-top:10px}.responsive-table th,.responsive-table td{border:1px solid #ddd;padding:12px;text-align:left}.responsive-table th{background-color:#007bff;color:#fff;font-weight:700}.responsive-table tr:nth-child(2n){background-color:#f2f2f2}.responsive-table tr:hover{background-color:#ddd}@media screen and (max-width: 600px){.responsive-table thead{display:none}.responsive-table tr{display:block;margin-bottom:10px;border:1px solid #ddd}.responsive-table td{display:block;text-align:left;position:relative}.responsive-table td:before{content:attr(data-label);position:absolute;left:10px;font-weight:700;text-align:left}.th{background-color:#007bffb8;color:#fff;font-weight:700}}