:root {
	--body-color: #f9f8fd;
	--grey-text-color: #6f7287;
	--main-text-color: #2e3280;
	--hover-color: #f53f7a;
	--primary-color: #f53f7a;
	--footer-background-color: #1e0a3d;
	--light-blue-color: #4f6799;
	--purple-button: #6c23a0;

	--purple: #502372;
	--purple-2: #1d0231;
	--purple-3: #0f0220;
	--purple-4: #ea52f8;
	--purple-5: #502572;
	--purple-6: #7953e6;
	--purple-2-opacity-80: rgba(29, 2, 49, 0.8);

	--footer-color: #ffffff;

	--card-border-radius: 5px;

	--button-border-radius: 30px;

	--toast-error: #fe355a;
	--toast-warning: #ffbe00;
	--toast-success: #00cc69;

	--custom-terms: #f3b1b1;

	--shadow: 0 0 20px 0 rgba(224, 224, 249, 0.35);
	--shadow-hover: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	--shadow-hover-events-list: 0 0 6px rgba(0, 0, 0, 0.16), 0 0 20px rgba(0, 0, 0, 0.1);
	--assigned-seats-shadow: 0 0 2px 2px rgba(184, 196, 222, 0.35);
	--card-shadow: -1.9px 0.7px 6.6px 0.4px rgba(187, 187, 216, 0.24);
	--question-shadow: 0 0 5px 0 rgba(216, 216, 252, 0.35);

	--overlay-bg: rgba(30, 10, 61, 0.6);

	--loader-bg: rgba(255, 255, 255, 0.1);

	--highlight-color: rgba(183, 44, 252, 0.55);
	--coupon-color: #569c31;

	--checkbox-color: #28c397;

	--cyan-color: #00adef;

	--grey-text-opacity: rgba(111, 114, 135, 0.5);

	--color-grey-1: #d6d6f0;
	--color-grey-2: #979da6;
	--color-grey-3: #ebf0f6;
	--color-grey-4: #dddddd;
	--color-grey-5: #f9f9fc;
	--color-grey-6: #63686e;
	--color-grey-7: #f3f3ff;
	--color-grey-8: #e6ebf1;
	--color-grey-9: #cccccc;
	--color-grey-10: #e8e8e8;
	--color-grey-11: #f5f7fd;
	--color-grey-12: #bfc7d1;
	--color-grey-13: #a0aab5;
	--color-grey-14: #d7dbeb;
	--color-grey-15: #9699a9;
	--color-grey-16: #f8f8f8;
	--color-grey-17: #acacac;
	--color-grey-18: #727378;
	--color-grey-19: #e1e1e1;
	--color-grey-20: #909197;
	--color-grey-21: #a5a9c1;
	--color-grey-22: #ebefef;
	--color-grey-23: #b3b7bf;
	--color-grey-24: #f5f6fa;
	--color-grey-25: #e7e8ed;
	--color-grey-26: #19233c;
	--color-grey-27: #c7c7c7;
	--color-grey-28: #333333;
	--color-grey-29: #f9f9f9;
	--color-grey-30: #d2cddb;
	--color-grey-31: #f8f7fa;
	--color-grey-32: #dfdce5;
	--color-grey-33: #4c4c4c;
	--color-grey-34: #eeedf2;
	--color-grey-35: #ededf8;
	--color-grey-36: #6f7297;
	--color-grey-37: #4a4141;
	--color-grey-38: #474747;
	--color-grey-39: #74747429;

	--color-white: #ffffff;

	--color-blue-1: #305adc;
	--color-blue-2: #3659e3;
	--color-blue-3: #1976d2;
	--color-blue-4: #3d64ff;
	--color-blue-5: #5778f3;
	--color-blue-6: #0066ff;
	--color-blue-7: #4c84ff;
	--color-blue-8: #2e327f;
	--color-blue-9: #1199ff;
	--color-blue-10: #b4cbff8c;
	--color-blue-11: #007bff;

	--color-red-1: #f53f7b;
	--color-red-2: #ff0000;
	--color-red-3: #e01e25;
	--color-red-4: #f56e6e;
	--color-red-5: rgba(245, 63, 123, 0.9);

	--color-green-1: #82e0aa;
	--color-green-2: #00a651;
	--color-green-3: #28c397;
	--color-green-4: #ecfff5;

	--cyan-color-1: #d8eeff;
	--cyan-color-2: #50aef6;

	--info-color: #fcfae5;
	--info-border-color: #eee476;

	--transition: all 300ms;
	/*    scroll-behavior: smooth;*/
}

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

