/* ------------------------------------------------- */
/* Author: L.Algeri                                  */
/* Data  : 03/04/2022                                */
/* Css 2022                                          */
/* Obiettivo del CSS e' la migrazione a bootstrap 5  */
/* questo css e' secondario rispetto ai css standard */
/* bottstrap e bootstrap-italia.min                  */
/* ------------------------------------------------- */
.head-banner {
    background-color: #0059b3;
    padding-top:2rem;
    padding-bottom: 2rem;
}
.sezione-icone {
    padding-top: 7rem;
    padding-bottom: 7rem;

}
/* ------------------------------------------------- */
/* width                                             */
/* ------------------------------------------------- */
.wibtn {width:210px;}

/* ------------------------------------------------- */
/* colori BG                                         */
/* ------------------------------------------------- */

.bg-grigio-01{color:#212529; background-color:#f5f5f5!important;color:#fff!important}
.bg-grigio{color:#212529; background-color:#fafafa!important;color:#fff!important}
.bg-bluscuro{background-color:#003274!important;color:#fff!important}
.bg-sc-small{background-color:#C51416;}

/* ------------------------------------------------- */
/* colori Bottoni                                    */
/* ------------------------------------------------- */

.btn-ross{background-color:#C51416!important;color:#fff!important}
.btn-gial{background-color:#FFFF00!important;#20047d!important}
.btn-bluu{background-color:#100057;color:#FFFFFF;!important;color:#fff!important}
.btn-cele{background-color:#B9CFE4;color:#20047d;}
.btn-bian{background-color:#FFFFFF;color:#20047d;}

/* ------------------------------------------------- */
/* larghezza                                         */
/* ------------------------------------------------- */

.w-10{width:150px;}
.w-12{width:170px;}

/* ------------------------------------------------- */
/* Border                                            */
/* ------------------------------------------------- */

.border-grigio{border-color:#f5f5f5!important}

/* ------------------------------------------------- */
/* Immagini                                          */
/* ------------------------------------------------- */

.ImmaCart0001{width:40px;height:40px;padding-bottom:1px;}

/* ------------------------------------------------- */
/* Altezza Titoli                                    */
/* ------------------------------------------------- */

.h-title{height:55px;}

.bi {
    height: 56px;
    width: 56px;
    padding-right:8px;
}
.bi1 {
    height: 24px;
    width: 24px;
}
.card-img-top {
    width: 80px;
}
.list-inline-item svg {
    font-size: 30px;
}   
.labeicon {
    font-size: 10px;
}   

.camp0001, camp0002
.camp0001 {width:290px; 
           background-color: #FFFFFF;
           border-top:0px;
           border-left:0px;
           border-right:0px;
           border-bottom:1px solid #B9CFE4;
           margin-bottom:8px;
           margin-left:5px;
           padding-right:5px;
           font-size:14px;
           font-weight:100;
           font-weight:bold;
           font-family:Century Gothic, sans-serif; 
           font-style:inherit;
           }
.campgial {width:290px; 
           background-color: #FFFF00;
           border-top:0px;
           border-left:0px;
           border-right:0px;
           border-bottom:1px solid #B9CFE4;
           margin-bottom:8px;
           margin-left:5px;
           padding-right:5px;
           font-size:14px;
           font-weight:100;
           font-weight:bold;
           font-family:Century Gothic, sans-serif; 
           font-style:inherit;
           }
.camp0002 {width:243px; 
           background-color: #FFFFFF;
           border-top:0px;
           border-left:0px;
           border-right:0px;
           border-bottom:1px solid #B9CFE4;
           font: 10px Verdana;
           }
.camp0003 {width:270px; 
           background-color: #FFFFFF;
           border-top:0px;
           border-left:0px;
           border-right:0px;
           border-bottom:1px solid #B9CFE4;
           margin-bottom:8px;
           margin-left:5px;
           padding-right:5px;
           font-size:14px;
           font-weight:100;
           font-family:Century Gothic, sans-serif; 
           font-style:inherit;
           }
/* ------------------- */
/* Gestione Tabelle    */
/* ------------------- */
.tabe0001, tabe0002, tabe0003, tabe0004, tabe0005, tabe0006, tabe0007, tabe0008, tabe0009
.tabe0001 { display: table; width: 100%}
.tabe0002   {
             display: table;
             width:320px;
             float:left;
             margin-top:15px;
             margin-bottom:15px;
             margin-left:10px;
             padding-bottom:10px;
             border:1px solid #B9CFE4;
             border-radius: 12px 12px 12px 12px;
            }
.tabe0003   {
             display: table;
             width:640px;
             float:left;
             margin-top:15px;
             margin-left:10px;
             padding-bottom:10px;
             border:1px solid #B9CFE4;
             border-radius: 12px;
             }

/* --------------------------- */
/* Gestione di righe e colonne */
/* --------------------------- */
.riga0001
.colo0001, colo0002, colo0003, colo0004, colo0005, colo0006
.colo0001 { margin: 0; padding: 0; border: 0;}
.riga0001 { clear: both; display: block; display: table-row; width: 100%;}
.colo0001 { float: left; 
            width: 25%; 
            display: table-cell;
          }
.colo0002 { float: left; 
            width: 315px; 
            display: table-cell;
            color:#000000; 
            font-size:14px;
            font-weight:100;
            font-family:Century Gothic, sans-serif; 
            font-style:inherit;
            margin-left:5px;
            border: 0;
          }
.colo0003 { float: left; 
            height: 35px; 
            display: table-cell;
            color: #FFFFFF;
            border-left  : 0px;
            border-right : 1px #B9CFE4 solid;
            border-bottom: 1px #B9CFE4 solid;
            border-top   : 1px #B9CFE4 solid;
            background-color: #e80408;
            text-align: center;
            color: #FFFFFF;
            font-size:14px;
            font-weight:100;
            font-weight:bold;
            font-family:Century Gothic, sans-serif; 
            font-style:inherit;
            }
.colo0004 { float: left; 
            height: 35px; 
            display: table-cell;
            color: #000000;
            font: 12px Verdana;
            border-left  : 0;
            border-right : 0.5px #B9CFE4 solid;
            border-bottom: 0.5px #B9CFE4 solid;
            border-top   : 0;
            border-color: #B9CFE4; 
            background: #FFFFFF;
            text-align: justify;
            font-size:14px;
            font-weight:100;
            font-family:Century Gothic, sans-serif; 
            font-style:inherit;
           }
.colo0005  { float: left; 
             display: table-cell;
             width:315px;
             color: #000000;
             border-bottom:2px #e80408 solid;
             padding-left:5px;
             margin-bottom:5px;
           }
.colo0006  { 
            float:left;
            width:60px;
            text-align:center;
            padding-left:0px;
            padding-bottom:5px;
            padding-top:2px;
            font-size:10px;
            font-family:Century Gothic, sans-serif; 
            font-style:inherit;
            font-weight:bold;
           }
.colo0007 { float: left; 
            height: 25px; 
            padding-top:10px;
            display: table-cell;
            color: #FFFFFF;
            border-left  : 0;
            border-right : 0.5px #B9CFE4 solid;
            border-bottom: 0.5px #B9CFE4 solid;
            border-top   : 1px #B9CFE4 solid;
            background-color:#e8e6e6;
            text-align: center;
            color: #000000;
            font-size:14px;
            font-weight:100;
            font-family:Century Gothic, sans-serif; 
            font-style:inherit;
            }
/* --------------------------- */
/* Media Query */
/* --------------------------- */

@media screen and (min-width: 768px) {
    .head-banner{
        padding-top:2rem;
        padding-bottom: 2rem;
    }        
}