html {
	width: 100%;
}

.loader {
	border: 2px dotted #466ed2; /* Light grey */
	border-top: 2px dotted #466ed2; /* Blue */
	border-radius: 20%;
	width: 30px;
	height: 30px;
	animation: spin 2s linear infinite;
	margin: 0 auto;
	display: none;
	margin-bottom: 10px;
}

.button-pay{
	position: relative;
}

.loader-pay{
	position: absolute;
	right: calc( 50% - 170px );
	top: 7px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.invoiceContact {
	padding-left: 4px;
	border: 1px #363636 solid;
	border-radius: 3px;
	height: 30px;
	font-size: 14pt;
	width: 250px;
}

.invoiceContact-block {
	display: none;
}

.invoiceContact::-webkit-outer-spin-button,
.invoiceContact::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.invoiceContact{
	-moz-appearance: textfield;
}

body {
	visibility: visible;
	min-width: auto;
	padding: 10px;
	margin-top: 0;
}

a {
	color: #0050B1;
}

a:active {
	outline: none;
}

a:visited {
	color: #0050B1;
}

a:hover {
	color: #E67007;
}

.wrapper {
	width: 960px;
	min-height: 100%;
	margin: 0 auto -65px;
	border: none;
}

.wrapper .topborder {
	border-top: #E31E24 5px solid;
}

/************* header ****************/
.header {
	height: 58px;
	padding: 10px 15px 0;
	width: 930px;
}

.header .logo {
	background: url(../images/logo.png) center no-repeat;
	width: 175px;
	height: 40px;
	float: left;
	padding-top: 15px;
	position: relative;
}

.header .user-block {
	float: right;
	font-size: 14px;
	text-align: right;
	color: #000;
}

.header .user-block .user-name {
	font-size: 14px;
	color: #000;
	line-height: 16px;
}

.header .user-block .btn-exit {
	display: inline-block;
	width: 85px;
	height: 25px;
	background: url("../images/btn-exit.png") top no-repeat;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	color: black;
	text-decoration: none;
	text-align: center;
	padding-left: 25px;
}

.header .user-block .btn-exit:hover {
	color: #E67007;
	background-position: bottom;
}

.header .user-block .exit-block {
	padding: 5px 10px;
	display: inline-block;
	background: #EEE;
}

.application_status {
	position: absolute;
	bottom: 0;
	right: 0;
	color: red;
}

/************* footer ****************/

.footer {
	position: inherit;
	padding: 0px;
	vertical-align: bottom;
	height: 60px;
	display: block;
	width: 960px;
	border-bottom: #E31E24 5px solid;
	font-size: 11px;
	line-height: 14px;
	margin: 0 auto;
	clear: both;
	overflow: auto;
}

/* Зачем этот класс нужен я не знаю */
.f-bottom {
	bottom: 0;
	position: inherit;
}

.push, .footer {
	height: 60px;
}

.footer .agreement {
	float: right;
	font-size: 10px;
	float: right;
}

.footer .copyright {
	float: left;
	font-size: 11px;
	padding-top: 25px;
}

.footer .phone {
	float: left;
	font-size: 11px;
	padding-top: 25px;
	margin-left: 240px;
}

/************* menu ****************/
.menu {
	padding: 10px 0 23px;
	width: 191px;
	float: left;
}

.menu .button a {
	outline: none;
}

.menu .button.selected a {
	text-decoration: none;
}

.menu .button.selected {
	outline: none;
	background: url(../images/btn-menu.png) right no-repeat;
	cursor: default;
}

.menu .button.selected .item {
	font-size: 18px;
	color: #fff;
	text-shadow: 1px 0 #000033;
	padding-right: 15px;
	line-height: 24px;
	padding-top: 18px;
}

.menu .button.selected .item_active {
	font-size: 18px;
	color: #fff;
	text-shadow: 1px 0 #000033;
	padding-right: 15px;
	line-height: 24px;
}

.menu .button.selected .description {
	font-size: 12px;
	color: #fff;
	text-shadow: 0 1px #000033;
	padding-right: 15px;
	line-height: 12px;
}

.menu .button.selected:hover .item, .menu .button.selected:hover .description, .menu .button.selected:hover .item_active {
	color: #fff;
}

.menu .button {
	display: inline-block;
	height: 60px;
	width: 191px;
	vertical-align: middle;
	background: url(../images/btn-menu.png) left no-repeat;
	text-decoration: none;
	text-align: center;
}

.menu .button .item, .menu .button .item_active {
	font-size: 16px;
	text-shadow: 0 1px #fff;
	padding: 10px 15px 0 0;
	line-height: 24px;
	color: #000;
	font-weight: bold;
}

.menu .button .description {
	font-size: 13px;
	text-shadow: 0 1px #fff;
	padding-right: 15px;
	line-height: 15px;
	color: #555;
}

.menu .button:hover .item, .menu .button:hover .description, .menu .button:hover .item_active {
	color: #E67007;
}

.menu .button.disabled .item, .menu .button.disabled .description, .menu .button.disabled .item_active {
	color: #999999;
}

.menu .button .description_active {
	color: #fff;
	font-size: 13px;
	padding-right: 15px;
	line-height: 15px;
	text-shadow: 0 1px #000033;
}

.menu .space {
	height: 10px;
}

.menu .sub-item ul {
	padding-left: 15px;
}

.menu .sub-item ul li {
	list-style: none;
	font-size: 13px;
	line-height: 25px;
}

.menu .sub-item a {
	color: #0050B1;
}

.menu .sub-item a:hover {
	color: #E67007;
}

.menu .sub-item .selected a, .menu .sub-item .selected a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

/************* content ****************/

.content {
	padding: 0 15px;
}

.section-content {
	padding: 10px 0;
	width: 720px;
	float: right;
}

.logo-auth {
	margin: 150px auto 15px;
	width: 190px;
	height: 40px;
	background: url(../images/logo.png) center no-repeat;
}

/************** Элементы форм *****************/
.css-button {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e2e2e2 51%, #eaeaea 100%) repeat scroll 0% 0% transparent; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e2e2e2), color-stop(100%, #eaeaea)) repeat scroll 0% 0% transparent; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e2e2e2 51%, #eaeaea 100%) repeat scroll 0% 0% transparent; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e2e2e2 51%, #eaeaea 100%) repeat scroll 0% 0% transparent; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e2e2e2 51%, #eaeaea 100%) repeat scroll 0% 0% transparent; /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e2e2e2 51%, #eaeaea 100%) repeat scroll 0% 0% transparent; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0) repeat scroll 0% 0% transparent; /* IE6-8 */
	color: #000;

	border: none;
	border-radius: 3px 3px 3px 3px;

	-webkit-box-shadow: 2px 2px 0 #BFBFBF inset, -2px -2px 0 #BFBFBF inset;
	-moz-box-shadow: 2px 2px 0 #BFBFBF inset, -2px -2px 0 #BFBFBF inset;
	box-shadow: 2px 2px 0 #BFBFBF inset, -2px -2px 0 #BFBFBF inset;

	display: inline-block;
	position: relative;
	padding: 0 18px;
	margin: 1px;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;
	white-space: nowrap;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 24px;
	line-height: 22px;
}

.css-button:visited {
	color: #000;
}

.css-button:hover {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #eaeaea 0%, #e2e2e2 50%, #f1f1f1 51%, #ffffff 100%) repeat scroll 0% 0% transparent; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(50%, #e2e2e2), color-stop(51%, #f1f1f1), color-stop(100%, #ffffff)) repeat scroll 0% 0% transparent; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eaeaea 0%, #e2e2e2 50%, #f1f1f1 51%, #ffffff 100%) repeat scroll 0% 0% transparent; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eaeaea 0%, #e2e2e2 50%, #f1f1f1 51%, #ffffff 100%) repeat scroll 0% 0% transparent; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eaeaea 0%, #e2e2e2 50%, #f1f1f1 51%, #ffffff 100%) repeat scroll 0% 0% transparent; /* IE10+ */
	background: linear-gradient(top, #eaeaea 0%, #e2e2e2 50%, #f1f1f1 51%, #ffffff 100%) repeat scroll 0% 0% transparent; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0) repeat scroll 0% 0% transparent; /* IE6-8 */
	color: #E67007;
}

.css-button:active {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #eaeaea 0%, #e2e2e2 50%, #f1f1f1 51%, #ffffff 100%) repeat scroll 0% 0% transparent; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(50%, #e2e2e2), color-stop(51%, #f1f1f1), color-stop(100%, #ffffff)) repeat scroll 0% 0% transparent; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eaeaea 0%, #e2e2e2 50%, #f1f1f1 51%, #ffffff 100%) repeat scroll 0% 0% transparent; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eaeaea 0%, #e2e2e2 50%, #f1f1f1 51%, #ffffff 100%) repeat scroll 0% 0% transparent; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eaeaea 0%, #e2e2e2 50%, #f1f1f1 51%, #ffffff 100%) repeat scroll 0% 0% transparent; /* IE10+ */
	background: linear-gradient(top, #eaeaea 0%, #e2e2e2 50%, #f1f1f1 51%, #ffffff 100%) repeat scroll 0% 0% transparent; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0) repeat scroll 0% 0% transparent; /* IE6-8 */

	-webkit-box-shadow: inset 2px 2px 0 #9F9F9F, inset -2px -2px 0 #9F9F9F;
	-moz-box-shadow: inset 2px 2px 0 #9F9F9F, inset -2px -2px 0 #9F9F9F;
	box-shadow: inset 2px 2px 0 #9F9F9F, inset -2px -2px 0 #9F9F9F;
}

.input-small {
	-webkit-box-shadow: -1px 1px 3px #CACACA inset, 0px 0px 3px #CACACA inset;
	-moz-box-shadow: -1px 1px 3px #CACACA inset, 0px 0px 3px #CACACA inset;
	box-shadow: -1px 1px 3px #CACACA inset, 0px 0px 3px #CACACA inset;
	border: 1px solid transparent;
	background-color: white;
	bordere-radius: 3px 3px 3px 3px;
	font-size: 14px;
	/*
		height: 24px;
		line-height: 16px;
	*/
	padding: 4px 8px;
}

.input-small:focus {
	border-color: #E67007;
}

.ie .input-small {
	border-color: #BFBFBF;
}

.ie .input-small:focus {
	border-color: #E67007;
}

.ie .css-button {
	border: 1px solid #BFBFBF;
}

.three-states-btn a {
	background-position: left center;
}

.three-states-btn a:hover {
	background-position: center center;
}

.three-states-btn a:active {
	background-position: right center;
}

/*************** хелперы **********/
.center {
	text-align: center;
}

.rounded-corners {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/css/PIE.htc);
}

.check-ofd {
	behavior: url(/css/PIE.htc);
}

.pseudo {
	cursor: pointer;
}

.pay-select {
	display: inline-block !important;
	color: #999;
	margin: 20px 0;
}

.pay-select.selected {
	border-bottom: 1px solid;
	color: #4c4c4c;
}

.pay-select + .pay-select {
	margin-left: 40px;
}

.f-left {
	float: left;
}

/************** Контейнерная таблица ***********/
.table-container {
	margin-top: -10px;
}

.table-container tr {
	font-size: 16px;
	line-height: 34px;
	text-align: left;
}

.table-container td {
	padding-left: 15px;
}

.table-container .title.first td {
	padding: 0 0 10px 0px;
}

.table-container .title td {
	line-height: 27px;
	font-weight: bold;
	color: #fff;
	padding: 10px 0 10px 0px;
}

.table-container .table-head td {
	font-size: 14px;
	color: #000;
	background: #eee;
	line-height: 27px;
}

.table-container .title .title-block {
	background: url("../images/table-small-container-title-td.png") left repeat-x;
	padding-left: 15px;
}

/* где-то должно использоваться
div.section-pay div.print-btn a:hover, div.section-pay div.pay-btn-bill a:hover, div.section-pay div.pay-btn-cards a:hover, .b-pay-info a:hover
{
	background-position: center;
}
*/

.ui-dialog {
	max-width: 100% !important;
}
.ui-dialog .ui-dialog-content.password-form {
	padding: 0 10px;
}

/*
Дополнительная стилизация заголовков jquery dialog
*/
#dialog {
	overflow: hidden;;
}

.ui-dialog .ui-dialog-title {
	/*margin-top:10px;*/
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	padding-top: 10px;
}

.ui-dialog .ui-dialog-title .description {
	font-size: 12px;
	font-weight: normal;
}

.contentwrapper {
	/*margin: 0px 10px;*/
	background-color: #F9F9F9;
	border: solid 1px #CCCCCC;
	box-shadow: 0px -1px 1px gray;
	height: 250px;
	border-radius: 5px;
	padding: 5px;
	overflow: auto;
}

div.bottom-wrapper {
	/*clear: inherit;*/
	/*width: 100%;*/
	/*overflow: auto;*/
}

.errorSummary {
	color: red;
	border: 1px solid red;
	padding: 5px;

	font-size: 14px;
	/*font-weight: bold;;*/
	border-radius: 3px;
	margin-bottom: 5px;
}

.wrapper_mobile {
	margin: 0 20px;
}

div.errorSummary p {
	margin: 0;
	padding-right: 5px;
}

div.errorSummary ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

div.OkSummary {
	border: 2px solid #68B52B;
	padding: 7px;
	/*margin: 0px auto;*/
	width: 100%;
	background: #ECFDF0;
	max-width: 700px;
	border-radius: 3px;
	margin-top: 10px;
	behavior: url(/css/PIE.htc);
}

.OkSummaryMobile {
	border: 2px solid #68B52B;
	padding: 7px;
	background: #ECFDF0;
	font-size: 16pt;
	border-radius: 3px;
	width: 80%;
	margin: 0 auto
}

.errorSummaryMobile {
	background: #FBC2C4;
	border: 2px solid red;
	padding: 7px;
	font-size: 16pt;
	border-radius: 3px;
	width: 80%;
	margin: 0 auto
}

div.OkSummary p {
	margin: 0;
	padding: 5px;
}

div.OkSummary ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
}

