#custom_vendor_registration, #custom_customer_registration {
    display: flex;
    flex-direction: column;
    place-content: flex-start;
    max-width: 100%;
	height: 100%;
}

#custom_vendor_registration {
	min-height: 1600px;
}

.category-registration {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    min-width: 200px;
}

.category-registration div:not(.iti, .iti *, .pwd-rules-wrap), 
.category-registration p:not(.iti, .iti *, .pwd-rules-wrap),
.checkboxes-container .custom-checkboxes {
    display: flex;
	flex-direction: column;
	min-width: 50px;
    margin: 0% 1% 0 1%;
    flex: 0 0 48%;
	width: 48%;
    max-width: 48%;
    align-self: stretch;
}

.custom-checkboxes {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checkboxes-container {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
	margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid var(--wp--preset--color--background-light-gray);
}

.custom-checkboxes input[type="checkbox"]:checked {
    background-color: var(--wp--preset--color--background-secondary);
    border-color: var(--wp--preset--color--background-secondary);
	background-image: none;
}

.custom-checkboxes input[type="checkbox"]:checked::after {
    font-size: inherit;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.checkboxes-container .custom-checkboxes p {
    padding-top: 5px;
}

.checkboxes-container .custom-checkboxes p label {
    flex: 0 0 95%;
    align-self: stretch;
}

.radio {
    display: flex;
    flex-direction: row;
    align-items: start;
    margin-right: 5%;
    margin-left: 5%;
}

.radio p {
    min-width: 50px;
    margin: 0% 1% 0 1%;
    flex: 0 0 48%;
    max-width: 48%;
    align-self: stretch;
}

body main .button input, body main .button {
	display: inline-flex;
    align-items: inherit;
	margin-left: auto;
	margin-right: auto;
	padding: unset;
}

.split-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.split-row p {
    max-width: 48%;
}

input[type="checkbox"]:checked + label {
    color: blue;
}

input[type="checkbox"] + label {
    padding-left: 25px;
    position: relative;
    cursor: pointer;
}

input[type="checkbox"] + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid var(--wp--preset--color--input-border);
    background-color: var(--wp--preset--color--background-primary);
}

input[type="checkbox"]:checked + label:before {
    background-color: blue;
}

input[type="checkbox"]:checked + label {
    color: var(--wp--preset--color--background-primary);
}

.custom-registration h4, .custom-registration h5 {
	margin-top: 10px;
}

.custom-registration > h5:not(:first-child) {
    margin-top: 50px;
}

body main .button.custom-secondary-button{
    width: 50% !important;
}

.custom-checkboxes-agrement {
    margin: 50px 1% 0 1%;
}

body h5 {
    font-weight: 600 !important;
}

.custom-account-deconnection {
    display: none !important;
}

form.custom-registration > .button.custom-secondary-button {
    position: relative;
    margin: 60px auto 60px auto;
}

body main div.woocommerce > span.custom-error-message,
body main div.entry-content > span.custom-error-message {
    position: absolute;
    color: red;
    text-align: center;
    margin-top: -250px;
    width: 95%;
    display: block;
}

body main form input {
    padding-left: 15px;
}

body .category-registration .custom-input {
    padding-left: 15px;
}

body span:has(> #display_store_url),
#display_store_url {
    font-size: 10px;
}
    

body #custom_vendor_registration input[type="tel"]{
    min-height: 3.5rem;
    text-indent: 105px;
    padding-left: 0px !important;
    width: 100%;
}

body #custom_vendor_registration .iti {
    width: 100%;
}

body #custom_customer_registration .show-custom-password-input {
    margin-top: 0px;
    margin-left: auto;
}

