.elementor-1688 .elementor-element.elementor-element-72b0474{--display:flex;--background-transition:0.3s;}@media(min-width:768px){.elementor-1688 .elementor-element.elementor-element-72b0474{--content-width:608px;}}/* Start custom CSS for html, class: .elementor-element-dc44cd4 */<style>
    
    /* Crypto Details Section */
.crypto-detail {
    background-color: #1e1e1e;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    color: #fff;
    text-align: center;
}

.crypto-detail-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.crypto-detail-header img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.crypto-detail-title {
    font-size: 1.5em;
    font-weight: bold;
}

.crypto-address {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.crypto-address input {
    width: 80%;
    padding: 10px;
    border-radius: 4px;
    border: none;
    background-color: #2c2c2c;
    color: #fff;
    text-align: center;
}

.crypto-address button {
    margin-left: 10px;
    background-color: #3a7bd5;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.qr-code {
    margin-bottom: 20px;
}

.qr-code img {
    width: 150px;
    height: 150px;
}

.crypto-form-buttons {
    display: flex;
    justify-content: center;
}

    
    
        /* Styles généraux de la page */
        .container {
            max-width: 400px;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            padding: 20px;
            position: relative;
            z-index: 1; /* Met la section normale en arrière-plan quand le formulaire est ouvert */
        }

        .crypto-list {
            list-style: none;
            padding: 0;
        }

        .crypto-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0;
            border-bottom: 1px solid #e0e0e0;
            cursor: pointer;
        }

        .crypto-item:last-child {
            border-bottom: none;
        }

        .crypto-name {
            display: flex;
            align-items: center;
        }

        .crypto-name img {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

        .crypto-price {
            font-size: 0.9em;
            color: #777;
        }

        .crypto-change {
            font-size: 0.9em;
            margin-top: 4px;
        }

        .positive {
            color: #27ae60;
        }

        .negative {
            color: #c0392b;
        }

        .crypto-amount {
            font-weight: bold;
        }

        /* Styles spécifiques pour le rectangle du portefeuille */
        .wallet-rectangle {
            background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%);
            border-radius: 16px;
            padding: 20px;
            color: #ffffff;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
            margin-bottom: 20px;
            transition: filter 0.3s, opacity 0.3s;
            z-index: 1;
        }

        .wallet-title {
            font-size: 1.2em;
            font-weight: bold;
            margin-bottom: 10px;
            color: #ffffff;
        }

        .wallet-balance {
            font-size: 2.5em;
            font-weight: bold;
            margin-bottom: 5px;
            color: #ffffff;
        }

        .wallet-change {
            font-size: 1em;
            color: #00e676;
            margin-bottom: 5px;
        }

        .wallet-info {
            font-size: 1em;
            color: #b3b3b3;
        }

        /* Styles pour les boutons Envoyer et Recevoir */
        .wallet-actions {
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
        }

        .wallet-button {
            background-color: #ffffff;
            color: #3a7bd5;
            border: 2px solid #3a7bd5;
            border-radius: 8px;
            padding: 10px 20px;
            font-size: 1em;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s, color 0.3s;
            width: 48%;
            text-align: center;
        }

        .wallet-button:hover {
            background-color: #3a7bd5;
            color: #ffffff;
        }

        /* Styles pour le formulaire de transfert */
        .transfer-form-container {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.9);
            display: none;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px;
            z-index: 10; /* Assure que le formulaire est au-dessus de tout le reste */
        }

        .transfer-choice {
            display: flex;
            justify-content: space-between;
            width: 100%;
            margin-bottom: 15px;
        }

        .transfer-form {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 100%;
            max-width: 350px;
            z-index: 11;
            display: none;
        }

        .crypto-form {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 100%;
            max-width: 350px;
            z-index: 11;
            display: none;
            flex-direction: column;
        }

        .crypto-form label {
            margin-bottom: 5px;
            font-weight: bold;
        }

        .crypto-form select,
        .crypto-form input {
            margin-bottom: 15px;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .crypto-form-buttons {
            display: flex;
            justify-content: space-between;
        }

        .crypto-form select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: #fff;
            padding: 8px;
            border-radius: 4px;
            border: 1px solid #ccc;
            font-size: 1em;
            width: 100%;
            background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns%3D%27http://www.w3.org/2000/svg%27 width%3D%2710%27 height%3D%2710%27 viewBox%3D%270 0 10 10%27%3E%3Cpolygon fill%3D%27%233a7bd5%27 points%3D%270,0 10,0 5,5%27/%3E%3C/svg%3E');
            background-repeat: no-repeat;
            background-position-x: 100%;
            background-position-y: 50%;
        }

        .transfer-form label {
            font-weight: bold;
            margin-bottom: 5px;
            display: block;
        }

        .transfer-form input {
            width: 100%;
            padding: 8px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .transfer-form-buttons {
            display: flex;
            justify-content: space-between;
        }

        .message {
            color: #c0392b;
            margin-top: 15px;
            font-size: 0.9em;
            text-align: center;
            display: none; /* Cache par défaut */
        }

        /* Style pour le texte du montant maximum */
        .max-amount {
            font-size: 0.85em;
            color: #777;
            margin-bottom: 15px;
        }
       #cancelReceiveButton {
    width: 100%; /* Ajustez la largeur à votre convenance */
}



    </style>/* End custom CSS */