.oplataIframe {
	width: 725px;
	height: 510px;
	overflow: hidden;
	position: relative;
}

.acquiring-logo-ps {
	width: 70px;
	padding: 7px;
}

.acquiring-rub {
	width: 20px;
	padding: 2px;
}

#result {
	margin-top: 10px;;
}

.search_input {
	border: 1px solid #cccccc;
	width: 220px;
	box-shadow: inset 0px 0px 5px 0px #ccc;
	padding: 7px;
	margin: 5px;
	border-radius: 2px;
	behavior: url(/css/PIE.htc);
}

.autopay-description {
	behavior: url(/css/PIE.htc);
	display: none;
	text-align: left;
	margin: auto;
	max-width: 920px;
	font-size: 13px;
}

.autopay-description span {
	font-weight: 700;
}

.autopay-description ul {
	list-style: none;
	margin-left: 0;
}

.offerRbk {
	behavior: url(/css/PIE.htc);
}

.search_input:focus {
	box-shadow: inset 0px 0px 5px 0px #E67007;
	-moz-box-shadow: inset 0px 0px 5px 0px #E67007;
	-webkit-box-shadow: inset 0px 0px 5px 0px #E67007;
	border: 1px solid #E67007;
}

.no-link {
	text-decoration: none;
	color:black;
}

