#scanReticle
{
    position: absolute;
    width: auto;
    height: 15%;
    transform: translateX(-50%) translateY(-50%);
}

#scanReticleImg
{
    width: 100%;
    height: 100%;
}


#scanningPanel, #scanFinishPanel
{
    position: absolute;
    width: 20%;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
}

#scanFinishPanel
{
    width: 23%;
}

#scanningPanelImage, #scanFinishImage
{
    width: 100%;
    height: 100%;
}

#scanText
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: auto;
    transform: translateX(-50%) translateY(-50%);

    color: white;
    font-family: "Orbitron";
    text-align: center;
    font-size: 2.5vh;
}

#scanFinishTag, #scanTag
{
    position: absolute;
    top: 1%;
    left: 2%;
    width: auto;
    height: auto;

    color: white;
    font-family: "Orbitron";
    font-weight: bold;
    font-size: 1.1vh;
}
#scanTag
{
    top: 2%;
    font-size: 0.9vh;
}

#scanFinishTitle
{
    position: absolute;
    top: 20%;
    left: 5%;
    width: auto;
    height: auto;

    color: #fc8003;
    font-family: "Orbitron";
    font-size: 2.5vh;
}

.scanFinishInfo
{
    position: absolute;
    top: 40%;
    left: 8%;
    width: auto;
    height: auto;

    color: white;
    font-family: "Orbitron";
    font-size: 1.75vh;
}

#scanFinishInfo1
{
    top: 45%;
}
#scanFinishInfo2
{
    top: 62%;
}
#scanFinishInfo3
{
    top: 80%;
}
#scanFinishInfo4
{
    top: 45%;
    left: 58%;
}
#scanFinishInfo5
{
    top: 62%;
    left: 58%;
}