@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* { font-family: "Roboto"; font-size: 1em }

body { margin-bottom:40px }

h1 { font-size: 1.5em }
h2 { background-color: #b30027; color: white; padding: 5px; }

select { padding: 5px; border: 1px solid #b30029; border-radius: 4px; max-width: 100% }
select option:hover, select option:checked { background-color: #b30029; color: white; }
fieldset { border:none; margin:0; padding: 0 }

#main-cnt { width: 100%; max-width: 500px; margin: 0 auto }

#cnt-risultato { }
    #tbl-risultato { width: 100%; max-width: 300px; border: 1px solid black; margin: 10px auto; border-collapse: collapse; }
        #tbl-risultato tr td { padding: 5px; }
            #tbl-risultato tr td:nth-child(3) { text-align: right }
            #tbl-risultato tr td:nth-child(1) { width:20px }

    #tbl-risultato .titolo { text-align: center; border: 1px solid black; background-color: #b30027; color:#ffffff }
    #tbl-risultato .dettaglio { background-color:#fffaef; font-size:0.8em }
        #tbl-risultato .valbase { border-top: 1px solid; border-bottom: 1px solid; font-style: italic; }
        #tbl-risultato .piumeno {
            text-align: center
        }
        #tbl-risultato .piumeno button { border: 1px solid black; padding: 0 0 0 1px; margin: 0 auto; font-size: 1em;
            display: block; background-color: white; width: 16px; height: 16px; color: black; cursor: pointer;
            font-family: monospace; line-height: 0;
        }
    #tbl-risultato .totale { background-color: #c5c5c5; font-weight: bold; background-color:#ffffff }
    #tbl-risultato .totale td:nth-child(2) { text-align:right; }

#cnt-btn {
    width: 100%;
    text-align: center
}

.errore { color: red; margin: 6px 0 }

.sezione { border: 1px solid #eeeeee; margin: 10px; padding: 10px; border-radius: 3px; }
    .sezione div:first-of-type { margin-top: 5px }

.nota { margin: 10px 0; padding: 10px; border: 1px solid #df7a02; background-color: #ffc709; font-size: 0.93em }
.info { margin: 10px 0; padding: 10px; border: 1px solid #b30029; background-color: #ffe2e8; font-size: 0.93em }
.btn { background-color: #b30029; border: 1px solid white; color: white; padding: 10px 15px; border-radius: 6px; }

.hidden { display: none }