.no-link:visited {
	text-decoration: none;
	color:black;
}

.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-search.active,
.btn-search.disabled,
.btn-search[disabled] {
	color:black;
	background-color: #DF8402;
}

.btn-search {
	font-weight: 600;
	width: 50%;
	padding: 7px;
	margin: 5px;
	border-radius: 2px;
	cursor: pointer;
	color:black;
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	behavior: url(/css/PIE.htc);
}

.btn-select-account {
	font-weight: 600;
	width: 180px;
	padding: 7px;
	margin: 5px;
	border-radius: 2px;
	cursor: pointer;
	color:black;
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	behavior: url(/css/PIE.htc);
}

.new_input {
	width: 50%;
	background-color: #f4f4f4;
	color: black;
	padding: 7px;
	margin: 5px;
	border: 1px solid #aaa;
	border-radius: 2px;
	cursor: pointer;
	font-weight: bold;
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #eeeeee 51%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f7f7f7), color-stop(51%, #eeeeee), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #eeeeee 51%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #eeeeee 51%, #eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #eeeeee 51%, #eeeeee 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #eeeeee 51%, #eeeeee 100%); /* W3C */
	behavior: url(/css/PIE.htc);
}

.new_input:hover {
	font-weight: bold;
	color: #E67007 !important;
}

