/* STANDARD DEI LINK IN QUESTO SITO: 
   - NO sottolineatura 

   - Colore: verde 
   - Su HOVER: roosso 
   - Su PRESSIONE: giallo  
   - VISITATO: grigio
*/
a:link 
{
    color: green;
    background-color: transparent;
    text-decoration: none;
}
    a:visited {
        color: gray;
        background-color: transparent;
        text-decoration: none;
    }

    a:hover {
        color: red;
        background-color: transparent;
        text-decoration: underline;
    }

    a:active {
        color: yellow;
        background-color: transparent;
        text-decoration: underline;
    }


    a:link.cwarning 
    {
        color: #06293f;
        background-color: transparent;
        text-decoration: none;
    }

    a:link.cinfo 
    {
        color: #3e8e41;
        background-color: transparent;
        text-decoration: none;
    }

    a:link.cdanger 
    {
        color: red;
        background-color: transparent;
        text-decoration: none;
    }

/* FINE Definizione dei LINK */


#definizione-cai {
    position: absolute;
    margin-top: 600px;
    z-index: 1;
    text-align: center;
    background-color: lightgray;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    font-size: 28px;
    opacity: 0.5;
}

.title-header {
    background-color: #06293f;
    color: white;
    padding-top: 20px;
    padding: 10px;
    font-size: 28px;
    font-weight: bold;
}



body {
    background-color: lightgray;
}

/* Pulsante invisibile */
.cbtn {
    background-color: transparent;
    border-color: transparent;
    border-width: 0px;
    padding: 0px;
}



a:visited.cwarning {
    color: #06293f;
    background-color: transparent;
    text-decoration: none;
}

a:hover.cwarning {
    color: #0f4d71;
    background-color: transparent;
    text-decoration: underline;
}

a:active.cwarning {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}



a:visited.cinfo {
    color: #3e8e41;
    background-color: transparent;
    text-decoration: none;
}

a:hover.cinfo {
    color: #0f4d71;
    background-color: transparent;
    text-decoration: underline;
}

a:active.cinfo {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}



a:visited.cdanger {
    color: red;
    background-color: transparent;
    text-decoration: none;
}

a:hover.cdanger {
    color: #0f4d71;
    background-color: transparent;
    text-decoration: underline;
}

a:active.cdanger {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}

/* Regole SCSS annidate srotolate: button.cdanger i */
button.cdanger i {
    color: red;
    background-color: transparent;
    text-decoration: none;
}

/* Regole SCSS annidate srotolate: button:hover.cdanger i */
button:hover.cdanger i {
    color: #0f4d71;
    background-color: transparent;
    text-decoration: none;
}

/* Regole SCSS annidate srotolate: button.cinfo i */
button.cinfo i {
    color: #3e8e41;
    background-color: transparent;
    text-decoration: none;
}

/* Regole SCSS annidate srotolate: button:hover.cinfo i */
button:hover.cinfo i {
    color: #0f4d71;
    background-color: transparent;
    text-decoration: none;
}

.ctitle {
    color: #3e8e41;
    text-shadow: 2px 2px #999999;
}

.cbtn-danger {
    width: 60px;
    background-color: red;
    color: white;
}

.dropdown {
    position: relative;
    display: inline-block;
    z-index: 200;
}

    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
        display: block;
    }

    /* Change the background color of the dropdown button when the dropdown content is shown */
    .dropdown:hover .dropbtn {
        background-color: #3e8e41;
    }

.dropbtn {
    height: 43px;
    background-color: #06293f;
    color: white;
    font-size: 16px;
    border: none;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #06293f;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 200;
    text-align: left;
}

    /* Regole SCSS annidate srotolate: .dropdown-content a */
    .dropdown-content a {
        font-size: 14px;
        color: white;
        padding: 3px 15px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #ddd;
            color: black;
        }





