.main-header {
    background-color: #f4f6f9 !important;
    color: #FFFFFF !important;
    border-bottom: #f4f6f9 solid !important;
}

.main-header a {
    color: #000 !important;

}

.sidebar,
.brand-link {
    background-color: #2E3E4E !important;
}

.nav-link {
    color: #FFFFFF;
}

.header-bar {
    position: relative;
    width: 100%;
    height: 68px;
    margin: 0;
    padding: 5px;
    text-align: center;
    border-bottom: solid 2px #66CEF5;
    background: #FFF;
}

.container {
    margin-top: 50px;
}

.well-white {
    box-shadow: none;
    padding: 20px 10px;
    border-radius: 6px;
    margin: 0;
    border: 2px solid #EEE;
    background: #FFF;
}

.qr-live_aim {
    position: absolute;
    z-index: 999;
    opacity: 0.3;
    width: 60%;
    margin-top: 5px;
    margin-left: 85px;
}

.camera-qr{
    background-color: #000;
    position: relative;
    max-width: 450px;
    height: 290px;
    max-height: 290px !important;
}
#camera{
    max-width: 450px;
    height: 290px;
    max-height: 290px !important;
}
#canvas{
    max-width: 450px;
    height: 290px;
    max-height: 290px !important;
}