/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
    color: #f1a01f;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
    color: #333;
    text-shadow: none; /* Prevent inheritance from `body` */
    background-color: #fff;
    border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,

body {
    height: 100%;
    background-color: #333;
    background-image: url("/images/cover2.jpg");
    background-size: cover;
    overflow: hidden;
    margin-bottom: 60px; /* Margin bottom by footer height */
}

body {
    display: -ms-flexbox;
    display: flex;
    color: #181818;
}

.cover-container {
    max-width: 920px;
    overflow: auto;
}

.cover .btn-lg {
    padding: .75rem 1.25rem;
    font-weight: 700;
}

.jumbotron {
    padding: 3rem 2rem;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    height: 28px;
    line-height: 25px; /* Vertically center the text there */
    background-color: #f9f9ff;
    color: #444444;
    border-top: 1px solid #444444;
}

.footer a {
    color: #181818;
}

.modulelink {
    color: #181818;
}

.modulelink:hover {
    color: #f1a01f;
}

.color-gold {
    color: #f1a01f;
}

.logintitle {
    color: #444444;
}

.topper {
    margin-top: 24%!important;
    background-color: rgba(249, 249, 255, 0.9);
    margin-bottom: 0!important;
    border: 1px solid #444444;
    border-radius: 2px;
}

.btn-outline-secondary {
    background-color: #eee;
}

.logo {
    background-color: unset;
    padding: 2.4rem 2rem 0.8rem!important;
}

.subtopper {
    margin-top: 7px!important;
    background-color: rgba(249, 249, 255, 0.9);
    border: 1px solid #444444;
    border-radius: 2px;
    padding-top: 1px!important;
    padding-bottom: 1px!important;
}

.smaller {
    font-size: 85%;
}

.required {
    color: #c71016;
}

#inputBarcode {
    font-size: 1.7rem;
    height: calc(2.8rem + 2px);
    padding: .25rem 1rem;
}

.counter {
    color: #c9c9c9;
    font-size: 1.15rem;
    margin-top: -20px;
    padding-right: 18px;
}

.entry {
    padding: 10px 50px 20px;
}