.payment-system-container { display: flex; 
/* ensure children can be ordered */ 
flex-wrap: wrap; } 

/* Debit & Credit (2nd box) → make it show first */ 
.payment-system-container > div:nth-child(2) { order: 1; } 

/* Stripe (1st box) → second */ 
.payment-system-container > div:nth-child(1) { order: 2; } 

/* e-Transfer (3rd box) → third */ 
.payment-system-container > div:nth-child(3) { order: 3; } 

/* Remove the login bar and spaces on the signup page */ 
.client-login-bar { display: none !important; }

/* Hide the checkbox for subscription on the signup page*/ 
#sb_terms_and_conditions > div > div.form-group.form-group--terms.form-group--promotion-letter{ display: none; } 

.company-name { font-size: 46px !important; color: white; } title title--h1 company-name company-logo-and-name{ font-size: 46px !important; } 

/* Custom CSS Please make sure your CSS rules are more particular / have higher priority than other page styles */ 
#events h3 { /* add your css rule here */ 
}

#events p.duration, #events div.duration {
/* add your css rule here */ 
} 
#events p.description, #events div.description { 
/* add your css rule here */ 
} 
#events .selectedEvent { 
/* add your css rule here */ 
} 
#events input.reserve_time_btn { 
/* add your css rule here */ 
} 
#events input.select_another_btn { 
/* add your css rule here */ 
} 
#eventForm #start_date-block-container h3, #eventForm #timeline-container h3 { 
/* add your css rule here */ 
} 
#eventForm #save_button { 
/* add your css rule here */ 
} 
div.ui-widget-content { /* add your css rule here */ } div.ui-widget-header { /* add your css rule here */ } #timeline-container table.timeline 
{ /* add your css rule here */ } 
.timeline td.not_worked_time { /* add your css rule here */ } .timeline td.free_time { /* add your css rule here */ } .timeline td.selected_time { /* add your css rule here */ } .timeline td.reserved_time { /* add your css rule here */ } div#loading { /* add your css rule here */ } 

#start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label { /* add your css rule here */ } 

.payment-modal #sb_payment_systems_container .payment-system .img, .payment-modal .payment-system-container .payment-system-delay .img img{ display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(https://affiliate.masterdrivers.ca/pay_etransfer.png) no-repeat; background-size: auto; width: 100px; height: 100px; padding-left: 180px; background-size: contain; }

.payment-modal .payment-system-container 
.payment-system-delay .name { visibility:hidden; } 
.payment-system-moneris img{ display:none; } 
.payment-system-moneris .img{ display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(https://affiliate.masterdrivers.ca/firstprocessor.png) no-repeat; background-size: auto; width: 100px; height: 100px; padding-left: 180px; background-size: contain; }
.payment-system-moneris .name { visibility:hidden; } 

/* Remove the Country field by targeting specific classes or IDs */ 
.form-group.country_id, #country, input[name="country"], select[name="country"], div[data-label="Country"] { display: none !important; } 

/* Adjust spacing for the element following the hidden Country field */ 
.form-group.country_id + .form-group { margin-top: 0 !important; } 

/* Remove the address2 field */ 
.form-group.address2, #country, input[name="address2"], select[name="address2"], div[data-label="Address 2"] { display: none !important; } 

/* Adjust spacing for the element following the hidden address2 field */ 
.form-group.address2 + .form-group { margin-top: 0 !important; }