*{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;border:1px solid rgba(0,0,0,.12)}.content-holder{padding-top:30px}.Landing .Context .Title{font-size:16px;margin-top:20px;margin-bottom:20px;font-weight:600}.Landing .Context .Information{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}.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;gap:5px}.Landing .Context .Information .Info-element .Attribute{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;align-items:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.Landing .Context .Information .Info-element .Value{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;align-items:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-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:416px;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:70px;height:70px;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}.div_button1{display:flex;justify-content:center}#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:1208px){#photos img{width:50%}.div_button{width:80%}}@media (max-width:768px){.Landing .Webcam{width:100%;height:300px}.div_button{width:70%}}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}.vedio_div{width:500px;height:375px;margin-bottom:50px;background:#000;position:relative;border-radius:15px;top:0;left:0}.top-container{width:500px;margin:30px auto}.navbar{text-align:center;justify-content:center!important}.btn-dark{background:#333;color:#fff;border:#666 1px solid}.btn-light{background:#f4f4f4;color:#fff!important;border:#ccc 1px solid}.select{height:40px;padding:3px;width:100%;margin-bottom:10px}.bottom-container{max-width:960px;margin:auto;padding:10px}.content{display:none}button{margin-top:30px}.end{display:none}#photos{grid-gap:10px;background:#000;border:2px solid #000;border-radius:6px;height:520px;align-items:center;justify-content:center;text-align:center}.div_button{display:flex;position:absolute;bottom:19px;align-items:center;text-align:center;justify-content:space-between;width:90%}.Landing .Webcam .takepick{width:70px;height:43px;cursor:pointer;-webkit-transition:.2s;transition:.2s;z-index:1;background:#2d88ff;position:absolute;top:82%;border:none;padding:16px;border-radius:7px;padding-top:1px}#photos img{width:60%;height:84%;border-bottom-width:69px!important;transform:rotate(-3deg);margin-top:19px;border:10px solid #fff;padding:6px;background:#fff}#canvas{display:none}.button_div{display:flex;margin-top:20px;justify-content:space-between}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}p.btn.btn-light.blue.filter{width:200px}.blue{background-color:#2d88ff;background-image:linear-gradient(#2d88ff,#2d88ff)}.button{position:relative;display:inline-block;height:50px;max-width:400px;cursor:pointer;color:#fff;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.2);-moz-box-shadow:0 5px 20px rgba(0,0,0,.2);box-shadow:0 5px 20px rgba(0,0,0,.2);-webkit-transition:top 20ms ease-out,-webkit-box-shadow 20ms ease-out;-moz-transition:top 20ms ease-out,-moz-box-shadow 20ms ease-out;transition:top 20ms ease-out,box-shadow 20ms ease-out;-webkit-border-radius:5px;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:manipulation;touch-action:none}button#photo-button{position:absolute;bottom:5px;border:none;left:40%}video#video{border-radius:15px}.button{position:absolute;margin-top:0;-webkit-transition:top 20ms ease-out,-webkit-box-shadow 20ms ease-out;-moz-transition:top 20ms ease-out,-moz-box-shadow 20ms ease-out;transition:top 20ms ease-out,box-shadow 20ms ease-out;width:150px;-webkit-transition:none;-moz-transition:none;transition:none}.button p{height:50px;font-size:19px;line-height:51px;font-weight:700;text-align:left;white-space:nowrap;margin-left:50px;padding-left:14px;padding-right:18px;border-left:2px solid rgba(0,0,0,.1);pointer-events:none}.button-active,.button:active{top:2px;-webkit-box-shadow:inset 0 4px 12px rgba(0,0,0,.3);-moz-box-shadow:inset 0 4px 12px rgba(0,0,0,.3);box-shadow:inset 0 4px 12px rgba(0,0,0,.3)}.button-inactive,.button-inactive:active{color:#fff;top:0;cursor:auto;pointer-events:none}.button:active:before{position:absolute;display:block;content:"\00a0";top:-3px;width:100%;height:3px}