/* =========================================================
   PAYMENT METHOD ORDER
   ========================================================= */

.payment-system-container {
    display: flex;
    flex-wrap: wrap;
}

/* 2nd payment method → first */
.payment-system-container > div:nth-child(2) {
    order: 1;
}

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

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


/* =========================================================
   SIGNUP PAGE
   ========================================================= */

/* 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 !important;
}


/* =========================================================
   COMPANY NAME
   ========================================================= */

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


/* =========================================================
   SIMPLYBOOK DEFAULT CUSTOM CSS AREAS
   ========================================================= */

#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 */
}


/* =========================================================
   HELCIM
   Replace Helcim logo with firstprocessor.png
   Hide "Helcim" text
   ========================================================= */

/* Hide original Helcim logo */
.payment-system-helcim img {
    display: none !important;
}

/* Custom Debit/Credit Card image for Helcim */
.payment-system-helcim .img {
    display: block !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    background: url("https://affiliate.masterdrivers.ca/firstprocessor.png")
                no-repeat center center;

    background-size: contain !important;

    width: 180px;
    height: 100px;
    padding-left: 180px;
}

/* Hide Helcim name underneath */
.payment-system-helcim .name {
    display: none !important;
    visibility: hidden !important;
}


/* =========================================================
   MONERIS
   If Moneris is active, use firstprocessor.png
   Hide "Moneris" text
   ========================================================= */

/* Hide original Moneris logo */
.payment-system-moneris img {
    display: none !important;
}

/* Custom Debit/Credit Card image for Moneris */
.payment-system-moneris .img {
    display: block !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    background: url("https://affiliate.masterdrivers.ca/firstprocessor.png")
                no-repeat center center;

    background-size: contain !important;

    width: 180px;
    height: 100px;
    padding-left: 180px;
}

/* Hide Moneris name underneath */
.payment-system-moneris .name {
    display: none !important;
    visibility: hidden !important;
}


/* =========================================================
   E-TRANSFER / PAY LATER
   Keep Pay Later active in SimplyBookMe
   but display it as e-Transfer
   ========================================================= */

/* Hide original Pay Later image */
.payment-modal
.payment-system-container
.payment-system-delay
.img img {
    display: none !important;
}

/* Display custom e-Transfer image */
.payment-modal
.payment-system-container
.payment-system-delay
.img {
    display: block !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    background: url("https://affiliate.masterdrivers.ca/pay_etransfer.png")
                no-repeat center center;

    background-size: contain !important;

    width: 180px;
    height: 100px;
}

/* Hide Pay Later name underneath */
.payment-modal
.payment-system-container
.payment-system-delay
.name {
    display: none !important;
    visibility: hidden !important;
}


/* =========================================================
   AUTHORIZE.NET
   Keep existing custom processor image
   ========================================================= */

/* Hide default Authorize.Net image */
.payment-system-authorize img,
.payment-system-authorize_net img,
.payment-system-authorizenet img {
    display: none !important;
}

/* Custom image for Authorize.Net */
.payment-system-authorize .img,
.payment-system-authorize_net .img,
.payment-system-authorizenet .img {
    display: block !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    background: url("https://affiliate.masterdrivers.ca/firstprocessor.png")
                no-repeat center center;

    background-size: contain !important;

    width: 180px;
    height: 100px;
    padding-left: 180px;
}

/* Hide Authorize.Net text */
.payment-system-authorize .name,
.payment-system-authorize_net .name,
.payment-system-authorizenet .name,
.payment-system-authorize span,
.payment-system-authorize_net span,
.payment-system-authorizenet span {
    display: none !important;
    visibility: hidden !important;
}


/* =========================================================
   REMOVE COUNTRY FIELD
   ========================================================= */

.form-group.country_id,
#country,
input[name="country"],
select[name="country"],
div[data-label="Country"] {
    display: none !important;
}

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


/* =========================================================
   REMOVE ADDRESS 2 FIELD
   ========================================================= */

.form-group.address2,
input[name="address2"],
select[name="address2"],
div[data-label="Address 2"] {
    display: none !important;
}

/* Adjust spacing after hidden Address 2 field */
.form-group.address2 + .form-group {
    margin-top: 0 !important;
}