/* style.css file*/

 
    .containerz{
        width: 100%;
        max-width: 500px;
        margin: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 20px;
        padding: 0;
        box-sizing: border-box;
        text-align: center;
    }
    
    .containerz h1 {
        color: #bb0303;
    }
    
    .section {
        width: 90%;
        background-color: white;
        padding: 50px 30px;
        border: 1.5px solid #0049b6;
        border-radius: 0.25em;
        box-shadow: 0 4px 10px -5px black;
    }
    
    #my-qr-reader {
        padding: 20px !important;
        border: 1.5px solid #0d6efd !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;
        color: white;
    }
    #my-qr-reader img{
        color: white;
        background-color: white;
        padding: 10px;
        border-radius: 30px;
        border: 1px solid black;
    }
    button {
        padding: 10px 20px;
        border: 1px solid #b2b2b2;
        outline: none;
        border-radius: 0.25em;
        color: #0049b6;
        font-size: 15px;
        cursor: pointer;
        margin: 20px 0px;
        background-color: white;
        transition: 0.7s background-color;
        box-sizing: border-box;
    }
    
    button:hover {
        color: white;
        border: 2px solid white;
        background-color: #0049b6;
        font-weight: 700;
    }
    
    #html5-qrcode-anchor-scan-type-change {
        text-decoration: none !important;
        color: #0d6efd;
    }
    
    video {
        width: 100% !important;
        border: 1px solid black !important;
        border-radius: 0.25em;
    }
    
    #ttable{
        border-radius: 5px;
        color: black;
        width: 100%;
        font-size: small;
    }
    #ttable th{
        padding: 5px;
        margin: 15px;
        width: 30%;
    }
    #ttable td{
        margin-left: 10px;
    }
    #cbwork{
        display: none;
    }
    #artcial a{
        color: rgb(0, 162, 255);
        text-decoration: none;
      }