﻿[data-section="prodpayment"] .data-block__image {
	background-image: url(images/warning-v2.svg);
	opacity: .4;
}
[data-section="prodpayment"] .data-block__image.mob-d-flex {
	background-image: url(images/warning-v2.svg);
	opacity: .7;
	height: 120px;
}
[data-section="prodpayment"] [data-id="fin1"] {
	background-image: url(images/id-v2.jpg);
}
[data-section="prodpayment"] [data-id="fin2"] {
	background-image: url(images/id-old.jpg);
}
[data-section="prodpayment"] .loading-cont {
	z-index: 3;
}
/*
[data-section="prodpayment"] form .loading-cont {
	z-index: 3;
}
*/

[data-section="prodpayment"] .currency {
    display: inline-flex;
    align-items: center;
}
[data-section="prodpayment"] .currency::after {
    content: "";
    display: inline-flex;
    margin-left: 6px;
    width: 20px;
    height: 20px;
}
[data-section="prodpayment"] .currency_azn::after,
[data-section="prodpayment"] .currency[data-id="inputCurrency"] {
    background: url(images/sprite-currency.png) no-repeat;
    background-size: 100px;
    background-position: -4px -28px;
}
[data-section="prodpayment"] .currency_usd::after {
    background: url(images/sprite-currency.png) no-repeat;
    background-size: 90px;
    background-position: -25px -25px;
}
[data-section="prodpayment"] .currency_eur::after {
    background: url(images/sprite-currency.png) no-repeat;
    background-size: 90px;
    background-position: -68px -25px;
}
[data-section="prodpayment"] [data-id="accounts"]:not([class~="active"]) {
    visibility: hidden;
}


[data-section="prodpayment"] form [data-role="popup"] {
	z-index: 1;
}
/*warning*/
[data-section="prodpayment"] .cell-warning{
	color: #431313;
	background: #FFDBDB;
	border-radius: 4px;
}
[data-section="prodpayment"] .table-cont td span{
	/*padding: 4px 8px;*/
	display: inline-flex;
	align-items: center;
}
[data-section="prodpayment"] .table td,
[data-section="prodpayment"] .table th{
	padding: 12px 12px 12px 12px;
	vertical-align: middle;
	min-height: 42px;
}
@media (max-width: 800px) {
	[data-section="prodpayment"] .table-cont{
		border-radius: 0;
	}
}
[data-section="prodpayment"] .icard-exp__title-block{
	padding: 24px 16px;
}
[data-section="prodpayment"] .icard-exp__content{
	padding: 0;
	max-height: 80vh;
}
[data-section="prodpayment"] .list{
	margin: 0;
	padding: 0 0 0 16px;
}
[data-section="prodpayment"] .list__item{
	font-size: 12px;
	line-height: 16px;
	font-family: "GTE-light";
}
[data-section="prodpayment"] .warning-message{
	background: #F6F6F6;
	padding: 0 16px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 20px;
	font-family: "GTE-light";
	color: #50535A;
	margin-bottom: 24px;
	width: 100%;
}
[data-section="prodpayment"] .warning-message-inner{
	max-width: 540px;
}
.warning-message p {
	margin-bottom: 12px;
}
[data-section="prodpayment"] .warning-message-icon{
	width: 30px;
	height: 30px;
	background: url(images/warning.svg) no-repeat center center;
	background-size: contain;
	margin-bottom: 12px;
	margin-top: 16px;
}
[data-section="prodpayment"] .warning-message p {
	font-size: inherit;
	line-height: inherit;
}
[data-section="prodpayment"] .warning-confirmation{
	padding: 24px 0 12px 0;
	border-top: 1px solid #d7d7d7;
	margin-top: 24px;
}
[data-section="prodpayment"] .option-cont{
	margin: 0;
}
[data-section="prodpayment"] .option{
	padding: 0;
	width: unset;
	height: unset;
	min-width: unset;
	min-height: unset;
}
[data-section="prodpayment"] .option-cont .option-cont__textbox{
	padding: 0 0 0 12px;
}
[data-section="prodpayment"] .option-cont .option-cont__text{
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	color: #272A33;
}
[data-section="prodpayment"] .option .checkbox ~ .checkmark,
[data-section="prodpayment"] .option .radio ~ .checkmark{
	background-color: #DFDFDF;
}
[data-section="prodpayment"] .option .checkbox:checked ~ .checkmark{
	background-color: #0066a7;
}
[data-section="prodpayment"] .option:hover .checkbox ~ .checkmark,
[data-section="prodpayment"] .option:hover .radio ~ .checkmark{
	border: 2px solid #0066a7;
}
[data-section="prodpayment"] label.error .option-cont__text {
	color: red;
}