.autopay-block {
	width: 120px;
}

.new_input_big {
	position: relative;
	border: 1px solid #cccccc;
	width: 130px;
	box-shadow: inset 0px 0px 5px 0px #ccc;
	-moz-box-shadow: inset 0px 0px 5px 0px #ccc;
	-webkit-box-shadow: inset 0px 0px 5px 0px #ccc;
	padding: 5px 10px;
	border-radius: 2px;
	font-size: 36px;
	behavior: url(/css/PIE.htc);
}

.new_input_big:focus {
	box-shadow: inset 0px 0px 5px 0px #E67007;
	-moz-box-shadow: inset 0px 0px 5px 0px #E67007;
	-webkit-box-shadow: inset 0px 0px 5px 0px #E67007;
	border: 1px solid #E67007;
}

.new_input_label {
	font-size: 36px;
	margin-bottom: 5px;
}

.lk_wrapper {
	text-align: center;
}

.vtable {
	margin: 0 auto;
	font-size: 1em;
}

td.vtable {
	margin: 2px;
	padding: 2px;
}

div.section-pay div.pay-btn-promised-payment {
	width: 305px;
	text-align: right;
	float: right;
}

div.section-pay div.print-btn {
	width: 255px;
	text-align: right;
	float: right;
}

div.section-pay div.pay-btn-cards,
div.section-pay div.autopay-btn-cards {
	width: 193px;
	text-align: right;
	float: right;
}

div.section-pay div.print-btn a {
	display: inline-block;
	width: 253px;
	height: 74px;
	background: url(../images/print-btn.png) left no-repeat;
}

div.section-pay div.btn-print a {
	display: inline-block;
	width: 254px;
	height: 74px;
	border-radius: 7px;
	background: url(../images/btn-print.png) left no-repeat;
}

