/* 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.list/templates/bootstrap_v4/style.css?17938591538792*/
.sale-order-description {
	color: #888;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-list-title-container {
	border: 1px solid #c2f388;
	background: rgba(194, 243, 136, .5);
}

.sale-order-list-title-container h3 { font-size: 16px; }

.sale-order-list-accomplished-title {
	margin-top: 10px;
	color: #2f3435;
	font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-list-inner-container { border: 1px solid #efecec; border-top: none; }

.sale-order-list-inner-title-line {
	margin: 0;
	height: 1px;
	border: none;
	background: #f2f2f2;
}

.sale-order-list-inner-title-line-item {
	color: #9b9b9b;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-list-inner-row-template { display: none; }

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

.sale-order-list-payment-about-link,
.sale-order-list-payment-repeat-link,
.sale-order-list-payment-cancel-link { padding: 21px 0 0; }

.sale-order-list-shipment-button,
.sale-order-list-change-payment {
	border-bottom: 1px dashed;
	text-decoration: none;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
}

.sale-order-list-repeat-link:before {
	display: inline-block;
	margin: 0 3px 4px 0;
	width: 10px;
	height: 13px;
	background: url(/bitrix/components/bitrix/sale.personal.order.list/templates/bootstrap_v4/images/sale-order-repeat.svg) no-repeat;
	content: "";
	vertical-align: middle;
}

.sale-order-link-accomplished {
	padding: 0;
	text-decoration: none;
}

.sale-order-list-shipment-button:hover,
.sale-order-list-change-payment:hover {
	text-decoration: none;
	cursor: pointer;
}

.sale-order-list-status-restricted,
.sale-order-list-status-alert,
.sale-order-list-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-list-status-success {
	border: 1px solid #bed277;
	background: #e3f0bd;
	color: #597707;
}

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

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

.sale-order-list-shipment-status,
.sale-order-list-shipment-item,
.sale-order-list-payment-check,
.sale-order-list-payment-price { font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; }

.sale-order-list-payment-check {
	float: left;
	width: 100%;
}

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

.sale-order-list-shipment {
	list-style: none;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-list-shipment-list-item-link {
	padding: 16px 0 0;
	text-decoration: underline;
}

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

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

.sale-order-list-top-border {
	margin: 18px 15px 21px;
	width: auto;
	height: 1px;
	background: #f2f2f2;
}

.sale-order-list-accomplished-title-container {
	border: 1px solid #d6d6d6;
	background: #f2f2f2;
}

.sale-order-list-accomplished-date-container { text-align: right; }

.sale-order-list-accomplished-date { padding: 0 8px 0 0; }

.sale-order-list-accomplished-date,
.sale-order-list-accomplished-date-number {
	display: inline-block;
	margin: 10px 0 0;
	font: bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-list-accomplished-date { color: #888; }

.sale-order-list-accomplished-date.canceled-order { color: #f00; }

.sale-order-list-accomplished-date-number { color: #888; }

.sale-order-list-shipment-status-item {
	display: inline-block;
	margin: 6px 0 5px;
	vertical-align: middle;
}

.sale-order-list-shipment-status-block {
	display: inline-block;
	padding: 5px;
	border: 1px solid rgba(128, 134, 142, 0.20);
	border-radius: 2px;
	background: #f3f4f5;
	color: #535c69;
	vertical-align: middle;
	font: bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* state's */

.sale-order-state-green { background: #c2f388; }

.sale-order-state-yellow { background: #d7dd39; }

.sale-order-state-red { background: #dd6239; }

.sale-order-state-grey { background: #f2f2f2; }

@media (max-width: 991px) {
	.sale-order-list-accomplished-date-container,
	.sale-order-list-repeat-accomplished { text-align: left; }
}

@media (max-width: 767px) {
	.sale-order-list-button {
		float: none;
		margin: 10px 0 0;
		max-width: none;
	}
}

/*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 an order, the payment form and the result
 * of a payment change that arrive into it included, lies in a `.row` of the container. */
.col.sale-order-list-inner-container .row a:focus-visible,
.col.sale-order-list-inner-container .row .btn:focus-visible,
.col.sale-order-list-inner-container .row button:focus-visible,
.col.sale-order-list-inner-container .row input:focus-visible,
.col.sale-order-list-inner-container .row select:focus-visible,
.col.sale-order-list-inner-container .row textarea:focus-visible,
.col.sale-order-list-inner-container .row [tabindex]:not([tabindex="-1"]):focus-visible,
.col.sale-order-list-inner-container .row [role="button"]:focus-visible,
.col.sale-order-list-inner-container .row [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 links of the filter above the list and the link to the catalog under an empty list stand outside
 * the containers of the orders and carry no class of the template of their own. */
.row.mb-3 > .col > a.mr-4[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 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-list-inner-container .sale-order-list-inner-row-template[tabindex="-1"]:focus-visible,
.sale-order-list-title-container h3[id^="sale-order-list-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;
}

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

.col.sale-order-list-inner-container .row .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), and the theme repaints the text of a focused link (0,1,1). The resting colours are
 * put back, and the hovered ones over a hovered or pressed focused button. */
.col.sale-order-list-inner-container .row .btn.btn-primary:focus {
	background-color: var(--primary);
	border-color: var(--primary);
	color: #fff;
}

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

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

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

/* A link without `href` is painted by `a:not([href]):not([tabindex])` of bootstrap, which a
 * `tabindex` switches off: its values are repeated. */
.col.sale-order-list-inner-container .row a.btn.btn-primary.disabled[tabindex],
.col.sale-order-list-inner-container .row a.btn.btn-primary.disabled[tabindex]:hover,
.col.sale-order-list-inner-container .row a.btn.btn-primary.disabled[tabindex]:focus {
	background-color: var(--primary);
	border-color: var(--primary);
	color: inherit;
	text-decoration: none;
}
/*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.list/templates/bootstrap_v4/style.css?17938591538792 */
/* /bitrix/components/bitrix/sale.order.payment.change/templates/bootstrap_v4/style.css?17938591539238 */
/* /bitrix/components/bitrix/socserv.auth.form/templates/flat/style.css?17495454552838 */