/* Regole SCSS annidate srotolate per .header01-container */
.header01-container {
    background-color: #06293f;
}

    /* .header01-container .header01 */
    .header01-container .header01 {
        background-color: #06293f;
        color: white;
        height: 43px;
    }

        /* .header01-container .header01 .menu01 */
        .header01-container .header01 .menu01 {
            text-align: right;
            line-height: 43px;
        }



.header02-container {
    background-color: #0f4d71;
}


.sandwich
{
    background-color: transparent;
    color: white;
    border-style: none;
    border-color: white;
    border-width: 1px;
}

    .sandwich:hover
    {
        background-color: transparent;
        color: #bbbbbb;
        border-style: none;
        border-color: #bbbbbb;
        border-width: 1px;
    }

    .sandwich:active
    {
        background-color: transparent;
        color: #ff0000;
        border-style: none;
        border-color: #888888;
        border-width: 1px;
    }

.header02 
{
    background-color: #0f4d71;
    color: white;
}

/* < M */
/* Schermo piccolo, tipo smartphone 
L'header della pagina risulta composto da una sola sezione in blu chiaro con altezza maggiorata
rispetto alle altre risoluzione. La sezione blu scuro viene nascosta.
Sull'header quindi, a sinistra il logo CAI e il logo cai Breno. A destra il sandwich.
*/

@media screen and (max-width: 767px) 
{
        .cwhite-box {
        margin-top: 105px;
 
    }

    .logo-cai {
        margin-top: 10px;
    }

    .logo-breno {
        margin-top: 10px;
    }

    .hide-under-md {
        display: none;
    }

    .search {
        display: none;
    }

    .header01 {
        display: none;
    }

    .header02 {
        height: 105px;
    }

    .header-text {
        padding-top: 35px;
    }

    .main-container {
        padding-left: 0px;
        padding-right: 0px;        
    }

    .content-webpage {
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
    }

    .container-fluid {
        background-color: white;
    }
}


/* > Medium  */
/* Ora visualizzo la seconda sezione dell'header e sposto i loghi in modo che siano 
   a cavallo di entrambe le sezioni dell'header. Nascondo il sandwich. 
   Modifico il cwhite box, in modo che sembri una pagina "staccata" rispetto allo sfondo
   che fa ombra su di essa. */
@media screen and (min-width: 768px) {
    .logo-cai {
        margin-top: -34px;
    }

    .logo-breno {
        margin-top: -31px;
    }

    /* Il sandwich è invisibile con uno schermo da M in su */
    .sandwich 
    {
        display: none;        
    }

    .header02 {
        height: 59px;
    }

    .header-text {
        padding-top: 10px;
    }

    .cwhite-box {
        margin: 30px;
        margin-top: 150px;
        padding: 30px;
        background-color: white;
        box-shadow: 10px 5px 5px grey;
        border-style: solid;
        border-width: 1px;
        border-color: #bbbbbb;
    }
}
/* > Medium */


/* < L */
@media screen and (max-width: 991px) {
    .hide-under-lg {
        display: none;
    }
}
/* < L */


/* > Large */ 
/* Da qui in poi, aumento i margini del cwhite-box (a parte il margin-top, che mantengo
   uguale alla risoluzione precedente. */
@media screen and (min-width: 992px) {
    .hide-over-lg {
        display: none;
    }

    /* Da L in su, aumento il margine del cwhite-box */ 
    .cwhite-box{
        margin: 90px;
        margin-top: 150px;
    }
}
/* > Large */





/* TABELLA DELLE ENTRATE E USCITE E DEL BILANCIO PARZIALE */

/* Regole SCSS annidate srotolate: .incoming td */
.incoming td {
    color: green;
}

/* Regole SCSS annidate srotolate: .outcoming td */
.outcoming td {
    color: red;
}

/* Regole SCSS annidate srotolate: .partial-balance td */
.partial-balance td {
    color: blue;
    font-weight: bold;
}