/* CSS per controllore bolletta */
        body {
            background-image: url('./resources/sfondo3big.jpg');
        /* https://povertaenergetica.caritasambrosiana.it/wp-content/uploads/2024/12/sfondo3big.jpg */
        }    
        h1 {color:red;
            text-align: center;
            font-family: "Source Sans Pro", sans-serif;
            font-weight: bold;
            font-size: 24px;
        }
        p { 
            font-family: "Source Sans Pro", sans-serif;
            font-weight: normal;  
        }
        li { 
            font-family: "Source Sans Pro", sans-serif;
            font-weight: normal;   
        }
        a { 
            font-family: "Source Sans Pro", sans-serif;
            font-weight: normal;  
        }
        h2 {
            text-align: center;
            font-family: "Source Sans Pro", sans-serif;
            font-weight: bold;
        }
        h3 {
            text-align: center;
            font-family: "Source Sans Pro", sans-serif;
            font-weight: bold;
            font-size: 14px;
        }

        form        { font-family: "Source Sans Pro", sans-serif; font-weight: normal;} 
        fieldset    { font-family: "Source Sans Pro", sans-serif; border-radius: 9px}
        legend      { font-family: "Source Sans Pro", sans-serif; font-weight: bold;}
        button      { color:blue; font-family: "Source Sans Pro", sans-serif; font-weight: bold; font-size: 18px;}
        /* #collegamenti > a:visited  { color:lightblue } */
        a:visited  { color:lightblue }
        a:hover  { color:red }
        #stampa:hover {color:red}
        #container-v6  { border:2px outset DodgerBlue; background-color:rgba(204, 204, 255, 0.1); margin:0 80px; padding: 5px; color:white; }
        #input      { color:darkblue}
        #risultato  {color:lightblue}
        #area-risultato  {color:blue}
        #linea3 > a:visited  { color:purple }
        #linea5 > a:visited  { color:purple }
        #footer     { color:white}
        #copyright  { text-align:right; color:white; font-size: 12px }
        #istruzioni   {color:white}
        /* 
        #istruzioni > a:visited { color:lightblue }
        #fine > a:visited  { color:lightblue }
        */

        .grid-header-v6 {
          vertical-align: middle;
          margin: 0 100px;
          padding:0 10px;
          }

        .grid4-v6 {
          vertical-align: middle;
          padding:0 5px;
          }
          
        .grid2i-v6 {
          display: grid;
          padding:0px 10px 0px 10px;
          vertical-align: middle;
          }

        .grid2-v6 {
          display: grid;
          padding:0px 10px 0px 10px;
          vertical-align: middle;
          }

        div   {border-radius: 9px}

/* i seguenti sono aggiunti con v. 6.0 per FLEX (display fluido) */

    #myheader div {
      flex:1 1 auto;
    }
    #main div {
      flex:1 1 auto;
    }
    #inputdata div {
      flex:1 1 auto;
    }
    #grid21 {
      flex:1 1 auto; 
    }
    #grid22 {
      flex:1 1 auto; 
    }
    #grid23 {
      flex:1 1 auto; 
    }

/* aggiunto con 9.2 per pop up su vulnerabilità ; modificato con 11.2 */

        .container {
              position: relative;
              display: inline-block;
              text-align: center;
            }
        #pop_up {
          visibility: hidden;
          position: absolute;
          top: 0px;
          left: 0;

          width: 220px;
          transform: translate( 0%,  30%);
          background-color: rgb(228, 228, 175);
          color: green;
          padding: 10px;
          border: 1px solid #ccc;
          border-radius: 5px;
          z-index: 1;
        }
        #pop_up.show {
          visibility: visible;
        }

        #pop_up0 {
          visibility: hidden;
          position: absolute;
          top: 0px;
          left: 0px;
          
          width: 200px;
          transform: translate(20px, -60%);
          background-color: rgba(204, 204, 255, 0.9);
          color: green;
          padding: 0px;
          border: 1px solid #ccc;
          border-radius: 5px;
          z-index: 1;
        }
        #pop_up0.show {
          visibility: visible;
        }