/**
 * @package	HikaShop BrainTree Payment Plugin CSS for Joomla!
 * @version	2.0.22
 * @author	3by400.com
 * @copyright	(C) 2016 3by400, Inc. All rights reserved.
 * @license	GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 *
 * v 2.0.22 - Separated inline css from braintree_pay.php to hikashop_braintree_payment_plugin.css
 **/
 	div #card-number.hosted-field {
		width:13rem;
	}
	div #cvv.hosted-field {
		width: 6rem;
	}
	div #expiration-month.hosted-field {
		width: 2rem;
	}
	div #expiration-year.hosted-field {
		width: 4rem;
	}
	div #ask-save-method.hosted-field {
		width: 1rem;
	}
/* hikashop-braintree-pay replaced with hk_bt_pay */
	#hikashop-braintree-pay label {
		clear:both;
		float:left;
		width:10rem;
		line-height: 1.75rem;
	}
	#hikashop-braintree-pay .hkbt-spm-row label {
		clear:none;
		line-height: 1.25rem;
		padding-left: 1rem;
	}
	#hikashop-braintree-pay .hkbt-spm-row label img {
		width: 56px;
		height: auto;
		padding: 2px 5px;
		vertical-align: text-bottom;
	}
	#hikashop-braintree-pay div.hosted-field {
		float:left;
		height:1.75rem;
		background-color: rgba(0,0,0,0.04); 
	}
	#hikashop-braintree-pay div#ask-save-method.hosted-field {
		background-color: transparent;
	}
	#hikashop-braintree-pay #hikashop-braintree-get-payment-nonce {
		clear:both;
		float:left;
	}
	#hikashop-braintree-pay {
		display:none;
		margin-top:-18px;
		
	}
/* replaces hikashop-braintree-pay */
	#hk_bt_pay label {
		clear:both;
		float:left;
		width:10rem;
		line-height: 1.75rem;
	}
	#hk_bt_pay .hkbt-spm-row label {
		clear:none;
		line-height: 1.25rem;
		padding-left: 1rem;
	}
	#hk_bt_pay .hkbt-spm-row label img {
		width: 56px;
		height: auto;
		padding: 2px 5px;
		vertical-align: text-bottom;
	}
	#hk_bt_pay div.hosted-field {
		float:left;
		height:1.75rem;
		background-color: rgba(0,0,0,0.04); 
	}
	#hk_bt_pay div#ask-save-method.hosted-field {
		background-color: transparent;
	}
	#hk_bt_pay #hikashop-braintree-get-payment-nonce {
		clear:both;
		float:left;
	}
/*
	#hk_bt_pay {
		display:none;
		margin-top:-18px;
		
	}
*/
/* hikashop-braintree-ccinput-form-title replaced with hk_bt_pay_title */
	#hikashop-braintree-ccinput-form-title {
		float:left;
		margin:10px 0 12px 0;
	}
/* hk_bt_pay_title replaces hikashop-braintree-ccinput-form-title */
	#hk_bt_pay_title {
		float:left;
		margin:10px 0 12px 0;
	}

	.hkbt-spms-title {
		font-size:1.5em;
		font-weight: bold;
		float:left;
		margin-top: 1.75rem;
	}
	.hkbt-spms {
		visibility: visible;
		margin-bottom:40px;
		margin-top:18px;
		clear:both;
	}
	.hkbt-spms .hkbt-spm-row {
		margin-top:20px;
		margin-left:20px;
		clear: both;
	}
	.hkbt-spms .hkbt-spm-row .stored_pm_data {
		float:left;
		margin-right:30px;
	}
	.hkbt-spms .hkbt-spm-row .deleteconfirm {
		float:left;
	}
	.hkbt-spms .hkbt-spm-row .hkbt-usespm-confirm {
		float: left;
	}
	.hkbt-spm-row label, .hkbt-delspm-confirm label {
		float:left;
		margin-right: 10px;
		min-width: 20%;
	}
	.hkbt-spm-row input,  .hkbt-delspm-confirm input {
		float:left;
		margin-right:10px;
	}
	.hkbt-usespm-confirm {
		visibility: hidden;
	}
	.hikashop-braintree-pm-deleted-message {
		clear:both;
		margin-left:20px;
	}
	#hikashop-braintree-pm-source {
		float:left;
		margin:12px 0 12px 20px;
	}
/* hikashop-braintree-pm-result replaced with hk_bt_submit_braintree? */
	#hikashop-braintree-pm-result {
		margin-top:15px;
	}
	#hikashop-braintree-pm-result p {
		color: #006600;
		font-weight: bold;
		padding-top:18px;
		font-size:1rem;
	}
/* hk_bt_submit_braintree* replaces hikashop-braintree-pm-result */
	div[id^='hk_bt_submit_braintree'] {
		margin-top:15px;
	}
	div[id^='hk_bt_submit_braintree'] p {
		color: #006600;
		font-weight: bold;
		padding-top:18px;
		font-size:1rem;
	}

	.hkbt-spm-message {
		color: #006600;
		font-weight:bold;
	}
	.hikashop_checkout_payment_submit {
		clear: both;
	}

/* Payment store to Braintree blocks */
.bt-pm-store-block {
	clear: both;
}

.bt-store-radio-input {
	float:left;
	margin-left:5px;
}
.bt-store-radio-label {
	float: left;
}
#hk_bt_pay .bt-store-radio-label label {
	width: 2vw;
}
.bt-store-radio {
	float: left;
	margin-right:2vw;
}
.bt-store-pm-submit-block {
	float: left;
}
.bt-processed-message p {
	line-height: 1.75rem;
}
.bt-processed-message.alone {
	clear:both;
}