.title-codepromo {
    text-align: center
}
.text-codepromo {
    display: inline-block; 
    margin-right: 10px;
    font-size: 16px;
}

.textnumber-codepromo {
    display: inline-block; 
    margin: 0 10px;
    font-size: 16px;
}

.textnumberduration-codepromo {
    display: inline-block; 
    margin: 0 10px;
    font-size: 16px;
}

.textnumberuse-codepromo {
    display: inline-block; 
    margin: 0 10px;
    font-size: 16px;
}

.button-codepromo {
    display: inline-block; 
}

#containervalidation_codepromo{
    padding: 20px;
    text-align: center;
}

#total-codepromo {
    text-align: center; 
    display: none;
}

#containrole-codepromo {
    text-align: left;
}

#containallrole-codepromo {
    margin: 0 auto; 
    width: max-content
}

#containallroleblock-codepromo {
    padding-top: 20px; 
    padding-right: 100px; 
    padding-left: 100px
}