#dropin-msgs {
    margin: 5px 0;
    font-weight: bolder;
}
#dropin-msgs.alert {
    color: #df280a;
    font-weight: normal;
}
#dropin-msgs.info {
    color: green;
}

a.with-tooltip:hover {
    text-decoration: none;
}
a.with-tooltip span.tooltip {
    border: 1px solid silver;
    border-radius: 8px;
    display: none;
    z-index: 100;
}
a.with-tooltip:hover span.tooltip {
    display: inline;
    position: absolute;
}

#what-is-cvv span.tooltip {
    background: white url('https://www.beaconlighting.com.au/skin/frontend/base/default/fris/pay/css/what-is-cvv.png') 5px 140px no-repeat;
    background-size: 96%;
    height: 275px;
    right: auto;
    top: auto;
    width: 180px;
    color: #636363;
    padding: 10px;
}

#braintree-button-submit {
    display: none;
}
#braintree-button-submit.bt-validation-passed {
    font-weight: bold;
}

/* Default: green tick */
#braintree-tick {
    display: none;
}
body.checkout-onestep-index #onestepcheckout-form #braintree-tick.bt-validation-passed, /* FME */
#braintree-tick.bt-validation-passed {
    display: inline-block;
    margin-left: 7px;
    margin-right: 0;
    height: 22px;
    width: 22px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.tick-circle {
    height: 22px;
    width: 22px;
    background-color: green;
    border-radius: 11px;
    position: absolute;
    left: 0;
    top: 12px;
}
.tick-stem {
    background-color: white;
    height: 9px;
    width: 3px;
    position: absolute;
    left: 11px;
    top: 18px;
}
.tick-kick {
    background-color: white;
    height: 3px;
    width: 3px;
    position: absolute;
    left: 8px;
    top: 24px;
}

#dropin-braintree button#braintree-paypal-button {
    display: none;
}

.onestepcheckout-index-index #braintree-button-submit {
    vertical-align: top;
}
.onestepcheckout-index-index #braintree-tick,
.onestepcheckout-index-index #braintree-tick .tick-circle,
.onestepcheckout-index-index #braintree-tick .tick-stem,
.onestepcheckout-index-index #braintree-tick .tick-kick {
    height: 0;
}

/* For Idev onestepcheckout.com, normal skin */
#onestepcheckout-form #braintree-tick.bt-validation-passed {
    background: transparent url("https://www.beaconlighting.com.au/skin/frontend/base/default/onestepcheckout/images/onestepcheckout-numbers-4.png") no-repeat;
    background-position-y: 2px;
    height: 38px;
    width: 28px;
    transform: none;
    -ms-transform: none;
}
/* For Idev onestepcheckout.com, Magento skin */
#onestepcheckout-form .onestepcheckout-skin-magento #braintree-tick.bt-validation-passed {
    background: transparent url("https://www.beaconlighting.com.au/skin/frontend/base/default/onestepcheckout/images/skin-magento/onestepcheckout-numbers-4.png") no-repeat;
    margin-top: 7px;
    height: 18px;
    width: 18px;
    transform: none;
    -ms-transform: none;
}

/* For Magestore */
#one-step-checkout-form #braintree-tick.bt-validation-passed {
    background: #f39801 url("https://www.beaconlighting.com.au/skin/frontend/base/default/images/onestepcheckout/order_title.png") -17px -11px no-repeat;
    /* Or use same color as Verify button: */
    /* background-color:  #2e8ab8; */
    height: 33px;
    width: 33px;
    transform: none;
    -ms-transform: none;
}

/* For IWD, which colors Verify button white on white background! */
.opc-wrapper-opc #braintree-button-submit {
  background-color: #00909e;
}
.opc-wrapper-opc #braintree-button-submit:hover {
  background-color: #39b9c6;
}
.opc-wrapper-opc #braintree-button-submit.bt-validation-passed {
  color: white;
}

/* GoMage */
#gcheckout-payment-methods-available #braintree-button-submit {
  color: white;
}