/* The Close Button */

.close { position: relative; width: 100%; height: 40px; line-height: 40px; text-align: right; padding: 0; color: #aaaaaa; float: left; font-size: 48px; font-weight: bold; }

.close span { float: right; }

.close:hover,

.close:focus { color: #000; text-decoration: none; cursor: pointer; }

.snapshot-btn { width: 100%; height: 50px !important; padding:10px 0; margin: 0 auto; border: 3px solid #afc2cd; color: #6ec1e4; text-transform: uppercase; font-size: 13px; font-weight: 600; font-size: 15px; }

.btn-take-pic { width: 100%; height: 50px; margin: 0 auto; margin-bottom: 10px; background: #FFF; border: 4px solid #afc2cd; text-align: center; text-transform: uppercase; padding: 10px; color: #6ec1e4; font-size: 14px; font-weight: 600; position: relative; }



/*======================

VIEW IMAGE MODAL

======================*/

.modal { background: #000; }

.modal-content { position: absolute; width: 440px; height: 260px; top: 30%; left: 50%; transform: translate(-50%, -50%); }

.modal-image-recipe { width: 400px; height: 200px; margin: 0 auto; overflow: hidden; }

.modal-image-content { margin: auto; display: block; width: 80%; max-width: 700px; }

.close-image { position: absolute; z-index:100; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; }

.close-image:hover,

.close-image:focus { color: #bbb; text-decoration: none; cursor: pointer; }

.action-wrap { width: 100%; min-height: 50px; background: #e5eaf3; padding: 10px; position: absolute; z-index: 100; }

.btn-save { width: 120px; background: #FFF; height: 40px; float: left; border: 3px solid #afc2cd; text-align: center; text-transform: uppercase; padding: 10px; margin: 0 auto; color: #6ec1e4; font-size: 13px; font-weight: 600; position: relative; }

.btn-save:hover { background: #6ec1e4; color: #FFF; }

#my-camera-paperwork video { position: relative; width: 1000px; height: 500px; }

.webcam-video { /* Add your styles here */ width: 100% !important; height: auto !important; max-width: 1600px; max-height: 800px; /* Other styles */ }



input:focus { outline: none !important; }

select, input, textarea { -webkit-appearance: menulist !important; -webkit-border-radius: 0; border-radius: 0; }

.feature-border-gray { border: 1px solid #ced4da; border-radius: .2rem; }