@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,500,600,700&subset=latin,latin-ext);


.orderpicker-item-error {
    background-color: red;
}


#scanner-container video {
    width: 100% !important;
    height: 80% !important;
}
.orderpicker-item-still {
    background-color: orange;
}

body {
    font-family: 'Open Sans';
}


.productlist-item {
    padding: 20px;
    list-style: none;
    border-left: 15px solid #CCC;
}

.orderpicker-item-success {
    color: green;
    border-left: 15px solid green;
}

.scanner-text {
    border: 1px solid #CCC;
    padding: 10px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    background-color: #004d26;
    text-align: center;
    font-size: 20px;
    color: #FFF;
}

#logo {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

#logo img {
    max-height: 40px;
}

.start-scan {
    width: 100%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #0986bd;
    text-align: center;
    box-shadow: 1px 1px 1px #000;
}

#success, #failure {
    display: none;
    margin: auto;
    text-align: center;
}

#end-order, #reload {
    width: 100%;
    display: none;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: green;
    text-align: center;
    box-shadow: 1px 1px 1px #000;
    color: #FFFFFF;
}