#siteTemplateFooter
{
	margin-top: 0px !important;
}

#myAccountContents
{
	display: flex;
}

#myAccountContents #myAccountLeftColumn
{
	flex: 0 0 348px;
	width: 348px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	background-color: #ffffff;
	background-size: cover;
	box-shadow: 0px 7px 14px rgba(50,50,93,0.1), 0px 3px 6px rgba(0,0,0,0.07);
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents
	{
		display: block;
	}
	
	#myAccountContents #myAccountLeftColumn
	{
		flex: none;
		display: block;
		width: 100%;
	}
}

#myAccountContents #myAccountLeftColumn #leftColumnPersonalInfo
{
	padding: 29px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 24px;
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountLeftColumn #leftColumnPersonalInfo
	{
		display: none;
	}
}

#myAccountContents #myAccountLeftColumn #leftColumnPersonalInfo .gravatar
{
	text-align: center;
	margin-bottom: 19px;
}

#myAccountContents #myAccountLeftColumn #leftColumnPersonalInfo .gravatar img
{
	width: 132px;
	height: 132px;
	border-radius: 66px;
}

#myAccountContents #myAccountLeftColumn #leftColumnPersonalInfo .name
{
	font-size: 21px;
	color: var(--primary-text);
	font-weight: 500;
	text-decoration: none solid rgb(48, 66, 105);
	text-align: center;
	line-height: 24px;
}

#myAccountContents #myAccountLeftColumn #leftColumnPersonalInfo .email,
#myAccountContents #myAccountLeftColumn #leftColumnPersonalInfo .phone
{
	font-size: 14px;
	color: #888888;
	font-weight: 500;
	text-decoration: none solid rgb(136, 136, 136);
	text-align: center;
	line-height: 24px;
}

#myAccountContents #myAccountLeftColumn ul.myAccountMenu
{
	margin-left: 25px;
	margin-right: 25px;
	border: none;
	text-indent: 0px;
	padding: 0px;
}

#myAccountContents #myAccountLeftColumn ul.myAccountMenu li
{
	clear: left;
	height: 63px;
	border: 1px solid #dddddd;
	border-bottom: none;
	cursor: pointer;
	background-color: #f8f8f9;
	color: #686868;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	font-size: 16px;
	text-decoration: none solid rgb(34, 34, 34);
	text-align: center;
	line-height: 60px;
	vertical-align: center;
	text-indent: 0px;
}