div.section-pay div.btn-generate a {
	display: inline-block;
	width: 290px;
	height: 74px;
	border-radius: 7px;
	background: url(../images/btn-generate.png) left no-repeat;
}

div.section-pay div.pay-btn-promised-payment a {
	display: inline-block;
	width: 304px;
	height: 74px;
	background: url(../images/pay-btn-promised-payment.png) left no-repeat;
}

div.section-pay td.pay-btn-cards-block, div.section-pay td.pay-btn-bill-block, div.section-pay td.autopay-btn-cards-block {
	vertical-align: top;
}

div.section-pay div.pay-btn-cards a,
div.section-pay div.pay-btn-cards-acquiring a,
div.section-pay div.autopay-btn-cards a {
	display: inline-block;
	width: 192px;
	height: 74px;
	background: url(../images/pay-btn-cards.png) left no-repeat;
}

div.section-pay div.pay-btn-bill {
	text-align: right;
	float: right;
}

div.section-pay div.pay-btn-bill a {
	display: inline-block;
	width: 353px;
	height: 74px;
	background: url(../images/btn-print-bill.png) left no-repeat;
}

div.section-content div.pay-info a {
	display: inline-block;
	width: 187px;
	height: 74px;
	background: url(../images/btn-pay.png) left no-repeat;
}

div.section-pay div.print-btn a:hover, div.section-pay div.pay-btn-bill a:hover, div.section-pay div.pay-btn-cards a:hover, div.section-pay div.autopay-btn-cards a:hover, div.section-content div.pay-info a:hover {
	background-position: center;
}

div.section-pay div.btn-print a:hover, div.section-pay div.pay-btn-bill a:hover, div.section-pay div.pay-btn-cards a:hover, div.section-pay div.autopay-btn-cards a:hover, div.section-content div.pay-info a:hover {
	background-position: center;
}

div.section-pay div.btn-generate a:hover, div.section-pay div.pay-btn-bill a:hover, div.section-pay div.pay-btn-cards a:hover, div.section-pay div.autopay-btn-cards a:hover, div.section-content div.pay-info a:hover {
	background-position: center;
}

div.section-pay div.pay-btn-cards a:active, div.three-states-btn a:active, div.section-pay div.autopay-btn-cards a:active {
	background-position: right !important;
}

div.section-pay td.input {
	vertical-align: top;
}

div.pay-logo {
	text-align: center;
}

div.pay-sber-logo {
	text-align: left;
}

div.section-pay tr.links td {
	font-size: 14px;
	width: 33%;
}

div.section-pay tr.links td.right {
	text-align: right;
}

div.section-pay tr.links td.left {
	text-align: left;
}

div.section-pay tr.links td.center {
	text-align: center;
}

div.section-pay table.credit-cards tr.links td {
	width: 50%;
	padding-bottom: 25px;
}

div.section-pay table.internet-money tr.links td {
	width: 50%;
	padding-bottom: 25px;
}
div.section-pay table.internet-money tr.links.method td {
	padding: 0 40px 25px 40px;
}

div.section-pay table.credit-cards tr.links span, div.section-pay table.internet-money tr.links span {
	font-size: 14px;
}

div.section-pay table.credit-cards tr.links td span.selected, div.section-pay table.internet-money tr.links td span.selected {
	color: #000 !important;
}

div.section-pay table.credit-cards tr.links.method td {
	padding: 0 10px 25px 10px;
}

div.section-pay table.credit-cards tr.links.method td .left {
	text-align: left;

}

div.section-pay table.credit-cards tr.links.method td .center {
	text-align: center;
}

div.section-pay table.credit-cards tr.links.method td .right {
	text-align: right;
}

div.section-pay table.credit-cards tr.links td span.pseudo, div.section-pay table.internet-money tr.links td span.pseudo, table.places-print-bill tr.links td span.pseudo {
	color: #0050B1;
}

div.section-pay table.promised-payment td.description {
	padding-bottom: 20px;
}

table.places-print-bill {
	padding: 25px 0;
}

table.places-print-bill td {
	width: 50%;
}

div.section-content-reminder div.section-pay div.page-title {
	padding-left: 50px;
}

div.section-content-reminder div.section-pay div.page-title div.title {
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	color: #000;
}

div.section-content-reminder div.section-pay div.page-title div.description {
	color: #000;
	font-size: 12px;
	line-height: 12px;
}


table.test td {
	border: 1px black solid;
}

.w200 {
	width: 200px;
	font-size: 24px;
	margin: 7px;
}

.errMessage {

	color: red;
	border: 1px solid red;
	padding: 2px 10px;
	border-radius: 3px;
}

.errorMessage ul {
	list-style: none;

}

