.accounts__title .index {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: .5rem 1rem 0.3rem 1rem;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 1.2rem;
	line-height: 1.66;
	background: #14578c;
}

html[dir="rtl"] .accounts__title .index {
	right: auto;
	left: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
}

/**/

#account-wrapper {
	text-align: center;
}

.accounts__tabs-container {
	display: none;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	margin-bottom: 20px;
}

.accounts__tab {
	padding: 0 10px;
	padding-bottom: 5px;
	cursor: pointer;
	font-size: 1.8rem;
	color: #fff;
	border-bottom: 2px solid transparent;
}

.accounts__tab.js-active-tab {
	border-color: #449adf;
}

@media (max-width: 575px){
	.accounts__tabs-container{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}




}

@media (max-width: 460px){
:lang(pl) .accounts__tab {
	font-size: 1.2rem;
}
}

/*accounts__list*/
.accounts__list {
	display: inline-block;
}

.accounts__row {
	display: table-row;
}

.accounts__cell {
	display: table-cell;
	padding: 10px 28px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.accounts__cell .accounts__icon{
	display: inline-block;
	width: 23px;
    height: 22px;
}

.accounts__cell .icon-check {
    background: url(images/account-icons.png);
}

.accounts__cell .icon-cross {
    background: url(images/account-icons.png) -24px 0;
}

.accounts__row:first-child .accounts__cell:after {
	display: none;
}

.accounts__cell--caption {
	position: relative;
	width: 260px;
	padding-right: 0;
	padding-left: 0;
	text-align: right;
}

.accounts__cell--caption::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2)));
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
}

html[dir="rtl"] .accounts__cell--caption {
	text-align: left;
}

html[dir="rtl"] .accounts__cell--caption::after {
	background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2)));
	background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
}

.accounts__cell--empty {
	padding: 0;
	width: 20px;
}

.accounts__cell--card {
	position: relative;
	width: 280px;
	background: #1f3b5a;
	text-align: initial;
}

.accounts__cell--card::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2)));
	background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
}

html[dir="rtl"] .accounts__cell--card::after {
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2)));
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
}

.accounts__row--text .accounts__cell--caption:after,
.accounts__row--text .accounts__cell--card:after,
.accounts__cell--last::after {
	display: none;
}

.accounts__cell--last {
	padding-bottom: 40px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.accounts__cell--title {
	padding-top: 26px;
	border-top: 2px solid #168ac9;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#account-wrapper .accounts__title {
	margin: 0;
	padding: 0;
	font-size: 2.2rem;
	line-height: 1.09;
	font-weight: 400;
	color: #fff;
}

#account-wrapper .accounts__cell p {
	opacity: 0.7;
	font-size: 14px;
	line-height: 1.42;
	color: #fff;
	padding: 0 0 18px;
}

.accounts__value {
	font-size: 1.4rem;
	line-height: 1.28;
	color: #fff;
	display: block;
}

.accounts__mobile {
	display: none;
	color: #fff;
	opacity: 0.6;
	font-size: 1.4rem;
	line-height: 1.14;
	margin: 0 0 3px;
}

.accounts__caption {
	font-size: 1.4rem;
	line-height: 1.42;
	color: #fff;
	opacity: 0.6;
}


/*footer row*/

.accounts__row--footer .accounts__cell {
	background: none;
	text-align: center;
}

.accounts__row--footer .accounts__cell:after {
	display: none;
}

.accounts__row--footer .accounts__cell {
	padding: 0;
}

.accounts__row--footer .prime__button-green {
	display: block;
	padding: 1.5rem 0;
	border-radius: 5px;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background: -webkit-gradient(linear, left top, right top, from(#7fba2f), color-stop(#98c838), to(#7fba2f));
	background: -o-linear-gradient(left, #7fba2f, #98c838, #7fba2f);
	background: linear-gradient(to right, #7fba2f, #98c838, #7fba2f);
}

.accounts__row--footer .demo-link {
	color: #fff;
	font-size: 1.6rem;
	display: inline-block;
	margin: 16px 0 0 0;
}

.accounts__row--footer .demo-link:hover {
	text-decoration: underline;
}

@media (max-width: 1199px) {
	.accounts__cell--caption {
		width: 230px;
	}
}

@media (max-width: 991px) {
	.accounts__cell--card {
		width: 420px;
	}
	.accounts__cell--empty:nth-child(2) {
		display: none;
	}
	.accounts__cell--caption {
		display: none;
	}
	.accounts__mobile {
		display: block;
	}
	.accounts__value {
		font-size: 1.6rem;
	}
	.accounts__list{
		display: block;
	}
}

@media (max-width: 575px) {
	.accounts__cell--empty {
		display: none;
	}
	.accounts__cell--card {
		display: none;
		width: 100%;
	}
	.accounts__cell--card.js-active-cell {
		display: table;
	}
	.accounts__row{
		display: block;
	}
}