/* ██████████████████████████████████████████████████ Altezza: HEADER e FOOTER - quindi MAIN */
nav { height:60px; }
footer { height:35px; }
main {
    padding-top:65px;
    padding-bottom:40px;
}


/* ██████████████████████████████████████████████████ NAV-BAR MENU */
.navbar, .navbar > .container-fluid {
    background-color:#666;
}
.active {
    font-weight: bold;
}


/* ██████████████████████████████████████████████████ FOOTER LOADING */
.r20-loading {
	background-image: url('./img/bk-warning.gif');
}


/* ██████████████████████████████████████████████████ INDEX */
.riquadro {
    padding:10px;
    border:1px solid lightgrey;
    font-size:xx-large;
    text-align:center;
}


/* ██████████████████████████████████████████████████ QR-CODE SCANNER */

#r20_reader {
    border:1px solid lightgrey;
    background-color:#999;
}

#html5-qrcode-button-camera-permission,
#html5-qrcode-button-camera-start,
#html5-qrcode-button-camera-stop {
    border:1px solid black;
    background-color:#666;
    padding:10px;
    font-size:large;
    border-radius:5px;
    margin-top:20px;
}

#html5-qrcode-anchor-scan-type-change {
    display:none !important;
}

#r20_reader__header_message {
    background-color:orange !important;
    color:black !important;
    border:none !important;
}

#html5-qrcode-select-camera {
    display:block;
    width:100%;
}

#r20_reader__dashboard_section_csr span {
    font-size: 0;
}
#html5-qrcode-select-camera {
    font-size:16px;
}
#html5-qrcode-button-camera-stop {
    font-size:20px;
}
    


/* ██████████████████████████████████████████████████ HOME: ULTIMI MOVIMENTI */

.r20-home-ult-box {
    border:1px solid #666;
    padding:10px;
    margin-bottom:3px;
}

.r20-home-ult-dat1 {
    float:left;
    font-weight:bold;
}

.r20-home-ult-dat2 {
    float:right;
    padding:0 5px;
}

.r20-home-ult-dat3 {
    clear:both;
}


/* ██████████████████████████████████████████████████ NEGOZI: LISTA */

.r20_negozi_box {
    height:150px;
    padding:10px;
    border:1px solid #666;
    background-size: cover;
    text-shadow: 2px 0 #333, -2px 0 #333, 0 2px #333, 0 -2px #333, 1px 1px #333, -1px -1px #333, 1px -1px #333, -1px 1px #333;
}


/* ██████████████████████████████████████████████████ MOVIMENTI */

.r20-mov-saldo {
    display: flex;
    justify-content: space-between;
    padding:10px;
    margin-top:10px;
}
.r20-mov-saldo div {
    margin: 0;
    white-space: nowrap;
}

.r20-mov-mese {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #666;
    margin-top: 20px;
}
.r20-mov-mese div {
    white-space: nowrap;
}

.r20-mov-riga1 {
    display: flex;
    justify-content: space-between;
}
.r20-mov-riga2 {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #666;
}

.r20-mov-r-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.r20-mov-r-info span {
    background-color: #666;
}

.r20-mov-r-eur {
    white-space: nowrap;
    margin-left:10px;
    /* background-color: darkgreen o brown */
}