.chzn-container {
	margin: 5px 0px;
}
.image-card {
	behavior: url(/css/PIE.htc);
}

.tooltip {
	border: 1px solid #ccc;
	background-color: #F7F4DD;
	font-size: 11px;
	padding: 5px;
	border-radius: 3px;
	behavior: url(/css/PIE.htc);
	font-family: Arial;

}

.tooltip-card {
	background-color: #cfe6f8;
	font-size: 12px;
	padding: 10px;
	border-radius: 1px;
	behavior: url(/css/PIE.htc);
	color: #0a386d;
	font-family: Arial;

}

.big {
	font-size: 20px;
	font-weight: bold;
}

.ballon-text {
	display: table;
}

.ballon-image {
	text-align: center;
	vertical-align: middle;
}

.ballon-image img {
	border-radius: 3px;
}

.ballon-address {
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

.ballon-preview-text {
	text-align: center;
	padding: 3px;
}

.work-time {
	font-style: italic;
	font-size: 0.9em;
	color: #555;
}

.kvit {
	width: 720px;
}

.kvitName {
	padding-left: 10px;
	font-size: 1.5em;
	font-weight: bold;
}

.kvitNameDesc {
	padding-left: 15px;
	font-size: 1em;
}

.kvitUserInfo {
	margin: 10px 0px;
	display: table;
	padding: 10px;
	width: 698px;
	background: #ddd;
	border: 2px solid #ddd;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/css/PIE.htc);
}

.kvitSumm {
	font-size: 2em;
}

.rightBlock {
	display: table-cell;
}

.leftBlock {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.tok_list, .gorod_list, .terminal_list {
	min-height: 100px;
}

.user-address {
	margin-bottom: 10px;
	font-size: 20px;
	text-align: center;
}

.js-link {
	text-decoration: none;
	border-bottom: dashed 1px #0050B1;
	font-size: 14px;
	line-height: 16px;
}

.error-block {
	font-size: 16px;
	color: red;
	max-width: 600px;
	margin: 0 auto;
}

/* Автоплатежи */
table.autopay p {
	text-align: left;
}

.current-autopays {
	width: 100%;
}

.text-align-left {
	text-align: left;
}

.font-bold {
	font-weight: bold;
}

.history-autopays {
	width: 100%;
}

.current-autopays th, .current-autopays td {
	width: 33%;
	vertical-align: middle;
}

.history-autopays th, .history-autopays td {
	width: 33%;
	vertical-align: middle;
	padding-top: 5px;
	text-align: left;
	padding-left: 30px;
}

.pay-places-menu{
	padding: 0;
}
.pay-places-menu li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
.pay-places-menu li.active a{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
.pay-places-header {
	margin: 0;
	padding-bottom: 5px;
}

.carousel-images img{
	visibility:hidden; /* hide images until carousel can handle them */
	cursor:pointer; /* otherwise it's not as obvious items can be clicked */
}
.carousel-images img.carousel-center {
	cursor: default;
}

#waterwheel-carousel-horizon {
	clear:both;
	overflow:hidden;
	width: 710px;
	height: 250px;
	font-size: 14px;
	position: relative;
}

.table-account {
	width: 100%;
	margin-bottom: 20px;
}
.table-account th,
.table-account td {
	padding: 8px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}
.table-account th {
	font-weight: bold;
}
.table-account thead th {
	vertical-align: bottom;
}
.table-account caption + thead tr:first-child th,
.table-account caption + thead tr:first-child td,
.table-account colgroup + thead tr:first-child th,
.table-account colgroup + thead tr:first-child td,
.table-account thead:first-child tr:first-child th,
.table-account thead:first-child tr:first-child td {
	border-top: 0;
}
.table-account tbody + tbody {
	border-top: 2px solid #dddddd;
}
.table-account .table {
	background-color: #ffffff;
}

.addrselect {
	padding-right: 92px;
	padding-left: 72px;
}
.left-column, .right-column {
	width: 50%;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	box-sizing: border-box;
}
.addrselect .label, .addrselect .input {
	display: inline-block;
	box-sizing: border-box;
}
.addrselect .label{
	width: 25%;
	padding-right: 5px;
	text-align: right;
}
.addrselect .input {
	width: 75%;
}
.clearfix {
	overflow: auto;
	width:100%;
}

.radio-button-container {
	width: 100%;
	text-align: center;
}

.radio-button-row {
	font-size: 1.5em;
	margin: 0 auto;
	width: 250px;
	text-align: left;
}

.radio-button-row input, .radio-button-row label {
	display: inline-block;
	vertical-align: middle;
}

.radio-button-row input[type='radio'] {
	margin-left: 2em;
}

.disclaimer{
	text-align:center;
	font-size: smaller;
}

.iframe-vk {
	width: 550px;
	height: 450px;
}

.radio_row {
	display: inline;
}

.js-link-to-descr-autopay {
	font-size: 12pt;
}

.btn {
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	color: #264796;
	font-weight: 600;
	padding: 10px 40px;
	display: inline-block;
	margin: 5px 0 0;
	border-radius: 50px;
	transition: .2s linear;
	cursor: pointer;
}

.blue_btn {
	border-bottom: 1px solid #747474;
	border-top: 1px solid transparent;
	color: white;
	border-left: 0;
	border-right: 0;
	box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.32), 0px 2px 10px #9f9f9f;
	background: #3366cc
}

.blue_btn:visited {
	color: #fff;
}

.product_item:hover .blue_btn,
.blue_btn:hover {
	background: white;
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.32), 0px 2px 10px #9f9f9f;
	border-top: 1px solid #264796;
	color: #3366cc;
}

