body {
    background-color: green;
    margin-top: 5.3rem;
}

.content-container {
    min-height: calc(100vh - 5.3rem);
    padding-bottom: 1rem;
}

.content-container.container-landing {
    width: 100vw;
    background: linear-gradient(to bottom, rgba(0, 128, 0, 0.5), rgb(0, 65, 0)), url('/backdrop.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}

.bg-green {
    background: green;
}
.bg-ltgray {
    background: #e4e6e8;
}
.border-ltgray {
    border-color: #c4c6c8 !important;
}

/* the hamburger menu button to open the sidebar */
.hamburger-menu {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.offcanvas-body {
    font-size: 13pt;
}

.heading-xl {
    font-size: 42pt;
}

.btn-xl {
    font-size: 175%;
}

body:not(.kioskmode) .only-in-kiosk-mode {
    display: none !important;
}


.big {
    font-size: 20pt;
}
.large {
    font-size: 32pt;
}
.small {
    font-size: 85%;
}
.smaller {
    font-size: 75%;
}


dialog {
    border: solid 1px #666;
    border-radius: 1rem;
    box-shadow: 0rem 0.5rem 2rem rgba(0,0,0,0.25);
}

::backdrop {
    background: rgba(0, 64, 0, 0.8);
    backdrop-filter: blur(3px);
}

.w-0 {
    width: 0;
}

.flow-summary {
    width: 100%;
    & > div {
        font-family: monospace;
        white-space: pre;
        display: flex;
        & > .text {
            flex-grow: 1;
        }
        & > .amount {
            padding-left: 1em;
        }
        &.bold {
            font-weight: bold;
        }
        &.big {
            font-size: 120%;
        }
        &.bar {
            margin-top: 0.3rem;
            padding-top: 0.3rem;
            border-top: dashed 1px #888;
        }
        &.bar-solid {
            margin-top: 0.3rem;
            padding-top: 0.3rem;
            border-top: solid 1px #666;
        }
    }
}

label.form-label {
    padding-left: 0.5rem;
    font-size: 90%;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.receipt-line {
    line-height: 95%;
}
.receipt-big {
    font-size: 150%;
    line-height: 95%;
}
.receipt-sub {
    /* margin-top: -0.1rem; */
    margin-bottom: 0.4rem;
    margin-left: 0.5rem;
    line-height: 90%;
}


.flow-submit-spinner-dialog {
    background: white;
    padding: 3em;
}

.debug-mode-banner {
    position:fixed; 
    z-index:1200;
    left:30px;
    top:70px;
    opacity: 0.95;
    background:#FF0000;
    transform: rotate(-3deg);
    color:white;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.95);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.75);
    font-size:80%;
    font-weight:bold;
    padding:0.25rem 0.5rem;
    border-radius:0.25rem;
}

.diabled {
    opacity: 0.75;
}


.support-message {
    border-radius: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    &.support-from-team {
        background: rgba(var(--bs-success-rgb),0.25);
    }
    &.support-from-user {
        background: rgba(var(--bs-primary-rgb),0.25);
    }
}

.bg-transparent {
    background: transparent !important;
}