Copy/Paste Styling For Purchase Forms

 

 

 

 

.form-control {
    font-family: "Poppins" !important;
}

/* Change the (7) depending on where the country/zip selector is in the form*/
.purchase1_container > div > div:nth-child(7) > div > div > div > div > div {
    margin-bottom: 1rem !important;
}

/* Change the (7) depending on where the country/zip selector is in the form*/
.purchase1_container > div > div:nth-child(7) > div > div > div > div > input {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
}

.product_image {
    display: none !important;
}

.product_text, .product_title, .product_title > p > div, .product_title > h4, .total-price-item {
    font-family: "Poppins" !important;
}

button.btn-primary, .btn-secondary {
    font-family: "Poppins" !important;
    padding: 0.75rem !important;
    opacity: 1 !important;
    line-height: 1.2 !important;
}

button.btn-primary b {
    font-weight: 700 !important;
    font-size: 24px !important;
}

button.btn-primary i {
    font-size: 18px !important;
}

.product-item {
    border-bottom: none !important;
}

.purchase1_container > div > div.row > div > div > div:nth-child(2) {
    padding: 20px !important;
    border: 2px dashed red !important;
    border-radius: 10px !important;
    background: #feffe5 !important;
}

.purchase1_container > div > div.row > div > div > div:nth-child(2) > div.product_content > div.product_text > div.product_header > div.product_title > h4 {
    background: red !important;
    color: white !important;
    width: fit-content !important;
    padding: 3px !important;
}

.purchase1_container > div > div.row > div > div > div:nth-child(1) > div.product_checker {
    display: none !important;
}

.formio-wizard-nav-container li, .btn-wizard-nav-next, .btn-wizard-nav-submit {
    min-width: 100% !important;
    width: 100% !important;
}

.btn-wizard-nav-submit {
    display: none !important;
}

.purchase1_container > div > div.row > div > div > div:nth-child(2) > div.product_checker > label > input[type=checkbox] {
    accent-color: red !important;
}