*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}.Headers{width:100%;height:20vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.Headers .title_logo{width:250px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.LandingIcon{width:25px;margin-bottom:6px;-o-object-fit:contain;object-fit:contain}.Headers .title_logo .Title{font-size:24px;font-weight:600;color:#3b3b3b}.Headers .info{font-weight:lighter}.Landing{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0}.Landing .Context{background:#fff;border-radius:8px;margin-top:8px;box-shadow:0 0 5px #ccc}.rightPanel{display:none}.Landing .Context .Title{font-size:16px;font-weight:600}.Landing .Context .Information{padding:15px;border-top:2px solid #ccc;width:100%;height:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.table td,.table th{border-top:none!important;padding:0}.Landing .Context .Information .Info-element{width:100%;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin-bottom:2px}.Landing .Context .Information .Info-element .Attribute{border-bottom:1px dotted #ccc;width:35%;height:30px;font-size:13px;font-family:'Open sans';color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;text-align:left;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.Landing .Context .Information .Info-element .Value{border-bottom:1px dotted #ccc;width:70%;height:30px;font-size:13px;font-weight:lighter;font-family:'Roboto Condensed';display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;text-align:right;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start}.Landing .Context .FetchDetails{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;cursor:pointer;-webkit-transition:.2s;transition:.2s}.Landing .Context .FetchDetails:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.Landing .Webcam{height:570px;display:-webkit-box;display:-ms-flexbox;display:grid;place-items:center;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;justify-content:center}#my_camera video,.Landing .Webcam #CameraRenderer{margin-top:20px;width:480px;height:320px;-o-object-fit:contain;object-fit:contain;background:#353535;object-fit:contain;background-repeat:no-repeat;background-position:center;background-size:cover}#my_camera video,.Landing .Webcam #CameraRenderer video{width:480px;height:320px}.Landing .Webcam .nocamera{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;position:absolute;top:40%;-webkit-animation:animateIcon 1s ease-in infinite alternate;animation:animateIcon 1s ease-in infinite alternate}@-webkit-keyframes animateIcon{0%{opacity:0}100%{opacity:1}}@keyframes animateIcon{0%{opacity:0}100%{opacity:1}}.Landing .Webcam .Turnonoff{width:90px;height:90px;cursor:pointer;-webkit-transition:.2s;transition:.2s;z-index:1;position:absolute;top:84%}.Landing .Webcam .Turnonoff:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.feature-card-img{width:30px;height:30px}#CameraRenderer,#my_camera video{height:calc(100% + 2px)!important;pointer-events:none;object-fit:cover!important;position:absolute;width:calc(100% + 2px)!important;border-radius:8px;transform:scaleX(-1)}@media (max-width:768px){.webcam-grid{padding:0}.Landing .Webcam{width:100%;height:300px}.Landing .Context{margin-top:3rem}.Landing .Webcam .Turnonoff{top:75%}}tr{width:100%}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}#full-screen{height:20px;width:20px;position:absolute;right:27px;bottom:21px;cursor:pointer}.buttons-wrapper{display:flex;flex-wrap:wrap;justify-content:center}.buttons-wrapper button{display:block;background:#2d88ff;color:#fff;width:100%;border:none;position:relative;height:60px;font-size:1rem;padding:0 2em;cursor:pointer;transition:.8s ease all;outline:0}.buttons-wrapper button:hover{background:#fff;color:#2d88ff}.buttons-wrapper button:after,.buttons-wrapper button:before{content:'';position:absolute;top:0;right:0;height:2px;width:0;background:#2d88ff;transition:.4s ease all}.buttons-wrapper button:after{right:inherit;top:inherit;left:0;bottom:0}.buttons-wrapper button:hover:after,.buttons-wrapper button:hover:before{width:100%;transition:.8s ease all}.fps-info{background-color:#2d88ff5e;border-radius:4px;padding:15px 20px}.fps-info li{font-size:16px;text-align:left;font-weight:700;text-transform:uppercase;padding:10px 0}.fps-info div{text-align:left;line-height:1.9;font-size:14px;letter-spacing:1.4px}#my_camera{display:flex}.img-wrapper{border-radius:4px;overflow:hidden}.img-wrapper img{height:240px;width:100%}.img-options{background-color:#e1e8f7;height:36px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;box-shadow:inset rgb(0 0 0 / 11%) 0 0 0 1px;display:flex;padding:0 12px;justify-content:space-between;align-items:center}.img-options i{font-size:15px;color:gray;margin-top:14px;cursor:pointer}#video{pointer-events:none;object-fit:cover!important;height:450px;width:100%!important;border-radius:8px;transform:scaleX(-1)}.video-preview{height:230px;width:100%;box-shadow:inset rgb(0 0 0 / 11%) 0 0 0 1px;margin-top:5px}#animate{-webkit-animation:animateIcon 1s ease-in infinite alternate;animation:animateIcon 1s ease-in infinite alternate}