/* Start:/bitrix/components/bitrix/sale.personal.section/templates/bootstrap_v4/style.css?17938591534043*/
.sale-personal-section-index-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 15px 0;
	padding: 0;
	height: 87%;
	border-radius: 3px;
	background-size: cover;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	opacity: .8;
	transition: all 0.3s;
	justify-content: space-around;
	background-color: var(--theme-color-primary, #51cbce);
}

@media (max-width: 992px) {
	.sale-personal-section-index-block {
		margin: 8px 0;
		height: auto;
	}
}

.sale-personal-section-index-block:hover { opacity: 1; }

.sale-personal-section-index-block-link,
.sale-personal-section-index-block-link:hover,
.sale-personal-section-index-block-link:active,
.sale-personal-section-index-block-link:focus,
.sale-personal-section-index-block-link:visited {
	display: block;
	padding: 25px 5px;
	width: 100%;
	color: #fff;
	text-decoration: none;
}

.sale-personal-section-index-block-link { color: #fff; }

.sale-personal-section-index-block-ico { font-size: 64px; }

.sale-personal-section-index-block-name {
	color: #fff;
	font-size: 15px;
	margin: 0;
	padding: 0;
}
/*region Focus ring*/
/* The forms of the entry, the password recovery and the password change come from `main`; the section
 * wraps them, and the rules below reach them only there. One dark band outside the box of the control,
 * as on the other pages of the section: the theme of the landing store draws a white band inside the box
 * and a halo around it, and the stylesheet of the fields drops the ring of a field altogether. The weight
 * outruns `.block-wrapper [tabindex]:not([tabindex="-1"]):focus-visible` (0,4,0) of the theme, which is
 * included after this file. */
.row > .sale-personal-section-auth .bx-authform a:focus-visible,
.row > .sale-personal-section-auth .bx-authform .btn:focus-visible,
.row > .sale-personal-section-auth .bx-authform button:focus-visible,
.row > .sale-personal-section-auth .bx-authform input:focus-visible,
.row > .sale-personal-section-auth .bx-authform select:focus-visible,
.row > .sale-personal-section-auth .bx-authform textarea:focus-visible,
.row > .sale-personal-section-auth .bx-authform [tabindex]:not([tabindex="-1"]):focus-visible {
	outline: var(--ui-focus-outline-width, 2px) solid var(--ui-color-base-1, #333333);
	outline-offset: var(--ui-focus-outline-offset, 2px);
	box-shadow: none;
}

/* The theme animates every property of a button, the ring with them, and a ring that fades in cannot
 * be followed. */
.row > .sale-personal-section-auth .bx-authform .btn {
	transition: all .2s ease, outline 0s, outline-offset 0s, box-shadow 0s;
}

/* `ui.bootstrap4`, brought by the search of the header, paints the fill and the border of a focused
 * button (0,2,0). The resting values are put back, and the hovered ones over a hovered or pressed focused
 * button. */
.row > .sale-personal-section-auth .bx-authform .btn.btn-primary:focus {
	background-color: var(--primary);
	border-color: var(--primary);
	color: #fff;
}

.row > .sale-personal-section-auth .bx-authform .btn.btn-primary:focus:hover,
.row > .sale-personal-section-auth .bx-authform .btn.btn-primary:focus:active {
	background-color: var(--primary-darken-1, var(--primary));
	border-color: var(--primary-darken-1, var(--primary));
	color: #fff;
}

/* One dark band outside the tile instead of the white band the landing store theme draws inside it and
 * its halo. The weight outruns `.block-wrapper [tabindex]:not([tabindex="-1"]):focus-visible` (0,4,0)
 * of the theme, whose stylesheet comes later. */
.row .sale-personal-section-index-block > a.sale-personal-section-index-block-link[href]:focus-visible {
	outline: var(--ui-focus-outline-width, 2px) solid var(--ui-color-base-1, #333333);
	outline-offset: var(--ui-focus-outline-offset, 2px);
	box-shadow: none;
}

/* The translucent tile would pale the ring: the focused tile is opaque, as the hovered one, at once. */
.row .sale-personal-section-index-block:has(> a.sale-personal-section-index-block-link[href]:focus-visible) {
	opacity: 1;
	transition: none;
}
/*endregion*/

/* End */


/* Start:/bitrix/components/bitrix/sale.personal.order.detail/templates/bootstrap_v4/style.css?179385915315651*/
.sale-order-detail { }

.sale-order-detail-card { border: 1px solid var(--theme-color-primary); }

.sale-order-detail-card-title {
	margin: 0 -15px;
	padding: 8px 15px;
	background-color: var(--theme-color-primary);
	color: #fff;
	font-weight: normal;
	font-size: 17px;
}

.sale-order-detail-section-title {
	padding: 8px 15px;
	background: #f2f2f2;
	font-size: 15px;
}

.sale-order-detail-prop-name {
	color: #333;
	font-size: 15px;
}

.sale-order-detail-prop-value {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

.sale-order-detail-more-info-more {
	border-bottom: 1px dashed;
	text-decoration: none !important;
	font-size: 13px;
}

.sale-order-detail-more-info-details-title {
	color: #888;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
}

.sale-order-detail-more-info-details-table { }

.sale-order-detail th,
.sale-order-detail td { font-size: 13px; }

.sale-order-payment-change-pp { font-size: 14px; }

#bx_old_s_map { margin-bottom: 10px; }

#map-container { height: 200px; }

/* sale personal order component */

.sale-order-list-cancel-payment {
	margin: 29px 0 0;
	border-bottom: 1px dashed;
	font-size: 13px;
	cursor: pointer;
}

.sale-order-detail-payment-options-methods-info-change-link:hover,
.sale-order-detail-show-link:hover,
.sale-order-list-cancel-payment:hover,
.sale-order-detail-payment-options-methods-info-change-link:active,
.sale-order-detail-show-link:active,
.sale-order-list-cancel-payment:active,
.sale-order-detail-payment-options-methods-info-change-link:visited,
.sale-order-detail-show-link:visited,
.sale-order-list-cancel-payment:visited { text-decoration: none !important; }

.sale-order-detail-section-comments { padding: 0 15px; }

/* payment */

.sale-order-detail-payment-options-methods-container:before {
	position: absolute;
	top: 0;
	bottom: 63px;
	left: 33px;
	width: 1px;
	height: 100%;
	background: #777f8a;
	content: '';
}

div.payment-options-methods-row {
	position: relative;
	overflow: hidden;
	margin: 0 0 0 -15px;
	padding: 0 0 0 69px;
}

div.payment-options-methods-row:before {
	position: absolute;
	top: 50%;
	left: 34px;
	margin: -1px 0 0;
	width: 30px;
	height: 1px;
	background: #777f8a;
	content: '';
}

div.payment-options-methods-row:last-child:after {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 33px;
	display: block;
	width: 1px;
	background: #fff;
	content: '';
}

div.sale-order-detail-payment-options-methods {
	overflow: hidden;
	padding: 20px 0 26px 0;
	border-top: 1px solid #f2f2f2;
}

.sale-order-detail-payment-options-shipment-image-container,
.sale-order-detail-payment-options-methods-image-container {
	min-width: 81px;
	text-align: center;
}

.sale-order-detail-section-payment-image {
	display: inline-block;
	height: 54px;
	background: url(/bitrix/components/bitrix/sale.personal.order.detail/templates/bootstrap_v4/images/sale-personal-order-payment-options-order-number.svg) center no-repeat;
}

.sale-order-detail-payment-options-info-order-number,
.sale-order-detail-payment-options-info-total-price {
	color: #000;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 21px;
}

.sale-order-detail-payment-options-info-total-price { font-weight: normal; }

.sale-order-detail-payment-options-info-total-price span { white-space: nowrap; }

.sale-order-detail-payment-options-methods-information-block {
	visibility: visible;
	opacity: 1;
	transition: opacity .5s .3s ease;
}

.sale-order-detail-payment-options-methods-image-element,
.sale-order-detail-payment-options-shipment-image-element {
	display: block;
	margin: 0;
	height: 51px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.sale-order-detail-payment-options-methods-info-title,
.sale-order-detail-payment-options-methods-shipment-list-item-title {
	color: #000;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-payment-options-shipment-button-element {
	color: #4a90e2;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-payment-options-methods-info-title-status-alert,
.sale-order-detail-payment-options-methods-info-title-status-restricted,
.sale-order-detail-payment-options-methods-info-title-status-success {
	display: inline-block;
	padding: 4px 10px 5px 8px;
	border: 1px solid #eab3b9;
	border-radius: 2px;
	background: #ffe5e8;
	color: #d0021b;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-payment-options-methods-info-title-status-success {
	border: 1px solid #bed277;
	background: #e3f0bd;
	color: #597707;
}

.sale-order-detail-payment-options-methods-info-title-status-restricted {
	border: 1px solid rgba(128, 134, 142, 0.20);
	background: #f3f4f5;
	color: #535c69;
}

.sale-order-detail-payment-options-methods-info-total-check,
.sale-order-detail-payment-options-methods-info-total-price { font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; }

.sale-order-detail-payment-options-methods-info-change-link {
	display: block;
	padding: 6px 0 0;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-payment-options-methods-info-total-check {
	float: left;
	width: 100%;
}

.sale-order-detail-sum-check-left {
	display: inline;
	float: left;
	padding-right: 5px;
}

.sale-order-detail-payment-options-methods-template { }

/* The hidden copy stays in its place out of the flow: moved aside it would stretch the page sideways
 * whenever the payment row stops clipping, and only `visibility` takes it out of the tab order. It
 * turns hidden and visible at once, as the copy moved aside did: the closing one leaves the tab order
 * and the pointer the moment it goes, the coming one can take the focus, and only `opacity` fades. */
div.sale-order-detail-payment-options-methods-template {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 24px 38px 24px 38px;
	border: 1px solid #3bc8f5;
	opacity: 0;
	transition: opacity .5s .3s ease;
}

/* Active statement */
.sale-order-detail-active-event .sale-order-detail-payment-options-methods-template {
	position: relative;
	left: 0;
	visibility: visible;
	opacity: 1;
}

.sale-order-detail-active-event .sale-order-detail-payment-options-methods-information-block {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}

/* shipment */
.sale-order-detail-payment-options-methods-shipment-list {
	padding-left: 5px !important;
	list-style: none;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-shipment-id { font-weight: 700; }

.sale-order-detail-shipment-id-icon {
	display: inline-block;
	width: 11px;
	height: 13px;
	background: url("/bitrix/components/bitrix/sale.personal.order.detail/templates/bootstrap_v4/images/sale-order-item-id-element.svg") center no-repeat;
	cursor: pointer;
}

.sale-order-payment-cancel {
	text-decoration: underline;
	cursor: pointer;
}

.sale-order-detail-show-link,
.sale-order-detail-payment-options-methods-info-change-link {
	display: inline;
	border-bottom: 1px dashed;
	cursor: pointer;
	transition: border-bottom .3s ease;
}

.sale-order-payment-cancel:hover,
.sale-order-detail-payment-options-methods-info-change-link:hover { text-decoration: none; }

.sale-order-detail-payment-options-shipment-button-container { text-align: right; }

.sale-order-detail-payment-options-shipment-button-element {
	display: block;
	text-decoration: underline;
}

.sale-order-detail-payment-options-shipment-composition-map { display: none; }

.sale-order-detail-payment-options-shipment-composition-map-container-map {
	min-height: 251px;
	width: 100%;
}

.sale-order-detail-payment-options-shipment-map-address { margin: 19px 0 39px; }

.sale-order-detail-payment-options-shipment-map-address-title {
	color: #2f3435;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-payment-options-shipment-map-address-element { font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; }

.sale-order-detail-total-payment { padding: 18px 0; }

.sale-order-detail-total-payment-list-left,
.sale-order-detail-total-payment-list-right { list-style: none; }

.sale-order-detail-total-payment-list-left-item {
	overflow: hidden;
	color: #2f3435;
	list-style: none;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-total-payment-list-right-item {
	height: 20px;
	color: #2f3435;
	text-align: right;
	font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 20px;
}

/* colors grey */

.sale-order-detail-payment-options-shipment-composition-map-title {
	color: #888;
	font: bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* General detail theme color */
.sale-order-detail-payment-inner-row-template {
	display: none;
	margin-top: 20px;
	cursor: pointer;
}

/* sale personal order ajax styles */

.sale-order-detail-order-section.bx-step-completed { border: 1px solid #83cb1b; }

.sale-order-detail-order-section-title-container {
	overflow: hidden;
	padding: 7px 0;
	background: #f2f5f7;
	font-size: 14px;
}

.sale-order-detail-order-section.bx-selected .sale-order-detail-order-section-title-container { padding: 15px; }

/* Table */

.sale-order-detail-order-item-img-block {
	margin: 0;
	padding-left: 0 !important;
	min-width: 85px;
	max-width: 85px;
	width: 85px;
}

.sale-order-detail-order-item-img-container {
	display: block;
	padding-top: 100%;
	border: 1px solid #c0cfd9;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.sale-order-detail-order-item-img-container:hover { border-color: var(--theme-color-primary); }

.sale-order-detail-order-item-title { }

.sale-order-detail-order-item-properties {
	font-size: 14px;
}

.sale-order-detail-order-item-properties-name {
	color: #7c7c7c;
}

.sale-order-detail-order-item-properties-type { color: #7c7c7c; }

.bx-price { white-space: nowrap; }

.bx-price-old {
	color: #b8b8b8;
	text-decoration: line-through;
	white-space: nowrap;
	font-size: 13px;
}

.sale-order-detail-order-item-td-control {
	padding-bottom: 5px;
	font-size: 11px;
}

/* Advanced info */
.sale-order-detail-status-restricted-message-block {
	padding-top: 10px;
}

.sale-order-detail-status-restricted-message {
	color: #9e9fa2;
	font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Close icon */
.sale-paysystem-close {
	position: absolute;
	top: 7px;
	right: 7px;
	z-index: 1;
}

.sale-paysystem-close-item {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/bitrix/components/bitrix/sale.personal.order.detail/templates/bootstrap_v4/images/sale-personal-order-sprite.svg) 1px 1px no-repeat;
	opacity: 1;
	cursor: pointer;
	transition: opacity .3s ease;
}

.sale-paysystem-close-item:hover { opacity: .5; }

/* Media */

@media (max-width: 991px) {
	.sale-order-detail-payment-options-shipment-button-container {
		margin: 20px 0 0;
		text-align: center;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sale-order-detail-payment-options-methods-button-container { float: right; }
}

@media (max-width: 767px) {
	div.sale-order-detail-payment-options-methods-button-container { margin-top: 15px; }
}

@media (max-width: 768px) {
	.sale-order-detail-payment-options-methods-shipment-list,
	.sale-order-detail-payment-options-methods-info { padding-left: 15px !important; }

	.sale-order-detail-payment-options-info-order-number,
	.sale-order-detail-payment-options-info-total-price { height: auto; }

	.sale-order-detail-payment-options-shipment-button-element { text-align: center; }
}

@media (max-width: 320px) {
	.sale-order-detail-total-payment-list-left-item,
	.sale-order-detail-payment-options-info-total-price { font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.sale-order-detail-payment-options-info-order-number,
	.sale-order-detail-total-payment-list-right-item { font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.sale-order-detail-payment-options-shipment-button-element { text-align: center; }
}

/*region Focus ring*/
/* Outweighs `.block-wrapper [tabindex]:not([tabindex="-1"]):focus-visible` (0,4,0) of the landing
 * store theme, whose stylesheet comes later: every stop of the order, the payment form and the result
 * of a payment change that arrive into it included, lies in the column of the root. */
.row.sale-order-detail .col a:focus-visible,
.row.sale-order-detail .col .btn:focus-visible,
.row.sale-order-detail .col button:focus-visible,
.row.sale-order-detail .col input:focus-visible,
.row.sale-order-detail .col select:focus-visible,
.row.sale-order-detail .col textarea:focus-visible,
.row.sale-order-detail .col [tabindex]:not([tabindex="-1"]):focus-visible,
.row.sale-order-detail .col [role="button"]:focus-visible,
.row.sale-order-detail .col [role="radio"]:focus-visible {
	outline: var(--ui-focus-outline-width, 2px) solid var(--ui-color-base-1, #333333);
	outline-offset: var(--ui-focus-outline-offset, 2px);
	box-shadow: none;
}

/* The script parks the focus on these nodes, and `[tabindex="-1"]:focus { outline: 0 !important }`
 * of the landing store theme (`landing24/assets/vendor/bootstrap/bootstrap.css:73`) is answered by
 * nothing but `!important`. */
.sale-order-detail .sale-order-detail-payment-options-methods-template[tabindex="-1"]:focus-visible,
.sale-order-detail .sale-order-detail-payment-options-methods-info[tabindex="-1"]:focus-visible,
.sale-order-detail h1[id^="sale-order-detail-order-"][tabindex="-1"]:focus-visible {
	outline: var(--ui-focus-outline-width, 2px) solid var(--ui-color-base-1, #333333) !important;
	outline-offset: var(--ui-focus-outline-offset, 2px) !important;
}

/* Both levels of the payment row clip their content, the ring of every control of the row with it. */
div.payment-options-methods-row:has(:focus-visible),
div.sale-order-detail-payment-options-methods:has(:focus-visible) {
	overflow: visible;
}

/* The theme animates every property of a button, the ring with them, and a ring that fades in cannot
 * be followed. The inherited `visibility` of a hidden copy is taken at once as well: animated, it keeps
 * "Pay" hidden for a moment after the form closes, and the focus given to it is lost. */
.row.sale-order-detail .col .btn {
	transition: all .2s ease, visibility 0s, outline 0s, outline-offset 0s, box-shadow 0s;
}

.row.sale-order-detail .col .form-control {
	transition: border-color .15s ease-in-out, outline 0s, outline-offset 0s, box-shadow 0s;
}

/* `ui.bootstrap4`, brought by the search of the header, paints the fill and the border of a focused
 * button (0,2,0), the theme repaints the text of a focused link (0,1,1), and bootstrap underlines a
 * focused `.btn-link`. The resting values are put back, and the hovered ones over a hovered or
 * pressed focused button. A disabled button keeps its resting fill under the mouse as well. */
.row.sale-order-detail .col .btn.btn-primary:focus {
	background-color: var(--primary);
	border-color: var(--primary);
	color: #fff;
}

.row.sale-order-detail .col .btn.btn-primary:not(.disabled):focus:hover,
.row.sale-order-detail .col .btn.btn-primary:not(.disabled):focus:active {
	background-color: var(--primary-darken-1, var(--primary));
	border-color: var(--primary-darken-1, var(--primary));
	color: #fff;
}

.row.sale-order-detail .col .btn.btn-success:focus {
	background-color: #28a745;
	border-color: #28a745;
	color: #fff;
}

.row.sale-order-detail .col .btn.btn-success:focus:hover,
.row.sale-order-detail .col .btn.btn-success:focus:active {
	background-color: #218838;
	border-color: #1e7e34;
	color: #fff;
}

.row.sale-order-detail .col .btn.btn-link:focus {
	color: #007bff;
	text-decoration: none;
}

.row.sale-order-detail .col .btn.btn-link:focus:hover,
.row.sale-order-detail .col .btn.btn-link:focus:active {
	color: #0056b3;
	text-decoration: underline;
}
/*endregion*/

/* End */


/* Start:/bitrix/components/bitrix/sale.order.payment.change/templates/bootstrap_v4/style.css?17938591539238*/
/*pay*/

.sale-order-payment-change-pp-list { opacity: 0; }

.sale-order-payment-change-pp-company {
	position: relative;
	z-index: 100;
	padding-bottom: 10px;
	min-height: 40px;
}

.sale-order-payment-change-pp .sale-order-payment-change-pp-company {
	margin-bottom: 15px;
	padding: 7px;
	height: auto;
	border: 1px solid transparent;
	transition: all 100ms ease, outline 0s, outline-offset 0s, box-shadow 0s;
}

.sale-order-payment-change-pp-company-graf-container {
	position: relative;
	padding-top: 50%;
	width: auto;
	height: 0;
	border: 2px solid #c3cace;
	border-radius: 2px;
	background: #fff;
	transition: all 100ms ease, outline 0s, outline-offset 0s, box-shadow 0s;
}

.sale-order-payment-change-pp-company:hover .sale-order-payment-change-pp-company-graf-container { border-color: var(--theme-color-primary); }

.sale-order-payment-change-pp-company-image {
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.sale-order-payment-change-pp-company-smalltitle {
	text-align: center;
	font-size: 11px;
}

.sale-order-payment-change-pp-field .form-control { background: #fff; }

.sale-order-payment-change-pp-price {
	padding: 4px 0;
	text-align: right;
}

.sale-order-payment-change-service-small {
	color: #a3a3a3;
	font-size: 11px;
}

@media (min-width: 1200px) {
	.sale-order-payment-change-pp div .sale-order-payment-change-pp-company:nth-child(4n+1),
	.sale-order-payment-change-pp-item-container .sale-order-payment-change-pp-company:nth-child(4n+1) {
		clear: both;
		padding-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.sale-order-payment-change-pp div .sale-order-payment-change-pp-company:nth-child(3n+1),
	.sale-order-payment-change-pp-item-container .sale-order-payment-change-pp-company:nth-child(3n+1) {
		clear: both;
		padding-left: 0;
	}
}

@media (max-width: 767px) {
	.sale-order-payment-change-pp,
	.sale-order-payment-change-pp-item-container { max-width: 450px; }

	.sale-order-payment-change-pp div .sale-order-payment-change-pp-company:nth-child(2n+1),
	.sale-order-payment-change-pp-item-container .sale-order-payment-change-pp-company:nth-child(2n+1) {
		clear: both;
		padding-left: 0;
	}
}

.sale-order-payment-change-payment-title {
	color: #000;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-payment-change-status-alert,
.sale-order-payment-change-status-restricted,
.sale-order-payment-change-status-success {
	display: inline-block;
	padding: 4px 10px 5px 8px;
	border: 1px solid #eab3b9;
	border-radius: 2px;
	background: #ffe5e8;
	color: #d0021b;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-payment-change-status-restricted {
	border: 1px solid rgba(128, 134, 142, 0.20);
	background: #f3f4f5;
	color: #535c69;
}

.sale-order-payment-change-status-success {
	border: 1px solid #bed277;
	background: #e3f0bd;
	color: #597707;
}

.sale-order-payment-change-payment-price {
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-payment-change-payment-form-group { display: table; }

.sale-order-payment-change-payment-form-cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.sale-order-inner-payment-button {
	display: block;
	float: left;
	padding: 0 17px;
	max-width: 115px;
	height: 38px;
	border-radius: 2px;
	background: #1485ce;
	color: #fff;
	text-align: center;
	font: bold 13px/38px "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
}

.sale-order-inner-payment-button:hover {
	background: #53a4d8;
	color: #fff;
	transition: background ease-out 0.5s;
}

.sale-order-inner-payment-button.inactive-button {
	opacity: 0.2;
	cursor: pointer;
}

.sale-order-inner-payment-button.inactive-button:hover {
	background: #1485ce;
	color: #fff;
}

.sale-order-inner-padding-bottom { padding-bottom: 15px; }

.sale-paysystem-wrapper {
	position: relative;
	margin: 0 -15px 0 0;
	padding: 24px 38px 24px 38px;
	border: 1px solid #3bc8f5;
	color: #424956;
	font: 14px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.sale-paysystem-wrapper {
	position: relative;
	margin: 0 -15px 0 0;
	padding: 24px 38px 24px 38px;
	border: 1px solid #3bc8f5;
	color: #424956;
	font: 14px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.sale-paysystem-close {
	position: absolute;
	top: 7px;
	right: 7px;
}

.sale-paysystem-close-item {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/bitrix/components/bitrix/sale.order.payment.change/templates/bootstrap_v4/../../components/bitrix/sale.personal.order.detail/templates/.default/images/sale-personal-order-sprite.svg) 1px 1px no-repeat;
	opacity: 1;
	cursor: pointer;
	transition: opacity .3s ease;
}

.sale-paysystem-close-item:hover {
	opacity: .5;
}

.sale-paysystem-description {
	margin: 0 0 11px 0;
	color: #bcbdc0;
	font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.sale-paysystem-yandex-button {
	display: inline-block;
	margin: 26px 10px 26px 0;
}

.sale-paysystem-yandex-button-item {
	padding: 0 22px;
	height: 38px;
	border: 0;
	border-radius: 2px;
	background: #f59023;
	color: #fff;
	font: bold 13px/35px "Helvetica Neue", Arial, Helvetica, sans-serif;
	transition: background .3s ease;
}

.sale-paysystem-yandex-button-item:hover { background: #ff911a; }

.sale-paysystem-yandex-button-descrition {
	display: inline-block;
	margin: 0 0 15px 0;
	color: #80868e;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/*region Focus ring*/
/* Outweighs `.block-wrapper [tabindex]:not([tabindex="-1"]):focus-visible` (0,4,0) of the landing
 * store theme, whose stylesheet comes later: the tiles of the choice and every stop of the result
 * that replaces them. Tied to the roles and classes of this template, so other markup is left alone. */
.row.sale-order-payment-change-pp-list > .sale-order-payment-change-pp-company[role="radio"][aria-checked][tabindex]:focus-visible::after,
.row.sale-order-payment-change-pp-list > .col.sale-order-payment-change-pp a:focus-visible,
.row.sale-order-payment-change-pp-list > .col.sale-order-payment-change-pp .btn:focus-visible,
.row.sale-order-payment-change-pp-list > .col.sale-order-payment-change-pp button:focus-visible,
.row.sale-order-payment-change-pp-list > .col.sale-order-payment-change-pp input:focus-visible,
.row.sale-order-payment-change-pp-list > .col.sale-order-payment-change-pp select:focus-visible,
.row.sale-order-payment-change-pp-list > .col.sale-order-payment-change-pp textarea:focus-visible,
.row.sale-order-payment-change-pp-list > .col.sale-order-payment-change-pp [tabindex]:not([tabindex="-1"]):focus-visible,
.row.sale-order-payment-change-pp-list > .col.sale-order-payment-change-pp [role="button"]:focus-visible {
	outline: var(--ui-focus-outline-width, 2px) solid var(--ui-color-base-1, #333333);
	outline-offset: var(--ui-focus-outline-offset, 2px);
	box-shadow: none;
}

/* A tile is a column of the grid: its box takes in the gutters at both sides and, stretched to the
 * tallest tile of the line, the empty space under a short name, so a band around it ran over the frame
 * of the block on the left and hung far below the name. The band goes around what is seen - the picture
 * and the name - on a layer of the tile, set in by the gutter at the sides and by the room under the
 * name (the `padding-bottom` of the tile and `mb-2` of the name) at the bottom. The focused tile stops
 * stretching, so that its bottom edge is the one of its own name; nothing is painted in that space and
 * nothing moves. The weight (0,7,0) outruns `[role="radio"]:focus-visible` (0,5,0) and
 * `[tabindex]:not([tabindex="-1"]):focus-visible` (0,6,0) of the list and of the card the tiles come into,
 * whatever order their stylesheets are loaded in. */
.row.sale-order-payment-change-pp-list > .sale-order-payment-change-pp-company[role="radio"][aria-checked][tabindex]:focus-visible {
	align-self: flex-start;
	outline-width: 0;
	box-shadow: none;
}

.row.sale-order-payment-change-pp-list > .sale-order-payment-change-pp-company[role="radio"][aria-checked][tabindex]:focus-visible::after {
	position: absolute;
	top: 0;
	right: calc(var(--bs-gutter-x, 30px) / 2);
	bottom: calc(10px + .5rem);
	left: calc(var(--bs-gutter-x, 30px) / 2);
	content: "";
	pointer-events: none;
}

/* The script parks the focus on the result, and `[tabindex="-1"]:focus { outline: 0 !important }`
 * of the landing store theme (`landing24/assets/vendor/bootstrap/bootstrap.css:73`) is answered by
 * nothing but `!important`. */
.sale-order-payment-change-pp-list > .sale-order-payment-change-pp[tabindex="-1"]:focus-visible {
	outline: var(--ui-focus-outline-width, 2px) solid var(--ui-color-base-1, #333333) !important;
	outline-offset: var(--ui-focus-outline-offset, 2px) !important;
}

/* The theme animates every property of a button, the ring with them, and a ring that fades in cannot
 * be followed. */
.row.sale-order-payment-change-pp-list > .col.sale-order-payment-change-pp .btn {
	transition: all .2s ease, outline 0s, outline-offset 0s, box-shadow 0s;
}

.row.sale-order-payment-change-pp-list > .col.sale-order-payment-change-pp .form-control {
	transition: border-color .15s ease-in-out, outline 0s, outline-offset 0s, box-shadow 0s;
}
/*endregion*/

/* End */


/* Start:/bitrix/components/bitrix/socserv.auth.form/templates/flat/style.css?17495454552838*/
.bx-authform-social-popup{
	display: none;
	background: #fff;
	width: auto;
	padding: 15px;
	font-size: 14px;
	white-space: nowrap;
}

.bx-authform-social-popup form{margin-bottom: 0;}

.bx-authform-social-popup input[type="text"] {
	display: inline-block;
	max-width: 150px;
	font-size: 18px;
	height: 30px;
	margin: 0;
	padding: 0 4px;
	border: 1px solid #CCD5DB;
	border-radius: 2px;
	background: #f8fafc;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bx-authform-social ul {
  	padding: 5px 0 12px;
  	margin: 0 0 15px;
  	display: block;
}

.bx-authform-social ul li {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 5px;
}
.bx-authform-social ul li .bx-authform-social-icon {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(/bitrix/components/bitrix/socserv.auth.form/templates/flat/images/sprite.png);
	background-repeat: no-repeat;
	border-bottom: none;
}
.bx-authform-social ul li .bx-authform-social-icon:hover{opacity: .9;}
.bx-authform-social ul li .bx-authform-social-icon.box {background-position: 0 0;}
.bx-authform-social ul li .bx-authform-social-icon.dropbox {background-position: -44px 0;}
.bx-authform-social ul li .bx-authform-social-icon.bitrix24 {background-position: -88px 0;}
.bx-authform-social ul li .bx-authform-social-icon.yandex {background-position:-132px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid {background-position:-176px 0;}
.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki {background-position:-220px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google {background-position:-264px 0;}
.bx-authform-social ul li .bx-authform-social-icon.mymailru {background-position:-308px 0;}
.bx-authform-social ul li .bx-authform-social-icon.mailru2 {background-position:-440px 0;}
.bx-authform-social ul li .bx-authform-social-icon.livejournal {background-position:-352px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru {background-position:-440px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveid {background-position:-484px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveinternet {background-position:-528px 0;}
.bx-authform-social ul li .bx-authform-social-icon.blogger {background-position:-572px 0;}
.bx-authform-social ul li .bx-authform-social-icon.vkontakte {background-position:-616px 0;}
.bx-authform-social ul li .bx-authform-social-icon.twitter {background-position:-660px 0;}
.bx-authform-social ul li .bx-authform-social-icon.facebook {background-position:-704px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google-plus {background-position:-748px 0;}
.bx-authform-social ul li .bx-authform-social-icon.office365 {background-position:-792px 0;}
.bx-authform-social ul li .bx-authform-social-icon.zoom {background-position:-836px 0;}

/* End */
/* /bitrix/components/bitrix/sale.personal.section/templates/bootstrap_v4/style.css?17938591534043 */
/* /bitrix/components/bitrix/sale.personal.order.detail/templates/bootstrap_v4/style.css?179385915315651 */
/* /bitrix/components/bitrix/sale.order.payment.change/templates/bootstrap_v4/style.css?17938591539238 */
/* /bitrix/components/bitrix/socserv.auth.form/templates/flat/style.css?17495454552838 */