/* Table of contents 
1. CSS reset with normalize.css
2. Base styling
3. Responsive images and embeds
4. Grid system
5. Grid system media queries
/*

/* CSS BASE */
html{font-family:sans-serif;ms-text-size-adjust:100%;webkit-text-size-adjust:100%;background: unset !important;}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{/*outline:1px dotted ButtonText*/}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0 5px;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{webkit-appearance:none}::-webkit-file-upload-button{webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

fieldset {
    border-radius: 8px;
    padding: 0.35em 0.625em 0.75em;
    margin: 0 2px;
}

/* ROBOTO */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src: local(''),
		 url('../../../../_assets/fonts/roboto/roboto-v30-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('../../../../_assets/fonts/roboto/roboto-v30-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local(''),
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local(''),
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local(''),
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local(''),
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local(''),
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local(''),
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local(''),
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../../../../_assets/fonts/roboto/roboto-v30-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* PACIFICO */
@font-face {
	font-family: 'Pacifico';
	src: url('../../../../_assets/fonts/pacifico-regular.ttf');
}


/* BASE STYLING */
a { color: #3E6AF3; cursor: pointer; }
a:hover { cursor: pointer; }
b, strong { font-weight: 500; }
p { padding: 0px 0px; }
label { cursor: pointer; }
rm { display: inline-block; padding: 3px 2px 0 0; margin: 0 0 0 -2px; letter-spacing: -1px; font-size: 75% !important; font-weight: 300 !important; }
h1 { font-size: 22px; font-weight: normal; color: #000; font-family: "Roboto", Arial, Helvetica, sans-serif; }
h2 { font-size: 18px; font-weight: normal; color: #222; font-family: "Roboto", Arial, Helvetica, sans-serif; }
h3 { font-size: 14px; font-weight: normal; color: #444; font-family: "Roboto", Arial, Helvetica, sans-serif; }
td { border: none !important; }
sm { font-size: 75% !important; font-weight: 300 !important; }
select option:disabled { color: #999 !important; }

/* TOGGLE SWITCH CHECKBOX */
.toggle-switch {
	display: inline-block;
	position: relative;
	top: 4px;
	width: 40px;
	height: 22px;
	margin: 0 10px 0 0;
}
.toggle-switch input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip-path: inset(50%);
}
.toggle-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
	border-radius: 26px;
	z-index: 1;
}
.toggle-switch .slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 3px;
	bottom: 4px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
}
.toggle-switch input:checked + .slider {
	background-color: var(--primary-color);
}
.toggle-switch input:checked + .slider:before {
	transform: translateX(20px);
}
.toggle-switch input:focus-visible + .slider {
    outline: 2px auto #1e87f0;
    outline-offset: 2px;
}


/* ADA COMPLIANCE */
a.Accessible {
	color: #6566DA;
}
.Accessible {
	font-size: 16px;
	position: absolute;
	left:-2000px;
}
.Accessible:focus {
	position: unset;
	left:unset;
}
.ShowForSr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* RESET UIKIT STYLES */
svg { max-width: none; height: initial; vertical-align: unset; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
#VBOButton { padding: 5px; margin: 0 0 5px 0; font-size: 12px; font-weight:bold; background-color: #2f6cdd; color: #FFF; border-radius: 0px; }
a.LinkWhite	{ text-decoration:none; color: #FFF; }
tr.alt td { background-color: #FCFCFC; }
tr.over td { background-color: #FEFEFE; }
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #777;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #777;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #777;
}
.Truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Spinner24 { padding: 25px 0 25px 0; font-size: 24px; text-align: center; color: #999; box-sizing:border-box; }
.Signature { font-family: 'Pacifico', Arial, Helvetica, sans-serif !important; }

/* 3. Responsive images and embeds */
img, object, embed { max-width: 100%; height: auto; }
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }

/* GRID SYSTEM */

/* Bootstrap override - add margin between rows */
.row { margin-top: 10px; }
.row:first-child { margin-top: 0px;}
html { scrollbar-width: thin; scrollbar-color: #dadada #fff; }
html::-webkit-scrollbar { width: 5px;	height: 15px; }
html::-webkit-scrollbar-thumb { background: #c5c5c5; }
.ScrollBarThin { scrollbar-width: thin; scrollbar-color: #dadada #fff; }
.ScrollBarThin::-webkit-scrollbar { width: 5px;	height: 15px; }
.ScrollBarThin::-webkit-scrollbar-thumb { background: #c5c5c5; }
.overlay-body { scrollbar-width: thin; scrollbar-color: #dadada #fff; }
.overlay-body::-webkit-scrollbar { width: 5px;	height: 15px; }
.overlay-body::-webkit-scrollbar-thumb { background: #c5c5c5; }
.uk-modal-body { scrollbar-width: thin; scrollbar-color: #dadada #fff; }
.uk-modal-body::-webkit-scrollbar { width: 5px;	height: 15px; }
.uk-modal-body::-webkit-scrollbar-thumb { background: #c5c5c5; }

.clearfix:after, .gridrow:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; }
.gridrow, .gridrow *, .gridrow *:before, .gridrow *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.gridrow { width: 100%; margin: 0 auto; }
.gridrow:first-child { margin-top: 0; }
[class*="vcol-"] { float: left; min-height: 1px; padding: 0 10px 0 0; margin-bottom: 10px; position: relative; }
[class*="vcol-"] input,
[class*="vcol-"] select,
[class*="vcol-"] textarea { width: 100%; margin: 0; border: none; border-radius: var(--secondary-radius); padding: 10px 15px; }
[class*="vcol-"] input[type="checkbox"] { width: auto; }
.vcol-1-2 { width: 50%; }
.vcol-1-3 { width: 33.33%; }
.vcol-1-4 { width: 25%; }
.vcol-1-5 { width: 20%; }
.vcol-1-6 { width: 16.66%; }
.vcol-2-3 { width: 66.66%; }
.vcol-half { width: 50%; }
.vcol-full { width: 100%; }
.push-half { margin-left: 50%; }
.push-1-3 { margin-left: 33.33%; }
.push-2-3 { margin-left: 66.66%; }
.push-1-5 { margin-left: 20%; }
.half-m-l { float: left !important; width: 50% !important; }

@media only screen and (max-width: 480px) {
	.vcol-sm-1-2 { float: left; width: 50%; }
}

/* 5. Grid system media queries */
@media only screen and (max-width: 640px) {
	[class*="vcol-"] { float: none; width: 100%; }
	[class*="vcol-"].Right, .LabelRight2, .LabelRight2Optional { text-align: left !important; }
	[class*="vcol-"].nomarbtm { margin-bottom: 10px; }
	[class*="push-"] { margin-left: 0 !important; }
	.vcol-half-sm { float: left; width: 50%; }
	.half-m-l { float: none !important; width: 100% !important; }
	.vcol-md-1-4 { float: left; width: 25%; }
}

/* Visibility classes
----------------------------------------------------------------------------------*/
/* hide on desktop */
tr.on-medium,
tr.on-small { display: none; }
td.on-medium,
td.on-small { display: none; }
.on-medium,
.on-small { display: none; }
/* show on desktop */
.on-large { display: block; }
tr.on-large { display: table-row; }
td.on-large { display: table-cell; }

@media only screen and (max-width: 630px) {
	.hide-on-small { display: none; }
	.show-on-small { display: block; }
	#TopNavText2 { clear: none !important; }
	.FilterBox { display: none; }
	.SeatMapWrapper { border-left: none; border-right: none; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-radius: 0; box-shadow: none; }
}

@media only screen and (min-width: 630px) {
	.show-on-small { display: none; }
}

@media only screen and (min-width: 481px) and (max-width: 630px) {
	.on-large, td.on-large, tr.on-large { display: none !important; }
	.on-medium { display: block !important; }
	tr.on-medium { display: table-row !important; }
	td.on-medium { display: table-cell !important; }
	.half-m { float: left !important; width: 50% !important; }
}

/* LIST STYLES */
.DataList { margin: 0; }
.DataList dt { font-family: var(--primary-font-family); font-size: 15px; font-weight: 400; color: var(--secondary-color); display: inline-block; }
.DataList dd { font-family: var(--primary-font-family); font-size: 18px; font-weight: 400; color: var(--black-color); margin: 0 0 15px 0; }
.DataList dd .Last { margin: 0 0 -5px 0; }
.DataList .LinkContentBoxHeader { position: relative; top: -3px; }
.NoClick { pointer-events: none; }

.TblHdr { padding: 2px 5px !important; font-size: 10px; color: #000; font-weight: 300; color: #666; text-transform: uppercase; }
.TblHdrTicketType { padding: 10px 0 0 0 !important; font-size: 20px; text-transform: capitalize; text-align: left; }
.TblHdrPrice { padding: 15px 0 0 5px !important; }
.TblHdrFees, .TblHdrFacFees, .TblHdrQty { padding: 15px 0 0 5px !important; }
.ImgBillRequired { display: none; margin: 0 5px 0 0; width: 8px; height: 16px; max-width: 12px; }
.ImgShipRequired { display: none; margin: 0 5px 0 0; width: 8px; height: 16px; max-width: 12px; }
.ImgRequired { margin: 0 5px 0 0; width: 8px; height: 16px; max-width: 12px; }
.Icon16 { width: 16px; height: 16px; }
.Icon24 { width: 24px; height: 24px; }
.Icon30 { max-width: 40px; max-height: 30px; }
.Icon32 { width: 32px; height: 32px; }
.Icon50 { width: 50px; height: 50px; border-radius: 3px; }
.Icon75 { width: 75px; height: 75px; border-radius: 3px; }
.Icon100 { width: 100px; height: 100px; border-radius: 3px; }
.IconRequired { font-size: 12px; color: #dd0000; }
.IconRequiredSmall { position: relative; margin: 0 3px 0 5px; top: -1px; font-size: 10px; color: #dd0000; }
.RequiredKey { padding: 5px 0 0 0; }

.WC 		{ color: #2d6ce0; }
.ImgWC 		{ color: #2d6ce0; margin: 0 5px }
.Red		{ color: #DD0000 !important; }
.Black 		{ color: #000000 !important; }
.Blue 		{ color: #2d6ce0 !important; }
.Green 		{ color: #46c654 !important; }
.Gray 		{ color: #666666 !important; }
.LightGray 	{ color: #999999 !important; }
.Yellow 	{ color: #ffcc00 !important; }
.Muted 		{ color: var(--muted-color); }
.BgdBox { border: 1px solid #999; border-radius: 0px; }
.BgdBox td { font-size: 20px; font-weight: 300; }
.BgdGray 	{ background-color: #efefef !important; }
.BgdGreen 	{ background-color: #80C342 !important; }
.BgdLightGray { background-color: #fafafa !important; }
.BgdLightGreen { background-color: #f4fff4 !important; }
.BgdLightBlue { background-color: #d4e6fe !important; }
.BgdWhite	{ background-color: #ffffff !important; }
.BgdYellow  { background-color: #fffdde !important; border-color: #dfdbb3; }
.BgdYellow .ContentBoxHeader { border-color: #dfdbb3; }
.Bold 		{ font-weight: bold; }
.Normal 	{ font-weight: 400 !important; }
.Thin 		{ font-weight: 300 !important; }
.Capitalize { text-transform: capitalize; }
.UpperCase  { text-transform: uppercase; }
.Strike 	{ text-decoration:line-through; }
.NoCase 	{ text-transform: none !important; }
.Center		{ text-align: center !important; }
.Left		{ text-align:left !important; }
.Right,
.TextAlignRight	{ text-align:right !important; }
.Italic 	{ font-style:italic; }
.Narrow		{ letter-spacing: -1px; }
.Cursor		{ cursor: pointer; }
.NoCursor	{ cursor: default !important; }
.Clear		{ clear: both; }
.Overflow 	{ overflow:hidden !important; }
.OverflowAuto { overflow:auto !important; }
.OverflowVisible { overflow:visible !important; }
.HeightAuto { height: auto !important; }
.Required 	{ font-weight: bold; color: #000; font-size: larger; }
.Alpha50 	{ padding: 0; margin: 0; filter: alpha(opacity=50); opacity: 0.50; }
.Alpha25 	{ padding: 0; margin: 0; filter: alpha(opacity=25); opacity: 0.25; }
.Alpha12 	{ padding: 0; margin: 0; filter: alpha(opacity=12); opacity: 0.12; }
.Block 		{ display: block; }
.PosAbs 	{ position: absolute; }
.PosAbsBtnIcon { position: absolute; top:-6px; left:-27px; font-size: 23px; }
.PosRel 	{ position: relative; }
.Cancelled	{ text-decoration:line-through; }
.Radio 		{ float: left; margin: 2px 5px 0 0; }
.RadioLabel { float: left; }

.Tiny 		{ padding: 3px; font-size: 10px; color: #333; font-weight: normal; text-transform: uppercase; }
.Text 		{ font-size: 17px; color: var(--black-color); font-weight: 300; text-rendering: optimizeLegibility;}
.TextCenter { text-align: center; }
.TextRight	{ padding: 5px 10px 5px 10px; font-size: 12px; color: #666; }
.TextInfo 	{ padding: 10px 0; font-size: 12px; color: #000; }
.TextSmall  { font-size: 12px !important; color: var(--secondary-color); line-height: 1.0; }
.TextStrong { font-size: 12px; font-weight: bold; color: #000; }
.ListText	{ padding: 15px 5px; font-size: 15px; font-weight: 400; color: var(--primary-color); border-bottom: 1px solid var(--border-color-light) !important; }
.ListHeader	{ padding: 15px 5px; font-size: 15px; font-weight: 500; color: var(--black-color); border-bottom: 1px solid var(--border-color) !important; }
.TicketDateTime { font-size: 12px; color: #666; }
.TicketInfo { font-size: 15px; font-weight: 500; color: #000; }
.Text10 	{ font-size: 10px; }
.Text12 	{ font-size: 12px; }
.Text14 	{ font-size: 14px; }
.Text16 	{ font-size: 16px; }
.Text18 	{ font-size: 18px; }
.Text20 	{ font-size: 20px; }
.Text24 	{ font-size: 24px; }
.Text30 	{ font-size: 30px; }
.Text32 	{ font-size: 32px; }
.Text40 	{ font-size: 40px; }
.Text50 	{ font-size: 50px; }
.Text60 	{ font-size: 50px; }
.Text64 	{ font-size: 64px; }
.Text75 	{ font-size: 75px; }
.Text90 	{ font-size: 90px; }

.Header		{ font-size: 12px; color: #000; font-weight: bold; }
.Header1	{ font-size: 13px; color: #000; font-weight: bold; }
.Header2,.H2 { font-size: 16px; color: #000; font-weight: bold; }
.Header3	{ padding: 5px 0 0 0; font-size: 14px; color: #000; font-weight: bold; }
.Header14	{ font-size: 14px; font-weight: bold; }
.HeaderRight{ padding: 10px; font-size: 12px; color: #000; font-weight: bold; line-height: 1.0; }
.BigHeader	{ padding: 0 0 0 0; font-size: 40px; font-weight: 500; color: #000; line-height: 1.0; font-family: var(--primary-font-family); }
.BigHeader2	{ padding: 0 0 5px 0; font-size: 22px; font-weight: bold; color: #000; }
.SubHeader 	{ padding: 6px; font-size:12px; font-weight: bold; text-transform:uppercase; background-color: #F4F4F4; }
.SubHeader2	{ padding: 5px 5px; font-size:10px; font-weight: bold; text-transform:uppercase; background-color: #F4F4F4; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.SubListing { padding: 12px; margin-bottom: 0; }
.SubListing.ButtonAttend { padding: 9px; }
.SubListingClosed { color: #999; }
.Highlight  { color: #000; }
.StrongText { padding: 20px 0px; font-weight: normal; font-size: 20px; color: #666; }
.Smaller 	{ font-size: smaller; }

.LineTop 	{ border-top: 1px solid #EEE !important; }
.LineTop5 	{ border-top: 1px solid #EEE !important; }
.LineBot 	{ border-bottom: 1px solid #EEE !important; }
.LineTopDot { border-top: 1px dotted #BBB; }
.LineBotDot { border-bottom: 1px dotted #BBB; }
.LineDotted { margin: 0 0 10px 0; border-bottom: 1px dotted #CCC; }
.LineHeight10 { line-height: 1.0; }
.LineHeight13 { line-height: 1.3; }
.LineHeight15 { line-height: 1.5; }
.LineHeight20 { line-height: 2.0; }
.Bottom		{ vertical-align:bottom; }
.Top 		{ vertical-align:top; }
.Top7 		{ vertical-align:top; padding-top: 7px !important; }
.Top10 		{ vertical-align:top; padding-top: 5px !important; }
.Top15 		{ vertical-align:top; padding-top: 15px !important; }
.Top23 		{ vertical-align:top; padding-top: 23px !important; }
.Top25 		{ vertical-align:top; padding-top: 25px !important; }
.FloatLeft  { float: left; }
.FloatRight { float: right; }
.Float40	{ float: left; width: 40px; }
.Float50	{ float: left; width: 50px; }
.Float100	{ float: left; width: 100px; }
.Inline  	{ display: inline !important; }
.NoPadding	{ padding: 0 !important; }
.Spacer 	{ padding: 10px !important; }
.SpacerLg 	{ padding: 15px !important; }
.SpacerMd	{ padding: 5px !important; }
.SpacerSm   { padding: 2px 5px !important; }
.Spacer2	{ padding: 2px !important; }
.Spacer105 	{ padding: 10px 5px !important; }
.Spacer0501	{ padding: 5px 1px !important; }
.Spacer5555 { padding: 5px 5px 5px 5px !important; }
.Spacer0555 { padding: 0px 5px 5px 5px !important; }
.Spacer0055 { padding: 0px 0px 5px 5px !important; }
.Spacer5505 { padding: 5px 5px 0px 5px !important; }
.Spacer0500 { padding: 0px 5px 0px 0px !important; }
.Spacer0050 { padding: 0px 0px 5px 0px !important; }
.Spacer5050 { padding: 5px 0px 5px 0px !important; }
.Spacer0505 { padding: 0px 5px 0px 5px !important; }
.Spacer5000 { padding: 5px 0px 0px 0px !important; }
.Spacer5005 { padding: 5px 0px 0px 5px !important; }
.Spacer5055 { padding: 5px 0px 5px 5px !important; }
.Spacer5551	{ padding: 5px 5px 5px 1px !important; }
.Spacer10000 { padding: 10px 0px 0px 0px !important; }
.Spacer00010 { padding: 0px 0px 0px 10px !important; }
.Spacer0020	{ padding: 0px 0px 2px 0px !important; }
.Spacer1515015 { padding: 15px 15px 0 15px; }
.Spacer1015150 { padding: 10px 15px 15px 0; }
.Spacer150150 { padding: 15px 0 15px 0; }
.Spacer00150 { padding: 0 0 15px 0; }
.Spacer015150 { padding: 0 15px 15px 0; }
.Spacer001515 { padding: 0 0 15px 15px; }
.Spacer0151515 { padding: 0 15px 15px 15px; }
.SpacerLeft	{ padding-left: 10px !important; }
.SpacerRight{ padding-right: 10px !important; }
.SpacerRight20{ padding-right: 20px !important; }
.SpacerRightNone{ padding-right: 0 !important; }
.SpacerTop 	{ padding-top: 5px !important; }
.SpacerTop15 { padding-top: 15px !important; }
.SpacerBot { padding-bottom: 5px !important; }
.NoBorder { border: none !important; }
.NoMargin { margin: 0 !important; }
.Disabled { opacity: 0.5; pointer-events: none; cursor: default; }
.DisabledText { border-left: 1px solid #dbdfe6 !important; pointer-events: none; }

.MarginTop5 { margin-top: 5px !important; }
.MarginTop10 { margin-top: 10px !important; }
.MarginTop11 { margin-top: 11px !important; }
.MarginTop15 { margin-top: 15px !important; }
.MarginTop20 { margin-top: 15px !important; }
.MarginTop30 { margin-top: 30px !important; }
.MarginTopBot { margin-top: 15px !important; }
.MarginLeft { margin-left: 10px !important; }
.MarginLeft5 { margin-left: 5px !important; }
.MarginLeft15 { margin-left: 15px !important; }
.MarginBot	{ margin-bottom: 15px !important; }
.MarginBot0 { margin-bottom: 0px !important; }
.MarginBot3 { margin-bottom: 3px !important; }
.MarginBot5 { margin-bottom: 5px !important; }
.MarginBot10 { margin-bottom: 10px !important; }
.MarginBot15 { margin-bottom: 15px !important; }
.MarginBot20 { margin-bottom: 20px !important; }
.MarginBot30 { margin-bottom: 30px !important; }
.MarginBot40 { margin-bottom: 40px !important; }
.MarginBotSm { margin-bottom: 5px !important; }
.MarginRight { margin-right: 10px !important; }
.MarginRight5 { margin-right: 5px !important; }
.MarginRight15 { margin-right: 15px !important; }
.MarginRight30 { margin-right: 30px !important; }
.MarginRightSm { margin-right: 5px !important; }

.Square { border-radius: 2px !important; }
.Circle { border-radius: 50px !important; }

.Width60 { width: 60px; }
.Width80 { width: 80px; }
.Width100 { width: 100px; }
.Width150 { width: 150px; }
.Width200 { width: 200px; }

/* Ticket color settings */
.tixBlue { background-color: #daf1ff; }
.tixGreen { background-color: #e0f3da; }
.tixOrange { background-color: #ffefdb; }
.tixPurple { background-color: #f7e9fb; }
.tixRed { background-color: #ffe5e5; }
.tixYellow { background-color: #fffde5; }
.tixCustom1 { background-color: #fff8ea; } /* tan */
.tixCustom2 { background-color: #f3f3f3; } /* light gray */
.tixCustom3 { background-color: #defdff; } /* teal */
.tixCustom4 { background-color: #fffffb; } /* off white */
.tixCustom5 { background-color: #f6fff6; } /* lime */

.Box, .Box40, .Box50, .Box50Dollar, .Box60, .Box71, .Box80, .Box100, .Box120, .Box130, .Box150, .Box180, .Box200, .Box240, .Box250, .Box300, .Box300Date, .BoxReg, .BoxRegDate,
.Box400, .BoxTix, .BoxRight, .BoxMax, input, textarea { padding: 12px 10px !important; font-size: 14px; font-weight: 300; background-color: #fff; border: 1px solid #dbdfe6; border-radius: 0px; box-sizing:border-box; text-overflow: ellipsis; }
.BoxDD, .Box60DD, .Box71DD, .Box100DD, .Box180DD, .Box200DD, .Box260DD, .Box300DD, .BoxRegDD, .DonationCharityBox, .BoxEasyPickSection, .BoxEasyPickPrice { padding: 8px 8px 9px 8px !important; font-size: 14px; font-weight: 300; background-color: #fff; border: 1px solid #dbdfe6; border-radius: 2px; }
.Box60Slim, .Box80Slim, .Box100Slim, .Box200Slim { padding: 8px 8px; margin: 6px 0; font-size: 14px; font-weight: 300; background-color: #fff; border: 1px solid #dbdfe6; border-radius: 0px; box-sizing:border-box; text-overflow: ellipsis; }

.Box40 		{ width: 35px; }
.Box50 		{ width: 50px; }
.Box50Dollar { padding: 6px 5px 6px 15px; width: 50px; }
.Box60,.Box60Slim { width: 60px; }
.Box71 		{ width: 65px; }
.Box80,.Box80Slim { width: 80px; }
.Box100,.Box100Slim	{ width: 100px; }
.Box120 	{ width: 115px; }
.Box130 	{ width: 125px; }
.Box150 	{ width: 145px; }
.Box180 	{ width: 155px; }
.Box200,.Box200Slim	{ width: 200px; }
.Box240 	{ width: 240px; }
.Box250 	{ width: 250px; }
.Box300 	{ width: 300px; }
.BoxGift 	{ border: 1px solid #06C; }
.BoxReg 	{ width: 100%; }
.BoxRegForm { float: right; padding: 5px 4px 0 0; width: 50%; }
.BoxRegForm input[type="text"],
.BoxRegForm select,
.BoxRegForm textarea { width: 100%; }
.BoxRegFormRadio { padding: 0 0 0 0; }
.BoxRegFormCheckBoxPrice { padding: 10px 0 0 0; }
.FieldLabel,
.FieldLabelRequired { display: block; float: left; width: 46%; margin: 17px 0 0 0; }
.Box300Date	{ float: left; width: 268px; }
.BoxRegDate	{ float: left; width: 408px; }
.BoxRight 	{ width: 99%; }
.BoxError 	{ border: 1px solid #cc0000 !important; }
.BoxError2 	{ border: 2px solid #cc0000 !important; background-color: #fdeeee !important; }
.RadioError { padding: 2px; border-radius: 3px; }
.CheckboxError { outline: 1px solid #cc0000 !important; }
.BoxSignIn { width: 49%; }
.BoxSignIn2 { width: 100%; }
.BoxSignIn3 { width: 75%; }
.BoxMax { width: 100%; }
.BoxDis { background-color: #eee; border: 1px solid #ddd; color: #999; }
.__billing, .CodeInput { background-color: #fff; }
select.__billing { height: 100% !important; }
.BoxPayWhatYouCan { padding: 5px 5px 5px 5px !important; font-weight: bold; text-align: center !important; }
#PageErrorMsg { margin-top: 15px; }
.FormValues { visibility: hidden; }

.cc-number { width: 200px; font-size: 14px; }
.cc-cvc, .cc-exp { width: 110px; font-size: 14px; }
.SpacerBilling > .__required { border-left: 1px solid red; }
.SpacerShipping > .__required { border-left: 1px solid red; }
.CQFieldInput > .__required { border-left: 1px solid red; }

.SigninBoxWrapper { padding: 15px 15px 10px 15px; }
.SignInHeader { padding: 0 0 5px 0; font-weight: bold; font-size: 14px; color: #000; }
.SigninEm { width: 100%; box-sizing: border-box; }
.SigninPw { width: 100%; box-sizing: border-box; }
.SigninBt { float: right; min-width: 20%; padding: 10px 10px 10px 10px !important; box-sizing: border-box; }
.SigninSub { float: left; width: 75%; margin: 0 0 0 0; box-sizing: border-box; }
.SignOutLink { margin: 5px 0 0 0; float: right; font-size: 12px !important; font-weight: normal !important; }
.SigninBoxEmail { float: none; width: 100%; overflow: hidden; box-sizing: border-box; padding: 0 0 0 0; margin-bottom: 15px; }
.SigninBoxPassword { float: none; width: 100%; overflow: hidden; box-sizing: border-box; }
.SigninBoxReset { display: block; clear: both; padding: 15px 0 15px 0; text-align: center; }
.SigninBoxReset a { margin: 0 5px 0 5px; }
.SigninBoxButtons { padding: 30px 0 0 0; text-align: center; }
.SigninBoxButtons a { display: inline-block; }
.SigninBoxButtons .SigninBoxCancel { float: left; line-height: 1; padding: 5px 0 0 0; }
.SigninBoxButtons .SigninBoxCancel a { border: none; }
.SigninBoxButtons .SigninBoxSubmit { float: right; }
.SigninBoxButtons .ButtonSubmitAlt { margin-right: 15px; }
.SigninBoxLabel { text-transform: uppercase; font-size: 12px; font-weight: 400; }
.SigninBoxForm input,
.SigninSub { padding: 12px 15px !important; }
.ButtonSubmitAlt.SigninBecomeMember { display: block; margin: 25px 0 0 0; }
.SigninBoxBottom { display: block; clear: both; padding: 0 0 0 0; margin: 10px 40px 0 40px; }
.SigninBoxCancel { margin-top: 10px; }
.SigninUseAccount { top: 40px; }
#SigninMessagePopup { margin: 0 15px 0 15px; }
.LoadSubLinkWrapper { padding: 15px 0 0 0; text-align: center; }
.LoadSubLink { display: inline-block; padding: 0 5px 0 5px; }
.PrivacyDisclaimer { padding: 0 0 0 0; margin: 15px 0 5px 0; font-family: var(--primary-font-family); font-size: 14px; font-weight: 400; }

/* AUTO FILL YELLOW BACKGROUND */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important; /* match your bg */
	box-shadow: 0 0 0 1000px #fff inset !important;
	-webkit-text-fill-color: #000 !important;
}

/* Firefox */
input:-moz-autofill {
	box-shadow: 0 0 0 1000px #fff inset !important;
	-moz-text-fill-color: #000 !important;
}

/* Fix buttons on mobile */
.ButtonSubmit, .OnlineButtonSubmit, .ButtonError, .ButtonCancel, .ButtonGray, .ButtonSubmitMd, .ButtonDisabled {
	user-select: none; /* supported by Chrome and Opera */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
}

.ButtonRed 			{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap; padding: 15px 15px; font-size: 14px; font-weight: 400; color: #fff; background-color: #dd0000; border: none; border-radius: var(--secondary-radius); text-decoration: none; cursor: pointer; text-align:center; text-transform: uppercase; box-sizing: border-box; }
.ButtonGray			{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap; padding: 15px 15px; font-size: 14px; font-weight: 400; color: #202020; background-color: #dadada; border: none; border-radius: var(--secondary-radius); text-decoration: none; cursor: pointer; text-align:center; text-transform: uppercase; box-sizing: border-box; }
.ButtonGray:hover,
.ButtonGray:active 	{ white-space: nowrap; font-size: 14px; font-weight: 400; color: #fff; background-color: #bbbbbb; text-decoration: none; cursor: pointer; text-align:center; }
.ButtonCancel		{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap; padding: 15px 15px; font-size: 14px; font-weight: 400; color: #fff; background-color: #f1c737; border: none; border-radius: var(--secondary-radius); text-decoration: none; text-align:center; cursor: pointer; text-transform: uppercase; box-sizing: border-box; }
.ButtonCancel:hover,
.ButtonCancel:active{ background-color: #dfb41f; color: #fff; text-decoration: none; }
.ButtonError		{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap !important; padding: 15px 15px; font-size: 14px; font-weight: 400; color: #fff; background-color: #dd0000; border: none; border-radius: var(--secondary-radius); text-decoration: none; text-align:center; cursor: pointer; text-transform: uppercase; box-sizing: border-box; }
.ButtonSubmit		{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap !important; padding: 15px 15px; font-size: 14px; font-weight: 400; color: var(--accent-font-color); background-color: var(--accent-color); border: none; border-radius: var(--secondary-radius); text-decoration: none; text-align:center; cursor: pointer; text-transform: uppercase; box-sizing: border-box; }
.ButtonSubmit:hover,
.ButtonSubmit:active { background-color: var(--accent-color-hover); text-decoration: none; color: var(--accent-font-color); }

.ButtonSubmitMd		{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap; padding: 8px 11px; font-size: 14px; font-weight: 400; color: var(--accent-font-color); background-color: var(--accent-color); border: none; border-radius: var(--secondary-radius); text-decoration: none; text-align:center; cursor: pointer; text-transform: uppercase; }
.ButtonSubmitMd:hover,
.ButtonSubmitMd:active { background-color: var(--accent-color-hover); text-decoration: none; color: var(--accent-font-color); }

.HeroButton		{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap; padding: 8px 11px; font-size: 14px; font-weight: 400; color: var(--black-color); background-color: var(--bgd-color); border: none; border-radius: var(--full-radius); text-decoration: none; text-align:center; cursor: pointer; text-transform: uppercase; }
.HeroButton:hover,
.HeroButton:active { background-color: var(--bgd-hover-color); text-decoration: none; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }

.BtnSm { padding: 4px 6px; font-size: 13px; }

.ButtonSubmitAlt	{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap; padding: 15px 15px; font-size: 14px; font-weight: 400; color: var(--accent-font-color); background-color: var(--black-color); border: none; border-radius: var(--secondary-radius); text-decoration: none; text-align:center; cursor: pointer; text-transform: uppercase; }
.ButtonSubmitAlt:hover,
.ButtonSubmitAlt:active { background-color: var(--muted-color); color: var(--surface); text-decoration: none; }

.ButtonSubmitAction	{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap; padding: 15px 15px; font-size: 14px; font-weight: 400; color: var(--accent-font-color); background-color: var(--brand); border: none; border-radius: var(--secondary-radius); text-decoration: none; text-align:center; cursor: pointer; text-transform: uppercase; }
.ButtonSubmitAction:hover,
.ButtonSubmitAction:active { background-color: var(--muted-color); color: var(--surface); text-decoration: none; }

.ButtonSubmitWide { padding: 15px 15px !important; width: 100%; }

.ButtonDonateWrapper { margin-right: 10px; }
.ButtonDonateWrapperLast { margin-right: 0px; }
.ButtonDonate 		{ font-family: var(--primary-font-family); white-space: nowrap; float: left; padding: 15px 15px; margin: 0 5px 5px 0; font-size: 18px; color: #FFF !important; }
.ButtonDonateLast 	{ font-family: var(--primary-font-family); white-space: nowrap; float: left; padding: 15px 15px; margin: 0 0 0 0; font-size: 18px; color: #FFF !important; }
.ButtonDonate span.Mini { color: #FFF !important; }
.ButtonTimedEntry   { white-space: nowrap; width: 100%; }

.ButtonDisabled		{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap; padding: 15px 15px; font-size: 14px; font-weight: 300; text-align: center; color: #666 !important; background-color: #ccc !important; border: none; border-radius: var(--secondary-radius); text-decoration: none; cursor: default; text-transform: uppercase; pointer-events: none; box-sizing:border-box; }
.ButtonDisabled:hover,
.ButtonDisabled:active { background-color: #ccc; border: 1px solid #ccc; color: #fff; text-decoration: none; }

.ButtonDisabledMd		{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap; padding: 8px 11px; font-size: 14px; font-weight: 300; text-align: center; color: #666 !important; background-color: #ccc !important; border: none; border-radius: var(--secondary-radius); text-decoration: none; cursor: default; text-transform: uppercase; pointer-events: none; box-sizing:border-box; }
.ButtonDisabledMd:hover,
.ButtonDisabledMd:active { background-color: #ccc; border: 1px solid #ccc; color: #fff; text-decoration: none !important; }

.ButtonEmpty		{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap; padding: 15px 15px; font-size: 14px; font-weight: 300; text-align: center; color: #eee; background-color: #fff; border: none; border-radius: var(--secondary-radius); text-decoration: none; cursor: default; text-transform: uppercase; pointer-events: none; }
.ButtonLocked 		{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap; padding: 15px 15px; font-size: 14px; font-weight: 300; text-align: center; color: #666; background-color: #dcdddd; border-radius: var(--secondary-radius); text-decoration: none; text-transform: uppercase; pointer-events: none; }
.CheckoutBtn		{ margin: 0 0 0 15px; }

.ButtonCheckout		{ font-family: var(--primary-font-family); display: inline-block; white-space: nowrap !important; padding: 8px 15px; font-size: 14px; font-weight: 400; color: #fff; background-color: #35a4dc; border: 1px solid #35a4dc; border-radius: 0px; text-decoration: none; text-align:center; cursor: pointer; text-transform: uppercase; }
.ButtonCheckout:hover,
.ButtonCheckout:active { background-color: #228fc6; border: 1px solid #228fc6; text-decoration: none; color: #fff; }

.ButtonExchange, a.ButtonExchange { font-family: var(--primary-font-family); display: inline-block; white-space: nowrap !important; padding: 3px 6px; font-size: 12px; font-weight: 400; color: #fff; background-color: #39f; border: none; border-radius: var(--secondary-radius); text-decoration: none; text-align:center; cursor: pointer; text-transform: uppercase; box-sizing: border-box; }
.ButtonExchange:hover, a.ButtonExchange:hover,
.ButtonExchange:active, a.ButtonExchange:active { color: #fff !important; background-color: #39f !important; border: 1px solid #1d81e6 !important; }
.ButtonExchangeDisabled, a.ButtonExchangeDisabled { display: inline-block; white-space: nowrap !important; padding: 3px 6px; font-size: 12px; font-weight: 400; color: #eee !important; background-color: #ccc !important; border: none; border-radius: var(--secondary-radius); text-decoration: none; text-align:center; cursor: pointer; text-transform: uppercase; box-sizing: border-box; pointer-events: none; }
.ButtonExchangeDisabled:hover, a.ButtonExchangeDisabled:hover,
.ButtonExchangeDisabled:active, a.ButtonExchangeDisabled:active { color: #fff !important; background-color: #ccc !important; }

.ButtonSendToFriend, a.ButtonSendToFriend { font-family: var(--primary-font-family); display: inline-block; white-space: nowrap !important; padding: 3px 8px; font-size: 12px; font-weight: 400; color: #fff; background-color: #39f; border: none; border-radius: 30px; text-decoration: none; text-align:center; cursor: pointer; text-transform: uppercase; box-sizing: border-box; }
.ButtonSendToFriend:hover, a.ButtonSendToFriend:hover,
.ButtonSendToFriend:active, a.ButtonSendToFriend:active { color: #fff !important; background-color: #39f !important; }

.OnlineButtonSubmit { font-family: var(--primary-font-family); display: inline-block; white-space: nowrap !important; padding: 10px 15px; font-size: 14px; font-weight: 400; border: none; border-radius: var(--secondary-radius); text-decoration: none; text-align: center; cursor: pointer; text-transform: uppercase; box-sizing: border-box; }

.BoxChangeEventDate { padding: 2px; font-size: 11px; border-top: 1px solid #333; border-right: 1px solid eee; border-bottom: 1px solid #eee; border-left: 1px solid #333; width: 200px; }

.LabelRight { padding: 2px; font-size: 12px; text-align: right; }
.LabelRight2 { padding: 13px 15px 0px 20px !important; font-size: 14px; text-align: right; font-weight: 500; color: #333; line-height: 1; }
.LabelRightOptional, .LabelRight2Optional { padding: 11px 15px 0px 20px !important; font-size: 14px; text-align: right; font-weight: normal; color: #666; }
.LabelLeft2 { padding: 9px 0 0 1px; font-size: 12px; text-align: left; font-weight: bold; color: #000; }
.Top.LabelRight2, .Top.LabelRight2Optional { padding-top: 16px !important; }

.ToggleOn { display:block; }
.ToggleOff,
.Hidden { display:none; }

a.Link { text-decoration:underline; color: #000; }
a.HeaderLink { text-decoration:underline; color: #000; }
a.PromoterLink { text-decoration:underline; color: #000; }
a.LinkEdit { text-decoration:none; color: #FFF; font-weight: normal !important; font-size: 11px; }
a.LinkStd { text-decoration: none; color: #FFF; font-weight: normal; font-size: 12px; }

a.LinkChangeSeat, .LinkChangeSeat { padding: 3px 5px; font-size: 10px; font-weight: 400; color: #fff; background-color: #29cc1d; border-radius: 10px; text-decoration: none; cursor: pointer; text-align:center; text-transform: uppercase; }
a.LinkChangeSeat:hover,
a.LinkChangeSeat:active,
.LinkChangeSeat:hover,
.LinkChangeSeat:active { background-color: #07a303; }
.LinkError { padding: 5px; text-decoration: none; color: #EE0000; font-weight: bold; font-size: 14px; }

.Alpha50	{ filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.MiniIcon	{ clear: both; float: left; width: 40px; margin: 0 5px 15px 0; }
.PromoterLogo { width: 100%; border: none; border-radius: 2px; }
.PromoterLogoSmall { width: 130px; border: none; border-radius: 2px; }
.SponsorRight { width: 100%; border: none; border-radius: 2px; }
.Picture,.Outline { border: 1px solid #CCC; }
.FancyPicture { padding: 5px; background-color: #fff; border: 1px dashed #dadada; }
.FancyPictureSm { padding: 2px; background-color: #fff; border: 1px dashed #dadada; width: 40px; height: 40px; box-sizing: border-box; }
.OutlineDot { border: 1px dashed #CCC; }
.PosterSm 	{ width: 150px; border: 1px solid #CCC; border-radius: 2px; }
.PosterMd 	{ float: left; width: auto; margin: 0 10px 10px 0; border: none; border-radius: 2px; }
.EventInfoTop .PosterMd,
.EventInfoBottom .PosterMd { width: auto; float: none; margin: auto; border-radius: 0; }
.PosterMdFull { display: block; width: 100%; }
.PosterLg 	{ width: 100%; border: none; border-radius: 2px; }
.BannerAd 	{ width: 100%; border: none; border-radius: 2px; }
.SharingIcons  { float: left; margin: 0 5px 0 0; padding: 0; text-align: center; border: none; cursor: pointer; }
.AudioPlayer { overflow: auto; float:left; margin: 10px 0 10px 0; width: 100%; }
.AudioClip { margin: 0 0 15px 0; }
.TimedEntryHeaderWrapper { margin: 0 0 -15px 0 !important; }
.TimedEntryHeader { padding: 10px 0 10px 0; font-size: 14px; font-weight: 300; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.TimedEntryInfoWrapper { margin: 0 0 15px 0 !important; }
.TimedEntryInfo { padding: 10px; font-size: 12px; }
.TimeButtonsWrapper { margin: 20px 0 0 -25px; }
.TTError { font-weight: bold; color: #ee0000; }

#Outer1 	{ margin: 0 auto; width: auto; }
#Outer2 	{ margin: 0 0 0 0; width: auto; }
#TopNavInner{ position: relative; padding: 10px 0 7px 0; margin: 0 0 0 0; font-size: 12px; }
#TopNavText1 { float: left; margin: 0 15px 0 0; text-align: left; }
#TopNavText1 .fal,
#TopNavText1 .fas,
.TopNavMobileIcon { position: relative; left: 1px; font-size: 18px; margin-right: 5px; }
.TopNavMobileIcon { color: #000; }
.TopNavMobileIcon.uk-button { padding: 0; border: none; line-height: 1.5; }
#TopNavText2 { float: right; text-align: right; font-size: 14px; text-transform: uppercase; }

.TopNavDropdown { position: absolute; z-index: 999; width: 100%; min-height: 130px; left: 0; top: 45px; padding-top: 10px; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,0.18); list-style: none;  padding: 0; margin: 0; display: block;}
.TopNavDropdown .TopNavTab { display: block; padding: 10px 5px; }
.TopNavDropdown .TopNavTab:hover,
.TopNavDropdown .TopNavTab.TopNavTabActive { border: none; }
.SubGroupCodeWrapper { text-align: right; }
.SubGroupCodeWrapper ul { list-style: none; padding: 0; margin: 0;  }
.SubGroupCodeWrapper li { display: inline-block; margin: 0; padding: 0; }
.SubGroupCodeWrapper a { display: inline-block; text-align: center; color: #000; }
.SubInfo > .__required { border-left: 1px solid #ee0000; }

#LangOptions { position: absolute; z-index: 99; right: 0; top: 52px; }
#LangOptions a { color: #999; }
#LangOptions a:hover { color: #000; text-decoration: none; }

.PageListEvents #TopNavText2,
.PageListEvents #TopNavText1,
.PageListEventsGrid #TopNavText2,
.PageListEventsGrid #TopNavText1,
.PageSubscriptions #TopNavText2,
.PageSubscriptions #TopNavText1,
.PageEventInfo #TopNavText2,
.PageEventInfo #TopNavText1,
.PageListEventsCalendar #TopNavText2,
.PageListEventsCalendar #TopNavText1,
.PageSubSelectSeats #TopNavText2,
.PageSubSelectSeats #TopNavText1 { margin-top: 0; }
.PageMyAccount .ListText { padding: 15px 15px; }
.PageMyAccount .ContentBoxOuter { margin: 15px 0 0 0; }
.PageInfluencer .ContentBoxOuter { margin: -2px 0 0 0; }
.PageExchange1 .ListText { padding: 15px 15px; }
.PageMerchandise .ContentBoxOuter { margin: 0 0 0 0; }
.PageMerchandise .ContentBoxOuter .ContentBoxHeader { 
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	border: none;
 }

#TopNavText2 .fal, #TopNavText2 .fas { position: relative; top: 0px; margin: 0 5px 0 0; font-size: 18px; }
.TopNavTabs { float: left; margin: 0 0 0 5px; list-style: none; padding: 0; margin: 0; display: block; }
.TopNavTabs li { display: inline-block; }
.PageEvent .TopNavTabs { margin-top: 0; margin-left: 0; }
.TopNavTab { position: relative; padding: 0px 0px 9px 0px; top: 1px; margin: 0 15px 0 5px; font-size: 14px; font-weight: 400; color: #999; text-transform: uppercase; text-decoration: none; }
.TopNavTabActive { border-bottom: 2px solid #46C654; color: #1a1a1a; font-weight: 500; }
.TopNavTab:hover { border-bottom: 2px solid #46C654; text-decoration: none; color: #000; }
.TopNav, .TopNavActive {
    float: left;
	border-radius: 100em;
    margin: 2px 5px 0 0;
    padding: 6px 10px;
    text-align: center; }
.TopNavDemo { border-radius: 100em; margin: 2px 5px 0 0; padding: 6px 10px; text-align: center; background-color: #FC0; color: #000; font-weight: bold; }
.TopNav { padding: 5px 8px; background-color: #fff; color: #666; font-weight: normal; border: 1px solid #ccc; }
.TopNavHome:hover { background: #46C654; border-color: #46C654; color: #fff; }
.TopNavActive { background-color: #46c654; color: #FFF; font-weight: bold; }
.TopNavSSL { color: #000; line-height: 1; font-size: 18px; }
.TopNavSm { display: none; }
a.TopNav, a.TopNavActive { text-decoration: none; }
#AccountProfile { margin: -20px 0 0 0;}
.MyAccountInfo { margin: 0 0 10px 0; text-align: right;	font-size: 13px; color: #777; }
.MyAccountInfo A.LinkTopNav:link,
.MyAccountInfo A.LinkTopNav:visited { color: #777; }
#TopNavTimer { float: left; margin: 2px 5px 0 0; text-align: center; font-size: 14px; }
.LinkSubscription { float: left; margin: 4px 0 0 10px; }
.Password { font-size: 20px !important; font-weight: 500 !important; }
.LoginResultWrapper { margin: 25px auto; max-width: 800px; }
.AcctResetOuter { min-height: 500px; }
.CloseOverlayBtn { display: block; margin: 0 8px 0 0; text-align: right; font-size: 25px; cursor: pointer; }
.CloseOverlayBtnEnforce { display: none; margin: 0 8px 0 0; text-align: right; font-size: 25px; cursor: pointer; }
.AccountProfileWrapper { padding: 0 0 0 0; }
.AccountInfoWrapper { max-width: 500px !important; margin: 0 auto; }

#Tab1		{ float: left; width: 199px; text-transform: uppercase; background-color:#333; }
#Tab2		{ float: left; width: 199px; text-transform: uppercase; background-color:#333; }
#Tab3		{ float: left; width: 200px; text-transform: uppercase; background-color:#333; }
#Tab4		{ float: left; width: 200px; text-transform: uppercase; background-color:#333; }

#Body 		{ background-color: #fff; min-height: 700px; }
#Footer 	{ overflow: hidden; padding: 30px 0px 15px 0px; font-size: 12px; background-color:#fff; }

/* MIDDLE SECTION */
.ContentWrapper { margin: 15px 0 0 0; padding: 5px 10px 0 0; height: auto; overflow-y: auto; } 
.InfluencerButtonWrapper { padding: 5px 0 0 0; text-align: right; }
.BackButtonWrapper { padding: 5px 0 0 0; text-align: right; }
#ContentMid { float: left; width: 785px; margin: 15px 0 15px 0; overflow: hidden; }

.ListingToggleTabs { float: left; overflow: hidden; padding: 0; margin: 15px 0 15px 0; width: 580px; font-size: 12px; }
.ToggleTab, .ToggleTabActive { padding: 8px; width: 100px; text-align:center; border: 1px solid #999; cursor: pointer; }
.ToggleTab {  background-color:#CCC;}
.ToggleTabActive { background-color:#FFF; border-bottom: 1px solid #FFF; }
.ToggleTabBlank { border-bottom: 1px solid #999; }

.Link { display: block; margin: 0 0 10px 0;}
.EventDesc { padding: 0 5px; }
.EventDesc.EventSingleInfo { padding: 0; }
.EventTextSm { margin: 0 0 0 0; font-size: 11px; color: #666; line-height: 1.3; }
.EventText { overflow: hidden; }
.EventText p:first-child { padding-top: 0; margin-top: -5px; }
.EventVideoIcon { position: absolute; top: 8px; left: 15px;  font-size: 32px; color: #fff; text-shadow: 0 2px 2px rgba(0,0,0,0.4); }
.EventVideoIcon:hover { color: #fff; }
.ForceSigninMsg { margin: 0 0 15px 0; padding: 15px; border: 1px solid #dadada; border-radius: 15px; }
.ForceSigninMessage { margin: 0 0 15px 0; }
.ForceSigninButton { text-align: center; }
.TicketsCheckoutButtons { margin: 0 0 15px 0; }

/* EVENT CROSS LIST */
.CrossEventList { padding: 15px; margin: 0 0 15px 0; border: 2px dashed #dadada; border-radius: 10px; }
.CrossEventWrapper { padding: 1px; margin: 0 0 15px 0; height: 200px; }
.CrossEventWrapper:last-child { margin: 0 0 0 0; }
.CrossEventPoster { float: left; width: 300px; box-sizing: border-box; }
.CrossEventPoster > img { width: 300px; height: 200px; border-radius: 10px; }
.CrossEventInfo { overflow: hidden; float:right; width: calc(100% - 315px); height: 200px; padding: 15px; box-sizing: border-box; background-color: #fff; border-radius: 10px; }

.CrossEventItem { float:left; width: 50%; box-sizing: border-box; }

/* Advanced Filters */
.AdvancedFilterWrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; background-color: rgba(255,255,255,0.75); z-index: 9999; }
.AdvancedFilterContainer { overflow: hidden; position: absolute; top: 0; left: 50%; padding: 0px; width: 90%; max-width: 500px; height: 400px; transform: translate(-50%,20%); border: none; background-color: #fff; box-shadow: 0 1px 10px rgba(0,0,0,0.3); z-index: 10000; }
.AdvancedFilterHeader { overflow: hidden; padding: 15px 15px 15px 15px; height: 52px; box-sizing: border-box; border-bottom: 1px solid #eee; }
.AdvancedFilterOuter { overflow: auto; padding: 0 15px 15px 15px; height: 332px; }
.AdvancedFilterInner { font-size: 16px; font-weight: 300; }
.AdvancedFilterOuter .AdvancedFilterInner:first-child { margin-top: -10px; }
.AdvancedFilterInnerHeader { margin: 15px 0 15px 0; font-size: 16px; font-weight: 400; }
.filterbody { margin: 0 0 1px 0; }
.filtertags { display: none; position: fixed; padding: 4px 5px 0 5px; background-color: #fff; top: 86px; left: 1px; z-index: 10; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.cleartags { float: right; margin: 1px 0 -1px 2px; cursor:pointer; }
.etag {	display: block; float: left; padding: 2px 5px; margin: 0 5px 5px 0; font-size: 12px; background-color: #f4f4f4; border-radius: 2px; }

.DisabledLayer { position: fixed; opacity: 0.7; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #fff; display: none; cursor: not-allowed; text-align: center;}


/* RIGHT SECTION */
#ContentRight { float: right; width: 27.4%; margin: 0 0 0 15px; overflow: hidden; }
#ContentRightAlt { float: left; width: 27.4%; margin: 15px 0 0 15px; overflow: hidden; }
.LangWrapper { padding: 5px 5px 10px 5px; font-size: 12px; text-align: right; }
.LangWrapper > a { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }
.LangWrapper > a:hover, .LangWrapper > a:active { border-bottom: 1px solid #000; }
.LangWrapper > span { font-weight: bold; }


/* PROMOTER */
#MainEvent { margin: 0 0 0 15px; }
.BtnChecked	{ background-image: none !important; background-color: #000 !important; border: 1px solid #000 !important; }

/* MY ACCOUNT */
#DivWrapper { position: absolute; top: 0; left: 50%; height: 1px; width: 1px; z-index: 10; visibility: hidden; }
.MyAccountWrapper { margin: 0 0 0 0; }
.MyAccountHeader { margin-bottom: 0px !important; }
.MyAccountText { float: right; width: 300px; padding: 0 0 15px 0; font-size: 12px; color: #999; text-align:right; }
.MyAccountEventHeaderWrapper { border-top: 1px solid var(--border-color-light) !important; }
tbody tr:first-child .MyAccountEventHeaderWrapper { border-top: none !important; }
.MyAccountEventHeader { margin: 0 0 7px 0; font-size: 20px; color: var(--black-color); font-weight: 400; box-sizing: border-box; line-height: 1.0; }
.MyAccountVenueHeader { font-size: 15px; color: var(--secondary-color); font-weight: 400; box-sizing: border-box; line-height: 1.0; }
.MyAccountEventHeaderPicture { margin: 0 0 0 10px !important; box-sizing: border-box; }
.MyAccountEventHeaderPicture img { width: 50px; height: 50px; border-radius: var(--secondary-radius); }
.ExchangeHeader { padding: 10px 15px 10px 15px; font-size: 20px; color: #000; font-weight: 300; border-bottom: 1px solid #eee !important; }
.MyAccountCount { color: #999; }
.MyAccountTruncate { max-width: 0; }
.MyAccountTicketUser { display: inline-block; padding: 0 0 0 10px; }
.AcctResetInner { box-sizing: border-box; margin: 20px auto; padding: 20px; width: 100%; max-width: 395px; border: 1px solid #eee; background-color: #f4f4f4; border-radius: 0px; }
.AcctResetInner * { box-sizing: border-box; }
.AcctResetText { padding: 10px; font-size: 12px; line-height: 2.0; text-align: center; }
.ExchangeActive { color: #fff !important; background-color: #69adf2 !important; }
.ExchangeOld { color: #ee0000; }
.ExchangeNew { color: #36bd24; }
a.Exchange { display: block; padding: 7px 15px !important; font-size: 14px; color:#666666; border: 1px solid #666666; border-radius: 0px; text-decoration:none; text-transform:uppercase; }
a.Exchange:link, A.Exchange:visited { color:#666666; border: 1px solid #666666; }
a.Exchange:hover, A.Exchange:active { color:#29cc1d; border: 1px solid #29cc1d; }
.HoldBtnWrapper { padding: 12px 0 0 0;}
.DesktopWidth200 { width: 200px; }
.AcctLoginMsg { padding: 10px 10px 15px 10px; font-size: 13px; color:#36C; }
.PassRecoveryMsg { padding: 10px 10px 15px 10px; font-size: 13px; color:#36C; }
.FormCustom label { display: block; font-size: 12px; text-transform: uppercase; font-weight: 400; cursor: default; }
.FormCustom label.L5fix { margin-left: 5px; }
.FormCustom .ButtonSubmit, .FormCustom .ButtonDisabled, .FormCustom .ButtonCancel { border: none; }
#BirthDateWrapper { padding: 0 0 0 8px; }
.IsBirthDateWrapper { padding: 12px 0 0 0; }
.BoxBirthDateMonth { padding: 8px 5px 10px 7px !important; margin: 0 1px 0 0 !important; width: 58px !important; }
.BoxBirthDateDay { padding: 8px 5px 10px 7px !important; margin: 0 1px 0 0 !important; width: 58px !important; }
.BoxBirthDateYear { padding: 8px 5px 10px 7px !important; margin: 0 0 0 0 !important; width: 66px !important; }
.EmailTypeWrapper { padding: 15px 0 15 0; margin: 0 0 15px 0; color: #AA5E1A; }
.DoubleOptin { font-size: 12px; font-weight: 100; }

.Infl_HeaderLeft { float: left; padding: 5px 0 0 0; width: 60%; box-sizing: border-box; }
.Infl_HeaderRight { float: right; width: 40%; box-sizing: border-box; text-align: right; }
.Infl_EventList { overflow: hidden; clear: both; margin: 0 0 0 0; padding: 15px 15px 15px 15px; border-bottom: 1px solid #f4f4f4; }
.Infl_EventList:last-child { border-bottom: none; }
.Infl_EventList > .EventName { margin-bottom: 5px; font-size: 14px; }
.Infl_EventList > .EventLink { font-size: 14px; }
.Infl_EventName { margin: -4px 0 0 0; padding: 0 0 2px 0; font-size: 18px; font-weight: 400; color: #333; }
.Infl_EventDivider { font-size: 12px; font-weight: 200; color: #999; }
.Infl_EventDate { font-size: 12px; font-weight: 400; color: #999; }
.Infl_Icon { font-size: 16px; cursor: pointer; }
.Infl_EventPoster { float: left; width: 75px; box-sizing: border-box; }
.Infl_EventPoster > img { padding: 3px; border: 1px dashed #dadada; border-radius: 10px; width: 75px; height: 75px; max-height: 75px; }
.Infl_EventInfo { float:left; padding: 0 0 0 10px; width: calc(100% - 75px); box-sizing: border-box; }
.Infl_EventReport { padding: 0 0 0 0; box-sizing: border-box; }
.Infl_EventLink { padding: 0 0 5px 0; color: #004c9d; }
.Infl_EventIcon { display: inline-block; margin: 0 2px 0 0; font-size: 12px; color: #999; }
.Infl_RefCount { padding: 0 0 0 0; font-weight: 200; }
.Infl_Referred { padding: 10px 0 0 0; float: left; width: 33%; box-sizing: border-box; text-align: right; }
.Infl_RefAmount { padding: 10px 0 0 0; float: left; width: 33%; box-sizing: border-box; text-align: right;}
.Infl_Commission { padding: 10px 0 0 0; float: left; width: 34%; box-sizing: border-box; text-align: right; }
.Infl_DateSelector { padding: 10px 10px 10px 10px; border-bottom: 1px solid #f4f4f4; }
.Infl_TotalWrapper { overflow: hidden; clear: both; padding: 15px 15px 15px 15px; text-align: right; }
.Infl_TotalNotes { float: left; padding: 12px 0 0 0; font-size: 12px; font-weight: 200; text-align: left; }
.Infl_TotalLabel { display: inline-block; padding: 0 5px 0 0; font-size: 15px; box-sizing: border-box; font-weight: 200; }
.Infl_TotalAmount { box-sizing: border-box; font-size: 24px; font-weight: 300; }
.Infl_PayoutWrapper { padding: 15px 15px 15px 15px; border-top: 1px solid #dadada; }
.Infl_PayoutHeader { padding: 0 0 15px 0; margin: 0 0 15px 0; font-size: 18px; font-weight: 400; border-bottom: 1px dashed #efefef; }
.PayoutLabel { font-size: 14px; font-weight: 300; color: #999; }
.PayoutInfo { font-size: 16px; font-weight: 400; color: #333; }
.PayoutStatus { color: #004c9d; }

.FormLabel { padding: 0 0 0 0; font-weight: 500; }
.FormValue { padding: 0 0 0 0; font-weight: 400; }


/* LIST EVENTS */
.ListEvents { padding: 10px 0px 5px 0px; }
.ListEvents:first-child { padding: 0px 0px 5px 0px; }
.ListEventsLineTop { border-top: 1px solid #EEE; }
.ListEventsLeft { float: left; padding: 5px 0 5px 0; width: 60%; box-sizing:border-box; }
.ListEventsRight { float: right; padding: 5px 0 5px 0; text-align:right; width: 40%; box-sizing:border-box; }
.ListEventsEventName { padding: 0 0 5px 0; font-size: 16px; font-weight: 400; }
.ListEventsVenueInfo { font-size: 12px; color: #999; }
.ListEventsVenueInfo > a { text-decoration:none; outline: none; }
A.EventLink:link, A.EventLink:visited { color: #189c0e; text-decoration:none; outline: none; }
A.EventLink:hover, A.EventLink:active { color: #24bb19; text-decoration:none; outline: none; }
A.GoogleLink:link, A.GoogleLink:visited { color: #777; text-decoration:none; outline: none; }
A.GoogleLink:hover, A.GoogleLink:active { color: #444; text-decoration:none; outline: none; }
.CalListEventsWrapper { overflow: auto; height: 450px; max-height: 450px; }
.PreviewButton { margin: 0 15px 0 0; font-size: 13px; }
.PreCacheWrapper { height: 0px; overflow: hidden;}

.BalanceWrapper .BalanceHeader, .MDTicketWrapper .EventDateHeader,
.MDTicketWrapper .EventDateTickets,
.GAASTicketWrapper .EventDateHeader,
.GAASTicketWrapper .EventDateTickets,
.ExchangeWrapper .ContentBoxHeader,
.ConfirmationWrapper .ContentBoxHeader,
.EventInfoHeader { padding: 12px 15px 10px 15px; font-weight: 300; }
.EventInfoHeader { padding: 12px 15px 10px 15px !important; margin-bottom: 0 !important; }
.ContentBoxInner { padding: 15px; }
.ConfirmationWrapper .ContentBoxInner { padding: 15px 15px 15px 15px; }
.ConfirmationDonationWrapper { margin: 0 0 15px 0;}
.EventInfoWrapper .ContentBoxInner { padding: 15px 15px 10px 15px; }
.PreferredInfoWrapper { margin: 0 0 15px 0 !important; }
.PreferredInfoWrapper .ContentBoxHeader { padding: 10px 15px 10px 15px; }
.PreferredInfoWrapper .ContentBoxInner { padding: 10px 15px 10px 15px; }
.BgdRewards	{ background-color: #e7f1ff !important; border-color: #98b8d8; }
.BgdFlexpass { background-color: #e7f1ff !important; border-color: #98b8d8; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); }
.CartWrapper .ContentBoxHeader,
.RegWrapper .ContentBoxHeader { padding: 15px; }
.BgdRewards .ContentBoxHeader,
.BgdFlexpass .ContentBoxHeader { padding: 15px; border-color: #98b8d8; }
.CartWrapper .ContentBoxInner { padding: 0 0 0 0; }
.BgdFlexpass .ContentBoxInner { padding: 5px 10px 5px 10px; }
.BgdRewards .ContentBoxInner { padding: 5px 10px 5px 10px; }
.CartLinks { position: relative; top: -3px; text-align: right; }
.ContentBoxWrapper .ContentBoxInner, .ContentBoxWrapper .ContentBoxHeader { padding: 15px; }
.CartDropdown { display: none; position: absolute; padding: 15px; width: 100%; left: 0; top: 0; box-sizing: border-box; text-align: right; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,0.18); z-index: 999; }
.LineTopFlexPass { border-top: 1px dashed #666 !important; height:1px; font-size: 1px !important; }
.MobileDeleteIcon { margin: 0 2px 0 0; }

.EventTicketPicture { width: 40px; }
.EventTicketName { max-width: 0; }
.EventTicketName,
.EventPriceName { font-weight: 500; color: #444; font-size: 15px;  }
.EventCancelled { color: #555 !important; }

.EventDateTickets tr { border-top: 1px solid #eaeaea; }
.EventDateTickets tr:first-child { border: none; }
.EventDateTickets td:first-child { padding-left: 15px !important; }

.EventListWrapperLast { margin-bottom: 0 !important; }
.EventListBgd .HeaderEventName { line-height:  1.2; margin-bottom: 15px; max-height: 74px; overflow: hidden; }
.PageListEventsGrid .EventListBgd .HeaderEventName { max-height: initial; overflow: visible; }
.EventListBgd.ClosedSelectEvent { background-color: #f4f4f4; }
.PageSelectEvent .EventListBgd { margin: 5px 0 10px 0; }
.EventListPosterWrapper { display: table-cell; vertical-align: top; width: 30%; max-width: 268px; }
.EventListDetails { display: table-cell; vertical-align: top; position: relative; }
.EventListColRight { width: 70%; min-height: 150px; }
.EventListText { width: 70%; padding: 15px; }
.EventListCol { margin: 15px; }
.PickaText,
.EventIntroText {
	position: relative;
	height: 4.1em;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-right: 15px;
	font-size: 14px;
	line-height: 1.4;
	color: #606060;
}
.EventIntroHeaderVideo { overflow: hidden; padding: 0; max-height: 60px; font-size: 20px; font-weight: 400; color: #000; }
.EventIntroTextVideo {
	position: relative;
	height: 5.1em;
	overflow: hidden;
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	padding-right: 15px;
	font-size: 14px;
	line-height: 1.4;
	color: #606060;
}
.PickaText:after,
.EventIntroText:after,
.EventIntroTextVideo:after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70%;
	height: 1.4em;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
.PickaText { display: block; height: 8.1em; }
.PickaText p { font-size: 14px; }
.PickaText p:first-child { padding-top: 0; }
.EventIntroText { display: none; }

.ButtonTicketsWrapperList { position: absolute; top: 15px; right: 10px; }
.EventListPoster { position: relative; overflow: hidden; min-height: 180px; }
.PosterOuter { min-height: 180px; max-height: 200px; }
.EventListPoster a { box-sizing: border-box; display: block; }
.EventListPoster a:focus { border: 2px solid #3E6AF3; }
.EventGridItem .PosterOuter { max-height: initial; }
.PosterList { width: 100%; height: auto; min-height: 180px; min-width: 268px; margin: 0 0 -4px 0; border: none; }
a:focus .PosterList { min-width: 264px; }
.ButtonListEvent { float:right; margin-bottom: 15px; }
.EventListButtonWrapper .ButtonListEvent,
.EventListButtonWrapper .ButtonListVideo { margin: 0 0 5px 0; min-width: 100px; }
.EventListPriceWrapper { position: relative; height: 0px; }
.EventListPriceBgd { position: relative; top: -40px; height: 40px; padding: 12px; background-color: rgba(0,0,0,0.5); }
.EventListPrice { margin: -3px 0 0 3px; color: #fff; font-size: 16px; font-weight: 300; text-align: center; }
.EventListExtraWrapper { position: absolute; width: 100.7%; bottom: 0; left: 0; }
.EventListExtraText { padding: 10px 15px; font-size: 13px; font-weight: 300; color: #999; border-top: 1px solid #eee; height: 40px !important; }
.TextEventDate { display: inline-block; padding-top: 1px; width: 50%; font-size: 13px; font-weight: 300; color: #333; }
.PageListEventsGrid .TextEventDate { width: 100% !important; }
.icon-actions { margin-top: 3px; }
td.Remind, div.Remind { display: none; font-size: 17px; padding: 5px 5px 3px 6px; text-align:center; }
td.Share, div.Share { font-size: 20px; padding: 4px 6px 0px 5px; cursor: pointer; }

/* Cart View */
.CartSummaryWrapper {
    overflow-y: auto;
	padding-left: 40px !important;
    height: 100%;
}

/* NEW TICKETS OVERLAY */
.TicketOverlay, .UpsellOverlay, .BillingOverlay, .DonationUpsellOverlay {
	overflow: hidden;
	height: 100%;
}
.TicketTypeSelectorWrapper {
	padding: 0 0 0 0;
	text-align: right;
}
.TicketType {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	font-size: 17px;
	font-weight: 300;
	color: var(--secondary-color);
	cursor: pointer;
}
.TicketType:hover {
	border-bottom: 2px solid var(--border-color);
}
.TicketType.Active {
	font-weight: 400;
	color: var(--black-color);
	border-bottom: 2px solid var(--black-color);
}
.TicketSelectWrapper, .MerchandiseWrapper, .BillingDeliveryWrapper, .DonationUpsellWrapper {
	overflow: hidden;
	height: 100%;
	border-right: 1px solid var(--border-color);
}
.TicketSelect {
	position: relative;
	overflow: hidden;
	height: 100%;
}
.TicketSelectHeader, .RegistrationFormHeader, .MerchandiseSelectHeader {
	position: absolute;
	top: 0;
	left: 0;
	padding: 12px 15px 0 18px;
	width: 100%;
	height: 81px;
	border-bottom: 1px solid var(--border-color);
	background-color: #fff;
	box-sizing: border-box;
	z-index: auto;
}
.TicketSelectHeader .EventNotes,
.RegistrationFormHeader .EventNotes,
.MerchandiseSelectHeader .EventNotes,
.CheckoutStepHeader .EventNotes {
	padding: 3px 0 0 0;
	font-family: var(--primary-font-family);
	font-size: 15px;
	color: var(--secondary-color);
}
/* Flow-based header for steps that don't need a pinned/absolute header */
.CheckoutStepHeader {
	padding: 12px 15px 0 18px;
    width: 100%;
	height: 81px;
	border-bottom: 1px solid var(--border-color);
	background-color: #fff;
	box-sizing: border-box;
    
    font-size: 17px;
    font-weight: 500;
}
.EventNameDateWrapper {
    margin: 0 0 0 0;
	max-width: calc(100% - 30px);
}
.EventNameDateWrapper .EventName {
	float: left;
  	margin: 0px 15px 0px 0px;
	font-family: var(--primary-font-family);
	font-size: 17px;
	font-weight: 500;
	color: var(--black-color);
}
.EventNameDateWrapper .EventDate {
	display: inline-block;
	margin: 3px 0 0 0;
	font-family: var(--primary-font-family);
	font-size: 15px;
	font-weight: 400;
	color: var(--primary-color);
}
.GroupCodeButtonWrapper {
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.GroupCodeButtonSm {
	padding: 4px 6px 4px 6px;
  	border-radius: 3px;
	font-size: 12px;
}
.TicketSelectContainer, .MerchandiseSelectContainer {
	overflow-y: auto;
	padding: 20px;
	height: calc(100% - 83px);
	box-sizing: border-box;
}
.PresaleBanner { margin-top: 12px; background: #3b9cd9; border-radius: var(--secondary-radius, 8px); padding: 14px 16px; color: #fff; }
.PresaleBannerMsg { font-size: 0.88rem; margin-bottom: 12px; opacity: 0.92; }
.SelectTicketButtonWrapper .PresaleBanner { margin-top: 0; }
.SelectTicketButtonWrapper .PresaleBannerMsg { margin-bottom: 0; }
.PresaleCountdownWrapper { display: flex; gap: 8px; justify-content: center; }
.PresaleCountdownBox { background: #fff; border-radius: 6px; min-width: 52px; padding: 6px 4px 4px; text-align: center; }
.PresaleCountdownBox .pcd-num { display: block; font-size: 1.35rem; font-weight: 700; color: #1a1a1a; line-height: 1.1; }
.PresaleCountdownBox .pcd-label { display: block; font-size: 0.6rem; font-weight: 600; letter-spacing: 0.05em; color: #888; text-transform: uppercase; margin-top: 2px; }

#MerchandiseSelect:not(:has(.CheckoutStepHeader)) .MerchandiseSelectContainer,
.TicketSelect:has(.TicketSelectHeader) .TicketSelectContainer {
    margin: 83px 0 0 0 !important;
}
.TicketWrapper {
	margin: 0 0 10px 0;
	padding: 15px;
	border: 1px solid var(--border-color-light);
	border-radius: var(--secondary-radius);
    transition: 0.2s ease;
}
.TicketWrapper:hover {
	border: 1px solid var(--border-color-dark);
	box-shadow: var(--shadow-light);
}
.TicketButtonsWrapper {
    display: flex;
	float: right;
    align-items: center;
    justify-content: center;
    width: 100px;
}
.TicketSaleEndedMsg {
	width: 100px;
	text-align: center;
	font-size: 0.75rem;
	color: #888;
	box-sizing: border-box;
}
.TicketPresaleWrapper {
	width: 100px;
	text-align: center;
	box-sizing: border-box;
}
.TicketPresaleMsg {
	font-size: 0.75rem;
	color: var(--accent-color);
	line-height: 1.3;
}
.TicketPresaleCountdown {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--accent-color);
	margin-top: 2px;
}
.TicketSoldOut {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: var(--danger);
	text-align: center;
	box-sizing: border-box;
}
.TicketPlusMinus {
	text-align: center;
}
.PlusMinus {
	padding: 0 0 0 0;
	text-align: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--border-color-dark);
	border-radius: 32px;
	background-color: #fff;
	cursor: pointer;
}
.PlusMinus > i {    /* moves the icon down 1 pixel. */
    position: relative;
    top: 1px;
}
.PlusMinus:hover {
	border: 1px solid var(--border-color-very-dark);
	box-shadow: var(--shadow-light);
}
.PlusMinus:disabled,
.PlusMinus[disabled],
.PlusMinus.Disabled {
	cursor: not-allowed; /* shows circle-with-slash */
	opacity: 0.25; /* optional: dim the button */
}
.TicketCounter {
	float: left;
	display: inline-block;
	padding: 0 0 0 0;
	font-family: var(--primary-font-family);
	font-size: 22px;
	text-align: center;
	width: 32px;
	height: 32px;
	color: #000;
	box-sizing:border-box;
}
.TicketName {
	font-family: var(--primary-font-family);
	font-size: 17px;
}
.TicketNotesTrigger {
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
	font-family: var(--primary-font-family);
	font-size: 13px;
	color: var(--secondary-color);
	text-decoration: none;
}
button.TicketNotesTrigger {
    background: none;
    border: none;
    padding: 0;
    line-height: inherit;
}
.TicketNotesTrigger i {
	font-size: 11px;
}
.TicketNotesTrigger:hover {
    color: var(--black-color);
    cursor: pointer;
}
.TicketNotesTrigger:hover > i {
    color: var(--black-color) !important;
}
.TicketNotes {
	padding: 10px 0 0 0;
    position: relative;
	font-family: var(--primary-font-family);
	font-size: 12px;
	color: var(--primary-color);
}

/* Hidden by default when toggle mode (IsShowNotes = false) */
.TicketNotes.TicketNotesShowDetails {
    display: none;
}

.TicketPrice {
	font-family: var(--primary-font-family);
	font-size: 17px;
}

/* REGISTRATION FORM */
.RegistrationWrapper { padding: 15px 15px 0px 15px; }
.RegistrationBackDesktop {	display: inline-block; margin: 0 15px 10px 1px;	padding: 0 5px 0px 5px;	font-size: 15px; background-color: #000; border: none; border-radius: 4px; color: #fff;	text-decoration: none; cursor: pointer; }
.RegistrationBackMobile { display: none; margin: 0 15px 10px 1px; padding: 0 5px 0px 5px; font-size: 15px; background-color: #000; border: none; border-radius: 4px; color: #fff; text-decoration: none; cursor: pointer; }
.RegistrationBackDesktop:hover, .RegistrationBackMobile:hover { background-color: #333; color: #fff; text-decoration: none; }

/* MERCHANDISE */
.MerchBackDesktop {	display: inline-block; margin: 0 15px 10px 1px;	padding: 0 5px 0px 5px;	font-size: 15px; background-color: #000; border: none; border-radius: 4px; color: #fff;	text-decoration: none; cursor: pointer; }
.MerchBackMobile { display: none; margin: 0 15px 10px 1px; padding: 0 5px 0px 5px; font-size: 15px; background-color: #000; border: none; border-radius: 4px; color: #fff; text-decoration: none; cursor: pointer; }
.MerchBackDesktop:hover, .MerchBackMobile:hover { background-color: #333; color: #fff; text-decoration: none; }

/* BILLING */
.BillingDeliveryContainer {
	overflow-y: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	box-sizing: border-box;
}
.BillingSigninOptionsWrapper { 
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--bgd-color);
	margin: 0 0 0 0; 
	padding: 20px; 
	height: 81px; 
	border-bottom: 1px solid var(--border-color); 
	box-sizing: border-box; 
	z-index: 98;
}
#BillingInfoForm {
	margin: 0 20px 0 20px;
}
.BillingInfoHeader {
	padding: 10px 0 5px 0;
	border: none !important;
}
.BillingWrapper {
	margin: 0 0 10px 0 !important;
	padding-bottom: 0px !important;
}
.BillingWrapper > .ContentBoxInner { padding-bottom: 0 !important; }
.BillingSigninOption { margin: 0 20px 0 0; font-size: 20px; color: var(--secondary-color); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; }
.BillingSigninOptionSelected { color: var(--black-color); border-bottom: 2px solid var(--black-color); }
.BillingSigninButtonWrapper { padding: 20px 20px 5px 20px; }
.CheckoutBillingContainer { position: relative; }

/* SHIPPING */
.CheckoutDeliveryContainer { padding: 0 20px 20px 20px; }
.DeliveryHeader { border: none !important; }
.DeliveryContainer {
	padding: 0 0 0 0 !important;
}
.DeliveryItem {
	padding: 15px 15px 15px 15px;
	font-family: var(--primary-font-family);
	font-weight: 400;
	color: var(--secondary-color);
	border-bottom: 1px solid var(--border-color-light);
	box-sizing: border-box;
}
.DeliveryItem:last-child {
	border-bottom: none;
}
.DeliveryItem input[type="radio"] {
	margin: -2px 10px 0 0;
}
.DeliveryItem label {
	display: inline-block;
	margin: -4px 0 0 0;
	width: 80%;
	vertical-align: middle;
}
.DeliveryContainer .Active {
	font-weight: 500;
	color: var(--primary-color);
}


/* SHARE BUTTON */
.EventShareButton {
	position: relative;
	top: 1px;
	font-size: 13px;
}
.EventName .EventShareButton { position: relative; top:-1px; font-size: 21px; margin-left: 10px; }
.EventName .EventShareButton:hover { color: #ccc; }
.EventShareButtonWrapper { justify-content: flex-start; }
.PageEventInfo .EventShareButton { font-size: 26px; color: #fff; }
.PageEventInfo .EventShareButton:hover,
.PageConfirmation .EventShareButton:hover { opacity: 0.7; }
.PageEventInfo .EventName .EventShareButton { display: none; }
.PageListEventsGrid .EventShareButton {font-size: inherit; margin-right: 0 !important; }
.PageConfirmation .EventShareButton { text-decoration: none; color: #222; font-size: 20px; font-weight: 300; }
.PageConfirmation { max-width: 1210px; margin: 15px auto; padding: 0 15px; }
.ThankYou { overflow: hidden; padding: 10px; margin: 0 0 15px 0; color: #FFF; font-size: 14px; font-weight: 500; background-color: #3a7cf5; line-height: 1.3; border-radius: 0px; }
.ThankYou > div > p { margin: 0 0 0 0; }
.ThankYouMsg { padding: 10px; margin: 0 0 15px 0; color: #666; font-size: 12px; text-shadow: 0px 1px #FFF; line-height: 1.5; background-color: #EEE; border-radius: 0px; }
.AddThisButtonsDialog { overflow: hidden; width: 120px; margin: 0 auto 15px auto; padding-top: 10px; }
.AddThisButtonsDialog ul { display: inline; padding: 0; margin: 0; }
.AddThisButtonsDialog ul li { display: inline; padding: 0; margin: 0; }
.EventUrlWrapper { position: relative; }
.CopySuccess { display: none; position: absolute; right: 65px; top: -6px; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: #2ba0e9; background-color: #fff; border: 1px solid #2ba0e9; padding: 1px 4px; }
#EventUrl, #ShareLink { width: 90%; text-overflow: initial; }
#CopyTrigger { position: relative; display: inline-block; top: 3px; cursor: pointer; font-size: 27px; margin-left: 5px; }
#CopyTrigger:hover { color: #ccc; }

#DialogBox { border-bottom: none !important; }
.DialogBoxSpinner { padding: 75px; text-align:center; font-size: 24px; color: #999; }
.iziModal .iziModal-header.iziModal-noSubtitle { padding: 0px 15px 10px 15px; }
.iziModal .iziModal-header { border: none; margin-top: 10px; }
.iziModal .SigninBoxTop { padding: 0px 40px 45px 40px; }
.iziModal .iziModal-header-title { text-align: center; font-weight: 700 !important; font-size: 18px !important; margin-top: 30px !important; margin-left: 25px !important; }
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons { position: absolute; top: 10px; }

/* Read more button */
.More { font-size: 13px; text-transform: uppercase; text-align: right; }
.More a { text-decoration: none; color: #212121; font-weight: 400; }
.More a:hover { color: #999; }
.MoreLink { position: relative; top: 1px; margin-left: 15px; }
.PageListEventsGrid .More { text-align: left; margin-top: 15px; }
.PageListEventsGrid .More a { display: inline-block; padding: 5px 9px; border: 1px solid #ddd; border-radius: 15px; }
.PageListEventsGrid .PreviewButton { margin: 1px 0 0 10px !important; }
.PageListEventsGrid .MoreLink { top: 1px; }
.PageListEventsGrid .Remind { padding: 5px 5px 3px 6px; border: 1px solid #dadada; border-radius: 0px; margin-right: 5px; }
.PageListEventsGrid .EventListPosterWrapper { display: initial; width: 100%; float: none; }
.PageListEventsGrid .EventListPoster { min-height: unset; }
.PageListEventsGrid .PosterList { min-width: initial; min-height: unset; }
.PageListEventsGrid .EventListExtraWrapper { top: auto; left: auto; }
.PageListEventsGrid .EventListExtraText { width: auto; border: none; }
.PageListEventsGrid .TextEventDate { margin: 0; padding: 0;}
.PageListEventsGrid .TextVenue { margin-top: 10px; }
.PageListEventsGrid .EventListGridActions { margin-top: 15px; }
.PageListEventsGrid .ButtonListEvent { float: none; margin-bottom: 0; width: 100%; }
.PageListEventsGrid .ButtonTicketsWrapper { float: none; padding: 0 15px 15px 15px; }
.PageListEventsGrid .EventListBgd { margin: 0; }

.EventBanner { position: relative; margin-top: 40px; height: 300px; }
.EventBannerDetails { color: #fff; position: absolute; background: rgba(0,0,0,0.5); top: 0; bottom: 0; right: 0; left: 0; text-align: center; padding: 30px 10px; }
.EventBannerDetails .BigHeader,
.EventBannerDetails .VenueInfo,
.EventBannerDetails .EventDate { color: #fff; }
.EventBannerDetails .EventDate { font-size: 16px; }
.EventBanner .EventBannerBar { position: absolute; padding: 15px; background: rgba(0,0,0,0.55); left: 0; right: 0; bottom: 0; }
.EventBannerRight { float: right; padding-top: 0px; }

.TextCategory { padding: 0px; font-size: 11px; font-weight: normal; color: #666; }
.TextVenue { padding: 0px; font-size: 14px; line-height: 1.4; font-weight: 300; color: #666; }
.TextVenueName { font-weight: 400; }
.TextVenueAddress { padding: 5px 0 0 0; line-height: 1.4; }
.TextEventDescriptionMin { overflow: hidden; padding: 10px 0px 0px 0px; height: 90px; font-size: 12px; font-weight: normal; color: #666; }
.TextEventDescriptionMax { overflow: hidden; padding: 10px 0px 0px 0px; height: auto; font-size: 12px; font-weight: normal; color: #666; }

.MorePlusButton { overflow: hidden; padding: 15px 5px 12px 0; }
.MoreTextMin { float: left; width: 50px; margin-top: -10px; color: #000; cursor: pointer; }
.MoreTextMax { float: left; width: 50px; margin-top: -10px; color: #000; cursor: pointer; }
.ButtonMobileWrapper { clear: both; overflow:hidden; padding: 20px 0px; }
.MapLinks { float: left; padding: 3px 5px 10px 0; color: #666; }
.MapLinks > span { font-size: 1.5em; }
.LinkMap { color: #212121; text-decoration: none; }
.LinkMap:hover { color: #999; }

.TextBrochure { margin: 5px 0 0 0;}
.EPL { padding: 25px 0; text-align:center; }
.EFW { position: relative; overflow: hidden; border: none !important; background-color: #fff; }
.EFWActive { border: 1px solid #090 !important; }
.EFR { position: absolute; top: 0; right: 0; }
.FilterEvent { box-sizing: border-box; padding: 2px 40px 2px 0px !important; width: 200px; font-size: 14px; font-weight: 400; text-overflow: ellipsis; border: none; border-radius: none; border-bottom: 1px solid #dadada; }
.FilterEvent:focus { outline: none; }
.FilterEventSubmit { position: absolute; top: 0; right: 0; padding: 0; margin: 0; width: 20px; height: 20px; border: none; cursor:pointer; }
.FilterSubmit { padding: 2px; font-size:14px; cursor: pointer; }
.FilterSubmit.FilterClear.lnr:before { display: none; }

#EventFilterForm { padding: 0; width: 50%; float: left; }
#EventSelectorWrapper { position:relative; top: 45px; left:0; width: 100%; height: auto; z-index:1; box-sizing:border-box; }
#EventFilterWrapper { padding: 2px; text-align: left; }
#EventSelect { overflow: auto; width: 100%; max-height: 450px; background-color:#FFF; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: 0 2px 2px rgba(0,0,0,0.15); }
.EventSelect { padding: 5px; font-size: 12px; text-align: left !important; border: 1px solid #CCC; border-top: none; background-color:#FFF; }
#MiniCatWrapper { margin: 0 0 15px 5px; }
.MiniCat { padding: 5px 8px; font-size: 14px; font-weight: 300; background-color: #ccc; color: #fff; border-radius: 1px; }
.Oops { padding: 10px; font-size: 20px; font-weight: 300; }
#TabCalendarEvents { margin-right: 0px; }
#TabSearchWrapper { float: left; margin: 7px 0 0 0; padding: 0; border: none !important; }

.FilterBox { margin-bottom: 15px; }
.LayoutTabs { float: right; }
.LayoutTabs a { padding: 10px 0; background: transparent; border: 1px solid #dadada; font-size: 20px; text-decoration: none; border-radius: 0px; }
.LayoutTabs a.TabActive { color: #46C654; background: #fff; border: 1px solid #dadada; }

.EventTabs { padding: 0 0 0 0; margin: 0 0 -25px 0; }
.EventTabs > div { padding: 0; background: none; text-transform: uppercase; }
.EventTabs .TabActive { font-weight: 400; color: #1a1a1a; }
.EventTabs .TabInActive { color: #706F6D; font-weight: 300; }

.CatHeader { padding: 6px 10px 3px 10px; font-size: 11px; color: #FFF; background-color: #CCC; text-transform:uppercase; }
a.CatText { display: block; padding: 10px; text-decoration:none; border-top: 1px solid #DDD; font-weight: 300; font-size: 14px; }
a.CatText:link, a.CatText:visited { color:#333; background-color: #FFF; }
a.CatText:hover, a.CatText:active { color:#000; background-color: #f4f4f4; }

.HiddenSubLinkOuter { display: none; }

/* BALANCE */
.BtnBalanceHome { display: block; float: right; padding: 15px; margin: 10px 0 10px 0; }


/* EVENT */
#Message { clear:both; }
#Event { width: 769px; height: auto; padding: 0; margin: 0 0 0 15px; }
.EventHeader { margin: 5px 5px 0 5px; font-weight: bold; color: #000; font-size: 16px; }
.EventHeader a { text-decoration:none; }
.HeaderOptions { margin: 0 0 15px 0; text-align: right; }
.TicketMessageWrapper { border-top: none !important; }
.TicketMessageWrapper td { padding: 0 10px 10px 15px; font-size: 14px; color: #666; }
.TicketsNotes { padding: 10px 5px 10px 5px; font-size: 12px; color: #666; }
.AddOnTxt { margin-bottom: 5px; }
.AddOnMore { padding: 0 0 0 0; margin: 10px 0 0 0 !important; font-size: 12px; cursor: pointer; }
.AddOnToggleOff { display: none; }
.MobileTicketName { padding: 10px 5px 10px 5px; border-top: 1px solid #eee; }
.HoldingText { padding: 5px; border-bottom: 1px solid #CCC; }
.EventInfoTop { display: none; }
.EventInfoTop .ContentBoxOuter { margin-top: 20px; }
.EventInfoTop .ContentBoxInner > p:first-of-type { padding-top: 0; margin-top: 0; }
.ADASeat { margin: 3px 0 -5px 0; font-size: 11px; font-weight: bold; }
.ADASeatLabel { padding: 5px 0 0 0; margin: 0 0 -5px 0; font-size: 11px !important; color: #3353d5 !important; }
.AdaText { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 400; }

#GroupCodeForm { padding: 0 10px 10px 10px; background-color: #ddd; border: 1px solid #ddd; border-radius: 0px; }
.DiscountCodeWrapper {
	padding: 0 10px 10px 10px;
}
#EnterGroupCode, #DiscountCodeInput {
	text-transform: uppercase;
}
.GroupCodeText { padding: 0 10px 0 10px; font-size: 14px; color: var(--primary-color); font-weight: 400; line-height: 1.3; }
.GroupCodeFormButtonWrapper { padding: 0 10px 10px 10px; }
.GroupCodeButton, #EnterDiscountCodeButton { padding: 15px !important; width: 100%; box-sizing: border-box; }

.ArtistName { font-size: 15px; font-weight: bold; color: #000; }
.LinkArtistWebsite { color: #039; }
.PromoMsg { clear: both; padding: 10px; margin: 0 0 15px 0; font-size: 14px; color: #237ab7; border: 1px solid #b8d3e6; line-height: 1.5; border-radius: 0px; }
.PromoMsg p { padding: 0; margin: 0; }
.PromoBanner { margin: 0 0 15px 0; }
.PromoLink { color: #237ab7; text-decoration: none; }
.DisabledTicket { color: #999 !important; }
.SpacerMdButton { padding: 0 10px 10px 0; }
.EventDatePromo { margin: 10px 0 0 0; padding: 0 15px 0 15px; border-bottom: 1px solid #dadada; font-weight: 300 !important; color: #237ab7; }

.TimeClock { float: left; padding: 4px 5px 0 0; }
#TimeLeft { font-size: 12px; }
#Clock { margin: 0px 0px 0px 0px; width: 13px; height: 13px; }
#Timer { color: #000; }
#TicketButtonWrapper { padding: 15px; text-align: center; }
.ExternalLinkButton { padding: 15px 0 0 0; height: 40px; }
.ButtonSubmitExtra { display: block; padding: 10px 0; width: 100%; }
.PromoterEvents { margin: 0 0 10px 0; }
.PromoterWebsite { margin: 0 0 10px 0; }
.PromoterPhone { margin: 0 0 10px 0; color: #000; }
.PromoterContact { margin: 0 0 5px 0; }

.PrevOrderEmail { padding: 5px; font-size: 12px; color: #000; text-align: right; }
.PrevOrderEmailBox { margin: 0 -4px 0 3px; padding: 7px; }
.EventDateHeader { margin: 0 0 15px 0; padding: 0px 4px 11px 2px; }
.EventDateName { padding: 5px 0 0 0; margin: 0 0 5px 0; max-width: 480px; color: #000; }
.EventDateNameList { font-weight: bold; color: #000; }
.EventDateLabel { overflow: hidden; clear: both; padding: 15px 0 3px 0; font-size: 13px; }
.EventDateInfo1 { float: left; font-size: 13px; }
.EventDateInfo2 { float: right; font-size: 13px; }

.EventDateVenue { clear: both; padding: 5px 0 5px 0; font-size: 13px; font-weight: 300; }
.EventDateTxt { color: #787878; margin-top: -15px; margin-bottom: 15px; }
.EventDateTxt p { padding: 0; margin: 0; }
.VenueName { padding: 10px 0 5px 0; font-size: 12px; font-weight: normal; }
.VenueAddress { font-size: 12px; font-weight: normal; }

#EventHeader { clear: both; margin: 0 0 15px 0; height: auto; }
.EventHeaderLeft { float: left; width: 480px; }
.EventHeaderRight { float: right; text-align: right; margin: 5px 0 0 0; }
.Listing280 { clear: both; float: left; overflow: hidden; padding: 10px; width: 260px; font-size: 12px; border: 1px solid #CCC; }
.Header280 { float: left; padding: 7px 5px; margin: 0 0 0 0; width: 270px; font-size: 14px; font-weight: bold; color: #666; background-color: #EEE; border: 1px solid #CCC; border-bottom: none; }

.SubFormInner { overflow: hidden; }
.SubForm1 { float: left; padding:  10px 10px 0 0; }
.SubForm2 { float: left; }
.SubForm3 { float: right; padding:  5px 0 0 5px; }
.SubFormPicture { width: 50px; height: 50px; max-width:50px; max-height: 50px; border-radius: 25px; border: 1px solid #eee; }
.SubNotes { font-size: 14px; color: #666; font-weight: 300; }

.EventVideo { margin: 0 0 0 0; }
/* Responsive Videos iframes */
.EventVideo { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.EventVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.EventPoster { width: 100%; border: none; }
.EventDateVenuePic { margin: 0px 10px 5px 2px; float: left; width: 75px; height: 75px; border-radius: 2px; }

/* CROSS EVENTS */
.XEventListWrapper { margin: 0 0 20px 0; box-sizing:border-box; }
.XEventListHeader { clear: both; padding: 15px 10px 5px 10px; font-size: 20px; color: #333; }
.XEventListItem { display:inline-block; overflow: hidden; width: 100%; border-radius: 15px; box-shadow: 0 2px 2px rgba(0,0,0,0.15); text-decoration: none !important; color: #333; }
.XEventListItem:active, .XEventListItem:hover { color: #333; }
.XEventListItemNoShadow { display:inline-block; overflow: hidden; width: 100%; border-radius: 15px; border: 1px dashed #bbb; border-radius: 15px; text-decoration: none !important; }
.XEventPictureWrapper { overflow: hidden; height: 150px; }
.XEventPicture { width: 100%; min-height: 150px; }
.XEventInfoWrapper { padding: 10px; min-height: 70px; box-sizing:border-box; background-color: #fff; }
.XEventDescriptionWrapper { overflow: auto; height: 220px; }
.XEventDescription { padding: 15px 15px 50px 15px; font-weight: 300; box-sizing:border-box; }
.XEventPoster { width: auto; height: 150px; }
.XEventName { margin: 0 0 4px 0; font-size: 16px; font-weight: 400; color: #222; letter-spacing: -.015em; }
.XEventDate { font-size: 12px; color: #999; }
.XEventButton { position: absolute; bottom:15px; right:15px; }
.XEventIcon { position: absolute; top:20px; right:0; font-size: 24px; }


/* Tickets */
.Child { background-color: #ffffc3; }
.AddOnHeader { padding: 10px 5px 7px 5px; font-size: 14px; font-weight: 400; color: #000; border-top: 1px solid #EEE; }
.AddOnNameFull { padding: 5px 10px 0 10px; }
.AddOnPic { float: left; margin: 0 5px 0 0; width: 50px; border-radius: 2px; }
.AddOnTxt { font-family: 'Roboto', Arial, Helvetica, sans-serif; padding: 10px 0 0 0; font-size: 12px; font-weight: 300; }
.RSVPWrapper { padding: 0 0 15px 0; text-align: right; }
.RSVPWrapperAS { padding: 0 0 15px 0; }

#ButtonMD .ButtonSubmit { margin-left: 15px; }

/* Seat Select Page */
.SeatMapEventDateDD { padding: 5px 10px; width: 100%; font-weight: bold; border: 2px solid #fdc121; } /* if right side is enabled and only one seat map */
.SeatMapEventDateDDSmall { padding: 10px 10px; margin: 0 0 10px 0; width: 100%; font-weight: bold; } /* if right side is disabled */
.SeatMapDD { padding: 10px 10px; margin: 0 0 0 0; width: 100%; font-weight: bold; } /* seat map drop down if right side is disabled */
.SeatMapLeft { padding: 0 0 5px 0; width: 100%; }
.SeatMapImg { float: none; margin: 0 auto; background-color: #FFF; position: relative; }
.SeatMapTicketBoxLeft { float: left; width: 600px; }
.SeatMapTicketBox { padding: 5px; background-color: #EFEFEF; border-radius: 0px; box-shadow: 0 1px 0 #DDD; }
.SeatMapTicketBoxTotal { padding: 10px; margin: 0 0 15px 0; font-size: 22px; font-weight: bold; color: #000; background-color: #EFEFEF; border-radius: 0px; box-shadow: 0 1px 0 #DDD; }
.SeatMapButtonSubmit	{ padding: 5px 5px; width: 100px; font-size: 12px; font-weight: bold; color: #FFF; background-color: #29cc1d; background-image: -moz-linear-gradient(#3ad72e, #20b515); color: #FFFFFF !important; text-shadow: 0px -1px 0px #21751b; border: 2px solid #c5f4c1; border-radius: 0px; text-decoration: none; cursor: default; text-align:center; }
.SeatMapTicketBoxBottom { clear:both; overflow:auto; padding: 10px 5px 5px 5px; width: 595px; text-align:right; }
.SeatMapIndex { float: left; overflow: visible; padding: 0 0 10px 0; width: 100%; }
.SeatMapIndexWrapper { float: left; overflow: visible; padding: 5px 0 5px 0; width: 100%; }
.SeatMapIndexText { font-size: 11px; color: #111; text-transform: uppercase; font-weight: 300; }
.SeatIndex { float:left; margin: 2px 4px 0 2px; width: 11px; height: 11px; border-radius: 2px; }
.SeatSelectHeader { overflow: hidden; padding: 0 0 0 0; }
.SelectTypeBgd { float: left; padding: 0 0 0 0; width: 50%; color: #888; box-sizing: border-box; font-weight:300; font-size: 12px; text-transform: uppercase; }
.SelectSectionBgd { padding: 0 0 0 0; width: 100%; color: #888; box-sizing: border-box; font-weight:300; font-size: 12px; text-transform: uppercase; }
.SelectedSeatsOuter { position: relative; float: right; width: 200px; top: 0px; right: 5px; }
.SelectedSeatsInner { position: absolute; top: 0px; left: 0px; padding: 5px; width: 190px; background-color: #EEE; z-index: 998; box-shadow: 0 1px 2px rgba(0,0,0,0.12); border-radius: 3px; }
.MiniMapWrapper { overflow:auto; background-color: #FFF; border-radius: 0px; }
.MiniMapIcon { margin: 0 8px 0 10px; height: 40px; border: 1px solid #dadada; cursor: pointer; }
.MiniMapButton { margin: 0 0 0 10px; }
.MiniMap { overflow: hidden; margin: 0 auto; text-align: center; box-sizing: border-box; border: 1px solid #dadada; box-shadow: 0 1px 2px rgba(0,0,0,0.12); }
.MiniMap > img { max-width: 1200px; }
.SeatMapNotes { padding: 7px; font-size: 12px; color: #333; line-height: 1.5; font-weight: 300; margin: -5px -5px 10px -5px; border-bottom: 1px dashed #dadada; }
.SocialDistancingSeat { pointer-events: none; opacity: 0; }
.PopupMsg { padding: 0 0 20px 0; }
.PopupMsgBtn .ButtonSubmit { display: block !important; }
.SeatMapPreloaderWrapper { position: relative; height: 0px; }
.SeatMapPreloader { background: rgba(255,255,255,0.5); z-index: 999; position: relative; left: 1px; top: 1px; }
.SeatMapPreloader > i { display: inline-block; margin: 35% 50%; }
.Label { display: block; font-size: 11px; color: var(--secondary-color); text-transform: uppercase; font-weight: 400; }

/* Subscriptions */
.GroupWrapper { padding: 0 0 0 0; }
.GroupHeader { float: left; padding: 5px 15px 5px 15px; font-size: 20px; color: #000; font-weight: 300; }
.GroupIcon { float: right; padding: 8px 15px 0 0; font-size: 16px; display: none; }
.GroupFilterWrapper { display: none; }
.GroupFilter { margin-bottom: 20px; }
.GroupImage { width: 100%; }
.GroupName { font-size: 24px; color: #000; font-weight: 600; }
.GroupText { padding: 0 0 10px 0; color: #666; }
.GroupToggle { display: none; }
A.LinkGroupToggle { text-decoration: none; }
A.LinkGroupToggle:link, A.LinkGroupToggle:visited { border-bottom: 1px dotted #666; color: #666; }
A.LinkGroupToggle:hover, A.LinkGroupToggle:active { border-bottom: 1px solid #000; color: #000; }

.SubPictureWrapper { float: left; width: 28%; }
.SubPictureWrapperAddOn { float: left; margin: 3px 15px 0 0; width: 28%; border: 1px solid #ccc; }
.SubscriptionColRight { float: right; margin: 0 0 20px 0; width: 70%; }
.SubPicture { margin: 0 0 5px 0; width: 100%; border: none; border-radius: 2px;}
.SubscriptionButtons { margin: 0 0 20px 0; }

.HeaderTestMode { font-size: 14px; font-weight: bold; color: #EE0000; }
.HeaderEventName { font-size: 20px; font-weight: 400; color: #000; }
.HeaderEventName a { color: #000; }
.HeaderEventNameCancelled { color: #EE0000; }
.EarlyAccessText { padding: 5px 0 0 0; font-size: 14px; color: #2d6ce0; font-style:italic; }
.EarlyAccessTextWarning { padding: 5px 0 0 0; font-size: 14px; color: #946d10; font-style:italic; }

#SubInfo { overflow:auto; width: 318px; height: 125px; font-size:11px; color: #666; line-height: 1.4; }
.SubscriptionHeader,
.SubscriptionEventName { padding: 0 0 10px 0; font-size: 18px; color: #000; }
.SubscriptionHeader h3 { display: block; font-size: 18px; text-align: left; }
.SubHeaderPopup { text-align: center !important; }
.SubscriptionHeader label { display: block; font-size: 13px; text-transform: uppercase; }
.SubscriptionName { font-size: 16px; color: #000; }
.SubscriptionText { color: #666; }
.SubscriptionInfo { padding: 5px 10px 10px 0; font-size: 12px; color: #000; }
.SubscriptionInfoRight { padding: 5px 0 10px 0; font-size: 12px; color: #000; }
.SubscriptionEventName { font-size: 20px; }
.SubscriptionEventDate { font-size: 14px; font-weight: 300; color: #777; }
.SubscriptionNotes { padding: 10px 0 10px 0; font-size: 13px; color: #666; }
.SubscriptionNotesSmall { padding: 0 0 5px 0; font-size: 12px; color: #888; font-weight: normal; }
.SubscriptionNotesPickAShow { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dadada; }
.SubscriptionQty { font-size: 10px; color: #666; font-weight:normal; }
.SubscriptionTixInfo { padding: 0 0 0 0; color: #000; font-weight: bold; }
.SubscriptionCancel { margin: 0 0 15px 0; font-size: 12px; text-align: right; }
.SubscriptionAddItem { position: relative; width: 100%; font-size: 14px; font-weight: 300; color: #333; border-bottom: 1px solid #eaeaea; margin-bottom: 8px; padding: 0px 10px; cursor: pointer; text-transform: capitalize; box-sizing: border-box; }
.SubscriptionAddItem label { position: relative; width: 100%; left: 35px; display: inline-block; padding: 10px 0 10px 0; }
.SubscriptionAddItem label span { display: inline-block; width: 80%; padding-right: 50px; }
.SubscriptionAddItem input { position: absolute; top: 15px; right: 33px; }
.SubscriptionAddItem div { margin: 1px 0 0 0; font-size: 11px; color: #666; text-align: left; }
.SubscriptionAddIcon { position: absolute; cursor: pointer; left: 10px; top: 10px; font-size: 15px; }
.SubscriptionPriceDisplay { padding: 5px; }
.SubSeatInfo { padding: 0 0 0 0; margin: 0 0 20px 0; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 300; }
.SubActive { font-weight: bold; color: #000; }
.SubSoldOut { padding: 15px 0 0 0; margin: 0 0 20px 0; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 300; }
.SubOptions { margin-bottom: 0px; }
.SubscriptionExtraWrapper { display: none; }
.PickAShowList { margin: 0 0 0 0; padding: 0 0 0 0; border: none; }
.PickaShowActive { margin: 2px 0 1px 0; background-color: #eee; border-color: #dadada; color: #000; border-radius: 5px; }
.PickaShowActive span { color: #000 !important; font-weight: 400; }
.PickaShowActive div { color: #000 !important; }
.EventDtlInfoDateVenue { font-size: 13px; color: #777; padding: 5px 0; }
.EventDtlInfoText { font-weight: 300; line-height: 1.4; }
.EventDtlInfoText p:last-child { margin-bottom: 0; padding-bottom: 0; }

.PickAShowSubscriptionHeader { padding: 30px 0px 10px 0px; font-size: 14px; font-weight: 400; color: #000; border-bottom: 1px solid #eaeaea; }
.BonusSubscriptionHeader { padding: 30px 0px 10px 0px; font-size: 14px; font-weight: 400; color: #000; border-bottom: 1px solid #eaeaea; }
#PickAShowIcon { font-size: 16px; color: #666; }
#BonusIcon { font-size: 16px; color: #666; }

.SubscriberWrapper { border: 1px dashed #CCC; border-radius: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); }
.SubscriberHeader { padding: 10px 10px 10px 10px !important; margin-bottom: 0 !important; font-weight: 300; }
.SubscriberHeaderLeft { float: left; font-weight: 400; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.SubscriberHeaderLeft > span { color: #666; font-weight: 300; }
.SubscriberHeaderRight { float: right; margin: -4px 0 0 0; text-align: right; font-weight: 300; }
.SubscriberInfo { padding: 10px 10px; background-image:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/bgd/cc-bg.png); font-weight: 300 !important; }
.SubMemberIcon { float: left; margin: 0 15px 0 0; width: 32px; height: 32px; border: 1px solid #666; border-radius: 32px; background-color: #fff; box-sizing: border-box; }
.SubMemberIcon > div { padding: 5px 0 0 0; font-size: .875em; font-weight: 400; text-align: center; color: #666; }

/* Registrations */
.RegHeader { padding: 10px 10px 10px 10px; font-size: 14px; font-weight: bold; color: #000; text-align: center; border: 1px solid #FFF; border-radius: 4px 4px 5px 4px; }
.RegMessage { padding: 15px 10px 10px 10px; font-size: 12px; text-align: center; }
.PrevRegForm { padding: 10px; background-color: #f4f4f4; }
.RegistrationForm { clear:both; }
.SelectRegFormBgd { float: right; margin: -25px 0 0 0; width:252px; height:28px; background-image:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/eventmanager/select_regform.png); background-repeat:no-repeat; }
.RegistrationBox { margin: 0; width: 100%; }
.RegFormLabel { overflow: hidden; display: block; padding: 15px; margin: 0 0 5px 0; font-size: 12px; color: #333; border: 1px solid #ccc; border-radius: 0px; line-height: 1.1; cursor: pointer; }
.RegFormLabel:hover, .RegFormLabel:active,
.RegFormLabel.Active { border: 1px solid #06C; background-color: #06C; color: #fff; }
.RegFormRadio { display: none; }
.RegFormStatus { float: left; margin: 0 12px 0 0; width: 16px; height: 16px; }
.CircleWhite { border: 1px solid #fff; border-radius: 10px; }
.CircleBlack { border: 1px solid #333; border-radius: 10px; }
.YesWhite { background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/check_white.png) no-repeat center center; }
.YesBlack { background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/check_black.png) no-repeat center center; }
.checkbox-item { clear: both; margin-bottom: 5px; }
.Checkbox { margin-right: 5px !important; }
.FieldIcon { padding: 0 0 0 5px; }
.FieldLabel, .FieldLabelRequired { text-align: right; }
.FieldLabel { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; color: #000; }
.FieldLabelRequired { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; color: #000; }
.FieldLabelRadio { position: revert !important; margin-top: 0px; }
.FieldLabelCheckBox { margin: 5px 0 0 0; }
.FieldLabelCheckBoxPrice { margin: 11px 0 0 0; }
.FieldNameSmall { font-size: 14px; }
.reg-container { padding: 5px; }
.BoxRegFormCheckBoxPrice > b { margin: 0 0 0 0; }
.BoxRegFormCheckBoxMultiWrapper { margin: 9px 0 0 0; }
.CheckBoxMultiWrapperVertical { margin: 0 0 -20px 0; }


/* Merchandise */
.MerchandisePageTitleWrapper .MerchandisePageTitle { margin: 0px 15px 0px 0px; font-family: var(--primary-font-family); font-size: 17px; font-weight: 500; color: var(--black-color) }
#MerCat:focus { outline: none; border: 1px solid #1e87f0; }
#MerCat { margin: 0; }
input#MerFilter::placeholder { color: #767473; opacity: 1; }
.MerchandiseInstructions { padding: 5px; margin: 0 0 15px 0; font-size: 12px; color: #666; line-height: 1.5; }
.MerPicOverlay {
	display: none;
	position: fixed; inset: 0;
  	background: rgba(0,0,0,.5);
	z-index: 9;
}
.MerPicWrapper { 
	display:none; 
	overflow: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	height: 300px;
	background: var(--bgd-color);
	border-radius: var(--primary-radius); 
	box-shadow: var(--shadow); 
	z-index: 10;
}
.MerPicWrapper img {
	width: 300px;
	height: 300px;
	max-width: 300px;
	max-height: 300px;
}

.MerchGridItem { position: relative; margin: 0 0 10px 0; overflow: hidden; border: 1px solid var(--border-color-light); border-radius: var(--secondary-radius); }
.MerchGridItem:hover { border: 1px solid var(--border-color-dark); box-shadow: var(--shadow-light); }
.MerchItemForm { clear: both; overflow: hidden; }
.MerchHeader { margin: 0 0 15px 0; padding: 0 0 0 0 !important; border-bottom: none !important; font-size: 17px !important; font-weight: 400; color: var(--color-primary) !important; line-height: 1.1; }
.MerchName { padding: 0 0 3px 0; font-size: 15px; font-weight: bold; }
.MerchText { font-size: 12px; }
.MerchDesc { 
	margin: 10px 0 10px 0;
	width: calc(100% - 120px);
	max-height: 65px; 
	overflow: hidden; 
	font-family: var(--primary-font-family); 
	font-size: 15px; 
	font-weight: 400; 
	color: var(--secondary-color); 
	transition: 0.5s;
}
.MerchDesc.AutoHeight {
	max-height: unset; 
}
.MerchDescMore {
	margin: 0 130px 0 0px;
	font-size: 14px;
	font-weight: 400;
	color: var(--primary-color);
	cursor: pointer;
}
.MerchDescMore:hover {
	color: var(--black-color);
}
.MerchPosterWrapper { 
	margin: 0 0 0 0; 
	width: 190px; 
	overflow: hidden;
}
.MerchPoster { height: auto; text-align: center; margin: 15px; }
.uk-grid > * > .MerchPoster { margin-bottom: 15px; }
.MerchPoster img { user-select: none; display: inline-block; width: 120px; height: 120px; max-height: 120px; border-radius: var(--secondary-radius); }
.MerchHeaderName { 
	margin: 0 0 5px 0; 
	padding: 0 0 0 0;
	font-size: 17px;
}
.MerchPricing { display: inline-block; padding-top: 0; font-size: 17px; font-weight: 500; color: var(--black-color); }
.MerchSoldOut { margin: 0 0 0 0; padding: 0 5px 0 0; font-size: 17px; font-weight: 500; color: #ee0000; text-align: right; }
.MerchMessage { padding: 0 0 0 0; font-size: 14px; color: var(--secondary-color); font-weight: 300; }
.MerCheckoutButton { position: absolute; top: 10px; right: 10px; z-index: 999; }
.MerCheckoutButton > .ButtonTickets { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); }

.MerchCatItem  { cursor: pointer; }
.MerchCatPoster { height: 200px; text-align: center; }
.MerchCatPoster img { display: inline-block; height: 200px; width: 100%; }
.MerFilterWrapper { width: 100%; }
.MerFilterWrapperMedium { width: calc(100% - 180px); }
.MerFilterWrapperSmall { width: calc(100% - 280px); }
.MerFilterIcon { position: absolute; top: 7px; right: 7px; font-size: 16px; }
.MerchFooter { margin: 0 0 15px 0; }
.__FilterableItem[hidden-by-filter='false'] { display: block; }
.__FilterableItem[hidden-by-filter='true'] { display: none; }

.ModalMerchPoster img { width: 100%; }
.RegMerch { padding: 0 0 0 30px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/eventmanager/related_mer.png) 0 0 no-repeat; }
.MerDelivery { padding: 0 0 10px 0; color: #06C; }
.MerchOrigPrice { font-size: 11px; color: green; }
.MerchTitleWrapper { padding: 15px 10px 10px 0px; }
.MerchTitleWrapper h2.HeaderEventName { margin: 0px; padding: 0px; }
.MerchBottomWrapper { border-top: 1px solid #dadada; padding: 15px 15px 10px 15px; }
.MerchBottomWrapper .MerchPrice { display: inline-block; padding-top: 10px; }
.MerchPrice { font-size: 16px; font-weight: 500; }
.MerchPriceDD { padding: 6px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; }
.MerchButtonWrapper { padding: 15px 0 5px 0; text-align: right; }
.MerchButtonWrapper .ButtonSubmit { width: 100%; box-sizing: border-box; }
.MerchCurQty { position: absolute; top:-36px; right: 0px; padding: 5px 5px 5px 5px; min-width: 22px; border: 1px solid #ee0000; border-radius: 10px; text-align: center; color: #fff; font-weight: bold; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); background-color: #ee0000; }

.MerchOptions {
	margin-top: 10px;
	margin-bottom: 10px;
}
.MerchQtyWrapper { 
	position: absolute; 
	top: 60px;  /* keep the plus minus vertically centered to the picture*/
	right: 15px;
	margin: 0 5px 0 0;
	padding: 0 0 0 0; 
	width: 100px;
	display: grid;
  	grid-template-columns: repeat(3, minmax(0, 1fr));
  	gap: 1rem;
	box-sizing: border-box;
}
.MerchQtyWrapper .PlusMinus {
	padding: 0;
}
.MerchQty { 
	margin: -2px 0 0 0;
	width: 34px;
	text-align: center; 
	font-size: 24px; 
	font-weight: 400; 
}
.NoMerchandiseMsg { padding: 15px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 300; color: #666; background-color: #fff; }
.MerchandiseSelect { 
	position: relative; 
	overflow: hidden; 
	height: 100%; 
}

.__FilterableMerchItem[hidden-by-filter='false'] {
    display: block;
}

.__FilterableMerchItem[hidden-by-filter='true'] {
    display: none;
}

.MerchByCategoryView.MerchandisePageTitleWrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.MerchItemsSortFieldsWrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.MerCatWrapper{
    margin-right:15px;
}


#MerchSortOrder{
    min-width: 170px;
}

.MerchSelectOptionsWrapper {
    overflow: visible;
    overflow-y: auto;
    display: inline-flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 0rem;
    background: #fff;
    position: relative; 
}

.MerchSelectOptionsWrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background: transparent;
    font-size: 1rem;
    color: #333;
    padding: 0.5rem 2rem 0.5rem 10px;
    cursor: pointer;
    outline: none;
}

/* Kill UA focus ring on buttons, we’ll opt-in with focus-visible */
button:focus,
[role="button"]:focus {
    outline: none;
}

/* Keyboard-only focus for buttons */
button:focus-visible,
[role="button"]:focus-visible {
    outline: 2px auto #1e87f0;
    outline-offset: 2px;
}

/* Kill UA focus ring, we’ll opt-in with focus-visible */
.MerchSelectOptionsWrapper select:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

/* Keyboard-only focus */
.MerchSelectOptionsWrapper select:focus-visible {
    border: 1px #1e87f0;
    border-radius: 6px;
    outline: 1px solid #1e87f0;
}

/* Chevron label positioned on the right */
.MerchSelectOptionsWrapper .select-arrow {
    position: absolute;
    right: 0.5rem;
    display: flex;
    align-items: center;
    pointer-events: none;
    color: #333;
    z-index: 1;
}

.MerchSelectOptionsWrapper .select-arrow i {
    font-size: 1.2rem;
    color: #555;
}

.SearchCategoryFormElements {
    overflow: visible;
    overflow-y: auto;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 0rem;
    background: #fff;
    position: relative;
    width: 80%;
}

.SearchCategoryWrapper {
    flex: 3;
}

.SearchCategoryFormElements input{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background: transparent;
    font-size: 1rem;
    color: #333;
    padding: 0.5rem 2rem 0.5rem 10px !important;
    cursor: pointer;
    outline: none;
    width: 100%;
}

/* Checkout */
#CodePreLoader img { display: inline-block; margin-right: 5px; }
#Checkout { width: 478px; height: auto; padding: 0; margin: 0 0 0 15px; }
.CheckoutInstructions, .CheckoutMsg, .RefundMsg { clear: both; margin: 0 0 15px 0; padding: 10px; font-size: 12px; color: #666; line-height: 1.5; border: 1px solid #999; border-radius: 0px; font-style:italic; }
.CheckoutMsgCart { margin: 25px 0 -15px 0 !important; }
.SelectPaymentMsg { clear: both; margin: 30px 0 -15px 0 !important; padding: 10px 0 10px 0; font-size: 16px; color: #666; line-height: 1.5; }
.PageCheckoutContinueLink { padding: 5px; }
.PageCheckoutRewardLabel { font-size: 13px; }
.PageCheckoutRewardMessage { color: #666; font-style: italic; margin-bottom: 15px; }
.CartDisclaimer { padding: 5px 5px 15px 5px; font-size: 10px; color: #111; font-weight: bold; }
.CartDisclaimerRed { padding: 5px 5px 10px 5px; font-size: 10px; color: #CC0000; font-weight: bold; }
.CartText { padding: 5px; font-size: 13px; color: #333; }
.CartIcon { padding: 3px 0 5px 5px !important; text-align: right; }
.CartEventName { font-size: 12px; color: #000; }
.CartSubTotal { padding: 3px 5px; font-size: 13px; color: #666; font-weight: 300; background-color: #fff; }
.CartSubTotalWrapper td { border-top: 1px solid #f4f4f4 !important; }
.CartSubTotalLabel { padding: 3px 5px; font-size: 13px; color: #666; font-weight: 300; text-align: right; background-color: #fff; }
.CartSubTotalLabel > A.Help, #CartShippingLabel > A.Help { border: 1px solid #007DC5; border-radius: 50px; text-decoration:none; background-color: transparent; font-size: 12px; padding: 2px 5px; margin-right: 2px; color: #007DC5; display: inline-block; line-height: 1.0; font-weight: 400; }
#CartShippingLabel { min-width: 100px; }
.CartDelivery { text-align: right; vertical-align: bottom; }
.CartFeeIcon { font-size: 16px; }
.CartTotalLabel { padding: 5px 5px; font-size: 14px; color: #666; font-weight: 400; text-align: right; border-top: 1px solid #f8f8f8 !important; }
.CartTotal { padding: 5px 5px; font-size: 14px; color: #000; font-weight: 400; border-top: 1px solid #f8f8f8 !important; }
.ShowPackage { padding: 3px 5px 3px 5px; margin: 0 0 0 10px; font-weight: 300 !important; font-size: smaller; text-decoration: none; color: #000; border: 1px solid #000; border-radius: 10px; white-space: nowrap; }
.ShowPackage:active, .ShowPackage:hover { color: #666; text-decoration: none; }
.PaymentTotal { font-size: 20px; font-weight: bold; color: #000; }
.PayByCheckMessage { padding: 5px; font-size: 12px; }
.GiftHeader { float: left; padding:  5px 0 0 0; }
.GiftToggle { float: right; }
.GiftNotes { padding: 0px 0px 15px 0px; font-style:italic; color: #0033CC; line-height: 2; }
.BillNotes { padding: 0px 0px 15px 0px; font-style:italic; color: #0033CC; line-height: 2; }
.NewsletterWrapper { padding: 10px 5px 0 5px !important; line-height: 1; }
.EmailNewsletterDescription, .EmailNewsletterDescription .uk-hidden { display: block !important; font-size: 13px; color: #555; padding-left: 26px; margin-bottom: 10px; }
.DiscountPrice { margin: 0 0 0 0; font-size: 11px; color: #666; text-decoration:line-through; }
.CurrencyInfo { padding: 5px 0 0 5px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 300; color: #666; border-top: 1px solid #eee; font-style:italic; }
.FlexNotice { transform: scaleX(-1); height: 30px; margin: 10px 10px 0 0; }
#EnterSubscription { padding: 5px 15px 15px 15px; background-color: #f8f8f8 !important; border-radius: 0px; }
.LoginLink { cursor: pointer; text-decoration: underline; color: #0033CC; }
.LoginLeft { float: left; padding: 0 0 0 0; width: 48%; }
.LoginRight { float: right; padding: 0 0 0 0; width: 48%; }
.LinkLight { text-decoration: none; color: #009acd }
.RewardsHeader { padding: 20px 0 0 0; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 300; color: #666; }
#PhonePrefix { padding-left: 0px !important; }
.ImgCartClose { font-size: 16px; color: #666; }

.LinkAccountEdit { text-decoration: none !important; color: var(--secondary-color); font-size: 16px; background: none; border: none; padding: 0; cursor: pointer; }
.LinkAccountEdit:hover { color: var(--primary-color); }

.SigninWrapper.Popup,
.SigninWrapper.Popup .SigninRight { border: none; }
.SigninWrapper.Popup .ContentBoxHeader { display: none; }
.SigninWrapper.Popup .SigninLeft { background-color: transparent !important; }
.CartAbandonmentForm { margin-top: 0 !important; }
.CartAbandonmentForm .SignInHdrLabel p { margin: 0; }
.CartAbandonmentForm .__required { border-left: 1px solid #e44141; }
.CartAbandonmentForm .__hover:hover,
.CartAbandonmentForm .__hover:active { border: 1px solid #ccc !important; box-shadow: none; }
.CartAbandonmentForm .__required:hover,
.CartAbandonmentForm .__required:active { border-left-color: #e44141 !important; }

#LoginResult { box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); }
.SigninWrapper { clear: both; overflow: hidden; background-color: transparent; border: 1px solid #dadada; }
#SigninForm .SigninWrapper,
#SignupForm .SigninWrapper,
#FormPasswordRecovery .SigninWrapper { margin: 0 0 0 0; }
.SigninLeft { float: left; width: 50%; min-height: 220px; box-sizing:border-box; }
.SigninRight { float: right; width: 50%; box-sizing:border-box; border-left: 1px solid #dadada; }
.SigninRightMin { min-height: 231px; }
.SignInExistingAccount { padding: 5px 10px 0 10px; }
.SigninHeader { padding: 5px 0 5px 15px; }
.SignInBox { padding: 0 15px 15px 15px; }
.SignInHdrLabel { padding: 0 10px 0 10px; }
.SignInSSOHdrLabel, .SignInNewAcctHdrLabel, .SignInGuestHdrLabel{ font-size: 16px; font-weight: 400; font-family: var(--primary-font-family); }
.SignInSSOHdrTxt, .SignInNewAcctHdrTxt, .SignInGuestHdrTxt, .SignInResetTxt { padding: 0 0 3px 0; font-family: var(--primary-font-family); font-size: 14px; font-weight: 400; font-family: var(--primary-font-family); }
.SignInBox .SignInCreateAccount button.ButtonSubmit { background-color: #999; }

.BoxSignInEmail { float: left; margin: 0 0 0 0; }
.BoxSignInEmail2 { margin: 0 0 10px 0; border: 1px solid #999; }
.BoxSignInPass { float: right;  margin: 0 0 0 0; }
.BoxSignInPass2 { margin: 0 0 10px 0; border: 1px solid #999;  }
.BoxSignInName2 { margin: 0 0 10px 0; border: 1px solid #999; }
.SigninButtonWrapper { display: flow-root; clear:both; padding: 0 0 0 0; }
.SigninButtonWrapper .LinkBack { 
	display: block; 
	text-align: left; 
	padding: 8px 0 5px 0; 
}
.PasswordRecoverLink { 
	text-align: right; 
	padding: 5px 0 0 0; 
}
.SigninButton { 
	display: block; 
	width: 100%; 
}
.SigninButton > .ButtonSubmitAlt { 
	padding: 15px; 
	width: 100%; 
}
.SocialSigninOrWrapper { margin: 0 0 20px 0; }
.SocialSigninLine { border-bottom: 1px solid #dadada !important; }
.SocialSigninOr { padding: 0 5px 0 5px; text-align: center; font-size: 12px; font-weight: 300; color: #666; }
.SocialSigninOrInner { position: relative; top: 7px; }
#ShareWrapper { white-space: nowrap; }
#facebook-btn { margin-bottom: 15px; }
.fb-login-button { overflow: hidden; padding: 3px 0 3px 0; min-height: 28px; background: #1877f2; width: 100% !important; border-radius: 0; }
.fb_iframe_widget_fluid { display: inline-block !important; }
#twitter-btn { overflow: hidden; }
.ButtonTwitter { display: inline-block; width: 100%; padding: 9px 7px 9px 7px; line-height: 1.28 !important; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #fff; text-decoration: none;  background-color: #0084b4; border: none; border-radius: 0px; }
.ButtonTwitter:hover, .ButtonTwitter:active { text-decoration: none !important; color: #fff; }
.svgTwitter { float: none; padding: 3px 4px 0 0; width: 16px; }
.pathTwitter { fill:#ffffff; }
.SocialPreShareWrapper { margin-bottom: 12px; }
.FacebookPreShare { clear: both; padding: 8px 10px; margin: 0 0 20px 0; font-size: 14px; color: #3b5998; text-align: center; border: 1px solid #3b5998; border-radius: 0px; font-weight: 600; }
.ShareButton { margin: 0 2px 0 0; padding: 4px 6px 3px 6px; background-color: #3b5998; background-image: none; border: none; border-radius: 3px; color: #ffffff; cursor: pointer; font-size: 11px; text-align: center; text-decoration: none; text-decoration:none !important; }
.ShareButton:hover, .ShareButton:active { background-color: #2d4a86; color: #fff; }
.twitter-share-button { margin: 1px 0 1px 0; }

.MyCartWrapper { clear: both; overflow: hidden; margin: 0 0 0 0; padding: 15px 15px 20px 15px; }
.MyCartWrapper2 { clear: both; overflow: hidden; margin: 0 0 0 0; padding: 0px 5px 5px 5px; }
.MyCartText { padding: 5px 0; font-size: 14px; color: #767473; font-weight: 300; }
.MyCartSummary { padding: 10px 0 0 0; font-size: 18px; color: #333; font-weight: 300; border-top: 1px solid #dadada !important;  }

.SignInText { margin: 0; padding: 0 10px 0 2px; font-size: 11px; font-style: italic; line-height: 14px; text-align: right; color: #666; }
.SigninTab { float: right; padding: 10px; margin: -6px 6px -8px 0; color: #000; font-weight: normal; background-color: #fff; border-radius: 0px; cursor: pointer; }
.SignupTab { float: right; padding: 10px; margin: -6px 6px -8px 0; color: #000; font-weight: normal; background-color: #fff; border-radius: 0px; cursor: pointer; }
.GuestTab { float: right; padding: 10px; margin: -6px -5px -8px 0; color: #000; font-weight: normal; background-color: #fff; border-radius: 0px; cursor: pointer; }
.SigninTab:hover, .SignupTab:hover, .GuestTab:hover, .ActiveTab { background-color: #ccc; }
.SignInCreateAccount button,
.SignInGuestCheckout button { width: 100%; display: inline-block; }

.SigninResponseLabel { padding: 10px 10px 10px 10px; font-size: 14px; font-weight: 300; }
.SigninResponseWrapper { padding: 0 10px 10px 10px; }
.SigninResponseWrapper .ButtonGoToMyAccount { margin: 0 0 10px 0; padding: 12px; width: 100%; background-color: var(--black-color); }
.SigninResponseWrapper .ButtonClose { padding: 12px; width: 100%; background-color: #bbb; color: var(--black-color); }

#CodeForm { overflow: hidden; }
.PasswordButton { float: right; padding: 8px 7px 0 0; }
.SpacerBilling { padding: 2px 10px 2px 0px; }
.RegistrationHeader { padding: 5px; margin: 0 0 10px 0; text-transform: uppercase; color: #666; font-weight: 300; font-size: 14px; }
.Required { font-size: 10px; color: #999; font-weight: normal !important; }
.SigninDisclaimer { float: right; padding: 0px 5px 0 0; margin: -5px 0 0 0; width: 270px; font-size: 12px; color: #333; text-align:right; }
.OrderID { font-size: 11px; font-weight: normal; color: #767473; }
.GiftCardIconSm { margin: -2px 2px 0 0; }
.DiscountCodeFields { box-sizing: border-box; }
.DiscountCodeFields .CodeInput { padding: 10px 10px 9px 10px !important; margin: 0 0 0 0; border: 1px solid #dadada; border-radius: 0px; font-size: 14px; font-weight: 300; }
.DiscountCodeFields .CodeInputButton { overflow: hidden; text-overflow: ellipsis; }

/* DONATION PAGE */
.DonateHeader { padding-left: 3px !important; }
.DonateDescription { padding: 0 5px 10px 5px; font-size: 14px; font-weight: 300; line-height: 1.3; }
.DonatePictureWrapper { padding: 15px 5px 15px 5px; }
.DonatePicture { width: 100%; border-radius: 2px; }
.DonationInfoSm { clear:both; padding: 1px 0 5px 24px; font-size: 12px; color: #666; }
.DonationName { float: left; padding: 4px; font-weight: bold; color: #000; }
.DonationMsg { clear: both; padding: 0 0 20px 0; font-size: 16px; color: #06C; line-height: 1.5; }
.DonWrapperActive { background-color: #f4fff4 !important; }
.DonateNow {
	max-width: 200px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap !important;
}

.DonationProgressLabel { clear: both; overflow: hidden; /*padding: 10px 3px 0 3px;*/ width: 95%; color: #999; box-sizing:border-box; }
.DonationProgressWrapper { /*margin: 0 0 15px 0;*/ width: 95%; /*font-size: 10px;*/ color: #999; /*border: 1px solid #dadada; border-radius: 8px;*/ box-sizing:border-box; }
.DonationProgressWrapper > progress { border: 1px solid #dadada; border-radius: 8px; }
.DonationProgress { margin: 1px; height: 10px; border-radius: 5px; box-shadow: inset  0 1px 1px rgba(0, 0, 0, 0.25); background-color: #16c512; }
.DonationSum { width: 33%; text-align: left; font-size: 18px; color: #46C654; }
.DonationDonors { width: 33%; text-align: center; font-size: 12px; color: #333; }
.DonationTarget { width: 33%; text-align: right; font-size: 12px; color: #999; }

.DonListBgd { margin: 5px 5px 15px 5px; padding: 0; background-color: #fff; border: 1px solid #dadada; border-radius: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
.DonLeft { box-sizing: border-box; float: left; padding: 10px 5px 0px 15px; width: 30% }
.DonRight { float: right; padding: 15px 15px 0px 5px; width: 64% }
.DonName { padding: 0 0 15px 0; font-size: 20px; font-weight: 400; }
.DonNameFull { padding: 15px 15px 5px 15px; font-size: 20px; font-weight: 400; }
.DonCampaign { padding: 6px 10px; margin: 0 0 15px 0; width: 100%; font-size: 18px; }
.DonPicWrapper { padding: 15px 15px 15px 15px; }
.DonPriceWrapper { margin: 0 0 15px 0; font-size: 12px; border: 1px solid #dadada; }
.DonPledgeWrapper { margin: 0 0 15px 0; font-size: 12px; }
.DonRecognizeWrapper { margin: 10px 0 15px 0; padding: 5px; font-size: 14px; font-weight: 300; }
.DonRecognize { margin: 15px 0 0 0; padding: 5px; background-color: #fff; border: 1px solid #dadada; border-radius: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
.DonRecognizeLeft { float: left; padding: 13px 13px 0 0; }
.DonRecognizeRight { float: left; width: 90%; }
.DonRecognizeRight .DonLabel { float: left; padding: 8px 0 0 0; }
.RecognizedName { border: none !important; }
.DonAnonymousWrapper { margin: 10px 0 15px 0; padding: 5px; font-size: 14px; font-weight: 300; }
.DonMatchingWrapper { margin: 10px 0 15px 0; padding: 0 0 5px 5px; font-size: 14px; font-weight: 300; }
.DonMatching { margin: 15px 0 0 0; padding: 5px; background-color: #eee; border-radius: 0px; border: 1px solid #dadada; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
.DonRecurringWrapper { margin: 10px 0 20px 0; padding: 0 0 15px 5px; font-size: 14px; font-weight: 300; }
.RecurringMsg { float: left; padding: 3px 0 0 0; font-size: 13px; color: #666; font-weight: 300; }
.DonMemoryOfWrapper { margin: 10px 0 15px 0; padding: 5px; font-size: 14px; font-weight: 300; }
.DonMemoryOf { margin: 15px 0 0 0; padding: 5px; background-color: #fff; border: 1px solid #dadada; border-radius: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
.InMemoryOf { border: none !important; }
.DonHonorOfWrapper { margin: 10px 0 15px 0; padding: 5px; font-size: 14px; font-weight: 300; }
.DonHonorOf { margin: 15px 0 0 0; padding: 5px; background-color: #fff; border: 1px solid #dadada; border-radius: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
.InHonorOf { border: none !important; }
.DonCommentWrapper { margin: 0 5px 30px 5px; font-size: 14px; font-weight: 300; }
.DonComment { padding: 5px 0 0 0; }
.DonComment > textarea { font-size: 14px; font-weight: 300; }
.DonButton { padding: 0 5px 0 5px; text-align:right; height: 50px; }
.DonPic { width: 100%; border-radius: 2px; }
.DonInfo { clear: both; padding: 15px 15px 10px 15px; font-size: 14px; font-weight: 300; color: #333; line-height: 1.5; }
.DonSelectAmount { margin: 15px 0 5px 0; font-size: 12px; }
.DonOtherAmount { margin: 15px 0 15px 0; font-size: 12px; }
.DonOtherAmountInline { margin: 0 0 15px 30px; font-size: 12px; }
.DonLabel { margin-right: 10px; color: #000; }
.DonCustAmt { float: left; margin-left: 10px; }
.DonCustAmtLabel {
    float: left;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5;
    padding: 6px 10px 0 0;
    text-align: left;
}
.DonBox {
    border: 2px solid #ddd;
    border-radius: 0px;
    float: left;
    font-size: 18px !important;
    margin: 0 5px 0 0;
    padding: 10px 11px 11px 11px;
	text-align: center;
	width: 100px;
}
.DonNoThanks { clear: both; padding-top: 10px; text-align: right; }

/* Hide radio button (the round disc) we will use just the label to create pushbutton effect */
.DonRadio {
    display:none;
    margin:10px;
}
/* Change the look'n'feel of labels (which are adjacent to radiobuttons). Add some margin, padding to label */
.DonRadio + label {
    display:inline-block;
    margin: 0 0 5px 0;
    padding: 8px 10px 8px 10px;
    background-color: #fff;
    border: 1px solid #fff;
	border-radius: 3px;
	font-size: 16px;
	color: #16c512;
	transition: all 0.3s ease 0s;
}
.DonRadio + label > span {
    border: 1px solid #16c512;
	background-color: #fff;
    border-radius: 6px;
    float: left;
    height: 10px;
    margin: 6px 10px 0 0;
    width: 10px;
}
/* Change background color for label next to checked radio button to make it look like highlighted button */
.DonRadio:checked + label {
   	background-image: none;
    background-color:#fff;
	border: 1px solid #16c512;
	border-radius: 3px;
	color: #16c512;
}
.DonRadio:checked + label > span {
    border: 1px solid #16c512;
	background-color: #16c512;
    border-radius: 6px;
    float: left;
    height: 10px;
    margin: 6px 10px 0 0;
    width: 10px;
}
.DonRadio:hover + label {
   	background-color: #c3dff3;
	border: 1px solid #85bce2;
	border-radius: 3px;
}

.DonPrice { padding: 7px 10px 7px 10px !important; width: 100px; font-size: 16px; border-radius: 3px; }
.DonActive { color: #1b8f19; border: 1px solid #16c512; }

.EarlyBirdPrice { font-size: 11px; color: #666; text-decoration:line-through; }
.SavingsText { text-align: right; }

.TicketUserInfoNotes { padding: 2px 1px; font-size: 10px; color: #999; text-align:center; border-bottom: 1px solid #EEE; }
.TicketUserInfoTix { padding: 5px 2px 0 2px; font-size: 11px; color: #111; line-height: 1.0; }
.TicketUserInfoTixNumber { padding: 5px; width: 60px; font-size: 11px; font-weight: bold; color: #111; }

/* DONATIONS */
.DonationWrapper .ContentBoxHeader { padding: 15px; }
.DonationWrapper .ContentBoxInner { padding: 10px 15px 15px 15px; }
.DonationHeader { clear: both; padding: 10px 0 10px 0; font-size: 13px; font-weight: bold; color: #0a4abf; }
.DonationHeaderConfirmation { padding: 12px 15px 12px 15px !important; border-bottom: none !important; }
.DonationInfo { border-top: 1px solid #dadada; }
.DonationNotes { padding: 0 0 10px 0; margin: 0 0 10px 0; font-size: 14px; color: #666; font-weight: 300; border-bottom: 1px dashed #f4f4f4; }
.DonationLabel { font-size: 14px; color: #666; font-weight: 300; }
.DonationAmount { font-size: 13px; color: #000; }
.DonationButton { float: right; margin: 22px 0 0 0; }
a.NoThanksButton { display: inline-block; margin: 0 10px 0 0; }
.GiftListingName { padding: 8px; width: 98%; border: 1px solid #aaa; box-sizing: border-box; }

.DonFormLabel { overflow: hidden; display: block; padding: 15px; margin: 0 0 5px 0; font-size: 16px; color: #333; border: 2px solid #16c512; border-radius: 3px; line-height: 1.1; cursor: pointer; }
.DonFormLabel:hover, .DonFormLabel:active,
.DonFormLabel.Active { border: 2px solid #16c512; background-color: #16c512; color: #fff; }
.DonFormRadio { display: none; }
.DonFormStatus { float: left; margin: 0 12px 0 0; width: 16px; height: 16px; }

#DonationInfo { margin: 0 0 30px 0; }
#DonationInfo .ContentBoxOuter { margin: 30px 0 0 0; }

.ui-datepicker { border: 1px solid #dadada !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); }

/* VIDEO */
.VideoDescriptionWrapper { padding: 5px; border: 1px solid #eee; }
.VideoDescriptionLabel { margin: 0 0 -5px 0; font-size: 16px; font-weight: 300; }
.VideoDescriptionLabel span { width: 85%; }
.VideoDescription { font-weight: 300; }
.VideoContainer { margin: 0 auto 0 auto; width: 100%; }
.VideoWrapperZoom, .VideoWrapperTwitch { border: 1px solid #dadada; overflow: hidden; min-height: 600px; }
.VideoWrapperZoom,
.VideoWrapperZoom iframe,
.VideoWrapperTwitch,
.VideoWrapperTwitch iframe { visibility: visible !important; min-height: 600px !important; }
.VideoButtons { clear: both; overflow: hidden; margin: 5px 0 0 0; }
.VideoDonationBtnWrapper { float: left; margin: 3px 0 8px 8px; color: #fff; text-decoration: none; }
.VideoChatBtnWrapper { float: left; margin: 3px 0 8px 8px; color: #fff; text-decoration: none; }
.VideoSignoutBtnWrapper { float: right; margin: 3px 8px 9px 0; color: #fff; text-decoration: none; }
.VideoButtons a, .VideoButtons a:hover { display: inline-block; padding: 2px 5px; background-color: #888; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 500; text-decoration: none; }
.VideoButtons a:hover { background-color: #dadada; color: #fff; }
.VideoOptions { padding: 0 0 0 0; height: auto; }
/* VIDEO DONATION */
.VideoDonateContainer { display: none; height: auto; box-sizing:border-box; }
.VideoDonation { overflow: hidden; display: block; padding: 0; width: 100%; border: 1px solid #eee; box-sizing:border-box; }
.VidDonFull { display: block; float: none; width: 100%; box-sizing:border-box; }
.VidDonLeft { display: block; float: left; width: 35%; box-sizing:border-box; }
.VideoPicture { width: 100%; height: auto; }
.VideoInfoText { padding: 0 0 15px 0; margin: -5px 0 15px 0; border-bottom: 1px solid #eaeaea; font-weight: 300; }

/* VIDEO CHAT */
.VideoChatContainer { display: none; height: auto; box-sizing:border-box; }
.VideoChat { overflow: hidden; display: block; margin: 0 8px 0 0; padding: 8px; width: 100%; border: 1px solid #eee; box-sizing:border-box; }
.VidChatFull { display: block; float: none; padding: 0px; width: 100%; box-sizing:border-box; }
.VidChatRight { display: block; float: right; padding: 0 0 0 15px; width: 65%; box-sizing:border-box; }
.VideoChatRow { clear: both; overflow: hidden; padding: 5px 5px 0px 5px; margin: 0 0 5px 0; background-color: #f8f8f8; border-radius: 5px; }
.VideoChatRowLeft { float: left; width: 15%; box-sizing:border-box; }
.VideoChatUsername { position: relative; top:-5px; left:0px; font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #999; font-size: 14px; font-weight: 300; text-transform: uppercase; line-height: 1; }
.VideoChatTimestamp { display: block; margin:-2px 0 0 0; font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #999; font-size: 9px; color: #999; font-weight: 300; text-transform: uppercase; }
.VideoChatMessage { float: left; width: 85%; font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #333; font-size: 14px; border: none; box-sizing:border-box; }
.VideoChatWindow { border: none; height: 330px; overflow-y: auto; overflow-x: hidden; }

#ChatMessage { float: left; margin: 0 10px 0 0; width: 50%; }
#SendMessage { float: left; }
#ScrollToBottom { display: none; position: absolute; right: 5px; bottom: 5px; font-size: 24px; color: #333; }
#ScrollToBottom:hover { color: #999; }
.VideoChatFooter { padding: 8px 0 0 0; }
.ChatUsername { float: left; margin: 0 10px 0 0; width: 20%; border-radius: 3px; }
.ChatMessage { float: left; margin: 0 10px 0 0; width: 50%; border-radius: 3px; }
.ChatSubmit { border-radius: 3px; }
.VideoEmoji { float: left; margin: -4px 10px -4px 0; font-size: 32px; cursor: pointer; }


/* CHECKOUT */
.CheckoutBillHeader { float: left; width: 300px; }
.CheckoutShipHeader { float: left; }
.CheckoutBillText { padding: 0 0 15px 15px !important; width: 100%; box-sizing: border-box; }
.CheckoutShipText { float: left; padding: 0 0 0 10px; width: 255px; }
.CheckoutLeft { overflow: hidden; float: left; }
.CheckoutRight { overflow: hidden; float: right; }
.CheckoutTotal { float: right; text-align:right; padding: 14px 0 0; font-size: 30px; line-height: 1; }
.CheckoutUserAgreement { float: left; padding: 3px 0 0 5px; width: 225px; height: 25px; overflow:auto; }
.CheckoutUserAgreement2 { float: left; padding: 3px 0 4px 5px; width: 225px; }
#ProcessEC { text-decoration: none; }
.PayPalMessage { color: gray; font-size: 20px; }
.PayPalLink { color: #30F; text-decoration: none; }

.Error { padding: 10px 10px 12px 32px; margin: 0 0 20px 0; color: #FFF; font-size: 14px; font-weight: 300; border-radius: 0px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/error.png) 10px 13px no-repeat #ff6666; background-position: top 13px left 10px; line-height: 1.5; }
.Error2 { padding: 10px 10px 7px 32px; margin: 0 0 10px 0; color: #FFF; font-size: 14px; font-weight: 300; border-radius: 0px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/error.png) 10px 13px no-repeat #ff6666; background-position: top 13px left 10px; line-height: 1.5; }
.ErrorOutline { padding: 10px; margin: 0 0 20px 0; color: #ee0000; font-size: 14px; border-radius: 0px; border: 1px solid #ee0000; line-height: 2; }
.ErrorNoTickets { margin-top: 25px; }
.Success { padding: 10px 10px 12px 32px; margin: 0 0 20px 0; color: #229e1c; font-size: 12px; font-weight: bold; border-radius: 0px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/success.png) 10px 13px no-repeat #c7fcc6; background-position: top 13px left 10px; line-height: 1.5; }
.Alert {  padding: 10px 10px 12px 32px; margin: 0 0 20px 0; color: #FFF; font-size: 14px; font-weight: 300; border-radius: 0px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/error.png) 10px 13px no-repeat #58b2ff; background-position: top 13px left 10px; line-height: 1.5; }
.AlertNoMargin { margin-bottom: -1px; }
.Info { clear: both; padding: 10px; margin: 0 0 15px 0; color: #fff; font-size: 14px; border-radius: 8px; background: #52a3f6; line-height: 1.5; }
.InfoYellow { clear: both; padding: 10px; margin: 0 0 20px 0; color: #000; font-size: 14px; border-radius: 0px; background: #efea56; line-height: 1.5; text-shadow: 0 1px 0px rgba(255, 255, 255, 1); }
.InfoOutline { 
	padding: 15px; 
	margin: 0 0 15px 0; 
	font-size: 17px; 
	font-weight: 400;
	color: var(--secondary-color); 
	border-radius: var(--secondary-radius); 
	border: 1px solid var(--border-color);  
	background-color: var(--white-color); 
	line-height: 1.5;
	box-sizing: border-box;
}
.InfoOutline p {
	margin: 0 0 0 0;
}
.InfoArrowDown { position: absolute; bottom: -7px; right: 14px; width: 11px; height: 7px; background-image:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/info_blue_down.png); background-repeat:no-repeat; }
.Info > a { color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; }
.Info > a:hover { color: #fff; border-bottom: 1px solid #fff; text-decoration: none; }
.Info .Icon { margin: 0 5px 0 0; font-size: 16px; color: #fff; }

.DeliveryBox { padding: 0 0 3px 2px; margin: 1px; width: auto; min-width: 150px; font-size: 11px; background-color: #FCFCFC; border-top: 1px solid #abadb3; border-right: 1px solid #dbdfe6; border-bottom: 1px solid #e3e9ef; border-left: 1px solid #e2e3ea; border-radius: 0px; }
.DeliveryName { font-size: 12px; color: #000; font-weight: bold; }
.DeliveryText { padding: 5px 5px 5px 5px; font-size: 12px; color: #666; }
.DeliveryRate { padding: 5px 5px 5px 5px; font-size: 12px; color: #333; }
#DeliveryLoader { float: left; }
.DeliveryOptions { clear: both; overflow:hidden; padding: 5px 0 1px 2px; text-align: left; }

.TxtMsgWrapper { margin: 30px 0 0 15px; line-height: 1; }

/* Billing | Shipping */
.BillingLabel { color: var(--primary-color); font-weight: 500 !important; }
.BillShipWrapper { overflow: auto; clear: both; }
.BillBox { float: left; width: 47%; overflow: hidden; }
.ShipBox { float: right; width: 50%; overflow: hidden; }
.BillingName { font-size: 12px; color: #000; font-weight: bold; }
.BillingInfo { padding: 5px 5px 10px 5px; font-size: 12px; color: #333; text-transform:capitalize; }
.BillingText { padding: 5px 5px 5px 5px; font-size: 12px; color: #444; text-transform: capitalize; }
.BillingError { padding: 5px; margin: 0 0 15px 15px; background-color:#ffcfcf; border-top: 1px solid #EE0000; color: #000; font-size: 12px; }
.BillingSuccess { padding: 5px; margin: 0 0 15px 15px; background-color:#c7fcc6; border-top: 1px solid #0e8310; color: #000; font-size: 12px; }

.DarkCheckboxBorder { border-color: black; border-left-color: black; border-top-color: black; border-right-color: black; border-bottom-color: black; }

.ShippingType { padding: 2px 5px; font-size: 12px; color: #000; font-weight: bold; }
.ShippingInfo { padding: 0 0 10px 0; font-size: 12px; color: #444; }
.ShippingText { padding: 5px 5px 5px 5px; font-size: 12px; color: #444; text-transform: capitalize; }

.TicketHolderBox { width: 100px; padding: 1px; margin: 1px; font-size: 11px; background-color: #FCFCFC; border-top: 1px solid #abadb3; border-right: 1px solid #dbdfe6; border-bottom: 1px solid #e3e9ef; border-left: 1px solid #e2e3ea; border-radius: 0px; }
.OrderNotesHeader { padding: 0 0 0 0; }
.OrderNotes { margin: 0 -5px 10px -5px; padding-right: 0; }
.OrderNotes textarea { min-height: 120px; }

.BillingEmailAgreementWrapper { margin: 0 0 0 0 !important; }
.EmailNewsletterCheckboxWrapper { margin: 0 0 0 0 !important; padding: 10px 0 5px 0 !important; font-size: 15px; font-weight: 500; border: none !important; }
.EmailNewsletterDescription { 
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	line-height: 1.2; 
}
.BillingButtonsOuterWrapper { margin: 0 -15px 15px -15px !important; }
.BtnContinueWrapper { margin: 0 15px 0 0; }
.BillingFooterWrapper { margin: 0 0 20px 0; }
.UserAgreementWrapper { padding: 15px 15px 15px 15px; }
.UserAgreementWrapper label { user-select: none; }
.UserAgreementWrapper input#Agreement[type="checkbox"]:not(:checked) { border: 1px solid #e44141; }
.UserAgreement { margin: 0 0 0 0; padding: 10px 0 0 25px; max-height: 200px; overflow: auto !important; line-height: 1.1; font-size: 14px; font-weight: 300; color: #666; }
.UserAgreement > a.LinkLight { font-size: 14px !important; text-transform: none !important; }
.UserAgreement p { margin: 0 0 0 0; }
.EmailTypesWrapper { margin: 0 0 15px 0; padding: 10px 0 5px 0; border: 1px solid var(--border-color-light); border-radius: var(--secondary-radius); }
.EmailTypeItem { margin: 0 0 5px 0; padding: 5px 0 5px 15px; font-family: var(--primary-font-family); font-size: 13px; color: var(--secondary-color); }
.EmailTypeItem input { margin: -3px 5px 0 0; color: var(--secondary-color); border: 1px solid var(--secondary-color); }


/* Finalize */
.FinalizeLeft { float: left; width: 278px; border-right: 2px solid #999; }
.FinalizeRight { float: left; padding: 10px 0 5px 10px; width: 262px; vertical-align:bottom; }
.ProcessingPayment { overflow: hidden; padding: 0px; margin: 0 auto 15px auto; max-width: 325px; }
.ProcessingOrder { overflow: hidden; padding: 0px; margin: 0 auto 15px auto; max-width: 325px; }
.ProcessingInsurance { overflow: hidden; padding: 0px; margin: 0 auto 15px auto; max-width: 325px; }
.ProcessingIcon { float: left; padding: 15px; width: 32px; }
.ProcessingText { float: left; padding: 21px 15px 15px 15px; height: 30px; font-size: 20px; font-weight: 300; border-left: 1px solid #eee; }
.ProcessingOrderInfo { padding: 15px 0 15px 0; margin: 0 0 25px 0; border-bottom: 1px solid #eee; }
.ProcessingOrderText { font-size: 20px; color: #000; }
.ProcessingOrderMsg { padding: 30px 0px; margin: 0 auto; max-width: 400px; }
.ProcessingOrderMsgText { font-size: 20px; color: #666; text-align: center; font-weight: 300; }

/* Payment */
.ChangePayType > input[type=radio] { float: left; margin: 7px 10px 0 0; }
.ChangePayType > label { float: left; margin: 0 20px 0 0; }
.ChangePayType > label:last-child { margin: 0; }
.ChangePayType { clear:both; padding: 15px; background-image:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/bgd/cc-bg.png); }
.PaymentBgd { padding: 15px; background-image:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/bgd/cc-bg.png); }
.PaymentForm { padding: 25px 0 0 0; margin: 0 0 10px 0; }
.PaymentAmount { padding: 1px 15px 0 0; font-size: 22px; font-weight: 500; }
.PaymentBillingHeader { float: left; width: 230px; }
.PaymentShippingHeader { float: left; width: 230px; }
.PaymentBilling { float: left; width: 220px; padding: 5px; color: #666; }
.PaymentShipping { float: left; width: 220px; padding: 5px; color: #666; }
.CreditCard { float: left; margin: 0 10px 10px 0; }
.CreditCardCode { float: left; margin: 0 10px 10px 0; }
.ExpDate { float: left; }
.ExpMonth { float: left; padding-left: 5px; margin-right: 10px; }
.ExpYear { float: left; padding-left: 5px; margin-right: 10px; }
#ExpMonth { padding-left: 3px !important; }
#ExpYear { padding-left: 3px !important; }
.BluefinFrame { border-radius: 10px; }
.BluefinLoader { position: absolute; width: 100%; height: 140px; box-sizing: border-box; top: 0; left: 0; background-color: white; font-size: 32px; }
.BluefinLoader > i { margin-top: 65px; }
#BluefinContainer { width: 325px; margin: 0 auto; }
.VeloxCCNumber { padding: 0 0 0 0; height: 39px; text-align: left; border-left: 2px solid #ee0000; border-radius: 50px; }
.VeloxCCExp { padding: 0 0 0 0; height: 39px; text-align: left; border-left: 2px solid #ee0000; border-radius: 50px; }
.VeloxCvv { padding: 0 0 0 0; height: 39px; text-align: left; border-left: 2px solid #ee0000; border-radius: 50px; }
.VeloxIsSaveCardWrapper { margin: -40px 0 20px 0 !important;}
.VeloxSubmitBtnWrapper {
	position: relative;
	padding: 20px 0 20px 0;
	margin: 0 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 50px;
	visibility: visible;
}
.VeloxButtonSubmit { position: absolute; top: 50px; right: 0; }
.VeloxNoSaveCardSpacer { height: auto; }
.PayWithCreditCard { float: left; padding: 5px 0 0 0; }
.PayWith { float: left; padding: 1px 0 0 0; }
.PayIcon { font-size: 24px; }
.PayIconCreditCard { float:right; padding: 0 0 0 5px; font-size: 24px; }
.PayIconApplePay { float:right; padding: 0 0 0 5px; margin: -4px 0 0 5px; font-size: 24px; }
.PayIconGooglePay { float:right; padding: 0 0 0 5px; margin: -8px 0px -12px 0; font-size: 36px; }
.PayIconPayPal { float:right; padding: 0 0 0 5px; font-size: 24px; }
.PayIconVenmo { float:right; padding: 0 0 0 5px; font-size: 24px; }

.CardPayButton { color: #000; }
.MobilePayButton { background-color: #000; color: #fff; }
.MobilePayButton span { color: #fff; }

.CreditCardText { font-size: 10px; }
.CreditCardTextLg { padding: 3px; font-size: 16px; font-weight: bold; color: #222; }
.PaymentComments { padding: 2px; width: 99%; border-top: 1px solid #333; border-right: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; border-left: 1px solid #333; font-size: 12px; background-color: #FCFCFC;  }
.CouponText { padding: 5px; font-size: 11px; color: #333; background-color:#d6e4f5; }
.CouponText.CartColumn1 { padding: 0 0 0 0 !important; text-align: right !important; }
.SaveCard { float: left; padding: 0 0 0 0; }
.SaveCardMsg { padding: 5px 0 8px 0; font-weight: bold; }

.CouponError { padding: 5px; margin: 0; background-color:#ffcfcf; border-top: 1px solid #EE0000; color: #000; font-size: 12px; }
.ReferrerError { padding: 5px; margin: 0; background-color:#ffcfcf; border-top: 1px solid #EE0000; color: #000; font-size: 12px; }
.ReferrerSuccess { padding: 5px; margin: 0; background-color:#c7fcc6; border-top: 1px solid #0e8310; color: #000; font-size: 12px; }
.SaveCard label { font-size: 14px; font-weight: 300; }
.StripeConnectSpinner { margin: 15px 0 0 0;	padding: 15px; border: 1px solid #dbdfe6; box-shadow: 0 1px 3px 0 #e6ebf1; }
.StripeConnectSpinnerIcon {	font-size: 32px; }
.StripeConnectSpinnerMsg { padding: 15px 0 0 0; font-size: 16px; }
.PayPalSpinner { margin: 15px 0 0 0; padding: 15px; border: 1px solid #dbdfe6; box-shadow: 0 1px 3px 0 #e6ebf1; text-align: center;}
.PayPalSpinnerIcon { font-size: 32px; }
.PayPalSpinnerMsg { padding: 15px 0 0 0; font-size: 16px; }

/* Ajax */
.AjaxLoaderBgd {
	width: 276px;
	height: 187px;
	background-image:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/nav/processing_payment.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}


/* CONFIRMATION */
.GroupSaleMsg { color: #000; }
.ConfirmationBillingHeader { float: left; width: 280px; }
.ConfirmationShippingHeader { float: left; width: 280px; }
.ConfirmationBilling { float: left; width: 270px; padding: 5px; color: #666; line-height: 1.3; }
.ConfirmationShipping { float: left; width: 270px; padding: 5px; color: #666; line-height: 1.3; }
.GiftCardInfoWrapper { clear: both; float: left; margin: 10px 0 10px 0; width:100%; }
.GiftCardInfoWrapper > .uk-first-column { padding: 0 0 0 0 !important; }
.GiftCardRecipient { float: left; padding: 8px; color: #666; font-size: 12px; font-weight: bold; }
.GiftCardWrapper { clear: both; line-height: 2; }
.GiftCard { float: left; margin: 5px 15px 5px 0; width: 100%; max-width: 300px; }
.GiftCardImg { width: 100%; border-radius: 10px; }
.RecipientComment { clear: both; padding: 5px 10px 5px 0; }
.GiftCardSaved { position: absolute; top:-15px; left: 8px; color: #fff; font-size: 48px; z-index: 999; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
.RewardWrapper { padding: 0; border: 1px dashed #dadada; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); }
.RewardWrapper .ContentBoxHeader { padding: 12px 15px 10px 15px; border-bottom: 1px dashed #dadada; line-height: 1.0; }
.RewardWrapper .ContentBoxInner { padding: 12px 15px 12px 15px; }
#PrintMerchandise .ContentBoxInner { padding: 5px 15px 15px 15px; }
.ConfirmationSubInfo { font-size: 16px; font-weight: 400; color: #333; }
.AdBanner { border: 1px solid #dadada; border-radius: var(--secondary-radius); width: 100%; height: 300px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); }

/* Confirmation facebook */
.feedIframe, .inviteIframe { width: 62px !important; }
.FacebookShareButtons { float: right; width: 130px; height: 20px; text-align:right; }
.feed,.share { float: right !important; }

/* Promoter Info */
#PromoterInfoBottom { display: none; }
.PromoterPicWrapper { float: left; width: 185px; }
.PromoterInfoWrapper { float: left; width: 365px; }
.PromoterAddressWrapper { float: left; width: 185px; }
.PromoterName { margin: 5px 0 5px 0; font-size: 13px; font-weight: bold; }
.PromoterText { margin: 5px 0; font-size: 11px; line-height: 1.5; color: #555; }

#EventListing { padding: 0 10px 0 0; width: 337px; }
#EventListing ul { width: 300px; }
#EventListing ul li.Header a { font-size: 14px; font-weight: bold; color: #000; text-decoration: none; }

/* Tickets Listing */
p.Month { padding: 5px 0 0 0; margin: 0; width: 45px; font-size: 12px; font-weight: bold; color: #000; text-shadow: 0px 1px #FFF; }
p.Day { padding: 0; margin: 0; width: 45px; font-size: 35px; color: #000; text-shadow: 0px 1px #FFF; }
p.DayName { padding: 2px 0 0 0; width: 45px; margin: 0; color: #FFF; text-shadow: 0 -1px #999; }
.AdvancedPurchase { font-size: 12px; color: #093; font-weight: normal; }
.AdvancedPurchaseListPrice { font-size: 12px; color: #999; font-weight: normal; text-decoration:line-through; }
.NotAvailable { font-size: 12px; color: #2d6ce0; font-weight: normal; }
.SalesEnded { font-size: 12px; color: #333; font-weight: normal; }
.NA { padding: 3px 5px; font-size: 18px; color: #999; }
.TicketHeaderName { font-weight: 300; color: #000; font-size: 20px; }
.TixFee { padding: 0 5px 0 0; font-size: smaller; color: #444; }
td.TixFee { width: 60px; }
.TixPrice { width: 60px; }
.TixPriceGA { width: 70px; }
.SelectQty { padding: 15px 12px 15px 5px !important; max-width: 75px; }
.TicketRow { padding: 15px; border-top: 1px solid #EEE !important; }
.TicketRowDialog { padding: 15px 0px; }
.TicketSelectQty { max-width: 60px; float: right; }
.TicketSelectQtyASWrapper > .TicketSelectQty { max-width: 100%; }
.TicketHeaderRow { padding: 15px; }
.PriceSpan { white-space: nowrap; }
.CrossSellPrice { margin: 0 0 2px 0; font-size: 11px; color: #666; font-weight: 300; }
.SoldOut { font-size: 12px; word-wrap: break-word; color: red; hyphens: auto; }
.RegName { font-weight: normal; color: #2d6ce0; padding: 10px 0 10px 10px; }
.FullPrice { font-size: 11px; font-weight: normal; color: #666; }
#TicketMsgWrapper { position: relative; }
#TicketMsg { position: absolute; top: 0; left: 0; padding: 10px; width: 210px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.8; color:#666; background-color:#ffffff; background-image:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/close.png); background-repeat:no-repeat; background-position: 210px 5px; border: 1px solid #ffffff; border-radius: 0px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); z-index: 99999; }
.EventCalendarIconWrapper { float: right; margin: 0 0 0 10px; padding: 5px 0 0 0 ; }
.EventCalendarIcon { padding: 6px 11px; font-size: 24px; color: #666; background-color: #fff; border-radius: 100em; }
.EventCalendarIconSvg { padding: 0 0 0 0; }
.SeatMapIconWrapper { float: right;	margin: -1px 0 0 0; padding: 4px 5px 0px 5px; border: 1px solid #dadada; border-radius: 50px; }
.SeatMapIcon { padding: 6px 11px; font-size: 24px; color: #666; background-color: #fff; border-radius: 100em; }
.shape_label { font-family: 'Roboto', Arial, Helvetica, sans-serif;	font-size: 40px; transform: translateY(0px); cursor: pointer; }

/* Artist Info */
.ArtistHeader { clear: both; padding: 10px 0 5px 0; font-weight: bold; color: #000; font-size: 14px; }
.ArtistIcon { margin: 3px 10px 0 0; width: 50px; max-width: 50px; border-radius: 2px; }
.ArtistName { font-size: 15px; font-weight: 400; color: #000; }
.ArtistInfo { font-size: 14px; font-weight: 300; color: #444; }

.PromoBgd { padding: 5px; margin-left: -15px; border: 1px solid #fccd0b; border-radius: 0px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); background-color: #fffad7; }
.PromoTicket { background-color: #fff; }
.GroupTicket { background-color: #d1e9fe; }
.DiscountTicket { background-color: #FF9; }

.TicketsHeader2Date { padding: 2px 0 0 0; color: #000; }
.TicketsFooter  { margin: 0 5px 15px 5px; }
.TixNotesPicSm { width: 50px; max-width: 50px; height: 50px; border-radius: 5px; }
.TixNotesPic { margin-right: 5px; width: 250px; }
.TixPopupPic { width: 100%; border: none; }

/* Waiting Room */
.WaitWrapper { padding: 0; font-family: "Roboto", Ariel, Helvetica, sans-serif; border: 1px solid #dadada; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); }
.WaitWrapper .ContentBoxHeader { padding: 12px 15px 10px 15px; border-bottom: 1px solid #dadada; line-height: 1.0; }
.WaitWrapper .ContentBoxInner { padding: 12px 15px 12px 15px; }

.LinkTopNav, .NavCart { margin-left: 15px; }
A.LinkTopNav:link, A.LinkTopNav:visited { color:#1a1a1a; text-decoration:none; border-bottom: none; font-weight: 400; }
A.LinkTopNav:hover, A.LinkTopNav:active { color:#000; text-decoration:none; }
A.LinkTheme, button.LinkTheme { font-family: var(--primary-font-family); font-size: 14px; }
A.LinkTheme:link, A.LinkTheme:visited, button.LinkTheme { font-family: var(--primary-font-family); color: var(--primary-color); text-decoration:none; font-weight: 400; line-height: 1.3; background: none; border: none; padding: 0; cursor: pointer; display: inline; }
A.LinkTheme:hover, A.LinkTheme:active, button.LinkTheme:hover, button.LinkTheme:active { color: var(--black-color); text-decoration:none; }
A.LinkTheme2 { font-size: 13px; }
A.LinkTheme2:link, A.LinkTheme2:visited { color:#333; text-decoration:none; border-bottom: 1px dotted #333; font-weight: 300; line-height: 1.3; }
A.LinkTheme2:hover, A.LinkTheme2:active { color:#000; text-decoration:none; border-bottom: 1px solid #000; font-weight: 300; line-height: 1.3; }
A.LinkExtras:link, A.LinkExtras:visited { color:#3056ac; text-decoration:none; border-bottom: 1px dotted #3056ac; font-weight: 400; font-size: 14px; line-height: 1.3; }
A.LinkExtras:hover, A.LinkExtras:active { color:#000; text-decoration:none; border-bottom: 1px solid #000; font-weight: 400; font-size: 14px; line-height: 1.3; }
A.LinkGray:link, A.LinkGray:visited { color:#444; text-decoration:underline; font-weight: normal; }
A.LinkGray:hover, A.LinkGray:active { color:#111; text-decoration:underline; font-weight: normal; }
A.LinkBlue:link, A.LinkBlue:visited { color:#0500c5; text-decoration:underline; font-weight: normal; }
A.LinkBlue:hover, A.LinkBlue:active	{ color:#120e8e; text-decoration:underline; font-weight: normal; }
A.LinkCart:link, A.LinkCart:visited { color:#0500c5; text-decoration:underline; font-weight: normal; }
A.LinkCart:hover, A.LinkCart:active	{ color:#120e8e; text-decoration:underline; font-weight: normal; }
A.LinkWebsite:link, A.LinkWebsite:visited { color:#4c7bd9; text-decoration:none; font-weight: normal; }
A.LinkWebsite:hover, A.LinkWebsite:active	{ color:#3c69c3; text-decoration:none; font-weight: normal; }
A.NoLink:link, A.NoLink:visited { text-decoration:none; font-weight: normal; }
A.NoLink:hover, A.NoLink:active	{ text-decoration:none; font-weight: normal; }
A.LinkWhite:link, A.LinkWhite:visited { color:#FFF; text-decoration:underline; }
A.LinkWhite:hover, A.LinkWhite:active { color:#FFF; text-decoration:underline; }

.Error > A.LinkTheme:link, .Error > A.LinkTheme:visited { color:#fff; text-decoration:none; border-bottom: 1px dotted #fff; font-weight: normal; line-height: 1.3; }
.Error > A.LinkTheme:hover, .Error > A.LinkTheme:active { color:#fff; text-decoration:none; border-bottom: 1px solid #fff; font-weight: normal; line-height: 1.3; }


/* SEATING CHART */
.SeatingChart { width: 100%; border: none; }
.SeatLocked { overflow: hidden; float: left; padding: 4px 2px; width: 24px; height: 40px; font-size: 10px; font-weight: bold; color: #FFF; text-align: center; border: 1px solid #FFF; background-color: #CCC; }
.SeatAvailable { overflow: hidden; float: left; padding: 4px 2px; width: 24px; height: 40px; font-size: 10px; font-weight: bold; color: #FFF; text-align: center; border: 1px solid #FFF; background-color: #0ABE0A;  }
.SeatReserved { overflow: hidden; float: left; padding: 4px 2px; width: 24px; height: 40px; font-size: 10px; font-weight: bold; color: #FFF; text-align: center; border: 1px solid #FFF; background-color: #326cff;  }
.SeatSold { overflow: hidden; float: left; padding: 4px 0px; font-size: 10px; font-weight: bold; color: #666; text-align: center; border: 1px solid #FFF; background-color: #EFEFEF;  }
.SeatError { overflow: hidden; float: left; padding: 5px; margin: 0 10px 15px 10px; background-color:#ffcfcf; border-top: 1px solid #EE0000; color: #000; font-size: 10px; }

/* SEATING MAPS */
.SeatInfoHoverText { width: 150px; text-align: center; }
.SeatInfoHoverText div { margin: 0 0 5px 0; font-size: 14px; color: #333; text-align: left; line-height: 1.2; }
.SeatInfoHoverText table { width: 100%; }
.SeatInfoHoverText table tr:first-child td { font-size: 9px; color: #999; }
.SeatInfoHoverText table tr:last-child td { font-size: 16px; color: #333; }
.SeatInfoHoverText table td { width: 33.3%; font-size: 12px; }
.SeatInfoHoverText table td:first-child { text-align: left; }
.SeatInfoHoverText table td:last-child { text-align: right; }
.SeatInfoHoverWrapper { position: absolute; padding: 8px; width: 160px; color: #666666; font-size: 12px; z-index: 9998; }
.SeatInfoWrapper { position: absolute; padding: 8px; width: 160px; color: #666; font-size: 12px; z-index: 9999; border: 1px solid #dadada; border-radius: 0px; background-color: #ffffff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
.SeatWrapper { position: absolute; width: 16px; height: 16px; z-index: auto; }
#SeatInfo span { font-size: 10px; color: #000; }
#SeatInfo p1 { display: block; padding: 5px 0 0 0; font-size: 12px; color: #000; }
#SeatInfo p2 { font-size: 10px; color: #666; }

.SeatInfoHoverText {
	padding: 6px 5px 2px 6px;
	position: relative;
	background: #ffffff;
	border: 1px solid #ccc;
	box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.SeatInfoHoverText:after, .SeatInfoHoverText:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.SeatInfoHoverText:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 8px;
	margin-left: -8px;
}
.SeatInfoHoverText:before {
	border-color: rgba(218, 218, 218, 0);
	border-top-color: #aaa;
	border-width: 9px;
	margin-left: -9px;
}


/* Promo Tix Related */
.PromoInfoWrapper {position: absolute; padding: 0px; width: 180px; height: 79px; z-index: 100; background: url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/buttons/free_tix_help.png) top left no-repeat; border: none; }

/* SHARING TOOLS */
.EvitePreview { margin: 10px; padding: 10px; border-radius: 0px; border: 3px solid #CCC; }
.EviteLabel { padding: 3px 10px 0 0; font-size: 14px; color:#000; font-weight: bold; text-align:right; vertical-align:top; }
.EviteTextBlue { font-size: 18px; color:#06C; font-weight: bold; }
.EviteTextBlueLg { font-size: 26px; color:#06C; font-weight: bold; }
.EviteTextBlack { font-size: 14px; color:#000; font-weight: bold; }
.EviteLink { text-decoration:underline; color:#333; font-size: 13px; }
.AddThisIcon64 {float: left; padding: 9px; width: 64px; color:#000; font-size: 9px; text-align:center; text-decoration:none; text-transform:uppercase; }
.WidgetHeader { padding: 0 0 5px 0; text-align: left; font-size: 15px; font-weight: bold; color: #123496; }

/* REGISTRATIONS */
.ActiveRegBgd { background-color:#f4f6f8; font-weight: bold; color: #000; }
.Disclaimer { overflow: auto; padding: 5px 0 10px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #AAA; }

/* VTOOLTIP (ui.tooltip.js) */
p#vtip { display: none; position: absolute; padding: 5px; left: 5px; max-width: 100px; font-size: 11px; color: #FFF; background-color: #4d606d; border: none; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); z-index: 9999; }
p#vtip #vtipArrow { position: absolute; top: 7px; left: -5px; }

/* GOOGLE MAP */
#map_canvas { width: 156px; height: 250px; border: 1px solid #999; }

/* SITE SEAL */
.SiteSeal { padding: 10px; font-size:11px; color: #666; text-align:center; }

/* ICON SET */
.lnr-chevron-right { font-size: 0.7em; font-weight: 700 !important; color: #999; }


/******************************************************************************
 * CALENDAR                                                                   *
 ******************************************************************************/
.VBOCalendar { margin-top: 30px; }
.CalTable	{ border-spacing: 5px !important; border-collapse: separate !important; }
.CalTable td { position: relative; max-width: 100px; height: 40px; font-weight: 500; }
.PrevMonthName { float: left; color: var(--primary-color); }
.NextMonthName { float: right; color: var(--primary-color); }
.PrevMonth	{ padding: 5px 0; width: 10%; color: #999; font-size: 14px; font-weight: 400; text-align: left; cursor: pointer; text-transform:uppercase; }
.PrevMonth  i { float: left; margin-right: 10px; margin-top: 1px; }
.PrevMonthMini i { margin-top: 3px; }
.PrevMonth button,
.NextMonth button { color: #999; border: none; background: transparent; padding: 0; text-transform: uppercase; cursor: pointer; }
.CurrMonth	{ padding: 6px 0 5px 0; width: 80%; color: var(--black-color); font-size: 14px; font-weight: 500; text-align: center; text-transform:uppercase; }
.NextMonth	{ padding: 5px 0; width: 10%; color: #999; font-size: 14px; font-weight: 400; text-align: right; cursor: pointer; text-transform:uppercase; }
.NextMonth i { float: right !important; margin-left: 10px; margin-top: 1px; }
.NextMonthMini i { margin-top: 3px !important; }
.CurrMonthName { font-family: var(--primary-font-family); font-size: 18px; font-weight: 500; color: var(--black-color); }
.CalAvailability { position: absolute; top:2px; right: 2px; width: 10px; height: 10px; border: 1px solid #000; border-radius: 10px; }

.CalDay		{ font-family: 'Roboto'; padding: 5px; height: 30px !important; font-size: 14px; font-weight: 400; text-align: center; }
.CalClosed { background-color: #787374 !important; }
.CalSpinner { color: #fff; }

#Calendar 				{padding: 0px 5px; height: auto; background-color:#FFF; }
.DayAvailable 			{display: block; margin: 0px;padding: 0px;width: 72px;height: 30px; font-size: 12px; font-weight: bold; line-height: 1.5; color:#000; }
.DayAvailable a:link	{display: block; background-color: #FFCC66;color:#FFFFFF; }
.DayAvailable a:visited	{display: block; background-color: #FFCC66;color:#FFFFFF; }
.DayAvailable a:hover	{display: block; background-color: #65B34A;color:#000000; }
.DayAvailable a:active	{display: block; background-color: #65B34A;color:#000000; }

.DaySelect 				{display: block; margin: 0px;padding: 0px;width: 72px;height: 30px; font-size: 12px; font-weight: bold; line-height: 1.5; color:#000; background-color: #E65C5C; }
.DaySelect a:link		{display: block; background-color: #E65C5C; color:#000000; }
.DaySelect a:visited	{display: block; background-color: #E65C5C; color:#000000; }
.DaySelect a:hover		{display: block; background-color: #E65C5C; color:#000000; }
.DaySelect a:active		{display: block; background-color: #E65C5C; color:#000000; }

.CalBlank 	{ padding: 5px; font-size: 16px; color: var(--secondary-color); background-color: none; text-align: center; font-weight: 400; }
.CalWeekDay { padding: 5px; font-size: 16px; color: var(--secondary-color); background-color: none; text-align: center; font-weight: 400; }
.CalWeekEnd { padding: 5px; font-size: 16px; color: var(--secondary-color); background-color: none; text-align: center; font-weight: 400; }

.CalToday 	{ padding: 5px; font-size: 16px; color: var(--primary-color); background-color: #efefef; border-radius: 6px; font-weight: 400; text-align: center; }
.CalEvent 	{ padding: 5px; font-size: 16px; color: var(--black-color); font-weight: 500; text-align: center; border-radius: 6px; border: 1px solid rgba(0,0,0,0.10) !important; }
.CalEventInfo { padding: 2px 5px 1px 5px; }
.CalEventActive { color: var(--black-color); background-color: rgba(0,0,0,0.15); border-radius: 6px; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); }
.CalEventDateSoldOut { color: #ee0000 !important; }
.CalPresale { border: 1px solid #7ec8e3 !important; }
.CalPresaleAvailability { border: 1px solid #1a56db; background-color: #dbeafe; }
.CalEventSelected, .CalEventSelected span { background-color: #000 !important; }
.LinkCal	{ text-decoration: none; color: #FFF; }

.CalPur 	{ padding: 5px; font-size: 11px; color: #620179; background-color: #620179; }
.CalRed 	{ padding: 5px; font-size: 11px; color: #333333; background-color: #FDCF91; }
.CalBlu 	{ padding: 5px; font-size: 11px; color: #FFFFFF; background-color: #0F57B1; }
.CalYel 	{ padding: 5px; font-size: 11px; color: #333333; background-color: #FFCC00; }
.CalTur 	{ padding: 5px; font-size: 11px; color: #333333; background-color: #33CCCC; }

.MiniCalendar { padding: 10px;}
.MiniCalendarBgd { background-color: #FFF; padding: 5px 8px 5px 8px; border: 1px solid #dadada; box-shadow: 0 0 5px rgba(0,0,0,0.12); }
.MiniCalendarBgd .NextMonthWrapper { padding: 0 3px 0 0; }
.MiniCalendarBgd .PrevMonthWrapper { padding: 0 0 0 3px; }
.MiniCalendarLabel { padding: 15px 0 10px 0; }
.TicketTimesLabel { padding: 15px 0 10px 0; }
.EventTicketsLabel { margin: 40px 0 -20px 0; }
.EventPageSeatingMap { display: none; }

#PopMiniCalendar .MiniCalendarBgd { border: none; box-shadow: none; }

.contentHolder { position:relative; margin: 0px auto 0px auto; padding:0px; max-width: 100%; height: auto !important; overflow: hidden; }
.content { width: 2000px; height: 175px; }
.ps-container .ps-scrollbar-y { display: none !important; }

.PrintWrapper { margin: 10px auto; width: 700px; }
.ContentBoxOuter { overflow: hidden; clear: both; margin: 30px 0 15px 0; }
.ContentBoxInner { overflow: hidden; clear: both; font-size: 15px; font-weight: 400; line-height: 1.5; font-weight: 300; border: 1px solid var(--border-color-light); border-radius: var(--secondary-radius); }
.ContentBoxInner table { width: 100% !important; }

.ContentBoxHeader, h2.ContentBoxHeader { 
	padding: 10px 0; 
	margin-bottom: 0px; 
	font-size: 20px; 
	font-weight: 500; 
	font-family: var(--primary-font-family); 
}
.TruncateWrapper { overflow: hidden; width: 200px; }
.TruncateWrapper span { display: inline-block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; }
.ContentBoxHeader:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; }
.ContentBoxHeaderLt { float: left; width: auto; }
.ContentBoxHeaderRt { float: right; width: auto; text-align:right; }
.ContentBoxHeaderNotes { overflow: hidden; clear: both; padding: 10px 0 0 0; font-size: 12px; font-weight: 300; color: #555; }
.ContentBoxHeaderToggle { float: right; margin-top: -4px; width: 30px; font-size: 20px; text-align:right; cursor:pointer; }
.PageMyAccount { padding: 20px; }
.PageMyAccount .ContentBoxHeader { padding: 15px; }

.EventDesc .ContentBoxHeader { border: none; }
.TabBlank { float: left; padding: 10px 10px 5px 10px; margin: 0 5px -5px 0; width: auto; font-size: 14px; color: #444; font-weight: bold; text-shadow: 0px 1px #FFF; }
.TabCalendar { float: right; text-align: right; }

.__FilterableEvent[hidden-by-filter='false'] {
    display: block;
}
.__FilterableEvent[hidden-by-filter='false'].EventListWrapper {
    display: table;
}
.__FilterableEvent[hidden-by-filter='true'] {
    display: none;
}

.TabList { float: right; text-align: right; }
.CloseIcon { display: block; float: right; margin-top: -4px; width: 19px; height: 19px; text-align: right; background: url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/close3.png) center center no-repeat; cursor: pointer; }
#TabCalendar { padding-right: 0px; margin-right: 0px; }
#TabCurrentEvents { padding: 10px 5px 0 3px !important; }
#TabPastEvents { padding: 10px 0 0 5px !important;}
.ViewTab { float: left; cursor: pointer; padding: 10px 10px 5px 10px; margin: 0 10px -5px 0 !important; width: auto; min-width: 60px; font-size: 14px; color: #000; }
.ViewTab:last-child {  margin-right: 0 !important; padding-right: 0 !important; }
.TabIcon { margin: 0 5px 0 0; position: relative; top: 0; }

A.LinkContentBoxHeader:link, A.LinkContentBoxHeader:visited { padding: 2px 5px; margin: 0 0 0 5px; color:#706F6D; text-decoration:none; font-weight: 300; font-size: 13px; text-transform: uppercase; border-radius: 0px; background-color: transparent; white-space: nowrap; border: 1px solid #999; border-radius: 3px; }
A.LinkContentBoxHeader:hover, A.LinkContentBoxHeader:active	{ padding: 2px 5px; margin: 0 0 0 5px; color:#000; text-decoration:none; font-weight: 300; font-size: 13px; text-transform: uppercase; border-radius: 0px; background-color: transparent; white-space: nowrap; border: 1px solid #999; border-radius: 3px; }

.ButtonEvent, .ButtonTickets, .ButtonMobile, .ButtonDefault { display: inline-block; padding: 8px 15px; border: 1px solid #45c24d; border-radius: 0px; cursor: pointer; font-size: 14px; font-weight: 400; text-align: center; text-decoration: none; text-transform:uppercase; white-space: nowrap; }
.ButtonTicketsMd { padding: 2px 5px; border: 1px solid #45c24d; border-radius: 0px; cursor: pointer; font-size: 12px; font-weight: 300; text-align: center; text-decoration: none; color: #fff !important; text-transform:uppercase; line-height: 1; white-space: nowrap; }
.ButtonTicketsDisabled { padding: 7px 15px; }
.ButtonTicketsCancel { padding: 7px 15px; }

.ButtonEvent { background-color: #45c24d; color: #fff; }
.ButtonEvent:hover { border: 1px solid #64d96b; background-color: #64d96b; color: #fff; text-decoration: none; }
.ButtonTickets, .ButtonTicketsMd { background-color: #45c24d; color: #fff; }
.ButtonTickets:hover, .ButtonTicketsMd:hover { border: 1px solid #64d96b; background-color: #64d96b; color: #fff; text-decoration: none; }
.ButtonMobile { clear:both; padding: 10px 15px; margin: 5px 0; font-size: 20px; border: 1px solid #29cc1d; background-color: #29cc1d; color: #fff; }
.ButtonMobile:hover  { border: 1px solid #07a303; background-color: #07a303; color: #fff; text-decoration: none; }
.ButtonDefault { border: 1px solid #dddddd; background-color: #dddddd; color: #666666; }
.ButtonDefault:hover { border: 1px solid #bebebe; background-color: #bebebe; color: #515151; text-decoration: none; }

.EventPosterWrapper { float: none; }
.EventPosterWrapper { float: left; width: 45%; margin: 0 15px 15px 0; }
.EventPosterWrapperFull { width: 100%; margin-bottom: 30px; }
.PromoterInfoRight, .VenueInfoRight { overflow: hidden; margin: 0 0 10px 0; height: 57px; }
.ReadMore { float: right; margin: 0 -5px 0 0; width: 30px; height: 17px; background: #EFEFEF url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/more.png) no-repeat top right; cursor:pointer; border-radius: 0px; }
.ReadLess { float: right; margin: 0 -5px 0 0; width: 30px; height: 17px; background: #EFEFEF url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/more.png) no-repeat bottom right; cursor:pointer; border-radius: 0px; }
.VenueInfo { padding: 5px 0 0 0; font-size: 14px; color: #666666; line-height: 1.3; font-weight: 300; }

/* GOOGLE MAP */
#GoogleMap { overflow: hidden; height: 200px; }
#GoogleMapCanvas { overflow: hidden; height: 190px; border-top: 5px solid #EEE; border-bottom: 5px solid #EEE; }

/* EVENT DATE SELECTOR (WIDE) */
#EventDateSelector { position: relative; }
.EventDateSelectorInfo { text-align: right; padding: 0 0 5px 0; font-weight: normal; }
.EventSelectorHdr { padding: 10px 0 0 10px; }
.EventSelector { overflow: hidden; padding: 0; margin: 0 0 7px 0; width: 100%; height: 34px; box-sizing: border-box; border: 1px solid #C6C6C6; border-radius: 0.25em; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/../_images/icons/arrow_down_gray.png) right 10px no-repeat #fff; font-size: 14px; font-weight: bold; letter-spacing: 0px; box-shadow: 0 1px 0 #F9F9F9; }
.EventSelectorActive, .EventSelectorOn { color: #000; border: 1px solid #B6B6B6; background-image:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/arrow_down_gray.png); background-color: #fff; cursor: pointer; box-shadow: 0 1px 0 #eee; }
#EventSelectorInfo { display: none; position: absolute; top:0; left:0; right:-2px; border: 1px solid #ccc; border-top: none; background-color: #fff; z-index: 1000; border-radius: 0.25em; box-shadow: 0 2px 2px rgba(0,0,0,0.25); }
.EventSelectorList { padding: 10px; color: #777; font-size: 12px; font-weight: 300; border-top: 1px solid #ddd; cursor: pointer; }
.EventSelectorListLast { border-bottom: none; }
.EventSelectorListOver { color: #222; background-color: #f4f4f4; }
#MiniCalendar { margin: 0 0 25px 0; }

/* EVENT DATE SELECTOR (SHORT) */
.EarlyBirdWrapper { position: relative; }
.EarlyBird {position: absolute; top: -105px; right: 0; width: 118px; height: 118px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/eventmanager/early_bird.png) top right no-repeat transparent; }


/* Custom styles
----------------------------------------------------------------------------------*/
.nomarbtm { margin-bottom: 0; }
.nomartop { margin-top: 0; }
.padtop10 { padding-top: 10px; }
.pad0 { padding: 0; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad015 { padding: 0 15px; }
.pad150 { padding: 15px 0; }
.pad155 { padding: 15px 5px; }
.PadRemoveRight { padding-right: 0 !important; }
.PadRight5 { padding-right: 5px !important; }

.date-picker input[type="text"],
.date-picker img { float: left !important; }
.date-picker input[type="text"] { width: 100% !important; }
.date-picker img { width: 24px !important; }


/* SEAT MAP */
.ASButtonOuter { position: absolute; float:right; padding: 0 0 0 0; margin: 0 0 0 0; top: 35px; right: 11px; z-index: 998; }
.ASButtonInner { padding: 5px 0px 0 0; }
.ASButtonOuter2 { padding: 0 0 0 0; margin: 0 3px 10px 0; }
.SelectSeatButtonsTop { float: right; width: 30%; text-align: right; }

.ASButtonWrapper { position: relative; clear: both; height: 1px; }
.ASButton { position: absolute; top: 16px; right: 10px; z-index: 999; }
.ASButton #CancelCart { background-color: #444; border: 1px solid #444; }
.SeatingMap { width: 100% !important; }
.SeatMapWrapper { margin: 3px 0 3px 0; border: 1px solid #dadada; border-radius: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); background-color: #fff !important; clear: both; overflow: hidden; }
.SeatInfoWrapper { position: absolute; padding: 8px; width: 160px; color: #fff; font-size: 12px; z-index: 998; border: 1px solid #4d606d; border-radius: 0px; background-color: #4d606d; box-shadow: 0 1px 1px #999; }
.AllocX { position: absolute; top:3px; right:3px; width: 16px; height: 16px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/close_wht.png) no-repeat; cursor: pointer; }
.AllocInfo { padding: 0 0 5px 0; color: #fffdda; font-weight: normal; }
.AllocError { padding: 5px 0 0 0; font-size: 12px; color: #3353d5; }
.AllocInstructions { font-weight: 300; color: #70706F; font-size: 13px; }
.AllocInstructions > div { color: #2d6ce0; }
.BtnAlloc { overflow: hidden; margin: 8px 0 0 0; padding: 5px 5px; border: 1px solid #708da5; border-radius: 0px; background-color: #51728d; cursor: pointer; }
.BtnAlloc:hover { border: 1px solid #ccc; }
.BtnAlloc2 { overflow: hidden; margin: 8px 0 0 0; padding: 10px; border: 1px solid #dadada; border-radius: 0px; cursor: pointer; }
.BtnAlloc2:hover { border: 1px solid #aaa !important; }
.BtnAllocDel { margin: 8px 0 0 0; padding: 5px 5px; border: 1px solid #b85d60; border-radius: 0px; background-color: #a23b3e; cursor: pointer; text-align: center; }
.BtnAllocDel:hover { border: 1px solid #ccc; }
.BtnAllocDel2 { margin: 8px 0 0 0; padding: 5px 5px; border: 1px solid #b85d60; border-radius: 0px; background-color: #fff; cursor: pointer; text-align: center; color: #b85d60 }
.BtnAllocDel2:hover { border: 1px solid #ccc; }
.BtnAllocAdd { margin: 8px 0 0 0; padding: 5px 5px; border: 1px solid #9fd98c; border-radius: 0px; background-color: #57ba38; cursor: pointer; text-align: center; color: #fff; }
.BtnAllocAdd:hover { border: 1px solid #eee; }
.BtnAllocDisabled { margin: 8px 0 0 0; padding: 5px 5px; color: #AAA; border: 1px solid #dadada; border-radius: 0px; background-color: #666; }
.BtnAllocDisabled:hover { border: 1px solid #999; }
.BtnAllocDisabled2 { margin: 8px 0 0 0; padding: 10px; color: #AAA; border: 1px solid #dadada; border-radius: 0px; pointer-events: none; }
.BtnAllocDisabled2:hover { border: 1px solid #999; }
.SeatMapSelectWrapper { padding: 8px; width: 160px; color: #fff; font-size: 12px; z-index: 998; border: 1px solid #4d606d; border-radius: 0px; background-color: #4d606d; box-shadow: 0 1px 1px #999; }
.MixViewWrapperGA { margin: 20px 0 20px 0 !important; line-height: 1.0; }
.MixViewWrapperAS { margin: 10px 0 0 0; line-height: 1.0; }
.BtnMixViewWrapper { float: left; }
.BtnMixView { border-radius: 0px; padding: 7px 15px; font-size: 14px; font-weight: 300; text-align: center; }
.BtnMixViewActive { border: 1px solid #46C654; background-color: #46C654; color: #fff; font-weight: 400; }
.BtnMixViewInActive { border: 1px solid #dadada; background-color: #fff; color: #333; cursor: pointer; }
.BtnMixViewGA { margin-right: 10px; }
.SeatMapSectionWrapper { margin: 15px 0 0 0; }
.ASAddOnsHeader { margin: 10px 0 5px 0; font-size: 12px; font-weight: 300; color: #39F; }
.ASAddOnWrapper { padding: 5px 0 5px 0; font-size: 12px; font-weight: 300; }
#PaymentMethodsContainer { margin: 30px 0 0 0; }
.PaymentButtonsOuterWrapper { margin: 0 0 20px -15px !important; }
.ConfirmationButtonsOuterWrapper { margin: 0 0 15px 0 !important; }
.ConfirmationButtonWrapper { display: flex; justify-content: flex-end; margin: 0; padding: 10px 0 0 0; }
.ConfirmationButton { margin: 0 0 15px 0 !important; }
.CheckoutButtonWrapper { text-align: right; }
.SubQtyError { padding: 0 0 15px 0; font-size: 16px; font-weight: 300; color: #ee0000; }
.PreferredSeatingHeader { padding: 5px 10px 5px 10px; background-color: #eee; }
.SubPreloader { padding: 0 15px 0 0; font-size: 16px; }

/* SEATMAP HEIGHT */
#mobile-svg { overflow: visible !important; cursor: move; }

#svg-pan-zoom-controls g:focus { outline: 20px solid black; }

/* SEATMAP COLOR BUTTONS */
.OuterSeatmapWrapper .BtnColorIndex { float: left; border-radius: 0px; border-bottom: 2px solid; padding: 7px 15px; margin-right: 5px; font-size: 14px; font-weight: 300; color:#333; -webkit-transition: 0.5s; transition: 0.5s; cursor: default; }
.OuterSeatmapWrapper .BtnColorIndex[data-active='1'] { color: white; box-shadow: inset 0 -3.25em 0 0 var(--bg-color); }
.OuterSeatmapWrapper .BtnColorIndexHover:hover { color: white; box-shadow: inset 0 -3.25em 0 0 var(--bg-color); cursor: pointer; }
.OuterSeatmapWrapper .seat[data-locked='1'] { cursor: default; pointer-events: none; }

/* SEATMAP SEAT COLORS */
.BtnColorIndex { float: left; border-radius: 0px; border-bottom: 2px solid; padding: 7px 15px; margin-right: 5px; font-size: 14px; font-weight: 300; color:#333; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; }
.BtnColorIndex[data-active='1'] { color: white; box-shadow: inset 0 -3.25em 0 0 var(--bg-color); }
.BtnColorIndexHover:hover { color: white; box-shadow: inset 0 -3.25em 0 0 var(--bg-color); }

.ZoomWrapper { position: absolute; top: 40px; left: 10px; width: 25px; z-index: 100; }
.ZoomPlus { padding: 0 0 0 0; margin: 0 0 5px 0; font-size: 24px; color: #000; cursor: pointer; }
.ZoomMinus { padding: 0 0 0 0; margin: 0 0 5px 0; font-size: 24px; color: #000; cursor: pointer; }
.ZoomCenter { padding: 0 0 0 0; margin: 0 0 1px 0; font-size: 24px; color: #000; cursor: pointer; }

.MyTicketsItem { border-top: 0px dotted #ccc; padding-top: 10px; margin-top: 10px; }
.MyTicketsItem:first-child { border: none; padding-top: 0; margin-top: 0; }
.MyTicketsItem span,
.MyTicketsItem div { border: none; }
.MyTicketsName { }
.MyTicketsButtons { }
.MyTicketsInfoWrapper { margin: 10px 0 10px 0; width: 100%; }
.MyTicketsInfo { margin: 0; }

/* SHARING */
.share_button_fb2 { display:block; float: left; margin: 0 15px 0 0; width: 30px; height: 30px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/fb.png) 5px 4px no-repeat; background-color: #4a6ea9; background-size: 20px auto; border-radius: 100px; cursor: pointer; }
.share_button_tw2 { display:block; float: left; margin: 0 15px 0 0; width: 30px; height: 30px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/tw.png) 5px 4px no-repeat; background-color: #28a9e0; background-size: 20px auto; border-radius: 100px; cursor: pointer; }
.share_button_go2 { display:block; float: left; margin: 0 15px 0 0; width: 30px; height: 30px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/gp.png) 5px 4px no-repeat; background-color: #dd5044; background-size: 20px auto; border-radius: 100px; cursor: pointer; }
.share_button_li2 { display:block; float: left; margin: 0 0px 0 0; width: 30px; height: 30px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/li.png) 5px 4px no-repeat; background-color: #007ab9; background-size: 20px auto; border-radius: 100px; cursor: pointer; }

.share_button_fb { display:block; float: left; margin: 0 5px 0 0; width: 32px; height: 32px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/fb.png) 6px 5px no-repeat; background-color: #4a6ea9; background-size: 20px auto; border-radius: 15px; cursor: pointer; }
.share_button_tw { display:block; float: left; margin: 0 5px 0 0; width: 32px; height: 32px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/tw.png) 6px 5px no-repeat; background-color: #28a9e0; background-size: 20px auto; border-radius: 15px; cursor: pointer; }
.share_button_go { display:block; float: left; margin: 0 5px 0 0; width: 32px; height: 32px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/gp.png) 5px 4px no-repeat; background-color: #dd5044; background-size: 25px auto; border-radius: 15px; cursor: pointer; }
.share_button_li { display:block; float: left; margin: 0 5px 0 0; width: 32px; height: 32px; background:url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/li.png) 6px 5px no-repeat; background-color: #007ab9; background-size: 20px auto; border-radius: 15px; cursor: pointer; }

.AddThisButtonsSm { float: right; }
.EventBannerActions { float: left; margin-top: 6px; }
.EventBannerActions .AddThisButtonsSm { float: left; }
.AddThisRight { float: right; margin: 0 0 0 5px; width: 16px; }
.addthis_button_preferred_1, .addthis_button_preferred_2, .addthis_button_preferred_3, .addthis_button_preferred_4 {
	display:block; float: left; width: 20px; height: 16px;
}

/* TIMER */
.CountDown { min-height: 80px; }
.Timer { margin: 0 0 15px 0; padding: 15px 0 15px 0; text-align: center; background-color: #58b2ff; }
.TimerCell { display: inline-block; margin: 0 10px 0 0; padding: 5px; background-color: #fefefe; border-radius: 5px; border: 1px solid #fff; }
.TimerInfo { display: block; padding: 5px; margin: 0 0 5px 0; width: 50px; font-size: 24px; font-weight: 400; background-color: #eaeaea; border-radius: 2px; }
.TimerLabel { display: block; font-size: 10px; font-weight: 300; text-transform: uppercase; color: #666; }

.WatchCountDown .Timer {overflow: hidden; padding: 15px; margin: 15px auto; max-width: 400px; border: 1px solid #dadada; box-sizing: border-box; text-align: center; background-color: transparent !important; border-radius: 0px; }
.WatchCountDown .TimerCell { display: inline-block; margin: 0 10px 0 0; padding: 5px; background-color: #fefefe; border-radius: 2px; }
.WatchCountDown .TimerInfo { display: block; padding: 5px; margin: 0 0 5px 0; width: 50px; font-size: 24px; font-weight: 400; background-color: #eaeaea; border-radius: 2px; }
.WatchCountDown .TimerLabel { display: block; font-size: 10px; font-weight: 300; text-transform: uppercase; color: #666; }

.WatchEventHeader { margin: 0 0 50px 0; text-align: center; }
.WatchSigninWrapper { padding: 0 0 20px 0; margin: 0 0 0 0; }
.WatchSigninFormWrapper { overflow: hidden; padding: 30px; margin: 15px auto; max-width: 400px; border: 1px solid #dadada; box-sizing: border-box; text-align: center; }
.WatchSigninForm { margin: 0 0 15px 0; }
.WatchSigninButton { width: 100%; }

/* jQuery Select */
.sbHolder{
	background-color: #fcfcfc;
	border: 1px solid #eee;
	border-top: 1px solid #abadb3;
	border-right: 1px solid #dbdfe6;
	border-bottom: 1px solid #e3e9ef;
	border-left: 1px solid #e2e3ea;
	border-radius: 0px;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	position: relative;
	width: 200px;
}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 200px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #000;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/select-icons.png) 0 -16px no-repeat;

}
.sbToggleOpen:hover{
	background: url(https://vboblobprod-cdn-01-cjcngvarcqfja3gw.a03.azurefd.net/awsvboticketscom/_images/icons/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbOptions{
	background-color: #fff;
	border: solid 1px #dadada;
	border-radius: 0px;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 35px !important;
	width: 200px;
	max-height: 200px !important;
	z-index: 9999;
	overflow-y: auto;
	box-shadow: 0 0 2px rgba(0,0,0,0.12);
}
.sbOptions li{
	padding: 0 7px;
	border-bottom: solid 1px #eee;
}
.sbOptions li:last-child{
	border-bottom: none;
}
.sbOptions a{
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #666;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #38b420;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #CCC;
	color: #AAA;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #CCC;
	color: #000;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

/* DialogBox */
#DialogInfo { padding: 15px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
#UikitModalInfo .TblHdrTicketType { margin: 0 0 0 -15px; padding: 15px 0 5px 0 !important; text-align: left !important; }
#UikitModalInfo .TblHdrPrice { margin: 0 0 0 -15px; padding: 15px 0 5px 0 !important; text-align: left !important; }
#UikitModalInfo .TixPriceGA { text-align: center !important; }
#UikitModalInfo .TixFee { text-align: center !important; }
#UikitModalInfo .EventTicketName { padding: 15px 0 15px 0 !important; }
#UikitModalInfo .SelectQty { padding: 15px 0 15px 0 !important; }
#UikitModalInfo .TicketPrice { margin: 0 0 0 -25px; text-align: left; }
.TicketsFormDialog { margin: -50px 0 0 0; }
.TicketSelectQtyDialog { width: 50px; }

/* Event Date Slider */
#EventDateSlider { margin:0 auto; width: 100%; }
.EventDateSliderWrapper { padding: 0px; width: 100%; max-width: 100%; min-height: 90px; }
.EventDateSliderWrapperSelectEventPage { margin: 0 0 25px 0; }
.EventDatesWrapper { position: relative; margin-bottom: 10px; min-height: 87px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
.EventDatesWrapper .uk-slider-container { overflow: hidden; box-sizing: border-box; padding-bottom: 1px; }
.SelectorBox { background-color: #fff; padding: 5px; height: 100%; width: 100%; border: 1px solid #dadada; border-radius: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); text-align: center; vertical-align: middle; box-sizing: border-box !important; cursor: pointer; color: #000; }
.SelectorBoxInactive{ cursor: default !important; border: 1px dashed #dadada; box-shadow: none; }
.SelectorBoxSelected { background-color: #46c654; color: #fff; border: 1px solid #46c654; cursor: default !important; }
.DateMonth { margin: 2px 0 -5px 0; font-weight: 300; font-size: 16px; text-transform: uppercase; }
.DateDay { margin: 0 0 -2px 0; font-weight: 400; font-size: 24px; }
.DateTime { margin: 0 0 0 0; font-weight: 300; font-size: 15px; }
.DateMsg { font-weight: 300; font-size: 14px; color: #ee0000; }
.DateMsg.SelectorBoxSelected { color: #fff !important; }
.EventDateTag {	padding: 2px; font-size: 14px; background-color: #303030 !important; color: white; position: absolute; bottom: 0;	width: 100%; border-radius: 5px; box-sizing: border-box; }
.EventDateTagWrapper { margin: 5px 0 0 0; min-height: 50px; position: relative; }
.EventDateSliderMorePosRel { position: relative; top:0; left:0; height: 100%; }
.EventDateSliderMore { position: absolute; top:50%; left:0; margin: 0; width: 100%; -ms-transform: translateY(-50%); transform: translateY(-50%); font-weight: 400; }
.EventSliderArrow { color: #000 !important; visibility:visible !important; }

#TopNavLang { display: none; }

/* TOUR TICKET PAGE */
.TourCalendar, .EntryStopWrapper, .ExitStopWrapper, .TourTixWrapper { margin: 10px; padding: 10px; }
.SelectTourDate { padding: 5px 10px 5px 10px; margin: 0 0 10px 0; text-align: center; cursor: pointer; }
.TourEventPosterWrapperFull { margin: 0 0 20px 0; }
.TourEventText { margin: 0 0 15px 0; }
.TourTicketInfoWrapper {
	margin: 0 0 0 10px;
	border: 1px solid #dadada;
	box-shadow: 0 0 5px rgba(0,0,0,0.12);
}
.TourTicketRow {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #eee;
	padding: 5px 10px;
	background-color: #f8f8f8;
}
.TourTicketHeader {
	display: inline-block;
	justify-content: space-between;
	margin-bottom: 5px;
	font-size: 16px;
}
.TourTicketOption {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	align-items: center;
}
.TourTicketName {
	font-weight: 500;
}
.TourTicketFee {
	padding: 25px 0 0 0;
	color: #666;
	text-align: center;
}
.TourTicketPrice {
	padding: 25px 0 0 0;
	text-align: center;
	color: #000;
}
.TourQtyWrapper {
	display: flex;
	align-items: center;
}
.TourQtyWrapper button {
	width: 32px;
	height: 31px;
	font-size: 16px;
	color: #666;
	border: 1px solid #e4e4e4;
	border-radius: 7px;
	background-color: #fff;
	cursor: pointer;
}
.TourButtonMinus {
	margin: 0 0 0 0;
}
.TourButtonPlus {
	margin: 0 0 0 0;
}
.TourQtyWrapper input {
	width: 40px;
	text-align: center;
	border: 1px solid transparent;
	background-color: transparent;
	font-size: 16px;
}
.TourCalButtonDisabled {
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	color: #999 !important;
	background-color: #f8f8f8 !important;
	border: 1px solid #f8f8f8 !important;
	text-decoration: none;
	cursor: default;
	text-transform: uppercase;
	pointer-events: none;
	box-sizing:border-box;
}
.TourEntryWrapper {
	overflow: auto;
	max-height: 275px;
}
.TourExitWrapper {
	overflow: auto;
	max-height: 275px;
}
.TourButtonWrapper {
	padding: 0 20px 20px 20px;
}
.StopPointRow {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	padding: 5px 0 5px 10px;
	border-left: 1px solid #ddd;
	background-color: #fff;
	cursor: pointer;
}
.StopPointRow:hover {
	border-left: 1px solid #000;
	background-color: #f8f8f8;
}
.StopPointRow.selected {
	border-left: 3px solid #000;
	background-color: #f8f8f8;
	cursor: default;
}
.StopPointRow.active {
    border-left: 3px solid #46C654;
	cursor: pointer !important;
}
.StopPointInfo {
	flex: 1;
	color: #555;
}
.StopPointInfo span {
	display: block;
	margin-bottom: 3px;
}
.StopPointTime {
	font-weight: 400;
	color: #000;
}
.StopPointAddress {
	font-size: 14px;
	color: #888;
}
.StopPointRow.pad10 {
    padding: 10px;
}
.TourTicketsWrapper {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.TourTicketsContainer {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.TourTicketsHeader {
	display: flex;
	justify-content: space-between;
	margin: 10px 0 -33px 0;
	font-size: 11px;
	font-weight: 300;
	text-transform: uppercase;
	z-index: 99;
}
.TourTicketsHeaderLabel {
	text-align: center;
	color: #999;
}
.noBorderLeft {
    border-left: none !important;
}

/* ADA Screen Reader Updates */
.VisuallyHidden:not(:focus):not(:active) {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.uk-modal-close-default { background: transparent; border: none; }
.uk-grid-small > .uk-grid-margin { margin-top: 10px !important; }
.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
	background-color: var(--primary-color);
}


/* Global media queries
----------------------------------------------------------------------------------*/

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

	#SubmitGift { margin-bottom: 5px; }
	.PrevMonthName { width: 50px;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.NextMonthName { width: 50px;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.CurrMonth { display: inline-block; margin-top: -4px; width: auto !important; }

	#TopNavText2 { clear: both; }
	#TopNavLang span { display: none; }
	.TabActive, .TabInActive { min-width: 30px; }

	.on-large,
	td.on-large,
	tr.on-large,
	.on-medium,
	td.on-medium,
	tr.on-medium,
	.LinkTopNav span { display: none !important; }

	.BreakOnMobile {
        display: block !important;
        float: none !important;
        margin-right: 0 !important;
		font-size: 14px;
		color: #666666;
		line-height: 1.3;
		font-weight: 300;
    }

	.on-small { display: block !important; }
	tr.on-small { display: table-row !important; }
	td.on-small { display: table-cell !important; }

	.NoBorder-mobile { border: none !important; }

	.SubGroupCodeWrapper a.LinkBuyMem { display: none !important; }
	.SubGroupCodeWrapper a.LinkBuySub { display: none !important; }
	.BtnMixViewWrapper { margin: 0 0 0 0; width: 50%; box-sizing: border-box; }
	.BtnMixViewWrapper:first { padding: 0 5px 0 0; }
	.BtnMixViewWrapper:last { padding: 0 0 0 5px; }
	.ButtonGiveGift { margin-bottom: 10px; }
	.ButtonTicketsWrapper { float: none; padding: 0 15px; margin-top: 15px; }
	.ButtonListEvent,
	.EventListButtonWrapper { float: none; width: 100%; }
	.RegHeader { padding: 10px 5px 10px 5px; text-align: left; }
	.FieldLabel, .FieldLabelRequired { text-align: left; }

	.EventListColRight, .SubscriptionColRight { margin-top: 15px; }
	.CalendarLabel,
	.DeliveryOptions { font-size: 11px; }
	.TicketLineTop { border-top: none !important; }
	.EventBanner { height: 400px; }
	.EventBannerRight { padding-top: 10px; }
	.EventSingleInfo { padding-left: 0px; padding-right: 0px; }

	.SigninWrapper { background-color: transparent !important; }
	.SigninLeft { float: none; width: 100%; min-height: initial; border-radius: 0px; background-color: #fafafa !important; }
	.SigninRight { float: none; width: 100%; box-sizing:border-box; border-radius: none; }

	.BoxSignInEmail { float: none; margin: 0 0 10px 0 !important; width: 100%; }
	.BoxSignInPass { float: none; margin: 0 0 10px 0 !important; width: 100%; }
	.SigninButtonWrapper { padding: 10px 0 0; }
	.SigninButton { margin: 0 0 0 0; }
	.PasswordRecoverLink { margin: 0 0 0 0; }

	.SubForm1 { float: none; padding: 10px 0 5px 0;	}
	.SubForm2 { float: none; }
	.SubForm3 { float: none; padding:  5px 0 0 5px; text-align: right; }
	.SubFormCode { width: 100% !important; }

	.ShareButton { display: table; margin: 10px auto 10px auto; }
	.twitter-share-button { margin: 0 auto 0 auto; }

	.SigninTab, .SignupTab, .GuestTab { border-radius: 0px;
    color: #333;
    font-size: 9px;
    font-weight: normal;
    padding: 5px 5px;
    text-decoration: none;
    text-transform: uppercase;
	margin-top: -2px; }

	.SigninSub { float: left; width: 100%; margin: 0 10px 0 0; }
	.SigninBt { float: right; margin: 10px 0 0 0; width: auto; padding: 10px 5px 9px 5px !important; }

	.LabelRightOptional { padding: 5px 0 0 7px; text-align: left; }
	.BillBox { width: 100% !important; float: none; }
	.ShipBox { width: 100% !important; float: none; }
	.FinalizeLeft { width: 100% !important; float: none; border: none; }
	.FinalizeRight { float: none; padding: 0 !important; }
	.FinalizeRightLabel { padding-top: 35px !important; }
	.FinalizeRightInfo { padding-top: 0 !important; }
	.MyTicketsButtons { padding: 5px 0 10px 0 !important; }
	.ContentBoxOuterSeatMapWrapper { margin: 0 auto 60px auto !important; }
	.SeatMapWrapper { max-height: 380px; }
	.CalTable td { height: 30px; max-width: 1vw; }
	.CalendarName > span { display: block; }
	.CalendarName > div { display: block; min-height: 10px; }
	.CurrMonth { padding: 9px 0 0 0; line-height: 1.3; }
	.CalDayStatus { display: none; }
	.CalDay { padding: 5px 0px; height: 30px !important; font-size: 12px; font-weight: normal; text-align: center; }
	.CalTable td { overflow: hidden; padding: 0 0 0 0; text-align: center; }

	#FormAccountLogin .Box250 { width: auto; }

	[class*="ticket-vcol-"] { float: none; width: 100%; }

	.TicketHolderBox { padding: 5px; }
	.mobile-padtop10 { padding-top: 10px; }
	.padtop10 { padding-top: 0px; }

	.EFW { width: 100% !important; }
	#EventSelectorWrapper { width: 100% !important; }
	.RecipientComment { padding: 10px 5px 0 0; }
	a.Exchange { padding: 2px 0px 1px 0px; }
	.DesktopWidth200 { width:auto; }

	#TabGridEvents { display: none; }

	.EventBannerActions { float: none; width: 227px; margin: 0 auto; }
	.EventBannerRight { float: none; margin-top: 15px; text-align: center; }

	.VideoWrapperZoom,
	.VideoWrapperZoom iframe,
	.VideoWrapperTwitch,
	.VideoWrapperTwitch iframe { visibility: visible !important; min-height: 529px !important; }
	.DonationWidgetWrapper { height: auto; padding: 0px; }
	.DonLeft { float: none; padding: 10px; width: 100%; }
	.DonRight { float: none; padding: 10px; width: 100%; }
	.DonationSuggestedPrice { margin-bottom: 10px !important; }

	.MyTicketsInfo .gridrow .vcol-1-5 { padding: 0 0 0 0 !important; }

	.MerchOptionWrapper { width: 100% !important; }
	.MerchQtyWrapper { width: 80px;	}

	.ConfirmationButtonWrapper { justify-content: stretch; }
	.ConfirmationButton, .ConfirmationButton > .ButtonSubmit { display: block; width: 100%; }
}
@media only screen and (min-width: 640px) {
    /* Desktop ticket row: CSS grid so TicketNotes stays in the name column */
    /*.TicketWrapper {
        display: grid;
        grid-template-columns: 1fr auto auto;
        column-gap: 15px;
    }*/
    /* Dissolve the UIKit flex wrapper; its children become direct grid items */
    /*.TicketWrapper > .uk-grid-small {
        display: contents;
    }*/
    /* Remove UIKit's gap padding (replaced by CSS grid column-gap) */
    /*.TicketWrapper .uk-grid-small > * {
        padding-left: 0;
    }*/
    /* Name: col 1, row 1, anchored to top */
    /*.TicketWrapper .TicketNameWrapper {
        grid-column: 1;
        grid-row: 1;
        align-self: start;
    }*/
    /* Price: col 2, spans rows 1-3 (name + notes + trigger), centered vertically */
    /*.TicketWrapper .uk-grid-small > div:nth-child(2) {
        grid-column: 2;
        grid-row: 1 / 4;
        align-self: center;
    }*/
    /* Qty: col 3, spans rows 1-3, centered vertically */
    /*.TicketWrapper .uk-grid-small > div:nth-child(3) {
        grid-column: 3;
        grid-row: 1 / 4;
        align-self: center;
    }*/
    /* TicketNotes and trigger stay in column 1, below the name */
    /*.TicketWrapper > .TicketNotes,
    .TicketWrapper > .TicketNotesTrigger {
        grid-column: 1;
    }*/
}

@media only screen and (max-width: 639px) {
    .EventListWrapper,
    .EventListPosterWrapper,
    .EventListDetails { display: block; width: 100%; }

    /* Mobile ticket row: space-around distribution for price + qty */
    /*.TicketWrapper .uk-grid-small {
        justify-content: space-around;
    }*/
}

@media only screen and (max-width: 640px) {
	.uk-slidenav svg { width: 9px; }

	#Body { padding-bottom: 75px !important; background-color: #fff; min-height: auto; }
	#PromoterInfo,
	#TabGrid, #Footer { display: none; }
	.DiscountCodeFields span { display: block; }
	.SignInBoxPad { padding-left: 15px; padding-right: 15px; }
	.TopNavTab { margin: 0 5px 0 5px; }
    #EventUrl { width: 86%; }
	.EventName > span { display: inline-block; width: 86%; }
	.EventName .EventShareButton { float: right; top: 5px;}
	.EventShareButtonWrapper { justify-content: flex-end;}
	.EventNameShare { width: 86%; }
	.EventTicketName1 { width:50%; }
	.EventDateHeader { margin-bottom: 0px; border-bottom: none; }
	.EventListPosterWrapper { max-width: 100%; }
	.EventListBgd { padding: 0; }
	.EventListPoster { border-bottom-left-radius: 0; }
	.EventListText { position: relative; width: 100%; }
	.EventListCol { position: relative; margin: 25px 15px 15px 15px; }
	.TextEventDate { padding-left: 0; }
    .More { position: absolute; top:-42px; right: 15px; text-align: left; margin-top: 15px; }
    .More a { display: inline-block; padding: 5px 8px; border: none; border-radius: 15px; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
    .More .EventShareButton {font-size: inherit; }
    .MoreLink { top: 1px; }
	.PageListEventsGrid .More { margin-top: 2px; right: 0px; }
	.PageListEventsGrid .More a { border: none; border-radius: 15px; }
    .EventListExtraWrapper { position: relative; }
    .EventListExtraWrapper .More { display: none; }
    .EventListExtraWrapper .TextEventDate { overflow: visible; min-width: 200px; }
    .EventListExtraText { float: none; }
	.EventListPrice { text-align:left; }
    .ButtonTicketsWrapperMobile { padding: 2px 15px 15px 15px; }
    .ButtonTicketsWrapperMobile .ButtonListEvent { margin: 0; }
	.EventDateTabs { display: none; }
	.TicketMessageWrapper div { margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; }
	#MiniMapWrapper { display: none; }
	.BillingButtonsOuterWrapper { margin: 0 0 0 0 !important; }
	.BtnContinueWrapper { margin: 0 0 0 0; }
	.PaymentButtonsOuterWrapper { margin: 0 -15px 0 0 !important; }
	.TicketsCheckoutButtons { margin: 0 0 15px 0; }

	#ContentLeft,
	#ContentRight,
	.EventListPosterWrapper,
	.EventListColRight,
	.SubscriptionColRight,
	.SubPictureWrapper,
	.PosterMd,
	.SubPicture { width: 100% !important; float: none; margin: 0 0 10px 0; }
	.EventListColRight { margin-bottom: 0; }
	.EventListBgd.MerchListBgd { padding: 0; }
	.PageSelectEvent .EventListBgd { padding-bottom: 0; }
	.SubListing { padding: 10px 10px 0 10px; }
	.SubListing.ButtonAttend { padding: 10px; }
	.SubListing.ButtonAttend a { width: 100%; }
	.GroupLabel { margin: 0 0 0 0 !important; }
	.GroupSelect { margin-top: 0 !important; }
	.EventListExtra { border-top: 1px solid #eee; }
	.EventListExtraText { width: 100%; border: none; }
	.SeatMapIndexSelectSeat { height: 0px; }
	#OrderForm, .BillingFooterWrapper, #BtnSubmitOuter, .BtnFinishBottomWrapper { margin-bottom: 75px !important; }
	.SelectSeatButtonsTop { width: 100%; margin-bottom: 5px; }
	.LabelRight2, .LabelRight2Optional { margin-bottom: 1px; }
	.nofloat-mobile { float: none; }
	.floatleft-mobile { float: left; }
	.floatright-mobile { float: right; }

	#ContentLeft,
	#ContentRight { width: 100%; float: none; margin: 0; }
	#ContentRight { display: none; }

	.CheckoutLeft,
	.CheckoutRight,
	.CheckoutBillText { border: none; float: none; width: 100%; clear: both; padding: 0; }
	select.Box300DD { width: 100% !important; }
	.__lnkReg { display: block; margin: 0 0 5px 0 !important; }
	.Warning { background:none !important; box-shadow: 0 0 20px #FFF1C9 inset; }
	.Warning input { border: 1px solid #ee0000 !important; }

	.SelectRegFormBgd { margin-top: -15px; }
	.FieldLabel, .FieldLabelRequired { position: relative; top: 10px; left: 0; padding: 0 5px 0 0; margin: 0 0 -5px 5px; width: auto; background-color: #fff; text-align: left; }
	.FieldLabelLong { padding-right: 10px; margin-bottom: 10px !important; width: 100% !important; }
	.FieldLabelRadio { margin: 0 0 0 5px; }
	.FieldLabelCheckBoxMulti { margin: 0 0 20px 5px; }
	.BoxRegForm,
	.BoxRegForm input[type="text"],
	.BoxRegForm textarea { clear: both; float: none; width: 100%; }
    .BoxRegForm select { width: 100%; }
	.BoxRegForm input[type="checkbox"] { display: inline-block; margin: -2px 0 0 0; }
	.BoxRegFormRadio { clear: both; padding: 10px 0 0 5px; }
	.BoxRegFormCheckBoxPrice { clear: both; padding: 15px 0 0 5px !important; }
	.checkbox-item { clear: both; }
	.checkbox-item input,
	.checkbox-item span { float: left; }
	.checkbox-item span { margin: -6px 0 0 0; }

	.LoginLeft { float: none; width: 100% !important; }
	.LoginRight { float: none; width: 100% !important; }

	#FormCreateAccount td div { float: none !important; display: block !important; }
	#FormCreateAccount td div input { width: auto !important; }

	.EFW { width: 100% !important; }
	#EventSelectorWrapper { width: 100% !important; }

	.DonLeft { float: none; padding: 10px; width: 100%; }
	.DonRight { float: none; padding: 10px; width: 96%; }

	.PageMyAccount .ListText, .PageMyAccount .ListHeader { padding: 15px 3px; }
	.PageExchange1 .ListText, .PageExchange1 .ListHeader { padding: 15px 3px; }
	.MyAccountTicketUser { display: block; padding: 5px 0 0 0; }
	.ButtonExchange, a.ButtonExchange, .ButtonSendToFriend, a.ButtonSendToFriend { padding: 1px 4px; font-size: 10px; border-radius: 30px; }
	.BtnBackWrapper { box-sizing: border-box; width: 50%; }
	.BtnContinueWrapper { box-sizing: border-box; width: 50%; }

	.WatchSigninFormWrapper { border: none; }
	.VideoWrapperZoom,
	.VideoWrapperZoom iframe,
	.VideoWrapperTwitch,
	.VideoWrapperTwitch iframe { visibility: visible !important; min-height: 529px !important; }
	.VideoDonation { border: none; }
	.VidDonLeft { width: 100% !important; }
	.VideoChat { margin: 0 0 0 0; padding: 2px 0px 5px 0px; border: none; }
	.VidChatRight { display: none !important; }
	.VideoEmoji { display: none; }
	.ChatUsername { display: none; }
	.ChatMessage { margin: 0 0 0 0 !important; width: 77% !important; }
	.ChatSubmit { float: right !important; width: 10% !important; }
	.VideoChatRowLeft { width: 100%; }
	.VideoChatUsername { display: none; }
	.VideoChatMessage { margin: 0 0 0 0; width: 100%; }
	.DonationButtonHide {
		display: none !important;
	}

	.EventNameDateWrapper .EventName {
		display: block;
		margin: -3px 0 5px 0;
		width: 100%;
		max-width: 100%;
	}
	.EventNameDateWrapper .EventDate {
		display: block;
		width: 100%;
		max-width: 100%;
	}

	.TicketSelectHeader .EventNotes, .MerchandiseSelectHeader .EventNotes {
		display: none;
	}

	.MerchQtyWrapper { 
		top: unset; 
		bottom: 10px;
		right: 20px;
	}
	.MerchOptions {
		margin: 10px 0 20px -15px;
	}
	.MerchDesc {
		width: 100%;
	}
	.MerchDescMore {
		margin: 0 0 0 0;
	}
	.MerchPricing {
		margin: 0 0 5px 0;
	}
	.MerchBackMobile {
		display: inline-block;
	}
}

@media only screen and (max-width: 740px) {
	#AccountProfile input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 12px; }
	#AccountProfile input::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; }
	#AccountProfile input:-ms-input-placeholder { /* IE 10+ */ font-size: 12px; }
	#AccountProfile input::placeholder { font-size: 12px; }

	.CalendarName > span { font-size: 14px; }
	.TopNavTabs { margin-bottom: 24px; }
}

@media only screen and (max-width: 959px) {
	.overlay-body {
		overflow-y: auto !important;
	}
	.TicketOverlay, .TicketSelectWrapper, .TicketSelectContainer, .TicketSelect, .UpsellOverlay, .MerchandiseSelectContainer, .BillingDeliveryWrapper {
		overflow: hidden;
		height: auto;
	}
	.TicketSelectWrapper, .MerchandiseWrapper, .BillingDeliveryWrapper {
		border-right: none;
	}
	.BillingOverlay {
		overflow: hidden;
		height: auto;
	}
}

/* CART SUMMARY */
#CartSummary { margin: 30px 0 15px 0 !important; padding: 15px; }

/* FINALIZE */
.ProcessingMessage { padding: 21px 15px 15px 15px; font-size: 20px; font-weight: 300; border-left: 1px solid #eee; }
.ProcessingIcon2 { float: left; padding: 21px 15px 15px 15px; width: 40px; }

.BoxLight {
	box-shadow: 0 0 5px rgba(0,0,0,0.12);
	box-sizing: border-box;
	border-radius: 0px;
	border: 1px solid #dadada;
}

/* MARGINS */
.M-3{ margin: 3px; }
.M-5{ margin: 5px; }
.M-10{ margin: 10px; }
.M-15{ margin: 15px; }

/* MARGINS TOP */
.MT-3{ margin-top: 3px; }
.MT-5{ margin-top: 5px; }
.MT-10{ margin-top: 10px; }
.MT-15{ margin-top: 15px; }

/* MARGINS RIGHT */
.MR-3{ margin-right: 3px; }
.MR-5{ margin-right: 5px; }
.MR-10{ margin-right: 10px; }
.MR-15{ margin-right: 15px; }

/* MARGINS BOT */
.MB-3{ margin-bottom: 3px; }
.MB-5{ margin-bottom: 3px; }
.MB-10{ margin-bottom: 3px; }
.MB-15{ margin-bottom: 3px; }

/* MARGINS LEFT */
.ML-3{ margin-left: 3px; }
.ML-5{ margin-left: 5px; }
.ML-10{ margin-left: 10px; }
.ML-15{ margin-left: 15px; }



/* PADDINGS */
.P-3{ padding: 3px; }
.P-5{ padding: 5px; }
.P-10{ padding: 10px; }
.P-15{ padding: 15px; }

/* PADDINGS TOP */
.PT-3{ padding-top: 3px; }
.PT-5{ padding-top: 5px; }
.PT-10{ padding-top: 10px; }
.PT-15{ padding-top: 15px; }
.PT-30{ padding-top: 30px; }

/* PADDINGS RIGHT */
.PR-3{ padding-right: 3px; }
.PR-5{ padding-right: 5px; }
.PR-10{ padding-right: 10px; }
.PR-15{ padding-right: 15px; }

/* PADDINGS BOT */
.PB-3{ padding-bottom: 3px; }
.PB-5{ padding-bottom: 5px; }
.PB-10{ padding-bottom: 10px; }
.PB-15{ padding-bottom: 15px; }

/* PADDINGS LEFT */
.PL-3{ padding-left: 3px; }
.PL-5{ padding-left: 5px; }
.PL-10{ padding-left: 10px; }
.PL-15{ padding-left: 15px; }


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/* UI Kit Overrides */
em { color: #000; }
h3.uk-card-title { padding: 0; font-style: normal; font-size: 1.3rem; }
.uk-card-small .uk-card-header,
.uk-card-tiny { padding: 6px 0px !important; }
.uk-card-header h3 { margin: 0; font-style: normal; font-size: 20px; }
.uk-accordion-content { line-height: 1.3; }
.uk-accordion-content .uk-label { display: inline-block; margin-bottom: 3px; }

.uk-input {
	transition: all .25s cubic-bezier(.645,.045,.355,1);
}
.uk-checkbox, .uk-input, .uk-radio, .uk-select, .uk-textarea { 
	/*margin: 0 0 10px 0;*/
	font-family: var(--primary-font-family); 
	font-size: 16px; 
	font-weight: 400; 
	border: 1px solid var(--border-color-dark);
	border-radius: var(--secondary-radius) !important; 
	color: var(--black-color) !important;
}
.uk-input, .uk-select:not([multiple]):not([size]) { 
	height: 46px !important; 
}
.uk-form-danger, .uk-form-danger:focus {
	border-color: #e44141 !important;
}

.uk-text-meta { font-size: 14px !important; font-weight: 300; }
.uk-width-xsmall { width: 75px; }
.uk-checkbox, .uk-radio { padding: 7px !important; }
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked { background-color: #666; }
.uk-radio:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important; }
.uk-checkbox:disabled, .uk-radio:disabled {	background-color: #f8f8f8 !important; border-color: #e5e5e5 !important; }
input[type="file"].uk-file { padding: 15px; width: 100%; border: 1px dashed #aaa !important; border-radius: var(--secondary-radius); box-sizing: border-box; background:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22far%22%20data-icon%3D%22cloud-upload%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20512%22%20class%3D%22svg-inline--fa%20fa-cloud-upload%20fa-w-20%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M543.7%20200.1C539.7%20142.1%20491.4%2096%20432%2096c-7.6%200-15.1.8-22.4%202.3C377.7%2058.3%20328.1%2032%20272%2032c-84.6%200-155.5%2059.7-172.3%20139.8C39.9%20196.1%200%20254.4%200%20320c0%2088.4%2071.6%20160%20160%20160h336c79.5%200%20144-64.5%20144-144%200-61.8-39.2-115.8-96.3-135.9zM496%20432H160c-61.9%200-112-50.1-112-112%200-56.4%2041.7-103.1%2096-110.9V208c0-70.7%2057.3-128%20128-128%2053.5%200%2099.3%2032.8%20118.4%2079.4%2011.2-9.6%2025.7-15.4%2041.6-15.4%2035.3%200%2064%2028.7%2064%2064%200%2011.8-3.2%2022.9-8.8%2032.4%202.9-.3%205.9-.4%208.8-.4%2053%200%2096%2043%2096%2096s-43%2096-96%2096zM296.5%20150.5c-4.7-4.7-12.3-4.7-17%200l-104%20104c-4.7%204.7-4.7%2012.3%200%2017l16.9%2016.9c4.7%204.7%2012.4%204.7%2017.1-.1l54.5-55.8V372c0%206.6%205.4%2012%2012%2012h24c6.6%200%2012-5.4%2012-12V232.5l54.5%2055.8c4.7%204.8%2012.3%204.8%2017.1.1l16.9-16.9c4.7-4.7%204.7-12.3%200-17l-104-104z%22%20class%3D%22%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 96% center #f8f8f8 !important; cursor: pointer; background-size: 20px 20px !important; }
.uk-file-wrapper { position: relative; height: 50px; }
.uk-file-label { padding: 0 35px 0 10px !important; overflow:hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.uk-file-small { padding: 5px 8px !important; border-radius: 20px; }
.uk-form-small:not(textarea):not([multiple]):not([size]) { height: 30px !important; }

.uk-notification-message-danger { background-color: #ee0000 !important; color: #fff !important; }
.uk-notification-message-danger .uk-notification-close { color: #fff !important; }
.uk-notification-message-success { background-color: #46c654 !important; color: #fff !important; }
.uk-notification-message-success .uk-notification-close { color: #fff !important; }

.uk-button { padding: 0 15px; border-radius: var(--secondary-radius); }
.uk-button-primary { background-color: #46C654; border: 1px solid #46C654; text-decoration: none; color: #fff; }
.uk-button-primary:hover,
.uk-button-primary:focus { background-color: #1ab70e; border: 1px solid #1ab70e; }
.uk-button-secondary { background-color: #228fc6; border: 1px solid #228fc6; color: #fff; text-decoration: none; }
.uk-button-secondary:hover,
.uk-button-secondary:focus { background-color: #1682b9; border: 1px solid #1682b9; }

.uk-alert-danger { background-color: #ee0000 !important; color: #fff !important; }
.uk-card-default { box-shadow: 0 0 5px rgba(0,0,0,0.12) !important; border: 1px solid #dadada; border-radius: 0px; }

.InputPlaceHolder { 
	display: none; 
	position: absolute; 
	top: 11px; left: 11px; 
	font-size: 11px; 
	font-weight: 400; 
	color: #999; 
	opacity: 0; 
	transition: all .25s cubic-bezier(.645,.045,.355,1); 
}
.InputPlaceHolder.visible { 
	display: block; 
	top: 5px; left: 11px; 
	opacity: 1; 
}

/* Kill animation for #UikitModal only */
#UikitModal { transition: none !important; }
#UikitModal .uk-modal-dialog { transform: none; transition: none !important; }

.uk-modal { background: rgba(0, 0, 0, 0.4) !important; backdrop-filter: blur(1px); }
.uk-modal-header { padding: 5px 25px 20px 25px; border: none; background-color: transparent !important; }
.uk-modal-title { font-family: var(--primary-font-family); text-align: left; font-weight: 500; font-size: 22px; margin-top: 10px; border: none; }
.uk-modal-dialog { 
	width: auto; 
	max-width: min(400px, 100vw - 40px); /* the smaller of the two */
	border-radius: var(--primary-radius); 
	box-shadow: 0 1px 6px rgba(0,0,0,0.5); 
}
.uk-modal-body { padding: 0 15px 15px 15px; }
.uk-width-200 { width: 240px; }

[class^="Box"].uk-width-1-1 { width: 100% !important; }

#LangOptions .uk-card-body { padding: 15px !important; text-align: center; }

#CheckoutProgress { margin: 0 0 0 0; text-transform: uppercase; font-size: 10px; color: #767473; height: 5px; }
#CheckoutProgress a { color: #000; }
#CheckoutProgress a:hover { text-decoration: none; }
#CheckoutProgress .ProgressActive { color: #000;  }
#CheckoutProgress progress::-moz-progress-bar { background-color: #000;  }
#CheckoutProgress progress::-webkit-progress-value { background-color: #000; }
#CheckoutProgress progress::-webkit-progress-bar { background-color: #f8f8f8; }
#CheckoutProgress progress { height: 2px; }
#CheckoutProgress .ProgressLabels { margin-top: 2px; }
#CheckoutProgress .ProgressStep { display: inline-block; padding: 0 3px 0 0; }

.DonationProgressWrapper progress::-moz-progress-bar { background-color: #46C654;  }
.DonationProgressWrapper progress::-webkit-progress-value { background-color: #46C654; }
.DonationProgressWrapper progress::-webkit-progress-bar { background-color: #f8f8f8; }

 /* Tooltip container */
.vbo-tooltip {
  position: relative;
  display: inline-block;
}

.vbo-tooltip-danger { background-color: #ee0000 !important; color: #fff !important; border-color: #ee0000 transparent transparent transparent; }

/* Tooltip text */
.vbo-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 2px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Show the tooltip text when you mouse over the tooltip container */
.vbo-tooltip:hover .vbo-tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* placeholder container */
.vbo-input {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.vbo-input-alt {
	margin: 0 0 10px 0;
}

.vbo-input .vbo-form-error {
	padding: 0 3px;
	width: auto;
	max-width: calc(100% - 20px);
	font-size: 12px;
	font-weight: 500;
	color: #e44141;
	position: absolute;
	left: 10px;
	bottom: -8px;
	background-color: #fff;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.vbo-input .iti .vbo-form-error {
	left: 10px;
	bottom: -17px;
}
.vbo-input-alt .vbo-form-error {
	left: 10px;
}
.vbo-input:has(.InputPlaceHolder.visible) .uk-input {
	padding: 10px 10px 0 10px !important
}

/* Hide the google recaptcha badge, because it looks ugly */
.grecaptcha-badge {
    visibility: hidden;
}

/* INT TEL NUMBERS */
div.iti { width: 100% !important; }
.iti__country-list { position: fixed !important; }
.iti__phone { padding-left: 50px !important; width: 100%; }

/* ─── LIVESTREAM PAGE ─────────────────────────────────────────────────────── */
.ls-page { background: #000; color: #fff; font-family: var(--primary-font-family); }

/* Loading / error */
.ls-loading { padding: 60px 20px; background: #000; color: #999; }
.ls-error-banner { margin: 0 0 12px 0; border-radius: var(--secondary-radius); font-size: 13px; padding: 8px 12px; }

/* Code entry */
.ls-code-entry { padding: 40px 15px; background: #111; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.ls-code-entry-inner { background: #1a1a1a !important; border: 1px solid #333 !important; border-radius: var(--secondary-radius); max-width: 420px; width: 100%; }
.ls-code-entry-inner .uk-card-title { color: #fff; font-size: 20px; }
.ls-code-entry-inner .uk-form-label { color: #aaa; font-size: 13px; }
.ls-code-input-field { letter-spacing: 3px; font-size: 18px; text-transform: uppercase; background: #0d0d0d !important; border-color: #444 !important; color: #fff !important; }
.ls-code-input-field:focus { border-color: var(--brand) !important; }

/* Player section */
.ls-video-area { background: #000; width: 100%; position: relative; display: flex; justify-content: center; align-items: flex-start; }
.ls-exit-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: transparent; border: none; color: #ff6b6b; border-radius: var(--secondary-radius); padding: 6px 14px; font-size: 12px; font-family: var(--primary-font-family); cursor: pointer; transition: background 0.15s, color 0.15s; min-width: 56px; }
.ls-exit-btn i { font-size: 26px; }
.ls-exit-btn:hover { background: rgba(255,80,80,0.15); color: #ff4444; }
.ls-video-container { width: 100%; max-height: calc(100vh - 200px); background: #000; overflow: hidden; aspect-ratio: 16 / 9; }
.ls-video-container iframe,
.ls-video-container #ls-video-frame { display: block; width: 100%; height: 100%; }

/* Video meta */
.ls-video-meta { background: #000; border-top: 1px solid #1a1a1a; }
.ls-video-title { font-size: 18px; font-weight: 500; color: #fff; margin: 0 0 6px 0; }
.ls-accordion-title { color: #aaa !important; font-size: 14px; }
.ls-accordion-title:hover { color: #fff !important; }
.ls-accordion-title::before { display: none !important; }

/* Action sidebar (desktop) */
.ls-sidebar { display: none; background: #000; }

/* Action bar (mobile) */
.ls-action-bar { display: flex; align-items: center; background: #000; border-top: 1px solid #1a1a1a; padding: 6px 10px; gap: 4px; }
.ls-action-bar .ls-exit-btn { margin-left: auto; }
.ls-action-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: transparent; border: none; color: #ccc; cursor: pointer; padding: 6px 14px; border-radius: var(--secondary-radius); font-size: 12px; font-family: var(--primary-font-family); transition: background 0.15s, color 0.15s; min-width: 56px; }
.ls-action-btn i { font-size: 26px; }
.ls-action-btn:hover { background: #222; color: #fff; }
.ls-action-label { font-size: 11px; line-height: 1; margin-top: 2px; }

/* Side panels */
.ls-panels { position: relative; }
.ls-panel { background: #111; border-top: 1px solid #222; display: flex; flex-direction: column; height: 400px; }
.ls-panel-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border-bottom: 1px solid #222; flex-shrink: 0; }
.ls-panel-title { font-size: 14px; font-weight: 500; color: #ddd; font-family: var(--primary-font-family); }
.ls-panel-close { background: transparent; border: none; color: #888; cursor: pointer; font-size: 16px; padding: 2px 4px; line-height: 1; }
.ls-panel-close:hover { color: #fff; }

/* Chat */
.ls-chat-window { flex: 1; overflow-y: auto; padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; }
.ls-chat-row { display: flex; align-items: flex-start; gap: 8px; }
.ls-donation-row { display: flex; align-items: center; gap: 8px; background: rgba(70,198,84,0.1); border: 1px solid rgba(70,198,84,0.25); border-radius: 8px; padding: 8px 10px; }
.ls-donation-icon { color: #e05a7a; font-size: 14px; flex-shrink: 0; }
.ls-donation-text { font-size: 13px; color: #ddd; line-height: 1.4; }
.ls-chat-avatar { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--brand); color: #fff; font-size: 11px; font-weight: 600; display: flex; align-items: center; justify-content: center; text-transform: uppercase; }
.ls-chat-bubble { font-size: 14px; color: #ddd; line-height: 1.4; word-break: break-word; }
.ls-chat-name { display: block; font-size: 11px; font-weight: 600; color: #888; margin-bottom: 2px; }
.ls-scroll-bottom { position: absolute; bottom: 80px; right: 12px; background: #333; color: #fff; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; }
.ls-chat-footer { flex-shrink: 0; border-top: 1px solid #222; padding: 6px; display: flex; flex-direction: column; gap: 6px; }
.ls-chat-username { background: #1a1a1a !important; border-color: #333 !important; color: #aaa !important; height: 40px !important; }
.ls-chat-username::placeholder { color: #999; }
.ls-chat-input-row { display: flex; gap: 6px; }
.ls-chat-message-input { flex: 1; background: #1a1a1a !important; border-color: #333 !important; color: #fff !important; height: 40px !important; }
.ls-chat-message-input::placeholder { color: #999; }
.ls-emoji-btn { background: transparent; border: none; color: #f5c518; font-size: 20px; cursor: pointer; padding: 0 6px; height: 40px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: opacity 0.15s; }
.ls-emoji-btn:hover { opacity: 0.75; }
.ls-send-btn { padding: 0 14px; height: 40px; flex-shrink: 0; }

/* Donation iframe */
.ls-donation-iframe { flex: 1; border: 0; background: #fff; }

/* Desktop: Twitch-style full-height layout */
@media (min-width: 960px) {
    .ls-player-section { display: flex; flex-direction: row; width: 100%; height: 100vh; background: #000; overflow: hidden; }
    .ls-content-col { flex: 1; min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
    .ls-video-area { flex-shrink: 0; width: 100%; }
    .ls-video-meta { flex-shrink: 0; }
    .ls-sidebar { flex: 0 0 72px; display: flex; flex-direction: column; align-items: center; padding: 8px 0; gap: 4px; border-left: 1px solid #222; border-right: 1px solid #222; }
    .ls-sidebar .ls-exit-btn { margin-top: auto; }
    .ls-action-bar { display: none !important; }
    .ls-panels { flex: 0 0 360px; display: flex; flex-direction: column; overflow: hidden; }
    .ls-panel { flex: 1; border-top: none; min-height: 0; }
}

@media (max-width: 959px) {
    /* Mobile full-height column layout */
    .ls-player-section { display: flex; flex-direction: column; height: 100vh; }
    .ls-content-col { flex-shrink: 0; }
    .ls-video-area { flex-shrink: 0; }
    .ls-video-meta { flex-shrink: 0; }
    .ls-sidebar { display: none !important; }
    .ls-action-bar { flex-shrink: 0; }
    .ls-panels { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-height: 0; }
    .ls-panel { flex: 1; height: auto; min-height: 0; border-top: none; }
    /* Mobile action bar: icon-only, no labels */
    .ls-action-btn { padding: 6px 14px; min-width: 48px; }
    .ls-action-label { display: none; }
}
/* Livestream checkout modal */
.ls-checkout-modal { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; }
.ls-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.85); }
.ls-modal-wrapper { position: relative; z-index: 1; width: 92%; max-width: 1100px; }
.ls-modal-dialog { position: relative; height: 88vh; background: #fff; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
.ls-modal-close { position: absolute; top: 0; right: -44px; z-index: 10; background: transparent; border: none; color: #fff; width: auto; height: auto; border-radius: 0; font-size: 32px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; text-shadow: 0 0 12px rgba(0,0,0,0.6); transition: opacity 0.15s; padding: 0; }
.ls-modal-close:hover { background: transparent; opacity: 0.8; }
.ls-modal-iframe { flex: 1; border: 0; width: 100%; height: 100%; }
@media only screen and (max-width: 1050px) {
    .ls-modal-backdrop { display: none; }
    .ls-modal-wrapper { position: absolute; inset: 0; width: auto; max-width: none; }
    .ls-modal-dialog { height: 100%; border-radius: 0; box-shadow: none; }
    .ls-modal-close { top: 10px; right: 10px; font-size: 24px; color: var(--black-color, #111); text-shadow: 0 1px 3px rgba(0,0,0,0.3); }
}
/* Donation success screen (shown inside modal after checkout completes) */
.ls-donation-success { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 40px; text-align: center; background: #fff; color: #111; font-family: var(--primary-font-family); }
.ls-donation-success .ls-success-icon { font-size: 56px; color: var(--brand); margin-bottom: 24px; line-height: 1; }
.ls-donation-success h2 { font-size: 26px; font-weight: 700; margin: 0 0 12px 0; }
.ls-donation-success p { font-size: 15px; color: #555; max-width: 420px; line-height: 1.6; margin: 0 0 24px 0; }
.ls-success-details { width: 100%; max-width: 320px; background: #f8f8f8; border-radius: 8px; padding: 16px 20px; margin-bottom: 28px; }
.ls-success-detail-row { display: flex; justify-content: space-between; gap: 16px; padding: 6px 0; font-size: 14px; border-bottom: 1px solid #eee; }
.ls-success-detail-row:last-child { border-bottom: none; }
.ls-success-detail-row span:first-child { color: #777; }
.ls-success-detail-row span:last-child { font-weight: 600; text-align: right; }
.ls-success-close-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--brand); color: #fff; border: none; border-radius: var(--secondary-radius); padding: 12px 28px; font-size: 15px; font-family: var(--primary-font-family); cursor: pointer; transition: opacity 0.15s; }
.ls-success-close-btn:hover { opacity: 0.85; }

.iti__icon { position: absolute; top: 12px; right: 9px; z-index: 999; }