/*
 * Appens egne styles.
 *
 * Filen indeholdt tidligere udelukkende ComboBox-styles til js/Default.js — et
 * SDS-ONLINE-widget der aldrig blev refereret fra nogen side. Begge dele er fjernet.
 *
 * Her ligger nu det der før stod inline i Site.Master, plus det scanningsflowet har brug for.
 */

body {
    background-color: #d2cfc8;
}

.app-shell {
    padding-top: 20px;
    padding-bottom: 80px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}

.MyNavbar {
    overflow: hidden;
    background-color: #d2cfc8;
    position: fixed;
    bottom: 0;
    width: 100%;
    flex-direction: row;
    display: block;
}

.MyNavbar a {
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.show > .btn-primary.dropdown-toggle {
    background-color: #870f17;
    border-color: #870f17;
}

/* Deaktiverede knapper og links. Sættes nu også fra scanClient.js. */
.aspNetDisabled,
a.aspNetDisabled {
    background-color: grey;
    border-color: grey;
    pointer-events: none;
    opacity: .75;
}

.aspNetDisabled:hover {
    background-color: grey;
}

/* Rød baggrund på alt der ikke er produktion. Sættes fra app.js. */
.env-nonprod {
    background-color: #b3121b;
}

/* ------------------------------------------------------------------ scanning */

/*
 * Statuslinjen er hele forskellen på det gamle og det nye flow: før kunne chaufføren
 * ikke se om et scan var gemt, eller om forbindelsen var røget. Nu står det her.
 */
.scan-status {
    display: block;
    min-height: 2.4rem;
    margin: 8px 0;
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 600;
    font-size: .95rem;
    background-color: #e9ecef;
    color: #23272b;
}

.scan-status-busy {
    background-color: #fff3cd;
    color: #664d03;
}

.scan-status-ok {
    background-color: #d1e7dd;
    color: #0f5132;
}

.scan-status-warning {
    background-color: #ffe5b4;
    color: #66430d;
}

.scan-status-error {
    background-color: #f8d7da;
    color: #842029;
}

/* Feltet er spærret mens et kald er undervejs, så to hurtige scan ikke krydser hinanden. */
.scan-busy .scan-input {
    opacity: .6;
}

/*
 * Rækketilstand. Erstatter de inline background-color:red/green i repeaterens markup,
 * så farven kan skiftes fra JS uden et postback.
 */
.scan-pending td {
    background-color: #dc3545;
    color: #fff;
}

.scan-done td {
    background-color: #198754;
    color: #fff;
}

.scan-table {
    margin-top: 12px;
}

/* ------------------------------------------------------------------ underskrift */

.signature-progress {
    display: block;
    margin-top: 12px;
    font-weight: 600;
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2;
}

#overlay.show-overlay {
    display: block;
}

#overlay #text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    width: 90%;
    transform: translate(-50%, -50%);
}