html {
    min-height: 100%;
    position: relative;
}

body {
    margin-bottom: 40px;
}

.jumbotron-img {
    background: url('../images/hero_image.jpg') no-repeat center center;
    opacity : 0.8;
}
  
#footer {
    bottom: 0;
    width: 100%;
    position: absolute;
    height: 40px;
    background-color: #f5f5f5;
    font-size:10pt;
    .footer-block {
        margin: 10px 0;
    }
}

.h2Icon {
    float:left;
    display:inline-block;
    background-color: #fff;
    margin: 0 0 0 2px;
}

.h1Header {
    background-color: #B49A8C;
    text-align: center;
    padding:10px 0 2px 0;
    width:100%;
    border-bottom: solid 1px #999;
    color: #fff;
}

.h1Icon {
    float:left;
    display:inline-block;
    margin-top: -8px;
}

h1.shopfloor {
    background-color: #4A5A35;
    color:#fff;
    width:100%;
}

h2.shopfloor {
    background-color: #1D8808;
    color:#fff;
    padding: 2px 5px;
    width:100%;
}

h3.shopfloor {
    background-color: #ddd;
    color:#333;
    border-bottom: 2px solid #eaae14;
    padding: 3px 0;
    width:100%;
}

.menu-centered-text {
    text-align:center;
    width:100%;
    margin: 0.5em 0 0.5em;
}

.inputHidden {
    text-security: disc;
    -moz-text-security: disc;
    -webkit-text-security:disc;
}

.error{
    display: none;
    margin-left: 10px;
}

.error_show{
    color: red;
    margin-left: 10px;
}

input.invalid, textarea.invalid{
    border: 2px solid red;
}

input.valid, textarea.valid{
    border: 2px solid green;
}