#myAccountContents #myAccountLeftColumn ul.myAccountMenu li:first-child
{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#myAccountContents #myAccountLeftColumn ul.myAccountMenu li:last-child
{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom: 1px solid #dddddd;
}

#myAccountContents #myAccountLeftColumn ul.myAccountMenu li:hover
{
	background-color: #ffffff;
	color: #222222;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

#myAccountContents #myAccountLeftColumn ul.myAccountMenu li.active
{
	color: #222222;
	background-color: #ffffff;
}

#myAccountContents #myAccountLeftColumn ul.myAccountMenu li a
{
	color: #222222;
	text-decoration: none solid rgb(34, 34, 34);
}

#myAccountContents #myAccountLeftColumn ul.myAccountMenu li i
{
	float: left;
	margin-left: 10px;
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountLeftColumn ul.myAccountMenu
	{
		margin-left: 0px;
		margin-right: 0px;
		border: none;
		text-indent: 0px;
		padding: 0px;
		display: flex;
		margin-bottom: 0px;
		border-bottom: 1px solid #dddddd;
	}

	#myAccountContents #myAccountLeftColumn ul.myAccountMenu li
	{
		flex: 1 1 auto;
		border-radius: 0px;
		background-color: #ffffff;
		background-size: cover;
		font-size: 14px;
		color: var(--primary-text);
		font-weight: 600;
		text-decoration: none solid rgb(48, 66, 105);
		text-align: center;
		padding-top: 14px;
	}
	
	#myAccountContents #myAccountLeftColumn ul.myAccountMenu li:first-child
	{
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom: 0px;
		border-left: 0px;
	}

	#myAccountContents #myAccountLeftColumn ul.myAccountMenu li:last-child
	{
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-bottom: 0px;
		border-right: 0px;
	}
	
	#myAccountContents #myAccountLeftColumn ul.myAccountMenu li i
	{
		float: none;
		margin-left: 0px;
	}

	#myAccountContents #myAccountLeftColumn ul.myAccountMenu li a,
	#myAccountContents #myAccountLeftColumn ul.myAccountMenu li i
	{
		font-size: 12px;
		display: block;
		line-height: 14px;
	}
}

#myAccountContents #myAccountRightColumn
{
	flex: 1 1 auto;
	background-color: #f8f8f9;
	box-shadow: 0px 7px 14px rgba(50,50,93,0.1), 0px 3px 6px rgba(0,0,0,0.07);
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn
	{
		flex: none;
	}
}

#myAccountContents #myAccountRightColumn .padding
{
	padding: 19px 32px 19px 32px;
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn .padding
	{
		padding: 9px;
	}
}

#myAccountContents #myAccountRightColumn .section
{
	margin-bottom: 19px;
}

#myAccountContents #myAccountRightColumn .section .sectionTop
{
	border: 1px solid #dddddd;
	border-bottom: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
	padding: 19px 29px 19px 29px;
	overflow: auto;
}

#myAccountContents #myAccountRightColumn .section .sectionTop h3
{
	display: inline-block;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 21px;
	line-height: 50px;
	color: #222222;
	font-weight: 500;
	text-decoration: none solid rgb(255, 255, 255);
}

#myAccountContents #myAccountRightColumn .section .sectionTop .btn
{
	float: right;
}

#myAccountContents #myAccountRightColumn .section .sectionTop .btn i
{
	margin-right: 5px;
}

#myAccountContents #myAccountRightColumn .section .sectionContents
{
	border: 1px solid #dddddd;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
	padding: 19px 29px 19px 29px;
}

#myAccountContents #myAccountRightColumn .section .sectionContents .label
{
	line-height: 20px;
	font-size: 16px;
	color: #555555;
	text-decoration: none solid rgb(103, 103, 103);
}

#myAccountContents #myAccountRightColumn .section .sectionContents .value
{
	line-height: 22px;
	font-size: 18px;
	color: #222222;
	text-decoration: none solid rgb(34, 34, 34);
	margin-bottom: 5px;
}

#myAccountContents #myAccountRightColumn .section .sectionContents.flex
{
	overflow: auto;
}

#myAccountContents #myAccountRightColumn .section .sectionContents .halfColumn
{
	width: 50%;
	float: left;
}

#myAccountContents #myAccountRightColumn .section .sectionContents .clearfix
{
	clear: both;
}

#myAccountContents #myAccountRightColumn .section .sectionContents .halfColumn.left
{
	padding-right: 10px;
}

#myAccountContents #myAccountRightColumn .section .sectionContents .halfColumn.right
{
	padding-left: 10px;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection
{
	
}

@media 
only screen and (max-width: 767px)
{
	#headerAndMessages h1
	{
		font-size: 21px;
		color: #222222;
		font-weight: 700;
		text-decoration: none solid rgb(34, 34, 34);
	}
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .heading
{
	overflow: auto;
	padding-bottom: 19px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 19px;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .heading h3
{
	display: inline;
	font-size: 21px;
	color: #222222;
	font-weight: 500;
	text-decoration: none solid rgb(34, 34, 34);
	line-height: 44px;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .heading .btn-group-toggle
{
	float: right;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents
{
	clear: both;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent
{
	display: flex;
	margin-bottom: 19px;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventImage
{
	flex: 0 1 250px;
	width: 250px;
	height: 139px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #ebebeb;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventImage img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventDateAndTitle
{
	flex: 1 1 auto;
	border: 1px solid #dddddd;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #ffffff;
	padding: 16px;
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent
	{
		display: block;
	}
	
	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventImage
	{
		width: 100%;
		height: 139px;
		border-top-right-radius: 6px;
		border-bottom-left-radius: 0px;
		background-color: #ebebeb;
	}

	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventImage img
	{
		border-top-right-radius: 6px;
		border-bottom-left-radius: 0px;
	}
	
	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventDateAndTitle
	{
		border: 1px solid #dddddd;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 6px;
		background-color: #ffffff;
		padding: 16px;
	}
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventDateAndTitle .dateAndLocation
{
	line-height: 20px;
	font-size: 16px;
	color: #686868;
	text-decoration: none solid rgb(104, 104, 104);
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventDateAndTitle .eventTitle
{
	line-height: 24px;
	font-size: 18px;
	color: var(--primary-text);
	font-weight: 600;
	text-decoration: none solid rgb(48, 66, 105);
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventDateAndTitle .buttons
{
	
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventDateAndTitle .buttons a
{
	margin-bottom: 5px;
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventDateAndTitle .buttons
	{
		display: flex;
	}
	
	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventDateAndTitle .buttons .row .col-md-3.responsiveHalf
	{
		flex: 1 1 50%;
		margin-bottom: 9px;
	}
	
	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardEvent .eventDateAndTitle .buttons .row .col-md-3.responsiveHalf select
	{
		width: 133px;
		margin-bottom: 5px;
	}
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder
{
	border: 1px solid #ddd;
	border-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
	padding: 29px;
	margin-bottom: 19px;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderIdAndStatus
{
	
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderIdAndStatus .orderId
{
	font-size: 24px;
	color: var(--primary-text);
	font-weight: 700;
	text-decoration: none solid rgb(48, 66, 105);
	line-height: 24px;
	display: inline-block;
	min-width: 160px;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderIdAndStatus .orderStatus
{
	line-height: 24px;
	display: inline-block;
	height: 24px;
}

.orderStatus .statusLabel
{
	padding: 7px;
	display: inline-block;
	min-width: 85px;
	font-weight: 500;
	font-size: 12px;
	border-radius: 6px;
	text-align: center;
}

.statusLabel.completed
{
	border: 1px solid #00a286;
	background-color: #daf5f1;
	color: #00a286;
	text-decoration: none solid rgb(0, 162, 134);
}

.statusLabel.refunded
{
	border: 1px solid #cd0606;
	background-color: #fcdbdb;
	color: #cd0606;
	text-decoration: none solid rgb(205, 6, 6);
}

.statusLabel.unclaimed
{
	border: 1px solid #cd0606;
	background-color: #fcdbdb;
	color: #cd0606;
	text-decoration: none solid rgb(0, 162, 134);
}

.statusLabel.upgraded
{
	border: 1px solid #00a286;
	background-color: #daf5f1;
	color: #00a286;
	text-decoration: none solid rgb(0, 162, 134);
}

.statusLabel.transferred
{
	border: 1px solid #cd0606;
	background-color: #fcdbdb;
	color: #cd0606;
	text-decoration: none solid rgb(0, 162, 134);
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderIdAndStatus .actions
{
	float: right;
}

@media 
only screen and (max-width: 1080px)
{
	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderIdAndStatus .responsiveHide
	{
		display: none;
	}
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder
	{
	}

	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderIdAndStatus
	{
		margin-bottom: 19px;
	}

	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderIdAndStatus .orderId
	{
		min-width: 110px;
		font-size: 20px;
	}

	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderIdAndStatus .orderStatus
	{
		text-align: left;
		display: block;
	}

	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderIdAndStatus .actions
	{
		position: relative;
		top: -4px;
	}
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderData
{
	margin-top: 9px;
	display: flex;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderData .datum
{
	flex: 1 1 20%;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderData .datum .value
{
	font-size: 16px;
	color: #222222;
	font-weight: 500;
	text-decoration: none solid rgb(34, 34, 34);
	line-height: 24px;
}

#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderData .datum .label
{
	font-size: 14px;
	color: #686868;
	text-decoration: none solid rgb(104, 104, 104);
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderData
	{
		display: block;
		overflow: auto;
	}

	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderData .datum
	{
		display: block;
		float: left;
		width: 50%;
		margin-top: 9px;
	}

	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderData .datum .value
	{
	}

	#myAccountContents #myAccountRightColumn .myAccountFlatSection .contents .myAccountDashboardOrder .orderData .datum .label
	{
	}
}

#myAccountSingleColumn
{
	width: 450px;
	padding: 19px;
	background: #ffffff;
	border-radius: 6px;
	margin: 19px auto 19px auto;
}

@media 
only screen and (max-width: 449px)
{
	#myAccountSingleColumn
	{
		width: 100%;
		padding: 9px;
	}
}

#myAccountContents #myAccountRightColumn #orderDetails
{
}

#myAccountContents #myAccountRightColumn #orderDetailsHeader
{
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #dddddd;
	background-color: #ffffff;
	background-size: cover;
	margin-bottom: 21px;
	padding-left: 21px;
	padding-right: 21px;
	display: flex;
}

#myAccountContents #myAccountRightColumn #orderDetailsHeader .actions
{
	float: right;
}

#myAccountContents #myAccountRightColumn #orderDetailsHeader .actions a
{
	line-height: normal;
}

#myAccountContents #myAccountRightColumn #orderDetailsHeader .column
{
	flex: 1 0 40%;
}

#myAccountContents #myAccountRightColumn #orderDetailsHeader .column.text-right
{
	flex: 1 0 60%;
}

#myAccountContents #myAccountRightColumn #orderDetailsHeader .column.text-right .btn
{
	margin-left: 19px;
}

#myAccountContents #myAccountRightColumn #orderDetailsHeader .column i.mdi-arrow-left,
#myAccountContents #myAccountRightColumn #orderDetailsHeader .column .orderId
{
	font-size: 24px;
	color: #30395c;
	font-weight: 700;
	text-decoration: none solid rgb(48, 57, 92);
}

#myAccountContents #myAccountRightColumn #orderDetailsHeader .column .orderStatus
{
	margin-left: 21px;
	display: inline-block;
	height: 36px;
    line-height: 24px;
}

#myAccountContents #myAccountRightColumn #orderDetailsHeader .column .orderStatus .statusLabel
{
	height: 36px;
}

#myAccountContents #myAccountRightColumn #orderDetailsLeftColumn
{
	width: 50%;
	float: left;
	padding-left: 21px;
	padding-right: 11px;
}

#myAccountContents #myAccountRightColumn #orderDetailsLeftColumn.fullSize
{
	width: 100%;
	float: none;
	padding-right: 21px;
}

#myAccountContents #myAccountRightColumn #orderDetailsLeftColumn h3 
{
	font-size: 20px;
	color: #222222;
	font-weight: 500;
	text-decoration: none solid rgb(34, 34, 34);
}

#myAccountContents #myAccountRightColumn #orderSummaryColumn
{
	width: 50%;
	float: right;
	padding-left: 10px;
	padding-right: 21px;
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn #orderDetailsHeader .column:first-child
	{
		flex: 1 0 75%;
	}
	
	#myAccountContents #myAccountRightColumn #orderDetailsHeader .column:last-child
	{
		flex: 1 0 25%;
	}	
	
	#myAccountContents #myAccountRightColumn #orderDetailsLeftColumn,
	#myAccountContents #myAccountRightColumn #orderDetailsLeftColumn.fullSize
	{
		width: 100%;
		float: none;
		padding-left: 9px;
		padding-right: 9px;
		padding-bottom: 9px;
	}
	
	#myAccountContents #myAccountRightColumn #orderSummaryColumn
	{
		width: 100%;
		float: none;
		padding-left: 9px;
		padding-right: 9px;
		padding-bottom: 19px;
	}
}

#myAccountContents #myAccountRightColumn .orderDetailsBox
{
	margin-bottom: 19px;
}

@media only screen and (min-width: 1006px)
{
	#myAccountContents #myAccountRightColumn #orderSummaryColumn.changeOrderOrderSummary
	{
	}

	#myAccountContents #myAccountRightColumn #orderSummaryColumn.changeOrderOrderSummary .orderDetailsBox
	{
		position: fixed;
		width: 687px;
		max-height: calc(100% - 90px);
		overflow: auto;
	}
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxTop
{
	height: 64px;
	line-height: normal;
	padding: 24px 24px 0px 24px;
	border: 1px solid #dddddd;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
	font-size: 18px;
	color: #222222;
	font-weight: 500;
	text-decoration: none solid rgb(34, 34, 34);
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxTop.dark
{
	color: white;
	background-color: var(--checkout-top-bar-color);
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxTop .orderTotal
{
	float: right;
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxTop .showMoreDetailsLink,
#orderSummaryColumn .orderSummaryFooter a.hideMoreDetailsLink
{
	display: none;
	font-size: 14px;
	color: #2c98fb;
	text-decoration: none solid rgb(44, 152, 251);
	line-height: normal;
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxTop.mobileCollapsed
	{
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}
	
	#myAccountContents #myAccountRightColumn #orderSummaryColumn.open .orderDetailsBox .orderDetailsBoxTop.mobileCollapsed
	{
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	
	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxTop .showMoreDetailsLink
	{
		display: block;
	}
	
	#myAccountContents #myAccountRightColumn #orderSummaryColumn.open .orderDetailsBox .orderDetailsBoxTop .showMoreDetailsLink
	{
		display: none;
	}
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .ticketTransferredNotice
{
	margin-bottom: 9px;
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents
{
	padding: 19px;
	border: 1px solid #dddddd;
	border-top: 0px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsItemRow
{
	margin-bottom: 19px;
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsItemRow:last-child
{
	margin-bottom: 0px;
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsLabel
{
	font-size: 16px;
	color: #555555;
	text-decoration: none solid rgb(103, 103, 103);
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsValue
{
	font-size: 16px;
	color: #222222;
	font-weight: 500;
	text-decoration: none solid rgb(34, 34, 34);
	text-align: right;
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsItemRow
	{
		display: flex;
	}
	
	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsLabel
	{
		flex: 1 1 50%;
	}
	
	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsValue
	{
		flex: 1 1 50%;
	}

	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row
	{
		display: flex;
	}

	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-2,
	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-4,
	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-6,
	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-8,
	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-10,
	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-12
	{
		padding-left: 0px;
		padding-right: 0px;
	}

	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-2
	{
		flex: 1 1 16%;
	}

	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-4
	{
		flex: 1 1 33%;
	}

	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-6
	{
		flex: 1 1 50%;
	}

	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-8
	{
		flex: 1 1 66%;
	}

	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-10
	{
		flex: 1 1 84%;
	}

	#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .col-md-12
	{
		flex: 1 1 100%;
	}
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row
{
	margin-bottom: 19px;
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .waiverName,
#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .waiverStatus
{
	line-height: 24px;
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .waiverName
{
	color: #222222;
	font-weight: 500;
	text-decoration: none solid rgb(0, 189, 157);
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .waiverStatus
{
	color: #f00807;
	font-weight: 500;
	text-decoration: none solid rgb(0, 189, 157);
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .row .waiverStatus.signed
{
	color: #00bd9d;
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsTicketInfoIcon,
#myAccountContents #myAccountRightColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .basicInfo .orderDetailsTicketInfoIcon
{
	line-height: 40px;
	font-size: 26px;
	text-align: center;
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsTicketInfoIcon img,
#myAccountContents #myAccountRightColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .basicInfo .orderDetailsTicketInfoIcon img
{
	width: 40px;
	height: 40px;
	border-radius: 4px;
	object-fit: cover;
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsTicketInfoContents
{
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsTicketInfoContents .label,
#myAccountContents #myAccountRightColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .basicInfo .label
{
	font-size: 16px;
	color: #555555;
	text-decoration: none solid rgb(103, 103, 103);
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents .orderDetailsTicketInfoContents .value,
#myAccountContents #myAccountRightColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .basicInfo .value
{
	font-size: 18px;
	color: #222222;
	text-decoration: none solid rgb(34, 34, 34);
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryEventRow
{
	clear: both;
	border-bottom: 1px solid #dddddd;
	background-color: #ffffff;
	background-size: cover;
	padding: 11px;
}

#myAccountContents #myAccountRightColumn .orderDetailsBox .orderDetailsBoxContents.orderSummaryContents
{
	padding: 0px;
}
#orderSummaryColumn > div > div.orderDetailsBoxContents.orderSummaryContents > div.orderSummaryFooter > div.insuranceRow > div.label > span.smaller
{
        font-size: .7em;
}

#orderSummaryColumn > div > div.orderDetailsBoxContents.orderSummaryContents > div.orderSummaryFooter > div.processingRow
{ 
    clear: both;
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryEventRow .orderSummaryEventImage
{
	float: left;
	width: 64px;
	height: 64px;
	border-radius: 4px;
	margin-right: 10px;
	background-color: #ebebeb;
	background-position: center center;
	background-size: cover;
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryEventRow .orderSummaryEventImage img
{
	border-radius: 4px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryEventRow .orderSummaryEventDateAndTitle
{
	
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryEventRow .orderSummaryEventDateAndTitle h4 a
{
	line-height: 23px;
	opacity: 0.8;
	font-size: 16px;
	color: #686868;
	text-decoration: none solid rgb(104, 104, 104);
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryEventRow .orderSummaryEventDateAndTitle h3 a
{
	line-height: 25px;
	font-size: 18px;
	color: var(--primary-text);
	font-weight: 600;
	text-decoration: none solid rgb(48, 66, 105);
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketsBlock
{
	padding: 12px;
	background: none;
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow
{
	border: 1px solid #dddddd;
	border-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
	margin-bottom: 12px;
	padding: 9px;
	overflow: auto;
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow:last-child
{
	margin-bottom: 0px;
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow .quantity,
#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow .nameAndPrice,
#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow .addOns,
#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow .subtotal
{
	float: left;
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow div span.cartLabel
{
	font-size: 16px;
	color: #686868;
	line-height: 24px;
	text-decoration: none solid rgb(104, 104, 104);
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow .quantity,
#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow .addOns,
#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow .subtotal
{
	width: 20%;
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow .quantity
{
	padding-right: 20px;
	line-height: 35px;
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow .nameAndPrice
{
	width: 40%;
}

#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketRow .subtotal
{
	text-align: right;
}

#orderSummaryColumn .orderSummaryFooter
{
	clear: both;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #ffffff;
	overflow: auto;
	padding: 12px;
}

#orderSummaryColumn .orderSummaryFooter div .label
{
	float: left;
	width: 70%;
}
#orderSummaryColumn .orderSummaryFooter div .value
{
	float: left;
	width: 30%;
}

#orderSummaryColumn .orderSummaryFooter div .label
{
	font-size: 16px;
	color: #555555;
	text-decoration: none solid rgb(103, 103, 103);
}

#orderSummaryColumn .orderSummaryFooter div .value
{
	text-align: right;
	font-size: 18px;
	color: #222222;
	text-decoration: none solid rgb(34, 34, 34);
}

@media 
only screen and (max-width: 767px)
{
	#orderSummaryColumn #orderSummaryTop
	{
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	#orderSummaryColumn.open #orderSummaryTop
	{
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	#orderSummaryColumn #orderSummaryTop .toggleVisiblity
	{
		display: block;
	}
	
	#orderSummaryColumn .orderDetailsBoxContents .orderSummaryEventRow,
	#orderSummaryColumn .orderDetailsBoxContents .orderSummaryTicketsBlock,
	#orderSummaryColumn .orderSummaryFooter
	{
		display: none;
	}
	
	#orderSummaryColumn.open .orderSummaryContents .orderSummaryEventRow,
	#orderSummaryColumn.open .orderSummaryContents .orderSummaryTicketsBlock,
	#orderSummaryColumn.open .orderSummaryFooter
	{
		display: block;
	}
	
	#orderSummaryColumn .orderSummaryFooter a.hideMoreDetailsLink
	{
		display: block;
	}
}

#changeOrder .changeOrderOptionBox
{
	cursor: pointer;
	padding: 19px;
	border: 1px solid #aab2bd;
	border-radius: 6px;
	background-color: #ffffff;
	font-size: 21px;
	margin-bottom: 19px;
}

#changeOrder .changeOrderOptionBox:hover
{
	background-color: #f1f1f1;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

#changeOrder .changeOrderOptionBox h3
{
	font-size: 21px;
	color: #222222;
	font-weight: 500;
	text-decoration: none solid rgb(34, 34, 34);
}

#changeOrder .changeOrderOptionBox p
{
	font-size: 16px;
	color: #555555;
	font-weight: 500;
	text-decoration: none solid rgb(85, 85, 85);
	margin-bottom: 0px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock
{
	margin-bottom: 19px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockTop
{
	line-height: 24px;
	min-height: 70px;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 35px;
	font-size: 21px;
	font-weight: 500;
	color: #686868;
	text-decoration: none solid rgb(255, 255, 255);
	background-color: #ffffff;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border: 1px solid #dddddd;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.finalStep .changeOrderSingleBlockTop
{
	line-height: 70px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.active .changeOrderSingleBlockTop
{
	border: 1px solid var(--checkout-top-bar-color);
	background-color: var(--checkout-top-bar-color);
	background-size: cover;
	color: white;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.finalStep.active .changeOrderSingleBlockTop
{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.finalStep.active.pending .changeOrderSingleBlockTop
{
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockTop .buttons
{
	float: right;
	margin-right: 19px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.active .changeOrderSingleBlockTop .buttons .editButton
{
	display: none;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents
{
	
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.finalStep.active.pending .changeOrderSingleBlockContents
{
	display: none;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.finalStep .changeOrderSingleBlockContents
{
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border: 1px solid #dddddd;
	border-top: 0px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .basicInfo,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .changeInfo
{
	background-color: #ffffff;
	background-size: cover;
	border: 1px solid #dddddd;
	border-top: 0px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .basicInfo
{
	padding: 34px 34px 14px 34px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .changeInfo .attendeeInfoAndQuestions
{
	padding: 34px 34px 14px 34px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .changeInfo .changeOrderSelectDifferentTicketType
{
	border-bottom: 1px solid #dddddd;
	background-color: #fafafa;
	background-size: cover;
	padding: 14px 34px 14px 34px;
	display: flex;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .changeInfo .changeOrderSelectDifferentTicketType .nameAndPrice
{
	flex: 1 1 60%;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .changeInfo .changeOrderSelectDifferentTicketType .nameAndPrice .name
{
	font-size: 18px;
	color: #222222;
	font-weight: 500;
	text-decoration: none solid rgb(34, 34, 34);
	line-height: 24px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .changeInfo .changeOrderSelectDifferentTicketType .nameAndPrice .price
{
	font-size: 18px;
	color: #222222;
	font-weight: 500;
	text-decoration: none solid rgb(34, 34, 34);
	line-height: 24px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .changeInfo .changeOrderSelectDifferentTicketType .changeTicketType
{
	flex: 1 1 40%;
	padding-top: 20px;
	text-align: right;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .changeInfo .changeOrderSelectDifferentTicketType .changeTicketType a
{
	font-size: 16px;
	text-decoration: none solid rgb(44, 152, 251);
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .changeInfo
{
	display: none;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.active .changeOrderSingleBlockContents .basicInfo,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.edited .changeOrderSingleBlockContents .basicInfo
{
	display: none;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.active .changeOrderSingleBlockContents .changeInfo,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.edited .changeOrderSingleBlockContents .changeInfo
{
	display: block;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.edited .changeOrderSingleBlockContents .changeInfo .changeOrderTicketTypeOptions,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.edited .changeOrderSingleBlockContents .changeInfo .changeOrderSelectDifferentTicketType
{
	display: none;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.active .changeOrderSingleBlockContents .basicInfo,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.active .changeOrderSingleBlockContents .changeInfo
{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .basicInfo .row
{
	margin-bottom: 9px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .changeInfo .row.buttons
{
	padding: 0px 34px 0px 34px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.edited .changeOrderSingleBlockContents .changeInfo .row.buttons,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.multistep .changeOrderSingleBlockContents .changeInfo .row.buttons
{
	display: none;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.multistep.editing .changeOrderSingleBlockContents .changeInfo .row.buttons
{
	display: block;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock #changeOrderFinalStepInputs
{
	padding: 9px 19px 9px 19px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .transferInfo,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents #completeTransferInputs,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .sendToAFriendInfo,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents #completeSendToAFriendInputs
{
	padding: 34px 34px 14px 34px;
	display: none;
	border: 1px solid #dddddd;
	border-top: 0px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.active .changeOrderSingleBlockContents .transferInfo,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.active .changeOrderSingleBlockContents #completeTransferInputs,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.active .changeOrderSingleBlockContents .sendToAFriendInfo,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock.active .changeOrderSingleBlockContents #completeSendToAFriendInputs
{
	display: block;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .transferInfo .row .col-md-12,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .sendToAFriendInfo .row .col-md-12
{
	line-height: 36px;
}

#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .transferInfo .row .col-md-12 label,
#changeOrder #orderDetailsLeftColumn .changeOrderSingleBlock .changeOrderSingleBlockContents .sendToAFriendInfo .row .col-md-12 label
{
	position: relative;
	top: 3px;
	margin-left: 10px;
	margin-bottom: 0px;
}

.margin-down
{
	margin-top: 9px;
}

#changeOrder #orderDetailsLeftColumn #placeOrderButtons .btn-place-order.working
{
	background-image: url(https://d19cc29qsd5ddg.cloudfront.net/publicTheme-2.9.0/assets-2.9.0/images/button-loader.gif);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 10px center;
}

#changeOrder #orderDetailsLeftColumn #placeOrderButtons #placeOrderLoaderImage
{
	text-align: center;
}

#placeOrderButton
{
	clear: both;
	margin-top: 3px;
}

#placeOrderButtons .btn-place-order
{
	width: 100%;
	background-color: #00bd9d;
	font-size: 18px;
	text-align: center;
	color: #ffffff !important;
	text-decoration: none solid rgb(255, 255, 255);
}

.btn-place-order:hover
{
	background-color: #01a086;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.form-control.inline
{
	display: inline-block;
}

.form-control.input-small
{
	width: 120px;
}

div.has-error .form-control
{
	border: 1px solid #dddddd;
}

label.waiverLabel.has-error
{
	border: 1px solid #900;
    /*background-color: #900;*/
}

div.changeorderCompleteNotice
{
	border: 1px solid #dddddd;
	border-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
	padding: 54px;
	text-align: center;
	margin-bottom: 50px;
}

div.changeorderCompleteNotice h2
{
	font-size: 22px;
	color: #222222;
	font-weight: 600;
	text-decoration: none solid rgb(34, 34, 34);
	line-height: 36px;
}

.mobileOnly
{
	display: none;
}

#orderDetails #orderDetailsHeader .actions.mobile
{
	margin-top: 3px;
}

@media 
only screen and (max-width: 1175px)
{
	.fullSizeOnly
	{
		display: none;
	}
	
	.mobileOnly
	{
		display: inline;
	}
}

.securityBadge
{
	margin-top: 9px;
	margin-right: 19px;
	padding-left: 13px;
	padding-right: 13px;
	border-radius: 6px;
	font-size: 14px;
	background-color: #cecece;
	background-size: cover;
	color: #686868;
	line-height: 50px;
}

@media 
only screen and (max-width: 767px)
{
	.securityBadge
	{
		display: none;
	}
}

.attendeeSectionHeader
{
	margin-top: 19px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 3px;
	margin-bottom: 19px;
}

.attendeeSectionHeader:first-child
{
	margin-top: 0px;
}

.form-control.input-dob-month,
.form-control.input-dob-day,
.form-control.input-dob-year
{
	width: 130px;
}

@media 
only screen and (max-width: 767px)
{
	.form-control.input-dob-month
	{
		width: 95px;
	}
	
	.form-control.input-dob-day,
	.form-control.input-dob-year
	{
		width: 85px;
	}
}

.attendeeAgeError
{
	margin-top: 10px;
}

.createTeamInlineMessage
{
	display: none;
}

#changeOrder #changeOrderTicketsList
{
	
}

#changeOrder #changeOrderTicketsList.changeEventTicketsList
{
	display: none;
}

#changeOrder .changeOrderSingleBlock .changeOrderSingleBlockContents .changeOrderTicketTypeOptions
{
	padding: 34px 34px 14px 34px;
}

#changeOrder .changeOrderSingleBlock.editing .changeOrderSingleBlockContents .changeOrderTicketTypeOptions
{
	display: none;
}

#changeOrder .changeOrderSingleBlock .changeOrderSingleBlockContents .changeOrderTicketTypeOption
{
	border: 1px solid #aab2bd;
	border-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
	margin-bottom: 9px;
	padding: 23px 27px 23px 27px;
	cursor: pointer;
}

#changeOrder .changeOrderSingleBlock .changeOrderSingleBlockContents .changeOrderTicketTypeOption .nameAndPrice
{
	display: flex;
}

#changeOrder .changeOrderSingleBlock .changeOrderSingleBlockContents .changeOrderTicketTypeOption .nameAndPrice .name
{
	flex: 1 1 75%;
	font-size: 18px;
	color: var(--primary-text);
	font-weight: 500;
	text-decoration: none solid rgb(48, 66, 105);
	line-height: 24px;
}

#changeOrder .changeOrderSingleBlock .changeOrderSingleBlockContents .changeOrderTicketTypeOption .nameAndPrice .price
{
	flex: 1 1 25%;
	font-size: 18px;
	color: #222222;
	font-weight: 500;
	text-decoration: none solid rgb(34, 34, 34);
	line-height: 24px;
	text-align: right;
}

#changeOrder .changeOrderSingleBlock .changeOrderSingleBlockContents .changeOrderTicketTypeOption .detailsAndDifference
{
	display: flex;
}

#changeOrder .changeOrderSingleBlock .changeOrderSingleBlockContents .changeOrderTicketTypeOption .detailsAndDifference .details
{
	flex: 1 1 25%;
}

#changeOrder .changeOrderSingleBlock .changeOrderSingleBlockContents .changeOrderTicketTypeOption .detailsAndDifference .difference
{
	flex: 1 1 75%;
	width: 188px;
	height: 24px;
	font-size: 16px;
	color: #888888;
	text-decoration: none solid rgb(136, 136, 136);
	line-height: 24px;
	text-align: right;
}

#changeOrder .changeOrderSingleBlock .changeOrderSingleBlockContents .changeOrderTicketTypeOption .detailsAndDifference .difference.original
{
	font-style: italic;
}

#changeOrder #changeOrderEventOptions
{
	display: flex;
	flex-wrap: wrap;
}

#changeOrder #changeOrderEventOptions #eventSearchBlock
{
	flex: 0 0 100%;
	margin-bottom: 9px;
	padding-right: 9px;
	padding-left: 9px;
}

#changeOrder #changeOrderEventOptions .changeOrderEventOption
{
	flex: 1 1 50%;
	padding: 9px;
}

@media 
only screen and (max-width: 767px)
{
	#changeOrder #changeOrderEventOptions
	{
		display: block;
	}

	#changeOrder #changeOrderEventOptions .changeOrderEventOption
	{
		width: 100%;
	}
}

#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox
{
	border: 1px solid #dddddd;
	border-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
}

#changeOrder .changeOrderEventOption .innerBox:hover
{
	background-color: #f1f1f1;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .image
{
	position: relative;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .image img
{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	width: 100%;
	max-height: 182px;
	object-fit: cover;
}

#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .image .priceRange
{
	position: absolute;
	top: 9px;
	right: 9px;
	padding: 5px;
	border: 1px solid #dddddd;
	border-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
	font-size: 14px;
	color: #222222;
	text-decoration: none solid rgb(34, 34, 34);
}

#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .dateAndTime,
#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .title,
#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .description,
#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .viewDetails
{
	padding: 9px 16px 9px 16px;
}

#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .dateAndTime,
#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .title,
#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .description
{
	cursor: pointer;
}

#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .dateAndTime
{
	font-size: 14px;
	color: #686868;
	text-decoration: none solid rgb(104, 104, 104);
}

#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .title
{
	font-size: 18px;
	color: var(--primary-text);
	font-weight: 600;
	text-decoration: none solid rgb(48, 66, 105);
}

#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .description
{
	font-size: 16px;
	color: #222222;
	text-decoration: none solid rgb(34, 34, 34);
	line-height: 24px;
}

#changeOrder #changeOrderEventOptions .changeOrderEventOption .innerBox .viewDetails
{
	margin-top: 19px;
}

.wellPadded
{
	padding: 40px;
}

#changeEventHeader
{
	display: none;
	border: 1px solid #dddddd;
	border-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
	padding: 12px 17px 12px 17px;
	margin-bottom: 19px;
}

#changeEventHeader.visible
{
	display: flex;
}

#changeEventHeader .image
{
	width: 64px;
	height: 64px;
	border-radius: 6px;
	flex: 0 0 64px;
}

#changeEventHeader .image img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

#changeEventHeader .dateAndTitle
{
	flex: 1 1 auto;
	padding-left: 19px;
	padding-right: 19px;
}

#changeEventHeader .dateAndTitle .date
{
	line-height: 20px;
	font-size: 16px;
	color: #686868;
	text-decoration: none solid rgb(104, 104, 104);
}

#changeEventHeader .dateAndTitle .title
{
	line-height: 22px;
	font-size: 18px;
	color: var(--primary-text);
	font-weight: 600;
	text-decoration: none solid rgb(48, 66, 105);
}

#changeEventHeader .goBack
{
	flex: 1 1 auto;
	line-height: 64px;
}

#changeEventHeader .goBack a
{
	font-size: 16px;
	color: #2c98fb;
	font-weight: 500;
	text-decoration: none solid rgb(44, 152, 251);
	text-align: right;
}

/*Signatures*/
.waiverSignaturePadParent
{
	color: #0f0f4a;
	background-color: #f8f8f9;
	color: #686868;
	text-align: center;
	padding: 10px;
	border: 1px solid #dddddd;
	border-radius: 6px;
	margin-bottom: 19px;
}

/*This is the div within which the signature canvas is fitted*/
.waiverSignaturePad
{
}

.square-input
{
	border: 1px solid #f3f3f3;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	padding: 14px 22px 14px 22px;
	border-radius: 2px;
	background: white;
}

.square-input:hover
{
	border: 1px solid rgb(158, 203, 252);
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

@media 
only screen and (max-width: 767px)
{
	
	.teamInfoBlock .teamOptionButton
	{
		font-size: 14px;
		padding-left: 14px;
		padding-right: 14px;
	}
}

@media 
only screen and (max-width: 350px)
{
	.teamInfoBlock .teamOptionButton
	{
		font-size: 12px;
	}
}

#myAccountContents #myAccountRightColumn .padding .ticketClaimContainer
{
	border: 1px solid #dddddd;
	border-radius: 6px;
	background-color: #ffffff;
	margin-bottom: 19px;
	display: flex;
}

#myAccountContents #myAccountRightColumn .padding .ticketClaimContainer .image
{
	flex: 0 0 230px;
	width: 230px;
	border-right: 1px solid #dddddd;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	height: 140px;
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn .padding .ticketClaimContainer
	{
		display: block;
	}
	
	#myAccountContents #myAccountRightColumn .padding .ticketClaimContainer .image
	{
		width: 100%;
	}
}

#myAccountContents #myAccountRightColumn .padding .ticketClaimContainer .image img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#myAccountContents #myAccountRightColumn .padding .ticketClaimContainer .detailsContent
{
	flex: 1 1 auto;
	padding: 19px;
}

#myAccountContents #myAccountRightColumn .padding .ticketClaimContainer .detailsContent .title
{
	font-size: 18px;
	line-height: 28px;
	color: #222222;
}

#myAccountContents #myAccountRightColumn .padding .ticketClaimContainer .detailsContent .title span
{
	margin-left: 19px;
	border-radius: 3px;
	position: relative;
	bottom: 3px;
}

#myAccountContents #myAccountRightColumn .padding .ticketClaimContainer .detailsContent .claimCount
{
	font-size: 16px;
	line-height: 22px;
	color: #6a6a6a;
}

#myAccountContents #myAccountRightColumn .padding .ticketClaimContainer .detailsContent .claimStatus
{
	margin-top: 9px;
}

#myAccountContents #myAccountRightColumn .padding .ticketClaimContainer .detailsContent .resendEmails
{
	margin-top: 9px;
}

#myAccountContents #myAccountRightColumn #myTeams
{
	padding: 32px;
}

#myAccountContents #myAccountRightColumn #myTeams #myTeamsHeaderBar
{
	margin-bottom: 19px;
}

#myAccountContents #myAccountRightColumn #myTeams #myTeamsHeaderBar h2
{
	font-size: 32px;
	color: #222222;
	font-weight: 700;
	text-decoration: none solid rgb(34, 34, 34);
}

#myAccountContents #myAccountRightColumn #myTeams #myTeamsHeaderBar input.teamSearch
{
	float: right;
	max-width: 300px;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList
{
	
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam
{
	border: 1px solid #dddddd;
	border-radius: 6px;
	background-color: #ffffff;
	background-size: cover;
	margin-bottom: 19px;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamTop
{
	padding: 13px;
	border-bottom: 1px solid #dddddd;
	display: flex;
	line-height: 36px;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamTop .teamName
{
	flex: 1 1 50%;
	font-size: 21px;
	color: var(--primary-text);
	font-weight: 600;
	text-decoration: none solid rgb(48, 66, 105);
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamTop .teamOptions
{
	flex: 1 1 50%;
	text-align: right;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamEvent
{
	padding: 23px;
	display: flex;
	border-bottom: 1px solid #dddddd;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamEvent .image
{
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	border-radius: 6px;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamEvent .image img
{
	width: 64px;
	height: 64px;
	border-radius: 6px;
	object-fit: cover;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamEvent .dateAndTitle
{
	flex: 1 1 auto;
	margin-left: 19px;
	padding-top: 6px;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamEvent .dateAndTitle .date
{
	color: #9a9a9a;
	line-height: 24px;
	font-size: 18px;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamEvent .dateAndTitle .title a
{
	font-size: 21px;
	line-height: 24px;
	color: var(--primary-text);
	font-weight: 600;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer
{
	padding: 23px;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer h4
{
	font-size: 18px;
	color: #222222;
	text-decoration: none solid rgb(34, 34, 34);
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer h4 span.badge
{
	border-radius: 12px;
	font-size: 10px;
	position: relative;
	bottom: 3px;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList
{
	
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember
{
	padding: 18px;
	border: 1px solid #dddddd;
	border-radius: 6px;
	background-size: cover;
	margin-bottom: 19px;
	display: flex;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .name
{
	flex: 0 0 200px;
	font-size: 16px;
	color: #222222;
	font-weight: 600;
	text-decoration: none solid rgb(34, 34, 34);
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .status
{
	flex: 0 0 90px;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .status .badge
{
	border-radius: 3px;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .email
{
	flex: 1 0 auto;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .gender
{
	flex: 1 0 auto;
}

#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .phone
{
	flex: 1 0 auto;
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamEvent
	{
		padding: 9px;
	}
	
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamEvent .image
	{
		flex: 0 0 40px;
		width: 40px;
		height: 40px;
	}

	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamEvent .image img
	{
		width: 40px;
		height: 40px;
	}
	
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamEvent .dateAndTitle .date
	{
		color: #9a9a9a;
		line-height: 14px;
		font-size: 12px;
	}

	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .singleTeamEvent .dateAndTitle .title a
	{
		font-size: 16px;
		line-height: 18px;
		color: var(--primary-text);
		font-weight: 600;
	}
	
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember
	{
		display: block;
	}
	
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .name,
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .email,
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .gender,
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .phone
	{
		display: block;
		margin-bottom: 9px;
	}
	
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .name
	{
		display: inline-block;
	}

	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .status
	{
		display: inline-block;
		float: right;
		position: relative;
		bottom: 4px;
	}
	
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .email,
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .gender,
	#myAccountContents #myAccountRightColumn #myTeams #teamsList .singleTeam .membersContainer .memberList .teamMember .phone
	{
		width: 100%;
	}
}

#myAccountContents #myAccountRightColumn .padding .passContainer
{
	border: 1px solid #dddddd;
	border-radius: 6px;
	background-color: #ffffff;
	margin-bottom: 19px;
	display: flex;
}

#myAccountContents #myAccountRightColumn .padding .passContainer .image
{
	flex: 0 0 230px;
	width: 230px;
	border-right: 1px solid #dddddd;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	height: 140px;
}

@media 
only screen and (max-width: 767px)
{
	#myAccountContents #myAccountRightColumn .padding .passContainer
	{
		display: block;
	    overflow: auto;
	    padding-bottom: 9px;
	}
	
	#myAccountContents #myAccountRightColumn .padding .passContainer .image
	{
		width: 100%;
	}
}

#myAccountContents #myAccountRightColumn .padding .passContainer .image img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#myAccountContents #myAccountRightColumn .padding .passContainer .detailsContent
{
	flex: 1 1 auto;
	padding: 19px;
}

#myAccountContents #myAccountRightColumn .padding .passContainer .detailsContent .title .passName
{
	font-size: 18px;
	line-height: 35px;
	color: #222222;
}

#myAccountContents #myAccountRightColumn .padding .passContainer .detailsContent .title .redemptionCodeBlock
{
	float: right;
}

#myAccountContents #myAccountRightColumn .padding .passContainer .detailsContent .title .redemptionCodeBlock span.label
{
	color: #3a3a3a;
	margin-right: 5px;
}

#myAccountContents #myAccountRightColumn .padding .passContainer .detailsContent .title .redemptionCodeBlock .btn-xs
{
	width: 55px;
	position: relative;
	bottom: 3px;
}

#myAccountContents #myAccountRightColumn .padding .passContainer .detailsContent .title .redemptionCodeBlock input.code
{
	margin-right: 5px;
	font-weight: bold;
	border: none;
	color: #222222;
}

#myAccountContents #myAccountRightColumn .padding .passContainer .detailsContent .whatsIncluded
{
	line-height: 18px;
}

#myAccountContents #myAccountRightColumn .padding .passContainer .detailsContent .whatsIncluded .includedItem
{
	color: #3a3a3a;
}

#myAccountContents #myAccountRightColumn .padding .passContainer .detailsContent .viewEventsBlock
{
	float: right;
}

#myPassesSectionContents .modal .modal-content .modal-body .singlePassEvent 
{
	border: 1px solid #dddddd;
	border-radius: 6px;
	background-color: #ffffff;
	margin-bottom: 9px;
	display: flex;
}

#myPassesSectionContents .modal .modal-content .modal-body .singlePassEvent .image
{
	flex: 0 0 180px;
	height: 80px;
	width: 180px;
	border-right: 1px solid #dddddd;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

#myPassesSectionContents .modal .modal-content .modal-body .singlePassEvent .image img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#myPassesSectionContents .modal .modal-content .modal-body .singlePassEvent .dateAndTitle
{
	flex: 1 1 calc(100% - 280px);
	padding: 10px;
	line-height: 30px;
}

#myPassesSectionContents .modal .modal-content .modal-body .singlePassEvent .dateAndTitle .date
{
	color: #222222;
	font-size: 14px;
}

#myPassesSectionContents .modal .modal-content .modal-body .singlePassEvent .dateAndTitle .title,
#myPassesSectionContents .modal .modal-content .modal-body .singlePassEvent .dateAndTitle .title a
{
	font-size: 20px;
	text-decoration: none solid rgb(48, 66, 105);
	font-weight: bold;
}

#myPassesSectionContents .modal .modal-content .modal-body .singlePassEvent .viewLink
{
	padding: 10px;
	flex: 0 0 100px;
	text-align: center;
	line-height: 60px;
}

.sentClaimsModal
{
	
}

.sentClaimsModal .modal-dialog.modal-md
{
	max-width: 900px;
}

.sentClaimsModal .modal-dialog .modal-body .singleClaimRecipient
{
	display: flex;
	border-bottom: 1px solid #cecece;
}

.sentClaimsModal .modal-dialog .modal-body .singleClaimRecipient:nth-child(odd)
{
	background: #fafafa;
}

.sentClaimsModal .modal-dialog .modal-body .singleClaimRecipient .eventTitle,
.sentClaimsModal .modal-dialog .modal-body .singleClaimRecipient .typeName,
.sentClaimsModal .modal-dialog .modal-body .singleClaimRecipient .sentTo,
.sentClaimsModal .modal-dialog .modal-body .singleClaimRecipient .claimStatus
{
	flex: 1 1 25%;
	padding: 9px;
}

.sentClaimsModal .modal-dialog .modal-body .singleClaimRecipient .claimStatus
{
	text-align: right;
}

.sentClaimsModal .modal-dialog .modal-body .singleClaimRecipient .claimStatus .badge
{
	border-radius: 3px;
}

@media 
only screen and (max-width: 767px)
{
	.ticketClaimContainer .recipientActions .viewRecipientsButton
	{
		margin-top: 9px;
	}
	
	.sentClaimsModal .modal-dialog .modal-body .singleClaimRecipient
	{
		display: block;
	}

	.sentClaimsModal .modal-dialog .modal-body .singleClaimRecipient .claimStatus
	{
		text-align: center;
	}
}

#changeOrderSummaryContents .totalRow
{
	clear: both;
	margin-top: 9px;
	padding-top: 9px;
	border-top: 1px solid #cecece;
}

.inviteToTeamButton
{
	width: 100%;
}

.modal-header .mdi.mdi-close
{
	cursor: pointer;
}

.moreInfoText img
{
	max-width: 100%;
}

.stripeChangeCardOptionLink
{
	padding-top: 8px;
}

.multipleChoiceQuestionContainer
{
	display: flex;
}

.multipleChoiceQuestionContainer .questionColumn
{
	width: 65%;
	padding-right: 10px;
}

.multipleChoiceQuestionContainer.full .questionColumn
{
	width: 100%;
	padding-right: 0px;
}

.multipleChoiceQuestionContainer .quantityColumn
{
	width: 35%;
	padding-left: 10px;
}

@media screen and (max-width: 767px) 
{
	.multipleChoiceQuestionContainer
	{
		display: block;
	}

	.multipleChoiceQuestionContainer .questionColumn
	{
		width: 100%;
		padding-right: 0px;
	}
	.multipleChoiceQuestionContainer .quantityColumn
	{
		width: 100%;
		padding-left: 0px;
		margin-top: 19px;
	}
}

/*globalPay form styles*/
#globalPayCardFieldsContainer #globalPayCardFields
{
	display: block;
}

#globalPayCardFieldsContainer #globalPayCardFields .sandbox-warning
{
	width: 100%;
	margin-bottom: 9px;
}

#globalPayCardFieldsContainer #globalPayCardFields .credit-card-card-number,
#globalPayCardFieldsContainer #globalPayCardFields .credit-card-card-cvv
{
	clear: both;
}

#globalPayCardFieldsContainer #globalPayCardFields .credit-card-card-number,
#globalPayCardFieldsContainer #globalPayCardFields .credit-card-card-expiration
{
	
	width: 50%;
	float: left;
}

#globalPayCardFieldsContainer #globalPayCardFields .credit-card-card-cvv,
#globalPayCardFieldsContainer #globalPayCardFields .credit-card-card-holder-name
{
	width: 50%;
	float: left;
}

#globalPayCardFieldsContainer #globalPayCardFields .credit-card-submit
{
	clear: both;
	width: 100%;
}

.usatMembershipSection {
    border: 2px solid rgb(168, 12, 51);
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 12px;    
    border-radius: 4px;
    text-align: left;
}

.usatMemberSectionHead {
    color: rgb(168, 12, 51);
    font-size: 1.6em;
    padding-top:10px;
    padding-bottom:10px;
}

.usatMembershipId {
    padding-bottom:5px;
}

.usatMembershipSection label {
    font-size: 1.2em;
    font-weight: bold;
}

.radioContainer
{
	clear: both;
	margin-bottom: 3px;
}

.radioContainer label
{
	display: flex;
}

.radioContainer label span.inputContainer
{
	flex: 0 0 30px;
	padding-left: 2px;
	text-align: left;
}

.radioContainer span.inputContainer input[type='radio']
{
	width: 20px;
	height: 20px;
}

.radioContainer label span.textContainer
{
	padding-top: 2px;
	flex: 1 1 calc(100% - 28px);
}

.teams-container
{
    padding-bottom: 15px;
}


.usat-waiver-heading
{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

h1.usat-waiver-content
{

}
.usat-waiver-content
{
    height: 200px;
    max-height: 200px;
    overflow-y: scroll;
}

.usatMemberQuestionLabel
{
    padding-bottom: 10px;
}

.usatCheckboxContainer
{
    padding-top: 10px;
    font-weight: 400 !important;
}

.usatMemberQuestion {
    padding-bottom: 10px;
}

.options-tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.options-tooltip .options-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

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