.btn-primary {
    background-color: #05b4fb;
    border-color: #05b4fb;
}
.bg-primary {
    background-color: #05b4fb !important;
}
.btn-primary:hover {
    background-color: #05b4fb;
    border-color: #05b4fb;
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    background-color: #05b4fb;
    border-color: #05b4fb;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    background-color: #05b4fb;
    border-color: #05b4fb;
    box-shadow: 0 0 0 0.25rem #358f86;
}
.splash_container{height: 100vh !important;}
.full_body{height: 100vh !important;}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #05b4fb;
    border-color: #05b4fb;
}

#my-qr-reader {
    padding: 20px !important;
    border: 1.5px solid #b2b2b2 !important;
    border-radius: 8px;
}
 
#my-qr-reader img[alt="Info icon"] {
    display: none;
}
 
#my-qr-reader img[alt="Camera based scan"] {
    width: 100px !important;
    height: 100px !important;
}
 
#html5-qrcode-anchor-scan-type-change {
    text-decoration: none !important;
    color: #1d9bf0;
}
 
video {
    width: 100% !important;
    border: 1px solid #b2b2b2 !important;
    border-radius: 0.25em;
}
.take_photo{
    display: block;text-decoration: none;background: #daebed;color: #000000;padding: 10px;border-radius: 20px;font-weight: 600;
}
       .camera--trigger{
    width: 200px;
    background-color: black;
    color: white;
    font-size: 16px;
    border-radius: 30px;
    border: none;
    padding: 15px 20px;
    text-align: center;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    position: fixed;
    bottom: 30px;
    left: calc(50% - 100px);
}
.taken{
    height: 500px!important;
    width: 500px!important;
    transition: all 0.5s ease-in;
    border: solid 3px white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    top: 20px;
    right: 20px;
}
.camera, .camera--view, .camera--sensor{
      position: fixed;
    height: 100vh !important;
    width: 100% !important;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
}
.camera--view, .camera--sensor{
    /*transform: scaleX(-1);*/
    /*filter: FlipH;*/
}