/* payments */

.payground-template { display: none; }

.payground {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
	font-family: 'Public Sans', sans-serif;
	padding: 50px 0;
	font-size: 16px;
	text-align: left;
}

.payground a {
	color: #F37023;
	text-decoration: underline;
}

.payground a:hover {
	text-decoration: none;
}

.payground .pw-email-form {
	margin: 0 10px 15px;
}

.payground .note {
	color: #595e67;
	margin: 0 10px 12px;
	padding: 8px 0 8px 16px;
	border-left: 3px solid #BFBFBF;
}


.payground .product {
	background: rgba(127,127,127,0.1);
	width: 100%;
	margin: 0 10px 32px;
}

.payground .product th {
	width: 120px;
	vertical-align: top;
	padding: 8px 10px;
	text-align: right;
}

.payground .product td {
	padding: 8px 10px;
	vertical-align: top;
}

.payground .step1 {
	margin-bottom: 36px;
}

.payground .step1::before {
	content: 'Krok 1:';
	float: left;
	margin: 0 10px;
	font-weight: bold;
}

.payground .step2::before {
	content: 'Krok 2:';
	float: left;
	margin: 0 10px;
	font-weight: bold;
}

.pw-email-form label {
	margin: 0 10px 0 0;
	font-size: 17px;
	font-weight: bold;
}

.pw-email-form input {
	border: 1px solid #ccc;
	height: 24px;
	width: 50%;
	min-width: 160px;
	max-width: 280px;
	font-size: 14px;
	margin-right: 8px;
	padding: 2px 6px;
}

.pw-email-form.error input {
	border-color: #e82020;
	box-shadow: 0 0 8px rgba(232,32,32,0.5);
}

.payground .error-wrapper {
	color: #fff;
	display: none;
	border: 1px solid #e82020;
	padding: 8px 16px;
	background: #e82020;
	text-align: center;
	margin-top: 8px;
}

.error-wrapper a {
	color: #fff;
	text-decoration: underline;
}

.error-wrapper a:hover {
	text-decoration: none;
}

.pw-email-form .email-error span { display: none; }

.pw-email-form.error .email-error { display: block; }
.pw-email-form.invalid .email-error .err-invalid { display: block; }
.pw-email-form.used .email-error .err-used { display: block; }

.payground .why-email-trigger { font-size: 14px; display: inline-block; }
.payground .why-email { display: none; }

.payground .choose-paytype {
	font-weight: bold;
	font-family: 'Fira Sans', sans-serif;
}

.payground .acceptance {
	padding: 8px 12px;
	margin-bottom: 15px;
}
.payground .acceptance > p:nth-child(2) { margin: 24px 0; }
.payground .acceptance .no-l-i { display: none; margin-left: 20px; }
.payground .acceptance .checkbox-in { display: flex; align-items: flex-start; }
.payground .acceptance .checkbox-in input { margin: 6px 10px 0 0; }
.payground .acceptance label { font-weight: normal; }
.payground .acceptance .border-after-simple { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #dadada; }

.payground .acceptance.error .error-wrapper { display: block; }

.payground .accept_label {
	display: inline;
	font-weight: normal;
	cursor: pointer;
}

.payground .required {
	font-weight: bold;
	color: #e82020;
	margin: 0 2px;
}

.pay-methods .method-wrapper { padding: 10px; }
.pay-methods .method-wrapper h3 { font-size: 15px; margin-top: 0; }

.pay-methods .pay-button {
	height: 34px;
	padding: 5px;
	margin: 0 24px 5px 0;
	vertical-align: text-bottom;
	border-radius: 3px;
	cursor: pointer;
}
.pay-methods .pay-button:hover {
	box-shadow: 0 0 5px rgba(88, 88, 88, 0.6);
	background-color: #fff;
}

.status-message {
	display: none;
	padding:16px;
	margin: 24px auto 0;
	background: #e8e8e8;
	border-radius: 5px;
	text-align: center;
	width: 75%;
	line-height: 31px;
}

.status-message img { margin-right: 16px; }

.payment-error img { width: 32px;  }

.payground .method-card .list {
	display: flex;
	justify-content: space-between;
}

.method-card .saved_cards {
	flex: 1 1 auto;
	max-width: 480px;
}

.method-card .saved_cards table {
	width: 100%;
}
.method-card .saved_cards table td {
	padding: 4px 8px;
	vertical-align: bottom;
}

.method-card .saved_cards table tr:nth-child(2n+1) {
	background: rgba(127,127,127,0.1);
}

.method-card .saved_cards .cardBrand {
	vertical-align: middle;
}

.method-card .saved_cards .cardBrand img {
	height: 16px;
	width: auto;
}

.method-card .saved_cards .cardActions {
	text-align: right;
}

.method-card .saved_cards .cardActions a {
	margin-left: 15px;
	padding: inherit;
	text-shadow: none;
	border: 1px solid #e42d09;
	background: #fff;
	color: #e42d09;
	text-transform: uppercase;
}

.method-card .saved_cards .cardActions a:hover {
	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
	background: #e42d09;
	color: #fff;
}

.method-card .saved_cards .cardActions .action_use {
	min-width: 80px;
}

.method-card .saved_cards .cardActions .action_delete {
	min-width: 30px;
	width: 30px;
	padding: 5px 0;
	text-align: center;
	background: #888 !important;
	border-color: #888;
	font-size: 24px;
	line-height: 20px;
	color: #fff;
	border: none;
}

.method-card .saved_cards .cardActions .action_delete:hover {
	background: #aaa !important;
}

.method-card .saved_cards .token-status {
	text-align: center;
	background: #fff;
}

.method-card .saved_cards .token-status span {
	font-weight: bold;
}

.method-card .saved_cards .token-delete-success { color: #3bb6a4; }
.method-card .saved_cards .token-delete-fail { color: #c00; }

.payground .hidden-on-load { display: none; }
.payground .visible-on-load { display: block; }