body{
    max-width: 900px;
    position:relative;
    margin:auto;

}
.logoText{
    position: absolute;
    top: 10px;
    left: 100px;
    text-align: center;
    font-weight: bold;
}
.hidden{
    display: none;
}
header{
    z-index: 1000;
    position:fixed;
    top:0;
    left:0;
    background-color: var(--card-sectionning-background-color);
}
main{
    margin-top: 105px;
}
.oneline{
    white-space: nowrap;
}
.absolutetopright{
    position: absolute;
    top:14px;
    right:0;
    text-align: right;
}
.positionrelative{
    position:relative;
}
.paytypeicon{
    position: absolute;
    right: -2px;
    top: -8px;
}
[type='number'][data-target='keypad']{
    padding-left:2px!important;
}
[type='text'], [type='date']{
    padding-left:2px!important;
    padding-right:2px!important;
}
.m-20{
    margin:20px;
}
.mt-20{
    margin-top: 20px;
}
.mt-40{
    margin-top: 40px;
}
.key{
    display: inline-block;
    width:75px;
}
.inlineblock50{
    display: inline-block;
    width: 50px!important;
    margin-bottom: 0!important;
}
.inlineblock100{
    display: inline-block;
    width: 100px!important;
    margin-bottom: 0!important;
}
.inlineblock150{
    display: inline-block;
    width: 150px!important;
    margin-bottom: 0!important;
}
.inlineblock200{
    display: inline-block;
    width: 200px!important;
    margin-bottom: 0!important;
}
.inlineblock300{
    display: inline-block;
    width: 300px!important;
    margin-bottom: 0!important;
}
.inlineblock365{
    display: inline-block;
    width: 365px!important;
    margin-bottom: 0!important;
}