.gestion-transaction-container,
.rechargement-dec-container,
.creation-dec-container{
    width: 80%;
    margin-left: 10%;
}
#validationResponse{
    margin-bottom: 30px;
    margin-top: 30px;
}
#validationResponse .validation{
    display: inline-block;
}
#validationResponse .error{
    width: 100%;
    text-align: center;
}
#validationResponse .message{
    display: inline-block;
}
#validationResponse .return-button{
    margin-top: 30px;
}

#deducForm .solde{
    margin-bottom: 30px;
}
.export-trans-container,
.export-dec-container{
    text-align: right;
    margin-bottom: 30px;
}
.message-container{
    text-align: center;
}
.message-container .message{
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
}
.message-container .message.success{
    border: 3px solid green;
    color: green;
}
.message-container .message.error{
    border: 3px solid red;
    color: red;
}

.rechargement-dec-container #rechargeForm,
#creationDec{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#rechargeForm div,
#deducForm div,
#creationDec div,
#editFormDec div,
#activateFormDec div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 5px 0px;
}
#rechargeForm input[type=submit],
#creationDec input[type=submit],
#editFormDec input[type=submit],
#activateFormDec input[type=submit]{
    margin: 40px 0px;
}

/* #deducForm #amountInput{
    font-size: 30px !important;
    border: 1px solid #000000 !important;
    margin-bottom: 20px;
    text-align: center;
} */


@media screen and (max-width: 768px) {
    .gestion-transaction-container,
    .rechargement-dec-container,
    .creation-dec-container{
        width: 97%;
        margin-left: 1.5%;
    }
}

.wpappninja #validationResponse .validation{
    width: 25%;
}
.wpappninja #amountInput{
    font-size: 30px !important;
    border: 1px solid #000000 !important;
}

.wpappninja #btnManuelCard{
    display: none !important;
}