/* fonts */
@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local("Poppins Light"), local("Poppins-Light"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format("woff2");
	unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local("Poppins Light"), local("Poppins-Light"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format("woff2");
	unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local("Poppins Light"), local("Poppins-Light"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format("woff2");
	unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v12/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");
	unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v12/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");
	unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v12/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");
	unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format("woff2");
	unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format("woff2");
	unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2");
	unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format("woff2");
	unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format("woff2");
	unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2");
	unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format("woff2");
	unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format("woff2");
	unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2");
	unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

/* btn svg icon */
.pp-btn-svg-icon button>div {
	display: inline-block;
	vertical-align: middle;
}

/* btn 44 v2 */
.pp-btn-44-v2 button,
.pp-btn-44-v2 .x-btn-mc {
	height: 40px !important
}

.pp-btn-44-v2 .x-btn-text {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.pp-btn-44-v2 .x-btn-mc {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.pp-btn-44-v2 .svg-icon {
	margin-right: 6px;
	width: 18px;
	height: 18px;
	background-color: var(--color-white);
}

/* btn red v2 */
.pp-btn-red-v2 .x-btn-text {
	color: #fff;
	font-weight: bold
}

.pp-btn-red-v2 .x-btn-mc {
	background: #f53f7a;
	border: 2px solid #f53f7a
}

.pp-btn-red-v2 .x-btn-mc {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

/* btn green v2 */
.pp-btn-green-v2 .x-btn-text {
	color: #fff;
	font-weight: bold
}

.pp-btn-green-v2 .x-btn-mc {
	background: var(--color-green-3);
	border: 2px solid var(--color-green-3);
}

.pp-btn-green-v2 .x-btn-mc {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.x-item-disabled.pp-btn-green-v2 .x-btn-mc {
	background: #ffffff;
	border: 2px solid var(--color-grey-4);
}

/* btn green-inv v2 */
.pp-btn-green-inv-v2 .x-btn-text {
	color: var(--color-green-3);
	font-weight: bold
}

.pp-btn-green-inv-v2 .x-btn-mc {
	background: #ffffff;
	border: 2px solid var(--color-green-3);
}

.pp-btn-green-inv-v2 .x-btn-mc {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.x-item-disabled.pp-btn-green-inv-v2 .x-btn-mc {
	border: 2px solid var(--color-grey-4);
}

/* btn ase state */
.pp-btn-ase-state button,
.pp-btn-ase-state .x-btn-mc {
	height: 86px !important
}

.pp-btn-ase-state .x-btn-text {
	color: #555555;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
}

.pp-btn-ase-state .x-btn-mc {
	background: #ffffff;
	border: 2px solid #ffffff;
}

.pp-btn-ase-state .x-btn-mc {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.pp-btn-ase-state .seats div,
.pp-btn-ase-state .x-btn-mc {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.pp-btn-ase-state .seats {
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pp-btn-ase-state .seats div {
	margin: 0 5px;
	width: 20px;
	height: 20px;
	border: 2px solid #007bff;
}

.pp-btn-ase-state .seats div {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.pp-btn-ase-state .seats .forsale {
	background-color: #007bff;
}

.pp-btn-ase-state.x-btn-pressed .x-btn-mc {
	border-color: #007bff;
}

/* pp win ase */
.pp-win-ase {
	font-family: Poppins, sans-serif;
}

.pp-win-ase .x-border-layout-ct {
	background-color: #ffffff
}

.pp-win-ase .header {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	z-index: 99999;
}

.pp-win-ase .header__wrapper {
	padding: 0 0 0 47px;
	height: 65px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pp-win-ase .header__wrapper .logo img {
	height: 34px;
}

.pp-win-ase .header__wrapper .title {
	color: var(--grey-text-color);
	text-align: center;
}

.pp-win-ase .header__wrapper .title p {
	color: var(--main-text-color);
	font-weight: 600;
}

.pp-win-ase .right {
	background-color: #f5f6fa;
}

.pp-win-ase .right .x-panel-btns {
	padding: 20px 0;
	border-top: 4px solid #f53f7a;
}

.pp-win-ase .right .x-panel-btns td.x-toolbar-cell {
	padding: 0
}

.pp-win-ase .right.x-form-label-top .x-form-element {
	padding-top: 10px !important;
}

.pp-win-ase .right.x-form-label-top .x-form-item {
	padding-bottom: 15px
}

.pp-win-ase .right .x-form-item {
	margin-bottom: 0;
	padding-bottom: 0;
}

.pp-win-ase .right label.x-form-item-label {
	display: block;
	padding: 20px 0 5px 0;
	margin-bottom: 0;
	color: #777777;
	font-size: 16px;
	font-weight: 600;
}

.pp-win-ase .right textarea.x-form-field {
	background-image: none;
	padding: 10px;
	border: none;
	font-size: 14px;
}

.pp-win-ase .right textarea.x-form-field {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.pp-win-ase .right .ase-seats-section {
	margin-top: 12px;
	padding: 12px 27px 12px 17px;
	border-left: 1px solid #e7e8ed;
	background-color: #ffffff;
	border: 1px solid #e7e8ed;
	border-left-width: 5px;
}

.pp-win-ase .right .ase-seats-section .header-title {
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	color: var(--main-text-color);
}

.pp-win-ase .right .ase-seats-section .group {
	padding-top: 10px;
}

.pp-win-ase .right .ase-seats-section .group-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2px 0;
}

.pp-win-ase .right .ase-seats-section .group-label {
	font-size: 12px;
	letter-spacing: .6px;
	color: var(--grey-text-color);
}

.pp-win-ase .right .ase-seats-section .group-remove {
	width: 22px;
	height: 22px;
	border: none;
	border-radius: 3px;
	background-color: #ffffff;
}

.pp-win-ase .right .ase-seats-section .group-remove:hover {
	background-color: #e7e8ed;
}

.pp-win-ase .right .ase-seats-section .group-remove:after,
.pp-win-ase .right .ase-seats-section .group-remove:before {
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	background-color: #f53f7b;
}

.pp-win-ase .right .ase-seats-section .group-remove:before {
	transform: rotate(-45deg);
}

.pp-win-ase .right .ase-seats-section .group-remove:after {
	transform: translate3d(0, -1px, 0) rotate(45deg);
}

.pp-win-ase .right.x-masked .ext-el-mask {
	background-color: transparent;
}

.pp-win-ase .right.x-masked .pp-btn-green-v2 .x-btn-text,
.pp-win-ase .right.x-masked .pp-btn-green-inv-v2 .x-btn-text {
	color: #dddddd;
}

.pp-win-ase .right.x-masked .pp-btn-green-v2 .x-btn-mc,
.pp-win-ase .right.x-masked .pp-btn-green-inv-v2 .x-btn-mc,
.pp-win-ase .right.x-masked .pp-btn-ase-state .seats div {
	border-color: #dddddd;
	background-color: #ffffff;
}

.pp-win-ase .right.x-masked .pp-btn-ase-state .seats .forsale {
	background-color: #dddddd;
}

.pp-win-ase .right.x-masked .pp-btn-ase-state .x-btn-text {
	color: #dddddd;
}

/* pp win ase order */
.pp-win-ase-order {
	font-family: Poppins, sans-serif;
	background-color: var(--color-white);
	border-radius: 10px;
}

.pp-win-ase-order .x-plain-body {
	padding: 14px 35px;
	border-top: 1px solid var(--color-grey-25);
	border-bottom: 1px solid var(--color-grey-25);
}

.pp-win-ase-order .x-panel-btns,
.pp-win-ase-order .x-plain-header {
	padding: 17px 0;
}

.pp-win-ase-order .x-plain-header {
	text-align: center;
	font-weight: 300;
	font-size: 30px;
	line-height: 45px;
	color: var(--main-text-color);
}

.pp-win-ase-order .block-header {
	padding-top: 5px;
	font-weight: 300;
	font-size: 24px;
	line-height: 36px;
	color: var(--main-text-color);
}

.pp-win-ase-order .block-table {
	width: 100%;
	border-spacing: 0;
}

.pp-win-ase-order .block-table td {
	width: 50%;
	padding: 10px 0;
	vertical-align: top;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #000833;
}

.pp-win-ase-order .block-table td>p {
	font-weight: 600;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--grey-text-color);
	opacity: 0.6;
}

.pp-win-ase-order .block-table td>a {
	text-decoration: none;
	color: var(--color-blue-4)
}

.pp-win-ase-order .block-table .seat {
	display: flex;
	font-size: 16px;
	line-height: 24px;
	color: #000833;
}

.pp-win-ase-order .block-table .seat div {
	margin-right: 5px;
}

.pp-win-ase-order .block-table .seat span {
	color: var(--color-blue-4)
}

.pp-win-ase-order .block-table .seat-color {
	width: 12px;
	height: 12px;
	border-radius: 6px;
	margin: auto 0;
}

/* icons */
.svg-icon {
	display: inline-block;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}

.svg-icon-times-circle {
	mask-image: url(/images/icons/svg/times-circle.svg);
	-webkit-mask-image: url(/images/icons/svg/times-circle.svg);
}