

/* Start:/local/components/app/user.cabinet/templates/.default/style.css?17228672686372*/
.cabinet-c {
	padding-bottom: 120px;
}
.cabinet-c .personal-menu {

}
.cabinet-c ul.personal-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.cabinet-c .personal-menu a {
	display: flex;
	align-items: center;
	padding-left: 48px;
	height: 32px;
	text-decoration: none !important;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
.cabinet-c .personal-menu li + li {
	margin-top: 32px;
}
.cabinet-c .personal-menu a:hover,
.cabinet-c .personal-menu a.is-active {
	font-weight: 700;
}
.cabinet-c .personal-menu a.personal-home {
	background-image: url('/images/icons/icon-personal-home.svg');
}
.cabinet-c .personal-menu a.personal-address {
	background-image: url('/images/icons/icon-personal-address.svg');
}
.cabinet-c .personal-menu a.personal-email {
	background-image: url('/images/icons/icon-personal-email.svg');
}
.cabinet-c .personal-menu a.personal-logout {
	background-image: url('/images/icons/icon-personal-logout.svg');
}
.cabinet-c .personal-menu a.personal-orders {
	background-image: url('/images/icons/icon-personal-orders.svg');
}
.cabinet-c .personal-menu a.personal-favorites {
	background-image: url('/images/icons/icon-favorites.svg');
}

.personal-subscriptions-c form {
	background: rgba(248, 248, 248, 1);
	padding: 64px 0 52px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	border-radius: 21px;
}
.personal-subscriptions-c .form-item {
}
.personal-subscriptions-c .radio-c {
	padding-top: 32px;
	display: inline-flex;
	gap: 32px;
}
.personal-subscriptions-c .radio-c .button {
	border-radius: 5px !important;
	border: none !important;
}
.personal-subscriptions-c .radio-c .button i {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 12px;
	position: relative;
	background: transparent;
	border: 2px solid transparent;
	border-radius: 100%;
}
.personal-subscriptions-c .radio-c .button i:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: #E0E0E0;
	border-radius: 100%;
}
.personal-subscriptions-c .radio-c .checked .button i {
	border-color: #333333;
}
.personal-subscriptions-c .radio-c .checked .button i:after {
	left: 4px;
	top: 4px;
	right: 4px;
	bottom: 4px;
	background: #333333;
}
.personal-subscriptions-c .radio-c .checked .button {
	cursor: initial;
}
.personal-subscriptions-c .radio-c .checked .button,
.personal-subscriptions-c .radio-c .unchecked .button:hover {
	background: #FFF !important;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12) !important;
}
.personal-subscriptions-c .radio-c .unchecked .button {
	background: transparent !important;
	box-shadow: none !important;
}

.personal-user-info-c {

}
.personal-user-info-c .is-100 {
	width: calc(100% - 24px);
	min-width: calc(100% - 24px);
}
.personal-user-info-c {
	background: #F8F8F8;
	border-radius: 21px;
	max-width: 800px;
	margin: 0 auto;
	padding: 48px 120px;
}
.personal-user-info-c form h3 {
	text-align: center;
	padding-bottom: 16px;
}
.personal-user-info-c p {
	text-align: center;
	margin-bottom: 32px;
	color: #707070;
}
.personal-user-info-c .form-item {
	position: relative;
}
.personal-user-info-c .form-item label {
	font-size: 12px;
	position: absolute;
	top: 4px;
	left: 8px;
	color: #cccccc;
}
.personal-user-info-c form input[type="text"] {
	padding-right: 48px;
	padding-top: 24px;
}
.personal-user-info-c .user-add-child i {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 16px;
	background: url('/images/icons/icon-plus-24.svg') center center no-repeat;
	background-size: contain;
}
.personal-user-info-c form input.is-name {
	background: #ffffff url('/images/icons/icon-user-24.svg') right 8px center no-repeat;
}
.personal-user-info-c form input.is-date {
	background: #ffffff url('/images/icons/icon-calendar-24.svg') right 8px center no-repeat;
}
.personal-user-info-c form input#NAME {
	background: #ffffff url('/images/icons/icon-user-24.svg') right 8px center no-repeat;
}
.personal-user-info-c form input#LAST_NAME {
	background: #ffffff url('/images/icons/icon-user-24.svg') right 8px center no-repeat;
}
.personal-user-info-c form input#PERSONAL_PHONE {
	background: #ffffff url('/images/icons/icon-phone-24.svg') right 8px center no-repeat;
}
.personal-user-info-c form input#EMAIL {
	background: #ffffff url('/images/icons/icon-email-24.svg') right 8px center no-repeat;
}
.personal-user-info-c form .buttons-c {
	margin-top: 16px;
	margin-bottom: 16px;
}
.personal-user-info-c form input[type="text"][readonly] {
	background-color: transparent !important;
}

.personal-user-info-c .agreement {
	filter: grayscale(1);
	font-size: 12px;
	padding: 8px 0;
	text-align: center;
}

.personal-user-info-c .show-hide {
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px solid #f0f0f0;
}
.children-c {
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px solid #f0f0f0;
}

.personal-bonuses {

}
.personal-bonuses__wrapper {
	display: flex;
	flex-direction: column;
	gap: 32px;
	width: 100%;
	max-width: 800px;
	padding-bottom: 64px;
	padding-left: 32px;
	padding-right: 32px;
	margin: 0 auto;
}
.personal-bonuses__title {
	padding: 16px 32px;
	background: #f8f8f8;
	border-radius: 15px;
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: 500;
	justify-content: space-between;
	line-height: 1;
	margin-bottom: 0;
	margin-left: -32px;
	margin-right: -32px;
}
.personal-bonuses__table-wrapper {
	width: 100%;
	overflow: auto;
}
.personal-bonuses table {
	width: auto;
	margin-bottom: 0;
}
.personal-bonuses table td {
	font-size: 14px;
}
.personal-bonuses table thead td {
	font-weight: bold;
}
.personal-bonuses .text-left {
	text-align: left;
}
.personal-bonuses .text-center {
	text-align: center;
}
.personal-bonuses .text-right {
	text-align: right;
}
.operation-type-minus td {
	color: #d43f3a;
}
.operation-type-plus td {
	color: #5cb85c;
}
.personal-bonuses__info--table tr td {
	font-size: 16px;
	vertical-align: center;
}
.personal-bonuses__info--table tr td:last-child {
	font-weight: bold;
}


@media (max-width: 1024px) {
	.personal-user-info-c form {
		padding: 48px 32px;
	}
}
@media (max-width: 768px) {
	.personal-subscriptions-c .radio-c {
		flex-direction: column;
	}
	.personal-user-info-c {
		padding: 0;
	}
	.personal-user-info-c form {
		padding: 32px 16px;
	}
	.personal-bonuses {
		padding-top: 32px;
	}
}

/* End */
/* /local/components/app/user.cabinet/templates/.default/style.css?17228672686372 */