.blue_btn.disabled{
	cursor: default;
	background: #d9d9d9;
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.32), 0px 2px 10px #9f9f9f;
	border-top: 1px solid #264796;
	color: #3366cc;
}

.link-to-descr-autopay {
	display: none;
}

@media screen and (max-width: 480px) {

	.wrapper_mp .row {
		display: inline-block;
		padding: 25px;
		min-height: 400px;
		width: 300px;
	}

	.link-to-descr-autopay {
		display: block;
	}

	.btn.autopay_input {
		padding: 10px 15px;
		font-size: 10pt;
		width: 230px;
	}

	.autopay-content {
		font-size: 10pt;
		text-align: left;
		display: none;
	}
	.radio_wrap{
		display: inline-block;
	}

	.radio_row {
		display: block !important;
	}

	.oplata_title {
		margin-top: 50px;
	}

	.pay-select-img{
		width: 100%;
	}

	.tooltip {
		margin:20px;
	}
	.image-card {
		display: none;
	}
	.acquiring-rub-block {
		display: none;
	}

	.footer .phone {
		margin-left: 30px;
	}

	.autopay-block {
		text-align: center;
	}

	.autopay-on-description {
		white-space: nowrap;
		overflow-wrap: normal;
		width: 100%;
	}

	.new_input_big {
		margin-left: 10px;
		float: none;
		width: 100px;
	}

	.copyright {
		margin-left: 10px;
	}

	.check-ofd {
		padding-left: 10px;
		float: none;
	}


	.menu {
		float: none;
		padding-left: 10px;
	}

	.section-content {
		float: none;
		width: 100%;
		padding: 0px;
	}

	a.new_input.no-link {
		display: block;
		height: auto;
		width: 112%;
		margin-left: -53px;
		margin-top: -10px;
		font-size: 11px;
	}

	#waterwheel-carousel-horizon {
		display: none;
	}

	tr.links.blue.method>td {
		display: block;
		margin: 0 auto;
		text-align: center !important;
	}

	table.credit-cards>tbody>tr {
		display: block;
	}

	.links:not(.blue) + tr > td {
		width: 300px;
		display: block;
		overflow-x: scroll;
		height: 292px;
	}

	div.section-pay table.credit-cards tr.links.method td {
		width: 300px !important;
		padding: 10px 0 !important;
		text-align: center !important;
	}

	span#sber-soc.selected {
		background: #eb9d1a;
		padding: 6px;
		border-radius: 9px;
	}

	/*.sub-item {*/
	/*display: none;*/
	/*}*/


	/*РќРѕРІРѕРµ*/
	.wrapper,
	.footer,
	.content,
	.header {
		width: 100%;
		padding: 0;
		height: auto;
	}

	span.pay-select.selected {
		background: #eb9d1a;
		padding: 6px;
		border-radius: 9px;
	}

	table.promised-payment td {
		display: block;
		float: none;
	}

	div.section-pay div.pay-btn-cards, div.section-pay div.autopay-btn-cards {
		float: none;
	}

	td.autopay-block {
		display: block;
	}

	.autopay-block {
		display: block;
		width: 100%
	}

	#pay_places_map {
		width: 400px !important;
		height: 350px !important;
		overflow: hidden;
	}

	.addrselect {
		padding: 0;
		padding-right: 15px;
	}

	.addrselect .label, .addrselect .input {
		display: block;
		width: 100%;
		padding: 0 10px;
	}

	.addrselect .label {
		text-align: left;
		line-height: 1;
		margin-top: 2px;
	}

	.left-column, .right-column {
		padding-right: 2px;
		padding-left: 2px;
	}


}

@media screen and (max-width: 768px) {
	.section-content {
		width: 500px;
	}
	.radio_row {
		display: inline-block;
	}
}

#result {
	width: 250px;
	margin: 0 auto;
}

