.mainContent{
    margin-top: 20px;
}
.formTitle{
    text-align: center;
    margin-bottom: 20px;
}
.codeForm{
    max-width: 500px;
    margin: 0 auto;
}
.codeForm input{
    padding: 0 15px;
}
.needHelp{
    background-color: var(--txtSecendaryClrOp2);
    border-radius: 7px;
    padding: 5px 36px 5px 15px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-image: url("/src/call.svg");
    margin-top: 10px;
}
.searchAgain{
    width: fit-content;
    padding: 5px 15px 5px 33px;
    background-color: var(--blackClrOp5);
    border-radius: 7px;
    transition: background-color .6s;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-image: url("/src/back.svg");
}
.searchAgain:hover{
    background-color: var(--blackClrOp4);
}
/* invoiceDiv */
.invoiceDiv{
    margin-top: 15px;
    border-radius: 7px ;
    background-color: var(--blackClrOp6);
    border: 1px solid var(--blackClrOp2);
}
.invoiceTitle{
    padding: 7px;
    border-bottom: 1px solid var(--blackClrOp2);
    background-color: var(--blackClrOp6);
}
.rowItem{
    padding: 7px 15px;
    border-bottom: 1px solid var(--blackClrOp2);
}
.rowItem:nth-child(odd){
    background-color: var(--blackClrOp6);
}
.rowItem:last-child{
    border-bottom: none;
}
@media screen and (min-width:769px) {
    .codeForm{
        margin: 100px auto ;
    }
    
}