.left-column	{ margin-bottom: 40px; max-width: 100%; }

p		{ font-family: 'Fira Sans', sans-serif; }

.c		{ text-align: center; }

.r		{ color: red; }
.error_list a,
.g		{ color: #080; }


#u-cont		{ flex: 1 1 auto; width: 100%; padding: 20px; border: 1px solid #e82020; }
#u-cont .box-title { width: 100%; text-align: center; }

.u-menu-wrapper .ico-menu { display: none; }
.u-menu		{ flex: 0 1 auto; margin: 0; width: 260px; min-width: 260px; padding: 0; border-top: 1px solid #eee; list-style-type: none; }
.u-menu li	{ position: relative; display: block; width: 100%; }
.u-menu a	{ display: block; width: 100%; height: 39px; line-height: 39px; padding: 0 10px; border-left: 1px solid #eee; border-bottom: 1px solid #eee; text-transform: uppercase; text-decoration: none; }
.u-menu li.menu-active a,
.u-menu a:hover	{ border-bottom: 1px solid #fff; background-color: #e82020; color: #fff; }

.user-detail-tab,
.user-tab	{ margin: 0 auto 20px; min-width: 290px; }
.user-tab tr th	{ padding: 5px 10px; }
.user-detail-tab tr td,
.user-tab tr td	{ padding: 5px 10px; border-top: 1px solid #eee; }
.user-detail-tab tr:last-child td,
.user-tab tr:last-child td	{ border-bottom: 1px solid #eee; }
.user-tab tr > *:nth-child(1) { width: calc(100% - 90px); text-align: left; }
.user-tab tr > *:nth-child(2) { width: 90px; text-align: right; }
.end-recurring-payment,
.user-tab tr td:nth-child(1) div { margin-top: 6px; font-size: 13px; }
.user-tab tr td:nth-child(1) div a { color: #263a63; }
.user-tab tr td:nth-child(1) span { color: #ccc; }

.user-detail-tab td			{ text-align: left; }
.user-detail-tab tr td:nth-child(1)	{ font-size: 15px; color: #97a2a7; }
.user-detail-tab tr:nth-child(1) td:nth-child(3),
.user-detail-tab tr td:nth-child(2)	{ font-size: 17px; }
.user-detail-tab tr td:nth-child(2) li	{ font-size: 14px; }
.pass-set tr:nth-child(1) td,
.info-update tr:nth-child(1) td		{ padding-bottom: 20px; border-top: 0; }
.pass-set td:nth-child(1)		{ vertical-align: top; line-height: 30px; }

.connected-socials {  margin: 0 auto 20px; max-width: 450px; }
.connected-socials table { width: 100%; }
.connected-socials tr td	{ padding: 5px 10px; border-top: 1px solid #eee; }
.connected-socials tr th	{ padding: 5px 10px; }
.connected-socials tr:last-child td	{ border-bottom: 1px solid #eee; }
.connected-socials .center { text-align: center; }
.connected-socials .right { text-align: right; }

.oauth_error_wrapper.account {
	max-width: 480px;
	margin: 14px auto;
}



#form-info,
#form-pass	{ position: relative; margin-bottom: 20px; width: auto; padding-bottom: 20px; border-bottom: 1px solid #eee; }

#em-email,
#em-jm,
#em-txt,
#form-info input { min-width: 170px; }
.pass-set input,
#form-pass input { width: 150px; }

#form-info:not(.form-active) .storno,
#form-pass:not(.form-active) .storno,
#form-pass:not(.form-active) .pass-update,
#form-info.form-active .info-update tr td:nth-child(2),
#form-info:not(.form-active) tr td:nth-child(3)		{ display: none; }

.storno { position: absolute; right: 10px; bottom: 30px; }

.articles-ow { text-align: center; }
.articles-ow .user-tab { width: 100%; }
.pager2	{ display: inline-block; margin: auto; width: auto; padding-top: 0; }


.form-control	{ height: 30px; padding: 2px 4px; border: 1px solid #888; border-radius: 0; }
.error_list	{ margin: 5px 10px; padding: 0; color: red; list-style-type: none; }
.error input	{ border-color: red; }
.reg form	{ max-width: 500px; margin: auto; text-align: left; }
.reg form > *	{ margin-top: 15px; }
label[for="id_captcha"],
.reg .hint,
.reg .mainerr	{ display: none; }
.reg .help p	{ margin: 0; }
.reg .checkspan { background: #fff url('/img/new/radiobutton-n_a.png') no-repeat 0 0; padding-left: 25px; cursor: pointer; }
.reg .checkspan.on { background-image: url('/img/new/radiobutton-a.png'); }
#heslo		{ font-weight: bold; }
#id_reg_captcha	{ width: 105px; }
.captcha	{ width: 280px; min-height: 85px; }
.captcha img	{ float: right; }
.captcha .help	{ font-size: 11px; margin-bottom: 10px; }

#u-cont .tip {
	font-size: 13px;
	position: relative;
	top: -12px;
	color: #595e67;
	margin-bottom: 12px;
}

.saved-cards {
	font-size: 18px;
	letter-spacing: 1.01px;
	margin: 48px auto 8px;
}

.saved-cards tr td {
	padding: 5px 20px;
}
.saved-cards .ct_actions a {
	vertical-align: bottom;
}

.note {
	max-width: 80%;
	margin: 0 auto;
	padding: 12px 24px;
	border-left: 3px solid #97a2a7;
}

.note.info {
	background: rgba(0, 157, 223, 0.05);
	border-color: #009ddf;
}

.note.warning {
	border-color: #ff2500;
	background: rgba(255, 37, 0, 0.05);
}

.errors {
	text-align: center;
	max-width: 80%;
	margin: 0 auto 24px;
	color: #e82020;
}

.error {
	color: #e82020;
	font-weight: bold;
}

.apps,
.logo-list { display: flex; margin-top: 40px; padding: 0; flex-wrap: wrap; justify-content: center; list-style-type: none; }
.apps  { align-items: flex-end; }
.logo-list { align-items: center; }
.apps > *,
.logo-list > * { flex: 0 0 auto; margin-bottom: 30px; width: 290px; text-align: center; }


@media only screen and (min-width: 1024px) {
	.left-column	{ display: flex; }
	.u-menu li.menu-active:after { content: ''; position: absolute; top: 0; right: -1px; width: 0; height: 0;
		border-top: 19px solid #e82020; border-bottom: 19px solid #e82020; border-right: 19px solid #fff; }
}

@media only screen and (max-width: 1023px) {
	.u-menu-wrapper	{ position: relative; width: 300px; height: 41px; border-top: 1px solid #e82020; overflow: hidden; z-index: 2; }
	.u-menu-wrapper .ico-menu { display: block; position: absolute; right: 0; top: 0; border-right: 1px solid #e82020;
		width: 40px; height: 41px; padding: 0; overflow: hidden; text-indent: -100px; background-repeat: no-repeat; background-position: 50% 48%; }
	.u-menu		{ position: absolute; left: 0; top: -1px; border: 1px solid #e82020; padding-top: 1px; z-index: 2; }
	.u-menu a	{ border-left: 1px solid #fff; border-right: 1px solid #fff; }

	.u-menu-wrapper.unwrap { overflow: visible; }
	.u-menu-wrapper.unwrap .u-menu { top: -1px!important; background-color: #fff; }
}

@media only screen and (max-width: 767px) {
	.user-detail-tab tr td:nth-child(1)	{ font-size: 13px; }
	.user-detail-tab tr:nth-child(1) td:nth-child(3),
	.user-detail-tab tr td:nth-child(2)	{ font-size: 15px; }
	.user-detail-tab tr td:nth-child(2) li	{ font-size: 12px; }

	.pass-set tr,
	.info-update tr		{ display: flex; flex-direction: column; }
	.pass-set tr td,
	.info-update tr td	{ flex: 1 1 auto; width: 100%; padding-bottom: 10px; }

	.pass-set tr:nth-child(1) td,
	.info-update tr:nth-child(1) td		{ padding-bottom: 10px; }
	.pass-set tr td:nth-child(1),
	.info-update tr td:nth-child(1) 	{ padding-top: 10px; padding-bottom: 0px; }
	.pass-set tr td:nth-child(2),
	.info-update tr:last-child td:nth-child(2),
	.info-update tr td:nth-child(2),
	.info-update tr td:nth-child(3)	{ border-top: 0; }
	.pass-set tr:last-child td:nth-child(1),
	.info-update tr:last-child td:nth-child(1) { border-bottom: 0; }
}

@media only screen and (max-width: 350px) {
	#u-cont { padding: 20px 5px; }
	#form-info input { width: 170px; }
}