/*oplata*/

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alert-danger, .alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}
.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.pay_content {
	text-align: center;
}

.pay_input {
	display: block;
	width: 250px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.autopay_input {
	display: block;
	width: 320px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.radio_wrap {
	margin: 40px auto;
}

.radio_wrap label,
.radio_wrap input {
	color: #999;
	vertical-align: middle;
}

.adress_wrap input:checked + label,
.radio_wrap input:checked + label {
	color: #4c4c4c
}

.radio_wrap p {
	color: #4c4c4c
}

.accordion-content {
	text-align: left
}

.credit-cards .accordion-content, .promised-payment .accordion-content {
	max-width: 600px;
	margin: auto;
}

#phone_number_inp {
	display: block
}

.oplata_title {
	text-transform: uppercase;
	color: #466ed2;
	font-size: 16px;
	font-weight: 700;
}

.auto_payment {
	margin-bottom: 20px;
	min-height: 231px;
}

.auto_payment label {
	text-decoration: underline;
	vertical-align: middle;
	margin-bottom: 20px;
	display: inline-block;
}

.auto_payment input {
	vertical-align: middle;
	margin-bottom: 20px;
	display: inline-block;
}

.adress_wrap {
	text-align: left;
}

.adress_wrap div {
	max-width: 200px;
	margin: auto;
	font-size: 16px;
	color: #999;
}

.adress_wrap input {
	margin-left: 2em;
	vertical-align: middle
}

.adress_wrap label {
	vertical-align: middle;
}

.adress_wrap .pay_input {
	margin-top: 20px;
	display: block;
	margin: 20px auto 0;
}

.adress_info {
	font-size: 12px;
	color: #999;
	text-align: center;
	max-width: 300px;
	margin: 20px auto 0;
}

.pay {
	display: none;
}

.pay_input_2 {
	display: block;
}

.pay_info {
	margin-bottom: 20px;
}

.pay_info span {
	font-weight: 700
}

label {
	cursor: pointer;
}

.qr_wrap {
	margin-bottom: 20px;
}

.auto_payment_sum {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 20px
}

.auto_payment_sum span {
	font-size: 14px;
	font-weight: 400;
}

.radio_item {
	display: inline-block;
	margin-bottom: 10px;
}

.green_message {

	color: #217554;
	font-size: 16px;
	background: rgba(33, 117, 84, 0.24);
	max-width: 400px;
	border-radius: 15px;
	padding: 20px;
	margin: 20px auto;
}

.pay_item {
	display: inline-block;
	margin: 20px;
	cursor: pointer;
	color: #999
}

.pay_item.select {
	text-decoration: underline;
	color: #4c4c4c;
}

.pay_item:first-of-type span {
	color: #ff0000;
	font-weight: 600
}

.pay_item:last-of-type span {
	color: #000eb9;
	font-weight: 600
}

@media screen and (max-width: 768px) {
	.rado_wrap {
		width: 230px;
		text-align: left;
	}
	.radio_wrap .radio_item {
		margin-bottom: 5px;
		display: flex;
	}
}

@media screen and (max-width: 400px) {
	.radio_item {
		display: flex;
	}
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}

.select2-container--default .select2-selection--single {
	border-radius: 25px;
}

.select2-container .select2-selection--single {
	height: 44px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 41px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none;
}

.input_50 .pay_input {
	width: 115px;
}

.input_50 {
	float: left;
}

.input_50_container {
	width: 255px;
	margin: 0 auto;
	overflow: auto;
}

.input_50 + .input_50 {
	margin-left: 20px;
	float: right;
}

.input_50 .select2{
	width: 115px !important;
}

.select2-results__message {
	display: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #fff;
}

.ui-dialog-title {
	padding: 0 !important;
	margin: 0 !important;
}
.ui-dialog {
	font-size: 14px;
}

.wrapper_mp {
	text-align: center;
	padding-top: 25px;
}

.status-message p {
	font-size: 30px;
	font-weight: bold;
}

.status-image img {
	max-height: 100px;
}

.info-block {
	font-size: 20px;
	font-family: Arial;
	color: #62737d;
	line-height: 30px;
}

.status-image {
	margin-top: 12px;
}

#autopayOffer{
	text-decoration: underline;
	text-align: center;
	cursor:pointer;
	margin-bottom: 10px;
}

#sber_info{
	display: none;
}

.save-card, .delete-card {
    margin-bottom: 5px;
}

.delete-card {
    line-height: 20px;
}

.delete-card a {
    cursor: pointer;
}

#cardId {
    text-align-last: center;
    padding-left: 15px;
}

.logos{
	padding-top:15px;
}

.logos img{
	max-width:300px;
}