.grid_padding{
    padding: 20px;
    min-height: calc(100vh - 60px);
}



.form_grey .form_field input[type=text],.form_grey .form_field input[type=email], .form_grey .form_field input[type=password], .form_grey .form_field input[type=number]{
    background: var(--background-grey);
    border: 1px solid var(--mid-grey);
}

.dark .form_grey .form_field input[type=text],.dark .form_grey .form_field input[type=email], .dark .form_grey .form_field input[type=password],.dark .form_grey .form_field input[type=number]{
    background: var(--dark-grey);
    border: 1px solid var(--light-grey);
}

.form_grey .form_field.error input[type=text],.form_grey .form_field.error input[type=email], .form_grey .form_field.error input[type=password], .form_grey .form_field.error input[type=number]{
    
    border: 1px solid var(--error);
}

.form_grey .form_field label{background: var(--background-grey);}

.commission_box{
    background: white; 
    border-radius: 15px; 
    padding: 10px; 
    margin-bottom: 1em;
    display: grid; 
    grid-template-columns: 120px 2fr;
    align-items: center;
}

.dark .commission_box{
    background: var(--dark-grey2);
}

.commission_box h1{margin: 0; padding: 0 0 0 15px;}

.commission_box h1 sup{font-size: 0.5em;}

@media(min-width: 840px){
    .grid_padding{
        padding: 30px 40px; 
        min-height: calc(100vh - 100px);
    }
}