/* Chrome, Edge, Safari */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


.mainDiv {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "cell2";
}

.cell1 {
   
}

.cell2 {
    grid-area: cell2;
    border-radius: 5px;
    background-image: linear-gradient(white, whitesmoke);
    border: solid 5px whitesmoke;
    padding: 20px;
}

.cell_customerInputForm {
    display: grid;
    grid-template-columns: 200px 190px;
    grid-template-areas:
        "ordreNumber               ordreNumber     "
        "orderMail                 orderMail            "
        "orderPhone              orderPhone         "
        "PeopleTestTitle PeopleTestTitle "
        "PeopleTest1 PeopleTest2"
        "customerRequest           customerRequest      ";
    grid-row-gap: 10px;
    align-content: start;
}

.ordreNumber {
    grid-area: ordreNumber;
}

.orderMail {
    grid-area: orderMail;
}

.orderPhone {
    grid-area: orderPhone;
}

.PeopleTestTitle {
    grid-area: PeopleTestTitle;
 
}

.PeopleTest1 {
    grid-area: PeopleTest1;
    text-align: center;
}

.PeopleTest2 {
    grid-area: PeopleTest2;
}

.customerRequest {
    grid-area: customerRequest;
}

@media screen and (min-width: 700px) {
    .mainDiv {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "cell1 cell2";
    }

    .cell1 {
        background-image: url('../../../images/Minilaesser_bg.png');
        background-size: contain;
        height: 410px;
        width: 547px;
    }

    .cell_customerInputForm {
        display: grid;
        grid-template-columns: 200px 300px;
        grid-template-areas:
            "ordreNumber            ordreNumber "
            "orderMail           orderMail     "
            "orderPhone              orderPhone         "
            "PeopleTestTitle            PeopleTestTitle     "
            "PeopleTest1 PeopleTest2"
            "customerRequest           customerRequest      ";
        align-content: start;
    }
}