body {
    margin: 0;
    overflow: hidden;
    font-family: "Helvetica Neue", sans-serif;
}
#output{
    background-color: rgba(31, 31, 31, 0.93);
    padding: 10px;
    position:fixed;
    color: white;
    z-index: 999999;
    max-height: 30%;
    width: 60%;
    overflow: scroll;
    font-size: 20px;
}
#camera {
    position: fixed;
    top: 0;
    left: 0;
    width: 815px;
    /*  object-fit: cover */
    /*transform: rotate(270deg) translate(-48%, -1.9%)*/;
    /*transform: rotate(270deg) translate(48%, 2.5%) scaleX(-1);*/
    -webkit-transform: rotate(-90deg) translate(-48%, -3.3%) scaleX(-1); /* Compatibilidade com navegadores antigos */
    transform-origin: center;
    z-index: 1;
}
#frame {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
#photo {
    display: none;
}
#countdown{
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 250px;
    color: black;
    font-weight: bold;
    z-index: 3;
    background-color: rgba(211, 235, 66, 0.94);
    border-radius:100%;
    padding: 50px;
    width: 300px;
    text-align: center;
}
#countdownLoading{
    position: fixed;
    top: 56%;
    left: 53%;
    transform: translate(-50%, -50%);
    z-index: 4;
}
.cameras_loading{
    width: 19%;
    float: left;
    padding:20px;
    border-radius: 100px;
    margin:2%;
    background-color: black;
    border: 2px solid white;
    opacity: 0.4;
}
.cameras_loading img{
    width: 100%;
}
#bgBlack{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2;

}
#typeDiv{
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 4;
    position: fixed;
    color: white;
    text-align: center;
}

.success{
    color: green !important;
}
.error{
    color: red !important;
}