/*# MESSAGGIO DI SISTEMA - FIXED IN PAGINA #########*/
.system_msg {
    position: fixed;
    bottom: 7rem;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 600px;
    padding: 2rem;
    border: solid 3px #2D9604;
    box-shadow: 0 0 6px rgba(0,0,0,0.25);
    z-index: 30;
    overflow: visible;
}

    .system_msg span.icona {
        flex: 1 1 10%;
    }

    .system_msg span.close_cta {
        position: absolute;
        top: 0;
        right: 0;
        padding: 1rem;
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0 2px 10px rgba(0,0,0,0.25);
        transform: translate(25%,-25% );
        cursor: pointer;
    }

        .system_msg span.close_cta:hover {
            box-shadow: 0 0 6px rgba(0,0,0,0.4);
            transform: translate(15%,-15% );
        }

    .system_msg p {
        flex: 1 1 90%;
    }

        .system_msg p * {
            display: block;
        }

        .system_msg p strong {
        }

        .system_msg p span {
            margin: 0.5rem 0;
        }

        .system_msg p a {
            display: inline-block;
        }
    /*Variabile per messaggio di errore*/
    .system_msg.ko_state {
        border-color: #fff;
        color: #fff;
        background-color: #fd0000;
    }

        .system_msg.ko_state .font_clr_col_02, .system_msg.ko_state .text_link {
            color: #fff;
        }

    .system_msg .close_cta {
        color: initial;
    }

    .system_msg.ok_state {
        border-color: #fff;
        color: #fff;
        background-color: #008000;
    }

        .system_msg.ok_state .font_clr_col_02, .system_msg.ko_state .text_link {
            color: #fff;
        }
/*##################################################*/