/*@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap')*/

/* 1505 4222 v1 */

/* Fonts */

body, .screen-content, input, textarea, keygen, select, .pageTitle, .general_caption, p, span, button {
	font-family: 'Source Sans Pro', sans-serif !important;
}

a {
	cursor: pointer !important;
}

a[href^="tel"] {
  color: inherit !important;
}

.pageTitle, .general_caption {
	font-size: 1.5em;
	margin: 0;
	font-weight: 600;
	padding: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	.pageTitle, .general_caption {
		font-size: 1.2em;

	}

}

/* Body */

body {
	/* margin-top: 50px; */
	margin-top: 0;
	background: #f9f9f9;
	width: 100%;
	max-width: none;
	-webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 781px) {

	body {
		font-size: 1.5em;
	}

}
	
body,
#PH_HeaderBackground-fixed,
#group_Header-fixed,
#PH_HeaderBackground {
    min-width: 1020px;
}

/* Header */

#PH_logo a,
#PH_LargeLogo a {
	display: block;
	width: 117px;
	height:50px;
	background-image: url('../cus/release/css/core/images/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
}

#PH_logo a img,
#PH_LargeLogo a img {
	display: none!important;
}

.skipRegion {
	right: 0;
}

#PH_AdPlaceHolder {
	display: none;
}

#PH_HeaderBackground-fixed {
	height: 50px;
	background: #3466b4;
	box-shadow: none;
	display: none;
}

#group_Header-fixed {
	width: 100%;
	max-width:none;
	height: 50px;
	position: absolute;
	background: #3466b4 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

#group_Header-fixed #PH_CustomHeader {
	margin-left: auto;
}

#group_Header-fixed.one {
	position: fixed;
	top:-50px;
	opacity: 0;
	-webkit-transition: top ease-out 0s;
    -moz-transition: top ease-out 0s;
    -o-transition: top ease-out 0s;
    transition: top ease-out 0s;
}

#group_Header-fixed.two {
	top:0;
	opacity: 1;
	-webkit-transition: top ease-out 0.2s;
    -moz-transition: top ease-out 0.2s;
    -o-transition: top ease-out 0.2s;
    transition: top ease-out 0.2s;
}

#group_Header-fixed #PH_logo,
#group_Header-fixed.primary #PH_logo,
#group_Header-fixed.secondary #PH_logo {
	display: none;
}

#group_Header-fixed #PH_Float_Menu,
#group_Header-fixed.primary #PH_Float_Menu,
#group_Header-fixed.secondary #PH_Float_Menu {
	max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

#group_Header-fixed #PH_Float_Menu {
	margin: 0 auto;
    display: block;
}

#PH_Float_Menu #navMenu_Float_AccessibilityDisclaimer_item {
	display: none;
}

.siteMenuContainer,
#siteMenuBar {
    padding: 0;
	height: 100%;
	display: flex;
	justify-content: flex-end;
}

#siteMenuBar.hasclient #customerBox,
#siteMenuBar #customerBox {
	display: flex;
	flex-direction: row-reverse;
}

.siteMenuContainer a,
.siteMenuContainer a:hover,
#siteMenuBar.hasclient #customerBox a,
#siteMenuBar #customerBox .loyaltyPoints,
#siteMenuBar #customerBox .qualityPoints,
#siteMenuBar #my_basket,
#siteMenuBar .flm_login,
#siteMenuBar .flm_Join {
	margin: 0 0 0 20px !important;
	background: none;
	color:#fff;
    font-size: inherit;
	border-radius: 0;
    padding: 0;
	width: auto;
	height: 100%;
    line-height: normal;
	display: flex;
    align-items: center;
}

#siteMenuBar #customerBox .loyaltyPoints,
#siteMenuBar #customerBox .qualityPoints {
	flex-direction: row-reverse;
}

body:not(.display-points-in-header) #siteMenuBar #customerBox .loyaltyPoints,
body:not(.display-points-in-header) #siteMenuBar #customerBox .qualityPoints {
	display: none !important;
}

#siteMenuBar #my_basket > span,
#siteMenuBar [id='my basket'] > span {
	background: none;
	color: inherit;
	position:relative;
	left: auto;
	width: auto;
	display: inline;
	height: auto;
	font-size:inherit;
	line-height: inherit;
}

#siteMenuBar #my_basket .basketQtyHolder,
#siteMenuBar[id='my basket'] .basketQtyHolder {
	height: auto;
    width: auto;
    min-width: 0;
    padding: 0;
    margin-left: .3em;
    float: none;
    position: relative;
    top: auto;
    left: auto;
    right: auto; 
    bottom: auto;
    line-height: inherit;
    font-size: inherit;
    font-weight: 600;
    background: none;
}

#siteMenuBar #my_basket {
	text-decoration: none !important;
}

#siteMenuBar.hasclient #customerBox > a:before,
#siteMenuBar .flm_login:before,
#siteMenuBar #my_basket:before {
	font: normal normal normal 18px/1 FontAwesome;
	content:"\f07a";
	color: inherit;
	margin-right: 5px;
	padding: 0 !important;
}

#siteMenuBar.hasclient #customerBox > a:before,
#siteMenuBar .flm_login:before {
	font: normal normal normal 18px/1 FontAwesome5;
	content:"\f2bd";
}

body:not(.display-user-icon) #siteMenuBar.hasclient #customerBox > a:before,
body:not(.display-user-icon) #siteMenuBar .flm_login:before,
body:not(.display-basket-icon) #siteMenuBar #my_basket:before,
#siteMenuBar #my_basket > span:before,
#siteMenuBar [id='my basket'] > span:before {
	display: none;
}

#siteMenuBar #my_basket[aria-label="Basket is empty"],
#siteMenuBar #my_basket[title="Basket is empty"] { 
	display: none !important;
 }

#siteMenuBar .flm_Join > span {
	background: none;
	border-radius: 0;
	padding: 0;
	min-width: inherit;
	text-align: inherit;
	display: inline;
}

.siteMenuContainer > *:last-child:after,
.siteMenuContainer > *:after,
#siteMenuBar.hasclient #customerBox:after,
#siteMenuBar .flm_Join > span:after {
	display: none;
}

/* More Menu */

#group_Header-fixed.primary #PH_Main_Menu {
	padding: 0;
	width: auto;
}

#group_Header-fixed.primary ul.nav {
	margin: 0;
}

#group_Header-fixed.primary ul.nav,
#group_Header-fixed.primary ul.nav ul {
	line-height: 50px;
	margin: 0;
	padding: 0;
	border:none;
}

#group_Header-fixed.primary ul.nav > li button.YouAreHere span,
#group_Header-fixed.primary ul.nav > li button.BuyMore span {
    display:none;
}

#group_Header-fixed.primary ul.nav > li.youAreHere:after,
#group_Header-fixed.primary ul.nav > li.BuyMore:after {
	display: none;
}

#group_Header-fixed.primary ul.nav > li {
    padding-bottom: 0;
}

#group_Header-fixed.primary ul.nav > li {
	border: none;
	position: relative;
}

#group_Header-fixed.primary ul.nav > li a {
	font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.2rem;
    padding: 0 30px 0 15px;
    line-height: 2em;
    border-radius: 0;
    height: auto;
}

#group_Header-fixed.primary ul.nav > li:nth-child(2) {
	padding-top: 5px;
}

#group_Header-fixed.primary ul.nav > li:last-child {
	padding-bottom: 5px;
}

#group_Header-fixed.primary ul.nav > li button.BuyMore,
#group_Header-fixed.primary ul.nav > li button.YouAreHere {
    padding: 0;
	width: 50px;
	height: 50px;
    background: url('../cus/release/css/core/images/menu.png') no-repeat center center;
    background-size: cover;
	border-radius: 0;
	display: block;
}

button.expandSubMenuButton:after {
    font-family: FontAwesome;
    content: '\f078';
    font-size: 10px;
    font-weight: 600;
    line-height: 2em;
    margin-left: 0;
    position: absolute;
    top: 3px;
    color: #666;
    width: 30px;
    text-align: center;
    right: 0;
}


#PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList {
	margin-bottom: 20px;
}

#PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList a {
	line-height: normal;
}

#PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList a span {
	color: inherit;
    margin: 0;
    padding: 0;
    position: relative;
}

/* Burger Nav Fix */

/*
#PH_Main_Menu li.navMenu-FirstLevelItem .navMenu-SubList {
    display: none !important;
}

#PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList {
    display: block !important;
}

#PH_Main_Menu li button {
 
}

#PH_Main_Menu li button:focus {
	
}
*/


/* Basket Dropdown */
html.flexbox #PH_BasketWidget.active,
#PH_BasketWidget.flipped,
#PH_BasketWidget.flipped.active,
#PH_BasketWidget {
	display: none !important;
}

/* Signed In */

#customerBox .crmId,
#siteMenuBar .loggedinclientbox .greeting {
	line-height: inherit;
} 

#customerBox .crmId,
#customerBox .loyaltyPoints,
#customerBox .qualityPoints {
	display: inline-block;
}

#customerBox .crmId {
	font-weight: 600;
	margin-left: .3em;
}

#siteMenuBar.logged-in #customerBox .crmId:before {
	display: none;
}

#siteMenuBar.logged-in #customerBox .crmId:after {
	display: none;
}

#siteMenuBar .greeting {
	max-width: none !important;
}

#siteMenuBar #customerBox .loyaltyPoints,
#siteMenuBar #customerBox .qualityPoints {
	padding: 0;
	top: auto;
}

#siteMenuBar.logged-in #customerBox .loyaltyPoints a,
#siteMenuBar.logged-in #customerBox .qualityPoints a,
#siteMenuBar #customerBox .loyaltyPoints a,
#siteMenuBar #customerBox .qualityPoints a {
	font-weight: inherit;
    font-size: inherit;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    height: auto;
    width: auto;
    line-height: normal;
    vertical-align: inherit;
    padding: 0;
	margin: 0 !important;
}

#siteMenuBar #customerBox .clientPoints > span {
    padding: 0;
    font-size: inherit;
    float: right;
    margin-left: .3rem;
    font-weight: 600;
}

#siteMenuBar #customerBox .loyaltyPoints:before,
#siteMenuBar #customerBox .qualityPoints:before {
	display: none;
}

/* Timer */

#siteMenuBar #CountDown,
#siteMenuBar #CountDown.active {
    display: none !important;
}








#PH_HeaderBackground:after {
	display: none;
}

#PH_HeaderBackground {
    background: #3466b4;
	min-height: 50px;
	height: auto;
}

#group_Header {
	max-width: 1000px;
    margin: 0 auto;
}

#PH_LargeLogo {
	float: left;
	display: block;
	position: relative;
	z-index: 60;
	height: 50px;
}

#group_Header #PH_Menu {
	display: flex;
	height: auto;
}

#group_Header .navMenu {
	position: relative;
	margin-bottom: 0;
	max-width: none !important;
}

#PH_Menu ul {
	height: 100%;
}

#PH_Menu ul li {
	background: none;
	width: auto;
	height: auto;
	max-width:none;
	margin-left: 20px;
	border:none !important;
	line-height: normal;
}

#PH_Menu ul li:nth-child(1){
	margin-left: 0;
}

#PH_Menu ul li a {
	padding: 0;
	display: flex;
	height: 100%;
	align-items: center;
}

#PH_Menu li.subMenuClose.simulateHover a {
	border:none;
	background: none !important;
}

#PH_Menu li a.navMenu-Heading:hover,
#PH_Menu ul li.selected a.navMenu-FirstLevelItem, 
#PH_Menu ul li.selected .navMenu-Item.selected a,
#PH_Menu li.subMenuClose:hover a {
	border-top:none;
	background: none;
	border-bottom:3px solid #b5d66c;
}

#PH_Menu ul li.selected a.navMenu-FirstLevelItem, 
#PH_Menu ul li.selected .navMenu-Item.selected a {
	color: #fff;
}

#PH_Menu li.selected {
	background: none;
}

#PH_Menu li a:before, 
#PH_Main_Menu li a:before {
	display: none !important;
}

/* Dropdown */

#PH_Menu .nav ul.navMenu-SubList {
	border:none;
	margin: -10px 0 0 0 !important;
	width: auto;
	z-index: 20;
	padding: 10px 0;
	background: #fff;
	height: auto !important;
}

#PH_Menu li.subMenuClose.simulateHover li.navMenu-Item {
	display: none;
}

#PH_Menu .nav li:last-child ul.navMenu-SubList,
#PH_Menu .nav li:nth-last-child(2) ul.navMenu-SubList{
	right: 0;
}

#PH_Menu li.subMenuClose:hover li.navMenu-Item,
#PH_Menu li.subMenuClose.simulateHover li.navMenu-Item,
#PH_Menu .nav ul.navMenu-SubList li {
	background: #fff;
	padding: 0;
	margin: 0;
	height: auto;
	line-height: inherit;
	width: 100%;
	text-align: left;
	display: block;
}

#PH_Menu li.subMenuClose:hover li.navMenu-Item:last-child,
#PH_Menu li.subMenuClose.simulateHover li.navMenu-Item:last-child {
	height: auto;
}

#group_Header .nav .navMenu-SubList .navMenu-Item:last-child a {
	padding-bottom: 0;
}

#group_Header .nav .navMenu-SubList a {
	color:#000;
	border-bottom:none !important;
	padding-bottom: 0;
}

#group_Header .nav .navMenu-SubList a:hover {
	color:#666;
}

#group_Header .nav .navMenu-SubList a span {
	width: auto;
	margin-top: 0;
	padding: 0 15px 0 15px;
	line-height: 2em;
}

/* Custom Content */

.screen-screenloader_aspx .screen-content#PH_,
.screen-ScreenLoader_aspx .screen-content#PH_ {
	max-width: none !important;
}

#content .content-wrapper {
	padding: 0 0 20px 0;
	display: block !important;
}

.screen-content#PH_ .content-wrapper,
#PH_HtmlPerGenre .content-wrapper {
	display: block;
}

.screen-content#PH_ .content-wrapper.title,
#PH_HtmlPerGenre .content-wrapper.title {
	background: #fff;
	overflow: auto;
}

.screen-content#PH_ .content-wrapper,
#PH_HtmlPerGenre .content-wrapper {
	padding: 20px 0 0;
	display: block;
}

.screen-content#PH_ .content,
#PH_HtmlPerGenre .content {
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding-left: 2.5%;
    padding-right: 2.5%;
	float: none;
	display: block !important;
	width: auto !important;
}

.template-TemplateTop .screen-content#PH_ .content,
.template-TemplateTop #PH_HtmlPerGenre .content {
	max-width: 980px !important;
}

@media screen and (min-width: 781px){

	.screen-content#PH_ .content p,
	#PH_HtmlPerGenre .content p {
		font-size: 1.6rem;
	}

}

.screen-content#PH_ .content > *,
#PH_HtmlPerGenre .content > *,
.screen-content#PH_ .content > span > *,
#PH_HtmlPerGenre .content  > span > * {
	margin: 0 0 20px 0;
}

.screen-content#PH_ .content > span,
#PH_HtmlPerGenre .content  > span {
	margin: 0; 
}

.content-wrapper:not(.title) h2,
.content-wrapper:not(.title) .content h2 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e9e9e9;
} 

/* Main Sections */

.screen-content {
	margin: 0 auto !important;
	clear: none !important;
    float: none !important;
	background: none !important;
	overflow: hidden;
	padding: 0;
	border: none;
    width: auto;
	box-sizing: content-box;
}

.screen-clientrequiredfallback_aspx .screen-content,
.screen-ClientRequiredFallback_aspx .screen-content {
    text-align: center !important;
    padding-top: 20px !important;
    min-height: 380px !important;
}


/* Event More Info */

#PH_Show_page #description,
#PH_Show_page #eventslist,
#PH_Show_page #media {
	padding: 0;
	width: 100%;
	background: none;
	float: none;
    position: relative;
    min-height: inherit;
    right: auto;
}

#PH_Show_page .largeImageContainer {
    max-height: 300px;
    overflow: hidden;
    padding-top: 30px;
	padding-bottom: 30px;
    position: relative;
    text-align: center;
}

#PH_Show_page .largeImage {
    width: auto;
    height: auto;
    max-height: 300px;
    margin: 0 auto;
}

#PH_Show_page .genresContainer {
	margin: 0;
    padding: 0;
    top: auto;
	text-align: center;
}

#PH_Show_page .genresContainer SPAN {
	padding: 0;
	margin: 0;
	background: none;
	color:inherit;
	font-weight: 600;
}

#PH_Show_page .genresContainer SPAN::before,
#PH_Show_page .genresContainer:after {
	display: none;
}

#PH_Show_page .showName {
	position: static;
	text-align: center;
}

#PH_Show_page .showName h1 {
	margin: 0;
	padding: 0;
}

#PH_Show_page #description > div {
	margin: 0;
	text-align: center;
}

#PH_Show_page #eventslist > h2 {
	display:none;
}

#PH_Show_page .helpDeskRequestPanel {
	padding: 30px 0 0;
}

#PH_Show_page h3.dateGroup {
	display: none;
} 

#PH_Show_page .ShowEventsitemsList .item_image_container {
	display: none;
}

#PH_Show_page .ShowEventsitemsList .itemsDataContainer > * {
	display: none !important;
}

#PH_Show_page .ShowEventsitemsList .dataItem .helpDeskRequestPanel {
	left: 0;
	bottom: 0;
	right: auto;
	padding: 0;
	padding: 15px 20px;
}

#PH_Show_page .occupancy {
	padding: 20px;
    color: #fff;
    margin: 0;
    min-width: 0;
    font-weight: 600;
    text-transform: uppercase;
	letter-spacing: 2px;
    font-size: 1.2rem;
    clear: both;
    display: block;
    height: auto;
}

#PH_Show_page .occupancy.LowSeatsOccupancy,
#PH_Show_page .occupancy.LowSeatsOccupation {
	background: #70a553 !important;
}

#PH_Show_page .occupancy.HighSeatsOccupancy, 
#PH_Show_page .occupancy.HighSeatsOccupation {
	background: #df6061 !important;
}

#PH_Show_page .occupancy.soon {
	background: #666666 !important;
}

.ShowEventsitemsList .button.small_button_a A,
.ShowEventsitemsList .button.small_button_a A:hover,
.ShowEventsitemsList .button.small_button_a A:active,
.ShowEventsitemsList .button.small_button_a A:focus {
	background-image: none;
}

#PH_Show_page #media {
	margin-bottom: 30px;
	color: #b0b0b0;
	font-size: 0.9em;
}

#PH_Show_page #media h3 {
	display: none;
}

#PH_Show_page #media a { 
	color: #b0b0b0;
	text-decoration: underline;
}

#PH_Show_page #media > DIV {
	padding-left: 0;
}

#PH_Show_page #media > DIV li {
	margin-bottom: 10px;
}

.propLabel {
	display: block;
	clear: both;
	text-decoration: underline;
    margin-bottom: 2px;
    font-weight: normal;
}






/* Membership Info */

#PH_Membership_info .productInfo {
    font-size: inherit !important;
    display: flex;
    flex-flow: row wrap;
	background: #fff;
	border: 1px solid #e9e9e9;
	margin-top: 40px;
    overflow: hidden;
}

#PH_Membership_info .productInfo .details,
#PH_Membership_info .productInfo .membershipBenefits,
#PH_Membership_info .productInfo .description {
	background: transparent;
	border:none;
	border-bottom: 1px solid #e9e9e9;
	margin: 0;
	padding: 0;
	display: block;
    overflow: hidden;
}

#PH_Membership_info .productData div.item_image {
	display: block;
	float: right;
	margin: 0;
	width: auto;
	max-height: 300px;
    height: auto;
}

#PH_Membership_info .productData div.item_image img {
	border:none;
	max-width: 270px !important;
	max-height: none !important;
	padding: 0 !important;
	margin: 10px !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) { 

	#PH_Membership_info .productInfo {
		margin-top: 0;
	}

	#PH_Membership_info .productData div.item_image img {
		max-width: calc(100% - 20px) !important;
		width: 100% !important;
		margin-bottom: 20px !important;
	}
}

#PH_Membership_info .productData div.item_image.missing {
	display: none;
}

#PH_Membership_info .productData u,
#PH_Membership_info .productData font {
	text-decoration: inherit;
	color: inherit;
}

#PH_Membership_info .productData h2 {
	margin-top: 0;
}

#PH_Membership_info .productData .description .name {
    font-size: 1.5em;
    font-weight: 600;
    color: inherit;
	margin: 0;
	padding: 20px 20px 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#PH_Membership_info .productData .description .name {
		font-size: 1.2em;
	}

}

#PH_Membership_info .productInfo .description ~ *.longDescription:not(:nth-child(2n)){
	max-height: none;
    margin: 0;
    width: inherit;
    border: none;
}

#PH_Membership_info .productData .description .description-text {
	padding: 20px;
	margin: 0;
}

#PH_Membership_info .buttonsContainer {
	width: 100%;
}

#PH_Membership_info .button.proceed {
	float: right;
}

#PH_Membership_info .productInfo .details,
#PH_Membership_info .productInfo .membershipBenefits {
	border-bottom: none;
	padding: 20px;
}

#PH_Membership_info .productInfo .membershipBenefits {
	padding-left: 19px;
	border-left: 1px solid #e9e9e9;
}

#PH_Membership_info .productInfo .membershipBenefits > * {
	font-size: inherit;
}

#PH_Membership_info .productInfo .membershipBenefits h3 {
	margin: 0;
}

#PH_Membership_info .productInfo .membershipBenefits > *:last-child:before {
	width: 16px;
    height: 16px;
	background-image: url('../cus/release/css/core/images/ui-icons_2e83ff_256x240.png');
	background-position: -16px -144px;
    display: inline-block;
    vertical-align: text-bottom;
    content: " ";
}

#PH_Membership_info .productInfo .membershipBenefits > *:last-child {
	color: #b0b0b0;
    font-weight: normal;
    font-size: 0.9em;
}

/* Donations / Merch / Selected Memberships / Gift Vouchers */

#PH_Donation_purchase form,
#PH_Merchandise_purchase form,
#PH_Gift_Voucher_purchase form,
#PH_Membership_purchase form {
	padding: 0;
}

#PH_Donation_purchase .general_caption,
#PH_Merchandise_purchase .general_caption,
#PH_Gift_Voucher_purchase .general_caption,
#PH_Membership_purchase .general_caption {
	background: none;
    padding: 0;
    margin: 0;
    top: auto;
	left: auto;
    line-height: normal;
    height: auto;
    display: block;
    border: none;
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
	width: auto;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#PH_Donation_purchase .general_caption,
	#PH_Merchandise_purchase .general_caption,
	#PH_Gift_Voucher_purchase .general_caption,
	#PH_Membership_purchase .general_caption {
		font-size: 1.2em;
	}

}


#PH_Donation_purchase .general_caption:after,
#PH_Merchandise_purchase .general_caption:after,
#PH_Gift_Voucher_purchase .general_caption:after,
#PH_Membership_purchase .general_caption:after {
	display: none;
}

#PH_Donation_purchase .productData div.item_image,
#PH_Merchandise_purchase .productData div.item_image,
#PH_Gift_Voucher_purchase .productData div.item_image,
#PH_Membership_purchase .productData div.item_image {
	border: none;
	display: none;
}

#PH_Donation_purchase .productData,
#PH_Merchandise_purchase .productInfo,
#PH_Gift_Voucher_purchase .productInfo,
#PH_Membership_purchase .productInfo {
	padding: 20px;
	border: 1px solid #e9e9e9;
	border-bottom: none;
	background: #fff;
	overflow: hidden;
	border-radius: 0 !important;
}

#PH_Donation_purchase .hasRenewOption .productData,
#PH_Merchandise_purchase .hasRenewOption .productInfo,
#PH_Gift_Voucher_purchase  .hasRenewOption.productInfo,
#PH_Membership_purchase .hasRenewOption .productInfo {
	border-bottom: 1px solid #e9e9e9;
}

		#PH_Donation_purchase .productData h1,
		#PH_Gift_Voucher_purchase .productInfo .productName,
		#PH_Membership_purchase .productInfo .productName,
		#PH_Donation_purchase .productData p,
		#PH_Gift_Voucher_purchase .productInfo .productDescription,
		#PH_Membership_purchase .productInfo .productDescription {
			display: none;
		}

		#PH_Donation_purchase .productInfo {
			padding:0;
			border: none;
		}

#PH_Donation_purchase .productData  > div,
#PH_Merchandise_purchase .productInfo  > div, 
#PH_Membership_purchase .productInfo  > div,
#PH_Donation_purchase .productInfo  > span:not(.ui-spinner),
#PH_Merchandise_purchase .productInfo  > span:not(.ui-spinner),
#PH_Membership_purchase .productInfo  > span:not(.ui-spinner) {
	display: block;
	padding: 0 0 20px;
	margin: 0 0 20px;
	border: none;
	border-bottom: 1px solid #e9e9e9;
	text-align: left;
}

#PH_Donation_purchase .productData .details,
#PH_Merchandise_purchase .productInfo .details,
#PH_Gift_Voucher_purchase .productInfo .details,
#PH_Membership_purchase .productInfo .details {
    text-align: left !important;
}

#PH_Donation_purchase .productData .membershipExistsWarning,
#PH_Merchandise_purchase .productInfo .membershipExistsWarning,
#PH_Gift_Voucher_purchase .productInfo .membershipExistsWarning,
#PH_Membership_purchase .productInfo .membershipExistsWarning {
    width: 100%
}

#PH_Donation_purchase .hasRenewOption .productData,
#PH_Merchandise_purchase .hasRenewOption .productInfo,
#PH_Gift_Voucher_purchase  .hasRenewOption.productInfo,
#PH_Membership_purchase .hasRenewOption .productInfo {
	border-bottom: 1px solid #e9e9e9;
}

#PH_Donation_purchase .hasRenewOption .productData #ownershipInfo,
#PH_Merchandise_purchase .hasRenewOption.productInfo #ownershipInfo,
#PH_Gift_Voucher_purchase .hasRenewOption .productInfo #ownershipInfo,
#PH_Membership_purchase .hasRenewOption .productInfo #ownershipInfo {
	margin-bottom: 0;
    border: none;
    padding-bottom: 0;
}

#PH_Donation_purchase .productData #ownershipInfo,
#PH_Merchandise_purchase .productInfo #ownershipInfo,
#PH_Gift_Voucher_purchase .productInfo #ownershipInfo,
#PH_Membership_purchase .productInfo #ownershipInfo {
	width: 100%;
}

#PH_Donation_purchase .productData  > div.description,
#PH_Merchandise_purchase .productInfo  > div.description,
#PH_Gift_Voucher_purchase .productInfo  > div.description,
#PH_Membership_purchase .productInfo  > div.description {
	display: block;
	border: none;
	font-size: inherit;
    font-weight: normal;
    color: inherit;
    margin: 0;
    padding: 0; 
	background: none;
}

#PH_Donation_purchase .productData div.item_image img,
#PH_Merchandise_purchase .productInfo div.item_image img,
#PH_Gift_Voucher_purchase .productInfo div.item_image img,
#PH_Membership_purchase .productInfo div.item_image img {
	position: absolute;
    top: 0;
    right: 0;
	border:none;
	padding: 0 !important;
	margin: 10px !important;
}

#PH_Donation_purchase .productDescription,
#PH_Merchandise_purchase .productDescription,
#PH_Gift_Voucher_purchase .productDescription,
#PH_Membership_purchase .productDescription {
	padding: 20px 0;
    margin: 0;
	font-size: 1.2rem;
	font-weight: normal;
}

#lblTotal {
	float: right !important;
    font-weight: inherit;
    font-size: 1.5rem;
    margin: 0 0 0 10px !important;
	margin-left: auto !important;
    line-height: 42px;
	color: inherit;
}

#PH_Gift_Voucher_purchase .pricing,

#PH_Donation_purchase .buttonsContainer,
#PH_Merchandise_purchase .buttonsContainer,
#PH_Gift_Voucher_purchase .buttonsContainer,
#PH_Membership_purchase .buttonsContainer {
	border: 1px solid #e9e9e9;
	border-top: none;
	padding: 0 20px 20px !important;
	background: #fff;
	margin: 0;
	box-shadow: none;
    border-radius: 0;
    position: relative;
    width: auto;
    height: auto;
}

#PH_Explanation {
	display: none;
}

#PH_Donation_purchase .pricing, 
#PH_Donation_purchase .dates,
#PH_Merchandise_purchase .pricing, 
#PH_Merchandise_purchase .dates,
#PH_Gift_Voucher_purchase .pricing, 
#PH_Gift_Voucher_purchase .dates,
#PH_Membership_purchase .pricing, 
#PH_Membership_purchase .dates {
    margin-bottom: 0 !important;
}

/* Membership Specific */

#PH_Membership_purchase .pricing {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

@media screen and (min-width: 781px) {

    #PH_Membership_purchase .pricing .ui-spinner {
        margin-left: 10px !important;
    }

}

.membershipExistsWarning .heading + div {
	margin: 0 0 20px 0;
	font-size: inherit;
}

.membershipExistsWarning .purchaseOption {
	margin: 0; 
}

.details .ownerName:after {
	display: none;
}

#ownersInfo h3 {
	display: none;
}

.owner-selector {
	vertical-align: top;
}

#PH_Membership_purchase .productName:after {
    padding: 0;
}

#ownersInfo .membershipOwnerContainer+.membershipOwnerContainer,
#extrasInfo .membershipExtraClientContainer+.membershipExtraClientContainer,
#extrasInfo #btnAddExtra{
	margin: 0;
}

#cmbPriceType {
	margin-right: 10px;
}

@media screen and (max-width: 780px) and (min-width: 1px){
	
	#cmbPriceType {
		width: 100%;
		margin-bottom: 10px;
	} 

}

/* Gift Voucher Specific */

#PH_Gift_Voucher_purchase .productInfo:after {
	display: block;
	padding: 0 0 20px;
	margin: 0 0 20px;
	height: 0;
	content: " ";
	border-bottom: 1px solid #e9e9e9;;

}

#PH_Gift_Voucher_purchase .productInfo > span:not(.ui-spinner) {
	font-size: 0;
}

/* Donations Specific */



/* Membership Radio Buttons */

#dvPriceTypesRadioButtons {
	vertical-align: middle;
	padding: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	
	#dvPriceTypesRadioButtons {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	
}

/* Others - Carousel */

.carousel {
	width: 100%;
	float: none;
	clear: both;
	display: none;
}

.carousel .general_caption {
	margin-bottom: 30px;
}

.carousel .itemsList .dataItem {
    margin-bottom:0 !important;
    background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	vertical-align: top;
}

.carousel .itemsList .dataItem .itemsDataContainer {
	margin: 0;
	position: relative;
	bottom:auto;
	background: none;
	min-width: 0;	
}

.carousel .itemsList .dataItem .name {
    color: inherit;
    font-weight: bold !important;
    text-align: center;
    position: relative;
    bottom: 0;
    left: 0;
    background: none !important;
    font-size: inherit;
    width: 100%;
    max-width: none !important;
    min-height: 0;
    z-index: 2;
}
 
.carousel .itemsList .dataItem .itemsDataContainer .description,
.carousel .itemsList .dataItem .itemsDateRange {
	display: none;
}

.screen-showdetails_aspx .carousel .item_image,
.screen-ShowDetails_aspx .carousel .item_image {
	max-height: none;
}

.screen-showdetails_aspx .carousel .itemsList .dataItem:hover,
.screen-ShowDetails_aspx .carousel .itemsList .dataItem:hover {
	cursor: pointer;
}

.screen-showdetails_aspx .carousel .itemsList .dataItem .item_image IMG,
.screen-ShowDetails_aspx .carousel .itemsList .dataItem .item_image IMG {
	max-width: calc(100% - 30px) !important;
    max-height: none !important;
	border: none !important;
}

.screen-showdetails_aspx .carousel .itemsList .dataItem .itemsDataContainer,
.screen-ShowDetails_aspx .carousel .itemsList .dataItem .itemsDataContainer {
	padding: 0 5px;
	border:none;
	height: 40px !important;
	font-size:0.9em;
	float: none;
    display: block;
    clear: both;
}

.screen-showdetails_aspx .carousel .itemsList .dataItem .itemsButtonsContainer,
.screen-ShowDetails_aspx .carousel .itemsList .dataItem .itemsButtonsContainer {
	border:none;
	display: none;
}

/* Checkout Nav */

#PH_TunnelLocation {
	background: #222;
	color: #fff;
    margin-bottom: 20px;
	height: auto;
	padding: 0;
	float: none;
	clear: both;
    display: block;
	font-size: inherit;
}

.screen-giftvoucher_aspx #PH_TunnelLocation,
.screen-donation_aspx #PH_TunnelLocation,
.screen-offers_aspx #PH_TunnelLocation,
.screen-subscriptionrenew_aspx #PH_TunnelLocation {
	display: none;
}

.screen-offers_aspx #group_0 {
	order: 9;
}

#genrehtmlterms p {
	font-size: 1.2rem;
	text-align: justify;
}

.tunnelLocation {
	padding: 20px 0 20px;
	float: none;
    margin: 0 auto;
	overflow: hidden;
	width: auto;
	max-width:none;
}

.tunnelLocation .part {
	width: auto;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	height: auto;
	float: none;
	display: inline-block;
	opacity: 0.3;
}

.tunnelLocation .part:first-child .path,
.tunnelLocation .part:first-child .pointer {
	display: none;
}

.tunnelLocation .part > * {
	display: inline-block;
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	width: auto;
	height: auto;
	background: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	line-height: 20px;
	height: 20px;
	font-size: inherit;
}

.tunnelLocation .part:last-child {
	display: none;
}

.tunnelLocation .name {
    width: auto;
    margin: 0;
    text-align: left;
	float: right;
	margin-left: 5px;
	color: inherit !important;
}

.tunnelLocation .path {
	float: left;
	height: 20px;
}

	.tunnelLocation .innerpath {
		height: 1px;
		width: 20px;
		background: #000;
		margin: 0;
		display: inline-block;
    	vertical-align: middle;
	}

	.tunnelLocation .wrapstep .step {
		width: 18px;
		height: 18px;
		font-size: inherit;
		background: none;
		border: 1px solid #000;
		color: inherit
	}

		.tunnelLocation .wrapstep .stepContent {
			position: relative;
			top: auto;
			left: auto;
			line-height: 18px;
			font-size: 1.2rem;
		}

.tunnelLocation .pointer {
	border: none;
	float: left;
	height: 20px;
}

	.tunnelLocation .innerpointer {
		height: 1px;
		width: 20px;
		background: #000;
		margin: 0;
		display: inline-block;
    	vertical-align: middle;
	}

.tunnelLocation .complete {
	opacity: 1;
}

.tunnelLocation .complete .wrapstep .step:after {
	font: normal normal normal 11px/1 FontAwesome;
    line-height: 20px;
    display: block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
}

.tunnelLocation .complete .name::after,
.tunnelLocation .complete .wrapstep .step .stepContent {
	display: none;
}

.tunnelLocation .selected {
	opacity: 1;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 

	#PH_TunnelLocation {
		width: 95% !important;
		padding-left: 2.5%;
		padding-right: 2.5%;
		font-size: 1rem;
	}

	.tunnelLocation .part>* {
		line-height: 18px;
		height: 18px;
	}

	.tunnelLocation .innerpath,
	.tunnelLocation .innerpointer {
		width: 5px;
	}

	.tunnelLocation .wrapstep .step {
		width: 16px;
		height: 16px;
	}

	.tunnelLocation .wrapstep .stepContent {
		line-height: 16px;
    	font-size: inherit;
	}

	.tunnelLocation .complete .wrapstep .step:after {
		font-size: 8px;
		line-height: 16px;
	}

	.tunnelLocation .name {
		margin-left: 3px;
	}
 
}


/* Add to Basket */

.eventTitle {
	display: flex;
	flex-direction: row;
}
 
.eventTitle,
#eventPage .infoSection {
	margin: 0;
    float: none;
    width: 100%;
	height: auto;
    padding: 0;
	font-size: inherit;
    min-height: 0;
	/* display: flex !important; */
	white-space: normal;
} 

.eventTitle .productName,
#eventPage .infoSection .name {
    font-weight: 600; 
    font-size: 4rem;
    margin-top: 0;
	margin-bottom: 20px;
	padding-top: 0;
	width: 100% !important;
	overflow: visible;
	white-space: normal;
    height: auto;
    max-height: none;
}

.eventTitle .details {
	padding: 0;
}

.infoSection .socialLinks {
	padding: 10px 0;
	font-size:0;
	vertical-align: top;
	display: none;
}

.infoSection button.socialLink,
.infoSection a.socialLink {
	margin: 0 2px;
	border-radius: 10px;
}

.infoSection .saveTheDate {
	margin-top: 5px;
}

.iCalButton:before {
	font-size: 12px;
}

.infoSection .socialLink.soc_whatsapp {
    vertical-align: top;
}

.eventTitle .productImages,
#eventPage .infoSection .imageContainer {
	float: none;
	margin-right: 0;
	display: none !important;
}

.eventTitle .productDate,
.eventTitle .productDate h2,
#eventPage .infoSection .date div {
	font-size: inherit;
	font-weight: normal;
	border:none !important;
	width: auto;
}

#eventPage .legends {
	display: none;
}

#eventPage.hallMap .venueAreas {
    float: none;
    width: 100%;
	display: block;
}

#eventPage .vfaParent {
    overflow: inherit !important;
	margin-right: 20px;
	height: auto !important;
	display: flex;
    flex-direction: column;
	/* margin: 0 auto; */
}


@media screen and (min-width: 781px) {
	#eventPage .vfaParent {
		flex: 1;
		min-height: 550px;
	}

	#eventPage.hallMap .vfaParent>DIV {
		margin: 0;
	}
}

#stadium-key {
	margin: auto 0 0 0 !important;
	justify-content: flex-end;
}

#stadium-key > div {
	margin-top: 20px;
	margin-bottom: 20px;
}

#seat-key {
	margin: auto 0 0 0 !important;
	justify-content: flex-end;
	position: absolute;
	bottom: -140px;
}

#seat-key > div {
	margin-top: 12px;
	margin-bottom: 12px;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	#seat-key {
		bottom: -92px;
	}
}


#eventPage.hallMap #HelpDeskRequestPanel {
	margin-bottom: 50px !important;
}

/* Pop Up */

.qtip.venueImageHint,
.qtip-content .ticket {
	display: none !important;
}

/* Area Info */

.qtip.seat-tooltip .qtip-tip,
.qtip.venueImageTooltip .qtip-tip {
	visibility: hidden;
}

.qtip.seat-tooltip,
.qtip.venueImageTooltip {
	border: none;
	box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.2);
	padding: 0;
	border-radius: 0;
}

.qtip.seat-tooltip .qtip-content,
.qtip.venueImageTooltip .qtip-content {
	padding: 10px 0 0 ;
}

.qtip.seat-tooltip .qtip-content{
	padding: 10px;
}

.qtip.venueImageTooltip .areaName, 
.qtip.venueImageTooltip .pricing,
.qtip.venueImageTooltip .help-hint {
	margin: 10px 20px;
	padding: 0;
}

.qtip.venueImageTooltip .availSeats {
	border:none;
	margin: 10px 0 0 0;
	padding: 20px;
    color: #fff;
    min-width: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.2rem;
    clear: both;
    display: block;
    height: auto;
	position: relative;
	background: #666666 !important;
}

.qtip.venueImageTooltip .availSeats > DIV {
    display: inline-block;
    z-index: 2;
    position: relative;
}

.qtip.venueImageTooltip .areaAvail {
	position: absolute !important;
	background: #666666 !important;
	top:0;
	left: 0;
	bottom:0;
	right:0;
	width:100% !important;
	height: 100% !important;
	z-index: 1 !important;
}

.qtip.venueImageTooltip .areaAvail.green {
    background: #70a553 !important;
}

.qtip.venueImageTooltip .areaAvail.red {
    background: #df6060 !important;
}

.seat-tooltip .priceLevel-info {
	border:none;
	padding: 0;
    margin: 10px 0 0;
}

.seat-tooltip .seat.legend-icon {
	vertical-align: top;
}

img.view_from_area,
#stageViewImage > img {
	border-radius: 0;
	max-width: 100%;
}

/* Seat Selection / Best Available */

#eventPage .tabsWrapper {
	margin-top: 0;
    border: none;
	width: 100%;
	font-size: inherit;
	margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

#eventPage .tabsWrapper > div.center {
	padding: 0;
	height: auto;
	background: none;
	width: 100%;
}

#eventPage .tabsWrapper > div.left,
#eventPage .tabsWrapper > div.right {
	display: none;
}

#eventPage .tabsWrapper > div.center > div {
    border: none;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
	width: 100%;
	display: flex;
}

#eventPage #selectSeatsTab,
#eventPage .tabsWrapper #baTab,
#eventPage #selectSeatsTab.selected,
#eventPage .tabsWrapper #baTab.selected {
	background: none;
	border-radius: 0;
	color: inherit;
	line-height: normal;
	padding: 0;
	width: auto;
	max-width: none;;
}

#eventPage #selectSeatsTab.selected, #eventPage .tabsWrapper #baTab.selected {
	font-size: 1.5em;
	order: -1;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#eventPage #selectSeatsTab.selected, #eventPage .tabsWrapper #baTab.selected {
		font-size: 1.2em;
	}

}

#eventPage .tabsWrapper .tab {
	border: none;
}

#eventPage .tabsWrapper .tab:not(.selected){
	margin-left: auto;
}

#eventPage.seated .tabsWrapper .tab:not(.selected):before {
    content: "Don't have a preference? ";
}

html[lang="nl-NL"] #eventPage.seated .tabsWrapper .tab:not(.selected):before {
    content: "Geen voorkeur voor een stoel? ";
}

#eventPage.non-seated .tabsWrapper .tab:not(.selected):before {
    content: "Have a preference? ";
}

html[lang="nl-NL"] #eventPage.non-seated .tabsWrapper .tab:not(.selected):before {
    content: "Heb je een voorkeur? ";
}

@media screen and (max-width: 780px) and (min-width: 1px) { 

	#eventPage .tabsWrapper > div.center > div {
		flex-direction: column;
	}

	#eventPage #selectSeatsTab.selected, #eventPage .tabsWrapper #baTab.selected {
		margin-right: auto;
	}

	#eventPage .tabsWrapper .tab:not(.selected){
		margin-right: auto;
		margin-left: 0;
		font-size: inherit;
	}
	
}








#eventPage.seated #content,
#eventPage.non-seated #content {
	margin-top: 0;
	overflow: hidden;
}

#eventPage.hallMap #leftPane {
	border:none !important;
}

#eventPage.seated #legend {
	border-radius: 0;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.2rem !important;
	line-height: 25px;
	overflow: hidden;
    margin: 0 auto;
    display: inline-block;
	display: none;
}

img.hallSeatingLegend {
	width:25px;
	float: left;
}

#legend img + span, #legend .title {
	display: block;
	float: left;
	margin: 0 30px 0 10px;
}

#eventPage.seated #hallMap,
#eventPage.non-seated #hallMap {
	position: static;
}

#eventPage.non-seated .venueAreas,
#eventPage.seated .venueAreas {
	margin: 0;
}

#eventPage.non-seated .venueAreas .imageContainerRow ,
#eventPage.seated .venueAreas .imageContainerRow {
	display: none;
}

button.magnify {
	bottom: 0 !important;
	z-index: 10;
}

#eventPage.non-seated button.magnify {
	bottom: 80px !important;
}

#eventPage.hallMap #content,
#PH_Event_page #content {
	position: relative;
	display: block;
}

#selectedAreaInfo {
    margin: 0; 
	padding: 0;
    width: 100%;
    max-width: none;
	border:none;
	display: block;
    clear: both;
	height: auto;
}

#selectedAreaTitle {
	display: none !important;
}

#eventPage.non-seated #selectedAreaInfo {
	margin-bottom: 0 !important;
	border-bottom: none;
	overflow: hidden;
}

#eventPage.non-seated #selectedAreaInfo.expanded,
#eventPage.seated #selectedAreaInfo.expanded {
	margin-bottom: 200px;
	/*border-bottom: 1px solid #e9e9e9;*/
	overflow: inherit;
}
	
.expandable#selectedAreaInfo .selected {
	border:none;
	padding: 0;
}

#selectedAreaInfo .selected .area-info-container {
	padding: 0;
}

#selectedAreaInfo .priceLevelImages .seat {
    border: none;
    vertical-align: middle;
    height: 14px;
    width: 14px;
    margin: 3px 0;
	display: none;
}

#selectedAreaInfo .area-info-container > .name {
	line-height: 24px;
	margin: 0;
    vertical-align: top;
	min-width: 50px;
}

#selectedAreaInfo .priceLevelImages {
	display: block;
	line-height: 24px;
}

.pricelevel-image-container {
    clear: left;
}

#selectedAreaInfo .priceLevelImages .levelName {
	display: inline;
	margin-left: 0.3em;
}

#selectedAreaInfo .button-moreDetails {
	clear: inherit;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

#selectedAreaInfo .availSeats {
	border:none;
	margin: 0;
	line-height: 24px !important;
    height: 23px !important;
    padding: 0 12px !important;
    -moz-border-radius: 22px !important;
    -webkit-border-radius: 22px !important;
	border-radius: 22px !important;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.2rem;
    clear: both;
    display: block;
	position: relative;
	background: transparent !important;
	z-index: 2;
	overflow: hidden;
	min-width:180px;
	text-align: center;
	margin-right: 10px;
}

#selectedAreaInfo .availSeats > DIV {
    display: inline-block;
    z-index: 2;
    position: relative;
}

#selectedAreaInfo .areaAvail {
	position: absolute !important;
	background: #666666 !important;
	top:0;
	left: 0;
	bottom:0;
	right:0;
	width:100% !important;
	height: 100% !important;
	z-index: -1 !important;
}

#selectedAreaInfo .areaAvail.green {
    background: #70a553 !important;
}

#selectedAreaInfo .areaAvail.red {
    background: #df6060 !important;
}

.expanded#selectedAreaInfo .menu .area-info-container {
	border-bottom:  1px solid #e9e9e9;
	border-top: none;
    padding: 10px 20px;
    border-radius: 0;
	background: none;
}

#eventPage.seated .selectTickets {
	border: none;
	padding: 0;
}

#eventPage.seated #content > div {
	display: block;
	clear:both;
}

#eventPage.seated #content > div {
	width: 100%;
}

#eventPage.seated #ticketsPane .icon {
	display: none;
}

#eventPage.seated #content > div,
.seat_plan_body_css,
#eventPage.seated .selectTickets,
#eventPage.seated .selectTickets.empty .emptyMessage,
#eventPage.seated #ticketsPane .selectTickets .buttonsContainer,
#eventPage.seated .selectTickets,
#eventPage.non-seated #leftPane {
	background: none;
}

#eventPage.seated .selectTickets.empty .emptyMessage,
#eventPage.seated #ticketsPane .selectTickets .buttonsContainer {
	padding-bottom: 0;
	top:auto;
}

#eventPage.seated #ticketsPane .selectTickets .buttonsContainer {
    height: 44px;
    display: block !important;
}

#eventPage.seated .selectTickets.empty .emptyMessage {
	display: none;
}

#eventPage.hallMap #hallMap > button.magnify {
	display: none;
}

#eventPage .timer {
	top: auto;
	right: auto;
	float: none;
	margin-bottom: 20px;
}

#eventPage .timerMessage {
	padding: 0;
}

#positionButtonDiv {
	top:-50px;
	left: 0;
    border-radius: 0;
	padding: 0;
	margin: 0;
}

.seat_plan_body_css {
	padding: 0;
}

.seat_plan_body_css div.label {
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif !important;
}

#seats {
	padding-top: 0;
}

.seat.a, .seat.o, .seat.c {
    background-image: url('../cus/release/css/core/images/seat.png');
	background-size: cover;
}


body:not(.useSROColours) .seat.a,
body:not(.useSROColours) .seat.i-a {
    background-color: #70a553;
}

body:not(.useSROColours) .seat.o,
body:not(.useSROColours) .seat.i-o {
    background-color: #df6061;
}

body:not(.useSROColours) .seat.c,
body:not(.useSROColours) .seat.i-c {
    background-color: #3466b4;
}


.seat.beer-gold:not(.c):not(.o),
.seat.Beer-Gold:not(.c):not(.o) {
	background-image: url('../cus/release/css/core/images/seat-beer.png') !important;
	background-color: #ffd700 !important;
}

.flip-seats .seat.beer-gold:not(.c):not(.o),
.flip-seats .seat.Beer-Gold:not(.c):not(.o) {
	background-image: url('../cus/release/css/core/images/seat-beer-flip.png') !important;
	background-color: #ffd700 !important;
}

.seat.beer-silver:not(.c):not(.o),
.seat.Beer-Silver:not(.c):not(.o) {
	background-image: url('../cus/release/css/core/images/seat-beer.png') !important;
	background-color: #777 !important;
}

.flip-seats .seat.beer-silver:not(.c):not(.o),
.flip-seats .seat.Beer-Silver:not(.c):not(.o) {
	background-image: url('../cus/release/css/core/images/seat-beer-flip.png') !important;
	background-color: #777 !important;
}

.seat.beer-bronze:not(.c):not(.o),
.seat.Beer-Bronze:not(.c):not(.o) {
	background-image: url('../cus/release/css/core/images/seat-beer.png') !important;
	background-color: #cd7f32 !important;
}

.flip-seats .seat.beer-bronze:not(.c):not(.o),
.flip-seats .seat.Beer-Bronze:not(.c):not(.o) {
	background-image: url('../cus/release/css/core/images/seat-beer-flip.png') !important;
	background-color: #cd7f32 !important;
}

.seat.beer-black:not(.c):not(.o),
.seat.Beer-Black:not(.c):not(.o) {
	background-image: url('../cus/release/css/core/images/seat-beer.png') !important;
	background-color: #000 !important;
}

.flip-seats .seat.beer-black:not(.c):not(.o),
.flip-seats .seat.Beer-Black:not(.c):not(.o) {
	background-image: url('../cus/release/css/core/images/seat-beer-flip.png') !important;
	background-color: #000 !important;
}


.selectedSeatsMarker {
	display: none;
}

.seat_plan_body_css #stage, .seat_plan_body_css #stage.custom-image {
	position: absolute;
    bottom: 0;
    background: #00b670;
    max-width: none;
    height: 20px;
    width: 100%;
    margin: 0;
	display: none;
}

#eventPage .seatingPlanContainer:after {
	position: absolute;
	bottom:-80px;
    height: 40px;
    width: 100%;
	display: block;
	content:"PITCH THIS WAY";
	line-height: 40px;
    text-align: center;
    color: white;
    font-weight: 600;
	background-image: url('../cus/release/css/core/images/pitch.svg');
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Your Tickets */

#eventPage #ticketsPane {
	min-height: inherit;
}

#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed {
	padding: 0;
}

#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed > a {
	width: auto;
	margin: 0;
}

/* Hide Summary - Seated */

#eventPage.seated .selectTickets .summary > SPAN.countTickets,
#eventPage.seated #ticketsPane .selectTickets h3 + .numOfTickets.non-zero,
#eventPage.seated #ticketsPane .selectTickets h3,
#eventPage.seated .selectTickets > .priceLevels,
#eventPage.seated .selectTickets > .areas,
#eventPage.seated .selectTickets .tickets {
	display: none;
}

#eventPage.seated .selectTickets .tickets,
#eventPage.seated .selectTickets .summary {
    border: none;
    margin: 0 auto;
    display: block !important;
}

#eventPage.seated .selectTickets.empty .tickets {
	display: none;
}

.selectTickets.mode-SelectedSeats .tickets > .row {
	border:none;
	padding: 5px 0;
}

.selectTickets .row div.priceLevels {
    position: relative;
    top: auto;
    left: auto;
    width: 20px;
    height: 20px;
}

.selectTickets .row .seat {
	position: relative;
	top: auto;
    left: auto;
	float: left;
	min-width: 15%;
}

#eventPage .priceTypes {
	max-width:none;
}

.selectTickets .row .priceType { 
	font-weight: 600;
}

.selectTickets .row .price {
	margin-top: 0;
	font-weight: normal;
}

.selectTickets.mode-SelectedSeats .row .icons {
	margin-top:0;
}

.selectTickets .row .icons .memberBenefit {
	color:inherit;
	display: none !important;
}

.selectTickets .ui-icon.op-remove {
    background: none;
    width: 12px;
    height: 20px;
	text-indent:0;
	font-size: 0;
	padding: 0;
	margin: 0;
	text-align: right;
}

.selectTickets .row .ops .op-remove:after {
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00d";
	content: "\f014";
}

.selectTickets .errorMessage {
    word-break: break-word;
    margin: 0;
    padding: 20px;
    border: 1px solid #df6060;
    font-size: inherit;
    color: #df6060;
    clear: both;
    float: none;
    margin-top: 20px;
    border-radius: 10px;
    background: none;
    font-style: normal;
    line-height: normal;
    bottom: auto;
    left: auto;
    position: relative;
    margin-bottom: 0 !important;
}

.selectTickets .errorMessage .ui-icon {
    display: none;
}

/* Let Us Choose */

#eventPage.non-seated #ticketsPane {
	background: none !important;
    border: none;
	margin-bottom: 0;
	padding: 0;
	display: block;
	margin-top: 0;
}

#eventPage.non-seated .selectTickets {
	min-width: 100%;
    margin: 0 !important;
    padding: 0;
	max-width: none !important;
    padding-left: 0 !important;
}

#eventPage.non-seated .selectTickets .priceLevels,
#eventPage.non-seated .selectTickets .tickets,
#eventPage.non-seated .selectTickets .summary {
	margin: 0;
	background: #fff !important;
    border: 1px solid #e9e9e9;
	width: auto;
    float: none;
    display: block;
}

#eventPage.non-seated .selectTickets .priceLevels {
	padding: 20px;
	border-bottom:none;
}

#eventPage.non-seated .selectTickets .tickets {
	border-top:none;
	border-bottom:none;
	padding: 0 20px;
}

.selectTickets .tickets > .row {
	padding: 10px 20px 0;
	margin: 0;
}

.selectTickets .row .priceTypes, .selectTickets .row .priceType {
	margin-left: 0;
}

#eventPage.non-seated #ticketsPane .areas,
#eventPage.non-seated .selectTickets .summary > SPAN.countTickets {
	display:none;
}

#eventPage.non-seated .selectTickets .summary {
	padding: 20px;
    border-top: none;
}

.selectTickets .buttonsContainer {
    clear: both;
    padding: 0;
    padding-top: 30px !important;
}

.priceLevelInfo {
	border: 1px solid #e9e9e9;
	margin: 0;
	border-radius: 4px;
}

.priceLevelInfo .price, #selPriceLevel-menu .price,
.priceLevelInfo .name, #selPriceLevel-menu .name {
    display: inline-block;
    padding: 2px 10px 2px 0;
    vertical-align: middle;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background-color: #f9f9f9 !important;
	border-color: #e9e9e9;
}

.ui-menu .ui-menu-item {
	padding: 5px;
}

/* Season Ticket Renewal */

.screen-renewsubscriptions_aspx h2.general_caption,
.screen-RenewSubscriptions_aspx h2.general_caption {
	padding-bottom: 10px;
}

.screen-renewsubscriptions_aspx form,
.screen-RenewSubscriptions_aspx form {
	padding: 0;
	padding-top: 50px;
}

.screen-renewsubscriptions_aspx .item_background,
.screen-RenewSubscriptions_aspx .item_background {
    border-spacing: 10px;
	width: 100%;
}

.buttonsFooter {
	margin: 0;
	padding: 0;
}

/* Error */

.ph_errors .item_background {
	overflow: hidden;
}

.ph_errors .item_background .small_text_b {
	border: none !important;
}

.ph_errors .bottomButtonsBar {
	margin: 0 !important;
	width: auto;
	float: right;
}

/* Help */

#HelpDeskRequestPanel {
	float: none;
	background-color: transparent;
	border-radius: 0;
	border:none;
	margin: 0;
	font-size: 0.9em;
}

#eventPage.seated #HelpDeskRequestPanel, #eventPage.non-seated #HelpDeskRequestPanel {
	margin-bottom: 20px;
}

#HelpDeskRequestPanel > span + span {
	margin: 0;
}

.highlight a,
#HelpDeskRequestPanel a {
	color:#b0b0b0;
	font-weight: normal;
	font-size: 0.9em;
}

#HelpDeskRequestPanel > span {
	display: block;
    padding: 0;
    border-radius: 0;
}

#itemsExtraDataHint,
.highlight {
    border: none;
    background: transparent;
    color: #363636;
    display: block;
    padding: 0;
    max-width: none;
}

#itemsExtraDataHint{
	color: #b0b0b0;
}

.ui-state-highlight .ui-icon,
.highlight .ui-icon {
    background-image: url('../cus/release/css/core/images/ui-icons_2e83ff_256x240.png');
	margin-right: 0.3em;
}

/* Basket */

#PH_Order_page {
	display: block;
}

.pageSectionTitle,
.pageSectionContainer {
	background: none;
}

.pageSectionTitle {
	position: relative;
	top: auto;
	left: auto;
	border:none;
	height:auto;
	width: auto;
	line-height: normal;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0 !important;
    border-bottom: 1px solid #e9e9e9;
}

.pageSectionContainer .timerMessage {
	position: absolute;
	top:0;
	right: 0;
	margin-left: 0;
}

.timerMessage {
	color:inherit;
	background: none;
	padding: 0;
	border-radius:0;
}

.timerMessage button.btnCancel {
	position: absolute;
	top:10px;
	right:0;
}

.screen-event4_aspx .timerMessage button.btnCancel,
.screen-Event4_aspx .timerMessage button.btnCancel {
	top:0;
}

.pageSectionTitle::after,
#instructionsPanel {
	display: none;
}

.pageSectionContainer,
.bottomButtonsBar {
	width: 100%;
}

.pageSectionContainer {
	padding: 0 !important;
	border:none;
	margin: 0;
}

#basketContainer {
	background: #fff;
	border: 1px solid #e9e9e9;
	border-bottom:none;
	margin-top: 20px;
	padding: 20px;
}

.screen-opsconfirmation_aspx #basketContainer,
.screen-confirmation_aspx #basketContainer {
   border-bottom: 1px solid #e9e9e9;
}

.pageSectionContainer #basketCtrlContainer,
.pageSectionContainer #deliveryForm {
	margin: 0;
}

#basketCtrlContainer {
	padding-top: 0;
}

.containerTitle {
	margin: 0;
    background: none;
    right: auto;
    padding: 0
}

.containerTitle:before {
	display: none;
}

#basketContainer .containerTitle {
	display: none;
}

.basket-Deliveries.basket-section {
	display: none;
}

#alertItems .basket-section .basketEvent > *,
.basket-section {
	border-bottom:none !important;
}

.basket-section .basketEvent,
.basket-section.basket-PackageDeals > .group,
.basket-section .group.hasInfoSection {
	border:none !important;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative !important;
    display: flex;
    flex-direction: column;
}

.basket-section .basketEvent > DIV,
.basket-section.basket-PackageDeals > .group > DIV,
.basket-section .group.hasInfoSection > DIV {
	padding-top: 0;
}

.basket-section .group.hasInfoSection > DIV:first-child,
.basket-section .basketEvent .eventInfoContainer,
.basket-section.basket-PackageDeals > .group > .items,
.basket-section .group.hasInfoSection .eventInfoContainer {
	border-top: 1px solid #e9e9e9;
	padding: 20px;
	padding-bottom: 15px; 
}

.basket-section:first-child .group.hasInfoSection:first-of-type > DIV:first-child,
.basket-section:first-child .basketEvent:first-of-type .eventInfoContainer,
.basket-section:first-child .group.hasInfoSection:first-of-type .eventInfoContainer {
	border-top: none;
	padding-top: 0;
}

.basket-section .basketEvent .infoSection,
.basket-section .group.hasInfoSection .infoSection {
	margin: 0; 
	border:none;
}

.merchandiseInfoSection .attributes, .merchandiseInfoSection .addons {
	margin-top: 0;
}

.basket-section div.clear {
	height: 0;
}

.screen-order_aspx .basket-container .imageContainer,
.screen-Order_aspx .basket-container .imageContainer,
.basket-container .basket-Memberships .infoSection .imageContainer,
.screen-order_aspx .basket-container .basketEvent .eventInfoSection .imageContainer,
.screen-Order_aspx .basket-container .basketEvent .eventInfoSection .imageContainer {
	background: none !important;
	height: 70px !important;
	font-size: 0 !important;
	margin: 0 !important;
	margin-right: 20px !important;
}

.basket-container .basket-Memberships .infoSection .imageContainer IMG,
.basket-container .eventInfoSection IMG {
	margin: 0;
	max-width: 100%;
    max-height: 100%;
}

.eventInfoSection .imageContainer,
.eventInfoSection .name {
	padding: 0;
}

.infoSection .name,
.eventInfoSection .name {
	font-size:1.2em;
}

.basketArea, .group.hasInfoSection .items {
	padding: 20px !important;
}

.group.hasInfoSection .items,
.basket-section .basket-Memberships .items,
.basketArea {
	border-top: 1px solid #e9e9e9;
	width: 67% !important;
}

.areaName {
	padding: 0 0 10px !important;
}

.basketTickets {
	margin: 0 !important;
}

.basketTickets .basketItem {
    border-top: none !important;
	padding-left: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
}

.basketProperty.Details {
    display: block;
    max-width: none;
	font-weight: 600;
}

.basketProperty.PriceTypeName {
	margin-left: 0;
}

.basketItem {
	padding-left: 0;
	padding-right: 0;
}

.basketItem > SPAN {
    vertical-align: top;
}

span.basketProperty.ListPrice:before,
span.basketProperty.TotalCommissions:before,
span.basketProperty.PriceToPay:before {
	content: attr(data-header)': ';
	font-weight: 600;
}

span.basketProperty.PriceToPay:before {
	display: none;
}

span.basketProperty.ListPrice,
span.basketProperty.TotalCommissions,
.basketProperty.ClientId {
	padding-right: 1em;
}


.basketProperty.ClientId ~ .basketProperty.PriceToPay,
.basketProperty.ClientId ~ .basketProperty.TotalPriceToPay,
.basketProperty.ClientId ~ .basketProperty.TotalAmount,
.basketProperty.ClientId ~ .basketProperty.Value {
    margin-left: 0;
}

.basketProperty.BenefitPlaceholder.non-empty.benefitisAttached {
    color: #404041;
    border-color:#e9e9e9;
}

.ownerMenu .owner:after {
    display: inline;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f040";
    padding-left: .3em;
}


.ownerMenu .owner .name {
	text-decoration: none;
}

.ownerMenu .owner:hover .name,
.ownerMenu .owner:hover:before {
	text-decoration: underline;
}

.ownerMenu .owner {
	max-width: none;
}

.qtip.ownerSelectionMenuTooltip .button-find:before {
	display: inline-block;
	padding: 0 0 3px 0;
	vertical-align: middle;
}

.ownerMenu .owner .name {
	vertical-align: top;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
	display: inline-block;
}

.ownerMenu .owner .name:after {
	display: none;
} 

.benefitSelectionMenu > * .initials,
.ownerMenu .owner .initials {
    padding: 0 10px;
    border-radius: 10px;
    width: auto;
    height: 20px;
    line-height: 20px;
	display: none;
}

.basket-section .buttonsContainer {
	clear: both;
	border:none;
	margin: 0;
	position: absolute;
	top: 20px;	
	right: 0;
	padding: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	.basket-section .buttonsContainer {
		position: relative;
		top: auto !important;
		right: auto;
	}

}

.basket-section .buttonsContainer a,
.basket-section .buttonsContainer a:hover,
.basket-section .buttonsContainer button,
.basket-section .buttonsContainer button:hover {
	text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 1.2rem !important;
	font-weight: 600;
	margin: 0 0 0 20px;
}

.basket-section .buttonsContainer a span,
.basket-section .buttonsContainer button span {
	text-decoration: none;
}

.basket-section .buttonsContainer a:after,
.basket-section .buttonsContainer button:after {
	display: none;
}

.seat-tooltip .seat.legend-icon,
.selectTickets .row div.priceLevels,
.priceLevelImages .seat,
.priceLevelInfo span.seat,
#selPriceLevel-menu span.seat,
.basket-section .ticket {
	background-color: #3466b4 !important;
	background-image: url('../cus/release/css/core/images/seat.png');
    background-size: cover;
}

.basket-section .ticket {
	float: left;
	margin-right: 5px;
}

.basket-container p.basket-warning {
	border-top: 1px solid #e9e9e9;
	padding: 0 0 20px 0;
	margin: 0;
	color:#df6060;
}

.has-basket-warning .basketItem.has-basket-warning {
    padding-left: 30px;
}

.buttonExplain:before,
.basket-warning.ui-icon:before, .basket-warning .ui-icon:before {
    content: "\f06a";
	color:#df6060;
	font-family: FontAwesome;
    padding: 1px;
	margin-right: 5px;
}

.addCouponCtl {
    padding: 20px;
    margin-top: 20px;
	width: auto;
    display: block;
	border: none;
	overflow: hidden;
	border-top: 1px solid #e9e9e9;
}

.couponLabel {
    font-weight: 600;
    color: inherit;
    width: inherit;
    background: none;;
    padding: 0;
    margin: 0;
	display: inline;
	margin-right: 10px;
	font-size: 1.2em;
}

.couponLabel:before {
	display: none;
}

.addCouponCtl input {
	margin-right:10px !important;
}

.deliveryContainer {
	margin: 0;
	padding: 20px;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-top: none;
	border-bottom: none;
}

.deliveryContainer form {
	padding: 0;
}

.deliveryContainer .containerTitle {
	margin: 0;
	font-size: 1.2em;
}

.deliveryMethod {
	border:none;
	width: 100%;
}

.deliveryMethod.selected::after {
	padding-right: 0;
}

.deliveryMethod.selected > LABEL {
	width: 67%
}

.deliveryMethod .name {
	font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.2rem;
	width: 20% !important;
}

.deliveryMethod .deliveryPricing {
	width: 20% !important;
	white-space: nowrap;
	text-align: right;
}

.deliveryMethod.selected > LABEL,
.deliveryMethod > LABEL {
	width: calc(90% - 35px) !important;
}

.deliveryMethod::after {
	width: 10% !important;
	white-space: nowrap;
	text-align: right;
}

.basketAmount {
	padding-right: 0;
}

.bottomButtonsBar {
	margin: 40px 0 30px 0;
	padding: 0;
}

.clientRequiredText {
	float: none;
    clear: both;
    line-height: inherit;
    background-color: transparent;
    box-shadow: none;
    width: auto;
    padding: 0;
    border-radius: 0;
	color:#b0b0b0;
	padding-top: 30px;
    display: block;
	font-size: 0.9em;
	display:none;
}

.clientRequiredText a {
	color:#b0b0b0;
	text-decoration: underline;
}

/* Gonna sort this offer widget out ! */

.ph_order_page .promptPH {
	border:none;
	width: auto;
	background: none;
	padding: 0;
	margin: 0;
	color: inherit;
	margin-bottom: 30px;
}

#paymentPromptMessages {
	background: none;
}

#paymentPromptMessages > p {
	font-size: inherit !important;
	padding: 0;
}

.ph_order_page .promptPH #paymentPromptMessages {
	background: #fff;
	padding: 20px;
	border: 1px solid #000;
}

.ph_order_page .promptPH #paymentPromptMessages p {
    font-weight: normal;
    font-size: inherit;
	padding: 0;
	margin-top: 0;
}

#paymentPromptMessages  ul li {
	border:none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#paymentPromptMessages ul {
	background: #df6061;
	margin: 0;
	padding: 10px;
	display: table;
	min-width: calc(100% - 20px);
}

.promptItem .item_background {
	display: table;
	width: 100%;
	border:none !important;
	margin-bottom: 0 !important;
}

.promptItem .item_background > div {
	display: table-cell;
    margin-left: 0;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
	vertical-align: top;
	border-left: 1px solid #e9e9e9;
	border-top:none !important;
}

.promptItem .item_background > .item_image,
.promptItem .item_background > .item_image img {
	border:none;
}

.promptItem .item_background > .item_image {
	width: 70px;
}

.promptItem .item_background > .itemsDataContainer,
.promptItem .item_background > .itemsButtonsContainer {
	padding: 20px !important;
}

.promptItem .item_background > .itemsDataContainer {
	font-weight: 600;
	font-size: 1.2em;
}

#paymentPromptMessages #btnMoreInfo,
#paymentPromptMessages #btnMoreInfo:hover,
#paymentPromptMessages #btnMoreInfo:active,
#paymentPromptMessages #btnMoreInfo:focus,
#paymentPromptMessages .ui-spinner + .promptUpsellButton,
#paymentPromptMessages .ui-spinner + .promptUpsellButton:hover,
#paymentPromptMessages .ui-spinner + .promptUpsellButton:active, 
#paymentPromptMessages .ui-spinner + .promptUpsellButton:focus {
	margin-left: 10px !important;
	margin-top: 5px !important;
}

@media screen and (min-width: 781px){

	#paymentPromptMessages #btnMoreInfo, 
	#paymentPromptMessages #btnMoreInfo:hover, 
	#paymentPromptMessages #btnMoreInfo:active, 
	#paymentPromptMessages #btnMoreInfo:focus, 
	#paymentPromptMessages .ui-spinner + .promptUpsellButton, 
	#paymentPromptMessages .ui-spinner + .promptUpsellButton:hover, 
	#paymentPromptMessages .ui-spinner + .promptUpsellButton:active, 
	#paymentPromptMessages .ui-spinner + .promptUpsellButton:focus {
			margin-top: 0 !important;
	}
	
}

.promptMembPriceType,
.promptQty {
	float: left;
	margin-right: 10px;
}

#membershipPriceType2 {
	height: 23px;
}

.screen-checkout_aspx .prompt-dialog,
.screen-Checkout_aspx .prompt-dialog {
	display: none !important;
}

/* Pay */

.hideOnConfirm,
.summaryBasketContainer #ctl00_body_basketCtrl_paymentSectionCaption,
.summaryBasketContainer #ctl00_body_basketCtrl_PaymentContainer,
.summaryBasketContainer,
.basket-container .imageContainer,
.summaryBasketContainer .basketArea,
.summaryBasketContainer .basket-PackageDeals {
	display: none !important;
}

.screen-opsconfirmation_aspx .summaryBasketContainer,
.screen-confirmation_aspx .summaryBasketContainer {
	display: block !important;
}

.summaryBasketContainer .basket-section:first-of-type .basketEvent .eventInfoContainer {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.summaryBasketContainer #basketContainer {
	border-bottom: 1px solid #e9e9e9;
}

.summaryBasketContainer .basketItemSummary {
    margin: 0 0 20px 0;
}

.basketItemSummary .priceTypes,
.basketItemSummary .details {
	display: none;
}

.suppTitle,
#termsAndConditions .containerTitle,
#lblChoosePayment {
	background: none;
    font-size: inherit;
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    margin: 0;
    padding: 0;
}

#lblChoosePayment,
#lblChoosePayment:before,
.suppTitle:before {
	display: none;
}

#termsAndConditions .containerTitle{
	display: none;
}

#suppPayMethods {
    padding: 0; 
    width: 100%;
}

#suppPayMethods fieldset {
	margin: 0;
	padding: 0;
}

.suppInBasket {
	padding-left: 0;
}

#paymentContainer::before {
	display: none !important;
}

.paymentMethod,
.paymentMethod.selected,
.suppPmContainer .suppLabel {
    border: none !important;
    padding: 0;
    border-radius: 0;
    background: none;
}

.paymentMethod.selected > LABEL {
	color:inherit !important;
}

.paymentMethod.selected > LABEL::before {
	top: 16px;
    left: 5px;
}

.paymentMethod .name {
    font-weight: 600;
    font-size: larger;
}

.suppPaySubTitle {
    padding-left: 26px;
}

.suppPmContainer .suppPayMethodFormContainer,
.suppPmContainer.open .suppPayMethodFormContainer {
    border: none !important;
    margin: 0;
    padding: 0;
}

.suppPayMethodFormContainer fieldset .row {
    display: table;
    width: 100%;
    float: none;
}

.suppPmContainer .suppPayMethodFormContainer > FORM,
.suppPmContainer.open .suppPayMethodFormContainer > FORM {
    margin: 0;
    padding: 0;
	width: 100%;
}

.pmTypeGiftVoucher .paymentForm {
    margin: 0;
    padding: 0;
}

.suppPayMethodButtonContainer {
	float: right;
	margin-top: inherit;
	margin-right: inherit;
}

.suppPayMethodFormContainer .label, .suppPayMethodFormContainer fieldset .label {
    text-align: left;
    padding: 0;
    min-width: inherit;
}

.pmTypeGiftVoucher .formDescriptionColumn,
.suppPayMethodFormContainer fieldset .label,
.suppPayMethodFormContainer fieldset .field {
    height: 60px;
    padding: 0;
	vertical-align: middle;
	width: 30%;
	padding-right: 1% !important;
	margin: 0;
	display: table-cell;
}

#PaymentMethodFormsContainer .field input[type=text],
.suppPayMethodFormContainer fieldset .field input[type=text] {
    height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
	padding: 0;
} 

#leftToPayContainer {
    height: 56px;
    padding: 0;
}

.leftToPay{
	margin: 0;
    padding: 20px;
    left: 1px;
    right: 1px;
    border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
    background: #f9f9f9;
    font-size: inherit;
	text-align: right;
    font-weight: 600;
}

.paymentPanelSection {
	margin: 0;
    padding: 0;
}

.paymentPanelSection form .mandatoryFieldMarker {
    display:none;
}

.primaryPaymentMethods {
	margin: 0;
	padding: 0;
}

.preConfirmationMessage {
    padding: 10px;
    border-radius: 0;
    box-shadow: none;
    background: none;
    margin-right: 0;
	float: left;
}

.ph_payment_details .bottomButtonsBar {
    margin: 0 0 30px 0;
}

#paymentMethodForms .paymentForm[data-pmtype='OnlinePayment'] .row.FirstExplanation {
    font-size: inherit;
    font-weight: normal;
}

.primaryPaymentMethods .label {
	font-weight: normal;
	padding: 0;
}

.PreviousPayment .label {
	font-weight: 600;
}

#paymentMethodForms .fieldsForm .row {
	margin: 0;
}

#PaymentMethodFormsContainer input[type=checkbox] {
    top: -26px;
}

#termsAndConditions #terms-accept {
    position: inherit;
    bottom: auto;
    z-index: inherit;
    padding: inherit;
    display: inherit;
    margin-left: inherit;
    margin-right: inherit; 
    width: inherit;
    text-align: inherit;
    font-weight: inherit;
    padding-left: inherit;
    padding-right: inherit;
    padding-bottom: inherit;
    background-color: inherit;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
    border-radius: inherit;
}

#PH_Ops_summary .pageSectionTitle { 
	margin-top: 20px;
}

.disable-print-confirmation #PH_Ops_summary a.print,
.disable-print-confirmation #PH_Basket_Confirmation button.print {
    display: none !important;
}

.disable-print-confirmation #PH_Ops_summary #basketContainer,
.disable-print-confirmation #PH_Basket_Confirmation #basketContainer {
	margin-top: 40px;
}

/*
#PH_Ops_summary .basket-container:before,
#PH_Basket_Confirmation .basket-container:before {
    content: "Order Summary";
    margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e9e9e9;
    display: block;
    font-size: 1.2em;
}
*/

/* Order Confirmation */

.committed.pageSectionContainer {
	background: none;
	border:none;
}

.committed .pageSectionTitle {
    width: 100%;
    background: none;
}

.confirmationMessageContainer {
	margin: 0;
	padding: 0;
}

.confirmationMessageContainer > div {
	margin: 0 0 20px 0;
}

.confirmationMessageContainer > div.thankYouMessage,
.confirmationMessageContainer > div#thankYouMessage {
	font-weight: 600;
}

.confirmStaticMessage {
    font-size: inherit;
    color: inherit;
}

.confirmStaticMessage::after {
	display: none !important;
}

#paymentContainer .containerTitle {
	display: block;
	margin: 0;
	font-size: inherit;
	padding: 0 0 20px 0;
}

#paymentContainer .containerBy {
    font-size: inherit;
    width: inherit;
    padding: inherit;
    vertical-align: inherit;
    margin: 0;
}

#paymentContainer > DIV > *, .paymentPanelSection > DIV > form > * {
	display: block;
}

.paymentDetails > SPAN.typeName {
    padding-left: 0;
}

/* Form Fields */

form FIELDSET {
	padding: 0;
	margin: 0;
}

form .label {
	font-weight: 600;
	margin-bottom: 5px;
}

.spScreen input[type=text],
.sps-dialog input[type=text],
.promoBox input,
.addCouponCtl input,
.addCouponCtl input:focus,
.addCouponCtl input:active,
#frmCreateAccount input[type=text],
#frmCreateAccount input[type=email],
#frmCreateAccount input[type=tel],
#frmCreateAccount input[type=password],
#lookupCustomer .row INPUT,
.loginControl .row INPUT {
	height: 42px;
	border: 1px solid #e9e9e9;
	width: 100% !important;
	box-sizing: border-box;
	max-width: 400px;
	margin: 0;
	border-radius: 4px;
	text-indent: 10px;
	-webkit-appearance:none;
	appearance:none;
	padding: 0;
}

.ui-combobox {
    width: 100%;
	max-width: 400px;
}

textarea {
	border: 1px solid #e9e9e9;
	width: 100% !important;
	box-sizing: border-box;
	max-width: 400px;
	margin: 0;
	border-radius: 4px;
	text-indent: 0;
	padding: 10px;
	height: 100px;
}

.addCouponCtl input:focus,
#frmCreateAccount input[type=text]:focus,
#frmCreateAccount input[type=email]:focus,
#frmCreateAccount input[type=tel]:focus,
#frmCreateAccount input[type=password]:focus,
#lookupCustomer .row INPUT:focus,
.loginControl .row INPUT:focus,
textarea:focus {
	border-color: #ccc;
	box-shadow:none;
}

#cmbPriceType,
.seriesOptions select.subSeries,
.spScreen select,
.sps-dialog select,
#frmCreateAccount SELECT {
	height: 42px;
	border: 1px solid #e9e9e9;
	width: 100% !important;
	box-sizing: border-box;
	max-width: 400px;
	border-radius: 4px;
	text-indent: 10px;
}

.spScreen select {
	text-indent: 5px;
}

FORM IMG.ui-datepicker-trigger {
    position: absolute;
    top: 12px;
    right: 12px;
}

#frmCreateAccount .row:not(.hidden) ~ .row.FirstName,
#frmCreateAccount .row:not(.hidden) ~ .row.LastName {
    width: 49%;
}

#frmCreateAccount .fieldHint {
    top: -20px;
    right: 1px;
}

#qasLink {
    font-size: smaller;
    display: inline-block;
    color: #cccccc;
}

#frmCreateAccount .DpQuestionsContainer UL {
	padding-left: 0;
}

FORM input[type=text]:disabled, 
FORM SELECT:disabled,
FORM input[type=password]:disabled,
.spForm input[type=text]:disabled,
.spForm SELECT:disabled,
.spForm input[type=password]:disabled {
    border: 1px solid #e9e9e9;
    background-color: #eee;
}

/* Pop Up Boxes */

.ui-dialog {
	box-shadow: none;
	border: none;
    border-radius: 0;
	padding: 0;
	overflow: visible;
	margin: 0;
	background:none;
}

.ui-widget-overlay {
	background: #000;
	opacity: .7;
}

.ui-widget-header .ui-icon {
    background-image: url('../cus/release/css/core/images/white-ui-icons_222222_256x240.png');
}

.ui-datepicker-header .ui-icon {
    background-image: url('../style/flowbase.css/images/ui-icons_222222_256x240.png');
}

.ui-dialog .ui-dialog-titlebar {
	color:#fff;
	padding: 0;
	height: 30px;
	margin-top: -30px;
    border-radius: 0;
	background: rgba(0,0,0,.8);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 30px;
    display: block;
    clear: both;
}

.no-close .ui-dialog-titlebar {
	display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
	background-color: transparent !important;
	border:none;
	width: 30px;
	height: 30px;
	right:0;
	top:0;
	margin: 0;
}

.ui-dialog .ui-dialog-title {
    float: none;
    margin: 0;
    padding: 0 10px;
	display: block;
}

.ui-dialog .ui-dialog-content {
	padding: 20px;
	background: #fff;
}

.ui-dialog .promo-banner  {
	background: none !important;
}

.relatedCustomerDialog .ui-dialog-content {
	padding: 0;
}

.ui-dialog.alert-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-content.errorMessage {
	background: rgba(0,0,0,.6);
    padding: 20px;
    text-align: center;
    color: #fff;
}

.no-close .ui-dialog-content {
	background: none;
}

.ui-dialog .ui-dialog-buttonpane {
	border: none;
	margin: 0; 
	background: rgba(0,0,0,.8);
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	padding: 10px 10px 10px 10px;
	box-shadow: none !important;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 10px 0 0 0;
	width: 100% !important;
    padding: 0 !important;
}

.ticketCollectionSection table tbody TR {
    border-top: 1px solid #e9e9e9;
}

/* Mini Pop Up */

.qtip-light {
	border: none;
	box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.2);
	padding: 0;
	border-radius: 0;
}

.qtip-light .qtip-tip {
	display: none !important;
}

.qtip-light .qtip-content {
	padding: 10px;
}

.qtip-light .qtip-titlebar {
	padding: 10px;
	font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Default */

.qtip-default .qtip-tip {
	display: none !important;
}

/* Ticket Collection */

.ui-dialog .ui-dialog-content.ticketCollectionSection {
	padding: 20px;
	border-radius: 0 !important;
}

#ticketCollectionForm {
	border-radius: 0;
	padding: 0;
}

.ticketCollectionSection table TH {
	color:inherit;
}

/* Additional Info */

.spForm .row {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
}

.spForm .row:last-child {
	margin: 0;
}

.spForm .row > div {
	display: inline-block;
	vertical-align: top;
}

.spForm .row > div.label {
	margin: 0;
}

.spForm .row > div.label .mandatoryFieldMarker {
	position: absolute;
	left: -10px;
    margin-top: 3px;
}

.itemExtraDataDialog #extraDataForms .formInputColumn {
	width: 100%;
	max-width: 400px;
}

#itemsExtraDataDialog .buttonsContainer {
	margin: 0;
	padding: 0;
}

.basketManHeadCol, .basketManRowCol {
	padding: 10px;
}

#extraDataForms .basketManRow {
	background: none;
	border:none;
	border-bottom: 1px solid #e9e9e9 !important;
	border-radius: 0;
	padding: 10px;
}

#extraDataForms .basketManRow:last-child {
	border-bottom: none !important;
}

#extraDataForms .basketManRow.selected {
	background: #f9f9f9;
}

#extraDataForms .basketManRow.selected.missing .selectedMarker,
#extraDataForms .basketManRow.missing .selectedMarker,
#extraDataForms .basketManRow.selected .selectedMarker,
#extraDataForms .basketManRow .selectedMarker {
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	margin: 0 4px 0 0;
	background: #00b670;
	border-radius: 50%;
}

#extraDataForms .basketManRow .selectedMarker:after {
    color: white;
    font: normal normal normal 10px/1 FontAwesome;
    content: "\f00c";
    line-height: 16px;
    display: flex;
    width: 16px;
    justify-content: center;
}

#extraDataForms .basketManRow.selected.missing .selectedMarker,
#extraDataForms .basketManRow.missing .selectedMarker {
	border: 1px solid #e9e9e9;
	background: white;
}

#extraDataForms .basketManRow.missing .basketManRowCol.missingMessage {
	    background-position: center center;
}

#validationErrors {
    padding: 20px;
	background: #fff;
	border: 1px solid #df6060;
	margin-bottom: 20px;
}

#validationErrors .basket-warning {
	padding: 0;
	margin: 0;
	color: #df6060;
}

/* Payment Prompt */

/*
 
.ui-dialog #paymentPromptMessages {
	background: #df6061;
}

.ui-dialog #paymentPromptMessages > p {
	color:#fff;
	padding: 20px 10px 0;
	margin: 0;
	font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.2rem;
}

*/

/* Signed In Dropdown */

.qtip.crmInfoMenuTooltip {
	border: 1px solid #e9e9e9;
    box-shadow: none;
    padding: 0;
	margin-top: -18px;
}

.qtip.crmInfoMenuTooltip .qtip-content {
	padding: 0;
}

.crmInfoMenuTooltip li {
	border: none;
	border-bottom: 1px solid #e9e9e9;
    font-size: 1.5rem;
}

/* Find Person */

.relatedCustomerDialog.relation-none h1.heading-relation-none,
.relatedCustomerDialog.relation-friend h1.heading-relation-friend,
.relatedCustomerDialog.relation-family h1.heading-relation-family {
	width: auto;
    min-width: 0;
    margin: 0;
	padding: 20px;
}

#mode-select-button, .relatedCustomerDialog h1,
#mode-select {
    font-size: 1.2em;
    float: none;
}

.relatedCustomerDialog .ui-icon-triangle-1-s:after,
.relatedCustomerDialog.relation-none h1.heading-relation-none {
	display: none;
}

.relatedCustomerDialog #hintContainer {
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
	background:#f9f9f9;
    width: 200px;
	border-left: 1px solid #e9e9e9;
    z-index: inherit;
    float: right;
    padding: 35px;
	background-image: none;
	display: none;
}

.relatedCustomerDialog #mode-select-button,
#mode-select-button~.button-lookup,
#mode-select-button~.button-lookup:hover,
#mode-select-button~.button-lookup:focus,
#mode-select-button~.button-lookup:active, 
.relatedCustomerDialog button.button-addNew,
.relatedCustomerDialog button.button-addNew:hover,
.relatedCustomerDialog button.button-addNew:active,
.relatedCustomerDialog button.button-addNew:focus {
	margin: 20px 20px 0 !important;
}

.relatedCustomerDialog #mode-select-button {
	font-size: inherit;
    font-weight: normal;
    padding: 0;
    margin-top: 0 !important;
}

.ui-selectmenu-open {
	display: block;
    border: 1px solid #e9e9e9;
    overflow: hidden;
}

.ui-menu .ui-menu-item {
	padding: 0;
}
 
.ui-menu .ui-menu-item-wrapper,
.ui-menu .ui-menu-item-wrapper:hover {
	background: none;
	border: none;
	margin: 0;
	border-bottom: 1px solid #e9e9e9;
}

.ui-menu .ui-menu-item-wrapper:last-of-type,
.ui-menu .ui-menu-item-wrapper:last-of-type:hover {
	border: none;
}

.ui-menu .ui-menu-item-wrapper:hover {
	background: #efefef;
}


.relatedCustomerDialog #hintContainer > P {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}

.relatedCustomerDialog #hintContainer > P:before {
	display: none;
}

.relatedCustomerDialog #formsContainer {
	float: none;
    margin: 0;
    max-width: 100%;
	padding: 20px;
	width: 400px
}

#relatedCustomerLookup #lookupCustomer {
	padding: 0;
	border-spacing: 0;
}

#relatedCustomerLookup .row {
	margin: 1em 0;
	padding:0;
	width: 100% !important;
}

#relatedCustomerLookup .loginButtons .button {
    margin-top: 0;
}

#relatedCustomerLookup .loginButtons .button.small_button_b {
    display: none !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {




}

/* Please Wait */

.plzWait {
    color: #fff !important;
	background: none !important;
}

.plzWait .msg {
	font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.2rem;
	margin-top: 20px;
}

.plzWait .ajax-refreshing.container {
	overflow: visible;
	padding: 5px;
}

.ajax-refreshing::before {
    font-family: FontAwesome;
    content: '\f1ce';
    font-size: 3em;
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
    display: block;
    overflow: visible;
}

/* Owners */

.qtip.ownerSelectionMenuTooltip {
	overflow: hidden;
}

.qtip.ownerSelectionMenuTooltip .relatedOwners,
.qtip.ownerSelectionMenuTooltip .ownerscontent > div:nth-child(2) {
	display: none;
}

.qtip.ownerSelectionMenuTooltip .owner {
	padding: 0;
	margin: 0 0 5px 0;
	background: none !important;
}

.qtip.ownerSelectionMenuTooltip .owner.selected .checkMark {
	font-family: FontAwesome !important;
	color:#70a553 !important;
}

.qtip.ownerSelectionMenuTooltip .relatedOwners .footer,
.qtip.ownerSelectionMenuTooltip .otherOwners .footer {
    text-align: left;
    padding: 10px 0 20px 0;
}

.qtip.ownerSelectionMenuTooltip .btnLink {
	white-space: nowrap;
} 

.qtip.ownerSelectionMenuTooltip .owner .initials {
	white-space: nowrap;
} 

body>.qtip.timer-tooltip {
	display: none !important;
}

/*****************/
/*****************/
/* Media Queries */
/*****************/
/*****************/

@media screen and (max-width: 780px) and (min-width: 1px) {
	
	body{
		margin-top: 0;
		padding-top: 0;
		height: auto;
		position: relative;
	}

	body,
	#PH_HeaderBackground-fixed,
	#group_Header-fixed,
	#PH_HeaderBackground {
		min-width: 320px;
	}
	
	.screen-content#PH_ .promo-banner-wrapper,
	#PH_HtmlPerGenre .promo-banner-wrapper {
		margin-bottom: 30px;
	}
	
	#PH_logo a {
		height: 30px;
    	margin: 10px 0 10px 0;
	}
	
	/* Menu */
	
	#siteMenuBar {
  	    text-align: right;
	}

	#siteMenuBar #my_basket > span {
		display: none;
	}

	#group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login {
		border:none;
		height: auto;
		width: auto;
		position: static;
		right: auto;
		top: auto;
	}
	
	#group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login span {
		color: inherit;
		bottom: auto;
		background: none;
		width: auto;
		left: auto;
		height: auto;
		font-size: inherit;
		position: inherit;
		line-height: inherit;
		top: auto;
	}
	
	#PH_MenuButton {
		width: 50px;
		display: block !important;
	}
	
	.menu_btn,
	.menu_btn:hover,
	.menu_btn.selected:hover {
		color:#fff;
		display: block;

		content: '\f0c9';
		font-family: fontAwesome;
		font-size: 2.3rem;
		line-height: 50px;
		text-decoration: none;
		
		padding: 0;
		background-color: transparent !important;
		background-image: url('../cus/release/css/core/images/menu.png') !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: cover !important;
		
	}

	#disablePane.menudisplayed,
	.menu_btn:before {
		display: none !important;
	}

	.menudisplayed .menu_btn,
	.menudisplayed .menu_btn:hover,
	.menudisplayed .menu_btn.selected,
	.menudisplayed .menu_btn.selected:hover {
		background-image: url('../cus/release/css/core/images/close.svg') !important;
		background-size: 14px !important;
	}
	
	#group_Header-fixed .menu_btn {
		padding: 0;
		top:0;
		left:0;
		color:#fff;
		text-align: center;
	}
	
	.template-TemplateTop .backbutton .fa,
	.template-TemplateTopMin .backbutton .fa {
		line-height: 50px;
	}
	
	#group_Header-fixed ul.nav > li,
	#group_Header-fixed ul.nav > li:last-child {
		padding: 0;
		border:none;
	}
	
	#PH_Main_Menu li.navMenu-FirstLevelItem.subMenuOpen .navMenu-SubList .navMenu-Item {
		line-height: 30px;
		padding-left: 0;
		border: none;
	}
	
	.nav ul {
		margin: 0;
		padding: 0;
	}
	
	.nav > li > A > SPAN {
		padding: 0;
		bottom:auto;
		font-weight: inherit;
	}
	
	#siteMenuBar.hasclient #customerBox {
		top: auto;
		right: auto;
		display: inline-block;
		position: relative;
		width: 50px;
    	height: 50px;
		margin-top: -15px;
	}
	
	#siteMenuBar.hasclient #customerBox a {	
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	
	#siteMenuBar.hasclient #customerBox > a:first-child:after {
		float: none;
		margin-top: 0;
		padding-top: 15px;
		display: block;
		font-size: 20px;
	}
	
	#customerBox.crmMenuIsShow .float_menu_item .greeting {
		background: black;
	}
	
	#siteMenuBar #customerBox .loyaltyPoints,
	#siteMenuBar #customerBox .qualityPoints,
	#customerBox .greeting,
	#customerBox .crmId {
		display: none;
	}

	#siteMenuBar #customerBox .loyaltyPoints,
	#siteMenuBar #customerBox .qualityPoints {
		display: flex;
    	visibility: visible;
	}

	#siteMenuBar #my_basket:before {
		margin-right: 0;
	}
	
	#siteMenuBar #my_basket.active {
		top: auto;
		right: auto;
		width: auto;
		height: auto;
		display: inherit;
		position: static;
		padding: 0;
		padding-right: 10px;
		margin: 0;
		box-sizing: border-box;
		float: right;
		position: relative;
	}

	body>.qtip.timer-tooltip {
		display: none !important;
	}
	
	.screen-content {
		width: 95% !important;
		padding-left: 2.5%;
		padding-right: 2.5%;
		min-height: 0 !important;
	}
	
	
	.screen-screenloader_aspx .screen-content#PH_,
	.screen-ScreenLoader_aspx .screen-content#PH_ {
		width: 100% !important;
		padding-left:0;
		padding-right: 0;
	}
	
	/* Buttons */

	a.landing-button,
	a.landing-button:hover,
	a.landing-button:active,
	a.landing-button:focus,

	.loginButtons INPUT[type='button'],
	.loginButtons INPUT[type='button']:hover,
	.loginButtons INPUT[type='button']:active,
	.loginButtons INPUT[type='button']:focus,

	#frmCreateAccount #btnSubmitAlter,
	#frmCreateAccount #btnSubmitAlter:hover,
	#frmCreateAccount #btnSubmitAlter:active,
	#frmCreateAccount #btnSubmitAlter:focus,

	#btnContinue,
	#btnContinue:hover,
	#btnContinue:active,
	#btnContinue:focus,

	BUTTON.small_button_a, 
	BUTTON.small_button_a:hover, 
	BUTTON.small_button_a:active
	BUTTON.small_button_a:focus,

	a.small_button_a,
	a.small_button_a:hover,
	a.small_button_a:active, 
	a.small_button_a:focus, 
	a.small_button_b,
	a.small_button_b:hover,
	a.small_button_b:active,
	a.small_button_b:focus,

	.ui-dialog .ui-dialog-buttonpane button.ui-state-default,
	.ui-dialog .ui-dialog-buttonpane button.ui-state-default:hover,
	.ui-dialog .ui-dialog-buttonpane button.ui-state-default:active, 
	.ui-dialog .ui-dialog-buttonpane button.ui-state-default:focus, 

	.button.small_button_a A,
	.button.small_button_a A:hover,
	.button.small_button_a A:active, 
	.button.small_button_a A:focus, 
	.button.small_button_b A,
	.button.small_button_b A:hover,
	.button.small_button_b A:active,
	.button.small_button_b A:focus,
	.button.disabled.small_button_a A,
	.button.disabled.small_button_a A:hover,
	.button.disabled.small_button_a A:active,
	.button.disabled.small_button_a A:focus {
		min-width: 100px !important;
	}
	
	/* Seat Selection */
	
	.qtip.seat-tooltip {
		margin-top: -50px;
	}
	
	#selectedAreaInfo .selected .area-info-container .availSeats {
		float: left;
		width: auto;
		margin-bottom: 5px;
		padding: 0 !important;
	}
	
	#eventPage.seated #selectedAreaInfo:not(.expanded) .priceLevelImages {
		display: none;
	}
	
	#eventPage.hallMap #selectedAreaInfo {
		margin-bottom: 10px;
		height: auto;
		overflow: hidden;
		background:none;
	}
	
	#eventPage .venueAreas .imageContainerRow {
		overflow: hidden;
	}
	
	#eventPage .vfaParent {
		margin-right: 0;
	}
	
	#eventPage.non-seated #selectedAreaInfo.expanded, #eventPage.seated #selectedAreaInfo.expanded,
	#eventPage.non-seated #selectedAreaInfo, #eventPage.seated #selectedAreaInfo {
		overflow: hidden;
		height: auto;
	}
	
	#eventPage.non-seated #selectedAreaInfo.expanded {
		border-bottom: none;
	}
	
	#eventPage #content > div#ticketsPane .selectTickets h3 + .numOfTickets.zero {
		display: none;
	}
	
	/* Area Selection */
	
	#selectedAreaInfo .selected .area-info-container > .name {
		background: none;
	}
	
	#selectedAreaInfo.expanded #areasListTitle:after {
		top:auto;
	}
	
	#selectedAreaInfo :not(.selected) .area-info-container > .name {
		width: auto;
	}
	
	#selectedAreaInfo.expanded .priceLevelImages {
		padding-left: 50px;
	}
	
	#selectedAreaInfo.expanded .priceLevelImages .pricelevel-image-container {
		width: inherit;
	}
	
	/* Price Level Selection */
	
	body.screen-event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu,
	body.screen-Event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu,
	body.screen-event4_aspx .ph_event_page .non-seated #ticketsPane .mode-BestAvailable + .ui-selectmenu-menu,
	body.screen-Event4_aspx .ph_event_page .non-seated #ticketsPane .mode-BestAvailable + .ui-selectmenu-menu {
		top: 60px !important;
		left: 20px !important;
		margin-left: 0 !important;
	}
	
	body.screen-event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu,
	body.screen-Event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu {
		top: 120px !important;
	}
	
	body.screen-event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu .ui-menu,
	body.screen-Event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu .ui-menu {
		height: auto;
		width: 100% !important;
	}
	
	#selPriceLevel-menu {
		background: none;
	}
	
	#selPriceLevel-menu .ui-menu-item.ui-state-focus, #selPriceLevel-menu .ui-menu-item.selectedPriceLevel,
	#selPriceLevel-menu .ui-menu-item {
		border: 1px solid #e9e9e9 !important;
    	border-radius: 4px !important;
		padding: 5px !important;
		overflow: hidden;
		vertical-align: top;
    	height: auto !important;
		margin: 0 !important;
		margin-right: 5px !important;
		width: auto !important;
		max-width: 70px;
	}
	
	.selectTickets .row div.priceLevels, .priceLevelImages .seat, .priceLevelInfo span.seat, #selPriceLevel-menu span.seat {
		height: 20px;
		width: 20px;
	}
	
	.selectTickets .row .priceLevels, .priceLevelImages .seat, .priceLevelInfo span.seat, #selPriceLevel-menu span.seat {
		border:none;
		margin: 0;
	}
	
	#selPriceLevel-menu .ui-menu-item .info {
		margin-top: 0;
	}
	
	.priceLevelInfo .price, #selPriceLevel-menu .price {
		padding:0;
	}
	
	.priceLevelInfo .name, #selPriceLevel-menu .name {
		display: none;
	}
	
	#selPriceLevel-menu .ui-menu-item .info .price {
		line-height: 20px;
		padding-left: 3px;
		font-weight: normal !important;
	}
	
	/* Basket */
	
	.basket-section .group.hasInfoSection > DIV:first-child,
	.basket-section .basketEvent .eventInfoContainer,
	.basket-section.basket-PackageDeals > .group > .items,
	.basket-section .group.hasInfoSection .eventInfoContainer {
		border-right:none;
	}
	
	.group.hasInfoSection .items,
	.basket-section .basket-Memberships .items,
	.basketArea {
		width: auto !important;
		margin: 0;
	}
	
	.basketTickets {
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 20px;
    	margin-bottom: 20px;
	}
	
	.basketTickets:last-child {
		border-bottom: none;
		padding-bottom: 0;
    	margin-bottom: 0;
	}
	
	.addCouponCtl input {
		margin-right: 0 !important;
		margin-top: 10px !important;
	}
	
	.addCouponCtl .button {
		margin:0;
		margin-top: 10px !important;
		text-indent: 0;
	}
	
	.basketItem > SPAN {
		display: block;
		float: none !important;
	}
	
	.basketTickets .basketItem:nth-child(1) {
		border-top: none;
		margin-top: 0;
		padding-top: 0;
	}
	
	.basketItem .ticket {
		border: none;
        float: left;
		display: none !important;
	}
	
	.basketProperty.ClientId {
		width: auto;
		padding-right: 1em;
	}
	
	.basketProperty.Details {
		width: 50%;
		box-sizing: border-box;
	}
	
	.basketProperty.PriceTypeName {
		width: 50%;
		padding-right: 0 !important;
		text-align: right;
	}
	
	.basketProperty.ClientId ~ .basketProperty.TotalPriceToPay {
		float: none;
		margin-top: 0;
	}
	
	.paymentHint,
	.orderHint {
		display:none !important;
	}
	
	.CountDownRemainingTimeTitle:nth-child(2){
		float: none;
		clear: both;
    	display: block;
	}
	
	.timerMessage button.btnCancel {
		position: relative;
	}
	
	button.btnLink {
		color: inherit;
	}
	
	.timerMessage button.btnCancel {
		padding: 0;
	}
	
	/* Delivery / Payment Method */
	
	.paymentPanelSection {
		width: 100%;
	}
	
	#paymentContainer > DIV > *,
	.paymentPanelSection > DIV > form > * {
		display: block;
	}
	
	.deliveryHint {
		padding: 0;
	}
	
	.paymentMethod,
	.deliveryMethod{
		border: 1px solid #e9e9e9 !important;
		border-radius: 4px !important;
		margin-bottom: 5px !important;
		background: none;
		padding: 0 !important;
    	min-height: 0 !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	
	.paymentMethod.selected,
	.deliveryMethod.selected {
		background: #3466b4;
		border-color: #3466b4;
		color:#fff;
	}
    
    .paymentMethod.selected a,
	.deliveryMethod.selected a {
		color:#fff;
        text-decoration: underline;
	}
	
	.deliveryMethod .description {
		display: block;
		clear: both;
		padding: 0;
	}
		
	.deliveryMethod.selected > LABEL,
	.deliveryMethod > LABEL {
		padding: 10px 30px 10px 10px;
		width: 100%;
	}
	
	#PaymentMethodFormsContainer {
		padding: 20px;
		width: auto;
	}
	
	.deliveryMethod .name,
	.deliveryMethod .deliveryPricing {
		padding: 0;
		line-height: 20px;
		width: auto !important;
		clear: both;
		float: left;
	}
	
	.paymentPanelSection::after,
	.deliveryMethod::after {
		display: none;
	}
	
	.paymentPanelSection.selected::after,
	.deliveryMethod.selected::after {
		display: block;
		top: 13px;
		right: 10px;
	}
	
	.preConfirmationMessage,
	.screen-checkout_aspx.virtualKeyboardOpen .preConfirmationMessage,
	.screen-Checkout_aspx.virtualKeyboardOpen .preConfirmationMessage {
		margin-top: 0;
		margin-left: 0;
		max-width: 50%;
		text-align: left;
		margin-right: 0;
	}
	
	#paymentContainer > DIV, .paymentPanelSection > DIV,
	.suppPayMethodFormContainer fieldset .row {
		display: block;
	}
	
	.pmTypeGiftVoucher .VoucherNumber .formDescriptionColumn,
	.pmTypeGiftVoucher .formDescriptionColumn, .suppPayMethodFormContainer fieldset .label, .suppPayMethodFormContainer fieldset .field {
		padding: 0 !important;
		display: block;
		height: auto;
		margin-top: 5px;
		width: 100%;
	}
	
	#termsAndConditions {
		height: auto;
	}

	
	/* Additional Info */
	
	.formCaptionColumn {
		width: auto;
	}
	
	.itemExtraDataDialog #extraDataForms .formInputColumn {
		max-width: none;
	}
	
	.basketMan {
		display: block;
	}
	
	.basketManHead, .basketManRow {
		display: block;
	}
	
	.basketManHeadCol, .basketManRowCol {
		display: block;
		padding: 0 5px 10px;
	}
	
	
	/* Memberships */
	
	#PH_Membership_purchase .productData div.item_image {
		max-height: none;
	}
	
	#PH_Membership_purchase .productData div.item_image img {
		position: relative;
	}
	
	#PH_Membership_purchase .pricing, #PH_Membership_purchase .dates {
		width: auto;
	}

	#PH_Membership_purchase .spanPriceTypesRadioButtons {
		width: 100%;
	}
	
	.productName {
		margin: inherit;
	}
	
	/* Merch */

	#ctl00_body_MerchandiseListControl .dataItem {
		margin: 0;
		float:none;
		width: 100% !important;
		border-top:none;
	}

	#ctl00_body_MerchandiseListControl .item_image_container {
		margin-top: 0;
		border: none;
	}

	#ctl00_body_MerchandiseListControl{
		min-height: 0;
		border: none;
	}

	#ctl00_body_MerchandiseListControl  .dataItem .itemsDataContainer {
		background-color: transparent;
		min-height: 0;
		position: relative;
		bottom: auto !important;
		top: auto !important;
		height: auto !important;
		
	}

	#ctl00_body_MerchandiseListControl  .dataItem .name {
		display: block;
		position: relative;
		height: auto;
		top:auto !important;
		bottom: auto !important;

	}

	#ctl00_body_MerchandiseListControl  .dataItem .itemsButtonsContainer {
		top:auto !important;
    	height: auto !important;
	}
	
	/* Season Ticket Renewal */
	
	.screen-renewsubscriptions_aspx .item_background thead,
	.screen-RenewSubscriptions_aspx .item_background thead {
		display: none;
	}
	
	.screen-renewsubscriptions_aspx .item_background td,
	.screen-RenewSubscriptions_aspx .item_background td {
		display: block;
		padding-bottom: 5px;
	}
	
	.screen-renewsubscriptions_aspx .item_background select,
	.screen-RenewSubscriptions_aspx .item_background select {
		width:100%;
	}
	
	/* Basket Prompt */

	.promptItem .item_background > div {
		display: block;
	}

	.promptItem .item_background > .item_image {
		width: 100%;
	}
	
	.promptItem .item_background > .itemsDataContainer,
	.promptItem .item_background > .itemsButtonsContainer {
		padding: 10px !important;
	}

	.promptMembPriceType,
	.promptQty {
		float: none;
    	margin: 0 0 10px 0;
	}
	
	.promptQty {
    	margin: 0;
	}
	
	.confirmationMessage {
		width: 100%;
		left: auto;
		margin-bottom: 30px;
	}
	
	/* Button Bars */
	
	.bottomButtonsBar,
	#eventPage.seated #ticketsPane .selectTickets .buttonsContainer,
	#eventPage #ticketsPane .selectTickets .buttonsContainer {
		top:auto;
		box-shadow: none;
		border-radius: 0;
		background: rgba(0,0,0,0.8);
		height: auto;
   		padding: 0;
		color:#fff;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		margin-bottom: 0;
		z-index: 10;
	}
	
	#PH_Payment_details .bottomButtonsBar {
		position: relative;
	}
	
	#eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed,
	#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed {
		width:auto;
	}
	
	.screen-giftvoucher_aspx .button.small_button_a,
	.screen-GiftVoucher_aspx .button.small_button_a,
	.screen-giftvoucher_aspx .button.small_button_a:hover,
	.screen-GiftVoucher_aspx .button.small_button_a:hover,
	.screen-giftvoucher_aspx .button.small_button_a:active,
	.screen-GiftVoucher_aspx .button.small_button_a:active,
	.screen-giftvoucher_aspx .button.small_button_a:focus,
	.screen-GiftVoucher_aspx .button.small_button_a:focus,
	
	.screen-membership_aspx .button.small_button_a,
	.screen-Membership_aspx .button.small_button_a,
	.screen-membership_aspx .button.small_button_a:hover,
	.screen-Membership_aspx .button.small_button_a:hover,
	.screen-membership_aspx .button.small_button_a:active,
	.screen-Membership_aspx .button.small_button_a:active,
	.screen-membership_aspx .button.small_button_a:focus,
	.screen-Membership_aspx .button.small_button_a:focus,
	
	#eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed > a,
	#eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed > a:hover,
	#eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed > a:active,
	#eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed > a:focus,
	#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed > a,
	#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed > a:hover,
	#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed > a:active,
	#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed > a:focus,
	.bottomButtonsBar #btnContinue,
	.bottomButtonsBar #btnContinue:hover,
	.bottomButtonsBar #btnContinue:active,
	.bottomButtonsBar #btnContinue:focus,
	.bottomButtonsBar .small_button_a.proceed,
	.bottomButtonsBar .small_button_a.proceed:hover,
	.bottomButtonsBar .small_button_a.proceed:active,
	.bottomButtonsBar .small_button_a.proceed:focus {
		margin: 10px !important;
		position: relative !important;
		bottom: auto !important;
		right: auto !important;
	}
	
	/* Gift Vouchers Specific */

	#PH_Gift_Voucher_purchase  .productInfo.item_data_background {
		overflow: hidden;
		padding-bottom: 20px !important;
	}
	
	#PH_Gift_Voucher_purchase .productInfo.item_data_background > div {
		width: 100% !important;
		padding-left: 0;
		padding-right: 0;
	}

	.screen-giftvoucher_aspx .productData span.ui-spinner + span {
		float: none;
		display: initial;
		position: initial;
		font-size: inherit;
		margin-left: initial;
		margin-top: initial; 
	}
	
	#lblTotal {
		display:inline;
		margin: 0;
		width: auto;
	}

	/* Scroll to Top */
	
	#scrollTopControl {
		padding-bottom: 64px;
		display: block;
		clear: both;
    	margin-top: 10px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 1.2rem;
	}
	
	#scrollTopControl:before {
		margin-bottom: 5px;
	}

	/* Timers */
	
	.pageSectionContainer .timerMessage {
		position: relative !important;
		height: auto;
		height: auto;
		left: auto;
		bottom: auto;
		font-weight: inherit;
		width: auto;
		margin-top: 10px;
	}
	
	.qtip.timer-tooltip {
		display: none
	}
	
	/* Pop Ups */
	
	body .loginOrRegisterDlg {
		width: 95% !important;
		left: 2.5% !important;
		border: none;
		top: 2.5vw !important;
	}
	
	.ui-draggable {
		margin-top: 30px;
    	overflow: visible !important;
	}
	
	.loginOrRegister {
		width: 100%;
	}
	
	.loginOrRegister .loginOrRegisterSeparator {
		display: none !important;
	}
	
	/* Account Pages */
	
	.crmWelcomeColumnContainer > DIV {
		margin-right: 0;
	}
	
	/* Form Fields */
	
	textarea,
	.addCouponCtl input,
	#frmCreateAccount input[type=text],
	#frmCreateAccount input[type=email],
	#frmCreateAccount input[type=tel],
	#frmCreateAccount input[type=password],
	.loginControl .row INPUT {
		max-width: none;
	}
	
	/* Landing Page */

	#primary-banners {
		margin:2.5vw 0 0;
	}
	
	#secondary-banners,
	#grid-banners {
		margin:0;
	}
	
	#primary-banners > div {
		width:100% !important;
		float:none;
		margin-right: 0 !important;
		margin:0 0 2.5vw;
	}
	
	#secondary-banners > div {
		width:49% !important;
		margin-right: 2% !important;
		margin:0 0 2.5vw;
	}
	
	#secondary-banners > div:nth-of-type(2n) {
		margin-right: 0 !important;
	}

	a.landing-button,
	a.landing-button:hover,
	a.landing-button:active,
	a.landing-button:focus {
		min-width: 0 !important;
	}
	
	#grid-banners div {
		min-height: 200px !important;
	}
	
	.grid-one,
	.grid-two {
		float:none;
		width:100% !important;
	}
	
	#tertiary-banners a {
		margin: 0 5px 10px;
		display: block;
        display: inline-block;
		margin-left: 0;
		margin-right: 0;
	}
	
}


/* 1505 4222 v2 */


/* Add to Basket Button */

#eventPage #ticketsPane .selectTickets .buttonsContainer.isError, #eventPage.seated #ticketsPane .selectTickets .buttonsContainer.isError {
	height: auto;
}

#eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed,
#eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed a {
	display: block !important;
	float: right;
    width: auto;
	cursor:default !important;
}

#eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed {
	padding: 0 !important;
	background: none !important; 
}

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

	#eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed a {
		margin: 10px !important;
	}
	
	/* Validation Error */
	
	.screen-order_aspx #validationErrorMessages,
	.screen-Order_aspx #validationErrorMessages {
		bottom: auto; 
		position: relative;
	}
}

/* Hide Call Centre Image */

.justLoggedIn {
	display:none !important;
}

/* Basket */

.screen-order_aspx .basket-container .imageContainer,
.screen-Order_aspx .basket-container .imageContainer,
.basket-container .basket-Memberships .infoSection .imageContainer,
.screen-order_aspx .basket-container .basketEvent .eventInfoSection .imageContainer,
.screen-Order_aspx .basket-container .basketEvent .eventInfoSection .imageContainer {
	height: auto !important;
}

#basketContainer .hint {
	display: none !important;
}

/* Package Deals */

.basket-PackageDeals {
	background: #d2eda8;
    margin: 0 20px 20px;
    width: calc(100% - 60px);
    padding: 10px;
}

.basket-PackageDeals > DIV {
	padding: 0;
    width: 100%;
	border: none;
}

.basket-PackageDeals > DIV .basketProperty.Details {
    width: 100%;
}
  
.basket-PackageDeals .basketProperty.PriceTypeName,
.basket-PackageDeals .basketProperty.ListPrice,
.basket-PackageDeals .basketProperty.TotalCommissions,
.basket-PackageDeals .basketProperty.PriceToPay {
	display: none !important;
}

/* Membership Product Info */

.productData div.item_image {
	height: auto;
}

#PH_Membership_purchase .productInfo .details {
	float: none;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* #PH_Membership_purchase form.hasRenewOption .details, */
#PH_Membership_purchase form.hasRenewOption .pricing,
#PH_Membership_purchase form:not(.hasRenewOption) .productInfo .membershipExistsWarning {
	display: none;
}

#PH_Membership_purchase form.hasRenewOption .details .ownerName,
#PH_Membership_purchase form.hasRenewOption .details .priceTypeName,
#PH_Membership_purchase form.hasRenewOption .details .endDate {
	display: inline;
}

/* 
#PH_Membership_purchase form:not(.hasRenewOption) .details .ownerName,
#PH_Membership_purchase form:not(.hasRenewOption) .details .priceTypeName,
#PH_Membership_purchase form:not(.hasRenewOption) .details .endDate {
	display: inline;
}
*/

#PH_Membership_purchase .details .ownerName + .priceTypeName:before {
	content: " / ";
	padding-left: .3em;
}

#PH_Membership_purchase .details .endDate {
	/* margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e9e9e9; */
	width: 100%;
}


#PH_Membership_purchase .productInfo #ownershipInfo,
#PH_Membership_purchase .dates {
	display: none !important;
}

#PH_Membership_info .productInfo .media-overview {
	width: 100%;
    border: none;
	padding: 20px;
    margin: 0;
}

/* Prompt */

#paymentPromptMessages .promptItem {
	margin: 10px 0;
}

#paymentPromptMessages font {
	color:#fff;
}

#paymentPromptMessages .promptItem .small_text_a {
	padding: 20px !important;
}

.promptMembPriceType,
.promptQty {
	margin-right: 0;
}

/* Payment Descriptions */

#paymentMethodSelection {
	width: 100% !important;
}

#PaymentMethodFormsContainer {
    padding-left: 40px;
}

#paymentMethodForms {
    display: block;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	
	#paymentMethodForms {
		display: none;
	}

}

.paymentMethod .description {
	display: block;
	font-size: 1.2rem;
	padding-left: 35px;
	padding-right: 35px;
}

/* Subs - More Info */

#PH_Subscription_details .productInfo {
	font-size: inherit; 
}

#PH_Subscription_details .productInfo > * {
	border: 1px solid #e9e9e9;
	background: #fff !important;
	padding: 20px;
	margin-top: 0 !important;
	flex:none;
	float: left;
	width: 50%;
}

#PH_Subscription_details .productData div.item_image {
    display: block;
    float: right;
    margin: 0;
    width: auto;
    max-height: 300px;
    height: auto;
}

#PH_Membership_info .productData div.item_image,
#PH_Subscription_details .productData div.item_image {
	max-height: none;
}

#PH_Subscription_details .productData div.item_image img {
    border: none;
    max-width: 270px !important;
    max-height: none !important;
	padding: 0 !important;
	margin: 10px !important;
}

#PH_Subscription_details .productInfo .description {
	width: 100%;
	padding: 0;
}

#PH_Subscription_details .productData .description .name {
    font-size: 1.5em;
    font-weight: 600;
    color: inherit;
    margin: 0;
    padding: 20px 20px 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#PH_Subscription_details .productData .description .name {
		font-size: 1.2em;
	}

}

#PH_Subscription_details .productData .description .description-text {
    padding: 20px;
    margin: 0;
}

#PH_Subscription_details .productInfo .description ~ *:nth-child(2n):not(:last-child) {
	margin-right: 0;
}

#PH_Subscription_details .productInfo .media-overview,
#PH_Subscription_details .productInfo .details {
	border-top:none;
}

#PH_Subscription_details .productInfo .media-overview .media-brief,
#PH_Subscription_details .productInfo .media-overview .media-detailed {
	padding: 0;
	border:none;
}

#PH_Subscription_details .productInfo .media-overview {
	border-left:none;
}

#PH_Membership_info .productInfo .media-overview {
	width: 100%;
    border: none;
    border-top: 1px solid #e9e9e9;
}

#PH_Subscription_details .buttonsContainer {
	padding: 12px 10px 10px;
	border: 1px solid #e9e9e9;
	border-top: none;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
}

/* More Detail Button */

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: right;
}

/* Form */

FORM input[type=text],
FORM SELECT,
FORM input[type=password],
FORM input[type=email],
FORM input[type=tel],
.spForm input[type=text],
.spForm SELECT,
.spForm input[type=password],
.spForm input[type=email],
.spForm input[type=tel] {
	margin: 0;
}

/* Merch Grid */

#ctl00_body_MerchandiseListControl .dataItem:nth-child(4n+2),
#PH_Hospitality_events #ctl00_body_EventsListControl .dataItem:nth-child(4n+2),
#ctl00_body_SeriesListControl .dataItem:nth-child(4n+2){
	clear: left;
}

/* Add Friends & Family */

.qtip.ownerSelectionMenuTooltip .relatedOwners,
.qtip.ownerSelectionMenuTooltip .ownerscontent > div:nth-child(2) {
    display: block;
}

/* Static Text */

.seat_plan_body_css .staticObject {
	font-weight: normal !important;
	text-transform: uppercase;
	font-size: 12pt;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	
	#customerBox.crmMenuIsShow .float_menu_item .greeting {
		background: white;
		border: none;
		top: 50px;
		right: 0;
		text-align: left;
		padding: 0 10px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 1.2rem;
		height: auto;
		width: 200px;
		box-shadow: none;
		line-height: 30px;
		display: block;
		color:#000;
		z-index: 10;
	}
	
	#siteMenuBar.hasclient #customerBox.crmMenuIsShow .float_menu_item + button.logout {
		top: 80px;
		right: 0;
		width: 220px;
		height: 40px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 1.2rem;
		border-top: 1px solid #e9e9e9;
		padding: 0 10px;
		z-index: 10;
	}

	#siteMenuBar.hasclient #customerBox.crmMenuIsShow button.logout:before,
	#siteMenuBar #customerBox.crmMenuIsShow .float_menu_item ~ .loyaltyPoints,
	#customerBox.crmMenuIsShow .float_menu_item .crmId {
		display: none !important;
	}
	
	#customerBox.crmMenuIsShow .greeting:before {
		display: none;
	}
	
	#group_Header-fixed #PH_Float_Menu,
	#group_Header-fixed.primary #PH_Float_Menu {
		margin-top: 0;
	}
	
	#group_Header-fixed:not(.menudisplayed) #siteMenuBar .flm_login {
		margin-left: 15px;
		line-height: 45px;
	}
	
	.siteMenuContainer > a:first-child {
		float: none;
		line-height: 45px;
		vertical-align: top;
		margin: 0;
	}
	
	#siteMenuBar.hasclient #customerBox {
		margin-top: 0;
	}
	
	.siteMenuContainer > a > SPAN {
		position: inherit;
		bottom: inherit;
		color: inherit;
		text-align: inherit;
		width: inherit;
	}
	
	.basket-warning.error {
		width: auto !important;
	}
	
	.basket-section:not(.ticketsBasketSection) .basketItem {
		width: calc(100% - 30px);
	}
	
	.priceLevelInfo .name, #selPriceLevel-menu .name {
		display: block;
		font-size: 9px;
		padding-right: 0;
	}

	/* Payment */
	
	.template-TemplateFull .screen-content {
		padding-bottom: 20px;
	}
	
}

/* 1505 4222 v3 */

/* Hospitality Pop Up */

#offersContainer .promptsContainer .extraContainer,
.promptExtras-dialog .promptExtrasDlg {
	display: flex;
    flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	max-width: 1200px;
}

#offersContainer .promptsContainer .extraContainer {
	padding: 0 20px 20px;
    background: #fff;
    margin-top: 20px;
    border: 1px solid #e9e9e9;
    border-bottom: none;
	max-width: none;
}

#offersContainer .promptsContainer .linkedDetails:not(:empty),
.promptExtras-dialog .promptExtrasDlg .linkedDetails:not(:empty) {
	font-size: inherit;
	margin-bottom: 20px;
	width: 100%;
}

#offersContainer .promptsContainer .elements,
.promptExtras-dialog .elements {
	overflow: hidden;
	border: 1px solid #e9e9e9;
	background: white;
	margin-top: 0;
	width: 100%;
}

#offersContainer .promptsContainer .elementItem .imgContainer.noImage,
.promptExtras-dialog .promptExtrasDlg .elementItem .imgContainer.noImage {
	display: none;
}

#offersContainer .promptsContainer .elements > div,
.promptExtras-dialog .elements > div  {
	border-top: 1px solid #e9e9e9;
	padding: 20px;
}

#offersContainer .promptsContainer h2,
#offersContainer .promptsContainer h3,
.promptExtras-dialog .promptExtrasDlg h2,
.promptExtras-dialog .promptExtrasDlg h3 {
	width: 100%;
}

#offersContainer .promptsContainer h3,
.promptExtras-dialog .promptExtrasDlg h3 {
	margin-bottom: 0;
	margin-top: 0;
}

#offersContainer .promptsContainer .elements > div:first-of-type,
.promptExtras-dialog .elements > div:first-of-type  {
	border-top:none;
}

#offersContainer .promptsContainer .elementItems,
.promptExtras-dialog .promptExtrasDlg .elementItems {
	float: none;
	padding-left: 0;
	max-width: none;
}

#offersContainer .promptsContainer .elementItem .pricing select,
#offersContainer .promptsContainer .elementItem .chooseQty select,
#offersContainer .promptsContainer .elementItem .productAttribute select,
.promptExtras-dialog .promptExtrasDlg .elementItem .pricing select,
.promptExtras-dialog .promptExtrasDlg .elementItem .chooseQty select,
.promptExtras-dialog .promptExtrasDlg .elementItem .productAttribute select {
	min-width: 160px;
    border: 1px solid #dadada; 
    border-radius: 4px;
    height: 26px;
    min-width: 100px;
	position: relative;
}

#offersContainer .promptsContainer .elementItem,
.promptExtras-dialog .promptExtrasDlg .elementItem {
	width: 100%;
    height: auto;
    padding: 0;
	margin-top: 0 !important;
}

#offersContainer .promptsContainer .elementItems,
.promptExtras-dialog .promptExtrasDlg .elementItems {
	margin-top: 0 !important;
}

#offersContainer .promptsContainer .elementItem .eventInfo .imgContainer + .name,
#offersContainer .promptsContainer .elementItem .eventInfo .imgContainer + .name + .date,
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .imgContainer + .name,
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .imgContainer + .name + .date {
	text-align: left;
	float: left;
	font-size: inherit;
}

#offersContainer .promptsContainer .elementItem .name,
#offersContainer .promptsContainer .elementItem .pricing,
.promptExtras-dialog .promptExtrasDlg .elementItem .name,
.promptExtras-dialog .promptExtrasDlg .elementItem .pricing {
	text-align: left;
}

#offersContainer .promptsContainer .elementItem .chooseQty,
.promptExtras-dialog .promptExtrasDlg .elementItem .chooseQty {
	margin-top: 10px;
}

#offersContainer .promptsContainer select.priceType[aria-label*="Hospitality"],
#offersContainer .promptsContainer:not(.hospitality-extras-container) .elementMessage,
#offersContainer .promptsContainer.hospitality-extras-container .elementItem .pricing,
.promptExtras-dialog .promptExtrasDlg:not(.hospitality-extras-container) .elementMessage,
.promptExtras-dialog .promptExtrasDlg.hospitality-extras-container .elementItem .pricing {
	display: none; 
} 

#offersContainer .promptsContainer .elementItem .eventInfo .date div,
#offersContainer .promptsContainer .elementItem .eventInfo .date span,
#offersContainer .promptsContainer .elementItem .eventInfo .date span:before,
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .date div,
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .date span,
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .date span:before{
	float: left;
	color:inherit;
	background: none;
	text-align: left;
	margin: 0;
	padding: 0;
	display: inline;
	width: auto;
}

#offersContainer .promptsContainer .elementItem .eventInfo .date span:before,
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .date span:before {
	content: " - ";
	padding: 0 5px;
}

#offersContainer .promptsContainer h3,
.promptExtras-dialog .promptExtrasDlg h3 {
	padding: 0;
    background: none;
	color: inherit;
}

#offersContainer .promptsContainer .elementItem .eventInfo .imgContainer,
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .imgContainer {
	display: none;
}

#offersContainer .promptsContainer .elementMessage,
.promptExtras-dialog .promptExtrasDlg .elementMessage {
	float: none;
    padding: 0;
    margin: 0;
    width: auto;
    background: none;
    border: none;
    position: relative;
    height: auto;
    color: #df6060;
	clear: both;
	margin-top: 20px;
}

#offersContainer .promptsContainer .elementMessage:before,
.promptExtras-dialog .promptExtrasDlg .elementMessage:before {
	display: inline;
}

@media screen and (min-width: 781px) {

	#offersContainer .buttons-container {
		text-align: right;
	}

}

#offersContainer .buttons-container #waiveOffersBtn {
	border: none !important;
}

#PaymentMethodFormsContainer {
    padding-left: 0;
}

 @media screen and (max-width: 780px) and (min-width: 1px) {
	
	.crmInfoMenuTooltip.qtip-focus {
		display: block !important;
		top: 55px !important;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) !important;
   		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) !important;
   		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) !important;
		position: fixed;
		width: calc(100% - 5vw);
		max-width: none;
		left: 2.5vw !important;
	}
	
	.crmInfoMenuTooltip li {
		display: none;
	}
	
	.crmInfoMenuTooltip li:first-child,
	.crmInfoMenuTooltip li:last-child {
		display: block;
	}
	
	#customerBox.crmMenuIsShow .logout,
	#customerBox.crmMenuIsShow .greeting {
		display: none !important;
	}

	.qtip.ownerSelectionMenuTooltip .heading {
    	margin-bottom: 10px;
   		margin-top: 10px !important;
	 }
	 
	 .relatedCustomerDialog.relation-none h1.heading-relation-none, .relatedCustomerDialog.relation-friend h1.heading-relation-friend, .relatedCustomerDialog.relation-family h1.heading-relation-family {
		 padding: 20px 20px 0;
	 }
	 
	 .relatedCustomerDialog #hintContainer {
		 display: none;
	 }
	 
	 .relatedCustomerDialog #formsContainer {
		padding: 20px;
		width: auto;
	 }
	 
	 #relatedCustomerLookup .row>* {
		width: 100%;
	}
	 
	 #relatedCustomerLookup DIV.loginButtons button.small_button_a {
		position: relative;
		width: 100% !important;
		margin-left: 0 !important;
	}

	.qtip.ownerSelectionMenuTooltip .qtip-titlebar {
		height: auto;
		line-height: normal;
	}
	
}
	 
@media screen and (max-width: 560px) and (min-width: 1px) {
	
	.basketHasItems #customerBox.crmMenuIsShow .greeting,
	.basketHasItems #customerBox:not(.crmMenuIsShow) .greeting {
		display: none !important;
	}
		
}

/* Login / Register */

body .loginOrRegisterDlg {
	position: absolute !important; 
}

/* Date Picker */

FORM IMG.ui-datepicker-trigger {
    position: absolute;
    top: 0;
    right: 0;
    padding: 21px;
}

/* Best Available Text */

@media screen and (min-width: 781px) {

	#eventPage.non-seated .selectTickets .priceLevels {
		padding-top: 120px;
	}

	#eventPage.non-seated button.magnify {
		bottom: 0 !important;
	}

}

/* Payment Prompy Restyle */

#paymentPromptMessages ul {
	background: white;
    border: 1px solid black;
    box-sizing: border-box;
	width: 100%;
}

/* eCRM Points Balance */

#fldQualityPointsBalance,
#fldLoyaltyPointsBalance {
	opacity: 1 !important;
    border: none;
    width: auto !important;
    min-width: 0 !important;
    padding: 0;
    text-indent: 0;
    color: inherit;
    height: auto;
    border-radius: 0;
}

/* 1505 4222 v4 */

.pageTitle, .general_caption {
	margin-top: 20px;
}

.ownerscontent{
    max-height: 100vh;
    max-width: 100vw;
    width: auto;
	min-width: 300px;
}

.qtip.ownerSelectionMenuTooltip .otherOwners:last-of-type {
    margin-top: 20px;
}

#frmCreateAccount .row:not(.hidden) ~ .row.FullName {
	width: 100%;
    position: relative;
    margin-bottom: 0px;
    margin-top: 5px;	
}

#frmCreateAccount DIV.label.FirstName, #frmCreateAccount DIV.label.LastName, #frmCreateAccount DIV.field.FullName {
    display: block;
}

#frmCreateAccount .alternativeButtonsContainer {
	padding-bottom: 2em;
}

#frmCreateAccount .row:not(.hidden) ~ .row.FirstName,
#frmCreateAccount .row:not(.hidden) ~ .row.LastName {
	width: 49%;
	margin-top: 1px;
	margin-bottom: 1px;
}

#newRelationshipForm.hidden + #msgNoRelationships,
#existingRelationships.hidden + #msgNoRelationships {
	float:left;
	white-space:nowrap;
}

/* Delivery Method Selection */

p.deliveryHint a.openTicketCollection {
	padding: 1px 5px;
	background: #9b1a2c;
	color: #FFF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}

p.deliveryHint a.openTicketCollection:hover {
	opacity: .7;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;  
}

/* Subscription Renewal */

.subsRenewEntry .imageContainer {
	background: none;
}

.subsRenewEntry .remove {
	display: none;
}

.disable-dont-renew #rad0_RenewRejected,
.disable-dont-renew #rad0_RenewRejected + label,
.disable-dont-renew #rad1_RenewRejected,
.disable-dont-renew #rad1_RenewRejected + label,
.disable-dont-renew #rad2_RenewRejected,
.disable-dont-renew #rad2_RenewRejected + label,
.disable-dont-renew #rad3_RenewRejected,
.disable-dont-renew #rad3_RenewRejected + label,
.disable-dont-renew #rad4_RenewRejected,
.disable-dont-renew #rad4_RenewRejected + label,
.disable-dont-renew #rad5_RenewRejected,
.disable-dont-renew #rad5_RenewRejected + label,
.disable-dont-renew #rad6_RenewRejected,
.disable-dont-renew #rad6_RenewRejected + label,
.disable-dont-renew #rad7_RenewRejected,
.disable-dont-renew #rad7_RenewRejected + label,
.disable-dont-renew #rad8_RenewRejected,
.disable-dont-renew #rad8_RenewRejected + label,
.disable-dont-renew #rad9_RenewRejected,
.disable-dont-renew #rad9_RenewRejected + label {
	display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	
	.ph_subscription_renewals .subsRenewEntry .details {
		max-width: calc(100% - 93px);
	}
	
	.ph_subscription_renewals .seriesOptions {
		float: none;
		margin: 10px 0 0 0;
	}
}

/* Auto Renewal */

.subsAutoRenewDialog {
	min-width: 70%;
}

.subsAutoRenewDialog .mandatoryFieldMarker {
	display: none;
}

.subsAutoRenewDialog FIELDSET .column {
	width: 100% !important;
}

.subsAutoRenewDialog FIELDSET .row.SeriesName .label {
	display: none;
}

.subsAutoRenewDialog FIELDSET .row.Space1 {
	display: none;
}

.subsAutoRenewDialog FIELDSET .row.ClientEnrollmentsLabel {
	margin-bottom: 0;
	font-weight: 600;
}

.subsAutoRenewDialog .ui-dialog-content {
	min-height: 200px;
}

.subsAutoRenewDialog select,
.subsAutoRenewDialog input[type=text]{
	height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
    -webkit-appearance: none;
	appearance:none;
    padding: 0;
}

.crm_grid_caption TH {
	text-align: left;
	font-weight: 600;
}

.crm_grid_data {
    padding: 0.1em 0.5em;
}

.subsAutoRenewDialog th:first-child,
.subsAutoRenewDialog td:first-child{
	padding-left: 0;
}

.subsAutoRenewDialog th:last-child,
.subsAutoRenewDialog td:last-child{
	padding-right: 0;
}

.subsAutoRenewDialog FIELDSET .row.PaymentTokenId button {
	vertical-align: middle;
}

.subsAutoRenewDialog FIELDSET .row.PaymentTokenId button:after {
	display: inline;
	content:"Add Payment Details";
	font-size:12px;
	vertical-align: top;
    line-height: 23px;
}

@media only screen and (max-width: 780px) and (min-width: 1px) {
	
	.subsAutoRenewDialog select {
        width: 100%;
		float: none;
		display: block;
	}

	.subsAutoRenewDialog FIELDSET .row.PaymentTokenId button  {
		float: none !important;
		background: none;
		margin-top: 10px;
		margin-left: 0;
		padding-left: 0;
	}
	
	.subsAutoRenewDialog #EnrolledSubscriptions {
		max-width: 100%;
		overflow: scroll;
		display: block;
	}

}

/* Close Button Fix */

body > .ui-dialog {
	padding-top: 30px;
}

/* ???? */

.crmInfoMenuTooltip li { 
	display: block;
}

/* Payment */

#PH_Payment_details {
	position: relative;
}

/*

#PH_Payment_details {
	padding-top: 20px;
}

.summaryBasketContainer {
    width: 100%;
	margin-top: 0 !important;
	margin-bottom: 40px;
	box-sizing: border-box;
	box-shadow: none !important;
}

.summaryBasketContainer .infoSection .imageContainer,
.summaryBasketContainer .basket-Memberships .infoSection .imageContainer,
.summaryBasketContainer .basket-Donations .infoSection .imageContainer,
.summaryBasketContainer .basket-Subscriptions .subsInfoSection .imageContainer,
.summaryBasketContainer .basket-MerchandiseItems .infoSection .imageContainer,
.summaryBasketContainer .basket-GiftVouchers .infoSection .imageContainer,
.summaryBasketContainer .basketEvent .eventInfoSection .imageContainer {
	float: right;
    padding: 0;
    background: none !important;
    height: auto !important;
    margin-right: 0 !important;
}

.summaryBasketContainer .infoSection .imageContainer img,
.summaryBasketContainer .basket-Memberships .infoSection .imageContainer img,
.summaryBasketContainer .basket-Donations .infoSection .imageContainer img,
.summaryBasketContainer .basket-Subscriptions .subsInfoSection .imageContainer img,
.summaryBasketContainer .basket-MerchandiseItems .infoSection .imageContainer img,
.summaryBasketContainer .basket-GiftVouchers .infoSection .imageContainer img,
.summaryBasketContainer .basketEvent .eventInfoSection .imageContainer img {
	margin: 0;
    max-width: 100%;
    max-height: 100%;
	width: auto;
    height: auto;
	vertical-align: middle;
}

.summaryBasketContainer .basket-container .basket-Donations .name {
	padding-left: 0 !important;
}

.summaryBasketContainer .basket-Donations .infoSection .imageContainer {
	width: auto !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	

	
	.summaryBasketContainer .basket-Donations .infoSection .imageContainer img {
		max-width: 100% !important;
	}
	
	.summaryBasketContainer > DIV, .summaryBasketContainer .expand {
		display: block !important;
	}
	
	.summaryBasketContainer .basket-Donations .basketItem {
		margin-top: 0;
		padding-top: 0;
	}
	
}

.summaryBasketContainer .expand {
	width: 100%;
	border-top: 1px solid #e9e9e9;
	padding-bottom: 10px;
    padding-top: 10px;
}

.summaryBasketContainer .basket-Subscriptions .items,
.summaryBasketContainer .basketEvent .basketArea {
	display: none !important;
}

.summaryBasketContainer .infoSection > DIV {
	padding-left: 0;
}

.summaryBasketContainer .editBasket,
.summaryBasketContainer .editBasket:hover {
	top:-20px !important;
	left: auto;
	right:0;
}

.summaryBasketContainer .basket-section > DIV {
	padding: 0;
    width: 100% !important;
    margin-top: 0;
    border-top: 1px solid #e9e9e9;
}

.summaryBasketContainer #basketCtrlContainer {
	padding-top: 0;
	width: 100% !important;
}

.summaryBasketContainer .basket-section.basket-Deliveries .basketItem {
    width: calc(100% - 40px) !important;
    padding: 20px !important;
}

.summaryBasketContainer .basketItem > SPAN {
	padding: 0;
}

.summaryBasketContainer .basket-Memberships .basketItemSummary .details,
.summaryBasketContainer .basket-Memberships .hasInfoSection .basketProperty.Details {
	max-width: none;
}

.summaryBasketContainer .basket-section {
	border-bottom: none;
	margin: 0 !important;
	width: 100% !important;
}

.summaryBasketContainer .basket-sectionbasket-Donations .basketProperty.Details {
	width: auto;
}

.summaryBasketContainer .basket-sectionbasket-Donations .basketProperty.Details > span {
	max-width: none
}

.summaryBasketContainer .basketItemSummary {
	padding: 20px;
	overflow: hidden;
}

.summaryBasketContainer .basketItemSummary .details,
.summaryBasketContainer .hasInfoSection .basketProperty.Details {
	max-width: none;
	float: left;
	padding: 0 10px 0 0;
}

.summaryBasketContainer .basketTotals .summaryLine {
    padding-right: 20px;
}

.summaryBasketContainer .group.hasInfoSection .items, 
.summaryBasketContainer .basket-section .basket-Memberships .items,
.summaryBasketContainer .basketArea {
	width: calc(100% - 40px) !important;
	margin: 0;
	overflow: hidden;
	border-top: none;
}

.summaryBasketContainer .basketArea {
	padding: 0;
}

.basketItemSummary {
	margin: 0;
}

.summaryBasketContainer .basket-section .group.hasInfoSection > DIV:first-child,
.summaryBasketContainer .basket-section .basketEvent .eventInfoContainer,
.summaryBasketContainer .basket-section .group.hasInfoSection .eventInfoContainer {
	border-right:none;
	overflow: hidden;
}

.summaryBasketContainer .basketTotals {
	border-top: 1px solid #e9e9e9 !important;
    margin-top: 0 !important;
    padding-right: 0 !important;
}

.summaryBasketContainer .timerMessage {
	display: none !important;
}

*/

/* Prompt message in basket */

#paymentPromptMessages font {
	color:#000;
}

@media screen and (max-width: 560px) and (min-width: 1px) {   
     #eventsList .ExtendedData2 .ExtendedData6 {
         position: inherit !important;
         text-align : center;
         display:block;
     }
}

@media screen and (max-width: 780px) and (min-width: 1px) {

    /* ui autocomplete z-index fix */

    .ui-widget.ui-spinner {
		z-index: auto;
    }
    
    /* basket */
    .deliveryContainer {
        padding: 20px 20px 60px 20px;
    }

}

/* Unhide menu under personal details */

@media screen and (max-width: 780px) and (min-width: 1px) {
   
	#leftMenu > UL{
        display: block;
        padding-bottom: 0 !important;
    }
	
    #leftMenu > UL > LI {
        display: block;
        border-bottom: 3px solid transparent;
        margin-left: 0;
    }
    
     /* unhide season tickets on personal details page */
     #crmSubscriptions, #crmSubscriptionsLinks {         
        display: block;
     }

     /* set Links go behind header */
     #leftMenu {
         z-index:49;
     }

     /* friend and family list height being cut off */
     .ownerscontent {
		 width: auto;
		 max-width: 100%;
     }     

	 .qtip.ownerSelectionMenuTooltip .relatedOwners, .qtip.ownerSelectionMenuTooltip .otherOwners {
		padding: 0;
		margin: 0;
	 }

     /* scrolling bar on reserved ticket page  */
     #frmCatchReservedSeats {
         overflow: scroll;
     }
}



/* Basket - Display data header owner */

.basketProperty.ClientId::before {
    content: attr(data-header) "";
    font-weight: 600;
	padding-right: .3em;
}

html[lang="nl-NL"] .basketProperty.ClientId::before {
	content: "Eigenaar";
}

.basketProperty.ClientId > div { 
	display: inline-block;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	.basketProperty.ClientId::before {
		display: none;
	}
}

/* Price Level Selection */

@media screen and (max-width: 780px) and (min-width: 1px) {

	body.screen-event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu,
    body.screen-Event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu {
      top: 85px !important;
    }

    #selPriceLevel-menu .ui-menu-item.ui-state-focus, #selPriceLevel-menu .ui-menu-item.selectedPriceLevel, #selPriceLevel-menu .ui-menu-item {
      min-width: 70px;
    }

}

/* 1505 4222 v5 */

/* Ticket Resale */



.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds #TicketIds+.basket-section .basketEvent .basketArea,
#alertItems .basket-section .basketEvent .basketArea {
	padding-right: 0 !important;
}

.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds #TicketIds+.basket-section .basketEvent>DIV,
#alertItems .basket-section .basketEvent>DIV {
	width: auto !important;
	min-width: 350px !important;
	max-width: none !important;
	padding-top:20px !important;
	padding-bottom: 20px !important; 
} 

.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds #TicketIds+.basket-section .basketEvent .basketArea .basketItem,
#alertItems .basket-section .basketEvent .basketArea .basketItem {
	padding-left: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 6px !important;
} 

#alertItems .basket-section .basketEvent .basketArea .basketItem {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
}

.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds #TicketIds+.basket-section .basketEvent .basketArea .areaName,
#alertItems .basket-section .basketEvent .basketArea .areaName {
	padding-bottom: 0 !important;
}

.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds #TicketIds + .basket-section .basketEvent .eventInfoContainer,
#alertItems .basket-section .basketEvent .eventInfoContainer {
	padding-left: 0 !important;
}

#alertItems .resale-ops {
	width: 300px;
	font-size: 12px !important;
}

#alertItems .basketProperty.PriceTypeName {
	min-width: 0;
}

#alertItems .resale-ops .resaleStatus-pending,
#alertItems .resale-ops .resaleStatus-resold, #alertItems .resale-ops .resaleStatus-refunded {
    width: 100% !important;
    max-width: none !important;
    margin: 10px 0 !important;
    font-size: 12px !important;
}

#alertItems .resale-ops .resaleStatus-none + .op {
	border: 1px solid #afe0e6;
	border-radius: 0 !important;
}

#alertItems .resale-ops .resaleStatus-pending + .op {
    background-color: #feefef;
    padding: 0.3em;
	border: 1px solid #e5b1b1;
	float: right;
}

#alertItems .resale-ops .resaleStatus-pending + .op:before {
    content: "\f00d";
    color: #9e4c4c;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 0.5em;
	padding-left: 0.2em;
}

#alertItems .resale-ops [class|=resaleStatus]:empty{
	padding: 0;
}

#alertItems .resale-ops .resaleStatus-none+.op,
#alertItems .resale-ops .resaleStatus-pending+.op,
#alertItems .resale-ops .resaleStatus-pending, #alertItems .resale-ops .resaleStatus-resold, #alertItems .resale-ops .resaleStatus-refunded {
	margin: 0 0 10px 0!important;
	width: 100%;

}


@media only screen and (max-width: 780px) and (min-width: 1px) {
	
	#alertItems .basket-section {
		display: block;
	}
	
	.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds #TicketIds+.basket-section .basketEvent>DIV,
	#alertItems .basket-section .basketEvent>DIV {
		min-width: 0 !important;
	} 
	
	.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds #TicketIds + .basket-section .basketEvent,
	#alertItems .basket-section .basketEvent {
		background: none !important;
	}
	
	.ticketsResaleDialog .basketArea,
	#alertItems .basket-section .basketEvent .basketArea {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 0 !important;
	}
	
	#alertItems .resaleStatus-none {
		display: none !important;
	}
	
	#alertItems .basket-section .basketEvent .eventInfoContainer {
		padding-right: 0 !important;
	}
	
	.ticketsResaleDialog .basketArea .basketItem,
	#alertItems .basket-section .basketEvent .basketArea .basketItem {
		float:none !important;
		padding: 0 !important;
	}
	
	.ticketsResaleDialog .basketArea .basketItem > SPAN,
	#alertItems .basket-section .basketEvent .basketArea .basketItem > SPAN {
		display: block;
		width: auto;
	}
	
	#alertItems .resale-ops {
		width: auto;
	}

	#alertItems .resale-ops .op {
		display: block !important;
		width: calc(100% - .6em) !important;
		box-sizing: content-box !important;
	}
	
	.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .row.DropDown .field select {
		width: 100%;
	}
	
	.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .fieldCommand.button {
		display: block;
	}

}

.subsAutoRenewDialog FIELDSET,
.subsAutoRenewDialog  FIELDSET .row,
.subsAutoRenewDialog  FIELDSET .column,
.sps-dialog FIELDSET,
.sps-dialog  FIELDSET .row,
.sps-dialog  FIELDSET .column,
.ticketsResaleDialog FIELDSET,
.ticketsResaleDialog FIELDSET .row,
.ticketsResaleDialog FIELDSET .column {
	padding: 0;
	margin: 0; 
	float:none;
}

.spScreen .row.Grid > .field {
    max-width: none;
}

.ticketsResaleDialog SELECT {
    min-width: 200px !important;
    float: left !important;
}

.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .fieldCommand.button {
	float: left !important;
}

.DirectDebitMandateId {
	margin-top: 20px !important;
}

.ticketsResaleDialog FIELDSET .column {
	width: 100% !important;
}

.subsAutoRenewDialog  FIELDSET .row,
.sps-dialog  FIELDSET .row {
    margin: 1em 0;
}

.sps-dialog  FIELDSET .row.CountryId {
	display: none !important; 
} 

.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds {
	border-bottom:1px solid #e9e9e9 !important;
}

.spScreen .row,
.sps-dialog .row {
    margin: 1em 0;
}

.spScreen .column .label,
.sps-dialog .column .label  {
	/* width: auto !important;  */
    min-width: 100%;
    font-weight: 600;
    margin-bottom: 5px;
}

.spScreen .column .field,
.sps-dialog .column .field {
    width: 100%;
	max-width: 400px;
    margin-bottom: 10px;
    position: relative;
}



.sps-dialog .ui-dialog-buttonpane button.ui-state-default,
.ticketsResaleDialog.ui-dialog .ui-dialog-buttonpane button.ui-state-default {
	background-color: #0054a6 !important;
}

.subsAutoRenewDialog .ui-dialog-buttonpane button.ui-state-default:last-child,
.sps-dialog .ui-dialog-buttonpane button.ui-state-default:last-child,
.ticketsResaleDialog.ui-dialog .ui-dialog-buttonpane button.ui-state-default:last-child {
	float: left;
	background-color: #A4AEB5 !important;
}

.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .fieldCommand.button:after {
	display: inline;
	content:"Add Payment Details";
	font-size:12px;
	vertical-align: top;
    line-height: 23px;
}

@media only screen and (max-width: 780px) and (min-width: 1px) {
	
	.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .row.DropDown .field select {
        width: 100%;
		float: none;
		display: block;
	}

	.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .fieldCommand.button {
		float: none !important;
		background: none;
		margin-top: 10px;
		margin-left: 0;
		padding-left: 0;
	}

}

/* Donations */

#addDonationForm .mandatoryFieldMarker {
	display: none;
}

#addDonationForm .productData-details DIV.label {
	width: auto;
}


/* basket - donation */

.roundUpDonationSection {
    padding: 20px;
    margin-top: 0;
    width: auto;
    display: block;
    border: none;
    overflow: hidden;
    border-top: 1px solid #e9e9e9;
	min-height: 44px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}


span#ctl00_body_basketCtrl_ctl02_donationText {
	display: none;
}

.roundUpDonationSection .ui-icon.ui-icon-info {
    display:none;
}
.basket-container .basket-Donations IMG {
    border-radius: 0 !important;
    max-width: 140px !important;
    max-height: 98px !important;
    margin-top: 0 !important;
}

.basket-Donations .basketItem {
	border-top:none !important;
}

.basket-Donations .basketItem .basketProperty.Details {
	float: left;
}

.basket-container .basket-Donations .name {
    padding-left: 140px;
}

    /* mini basket*/
    #miniBasketWrapper .basket-Donations .infoSection .imageContainer img{
        max-width: 110px !important;
        min-height: 77px !important;
    }
    #miniBasketWrapper .basket-Donations .infoSection {
        position:relative !important;
        display:inline-block !important;
    }
    #miniBasketWrapper .basket-Donations .infoSection .name {
        max-width: 110px;
    }
    
    #miniBasketWrapper .basket-Donations .infoSection .imageContainer {
        float: left!important;
        min-height: 77px !important;
    }

#PH_Subscription_details {
	margin-top: 30px !important;
}

#PH_Subscription_details .infoWrapper {
	width: 100%;
	border-top:none;
}

#PH_Subscription_details .buttonsContainer {
	background: white;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#PH_Subscription_details .productData div.item_image {
		border-top: none !important;
		border-bottom: none !important;
		width: 100%;
	}
}

/* Membership Owner */

#PH_Membership_purchase .productInfo #ownershipInfo {
	display: block !important;
}

/* Event Hall Map Pricing */

.venueImageTooltip .pricing .minPrice:before {
	content: 'to ';
}

.venueImageTooltip .pricing .minPrice:after {
	content: '';
}

.venueImageTooltip .pricing .levelName {
    display: block;
}

/* SVG Crests */

.item_image img[src*="svg"] {
	width: 100% !important;
	width: 70px !important;
    height: 70px !important;
}

/* T & C Dialog */

.t_and_c-dialog {
	min-width: 300px !important; 
}

.t_and_c-dialog-content {
    min-height: 200px !important;
}

/* 1505 4223 v1 */


/* Hall Map */

div#hallMap {
	float: none !important;
}

/* Back to Stadium Button */

#eventPage.non-seated #leftPane {
	position: static;
}

#eventPage.seated #ticketsPane .selectTickets .buttonsContainer {
    height: auto;
}

/* Ticket Selction - Price Type */

#eventPage .priceTypes {
    width: auto;
}

/* Ticket Selection - Left Pane */

#leftPane > *:not(#hallMap) {
    margin-right: 0;
    max-width: none;
}

#selectedAreaInfo .selected .area-info-container {
	display: inline-block;
}

/* Seat Numbers */

/*.seat.a, .seat.o, .seat.c {
     background-image: url('../cus/release/css/core/images/seat-with-no.png');
}*/

#seats	.seatName {
    color: #FFF;
	font-family: sans-serif !important;
    font-size: 7px !important;
    padding-top: 4px;
	display: none;
}

/* Basket Commission */

.basket-section.basket-Commissions {
	border-top: 1px solid #e9e9e9;
}

/* Widget Overlay */

body>.ui-dialog:after {
    display: block;
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #000;
    opacity: .7;
}

.ui-widget-overlay {
/*	z-index: 999;*/
	display: none !important;
}

/* Hide Call Centre Image */

.justLoggedIn {
	display:none !important;
}

/* Basket */

.basket-section.basket-Commissions .basketProperty.Details {
	display: inline;
}

#PaymentMethodFormsContainer {
    padding-left: 0;
}

/* Close Button */

button.ui-state-default,
.ui-widget-content button.ui-state-default, 
.ui-widget-header button.ui-state-default {
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	
	/* Hall Map */
	
	#eventPage.hallMap #selectedAreaInfo {
		margin-bottom: 0;
		padding-bottom: 10px;
	}
	
	#eventPage.hallMap #selectedAreaInfo .selected .area-info-container {
		width: auto;
	}
	
	#eventPage.hallMap #selectedAreaInfo .area-info-container > .name {
		margin-top: 0;
		margin-bottom: 20px;
		line-height: normal;
		font-size: 1.2rem;
		height: auto;
		padding-left: 0;
	}
	
	#selectedAreaInfo.expanded .priceLevelImages {
		padding-left: 0;
	}
	
	#eventPage.hallMap #selectedAreaInfo .priceLevelImages span.additionalPrices {
		width: 100%;
		float: left;
		margin: 0;
	}
		
	/* Back to Stadium Plan Button */
	
	#eventPage.seated #hallMap > .magnify,
	#eventPage.non-seated #hallMap > .magnify {
		bottom: 0 !important;
		position: absolute;
	}
	
	#eventPage.seated #hallMap > .magnify:before,
	#eventPage.non-seated #hallMap > .magnify:before { 
		display: none;
	}
	
	#eventPage.seated #content,
	#eventPage.non-seated #content {
		padding-bottom: 74px;
	}
	
	#eventPage.seated .selectTickets .tickets,
	#eventPage.seated .selectTickets .summary {
		display: none;
	}
	
	#eventPage.seated #ticketsPane .selectTickets .buttonsContainer {
		height: auto;
		padding-top: 0 !important;
	}

	/* Best Available */

	#leftPane > *:not(#hallMap) {
		margin-left: 0;
		margin-right: 0;
	}
	
	#eventPage.non-seated .selectTickets .priceLevels {
		padding-bottom: 30px;
	}
	
	body.screen-event4_aspx .ph_event_page #ticketsPane .selectTickets.mode-GeneralAdmission h4,
	body.screen-Event4_aspx .ph_event_page #ticketsPane .selectTickets.mode-GeneralAdmission h4 {
		margin: 1em 0;
	}
	
	/* Basket */
	
	.basket-section {
		margin-bottom: 0;
	}
	
	.basket-PackageDeals {
		margin: 0 20px 20px;
		width: calc(100% - 40px);
		padding: 0;
	}
	
	.basket-section > DIV {
		border: none;
		padding: 0;
		width: 100%;
		margin: 0;
	}
	
	.basket-section:not(.ticketsBasketSection) .basketItem {
		width: 100%;
	}
	
	.deliveryMethod.selected > LABEL {
		background: none !important;
	}
	
	/* Payment Logos */
	
	#cmbP_Method .paymentMethod label IMG {
		margin: 10px 0;
		max-width: 100% !important;

	}
	
	.paymentMethod > LABEL {
		width: 100%;
		display: inline-block;
		padding: 20px;
	}
	
	.paymentMethod .name {
		padding-left: 0;
	}
	
	#PaymentMethodFormsContainer {
		padding: 20px !important;
	}
	
	/* Terms & Conditions */
	
	#PH_Payment_details #termsAndConditions {
		bottom:64px;
		background:white;
		border-radius: 0;
		-webkit-box-shadow: none;
    	-moz-box-shadow:  none;
    	box-shadow:  none;
		border-top: 1px solid #e9e9e9;
		left: 0;
    	padding: 0 5px;
		position: fixed;
    	float: none;
	}
	
	/* Logged In Mobile Greetin / Menu */
	
	/*#customerBox .greeting {
		position: absolute;
		display: inline-block !important;
		top: 0;
		right: 0;
		font-size: 10px;
		visibility: visible;
		right: 50px;
		border: none;
		line-height: 50px;
		padding: 0;
	}*/
	
	#customerBox .greeting,
	#customerBox.crmMenuIsShow .float_menu_item .greeting {
		position: absolute;
		display: inline-block !important;
		font-size: 10px;
		visibility: visible;
		border: none;
		line-height: 50px;
		padding: 0;
		background: none;
		box-shadow: none;
		height: auto !important;
		top: auto !important;
		right: 50px !important;
		float: none;
		text-align: right;
		color:#fff !important;
	}
	
	.crmInfoMenuTooltip li {
		display: block;
	}
	
	.crmInfoMenuTooltip li:first-child,
	.crmInfoMenuTooltip li:last-child {
		display: block;
	}
	
	#customerBox.crmMenuIsShow .logout,
	#customerBox.crmMenuIsShow .greeting {
		display: none !important;
	}
	
	
}

@media screen and (max-width: 560px) and (min-width: 1px) {
	
	
	.basketHasItems #customerBox.crmMenuIsShow .greeting,
	.basketHasItems #customerBox:not(.crmMenuIsShow) .greeting {
		display: none !important;
	}
		
}

/* ui autocomplete z-index fix */

.ui-autocomplete-input {
		position: relative;
		z-index: 10000;
}

.ui-autocomplete {
	z-index: 9999 !important;
}


/* Prompt message in basket */

#paymentPromptMessages font {
	color:#000;
}

/* Loyalty Points - Mobile*/

@media screen and (max-width: 780px) and (min-width: 1px) {
	
	body #group_Header-fixed {
		min-width: 320px;
	}
	
	#siteMenuBar.hasclient #customerBox {
		position: static;
		top: auto;
		height: auto;
		width: auto;
		right: auto;
		display: flex;
	}
	
	#siteMenuBar.hasclient #customerBox a {
		position: relative;
		top: auto;
		left: auto;
		right: auto; 
		bottom: auto;
		width: auto;
		height: auto;
		text-align: left;
	}
	
	#siteMenuBar.hasclient #customerBox > a {
		width: auto;
		text-align: center;
		float: right;
	}

	#siteMenuBar.basketHasItems.hasclient #customerBox {
		display: inline-block;
		float: none;
	}
	
	#siteMenuBar.hasclient #customerBox > a:first-child:after {
		width: 50px;
		float: right;
	}

	#customerBox .greeting,
	#customerBox.crmMenuIsShow .float_menu_item .greeting {
		position: relative;
		right: auto !important;
	}
 
}


/* Powered by SeatGeek */

li.powered-by-seatgeek {
	font-weight: normal;
	margin-right: 0 !important;
} 

a.powered-by-seatgeek {
	background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
    background-image: url('../cus/release/css/core/images/sg-partner-logo.svg');
    width: 85px;
    height: 16px;
	transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
	font-size: 0;
}

a.powered-by-seatgeek:hover {
    opacity: .7;
} 




/* Promo Code Styling */
 
form.promoBox {
	display: none;
    border: none;
    padding: 0;
    margin: 0 0 20px 0;
    border-radius: 0;
    width: auto;
    text-align: left;
	justify-content: space-evenly;
} 

form.promoBox.show {
    display: flex;
	padding: 20px;
	background: #fff;
	border: 1px solid #e9e9e9;
}

.hasPromoCode form.promoBox {
    display: flex;
	margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.hasPromoCode form.promoBox label {
	font-weight: normal;
}

.promotionTrigger {
    position: absolute;
    top: 0;
    right: 0;
}

form.promoBox > * {
	padding: 0;
}

.promoBox label {
	margin-right: 10px;
	font-size: inherit;
	min-width: 0;
}

.promoBox #promoInput {
    margin-right: 10px;
	max-width: none !important;
}

.promoBox #promo-descr {
    margin-right: 20px;
	display: none;
}

.promoBox::before {
	display:none;
}


@media screen and (max-width: 780px) and (min-width: 1px) {

	.promotionTrigger {
		position: relative;
		margin: 0 0 20px 0;
		display: block !important;
	}

	.promoBox label {
		width: 100%;
		margin-bottom: 5px;
	}
	
	.hasPromoCode form.promoBox {
		position: relative;
		margin-bottom: 20px;
		border-bottom: 1px solid #e9e9e9;
		border-radius: 0 !important;
		padding-bottom: 20px;
		justify-content: flex-start;
	}

	.hasPromoCode .promoBox label {
		width: auto;
		margin-bottom: 0;
	}
	
	.promoBox #promo-descr {
		display: none;
	}
	
	.promoBox input+button,
    .promoBox input+button:hover,
    .promoBox input+button:active,
    .promoBox input+button:focus {
	    width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-top: 10px;
        box-sizing:  border-box !important;
	}
	
}







/* Promo Code Styling */
 
.pmTypeGiftVoucher {
	display: none;
    border: none;
    padding: 0;
    margin: 0 0 20px 0;
    border-radius: 0;
    width: auto;
    text-align: left;
} 

.pmTypeGiftVoucher.show {
    display: flex;
	padding: 20px;
	background: #fff;
	border: 1px solid #e9e9e9;
}

.voucherTrigger {
    position: absolute;
    top: 0;
    right: 0;
	z-index: 1
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	.pmTypeGiftVoucher.show {
		flex-direction: column;
	}

	.voucherTrigger {
		position: relative;
		margin: 0 0 20px 0;
		display: block !important;
	}

	.suppPayMethodFormContainer {
		width: 100%;
	}
	
}








/* Memberships */

#chkWaiveBenefits,
label[for=chkWaiveBenefits] {
    display: none !important;
}

.screen-Membership_aspx .button.back {
	float: left;
	display: block !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	.screen-Membership_aspx .button.back {
		position: relative;
		float: none;
		top: auto;
		left: auto;
		margin: 10px;
		margin-bottom: 0;
	}

}


/* 1505 4224 v1 */

@media screen and (max-width: 780px){
	
	/* Back to Stadium Plan Button */
	
	#eventPage.seated #hallMap > .magnify:before, #eventPage.non-seated #hallMap > .magnify:before {
		content: "";
	}
	
	#eventPage.seated #content > div#ticketsPane {
		margin-bottom:77px;
	}
	
	#eventPage.seated .selectTickets.empty .tickets {
		padding: 0; 
	}
	
	
}

/* 1505 4225 v1 */

body[data-whatinput="keyboard"] *:focus,
body *:focus {
    outline: none;
}

/* Timer */

#eventPage.hallMap .timer {
	display: none !important;
}

/* Availability Switch */

.fh-switchRow {
	display: none;
	padding: 20px;
	border-bottom: 1px solid #e9e9e9 !important;
}

span.fh-switch, .fh-switch span {
	margin-left: 0;
}

.fh-switch > [type="checkbox"] + label {
    max-width: none;
    margin: 0;
}

#eventPage.hallMap .fh-switchRow:not(.none) {
	display: block;
}

/* Logo */

@media screen and (max-width: 780px) and (min-width: 1px) {
	#group_Header-fixed #PH_logo, 
	#group_Header-fixed.primary #PH_logo, 
	#group_Header-fixed.secondary #PH_logo {
		width: 50px;
	}
}

/* Customer Greeting */


@media screen and (max-width: 560px) and (min-width: 1px){
	
	#customerBox.crmMenuIsShow .float_menu_item .greeting,
	#customerBox .greeting {
		display: none !important;
	}
	
}

/* Select Area */

/* More Price Info */

.selectedAreaInfo.moreInfo .pricelevel-image-container {
	margin-right: 0;
}

#selectedAreaInfo .priceLevelImages {
    max-width: 100%;
}

#selectedAreaInfo .priceLevelImages .levelName {
	margin: 0;
}

#selectedAreaInfo.moreInfo .priceLevelImages span.additionalPrices, #selectedAreaInfo.no-priceType .priceLevelImages span.additionalPrices {
	display: block;
}

@media screen and (min-width: 781px){

	.auto-expand-area-selection #selectedAreaInfo .selected .area-info-container.prompt + button {
		visibility: hidden;
	}
	
	#selectedAreaInfo .priceLevelImages .levelName,#selectedAreaInfo .pricelevel-image-container .price {
		font-weight: 600;
	}

}

/* Select Seats */

#eventPage .timer {
    min-height: 23px !important;
}

#eventPage #availableOperations {
	display: none !important;
}

#eventPage .areaAvail {
	margin-top: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px){

	#eventPage.seated #content, #eventPage.non-seated #content,
	#eventPage.seated #content > div#ticketsPane {
		margin-bottom: 0;
	}
	
}

/* Best Available */

@media screen and (max-width: 780px) and (min-width: 1px){

	#eventPage.non-seated .selectTickets .tickets {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
}

#eventPage.non-seated .venueAreas, #eventPage.seated .venueAreas {
	display: none;
}

.selectTickets.mode-grouped .row {
	overflow: auto;
    line-height: 42px;
    padding: 10px 0;
    border-top: 1px solid #e9e9e9;
    border-radius: 0;
    width: 100%;
    clear: both;
    float: none;
}

.selectTickets .tickets > .row:last-child {
	border-bottom: none;
}
	
.selectTickets .ui-widget.ui-widget-content{
	border: 1px solid #e9e9e9;
	line-height: 20px !important;
}

.selectTickets .row .price, .selectTickets .row .ops, .selectTickets .row .extra-info {
	margin-top: 0;
	width: auto;
}

.selectTickets .row .extra-info {
	clear: left;
    display: block;
    padding: 5px 0 0 0;
}

@media screen and (max-width: 780px) and (min-width: 1px){
	
	.selectTickets .buttonsContainer {
		padding-top: 0 !important;
	}
	
	.selectTickets.mode-grouped .row {
		overflow: visible;
	}

	.selectTickets.mode-grouped .row:not(.template) {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		height: auto;
	}
	
	#eventPage.non-seated #ticketsPane {
		width: 100%;
		margin: 0;
	}
	
	#eventPage.non-seated #ticketsPane > *:not(.ui-selectmenu-menu) {
		width: 100%;
	}
	
	.selectTickets .row .priceTypes,
	.selectTickets .row .priceType {
		font-size: inherit;
		order: -1;
		width: auto;
	}

	.selectTickets .row .extra-info,
	.selectTickets .row .icons {
		order: 10;
	}

	.selectTickets .row .extra-info:empty,
	.selectTickets .row .icons:empty {
		display: none;
	}

	.selectTickets .tickets .row .pricing {
		float: none;
		order: 1;
   		margin-right: auto !important; 
	}

	.selectTickets .row:after {
		display: block;
		order: 2;
		width: 100%;
		height: 0;
		content: "";
	}
	
	.selectTickets.mode-grouped .row .listPrice {
		display: inline;
	}
	
	.selectTickets.mode-grouped .row .price,
	.selectTickets.mode-grouped .row .total,
	.selectTickets.mode-grouped .header .price {
		font-size: inherit
	}

	.selectTickets .row .ops {
		order: 3;
		padding: 0;
		margin: 0;
		margin-right: auto;
	}
	
	.selectTickets.mode-grouped .row .total {
		padding-right: 0;
		order: 4;
		margin-left: auto;
	}
	
}


*:focus {
	outline: none;
}

.ui-tooltip {
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
}

/* Back Button */

#PH_MenuBack {
    display: none !important;
}

/* Dialog Border */

.ui-dialog.ui-widget.ui-widget-content {
	border:none;
	max-width: 100%;
}

@media screen and (min-width: 1020px){
	.ui-dialog.ui-widget.ui-widget-content {
	   max-width: 980px;
    }
}
   
@media screen and (min-width: 1280px){
	.ui-dialog.ui-widget.ui-widget-content {
	   max-width: 1240px;
    }
}
   
@media screen and (min-width: 1500px){
	.ui-dialog.ui-widget.ui-widget-content {
	   max-width: 80vw;
    }
}

/* Close Button */

.ui-dialog .ui-dialog-titlebar-close {
	background: none !important;
}

.ui-dialog .ui-dialog-buttonpane button:first-child {
	margin-top: 0;
}

.ui-dialog.alert-dialog .ui-dialog-buttonpane button:first-child,
.ui-dialog:not(.alert-dialog) .ui-dialog-buttonpane button:last-child:not(:first-child) {
	float: left;
	background: none !important;
	min-width: 0 !important;
}

/*
.ui-dialog.alert-dialog:not(.showPopupMessageContainer) .ui-dialog-buttonpane button:first-child,
.ui-dialog:not(.alert-dialog) .ui-dialog-buttonpane button:last-child:not(:first-child) {
	float: left;
	background: none !important;
	min-width: 0 !important;
}
*/

FORM input[type=checkbox], .spForm input[type=checkbox] {
	width: unset;
	height: unset;
}


/* Error Icon */

.error .ui-icon {
    float: none;
    display: inline-block;
}

/* Scroll to Top */

#PH_ScrollTop {
	margin-bottom: 0;
	float: none;
}

#scrollTopControl {
	background: none;
	padding-bottom: 100px;
}

/* Address Options */

.addressOption {
	margin-bottom: 10px;
}

.formattedAddressText {
    margin-left: 5px;
    font-size: 1.2rem;
}

/* Seat Check / Cross */

.seat.o {
    background-image: url('../cus/release/css/core/images/seat-cross.png');
}

.seat.c {
    background-image: url('../cus/release/css/core/images/seat-check.png');
}

/* Basket */

#paymentPromptMessages ul {
	padding: 20px;
}

.preConfirmationMessage {
	padding-left:0;
}

#basketCtrlContainer .basketItem .TotalCommissions, #basketCtrlContainer .basketItem .TotalInsideCommissions, #basketCtrlContainer .basketItem .TotalTaxes, #basketCtrlContainer .basketItem .TotalVat {
	text-align: left;
	width: auto;
}

#basketCtrlContainer .basketItem .TotalCommissions:before, #basketCtrlContainer .basketItem .TotalInsideCommissions:before, #basketCtrlContainer .basketItem .TotalTaxes:before, #basketCtrlContainer .basketItem .TotalVat:before {
	font-weight: normal;
}

#basketCtrlContainer .basketItem .FullPrice:after,
#basketCtrlContainer .basketItem .TotalPrice:after,
#basketCtrlContainer .basketItem .TotalFullPrice:after,
#basketCtrlContainer .basketItem .TotalPriceToPay:after,
#basketCtrlContainer .basketItem .TotalCommissions:after,
#basketCtrlContainer .basketItem .TotalInsideCommissions:after,
#basketCtrlContainer .basketItem .TotalTaxes:after,
#basketCtrlContainer .basketItem .TotalVat:after {
	font-weight: 600;
	content: attr(data-header)': ';
}

#basketCtrlContainer .basketItem .TotalPriceToPay:after {
	display: none;
}

.basketProperty.PriceTypeName select {
	border: 1px solid #dadada;
    border-radius: 4px;
    height: 26px;
    min-width: 200px;
	max-width: none;
}

.disable-renewal-price .subsRenewalSection .basketProperty.PriceTypeName select {
	pointer-events: none;
}

@media screen and (max-width: 780px) and (min-width: 1px){

	.basketProperty.PriceTypeName select {
		min-width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
	}

	span.basketProperty.ListPrice,
	span.basketProperty.TotalCommissions,
	.basketProperty.ClientId {
		padding-right: 0;
	}
}

#basketCtrlContainer .basketItem .FullPrice, #basketCtrlContainer .basketItem .TotalPrice, #basketCtrlContainer .basketItem .TotalFullPrice, #basketCtrlContainer .basketItem .TotalPriceToPay {
	width:auto;
	text-align: left;
	display: inline;
}

.basket-Deliveries {
	font-weight: inherit;
}

.basket-Deliveries .TotalCommissions {
	display: none !important;
}

/* Signed In */

.qtip.crmInfoMenuTooltip .qtip-content {
    padding: 0;
    min-height: 200px;
}

/* DPQ's */

.dataProtectionContainer {
	float: none;
	width: 100%;
}

.dataProtectionContainer h2 {
	background: none;
    position: relative;
    top: auto;
    left: auto;
	right: auto;
    margin: 0;
    padding: 0;
    border: none;
    height: auto;
    font-size: 1.2em;
    font-weight: 600;
	margin-top: 30px;
}

#frmDataProtection {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px){
	.preConfirmationMessage,
	.screen-checkout_aspx.virtualKeyboardOpen .preConfirmationMessage,
	.screen-Checkout_aspx.virtualKeyboardOpen .preConfirmationMessage {
		margin-left: 5px;
	}
}

.basket-MerchandiseItems .basketProperty.Details {
	float: none;
	width: auto;
}

.basket-MerchandiseItems .basketProperty.PriceTypeName,
.basket-MerchandiseItems .basketProperty.basketProperty.ListPrice, 
.basket-MerchandiseItems .basketProperty.basketProperty.TotalCommissions {
	display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px){
	.basket-MerchandiseItems .basketProperty.basketProperty.PriceToPay {
		float:right !important;
	}
}

/* Add Ticket to Card */

#ticketCollectionForm {
	border:none;
}

.ticketCollectionSection table tbody TR {
	background: transparent;
	padding-top: 20px;
}

.ticketCollectionSection table tbody TR:last-child {
	margin-bottom: 0;
}

.ticketCollectionSection table tbody TR:first-child {
	border-top:none;
	padding-top:0;
}

.ticketCollectionSection table TH:first-child,
.ticketCollectionSection table tbody TD:first-child {
	padding-left: 0;
}

.ticketCollectionSection table TH:lastchild,
.ticketCollectionSection table tbody TD:last-child {
	padding-right: 0;
}

.ticketCollectionSection table TH {
	white-space: nowrap;
}


#ticketCollectionForm .ui-combobox .ui-button {
	z-index: 99999;
}

#ticketCollectionForm select,
#ticketCollectionForm input[type=text]{
    height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
	padding: 0;
}

#ticketCollectionForm input[type=text]{
    text-indent: 10px;
}

#ticketCollectionForm .ui-combobox .ui-button {
    background: none;
    border: none;
    right: 0;
}

#ticketCollectionForm .status-column {
	background: none !important;
	height: 0;
	width: 0;
}

#ticketCollectionForm .status-column.invalid {
	margin-top: 10px;
	height: 15px;
	width: 15px;
}

#ticketCollectionForm .status-column.invalid:before {
	content: "\f06a";
    color: #df6060;
	font: normal normal normal 16px/1 FontAwesome !important;
}

#ticketCollectionForm .description-column {
	font-size:1rem;
	vertical-align: top;
    margin-top: 12px;
    display: inline-block;
}

/* Auto Complete */ 

.ui-autocomplete {
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
	border-radius: 4px;
}

.ui-menu .ui-menu-item-wrapper {
	display: block;
	padding: 10px;
	text-decoration: none !important;
}
 
@media screen and (max-width: 780px) and (min-width: 1px) { 
	
	.ticketCollectionSection table TH,
	.ticketCollectionSection table tbody TD {
		padding-left: 0;
		padding-right: 0;
	}
	
	.accessCardControl .status-column.invalid::after {
		padding-left: 16px;
		font-size: 1rem;
	}

}

/* Delivery Method */

@media screen and (max-width: 780px) and (min-width: 1px) {
	.deliveryMethod.selected > LABEL, .deliveryMethod > LABEL {
		width: 100% !important;
	}
}

/* Mobile Dialog Popups */

@media screen and (max-width: 780px) and (min-width: 1px) {

	body .loginOrRegisterDlg {
		width: 100% !important;
		left: 0 !important;
		top: 0 !important;
		padding-top: 0 !important;
	}

}

/* Account Menu Dropdown */

.qtip.crmInfoMenuTooltip .qtip-content {
	min-height: 0;
}

/* Gift Vouchers */

.screen-giftvoucherslist_aspx .itemsList .dataItem div.item_image,
.screen-GiftVouchersList_aspx .itemsList .dataItem div.item_image {
	height: 100px;
}

.basket-container .basket-GiftVouchers IMG {
    margin-top: 0;
    border-radius: 0;
    margin-left: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

/* Merchanside */

#PH_Merchandise_list {
	padding-top: 30px;
}

/* Menu / Search */

.merchandiseMenuContainer{
	float: left;
	width: 200px;
	display: none;
}

.merchandiseMenuContainer .freeTextContainer, .merchandiseMenuContainer .entriesContainer {
    display: block;
    margin: 0;
    border: none;
    padding: 0;
}

.merchandiseMenuContainer form {
	display: block;
	position: relative;
	right: auto;
	max-width: none;
	padding: 0;
	overflow: hidden;
}

.merchandiseMenuContainer form .SearchTextButton {
	display: none;
}

.merchandiseMenuContainer .entriesContainer > li {
	float: none;
	display: block;
	font-size: inherit;
	margin-bottom: 10px;
}

.merchandiseMenuContainer .entriesContainer > li > a {
    padding: 0;
    display: block;
    text-shadow: none;
}

.merchandiseMenuContainer .entriesContainer > li > a img {
	display: none !important;
}

/* Filter */

.merchandiseFilterContainer {
    background: none;
    border-radius: 0;
    float: none;
    padding: 0;
    width: auto;
	display: none;
}

/* Title */

.screen-merchandiselist_aspx .screen-content > h1,
.screen-MerchandiseList_aspx .screen-content > h1 {
    text-transform: capitalize;
    font-size: 1.5em;
    background: none;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	.screen-merchandiselist_aspx .screen-content > h1,
	.screen-MerchandiseList_aspx .screen-content > h1 {
		font-size: 1.2em;
	}

}

/* Sort By */

.screen-content .listManipContainer {
	position: relative;
	top: auto;
	right: auto;
	margin: 30px 0 20px;
}

/* Items */

#PH_Merchandise_list .itemsList .dataItem {
    display: inline-block;
    margin: 0;
    min-height: 0;
    min-width: 0;
    position: relative;
	width: 25%;
	width: calc(33.333% - 14px);
    margin-right: 20px;
    box-sizing: border-box;
	margin-bottom: 20px !important;
}

#PH_Merchandise_list .itemsList .dataItem:nth-of-type(3n+1){
	margin-right: 0;
}

#PH_Merchandise_list .itemsList .dataItem.disabled {
	opacity: .5;
	
}

#PH_Merchandise_list .itemsList .dataItem:hover,
#PH_Merchandise_list .itemsList .dataItem:hover .itemsDataContainer {
	background: #fff !important;
	color:inherit !important;
}

#PH_Merchandise_list .itemsList .dataItem .name {	
	font-size: 1.5rem;
	color:#222 !important;
}

#PH_Merchandise_list .itemsList .dataItem:not(.disabled):hover .name,
#PH_Merchandise_list .itemsList .dataItem:not(.disabled) a:hover .name {
	color:inherit !important;
}

#PH_Merchandise_list .item_image_container {
	min-height: 0;
	text-decoration: none !important;
	float: none !important;
}

#PH_Merchandise_list .itemsList .dataItem div.item_image {
	margin: 20px !important;
	width: auto !important;
}

#PH_Merchandise_list .itemsList .dataItem img.item_image {
    width: auto;
    height: auto;
    border: none;
    max-width: 100%!important;
    max-height: 200px !important;
}

#PH_Merchandise_list .itemsList .dataItem .itemsDataContainer {
    text-align: center;
    height: auto;
    float: none;
    max-width: 100%;
    margin: 0;
    border: none;
}

#PH_Merchandise_list .itemsList .dataItem div.item_image.missing, #PH_Merchandise_list .itemsList .dataItem div.item_image:empty {
    width: 100%;
    height: 100px;
    background: url('../style/flowtheatre.css/images/merchandiseMed.svg') no-repeat center !important;
    background-size: contain !important;
}

#PH_Merchandise_list .item_background .small_text_a,
#PH_Merchandise_list .item_background .small_text_b {
	border:none;
	margin-top: 10px !important;
}

#PH_Merchandise_list .item_background .small_text_b {
	display: none;
}

#PH_Merchandise_list .itemsList .dataItem .incentive.soldout {
	color: white;
    background: red;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    padding: 5px;
    width: auto;
    right: auto;
	top: -1px;
    left: -1px;
	font-weight: 600;
    text-transform: uppercase;
    font-size: 1.1rem;
}

#PH_Merchandise_list  .itemsList .dataItem .quickView {
	display: none !important;
}

/* Merch Basket */

.basket-MerchandiseItems .TotalCommissions {
	display: none !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#PH_Merchandise_list .itemsList .dataItem {
		width: 100%;
		margin-right: 0;
	}
	
	#PH_Merchandise_list .item_image_container {
	    margin-top: 0;
		border-top: none;
	}
	
	#PH_Merchandise_list .itemsList .dataItem .item_image {
    	border: none;
	}
	
}

/* Product Info */

#PH_Merchandise_purchase {
	margin-top: 30px !important;
}

#PH_Merchandise_purchase .infoSection .socialLinks {
	display:none;
	
}

#PH_Merchandise_purchase .productInfo > * {
	background: none !important;
	border:none;
	font-size: inherit;
}

#PH_Merchandise_purchase .productInfo h1 {
	font-size: 1.5em;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#PH_Merchandise_purchase .productInfo h1 {
		font-size: 1.2em;
	}

}

#PH_Merchandise_purchase .mediaContainer {
	float: right;
	display: none;
}

#PH_Merchandise_purchase .relatedCarouselContainer {
	display: none !important;
}

#PH_Merchandise_purchase .productSummary {
	margin: 0;
	text-align: right;
	border: 1px solid #e9e9e9;
    padding: 10px !important;
	background: white !important; 
    min-height: 44px;
	position: relative;
}

#PH_Merchandise_purchase .productSummary .instock:before {
    content: "\f00c";
    font: normal normal normal 10px/1 FontAwesome !important;
    line-height: 16px;
	display: inline-block;
	padding-right: 5px;
}

#PH_Merchandise_purchase .productSummary .instock.no:before {
	content: "\f00d";
}

#PH_Merchandise_purchase .productSummary .instock {
	font-size: inherit;
    line-height: 44px;
	display: inline-block;
	padding-left: 10px;
}

#PH_Merchandise_purchase .productSummary .price {
    min-width: 100px;
    display: inline-block;
}

#PH_Merchandise_purchase .productSummary .price:before {
	display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	
	#PH_Merchandise_purchase .productSummary {
		text-align: left;
		overflow: hidden;
	}
	
	#PH_Merchandise_purchase .productSummary .instock {
		position: absolute;
		bottom:0;
		left:0;
	}
	
	#PH_Merchandise_purchase .productSummary .price {
		display: block;
		float: right;
		min-width: auto;
		padding-right: 0;
	}
	
	#PH_Merchandise_purchase #btnAddToBasket {
		margin-top: 20px;
		clear: both;
		float:right;
	}
}

/* Basket Prompts */

#PH_Order_page .promptItem .item_background > .itemsButtonsContainer *,
#PH_Order_page .promptItem .item_background > .itemsButtonsContainer {
	vertical-align: middle;
}

#PH_Order_page .promptItem .item_background {
	border: 1px solid #e9e9e9 !important;
	box-sizing: border-box;
}

#PH_Order_page .promptItem .item_background > .itemsButtonsContainer {
	float: right !important;
}

/* Seat View */

img.view_from_area, #stageViewImage > img {
	min-width: 100%;
}

/* Relationship Manager */

.ui-dialog.dialog-relatedClients,
.ui-dialog.dialog-relatedCliens {
	max-width: 440px
}

#editRelationshipsContainer {
	min-height: 200px;
}

#editRelationshipsContainer.editing div.ops,
#editRelationshipsContainer.editing a.create,
#editRelationshipsContainer.editing #existingRelationships {
	display: none !important;
}

#editRelationshipsContainer h1 {
	margin: 0;
	font-size: 1.5em;
	line-height: normal;
}


@media screen and (max-width: 780px) and (min-width: 1px) {

	#editRelationshipsContainer h1 {
		font-size: 1.2em;
	}

}

#editRelationshipsContainer .container-relative>div.icon {
    display: none;
}

#editRelationshipsContainer a.create {
	top: -5px;
    position: relative;
}

#relatedCustomerCreate {
	margin-top: 0 !important;
	padding-bottom: 0 !important;
}

#relatedCustomerLookup .frmContainer, #relatedCustomerCreate .frmContainer {
	width: 100% !important;
    margin-left: 0 !important;
}

#editRelationshipsContainer a.delete {
	margin-right: 0;
}

#editRelationshipsContainer h2 {
	margin-bottom: 10px;
	display: block;
    clear: both;
	font-size: inherit;
    text-transform: none !important;
    font-weight: 600 !important;
    font-family: inherit !important;
}

#editRelationshipsContainer h2 + div > div,
#editRelationshipsContainer h2 + div {
	padding-bottom: 50px;
	position: relative;
}

#newRelationshipIsWithExistingClient_Yes,
#newRelationshipIsWithExistingClient_Yes + label,
#newRelationshipIsWithExistingClient_No,
#newRelationshipIsWithExistingClient_No + label {
	position: absolute;
	bottom:30px;
	margin: 0;
}

#newRelationshipIsWithExistingClient_Yes {
	left: 0;
}

#newRelationshipIsWithExistingClient_Yes + label {
	left: 20px;
	bottom:28px;
}

#newRelationshipIsWithExistingClient_No {
	left: 80px;
}

#newRelationshipIsWithExistingClient_No + label {
	left: 100px;
	bottom:28px;
}

#relatedCustomerCreate .item_background {
	border:none !important;
	padding: 0;
}

#relatedCustomerCreate #frmCreateAccount {
	padding: 0;
}

#relatedCustomerCreate #frmCreateAccount DIV.label.FirstName, #relatedCustomerCreate #frmCreateAccount DIV.label.LastName {
	display: block;
}

#frmCreateAccount .row.FullName {
	display: none;
}

#relatedCustomerLookup > P, #relatedCustomerCreate > P {
    padding: 10px 0;
}

#relatedCustomerCreate FIELDSET .row {
	margin: 0;
	padding: 0;
}

#newRelationshipForm,
#existingRelationships {
	margin-top: 20px;
}

#newRelationshipForm.hidden + #msgNoRelationships, #existingRelationships.hidden + #msgNoRelationships {
	white-space: normal;
	line-height: normal;
	text-align: left;
	height: auto;
	margin: 20px 0 0 0;
}

.new-relative .container-relative {
    padding: 0;
    border: none;
    float: none;
}

#editRelationshipsContainer .container-relative {
	border-color: #e9e9e9;
	padding: 20px;
	margin-bottom: 20px;
}

#editRelationshipsContainer.editing .container-relative {
	border: none !important;
	padding: 0 !important;
}

.container-relative .edit-container {
	padding-top: 0;
}

#editRelationshipsContainer .container-relative:last-of-type {
	margin-bottom: 0;
}

#editRelationshipsContainer .container-relative > div.role {
	margin-left: .3em;
}

#editRelationshipsContainer .container-relative.isStrong > div.role {
	display: none;
}


.container-relative form {
    padding: 0 !important;
    border: none;
    float: none;
}

#editRelationshipsContainer .edit-container {
	max-width: 400px;
}

#editRelationshipsContainer .frmBottom {
	text-align: right;
}

#editRelationshipsContainer .edit-container button {
    min-width: 100px !important;
	margin-left: 10px;
}

#editRelationshipsContainer .edit-container select {
	height: 42px;
	border: 1px solid #e9e9e9;
	width: 100% !important;
	box-sizing: border-box;
	max-width: 400px;
	border-radius: 4px;
	text-indent: 10px;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
}

.container-relative .edit-container label,
.container-relative .edit-container,
.container-relative .relationshipType {
	display: block !important;
    width: auto !important;
	padding: 0 0 5px 0 !important;
	float: none !important;
	margin: 0 !important;
}

.container-relative .edit-container label {
	font-weight: 600;
}

.container-relative .edit-container {
	padding-top: 1em !important;
}

#editRelationshipsContainer .edit-container>div {
    margin: 0 0 20px 0;
    padding: 0;
	display: block;
}

#editRelationshipsContainer .edit-container>div:empty {
	display: none;
}

#editRelationshipsContainer .edit-container>div.groupMembership label  {
	float:left !important;
	padding-right: 5px !important;
}

.dialog-relatedCliens .ui-dialog-content {
	max-height: 100vh !important;
}

#relatedCustomerLookup>P, #relatedCustomerCreate>P {
	padding: 0;
	margin: 0;
	max-width: 400px;
}

@media screen and (max-width: 780px) and (min-width: 1px){
	
	#relatedCustomerLookup .ui-helper-clearfix, #relatedCustomerCreate .ui-helper-clearfix {
		width: 100% !important;
		margin: 0 !important;
	}
	
	#relatedCustomerLookup .row .field,
	.screen-crmdetails_aspx #relatedCustomerLookup .row,
	.screen-CrmDetails_aspx #relatedCustomerLookup .row {
		width: 100% !important;
	}
	
	#relatedCustomerLookup .row .label {
		width: auto !important;
		display: block !important
	}
	
	#relatedCustomerLookup DIV.loginButtons button.small_button_a {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

}


/* Menu Fix */

@media screen and (min-width: 781px){

	#group_Header li.subMenuOpen.subMenuClose .navMenu-SubList {
		display: none !important;
	}
	
}

/* FontAwesome Mobile... */

@media screen and (max-width: 780px) and (min-width: 1px) {

	@font-face {
	  font-family: 'FontAwesome';
	  src: url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.eot?v=4.7.0');
	  src: url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}

}

/* Reserved Seats */

.screen-customerreservedseats_aspx form#frmCatchReservedSeats,
.screen-CustomerReservedSeats_aspx form#frmCatchReservedSeats {
	padding-left: 0;
	padding-right: 0;
}

#customerReservedSeatsTable {
	width: 100%;
    border: 1px solid #e9e9e9 !important;
	background: white;
	text-align: left;
	border-collapse: collapse;
}


#customerReservedSeatsTable th {
	padding: 1em 0.5em;
	font-size: 1.2rem;
}

.screen-customerreservedseats_aspx form#frmCatchReservedSeats .button,
.screen-CustomerReservedSeats_aspx form#frmCatchReservedSeats .button {
	float: right;
}

/* Modal / Ticket Collection */

#ticketCollectionForm th {
	text-align: left;
	font-weight: 600;
}

/* Subscription List Pop Up Compress */

.ui-dialog.subsTickets form {
    display: none;
}

.ui-dialog.subsTickets {
    width: 100% !important;
    overflow: auto !important;
    max-height: 100% !important;
}

.ui-dialog.subsTickets .date div {
    display: inline;
    padding-right: 3px;
}

.ui-dialog.subsTickets .infoSection .socialLinks,
.ui-dialog.subsTickets .infoSection IMG {
    display: none;
}

.ui-dialog.subsTickets .areaName {
    padding: 0 !important;
}

.ui-dialog.subsTickets .ticketsBasketSection {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}


/* 1505 4225 v2 */

/* Font Awesome 5 */


 
@font-face { 
  font-family: 'FontAwesome5';
  font-style: normal;
  font-weight: 400; 
  src: url('../cus/release/css/core/fonts/FontAwesome5/fa-regular-400.eot');
  src: url('../cus/release/css/core/fonts/FontAwesome5/fa-regular-400.eot?#iefix') format("embedded-opentype"), url('../cus/release/css/core/fonts/FontAwesome5/fa-regular-400.woff2') format("woff2"), url('../cus/release/css/core/fonts/FontAwesome5/fa-regular-400.woff') format("woff"), url('../cus/release/css/core/fonts/FontAwesome5/fa-regular-400.ttf') format("truetype"), url('../cus/release/css/core/fonts/FontAwesome5/fa-regular-400.svg#fontawesome') format("svg");
}
 
/*
@font-face {
  font-family: 'FontAwesome5Brands';
  font-style: normal;
  font-weight: normal;
  src: url('../cus/release/css/core/fonts/FontAwesome5/fa-brands-400.eot');
  src: url('../cus/release/css/core/fonts/FontAwesome5/fa-brands-400.eot?#iefix') format("embedded-opentype"), url('../cus/release/css/core/fonts/FontAwesome5/fa-brands-400.woff2') format("woff2"), url('../cus/release/css/core/fonts/FontAwesome5/fa-brands-400.woff') format("woff"), url('../cus/release/css/core/fonts/FontAwesome5/fa-brands-400.ttf') format("truetype"), url('../cus/release/css/core/fonts/FontAwesome5/fa-brands-400.svg#fontawesome') format("svg");
}
*/

@font-face {
  font-family: 'FontAwesome5';
  font-style: normal;
  font-weight: 900;
  src: url('../cus/release/css/core/fonts/FontAwesome5/fa-solid-900.eot');
  src: url('../cus/release/css/core/fonts/FontAwesome5/fa-solid-900.eot?#iefix') format("embedded-opentype"), url('../cus/release/css/core/fonts/FontAwesome5/fa-solid-900.woff2') format("woff2"), url('../cus/release/css/core/fonts/FontAwesome5/fa-solid-900.woff') format("woff"), url('../cus/release/css/core/fonts/FontAwesome5/fa-solid-900.ttf') format("truetype"), url('../cus/release/css/core/fonts/FontAwesome5/fa-solid-900.svg#fontawesome') format("svg");
}



/*.ajax-refreshing::before,*/
.deliveryMethod.selected::after, .deliveryMethod::after, .paymentMethod.selected::after, .paymentMethod::after {
    font-family: 'FontAwesome5';
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* Characters */

.deliveryMethod.selected::after, .deliveryMethod::after, .paymentMethod.selected::after, .paymentMethod::after {
    content: '\f10c' !important;
}

.deliveryMethod.selected::after, .paymentMethod.selected::after {
    content: '\f192' !important;
}


.ajax-refreshing::before {
    content: '\f1ce' !important;
}



/* 1505 4226 v1 */

/* UI Tweaks */

.seat.a, .seat.o, .seat.c {
	border-radius: 0 !important;
}

.bottomButtonsBar {
	z-index: 49;
}

.selectTickets.mode-SelectedSeats .row .ops {
	float: right;
    width: auto;
}

.summaryBasketContainer .basketProperty.PriceToPay, .summaryBasketContainer .basketProperty.TotalPriceToPay, .summaryBasketContainer .basketProperty.TotalAmount, .summaryBasketContainer .basketProperty.Value, .summaryBasketContainer .basketProperty.PaymentValue {
    text-align: right;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	.selectTickets.mode-SelectedSeats .row .ops {
		margin-left: .5em;
	}
	
	.pageSectionContainer .timerMessage .CountDownRemainingTimeTitle {
		margin-top: 0;
	}
	
	.pageSectionContainer .timerMessage .CountDownRemainingTimeTitle:nth-child(2){
		margin-top: 0;
	}
	
}



/* ****** */

.screen-screenloader_aspx .screen-content#PH_,
.screen-ScreenLoader_aspx .screen-content#PH_ {
	max-width: none !important;
}
 
@media screen and (max-width: 780px) and (min-width: 1px) {
	
	.screen-screenloader_aspx .screen-content#PH_,
	.screen-ScreenLoader_aspx .screen-content#PH_ {
		width: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.screen-screenloader_aspx .screen-content#PH_ .content-wrapper,
	.screen-ScreenLoader_aspx .screen-content#PH_ .content-wrapper {
		padding: 0 10px;
	}
	
	/* Delivery Selection */
	
	.deliveryMethod input[type="radio"] {
		display: none;
	}

}

/* Basket */

.screen-order_aspx #btnContinue,
.screen-Order_aspx #btnContinue {
	display: none;
}

 .basketProperty.PriceToPay, .basketProperty.TotalPriceToPay, .basketProperty.TotalAmount, .basketProperty.Value, .basketProperty.PaymentValue {
    display: block;
    text-align: right;
    flex: 1;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	
	.basketProperty.PriceToPay, .basketProperty.TotalPriceToPay, .basketProperty.TotalAmount, .basketProperty.Value, .basketProperty.PaymentValue, #basketCtrlContainer .basketItem .TotalCommissions+.PriceToPay, #basketCtrlContainer .basketItem .TotalInsideCommissions+.PriceToPay, #basketCtrlContainer .basketItem .TotalTaxes+.PriceToPay, #basketCtrlContainer .basketItem .TotalVat+.PriceToPay {
		text-align: left;
	}
	
	/* Best Available */
	
	.selectTickets .row .priceType {
		max-height: none;
		float: none;
		height: auto;
	}
	
	#selPriceLevel-menu {
		margin-top: 30px;
		border:none;
	}
	
	#selPriceLevel-menu .ui-menu-item.ui-state-focus,
	#selPriceLevel-menu .ui-menu-item.selectedPriceLevel,
	#selPriceLevel-menu .ui-menu-item {
		width: 100% !important;
		max-width: none;
		margin: 0 !important;
	}
	
	body.screen-event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu, body.screen-Event4_aspx .ph_event_page #ticketsPane .ui-selectmenu-menu, body.screen-event4_aspx .ph_event_page .non-seated #ticketsPane .mode-BestAvailable+.ui-selectmenu-menu, body.screen-Event4_aspx .ph_event_page .non-seated #ticketsPane .mode-BestAvailable+.ui-selectmenu-menu {
		left: 0 !important;
		width: 100%;
	}
	
	#selPriceLevel-menu .ui-menu-item.ui-state-active>.ui-menu-item-wrapper, #selPriceLevel-menu .ui-menu-item.ui-state-focus>.ui-menu-item-wrapper, #selPriceLevel-menu .ui-menu-item.selectedPriceLevel>.ui-menu-item-wrapper {
		border-top:none;
	}
	
	.selectTickets .row div.priceLevels, .priceLevelImages .seat, .priceLevelInfo span.seat, #selPriceLevel-menu span.seat {
		margin-right: 5px;
	}
	
}

#basketCtrlContainer .basketItemSummary .TotalCommissions, #basketCtrlContainer .basketItemSummary .TotalInsideCommissions, #basketCtrlContainer .basketItemSummary .TotalTaxes, #basketCtrlContainer .basketItemSummary .TotalVat {
	opacity:.5;
	margin-top: 2px;
}

/* Delivery Method */

@media screen and (min-width: 781px){

	.deliveryMethod.selected::after {
		display: none;
	}

	.deliveryMethod.selected>LABEL, .deliveryMethod>LABEL {
		padding: 0;
	}

	.deliveryMethod .deliveryPricing {
		float: right;
		padding-right: 0;
		width: auto !important;
	}
	
}

/* Basket Payment */

#paymentContainer {
	margin-bottom: 20px;
}

.suppPaymentsSection>LABEL {
	margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
}

.suppPaySubTitle {
    padding: 0 0 0 28px !important;
}

.paymentMethod.selected > LABEL,
.paymentMethod > LABEL {
	margin: 0 !important;
	padding-left: 0;
	padding-right: 0;
	display: inline-block !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	
	.paymentMethod.selected > LABEL,
	.paymentMethod > LABEL {
		padding-left: 50px !important;
		padding-right: 20px !important;
		box-sizing: border-box;
		
	}
	
	.paymentMethod.selected > LABEL::before,
	.paymentMethod > LABEL::before {
		top: 20px;
		left: 20px;
	}
	
	.paymentMethod .description {
		padding: 0 !important;
	}

	.buttonExplain.button {
		float: none;
	}
	
	#PaymentMethodFormsContainer .row {
		width: 100%;
	}
	
	#PH_Payment_details .pageButtonsContainer {
		float: right;
	}
	
	.preConfirmationMessage,
	.screen-checkout_aspx.virtualKeyboardOpen .preConfirmationMessage,
	.screen-Checkout_aspx.virtualKeyboardOpen .preConfirmationMessage {
		margin-left: 10px;
		font-size: 1rem;
	}
	
	/* Terms & Conditions */
	
	#PH_Payment_details #termsAndConditions {
		padding: 0;
		position: relative;
		background: none;
		bottom: auto;
		border: none;
		left: auto;
		text-align: left;
	}
	
	.preConfirmationMessage, .screen-checkout_aspx.virtualKeyboardOpen .preConfirmationMessage, .screen-Checkout_aspx.virtualKeyboardOpen .preConfirmationMessage {
		max-width: 45%;
	}
}

/* Seat Selection Zoom Controls */

#positionButtonDiv {
	opacity: 1;
	opacity: 0.5;
	zoom:0.8;
}

#positionButtonDiv>div {
    margin: 0;
}

#positionButtonDiv>.pan {
    border-radius: 0;
    width: 34px;
    height: 34px;
    background-image: url('../cus/release/css/core/images/pan.png');
    background-size: contain;
    background-position: center center;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 10px;
}

#positionButtonDiv .pan button {
	background-color:#fff !important;
	opacity: 0;
	padding: 0;
}

#positionButtonDiv .pan button:hover {
	opacity: 0.5;
}

#positionButtonDiv .zoom button {
	width: 24px !important;
	height: 24px !important;
	background: url('../cus/release/css/core/images/zoom-in.svg') no-repeat center center;
	background-size: contain;
	display: inline-block;
    vertical-align: middle;
}

#positionButtonDiv .zoom button.button-zoom-out {
	background-image: url('../cus/release/css/core/images/zoom-out.svg');
}

#positionButtonDiv .zoom button:before {
	display: none !important;
}

#positionButtonDiv .zoom button:hover {
	opacity: 0.5;
}

#positionButtonDiv .zoom-level {
    font-size: 12px;
    line-height: 24px;
    vertical-align: middle;
    height: 24px;
    display: inline-block;
}

/* Landing Page */

#landing-header.cards {
	margin: 0;
	margin: 0;
    width: 100%;
}

#landing-header .card {
	max-width: 100%;
    border-radius: 0 !important;
    margin: 0 !important;
	font-size: 0;
}

#landing-header .card img {
	border-radius: 0 !important;
}

@media screen and (min-width: 781px) {

	#landing-header .card .card-content {
		max-width: 800px;
		padding: 40px;
	}

}

#landing-header img {
    max-width: 100%;
    width: 100%
}

#landing-header .image-link {
	font-size: 0;
}

img.mobile {
	display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	
	img.desktop {
		display: none;
	}
	img.mobile {
		display: block;
	}
}

/* Gift Voucher */

#PH_Gift_Voucher_purchase #gvPrice {
	height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
    -webkit-appearance: none;
	appearance:none;
    padding: 0;
	background: white !important;
}


.screen-GiftVoucher_aspx .productInfo .productDescription + .small_text_a:not(.property):before {
	content:"£";
	font-size: 1.5rem;
}

.screen-GiftVoucher_aspx .productInfo .small_text_a.property {
	margin: 20px 0;
    display: block;
	padding: 0 !important;
}

/* Show Page */

.showDetails {
	margin-top: 40px;
	position: relative;
}

#PH_Show_page .genresContainer {
	display: none;
}

#PH_Show_page .occupancy {
	display: none;
}

#PH_Show_page .largeImageContainer {
	text-align: left;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
}

#PH_Show_page .showName {
	text-align: left;
	text-transform: uppercase;
	padding: 20px 0 0 80px;
}

#PH_Show_page #description>div {
	text-align: left;
	padding-left: 80px;
}

#PH_Show_page .ShowEventsitemsList {
	clear: both;
	padding-left: 80px;
	position: static;
}

#PH_Show_page #eventslist {
	position: static;
}

#PH_Show_page .ShowEventsitemsList .itemsDateRange>span,
#PH_Show_page .ShowEventsitemsList .itemsDateRange>div,
#PH_Show_page .ShowEventsitemsList .itemsDataContainer .name {
    font-weight: normal;
    font-size: inherit;
    text-transform: none;
	display: inline;
	color: inherit;
    background: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

#PH_Show_page #media {
	margin-bottom: 0;
    color: inherit;
    font-size: inherit;
	padding-left: 80px;
}

#PH_Show_page #media ul {
	margin-top: 0;
	padding-top: 20px;
}

#PH_Show_page #media li {
	margin-bottom: 0;
}

#PH_Show_page #media li label,
#PH_Show_page #media li:last-of-type {
	display: none;
}

#media .video::after, #media .video::before, #media::after {
	display: none;
}

/* Prompt Image */

#offersContainer .promptsContainer .elementItem .eventInfo .imgContainer,
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .imgContainer {
    display: block !important;
    background: none;
    padding: 0;
    margin: 0;
    width: auto !important;
	height: auto;
    margin-bottom: 5px;
	margin-top: 5px;
}

#offersContainer .promptsContainer .elementItem .eventInfo .imgContainer>img,
.promptExtras-dialog .promptExtrasDlg .elementItem .eventInfo .imgContainer>img {
    margin: 0;
}

/* Season Ticket Renewal */

.ph_subscription_renewals form {
	padding:0;
}

.ph_subscription_renewals .seriesName {
	display: none;
}

.subsRenewEntry .imageContainer {
    width: auto;
    height: auto;
    line-height: normal;
}

.subsRenewEntry {
    margin: 0 0 20px 0;
	border: none;
    border-top: 1px solid #e9e9e9;
    padding: 20px 0 0 0;
    position: relative;
    height: auto;
	overflow: hidden;
}

.subsRenewEntry:first-of-type {
    border-top: none;
    padding: 0;
}

.subsRenewEntry .details {
	max-width: none;
}

.subsRenewEntry .details > span {
	padding: 0;
}

.subsRenewEntry .details .clientName,
.subsRenewEntry .details .priceTypeName {
    color: inherit;
}

.subsRenewEntry .priceTypeName,
.subsRenewEntry .details .clientName {
	font-weight: 600;
}

.subsRenewEntry .priceTypeName:before {
	content: " / "; 
	font-weight: normal;
}

.ph_subscription_renewals .seriesOptions {
	border: none;
    margin: 0;
    padding: 0;
	display: flex;
}

/* Membership Renewal */

.ph_renew_and_upgrade_membership .pageSectionTitle {
	margin-top: 30px;
}

.ph_renew_and_upgrade_membership form {
	padding:0;
}

.membershipEntry .imageContainer {
    display: none;
}

.membershipEntry {
    margin: 0 !important;
    background: #fff !important;
    border: 1px solid #e9e9e9 !important;
	border-bottom: none !important;
    padding: 0 !important;
    position: relative;
    height: auto !important;
	overflow: hidden;
} 

.membershipEntry > * {
	float: none;
}

.membershipEntry .details {
	max-width: none;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

.membershipEntry .newMembership,
.membershipEntry .msg-notUpgradable {
	display: block;
    margin: 0 20px 20px;
    padding: 20px 0 0 0;
    border: none;
    border-top: 1px solid #e9e9e9;
    width: auto;
}

@media screen and (max-width: 780px) and (min-width: 1px){

	.membershipEntry .newMembership,
	.membershipEntry .msg-notUpgradable {
		margin-left: 2.5vw;
		margin-right: 2.5vw;
	}

}

.newMembership > span,
.newMembershipDetails,
.newMembershipDetails .itemsToUpdate {
	padding: 0;
}

.newMembershipDetails .listContainer {
    padding: 0;
    white-space: normal;
    width: 100%;
    margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}

.newMembershipDetails .listContainer .item {
	background: none;
    width: auto;
    height: auto;
    border: 1px solid black;
    padding: 10px;
    border-radius: 50px;
	border: 1px solid #e9e9e9;
    padding: 12px 20px;
    min-width: 100px;
    text-align: center;
    color: inherit;
	margin: 5px;
}

.newMembershipDetails .listContainer .item.selected { 
	border-color: #00b670;
	color: #00b670;
}

.newMembershipDetails .listContainer .item .itemName {
	font-size: inherit;
}

.newMembershipDetails .listContainer .item .itemImageContainer,
.newMembershipDetails .scroll,
.ph_renew_and_upgrade_membership .newMembership > span:nth-child(2),
.membershipEntry .priceType,
.membershipEntry .startDate,
.membershipEntry .remove {
	display: none;
}

.membershipEntry .details > span {
	padding: 0;
}

.membershipEntry .details .clientName,
.membershipEntry .details .priceTypeName,
.membershipEntry .details .membershipNumber,
.membershipEntry .details .endDate {
    font-size: 1.5rem;
}

.membershipEntry .details .priceTypeName:before {
	content: "/";
    padding: 0 5px;
}

.membershipEntry .details .membershipNumber {
    margin-right: 10px;
}

.ph_renew_and_upgrade_membership .buttonsFooter {
    border: 1px solid #e9e9e9;
    background: #fff;
    padding: 0 20px 20px !important;
    border-top: none;
}



/* 1505 4226 v2 */

/* Seat Warning */

.seat.a.s-i {
    background-image: url('../cus/release/css/core/images/ai.png'),url('../cus/release/css/core/images/seat.png');
}

.seat.o.s-i {
    background-image: url('../cus/release/css/core/images/ai.png'),url('../cus/release/css/core/images/seat-cross.png');
}

.seat.c.s-i {
    background-image: url('../cus/release/css/core/images/seat-check.png');
}







/* 1505 4227 v1 */

/* General Improvements */
 

/* Filter */

#eventPage .venueAreas .imageContainerRow {
	width: auto !important;
}

.areas-filter-panel {
	border:none;
    border-bottom: 1px solid #e9e9e9 !important;
    padding: 30px;
	margin: 0 0 30px 0 !important;
	/*display: flex;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-between;*/
}

.areas-filter-panel__find-button,
.areas-filter-panel__reset-button,
body.screen-Event4_aspx #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button,
body.screen-Event4_aspx #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__reset-button {
	display: none !important;
}

h2.areas-filter-panel__heading {
	display: block;
    clear: both;
    float: none;
    margin: 0;
    width: 100%;
	margin-bottom: 10px;
}

.areas-filter-panel h3 span, .areas-filter-panel h2 span {
	font-size: inherit;
    margin-left: 5px;
    font-weight: inherit;
    color: inherit;
}

.areas-filter-panel>* { 
    margin-left: 0;
    margin-right: 30px;
}

h2.areas-filter-panel__heading {
	font-weight: normal;
}

.areas-filter-panel__qty-section {
    min-width: 200px;
}

label.areas-filter-panel__qty > div {
	display: none;
}

.areas-filter-panel__qty-input,
input.areas-filter-panel__qty {
	width: 68px;
	text-align: center;
    margin: 0;
    padding: 0;
	min-width: 68px;
}

.areas-filter-panel__qty-input::-webkit-input-placeholder,
input.areas-filter-panel__qty::-webkit-input-placeholder {
    /* color:transparent; */
	font-size: 8px;
}

.areas-filter-panel__qty-input:-moz-placeholder,
input.areas-filter-panel__qty:-moz-placeholder { /* Firefox 18- */
    /* color:transparent; */
 	font-size: 8px;
}

.areas-filter-panel__qty-input::-moz-placeholder,
input.areas-filter-panel__qty::-moz-placeholder {  /* Firefox 19+ */
    /* color:transparent; */
	font-size: 8px;
}

.areas-filter-panel__qty-input:-ms-input-placeholder,
input.areas-filter-panel__qty:-ms-input-placeholder {  
    /* color:transparent; */
	font-size: 8px;
}



.areas-filter-panel input.ui-spinner-input[type=number]:hover,
.areas-filter-panel input.ui-spinner-input[type=number] {
   -webkit-appearance: none; 
   appearance:none;
}

.areas-filter-panel__qty-section .ui-spinner {
	padding: 0 !important;
}

.areas-filter-panel__qty-section .ui-spinner a.ui-spinner-button {
	background: url('../cus/release/css/core/images/plus.svg') no-repeat center center !important;
	background-size: contain !important;
	width:32px !important;
	height: 32px !important;
	position: static;
	display: inline-block;
	border:none !important;
	border-radius: 0 !important;
}

.areas-filter-panel__qty-section .ui-spinner a.ui-spinner-button.ui-spinner-down {
	background: url('../cus/release/css/core/images/minus.svg') no-repeat center center !important;
	background-size: contain !important;
	float: left;
}

.areas-filter-panel__qty-section .ui-spinner a.ui-spinner-button span {
	display:none !important;
}



.areas-filter-panel__price-section {
    align-items: initial;
	margin-right: 0 !important;
}

.areas-filter-panel__price-section a {
	display: none;
}

.areas-filter-panel__price-range {
	background-color: #e9e9e9 !important;
	border-radius: 5px !important;
} 

.areas-filter-panel__price-range-slider-range {
    background: #aaa;
}

.areas-filter-panel .ui-widget-content {
	background: none;
	border-radius: 0;
	vertical-align: top;
	overflow: visible;
}

.areas-filter-panel__max-sum>div, .areas-filter-panel__min-sum>div {
	display: inline;
    vertical-align: top;
}

.areas-filter-panel__qty-wrapper .currency-symbol,
.areas-filter-panel__min-sum-wrapper .currency-symbol,
.areas-filter-panel__max-sum-wrapper .currency-symbol,
.areas-filter-panel__min-sum-input,
.areas-filter-panel__max-sum-input {
	min-width: 0;
	max-width: none;
	font-size: 1.5rem !important;
    margin: 0;
    padding: 0;
	display: inline;
    vertical-align: top;
}

.areas-filter-panel__min-sum-input,
.areas-filter-panel__max-sum-input {
    width: 60px;
	box-shadow: none !important;
}

.areas-filter-panel .ui-slider-horizontal .ui-slider-handle {
	margin-left: -.6em;
    background: none !important;
    background-color: #fff !important;
	border-width: 3px;
    border-color: #666 !important;
    border-radius: 50%;
    top: -6px; 
}

#selectedAreaInfo .button-moreDetails {
	display: none;
}

#eventPage.hallMap .vfa3d-currentArea {
	background-color: rgba(22,115,230,0.8) !important;
	border-color: rgba(22,115,230,0.8) !important;

	background-image: url('../cus/release/css/core/images/right-pointer.svg');
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} 

.areas-map:not(.gauge-type-border) area.avail-yellow,
.areas-map:not(.gauge-type-border) area.avail-green {
	background-color: rgba(22,115,230,0.8) !important;
	border-color: rgba(22,115,230,0.8) !important;
} 

.areas-map:not(.gauge-type-border) area.avail-filter-no-match {
	border-color: rgba(255,255,255,0.9) !important; 
	background-color: rgba(255,255,255,0.9) !important; 
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#eventPage.hallMap .venueAreas .areas-filter-panel > * {
		margin-right: 10px !important; 
	}

	.areas-filter-panel {
		flex-wrap: nowrap;
	}

	#eventPage.hallMap .venueAreas .areas-filter-panel label > div {
		display: none !important;
	}

	h2.areas-filter-panel__heading {
		margin-bottom: 5px;
	}
	
	.areas-filter-panel {
		padding: 15px;
	}

	.areas-filter-panel__price-range {
		order: initial;
    	width: auto;
	}
	
	.areas-filter-panel__price-section {
		margin: 0 !important;
	}

	#eventPage.hallMap .venueAreas .areas-filter-panel input.ui-spinner-input[type=number] {
		width: 60px !important; 
	}
	
}

/* Exchange Price / Seat */

.replaceSubsTickets FORM {
	padding: 0;
}

@media screen and (min-width: 781px){

	.replaceSubsTickets .expanded#selectedAreaInfo .menu, #selectedAreaInfo .menu {
		margin-top: -75px;
	}

}

.replaceSubsTickets .hallmap {
	display: none;
}

.seat.a.oldSelection, .seat.o.oldSelection, .seat.c.oldSelection {
	border:none !important;
	background-color: #df6060 !important;
}

/* Basket Ticket Exchange Price / Seat */

.exchangeBasketSection .basketItem {
    border-top: 1px solid #e9e9e9;
	display: table-cell;
	padding: 20px !important;
}

.exchangeBasketSection .details {
	padding-left: 0;
}

.exchangeBasketSection .exchangeItems.priceType .basketProperty.PriceType,
.exchangeBasketSection .exchangeItems.seat .basketProperty.Details,
.exchangeBasketSection .basketProperty.Details {
	width: auto;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1.5em;
}

.exchangeBasketSection .exchangedItem,
.exchangeBasketSection .targetItem {
	display: flex;
    line-height: normal;
    margin-top: 10px;
}

/* Hospitality Basket */

.hospitalityBasketSection div.hospitalityGroup {
	width: 100%;
	position: relative;
}

.hospitalityBasketSection div.hospitalityGroup,
.hospitalityBasketSection div.hospitalityGroup > div {
	display: block;
} 

.hospitalityBasketSection div.hospitalityGroup .hospContentContainer {
    border: none;
    padding: 0;
	position: initial;
}

.hospitalityBasketSection div.hospitalityGroup .hospContentContainer .hospitalityMainItemContainer {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    width: 100%;
} 

.hospitalityBasketSection div.hospitalityGroup .basketEvent {
	position: initial !important;
}

.hospitalityBasketSection .areaName {
	display: none !important;
}

.hospitalityMainItemContainer .basketProperty.Details {
	display: none !important;
}

.hospContentContainer:after {
	display: none;
}

.hospitalityBasketSection div.hospitalityGroup .hospContentContainer .hospitalityMainItemContainer>div {
	display: initial;
}

.hospitalityBasketSection div.hospitalityGroup .hospContentContainer .hospitalityMainItemContainer .hospMainItem {
	width:auto;
	padding: 0;
}

.hospitalityBasketSection div.hospitalityGroup .hospContentContainer .hospitalityMainItemContainer .hospitalityInfo {
	border:none;
}

.hospitalityBasketSection .hospitalityInfo .name {
	padding: 0 0 20px !important;
	font-size:1.2em;
}

.hospitalityBasketSection div.hospitalityGroup .hospPriceContainer {
    display: none;
    text-align: right;
    padding-right: 20px;
    padding-top: 10px;
}

.hospitalityBasketSection div.hospitalityGroup .buttonsContainer {
	display: block;
}


.hospitalityBasketSection div.hospitalityGroup .buttonsContainer .edit {
	display: none;
}
 
.hospitalityBasketSection div.hospitalityGroup .hospPriceContainer .buttonsContainer {
	display: none;
}

/* Summary */

.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup {
	padding: 20px;
	overflow: hidden;
}

.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup .infoContainer {
	display: block;
}

.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup .hospSummary,
.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup .hospPriceContainer {
	font-size:1.3rem;
}

.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup .hospPriceContainer {
	padding-top: 0;
	display: block;
}

.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup .hospPriceContainer {
	display: block;
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
	margin-top: 10px;
}

.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup .hospPriceContainer:after {
    content: "To Pay: ";
    margin-right: .3em;
    float: left;
	font-weight: 600;
}


/* Pop up Error Message */

.showPopupMessage {
	background: #fff !important;
	text-align: left !important;
	margin:0;
}

.showPopupMessage-errorheaderIcon,
.showPopupMessage-infoheaderIcon {
	color:#000;
}

.showPopupMessage-errorheaderIcon:before,
.showPopupMessage-infoheaderIcon:before {
    font-family: FontAwesome;
}

.showPopupMessage-errorheader,
.showPopupMessage-infoheader {
	font-family: 'Source Sans Pro', sans-serif !important;
	color:#000;
}

.showPopupMessage_msg {
	font-size:1.5rem;
	line-height: 1.6rem;
	font-family: 'Source Sans Pro', sans-serif !important;
}

/* Modals */

.ui-dialog.alert-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-content.errorMessage {
	background: #fff;
    padding: 20px;
    text-align: center;
    color: #000;
}

/* Prompts */

#offersContainer .promptsContainer .elements,
.promptExtras-dialog .elements {
	border-bottom: none;
}

#offersContainer .promptsContainer .element,
.promptExtras-dialog .promptExtrasDlg .element {
	margin-bottom: 0;
	width: 100%;
	max-width: 100%;
}

#offersContainer .promptsContainer .element {
	padding: 30px 0 0;
}

@media screen and (min-width: 781px) {

	#offersContainer .promptsContainer .element,
	.promptExtras-dialog .promptExtrasDlg .element {
		min-width: 250px;
		width: auto;
		padding: 30px 30px 0 0;
	}

}



/* Payment */

form#paymentForm,
#simplePay-dialog > form {
	padding: 0;
}

.paymentForm select, .paymentForm input[type=text] {
	width: 100%;
	height: 42px;
    border: 1px solid #e9e9e9;
	border-radius: 4px;
	text-indent: 10px;
}


#paymentMethodForms .paymentForm[data-pmtype='OnlinePayment'] .formInputColumn.PreviousPayment {
	float: none;
}

div#PaymentDetailsForm.noPayment #leftToPayContainer {
	height: auto;
}

div#PaymentDetailsForm.noPayment :not(.pmTypeGiftVoucher) .paymentPanelSection form {
	display: none;
}

/* Payment Options */

#termsAndConditions #terms-accept {
	font-size: 1.5rem;
	font-weight: normal;
}

/* Gift Voucher */

#suppPayMethods {
	display: block;
	height: auto !important;
}

.suppTitle {
	display: none;
}

.pmTypeGiftVoucher .suppLabel LABEL:before {
	display: none;
}

.suppPaySubTitle {
	padding-left: 0 !important;
}

.suppPayMethodFormContainer {
	display: block !important;
}

.suppPayMethodFormContainer fieldset .label {
	display: none;
}

.suppPayMethodFormContainer fieldset .field {
	width: 100%;
	padding-right: 30px;
}

.suppPayMethodFormContainer fieldset .row {
	display: block;
}

.suppPayMethodFormContainer fieldset .field input[type=text] {
	max-width: none;
}

@media only screen and (min-width: 781px){
	
	.suppPayMethodFormContainer fieldset .row:not(.PointsValue) {
		min-width: 600px;
		max-width: 600px;
	}

}

.pmTypeGiftVoucher .formDescriptionColumn {
	width: 160px;
	padding: 0 !important;
}

@media only screen and (max-width: 780px) and (min-width: 1px){

	.paymentPanelSection>DIV>* {
		display: inherit;
		width: 100%;
	}
	 
	.pmTypeGiftVoucher .VoucherNumber .formDescriptionColumn,
	.pmTypeGiftVoucher .formDescriptionColumn,
	.suppPayMethodFormContainer fieldset .label,
	.suppPayMethodFormContainer fieldset .field {
		margin-top: 10px;
	}
	
	.giftVoucherCheck {
		float: right;
	}
}

/* Payment Methods */

#leftToPayContainer {
    height: 58px;
}

/* Payment / Delivery Method */

.deliveryMethod,
.paymentMethod {
	border: 1px solid #e9e9e9 !important;
	margin-bottom: 20px !important;
	background: none;
	padding: 0 !important;
    min-height: 0 !important;
	width: 100% !important;
	box-sizing: border-box;
	position: relative;
}

.deliveryMethod.selected > LABEL,
.deliveryMethod > LABEL,
.paymentMethod.selected > LABEL,
.paymentMethod > LABEL {
	padding: 20px 20px 20px 55px !important;
	box-sizing: border-box;
	width: 100% !important;
	z-index: 1;
	display: block !important;
	margin: 0 !important; 
    flex-direction: column;
}

.paymentMethod.selected > LABEL,
.paymentMethod > LABEL {
	display: flex !important;
}

.deliveryMethod input[type="radio"] {
    display: none;
}

.deliveryMethod .description,
.deliveryMethod .name,
.deliveryMethod .deliveryPricing,
.paymentMethod .description,
.paymentMethod .name {
	padding: 0;
	font-size: 1.5rem;
	line-height: normal;
	float: none !important;
    clear: both;
    width: 100% !important;
    text-align: left;
	display: block;
}

.suppInBasket > DIV:before,
.deliveryMethod.selected>LABEL::before,
.deliveryMethod>LABEL::before,
.paymentMethod.selected>LABEL::before,
.paymentMethod>LABEL::before {
	display: none;
}

.suppInBasket > DIV:after,
.deliveryMethod.selected::after,
.deliveryMethod::after,
.paymentMethod.selected::after,
.paymentMethod::after {
	content: '\f10c';
	font-family: FontAwesome;
	position: absolute;
	color: #737374;
	display: block;
	top: 20px;
	right: auto;
	left: 20px;
	padding-right: 0; 
	font-size: 2rem;
	width: auto !important;
	z-index: 0;
}

.suppInBasket > DIV:after,
.deliveryMethod.selected::after,
.paymentMethod.selected::after {
	content: '\f192';
	color: #fff;
}

#PaymentMethodFormsContainer .row.FirstExplanation span,
#paymentMethodForms .fieldsForm .row.FirstExplanation span {
	font-weight: bold !important;
}

#PaymentMethodFormsContainer .row.SecondExplanation,
#paymentMethodForms .fieldsForm .row.SecondExplanation {
	color: #6e6e6e;
	font-size: 1.2rem;
}

@media only screen and (min-width: 781px){
	#PaymentMethodFormsContainer {
		margin-top: 20px !important;
	}
}


/* Payment Proceed */

.small_button_a.proceed.disabled {
	opacity: .5;
	pointer-events: none;
}

@media only screen and (max-width: 780px) and (min-width: 1px){
	.small_button_a.proceed.disabled {
		display:block;
	}
}








/* Full Screen Modals on Mobile */

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

	

	body > .ui-dialog.ui-widget.ui-widget-content:not(.ui-tooltip) {
		position: fixed !important;
		left: 0 !important;
		right:0 !important;
		top: 0 !important;
		width: 100% !important;
		padding-top: 0 !important;
		margin-top: 0 !important;
		bottom: 0 !important;
	}

	body > .ui-dialog .ui-dialog-titlebar {
		margin-top: 0 !important;
	}

	body > .ui-dialog .ui-dialog-content {
		/*max-height: calc(100vh - 130px) !important;
		min-height: calc(100vh - 130px) !important;*/
		min-height: 100% !important;
		min-height: calc(100% - 120px) !important;
		height: auto !important;
		position: fixed;
		overflow: auto;
		top: 30px;
		left: 0;
		bottom: 0;
		padding-bottom: 100px;
		right: 0;
		
	}
	
	.ui-dialog .ui-dialog-buttonpane {
		position: fixed;
		bottom:0;
		width: 100%;
		box-sizing: border-box;
	}

}


/* Gift Voucher Improvements */

.itemExtraDataDialog #itemsExtraDataDialog #itemsExtraDataPanel form {
	width: 100%;
}

.itemExtraDataDialog #extraDataForms .formInputColumn {
	max-width: none;
}

#itemsExtraDataDialog form {
	padding: 0;
}

#itemsExtraDataPanel .spForm P {
	margin: 0;
}

#itemsExtraDataHint .ui-icon {
	margin-top: 2px;
}

.itemExtraDataDialog #itemsExtraDataDialog #extraDataForms .formInputColumn input[type=text], .itemExtraDataDialog #itemsExtraDataDialog #extraDataForms .formCaptionColumn input[type=text], .itemExtraDataDialog #itemsExtraDataDialog #extraDataForms .formInputColumn select, .itemExtraDataDialog #itemsExtraDataDialog #extraDataForms .formCaptionColumn select {
    width: 100%;
    height: 44px;
    padding: 10px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin-top: 5px;
}

.basketManHeadCol,
.basketManRowCol {
    white-space: nowrap;
    width: auto !important;
}

.itemExtraDataDialog #itemsExtraDataDialog .buttonsContainer button {
	margin-left: 0;
}

.itemExtraDataDialog #itemsExtraDataDialog .buttonsContainer button {
	padding: 10px !important;
	height: auto !important;
}

#extraDataForms .basketManRow.missing .basketManRowCol.missingMessage {
	background: none;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#extraDataForms .basketManHead {
		display: none;
	}
	
	#extraDataForms .basketManRow:first-of-type {
		border-top:none;
	}

}

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

	.itemExtraDataDialog #itemsExtraDataDialog .buttonsContainer button {
		width: 100% !important;
		margin-bottom: 10px !important;
		box-sizing: border-box !important;
	}

}

/* Confirmation Page */

#PH_Ops_summary a.print,
#PH_Basket_Confirmation button.print { 
    bottom: auto !important;
    left: 0 !important;
    top: -64px !important;
    padding: 0 !important;
	position: absolute;
}

#PH_Ops_summary .summaryBasketContainer > DIV,
#PH_Ops_summaryn .summaryBasketContainer .expand,
#PH_Basket_Confirmation .summaryBasketContainer > DIV,
#PH_Basket_Confirmation .summaryBasketContainer .expand {
	display: block !important;
}

#PH_Ops_summary a.print::before,
#PH_Basket_Confirmation button.print::before {
	display: none;
}

#PH_Ops_summary  #basketContainer,
#PH_Basket_Confirmation  #basketContainer {
	position: relative; 
	margin-top: 84px;
	box-shadow: none;
	box-sizing: border-box;
}

#PH_Ops_summary #paymentContainer,
#PH_Basket_Confirmation #paymentContainer {
	width: 100% !important;
}

/* 1505 4227 v2 */

@media screen and (max-width: 780px) and (min-width: 1px){ 
	
	/* Mobile Nav */

    #group_Header-fixed,
    #group_Header-fixed.menudisplayed {
        height: 45px !important;
    }

    #group_Header-fixed.menudisplayed {
        position: fixed !important;
        top: 0 !important;
    }

    #group_Header-fixed .navMenu.displayed,
	#group_Header-fixed .navMenu {
		top: 105px;
        width: 100%;
		margin: 0;
		left: 0;
		text-align: left;
		padding: 0;
		background-color: #fff;
		height: calc(100vh - 105px)!important;
        box-sizing: border-box; 
	}

	#group_Header.menudisplayed {
        position: fixed;
        top: 45px;
        z-index: 50;
    }
	
	#group_Header-fixed ul.nav>li,
	#group_Header-fixed ul.nav>li:last-child {
		background: none;
	}
	
	#group_Header-fixed ul.nav>li:not(:last-child) {
    	border-bottom: 1px solid #e9e9e9;
}
	
	#group_Header-fixed .nav>li.selected {
		border-left:none !important;
	}
	
	#group_Header-fixed .nav>li.selected,
	#group_Header-fixed .nav>li.youAreHere,
	#group_Header-fixed .nav>li.selected a.navMenu-FirstLevelItem,
	#group_Header-fixed .nav>li.youAreHere a.navMenu-FirstLevelItem,
	#group_Header-fixed ul.nav>li a {
		font-weight: normal !important;
		text-transform: none;
		letter-spacing: normal;
		font-size: 1.5rem;
		line-height: 48px;
		border-radius: 0;
		height: auto;
		z-index: 100;
        color: inherit;
	}

	#group_Header-fixed .nav a,
	#group_Header-fixed .nav > li,
	#group_Header-fixed .nav button {
		color: inherit;
	}

    #group_Header-fixed .nav>li {
        display: flex;
        flex: 1;
        flex-wrap: wrap;
    }

    #group_Header-fixed .nav>li.youAreHere {
        display: none;
    }

    #group_Header-fixed ul.nav>li a {
        padding: 0 20px;
        box-sizing: border-box;
	}
	
	button.expandSubMenuButton:after {
		line-height: 50px;
		top: 0;
		background: url('../cus/release/css/core/images/down-pointer-black.svg') no-repeat center center;
		background-size: 12px;
		height: 50px;
		content: "" !important;
	}

	button.expandSubMenuButton {
		height: 50px;
        position: relative;
        flex: 1;
        border-radius: 0;
	}

    li.subMenuOpen .navMenu-SubList {
        width: 100%;
    }

	.nav ul {
		border:none;
	}
	
	#group_Header-fixed .nav .navMenu-SubList a span {
		overflow: visible;
	} 
	
}

/* Label Size */

.seat_plan_body_css {
    font-size: 1rem;
}

.seat_plan_body_css div.label div {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* Ticket Exchange */

h1 > p {
	font-weight: normal;
}

/* Basket Hospitality */

.hospitalityBasketSection div.hospitalityGroup > div.infoContainer {
    border-top: 1px solid #e9e9e9;
    padding: 20px;
}

.hospitalityBasketSection div.hospitalityGroup > div.infoContainer .infoSection {
    margin-bottom: 0;
}

.hospitalityBasketSection div.hospitalityGroup > div.infoContainer .infoSection .location {
    display: none;
}

.hospitalityBasketSection {
    padding-bottom: 0;
}

.hospitalityBasketSection div.hospitalityGroup {
	border:none !important;
	padding: 0;
	margin: 0; 
	width: 100%;
}

.hospitalityMainItemContainer .basketProperty.Details {
    display: table-row !important;
}

.hospitalityBasketSection div.hospitalityGroup .hospContentContainer .hospitalityMainItemContainer .hospitalityInfo {
    display: none;
}

.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup {
    padding: 0;
}

.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup .infoContainer {
    border-right: none;
}

.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup .hospSummary {
    padding-left:20px;
    padding-right: 20px;
    font-weight: 600;
}

.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup .hospPriceContainer {
    padding: 20px !important;
    margin: 0;
    overflow: hidden;
    border-top: none;
}

@media screen and (min-width: 781px){

    .hospitalityBasketSection div.hospitalityGroup > div.infoContainer {
        border-right: 1px solid #e9e9e9;
        display: table-cell;
    }

    .hospitalityBasketSection div.hospitalityGroup .hospContentContainer {
        width: 67% !important;
        display: table-cell;
    }
    
}

@media screen and (max-width: 780px) and (min-width: 1px){
    
    .basketItem:first-child {
        border-top: 0;
        margin: 0;
        padding: 0;
    }

    .basketProperty.PriceToPay,
    .basketProperty.TotalPriceToPay,
    .basketProperty.TotalAmount,
    .basketProperty.Value,
    .basketProperty.PaymentValue {
        display: block !important;
    }
    
}

/* Zebra Finance */

#PaymentMethodFormsContainer .row.SecondExplanation, #paymentMethodForms .fieldsForm .row.SecondExplanation {
    width: 100%;
    max-width: none;
}

#paymentMethodForms .fieldsForm .row {
    margin: 0 20px 0 0;
	display: block;
    width: 100%;
    overflow: hidden;
	float: none
}

#PaymentMethodFormsContainer input[type=checkbox] {
    position: absolute;
    top: 0;
}

#PaymentMethodFormsContainer .field.DoB {
    position: relative;
}

FORM IMG.ui-datepicker-trigger {
    background-color: transparent !important;
}

#PaymentMethodFormsContainer .paymentForm select {
    text-indent: 0;
    height: 44px;
}

#PaymentMethodFormsContainer .field {
    padding: 0;
    margin-bottom: 10px;
}

.paymentForm select, .paymentForm input[type=text] {
    font-size: 1.5rem;
}

@media screen and (max-width: 780px) and (min-width: 1px){
    
    #PaymentMethodFormsContainer .row {
        position: relative;
    } 
    
    #PaymentMethodFormsContainer .row.SecondExplanation,
    #paymentMethodForms .fieldsForm .row.SecondExplanation {
        color: #fff;
    }
    
    #PaymentMethodFormsContainer FIELDSET .row,
    #PaymentMethodFormsContainer .field input[type=text] {
        max-width: none;
    }
}


#paymentMethodForms .fieldsForm .row.AccountName,
#paymentMethodForms .fieldsForm .row.Emp3_EmployerCheck,
#paymentMethodForms .fieldsForm .row.Emp2_EmployerCheck,
#paymentMethodForms .fieldsForm .row.Emp1_EmployerName,
#paymentMethodForms .fieldsForm .row.Address2_AddressCheck,
#paymentMethodForms .fieldsForm .row.Address3_AddressCheck, 
#paymentMethodForms .fieldsForm .row.Address1_HouseNumName,
#paymentMethodForms .fieldsForm .row.Forename {
    clear: left;
}

#paymentMethodForms .fieldsForm .row.AccountName,
#paymentMethodForms .fieldsForm .row.SortCode,
#paymentMethodForms .fieldsForm .row.Emp3_EmployerCheck,
#paymentMethodForms .fieldsForm .row.Emp2_EmployerCheck,
#paymentMethodForms .fieldsForm .row.Emp1_EmployerHouseNumName,
#paymentMethodForms .fieldsForm .row.Emp1_EmployerName,
#paymentMethodForms .fieldsForm .row.Address2_AddressCheck,
#paymentMethodForms .fieldsForm .row.Address3_AddressCheck,
#paymentMethodForms .fieldsForm .row.Address1_HouseNumName,
#paymentMethodForms .fieldsForm .row.Address1_Street{
    border-top: 1px solid #f1f1f1;
    margin-top: 30px;
    padding-top: 20px;
}

#paymentMethodForms .fieldsForm .row.Emp3_EmployerCheck,
#paymentMethodForms .fieldsForm .row.Emp2_EmployerCheck,
#paymentMethodForms .fieldsForm .row.Address2_AddressCheck,
#paymentMethodForms .fieldsForm .row.Address3_AddressCheck {
    max-width: none;
}

#paymentMethodForms .fieldsForm .row.Emp3_EmployerCheck label,
#paymentMethodForms .fieldsForm .row.Emp2_EmployerCheck label,
#paymentMethodForms .fieldsForm .row.Address2_AddressCheck label,
#paymentMethodForms .fieldsForm .row.Address3_AddressCheck label {
    font-weight: 600;
    font-size: 1.3rem;
}

#paymentMethodForms .fieldsForm .row.Emp3_EmployerCheck input[type=checkbox],
#paymentMethodForms .fieldsForm .row.Emp2_EmployerCheck input[type=checkbox],
#paymentMethodForms .fieldsForm .row.Address2_AddressCheck input[type=checkbox],
#paymentMethodForms .fieldsForm .row.Address3_AddressCheck input[type=checkbox] {
    top:20px;
}



/* 1505 4227 v3 */


/* Seat Move */

.replaceSubsTickets .infoSection .imageContainer {
    display: none;
}

.replaceSubsTickets .infoSection {
    margin-bottom: 0;
 }
    
.replaceSubsTickets .seatedArea {
    display: block;
    border: 1px solid #e9e9e9; 
    padding: 20px;
    margin-top: 20px;
}
    
.replaceSubsTickets .areaSelectionSection {
    border-bottom: 1px solid #e9e9e9;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 781px){
    
    .replaceSubsTickets .expanded#selectedAreaInfo .menu, #selectedAreaInfo .menu {
        max-height: 405px !important;
    }

	.display-stadium-key #selectedAreaInfo .menu {
        max-height: 445px !important;
    }
    
}

/* Change Price Type */

.changeSubTicketsPriceType .changeTicketPriceTypeContainer .eventInfoSection .imageContainer {
    display: none;
}

.changeSubTicketsPriceType .changeTicketPriceTypeContainer .currentPriceType,
.changeSubTicketsPriceType .changeTicketPriceTypeContainer .newPriceType,
.changeSubTicketsPriceType .changeTicketPriceTypeContainer .eventInfoContainer {
    min-width: 100%;
    padding-top: 0;
}

.changeSubTicketsPriceType .errorMessage {
    margin-top: 10px;
    font-size: 100%;
    font-style: none;
    color: #df6060;
}


/* Season Ticket Renewals */

.ph_subscription_renewals #leftPane {
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 20px;
}

.ph_subscription_renewals .seriesName { 
    display: block;
    clear: both;
    float: none;
    margin-bottom: 10px;  
}

.seriesOptions>SPAN {
    padding: 0 0 0 20px;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	.ph_subscription_renewals .seriesName {
		font-size: 1.2em;
	}

	.seriesOptions>SPAN {
		padding: 0;
	}

}

.subsRenewEntry .details .seatLocation,
.subsRenewEntry .details .clientName,
.subsRenewEntry .details .priceTypeName {
    font-size: inherit;
    float: none;    
}

.subsRenewEntry .details .seatLocation {
    display: block;
    clear: both;
    
}

.ph_subscription_renewals .buttonsFooter {
    border: none;
}

.itemscount {
    font-size: inherit;
    padding: 0;
    padding-left: .3em;
}

.seriesOptions select.subSeries {
    margin: 5px 0 20px 0 !important;
}

@media screen and (max-width: 780px) and (min-width: 1px){
    
    .subsRenewEntry .details {
        max-width: none !important;
    }
    
    .seriesOptions .subSeries {
        width: 100% !important;
        margin-left: 0 !important;
    }
    
    .ph_subscription_renewals .seriesOptions {
        display: block;
        clear: both;
        padding-top: 20px;
    }
}

/* 1505 4227 v4 */

/* Dynamic Questions */

#frmDataProtection {
    padding-top:10px;
}

#frmDataProtection FORM input[type=checkbox] {
    margin-left: 0;
}

.dataProtectionContainer .dynamicQuestionsContainer {
    position: relative;
    padding-left: 100px;
    border-top: 1px solid #2f3133 !important;
    margin-top: 20px;
    padding-top: 20px;
}

.dataProtectionContainer .dynamicQuestionsContainer .imageContainer img {
    max-width: 70px;
    max-height: 70px;
    position: absolute;
    top: 20px;
    left: 0;
}


.dataProtectionContainer .dynamicQuestionsContainer .showDetails {
    position: static;
    margin-top: 0;
}

.dataProtectionContainer .dynamicQuestionsContainer .showNameContainer {
    font-weight: 600;
}

.dataProtectionContainer .dynamicQuestionsContainer .showNameContainer .showName:before {
    content: " ";
}

.dataProtectionContainer form .dynamicQuestionsContainer > div > div.dqContainer {
    margin-top: 10px !important;
    max-width: none !important;
}


/* Area Selection */

#eventPage.hallMap .venueAreas .imageContainerRow {
    display: flex;
    flex-wrap: wrap;
} 

#vfa3d-wrapper {
    margin-left: auto;
    flex: 1;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    padding: 20px;
    position: relative;
	padding-bottom: 0;
}

@media screen and (min-width: 781px) {
	#vfa3d-wrapper {
		max-width: 400px;
		box-sizing: border-box;
	}

	.display-stadium-key #vfa3d-wrapper {
		margin-bottom: 20px;
	}
}

#vfa3d-wrapper button.select {
	margin-bottom: 20px !important;
}

/*

@media screen and (min-width: 781px) {

    #vfa3d-wrapper {
        margin-top: -86px;
    }

    .areas-filter-panel {
        border: none !important;
        max-width: 600px !important;
    }

}

*/

/* Selected Area */

#eventPage.hallMap #selectedAreaInfo,
#selectedAreaInfo {
    display: block;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.expanded#selectedAreaInfo .menu,
#selectedAreaInfo .menu {
    width: 100%;
    box-sizing: border-box;
    /*top: 58px;*/
    margin-top: 0 !important;
    box-shadow: none;
    border: 1px solid #e9e9e9;
}

#selectedAreaInfo .selected {
	margin-bottom: 20px;
}

#selectedAreaInfo .selected .area-info-container {
    max-width: none;
}

.expanded#selectedAreaInfo .menu .area-info-container {
    margin-bottom: 0 !important;
}

.expanded#selectedAreaInfo .menu .area-info-container:nth-child(2),
.expanded#selectedAreaInfo .menu .area-info-container:not(.filtered):nth-child(2) {
    margin-top: 0;
    border-top: none;
}

#selectedAreaInfo .area-info-container > .name {
    display: block;
}

#selectedAreaInfo .button-moreAreas {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    color: inherit;
    min-height: 0;
    background: none;
    text-align: right;
    font-size: 0;
    border-radius: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
	height: auto;
}

#selectedAreaInfo .button-moreAreas .icon {
    font:normal normal normal 12px/1 FontAwesome !important;
    width: auto;
    float: none;
}

#selectedAreaInfo .button-moreAreas .icon:before {
    content: "\f078";
}

#selectedAreaInfo.expanded .button-moreAreas .icon:before {
    content: "\f077";
}

#selectedAreaInfo.expanded .menu .area-info-container {
	padding: 10px;
}

#selectedAreaInfo .menu .area-info-container > .name {
	position: relative;
	top: auto;
	display: inline-block !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
    font-size: 1.5rem !important;
    width: auto !important;
    min-width: 0;
    height: auto !important;
}

/* Availability */

#selectedAreaInfo .availSeats {
    letter-spacing: normal;
    float: right;
    margin-right: 0;
	min-width: 0;
    color: inherit;
}

#selectedAreaInfo .selected .availSeats {
    float: none;
}

#selectedAreaInfo .selected .priceLevelImages {
    display: none;
}

#selectedAreaInfo .menu .availSeats,
#selectedAreaInfo .selected .availSeats {
    display: block;
    text-align: left;
    padding: 0 !important;
    border-radius: 0 !important;
    text-transform: none;
    font-size: 1.2rem !important;
    font-weight: normal;
    margin: 0 !important;
    top: auto !important;
    float: none !important;
    width: auto !important;
}

#selectedAreaInfo .area-info-container .areaAvail,
#selectedAreaInfo .areaAvail {
    position: relative !important;
    top: auto;
    left: auto;
    right: auto;
    bottom:auto;
    width: 16px !important;
    height: 16px !important;
    z-index: inherit !important;
    margin: 4px;
    margin-left: 0;
    vertical-align: inherit;
    border-radius: 50%;
    text-align: center;
}

#selectedAreaInfo .areaAvail:before {
    color: white;
    font: normal normal normal 10px/1 FontAwesome;
    content: "\f00c";
    line-height: 16px;
    display: flex;
    justify-content: center;
}

#selectedAreaInfo .areaAvail.soldout:before {
    content: "\f00d";
}

/* Area Info */

#eventPage.hallMap .vfa3d-infoContainer {
	padding: 0;
}

#eventPage.hallMap .vfa3d-infosContainer .availSeats,
#eventPage.hallMap .vfa3d-infoContainer h3.name {
	display: none !important;
}

/* Image */

#eventPage.hallMap .vfa3d-infoContainer img {
    max-width: 100%;
    margin-bottom: 20px;
}

/* Prices */

#eventPage.hallMap .vfa3d-infoContainer .pricelevel-image-container {
    display: none;
}

#eventPage.hallMap .vfa3d-infoContainer .custom-all-levels-container {
    display: block;
    margin: 0;
    float: none;
}

#eventPage.hallMap .vfa3d-infoContainer .seat {
    display: none;
}

#eventPage.hallMap .vfa3d-infoContainer .mainPrice {
    margin-bottom: 20px;
    text-align: right;
    display: block;
}

#eventPage.hallMap .vfa3d-infoContainer .mainPrice > span {
    display: block;
} 

#eventPage.hallMap .vfa3d-infoContainer .mainPrice > span.price {
	font-size: 3rem;
    color: #3466b4;
}

/* Additional Prices */

#eventPage.hallMap .vfa3d-infoContainer .additionalPrices {
    border-top: 1px solid #e9e9e9;
    display: table;
    padding: 20px 0 0 0;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
}

#eventPage.hallMap .vfa3d-infoContainer .additionalPrices > span {
    display: table-row;
}

#eventPage.hallMap .vfa3d-infoContainer .additionalPrices > span > span {
    display: table-cell;
}

#eventPage.hallMap .vfa3d-infoContainer .additionalPrices > span > span.price {
    font-weight: 600;
    text-align: right;
}

#eventPage.hallMap .vfa3d-infoContainer .mainPrice>span span.min-price:after,
#eventPage.hallMap .vfa3d-infoContainer .additionalPrices span.min-price:after {
    content: " - ";
    font-weight: normal;
}





@media screen and (max-width: 780px) and (min-width: 1px){
	.expanded#selectedAreaInfo .menu, #selectedAreaInfo .menu {
		max-height: calc(100% - 58px);
        border: none;
	}
	
	#selectedAreaInfo.expanded #areasListTitle {
		font-size: 1.2em;
		background: #222222;
   		color: white;
		border:none;
		padding-left: 2.5vw;
	}
	
	.expanded#selectedAreaInfo .menu #closeAreasList {
		width: 58px;
		height: 58px;
		right: 0;
		top: 0;
		position: fixed;
		background-color: transparent;
		display: block;


        background:#222 url('../cus/release/css/core/images/close.svg') no-repeat center center;
        background-size: 14px;
        z-index: 1000;
        top:0 !important;
        margin: 0 !important;
        position: fixed !important;
	}
	
	.expanded#selectedAreaInfo .menu #closeAreasList:after {
		line-height: 58px;
		padding: 0;
		color:#fff;
		text-align: center;
		content: "\f00d";
		font: normal normal normal 16px/1 FontAwesome !important;
		display: block;
		width: 58px;
		padding-top: 20px;



        display: none;
	}
    
    
}

@media screen and (max-width: 780px) and (min-width: 1px){

	/* Close Button */

	.qtip.ownerSelectionMenuTooltip .qtip-titlebar:after {
		display:  block !important;
		position: relative;
		float: right;
		top: auto;
		right: auto;
		content: ' ';
		width: 14px;
		height: 20px;
		background: url('../cus/release/css/core/images/close-black.svg') no-repeat center center;
		background-size: contain;
	}

	.qtip.ownerSelectionMenuTooltip .qtip-titlebar > div {
		display: inline-block ;
		line-height: 20px;
	}

}

/* Selected Seats */

#eventPage.seated .selectTickets.empty .summary {
	display: none !important;
}

#eventPage.seated .selectTickets .tickets {
	border-bottom: none;
	width: 100%;
	padding: 0;
    box-sizing: border-box;
} 

#eventPage.seated .selectTickets .row {
	padding: 40px 0 15px;
	border-top: 1px solid #e9e9e9;
	position: relative;
	height: auto;
}

#eventPage.seated .selectTickets .row .price {
	font-weight: normal;
}

#eventPage.seated .selectTickets .row .seat {
	margin-left: 0;
	display: block;
    width: 100%;
	order: 1;
	margin-bottom: 5px;
	position: absolute;
	top: 15px;
}

#eventPage.seated .selectTickets .row .seat .rowName,
#eventPage.seated .selectTickets .row .seat .seatName {
	font-weight: 600;
}

#eventPage.seated .selectTickets .row div.priceLevels,
.selectTickets .row .seat>span.rowName+span:after {
	display: none;
}

#eventPage.seated .selectTickets .row .priceTypes {
	float: left;
	width: auto !important;
}

#eventPage.seated .selectTickets .row .pricing {
	margin-left: auto;
}

#eventPage.non-seated .selectTickets .summary,
#eventPage.seated .selectTickets .summary {
	display: block;
	clear: both;
	border-top: none;
    width: 100%;
    box-sizing: border-box;
	background: none;
	font-weight: normal;
	text-align: right;
	padding: 20px 0 0 0;
	margin:0;
	overflow: hidden;
}

#eventPage.non-seated .selectTickets .summary {
	padding: 20px;
}

#eventPage.non-seated .selectTickets.empty .summary > span {
	visibility: hidden;
}

#eventPage.non-seated .selectTickets .summary .countTickets,
#eventPage.seated .selectTickets .summary .countTickets {
	display: inline !important;
	float: right;
    width: auto;
    margin: 0;
	padding-left: .3em;
}

#eventPage.non-seated .selectTickets .summary .countTickets:before,
#eventPage.seated .selectTickets .summary .countTickets:before {
	display: inline;
	content: "("
}

#eventPage.non-seated .selectTickets .summary .numOfTickets,
#eventPage.seated .selectTickets .summary .numOfTickets {
	display: inline !important;
}

#eventPage.non-seated .selectTickets .summary .countTickets:after,
#eventPage.seated .selectTickets .summary .countTickets:after {
	display: inline;
	content: "):"
}

#eventPage.non-seated .selectTickets .summary .total,
#eventPage.seated .selectTickets .summary .total {
	font-weight: normal;
	clear: both;
    display: block;
	font-size: 3rem;
    color: #3466b4;
	line-height: normal;
}

#eventPage.seated .selectTickets.mode-SelectedSeats .row .ops.ajax-refreshing {
    top: 25px;
    left: 5px;
    right: auto;
    width: 10px;
}

#eventPage.seated .selectTickets.mode-SelectedSeats .row .ops.ajax-refreshing:before {
    font-size: 10px;
} 

@media only screen and (max-width: 780px) and (min-width: 1px){
	
	#eventPage.seated .selectTickets h3 {
		position: relative;
	}
	
}

/* Remove Padding from Border Loss */

.basket-container p.basket-warning,
.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup,
.hospitalityBasketSection div.hospitalityGroup,
.summaryBasketContainer .basket-Deliveries.basket-section .items,
.basket-section .group.hasInfoSection > DIV:first-child, .basket-section .basketEvent .eventInfoContainer,
.basket-section .group.hasInfoSection .eventInfoContainer,
.basket-section.basket-PackageDeals > .group > .items,
.addCouponCtl,
.deliveryContainer {
	padding-left: 0;
}

.basket-section.basket-PackageDeals > .group > .items,
.basket-container p.basket-warning,
.summaryBasketContainer .hospitalityBasketSection div.hospitalityGroup,
.hospitalityBasketSection div.hospitalityGroup,
.addCouponCtl,
.deliveryContainer {
	padding-right: 0;
}

.hospitalityBasketSection div.hospitalityGroup {
	padding-bottom: 0;
}

/* Remove All items Button */

.timerMessage button.btnCancel {
	display: none;
}

/* Assign Owners */

.force-basket-assign-owner #allowOwnersAssignment {
	display: none !important;
}

#allowOwnersAssignment {
    top: auto;
    right: auto;
    margin: 0;
    margin-bottom: 10px;
    float: none; 
	width: 100%;
	font-size: inherit;
}

/*

#allowOwnersAssignment:after {
    content: "If you are purchasing a single seat and wish to assign it to someone on your Friends & Family list, then tick the box on the right";
}

#allowOwnersAssignment label {
	display: none;
}

*/

/* General Styles */

.basket-section {
	border-top: 1px solid #000;
}

.basket-section:first-child {
	border-top: none;
}

.addCouponCtl,
.basketTotals {
	background: none;
}

.addCouponCtl {
	text-align: right;
 	padding-top: 30px;
	padding-bottom: 30px;
}

.couponLabel {
	float: left;
	margin-bottom: 0;
}

.blink {
	animation: none !important;
} 

.deliveryMethod .deliveryPricing {
	width: auto;
}

.basketTickets.has-basket-warning {
	padding: 0;
}

.has-basket-warning .bundleItem.has-basket-warning,
.has-basket-warning .basketItem.has-basket-warning {
    background: none;
}

#basketContainer .containerTitle {
	display: none;
}

.screen-order_aspx .basket-container .imageContainer, 
.screen-order_aspx .basket-container .basket-Memberships .infoSection .imageContainer,
.screen-order_aspx .basket-container .basketEvent .eventInfoSection .imageContainer {
    display: none !important;
}

.basket-container .basket-Memberships .infoSection .imageContainer IMG,
.basket-container .eventInfoSection IMG {
    vertical-align: top;
    max-width: 56px;
    max-height: 56px;
}

.basket-section .basketEvent>DIV, .basket-section .group.hasInfoSection>DIV {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding-right: 0 !important;
    border-right: none !important;
    margin-left: 0;
    padding-left: 0 !important;
}

#basketCtrlContainer .basketItem .TotalPriceToPay,
#basketCtrlContainer .basketItem .PriceToPay,
#basketCtrlContainer .basketItem .ListPrice,
#basketCtrlContainer .basketItem .TotalCommissions,
#basketCtrlContainer .basketItem .TotalInsideCommissions,
#basketCtrlContainer .basketItem .TotalTaxes,
#basketCtrlContainer .basketItem .TotalVat { 
	float: right !important;
	clear: right;
	display: block;
	padding-right: 0;
	text-align: right !important;
}

#basketCtrlContainer .basketItem .ListPrice {
	clear: none;
}

.basketProperty.Details {
	padding-right: 20px;
	font-weight: 600;
}

.basketItem {
	padding: 0;
}

.basketProperty.Details>span {
	max-width: none;
}

.basketProperty.PriceTypeName {
	padding-right: 20px;
}

.basket-section .ticket {
	display: none;
}

.basketItem .remove, 
.bundItem .remove, 
.hospButtonsContainer .remove {
	top: auto;
    padding: 0;
	position: relative;
	margin-left: 10px;
}

.basketItem .remove:after,
.bundItem .remove:after,
.hospButtonsContainer .remove:after {
	content: "\f014";
	font-size: 18px;
    color: inherit;
}

.basket-PackageDeals {
	margin: 0;
    width: 100%;
    padding: 0 !important;
	background: none;
	display: flex;
	flex-direction: column;
}

#basketCtrlContainer .infoSection .name {
	padding: 0;
}

#basketCtrlContainer .basket-PackageDeals .basketItem {
	border: none;
    padding: 0;
    margin: 0;
}

/* Hospitality */

.hospitalityBasketSection div.hospitalityGroup > div.infoContainer {
    padding: 20px 0;
    width: 100%;
    border-right: none;
    display: block;
}

.hospitalityBasketSection div.hospitalityGroup .hospContentContainer {
    width: 100% !important;
    display: block;
}

#orderTotalContainer {
    margin: 0;
    background: #fff;
	padding: 20px;
    border: 1px solid #e9e9e9;
	border-top: none;
	color: inherit;
	position: relative;
	text-align: right;
	width: 100%;
	font-weight: normal;
	left: auto;
	bottom: auto;
	box-sizing: border-box;
}

#orderTotalContainer #totalAmount {
	font-weight: normal;
    clear: both;
    display: block;
    font-size: 3rem;
    color: #3466b4;
    line-height: normal;
}

#basketCtrlContainer .basketItem {
	padding: 10px 0;
	border: none;
}

#basketCtrlContainer .basketItem:first-child {
    padding-top: 0;
}

#basketCtrlContainer .basketItem:last-child {
    padding-bottom: 0;
}

.basket-section:not(.ticketsBasketSection) .basketItem,
.basketItem {
	display: flex;
    flex-flow: wrap;
}

.exchangeItems .basketItem {
	border-bottom: none !important;
}

.exchangeBasketSection .details {
	flex-basis: 100%;
}

/* Basket Error Messages */

	
.buttonExplain {
	width: 100% !important;
	margin-bottom: 5px;
}

.buttonExplain:last-of-type {
	margin-bottom: 40px;
}


@media screen and (max-width: 780px) and (min-width: 1px){

	.screen-order_aspx #validationErrorMessages,
	.screen-Order_aspx #validationErrorMessages {
		font-size: 1.2rem;
	}

}
/* Gift Voucher */

#PH_Gift_Voucher_purchase .productName {
	padding-left: 0;
}

.suppPayMethodFormContainer {
	text-align: right;
	margin-left: auto !important;
}

.suppPmContainer .suppLabel {
	float: left;
	pointer-events: none;
	margin-right: 20px;
}

.suppPmContainer .suppLabel LABEL {
	font-size: inherit;
}

.pmTypeGiftVoucher .formDescriptionColumn,
.suppPayMethodFormContainer fieldset .label,
.suppPayMethodFormContainer fieldset .field {
	height: auto;
}

/* Terms */

#PH_Payment_details > .pageSectionContainer {
	display: flex;
    flex-direction: column;
}

#PH_Payment_details #termsAndConditions {
	position: relative;
    order: 2;
}

#PH_Payment_details #termsAndConditions #terms-accept {
    margin: 0;
}

.preConfirmationMessage, .screen-checkout_aspx.virtualKeyboardOpen .preConfirmationMessage, .screen-Checkout_aspx.virtualKeyboardOpen .preConfirmationMessage {
	max-width: none;
	font-size: 1.2rem;
	color: #696b6d;
	width: 100%;
	margin: 10px 0;
	padding: 10px 0;
	text-align: left;
}

@media screen and (max-width: 780px) and (min-width: 1px){
	
	#PH_Payment_details .pageButtonsContainer {
		float: none;
	}
	
	.buttonExplain {
		display: block;
		width: 100% !important;
		margin: 10px 0;
		font-size: 1.5rem;
	}
	
}

@media screen and (max-width: 480px) and (min-width: 1px){
	
	.screen-order_aspx .bottomButtonsBar .small_button_a.proceed,
	.screen-checkout_aspx .bottomButtonsBar .small_button_a.proceed {
		width: 100% !important;
    	box-sizing: border-box !important;
	}
	
}

/* Promo */

.suppInBasket>DIV:before,
.promo-info{
    color: #70a553 !important;
}

.suppPmContainer {
	margin-bottom: 20px; 
}

.suppInBasket > DIV:before {
	line-height: 19px;
}

.promo-info:not(:empty):before {
    margin-right: 5px;
}

.linkRemoveSuppPayMethod {
	background: none;
	text-decoration: none !important;
}

/* End Promo 

@media screen and (max-width: 780px) and (min-width: 1px){
	
	.basketProperty.Details {
		clear: none;
		display: inline-block;
		width: auto !important;
	}
	
	.hospitalityBasketSection .hospitalityInfo {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e9e9e9 !important;
		display: block !important;
		width: 100%;
	}
	
	#basketCtrlContainer .hospitalityGroup .basketArea {
		border-top:none;
		padding-top: 0 !important;
	}

	.basketProperty.PriceTypeName {
		display: inline-block;
	}
	
	.basketTickets {
		border-bottom: none !important;
		padding-bottom: 0 !important;
	}
	
	.basket-section:not(.ticketsBasketSection) .basketItem {
		width: calc(100% - 20px) !important;
	}
	
	#basketCtrlContainer .hospitalityGroup .basketItem {
		width: 100% !important;
	}
	
	.exchangeBasketSection .exchangeSummary {
		width: auto !important;
		flex: none;
		display: inline-block;
	}
	
}

@media screen and (max-width: 480px) and (min-width: 1px){
	
	.basketProperty.PriceTypeName {
		padding-right: 0;
		width: 100%;
		float: none !important;
		display: block;
	}
	
	.basketProperty.PriceTypeName>select {
		max-width: none;
		width: 100%;
	}

	
	.basket-section .buttonsContainer {
		padding-right: 0 !important;
	}
	
	.basket-section:not(.ticketsBasketSection) .basketItem,
	.basket-section .basketItem {
		width: 100% !important;
		padding-right: 0 !important;
	}
	
	#basketContainer .basketTotals .summaryLine {
		padding-left: 20px;
   		width: calc(100% - 40px);
		border-bottom:none !important;
	}
	
	#btnContinue, #btnOrder {
		box-sizing: border-box !important;
	}
	
	.hospitalityBasketSection div.hospitalityGroup .hospPriceContainer {
		padding-right: 0;
		margin-top: 0;
	}

	
}

/* Basket Buttons / Links */

.basket-section .buttonsContainer a,
.basket-section .buttonsContainer a:hover,
.basket-section .buttonsContainer button,
.basket-section .buttonsContainer button:hover {
    text-transform: none !important;
    letter-spacing: normal !important;
    font-size: 1.3rem !important;
    font-weight: normal;
    margin: 0 0 0 20px;
}

.basket-section .buttonsContainer a:hover,
.basket-section .buttonsContainer button:hover {
    text-decoration: underline;
}

/* Owner Selection */

.qtip.ownerSelectionMenuTooltip .qtip-content {
    min-width: 100%;
	width: 100%;
    min-height: 100px;
	box-sizing: border-box;
    overflow: visible;
    padding: 20px !important;
}

.qtip.ownerSelectionMenuTooltip .button-find,
.qtip.ownerSelectionMenuTooltip .heading {
	display: none;
}

/* Payment */

.paymentMethod.selected > LABEL,
.paymentMethod > LABEL {
	flex-direction: row;
    flex-wrap: wrap;
}

.paymentMethod label IMG {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
	height: auto;
    max-height: 30px;
    max-width: none;
    margin: 0;
}

#leftToPayContainer {
	display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	


}


@media screen and (min-width: 781px){ 

	.paymentMethod .name {
		width: auto !important;
	}

	.addCouponCtl input,
	.addCouponCtl input:focus,
	.addCouponCtl input:active {
		max-width: 322px;
	}

	/*

	.deliveryHint {
		float: left;
		max-width: 40%;
	}
	
	.deliveryHint + div {
		float: right;
		width: 50%; 
	}

	*/
	
	.paymentPanelSection {
		display: block;
	}

	.paymentPanelSection h2 {
		float: left;
	}

}

/* Payment / Delivery Method */

.deliveryMethod,
.paymentMethod,
.deliveryMethod.selected,
.paymentMethod.selected {
	border: 1px solid #e9e9e9 !important;
	margin-bottom: 20px !important;
	color:inherit;
	background: white !important;
}
	
.deliveryMethod.selected,
.paymentMethod.selected {
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
}

.deliveryMethod::after,
.paymentMethod::after {
	color: #ccc;
}

.suppInBasket > DIV:after,
.deliveryMethod.selected::after,
.paymentMethod.selected::after {
	color: #000;
}







/* Media Queries */

@media screen and (max-width: 780px) and (min-width: 1px){ 
	
	
	
	

	
	/* Basket */
	
	.pageSectionContainer .timerMessage .CountDownRemainingTimeTitle {
		margin-top:10px; 
	}
	
	.pageSectionContainer .timerMessage .CountDownRemainingTimeTitle:nth-child(2) {
		margin-top: 0;
		float: none;
    	height: auto;
	}
	
	.timerMessage button.btnCancel {
		top: auto;
		left: auto;
	}
	
	.pageSectionContainer .timerMessage .CountDownRemainingTimeTitle:nth-child(2) {
		margin-top: 10px;
	}
	
	.deliveryContainer {
		padding-right: 0;
	}

}
	


















/* Display Continue Shopping Basket Button */

.screen-order_aspx #btnContinue, .screen-Order_aspx #btnContinue {
    display: block;
}

/* Alignment of Terms */

.screen-checkout_aspx #PH_Payment_details #termsAndConditions #terms-accept #chkReadTerms {
    float: right;
    margin: 4px 0 4px 8px;
}

@media only screen and (min-width: 481px) {
    
    .screen-checkout_aspx .buttonExplain,
    .screen-checkout_aspx .preConfirmationMessage,
    .screen-checkout_aspx #PH_Payment_details #termsAndConditions #terms-accept {
        text-align: right !important;
        display: block;
    }
    
    .screen-checkout_aspx .preConfirmationMessage {
        padding: 0;
    }

}

@media only screen and (max-width: 480px) and (min-width: 1px) {
    
    .screen-checkout_aspx #PH_Payment_details #termsAndConditions #terms-accept {
        display: block;
        clear: both;
        float: left;
        width: auto;
    }

}


/* Mini Basket */

#miniBasketWrapper .imageContainer {
    display: none !important;
}












/* Allow for Payment Forms */

@media screen and (min-width: 781px){
    
    .paymentPanelSection form {
        clear: both;
    }

    #paymentMethodForms FIELDSET .row {
        max-width: 402px;
    }
    
}


@media screen and (max-width: 780px) and (min-width: 1px) {
    
    #PaymentMethodFormsContainer .row.SecondExplanation,
    #paymentMethodForms .fieldsForm .row.SecondExplanation {
        color: #6e6e6e;
    } 
    
}

/* Donation */

.roundUpDonationSection {
    padding: 0;
	justify-content: flex-end;
}

.roundUpDonationSection h2:before {
    content: 'Donation';
    display: block;
    text-transform: uppercase;
	margin: 20px 0 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
	font-size: inherit !important;
}

.roundUpDonationSection > h2 {
    text-transform: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;

    background: none;
    color: inherit;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
}

.basket-container .basket-Donations .name {
    padding-left: 0;
}

.basket-container .basket-Donations .buttonsContainer {
    display: none !important;
}

.basket-container .basket-Donations .basketItem {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* Fees on Payment page - basket */

#basketCtrlContainer .basketItemSummary .TotalCommissions:after, #basketCtrlContainer .basketItemSummary .TotalInsideCommissions:after, #basketCtrlContainer .basketItemSummary .TotalTaxes:after, #basketCtrlContainer .basketItemSummary .TotalVat:after {
    font-weight: bold !important;
}

.summaryBasketContainer .TotalCommissions, .summaryBasketContainer .TotalInsideCommissions, .summaryBasketContainer .TotalTaxes, .summaryBasketContainer .TotalVat, .summaryBasketContainer .ListPrice {
    float: right;
    width: auto !important;
    clear: right;
    margin: 0;
    font-weight: normal;
}

.summaryBasketContainer .basketProperty.PriceToPay {
    clear: right;
}

/* 1505 4228 v1 */

@font-face {
    font-family: 'FontAwesome';
    src: url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.eot?v=4.7.0');
    src: url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../cus/release/css/core/fonts/FontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
     font-weight: normal;
     font-style: normal;
}

/* Donations */

#addRoundUpDonation {
    overflow: hidden;
}

.roundUpDonationSection > h2 {
    width: auto;
}

.screen-Checkout_aspx .roundUpDonationSection {
    width: 100%;
    margin-left: -20px;
}

/* Delivery Method */

.deliveryContainer .containerTitle.blink {
    animation: none !important;
}

/* Coupon */

.addCouponCtl {
    text-align: right;
}

/* Modals */

.ui-widget-header .ui-icon  {
	background-image: url('../style/flowbase.css/images/ui-icons_222222_256x240.png');
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 40px;
    height: 40px;
}

/*
.ui-dialog-buttonset {
    margin-top: 0 !important;
}*/

.ui-dialog .ui-dialog-titlebar-close .ui-icon  {
	background: url('../cus/release/css/core/images/close-black.svg') no-repeat center center;
	background-size:contain;
	
}

.ui-dialog .ui-dialog-titlebar {
	background-color: #f9f9f9;
	border-radius: 0 !important;
	color: #222;
	height: 40px;
	line-height: 40px;
}

.ui-dialog .ui-dialog-buttonpane {
	background-color: #fff;
	border-radius: 0 !important;
	margin-top: -1px;
}

.ui-dialog.alert-dialog .ui-dialog-buttonpane button:first-child,
.ui-dialog:not(.alert-dialog) .ui-dialog-buttonpane button:last-child:not(:first-child) {
	color: #222 !important;
	border: none !important
}

/* Date Picker */

#ui-datepicker-div {
    max-width: 400px;
    border: 1px solid #e9e9e9; 
    box-sizing: border-box;
}

.ui-datepicker select.ui-datepicker-year {
    border: none;
    background: none;
    color: white;
    width: auto;
    border-radius: 0;
}

/* Gift Voucher Improvement */

@media screen and (max-width: 780px) and (min-width: 1px){ 

    #PH_Gift_Voucher_purchase .productInfo.item_data_background>div {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    } 
    
   #PH_Gift_Voucher_purchase .productName,
   #PH_Gift_Voucher_purchase .productDescription {
        text-align: center; 
    }
    
}

/* Seat Plan Overflow */

#PH_Event_page #eventPage #hallMap>.magnify {
    z-index: 1;
    top: auto !important;
}

.buttonExplain + .button {
    clear: none;
}

.screen-order_aspx #btnContinue,
.screen-Order_aspx #btnContinue {
    display: block;
}

.preConfirmationMessage {
    max-width: none;
    padding: 0;
    margin: 0 0 10px 0;
}

.bottomButtonsBar, #eventPage.seated #ticketsPane .selectTickets .buttonsContainer, #eventPage #ticketsPane .selectTickets .buttonsContainer {
    position: static;
    position: relative;
    bottom:auto;
    left: auto;
    right: auto;
    color: inherit;
    background: none;
    margin: 0 !important;
    padding: 20px 0 0 !important;
    overflow: hidden;
    clear: both;
    display: block;
    min-height: 0;
}

.screen-giftvoucher_aspx .button.small_button_a, .screen-GiftVoucher_aspx .button.small_button_a, .screen-giftvoucher_aspx .button.small_button_a:hover, .screen-GiftVoucher_aspx .button.small_button_a:hover, .screen-giftvoucher_aspx .button.small_button_a:active, .screen-GiftVoucher_aspx .button.small_button_a:active, .screen-giftvoucher_aspx .button.small_button_a:focus, .screen-GiftVoucher_aspx .button.small_button_a:focus, .screen-membership_aspx .button.small_button_a, .screen-Membership_aspx .button.small_button_a, .screen-membership_aspx .button.small_button_a:hover, .screen-Membership_aspx .button.small_button_a:hover, .screen-membership_aspx .button.small_button_a:active, .screen-Membership_aspx .button.small_button_a:active, .screen-membership_aspx .button.small_button_a:focus, .screen-Membership_aspx .button.small_button_a:focus, #eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed>a, #eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:hover, #eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:active, #eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:focus, #eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed>a, #eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:hover, #eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:active, #eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:focus, .bottomButtonsBar #btnContinue, .bottomButtonsBar #btnContinue:hover, .bottomButtonsBar #btnContinue:active, .bottomButtonsBar #btnContinue:focus, .bottomButtonsBar .small_button_a.proceed, .bottomButtonsBar .small_button_a.proceed:hover, .bottomButtonsBar .small_button_a.proceed:active, .bottomButtonsBar .small_button_a.proceed:focus {
    margin: 0 !important;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 
    
    #eventPage.seated #content, #eventPage.non-seated #content {
        padding-bottom: 0;
    }
	    
    #PH_Gift_Voucher_purchase .buttonsContainer button, #PH_Membership_purchase .buttonsContainer button {
        width: auto !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
     
    .screen-Membership_aspx .button.back {
        float: left;
    }
    
    #PH_Payment_details .pageButtonsContainer {
        float: none;
    }
    
    .buttonExplain {
        display: block;
        width :auto !important;
    }

}

@media screen and (max-width: 480px) and (min-width: 1px){ 
    
     #PH_Gift_Voucher_purchase .buttonsContainer button, #PH_Membership_purchase .buttonsContainer button {
        width: 100% !important;
    }
    
    #PH_Event_page #eventPage #hallMap>.magnify,
    .screen-Membership_aspx .button.back {
        display: none !important;
    }
    
    .preConfirmationMessage {
        max-width: none;
        margin: 0 0 10px 0;
    }
	
    #PH_Payment_details .pageButtonsContainer,
    #eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed, #eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed,
    
	.screen-giftvoucher_aspx .button.small_button_a, .screen-GiftVoucher_aspx .button.small_button_a, .screen-giftvoucher_aspx .button.small_button_a:hover, .screen-GiftVoucher_aspx .button.small_button_a:hover, .screen-giftvoucher_aspx .button.small_button_a:active, .screen-GiftVoucher_aspx .button.small_button_a:active, .screen-giftvoucher_aspx .button.small_button_a:focus, .screen-GiftVoucher_aspx .button.small_button_a:focus, .screen-membership_aspx .button.small_button_a, .screen-Membership_aspx .button.small_button_a, .screen-membership_aspx .button.small_button_a:hover, .screen-Membership_aspx .button.small_button_a:hover, .screen-membership_aspx .button.small_button_a:active, .screen-Membership_aspx .button.small_button_a:active, .screen-membership_aspx .button.small_button_a:focus, .screen-Membership_aspx .button.small_button_a:focus, #eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed>a, #eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:hover, #eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:active, #eventPage #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:focus, #eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed>a, #eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:hover, #eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:active, #eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed>a:focus, .bottomButtonsBar #btnContinue, .bottomButtonsBar #btnContinue:hover, .bottomButtonsBar #btnContinue:active, .bottomButtonsBar #btnContinue:focus, .bottomButtonsBar .small_button_a.proceed, .bottomButtonsBar .small_button_a.proceed:hover, .bottomButtonsBar .small_button_a.proceed:active, .bottomButtonsBar .small_button_a.proceed:focus {
        width: 100% !important;
        box-sizing: border-box !important;
	}
}

/* SSO Link Page */

.screen-LinkCustomer_aspx #loginOrSignup {
    padding: 0;
    font-size: 1.5rem;
}

.screen-LinkCustomer_aspx .createAccount,
.screen-LinkCustomer_aspx .signin {
    padding: 50px !important;
    border:none !important;
}

.screen-LinkCustomer_aspx .createAccount form,
.screen-LinkCustomer_aspx .signin form {
    padding: 0 !important;
}

.screen-LinkCustomer_aspx .createAccountFormContainer {
    border: none !important;
    background: none !important; 
}

.loginControl .rememberMe label,
.loginControl .loginButtons .caption {
    font-size: 1.2rem;
}

FORM input.mandatory:focus, FORM select.mandatory:focus {
    box-shadow: none;
}

.screen-LinkCustomer_aspx #frmCreateAccount .row:not(.hidden)~.row.FirstName, .screen-LinkCustomer_aspx #frmCreateAccount .row:not(.hidden)~.row.LastName {
    width: 49.5%;
}

.screen-LinkCustomer_aspx #frmCreateAccount SELECT {
    margin-bottom: 5px;
    font-size: 1.5rem;
    height: 40px !important;
}
    
.screen-LinkCustomer_aspx #frmCreateAccount SELECT.splitdate {
    width: 33% !important;
    margin-bottom: 0;
}

.screen-LinkCustomer_aspx #qasLink {
    position: absolute;
    top: 13px;
    right: 13px;
    border: 1px solid #efefef;
}

#PH_LinkByCrmId {
	width: 100%;
}

#PH_LinkByCrmId input[type=number]{
	height: 42px;
    border: 1px solid #e9e9e9;
    width: 100% !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
    -webkit-appearance: none;
	appearance:none;
    padding: 0;
}

@media screen and (min-width: 781px){

	.screen-LinkCustomer_aspx #loginOrSignup {
		display: flex;
    	justify-content: center;
	}

	.signin, .createAccount {
		float: none;
		width: 50%;
		max-width: 500px;
	}

    .screen-LinkCustomer_aspx .screen-content:not(#PH_) {
        max-width: 1000px !important;
        padding: 0 0 20px !important;
        box-sizing: content-box !important;
    }
    
    .screen-LinkCustomer_aspx .createAccount {
        order: 2;
    }
    
    .screen-LinkCustomer_aspx #frmCreateAccount SELECT {
        margin-bottom: 5px;
        font-size: 1.5rem;
        height: 40px !important;
    }
    
}

@media screen and (max-width: 780px) and (min-width: 1px){
    
    .screen-LinkCustomer_aspx #loginOrSignup {
        display: flex; flex-direction: column;
    }
    
    .screen-LinkCustomer_aspx .createAccount {
        order: 2;
    }
        
    .screen-LinkCustomer_aspx .signin {
        order: 1;
    }
    
    .screen-LinkCustomer_aspx .createAccount,
    .screen-LinkCustomer_aspx .signin {
        padding: 0 !important;
        border:none !important;
    }
    
    .screen-LinkCustomer_aspx .loginControl .rememberMe #rememberLogin {
        float: none;
    }
    
    .loginControl>DIV, .loginControl FORM, .loginControl .row, .loginControl .row SPAN, .loginControl .row INPUT, .loginControl .loginButtons, .loginControl .loginButtons *, .loginControl>div.hasExternalLoginControls .rememberMe>* {
        clear: both !important;
    }
    
    .loginControl .loginButtons #btnLogin {
        float: left !important;
        margin-bottom: 20px !important;
    }
    
}

/* Donation Input */

.screen-Checkout_aspx button.roundUpDonationBtn {
    margin: 0 !important;
}

.roundUpDonationSection #donationAmount, 
.roundUpDonationSection #donationAmount:focus, 
.roundUpDonationSection #donationAmount:active {
    height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
    -webkit-appearance: none;
	appearance:none;
    padding: 0;
}

@media screen and (min-width: 781px) { 

    .roundUpDonationSection #donationAmount, 
	.roundUpDonationSection #donationAmount:focus, 
	.roundUpDonationSection #donationAmount:active {
		min-width: 400px;
		margin-right: 10px;
	}

}

.roundUpDonationSection #donationAmount:focus {
    box-shadow: none;
}


@media screen and (max-width: 780px) and (min-width: 1px) {

    .roundUpDonationSection *,
    .roundUpDonationSection a {
        width: 100%;
    }
    
    .roundUpDonationSection #donationAmount, 
    .roundUpDonationSection #donationAmount:focus, 
    .roundUpDonationSection #donationAmount:active {
        margin: 0 0 10px 0;
        max-width: none;
    }
    
}


/* Hospitality Event Details */

.screen-hospitalityevent_aspx .screen-content > h2 {
    margin: 20px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

#itemsExtraDataPanel .spForm P {
	max-width: none;
}

#itemsExtraDataDialog .form-container {
	display: flex;
}

#itemsExtraDataPanel .item_background {
	order: -1;
	margin: 0;
	padding: 0;
	border: 1px solid #e9e9e9;
	margin-right: 20px;
	min-width: 300px;
    max-width: 100%;
    overflow: hidden;
}

#extraDataForms .basketManRow.missing .basketManRowCol.extraData {
    display: none;
}

#itemsExtraDataPanel .basketMan {
    display: flex;
    flex-direction: column;
}

#itemsExtraDataPanel .basketManRow,
#itemsExtraDataPanel .basketManRowCol {
    display: flex;
    flex-wrap: wrap;
}

#itemsExtraDataPanel .basketManRowCol {
    width: 100% !important;
    padding: 0 0 0 20px;
}

#itemsExtraDataPanel .basketManRowCol:nth-of-type(1),
#itemsExtraDataPanel .basketManRowCol:nth-of-type(2) {
    width: auto !important;
    padding: 0;
}

#itemsExtraDataPanel .basketManRowCol:nth-of-type(2) {
    font-weight: 600;
}

#itemsExtraDataDialog h2,
#itemsExtraDataDialog p {
    display: none;
}




#itemsExtraDataPanel .basketManHead,
#itemsExtraDataHint {
	display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px) { 
   
    #itemsExtraDataDialog .form-container {
        display: flex;
        flex-direction: column;
    }

    #itemsExtraDataPanel .item_background {
        margin: 0 0 20px 0;
    }

}

/* Extra Details Prompt */

@media screen and (min-width: 781px) {
    
    #extraDataForms .basketManRow.missing .basketManRowCol.extraData {
        white-space: nowrap;
    }



}

#itemsExtraDataDialog #btnFinish {
    clear: both;
    display: block;
    margin-top: 30px;
}

.itemExtraDataDialog #itemsExtraDataDialog .buttonsContainer #btnPrev,
.itemExtraDataDialog #itemsExtraDataDialog .buttonsContainer #btnNext{
    padding-top: 0 !important;
    font-size: 1.3rem !important;
    padding-bottom: 2px !important;
}

#extraDataForms textarea {
    max-width: none;
}

#extraDataForms .basketManRow.missing .basketManRowCol.extraData {
    color:#df6060;
}



@media screen and (max-width: 780px) and (min-width: 1px) {

    #extraDataForms .fieldHint {
        margin-left: 0;
    }
    
    .basketManHeadCol, .basketManRowCol {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .basketManHeadCol:empty, .basketManRowCol:empty {
        display: none;
    }
    
    #itemsExtraDataDialog .buttonsContainer {
        float: none;
    }
    
}

/* Error Message Icon */

.showPopupMessage-errorheaderIcon:before {
    content:"\f06a";
}



/* Dropdown Hovers */

#PH_Menu li.subMenuClose:hover li.navMenu-Item,
#PH_Menu li.subMenuClose.simulateHover li.navMenu-Item,
#PH_Menu .nav ul.navMenu-SubList li {
    display: none;
}

#PH_Menu li:hover li.navMenu-Item {
    display: block !important;
}





















/* Hall Map */

@media screen and (max-width: 780px) and (min-width: 1px){
    #eventPage.hallMap .vfaParent>DIV {
        zoom:0.9;
        background-repeat: no-repeat;
    }
}

/* Seat Selection */

@media screen and (max-width: 780px) and (min-width: 1px){
    .qtip.seat-tooltip {
        display: none !important;
    }
}


/* Basket Summary */

#basketCtrlContainer .basketItemSummary {
    display: none;
}







/* 1505 4228 v2 */

/* Bullets List */

.description ul,
.longDescription ul {
	padding-left: 15px;
	margin-top: 10px;
	/* list-style: url('../cus/release/css/core/images/bullet.png'); */
	margin-bottom: 0;
}

.description ul li,
.longDescription ul li {
	padding-bottom: 5px;
}

.description a {
	font-weight: 600;
	text-decoration: underline;
}

.description a:after {
	display: inline-block;
	vertical-align: middle;
    content: " ";
    width: 7px;
    height: 11px;
	margin-left:10px;
	background: url('../cus/release/css/core/images/right-pointer.svg') no-repeat center center;
	background-size:contain;
}

/* Input Image Icons */

.inputimage {
    display: none !important;
}

/* Gift Vouchers */

#ctl00_body_GiftVouchersListControl .dataItem {
    width: 100%;
    margin-right: 0 !important;  
}

#PH_Gift_Voucher_purchase .productDescription {
    text-align: left !important;
    padding: 0 20px 20px;  
}

.ph_gift_voucher_purchase .productData #lblPrice,
.ph_gift_voucher_purchase .productData #lblTotal {
     vertical-align: middle;
}

@media only screen and (max-width: 780px) and (min-width: 1px){
   
    #PH_Gift_Voucher_purchase #gvPrice {
        width: calc(100% - 10px) !important;
    }

    
}


/* 1505 4228 v3 */

/* Merch */

.screen-content .listManipContainer button {
    font-size: inherit;
}

#PH_Merchandise_list .itemsList .dataItem div.item_image.missing,
#PH_Merchandise_list .itemsList .dataItem div.item_image:empty {
    height: 155px;
}

.screen-merchandiselist_aspx .screen-content > h1,
.screen-MerchandiseList_aspx .screen-content > h1 {
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}

#PH_Merchandise_list .itemsList .dataItem div.item_image {
    margin-bottom: 0 !important;
} 

#PH_Merchandise_purchase .productSummary .price {
    font-size:1.5em;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#PH_Merchandise_purchase .productSummary .price {
		font-size: 1.2em;
	}

}

/* Payment Option Radio Button Fix */

.deliveryMethod.selected>LABEL, .deliveryMethod>LABEL, .paymentMethod.selected>LABEL, .paymentMethod>LABEL {
    position: relative;
}

/* Wheelchair Seat */

.seat.wheelchair-seat:not(.c):not(.o),
.seat.Wheelchair-seat:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-wheelchair.png') !important;
}

.seat.wheelchair-pa:not(.c):not(.o),
.seat.Wheelchair-pa:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-wheelchair-pa.png') !important;
}

.seat.restricted-view:not(.c):not(.o),
.seat.Restricted-View:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-restricted-view.png') !important;
}

/* Hospitality Seat */

.seat.hospitality-seat:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-hospitality.png') !important;
}

.seat.hospitality-alt-seat:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-hospitality-alt.png') !important;
}

.screen-screenloader_aspx .screen-content#PH_,
.screen-ScreenLoader_aspx .screen-content#PH_ {
    clear: both;
    display: block;
}

/* Add members from basket... */

.screen-order_aspx .relatedCustomerDialog h1.heading-relation-none {
    display: none;
}

.screen-order_aspx .relatedCustomerDialog #relatedCustomerCreate FIELDSET .row.Birthday {
    clear:both;
 }

.screen-order_aspx .relatedCustomerDialog #mode-select-button,
.screen-order_aspx .relatedCustomerDialog .button-lookup {
    display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
    
    #relatedCustomerCreate #frmCreateAccount table tr td:first-child,
    #relatedCustomerCreate #frmCreateAccount .label,
    #frmCreateAccount table tr td:first-child {
        margin-bottom: 0;
    }

}

/* Forgot Password Popup */

.forgotPwdExplanation {
    margin-bottom: 20px;
        display: block;
}

FORM input[type=password] {
    height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
    -webkit-appearance: none;
	appearance:none;
    padding: 0;
    
}

/* Membership Prices */

.productData .prices {
    width: 100%;
}

.productData .prices .name {
    font-weight: 600;
}

.productData .prices .price {
    text-align: right;
}

.productData .prices>div>* {
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e9e9e9;
}

.productData .prices>div:last-of-type>* {
    border: none;
}

/* Donations */

#PH_Donations_list .itemsList .item_background .itemsDataContainer {
    max-width: none;
}

#PH_Donation_Info .productData div.item_image.missing {
    display: none;
}

#PH_Donation_purchase #addDonationForm {
    padding: 0;
}

#PH_Donation_purchase .productData {
    padding: 20px;
}

#addDonationForm input[type=text] {
     border: 1px solid #e9e9e9;
}

#addDonationForm .productData-details .form_padded_row>DIV+DIV input[disabled="disabled"] {
    background-color: #fff;
    opacity: .5;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 
    
    #PH_Donations_list .itemsList .item_background .itemsDataContainer {
        text-align: left;
    }
    
    #PH_Donations_list .itemsList .item_background .item_image_container .item_image {
        height: auto;
    }
    
    #PH_Donation_purchase {
        padding: 2.5vw !important;
    }
     
    #addDonationForm .buttonsContainer {
        top: auto;
        box-shadow: none;
        border-radius: 0;
        height: auto;
        z-index: 10;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        color: inherit;
        background: none;
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box;
        overflow: hidden;
        clear: both;
        display: block;
        min-height: 0;
    }
    
    .screen-Donation_aspx .button.small_button_a {
        margin: 0;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    #PH_Donation_Info .productData .description .name {
        padding-left: 0;
    }
    
}

/* IE Spinner */

.selectTickets.mode-grouped .count {
    height: 20px;
    line-height: 20px;
}

/* Replace Seat */

.replaceSubsTickets.ui-dialog .ui-dialog-content {
    min-width: 100%;
    box-sizing: border-box;
} 




/* 1505 4230 v1 */

/* Extras */

.spScreen h1,
#offersContainer h1 {
    margin: 0 0 20px 0;
}

.crm_screen_container .spScreen .header H1, #historytab H1, #donationPledgeScreenContainer .header H1 {
    font-size: 1.5em;
    line-height: normal;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	.crm_screen_container .spScreen .header H1, #historytab H1, #donationPledgeScreenContainer .header H1 {
		font-size: 1.2em;
	}

}

.crm_screen_container .spScreen .header H2, #historytab H2, #donationPledgeScreenContainer .header H2,
.spScreen h2, body:not(.screen-offers_aspx) #offersContainer h2 {
    font-weight: normal !important;
    font-size: inherit !important;
    font-family: inherit !important;
    text-transform: none !important;
    margin: 10px 20px 0 0;
    padding: 0;
}

.spScreen h3,
#offersContainer h3,
#offersContainer .promptsContainer h3 {
    background: none;
    margin: 0;
    padding: 0;
}

#offersContainer h3.ticketSchemeGroup-heading:empty {
    padding: 0;
}

/*

#offersContainer .promptsContainer .element {
    clear: both;
    margin: 0;
    border-top: 1px solid #e9e9e9;
    padding-top: 30px;
}

#offersContainer .promptsContainer .elementItem,
#offersContainer .promptsContainer .elementItems,
#offersContainer .promptsContainer .elementMessage {
    float: none;
    width: 100%;
    height: auto;
    border:none;
    background:none;
    padding: 0;
    margin: 0;
    max-width: none;
}

#offersContainer .promptsContainer .elementItem .name {
    text-align: left;
    margin-top: 20px;
}

#offersContainer .promptsContainer .elementItem .seriesInfo .imgContainer {
    display: none;
}

#offersContainer .promptsContainer .elementMessage {
    margin-top: 20px;
    color: #df6060;
}

#offersContainer .promptsContainer .elementMessage:before {
    display: inline-block;
}

#offersContainer .promptsContainer .elementItem .imgContainer {
    background: none;
    height: auto;
    width: auto;
}

#offersContainer .promptsContainer .elementItem .imgContainer>img {
    margin: 10px 0 0;
}

*/

#offersContainer .spScreenContent {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-bottom: none;
    padding: 20px 20px 0;
}

#offersContainer .buttons-container {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-top: none;
    overflow: hidden;
    padding: 0 20px 20px;
}


/* Ticket Schemes */

.mandatoryTicketSchemes #offersContainer .ticketSchemes-container + .buttons-container #waiveOffersBtn,
.mandatoryTicketSchemes #tsEnrollDlg-button-clear {
	display: none !important;
}

#tsEnrollDlg-button-clear {
	margin-right: 10px;
}

.transactionTicketSchemeEnrolllDialog FIELDSET,
.ticketSchemes-container FIELDSET {
    margin-inline-end: 0;
    margin-inline-start: 0;
}

.spScreen[data-screenname='eSRO.Payment.TicketSchemeEnrollments Design Dialog'] {
    max-width: 100%;
}

.transactionTicketSchemeEnrolllDialog FIELDSET .column,
.transactionTicketSchemeEnrolllDialog FIELDSET .row,
.ticketSchemes-container FIELDSET .column,
.ticketSchemes-container FIELDSET .row {
    padding: 0;
    margin: 0;
    width: 100%;
}

.transactionTicketSchemeEnrolllDialog #TicketSchemeSelections,
.ticketSchemes-container #TicketSchemeSelections {
    width: 100%;
}

.transactionTicketSchemeEnrolllDialog #TicketSchemeSelections {
	margin-top: 20px;
}

.transactionTicketSchemeEnrolllDialog .row.EnrollInTicketSchemes_PaymentDetails,
.transactionTicketSchemeEnrolllDialog .row.EnrollInTicketSchemes_UserInfo,
.ticketSchemes-container .row.EnrollInTicketSchemes_PaymentDetails,
.ticketSchemes-container .row.EnrollInTicketSchemes_UserInfo {
    clear: both;
    margin: 0;
    margin-top: 30px;
    border-top: 1px solid #e9e9e9;
    padding-bottom: 0;
    padding-top: 30px;
}

.transactionTicketSchemeEnrolllDialog .row.Separator,
.ticketSchemes-container .row.Separator {
    border-color: #e9e9e9;
    border-bottom: none;
    padding-bottom: 30px;
}

.transactionTicketSchemeEnrolllDialog .mandatoryFieldMarker,
.transactionTicketSchemeEnrolllDialog #TicketSchemeSelections colgroup,
.transactionTicketSchemeEnrolllDialog #TicketSchemeSelections thead,
.ticketSchemes-container .mandatoryFieldMarker,
.ticketSchemes-container #TicketSchemeSelections colgroup,
.ticketSchemes-container #TicketSchemeSelections thead {
    display: none;
}

table#TicketSchemeSelections tbody,
table#TicketSchemeSelections tbody {
    display: block;
    width: 100%;
}

table#TicketSchemeSelections tr {
    display: block;
    clear: both;
    padding: 0;
    margin: 20px 0 0 0;
    overflow: hidden;
}

table#TicketSchemeSelections tr:first-child {
    margin-top: 0;
}

table#TicketSchemeSelections tr td {
    display: block;
    padding: 0;
}

table#TicketSchemeSelections tr td:first-child {
    float: left;
    padding-right: 10px;
}

table#TicketSchemeSelections tr td[data-th="Name"]{
    font-weight: 600;
}

@media screen and (max-width: 780px) and (min-width: 1px){

	.keyField_SeriesInfo {
		white-space: pre-wrap;
		padding-left: 30px;
		padding-right: 10px;
		display: block;
		box-sizing: border-box;
	} 

}

/* Payment */

.transactionTicketSchemeEnrolllDialog .row.EnrollInTicketSchemes_UserInfo,
.transactionTicketSchemeEnrolllDialog .row.EnrollmentHaveNoPayMethod,
.ticketSchemes-container .row.EnrollInTicketSchemes_UserInfo,
.ticketSchemes-container .row.EnrollmentHaveNoPayMethod {
    display: none !important;
}

.transactionTicketSchemeEnrolllDialog .row.EnrollInTicketSchemes_PaymentDetails label,
.ticketSchemes-container .row.EnrollInTicketSchemes_PaymentDetails label {
    font-size: 1.17em;
}

/*
.forceCheck .ticketSchemes-container .row.EnrollInTicketSchemes_PaymentDetails,
.forceCheck .ticketSchemes-container .row.PaymentMethodId,
.forceCheck .ticketSchemes-container .row.PaymentTokenId {
    display: block !important;
}
*/

.row.DirectDebitMandateId .commands,
.row.PaymentTokenId .commands {
    display: block;
    margin-top: 5px !important;
    max-width: 400px;
}

.row.DirectDebitMandateId button,
.row.PaymentTokenId button {
    float: right !important;
}

.row.DirectDebitMandateId button:after,
.row.PaymentTokenId button:after {
    content: "Add New";
}

.row.DirectDebitMandateId button:before,
.row.PaymentTokenId button:before {
    content: "+ ";
}

.row.DirectDebitMandateId button img,
.row.PaymentTokenId button img {
    display: none !important;
}


@media screen and (min-width: 781px){

    .newOpsTokenIframe {
        max-width: 100% !important;
        width: 509px !important;
    }
    
    .newOpsTokenIframe #newTokenIframe {
        min-height: 560px !important; 
    }


}

.newOpsTokenIframe #newTokenIframe {
    width: 100% !important;
    box-sizing: border-box;
}



/* Message */

#offersContainer .row.RadioButton li {
    float: left;
    margin-right: 20px;
}

@media screen and (max-width: 780px) and (min-width: 1px){

    #offersContainer .spScreen .row .field SELECT {
        min-width: 100%;
    }
    
}

/* Buttons */

#offersContainer #addOffersBtn.disabled {
    opacity: .3;
}

/* Hopitality Offer */

.seriesHospitalityOffer {
    border: 1px solid #e9e9e9;
    background: #fff;
    margin-bottom: 30px;
    float: none !important;
    max-width: none !important;
}

.seriesHospitalityOffer > div {
    font-size: initial;
    font-weight: 600;
}

.seriesHospitalityOffer > a {
    font-family: 'Source Sans Pro',sans-serif !important;
    font-weight: normal !important;
    -webkit-font-smoothing: inherit !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 1.2rem !important;
    border: none !important;
    -moz-border-radius: 22px !important;
    -webkit-border-radius: 22px !important;
    border-radius: 22px !important;
    line-height: 20px !important;
    min-height: 20px !important;
    height: auto !important;
    padding: 12px !important;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    background: #666;
    color: #fff !important;
    min-width: 140px !important;
    width: auto !important;
    text-decoration: none !important;
    box-sizing: content-box !important;
    text-shadow: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    margin: 0;
    display: inline-block;
    text-align: center !important;
    background-image: none !important;
    text-indent: 0 !important; 
} 




/* Ticket Availablilty */
body:not(.display-availability) .extras,
body:not(.display-availability) span.occupancy,
body:not(.display-availability) #selectedAreaInfo .menu .availSeats,
body:not(.display-availability) #selectedAreaInfo .selected .availSeats {
    display: none !important;
}

span.occupancy {
    font-size: 1.2rem;
    font-weight: 600;
    height: auto;
    padding: 0;
    background: none !important;
    color:inherit !important;
}

span.occupancy:not(:empty):before {
    position: relative !important;
    top: auto;
    left: auto;
    right: auto;
    bottom:auto;
    width: 16px !important;
    height: 16px !important;
    z-index: inherit !important;
    margin: 4px;
    margin-left: 0;
    vertical-align: inherit;
    border-radius: 50%;
    text-align: center;
    background: #1673e6;
    display: inline-block;
}

span.occupancy.SoldOut:before,
span.occupancy.soon:before,
span.occupancy.HighSeatsOccupancy:before,
span.occupancy.HighSeatsOccupation:before {
    background-color: #df6060;
}

span.occupancy.MediumSeatsOccupancy:before,
span.occupancy.MediumSeatsOccupation:before {
    background-color: #ffc000;
}

span.occupancy.LowSeatsOccupancy:before,
span.occupancy.LowSeatsOccupation:before {
    background-color: #00b670;
}

span.occupancy:not(:empty):before {
    color: white;
    font: normal normal normal 10px/1 FontAwesome;
    content: "\f00c";
    line-height: 16px;
}

span.occupancy.SoldOut:before,
span.occupancy.HighSeatsOccupancy:before,
span.occupancy.HighSeatsOccupation:before {
    content: "\f12a";
}

.screen-HospitalityEvents_aspx span.occupancy,
.screen-hospitalityevents_aspx span.occupancy,
.screen-hospitalityevent_aspx span.occupancy,
.screen-HospitalityEvent_aspx span.occupancy {
    display: none !important;
}

@media screen and (max-width: 780px) and (min-width: 1px){
    
    span.occupancy {
        padding-left: 0;
    }
    
    .screen-recommendedevents_aspx .item_background .small_text_b,
    .screen-RecommendedEvents_aspx .item_background .small_text_b {
        text-align: center;
    }

}

span.occupancy.SoldOut:before,
span.occupancy.soon:before {
    content: "\f00d";
}


/* 1505 4230 v2 */

/* Basket Fix */

#DeleteButton {
    width: auto !important;
}

/* Warning Icon */

.showPopupMessage-warningheaderIcon:before {
    content:"\f06a";
    font-family: fontAwesome;
}

/* Promo */

#eventPage.hallMap .promoBox #promoInput {
    text-transform: uppercase;
	font-family: courier !important;
	font-size: 14px;
}

.promoBox .number {
    text-transform: uppercase;
    padding: 2px 0 2px 5px !important;
    font-weight: 600;
    font-size: inherit;
}

/* Post Delivery Address */

#deliveryAddressForm,
.deliveryMethod.hasForm:not(.selected) #deliveryAddressForm {
    display: none;
}

#deliveryAddressForm, #printingMethodDetailForm, #AccessCardMethodDetailForm {
    position: relative;
    padding: 20px;
    border: none;
    border-top: 1px solid #e9e9e9;
    background: none;
    display: block;
    top: auto;
    right: auto;
	width: 100%;
    border-radius: 0;
}

#deliveryAddressForm .ui-autocomplete-input,
#printingMethodDetailForm .ui-autocomplete-input,
#AccessCardMethodDetailForm .ui-autocomplete-input {
	width: 100%;
	height: 42px;
    border: 1px solid #e9e9e9;
    width: 100% !important;
    box-sizing: border-box;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
    -webkit-appearance: none;
	appearance:none;
    padding: 0;
}

#deliveryAddressForm #qasContainer {
    display: none !important;
}

#deliveryAddressForm .row.CheckBox.UseBillingAddress {
    display: none;
}

#deliveryMethod .dialogForm {
	background: none;
    padding: 0;
    border-radius: 0;
    margin: 0;
}

#deliveryAddressForm .label, #printingMethodDetailForm .label, #AccessCardMethodDetailForm .label {
	display: block;
}

#deliveryAddressForm .column {
    display: block;
	float: none;
    padding: 0;
    margin: 0;
}

#deliveryAddressForm .field {
    padding: 0;
    font-size: 0;
}

#deliveryAddressForm .field .ui-combobox a {
    display: none;
}

#deliveryAddressForm H3 {
    display: block;
}

#deliveryAddressForm FIELDSET {
	background: none !important;
}

/*

#deliveryAddressForm input[type=text],
#deliveryAddressForm input[type=password],
#deliveryAddressForm input[type=tel],
#deliveryAddressForm input[type=email],
#deliveryAddressForm SELECT,

#deliveryAddressForm input[type=text]:disabled,
#deliveryAddressForm input[type=password]:disabled,
#deliveryAddressForm input[type=tel]:disabled,
#deliveryAddressForm input[type=email]:disabled,
#deliveryAddressForm SELECT:disabled {
    opacity: 1;
    border-color: #bbb;
    border: none;
    background: none;
    padding: 0;
    font-size: 1.5rem !important;
    width: 100%;
    height: auto;
    color: black;
}

*/


/* 1505 4231 v1 */

/* Date Icon */

#eventsList .itemsList .dataItem .itemsDateRange:before {
    display: none;
}

/* Mobile Date */

@media screen and (max-width: 780px) and (min-width: 1px){
    
    #ctl00_body_MerchandiseListControl .dataItem .itemsDateRange, #PH_Hospitality_events #ctl00_body_EventsListControl .dataItem .itemsDateRange, #ctl00_body_SeriesListControl .dataItem .itemsDateRange {
    height: auto;
    } 
    
}

/* Additional Seat Type */

.seat.severely-restricted-view:not(.c):not(.o),
.seat.Severely-Restricted-View:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-severely-restricted-view.png') !important;
}

.seat.ambulant:not(.c):not(.o),
.seat.Ambulant:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-ambulant.png') !important;
}

/* Test Friends & Family Fix */

#relatedCustomerCreate FIELDSET .row {
    clear: both;
}

#relatedCustomerCreate #frmCreateAccount .row.FirstName,
#relatedCustomerCreate #frmCreateAccount .row.LastName {
	width: 100%;
}

@media screen and (min-width: 781px){

    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.relatedCustomerDialog.relation-friend.ui-draggable.ui-resizable,
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.relatedCustomerDialog.relation-family.ui-draggable.ui-resizable {
        top: 0 !important;
        max-height: 100%;
        position: fixed !important;
        overflow: auto;
    }
    
}

/* World Pay Billing */

.screen-worldpay_worldpay_aspx .screen-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.billingAddress {
    height: auto !important;
    width: 357px !important;
    background: none !important;
    margin: 0 auto!important;
}

.billingAddress > div:first-child label {
    line-height: 32px!important;
}

.billingAddress > div,
.billingAddress .row {
    background: none !important;
    overflow: hidden !important;
    margin-top: 23px !important;
}

.billingAddress .row .label {
    background: none !important;
    width: 110px !important;
    text-align: right !important;
    padding-right: 27px !important;
    font-weight: normal !important;
    font-size: 15px !important;
    font-family: "Arial", "Helvetica", sans-serif !important;
    line-height: 32px !important;
}

.billingAddress .row input {
    font-size: 14px !important;
    padding: 8px 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    width: 147px !important;
}

.billingAddress .row select { 
    font-size: 14px !important;
    padding: 8px 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    width: 169px !important;
    height: 37px !important;
}

#simplePay-dialog #paymentSection + .row {
    width: auto;
    margin: 0 auto;
    display: flex;
    margin: 20px auto;
    justify-content: space-between;
}

.ui-button.WPPaymentButton {
    left: auto !important;
}

@media screen and (max-width: 480px) and (min-width: 1px){
    
    .billingAddress { 
        width: 300px !important;
    }
    
    .billingAddress > div,
    .billingAddress .row {
        margin-top: 5px !important;
    }

    
    .billingAddress .row input {
        width: 272px !important;
    }
    
    .billingAddress .row select {
        width: 295px !important;
    }
    
    .billingAddress .row .label {
        clear: both;
        float: none !important;
        display: block !important;
        text-align: left !important;
        line-height: 15px !important;
    }
}

/* 1505 4231 v2 */

/* Seperate Delivery Page */

.screen-delivery_aspx #deliveryForm,
.screen-delivery_aspx #deliveryMethod {
    padding: 0;
}

.screen-delivery_aspx #deliveryMethod {
    margin-top: 20px;
}

.screen-delivery_aspx #deliveryForm {
    background: none !important;
}

.screen-delivery_aspx #ticketCollectionForm {
    display: block !important;
}

.screen-delivery_aspx #chkShowTicketCollection {
    opacity: 0;
}

.ticketCollectionSection label {
    opacity: 0;
}

.ticketCollectionSection table tbody TD {
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top; 
}

.ticketCollectionSection {
    padding: 20px;
    background: white;
    border: 1px solid #e9e9e9
}

.ticketCollectionSection h2 {
    margin: 0;
}

.ticketCollectionSection p.small_text_a {
    margin: 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
}

#ticketCollectionForm {
    padding: 0 !important;
    position: relative;
    height: auto !important;
    overflow: hidden;
}

#ticketCollectionForm table {
    width: 100%;
}

#ticketCollectionForm tr:after {
    content: "";
    display: table;
    clear: both;
}

#ticketCollectionForm tr td[data-th="Description"] {
    font-weight: 600;
}

#ticketCollectionForm tr td[data-th=" "],
#ticketCollectionForm tr td[data-th="Description"]:before,
#ticketCollectionForm tr td[data-th="Collection Method"]:before,
#ticketCollectionForm tr td.select-print-options:before,
#ticketCollectionForm tr td.print-options:before,
#ticketCollectionForm tr td[data-th="Details"]:before,
#ticketCollectionForm tr td[data-th="Owner"]:before,
#ticketCollectionForm tr td[data-th=" "]:before,
#ticketCollectionForm tr td[data-th="Description"]:before {
    display: none !important;
}

@media screen and (min-width: 781px){

    #ticketCollectionForm tr {
        display: table-row;
        clear: both;
        min-height: 0px;
        position: relative;
        padding: 0;
    }
    
    #ticketCollectionForm tr td {
        white-space: nowrap;
        float: none;
        vertical-align: middle;
    }
    
    #ticketCollectionForm tr td[data-th="Description"] {
        padding-left: 0;
        white-space: normal;
    }

    #ticketCollectionForm tr td[data-th="Collection Method"] {
        width: 100%;
        text-align: right;
    }

    #ticketCollectionForm tr td.select-print-options,
    #ticketCollectionForm .print-options {
        min-width: 186px;
        clear: none;
        display: table-cell !important;
    }

    select.print-options-selector {
        max-width: 186px !important;
    }
    
    #ticketCollectionForm .print-options {
        padding-right: 30px;
    }
    
}

#ticketCollectionForm tr td > * {
     width: 100%;
}

@media screen and (max-width: 780px) and (min-width: 1px){
    
    #ticketCollectionForm tr td[data-th="Description"] {
        float: none;
    }

	#ticketCollectionForm tr td {
		padding-top: 0;
    }

	#ticketCollectionForm tr {
		margin-bottom: 0;
	}
    
    #ticketCollectionForm tr td.select-print-options,
    #ticketCollectionForm .print-options {
        float: none;
        max-width: none !important;
    }
    
    #ticketCollectionForm select,
    #ticketCollectionForm input[type=text] {
        max-width: none;
    }
    
}

#ticketCollectionForm table td:not(.delete_button):not(.status-column):not(.description-column)::before,
#ticketCollectionForm tr td:before {
    content: attr(data-th);
}

/* Other Delivery Options */

#deliveryMethodSelection {
    margin: 0;
}

.screen-delivery_aspx .deliveryHint {
	float: none;
	max-width: none;
	top: auto;
	left: auto;
	margin: 0 0 20px 0;
}

.screen-delivery_aspx .deliveryHint + div {
	float: none;
	width: 100%;
}

.screen-delivery_aspx .deliveryMethod,
.screen-delivery_aspx .deliveryMethod.selected {
    background: #fff !important;
    padding: 0 !important;
    position: relative;
    height: auto !important;
    margin-bottom: 20px !important;
    border-radius: 10px !important;
}

.screen-delivery_aspx .deliveryMethod.selected {
    border: 1px solid #e9e9e9 !important;
}

.screen-delivery_aspx .deliveryMethod.selected {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
}

.deliveryMethod LABEL .image-container,
.screen-delivery_aspx .deliveryMethod LABEL .image-container { 
    display: none;
}

.screen-delivery_aspx .deliveryMethod .description {
    padding: 0 !important;
}

/* Seperate Delivery Page - Buttons */

.screen-delivery_aspx .pageButtonsContainer {
    margin-right: 0;
    padding: 20px 0 0;
    overflow: hidden;
}

.screen-delivery_aspx .pageButtonsContainer INPUT.small_button_a {
    float: right;
}

.screen-delivery_aspx .pageButtonsContainer INPUT.small_button_b {
    float: left;
}

.screen-delivery_aspx .pageButtonsContainer INPUT.small_button_c {
    display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px){

    /*.screen-delivery_aspx .pageButtonsContainer INPUT.small_button_b {
        display: none;
    }*/

	.ph_delivery_details .pageButtonsContainer #btnClear {
		position: relative;
		top: auto;
		left: auto;
	}
}







/* Ticket Collection Bug Fix */

@media screen and (min-width: 781px){
    #ticketCollectionForm .print-options {
        padding-right: 1em;
    }
    
    /* Further Tweaks Test */
    
    .screen-delivery_aspx .ticketCollectionSection table tbody TD {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    
    #ticketCollectionForm tr td[data-th="Description"]{
        position: absolute;
        padding-top: 15px;
    }
    
    #ticketCollectionForm tr td[data-th="Row"]{
        padding-left: 0;
    }
    
    #ticketCollectionForm .print-options,
    #ticketCollectionForm tr td[data-th="Collection Method"] {
        padding-top: 10px;
    }
}

/* IE Fix for Filter */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    
    .areas-filter-panel {
        display: block;
    }
    
    .areas-filter-panel__qty-section,
    .areas-filter-panel__price-section {
        display: inline-block;
    }
}

/* 1505 4231 v4*/

/* Recommended Shows */

#PH_Recommended_shows {
    min-height: 0 !important;
}

.showslist {
    margin-top: 40px;
}

#ctl00_body_ShowsListControl .dataItem {
	margin: 0 30px 30px 0;
	display: block;
	float:left;
	width: calc(25% - 22.5px);
	box-sizing: border-box;
}

#ctl00_body_ShowsListControl .item_image_container {
    float: none !important;
    height: auto !important;
    width: 100% !important;
}

#ctl00_body_ShowsListControl .dataItem .item_image_container div.item_image {
	min-height: 210px;
}

#ctl00_body_ShowsListControl .item_image img {
	border:none;
	max-width: calc(100% - 30px);
	max-height: 180px;
}

#ctl00_body_ShowsListControl .dataItem:nth-child(4n+5) {
	margin-right: 0;
}

#ctl00_body_ShowsListControl .dataItem .itemsDateRange {
	height: 20px;
    padding: 10px 0;
    width: 100% !important;
    position: relative;
    left: auto;
    bottom: auto;
    color: inherit;
    text-align: center;
	border-top: 1px solid #e9e9e9;
}

#ctl00_body_ShowsListControl .dataItem .itemsDataContainer {
	margin-left:0;
	border:none;
	padding: 0;
	background-color: rgba(0, 0, 0, 0.8);
	width: 100% !important;
	min-height: 80px;
    bottom: 106px;
}

#ctl00_body_ShowsListControl .dataItem .description {
	height: auto;
    padding: 20px;
    text-align: center;
	width: calc(100% - 40px);
}


#ctl00_body_ShowsListControl .dataItem .name {
	width: 100%;
	width: calc(100% - 20px);
	padding: 20px 10px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
    font-size: 1.5em !important;
	border-top: 1px solid #e9e9e9;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#ctl00_body_ShowsListControl .dataItem .name {
		font-size: 1em !important;
	}

}

#ctl00_body_ShowsListControl .dataItem .itemsButtonsContainer {
	position: relative;
	bottom:0;
	text-align: center !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#ctl00_body_ShowsListControl .dataItem {
		margin: 0;
		float:none;
		width: 100% !important;
		border-top:none;
	}

	#ctl00_body_ShowsListControl .item_image_container {
		margin-top: 0;
		border: none;
	}

	#ctl00_body_ShowsListControl .dataItem .item_image_container div.item_image {
		min-height: 0;
		border: none;
	}

	#ctl00_body_ShowsListControl .dataItem .itemsDataContainer {
		background-color: transparent;
		min-height: 0;
		position: relative;
		bottom: auto !important;
		top: auto !important;
		height: auto !important;
		
	}

	#ctl00_body_ShowsListControl .dataItem .name {
		display: block;
		position: relative;
		height: auto;
		top:auto !important;
		bottom: auto !important;

	}

	#ctl00_body_ShowsListControl .dataItem .itemsButtonsContainer {
		top:auto !important;
    	height: auto !important;
	}
    
}

/* Full Width Season Tickets / Hospitality */

/*

#ctl00_body_ShowsListControl .dataItem {
	margin: 0;
	width: 100%;
}

#ctl00_body_ShowsListControl .item_image_container {
	float: right !important;
	width: auto !important;
	min-height: 100px !important;
	min-width: 0 !important;
}

#ctl00_body_ShowsListControl .dataItem .item_image_container div.item_image {
	min-height: 0;
}

#ctl00_body_ShowsListControl .dataItem .item_image_container .item_image img {
    border-left: 1px solid #e9e9e9;
}

#ctl00_body_ShowsListControl .dataItem .itemsDataContainer {
	padding: 20px;
    width: auto !important;
	min-height: 0;
	bottom: auto !important;
	background: none;
}

#ctl00_body_ShowsListControl .dataItem .name {
	width: auto;
    padding: 0;
    height: auto;
    display: block;
    font-size: 1.5em;
    border-top: none;
	position: relative;
}

@media screen and (min-width: 781px) {
	
	#ctl00_body_ShowsListControl .dataItem .name {
		text-align: left;
	}
    
    #ctl00_body_ShowsListControl .dataItem .description {
		text-align: left;
	}
	
}

#ctl00_body_ShowsListControl .dataItem .description {
    padding: 0;
    width: auto;
	visibility: visible;
	opacity: 1;
    color: inherit;
}

#ctl00_body_ShowsListControl .dataItem .itemsDateRange {
    text-align: left;
    border-top: none;
    padding: 20px;
	display: none !important; 
}

#ctl00_body_SeriesListControl .dataItem .itemsDateRange .rangetitle {
	display: none !important;
}

#ctl00_body_ShowsListControl .dataItem .itemsButtonsContainer {
	margin-top: -1px !important;
	text-align: right !important;
	min-height: 44px !important;
}

#ctl00_body_ShowsListControl .dataItem .itemsButtonsContainer > div {
	display: inline-block !important;
	margin-bottom: 0 !important;
}

#ctl00_body_ShowsListControl .dataItem .itemsButtonsContainer > div.moreInfo {
    display: none !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
    
	#ctl00_body_ShowsListControl .item_image_container {
		float: none !important;
		min-height: 0 !important;
	}
    
	#ctl00_body_ShowsListControl .dataItem .item_image_container .item_image img {
		border-left: none;
	}
    
	#ctl00_body_ShowsListControl .dataItem .itemsButtonsContainer {
		text-align: center !important;
	}
    
    #ctl00_body_ShowsListControl .dataItem .itemsDateRange {
		text-align: center;
		width: auto !important;
		display: block;
	}
}

*/

/* Shows */

#group_main, #group_Header #PH_Menu>* {
    width: auto;
    float: none;
}

#PH_Show_page .ShowEventsitemsList {
    padding-left: 0;
}

#PH_Show_page .ShowEventsitemsList .itemsDataContainer .name,
#PH_Show_page .showName {
    text-transform: none;
    padding: 0;
    font-size: 1.5em !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#PH_Show_page .ShowEventsitemsList .itemsDataContainer .name,
	#PH_Show_page .showName {
		font-size: 1em !important;
	}

}


#PH_Show_page #dateSelect {
    background-color: white;
    float: right;
    margin: 20px 0;
}

.ShowEventsitemsList .dataItem .extras {
    border-top:none;
}

@media screen and (max-width: 780px) and (min-width: 1px){
    
    .showslist {
        margin-top: 0;
        padding-top: 0 !important;
    }
    
    #itemsListLabel {
        display: none;
    }
    
    .recommendedShows.showslist:not(.searchResult) .itemsList .dataItem .button.small_button_a A, .recommendedShows.showslist:not(.searchResult) .itemsList .dataItem .button.small_button_a A:hover {
        margin: 0;
    }
    
}

/* 1505 4232 v1 */

/* Tidy Up / Snags */

.selectTickets.mode-grouped .row .total.zero:after,
.selectTickets.mode-grouped .row .pricing:before,
.selectTickets.mode-grouped .row .pricing:after {
    display: none;
}

.selectTickets.mode-grouped .row .total {
    padding-right: 0;
}

@media screen and (min-width: 781px){
    
    .selectTickets .row {
        display: table;
    }

    .selectTickets .row.template {
        display: none;
    }
    
    .selectTickets .row .priceTypes, .selectTickets .row .priceType {
        width: 70%;
    }
    
    .selectTickets.mode-grouped .row .pricing {
        margin-left: 5px;
    }

}
 
/* Basket */

#basketContainer .basketTotals {
    display: none;
}

#offersContainer .promptsContainer .elementItem .imgContainer,
.promptExtras-dialog .promptExtrasDlg .elementItem .imgContainer {
    width: auto;
    max-width: 100px;
    height: auto;
    background: none;
}

#paymentPromptMessages ul {
	padding: 20px !important;
}

#PH_Order_page .promptItem .item_background > .itemsButtonsContainer select {
    height: 29px;
    margin-right: 10px;
}

@media screen and (max-width: 780px) and (min-width: 1px){
    
    .selectTickets .tickets .row .pricing {
        float: none;
        margin: 0 0 0 5px;
    }
    
    .promptItem .item_background > .itemsDataContainer,
    .promptItem .item_background > .itemsButtonsContainer {
        border:none;
    }
    
    #PH_Order_page .promptItem .item_background>.itemsButtonsContainer {
        float: none !important;
        border: none;
    }
    
    .promptItem .item_image {
        display: none !important;
    }

}

/* Donation */

.screen-Checkout_aspx .roundUpDonationSection {
    box-sizing: border-box;
}

/* Login */



@media only screen and (max-width: 480px) and (min-width: 1px){
    body>.ui-dialog .ui-dialog-content {
        top: 40px;
    }
}

/* Content Tables */

.scroll-table {
     width: 100%;
    border-spacing: 0;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
}
    
.scroll-table th,
.scroll-table td {
     padding: 10px;
}
     
 .scroll-table tr:nth-child(even) {
    background-color: #fff;
}

.content-images {
    width: calc(100% + 20px);
    margin-left: -10px;
    border-spacing: 10px;
}

/* 1505 4233 v1 */

/* Galleria */

#PH_Galleria {
    display: none;
}

/* Back to Stadium Map Button */

#eventPage.seated #hallMap > .magnify:before, 
#eventPage.non-seated #hallMap > .magnify:before {
    content: "Back to Area Selection"; 
}

html[lang="nl-NL"] #eventPage.seated #hallMap > .magnify:before, 
html[lang="nl-NL"] #eventPage.non-seated #hallMap > .magnify:before {
    content: "Terug naar stadion"; 
}

body.hospitality #eventPage.seated #hallMap>.magnify:before,
body.hospitality #eventPage.non-seated #hallMap>.magnify:before {
	content: "Back to Package Selection"; 
}

/* Availability Switch */

.fh-switch>[type="checkbox"] {
    display: none;
}

/* Help Panel */

#eventPage.non-seated #leftPane,
#eventPage.hallMap #leftPane,
#eventPage #leftPane {
    display: block;
}

#eventPage.hallMap #HelpDeskRequestPanel {
    margin: 0 !important;
    clear: both;
    float: none;
    padding: 20px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    width: 100%;
    box-sizing: border-box;
}

.highlight .ui-icon:after {
    font: normal normal normal 11px/1 FontAwesome;
    content: "\f05a";
    color: #666;
}

.highlight .ui-icon {
    text-indent: 0;
    background: none;
    margin-right: 0
} 

#eventPage.non-seated #ticketsPane {
    float: none;
    clear: both;
}

/* Best Available Instructions */

#eventPage.non-seated #content #instructions {
    display: none;
}

@media screen and (min-width: 781px){
    
    #eventPage.non-seated .selectTickets .priceLevels {
        padding-top: 20px;
    }
    
}

/* Timer */

#eventPage .timer {
    display: none;
}

/* See More Areas Dropdown */

#eventPage.seated #content,
#eventPage.non-seated #content {
    overflow: visible;
    clear: both;
}

/* Expose Key */

.seat-tooltip .seat.legend-icon, .selectTickets .row div.priceLevels, .priceLevelImages .seat, .priceLevelInfo span.seat, #selPriceLevel-menu span.seat, .basket-section .ticket {
    background-image: url('../cus/release/css/core/images/seat-key.png');
}

#selectedAreaInfo .priceLevelImages .seat {
    display: inline-block !important;
    margin: 5px 5px 5px 0;
}

#selectedAreaInfo .priceLevelImages span.additionalPrices {
    display: block !important;
}

#selectedAreaInfo .pricelevel-image-container .price {
    margin-left: 0;
}

#selectedAreaInfo .priceLevelImages span.additionalPrices>span>.price {
    font-style: normal;
    font-weight: inherit;
}

#selectedAreaInfo .button-moreDetails, #selectedAreaInfo.moreInfo .priceLevelImages span.additionalPrices {
    display: none !important;
}

.seat-tooltip .info {
    margin: 5px 0;
    font-weight: 600;
}

.seat-tooltip .row,
.seat-tooltip .label {
    display: inline-block !important;
    margin-left: 0 !important;
}

#selectedAreaInfo .priceLevelImages span.additionalPrices > span {
    font-size: inherit;
    line-height: normal;
    color: #6e6f6f;
}

#selectedAreaInfo .priceLevelImages span.additionalPrices:before,
#selectedAreaInfo .priceLevelImages span.additionalPrices:after {
    display: none;
}




/* Available Seats */

#selectedAreaInfo .availSeats {
    border-radius: 5px !important;
}



/* Seat Positions */

#positionButtonDiv {
    opacity: 1;
    background: none;
    right: 0;
    top: -40px;
    left: auto;
    padding: 0;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(15,15,15,.1);
    box-shadow: 0 4px 8px 0 rgba(15,15,15,.1);
    overflow: hidden;
    height: auto;
    zoom: 1;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
    #positionButtonDiv {
        display: none !important;
    }
}

#positionButtonDiv > .pan {
    display: none;
}

#positionButtonDiv > .zoom {
    margin: 0;
}

#positionButtonDiv .zoom-level {
    display: none;
}

#positionButtonDiv > .zoom > button {
    display: block;
    width: 32px !important;
    height: 32px !important;
    background-image: none !important;
    padding: 0;
    margin: 0;
    transition: .2s;
    cursor: pointer;
    transform: translate(0,0);
}

#positionButtonDiv > .zoom > button:hover {
    background: #edf5fe;
}

#positionButtonDiv .zoom button:before {
	display: block !important;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#positionButtonDiv button.button-zoom-in {
    float: right;
}

#positionButtonDiv button.button-zoom-in:before {
    content: "\f067";
}

#positionButtonDiv button.button-zoom-out:before {
    content: "\f068";
}







/* Seat Tooltip */

    .qtip.seat-tooltip,
    .qtip.venueImageTooltip {
        border-radius: 10px !important;
        font-size: 1.5rem;
        background: #fff;
        border: none !important;
        box-shadow: rgba(15, 15, 15, 0.2) 0px 2px 5px 0px;
        padding: 0;
        overflow: hidden;
    }

    .qtip.seat-tooltip .qtip-content,
    .qtip.venueImageTooltip .qtip-content {
        padding: 12px !important;
        line-height: normal;
    }

    .qtip.seat-tooltip .qtip-content > div,
    .qtip.venueImageTooltip .qtip-content > div {
        display: block !important;
    }

    .qtip.seat-tooltip .row.label,
    .qtip.seat-tooltip .row.number,
    .qtip.seat-tooltip .seat.label,
    .qtip.seat-tooltip .seat.number,
    .qtip.seat-tooltip .priceLevel-info,
    .qtip.seat-tooltip .info,
    .qtip.venueImageTooltip .areaName,
    .qtip.venueImageTooltip .pricing,
    .qtip.venueImageTooltip .availSeats {
        display: inline-block;
    }

    .noPricing .qtip.seat-tooltip .priceLevel-info,
    .qtip.seat-tooltip .seat.legend-icon,
    .qtip.seat-tooltip .seatInstruct,
    /*.qtip.seat-tooltip .info,*/
    .qtip.seat-tooltip .row.label:after,
    .qtip.seat-tooltip .row.number:after,
    .qtip.seat-tooltip .seat.label:after,
    .qtip.seat-tooltip .seat.number:after {
        display: none;
    }

    .qtip.seat-tooltip .info {
        margin: 0;
        color: #6e6f6f;
        float: right;
        width: 100%;
    }

    .qtip.venueImageTooltip .areaName {
        font-size: inherit;
        font-weight: normal;
        margin: 0 !important;
        padding: 0 !important;
        line-height: normal;
    }

    .qtip.seat-tooltip .priceLevel-info {
        border: none;
        padding: 0;
        margin: 0;
    }

    .qtip.venueImageTooltip .pricing .maxPrice {
        font-size: inherit;
        font-weight: normal;
    }

    .qtip.venueImageTooltip .pricing .ticket {
        display: none;
    }

    .qtip.venueImageTooltip .pricing .levelName {
        display: inline;
    }

    .qtip.seat-tooltip .priceLevel-info:before,
    .qtip.venueImageTooltip .pricing .levelName:after{
        display: inline;
        content: " · ";
        padding-left: 0.3rem;
    }
    
    .qtip.venueImageTooltip .help-hint {
        display: none;
    }

    .qtip.venueImageTooltip .availSeats {
        color: #6e6f6f;
        margin-bottom: 0;
        margin-top: 0;
        border-top: none;
    }

    .qtip.venueImageTooltip .availSeats .areaAvail {
        display: none;
    }





/* Explain */

.buttonExplain{
    color: #df6060;
}











/* Filter Improvements */


 #eventPage.hallMap .venueAreas .areas-filter-panel {
    padding: 0 0 20px;
    line-height: 30px;
}

#eventPage.hallMap .venueAreas .areas-filter-panel h2,
#eventPage.hallMap .venueAreas .areas-filter-panel h3 {
    display: none;
}

#eventPage.hallMap .venueAreas .areas-filter-panel > * {
     margin: 0 20px 0 0;
}

#eventPage.hallMap .venueAreas .areas-filter-panel input {
    display: none;
}



#eventPage.hallMap .venueAreas .areas-filter-panel input.ui-spinner-input[type=number] {
    font-size: inherit;
    width: 100%;
    display: inline;
    width: 80px;
    min-width: 0;
    max-width: none;
    margin: 0;    
    text-align: left;
    height: 34px;
    padding: 10px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #e9e9e9;
    border-radius: 4px;
    outline: none;
    vertical-align: middle;
}

#eventPage.hallMap .venueAreas .areas-filter-panel input.ui-spinner-input[type=number].areas-filter-panel__qty-input {
    background: white;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__min-sum-wrapper .currency-symbol,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__max-sum-wrapper .currency-symbol,
#eventPage.hallMap .venueAreas .areas-filter-panel input.ui-spinner-input[type=number].areas-filter-panel__min-sum-input,
#eventPage.hallMap .venueAreas .areas-filter-panel input.ui-spinner-input[type=number].areas-filter-panel__max-sum-input {
    border: none !important;
    font-weight: 600;
}

#eventPage.hallMap .venueAreas .areas-filter-panel input.ui-spinner-input[type=number].areas-filter-panel__min-sum-input,
#eventPage.hallMap .venueAreas .areas-filter-panel input.ui-spinner-input[type=number].areas-filter-panel__max-sum-input {
    padding-left: 0;
	line-height: 34px;
    border-radius: 0;
}

label.areas-filter-panel__max-sum > div,
label.areas-filter-panel__min-sum > div {
    display: none !important;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .ui-widget.ui-widget-content {
    border: none;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .ui-spinner {
    border: none !important;
    height: auto !important;
}


.areas-filter-panel__price-range {
    margin-top: auto;
	margin-bottom: auto;
    background: #efefef;
}

.ui-slider-horizontal .ui-slider-handle {
    border-radius: 50%;
}

.areas-filter-panel__price-range-slider-range {
    background: #00b670 !important;
}

#eventPage.hallMap .venueAreas .areas-filter-panel label > div {
    display: inline;
    line-height: 30px;
	margin-right: .3em;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__qty {
    width: auto;
    min-width: 0;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .ui-widget-content {
    vertical-align: middle;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__qty-section {
     min-width:0;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__qty-section>label {
    display: inline-block;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .ui-spinner a.ui-spinner-button {
     display: none;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__qty-wrapper .currency-symbol,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__min-sum-wrapper .currency-symbol,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__max-sum-wrapper .currency-symbol,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__max-sum > div,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__min-sum > div {
    vertical-align: middle;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__price-section--no-choice {
    display: none;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__reset-button {
    height: 34px;
    background: #e7e6e8;
    border-radius: 8px;
    margin: 0;
    font-size: inherit;
    padding: 6px 12px;
    display: block;
}

.areas-filter-panel .ui-slider-horizontal .ui-slider-handle {
    border: 1px solid #dadada !important;
    background: #e6e6e6 url('../style/images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x !important;
    font-weight: normal;
    color: #555;
    top:-4px;
}

/* Series Hospitality Offewr */

.seriesHospitalityOffer {
    padding: 20px;
    text-align: left;
    background: #222;
    color: #fff;
}

.seriesHospitalityOffer > div {
    display: inline;
}

.seriesHospitalityOffer a {
    float: right;
}

.seriesHospitalityOffer:after {
    content: "";
    clear: both;
    display: block;
}

/* Help Desk Request Forms */

#requestActionData input::placeholder {
         color: transparent;
    }

.screen-helpdeskrequestform_aspx form {
    padding: 0;
}

#requestActionData .ui-autocomplete-input,
#requestActionData .row.TextBox input, 
#requestActionData .row select, 
#requestActionData .row textarea {
    height: 42px;
    border: 1px solid #e9e9e9 !important;
    width: calc(100% - 2px) !important;
    max-width: 600px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
    -webkit-appearance: none;
	appearance:none;
    padding: 0;
}

#requestActionData  FIELDSET {
    margin: 0;
}

#requestActionData + .buttonsContainer .small_button_b {
    float: left !important;
}

#requestActionData .row textarea {
    text-indent: 0;
	padding: 10px;
	height: 100px;
}

/*

#requestActionData .row.TextBox span.ui-spinner {
    max-width: 600px;
    padding-left: 0 !important;
}

@media screen and (max-width: 780px) and (min-width: 1px){
    
    #requestActionData .ui-spinner .ui-spinner-button.ui-spinner-down, 
    #requestActionData .ui-spinner .ui-spinner-button.ui-spinner-up {
        height: 21px !important;
    }
    
    #requestActionData .ui-spinner .ui-spinner-button.ui-spinner-down span:before, 
    #requestActionData .ui-spinner .ui-spinner-button.ui-spinner-up span:before{
        display: none;
    }
    
    #requestActionData .ui-spinner .ui-spinner-button.ui-spinner-down{
        top: auto;
        bottom: 0;
    }
    
}

*/

#requestActionData .row.TextBox input, 
#requestActionData .row select {
    height: 42px;
}

#requestActionData {
    max-width: 400px;
    padding: 0;
    margin: 0 auto;
    width: auto;
    padding-top: 40px; 
}

#requestActionData .header h2 {
    background: none;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-radius: 0;
    border-bottom: 1px solid #e9e9e9;
    font-size: 1.5em;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#requestActionData .header h2 {
		font-size: 1.2em;
	}

}


#requestActionData .mandatoryFieldMarker {
    padding-right: 0;
}

#requestActionData FIELDSET .column {
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    float: none;
    width: 100%;
}

#requestActionData FIELDSET .row {
    float: none;
    display: block;
    padding: 0;
    margin: 0 0 20px 0;
}
    
#requestActionData FIELDSET .row>* {
    display: block;
    float: none;
    padding: 0;
    white-space: normal;
    width: auto;
}

#requestActionData + .buttonsContainer {
    max-width: 400px;
    margin: 0 auto;
    padding: 0;
    margin-top: 20px;
}

/* Fixed Header Dropdown on Desktop */

@media screen and (min-width: 781px){

    .nav {
        margin-top: 0 !important;
    }
    
    #group_Header-fixed.primary ul.nav {
        height: 50px;
        border :none;
        width: 0;
        min-width: 0;
        transition: min-width 0.2s ease;
        overflow: hidden;
        top:50px;
    }
    
    #group_Header-fixed.primary ul.nav>li button.BuyMore,
    #group_Header-fixed.primary ul.nav>li button.YouAreHere {
         position: fixed;
         top: 0;
         left: 0;
         display: none !important;
    }
       
	#group_Header-fixed.primary ul.nav:hover {
		margin-bottom: 0 !important;
		left: 0;
		text-align: left;
		padding: 15px;
		background-color: #f6f6f8;
		margin-top: 0 !important;
		height: calc(100vh - 50px)!important;
        box-sizing: border-box;
        min-width: 300px;
        transition: min-width 0.2s ease;
	}
    	
	#group_Header-fixed.primary ul.nav>li,
	#group_Header-fixed.primary ul.nav>li:last-child {
		background: none !important;
        padding: 0 !important;
        min-width: 260px;
	}
	
	#group_Header-fixed ul.nav>li:not(:last-child) {
    	border-bottom: 1px solid #e9e9e9;
}
	
	#group_Header-fixed.primary .nav>li.selected {
		border-left:none !important;
	}
	
	#group_Header-fixed.primary .nav>li.selected,
	#group_Header-fixed.primary .nav>li.youAreHere,
	#group_Header-fixed.primary .nav>li.selected a.navMenu-FirstLevelItem,
	#group_Header-fixed.primary .nav>li.youAreHere a.navMenu-FirstLevelItem,
	#group_Header-fixed.primary ul.nav>li a {
		font-weight: normal !important;
		text-transform: none;
		letter-spacing: normal;
		font-size: 1.6rem;
		padding: 0;
		line-height: 48px;
		border-radius: 0;
		height: auto;
		z-index: 100;
	}
	
	button.expandSubMenuButton:after {
		line-height: 50px;
		top: 0;
		background: url('../cus/release/css/core/images/down-pointer-black.svg') no-repeat center center;
		background-size: 12px;
		height: 50px;
		content: "" !important;
	}

	button.expandSubMenuButton {
		height: 50px;
	}
    
    #group_Header-fixed.primary .nav .navMenu-SubList a {
        line-height: 30px;
		overflow: visible;
	} 
	
	#group_Header-fixed.primary .nav .navMenu-SubList a span {
		overflow: visible;
	} 

}

/* Replace Seat Mini Map */

.replaceSubsTickets #positionButtonDiv {
    right: 0;
    left: auto;
    top: 20px;
}

.replaceSubsTickets .seat_plan_body_css{
    left: 0;
    right: 0;
}

@media screen and (min-width: 781px) {
    
    .replaceSubsTickets .expanded#selectedAreaInfo .menu, #selectedAreaInfo .menu {
        left: 0;
    }
    
    .replaceSubsTickets .infoSection .imageContainer {
        display: block !important;
    }

    .replaceSubsTickets .venueAreasContainerRow:before {
        display: none;
    }
    
    .replaceSubsTickets .item_background {
        margin-bottom: 0 !important;
        border: none !important;
    }
    
    /* .replaceSubsTickets .hallmap {
        display: block !important;
        display: none !important;
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
    } */
    
    .replaceSubsTickets .areaSelectionSection>div.areaSelectorContainer {
        width: 100%;
    }
    
    .replaceSubsTickets #selectedAreaInfo .button-moreDetails {
        display: block !important;
    }
    
    .replaceSubsTickets #selectedAreaInfo .priceLevelImages span.additionalPrices:before,
    .replaceSubsTickets #selectedAreaInfo .priceLevelImages span.additionalPrices:after,
    .replaceSubsTickets #positionButtonDiv > .pan {
        display: none;
    }
    
    .replaceSubsTickets #selectedAreaInfo .price {
        display: inline !important;
        font-style: normal !important;
        margin-left: 0 !important;
    }
    
    .replaceSubsTickets #selectedAreaInfo .selected .area-info-container {
        max-width: 100%;
    }
    
    .replaceSubsTickets #selectedAreaInfo.moreInfo .priceLevelImages span.additionalPrices {
        line-height: 1.5rem;
        margin-bottom: 10px;
    }
    
    .replaceSubsTickets #selectedAreaInfo .priceLevelImages span.additionalPrices>span {
        display: inline-block;
    }
    
    .replaceSubsTickets #selectedAreaInfo .priceLevelImages span.additionalPrices>span:before {
        display: none;
    }
    
    .replaceSubsTickets #selectedAreaInfo .priceLevelImages span.additionalPrices>span:after {
        content: ', ';
        padding-right: 5px;
    }
    
    .replaceSubsTickets #selectedAreaInfo .priceLevelImages span.additionalPrices>span:last-child:after {
        display:none;
    }
    
}


/* Select Area Expanded */

.expanded#selectedAreaInfo .menu #closeAreasList {
    background-color: transparent;
}

/* Payment Hint */

.paymentHint {
    display: none !important;
}

/* No Client - Hide Delivery Address */

body.screen-order_aspx:not(.client-is-logged-in) #deliveryAddressForm {
    display:none;
}

/* No Subs Renew Image */

.subsRenewEntry .imageContainer {
    display: none;
}

/* Some Select Boxes */

#eventPage .priceTypes,
#PH_Order_page .promptItem .item_background>.itemsButtonsContainer select {
    border: 1px solid #dadada;
    border-radius: 4px;
    height: 26px;
    min-width: 100px;
	background-color: #fff;
}


/* 1505 4234 v1 */


/* Basket Error */

 .basket-container .error-is-displayed span.basket-warning {
   display: block;
   width: 100%;
 }
 
 .basket-container span.basket-warning {
  position: relative;
  clear: both;
  display: none;
  top: auto !important;
  margin: 10px 0 0;
  left: auto;
  font-size: inherit;
  color:#df6060;
 }

 .basket-container span.basket-warning a {
  color:inherit;
  text-decoration: underline;
}
 
 .basket-container span.basket-warning > div {
  display: inline-block;
  font-size: 1.2rem;
  max-width: calc(100% - 20px);
 }
 
 .basket-container span.basket-warning.ui-icon:before {
  float: left;
  color:#df6060;
  margin-right: 5px;
 } 









 /* Seat Selection */

#eventPage.seated #content > div {
    clear: none;
    float: none;
}

#eventPage.seated #content #leftPane {
    margin: 0;
    margin-left: auto;
    max-width: 400px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-bottom: none;
    padding: 20px 20px 0;
    position: static;
    float: right;
}

#eventPage.seated #content #ticketsPane {
    margin: 0;
    margin-left: auto;
    max-width: 400px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-top: none;
    padding: 0 20px 20px;
    position: relative;
    float: right;
    visibility: visible !important;
}

#eventPage.seated #content .seatingPlanContainer {
    border: none;
    margin: 40px 0 140px;
    box-sizing: border-box;
    width: calc(100% - 420px);
    float: left;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

    #eventPage.seated #content {
        display: flex;
        flex-direction: column;
    }

    #eventPage.seated #content #leftPane {
        order: 2;
        max-width: none;
    }
    
    #eventPage.seated #content #ticketsPane {
        order: 3;
        max-width: none;
    }
    
    #eventPage.seated #content .seatingPlanContainer {
        order: 1;
        width: 100%;
        margin: 0 0 100px 0;
    }

    #eventPage .seatingPlanContainer:after {
        bottom: -40px;
        height: 30px;
        line-height: 30px;
    }

}

/* Best Available */

#eventPage.non-seated #leftPane {
  margin: 0;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-bottom: none;
  padding: 20px 20px 0;
  position: static;
} 

#eventPage.non-seated .selectTickets .priceLevels {
  display: none;;
}



















/* Comparison Chart */

.comparison-chart {
    position:relative;
    margin: 40px 20px;
  }
  .comparison-chart ul {
    display:flex;
    top:0px;
    z-index:10;
    padding: 0;
    margin: 0;
    width: calc(100% + 1px);
  }
  .comparison-chart li {
    list-style:none;
    flex:1;
  }
  .comparison-chart li:last-child {
    border-right:1px solid #DDD;
  }
  .comparison-chart button {
    width:100%;
    border: 1px solid #DDD;
    border-right:0;
    border-top:0;
    padding: 10px;
    background:#FFF;
    font-size:14px;
    font-weight:bold;
    min-height:60px;
    height: 100%;
    color:#ddd;
    border-bottom: 0;
  }
  .comparison-chart li.active button {
    background:#F5F5F5;
    color:#000;
  }
  .comparison-chart table { border-collapse:collapse; table-layout:fixed; width:100%; }
  .comparison-chart th { background:#F5F5F5; display:none; }
  .comparison-chart td,.comparison-chart th { border:1px solid #DDD; padding:10px; empty-cells:show; }
  .comparison-chart td,.comparison-chart th {
    text-align:left;
  }
  .comparison-chart td+td, .comparison-chart th+th {
    text-align:center;
    display:none;
  }
  .comparison-chart td.default {
    display:table-cell;
  }
  .comparison-chart .bg-white {
    border-top:3px solid #ccc;
  }
  .comparison-chart .bg-red {
    border-top:3px solid #c70101;
  }
  .comparison-chart .bg-black {
    border-top:3px solid #000;
  }
  .comparison-chart td.image {
    font-size: 0;
	padding: 0;
  }
  .comparison-chart img {
    width: 100%;
  }
  .comparison-chart .sep {
    background:#F5F5F5;
    font-weight:bold;
  }
  .comparison-chart .txt-l { font-size:28px; font-weight:bold; }
  .comparison-chart .txt-top { position:relative; top:-9px; left:-2px; }
  .comparison-chart .tick { font-size:18px; color:#c70101; }
  .comparison-chart .hide {
    border:0;
    background:none;
  }

  .comparison-chart .small_button_b,
  .comparison-chart .small_button_c,
  .comparison-chart .small_button_a {
    display: block;
	width: 100% !important;
  }
  
  .comparison-chart .button.small_button_a A,
  .comparison-chart .button.small_button_a A:hover,
  .comparison-chart .button.small_button_a A:active, 
  .comparison-chart .button.small_button_a A:focus, 
  .comparison-chart .button.small_button_b A,
  .comparison-chart .button.small_button_b A:hover,
  .comparison-chart .button.small_button_b A:active, 
  .comparison-chart .button.small_button_b A:focus,
  .comparison-chart .button.small_button_c A,
  .comparison-chart .button.small_button_c A:hover,
  .comparison-chart .button.small_button_c A:active, 
  .comparison-chart .button.small_button_c A:focus {
	min-width: 0 !important;
    width: 140px !important;
    max-width: 100% !important;
  }

  .comparison-chart .cta .small_button_b,
  .comparison-chart .cta .small_button_c,
  .comparison-chart .cta .small_button_a {
    display: inline-block;
	width: 100%;
  }
  
  .comparison-chart td.no-border {
    display: none;
  }
  
  @media (min-width: 781px) {

    .comparison-chart {
      margin-left: 0;
      margin-right: 0;
    }
    .comparison-chart ul {
      display:none;
    }
    .comparison-chart td,article th {
      display:table-cell !important;
    }
    .comparison-chart td,article th {
      width: 400px;
    }
    .comparison-chart td.no-border {
      border: none;
      display: table-cell;
    }
    .comparison-chart td+td, .comparison-chart th+th {
      width: 200px;
    }
  }
























/* Micro Header */

body.template-templatetop {
    margin-top: 0;
}

body.template-templatetop #group_Header-fixed #PH_Float_Menu,
body.template-templatetop #PH_HeaderBackground,
body.template-templatetop #PH_TopBar,
body.template-templatetop #PH_CustomHeader,
body.template-templatetop #group_Header {
    display: none !important;
}

body.template-templatetop #group_Header-fixed #PH_logo {
    display: block;
    background: none;
    margin-top: auto;
    margin-bottom: auto;
	margin-right: auto;
    margin-left: 0;
    float: none;
    position: relative;
    padding: 0;
    width: auto;
    height: 45px;
}

body.template-templatetop #group_Header-fixed,
body.template-templatetop #group_Header-fixed.menudisplayed,
body.template-templatetop #PH_HeaderBackground-fixed,
body.template-templatetop #group_Header-fixed {
    height: 60px !important;
    display: flex;
}

body.template-templatetop #group_Header-fixed {
    position: sticky !important;
    margin: 0 auto;
}

body.template-TemplateTop #group_Header-fixed #PH_MenuBack {
  height: auto !important;
  display: block !important;
  margin: 0;
  position: relative;
}

body.template-TemplateTop #group_Header-fixed #PH_MenuBack .backbutton {
  display: flex !important;
  color: #fff;
  height: 100% !important; 
  color: #fff;
  align-items: center;
  font-size: 20px;
  width: 30px !important;
  margin: 0;
  padding: 0;
  top: auto;
  left: auto;
  margin-right: 10px;
  text-align: center;
}

body.template-TemplateTop #group_Header-fixed #PH_MenuBack .backbutton:hover {
	text-decoration: none !important;
}

body.template-TemplateTop #group_Header-fixed #PH_MenuBack .backbutton i {
	display: none;
}

body.template-TemplateTop #group_Header-fixed #PH_MenuBack .backbutton:after {
  font: normal normal normal 13px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f053";
  width: 100%;
}

@media screen and (min-width: 781px){
   
  body.template-templatetop {
        min-height: 100vh;
    }

    body.template-templatetop #group_Header-fixed #PH_logo {
      height: 60px;
    }
    
    body.template-templatetop #group_Header-fixed,
    body.template-templatetop #group_Header-fixed.menudisplayed,
    body.template-templatetop #PH_HeaderBackground-fixed,
    body.template-templatetop #group_Header-fixed {
        height: 75px !important;
    }
  
}












/* Loader */
.ajax-refreshing::before {
  content: '\f1e3' !important;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
} 



/* Flex Replace Seat */

.replaceSubsTickets .seatedArea {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	padding: 0;
	background: none;
	border: none;
}

.replaceSubsTickets .areaSelectionSection {
	order: 2;
	display: block;
    margin-left: auto;
    max-width: 300px;
	border: 1px solid #e9e9e9;
    padding: 20px;
	box-sizing: border-box;
}

.replaceSubsTickets .seatsPlanContainer {
	border: none;
    margin: 40px 0 140px;
    box-sizing: border-box;
    width: calc(100% - 320px);
    float: left;
	display: block;
}

.replaceSubsTickets #positionButtonDiv {
	top: -40px;
}

.replaceSubsTickets #selectedAreaInfo .button-moreDetails {
	display: none !important;
}

.replaceSubsTickets .areaSelectionSection > div.areaSelectorContainer {
	display: block;
	width: 100% !important;
}

.replaceSubsTickets #selectedAreaInfo .selected {
	margin-bottom: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {


	.replaceSubsTickets .seatedArea {
		flex-direction: column-reverse;
	}

	.replaceSubsTickets .seatsPlanContainer {
		width: 100%;
		margin: 20px 0 0 0;
	}

	.replaceSubsTickets .areaSelectionSection {
		max-width: 100%;
	}

}









/* Sticky Header */

#group_Header {
  top:-1px;
  position: sticky;
  z-index: 100;
  display: flex !important;
}

#group_Header,
#PH_HeaderBackground { 
    box-shadow: none;
}

/*
#group_Header #PH_Menu {
  display: flex;
  margin: auto 0;
}
*/
#group_Header #PH_Float_Menu {
  display: flex;
  margin: auto 0 auto auto;
  width: auto;
  height: 100%;
}


    #group_Header-fixed.one,
    #group_Header-fixed:not(.two),
    #group_Header-fixed {
        position: relative;
    }


/* Temp */

@media screen and (max-width: 780px) and (min-width: 1px) {

  #group_Header {
    height: 60px !important;
    display: flex;
    padding: 0 2.5vw !important;
    box-sizing: border-box !important;
  }

  #PH_LargeLogo {
    height: 46px !important;
    width: 46px;
  }

  #group_Header-fixed {
    padding: 0 2.5vw !important;
  }

}




/* Basket Subtitles */    

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.hospitalityBasketSection,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-Subscriptions,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-MerchandiseItems, 
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-PackageDeals,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-GiftVouchers, 
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-Donations,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.ticketsBasketSection,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-Memberships {
	position: relative;
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.hospitalityBasketSection:before,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-Subscriptions:before,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-MerchandiseItems:before,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-PackageDeals:before,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-GiftVouchers:before,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-Donations:before,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.ticketsBasketSection:before,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-Memberships:before {
    content: "Items";
	margin: 40px 0 20px 0;
	padding: 0;
	display: block;
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section:first-child:before {
	margin-top: 0 !important;
	padding-bottom: 20px !important; 
	border-bottom: 1px solid #e9e9e9; 
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section:first-child .buttonsContainer {
	top: 0;
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.hospitalityBasketSection:first-child .buttonsContainer,
.display-basket-subtitles #PH_Order_page .basket-container > .basket-section:first-child .basketEvent:not(:first-of-type) .buttonsContainer {
	top: 20px;
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.hospitalityBasketSection:first-child:before {
	margin-bottom: 0;
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.hospitalityBasketSection:before {
    border-bottom: none;
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.hospitalityBasketSection:before {
    content: "Hospitality";
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-Subscriptions:before {
    content: "Season Tickets";
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-MerchandiseItems:before {
    content: "Merchandise";
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-PackageDeals:before { 
    content: "Package Deals";
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-GiftVouchers:before {
    content: "Gift Vouchers";
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-Donations:before {
    content: "Donations";
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.ticketsBasketSection:before {
    content: "Tickets";
}

.display-basket-subtitles #PH_Order_page .basket-container > .basket-section.basket-Memberships:before {
    content: "Memberships";
}
 









/* Mobile Padding */ 

@media screen and (max-width: 780px) and (min-width: 1px) {

	/*.replaceSubsTickets .seatedArea,*/
	.replaceSubsTickets .areaSelectionSection,
	#offersContainer .spScreenContent,
	#offersContainer .buttons-container,
	.ph_subscription_renewals #leftPane,
	.crm_subscriptionRenewableMessage,
	.ph_renew_and_upgrade_membership .buttonsFooter,
	.membershipEntry .details,
	.ui-dialog .ui-dialog-content,
	#editRelationshipsContainer .container-relative,
	.sgs-fs-cc,
	.sgs-fs-name,
	.ticketCollectionSection,
	.deliveryMethod.selected > LABEL,
	.deliveryMethod > LABEL, 
	.paymentMethod.selected > LABEL,
	.paymentMethod > LABEL,
	#PaymentMethodFormsContainer,
	.pmTypeGiftVoucher.show,
	#PH_Donation_purchase .productData,
	#PH_Merchandise_purchase .productInfo,
	#PH_Gift_Voucher_purchase .productInfo,
	#PH_Membership_purchase .productInfo,
	#PH_Gift_Voucher_purchase .pricing,
	#PH_Donation_purchase .buttonsContainer,
	#PH_Merchandise_purchase .buttonsContainer,
	#PH_Gift_Voucher_purchase .buttonsContainer,
	#PH_Membership_purchase .buttonsContainer,
	#tours-calendar section#results,
	.crmWelcomeColumnContainer > DIV,
	#orderTotalContainer,
	#basketContainer,
	#eventPage.non-seated .selectTickets .summary,
	#eventPage.seated #content #leftPane,
	#eventPage.seated #content #ticketsPane,
	#eventPage.non-seated #leftPane, 
	#eventPage.non-seated .selectTickets .tickets,
	#vfa3d-wrapper {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.deliveryMethod.selected > LABEL,
	.deliveryMethod > LABEL,
	.paymentMethod.selected > LABEL,
	.paymentMethod > LABEL {
		padding-left: 45px !important;
	}

	.suppInBasket > DIV:after,
	.deliveryMethod.selected::after,
	.deliveryMethod::after,
	.paymentMethod.selected::after,
	.paymentMethod::after {
		left: 10px;
	}

} 






/* Select Box Style */

select {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MzYuN3B4IiBoZWlnaHQ9IjI2NXB4IiB2aWV3Qm94PSIwIDAgNDM2LjcgMjY1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzYuNyAyNjU7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMjAxLjQsMjU4TDcsNjMuNmMtOS40LTkuNC05LjQtMjQuNiwwLTMzLjlMMjkuNyw3YzkuNC05LjQsMjQuNS05LjQsMzMuOSwwbDE1NC43LDE1NEwzNzMuMSw3YzkuNC05LjMsMjQuNS05LjMsMzMuOSwwCglsMjIuNywyMi43YzkuNCw5LjQsOS40LDI0LjYsMCwzMy45TDIzNS4zLDI1OEMyMjUuOSwyNjcuNCwyMTAuNywyNjcuNCwyMDEuNCwyNThMMjAxLjQsMjU4eiIvPgo8L3N2Zz4K) no-repeat 96% 50%;
    background-size: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0px 30px 0 5px !important;
} 

/* White Arrow */

.ui-datepicker select.ui-datepicker-year {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MzYuN3B4IiBoZWlnaHQ9IjI2NXB4IiB2aWV3Qm94PSIwIDAgNDM2LjcgMjY1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzYuNyAyNjU7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAxLjQsMjU4TDcsNjMuNkMtMi40LDU0LjItMi40LDM5LDcsMjkuN0wyOS43LDdjOS40LTkuNCwyNC41LTkuNCwzMy45LDBsMTU0LjcsMTU0TDM3My4xLDcKCWM5LjQtOS4zLDI0LjUtOS4zLDMzLjksMGwyMi43LDIyLjdjOS40LDkuNCw5LjQsMjQuNiwwLDMzLjlMMjM1LjMsMjU4QzIyNS45LDI2Ny40LDIxMC43LDI2Ny40LDIwMS40LDI1OEwyMDEuNCwyNTh6Ii8+Cjwvc3ZnPgo=) no-repeat 96% 50%;
	background-size: 10px;
} 





/* Link Underline */

a {
	text-decoration: none !important;
}

a:hover {
    text-decoration: underline !important;
}

#group_Header a:hover {
	text-decoration: none !important;
}







/* Hospitality Upsell */

.hospitality-upsell {
	margin-right: auto;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	.hospitality-upsell {
		display: none;
	}
}





/* Footer to bottom */
    
@media screen and (min-width: 781px){

    body {
		display: flex;
		min-height: calc(100vh - 50px);
		min-height: 100vh;
		flex-direction: column;
	}
    
    .screen-content#PH_ .content,
    #PH_HtmlPerGenre .content,
    #group_Main,
    .screen-content {
        width: 100%;
        box-sizing: border-box;
    }

    #group_0 { 
        flex: 1;
    }
    
    #group_Main,
    .screen-content { 
        flex: 100;
    } 
    
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	body {
		display: block;
	}
}






    /* Password Reset Changes */
    
    .password-reset.screen-crmlogin_aspx .screen-content h2.general_caption {
        font-size: 0;
    }
    
    .password-reset.screen-crmlogin_aspx .screen-content h2.general_caption:after {
        content:"Reset Password";
        font-size: 2.1rem;
    }
    
    .password-reset.screen-crmlogin_aspx .screen-content p.small_text_a {
        font-size: 0;
    }
    
	.password-reset.screen-crmlogin_aspx .screen-content p.small_text_a:after {
        content:"Please enter your Supporter ID to Reset your Password";
        white-space: break-spaces;
        font-size: 1.5rem;
        display: block;
		margin-bottom: 1em;
    }
    
	.password-reset.screen-crmlogin_aspx .screen-content .frmButtonsContainer.loginButtons,
	.password-reset.screen-crmlogin_aspx .screen-content .loginControl .row.password {
        display: none !important;
    }



/* Next Match */

.no_events #next-match-bg,
.no_events #next-match-wrapper {
    display: none;
}
    
#next-match-wrapper {
    padding: 20px;
    position: relative;
    margin: 0 auto; 
}
    
#next-match-wrapper .sub-heading {
    position: absolute;
    line-height: 24px;
}

@media screen and (min-width: 781px){

#next-match .itemsList {
    margin-bottom: 0;
}
    
#next-match .item_background {
    margin: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
     
#next-match .item_image img.otherImageMediumImageUrl {
    display: none !important;
}
    
#next-match .item_image img[src*="svg"] {
    width: 100px !important;
    height: 100px !important;
}
    
#next-match .itemsDataContainer {
    order: 1;
    padding-left: 0;
}
    
#next-match .itemsDataContainer .name {
    font-size: 3.4rem;
    line-height: 3.4rem;
}

#next-match .itemsDataContainer .description {
    display: none;
}
    
#next-match .item_background .small_text_b {
    border: none;
    padding: 0 !important;
}

#next-match .dataItem .itemsDateRange {
    order: 10;
    margin-top: -40px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
    
#next-match .itemsList > .dataItem {
    display: none; 
}

#next-match .itemsList > .dataItem:nth-of-type(2){
    display: flex !important;
} 

#next-match .dataItem .itemsDateRange h2 {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-transform: none !important;
    margin: 0;
}

#next-match .dataItem .itemsDateRange h2,
#next-match .dataItem .itemsDateRange span {
    display: inline-block !important;
    margin-right: 20px !important;
    color: inherit; 
}

#next-match .dataItem .itemsDateRange br {
    display: none;
}

#next-match .dataItem .itemsDateRange > span#day3:not(:empty) + span#kickoff:not(:empty):before,
#next-match .dataItem .itemsDateRange h2:before,
#next-match .dataItem .itemsDateRange span:before {
    display: inline;
    font: normal normal normal 12px/1 FontAwesome;
    content: "\f073";
    margin-right: 6px;
    padding: 0;
}

#next-match .dataItem .itemsDateRange #day3 {
    float: left;
    margin-right: .3em !important;
} 

#next-match .dataItem .itemsDateRange #cal:before {
    display: none;
}

#next-match .dataItem .itemsDateRange #day3:before {
    content: "\f073"; 
}

#next-match .dataItem .itemsDateRange > span#day3:not(:empty) + span#kickoff:not(:empty):before,
#next-match .dataItem .itemsDateRange #kickoff:before {
    content: "\f017";
}

#next-match .dataItem .itemsDateRange #eventcompetition:before {
    content: "\f091";
}

#next-match .dataItem .itemsDateRange #eventhallname:before {
    content: "\f14e";
}

#next-match .dataItem .itemsDateRange .description {
    display: inline;
}
    
#next-match .itemsButtonsContainer {
    padding-right: 0;
}

}

@media screen and (min-width: 1200px) {
    #next-match .itemsDataContainer .name {
        font-size: 4rem;
        line-height: 4rem;
    }
}

@media screen and (min-width: 1400px) {
    #next-match .itemsDataContainer .name {
        font-size: 4.4rem;
        line-height: 4.4rem;
    }
}

@media screen and (max-width: 780px) and (min-width: 1px){

    #next-match-wrapper {
        padding: 0 2.5vw;
    } 


    #next-match .itemsList {
        margin: 0;
    }
    
    #next-match .dataItem .itemsDateRange .description {
        display: none;
    }

}

#next-match .ExtendedData1,
#next-match .ExtendedData2,
#next-match .ExtendedData3,
#next-match .ExtendedData4,
#next-match .ExtendedData5,
#next-match .sortingContainer,
#next-match .helpDeskRequestPanel {
    display: none;
}

#next-match  .content > p {
    margin-block-start: 1em;
    margin-block-end: 1em;
}






/* Styled Date with Icons */

.eventTitle h2,
.eventDetails h2 {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-transform: none !important;
    margin: 0;
}

.basketEvent .eventDetails .date,
.eventTitle h2,
.eventTitle span,
.eventDetails h2,
.eventDetails span {
    display: inline-block !important;
    margin-right: 20px !important;
    color: inherit;
}

.eventTitle div:not(.productName),
.eventDetails div:not(.name) {
    display: inline-block;
	width: auto;
}

.eventTitle br,
.eventDetails br {
    display: none;
}

.eventTitle > span#day3:not(:empty) + span#kickoff:not(:empty):before,
.eventTitle h2:before,
.eventTitle span:before,
.eventTitle .productInfo:before,
.basketEvent .eventDetails .date:before,
.eventDetails > span#day3:not(:empty) + span#kickoff:not(:empty):before,
.eventDetails h2:before,
.eventDetails span:before,
.eventDetails .location:before {
    display: inline;
    font: normal normal normal 12px/1 FontAwesome;
    content: "\f073";
    margin-right: 6px;
    padding: 0;
}

.eventTitle #day3,
.eventDetails #day3 {
    float: left;
    margin-right: .3em !important;
} 

.eventTitle #cal:before,
.eventDetails #cal:before {
    display: none;
}

.basketEvent .eventDetails .date:before,
.eventTitle #day3:before,
.eventDetails #day3:before {
    content: "\f073"; 
}

.eventTitle > span#day3:not(:empty) + span#kickoff:not(:empty):before,
.eventTitle #kickoff:before,
.eventDetails > span#day3:not(:empty) + span#kickoff:not(:empty):before,
.eventDetails  #kickoff:before {
    content: "\f017";
}

/* .eventTitle #eventcompetition:before,
.eventDetails #eventcompetition:before{
    content: "\f091";
}
*/

.eventTitle .productInfo:before,
.eventDetails .location:before {
    content: "\f14e";
}








/* Show Page */

.showDetails {
	margin-top: 20px;
}

#PH_Show_page .showName {
	margin-bottom: 20px;
}

#PH_Show_page .largeImageContainer {
	display: none;
}

#PH_Show_page #description>div {
	padding-left: 0;	
}







/* Events.css */


/* Sorting */

.sortingContainer {
    float: right;
    margin: 20px 0;
}

.no_events .sortingContainer {
    display: none;
}

.sortingContainer .label {
    display: inline;
}

.sortingContainer select {
    border: none;
    font-size: inherit;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-left: .3em !important;

    border: 1px solid #e9e9e9;
    border-radius: 4px;
    background-color: white;
    height: 30px;
    margin-left: 5px;
}

/* Events List */

.no_events_message {
	text-align: center;
	font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.2rem;
    margin: 0;
}

#PH_Subscriptions_list,
#PH_Memberships_list {
    display: none;
}

.display-subscriptions-list #PH_Subscriptions_list,
.display-memberships-list #PH_Memberships_list {
    display: block !important;
}

.itemsList {
    padding: 0;
    margin: 0;
   /* overflow:hidden; */
    margin-bottom: 20px;
}



.itemsList .dataItem:not(.slick-slide) {
	width: 100% !important;
    margin: 0 !important;
    display: block;
    font-size: inherit; 
    clear: none;
	margin-top: 20px !important;
    background: #fff !important;
    border: 1px solid #e9e9e9 !important;
    padding: 0 !important;
    position: relative;
    height: auto !important;
	display: flex;
    flex-wrap: wrap;
	box-sizing: border-box;
    overflow: hidden;
    align-content: baseline;
}

@media screen and (min-width: 781px) {

    .itemsList .dataItem {
        justify-content: flex-end;
    }

}

.itemsList .dataItem:hover {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
}

.itemsList .dataItem > * {
    float: none;
}

.itemsList .dataItem .itemsDateRange {
	padding: 20px;
    order: 1;
    display: inline-block;
    position: relative;
	bottom: auto !important;
    left: auto;
    color: inherit;
    width: auto;
    font-size: inherit;
    line-height: inherit;
    transition: none;
    text-align: left;
    top: auto;
}

@media screen and (min-width: 781px) {

	.itemsList .dataItem .itemsDateRange {
		width: 80px;
	}
}

.itemsList .dataItem .itemsDateRange .rangetitle {
	display: none;
}

.itemsList .dataItem .itemsDateRange h2 {
	margin: 0;
}

.dataItem .dates SPAN {
	display: inline;
}

.itemsList .dataItem .item_image_container {
	order: 2;
	float: none;
    width: auto;
    height: auto;
    padding: 0;
    box-sizing: border-box;
    min-height: 0;
    pointer-events: none;
}

.itemsList .dataItem div.item_image > div {
    position: static;
    vertical-align: inherit;
    display: table-cell;
	display: inherit;
    text-align: inherit;
    top: auto;
    left: auto;
    height: auto;
    width: auto;
    padding: 0;
}

.item_image {
	font-size: 0;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
}

.item_image img:not(.slick-slide) {
	padding: 10px!important;
	max-height: 70px!important;
	max-width: 70px!important;
	width: auto!important;
	height: auto!important;
	display: inline-block!important;
    vertical-align: middle;
	border-radius: 0 !important;
	box-sizing: content-box !important;
	opacity: 1 !important;
}

.itemsList .dataItem .itemsDataContainer {
	padding: 20px;
    order: 3;
    position: relative;
    bottom: auto !important;
    height: auto;
    width: auto;
    transition: none;
    background: none;
    top: auto;
    margin-right: auto;
}

@media screen and (min-width: 781px) {

	.itemsList .dataItem .itemsDataContainer {
		flex: 1;
	}
}

.itemsList .dataItem .itemsDataContainer .name {
	font-size: 1.5em;
    font-weight: 600;
    color: inherit;
    width: auto !important;
    text-align: inherit;
    padding: 0;
    position: relative;
    bottom: auto;
    left: auto;
    background: none;
    height: auto;
    z-index: auto;
    display: block;
    top: auto;
	overflow: hidden;
}

.itemsList .dataItem .description {
    margin: 0;
    max-height: none;
    min-height: 0;
    visibility: visible;
    opacity: 1;
    color: inherit;
    transition: none;
    height: auto;
    overflow: visible;
    padding: 0;
    vertical-align: inherit;
    display: inline;
}

.itemsList .dataItem .description > ul {
	margin-top: 0;
	margin-bottom: 10px;
}

.itemsList .dataItem .description p {
	margin-top: 0;
}

.itemsList .dataItem .description font {
	font-size: inherit !important;
}

.itemsList .dataItem .description a:not(.button) {
    font-weight: normal;
    color: inherit;
    text-decoration: underline !important;
}

.itemsList .dataItem .itemsButtonsContainer .name {
    color: inherit;
    display: block;
}

.itemsList .dataItem .itemsButtonsContainer .price {
    /* font-weight: 600; */
    margin-bottom: 10px;
    font-size: 3rem;
    display: block;
    color: inherit;
}

.itemsList .dataItem .itemsDateRange > span#day3:not(:empty) + span#kickoff:not(:empty):before,
.itemsList .dataItem .description > span:not(:empty) + span:not(:empty):before {
    content: "/";
    padding: 0 5px;
}

.itemsList .dataItem .description > font {
    color: inherit !important;
    font-size: inherit;
}

.itemsList .dataItem .description:after {
	display: none;
}

.itemsList .dataItem .small_text_b { /* Availability */
	order: 7;
	float: none;
    width: 100%;
    padding: 20px;
}

.itemsList .dataItem .itemsButtonsContainer {
	order: 5;
    margin: 0 !important;
    padding: 20px;
    margin-left: auto !important;
    right: auto !important;
    position: relative;
    bottom: auto;
    transition: none;
	width: auto;
    text-align: right;
    top: auto;
    height: auto;
    z-index: auto;
}

.itemsList .dataItem .ExtendedData6 {
    order: 6;
    width: auto;
    padding-left: 0;
    border-top: none;
}

.itemsList .dataItem .itemsButtonsContainer > * {
    height: auto !important;
    width: auto !important;
    margin-top: 0 !important;
}

.itemsList .dataItem .itemsButtonsContainer > * > * {
    float: none !important;
    margin: 0 !important;
}

.itemsList .dataItem .itemsButtonsContainer .moreInfo {
	display: none !important;
}

.ExtendedData1,
.ExtendedData2,
.ExtendedData3,
.ExtendedData4,
.ExtendedData5,
.ExtendedData6 {
    padding: 20px;
	width: 100%;
	order: 7;
    border-top: 1px solid #e9e9e9;
}

div[class^="ExtendedData"] + div[class^="ExtendedData"]:not(.ExtendedData6) {
    padding-top: 0;
    border-top: none;
}

.helpDeskRequestPanel {
	order: 10;
	padding: 20px;
}

/* More Info */

.itemsList .dataItem .collapsible {
  padding: 0;
  text-decoration: underline;
  background: none;
}


.itemsList .dataItem .content {
  display: none;
  overflow: hidden;
  padding: 0 !important;
}

/* Different Lists */

#ctl00_body_PriceLevelsListControl.itemsList > h2.general_caption {
    font-size: inherit;
    text-transform: inherit !important;
    font-weight: inherit !important;
    padding: 0 10px 20px;
	width: 100%;
}

#ctl00_body_PriceLevelsListControl.itemsList .dataItem .itemsDataContainer .name {
	margin-bottom: 10px;
}


#PH_Donations_list .itemsList .dataItem .itemsDateRange,
#PH_Subscriptions_list .itemsList .dataItem .itemsDateRange,
#PH_Gift_Vouchers_list .itemsList .dataItem .itemsDateRange {
    display: none;
}
 
@media screen and (max-width: 780px) and (min-width: 1px) {

    .itemsList .dataItem {
        margin-top: 2.5vw !important;
    }

    .itemsList .dataItem .itemsButtonsContainer{
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .itemsList .dataItem .itemsDateRange,
    .itemsList .dataItem .itemsDataContainer,
    .ExtendedData1, .ExtendedData2, .ExtendedData3, .ExtendedData4, .ExtendedData5, .ExtendedData6,
    .itemsList .dataItem .ExtendedData6,
    .itemsList .dataItem .itemsButtonsContainer {
        padding-left: 10px;
        padding-right: 10px;
    }

    .itemsList .dataItem .itemsDateRange {
        padding-bottom: 0;
    }

    .itemsList .dataItem .ExtendedData6 {
        padding-top: 0;
    }

    .itemsList .dataItem .itemsDataContainer {
        width: 100%;
        box-sizing: border-box;
    } 

    .item_image img:not(.slick-slide) {
        max-height: 50px!important;
        max-width: 50px!important;
    }

    .itemsList .dataItem .itemsButtonsContainer {
        padding-top: 0;
    }

    .itemsList .dataItem .itemsDataContainer .name {
        font-size: 1.2em;
    }


}

/* Default Overwrite */

.itemsList .dataItem .item_image_container, .dataItem.item_background.item_data_background > a {
    margin-left: 0;
    margin-right: 0;
}

/* Search Results */

.searchHeader {
    font-size: inherit;
    background: none;
    padding: 0;
}

.searchHeader H2 {
    margin: 20px 0;
    font-size: 1.5em;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.searchResult, .searchResult .itemsList {
    margin: 0;
    padding: 0;
    background: none;
}

.searchResult #ctl00_body_ShowsListControl .dataItem {
    display: flex;
    float: none; 
}

.searchResult .itemsList .item_image_container {
    display: none;
}

.searchResult .dataItem .dates SPAN {
    display: inline-block;
}

.searchResult #ctl00_body_ShowsListControl .dataItem .itemsDateRange {
    height: auto;
    padding: 20px;
    width: auto !important;
    border: none;
    text-align: left;
    /* display: block; */
}

.searchResult #ctl00_body_ShowsListControl .dataItem .showFirstEvent {
    padding: 20px;
    order: 1;
    display: inline-block;
    position: relative;
    bottom: auto !important;
    left: auto;
    color: inherit;
    width: auto;
    font-size: inherit;
    line-height: inherit;
    transition: none;
    text-align: left;
}

.searchResult .dataItem .event .content,
.searchResult .dataItem .event .buttonsContainer,
.searchResult #ctl00_body_ShowsListControl .dataItem .showFirstEvent .title {
    display: none;
} 

.searchResult .dataItem .event span#day3:not(:empty) + span#kickoff:not(:empty):before {
    content: "/";
    padding: 0 5px;
}

.searchResult .dataItem .event {
    border: none;
    padding: 0;
    display: block;
    width: auto;
}

.searchResult .dataItem .event > DIV {
    display: block;
    padding: 0;
}

.searchResult .date h2 {
    margin: 0;
}

.searchResult .date SPAN,
.searchResult .showFirstEvent SPAN {
    font-size: inherit;
    color: inherit;
    background: none;
    display: inline-block;
    text-align: left;
    margin: 0;
    padding: 0;
}

.searchResult .itemsList .dataItem .itemsButtonsContainer {
    display: block;
}

.searchResult #ctl00_body_ShowsListControl .dataItem .itemsDataContainer {
    background: none;
    min-height: 0;
    width: auto !important;
    padding: 20px;
} 

.searchResult .itemsList .dataItem > DIV {
    display: initial; 
}

.searchResult #ctl00_body_ShowsListControl .dataItem .name {
    padding: 0;
    height: auto;
    display: block;
    font-size: 2.8rem !important;
    border-top: none;
}

.searchResult #ctl00_body_ShowsListControl .dataItem .description {
    padding: 0;
    text-align: left;
    width: auto;
}


/* Landing / Event / Product Cards */

.cards,
#ctl00_body_MembershipsListCtrl.itemsList,
#ctl00_body_PriceLevelsListControl.itemsList {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
}

.cards .card,
#ctl00_body_MembershipsListCtrl.itemsList .dataItem,
#ctl00_body_PriceLevelsListControl.itemsList .dataItem {
    /* flex: 1 1 50%; */
    max-width: calc(25% - 20px);
    margin-left:10px !important;
    margin-right: 10px !important;
    position: relative;
    overflow: hidden;
    margin-top: 20px !important;
    flex-direction: column;
	transform: translateZ(0)
}

.cards .card .absolute-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.cards .card .image-link,
#ctl00_body_MembershipsListCtrl.itemsList .dataItem .item_image_container,
#ctl00_body_PriceLevelsListControl.itemsList .dataItem .item_image_container {
    width: 100%;
    display: block;
    font-size: 0;
}

#ctl00_body_MembershipsListCtrl.itemsList .dataItem div.item_image:not(:empty),
#ctl00_body_PriceLevelsListControl.itemsList .dataItem div.item_image:not(:empty){
    padding: 10px 10px 0 !important;
}

.cards .card .image-link img,
#ctl00_body_MembershipsListCtrl.itemsList .dataItem div.item_image img,
#ctl00_body_PriceLevelsListControl.itemsList .dataItem div.item_image img:not(.slick-slide) {
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    width: 100% !important;
    transition: opacity .2s ease-out,transform 3.8s cubic-bezier(0.19,1,.22,1);
}

#ctl00_body_MembershipsListCtrl.itemsList .dataItem .itemsDateRange,
#ctl00_body_PriceLevelsListControl.itemsList .dataItem .itemsDateRange {
    display: none;
}

#ctl00_body_MembershipsListCtrl.itemsList .dataItem .itemsButtonsContainer,
#ctl00_body_PriceLevelsListControl.itemsList .dataItem .itemsButtonsContainer {
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-top: auto !important;
    text-align: left;
    padding-top: 0 !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

    .cards,
    #ctl00_body_MembershipsListCtrl.itemsList,
    #ctl00_body_PriceLevelsListControl.itemsList {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .cards .card,
    #ctl00_body_MembershipsListCtrl.itemsList .dataItem,
    #ctl00_body_PriceLevelsListControl.itemsList .dataItem {
        max-width: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 2.5vw !important;
    }

}


/* Full Image Cards */

@media screen and (min-width: 781px) {
    /*
    .cards {
        flex-wrap: nowrap;
    }
    */

    .cards .card {
        /*max-width: none;*/
        flex: 1 0 21%;
        max-width: calc(50% - 20px);
    }

    .card .card-content span,
    .card .card-content p {
        font-size: 1.6rem;
    }

}

.card .card-content {
     position: absolute;
     bottom: 0;
     padding: 20px;
     color: #fff;
     width: 100%;
     box-sizing: border-box;
 }
 
 .cards .card .image-link:after {
     content:"";
     position: absolute;
     top: 0; 
     bottom: 0;
     left: 0;
     right: 0;
     background: linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,1) 100%);
 }

 .cards .card .card-content h2 {
     margin: 0 0 10px;
     color: inherit;
 }

.card .card-content span,
.card .card-content p {
	display: block;
}

 .cards .card .card-content .landing-buttons {
     margin-top: 20px;
     display: flex;
     align-items: center;
     position: relative;
     z-index: 2;
	 float: left;
 }

/*
 .cards .card .card-content .landing-buttons a.landing-button:last-child {
     margin-left: auto;
 }

 .cards .card .card-content .landing-buttons a.landing-button:first-child {
     margin-right: auto;
     margin-left: 0;
 }

 .cards .card .card-content .landing-buttons a.landing-button:not(:last-child):not(:first-child) {
    margin-left: 10px;
}

*/

.cards .card .card-content .landing-buttons a.landing-button:not(:last-child) {
    margin-right: 10px !important;
}

 .cards .card:hover .image-link img {
    -webkit-transform: scale(1.125) rotate(0.02deg)!important;
    -ms-transform: scale(1.125) rotate(0.02deg)!important;
    -o-transform: scale(1.125) rotate(0.02deg)!important;
    transform: scale(1.125) rotate(0.02deg)!important;
}

/* Full Image Hospitality */

.display-full-image-hospitality-packages #ctl00_body_PriceLevelsListControl.itemsList .dataItem .itemsButtonsContainer .price,
.display-full-image-hospitality-packages #ctl00_body_PriceLevelsListControl.itemsList {
   color: #fff;
}

.display-full-image-hospitality-packages #ctl00_body_PriceLevelsListControl.itemsList .dataItem {
    padding-top: 100px !important;
    background: #000 !important; 
}

.display-full-image-hospitality-packages #ctl00_body_PriceLevelsListControl.itemsList .dataItem .itemsButtonsContainer,
.display-full-image-hospitality-packages #ctl00_body_PriceLevelsListControl.itemsList .dataItem .itemsDataContainer {
    padding-left: 20px !important;
    padding-right: 20px !important; 
}

.display-full-image-hospitality-packages #ctl00_body_PriceLevelsListControl.itemsList .dataItem .item_image_container {
    height: 100%;
    position: absolute;
    top:0;
}

.display-full-image-hospitality-packages #ctl00_body_PriceLevelsListControl.itemsList .dataItem .item_image_container:after {
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%);
}

.display-full-image-hospitality-packages #ctl00_body_PriceLevelsListControl.itemsList .dataItem .item_image_container div.item_image {
    height: 100% !important;
}

.display-full-image-hospitality-packages #ctl00_body_PriceLevelsListControl.itemsList .dataItem .item_image_container img.item_image {
    height: 100% !important;
    width: auto !important;
    min-width: 100% !important;
    max-width: none !important;
    border-radius: 0 !important;
}

.display-full-image-hospitality-packages #ctl00_body_PriceLevelsListControl.itemsList .dataItem div.item_image:not(:empty){
    padding: 0 !important;
} 

.display-full-image-hospitality-packages #ctl00_body_PriceLevelsListControl.itemsList .dataItem:hover .item_image_container img.item_image {
    -webkit-transform: scale(1.125) rotate(0.02deg)!important;
    -ms-transform: scale(1.125) rotate(0.02deg)!important;
    -o-transform: scale(1.125) rotate(0.02deg)!important;
    transform: scale(1.125) rotate(0.02deg)!important;
}



/* Seats.css */

/* HALL MAP */
/*****************************************************/

#eventPage.hallMap #content:before {
    display: block;
    content: "Select Area";
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 1.5em;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

    #eventPage.hallMap #content:before {
        font-size: 1.2em;
    }

}

/* Buttons.css */

.home {
	background: none;
	color:inherit;
	min-width: inherit;
	border:none;
}

.qtip.ownerSelectionMenuTooltip .btnLink,
.qtip.ownerSelectionMenuTooltip .btnLink:hover,
.qtip.ownerSelectionMenuTooltip .btnLink:active,
.qtip.ownerSelectionMenuTooltip .btnLink:focus,

.button-DeleteBallotApplication,
.button-DeleteBallotApplication:hover,
.button-DeleteBallotApplication:active,
.button-DeleteBallotApplication:focus,

#simplePay-dialog .ui-button,
#simplePay-dialog .ui-button:hover,
#simplePay-dialog .ui-button:active,
#simplePay-dialog .ui-button:focus,

#PH_LinkByCrmId button,
#PH_LinkByCrmId button:hover,
#PH_LinkByCrmId button:active,
#PH_LinkByCrmId button:focus,

.sgs-form-button,
.sgs-form-button:hover,
.sgs-form-button:active,
.sgs-form-button:focus,

.row.DirectDebitMandateId button,
.row.DirectDebitMandateId button:hover,
.row.DirectDebitMandateId button:active,
.row.DirectDebitMandateId button:focus,

.row.PaymentTokenId button,
.row.PaymentTokenId button:hover,
.row.PaymentTokenId button:active,
.row.PaymentTokenId button:focus,

#offersContainer #waiveOffersBtn,
#offersContainer #waiveOffersBtn:hover,
#offersContainer #waiveOffersBtn:active,
#offersContainer #waiveOffersBtn:focus,

.crm_subscriptionRenewableMessage > div > a,
.crm_subscriptionRenewableMessage > div > a:hover,
.crm_subscriptionRenewableMessage > div > a:active,
.crm_subscriptionRenewableMessage > div > a:focus,

.button.hospitalitySeries > a,
.button.hospitalitySeries > a:hover,
.button.hospitalitySeries > a:active,
.button.hospitalitySeries > a:focus,

.seriesHospitalityOffer>a,
.seriesHospitalityOffer>a:hover,
.seriesHospitalityOffer>a:active,
.seriesHospitalityOffer>a:focus,

.promoBox input+button,
.promoBox input+button:hover,
.promoBox input+button:active,
.promoBox input+button:focus,

#eventPage.hallMap .vfa3d-infoContainer button.select,
#eventPage.hallMap .vfa3d-infoContainer button.select:hover,
#eventPage.hallMap .vfa3d-infoContainer button.select:active,
#eventPage.hallMap .vfa3d-infoContainer button.select:focus,

.relatedCustomerDialog .button-lookup,
.relatedCustomerDialog .button-lookup:hover,
.relatedCustomerDialog .button-lookup:active,
.relatedCustomerDialog .button-lookup:focus,
.relatedCustomerDialog .button-addNew,
.relatedCustomerDialog .button-addNew:hover,
.relatedCustomerDialog .button-addNew:active,
.relatedCustomerDialog .button-addNew:focus,
.qtip.ownerSelectionMenuTooltip .button-find,
.qtip.ownerSelectionMenuTooltip .button-find:hover,
.qtip.ownerSelectionMenuTooltip .button-find:active,
.qtip.ownerSelectionMenuTooltip .button-find:focus,

.giftVoucherCheck,
.giftVoucherCheck:hover,
.giftVoucherCheck:active,
.giftVoucherCheck:focus,

a.landing-button,
a.landing-button:hover,
a.landing-button:active,
a.landing-button:focus,

.loginButtons INPUT[type='button'],
.loginButtons INPUT[type='button']:hover,
.loginButtons INPUT[type='button']:active,
.loginButtons INPUT[type='button']:focus,

#frmCreateAccount #btnSubmitAlter,
#frmCreateAccount #btnSubmitAlter:hover,
#frmCreateAccount #btnSubmitAlter:active,
#frmCreateAccount #btnSubmitAlter:focus,

#btnContinue,
#btnContinue:hover,
#btnContinue:active,
#btnContinue:focus,

input.small_button_a, 
input.small_button_a:hover, 
input.small_button_a:active
input.small_button_a:focus,
input.small_button_b, 
input.small_button_b:hover, 
input.small_button_b:active
input.small_button_b:focus,

BUTTON.small_button_a, 
BUTTON.small_button_a:hover, 
BUTTON.small_button_a:active
BUTTON.small_button_a:focus,
BUTTON.small_button_b, 
BUTTON.small_button_b:hover, 
BUTTON.small_button_b:active
BUTTON.small_button_b:focus,

a.small_button_a,
a.small_button_a:hover,
a.small_button_a:active, 
a.small_button_a:focus, 
a.small_button_b,
a.small_button_b:hover,
a.small_button_b:active,
a.small_button_b:focus,

#PH_Ops_summary a.print,
#PH_Ops_summary a.print:hover,
#PH_Ops_summary a.print:active,
#PH_Ops_summary a.print:focus,
#PH_Basket_Confirmation button.print,
#PH_Basket_Confirmation button.print:hover,
#PH_Basket_Confirmation button.print:active,
#PH_Basket_Confirmation button.print:focus,

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:hover,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:active,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:focus,

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__reset-button,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__reset-button:hover,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__reset-button:active,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__reset-button:focus,

.ui-dialog .ui-dialog-buttonpane button.ui-state-default,
.ui-dialog .ui-dialog-buttonpane button.ui-state-default:hover,
.ui-dialog .ui-dialog-buttonpane button.ui-state-default:active, 
.ui-dialog .ui-dialog-buttonpane button.ui-state-default:focus, 

.CancelTransFromTimer,
.CancelTransFromTimer:hover,
.CancelTransFromTimer:active, 
.CancelTransFromTimer:focus,

.ExtendedData6 a,
.ExtendedData6 a:hover,
.ExtendedData6 a:active, 
.ExtendedData6 a:focus,

#editRelationshipsContainer a.create,
#editRelationshipsContainer a.create:hover,
#editRelationshipsContainer a.create:active, 
#editRelationshipsContainer a.create:focus,

#btnPrev,
#btnPrev:hover,
#btnPrev:active, 
#btnPrev:focus,
#btnNext,
#btnNext:hover,
#btnNext:active, 
#btnNext:focus,
#btnFinish,
#btnFinish:hover,
#btnFinish:active, 
#btnFinish:focus,

button.magnify,
button.magnify:hover,
button.magnify:active, 
button.magnify:focus,

.tertiaryButton,
.tertiaryButton:hover,
.tertiaryButton:active,
.tertiaryButton:focus,

.button.small_button_a A,
.button.small_button_a A:hover,
.button.small_button_a A:active, 
.button.small_button_a A:focus, 
.button.small_button_b A,
.button.small_button_b A:hover,
.button.small_button_b A:active,
.button.small_button_b A:focus,
.button.disabled.small_button_a A,
.button.disabled.small_button_a A:hover,
.button.disabled.small_button_a A:active,
.button.disabled.small_button_a A:focus {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: normal !important;
	-webkit-font-smoothing: inherit !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	font-size: 1.2rem !important;
	border:none !important;
    -moz-border-radius: 22px !important;
    -webkit-border-radius: 22px !important;
	border-radius: 22px !important;
	line-height: 20px !important;
	min-height: 20px !important;
	height:auto !important;
	padding: 12px !important;
	transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
	background: #666666;
	color:#fff !important;
	min-width: 140px !important;
	width: auto !important;
	text-decoration: none !important;
	box-sizing: border-box !important;	
	text-shadow: none;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	margin: 0;
	display: inline-block;
	text-align: center !important;
	background-image: none !important;
	text-indent: 0 !important;
}

/* Full Width Buttons */

#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed > a, 
#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed > a:hover, 
#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed > a:active, 
#eventPage.seated #ticketsPane .selectTickets .buttonsContainer .button.proceed > a:focus,

#eventPage.hallMap .vfa3d-infoContainer button.select,
#eventPage.hallMap .vfa3d-infoContainer button.select:hover,
#eventPage.hallMap .vfa3d-infoContainer button.select:active,
#eventPage.hallMap .vfa3d-infoContainer button.select:focus {
	width: 100% !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#PH_Basket_Confirmation > #bottomButtonsBar div {
		display: block;
	}

	#PH_Basket_Confirmation #btnContinue {
		width: 100% !important;
	}

}

.button.small_button_a A img,
.button.small_button_b A img,
.button.disabled.small_button_a A img {
	display: none;
}

.relatedCustomerDialog .button-lookup:after,
.relatedCustomerDialog .button-addNew:after,
.qtip.ownerSelectionMenuTooltip .button-find:after,
BUTTON.small_button_a:after, 
.button.small_button_a A:after,
.button.small_button_b A:after,
.button.disabled.small_button_a A:after {
	display: none;
}

.qtip.ownerSelectionMenuTooltip .btnLink:hover,
.button-DeleteBallotApplication:hover,
#simplePay-dialog .ui-button:hover,
#PH_LinkByCrmId button:hover,
.sgs-form-button:hover,
#PH_Ops_summary a.print:hover,
#PH_Basket_Confirmation button.print:hover,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:hover,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__reset-button:hover,
#editRelationshipsContainer a.create:hover,
#eventPage.hallMap .vfa3d-infoContainer button.select:hover,
.CancelTransFromTimer:hover,
.relatedCustomerDialog .button-lookup:hover,
.relatedCustomerDialog .button-addNew:hover,
.qtip.ownerSelectionMenuTooltip .button-find:hover,
.giftVoucherCheck:hover,
.ExtendedData6 a:hover,
a.landing-button:hover,
.ui-dialog .ui-dialog-buttonpane button.ui-state-default:hover,
a.small_button_a:hover,
a.small_button_b:hover,
#btnContinue:hover,
BUTTON.small_button_a:hover, 
BUTTON.small_button_b:hover,
input.small_button_a:hover, 
input.small_button_b:hover, 
.loginButtons INPUT[type='button']:hover,
#frmCreateAccount #btnSubmitAlter:hover,
#btnPrev:hover,
#btnNext:hover,
#btnPrev:disabled,
#btnNext:disabled,
#btnFinish:hover,
button.magnify:hover,
.button.small_button_a A:hover,
.button.small_button_b A:hover,
.button.disabled.small_button_a A:hover,
.tertiaryButton:hover {
	opacity: .7;
	text-decoration: none;
}

/* Button Colours */

/* Blue */

.crm_subscriptionRenewableMessage > div > a,
#btnFinish,
a.landing-button,
.ui-dialog .ui-dialog-buttonpane button.ui-state-default:last-child,
a.small_button_a,
a.small_button_b,
BUTTON.small_button_a,
input.small_button_a, 
.loginButtons INPUT[type='button'],
#frmCreateAccount #btnSubmitAlter,
.button.small_button_a A {
	background-color: #3466b4 !important;
}

/* Red */

.button.disabled.small_button_a A {
	background-color: #df6060 !important;
}

/* Grey */

#PH_Ops_summary a.print,
#PH_Basket_Confirmation button.print,
.row.DirectDebitMandateId button,
.row.PaymentTokenId button,
#offersContainer #waiveOffersBtn,
button.magnify,
#btnNext,
#btnPrev,
.CancelTransFromTimer,
.relatedCustomerDialog .button-lookup,
.relatedCustomerDialog .button-addNew,
.qtip.ownerSelectionMenuTooltip .button-find,
.ExtendedData6 a,
a.landing-button.secondary,
BUTTON.small_button_b,
input.small_button_b, 
.ui-dialog .ui-dialog-buttonpane button.ui-state-default,
#paymentPromptMessages #btnMoreInfo,
.addCouponCtl .button {
	background-color: #666666 !important;
	color:#fff !important;
}

/* Small */

.qtip.ownerSelectionMenuTooltip .btnLink,
.qtip.ownerSelectionMenuTooltip .btnLink:hover,
.qtip.ownerSelectionMenuTooltip .btnLink:active,
.qtip.ownerSelectionMenuTooltip .btnLink:focus,

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:hover,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:active,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:focus,

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__reset-button,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__reset-button:hover,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__reset-button:active,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__reset-button:focus,

#editRelationshipsContainer a.create,
#editRelationshipsContainer a.create:hover,
#editRelationshipsContainer a.create:active, 
#editRelationshipsContainer a.create:focus,

#btnPrev,
#btnPrev:hover,
#btnPrev:active, 
#btnPrev:focus,
#btnNext,
#btnNext:hover,
#btnNext:active, 
#btnNext:focus,

.CancelTransFromTimer,
.CancelTransFromTimer:hover,
.CancelTransFromTimer:active, 
.CancelTransFromTimer:focus,

.relatedCustomerDialog .button-lookup,
.relatedCustomerDialog .button-lookup:hover,
.relatedCustomerDialog .button-lookup:active,
.relatedCustomerDialog .button-lookup:focus,
.relatedCustomerDialog .button-addNew,
.relatedCustomerDialog .button-addNew:hover,
.relatedCustomerDialog .button-addNew:active,
.relatedCustomerDialog .button-addNew:focus,
.qtip.ownerSelectionMenuTooltip .button-find,
.qtip.ownerSelectionMenuTooltip .button-find:hover,
.qtip.ownerSelectionMenuTooltip .button-find:active,
.qtip.ownerSelectionMenuTooltip .button-find:focus,

.carousel a.small_button_a,
.carousel a.small_button_a:hover,
.carousel a.small_button_a:active, 
.carousel a.small_button_a:focus, 
.carousel a.small_button_b,
.carousel a.small_button_b:hover,
.carousel a.small_button_b:active,
.carousel a.small_button_b:focus,

.carousel .button.small_button_a A,
.carousel .button.small_button_a A:hover,
.carousel .button.small_button_a A:active, 
.carousel .button.small_button_a A:focus, 
.carousel .button.small_button_b A,
.carousel .button.small_button_b A:hover,
.carousel .button.small_button_b A:active,
.carousel .button.small_button_b A:focus,

a.landing-button.small,
a.landing-button.small:hover,
a.landing-button.small:active,
a.landing-button.small:focus,

#paymentPromptMessages #btnMoreInfo,
#paymentPromptMessages #btnMoreInfo:hover,
#paymentPromptMessages #btnMoreInfo:active, 
#paymentPromptMessages #btnMoreInfo:focus, 
#paymentPromptMessages .ui-spinner + .promptUpsellButton,
#paymentPromptMessages .ui-spinner + .promptUpsellButton:hover,
#paymentPromptMessages .ui-spinner + .promptUpsellButton:active, 
#paymentPromptMessages .ui-spinner + .promptUpsellButton:focus {
	line-height: 24px !important;
	height: 23px !important;
	padding: 0 12px !important;
	min-width: 0 !important;
	background-image: none !important;
	margin: 0!important;
}

.ui-dialog button,
.ui-dialog button:hover,
.ui-dialog button:active, 
.ui-dialog button:focus {
	min-width: 0 !important;
}

/* Tertiary (Text Only Buttons) */
#simplePay-dialog .ui-button:not(.WPPaymentButton),
#simplePay-dialog .ui-button:not(.WPPaymentButton):hover,
#simplePay-dialog .ui-button:not(.WPPaymentButton):active,
#simplePay-dialog .ui-button:not(.WPPaymentButton):focus,
.cards a.landing-button.tertiary,
.cards a.landing-button.tertiary:hover,
.cards a.landing-button.tertiary:active,
.cards a.landing-button.tertiary:focus,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:hover,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:active,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:focus,
.cta .button.small_button_b A,
.cta .button.small_button_b A:hover,
.cta .button.small_button_b A:active,
.cta .button.small_button_b A:focus,
.tertiaryButton,
.tertiaryButton:hover,
.tertiaryButton:active,
.tertiaryButton:focus {
	padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
	color: #000 !important;
	background: none !important;
	min-width: 0 !important;
	width: auto !important;
	border: none !important;
	text-align: left !important;
}

.cards a.landing-button.tertiary:hover,
#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:hover,
.cta .button.small_button_b A:hover,
.tertiaryButton:hover {
	text-decoration: underline !important;
}


/* Forms.css */

/* SPINNER */

.ui-spinner {
    height: 42px !important;
    border: 1px solid #e9e9e9 !important;
    border-radius: 4px !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    display: inline-block !important;
}

/* Before Spinnner Kicks In */

#membershipsCount {
    visibility: hidden;
}

.ui-spinner-input:not(.areas-filter-panel__qty-input):not(.areas-filter-panel__min-sum-input):not(.areas-filter-panel__max-sum-input),
form .productData .ui-spinner input[type=text],
.productData+div .ui-spinner input[type=text], 
.tickets .ops .ui-spinner input[type=text],
.selectTickets.mode-grouped .count,
.selectTickets .row .ops .count,
.priceTypesContainer .ui-spinner input[type=text],
.productData+div .priceTypesContainer .ui-spinner input[type=text],
.ui-spinner input[type=text] {
    margin: 0 40px !important;
    width: 60px; 
    text-align: center;
    height: 100%;
    box-shadow: none !important;
    visibility: visible !important;
    border: none !important;
    padding: 0;
}

.ui-spinner a.ui-spinner-button {
    background: none !important;
    border: none;
    border-radius: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 40px !important;
}

.ui-spinner a.ui-spinner-button.ui-spinner-down {
    left: 0;
}

.ui-spinner a.ui-spinner-button .ui-icon {
    background: none !important;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
}

.ui-spinner a.ui-spinner-button .ui-icon:after {
    color: inherit !important;
    width: 30px !important;
    height: 30px !important;
    display: block !important;
    text-indent: 0 !important;
    content: "\f068" !important;
    font-family: fontAwesome !important;
    font-size: 10px !important;
    line-height: 30px !important;
}

.ui-spinner a.ui-spinner-button.ui-spinner-up .ui-icon:after {
    content: "\f067" !important;
}

/* Login.css */

/* Sign In */

.loginOrRegister {
	width: 430px;
	background: #fff;
}

#createAccountContainer .item_background {
	clear: both;
	margin-bottom: 0 !important;
	border-bottom:none;
}

.loginControl > div {
	padding: 0;
} 

.loginControl .inputimage {
	display: none !important;
}

.frmBottom {
	overflow: hidden;
	padding-top: 1em;
}

.loginControl .loginButtons {
    margin-top: 0;
    width: inherit;
    margin: 0;
}

.loginControl .loginButtons #btnLogin {
	position: inherit !important;
	bottom: auto !important;
}

.rememberMe > *,
.loginControl > div.hasExternalLoginControls .rememberMe > * {
	margin-left: 0;
}

.loginControl .rememberMe {
	display: block;
	clear: both !important;
	margin: 10px 0 0;
	padding: 0;
	width: 100%;
}

.loginControl .rememberMe label {
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
}

#frmCreateAccount .DpQuestionsContainer {
    padding: 0;

}

#frmCreateAccount .DpQuestionsContainer .dpTitle {
    padding: 20px 0 5px;
    font-weight: 600;
    display: block;
}






/* Sign In / Register Wizard */ 

#frmCreateAccount .row > DIV {
	padding: 0;
}

.ui-autocomplete-input,
#createAccountContainer .ui-autocomplete-input {
	z-index: auto;
}

.ui-combobox .ui-button,
#createAccountContainer .ui-combobox .ui-button {
	background: none;
	border:none;
}

.loginOrRegisterWizard .errorMessage:not(:empty) {
    color: Red;
    font-style: normal;
    font-size: 100%;
    position: relative;
    margin-top: 0;
    padding: 0;
    display: block;
    clear: both;
    float: left;
}

.loginOrRegisterWizard FORM SELECT {
	height: 42px;
}

.loginOrRegisterWizard.su_personal .createAccountFormContainer {
    width: auto;
}

.loginOrRegisterWizard #frmCreateAccount .row {
	position: relative;
}

.loginOrRegisterWizard .mandatoryFieldMarker {
    color: #df6060;
	float: right;
}

.loginOrRegisterWizard #frmCreateAccount div.label {
	display: block !important;
	visibility: visible;
}

.loginOrRegisterWizard #frmCreateAccount .fieldHint {
    right: 0;
    left: auto;
    bottom: -1.5em;
    position: absolute;
    top: auto;
    font-size: 1rem;
}

/* Page 1 */

.loginOrRegisterWizard #frmCreateAccount .Birthday div.label {
	overflow: visible;
}

.loginOrRegisterWizard #frmCreateAccount .Birthday div.label .fieldLabel {
	display: block !important;
	font-weight: normal;
	float: left;
}

.loginOrRegisterWizard #frmCreateAccount .Birthday {
	overflow: visible;
}

.loginOrRegisterWizard #frmCreateAccount SELECT.splitdate {
	width: 32% !important;
	margin-right:2%;
	text-transform: capitalize;
}

.loginOrRegisterWizard #frmCreateAccount SELECT.date_day {
	margin-right: 0;
}

.loginOrRegisterWizard #frmCreateAccount .Birthday div.label .mandatoryFieldMarker {
	position:relative;
	left: auto;
	top: auto;
	padding: 3px 0 0 10px;
}

.loginOrRegisterWizard #frmCreateAccount .FullName {
	display: none !important;
}

/* Page 2 */

.loginOrRegisterWizard #qasContainer {
    position: absolute;
    right: 10px;
    top: 11px;
}

.loginOrRegisterWizard #qasContainer .errorMessage {
	font-size: 100%;
    padding: 0 0 0 10px;
}

/* Page 3 */

.loginOrRegisterWizard .contactMe {
	font-size: inherit;
}

/* Page 4 */

.loginOrRegisterWizard .DpQuestionsContainer > ul {
	max-height: none;
}


.loginOrRegisterWizard #frmCreateAccount .reg_preferences div.label .fieldLabel,
.loginOrRegisterWizard .reg_preferences .row.Preferences.preferences.hidden {
	display: block !important;
	width: 100%;
}

.loginOrRegisterWizard #frmCreateAccount .field.Preferences ul li {
    font-size: 1.2rem;
	width: auto;
    display: block;
	clear: left;
}

.loginOrRegisterWizard  #frmCreateAccount .field.Preferences ul {
	padding-left: 0;
	max-height: none;
	margin-bottom: 0;
}

.loginOrRegisterWizard .DpQuestionsContainer > .dpTitle {
	margin-top: 0;
}

.loginOrRegisterWizard .row.Preferences, .loginOrRegisterWizard .form_padded_row.dataProtectionRow {
	padding-top: 0;
}


/* Register Breadcrumb */

.loginOrRegisterWizard #frmCreateAccount > DIV.breadcrumbs {
	position: relative;
	right: auto;
	top: auto;
	display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px){
	
	.loginOrRegisterWizard .loginControl {
		border-top: none;
		margin-top: 0;
	}
	
	#createAccountContainer .item_background {
		border-bottom: none !important;
		border-left: none !important;
		border-right: none !important;
	}
	
	#frmCreateAccount input[type=email], 
	#frmCreateAccount input[type=tel], 
	#frmCreateAccount input[type=password],
	#frmCreateAccount input[type=text] {
		font-size: inherit;
	}
	
	#frmCreateAccount label {
		max-width: 90%;
		width: auto;
	}

}

/* Link Account */

#frmCreateAccount input[type=text], #frmCreateAccount input[type=email], #frmCreateAccount input[type=tel], #frmCreateAccount input[type=password], #frmCreateAccount SELECT {
    z-index: auto;
}

/* Dialog Form Buttons */
/*
.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button,
.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button:hover,
.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button:active,
.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button:focus,*/
.ui-dialog .ui-dialog-buttonpane button,
.ui-dialog .ui-dialog-buttonpane button:hover,
.ui-dialog .ui-dialog-buttonpane button:active,
.ui-dialog .ui-dialog-buttonpane button:focus {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: normal !important;
	-webkit-font-smoothing: inherit !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	font-size: 1.2rem !important;
	border:none !important;
    -moz-border-radius: 22px !important;
    -webkit-border-radius: 22px !important;
	border-radius: 22px !important;
	line-height: 20px !important;
	min-height: 20px !important;
	height:auto !important;
	padding: 12px !important;
	transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
	background: #666666;
	color:#fff !important;
	min-width: 140px !important;
	width: auto !important;
	text-decoration: none !important;
	box-sizing: content-box !important;	
	text-shadow: none;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	margin: 0;
	display: inline-block;
	text-align: center !important;
	background-image: none !important;
	text-indent: 0 !important;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
	opacity: .7;
	text-decoration: none;
}








/* Register Breadcrumb */

.loginOrRegisterWizard #frmCreateAccount>DIV.breadcrumbs {
	text-align: left;
	margin-top: 0;
}

.loginOrRegisterWizard #frmCreateAccount>DIV.breadcrumbs>button {
	border-radius: 0;
	padding: 0;
	color: #999;
}

.loginOrRegisterWizard #frmCreateAccount>DIV.breadcrumbs>.delimiter {
	padding: 0 5px;
    color: #999;
    text-indent: -999999px;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    height: 9px;
    margin: 0 10px; 
}

.loginOrRegisterWizard #frmCreateAccount>DIV.breadcrumbs>button.selected {
	color:#000;
}


@media screen and (max-width: 480px) and (min-width: 1px){
	
	.loginOrRegisterWizard #frmCreateAccount>DIV.breadcrumbs>.delimiter {
		padding: 0 3px;
		margin: 0 5px;
	}
	
	.loginOrRegisterWizard #frmCreateAccount>DIV.breadcrumbs>button {
		font-size: 8px;
	}

}
















#LoginForm1_externalLogins {
    display:none !important;
}

.loginOrRegisterWizard .errorMessage:not(:empty){
    /*float: none;
    padding: 10px;
    background: #df6060;
    color: #fff;
    margin: 0;*/
    position: absolute;
    top: 125px;
    z-index: 1;
    left: 50px;
    float: none;
    width: 100%;
}

@media screen and (max-width: 780px) and (min-width: 1px){
    .loginOrRegisterWizard .errorMessage:not(:empty){
        top: 115px;
        left: 20px;
    }
}

.loginOrRegisterWizard .createAccountFormContainer {
    margin-top: 0;
}










.ui-dialog.loginOrRegisterDlg {
    width: 400px !important;
    max-width: 100%;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    box-sizing: border-box;
    position: fixed !important;
    padding: 0 !important;
}

.ui-dialog.loginOrRegisterDlg .ui-dialog-titlebar {
    margin: 0 !important;
}

.ui-dialog.loginOrRegisterDlg .ui-dialog-content.ui-widget-content {
    height: calc(100% - 30px) !important;
    padding: 20px; 
}

body .ui-dialog.loginOrRegisterDlg .ui-dialog-titlebar.ui-widget-header {
    border-top-left-radius: 0 !important; 
    border-top-right-radius: 0 !important;
}

body > .ui-dialog.loginOrRegisterDlg:after {
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
}

@media screen and (min-width: 781px){

    body .ui-dialog.loginOrRegisterDlg .ui-dialog-titlebar.ui-widget-header {
        background: none;
        position: fixed;
        right: 0;
    }

    .ui-dialog.loginOrRegisterDlg .ui-dialog-content.ui-widget-content {
        height: 100% !important;
    }

    .ui-dialog.loginOrRegisterDlg .ui-dialog-titlebar-close .ui-icon {
        background-image: url('../cus/release/css/core/images/close.svg');
    }






    .ui-dialog.loginOrRegisterDlg {
        top: 20px !important;
        left: 20px !important;
        bottom: 20px !important;
        height: calc(100% - 40px) !important;
        overflow: hidden;
        border-radius: 10px !important;
    }

    body .ui-dialog.loginOrRegisterDlg .ui-dialog-titlebar.ui-widget-header {
        top: 0;
    }

}

/* Login */

.loginOrRegisterSeparator {
    display: none !important;
}

#loginCtrlContainer:not(.hiddenPart) {
    display: flex;
    flex-direction: column;
}

.loginOrRegisterWizard #loginCtrlContainer:not(.hiddenPart) H2 {
    font-size:0;
    display: block;
    margin: 20px 0;
}

.loginOrRegisterWizard #loginCtrlContainer:not(.hiddenPart) H2:after {
    font-size: 1.7rem;
    font-weight: normal;
    content: "Welcome back..."
}

.loginOrRegisterWizard .linkToAlternative {
    order: 10;
    position: relative;
    border: none;
    padding: 0;
    right: auto;
    top: auto;
    left: auto;
    text-align: left;
    font-size: inherit;
    bottom: auto;
    font-weight: normal;
    float: none;
    line-height: normal;
    text-transform: capitalize;
    width: auto !important;
    margin: 0;
    margin-top: 40px !important;
}

.linkToAlternative button {
    text-decoration: underline;
    color: #1673e6;
    background: none;
    padding: 0;
    border-radius: 0;
    margin: 0 !important;
    display: inline;
    padding-left: .3em;
}

.linkToAlternative button:before,
.linkToAlternative button::after {
    display: none;
}

.btnForgotPassword {
	float: right;
	width: auto !important;
	bottom: auto !important;
    text-align: center !important;
    font-size: inherit !important;
}

/* Remember Me */

.loginControl .rememberMe,
.loginControl > div.hasExternalLoginControls .rememberMe {
    position: relative;
    right: 0;
    background-color: none;
    background: none;
    bottom: 0;
    margin-top: 20px !important;
    color: inherit;
}

.rememberMe > * ,
.loginControl > div.hasExternalLoginControls .rememberMe > * {
    color: inherit;
}




/* Create Account */

#createAccountContainer:not(.hiddenPart) {
    display: flex;
    flex-direction: column;
}

#createAccountContainer .item_background {
    padding: 0;
}

#frmCreateAccount .row:not(.hidden)~.row.FirstName,
#frmCreateAccount .row:not(.hidden)~.row.LastName {
    margin: 0;
    width: 100%;
    padding-top: 1em;
}

.loginOrRegisterWizard .wizardStepDescription {
    margin: 20px 0;
}






@media screen and (max-width: 780px) and (min-width: 1px){
    .loginOrRegister, .loginOrRegisterWizard {
        width: auto;
        margin-bottom: 0;
    }
    .loginControl > div.hasExternalLoginControls {
        height: auto !important;
    }
}







/* Login / Create Account Page */

.screen-LinkCustomer_aspx .screen-content,
.frmBottom {
	overflow: visible;
}



.loginControl .row {
	margin: 1em 0 0;
}

.createAccountFormContainer .row .label,
.loginControl .row .label {
    display: block;
}

.createAccountFormContainer,
.loginControl { 
    padding: 0;
    max-width: 400px;
}

.loginControl > DIV.external {
    display: none;
}

.screen-crmcreateaccount_aspx h2.general_caption,
.screen-crmlogin_aspx h2.general_caption {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.loginControl.small_text_a.ui-helper-clearfix {
    background: none;
    width: auto;
    margin: 0;
    border: none;
    border-radius: 0;
}

#frmCreateAccount #btnSubmit {
	text-shadow: none !important;
}

/* Footer.css */

#group_Footer #PH_FooterMenu,
#group_Footer #PH_Social_tools_bar,
.ph_footer,
#PH_ScrollTop {
    display: none;
}

#group_Footer {
	margin: 20px 0 0;
    padding: 0;
    background: none;
    float: none;
    width: auto;
    position: static;
    font-size: inherit;
}

.template-TemplateFull #group_Footer {
    display: block !important;
    order: 999;
}

footer:not(.embed) {
    padding-top: 0;
    border-top: none;
}

footer:not(.embed) .footer-row {
    border-top: 1px solid #e9e9e9;
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

footer:not(.embed) .footer-row:after {
    display: block;
    content: "";
    clear: both;
}

footer:not(.embed) .footer-col {
    float: left;
    width: auto;
    display: block;
    padding: 0;
    text-align: left;
}

footer:not(.embed) .footer-content {
    float: left;
    margin-right: 40px;
}

footer:not(.embed) a {
    display: inline-block;
}

footer:not(.embed) .footer-content a {
    display: inline;
    color: inherit;
}

footer:not(.embed) .footer-logo {
    display: block;
    height: 60px;
}

footer:not(.embed) .footer-logo a {
    display: inline;
}

footer:not(.embed) .footer-logo img {
    height: 100%;
    width: auto;
    max-width: 100%; 
    margin: 0;
}

footer:not(.embed) p {
    font-weight: normal;
    font-size: inherit;
    text-transform: none;
    line-height: 2.2rem;
}

footer:not(.embed) ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

footer:not(.embed) ul li {
    display: inline;
    padding-left: 20px;
}

footer:not(.embed) #powered-by-seatgeek {
    float: right;
    text-align: left;
    padding: 0;
    width: auto;
}

footer:not(.embed) #powered-by-seatgeek a.powered-by-seatgeek {
    background-image: url('../cus/release/css/core/images/sg-partner-logo-blue.svg');
}

@media screen and (max-width: 780px) and (min-width: 1px){
    
    footer:not(.embed) ul {
        display: block;
        margin: 20px 0 0;
    }
    
    footer:not(.embed) ul li {
        display: block;
        padding-left: 0;
        line-height: 2.2rem;
    }
    
    footer:not(.embed) #powered-by-seatgeek {
        float: none;
        margin: 20px 0 0;
    }
    
}



/* crm.css */

.general_caption.crm_bar {
    margin: 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
	flex-wrap: wrap;
}

.saSso-unlink, 
.icSso-unlink {
    width: 100%;
    margin: 5px 0 10px !important;
	font-size: small !important;
}

/* Not You? */

#PH_CRM_details_page .general_caption > span:not(.logout) {
    margin-right: auto;
}

.saSso-unlink {
    margin-left: 0 !important;
    white-space: nowrap;
}

#PH_CRM_details_page form {
    padding: 0;
}

#PH_CRM_details_page #leftMenu {
    max-width: none;
    font-size: inherit;
    padding: 0;
    display: flex;
}


/* Tabs */

#PH_CRM_details_page #leftMenu > ul {
    margin: 0;
    padding: 0;
    border: none;
    margin-right: 20px;
    flex: 1 1 0;
}

#PH_CRM_details_page #leftMenu > ul > li {
    width: 100%;
    top: auto;
    padding: 0;
    margin: 0 0 10px 0 !important;
    border: none !important;
}

#PH_CRM_details_page #leftMenu > ul > li.ui-state-active {
    background: none;
}

#PH_CRM_details_page #leftMenu > ul > li > a {
    float: none;
    padding: 0;
}

#PH_CRM_details_page #leftMenu > ul > li.ui-state-active a {
    color: #1673e6;
    font-weight: normal;
}

/* Hide Logged In tabs Mobile */
    
@media screen and (max-width: 480px) and (min-width: 1px){
    #PH_CRM_details_page #leftMenu > ul {
        display: none;
    }
}






/* Content */

#leftMenu DIV.ui-tabs-panel.ui-widget-content {
    background: none;
    margin: 0;
    padding: 0;
    float: left;
    flex: 6 1 0;
    margin-bottom:20px;
}

.crm_screen_container .spScreen {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.crm_screen_container .spScreen .header {
    margin-right: auto;
    width: auto;
    display: block;
    border-radius: 0;
}

.crm_screen_container .spScreen .header H1,
#historytab H1,
#donationPledgeScreenContainer .header H1 {
    vertical-align: middle;
    color: inherit;
}


@media screen and (min-width: 781px){
    .crm_screen_container .spScreen .header { 
        max-width:60%;
    }
}



/* Welcome */

#leftMenu #ui-id-1,
#leftMenu DIV.ui-tabs-panel.ui-widget-content[aria-labelledby="eSRO_Crm_PersonalDetails"] {
    margin-right: 260px;
    flex: 2 1 0;
    margin-bottom: 0;
}

.crmWelcomeColumnContainer {
	display: block !important;
    width: 100%;
    padding: 0;
}

.crmWelcomeColumnContainer > DIV {
    padding: 20px;
    margin: 0 0 20px 0;
    border: 1px solid #e9e9e9;
}


.crmWelcomeColumnContainer > DIV:hover {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    border: 1px solid #e9e9e9;
}

.crmWelcomeColumnContainer > DIV > H2 {
    padding: 0 !important;
    color: inherit;
    line-height: normal;
    height: auto;
    background: none !important;
    margin-bottom: 20px;
}

.crmWelcomeColumnContainer > DIV > H2:before {
    display: none;
}

.welcomeContent, #crmFriendsAndRelativesContent {
    padding: 0;
    line-height: normal;
}

#crmFriendsAndRelativesContent,
.welcomeContentLinks,
#crmMyProfileContent.welcomeContent .toolbar {
    border-color: #e9e9e9;
}

.welcomeContentLinks,
#crmMyProfileContent.welcomeContent .toolbar {
    margin-top: 10px;
    padding-top: 10px;
    text-align: right;
    width: 100%;
}

.welcomeContentLinks A,
.welcomeContentLinks A:hover,
.welcomeContentLinks A:active,
.welcomeContentLinks A:focus,
#crmMyProfileContent.welcomeContent .toolbar A,
#crmMyProfileContent.welcomeContent .toolbar A:hover,
#crmMyProfileContent.welcomeContent .toolbar A:active,
#crmMyProfileContent.welcomeContent .toolbar A:focus {
    margin: 0 0 0 10px;
    display: inline-block;
}

/* My Profile */

#crmMyProfileContent FIELDSET .column {
    float: none;
    padding: 0;
    margin: 0;
}

#crmMyProfileContent FIELDSET .row{
    float: none;
    padding: 0;
    margin: 0;
}

.crm_screen_container .spScreenContent {
    width: 100%;
}

.welcomeContent .spScreen .row {
    margin: 0;
}

.welcomeContent .spScreen .column .label {
	width:30% !important; 
    min-width: 0;
    margin-bottom: 20px;
}

.welcomeContent .spScreen .column .field {
    min-width: 0;
    margin-bottom: 20px;
    width: 70%;
}

.welcomeContent .spScreen .column .field input {
	height: auto;
    padding: 0;
    border-radius: 0;
    background: none;
    border: none;
    text-indent: 0;
	font-size: 1.4rem;
	color: inherit;
}

.welcomeContent .spScreen .column .ClientImageUrl .field,
.welcomeContent .spScreen .column .FormattedAddress .field {
    width: 100%;
	white-space: normal;
}

@media screen and (max-width: 780px) and (min-width: 1px){
	
	.welcomeContent .spScreen .column .label {
		width:100% !important; 
		margin-bottom: 0;
	}

	.welcomeContent .spScreen .column .field {
		margin-bottom: 10px;
		width: 100%;
	}

	.welcomeContent .spScreen .column .field input {
		font-size: 1.4rem;
	}
}

/* Relationships */

#crmFriendsAndRelatives:after {
    content: "";
    display: table;
    clear: both;
}

#crmFriendsAndRelatives a.link-openRelationshipDialog {
    float: right;
    font-size: .9em;
}

 #crmFriendsAndRelativesContent {
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
}

/* Strong Family Member */

#crmFriendsAndRelatives>H2 + div > a {
    font-size: inherit;
}

#crmFriendsAndRelatives>H2 + div > a:before {
    display: none;
}

#crmFriendsAndRelativesContent > div {
    margin-bottom: 5px;
    overflow: hidden;
}

#crmFriendsAndRelativesContent > div .name,
#crmFriendsAndRelativesContent > div .crmId {
      min-width: 75px;
}

#crmFriendsAndRelativesContent > div .name {
    font-weight: 600;
    min-width: 150px;
}

#crmFriendsAndRelativesContent > div .name,
#crmFriendsAndRelativesContent > div .crmId {
    float: left;
}

#crmFriendsAndRelativesContent > div.isStrong::before {
    content: "\f005";
    font: normal normal normal 15px/1 FontAwesome;
    margin-left: 10px;
}

#crmFriendsAndRelativesContent > div.isStrong::after {
    content: "Strong relationship";
	margin-right: 10px;
}

@media screen and (max-width: 780px) and (min-width: 1px){

    .crmWelcomeColumnContainer > DIV {
        margin-bottom: 2.5vw;
    }

    #crmFriendsAndRelatives a.link-openRelationshipDialog {
        margin-bottom: 20px;
    }

}

/* Next Game */

#crmNextEventContent > DIV {
    display: block;
}

#crmNextEventContent SPAN {
    padding: 0;
}

/* Alerts */

#crmAlerts {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 200px;
    border-color: #df6060;
}

#crmAlerts,
#crmAlerts a,
#crmAlerts > H2,
#crmAlerts > H2::before {
	color:#df6060 !important;
}

#crmAlertsContent .resale-alert {
	display: inline;
}

#crmAlertsContent .resale-alert:before {
    display: block;
    content: " ";
    background: white;
    width: calc(100% + 40px);
    height: 10px;
    position: relative;
    left: -20px;
}

#crmAlertsContent .resale-alert:after {
    content: " ";
}

div#crmAlertsContent > div {
    margin-bottom: 20px;
}

div#crmAlertsContent > div:last-child {
    margin-bottom: 0;
}

#crmAlertsContent a {
	text-decoration: underline;
}

#crmAlertsContent a:hover {
	opacity: .5;
}

.crmWelcomeColumnContainer > DIV > H2 {
    font-size: 1.5em;
}

/* History */

#historyContainer > select {
    border: none;
    font-size: 1.5em;
    padding: 0;
    font-weight: 600;
    height: auto;
    outline: 0;
    width: auto;
    color: inherit;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

    .crmWelcomeColumnContainer > DIV > H2,
    #historyContainer > select {
        font-size: 1.2em;
    }
}

/* Data */

.spScreen.grid .spScreenContent,
.sps-dialog FIELDSET .Grid,
#PH_CRM_details_page .spScreen.grid .spScreenContent {
    max-height: none;
    border: 1px solid #e9e9e9;
    font-size: 1.2rem;
    box-sizing: border-box;
    min-height: 0;
    margin-top: 20px; 
}

.crm_screen_container TR {
    border-top: none;
}

.sps-dialog FIELDSET .Grid TBODY TR:nth-child(odd),
.crm_screen_container .grid TBODY TR:nth-child(odd) {
    background-color: transparent;
}

.sps-dialog FIELDSET .Grid TBODY TR:nth-child(even),
.crm_screen_container .grid TBODY TR:nth-child(even) {
    background-color: #f8f8f8;
}


@media screen and (min-width: 781px){

    .crm_screen_container .grid TBODY TR:first-child TD {
        padding-top: .5em;
    }

    .crm_screen_container .grid TBODY TR:last-child TD {
        padding-bottom: .5em;
    }

}


/* CRM Icons */

.crm_screen_container .spScreen.grid .toolbar {
    display: flex;
    vertical-align: middle;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    align-items: center;
}

@media screen and (min-width: 781px){

    .crm_screen_container .spScreen.grid .toolbar {
        margin-left: auto;
    }

}

.crm_screen_container .toolbar A {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    margin-top: 0;
    text-align: center;
}

.crm_screen_container .toolbar A SPAN {
    padding: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 

    .crm_screen_container .spScreen.grid .toolbar {
        flex-wrap: nowrap;
    }

    .crm_screen_container .toolbar A {
        white-space: initial;
    }
}

.crm_screen_container .toolbar A.disabled {
    opacity: .2;
    pointer-events: none;
}

#crmFriendsAndRelatives A::before,
.crm_screen_container .toolbar A IMG,
.crm_screen_container .toolbar A.cEnrollForAutoRenew IMG,
.crm_screen_container .toolbar A.cReplaceSubscriptionSeat IMG,
.crm_screen_container .toolbar A::before {
    display: none !important;
}

/* CRM Renewal Message */

.crm_subscriptionRenewableMessage {
    font-size: inherit;
    padding: 20px;
    border: 1px solid #000;
    margin: 0 0 20px 0;
}

.crm_subscriptionRenewableMessage > div {
    display: flex;
    flex-wrap: wrap;
}

.crm_subscriptionRenewableMessage > div > span {
    margin-bottom: 20px;
}

.crm_subscriptionRenewableMessage > div > a,
.crm_subscriptionRenewableMessage > div > a:hover,
.crm_subscriptionRenewableMessage > div > a:active,
.crm_subscriptionRenewableMessage > div > a:focus {
    margin-left: auto;
    right: auto;
    position: relative;
}

/* Image */

#crmMyProfile {
    position: relative;
}

.ClientImageUrl {
    height: 30px;
    border-radius: 50%;
    width: 30px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 20px;
    border: 1px solid #e9e9e9;
}

.ClientImageUrl .field {
    height: 100%;
}

.ClientImageUrl img {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    width: calc(100% + 2px);
}

.ClientImageUrl .field {
    margin: 0 !important;
    display: block !important;
}

.ClientImageUrl button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.8);
    display: block;
    width: 100%;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
}

.ClientImageUrl button:hover {
    opacity: .8;
}

.ClientImageUrl button * {
    display: none !important;
}

.ClientImageUrl button:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f093";
    color: #fff !important;
}

/*
.spScreen[data-screenname="eSRO.Crm.Membership.MembershipInstanceOfClientGrid"] .crm_grid_caption TH:empty,
td.crm_grid_data.StatusIcons {
    display: none !important;
} 
*/

.crm_grid_data img {
    width: 10px;
    padding: 2px;
    filter: grayscale(100%);
}

.crm_screen_container .spScreenContent table {
    width: 100%;
    border-collapse: collapse;
}


.crm_screen_container .spScreenContent table TH {
    font-size: 1.1em;
    color: inherit;
    padding: 1em .5em;
 }

.crm_screen_container .spScreenContent table TD {
    padding: .1em .5em;
}

.crm_screen_container THEAD TR {
    border-bottom: none;
}

@media screen and (min-width: 781px){

	.crm_screen_container .spScreenContent table tbody TR:first-child{
		border-top: 1px solid #f3f3f3;
	}

    .crm_screen_container .spScreenContent table TR:first-child TD {
            padding-top: .5em;
    }
}

@media screen and (max-width: 780px) and (min-width: 1px){

    .ClientImageUrl {
        right: 2.5vw;
    }

    /* #crmWelcome {
       display: flex;
        flex-direction: column-reverse;
    } */

    #leftMenu DIV.ui-tabs-panel.ui-widget-content {
        width: 100%;
    }

    #leftMenu #ui-id-1,
    #leftMenu DIV.ui-tabs-panel.ui-widget-content[aria-labelledby="eSRO_Crm_PersonalDetails"] {
        margin-right: 0;
    }

    #crmAlerts {
        position: relative;
        max-width: none;
    }

    #crmFriendsAndRelativesContent > div .name,
    #crmFriendsAndRelativesContent > div .crmId {
        min-width: 0;
    }



    /* Tables */

    .crm_screen_container .spScreenContent thead {
        display: none; 
    }

    .crm_screen_container .spScreenContent table td.crm_grid_selector::before,
    .crm_screen_container .spScreenContent table td.crm_grid_data.Name::before,
    .crm_screen_container .spScreenContent table td.crm_grid_data.ItemName::before,
    .crm_screen_container .spScreenContent table td.crm_grid_data.ShowName::before,
    .crm_screen_container .spScreenContent table td.crm_grid_data.MembershipName::before,
    .crm_screen_container .spScreenContent table td.crm_grid_data.CardDisplayText::before,
    .crm_screen_container .spScreenContent table td.crm_grid_data.EnrollmentSchemeId::before {
        display: none !important;
    }

    .crm_screen_container .spScreenContent table td.crm_grid_selector {
        width: 20px;
        position: absolute !important;
        top: 5px;
        left: 0;
        vertical-align: top;
        padding: 7px;
        order: -2;
    }

    .crm_screen_container .spScreenContent table td.crm_grid_selector input {
        margin: 0;
        vertical-align: top;
    }

    .crm_screen_container .spScreenContent table td.crm_grid_data.Name,
    .crm_screen_container .spScreenContent table td.crm_grid_data.ItemName,
    .crm_screen_container .spScreenContent table td.crm_grid_data.ShowName,
    .crm_screen_container .spScreenContent table td.crm_grid_data.MembershipName,
    .crm_screen_container .spScreenContent table td.crm_grid_data.CardDisplayText,
    .crm_screen_container .spScreenContent table td.crm_grid_data.EnrollmentSchemeId {
        width: 100%;
        order: -1;
        font-weight: 600;
    }
 
    .crm_screen_container .grid TBODY TR {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        border: none;
        flex-wrap: wrap;
        padding-left: 24px;
        position: relative;
        box-sizing: border-box;
        padding-bottom: 5px;
        padding-top: 5px;
    }

	#EntityDesignGrid\$Ticketing\.TicketsViewOfTransaction .crm_screen_container .grid TBODY TR,
    div.dialog-basket-enrolledTicketSchemes .crm_screen_container .grid TBODY TR,
    div[aria-labelledby="eSRO_Crm_LoyaltyPoints"] .crm_screen_container .grid TBODY TR,
    .historyTabContent .crm_screen_container .grid TBODY TR {
        padding-left: 0;
    } 

    .crm_screen_container TD {
        padding: 5px;
        margin: 0 !important;
    }

    .crm_screen_container .spScreenContent table tr:after {
        display: none;
    }

    .crm_screen_container .spScreenContent table td:not(.GrantDate):not(.Action):not(.Quantity):not(.AbsQuantity):not(.StatusIcons)::before {
        content: attr(data-th);
        color: #000;
        font-weight: 600;
        width: 100%;
        font-size: 9px;
        display: block;
    }

    .crm_screen_container .spScreenContent table tr.collapse td:not(.GrantDate):not(.Action):not(.Quantity):not(.AbsQuantity):not(.StatusIcons) {
        display: block;
    }

} 

.crm_grid_caption TH:empty,
.crm_screen_container TD:empty {
    padding: 0;
}

@media screen and (min-width: 781px){

    #PH_CRM_details_page .spScreen.grid .spScreenContent {
        max-width: 83vw;
        width: 100%;
    }

    .crm_screen_container TD.crm_grid_selector {
        width: 10px;
    }

    .crm_screen_container TD {
        width: 1000px;
    }

}


/* Dialog Forms */

FIELDSET .row.Separator {
    font-size: 1em;
    margin: 20px 0 20px 0 !important;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
    font-weight: inherit;
}

.ui-combobox A.ui-combobox-show {
    bottom: 0;
    height: 100%;
    width: 10%;
    padding: 0;
    margin: 0;
}

.ui-icon-triangle-1-s {
    background: none !important;
}

.ui-icon-triangle-1-s:after {
    content: "\f03a";
    font: normal normal normal 12px/1 FontAwesome;
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 0;
}

FORM IMG.ui-datepicker-trigger {
    background: transparent url('../cus/release/css/core/images/calendar.svg') center center no-repeat;
    background-size: 12px;
}

.HomeZipCode button {
    background: transparent url('../cus/release/css/core/images/search.svg') center center no-repeat;
    background-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    height: 0 !important;
    padding: 21px;
    margin: 0;
    text-indent: -999999px;
}

.screen-crmdetails_aspx .sps-dialog FIELDSET {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.screen-crmdetails_aspx .sps-dialog #EntityDesign\$Crm\.Customer.ui-dialog-content FIELDSET {
    flex-direction: row;
}

.screen-crmdetails_aspx .sps-dialog FIELDSET .column {
	width: 100%;
}

.screen-crmdetails_aspx .sps-dialog #EntityDesign\$Crm\.Customer.ui-dialog-content .column + .column {
    margin-left:40px;
}

.spScreen .row.MultiSelectionList .field UL {
    margin: 0;
}

.spScreen .row.MultiSelectionList > .field > UL > LI {
    border: none;
    margin: 0 0 20px 0;
}

.spScreen .row.MultiSelectionList>.field UL LI .field UL LI > * {
    vertical-align: middle;
}

.spScreen .row.MultiSelectionList>.field UL LI .field UL LI > input {
    margin-left: 0;
    margin-top: 0;
}

.spScreen .row.MultiSelectionList>.field UL LI .field UL LI > label {
    padding-right: 10px;
}

.spScreen .row.MultiSelectionList .label {
    margin: 0;;
}

#crmPasswordDialog .item_background {
    padding: 0;
} 

#frmChPass {
    padding: 0;
}

#frmChPass FIELDSET .row {
    padding: 0;
    margin: 0 0 10px 0;
}

#frmChPass #tdPwdErr {
    vertical-align: initial;
    min-height: 0;
}

.errorMessage {
    font-style: normal;
    font-size: 100%;
    color: #df6060;
}

@media screen and (max-width: 780px) and (min-width: 1px){

    .screen-crmdetails_aspx .sps-dialog FIELDSET {
        flex-direction: column;
    }

    .screen-crmdetails_aspx .sps-dialog FIELDSET .column + .column {
        margin-left:0;
    }

}


/* Calendar.css */

#tours-calendar {
    display: flex;
    flex-direction: row;
}

#tours-calendar section#results {
    margin-left: 20px;
    flex: 1;
    padding: 20px;
    visibility: hidden;
}

#tours-calendar section#results.timeslots-visible {
    visibility: visible;
}

#tours-calendar > section {
    border: 1px solid #e9e9e9;
    background-color: #fff;
    
}

#tours-calendar > section#calendar {
    overflow: hidden;
    min-width: 300px;
}

.time-legend {
    width: 100%;
}


.legend-container {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.legend-container div {
    display: inline-block;
    vertical-align: middle;
}

.legend-container .leg:not(:last-of-type) {
    margin-right: 20px;
}

.legend-container .legend {
    width: 16px;
    height: 16px;
    background: blue;
    border-radius: 50px;
    margin: 2px 5px 2px 0;
}

.legend-container .legend.available,
.legend-container .legend.good {
    background: #70a553 !important;
}

.legend-container .legend.average {
    background: #e5b22d !important;
}

.legend-container .legend.unavailable,
.legend-container .legend.poor {
    background: #df6061 !important;
}

.legend-container .legend.soldout {
    background: #ccc !important;
} 

.legend-container .legend.selected {
    background: #000 !important;
}

.event-times {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.event-times:not(empty){
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #e9e9e9;
}

.timeslot {
    margin: 5px;
}

.timeslot.SoldOut .slot,
.timeslot a {
    border: 1px solid #e9e9e9;
    padding: 12px 20px;
    min-width: 100px;
    text-align: center;
    color: inherit !important;
    display: block;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.timeslot.SoldOut .slot {
	color: #ccc !important;
    text-decoration: line-through;
}

.timeslot a:hover {
    opacity: .7;
}

.timeslot .capacity {
    display: none;
}

.timeslot.LowSeatsOccupation,
.timeslot.LowSeatsOccupancy {
    color: #70a553 !important;
}

.timeslot.MediumSeatsOccupation,
.timeslot.MediumSeatsOccupancy {
    color: #e5b22d !important;
}

.timeslot.HighSeatsOccupation,
.timeslot.HighSeatsOccupancy {
    color: #df6061 !important;
}

.timeslot.LowSeatsOccupation a,
.timeslot.LowSeatsOccupancy a {
    border-color: #70a553 !important;
}

.timeslot.MediumSeatsOccupation a,
.timeslot.MediumSeatsOccupancy a {
    border-color: #e5b22d !important;
}

.timeslot.HighSeatsOccupation a,
.timeslot.HighSeatsOccupancy a {
    border-color: #df6061 !important;
}

.ui-datepicker {
    min-width: 300px;
    max-width: 100%;
    padding: 0;
    border-radius: 0;
    width: 100%;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker table {
    margin: 5px;
    width: calc(100% - 10px);
}

.ui-datepicker .ui-datepicker-header {
    padding: 10px;
    background: #000;
    color: #fff;
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-title {
    text-align: left;
    margin: 0;
    line-height: normal;
    font-size: 1.5em;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    margin: 0;
    height: 100%;
    border-radius: 0;
    width: 30px;
    top: 0;
    right: 0;
    background: none !important;
    color: #fff;
    border: none !important;
    display: flex;
    align-items: center;
    text-align: center;
    text-decoration: none !important;
    
}

.ui-datepicker .ui-datepicker-prev:after ,
.ui-datepicker .ui-datepicker-next:after {
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
}

.ui-datepicker .ui-datepicker-prev {
    left: auto;
    right: 30px;
}

.ui-datepicker .ui-datepicker-prev:after {
    content: "<";
    content: "\f053";
}

.ui-datepicker .ui-datepicker-next:after {
    content: ">";
    content: "\f054";
}

.ui-datepicker td {
    border: 0;
    padding: 5px;
}

.ui-datepicker table a,
.ui-datepicker table span {
    background: none !important;
    border-radius: 2px;
} 

.ui-datepicker table .ui-datepicker-unselectable a,
.ui-datepicker table .ui-datepicker-unselectable span {
    border: none !important;
    text-decoration: line-through;
}

.ui-datepicker table .ui-state-active:not(.ui-state-hover) {
    border-color: #df6061;
    background: none !important;
}

.ui-datepicker table .ui-state-active:hover {
    border-color: #df6061;
    background: none !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

    .ui-datepicker .ui-datepicker-title {
        font-size: 1.2em;
    }
    

    #tours-calendar {
        flex-direction: column;
    }

    #tours-calendar section#results {
        margin: 20px 0 0 0; 
    }

    .event-times {
        justify-content: space-around;
    }

	.timeslot.SoldOut .slot,
    .timeslot a {
        min-width: 40px;
    }

    .legend-container {
       font-size: 1.2rem;
    }

}

/* Flip Seats */


.flip-seats .seat.a, .flip-seats .seat.o, .flip-seats .seat.c {
    background-image: url('../cus/release/css/core/images/seat-flip.png');
}

.flip-seats .seat.o {
    background-image: url('../cus/release/css/core/images/seat-cross-flip.png');
}

.flip-seats .seat.c {
    background-image: url('../cus/release/css/core/images/seat-check-flip.png');
}

.flip-seats .seat.a.s-i {
    background-image: url('../cus/release/css/core/images/ai.png'),url('../cus/release/css/core/images/seat-flip.png');
}

.flip-seats .seat.o.s-i {
    background-image: url('../cus/release/css/core/images/ai.png'),url('../cus/release/css/core/images/seat-cross-flip.png');
}

.flip-seats .seat.c.s-i {
    background-image: url('../cus/release/css/core/images/seat-check-flip.png');
}

.flip-seats .seat.severely-restricted-view:not(.c):not(.o),
.flip-seats .seat.Severely-Restricted-View:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-severely-restricted-view-flip.png') !important;
}

.flip-seats .seat.ambulant:not(.c):not(.o),
.flip-seats .seat.Ambulant:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-ambulant-flip.png') !important;
}

.flip-seats .seat.wheelchair-seat:not(.c):not(.o),
.flip-seats .seat.Wheelchair-Seat:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-wheelchair-flip.png') !important;
}

.flip-seats .seat.wheelchair-pa:not(.c):not(.o),
.flip-seats .seat.Wheelchair-pa:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-wheelchair-pa-flip.png') !important;
}

.flip-seats .seat.restricted-view:not(.c):not(.o),
.flip-seats .seat.Restricted-View:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-restricted-view-flip.png') !important;
}

.flip-seats .seat.hospitality-seat:not(.c):not(.o),
.flip-seats .seat.Hospitality-Seat:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-hospitality-flip.png') !important;
}

.flip-seats .seat.hospitality-alt-seat:not(.c):not(.o),
.flip-seats .seat.Hospitality-Alt-Seat:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-hospitality-alt-flip.png') !important;
}

/* Logged In  / Out Display */ 

body.client-is-logged-in .logged-out {
	display: none;
}

body:not(.client-is-logged-in) .logged-in {
	display: none;
}


/* Deposit Payment Method */

.linkRemoveSuppPayMethod:after,
.suppPmContainer.pmTypeWithdrawDeposit.open .suppLabel,
.pmTypeWithdrawDeposit .suppInBasket .suppPaymentItem label {
	display: none;
}

.pmTypeWithdrawDeposit .suppInBasket  {
	background: #fff !important;
    padding: 0 !important;
    position: relative;
    height: auto !important;
    border-radius: 10px !important;
	border: 1px solid #e9e9e9 !important;

	-webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
}

.pmTypeWithdrawDeposit .suppInBasket  .suppPaymentItem {
	padding: 20px 20px 20px 55px !important;
    box-sizing: border-box;
    width: 100% !important;
    z-index: 1;
    margin: 0 !important;
    display: flex !important;
    text-align: left;
	justify-content: space-between;
}


@media screen and (max-width: 780px) and (min-width: 1px) {
	.pmTypeWithdrawDeposit .suppInBasket  .suppPaymentItem {
		padding-right: 10px !important;
		padding-left: 45px !important;
	}

	.pmTypeWithdrawDeposit .suppInBasket > DIV:after {
		left: 10px;
	}
}

.pmTypeWithdrawDeposit .suppInBasket  > DIV > SPAN {
	padding: 0;
}

.pmTypeWithdrawDeposit .suppInBasket .suppPaymentItem .details > span:first-of-type {
	padding: 0;
    font-size: 1.5rem;
    line-height: normal;
    float: none !important;
    clear: both;
    width: 100% !important;
    text-align: left;
    display: block;
}

.linkRemoveSuppPayMethod {
	text-transform: none !important;
    letter-spacing: normal !important;
    font-size: 1.3rem !important;
    font-weight: normal;
    margin: 0;
	padding: 0;
    color: #6a6a6a !important;
}

.linkRemoveSuppPayMethod:hover {
	text-decoration: underline !important;
}

/* Loyalty Points Payment Method */

.suppPayMethodButtonContainer {
	margin-left: 0;
}

.pmTypeLoyaltyPoints .suppLabel LABEL:before {
	display: none;
}

.pmTypeLoyaltyPoints fieldset .label {
	display: block;
	padding: 0 !important;
	text-align: left;
}

.pmTypeLoyaltyPoints.open {
    position: relative;
	display: flex;
    padding: 20px;
    background: #fff;
    border: 1px solid #e9e9e9;
}

.pmTypeLoyaltyPoints .spScreen .row {
	margin: 0;
} 

.pmTypeLoyaltyPoints .spScreen .column .field {
	display: block;
    padding: 0 !important;
    max-width: none;
    text-align: left;
}

.pmTypeLoyaltyPoints .PointsValue .dataField {
	height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
    padding: 0;
}

.pmTypeLoyaltyPoints .PointsValue .dataField,
.pmTypeLoyaltyPoints .paymentForm select, .pmTypeLoyaltyPoints .paymentForm input[type=text] {
	max-width: 100% !important;
}

.row.Label.PointsValueBalance {
	text-align: left;
	margin-bottom: 10px;
}

.row.Label.PointsValueBalance .label,
.row.Label.PointsValueBalance .field {
	width: auto;
    min-width: 0;
    display: inline;
	font-weight: normal;
}

.pmTypeLoyaltyPoints .PointsValue .dataField {
	height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 20px;
    padding: 0;
}

.NumericUpDown .field:before {
    position: absolute;
    content: "£";
    display: block !important;
    left: 10px;
    top: 0;
    line-height: 44px;
	font-size: 1.3rem;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	.pmTypeLoyaltyPoints.open {
		flex-direction: column;
		padding-left: 10px;
		padding-right: 10px;
	}

	.suppPmContainer.pmTypeLoyaltyPoints.open .suppPayMethodFormContainer {
		padding-bottom: 0;
	}

	.NumericUpDown .field:before {
		font-size: 1.6rem;
	}

}

.pmTypeLoyaltyPoints.open.hasItems {
	padding-left: 55px !important;
}

.pmTypeLoyaltyPoints.open.hasItems FORM {
	position: static;
}

.suppInBasket>DIV>SPAN,
.suppInBasket>DIV {
	padding: 0;
}

.suppInBasket .suppPaymentItem .details {
	margin-right: 20px;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	.pmTypeLoyaltyPoints.open.hasItems {
		padding-left: 45px !important;
	}

	.suppInBasket .suppPaymentItem .details {
		margin-right: auto;
	}
}

 /* Admin Menu */

 body div#sysadminMenu,
 body div#sysadminMenu a {
	font-family: Tahoma, Geneva, sans-serif !important;
 }

 /* Basket Delivery Container */

 #PH_Order_page .deliveryContainer {
    background: none !important;
    border: none !important;
    border-top: 1px solid #e9e9e9 !important;
    border-bottom: 1px solid #e9e9e9 !important;
	border-bottom: none !important;
    padding-bottom: 0;
}

#PH_Order_page .deliveryContainer + #orderTotalContainer {
	background: none !important;
    padding: 0 !important;
    border: none !important;
}

/* Donations */

#addDonationForm .productData-details .field.givingOptions label {
	width: auto;
}

#addDonationForm input[type=text] {
    height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    padding: 0;
}

#addDonationForm .productData-details .form_padded_row>DIV+DIV {
    width: 400px;
    max-width: 100%;
}

#addDonationForm .item_data_background.form_padded_row.row {
	min-height: 42px;
}

#addDonationForm .form_padded_row>DIV {
	padding: 0;
}

/* Replace Seat */ 

.replaceSubsTickets .message-text h2 {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #e9e9e9;
}

.replaceSubsTickets .infoSection .season,
.replaceSubsTickets .infoSection .location {
	display: inline-block;
}

.replaceSubsTickets .infoSection .season:not(:empty) + div:not(:empty):before {
    content: "/";
    padding: 0 5px;
}

.replaceSubsTickets.ui-widget.ui-widget-content  .ui-dialog-titlebar-close {
	display: block !important;
}

@media screen and (max-width: 1020px) and (min-width: 781px){
	.replaceSubsTickets.ui-widget.ui-widget-content {
		min-width: 980px;
		left: 20px !important;
	}
}

@media screen and (max-width: 1280px) and (min-width: 1020px) {
	.replaceSubsTickets.ui-widget.ui-widget-content {
		min-width: calc(100vw - 40px);
	}
}

@media screen and (min-width: 1280px) and (min-width: 1500px){
	.replaceSubsTickets.ui-widget.ui-widget-content {
		min-width: 1240px;
	} 
}

@media screen and (min-width: 1500px){
	.replaceSubsTickets.ui-widget.ui-widget-content {
		min-width: 80vw;
	} 
}

.replaceSubsTickets .hallmap {
	display: block !important;
	position: relative;
	top: auto;
	right: auto;
	width: 100%;
	margin-top: 10px;
}

.replaceSubsTickets .item_background {
	padding: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

	.replaceSubsTickets .vfaParent {
		height: auto !important;
	}

	.replaceSubsTickets .venueImage {
		zoom: .9;
	}
}


/*
@media screen and (min-width: 781px){

	.replaceSubsTickets .seatsPlanContainer {
		max-width: calc(50% - 10px);

	}

	.replaceSubsTickets .areaSelectionSection {
		max-width: calc(50% - 10px);
	}

	.replaceSubsTickets .item_background,
	.replaceSubsTickets .item_background .vfaParent,
	.replaceSubsTickets .item_background .venueImage {
		
	} 

}
*/

.qtip.venueImageTooltip img.view_from_area {
	margin-top: 10px;
}

.qtip.venueImageTooltip .pricing,
.qtip.venueImageTooltip .availSeats {
	display: none !important;
}

/* World Pay */

#simplePay-dialog:before {
	content: "Payment";
    margin: 0 0 20px 0;
    padding: 20px 0;
    display: block;
    border-bottom: 1px solid #e9e9e9;
	font-size: 1.5em;
}

#simplePay-dialog form {
    margin: 0 auto;
    width: 356px;
    display: block;
}

#simplePay-dialog iframe {
	border: 1px solid #e9e9e9 !important;
}

/* IE ONLY */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.itemsList .dataItem {
		justify-content: flex-start;
	}

	select::-ms-expand {
		display: none;
	}

}

/* Tickets Tab */

.ChangeOwnershipLink button {
	margin: 5px 0 !important;
}

.ptSelection,
#cmbSelectOwner {
	border: 1px solid #dadada;
    border-radius: 4px;
    height: 26px;
    min-width: 100px;
    background-color: #fff;
}

#transactionItems {
    border: 1px solid #e9e9e9;
    font-size: 1.2rem;
    box-sizing: border-box;
	border-collapse: collapse;
}

#transactionItems td {
    padding: .1em .5em !important;
}

#transactionItems thead td {
	font-size: 1.1em;
    color: inherit;
    padding: 1em .5em !important;
    font-weight: 600;
}

#transactionItems tbody TR:nth-child(even) {
    background-color: #f8f8f8;
}

@media screen and (min-width: 781px) {

	#transactionItems tbody TR:first-child {
		border-top: 1px solid #f3f3f3;
	}

}

@media screen and (max-width: 780px) and (min-width: 1px) {

	#transactionItems {
		border: none;
	}

	#transactionItems thead {
		display: none;
	}

	#transactionItems tr td:first-child {
		width: 20px;
		position: absolute !important;
		top: 1px;
		left: 0;
		vertical-align: top;
		padding: 7px !important;
		order: -2;
	}

	#transactionItems tr td input {
		margin: 0;
    	vertical-align: top;
	}

	#transactionItems tbody TR {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		border: none;
		flex-wrap: wrap;
		padding-left: 24px;
		position: relative;
		box-sizing: border-box;
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.crm_screen_container .spScreen.grid .toolbar {
		font-size: 1.2rem;
	}
	
	.ChangeOwnershipLink{
		order: 1;
		width: 100%;
	}

}

/* v2 */

/* Delivery */

#PH_Delivery_Details #deliveryForm {
    display: flex;
    flex-direction: column;
}

#PH_Delivery_Details #deliveryForm .ticketCollectionSection {
    order: -1;
}

#PH_Delivery_Details #deliveryForm .ticketCollectionSection h2 {
    padding: 0;
    font-size: 1.5rem;
    line-height: normal;
    float: none !important;
    clear: both;
    width: 100% !important;
    text-align: left;
    display: block;
}

#PH_Delivery_Details #deliveryForm .ticketCollectionSection h2 * {
    text-decoration: none;
}

/* Basket Round Up Donation */

.roundUpDonationSection > h2 {
    margin-right: auto;
}

#addRoundUpDonation {
    margin-top: 20px;
}

/* Payment Page */

#paymentMethodForms FIELDSET .row.FirstExplanation {
    max-width: none;
}

#PH_Payment_details .dataProtectionContainer {
    float: none;
    width: 100%;
    padding: 20px;
    border: 1px solid #e9e9e9;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 20px;
}

#PH_Payment_details .dataProtectionContainer:hover {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
}

#PH_Payment_details .dataProtectionContainer h2 {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
    font-size: 1.5rem;
    width: 100%;
}

#PH_Payment_details .dataProtectionContainer h2:before {
    display: none;
}

#frmDataProtection {
    padding-top: 0;
    margin-top: 0;
}

/* In Iframe */

body.inIframe #group_Header,
body.inIframe #PH_HeaderBackground,
body.inIframe #group_Header-fixed,
body.inIframe #group_Footer {
    display: none !important;
}

/* Sold Out Seat Type */

.seat.sold-out:not(.c):not(.o),
.seat.Sold-Out:not(.c):not(.o),
.seat.soldout:not(.c):not(.o),
.seat.SoldOut:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-cross.png') !important;
}

.flip-seats .seat.sold-out:not(.c):not(.o),
.flip-seats .seat.Sold-Out:not(.c):not(.o),
.flip-seats .seat.soldout:not(.c):not(.o),
.flip-seats .seat.SoldOut:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-cross-flip.png');
}

/* Ticket Collection Combobox Fix */

#ticketCollectionForm .ui-combobox .ui-button {
    position: absolute;
    right: 5px;
    top: 1px;
    bottom: 1px;
    width: 10%;
}

#ticketCollectionForm .ui-combobox .ui-button .ui-icon-triangle-1-s:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MzYuN3B4IiBoZWlnaHQ9IjI2NXB4IiB2aWV3Qm94PSIwIDAgNDM2LjcgMjY1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzYuNyAyNjU7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMjAxLjQsMjU4TDcsNjMuNmMtOS40LTkuNC05LjQtMjQuNiwwLTMzLjlMMjkuNyw3YzkuNC05LjQsMjQuNS05LjQsMzMuOSwwbDE1NC43LDE1NEwzNzMuMSw3YzkuNC05LjMsMjQuNS05LjMsMzMuOSwwCglsMjIuNywyMi43YzkuNCw5LjQsOS40LDI0LjYsMCwzMy45TDIzNS4zLDI1OEMyMjUuOSwyNjcuNCwyMTAuNywyNjcuNCwyMDEuNCwyNThMMjAxLjQsMjU4eiIvPgo8L3N2Zz4K) no-repeat center center;
    background-size: 10px;
    content: ""; 
}

/* Ticket Distribution */

.ticket-distribution-container .basket-section .basketEvent .eventInfoSection {
    border-right: none;
}

.ticket-distribution-container .basket-section .basketEvent .eventInfoContainer {
    padding-bottom: 0;
}

.ticket-distribution-container .basket-section .basketEvent .basketItemSummary {
    padding-bottom: 20px;
    padding-top: 0;
}

.ticket-distribution-container .basket-section .basketEvent > DIV {
    display: block;
}

.ticketsDistributionDialog .ticket-distribution-container .sectionItem {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
}

.ticketsDistributionDialog label input,
.ticketsDistributionDialog label select {
    margin-left: 0 !important;
}

.ticketsDistributionDialog label select,
.ticketsDistributionDialog label input[type=text],
.ticketsDistributionDialog label input[type=email] {
    height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
	padding: 0;
}

.ticket-distribution-container label.field-action {
    width: 100%;
}

.ticket-distribution-container label:not(.field-action) {
    margin: 0 10px 10px 0;
}

.ticketsDistributionDialog .basketItem:not(.selected-for-distribution) label:not(.field-action) {
    display: none;
}

.ticketsDistributionDialog .ticket-distribution-container:not(.mode-recall) .currentHolderDetails .operations {
    float: none !important;
}

@media screen and (min-width: 781px) { 

    .ticketsDistributionDialog label select,
    .ticketsDistributionDialog label input[type=text],
    .ticketsDistributionDialog label input[type=email] {
        width: 300px !important;
    }

}


@media screen and (max-width: 780px) and (min-width: 1px){ 

    .ticket-distribution-container label:not(.field-action) {
        width: 100%;
    }
    
}

/* Event Icons */

#next-match .dataItem .itemsDateRange #eventcompetition:empty,
#next-match .dataItem .itemsDateRange #eventcompetition:empty:before {
    display: none !important;
}

/* Forwarding */

.ChangeOwnershipLink button:disabled {
    opacity: .3;
    pointer-events: none;
}

#cmbSelectOwner {
    height: 42px;
    width: 100%;
    max-width: 400px;
}

/*

@media screen and (min-width: 781px){ 

    .ui-dialog.ui-widget.ui-widget-content:not(.ui-spinner):not(.ui-tooltip) {
        min-width: 440px !important;
    }

}

*/

/* Default Header Tweaks */

#group_Header-fixed {
    align-content: center; 
}

@media screen and (min-width: 781px) { 
    
    #group_Header .ph_menubutton,
    #group_Header .ph_menuback {
        display: none;
    }

}

@media screen and (max-width: 780px) and (min-width: 1px){ 

    #customerBox .greeting, 
    #customerBox.crmMenuIsShow .float_menu_item .greeting {
        color: inherit !important;
        font-weight: inherit;
        text-transform: inherit;
        width: auto;
    }

    body #PH_LargeLogo {
        order: -1;
        margin-left: 0 !important;
    }

    #siteMenuBar {
        flex-wrap: wrap;
    }

    #group_Header-fixed ul.nav > li a {
        padding: 0 2.5vw;
    }

    button.expandSubMenuButton:after {
        width: calc(5vw + 12px);
    }

    body #siteMenuBar.hasclient #customerBox > a:first-child:after {
        margin-right: 0 !important;
    }

} 

/* Extra Buttons */

.itemsList .dataItem .ExtendedData6 a:not(:first-child) {
    margin-left: 20px;
}

/* Extras */

.itemsList .dataItem .small_text_b {
    padding: 0;
}

.itemsList .dataItem .small_text_b > * {
    padding: 20px;
    display: block;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 
   
    .itemsList .dataItem .small_text_b > * {
        padding-left: 10px;
        padding-right: 10px;
    }

}

/* Gift Vouchers */

#PH_Gift_Vouchers_list .item_image img {
    width: 200px !important;
    max-width: 100% !important;
    max-height: none !important;
}

@media screen and (min-width: 781px){  
    #PH_Gift_Vouchers_list .item_image img {
        padding-right: 0 !important;
    }

}

#PH_Gift_Vouchers_list .dataItem > * {
    height: auto;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 

    #PH_Gift_Vouchers_list .item_image img,
    #PH_Gift_Vouchers_list .item_image_container {
        width: 100% !important;
        box-sizing: border-box !important;
    }

}

/* Membership Price Type */

#lblCurrentPriceForPriceType {
    display: none;
}

/* Prices */

#basketCtrlContainer .basketItem .ListPrice {
    margin-left: auto;
}

#basketCtrlContainer .basketItem .ListPrice,
#basketCtrlContainer .basketItem .FullPrice,
#basketCtrlContainer .basketItem .TotalPrice,
#basketCtrlContainer .basketItem .TotalFullPrice,
#basketCtrlContainer .basketItem .TotalPriceToPay,
#basketCtrlContainer .basketItem .TotalCommissions,
#basketCtrlContainer .basketItem .TotalInsideCommissions,
#basketCtrlContainer .basketItem .TotalTaxesfter,
#basketCtrlContainer .basketItem .TotalVat {
    padding-right: 10px;
}

#basketCtrlContainer .basketItem .ListPrice:after,
#basketCtrlContainer .basketItem .FullPrice:after,
#basketCtrlContainer .basketItem .TotalPrice:after,
#basketCtrlContainer .basketItem .TotalFullPrice:after,
#basketCtrlContainer .basketItem .TotalPriceToPay:after,
#basketCtrlContainer .basketItem .TotalCommissions:after,
#basketCtrlContainer .basketItem .TotalInsideCommissions:after,
#basketCtrlContainer .basketItem .TotalTaxes:after,
#basketCtrlContainer .basketItem .TotalVat:after {
    display: none;
}

#basketCtrlContainer .basketItem .ListPrice:before,
#basketCtrlContainer .basketItem .FullPrice:before,
#basketCtrlContainer .basketItem .TotalPrice:before,
#basketCtrlContainer .basketItem .TotalFullPrice:before,
#basketCtrlContainer .basketItem .TotalPriceToPay:before,
#basketCtrlContainer .basketItem .TotalCommissions:before,
#basketCtrlContainer .basketItem .TotalInsideCommissions:before,
#basketCtrlContainer .basketItem .TotalTaxes:before,
#basketCtrlContainer .basketItem .TotalVat:before {
    content: attr(data-header)': ';
    font-weight: 600 !important;
}

/* Basket */

.basket-section .eventDetails {
    pointer-events: none;
}

/* Comparison Chart */

.comparison-chart button {
    color: #aaa;
}

/* Donation Prompt */

.promptItem .item_background {
    padding: 0;
    display: flex;
}

.promptItem .item_background > .item_image {
    width: auto;
}

form.promptQty input[type="radio"] {
    vertical-align: text-top !important;
}

form.promptQty input.upsellAmt {
    height: 42px;
    border: 1px solid #e9e9e9 !important;
    margin: 0 0 0 10px !important;
    border-radius: 4px !important;
    text-indent: 10px;
	padding: 0;
}

.promptItem .item_background > .itemsButtonsContainer {
    margin-left: auto !important;
}

form.promptQty #btnAddDonation {
    margin-top: 20px;
    clear: both;
    display: block;
    width: 140px !important;
    margin-left: auto;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 

    .promptItem .item_background {
        flex-direction: column;
    }

    form.promptQty #btnAddDonation {
        width: 100% !important;
    }
    

    #PH_Order_page .promptItem .item_background > .itemsButtonsContainer *, #PH_Order_page .promptItem .item_background > .itemsButtonsContainer {
        text-align: left;
    }

}

/* Basket Tweak */

@media screen and (max-width: 780px) and (min-width: 1px){ 

    .basket-section .buttonsContainer  {
        text-align: right;
    }

}

/* Help Request */

.helpDeskRequestPanel {
    width: 100%;
    margin: 0;
    border-top: 1px solid #e9e9e9;
}

.helpDeskRequestPanel .highlight .ui-icon {
    text-align: center;
}

.highlight .ui-icon:after {
    content: "\f06a";
}

/* Basket Donation */

.roundUpDonationSection h2:before {
    display: none;
}

.roundUpDonationSection:before {
    content: 'Donation';
    display: block;
    width: 100%;
    text-transform: uppercase;
    margin: 20px 0 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
    font-size: inherit;
}

.roundUpDonationSection #addRoundUpDonation {
    margin-top:0;
}

/* Unlink Mobile Popup */

@media screen and (max-width: 780px) and (min-width: 1px){ 

    body > .ui-dialog.icSsoUnlinkDlg .ui-dialog-content {
        min-height: 0 !important;
        position: relative;
        top: 0;
        padding-bottom: 20px;
    }

    body > .ui-dialog.icSsoUnlinkDlg .ui-dialog-buttonpane {
        position: relative;
    }

}

/* Extra Data Fix */

label.fieldLabel.mandatory:after {
    content: "*";
}

.itemExtraDataDialog #extraDataForms .formInputColumn {
    position: relative;
}

.itemExtraDataDialog FORM IMG.ui-datepicker-trigger {
    top:5px;
    z-index: 99;
}

/* Next Match */

@media screen and (min-width: 781px){
        
    #next-match .itemsList .dataItem .ExtendedData6 {
        padding-right: 0;
        padding-left: 20px;
    }
    
}

/* Comparison Table */

.comparison-chart td,
.comparison-chart th {
    border-color: #e9e9e9;
    background: white;
}

.comparison-chart td.no-border {
    background: none;
}

/* 3D View from Area */

.custom-3d-view {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

/* Mobile Menu Improvements */

@media screen and (max-width: 780px) and (min-width: 1px){ 

    #group_Header-fixed ul.nav>li a.navMenu-FirstLevelItem:not([href*="void"]) {
        width: calc(100% - 40px);
    }

    #group_Header-fixed ul.nav>li a.navMenu-FirstLevelItem[href*="void"] {
        z-index: -1;
    }

    #group_Header-fixed ul.nav>li a.navMenu-FirstLevelItem[href*="void"] + button {
        width: 100%;
        position: absolute;
    }

    button.expandSubMenuButton {
        flex: auto;
        width: 40px;
    }

}

/* Service Requests */

#eventPage.hallMap #HelpDeskRequestPanel {
    border: none;
    padding: 0;
    margin-bottom: 20px !important;
}

#requestActionData FIELDSET {
    border: none;
    padding: 0;
}

#requestActionData input#fldQuantity {
    border: none !important;
    width: calc(100% - 80px) !important;
    text-align: center;
}

/* Comparison Table */

.comparison-chart .bg-primary,
.comparison-chart .bg-secondary,
.comparison-chart .bg-tertiary {
    border-top:3px solid #000;
}

/* Logout Icon */

.crmInfoMenuTooltip li i.fa {
    display: none;
}

/* Stadium Map */

@media screen and (max-width: 780px) and (min-width: 1px){ 

    #eventPage.hallMap .venueAreas .areas-filter-panel {
        flex-wrap: wrap;
    }
    
    #stadium-key {
        flex-wrap: wrap;
    }

    .hospitality-upsell {
        display: none !important;
    }
}

/* Friends & Family */

.qtip.ownerSelectionMenuTooltip {
    max-width: none !important;
}

.qtip.ownerSelectionMenuTooltip .qtip-content {
    height: auto !important;
    max-height: calc(100% - 40px);
    overflow-y: scroll;
}

.ownerscontent {
    max-height: none;
    position: relative;
}

@media screen and (min-width: 781px){ 
    .qtip.ownerSelectionMenuTooltip .qtip-content {
        height: 400px !important;
    }
}

/* Basket Fix */

span.basketProperty.ListPrice *, 
span.basketProperty.TotalCommissions *, 
.basketProperty.ClientId * {
    line-height: 20px;
}

/* Extended Data Button */

.itemsList .dataItem .ExtendedData6 {
    font-size: 0;
}

.itemsList .dataItem .ExtendedData6 a:not(:first-child) {
    margin-left: 20px;
}

@media screen and (max-width: 375px) and (min-width: 1px){ 

    .itemsList .dataItem .ExtendedData6 {
        width: 100%;
    }

    .itemsList .dataItem .ExtendedData6 a:not(:first-child) {
        margin-left: 0;
    }

    .itemsList .dataItem .ExtendedData6 a {
        margin: 20px 10px 0 0;
        min-width: 0 !important;
    }

    .itemsList .dataItem .ExtendedData6 a:first-child {
        margin-top: 0;
    }

}

/* CUS-1884 - Gift Voucher Fix */

.suppPayMethodFormContainer fieldset .label,
.suppPayMethodFormContainer fieldset .field {
    display: block;
}

.pmTypeGiftVoucher .formDescriptionColumn,
.pmTypeGiftVoucher .VoucherNumber .formDescriptionColumn {
    margin: 5px 0px 10px 0 !important;
    display: block !important;
    font-size: 1.2rem;
    width: auto !important;
}

.pmTypeGiftVoucher .formDescriptionColumn .fieldDataItemDescriptions {
    text-align: left !important;
}

/* Ticket Forwarding */

#cmbSelectPriceType {
    border: 1px solid #dadada;
    border-radius: 4px;
    height: 26px;
    min-width: 100px;
    background-color: #fff;
    height: 42px;
    width: 100%;
    max-width: 400px;
}

.ownerSelectionDialog #selectOwnerForm {
    display: table;
    width: 100%;
}

.ownerSelectionDialog #selectOwnerForm > * > * {
    padding: 1em 0 0;
    font-weight: bold;
}

/* Help Pages */

.help-container {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
}

.help-twothirds{
    -ms-flex-preferred-size: 66.66%;
    flex-basis: 66.66%;
    max-width: 66.66%;
}
  
.help-onethird{
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
    padding:30px 20px 0 0 ;
}

.help-list{
    border-radius: 4px;
    background-color: #fff;
    display: block;
    border: 1px solid #E8E8E8;
    margin: 1em 0 2em;
}

.link-help{
    color: inherit;
}

.help-onethird ul {
    margin-bottom: 1.67em;
    padding: 0;
    list-style: none;
}

.help-onethird *:first-of-type {
    margin-top: 0;
}

.help-item{
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 20px;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.help-item > div {
    width: 100%;
}

.help-item table {
    margin-bottom: 10px;
    border-radius: 4px;
}

.help-item:last-of-type {
    border: none;
}
  
@media screen and (max-width: 780px) and (min-width: 1px){ 

    .help-container{
        margin: 0;
        display: flex;
        flex-flow: column-reverse;
    }

    .help-twothirds{
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .help-onethird{
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 781px){ 

    .help-menu {
        position: sticky;
        top: 120px;
    }

}

.anchor-point {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}

html {
    scroll-behavior: smooth;
}

/* Filter / Spinner Alternative */

body.enable-filter-spinner .areas-filter-panel__qty-section .ui-spinner a.ui-spinner-button,
body.enable-filter-spinner .areas-filter-panel__qty-section .ui-spinner a.ui-spinner-button span {
    display: inline-block !important;
}

body.enable-filter-spinner #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__qty-section .ui-spinner {
    height: 42px !important;
    border: 1px solid #e9e9e9 !important;
    border-radius: 8px !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    display: inline-block !important;
    background: white;
    overflow: hidden;
}

body.enable-filter-spinner #eventPage.hallMap .venueAreas .areas-filter-panel input.ui-spinner-input[type=number].areas-filter-panel__qty-input {
    margin: 0 !important;
    width: 140px !important;
    text-align: center;
    height: 100%;
    box-shadow: none !important;
    visibility: visible !important;
    border: none !important;
    padding: 0;
    background: none;
    vertical-align: top;
}

body.enable-filter-spinner .areas-filter-panel__qty-section .ui-spinner a.ui-spinner-button {
    background: white !important;
    border: none;
    border-radius: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 40px !important;
    position: relative;
    vertical-align: top;
    position: absolute;
}

body.enable-filter-spinner .areas-filter-panel__qty-section .ui-spinner a.ui-spinner-button.ui-spinner-down {
    left: 0;
}

body.enable-filter-spinner .areas-filter-panel__qty-section .ui-spinner a.ui-spinner-button .ui-icon {
    background: none !important;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
}

body.enable-filter-spinner .areas-filter-panel__qty-section .ui-spinner a.ui-spinner-button .ui-icon:after {
    color: inherit !important;
    width: 30px !important;
    height: 30px !important;
    display: block !important;
    text-indent: 0 !important;
    content: "\f068" !important;
    font-family: fontAwesome !important;
    font-size: 10px !important;
    line-height: 30px !important;
}

body.enable-filter-spinner .areas-filter-panel__qty-section .ui-spinner a.ui-spinner-button.ui-spinner-up .ui-icon:after {
    content: "\f067" !important;
}

body.enable-filter-spinner #eventPage.hallMap .venueAreas .areas-filter-panel {
    line-height: 42px;
}

.ui-spinner-input {
    caret-color: transparent;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__min-sum-wrapper .currency-symbol, #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__max-sum-wrapper .currency-symbol, #eventPage.hallMap .venueAreas .areas-filter-panel input.ui-spinner-input[type=number].areas-filter-panel__min-sum-input, #eventPage.hallMap .venueAreas .areas-filter-panel input.ui-spinner-input[type=number].areas-filter-panel__max-sum-input {
    font-weight: normal;
}

.areas-filter-panel__qty-wrapper .currency-symbol, .areas-filter-panel__min-sum-wrapper .currency-symbol, .areas-filter-panel__max-sum-wrapper .currency-symbol, .areas-filter-panel__min-sum-input, .areas-filter-panel__max-sum-input {
    font-size: 1.4rem !important;
}

#eventPage.hallMap .venueAreas .areas-filter-panel .ui-widget.ui-widget-content {
    margin-right: 40px;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 

    #eventPage.hallMap .venueAreas .areas-filter-panel>* {
        width: 100%;
    }

}

/* Resale */

.ticketsResaleDialog h1,
#alertItems h1 {
    font-size: 2em !important;
    line-height: normal !important;
    margin-top: 0;
}

.ticketsResaleDialog .basket-section .basketEvent, .basket-section .group.hasInfoSection,
#alertItems .basket-section .basketEvent, .basket-section .group.hasInfoSection {
    display: flex !important;
}

.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] h2 {
    margin-bottom: 20px;
    margin-right: 0;
}

/* .spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds #TicketIds+.basket-section .basketEvent .basketArea .basketItem .basketProperty.Details, */
#alertItems .basket-section .basketEvent .basketArea .basketItem .basketProperty.Details {
    margin-right: auto;
    width: auto !important;
}

#alertItems .resale-ops {
    width: auto;
    min-width: 200px;
}

#alertItems .resale-ops .resaleStatus-none+.op {
    border-radius: 4px !important;;
}

/* H tag case modifier */

.true-case {
    text-transform: none !important;
}

/* Choose Seats for Me */

.display-choose-seats-for-me.screen-Event4_aspx #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button,
.display-choose-seats-for-me.screen-Event4_aspx #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:hover,
.display-choose-seats-for-me.screen-Event4_aspx #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:active,
.display-choose-seats-for-me.screen-Event4_aspx #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:focus {
    display: block !important;
}

/* Card Types */

.card:first-child:last-child {
    max-width: calc(25% - 20px);
}

@media screen and (min-width: 781px){
    .cards .card {
        max-width: calc(25% - 20px);
    }
} 

.card.full:first-child:last-child,
.cards.full .card,
.card.full {
    max-width: 100%;
}

.card.no-image {
    border: 1px solid #e9e9e9;
    background: white;
}

.card.no-image .card-content {
    position: relative;
    bottom: auto;
    padding: 20px;
    color: inherit;
}

.card.no-image .landing-buttons {
    float: none !important; 
}

.card.no-image .image-link,
.card.no-image .img {
    display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 
    .cards .card {
        width: 100%;
    }
}

/* Sold Seat Icon */

.seat.o.s-i {
    background-image: url('../cus/release/css/core/images/seat-cross.png');
}

.flip-seats .seat.o.s-i { 
    background-image: url('../cus/release/css/core/images/seat-cross-flip.png');
}


/* Basket Seat Type */

.basketProperty.GetSeatNoteColumn:not(:empty) {
    font-size: .7em;
    clear: both;
    order: 10;
    width: 100%; 
}

/* Ticket Schemes */

.spScreen[data-screenname='eSRO.Payment.TicketSchemeEnrollments Design Dialog'] .TicketSchemeSelections .keyFields>span {
    padding: 0 10px 0 0;
}

table#TicketSchemeSelections button.collapsable.collapsed {
    display: none;
}

table#TicketSchemeSelections tr td.groupItemsContainer,
table#TicketSchemeSelections tr td.groupItemsContainer > table {
    width: 100%;
    border-spacing: 0;
}

/* Waive Offers Button */

#offersContainer .buttons-container #waiveOffersBtn {
    margin-right: 10px !important;
}


/* Cashback error message */

.pmTypeLoyaltyPoints .lpMessage {
    left: 0;
    margin: 60px 0 0 0;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 

    .pmTypeLoyaltyPoints .lpMessage {
        position: relative;
        margin: 10px 0;
    }

}

/* Accordion */

.accordion button.collapsible {
    background-color: #000000;
    color: white;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.6rem;
    margin-top: 10px; 
}

.accordion button.collapsible:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion button.collapsible.active, 
.accordion button.collapsible:hover {
    background-color: #000000;
    color: white;
}

.accordion button.collapsible.active:after {
    content: "\2212";
}

.accordion .content-collapsible {
    padding: 0 20px;
    overflow: hidden;
    background-color: #fff;
    max-height: 0;
    transition: max-height 0.2s ease-out;
    border: 1px solid #e9e9e9;
    border-top: none;
}

/* Extra Data Forms */

#extraDataForms .CheckBox_container {
    display: flex;
    flex-direction: row-reverse;
}

#extraDataForms .CheckBox_container .formInputColumn {
    margin-right: 10px;
}

#extraDataForms .basketManRow.missing.selected .selectedMarker:after {
    border-radius: 50%;
    background: #cccc;
    margin: 3px;
    width: 8px;
    height: 8px;
    content: "";
}

@media screen and (max-width: 780px) and (min-width: 1px){ 

    #extraDataForms .basketManRow {
        border: none !important;
    }

    #extraDataForms .basketManRow:not(.selected) {
        display: none;
    }

    #itemsExtraDataDialog #btnFinish {
        margin-top: 0;
    }

}

/* eCRM Data Protection */

.screen-crmdetails_aspx .spScreen .row.MultiSelectionList.DataProtectionDetails > .field UL LI .field UL LI:last-of-type {
    display: none;
}

/* Unseated Subscription */

#PH_Subscription_page .productInfo .description {
    background: none;
    border: none;
    position: relative;
    padding: 20px 0 0;
    margin: 0;
}

#PH_Subscription_page .productInfo .description:after {
    background: #fff;
    content: "";
    width: 100vw;
    height: 100%;
    display: block;
    margin-left: 50%; 
    left: -50vw;
    position: absolute;
    top: 0;
    z-index: -1;
}

#PH_Subscription_page .productInfo .description .name  {
    margin: 0 0 20px 0;
    font-size: 4.4rem;
    line-height: 4.4rem;
    font-weight: bold;
}

#PH_Subscription_page .productInfo .description .description-text {
    margin: 0;
}

#PH_Subscription_page .priceTypeQuantitySelection h3 {
    background: none;
    padding: 0;
    margin: 0;
    top: auto;
    left: auto;
    line-height: normal;
    height: auto;
    display: block;
    border: none;
    font-size: 1.5em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    width: auto;
}

#PH_Subscription_page .priceTypesContainer,
#PH_Subscription_page .buttonsContainer{
	border: 1px solid #e9e9e9;
	border-top: none;
	padding: 0 20px 20px !important;
	background: #fff;
	margin: 0;
	box-shadow: none;
    border-radius: 0;
    position: relative;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

#PH_Subscription_page .priceTypesContainer {
	border-top: 1px solid #e9e9e9;
	border-bottom: none;
	padding-top: 20px !important;
}

#PH_Subscription_page .priceTypeQuantitySelection {
    border: none;
    padding: 0;
}

#PH_Subscription_page .buttonsContainer {
    text-align: right;
}

#PH_Subscription_page .priceTypesContainer .total.zero:before,
#PH_Subscription_page .priceLevelContainer,
#PH_Subscription_page .totals.row {
    display: none !important;
}

#PH_Subscription_page .priceTypesContainer {
    width: 100%;
}

#PH_Subscription_page .priceTypesContainer .row {
    display: flex;
    flex-direction: row;
    padding: 0 0 20px;
    margin: 0 0 20px;
    border: none;
    border-bottom: 1px solid #e9e9e9;
    text-align: left;
    line-height: 42px;
    flex-wrap: wrap;
}

#PH_Subscription_page .priceTypesContainer .row > span {
    padding: 0;
    margin: 0 10px 0 0;
}

#PH_Subscription_page .priceTypesContainer .row > span.total {
    float: right !important;
    font-weight: inherit;
    font-size: 1.5rem;
    margin: 0 0 0 10px !important;
    margin-left: auto !important;
    color: inherit;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 
    #PH_Subscription_page .priceTypesContainer .row > span.priceType {
        width: 100%;
        margin: 0 !important;
    }
}

/* Footer */

#group_Footer {
    margin-top: auto;
    padding-top: 20px;
} 

/* Seat Key */

.legend-container .legend {
    color: #fff;
    font-size: 8px;
    line-height: 16px;
    text-align: center;
    font-weight: bold;
} 

/* eSRO Login Logo */

#loginCtrlContainer h2:before {
    display: block;
    content: "Logo";
    width: 100px;
    height: 100px;
    background: url('../cus/release/css/core/images/sg-logo.svg') no-repeat center center;
    background-size: contain;
    margin-bottom: 20px;
}

/* Basket Remove All Button */

.display-remove-all .timerMessage button.btnCancel {
    display: inline-block;
}

.pageSectionContainer .CountDownRemainingTimeTitle:nth-child(2) {
    margin-right: 0;
}

.timerMessage button.btnCancel {
    position: relative;
    bottom: auto;
    top: auto;
    right: auto;
    margin-left: 10px !important;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 

    .display-remove-all .timerMessage button.btnCancel {
        display: block;
        margin-left: 0 !important;
    }

}

/* Ticket Schemes */

@media screen and (max-width: 780px) and (min-width: 1px){ 
    table#TicketSchemeSelections tr td {
        white-space: normal;
    }

    table#TicketSchemeSelections  span.keyField_SeriesName {
        display: block;
        margin-left: 30px;
    }
}

/* Delivery Auto Complete Fix */

@media screen and (min-width: 781px){ 
    .screen-delivery_aspx .ui-autocomplete.ui-widget.ui-widget-content:not(.ui-spinner):not(.ui-tooltip) {
        min-width: 0 !important;
        width: auto !important;
        right: 20px;
    }
}

/* Delivery Option Fix */

.paymentMethod.selected a, .deliveryMethod.selected a {
    color: inherit !important; 
}

/* Registration Fix */

.loginOrRegisterWizard #frmCreateAccount .Birthday {
    clear: both;
}

.loginOrRegisterWizard #frmCreateAccount .Birthday div.label .fieldLabel {
    width: 90%;
    font-weight: 600;
}

/* Password Reset Improvements */

body:not(.screen-order_aspx):not(.template-templatetop).screen-crmlogin_aspx .screen-content,
#PH_CRM_change_password_dialog > div {
    margin: 0 auto !important;
    max-width: 400px !important;
}

#PH_CRM_change_password_dialog .forgotPwdExplanation {
    font-size: 2.1rem;
    margin: 20px 0;
    padding: 0 0 20px;
    border-bottom: 1px solid #e9e9e9;
}

#PH_CRM_change_password_dialog .item_background {
    padding: 0;
}

#PH_CRM_change_password_dialog .frmButtonsContainer {
    text-align: right;
    padding-top: 1em;
}

.row.username #username {
    margin: 0;
}

/* Social Icons */

#footer-social-wrapper {
    text-align: center;
}

#footer-social-wrapper ul {
    margin: 0 auto;
}

#footer-social-wrapper ul li {
    display: inline !important;
    padding: 10px !important;
}

.social-icon {
    font-size: 0;
}

.social-icon:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    content: "";
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.social-icon.facebook:before {
    background-image: url('../cus/release/css/core/images/facebook.svg');
}

.social-icon.youtube:before {
    background-image: url('../cus/release/css/core/images/youtube.svg');
}

.social-icon.twitter:before {
    background-image: url('../cus/release/css/core/images/twitter.svg');
}

.social-icon.instagram:before {
    background-image: url('../cus/release/css/core/images/instagram.svg');
}

/* Payment Forms */

.paymentMethod > #PaymentMethodFormsContainer {
    padding-left: 45px !important;
}

/* Mandatory Fix */

.mandatoryFieldMarker + label.fieldLabel.mandatory:after {
    display: none;
}

/* Resale */

@media screen and (max-width: 780px) and (min-width: 1px){ 
    .ui-dialog.crmAlertItems .ui-dialog-buttonpane {
        background: white !important;
        padding: 10px !important;
        height: auto !important;
    }
}

/* Ticket Exchange Title */

@media screen and (max-width: 780px) and (min-width: 1px){ 
    #crmAlertsContent H2 {
        font-size: 1.2em;
    }
}

/* Create Account */

.createAccountFormContainer {
    max-width: none;
}

.createAccountFormContainer fieldset > div:not(.form_padded_row){
    max-width: 400px;
}

#frmCreateAccount .row:not(.hidden)~.row.FirstName,
#frmCreateAccount .row:not(.hidden)~.row.LastName {
    display: block;
}

#frmCreateAccount .item_data_background.small_text_a.field.Birthday {
    display: flex !important;
    flex-direction: row;
    align-items: stretch;
}

#frmCreateAccount SELECT.splitdate:not(:last-of-type) {
    margin-right: 10px;
}

FORM SELECT {
    background-color: #fff;
}

fieldset.qasAddressSelectDialog {
    margin: 0;
}

fieldset.qasAddressSelectDialog > legend {
    display: none;
}

.formattedAddressText {
    margin-left: 0;
}

.qasAddressSelectDialog {
    padding: 10px !important;
}

.addressOption {
    display: flex;
    align-items: flex-start;
    padding: 5px 7px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
}

span#qasLink button {
    margin: 5px 0 0 0;
    border: 1px solid #e9e9e9;
}

.addressOption > input {
    margin: 3px 5px 0 0;
}

.formattedAddressText {
    display: inline-block;
    vertical-align: top;
}

#qasContainer {
    text-align: right;
}

/* Invite */

#editRelationshipsContainer #inviteCustomer fieldset > .row,
#editRelationshipsContainer #inviteCustomer fieldset > .row > * {
    display: block;
    padding: 0;
}

#inviteCustomer input[type=text],
#inviteCustomer input[type=email] {
    height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
    padding: 0;
    clear: both;
}

#editRelationshipsContainer .frmButtonsContainer {
    text-align: right;
}


/* Renewals */

#ctl00_body_IncludeSubscriptionOfFriendsContainer {
    margin-bottom: 20px;
    display: flex;
}

/* Checkout Summary */

#PH_Payment_details {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

#PH_Payment_details > .pageSectionContainer {
    display: flex;
    flex-direction: column;
    order: -1;
}

.display-basket-summary #PH_Payment_details #basketContainer {
    display: block !important;
}

#PH_Payment_details #basketContainer {
    margin-left: auto;
    border-bottom: 1px solid #e9e9e9;
    /* background: none;
    padding: 0;
    border: none; */
    width: auto;
    max-width: 400px;
    padding-top: 0 !important;
}

#PH_Payment_details #basketContainer .basketBeforePayment,
#PH_Payment_details #basketContainer .timerMessage,
#PH_Payment_details #basketContainer .editBasket,
#PH_Payment_details #basketContainer .basket-section {
    display: none !important;
}

#PH_Payment_details #basketContainer .basket-PaymentGroup,
#PH_Payment_details #basketContainer .basketTotals {
    display: block !important;
}

#PH_Payment_details #basketContainer .basketTotals {
    margin: 0;
    border: none;
}

#PH_Payment_details .basketTotals .summaryLine {
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
    font-weight: normal;
}

#PH_Payment_details .EndOfBasketItemsPlaceHolders + .basketTotals .summaryLine {
    padding: 20px 0 0 0;
    border: none;
    font-weight: bold;
}   

#PH_Payment_details #basketContainer .basket-PaymentGroup {
    padding-left: 0;
    border-bottom: 1px solid #e9e9e9 !important;
}

#PH_Payment_details #basketContainer .basket-PaymentGroup > div {
    padding: 0;
}

#PH_Payment_details .summaryBasketContainer .basketItem>SPAN {
    line-height: normal;
    padding: 20px 0 20px 10px;
}

#PH_Payment_details #basketContainer #basketCtrlContainer {
    padding-top: 0;
}

#PH_Payment_details span.basketProperty.PaymentMethodImage {
    display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px){ 
    #PH_Payment_details #basketContainer {
        max-width: 100%;
        margin: 0;
        width: 100%;
        box-shadow: none;
    }

    #PH_Payment_details #basketContainer > DIV {
        display: block;
    }

    #PH_Payment_details #basketContainer .expand {
        display: none;
    }
}

/* Login or Sign Up Landing Page */

body.client-is-logged-in .logged-out {
    display: none !important;
}

#landing-page .content {
    text-align: center;
}

#landing-header.login-or-signup {
    background-color: #000;
    color:#fff;
    text-align: center;
}

#landing-header.login-or-signup .cards {
    justify-content: center;
}

#landing-header.login-or-signup .card {
    overflow: visible;
}

#landing-header.login-or-signup .card .card-content {
    position: relative;
}

#landing-header.login-or-signup .card .card-content h2 {
    position: relative;
    margin-top: 20px;
}


#landing-header.login-or-signup .card .card-content h2 > span:not(.question):not(.answer) {
    font-size: inherit;
    display: inline;
}

#landing-header.login-or-signup .question {
    position: absolute;
    top: -15px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #fff;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
}

#landing-header.login-or-signup .question + .answer {
    display: none;
    position: absolute;
    width: 100%;
    max-width: 300px;
    right: 0;
    top: 15px;
    background: #000;
    padding: 20px;
    box-sizing: border-box;
    font-size: 1.2rem;
    text-transform: none;
    z-index: 99;
    text-align: left;
    letter-spacing: normal;
}

#landing-header.login-or-signup .question:hover:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    top: 18px;
    left: -4px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000;
      
}

#landing-header.login-or-signup .question:hover + .answer {
    display: inline-block;
}

@media screen and (min-width: 781px) {

    #landing-header.login-or-signup .question + .answer {
        margin-left: -240px;
        right: auto;
    }

}

@media screen and (max-width: 780px) and (min-width: 1px){ 

    #landing-header.login-or-signup .card {
        padding-bottom: 40px;
    }

}

/* Hover Above */

#landing-header.login-or-signup .question + .answer {
    top: auto;
    bottom: 50px;
}

#landing-header.login-or-signup .question:hover:after {
    border-top: 10px solid #000;
    top: -15px;
    border-bottom: none;
}

/* Or */

#landing-header.login-or-signup .card:first-of-type {
    position: relative;
}

#landing-header.login-or-signup .card:first-of-type:after {
    display: block;
    content: " ";
    position: absolute;
    background: rgba(255,255,255,0.5);
    right: 40px;
    bottom: 10px;
    width: calc(100% - 80px);
    height: 1px;
}

#landing-header.login-or-signup .card:first-of-type:before {
    display: table-cell;
    width: 40px;
    height: 40px;
    content: "or";
    font-size: 12px;
    position: absolute;
    text-align: center;
    overflow: visible;
    background: #000;
    z-index: 1;
    line-height: 40px;
    white-space: nowrap;
    font-weight: bold;
    right: calc(50% - 20px);
    bottom: -10px;
}

@media screen and (min-width: 781px) {

    #landing-header.login-or-signup .card:first-of-type:after {
        width: 1px;
        height: calc(100% - 80px);
        right: 0;
        bottom: auto;
        top: 40px;
    }

    #landing-header.login-or-signup .card:first-of-type:before {
        right: -20px;
        top: calc(50% - 20px);
        bottom: auto;
    } 

}

/* Filters */

.search-container {
    padding: 20px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.filters {
    display: flex;
    flex-wrap: wrap;
}

.filter {
    margin: 0 10px 0 0;
    width: 150px;
}

.filter label {
    text-transform: capitalize;
    display: block;
    padding-bottom: 5px;
    font-size: 1.6rem;
    font-weight: 500;
}

.filter select {
    height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
	padding: 0;
    background-color: #fff;
    cursor: pointer;
}

.filter-buttons {
    margin-top: 28px
}

button.clear-filters {
    background: none;
}


@media screen and (max-width: 780px) and (min-width: 1px){

    .filter label {
        font-weight: 1rem;
    }
    
    .filter { 
        width: 100px;
    }

    .filter select {
        height: 26px;
        min-width: 100px;
        font-size: inherit;
        text-indent: 0;
    }

    .filter-buttons {
        margin-top: 10px;
    }

}

/* Friends & Family Invitation */

#invitationResponseContainer .mandatoryFieldMarker {
    color: #f00;
    font-size: 1em;
    padding-right: 0.1em;
}

#invitationResponseContainer DIV.label {
    margin-top: 0.5em;
}

#invitationResponseContainer label {
    display: inline;
}

#invitationResponseContainer #relatedCustomerCreate FIELDSET .row {
    margin: 0;
    width: 100%;
    padding-top: 1em;
}

#relatedCustomerCreate hr {
    display: none;
}

#questionUseLoggedIn label,
#questionIdBy label,
#questionCreateNew label {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 10px;
}

#questionUseLoggedIn label > input,
#questionIdBy label > input,
#questionCreateNew label > input {
    margin: 0 5px 0 0;
}

#invitationResponseContainer #relatedCustomerLookup > P,
#invitationResponseContainer #relatedCustomerCreate > P {
    max-width: 100%;
}

#invitationResponseContainer #btnProceed {
    display: block !important; 
    margin-top: 10px !important;
    min-width: 140px !important;
}

/* Ticket Exchange */

.ticketsResaleDialog h1,
#alertItems h1 {
    font-size: 2.4rem;
    line-height: 2.4rem;
}

.ticketsResaleDialog h1 > span,
#alertItems h1 > span {
    font-size: 1.6rem;
    line-height: normal;
    font-weight: normal;
}

/* Mobile eCRM */

@media screen and (max-width: 780px) and (min-width: 1px){

    .crm_grid_data img:first-of-type {
        padding-left: 0;
    }
    
    .crm_screen_container .spScreenContent table td:not(.GrantDate):not(.Action):not(.Quantity):not(.AbsQuantity):not(.StatusIcons)::before {
        line-height: 7px;
        margin-top: 3px;
    }

    .crm_screen_container .spScreenContent table tr td.isEmptyCell:before {
        display: none !important;
    }

    .crm_screen_container .spScreenContent table tr td.crm_grid_data.EnrolledInstanceOwner,
    .crm_screen_container .spScreenContent table tr td.crm_grid_data.ClientId,
    .crm_screen_container .spScreenContent table tr td.crm_grid_data.TransactionNumber,
    .crm_screen_container .spScreenContent table tr td.crm_grid_data.StandName {
        width: 100%;
    }

    .crm_screen_container .spScreenContent table tr td.crm_grid_data.StatusIcons {
        order: 99999;
        width: 100%;
    }

    .ticketsResaleDialog h1, #alertItems h1 {
        font-size: 1.6rem !important;
    }

    .ticketsResaleDialog .basketArea .basketItem, #alertItems .basket-section .basketEvent .basketArea .basketItem{
        display: flex;
        flex-direction: column;
    }

    .ticketsResaleDialog .basketArea .basketItem > SPAN.PriceTypeName,
    #alertItems .basket-section .basketEvent .basketArea .basketItem > SPAN.PriceTypeName {
        text-align: left;
    }

    .crm_screen_container .spScreenContent table tbody tr {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        border: none;
        flex-wrap: wrap;
        padding-left: 24px;
        position: relative;
        box-sizing: border-box;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    
    .crm_screen_container .spScreenContent table td[data-th='Select']::before,
    .crm_screen_container .spScreenContent table td[data-th='Season Ticket']::before {
        display: none !important;
    }

    .crm_screen_container .spScreenContent table td[data-th='Select'] {
        width: 20px;
        position: absolute !important;
        top: 5px;
        left: 0;
        vertical-align: top;
        padding: 7px;
        order: -2;
    }

    .crm_screen_container .spScreenContent table td[data-th='Select'] input {
        margin: 0;
        vertical-align: top;
    }

    .crm_screen_container .spScreenContent table td[data-th='Season Ticket']{
        width: 100%;
        order: -1;
        font-weight: 600;
    }


}

/* Landing Header */

@media screen and (max-width: 780px) and (min-width: 1px){
    #landing-header .card .card-content span {
        font-size: 1.4rem;
    }
}

/* Dialogs */

body > .ui-dialog.transactionTicketSchemeEnrolllDialog .ui-dialog-content {
    min-height: calc(100% - 220px) !important;
    padding-bottom: 200px;
}

@media screen and (max-width: 780px) and (min-width: 1px){

    .screen-crmdetails_aspx .sps-dialog #EntityDesign\$Crm\.Customer.ui-dialog-content FIELDSET {
        flex-direction: column !important;
    }

    .screen-crmdetails_aspx .sps-dialog #EntityDesign\$Crm\.Customer.ui-dialog-content .column+.column {
        margin-left: 0 !important;
    }

}

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

    body.dialogopen {
        position: fixed;
    }

    body > .ui-dialog .ui-dialog-buttonpane {
        -webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.1) !important;
        -moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.1) !important;
        box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.1) !important;
    }

    body > .ui-dialog.showPopupMessageContainer.no-close .ui-dialog-content.showPopupMessage {
        top: 0;
        padding-bottom: 100px !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

}

/* Flex Tickets */

#PH_Subscription_page .productInfo .description .description-text {
    font-size: 1.6rem;
    margin: 0 0 20px 0;
}

#PH_Subscription_page .productInfo .description .media-overview {
    display: none;
}

.subscriptionPurchaseSection {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.subscriptionPurchaseSection > h2 {
    display: block;
    width: 100%;
}

.subscriptionEventSelection .eventsListContainer {
    background: none;
    border: none;
    margin-right: 20px;
    flex: 1;
    padding: 0;
}

.subscriptionEventSelection .show .imgContainer,
.subscriptionEventSelection .show .description,
.subscriptionPurchaseSection .selectedEventsList .selectedEvent .imgContainer,
.subscriptionEventSelection .showsList .eventsList .event.recommended:after,
.subscriptionEventSelection .eventsListContainer > .assignAllTicketsMsg,
.subscriptionEventSelection .eventsListContainer > h3 {
    display: none;
}


.subscriptionEventSelection .showsList {
    display: flex;
    border-spacing: 0;
    flex-direction: column;
}

.subscriptionEventSelection .show {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 20px;
    position: relative;
}

.subscriptionEventSelection .show:last-of-type {
    margin-bottom: 0;
}

.subscriptionEventSelection .show:hover {
    -webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
}

.subscriptionEventSelection .show > div {
    display: block;
    width: 100%;
}

.subscriptionEventSelection .show .eventsList {
    border: none;
    padding: 0;
    width: 100%;
}

.subscriptionEventSelection .showsList .eventsList .event .eventSelector input~label.choose {
    background: none;
    width: auto;
    height: 44px;
}

.subscriptionEventSelection .showsList .eventsList .event.alwaysVisible,
.subscriptionEventSelection .showsList .eventsList.expanded .event {
    display: flex;
}

.subscriptionEventSelection .showsList .eventsList .event .eventSelector {
    margin-left: auto;
}

.subscriptionEventSelection .selectedEventsContainer {
    margin-left: auto;
    flex: 1;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 20px;
    position: relative;
    padding-bottom: 0;
    max-width: 400px;
    box-sizing: border-box;
}

.subscriptionEventSelection .selectedEventsContainer > h3 {
    font-size: 1.17em !important;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
    padding: 0 0 20px 0;
}

.subscriptionPurchaseSection .selectedEventsList .eventsList {
    display: flex;
    flex-direction: column;
}

.subscriptionPurchaseSection .selectedEventsList .selectedEvent {
    margin: 0;
    padding: 0;
    font-size: inherit;
    height: auto !important;
    display: flex;
    padding: 15px 0;
    border-top: 1px solid #e9e9e9;
    position: relative;
    height: auto;
}

.subscriptionPurchaseSection .selectedEventsList .selectedEvent:first-of-type {
    padding-top: 0;
    border: none;
}

.subscriptionPurchaseSection .selectedEventsList .selectedEvent.empty {
    display: none !important;
}

.subscriptionPurchaseSection .selectedEventsList .selectedEvent > div {
    display: block;
    width: 100%;
}

.subscriptionPurchaseSection .selectedEventsList .selectedEvent .name {
    max-width: 100%;
    display: block;
    padding-right: 0;
}

.subscriptionPurchaseSection .selectedEventsList .selectedEvent .seatsInfo .area,
.subscriptionPurchaseSection .selectedEventsList .selectedEvent .seatsInfo .ticket,
.subscriptionPurchaseSection .selectedEventsList .selectedEvent .date,
.subscriptionPurchaseSection .selectedEventsList .selectedEvent .hall {
    display: none;
}

.subscriptionPurchaseSection .selectedEventsList .selectedEvent .seatsInfo {
    display: block;
    font-size: 1.2rem;
}

.subscriptionPurchaseSection .selectedEventsList .selectedEvent .remove {
    background: none;
    width: 12px;
    height: 20px;
	text-indent:0;
	font-size: 0;
	padding: 0;
	margin: 0;
	text-align: right;
    position: relative;
    margin-left: auto;
}

.subscriptionPurchaseSection .selectedEventsList .selectedEvent.complete .name::after {
    margin-right: 20px;
}

.subscriptionPurchaseSection .selectedEventsList .selectedEvent .remove:after {
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00d";
	content: "\f014";
}

.subscriptionEventSelection .selectedEventsContainer .instructions {
    border: none;
    padding: 0;
    margin: 20px 0 0;
}

.subscriptionPurchaseSection .buttons {
    margin: 20px 0;
    padding: 0;
}

.subscriptionPurchaseSection .button {
    box-sizing: border-box;
}

.subscriptionEventAllocation .button.nextEvent:after,
.subscriptionPurchaseSection .button.proceed:after {
    display: none;
}

.subscriptionEventAllocation .button.nextEvent.disabled,
.subscriptionPurchaseSection .button.proceed.disabled {
    opacity: .5;
    pointer-events: none;
}

.seatSelectionContainer .legends {
    display: none;
}

.subscriptionEventAllocation .seatSelectionContainer {
    border: 1px solid #e9e9e9;
    background: white;
    width: auto;
    box-shadow: none;
    z-index: 10;
    flex: 1;
    margin-right: 20px;
}

.subscriptionEventAllocation .seatSelectionContainer .topBar {
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
    border-color: #e9e9e9;
    padding: 20px;
}

.subscriptionEventAllocation .seatSelectionContainer .topBar .currentShowDetails {
    min-height: 0;
}

.subscriptionEventAllocation .seatSelectionContainer .topBar .currentShowDetails .name {
    line-height: normal;
}

.subscriptionEventAllocation .eventsContainer {
    margin-left: auto;
    flex: 1;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 20px;
    position: relative;
    padding-bottom: 0;
    max-width: 400px;
    box-sizing: border-box;
}

.subscriptionEventAllocation .eventsContainer h3 {
    padding: 0;
    margin: 0;
}

.subscriptionEventAllocation .eventsContainer .back {
    font-size: 1.2rem;
    padding-left: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
    display: block;
    margin-top: 5px;
}

.subscriptionEventAllocation .selectedEventsList {
    max-height: none;
    overflow: visible;
    overflow-y: visible;
    width: 100%;
}

.subscriptionEventAllocation .selectedEventsList .selectedEvent.selected {
    margin-left: -20px;
    padding-left: 20px;
    z-index: 1;
    box-shadow: none;
    background: #e9e9e9;
    border: none;
    left: 0;
}

.subscriptionEventAllocation .selectedEventsList .selectedEvent.selected:first-of-type {
    padding-top: 16px;
    margin-top: -16px;
}

.subscriptionEventAllocation .selectedEventsList .selectedEvent.selected + .selectedEvent {
    border-color: transparent;
}

.subscriptionEventAllocation .seatSelectionContainer .topBar .currentShowDetails .imgContainer:before {
    left: 20px;
}

.subscriptionEventAllocation .seatSelectionContainer .topBar .currentShowDetails .imgContainer {
    padding-left: 30px;
}

.subscriptionEventAllocation .seatSelectionContainer .topBar .currentShowDetails .imgContainer img {
    display: none;
}

.subscriptionEventAllocation .seatSelectionContainer .areaSelectionSection {
    background: none;
}

.subscriptionEventAllocation .seatSelectionContainer .areaSelectionSection .hallmap {
    display: none;
}

.subscriptionEventAllocation .seatedArea {
    padding-top: 0;
}

.subscriptionEventAllocation .seatSelectionContainer .areaSelectionSection {
    display: block;
    width: calc(100% - 40px);
    height: 80px;
    padding: 0;
    margin: 0 20px;
}

.areaSelectionSection>div.areaSelectorContainer {
    width: 100%;
    display: block !important;
}

.subscriptionEventAllocation .seatSelectionContainer .topBar .button,
.subscriptionEventAllocation .seatSelectionContainer .topBar .button:hover {
    height: 34px !important;
    line-height: 34px !important;
    font-size: 1.2rem !important;
}

/* View from Seat */

#dvmContainer {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
    margin-bottom: 20px;
}

/* v3 */

/* eCRM */

@media screen and (min-width: 781px){ 
    /* td.crm_grid_data.ShowName {
        width: 100%;
        white-space: normal;
    } 
    #leftMenu DIV.ui-tabs-panel.ui-widget-content {
        max-width: 80%;
    }*/
}

/* Cultures */

.ph_supportedcultures {
    width: auto;
    display: none;
    margin-left: 20px;
}

#PH_Float_Menu .ph_supportedcultures {
    display: block;
}

.ui-selectmenu-button.supportedCulturesMenu {
    border-radius: 0;
    padding: 0;
    display: flex;
    font-size: 1.2rem;
    font-weight: 600;
}

.ph_supportedcultures .ui-selectmenu-text {
    margin-right: 0;
}

.supportedCulturesMenu.ui-selectmenu-button span.ui-selectmenu-text {
    padding-left: 0;
}

.ph_supportedcultures .ui-selectmenu-icon.ui-icon {
    display: none;
}

.supportedCulturesMenu:before {
    padding-left: 0;
    position: relative;
    top: auto;
    margin-top: auto;
    display: inline-block;
    margin-right: 5px;
} 

#PH_SupportedCultures .ui-icon-triangle-1-s {
    display: none;
}

ul.supportedCultuesMenu.ui-menu {
    border-radius: 0;
}

ul.supportedCultuesMenu li {
    display: block;
    width: auto;
    border: none;
    border-bottom: 1px solid #e9e9e9; 
}

.supportedCultuesMenu.ui-menu.ui-widget.ui-widget-content:not(.ui-spinner):not(.ui-tooltip) {
    min-width: 0 !important;
}

ul.supportedCultuesMenu li.current>* {
    padding: 0.5em;
    color: inherit;
    font-weight: bold;
    font-size: inherit;
}

.ui-selectmenu-menu.ui-front.ui-selectmenu-open {
    margin-top: 8px;
}
 
@media screen and (max-width: 780px) and (min-width: 1px) {
    
    #group_Header-fixed.menudisplayed #PH_SupportedCultures  {
        display: none;
    }

    .ui-selectmenu-menu.ui-selectmenu-open {
        left: auto !important;
        right: 10px !important;
    } 
}

/* Footer */

#powered-by-seatgeek {
    display: flex;
    align-items: center;
}

/* Images */

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

/* Tunnel */

.tunnelLocation {
    padding: 10px 0 10px;
}

@media screen and (min-width: 781px) {

    .tunnelLocation {
        padding: 10px 0 10px;
        height: 20px;
        font-size: 13px;
    }

}

/* Show Details */

#PH_Show_page #media {
    padding: 0;
}

#PH_Show_page #media ul {
    padding-top: 0;
}

/* Card Types */

.card.text-based {
    border: 1px solid #e9e9e9;
    background: white;
}

.card.no-style {
    background: none;
    border: none;
}

.card.text-based .card-content {
    position: relative;
    bottom: auto;
    padding: 20px; 
    color: inherit;
}

.card.text-based .landing-buttons {
    float: none !important; 
}

.card.text-based .image-link {
    overflow: hidden;
}

.card.no-style .absolute-link,
.card.no-style .image-link:after,
.card.text-based .absolute-link,
.card.text-based .image-link:after {
    display: none;
}

.card.text-based .card-content ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    text-align: left;
    width: 100%;
}

.card.no-style:hover .image-link img,
.card.no-hover:hover .image-link img {
    transform: none !important;
}

/* Donate Button */

.roundUpDonationSection #addRoundUpDonation {
    margin-top: 0;
    font-size: 0 !important;
    display: flex;
    justify-content: center;
}

.roundUpDonationSection #addRoundUpDonation:before {
    content: "Donate";
    font-size: 1.5rem;
}

/* Car Park Space */

.seat.car-park-space,
.seat.Car-Park-Space {
    background-image: url('../cus/release/css/core/images/seat-car-park-space.png') !important;
}

.flip-seats .seat.car-park-space,
.flip-seats .seat.Car-Park-Space {
    background-image: url('../cus/release/css/core/images/seat-car-park-space-flip.png') !important;
}

/* Remove 'No I will not Renew' */

.disable-not-renew .subsRenewEntry .seriesOptions > SPAN:nth-child(2) {
    display: none;
}

/* Extra Data Forms */

#itemsExtraDataHint {
    display: none !important;
}

#itemsExtraDataPanel .spForm > p {
    display: block;
    margin-bottom: 20px;
}

.itemExtraDataDialog #itemsExtraDataDialog #itemsExtraDataPanel form {
    width: 100% !important;
}

@media screen and (min-width: 781px) { 

    /* #itemsExtraDataPanel .spForm {
        width: 50%;
    }*/

    #itemsExtraDataPanel .item_background {
        width: 50%;
        min-width: 0;
        max-width: none;
    }

}

@media screen and (max-width: 780px) and (min-width: 1px) { 

    #itemsExtraDataPanel .basketManRowCol:nth-of-type(1),
    #itemsExtraDataPanel .basketManRowCol:nth-of-type(2) {
        display: block !important;
    }

    #itemsExtraDataPanel .basketManRow:not(.selected) .basketManRowCol {
        display: none;
    }

    #extraDataForms .basketManRow:not(.selected) {
        display: flex;
    }

}

/* Order Nav */

@media screen and (max-width: 780px) and (min-width: 1px) { 

    #supportedCulturesDropdown-button.ui-selectmenu-button span.ui-selectmenu-text {
        padding-right: 0;
        font-size: inherit;
    }

}

/* Choose Seats for Me Button */

.display-choose-seats-for-me.screen-Event4_aspx #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button,
.display-choose-seats-for-me.screen-Event4_aspx #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:hover,
.display-choose-seats-for-me.screen-Event4_aspx #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:active,
.display-choose-seats-for-me.screen-Event4_aspx #eventPage.hallMap .venueAreas .areas-filter-panel .areas-filter-panel__find-button:focus {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Date Wrapping */
 
h2#cal {
    white-space: nowrap;
}

/* Register Order */

#frmCreateAccount fieldset {
    display: flex;
    flex-direction: column;
}

#frmCreateAccount .alternativeButtonsContainer {
    order: 100;
} 

/* F&F Assign */

.qtip.ownerSelectionMenuTooltip .qtip-content {
    overflow-y: scroll !important;
} 

/* Collapsible */

/* More Info */

.content .collapsible {
    padding: 0;
    text-decoration: none;
    background: none;
    font-size: inherit; 
}
  
  
.content .collapsible-content {
    display: none;
    overflow: hidden;
    padding: 0 !important;
}

/* Simple Form */

.simpleForm #itemsExtraDataDialog .item_background,
.simpleForm #itemsExtraDataDialog .formInputColumn,
.simpleForm #itemsExtraDataDialog #btnNext,
.simpleForm #itemsExtraDataDialog #extraDataForms {
    display: none;
}

.simpleForm #itemsExtraDataDialog #extraDataForms .CheckBox_container {
    flex-direction: row;
} 

.simpleForm #itemsExtraDataDialog #itemsExtraDataPanel > .ui-dialog-title {
    padding: 0;
    margin-bottom: 20px;
    font-size: 20px;
    width: 100%;
    white-space: normal;
}

/* Checkout Donation */

.screen-Checkout_aspx .roundUpDonationSection {
    margin-left: 0;
    margin-bottom: 20px;
}


/* Ballots */

.screen-content .dataItem .itemsDateRange .openingDate:after {
    content: '';
}


.screen-content .dataItem .ballot-client-application-status.status-applied:after {
    content: "Applied";
    font-size: 1.4rem;
    margin-left: 5px;
}

@media screen and (min-width: 781px) {

    .screen-content .dataItem .ballot-client-application-status {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 20px;
    }

    .screen-content .dataItem .button-DeleteBallotApplication {
        margin-right: 1em;
        margin: 0 10px 10px;
    }

}

@media screen and (max-width: 780px) and (min-width: 1px) { 
    
    .screen-content .dataItem .ballot-client-application-status {
        width: 100%;
        padding: 10px;
    }

}

/* Packages Content */

.screen-content#PH_ .eventTitle + .content-wrapper {
    padding-top: 0;
}

body #ctl00_body_PriceLevelsListControl.itemsList .dataItem .description > span {
    font-size: 1.5rem;
    padding-bottom: 20px;
    display: block;  
}

/* eCRM Table */

@media screen and (min-width: 781px){
    #PH_CRM_details_page .spScreen.grid .spScreenContent {
        max-width: 83.33vw;
    }
}

@media screen and (min-width: 1280px){
    #PH_CRM_details_page .spScreen.grid .spScreenContent {
        max-width: 1046px;
    }
}

@media screen and (min-width: 1500px){
    #PH_CRM_details_page .spScreen.grid .spScreenContent {
        max-width: 70vw;
    }
}

/* Calendar */

.ui-datepicker th {
    padding: 0.7em 0.3em !important;
}

/* Hospitality Event Content */

@media screen and (max-width: 780px) and (min-width: 1px) { 

    .screen-hospitalityevent_aspx .screen-content#PH_ .content {
        padding: 0;
    }

}

/* Text Based Image */

.card.text-based .image-link img {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Missing Images */

.item_image.missing {
    display: none;
}

/* Cards */

.cards .card .card-content .landing-buttons a.landing-button:not(:last-child) {
    margin-bottom: 3px;
}

/* Relocate */

body .replaceSubsTickets.ui-widget.ui-widget-content {
    min-width : 100vw;
    min-height: 100vh;
    box-sizing: border-box;
    left: 0 !important;
}

@media only screen and (min-width: 781px) {

    body .replaceSubsTickets.ui-widget.ui-widget-content .seat_plan_body_css #seats,
    body .replaceSubsTickets.ui-widget.ui-widget-content #zoomContainer,
    body .replaceSubsTickets.ui-widget.ui-widget-content .seatingPlanContainer {
        height: 600px !important;
        overflow: visible !important;
    }

    body .replaceSubsTickets.ui-widget.ui-widget-content .zoomableContainer {
        height: 600px !important;
        /* overflow: visible !important; */
    }

    body .replaceSubsTickets.ui-dialog .ui-dialog-content {
        height: calc(100vh - 104px) !important;
        min-height: 600px;
    }
    
    body .replaceSubsTickets .areaSelectionSection {
        max-width: 20%;
        margin-left: 20px;
    }

    body .replaceSubsTickets .seatsPlanContainer {
        width: 100%;
        margin: 40px 0 0;
    }

    body .replaceSubsTickets .seatedArea {
        flex-wrap: nowrap;
    }
}

body .replaceSubsTickets .venueImage {
    background-repeat: no-repeat;
}

body .replaceSubsTickets .hallmap {
    display: none !important;
}

body .replaceSubsTickets #selectedAreaInfo .selected {
    border       : 1px solid #dadada;
    border-radius: 4px;
    height       : 26px;
    min-width    : 200px;
    max-width    : none;
    padding      : 10px;

    min-width: 100%;
    box-sizing: border-box;
    height: 48px;
}

body .replaceSubsTickets #selectedAreaInfo .button-moreAreas .icon {
    height: 100%;
    align-items: center;
    display: flex;
    padding-right: 10px;
}

body .replaceSubsTickets #positionButtonDiv {
    right: 40px;
}

body .replaceSubsTickets #selectedAreaInfo .priceLevelImages .seat {
    display: none !important;

}

@media only screen and (min-width: 781px) {


    body .replaceSubsTickets.ui-widget.ui-widget-content #positionButtonDiv > div {
        display: none !important;
    }

    /*
    body .replaceSubsTickets.ui-widget.ui-widget-content #zoomContainer {
        transform: none !important;
    }
        */

}

/* Gift Voucher Cards */

#ctl00_body_GiftVouchersListControl {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
}

#ctl00_body_GiftVouchersListControl .dataItem {
    /* flex: 1 1 50%; */
    max-width: calc(25% - 20px);
    margin-left:10px !important;
    margin-right: 10px !important;
    position: relative;
    overflow: hidden;
    margin-top: 20px !important;
    flex-direction: column;
	transform: translateZ(0)
}

#ctl00_body_GiftVouchersListControl .dataItem .description {
    margin-top: 20px;
    display: block;
}

#ctl00_body_GiftVouchersListControl .dataItem .item_image_container {
    width: 100%;
    display: block;
    font-size: 0;
}

#ctl00_body_GiftVouchersListControl .dataItem div.item_image:not(:empty){
    padding: 10px 10px 0 !important;
}

#ctl00_body_GiftVouchersListControl .dataItem div.item_image img {
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    width: 100% !important;
    transition: opacity .2s ease-out,transform 3.8s cubic-bezier(0.19,1,.22,1);
}

#ctl00_body_GiftVouchersListControl .dataItem .itemsDateRange {
    display: none;
}

#ctl00_body_GiftVouchersListControl .dataItem .itemsButtonsContainer {
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-top: auto !important;
    text-align: left;
    padding-top: 0 !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

    #ctl00_body_GiftVouchersListControl {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    #ctl00_body_GiftVouchersListControl .dataItem {
        max-width: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 2.5vw !important;
    }

}

@media only screen and (max-width: 780px) and (min-width: 1px){

    #PH_Gift_Voucher_purchase .productInfo > span.small_text_a {
        float: left;
        line-height: 44px;
        width: 15px;
    }

    #PH_Gift_Voucher_purchase #gvPrice {
        width: calc(100% - 15px) !important;
    }

}

#PH_Gift_Voucher_purchase .buttonsContainer button.disabled {
    opacity: .3;
}


/* Reg Wizard */

.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button.back {
    position: relative;
}

.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav {
    display: flex;
    justify-content: flex-end;
}

.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button {
    margin: 0 5px;
}

.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button:first-child {
    margin-left: 0;
    margin-right: auto;
}

.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button:last-child {
    margin-right: 0;
}

/* Prompts */

#offersContainer .promptsContainer .element,
.promptExtras-dialog .promptExtrasDlg .element {
    margin-top: 20px;
}

/* Buttons on Mobile */

@media only screen and (max-width: 520px) and (min-width: 1px){

    .ui-dialog-buttonset {
        display: flex;
        flex-direction: row-reverse;
    }

    .ui-dialog .ui-dialog-buttonpane button {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .ui-dialog .ui-dialog-buttonpane button:last-child {
        margin-left: 0 !important;
    }

    .ui-dialog .ui-dialog-buttonpane button:first-child {
        margin-right: 0 !important;
    }

}

/* Extra Data Forms Fix */

#itemsExtraDataDialog .form-container {
    display: none;
}

#itemsExtraDataDialog .form-container.current {
    display: flex;
}

/* Seat Types */

.seat.beer:not(.c):not(.o),
.seat.Beer:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-beer.png') !important;
}

.flip-seats .seat.beer:not(.c):not(.o),
.flip-seats .seat.Beer:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-beer-flip.png') !important;
}

.seat.armchair:not(.c):not(.o),
.seat.Armchair:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-armchair.png') !important;
}

.flip-seats .seat.armchair:not(.c):not(.o),
.flip-seats .seat.Armchair:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-armchair-flip.png') !important;
}

.seat.unavailable:not(.c):not(.o),
.seat.unavailable:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-cross.png') !important;
    background-color: #dddddd !important;
}

.flip-seats .seat.unavailable:not(.c):not(.o),
.flip-seats .seat.Unavailable:not(.c):not(.o) {
    background-image: url('../cus/release/css/core/images/seat-cross-flip.png') !important;
    background-color: #dddddd !important;
}

/* Resale */

.screen-resale_aspx  #alertItems .resale-ops .resaleStatus-none+.op,
.screen-resale_aspx  #alertItems .resale-ops .resaleStatus-pending+.op,
.screen-resale_aspx  #alertItems .resale-ops .resaleStatus-pending,
.screen-resale_aspx  #alertItems .resale-ops .resaleStatus-resold,
.screen-resale_aspx  #alertItems .resale-ops .resaleStatus-refunded { 
    border-radius: 4px !important;
    font-size: 13px !important;
}


@media screen and (min-width: 781px) {

    .screen-resale_aspx  #alertItems .resale-ops .resaleStatus-none+.op,
    .screen-resale_aspx  #alertItems .resale-ops .resaleStatus-pending+.op,
    .screen-resale_aspx  #alertItems .resale-ops .resaleStatus-pending,
    .screen-resale_aspx  #alertItems .resale-ops .resaleStatus-resold,
    .screen-resale_aspx  #alertItems .resale-ops .resaleStatus-refunded { 
        margin-left: 10px !important
    }

}

#alertItems .basketProperty.PriceTypeName {
    margin-right: auto;
    margin-left: 0;
    padding-right: 20px;
}

#alertItems .basket-section .basketEvent .basketArea .basketItem .basketProperty.Details {
    margin-right: inherit;
}

#alertItems .resale-ops {
    display: flex;
}

/* Resale Page */

.screen-resale_aspx #alertItems h1,
.screen-resale_aspx h1 {
    font-size: 2em !important;
    margin: 0 0 20px 0;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
}

.screen-resale_aspx #alertItems .basket-section,
.screen-resale_aspx .basket-section {
    background: #fff !important;
    border: 1px solid #e9e9e9 !important;
}

.screen-resale_aspx .spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds #TicketIds+.basket-section .basketEvent > DIV,
.screen-resale_aspx .spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds #TicketIds+.basket-section .basketEvent .basketArea,
.screen-resale_aspx #alertItems .basket-section .basketEvent .eventInfoContainer,
.screen-resale_aspx .basket-section .basketEvent .eventInfoContainer {
    border-top: none;
    padding: 0 !important;
}

.screen-resale_aspx .spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds {
    border-bottom: none !important;
}

.screen-resale_aspx #alertItems .eventInfoSection .imageContainer,
.screen-resale_aspx .eventInfoSection .imageContainer {
    display: none;
}

.screen-resale_aspx #alertItems .basket-section .basketEvent,
.screen-resale_aspx .basket-section .basketEvent {
    padding: 20px 20px 10px 20px;
    border-bottom: 1px solid #e9e9e9 !important;
    box-sizing: border-box;
}

.screen-resale_aspx #alertItems .basket-section .basketEvent:last-child,
.screen-resale_aspx .basket-section .basketEvent:last-child {
    border-bottom: none !important;
}

.screen-resale_aspx #alertItems .basket-section .basketEvent .basketArea,
.screen-resale_aspx .basket-section .basketEvent .basketArea {
    border: none;
    padding: 0 !important;
}

.screen-resale_aspx #alertItems .basket-section .basketEvent .basketArea .standName,
.screen-resale_aspx #alertItems .basket-section .basketEvent .basketArea .areaName,
.screen-resale_aspx .basket-section .basketEvent .basketArea .standName,
.screen-resale_aspx .basket-section .basketEvent .basketArea .areaName {
    display: none;
}

.screen-resale_aspx #alertItems .basket-section .basketEvent .basketArea .areaName,
.screen-resale_aspx .basket-section .basketEvent .basketArea .areaName {
    padding-top: 0;
}

.screen-resale_aspx #alertItems .basket-section .basketEvent .basketArea .basketItem,
.screen-resale_aspx .basket-section .basketEvent .basketArea .basketItem {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0 !important;
}

.screen-resale_aspx .resale-wrapper + .ui-dialog-buttonpane {
    border: none;
    background: none;
    margin: 20px 0 0;
    text-align: right;
}

.screen-resale_aspx .ui-dialog-buttonpane button,
.screen-resale_aspx .ui-dialog-buttonpane button:hover,
.screen-resale_aspx .ui-dialog-buttonpane button:active,
.screen-resale_aspx .ui-dialog-buttonpane button:focus {
    font-family: 'Source Sans Pro',sans-serif !important;
    font-weight: normal !important;
    -webkit-font-smoothing: inherit !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 1.2rem !important;
    border: none !important;
    -moz-border-radius: 22px !important;
    -webkit-border-radius: 22px !important;
    border-radius: 22px !important;
    line-height: 20px !important;
    min-height: 20px !important;
    height: auto !important;
    padding: 12px !important;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    background: #666;
    color: #fff !important;
    min-width: 140px !important;
    width: auto !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    text-shadow: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    margin: 0;
    display: inline-block;
    text-align: center !important;
    background-image: none !important;
    text-indent: 0 !important;
}

.screen-resale_aspx .basket-section .eventDetails,
.screen-resale_aspx .basket-section .eventDetails .name {
    padding-bottom: 5px;
}

.screen-resale_aspx .field .commands button,
.screen-resale_aspx .field .commands button:hover,
.screen-resale_aspx .field .commands button:active,
.screen-resale_aspx .field .commands button:visited {
    margin-left: 10px;
}

.screen-resale_aspx .field .commands {
    float: left;
    margin-top: 0 !important;
}

.screen-resale_aspx .spScreen .column .field {
    margin: 10px 0 0;
    max-width: none;
}

.screen-resale_aspx .spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .fieldCommand.button {
    padding: 8px !important;
}

.screen-resale_aspx .resale-wrapper .crmAlertItems {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    max-width: none;
    height: auto !important;
    max-height: none !important;
    z-index: 0;
}

.screen-resale_aspx .resale-wrapper .crmAlertItems .ui-dialog-content {
    max-height: none !important;
    max-width: none !important;
    padding: 0;
    background: none;
    height: auto;
    padding: 0 !important;
}

.screen-resale_aspx .resale-wrapper .ui-dialog-titlebar {
    display: none;
}

.screen-resale_aspx #alertItems .basket-section, .screen-resale_aspx .basket-section {
    box-sizing: border-box;
}

/* Save Card */

@media only screen and (min-width: 781px){
    #PaymentMethodFormsContainer {
        display: flex;
        clear: both;
        margin-left: auto;
        max-width: 400px;
        text-align: right;
    }
}

#paymentMethodForms .fieldsForm .row.IsForFuturePayByCustomer {
    width: auto !important;
    float: right;
    display: flex;
    margin: 0;
}

.IsForFuturePayByCustomer .formInputColumn {
    width: auto;
}

.IsForFuturePayByCustomer .formInputColumn input {
    position: relative !important;
    margin: 4px 0 4px 8px !important;
}

.IsForFuturePayByCustomer .formDescriptionColumn {
    display: none;
}

/* EXTRAS PROMPT */

#offersContainer .promptsContainer .linkedDetails,
.promptExtras-dialog .promptExtrasDlg .linkedDetails,
#offersContainer .promptsContainer .elements,
.promptExtras-dialog .promptExtrasDlg .elements {
    display: none;
}

#offersContainer .promptsContainer h2,
.promptExtras-dialog .promptExtrasDlg h2 {
    margin-top: 0;
}

#offersContainer .promptsContainer .element,
.promptExtras-dialog .promptExtrasDlg .element {
    max-width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
}

/* eCRM */

@media only screen and (max-width : 780px) and (min-width: 1px){

    #PH_CRM_details_page #leftMenu {
        flex-direction: column;
    }

    #PH_CRM_details_page #leftMenu > ul {
        display: flex;
        width: 100%;
        overflow: scroll;
        flex: none;
        border-radius: 0;
        position: relative;
        margin-bottom: 10px;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    #PH_CRM_details_page #leftMenu > ul::-webkit-scrollbar {
        display: none;
    }

    #PH_CRM_details_page #leftMenu:before {
        display: block;
        height: 20px;
        width: 30px;
        background: -moz-linear-gradient(left,  rgba(249,249,249,0) 0%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(249,249,249,0) 0%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(249,249,249,0) 0%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        position: absolute;
        right: -2.5vw;
        z-index: 1;
    }

    #PH_CRM_details_page #leftMenu > ul > li {
        margin-right: 10px !important;
        width: auto;
    }
    
    #PH_CRM_details_page #leftMenu > ul > li:last-child {
        margin-right: 20px !important;
    }

}

#fldLoyaltyPointsBalance { 
    pointer-events: none;
}

/* eCRM Direct Click */

body #siteMenuBar.hasclient #customerBox > a.eCRMDirect:first-child:after {
    display: none !important;
}

/* Gift Vouchers Image */

#ctl00_body_GiftVouchersListControl .dataItem div.item_image img {
    border-radius: 6px !important;
}

#ctl00_body_GiftVouchersListControl .dataItem div.item_image:not(:empty) {
    box-sizing: border-box;
    min-width: 0;
}

/* Terms */

#termsAndConditions #terms-accept {
    font-size: inherit;
}

/* Ticket Exchange */

#ticketExchangeContent a {
    color: inherit;
}

#ticketExchangeContent a:hover {
    opacity: .5;
}

/* Merch */

.screen-content .merchandiseMenuContainer + div#gallery {
    display: none;
}

#PH_Merchandise_categories {
    padding-top: 20px;
}

#specialItems h2 {
    margin: 0 0 20px 0;
    font-size: 4rem;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
    font-size: 3.2rem;
}

@media only screen and (min-width: 781px){

    #specialItems h2 {
        font-size: 4rem;
    }    

}

/* Landing / Event / Product Cards */

#ctl00_body_DonationsListControl.itemsList {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
}

#ctl00_body_DonationsListControl.itemsList .dataItem {
    /* flex: 1 1 50%; */
    max-width: calc(25% - 20px);
    margin-left:10px !important;
    margin-right: 10px !important;
    position: relative;
    overflow: hidden;
    margin-top: 20px !important;
    flex-direction: column;
	transform: translateZ(0)
}

#ctl00_body_DonationsListControl.itemsList .dataItem .item_image_container {
    width: 100%;
    display: block;
    font-size: 0;
}

#ctl00_body_DonationsListControl.itemsList .dataItem div.item_image:not(:empty){
    padding: 10px 10px 0 !important;
}

#ctl00_body_DonationsListControl.itemsList .dataItem .description {
    margin-top: 20px;
    display: block;
}

#ctl00_body_DonationsListControl.itemsList .dataItem div.item_image img {
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    width: 100% !important;
    transition: opacity .2s ease-out,transform 3.8s cubic-bezier(0.19,1,.22,1);
    border-radius: 6px !important;
}

#ctl00_body_DonationsListControl.itemsList.dataItem .itemsDateRange {
    display: none;
}

#ctl00_body_DonationsListControl.itemsList .dataItem .itemsButtonsContainer {
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-top: auto !important;
    text-align: left;
    padding-top: 0 !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {

    #ctl00_body_DonationsListControl.itemsList {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    #ctl00_body_DonationsListControl.itemsList .dataItem {
        max-width: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 2.5vw !important;
    }

}

/* Card Fixes */

@media screen and (min-width: 781px){

    #ctl00_body_DonationsListControl.itemsList .dataItem .item_image_container > .item_image,
    #ctl00_body_MembershipsListCtrl.itemsList .dataItem .item_image_container > .item_image,
    #ctl00_body_PriceLevelsListControl.itemsList .dataItem .item_image_container > .item_image {
        min-width: 100% !important;
        box-sizing: border-box;
    }

}

@media only screen and (max-width : 780px) and (min-width: 1px){

    .card:first-child:last-child {
        max-width: 100%;
    }

} 

/* Pop Up Fix */

.promoBox #promoInput {
    height: 46px;
}

form.promoBox.show {
    align-items: flex-start;
}

/* History Dropdown */

#historyContainer > select {
    font-size: inherit !important;
    padding: 12px 20px 12px 10px !important;
    border: 1px solid #dedede !important;
    border-radius: 4px !important;
    margin-left: 10px;
}

/* v4 */

/* Mobile Border / Padding Improvements */
 
@media screen and (max-width: 780px) and (min-width: 1px) {

    body .loginOrRegisterDlg {
		width: 90% !important;
		left: 5% !important;
		top: 5vw !important;
	}

    #primary-banners {
		margin: 5vw 0 0;
	}

    #primary-banners > div {
		margin: 0 0 5vw;
	}

    #secondary-banners > div {
		margin:0 0 5vw;
	}

    .crmInfoMenuTooltip.qtip-focus {
		width: calc(100% - 10vw);
		left: 5vw !important;
	}
    
    .membershipEntry .newMembership,
	.membershipEntry .msg-notUpgradable {
		margin-left: 5vw;
		margin-right: 5vw;
	}

    #selectedAreaInfo.expanded #areasListTitle {
		padding-left: 5vw;
	}

    #PH_Donation_purchase {
        padding: 5vw !important;
    }

    #group_Header {
        padding: 0 5% !important;
        box-sizing: border-box !important;
    }

    #group_Header-fixed {
        padding: 0 5% !important;
    }

    #next-match-wrapper {
        padding: 0 5vw;
    } 

    .itemsList .dataItem {
        margin-top: 5vw !important;
    }

    .cards .card,
    #ctl00_body_DonationsListControl.itemsList .dataItem,
    #ctl00_body_MembershipsListCtrl.itemsList .dataItem,
    #ctl00_body_PriceLevelsListControl.itemsList .dataItem {
        margin-top: 5vw !important;
    }

    .crmWelcomeColumnContainer > DIV {
        margin-bottom: 5vw;
    }

    .ClientImageUrl {
        right: 5vw;
    }

    #ctl00_body_GiftVouchersListControl .dataItem {
        margin-top: 5vw !important;
    }

    #PH_CRM_details_page #leftMenu:before {
        right: -5vw;
    }

    .screen-content#PH_ .content,
    #PH_HtmlPerGenre .content {
        padding-left: 5%;
        padding-right: 5%;
    }

    #PH_TunnelLocation {
		width: 90% !important;
		padding-left: 5%;
		padding-right: 5%;
	}

    .screen-content {
		width: 90% !important;
		padding-left: 5%;
		padding-right: 5%;
	}

}

/* Membership Bias Message */

.comparison-chart {
    margin-top: 60px !important;
}

.comparison-chart li,
.comparison-chart thead th {
    position: relative;
}

span.bias {
    position: absolute;
    top: -50px;
    left: 10px;
    background: black;
    color: white;
    border-radius: 100%;
    display: flex;
    width: 70px;
    height: 70px;
    padding: 10px;
    box-sizing: border-box;
    align-content: center;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 600;
    transform: rotate(-10deg);
    line-height: 1.1rem;
}

/* Filter Updates */

.filter label {
    font-size: inherit;
    font-weight: 600;
}

.filter {
    margin-bottom: 5px;
}

.filter-buttons {
    margin-top: 20px;
}

@media only screen and (max-width : 780px) and (min-width: 1px){
    .filter select {
        height: 30px;
    }
    button.clear-filters {
        padding: 0;
    }
    .filter-buttons {
        margin-top: 13px;
    }
}

@media only screen and (max-width : 480px) and (min-width: 1px){
    .filter {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .search-container {
        justify-content: flex-end;
    }
}

/* Tool Tip */

.comparison-chart td,
.comparison-chart th {
    position: relative;
}

.tool-tip.question {
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #fff;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    background: #aaa;
    color: #fff;
}

.tool-tip.question + .tool-tip.answer {
    display: none;
    position: absolute;
    width: 100%;
    max-width: 300px;
    background: #000;
    color: #fff;
    box-sizing: border-box;
    font-size: 1.2rem;
    text-transform: none;
    z-index: 99;
    text-align: left;
    letter-spacing: normal;
    border-radius: 3px;
    
}

#landing-header.login-or-signup .question + .answer,
.tool-tip.question + .tool-tip.answer {
    border-radius: 3px;
    padding: 15px;
}

*:hover > .tool-tip.question + .tool-tip.answer,
.tool-tip.question:hover + .tool-tip.answer {
    display: inline-block;
}

/* Min Header */

.template-templatetop #PH_HeaderBackground-fixed {
    position: absolute;
}

/* Resale */

.screen-resale_aspx .basket-section .eventDetails {
    padding-bottom: 0;
}

.screen-resale_aspx #alertItems .basket-section .basketEvent .basketArea .basketItem:first-of-type,
.screen-resale_aspx .basket-section .basketEvent .basketArea .basketItem:first-of-type {
    margin-top: 10px !important;
}

@media only screen and (max-width : 780px) and (min-width: 1px){

    body.screen-resale_aspx .ui-dialog-buttonpane button,
    body.screen-resale_aspx .ui-dialog-buttonpane button:hover,
    body.screen-resale_aspx .ui-dialog-buttonpane button:active,
    body.screen-resale_aspx .ui-dialog-buttonpane button:focus {
        width: 100% !important;
    }

    .row.DirectDebitMandateId .commands, .row.PaymentTokenId .commands {
        float: left !important;
    }

    .screen-resale_aspx .basket-section .eventDetails,
    .screen-resale_aspx .basket-section .eventDetails .name {
        max-width: calc(100vw - 62px) !important;
    }

    #alertItems .resale-ops {
        margin-top: 10px;
    }

    #alertItems .resale-ops .op {
        width: calc(100% - 0.6em - 2px) !important;
    }

    .ui-dialog .ui-dialog-buttonset button,
    .ui-dialog .ui-dialog-buttonset button:hover,
    .ui-dialog .ui-dialog-buttonset button:active,
    .ui-dialog .ui-dialog-buttonset button:focus {
        width: 100% !important;
    }

}

.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .Grid.TicketIds #TicketIds + .basket-section .basketEvent .basketArea .basketItem .basketProperty.Details {
    width: auto !important;
}

.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .row.DirectDebitMandateId:before,
.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .row.PaymentTokenId:before {
    font-weight: 600;
}

.spScreen[data-screenname='eSRO.MarkTicketsForResale Dialog'] .row.disclaimer1 .label {
    font-size: inherit !important;
}

/* Ticket Details */

@media only screen and (max-width : 780px) and (min-width: 1px){

    body .ChangeOwnershipLink BUTTON.small_button_b,
    body .ChangeOwnershipLink BUTTON.small_button_b:hover,
    body .ChangeOwnershipLink BUTTON.small_button_b:active,
    body .ChangeOwnershipLink BUTTON.small_button_b:focus {
        width: 100% !important;
    }

}

/* Tool Tip */

body .ui-tooltip {
    display: none !important;
}

/* Full Screen Modals on Mobile */

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

	body > .ui-dialog .ui-dialog-content {
		min-height: calc(100% - 140px) !important;
	}
}

/* Next Match */

#next-match .item_background .small_text_b {
    order: 11;
}

#next-match .itemsList .dataItem .small_text_b > * {
    padding-left: 0;
    padding-right: 0    ;
}

/* Event Descriptions */

.ExtendedData1:empty,
.ExtendedData2:empty,
.ExtendedData3:empty,
.ExtendedData4:empty,
.ExtendedData5:empty,
.ExtendedData6:empty {
    padding: 0 !important;
}

/* Payments */

@media only screen and (max-width : 780px) and (min-width: 1px){
    
    .voucherTrigger {
        order: -1;
    }

    body #paymentMethodForms,
    body #paymentMethodForms.empty {
        display: block;
    }

    #row_pf_489_IsForFuturePayByCustomer {
        display: flex !important;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    #PaymentMethodFormsContainer .row.CheckBox_container#row_pf_489_IsForFuturePayByCustomer .label {
        width: auto !important;
        padding: 0 !important;
    }

    .IsForFuturePayByCustomer .formInputColumn input {
        margin: 2px 5px 0 0 !important;
    }

}

/* Merch Fix */

#PH_Merchandise_list .item_image_container {
    pointer-events: all;
}



/* Hospitality Subscription */

.screen-hospitalitysubscriptions_aspx .itemsList .dataItem .itemsDateRange {
    display: none;
}

.seriesTitle {
    margin: 0;
    float: none;
    width: 100%;
    height: auto;
    padding: 0;
    font-size: inherit;
    min-height: 0;
    /* display: flex !important; */
    white-space: normal;
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    left: auto;
    position: relative;
    padding: 20px 0;
    margin-bottom: 20px;
}

.seriesTitle:after {
    background: white;
    content: "";
    width: 100vw;
    height: 100%;
    display: block;
    margin-left: 50%;
    left: -50vw;
    position: absolute;
    top: 0;
    z-index: -1;
}

.screen-hospitalitysubscription_aspx .screen-content > h2 {
    margin: 20px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.screen-hospitalitysubscription_aspx span.previewFull {
    display: none !important;
}

.priceContainer {
    margin-top: 20px;
}

.screen-hospitalitysubscription_aspx .priceContainer .price {
    margin-bottom: 10px;
    font-size: 3rem;
    display: block;
    color: inherit;
}

.seriesTitle .details {
    white-space: normal;
    max-height: none;
}

.seriesTitle .productName {
    font-weight: 600;
    font-size: 4rem;
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 0;
    width: 100% !important;
    overflow: visible;
    white-space: normal;
    height: auto;
    max-height: none;
}

/* Grid Font Sizes */

.spScreen.grid p,
.spScreen.grid div:after {
    font-size: 1.4rem !important;
} 

/*
.crm_grid_data,
.crm_screen_container .spScreenContent table TH {
    font-size: 1rem;
}
*/

/* Customer Reserved Seats */

#frmCatchReservedSeats {
    overflow: auto;
}

#customerReservedSeatsTable {
    font-size: 1.2rem;
    box-sizing: border-box;
    border-collapse: initial;
}

#customerReservedSeatsTable tbody TR:first-child {
    border-top: 1px solid #f3f3f3;
}

#customerReservedSeatsTable tbody TR:nth-child(even) {
    background-color: #f8f8f8;
}

/* Download Ticket as a Button */

td[data-th="Mobile wallet link"] a,
td[data-th="Mobile wallet link"] a:hover,
td[data-th="Mobile wallet link"] a:active,
td[data-th="Mobile wallet link"] a:focus {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: normal !important;
    -webkit-font-smoothing: inherit !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 1.2rem !important;
    border: none !important;
    -moz-border-radius: 22px !important;
    -webkit-border-radius: 22px !important;
    border-radius: 22px !important;
    line-height: 20px !important;
    min-height: 20px !important;
    height: auto !important;
    padding: 12px !important;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    background: #666666;
    color: #fff !important;
    min-width: 140px !important;
    width: auto !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    text-shadow: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    margin: 0;
    display: inline-block;
    text-align: center !important;
    background-image: none !important;
    text-indent: 0 !important;
    font-weight: normal;
    background-color: transparent !important;
    border-color: #e7e6e8 !important;
    border-width: 1px !important;
    color: #1f1f1f !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-style: solid !important;
    padding: 11px !important;

    margin: 5px 0 !important;
}

td[data-th="Mobile wallet link"] a:hover {
    opacity: .7;
    text-decoration: none;
}

@media screen and (max-width: 780px) and (min-width: 1px){

    .screen-content .dataItem .ballot-client-application-status {
        width: 100%;
        padding: 10px;
        order: 10;
    }
    
}

/* Prompts & Cards */

@media only screen and (min-width: 781px){

    .card.text-based.left-aligned {
        display: flex;
        flex-direction: row;
    }

    .card.text-based.left-aligned .card-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

}

.cards .card .image-link img,
.cards .card {
    min-height: 180px;
}

.card .card-content .ui-spinner  {
    margin-right: 10px !important;
}

@media only screen and (max-width : 780px) and (min-width: 1px){
   
    .card .card-content .ui-spinner .ui-spinner-input {
        width: 100% !important;
        box-sizing: border-box;
        margin: 0 !important;
    }

}

#paymentPromptMessages ul li:not(:first-of-type){
    border-top: 1px solid #e9e9e9 !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
}


#paymentPromptMessages ul li .cards {
    margin-top: -20px;
}

/* Modal Fix */

@media screen and (min-width: 781px){
    .ui-dialog.ui-widget.ui-widget-content {
        margin-left: auto !important;
        margin-right: auto !important;
        left: 0 !important;
        right: 0 !important;
        min-width: 500px; 
    }
    .ui-dialog .ui-dialog-content {
        width: 100% !important;
        box-sizing: border-box;
    }
    .ui-draggable .ui-dialog-titlebar {
        cursor: ns-resize;
    }
}

   
.spScreen.grid .spScreenContent,
.sps-dialog FIELDSET .Grid,
#PH_CRM_details_page .spScreen.grid .spScreenContent {
    overflow-x: auto;
}

/* Remove all */

.display-remove-all .timerMessage button.btnCancel {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width : 780px) and (min-width: 1px){
    
    .display-remove-all .timerMessage button.btnCancel {
        margin-left: 0px !important;
        width: 100% !important;
    }    
}

/* Payment Plan */

.paymentForm[data-pmtype="PaymentPlan"]{
    text-align: left;
}

#PaymentMethodFormsContainer label {
    font-weight: 600;
}

#PaymentMethodFormsContainer .field input[type=number]{
    height: 42px;
    border: 1px solid #e9e9e9;
    width: calc(100% - 2px) !important;
    max-width: 400px;
    margin: 0;
    border-radius: 4px;
    text-indent: 10px;
    padding: 0;
    font-size: 1.5rem;
}

@media screen and (max-width: 780px) and (min-width: 1px){
    #PaymentMethodFormsContainer .field input[type=number]{
        max-width: none;
    }
}

FORM #PaymentMethodFormsContainer IMG.ui-datepicker-trigger {
    top: auto;
}

.customPaymentsScheduleDetails-toggle {
    display: block;
    clear: both;  
    margin-bottom: 10px;
    margin-top: 10px;
}

#customPaymentsScheduleDetails {
    margin: 0;
    width: calc(100% - 2px);
    margin-bottom: 20px;
    border: 1px solid #e9e9e9;
    font-size: 1.2rem;
    box-sizing: border-box;
    background: white;
}

#customPaymentsScheduleDetails TR:nth-child(even) {
    background-color: #f8f8f8;
}

#PaymentMethodFormsContainer .PaymentDetailsId .commands {
    margin-top: 5px;
    display: block;
}

button[data-commandname="CreatePaymentToken"] {
    float: right !important;
}

button[data-commandname="CreatePaymentToken"]:after {
    content: "Add New";
}

button[data-commandname="CreatePaymentToken"]:before {
    content: "+ ";
}

button[data-commandname="CreatePaymentToken"] img {
    display: none !important;
}

button[data-commandname="CreatePaymentToken"],
button[data-commandname="CreatePaymentToken"]:hover,
button[data-commandname="CreatePaymentToken"]:active,
button[data-commandname="CreatePaymentToken"]:focus {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: normal !important;
	-webkit-font-smoothing: inherit !important;
	text-transform: uppercase !important;
	font-size: 1.2rem !important;
	border:none !important;
    -moz-border-radius: 22px !important;
    -webkit-border-radius: 22px !important;
	border-radius: 22px !important;
	line-height: 20px !important;
	min-height: 20px !important;
	height:auto !important;
	padding: 12px !important;
	transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
	background: #666666;
	color:#fff !important;
	min-width: 140px !important;
	width: auto !important;
	text-decoration: none !important;
	box-sizing: border-box !important;	
	text-shadow: none;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	margin: 0;
	display: inline-block;
	text-align: center !important;
	background-image: none !important;
	text-indent: 0 !important;
}

body.useSROColours #seat-key.legend-container .legend.available,
body.useSROColours #seat-key.legend-container .legend.available + .description {
    display: none;
}

/* Safe Stading */

.seat.safe-standing,
.seat.Safe-Standing {
    background-image: url('../cus/release/css/core/images/seat-safe-standing.png') !important;
}

.flip-seats .seat.safe-standing,
.flip-seats .seat.Safe-Stading {
    background-image: url('../cus/release/css/core/images/seat-safe-standing-flip.png') !important;
}

/* Membership Grid Fix */

@media only screen and (min-width: 781px){
    .comparison-chart table {
        table-layout: auto;
    }
}

.comparison-chart td.image .tool-tip.question {
    position: absolute;
    left: 5px;
    top: 5px;
}

.comparison-chart td.image .tool-tip.question + .tool-tip.answer{
    left: 25px;
    top: 25px;
}

.comparison-chart .button.small_button_a A,
.comparison-chart .button.small_button_a A:hover,
.comparison-chart .button.small_button_a A:active,
.comparison-chart .button.small_button_a A:focus,
.comparison-chart .button.small_button_b A,
.comparison-chart .button.small_button_b A:hover,
.comparison-chart .button.small_button_b A:active,
.comparison-chart .button.small_button_b A:focus,
.comparison-chart .button.small_button_c A,
.comparison-chart .button.small_button_c A:hover,
.comparison-chart .button.small_button_c A:active,
.comparison-chart .button.small_button_c A:focus {
    width: 100% !important;
    white-space: nowrap;
}
/* v5 */

/* Tool Tip */

body.show-tooltip .ui-tooltip {
  display: block !important;
}

/* eCRM Next Event */

.crmWelcomeColumnContainer {
  display: flex !important;
  flex-direction: column;
}

#crmNextEvent {
  order: -1;
}

#crmNextEventContent {
  display: flex;
  flex-direction: column;
}

#crmNextEventContent span {
  margin-top: 10px;
}

.display-next-event-icons #crmNextEvent #images {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}

.display-next-event-icons #crmNextEvent #images img {
  padding: 0 10px !important;
  max-height: 50px !important;
  max-width: 50px !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  vertical-align: middle;
  border-radius: 0 !important;
  box-sizing: content-box !important;
  opacity: 1 !important;
}

.display-next-event-icons #crmNextEvent #images img:first-of-type {
  padding-left: 0 !important;
}

.display-next-event-icons #crmNextEvent #images img#mediumImage {
  order: 3;
}

/* eCRM Grids */

.crm_screen_container {
  overflow: initial;
}

.crm_screen_container .spScreenContent table td.crm_grid_data.Remark::before,
.crm_screen_container .spScreenContent table td.crm_grid_data.Status::before,
.crm_screen_container .spScreenContent table td.crm_grid_data.ShowName::before {
  display: none !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  .crm_screen_container
    .spScreenContent
    table
    td.crm_grid_data.TransactionDate::before {
    content: "Transaction Date";
  }
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  .crm_screen_container .spScreenContent table td.crm_grid_data.Remark,
  .crm_screen_container .spScreenContent table td.crm_grid_data.ShowName {
    width: 100%;
    order: -1;
    font-weight: 600;
    font-size: 1.5rem;
  }
}

/* Extra Padding on Desktop */

@media screen and (min-width: 781px) {
  .crm_grid_data {
    white-space: normal;
  }

  .crm_screen_container .spScreenContent table TR:first-child TD {
    padding-top: 10px;
  }

  .crm_screen_container .spScreenContent table TD {
    padding: 10px 5px;
    vertical-align: top;
  }
}

/* Checkboxes */

#leftMenu .crm_screen_container .spScreenContent table tbody tr {
  cursor: pointer;
}

#leftMenu
  .crm_screen_container
  .spScreenContent
  table
  td.crm_grid_selector
  input {
  pointer-events: none;
}

#leftMenu .crm_screen_container .spScreenContent table td.crm_grid_selector {
  width: auto;
  top: 20px;
  left: 10px;
}

#leftMenu
  .crm_screen_container
  .spScreenContent
  table
  td.crm_grid_selector:before {
  content: "";
  width: 20px;
  display: block;
}

@media screen and (min-width: 781px) {
  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    td.crm_grid_selector:before {
    top: -4px;
  }
}

#leftMenu
  .crm_screen_container
  .spScreenContent
  table
  td.crm_grid_selector
  input {
  width: 0;
  -webkit-appearance: none;
}

#leftMenu
  .crm_screen_container
  .spScreenContent
  table
  td.crm_grid_selector
  input:after {
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 1.6rem;
  content: "\f111" !important;
  font-family: "FontAwesome5";
  font-weight: 100;
}

#leftMenu
  .crm_screen_container
  .spScreenContent
  table
  td.crm_grid_selector
  input:checked:after {
  content: "\f058" !important;
  font-weight: 600;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    td.crm_grid_selector
    input:after {
    margin-left: 5px;
  }
}

/* Cards */

.desktop-ecrm-grid-as-cards {
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  #leftMenu .crm_screen_container {
    overflow: visible;
  }

  .spScreen.grid .spScreenContent,
  .sps-dialog FIELDSET .Grid,
  #PH_CRM_details_page .spScreen.grid .spScreenContent {
    overflow-x: visible;
  }

  #leftMenu .crm_screen_container .spScreenContent {
    border: none !important;
    background: none !important;
    border-radius: 0 !important;
    overflow: visible;
  }

  #leftMenu .crm_screen_container .spScreenContent table tbody tr {
    margin-bottom: 10px;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    background: white !important;
    padding: 20px 20px 20px 45px;

    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
  }

  #leftMenu .crm_screen_container .spScreenContent table tbody tr:hover {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  }

  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr:not(.expanded) {
  }

  #leftMenu
    .crm_screen_container
    div.spScreen.grid:not([data-screenname="eSRO.Crm.Payment.RatingPoints"])
    .spScreenContent
    table
    tbody
    tr:not(.expanded)
    td {
    display: none;
  }

  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr
    td.crm_grid_selector,
  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr
    td.crm_grid_data.Name,
  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr
    td.crm_grid_data.ItemName,
  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr
    td.crm_grid_data.ShowName,
  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr
    td.crm_grid_data.MembershipName,
  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr
    td.crm_grid_data.CardDisplayText,
  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr
    td.crm_grid_data.EnrollmentSchemeId {
    display: flex !important;
    padding-top: 0 !important;
    font-size: 1.5rem;
  }

  /* #leftMenu .crm_screen_container .grid[data-screenname="eSRO.Crm.Ticketing.ClientTicketsRowGrid"] .spScreenContent table tbody tr td.FormattedEventDate, */

  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr
    td.FormattedEventDate,
  #leftMenu .crm_screen_container .spScreenContent table tbody tr td.Owner,
  #leftMenu
    .crm_screen_container
    .spScreen.grid[data-screenname="eSRO.Crm.Membership.MembershipInstanceOfClientGrid"]
    .spScreenContent
    table
    tbody
    tr
    td.OwnerName,
  #leftMenu
    .crm_screen_container
    .spScreen:not(
      .grid[data-screenname="eSRO.Crm.Membership.MembershipInstanceOfClientGrid"]
    ):not(
      .grid[data-screenname="eSRO.Crm.TicketSchemeClientEnrollmentDesignGrid"]
    ):not(
      .grid[data-screenname="eSRO.Crm.Payment.ClientCreditCardPaymentTokenGrid"]
    ):not(.grid[data-screenname*="History"])
    .spScreenContent
    table
    tbody
    tr
    td.ClientId,
  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr
    td.EnrolledInstanceOwner {
    display: flex !important;
    padding-top: 5px;
    width: 100%;
  }

  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr:not(.expanded)
    td:not(.hidden).Id2,
  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr:not(.expanded)
    td:not(.hidden)[data-th="Mobile wallet link"],
  #leftMenu
    .crm_screen_container
    .grid[data-screenname*="RedeemablePoints"]
    .spScreenContent
    table
    tbody
    tr:not(.expanded)
    td:not(.hidden),
  #leftMenu
    .crm_screen_container
    .grid[data-screenname*="History"]
    .spScreenContent
    table
    tbody
    tr:not(.expanded)
    td:not(.hidden),
  #leftMenu
    .crm_screen_container
    .grid[data-screenname*="MosaicRecordGrid"]
    .spScreenContent
    table
    tbody
    tr:not(.expanded)
    td:not(.hidden),
  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    tbody
    tr.expanded
    td:not(.hidden) {
    display: flex !important;
    width: 100%;
    padding-top: 5px;
  }

  #leftMenu
    .crm_screen_container
    .grid[data-screenname*="History"]
    .spScreenContent
    table
    tbody
    tr,
  #leftMenu
    .crm_screen_container
    .grid[data-screenname*="RedeemablePoints"]
    .spScreenContent
    table
    tbody
    tr {
    padding-left: 20px;
  }

  #leftMenu
    .crm_screen_container
    .spScreenContent
    table
    td:not(.GrantDate):not(.Action):not(.Quantity):not(.AbsQuantity):not(
      .StatusIcons
    )::before {
    width: auto;
    padding-right: 5px;
    font-size: inherit;
    line-height: normal;
    margin: 0;
  }

  #leftMenu .crm_screen_container .spScreenContent table tr td {
    padding: 0;
  }

  #leftMenu {
    min-height: 100vh;
  }
}

/* eCRM Toolbar */

#leftMenu .crm_screen_container .spScreen.grid .toolbar {
  flex-wrap: nowrap;
}

#leftMenu .crm_screen_container .spScreen.grid .toolbar {
  align-items: stretch !important;
}

.crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A,
.crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A:hover,
.crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A:active,
.crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A:focus {
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: normal !important;
  -webkit-font-smoothing: inherit !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 1.2rem !important;
  border: none !important;
  -moz-border-radius: 22px !important;
  -webkit-border-radius: 22px !important;
  border-radius: 22px !important;
  line-height: 20px !important;
  min-height: 20px !important;
  height: auto !important;
  padding: 12px !important;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  background: #666666;
  color: #fff !important;
  min-width: 140px !important;
  width: auto !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  text-shadow: none;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  margin: 0;
  display: inline-block;
  text-align: center !important;
  background-image: none !important;
  text-indent: 0 !important;
  font-weight: normal;
  background-color: transparent !important;
  border-color: #e7e6e8 !important;
  border-width: 1px !important;
  color: #1f1f1f !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  border-style: solid !important;
  padding: 11px !important;
}

.crm_screen_container
  .spScreen.grid[data-screenname]:not(
    [data-screenname="eSRO.Crm.PersonalDetailsView"]
  )
  > .toolbar
  A:hover {
  opacity: 0.7;
  text-decoration: none;
}

body
  #leftMenu
  .crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A,
body
  #leftMenu
  .crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A:hover,
body
  #leftMenu
  .crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A:active,
body
  #leftMenu
  .crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A:focus {
  font-size: 1.2rem !important;
  min-height: 34px !important;
  height: auto !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: pre-wrap;
  min-width: 0 !important;
  line-height: 1.2rem !important;
  margin: 5px !important;
  letter-spacing: normal !important;
}

body
  #leftMenu
  .crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A:last-of-type,
body
  #leftMenu
  .crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A:last-of-type:hover,
body
  #leftMenu
  .crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A:last-of-type:active,
body
  #leftMenu
  .crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar
  A:last-of-type:focus {
  margin-right: 0 !important;
}
/* sticky crm toolbar */

.toolbar {
  transition: all 0.3s ease;
}

.toolbar.fixed-buttons {
  padding: 10px;
  flex-direction: row !important;
  box-sizing: border-box !important;
}

@media only screen and (max-width: 780px) {
  .crm_screen_container.initial .toolbar.fixed-buttons {
    position: absolute;
    top: 48px;
  }

  .crm_screen_container.initial .spScreenContent {
    transform: translateY(55px);
    transition: all 0.5s ease;
  }

  .crm_screen_container:not(.initial) .spScreenContent {
    transform: translateY(0);
    transition: all 0.5s ease;
  }

  .crm_screen_container:not(.initial) .toolbar.fixed-buttons {
    position: fixed;
    /*top: 40px; */
    right: 0;
    left: 0;
    z-index: 1000;
    background-color: #f0f0f0;
  }

  .toolbar.fixed-buttons a.button {
    /* Additional styling for fixed buttons as needed */
    transition: opacity 0.3s ease;
  }

  .toolbar a.button.disabled.hidden {
    opacity: 0; /* Set opacity to 0 for a fade-out effect */
    visibility: hidden;
  }

  /*
	.fixed-buttons {
		a.cShowDetails,
		a.cDistributeTickets {
			display: none !important;
		}
	}
    */

  body
    #leftMenu
    .crm_screen_container
    div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
    > .toolbar
    A.cTurnback {
    margin-left: 0 !important;
  }

  #leftMenu .crm_screen_container .spScreen.grid .toolbar {
    margin-left: 0;
    width: 100%;
  }

  .crm_screen_container.initial .toolbar.fixed-buttons {
    padding: 10px 0;
  }
}

/* Calendar */

#PH_Calendar {
  width: 300px;
  border: 1px solid #e9e9e9;
  background-color: #fff;
  margin: 20px;
  overflow: hidden;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  #PH_Calendar {
    width: 100%;
    width: calc(100% - 40px);
  }
}

.ui-datepicker .ui-datepicker-header {
  box-shadow: none;
}

.ui-datepicker,
.ui-datepicker-calendar {
  background: transparent !important;
}

.eventsCalendar .ui-datepicker-calendar {
  margin: 5px;
  width: calc(100% - 10px);
}

.ui-datepicker th {
  font-size: inherit !important;
  border: none !important;
}

.ui-datepicker-unselectable {
  opacity: 0.35 !important;
}

.eventsCalendar .ui-state-default {
  border-color: #dadada;
}

.eventsCalendar .ui-datepicker td span,
.eventsCalendar .ui-datepicker td a {
  padding: 5px;
}

.eventsCalendar
  .ui-datepicker
  .ui-datepicker-header
  a.ui-datepicker-prev:before,
.eventsCalendar
  .ui-datepicker
  .ui-datepicker-header
  a.ui-datepicker-next:before,
.eventsCalendar .ui-datepicker .ui-datepicker-header:before {
  display: none;
}

#calendar .ui-widget.ui-widget-content {
  border: none;
}

.eventsCalendar .ui-datepicker .ui-datepicker-year,
.eventsCalendar .ui-datepicker .ui-datepicker-month,
.eventsCalendar .ui-datepicker .ui-datepicker-day {
  background: none !important;
  pointer-events: none;
  margin: 0;
  padding: 0 !important;
  font: inherit !important;
  text-transform: uppercase;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  margin: 0 !important;
  height: 100%;
  border-radius: 0;
  width: 30px !important;
  top: 0;
  right: 0;
  background: none !important;
  color: #fff !important;
  border: none !important;
  display: flex !important;
  align-items: center;
  text-align: center !important;
  text-decoration: none !important;
  padding-top: 0 !important;
}

.ui-datepicker .ui-datepicker-prev {
  left: auto;
  right: 30px;
}

/* Search Box */

.ph_search_box {
  margin: 0 20px 20px;
  padding: 0;
  position: relative;
  top: auto;
  right: auto;
}

.ph_search_box .frmSearch {
  width: auto;
  text-align: left;
}

FORM.frmSearch .SearchBoxContainer {
  height: auto;
  border-radius: 0;
  background-clip: initial;
  background: none;
  border: none;
  width: 100%;
  display: flex;
}

FORM.frmSearch .SearchTextBox {
  width: 100%;
}

FORM.frmSearch INPUT[type="text"] {
  height: 42px;
  border: 1px solid #e9e9e9;
  width: 100% !important;
  box-sizing: border-box;
  /* max-width: 400px; */
  border-radius: 4px;
  margin: 0;
  text-indent: 5px;
  display: block;
  padding: 0;
  box-sizing: border-box;
}

FORM.frmSearch .SearchTextButton {
  position: relative;
  border-radius: 0;
  height: auto;
  top: auto;
  background: black;
  padding: 0;
  right: auto;
  width: 100px;
  margin-left: 20px;
  height: 44px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

FORM.frmSearch .SearchTextButton:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f002";
  line-height: normal;
  font-size: 20px;
}

body[data-whatinput="keyboard"] *:focus {
  outline: auto !important;
}

/* Search Results */

#ctl00_body_ShowsListControl .dataItem .itemsButtonsContainer {
  padding: 20px;
}

.screen-SearchResults_aspx span.no_events_message {
  display: block;
}

/* Calendar Search Results */

.searchResult .itemsList .dataItem {
  display: flex;
  box-shadow: none;
}

.searchResult .itemsList .dataItem .item_image,
.searchResult
  .itemsList
  .dataItem
  .events
  > .event:last-child
  > div:not(.itemsButtonsContainer) {
  display: none;
}

.searchResult
  .itemsList
  .dataItem
  .events
  > .event
  + .event:last-child
  > div:not(.itemsButtonsContainer) {
  display: block;
}

.searchResult .dataItem .events {
  order: 4;
  padding: 20px;
  display: block;
  width: auto;
}

.searchResult .itemsList .dataItem .event {
  border-bottom: 0;
  border-top: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
  padding-top: 10px;
  margin-top: 10px;
}

.searchResult #ctl00_body_ShowsListControl .dataItem .showFirstEvent .event,
.searchResult .dataItem .event:first-child {
  border: none;
  padding-top: 0;
  margin-top: 0;
}

.searchResult .itemsList .dataItem .itemsButtonsContainer {
  padding: 0;
  margin: 0;
}

.searchResult .dataItem:hover .itemsDataContainer {
  width: 100%;
}

.searchResult .dataItem .event .itemsDateRange {
  width: auto;
}

.searchResult .dataItem .event .itemsDateRange .ng-scope {
  display: flex;
}

.searchResult .dataItem .itemsDateRange .time {
  margin: 0;
  padding: 0;
  color: inherit;
  background: none;
}

.searchResult .dataItem .event .itemsDateRange {
  order: -1;
}

.searchResult .dataItem .small_text_b,
.searchResult .dataItem .itemsDateRange .date,
.searchResult .dataItem .itemsDateRange .time {
  margin-right: 20px;
}

.searchResult .dataItem .small_text_b:before,
.searchResult .dataItem .itemsDateRange .date:before,
.searchResult .dataItem .itemsDateRange .time:before {
  display: inline;
  font: normal normal normal 12px/1 FontAwesome;
  content: "\f073";
  margin-right: 6px;
  padding: 0;
}

.searchResult .dataItem .small_text_b:before,
.searchResult .dataItem .itemsDateRange .date:before,
.searchResult .dataItem .itemsDateRange .time:before {
  margin-right: 3px;
}

.searchResult .dataItem .small_text_b:before {
  content: "\f14e";
}

.searchResult .dataItem .itemsDateRange .date:before {
  content: "\f073";
}

.searchResult .dataItem .itemsDateRange .time:before {
  content: "\f017";
}

.searchResult .moreless {
  text-align: right;
  border: none;
  margin-top: 20px;
  padding-top: 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  .searchResult .dataItem .events {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
  }

  .searchResult .dataItem .events {
    width: 100%;
  }

  .searchResult .itemsList .dataItem .itemsButtonsContainer {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}

@media only screen and (max-width: 780px) and (min-width: 1px) {
  .ui-dialog .ui-dialog-buttonset button,
  .ui-dialog .ui-dialog-buttonset button:hover,
  .ui-dialog .ui-dialog-buttonset button:active,
  .ui-dialog .ui-dialog-buttonset button:focus {
    box-sizing: border-box !important;
  }
}

/* Sticky Basket Timer */

.basketHasItems.display-sticky-basket-timer footer {
  padding-bottom: 80px;
}

.display-sticky-basket-timer #relocating-timer,
.display-sticky-basket-timer #siteMenuBar #CountDown.active {
  display: flex !important;
}

.display-sticky-basket-timer
  #relocating-timer
  .CountDownRemainingTimeTitle
  + .CountDownRemainingTimeTitle {
  display: none !important;
}

#siteMenuBar #CountDown {
  width: 100%;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 99;
  justify-content: center;
  height: 60px;
  background: #000;
  color: #fff;
  font-weight: bold;
  align-items: center;
}

#siteMenuBar.hasclient #CountDown .timer-tooltip,
#siteMenuBar.hasclient #CountDown.active .timer-tooltip,
#siteMenuBar #CountDown .timer-tooltip,
#siteMenuBar #CountDown.active .timer-tooltip,
#siteMenuBar #CountDown .timer-tooltip *,
#siteMenuBar #CountDown.active .timer-tooltip * {
  top: auto !important;
  left: auto !important;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  max-width: none;
  position: static;
  font-size: 1.4rem;
  width: auto !important;
}

#siteMenuBar #CountDown .CountDownRemainingTimeTitle {
  color: #fff;
  display: flex;
  align-items: center;
}

#siteMenuBar #CountDown .CountDownRemainingTimeTitle .idCountDown {
  padding-left: 0.3em;
  min-width: 50px;
}

body.screen-order_aspx #siteMenuBar #CountDown .CountDownRemainingTimeTitle a {
  display: none !important;
}

#siteMenuBar #CountDown .graphicCountdownHolder {
  display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  #siteMenuBar.hasclient #CountDown .timer-tooltip,
  #siteMenuBar.hasclient #CountDown.active .timer-tooltip,
  #siteMenuBar #CountDown .timer-tooltip,
  #siteMenuBar #CountDown.active .timer-tooltip,
  #siteMenuBar #CountDown .timer-tooltip *,
  #siteMenuBar #CountDown.active .timer-tooltip * {
    font-size: 1.2rem;
  }
}

/* General Tweaks */

#PaymentMethodFormsContainer .PreviousPayment.row {
  margin-top: 15px;
}

/* Relocate Seat */

body .replaceSubsTickets.ui-widget.ui-widget-content {
  min-width: 100%;
  min-height: 100%;
  position: fixed !important;
}

body
  .ui-dialog.replaceSubsTickets.ui-widget.ui-widget-content
  .ui-dialog-buttonpane,
body
  .ui-dialog.replaceSubsTickets.ui-widget.ui-widget-content
  .ui-dialog-titlebar.ui-widget-header {
  border-radius: 0 !important;
}

/* Relocate Seat Testing */

body .replaceSubsTickets .areaSelectionSection {
  max-width: 100%;
  margin-left: 0;
}

body.show-relocate-seats-map .replaceSubsTickets .hallmap {
  display: block !important;
  position: absolute;
  width: 100%;
  background: white;
  z-index: 1;
  margin-top: 50px;
  left: 0;
}

body.show-relocate-seats-map .replaceSubsTickets .seatsPlanContainer {
  opacity: 0;
  pointer-events: none;
}

.replaceSubsTickets .seatedArea {
  flex-direction: column;
}

.replaceSubsTickets .areaSelectionSection {
  order: 0;
}

body.screen-crmdetails_aspx .qtip.venueImageTooltip {
  display: none !important;
}

.hide-relocate-seats-map-button,
.show-relocate-seats-map-button {
  white-space: nowrap;
  width: auto !important;
  max-width: 100% !important;
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
}

.replaceSubsTickets .areaSelectionSection > div.areaSelectorContainer {
  display: flex !important;
}

@media screen and (min-width: 781px) {
  .replaceSubsTickets .imageContainerRow {
    /*
        transform: scale(3);
        transform-origin: 0 0;
        */
    margin: 0 auto;
    zoom: 300%;
  }

  .imageContainerRow > div {
    height: auto !important;
  }

  body .replaceSubsTickets .seatsPlanContainer {
    margin: 0;
  }

  .hide-relocate-seats-map-button,
  .show-relocate-seats-map-button {
    margin-left: 10px !important;
  }
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  .replaceSubsTickets .hallmap {
    left: 0;
  }
  .replaceSubsTickets .venueImage {
    zoom: 1;
  }

  .hide-relocate-seats-map-button,
  .show-relocate-seats-map-button {
    margin-top: 10px !important;
    width: 100%;
  }

  .replaceSubsTickets .areaSelectionSection > div.areaSelectorContainer {
    flex-direction: column;
  }
}

/* Alert Item Fix */

.ui-dialog.crmAlertItems .ui-dialog-content {
  max-width: none !important;
}

/* eCRM Toolbar */

.crm_screen_container .spScreen {
  align-items: flex-end;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  #leftMenu .crm_screen_container .spScreen.grid .toolbar {
    flex-flow: column;
  }
}

/* Button Fix */

.ui-dialog-buttonpane:not(.ui-widget-content):empty {
  display: none;
}

/* Prompt */

#offersContainer .promptsContainer .extraContainer,
.promptExtras-dialog .promptExtrasDlg {
  max-width: 100%;
}

/* eCRM */

@media screen and (min-width: 781px) {
  .crm_screen_container .spScreenContent table TD {
    vertical-align: middle;
  }
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  td.Id2::before,
  td.crm_grid_data[data-th="Mobile wallet link"]::before {
    display: none !important;
  }
}

/*
.ui-dialog .reprint-dialog + .ui-resizable-handle + .ui-dialog-buttonpane button:first-child,
.ui-dialog .reprint-dialog + .ui-dialog-buttonpane button:first-child {
	float: left;
	background: none !important;
	min-width: 0 !important;
	color: #222 !important;
	border: none !important
}
*/

td.crm_grid_data[data-th="Mobile wallet link"] a {
  z-index: 99;
  position: relative;
  white-space: nowrap;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  td.crm_grid_data[data-th="Mobile wallet link"] {
    order: 999;
    width: calc(100% + 35px) !important;
    margin-right: -5px !important;
    margin-left: -30px !important;
  }

  td.crm_grid_data[data-th="Mobile wallet link"] a {
    width: 100% !important;
    margin-bottom: -5px !important;
  }
}

/* Unavailable Seats */

.seat.unavailable {
  pointer-events: none !important;
}

/* Membership image */

.screen-membership_aspx .content div.item_image {
  overflow: hidden;
  margin-bottom: 20px !important;
}

.screen-membership_aspx .content .item_image img {
  max-height: none !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

@media screen and (min-width: 781px) {
  .screen-membership_aspx .content div.item_image {
    float: right;
    max-width: 400px !important;
    margin-left: 20px !important;
  }
}

/* Ticket Exchange Fix */

.screen-resale_aspx .resale-wrapper .crmAlertItems {
  margin-top: 0 !important;
}

/* Resale Button */

.screen-resale_aspx .ui-dialog-buttonpane button.disabled {
  opacity: 0.3;
  pointer-events: none;
}

/* Prompt */

#offersContainer .promptsContainer h2,
.promptExtras-dialog .promptExtrasDlg h2 {
  margin-top: 20px;
}

#offersContainer .promptsContainer .elementItem .pricing {
  margin-top: 4px;
}

/* Resale Borders */

.screen-resale_aspx #alertItems .basket-section .basketEvent .basketArea,
.screen-resale_aspx .basket-section .basketEvent .basketArea {
  border: none !important;
}

.spScreen[data-screenname="eSRO.MarkTicketsForResale Dialog"]
  .Grid.TicketIds
  #TicketIds
  + .basket-section
  .basketEvent
  .eventInfoContainer,
#alertItems .basket-section .basketEvent .eventInfoContainer {
  border: none;
}

/* Resale Back Button */

.screen-resale_aspx a.landing-button.back {
  float: left;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  .screen-resale_aspx a.landing-button.back {
    float: none;
    width: 100% !important;
    margin-top: 10px;
  }
}

/* Payment Alignment */

#PH_Payment_details {
  align-content: flex-start;
}

#PH_Payment_details > .pageSectionContainer {
  margin-bottom: 20px;
}

/* Donation */

.roundUpDonationSection > h2 {
  width: 100%;
}

/* Delivery Options */

.screen-delivery_aspx #ticketCollectionForm {
  overflow: visible;
}

#ticketCollectionForm .print-options {
  padding-right: 0 !important;
}

#ticketCollectionForm .description-column {
  display: none;
}

#ticketCollectionForm .status-column:not(.invalid) {
  display: none;
}

#ticketCollectionForm .status-column.invalid {
  position: absolute;
  right: 0;
  bottom: 10px;
  display: flex;
  flex-direction: row-reverse;
  font-size: 1rem;
  color: #df6060;
  align-items: center;
}

#ticketCollectionForm .status-column {
  pointer-events: none !important;
}

.accessCardControl .status-column:after {
  content: attr(title);
  padding-right: 0.3em !important;
  padding-left: 0.3em !important;
}

.invalidData + .ui-combobox:after {
  color: #df6060;
  right: -17px;
  top: 13px;
}

@media screen and (min-width: 781px) {
  .screen-delivery_aspx
    .ticketCollectionSection
    table
    tbody
    .error-is-displayed
    TD:not(.description) {
    padding-bottom: 3cap;
  }
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  #ticketCollectionForm .print-option-accessCard {
    display: flex;
    flex-direction: column;
  }

  #ticketCollectionForm .status-column.invalid {
    position: relative;
    right: auto;
    bottom: auto;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
  }

  #ticketCollectionForm .ui-combobox {
    max-width: none;
  }
}

/* Merch */

#PH_Merchandise_purchase {
  margin-top: 0 !important;
}

#PH_Merchandise_purchase .productBriefDescription,
#PH_Merchandise_purchase h3.productFullDescription,
#PH_Merchandise_purchase .productInfo h1,
#PH_Merchandise_purchase .general_caption {
  display: none !important;
}

#PH_Merchandise_purchase .productInfo {
  padding: 0 0 20px 0 !important;
}

#PH_Merchandise_purchase .productSummary {
  padding: 0 20px 20px !important;
  display: flex !important;
}

#PH_Merchandise_purchase .productInfo {
  border-bottom: 1px solid #e9e9e9;
  display: flex !important;
  flex-direction: column;
}

#PH_Merchandise_purchase .productProperties {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  min-height: 0;
  line-height: normal;
  height: auto;
}

#PH_Merchandise_purchase .productInfo > div.info {
  margin: 0;
  padding: 0 20px;
  border: none;
}

.mediaContainer {
  overflow: hidden;
  margin-bottom: 20px !important;
}

@media screen and (min-width: 781px) {
  .mediaContainer {
    float: right;
    max-width: 400px !important;
    margin-left: 20px !important;
  }
}

.mediaContainer .mediaList img.selected {
  border: none;
}

.mediaContainer .mediaList img {
  max-height: none !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
  display: inherit;
}

.mediaContainer .currentMedia {
  display: none;
}

.productSummary .ui-spinner a.ui-spinner-button.ui-spinner-down {
  border-right: none;
}

@media screen and (min-width: 781px) {
  .productSummary .ui-spinner {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

#PH_Merchandise_purchase .productSummary .price {
  font-weight: inherit;
  font-size: 1.5rem;
  margin: 0 0 0 10px !important;
  margin-right: auto !important;
  line-height: 42px;
  color: inherit;
  min-width: 0;
  padding-right: 0;
}

#PH_Merchandise_purchase .productSummary .instock {
  padding-left: 0;
}

#PH_Merchandise_purchase .infoSection {
  display: none !important;
}

#PH_Merchandise_purchase .productInfo .mediaContainer {
  display: none;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  #PH_Merchandise_purchase .productSummary {
    padding: 0 10px 20px !important;
    flex-wrap: wrap;
  }

  #PH_Merchandise_purchase #btnAddToBasket {
    width: 100% !important;
  }

  #PH_Merchandise_purchase .productSummary .instock {
    position: relative;
  }

  #PH_Merchandise_purchase .productSummary .price {
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  #PH_Merchandise_purchase .productSummary .ui-spinner {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .productProperties button {
    background-color: transparent;
  }

  #PH_Merchandise_purchase .productInfo > div.info {
    padding: 0 10px;
  }
}

/* New Payment Token */

@media screen and (max-width: 780px) and (min-width: 1px) {
  body .newOpsTokenIframe #newTokenIframe {
    border-radius: 0 !important;
    min-height: calc(100% - 40px) !important;
    padding-bottom: 20px;
  }
}

/* Mobile eCRM Alerts */

@media screen and (max-width: 780px) and (min-width: 1px) {
  #crmAlerts {
    order: -3;
  }
}

/* Resale */

.spScreen[data-screenname="eSRO.MarkTicketsForResale Dialog"] .row.disclaimer1 {
  display: flex;
  width: 100% !important;
}

.spScreen[data-screenname="eSRO.MarkTicketsForResale Dialog"]
  .Grid.TicketIds
  #TicketIds {
  display: none !important;
}

/* Expanded Area Info for Hospitality */

.hospitality #eventPage.seated #selectedAreaInfo .button-moreAreas .icon {
  display: none;
}

.hospitality #eventPage.seated #selectedAreaInfo .menu {
  display: block !important;
  position: relative !important;
  overflow: auto;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0 !important;
  box-shadow: none;
  border: 1px solid #e9e9e9;
  max-height: none !important;
}

.hospitality #eventPage.seated #selectedAreaInfo .menu .area-info-container {
  padding: 10px;
  border-bottom: 1px solid #e9e9e9;
  border-top: none;
  padding: 10px 20px;
  border-radius: 0;
  background: none;
}

.hospitality
  #eventPage.seated
  #selectedAreaInfo
  .menu
  .area-info-container:nth-child(2),
.hospitality
  #eventPage.seated
  #selectedAreaInfo
  .menu
  .area-info-container:not(.filtered):nth-child(2),
.hospitality
  #eventPage.seated
  #selectedAreaInfo
  .menu
  .area-info-container:focus {
  background-color: rgba(204, 204, 204, 0.27);
}

.hospitality
  #eventPage.seated
  #selectedAreaInfo
  .menu
  .area-info-container:last-child,
#selectedAreaInfo.expanded .menu .area-info-container:last-child {
  border: none;
}

/* Slick */

.slick-dots {
  left: 0;
}

.slick-prev {
  left: 10px !important;
}

.slick-next {
  right: 10px !important;
}

/* Area Select Bug */

.pricelevel-image-container {
  float: none;
  clear: none;
  margin-right: 0;
}

/* Resale Ticket Owner */

#alertItems .basketProperty.PriceTypeName {
  margin-right: 0;
}

#alertItems .basketProperty.ClientName {
  padding-right: 20px;
}

#alertItems .basketProperty.ClientCrmId {
  padding-right: 20px;
  margin-right: auto;
}

#alertItems h1 {
  display: block !important;
}

/* Text Based Cards Flex */

.card.text-based {
  display: flex;
}

.card.text-based .card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.card.text-based .card-content .landing-buttons {
  margin-top: auto;
  padding-top: 20px;
}

/* Premium Seat */

.seat.premium-seat:not(.c):not(.o),
.seat.Premium-Seat:not(.c):not(.o) {
  background-image: url('../cus/release/css/core/images/seat-premium.png') !important;
}

.flip-seats .seat.premium-seat:not(.c):not(.o),
.flip-seats .seat.Premium-Seat:not(.c):not(.o) {
  background-image: url('../cus/release/css/core/images/seat-premium-flip.png') !important;
}

/* Hide 0 prices in prompt extras */

.pricing[data-src="£0.00"] {
  display: none;
}

/* Login Box */

.loginOrRegisterDlg {
  min-width: 0 !important;
}

/* Basket Summary Details */

.bottomButtonsBar .home {
  float: right;
}

#basketContainer.summaryBasketContainer .basketTotals {
  /* display: none; */
  border-color: #e9e9e9;
  border-bottom: none;
  padding: 0;
}

#basketContainer.summaryBasketContainer .summaryLine {
  padding: 20px 0 0;
}

#basketContainer .basketItemSummary .TotalCommissions,
#basketContainer .basketItemSummary .TotalInsideCommissions,
#basketContainer .basketItemSummary .TotalTaxes,
#basketContainer .basketItemSummary .TotalVat {
  margin-left: 10px;
}

#basketContainer.summaryBasketContainer .basketItem,
#basketContainer.summaryBasketContainer .basket-section .buttonsContainer {
  border: none;
}

/* Membership Options */

.spScreen[data-screenname="eSRO.Crm.MembershipAutoRenew Dialog"]
  .mandatoryFieldMarker {
  display: none;
}

/* Gift Voucher History Hover */

td.crm_grid_data.GiftVoucherNumber {
  z-index: 99;
}

/* Expanded Basket Summary */

.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer {
  display: block !important;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer {
  width: 100%;
  max-width: none;
  padding-top: 20px !important;
  order: -10;
  margin-top: 0;
  margin-bottom: 20px;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  .basket-section {
  display: flex !important;
  display: block !important;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  #basketCtrlContainer
  .basketItemSummary {
  display: flex;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  .summaryBasketContainer
  .editBasket,
.display-expanded-basket-summary.screen-Checkout_aspx
  .summaryBasketContainer
  .editBasket:hover {
  position: relative;
  float: right;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  .summaryBasketContainer
  .infoSection
  > DIV {
  padding-left: 0;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  .summaryBasketContainer
  .basketProperty.Details {
  padding-left: 0 !important;
  max-width: none;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  .summaryBasketContainer
  .basketItemSummary
  .details,
.display-expanded-basket-summary.screen-Checkout_aspx
  .summaryBasketContainer
  .hasInfoSection
  .basketProperty.Details {
  display: none !important;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  #basketCtrlContainer
  .basketItem
  .ListPrice,
.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  #basketCtrlContainer
  .basketItem
  .FullPrice,
.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  #basketCtrlContainer
  .basketItem
  .TotalPrice,
.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  #basketCtrlContainer
  .basketItem
  .TotalFullPrice,
.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  #basketCtrlContainer
  .basketItem
  .TotalPriceToPay,
.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  #basketCtrlContainer
  .basketItem
  .TotalCommissions,
.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  #basketCtrlContainer
  .basketItem
  .TotalInsideCommissions,
.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  #basketCtrlContainer
  .basketItem
  .TotalTaxesfter,
.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  #basketCtrlContainer
  .basketItem
  .TotalVat {
  display: none;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  .summaryBasketContainer
  .basket-section {
  border-bottom: 1px solid #e9e9e9 !important;
  width: 100%;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  .summaryBasketContainer
  .basket-section
  > DIV {
  padding-bottom: 0;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  .summaryBasketContainer
  .basket-section.giftVoucherSummary.basket-PaymentGroup
  .basketItem
  > SPAN {
  padding-bottom: 0;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  .summaryBasketContainer
  .basketItem
  > SPAN {
  padding: 20px 0 20px 0;
}

.summaryBasketContainer .basketProperty.PriceToPay,
.summaryBasketContainer .basketProperty.TotalPriceToPay,
.summaryBasketContainer .basketProperty.TotalAmount,
.summaryBasketContainer .basketProperty.Value,
.summaryBasketContainer .basketProperty.PaymentValue,
.summaryBasketContainer .hospPriceContainer {
  font-weight: normal;
}

/*
.display-expanded-basket-summary.screen-Checkout_aspx #PH_Payment_details #basketContainer .basket-PaymentGroup,
*/

.display-expanded-basket-summary.screen-Checkout_aspx
  #basketContainer.summaryBasketContainer
  .summaryLine {
  border: none !important;
  font-weight: bold;
}

.display-expanded-basket-summary.screen-Checkout_aspx
  #basketContainer
  .basketTotals:last-of-type:not(:first-of-type) {
}

.display-expanded-basket-summary.screen-Checkout_aspx
  #PH_Payment_details
  #basketContainer
  .basket-PaymentGroup {
  border-top: 1px solid #e9e9e9 !important;
  margin-top: 20px !important;
}

.display-expanded-basket-summary.screen-Checkout_aspx .voucherTrigger {
  position: relative;
  top: auto;
  right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  order: -1;
}

.pmTypeGiftVoucher.show {
  /* align-items: center; */
}

#suppPayMethods .suppPmContainer .suppLabel {
  margin-bottom: 0;
}

#suppPayMethods .pmTypeGiftVoucher .suppPaySubTitle,
#suppPayMethods
  .pmTypeGiftVoucher
  .suppPayMethodFormContainer
  fieldset
  .row.VoucherNumber.activate
  label,
#suppPayMethods
  .pmTypeGiftVoucher
  .suppPayMethodFormContainer
  fieldset
  .row.VoucherNumber.activate
  .label {
  display: none;
}

#suppPayMethods
  .pmTypeGiftVoucher
  .suppPayMethodFormContainer
  fieldset
  .row:not(.gvPayment_hidden) {
  display: flex !important;
}

#suppPayMethods .pmTypeGiftVoucher .suppPayMethodFormContainer fieldset .row {
  margin-bottom: 10px;
}

.suppPayMethodButtonContainer {
  width: 100%;
  margin-top: 0;
}

#suppPayMethods
  .pmTypeGiftVoucher
  .suppPayMethodFormContainer
  fieldset
  .row.VoucherNumber:not(.activate)
  + .row.VoucherAmount {
  display: flex !important;
}

#suppPayMethods
  .pmTypeGiftVoucher
  .suppPayMethodFormContainer
  fieldset
  .row:not(.activate) {
  flex-direction: column;
}

#suppPayMethods .pmTypeGiftVoucher .formDescriptionColumn,
#suppPayMethods .pmTypeGiftVoucher .VoucherNumber .formDescriptionColumn {
  margin: 0 !important;
}

#suppPayMethods .pmTypeGiftVoucher .suppLabel LABEL {
  padding: 0;
  font-size: 1.5rem;
  line-height: normal;
  float: none !important;
  clear: both;
  text-align: left;
  display: block;
  margin-top: 10px;
}

#suppPayMethods
  .pmTypeGiftVoucher
  .suppPayMethodFormContainer
  fieldset
  .row:not(.activate)
  .formDescriptionColumn {
  margin: 10px 0 0 0 !important;
}

@media screen and (min-width: 781px) {
  #suppPayMethods
    .pmTypeGiftVoucher
    .suppPayMethodFormContainer
    fieldset
    .field
    input[type="text"] {
    max-width: 400px;
  }

  #suppPayMethods
    .pmTypeGiftVoucher
    .suppPayMethodFormContainer
    fieldset
    .label {
    height: 0 !important;
    top: 10px;
    position: relative;
  }
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  #suppPayMethods .pmTypeGiftVoucher .suppPayMethodFormContainer fieldset .row {
    flex-direction: column;
  }

  #suppPayMethods .pmTypeGiftVoucher .formDescriptionColumn,
  #suppPayMethods .pmTypeGiftVoucher .VoucherNumber .formDescriptionColumn {
    width: 100% !important;
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 480px) and (min-width: 1px) {
  #suppPayMethods .pmTypeGiftVoucher .giftVoucherCheck {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

.pmTypeGiftVoucher.hasItems {
  display: flex;
  padding: 20px;
  background: #fff;
  border: 1px solid #e9e9e9;
  flex-direction: column;
}

.pmTypeGiftVoucher.hasItems .suppPayMethodFormContainer {
  margin-left: 0 !important;
  width: 100%;
}

.hasItems.addMoreSupp .paymentForm {
  float: right;
}

.pmTypeGiftVoucher.hasItems .suppInBasket {
  padding-left: 0;
  margin: 20px 0 0;
  /*
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    */
}

.pmTypeGiftVoucher.hasItems .suppInBasket + div {
  margin-top: 20px;
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
}

.pmTypeGiftVoucher.hasItems .addNewSupp {
  display: none;
}

.pmTypeGiftVoucher.hasItems .paymentForm {
  display: flex;
  float: right;
}

.suppInBasket > DIV:after {
  position: relative;
  display: inline-block;
  order: -1;
  top: auto;
  left: auto;
  margin-right: 15px;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  .pmTypeGiftVoucher.hasItems {
    flex-direction: column;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  input.small_button_a.btnAddSuppPayMethod,
  .pmTypeGiftVoucher.hasItems .paymentForm {
    width: 100% !important;
  }
}

/* Terms */

#termsAndConditions #terms-accept label {
  font-weight: bold !important;
}

.screen-Order_aspx #ctl00_body_basketCtrl_paymentSectionCaption {
  display: none;
}

/* Offer Codes */

.addCouponCtl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.couponLabel {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

.suppInBasket {
  margin-right: auto;
  margin-bottom: 0;
}

.basketBeforePayment,
.basket-CouponPayments,
.suppInBasket > DIV:after {
  display: none;
}

.couponNotApplied,
.couponApplied {
  padding: 10px 0 !important;
}

.couponNotApplied > span:not(:first-of-type),
.couponApplied > span:not(:first-of-type) {
  margin-left: 10px;
}

@media screen and (min-width: 781px) {
  .addCouponCtl input,
  .addCouponCtl input:focus,
  .addCouponCtl input:active {
    max-width: 400px;
    margin-left: auto;
    flex: 1;
  }

  .suppInBasket {
    margin-right: 10px;
  }
}

/* Idin */

#idin-status {
  display: block !important;
  margin-bottom: 20px;
}

/* Safe Standing */

.seat.safe-standing,
.seat.Safe-Standing {
  background-image: url('../cus/release/css/core/images/seat-safe-standing.png') !important;
}

.flip-seats .seat.safe-standing,
.flip-seats .seat.Safe-Standing {
  background-image: url('../cus/release/css/core/images/seat-safe-standing-flip.png') !important;
}

/* Old Arrow */

.description a:after {
  display: none !important;
}

/* Number of Seats Label */

@media screen and (max-width: 780px) and (min-width: 1px) {
  #eventPage.hallMap
    .venueAreas
    .areas-filter-panel
    label.areas-filter-panel__qty
    > div {
    display: inline !important;
  }
}

/* Icon Bug Fix */

#siteMenuBar.hasclient #customerBox > a:first-child:before {
  font: normal normal normal 18px/1 FontAwesome5;
}

/* Content images */

@media screen and (min-width: 781px) {
  .content h1,
  .content h2 {
    float: left;
  }

  .content > *:not(.item_image) {
    clear: left;
  }
}

/* Membership Purchase Owner */

@media screen and (min-width: 781px) {
  .screen-membership_aspx .ownerMenu .owner .name {
    max-width: none;
  }
}

/* Login Modal */

@media screen and (min-width: 781px) {
  .ui-dialog.ui-widget.ui-widget-content.loginOrRegisterDlg {
    margin-left: 20px !important;
  }
}
/* Logged In  / Out Display !IMPORTANT */
body.client-is-logged-in .logged-out {
  display: none !important;
}
body:not(.client-is-logged-in) .logged-in {
  display: none !important;
}
/* Error Text Colour */
body .ph_errors .item_background {
  color: inherit !important;
}
/* Item List Caption */
.itemsList .general_caption {
  width: 100%;
  font-size: inherit;
  font-weight: inherit !important;
}
@media screen and (min-width: 781px) {
  .itemsList .general_caption {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Prompts */

#offersContainer .promptsContainer .extraContainer,
.promptExtras-dialog .promptExtrasDlg {
  align-items: stretch;
}

#offersContainer .promptsContainer div:not(.element) > h3,
.promptExtras-dialog .promptExtrasDlg div:not(.element) > h3 {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e9e9e9;
}

#offersContainer .promptsContainer .elementItem .imgContainer > img,
.promptExtras-dialog .promptExtrasDlg .elementItem .imgContainer > img {
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
}

#offersContainer .promptsContainer .elementItem .imgContainer,
.promptExtras-dialog .promptExtrasDlg .elementItem .imgContainer {
  width: auto;
  max-width: 100px;
  height: auto;
  background: none;
  padding: 10px 0;
  -webkit-box-shadow: inset 0px 0px 0px 10px #f00;
  -moz-box-shadow: inset 0px 0px 0px 10px #f00;
  box-shadow: inset 0px 0px 0px 1000px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  overflow: hidden;
}

#offersContainer .promptsContainer .element,
.promptExtras-dialog .promptExtrasDlg .element {
  margin-top: 20px !important;
  margin-right: 20px !important;
  margin-left: 0 !important;
  width: calc(25% - 20px) !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

#offersContainer .promptsContainer .elementItem .imgContainer,
.promptExtras-dialog .promptExtrasDlg .elementItem .imgContainer {
  margin: 10px 0;
  max-width: none;
  padding: 20px 20px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}

#offersContainer .promptsContainer .elementItem .imgContainer:after,
.promptExtras-dialog .promptExtrasDlg .elementItem .imgContainer:after {
  display: block;
  content: "";
  background: black;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.05;
}

#offersContainer .promptsContainer .elementItem .pricing,
#offersContainer .promptsContainer .elementItem .chooseQty,
#offersContainer .promptsContainer .elementItem .productAttribute,
.promptExtras-dialog .promptExtrasDlg .elementItem .pricing,
.promptExtras-dialog .promptExtrasDlg .elementItem .chooseQty,
.promptExtras-dialog .promptExtrasDlg .elementItem .productAttribute {
  display: flex;
}

#offersContainer .promptsContainer .elementItem .pricing select,
#offersContainer .promptsContainer .elementItem .chooseQty select,
#offersContainer .promptsContainer .elementItem .productAttribute select,
.promptExtras-dialog .promptExtrasDlg .elementItem .pricing select,
.promptExtras-dialog .promptExtrasDlg .elementItem .chooseQty select,
.promptExtras-dialog .promptExtrasDlg .elementItem .productAttribute select {
  margin-left: auto;
}

#offersContainer .promptsContainer .elementItem .name,
#offersContainer .promptsContainer .elementItem .pricing,
.promptExtras-dialog .promptExtrasDlg .elementItem .name,
.promptExtras-dialog .promptExtrasDlg .elementItem .pricing {
  margin: 10px 0;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
  #offersContainer .promptsContainer .element,
  .promptExtras-dialog .promptExtrasDlg .element {
    min-width: calc(100% - 20px) !important;
  }
}

/* fix close areas on mobile */
@media only screen and (max-width: 780px) {
  .expanded#selectedAreaInfo .menu #closeAreasList {
    background: none;
  }

  h1#areasListTitle:after {
    content: " ";
    width: 58px;
    height: 58px;
    right: 0;
    top: 0;
    position: fixed;
    background-color: transparent;
    display: block;
    background: transparent url('../cus/release/css/core/images/close.svg') no-repeat center center;
    background-size: 14px;
    z-index: 1000;
    top: 0 !important;
    margin: 0 !important;
    position: fixed !important;
  }
}

/* sticky crm toolbar */
.toolbar {
  transition: all 0.3s ease; /* Adjust the timing and easing function as desired */
}

.toolbar.fixed-buttons {
  position: fixed;
  top: 40px;
  right: 0; /* Adjust as needed */
  left: 0; /* Adjust as needed */
  z-index: 1000; /* To ensure it appears above other content */
  background-color: transparent; /* Background color */
  padding: 10px;
  flex-direction: row !important;
  box-sizing: border-box !important;
}
a.button.cShowDetails {
  display: none !important;
}

.toolbar.fixed-buttons a.button {
  /* Additional styling for fixed buttons as needed */
  transition: opacity 0.3s ease; /* Transition for opacity change */
}

.toolbar a.button.disabled.hidden {
  opacity: 0; /* Set opacity to 0 for a fade-out effect */
  visibility: hidden; /* Hide completely after fade-out */
}

.crm_screen_container .toolbar.fixed-buttons A SPAN,
body
  #leftMenu
  .crm_screen_container
  div[data-screenname]:not([data-screenname="eSRO.Crm.PersonalDetailsView"])
  > .toolbar.fixed-buttons
  A {
  font-size: 1rem;
}

/*
.fixed-buttons {
	a.button.Resale,
	a.cShowDetails,
	a.cDistributeTickets {
		display: none !important;
	}
}
	*/

.basketProperty.ClientId {
  display: inline-flex;
}

.ownerPoints {
  display: flex;
  flex-wrap: wrap;
}

.ownerMenu .owner span {
  text-decoration: none;
  flex-basis: 100%;
}

#crmFriendsAndRelativesContent span.qualityPoints {
  padding-left: 0px;
}

.owner-points-displayed span.basketProperty.ClientId {
  width: 100%;
  flex-basis: 100%;
  padding: 8px 0;
  align-items: center;
}

span.basketProperty.ClientId .ownerMenu {
  width: 100%;
}
span.basketProperty.ClientId .ownerMenu .owner {
  display: flex;
}
span.basketProperty.ClientId .ownerMenu .owner .ownerPoints {
  margin-left: auto;
}

span.basketProperty.ClientId .ownerMenu .owner span {
  text-decoration: none;
  padding: 0;
  text-decoration: none;
  flex-basis: auto;
}

span.basketProperty.ClientId
  .ownerMenu
  .owner
  span.loyaltypoints
  + .qualitypoints {
  padding-left: 5px;
}

.qualitypoints {
  padding-left: 5px;
}

.qtip-content .ownerPoints {
  padding: 10px 0;
}

@media only screen and (min-width: 780px) {
  span.basketProperty.ClientId .ownerMenu .owner .ownerPoints {
    margin-left: 15px;
  }
}
#crmFriendsAndRelativesContent > div.isStrong::before {
  margin-left: 0;
}
#crmFriendsAndRelativesContent > div {
  flex-wrap: wrap;
  position: relative;
  /* align-items: center; */
  display: flex;
}

#crmFriendsAndRelativesContent span.name {
  flex-basis: calc(100% - 30px);
  order: 1;
}

#crmFriendsAndRelativesContent span.qualityPoints {
  padding-left: 5px;
  order: 4;
}

#crmFriendsAndRelativesContent span.loyaltyPoints {
  padding-left: 0;
  order: 3;
}

#crmFriendsAndRelativesContent span.crmId {
  position: absolute;
  right: 0;
}

#crmFriendsAndRelativesContent > div.isStrong::after {
  padding-left: 0;
  order: 2;
  width: 100%;
}

/* Payment Plans */

@media only screen and (min-width: 781px) {
  #PaymentMethodFormsContainer {
    margin-left: 0px;
    max-width: none;
  }

  .paymentForm:not(#paymentMethodForm480) {
    max-width: 400px;
    margin-left: auto;
  }

  div#paymentMethodForm610 {
    margin-left: 0px;
    max-width: none;
  }

  div#paymentMethodForm610 fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  div#row_pf_610_PaymentPlanId {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
  }

  div#row_pf_610_PaymentPlanId .field {
    max-width: 402px !important;
  }

  div#paymentMethodForm610 .fieldsForm .row {
    max-width: calc(33% - 11px);
    margin: 0;
  }
}

/* ballots */
.heading-payment {
  display: flex;
  flex-direction: column;
}

/* assign owners button fix */
.ownerMenu .owner:after {
  order: 2px;
}

.ownerMenu .owner:before {
  order: 3;
}

/* category search filter */
select#filterDate,
select#filterVenue,
select#filterCompetition {
  display: none;
}

/* Filter */

.filter {
  border: none;
  font-size: inherit;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding-left: 0.3em !important;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  background-color: white;
  height: 33px;
  margin: 0 10px 0 10px;

  @media only screen and (max-width: 780px) {
    margin: 5px 0;
  }
}

button.reset-filter {
  padding: 6px;
  border-radius: 4px;
  font-size: 15px;

  @media only screen and (max-width: 780px) {
    margin-top: 0;
    height: 33px;
    margin-left: 5px;
  }
}

.filterContainer {
  display: inline-flex;
  align-items: center;
  margin: 20px 0 0;

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

.sortingContainer {
  display: inline-flex;
  align-items: center;
}

@media only screen and (max-width: 780px) {
  .expanded#selectedAreaInfo .menu #closeAreasList {
    background: none;
  }

  h1#areasListTitle:after {
    content: " ";
    width: 58px;
    height: 58px;
    right: 0;
    top: 0;
    position: fixed;
    background-color: transparent;
    display: block;
    background: transparent url('../cus/release/css/core/images/close.svg')
      no-repeat center center;
    background-size: 14px;
    z-index: 1000;
    top: 0 !important;
    margin: 0 !important;
    position: fixed !important;
  }

  .combo {
    min-width: 140px;
    margin-right: 5px;
  }

  /* payment upp */
  .screen-upp_pay_aspx div#payment-container {
    padding-top: 70px;
  }
}

.combo {
  position: relative;

  @media only screen and (max-width: 780px) {
    min-width: 140px;
    margin-right: 5px;
  }
}

.suggestions {
  position: absolute;
  width: calc(100% - 12px);
  background: white;
  border: 1px solid #cccccc;
  border-top: none;
  display: none;
  z-index: 99;
  border-radius: 5px;
}

.suggest {
  padding: 8px;
  border-top: 1px solid #eee;
  cursor: pointer;
}

.suggest:hover {
  background-color: #f0f0f0;
}

select#filterTeam {
  display: none !important;
}

input#searchCat {
  /* height: 42px; */
  border: 1px solid #e9e9e9;
  width: 100% !important;
  box-sizing: border-box;
  max-width: 400px;
  margin: 0;
  border-radius: 4px;
  text-indent: 10px;
  -webkit-appearance: none;
  appearance: none;
  padding: 6px;
  padding-left: 0;
  font-size: 15px;
  min-width: 140px;
}

.no-results {
  padding: 20px;
}

#eventPage.hallMap
  .venueAreas
  .areas-filter-panel
  .areas-filter-panel__find-button.disabled {
  opacity: 0.35 !important;
  pointer-events: none !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.sps-dialog.ui-draggable.ui-resizable.loqate_zIndexImportant.ui-dialog-buttons[aria-describedby="EntityDesign$Payment.DirectDebitMandateExtended"] {
  z-index: 402 !important;
}

/* Payment Plans */

@media only screen and (min-width: 781px) {
  #PaymentMethodFormsContainer {
    margin-left: 0px;
    max-width: none;
  }

  .paymentForm {
    max-width: 400px;
    margin-left: auto;
  }

  div#paymentMethodForm610 {
    margin-left: 0px !important;
    max-width: none !important;
  }

  div#paymentMethodForm610 fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  div#row_pf_610_PaymentPlanId {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
  }

  div#row_pf_610_PaymentPlanId .field {
    max-width: 402px !important;
  }

  div#paymentMethodForm610 .fieldsForm .row {
    max-width: calc(33% - 11px);
    margin: 0;
  }
}

.flm_myAccount span:not(".initials") {
  font-size: 0;

  &::before {
    content: "\f007";
    font-family: "FontAwesome";
    color: black;
    font-size: 20px;
  }
}

/* 3DS Fix - JP 7/4/25 */

#sgs-challenge-modal {
  z-index: 999999;
  top: 0;
  left: 0;
}

div#payment-container {
  padding-top: 70px;
}

.screen-upp_pay_aspx div#payment-container {
  padding-top: 70px;
}

.hiddenPixel {
  overflow: hidden;
  height: 0;
  width: 0;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#paymentMethodForm610 .NumberOfInstallments,
#paymentMethodForm610 .InstallmentSchedule,
#paymentMethodForm610 .RemainingAmount,
#paymentMethodForm610 .AmountPerInstallment {
  display: none !important;
}

/* Calendar select bug fix PC */
.ui-datepicker select.ui-datepicker-year option {
  color: black;
}

/* membership misalignment Px */
.membershipOwnerContainer {
  display: flex;
  align-items: center;
}

.membershipOwnerContainer span.label {
  margin-bottom: 0;
  padding-right: 25px;
}

.loginOrRegisterWizard .errorMessage:not(:empty) {
  top: 20px;
  left: 20px;
  font-size: 18px !important;
  font-weight: bold;
}

.ui-dialog.dialog-relatedCliens .ui-dialog-buttonpane button:first-child {
  display: none !important;
}

.suppPmContainer .suppPayMethodFormContainer, .suppPmContainer.open .suppPayMethodFormContainer {
  margin-left: 20px !important;
}

.pmTypeGiftVoucher.show {
    flex-wrap: wrap !important;
}

#suppPayMethods .suppPmContainer .suppLabel {
    margin-bottom: 0;
    width: 100%;
}

/* 1505 4231 ballots */

/* Ballots */

.screen-content .dataItem .extra-image {
    padding: 10px!important;
    max-height: 70px!important;
    max-width: 70px!important;
    width: auto!important;
    height: auto!important;
    display: inline-block!important;
    vertical-align: middle;
    border-radius: 0 !important;
    box-sizing: content-box !important;
    opacity: 1 !important;
}

.screen-content #ctl00_body_BallotsList .dataItem .itemsDataContainer > *,
#ctl00_body_BallotsList .ballot-date h2 {
    margin: 0;
}

#ctl00_body_BallotsList .itemsDataContainer {
    margin-left: 0;
    border: none;
    max-width: none;
}

#ctl00_body_BallotsList .itemsButtonsContainer {
    border: none;
    margin-left: 0 !important;
}

#ctl00_body_BallotsList .item_background .small_text_b {
    border: none;
}

.screen-content .dataItem .ballot-date {
    padding: 20px;
    white-space: nowrap;
}

.screen-content .dataItem .ballot-date .date {
    display: block;
    font-size: 2em;
    font-weight: 600;
}

.screen-content .dataItem .ballot-application-status:before {
    content: "";
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: #df6060;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.screen-content .dataItem .ballot-application-status.status-open:before {
    background: #0db670;
}

.screen-content #ctl00_body_BallotsList .dataItem .itemsDateRange {
    order: 20;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    padding-bottom: 20px;
}

.screen-content .dataItem .ballot-application-status {
    order: 4;
    margin-left: auto;
}

.screen-content #ctl00_body_BallotsList .dataItem .itemsDateRange .closingDate,
.screen-content #ctl00_body_BallotsList .dataItem .itemsDateRange .closingDate span {
    margin-right: 0;
}

/* Ballots List */

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl form {
    padding: 0;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 20px;
    position: relative;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .events {
    margin-top: 20px;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>* {
    padding: 0 0 0 10px;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.date {
    margin-left: 30px;
}

.ballot-date > span#day3:not(:empty) + span#kickoff:not(:empty):before {
    content: "/";
    padding: 0 5px;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.extendedData:before {
    display: none;
}

.content .event .application-status-indicator {
    padding-left: 0 !important;
    width: 30px;
}

.content .event .application-status-indicator {
    color: #e9e9e9 !important;
    line-height: 30px;
}

.content .event.applied .section .application-status-indicator:before {
    color: #e9e9e9 !important;
} 

.content .event.applied .application-status-indicator:before, 
.content .event.applied .section.applied  .application-status-indicator:before {
    color: #0db670 !important;
    z-index: 1;
    position: relative;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content .event>.application-summary label {
    font-weight: 600;
}

.content .event .sections .section > .name,
.content .event > .name {
    font-size: 1.5em;
    font-weight: 600;
}

/* Temp with Images */

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.img-large,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.img-medium,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.img-small {
    display: none;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.img-large {
    position: absolute;
    max-height: 60px;
    left: 50px;
    top: 18px; 
    width: 50px;
}


/*

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.name {
    margin-left: 75px;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.date {
    margin-left: 105px;
}

*/



/* Ballots List Editing */

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event>* {
    padding: 0;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section {
    margin: 0;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 20px;
    position: relative;
    border-radius: 10px;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event:hover,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section:hover,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section.active {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section.active {
    overflow: hidden;
}

.content .event.applied>.application-status-indicator:before, .content .event .section.applied>.application-status-indicator:before,
.content .event:not(.applied)>.application-status-indicator:before, .content .event .section:not(.applied)>.application-status-indicator:before {
    font-size: 20px;
}

/* Price Types */

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section.active .priceTypes {
    width: calc(100% + 40px) !important;
    margin: -20px !important;
    margin-top: 20px !important;
    background: white;
    padding: 20px !important;
    box-sizing: border-box;
    border-top: 1px solid #e9e9e9;
    order: 20;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section.active .priceTypes .name span {
    font-weight: bold
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section.active .priceTypes .priceType {
    margin: 0 40px 0 0;
    /* align-items: center; */
    line-height: 40px;
    flex-wrap: wrap;
}

:not(.summarizing).content .event .sections .section .priceTypes .priceType .owners .owners-selection {
    line-height: normal; 
}

:not(.summarizing).content .event .sections .section .priceTypes .priceType .owners.expanded .title:before {
    display: none;
}

:not(.summarizing).content .event .sections .section .priceTypes .priceType .owners .owners-selection>DIV:not(:last-child),
:not(.summarizing).content .event .sections .section .priceTypes .priceType .owners .owners-selection>DIV:before {
    border-color: #ccc ;
}

:not(.summarizing).content .event .sections .section .priceTypes .priceType .owners {
    padding-top: 0;
    padding-left: .3em;
    padding-right: .3em;
}

:not(.summarizing).content .event .sections .section .priceTypes .priceType .owners .title>* {
    top: auto;
    background: none;
}

.content.paying .payment>label>*>input, .content.paying .payment>label>*>select,
:not(.summarizing).content .event .sections .section .priceTypes .priceType .owners .ownerSelect {
    border: 1px solid #dadada;
    border-radius: 4px;
    height: 26px;
    min-width: 200px;
    max-width: none;
    background-color: #fff;
}

.content.paying .payment>label>* {
    padding: 5px 5px 5px 0;
}

.content.paying .disabled-checkbox {
    pointer-events: none !important;
    opacity:0.3 !important;
}

:not(.summarizing).content .event .sections .section .priceTypes .priceType .name:after {
    display: none;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section>* {
    margin: 0;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections {
    min-height: 260px;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .sections-heading {
    font-size: 1.5em;
    font-weight: 600;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section>* {
    padding: 0 0 0 10px;
    line-height: 30px;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section .section-subtitle {
    padding-left: 40px;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section>.name {
    font-size: 1.8em;
    font-weight: 600;
    margin: 0;
}

/* Summary */

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .events {
    margin-top: 20px;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 20px;
    position: relative;
    border-radius: 10px;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event .sections {
    width: calc(100% + 40px) !important;
    margin-left: -20px !important;
    padding: 0 !important;
    box-sizing: border-box;
    border-top: 1px solid #e9e9e9;
    display: block;
    flex: none;
    margin-top: 20px;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event>* {
    padding: 0 10px 0 0;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event>.extendedData:before {
    display: none;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event .sections .section div,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event .sections .section>*,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event .section .name,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event .section .priceTypes,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event .section .priceTypes .priceType>* {
    padding: 0;
    margin: 0;
    line-height: 30px;
    /* font-size: inherit; */
    vertical-align: middle;
    background: none;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event > * .act-link {
    padding-right: 0;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event .section .priceTypes .priceType .price {
    line-height: normal;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .price .all-commissions {
    font-size: 1rem;
}


/* Header */

.screen-ballotapplication_aspx .breadcrumbs,
.screen-ballots_aspx .breadcrumbs {
    display: none;
}

.screen-ballotapplication_aspx .heading-confirmation:after,
.screen-ballotapplication_aspx .heading-payment:after,
.screen-ballotapplication_aspx .heading:after,
.screen-ballots_aspx .heading:after,
.screen-ballotapplication_aspx .heading-summary:after,
.screen-ballots_aspx .heading-summary:after {
    background: #fff;
    content: "";
    width: 100vw;
    height: 100%;
    display: block;
    margin-left: 50%;
    left: -50vw;
    position: absolute;
    top: 0;
    z-index: -1;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event.active > .name,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event.active > .event-subtitle,
.screen-ballotapplication_aspx .heading-confirmation,
.screen-ballotapplication_aspx .heading,
.screen-ballots_aspx .heading,
.screen-ballotapplication_aspx .heading-summary, 
.screen-ballots_aspx .heading-summary,
.screen-ballotapplication_aspx .heading-payment,
.screen-ballots_aspx .heading-payment,
.screen-ballotapplication_aspx .breadcrumbs,
.screen-ballots_aspx .breadcrumbs {
    /*background: #000;
    color:#fff;*/
    padding: 20px 0;
    position: relative;
    box-sizing: content-box;
    width: 100%;
}

.screen-ballotapplication_aspx .heading-confirmation h1,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event.active > .name,
.screen-ballotapplication_aspx .heading h1,
.screen-ballots_aspx .heading h1,
.screen-ballotapplication_aspx .heading-summary h1,
.screen-ballots_aspx .heading-summary h1,
.screen-ballotapplication_aspx .heading-payment h1,
.screen-ballots_aspx .heading-payment h1,
.screen-ballotapplication_aspx .heading-confirmation h1,
.screen-ballots_aspx .heading-confirmation h1 {
    margin: 0 0 20px 0;
}

/*
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event.active > .event-subtitle,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event.active > .name,
.screen-ballotapplication_aspx .heading,
.screen-ballots_aspx .heading,
.screen-ballotapplication_aspx .heading-summary,
.screen-ballots_aspx .heading-summary,
.screen-ballotapplication_aspx .heading-payment,
.screen-ballots_aspx .heading-payment {
    padding-top: 0;
}
*/

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event.active > .event-subtitle {
    margin-top: 0;
}

.screen-ballotapplication_aspx .heading,
.screen-ballots_aspx .heading,
.screen-ballotapplication_aspx .heading-summary,
.screen-ballots_aspx .heading-summary,
.screen-ballotapplication_aspx .heading-payment,
.screen-ballots_aspx .heading-payment,
.screen-ballotapplication_aspx .heading-confirmation,
.screen-ballots_aspx .heading-confirmation {
    margin-bottom: 20px;
}

.screen-ballotapplication_aspx .heading p:last-of-type,
.screen-ballots_aspx .heading p:last-of-type,
.screen-ballotapplication_aspx .heading-summary p:last-of-type,
.screen-ballots_aspx .heading-summary p:last-of-type,
.screen-ballotapplication_aspx .heading-payment p:last-of-type,
.screen-ballots_aspx .heading-payment p:last-of-type,
.screen-ballotapplication_aspx .heading-confirmation p:last-of-type,
.screen-ballots_aspx .heading-confirmation p:last-of-type {
    margin: 0;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event.active > .event-subtitle {
    margin-bottom: 0;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event.active > .name,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event.active .date {
    display: none;
}

/* Summary / Mini Basket */

.screen-ballotapplication_aspx .summary {
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e9e9e9;
}

.content .event .sections .section {
    margin: 0;
    padding: 20px;
}

.screen-ballotapplication_aspx .summary > p:first-of-type {
    font-size: 1.17em !important;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
    padding: 0 0 20px 0;
}

.screen-ballotapplication_aspx .summary .total-items {
    text-align: right;
}

.screen-ballotapplication_aspx .summary .total-cost {
    font-size: 3rem;
    text-align: right;
    margin: 0 0 20px 0;
}

.content .event .sections .section .priceTypes .zero-sum {
    display: none !important;
}

.screen-ballotapplication_aspx button.small_button_a,
.screen-ballotapplication_aspx button.small_button_a:hover,
.screen-ballotapplication_aspx button.small_button_a:focus,
.screen-ballotapplication_aspx button.small_button_a:active {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 0;
}

.screen-ballotapplication_aspx button.small_button_a:disabled,
.screen-ballotapplication_aspx button.small_button_a:hover:disabled,
.screen-ballotapplication_aspx button.small_button_a:focus:disabled,
.screen-ballotapplication_aspx button.small_button_a:active:disabled {
    opacity: .2 !important;
}

.screen-ballotapplication_aspx button.small_button_b,
.screen-ballotapplication_aspx button.small_button_b:hover,
.screen-ballotapplication_aspx button.small_button_b:focus,
.screen-ballotapplication_aspx button.small_button_b:active {
    margin-top: 10px;
    display: none;
}

.screen-ballotapplication_aspx .summary .error:empty {
    display: none;
}

.screen-ballotapplication_aspx .summary .error {
    display: none;
    margin: 20px 0 0;
    color: #df6060;
    font-size: inherit;
    font-style: normal;
}

#ctl00_body_ContentCtrl.content.summarizing .event .section .priceTypes .priceType .ui-spinner {
    display: none !important;
}

.button-DeleteBallotApplication {
    order: 6;
}

.content.confirming .summary {
    display: none;
}

/* Temp Basket */

@media screen and (min-width: 781px){
    
    .screen-ballotapplication_aspx .footer-ballot,
    .screen-ballots_aspx .content .footer-ballot {
        margin-bottom: 0 !important;
    }
    
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl form {
       /*  position: relative;
        padding-right: calc(25vw + 20px);
        min-height: 250px; */
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl form > div {
        width: calc(75% - 20px);
        margin-right: auto;
    }

    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl form .payment {
        margin-bottom: 20px;
    }

    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl form .heading-ballot,
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl form .footer-ballot,
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl form .application-explanation-footer,
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl form .application-explanation-header {
        width: 100%;
        order: -1;
    }

    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl form .footer-ballot,
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl form .application-explanation-footer {
        order: 100;
    }
    
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl form .summary {
        width: 25%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    /* Just for Editing */

    /*
    
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event.active > .name {
        height: 71px;
        width: 100vw;
        z-index: 1;
    }
    
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event.active>.event-subtitle {
        height: 37px;
        width: 100vw;
        z-index: 1
    }
    
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .summary {
        top: 148px;
    }

    */

    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event > .extendedData {
        padding-left: 40px;
    }
    
    
}

@media screen and (max-width: 780px) and (min-width: 1px){

    .screen-ballotapplication_aspx .screen-content#PH_ .content,
    .screen-ballots_aspx .screen-content#PH_ .content {
        padding: 0;
    }

    .content .event>.application-status-indicator {
        align-self: start;
    }

    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section>*,
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>* {
        margin-left: auto;
    }

    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event> .name {
        max-width: calc(100% - 40px);
    }

    .application-summary-section {
        order: 9;
        width: 100%;
        text-align: right;
        line-height: normal !important;
    }

    .content:not(.summarizing) .event .section .application-summary-section label {
        display: inline;
        font-weight: 600; 
    }

    .section-act-link {
        order: 10;
        line-height: normal !important;
    }

    .screen-content .dataItem .ballot-date {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0;
    }

    .screen-content .dataItem .extra-image {
        max-height: 50px!important;
        max-width: 50px!important;
    }

    .screen-content .dataItem .ballot-application-status {
        order: 5;
        padding: 0 20px 20px;
    }

    .application-explanation-footer {
        margin-bottom: 20px;
    }

    .content .event .sections .section .priceTypes .priceType {
        flex-wrap: wrap;
    }

    #ctl00_body_ContentCtrl.content.summarizing .event .section .priceTypes .priceType .name {
        width: 100%;
        flex: auto;
        
    }

    .content .event>.application-summary {
        width: 100%;
    }

    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event,
    .screen-ballotapplication_aspx .summary,
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.editing .event .sections .section,
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event {
        padding: 20px 10px;
    }

    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content.summarizing .event .sections {
        width: calc(100% + 20px) !important;
        margin-left: -10px !important;
    }

}

/* Tweaks 12/11/21 */

.screen-ballotapplication_aspx a.act-link:not(:empty),
.screen-ballotapplication_aspx a.section-act-link:not(:empty) {
    background: #c70101;
    border-radius: 10px;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none !important;
    padding-right: 10px !important;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 20px !important;
    height: 20px;
    margin-left: 10px !important;
}

.screen-ballotapplication_aspx a.section-act-link {
    margin-top: 6px !important;
}

.screen-ballotapplication_aspx a.act-link:hover:not(:empty),
.screen-ballotapplication_aspx a.section-act-link:hover:not(:empty) {
    background: #9f0000;
}

.screen-ballotapplication_aspx .application-status-indicator {
    margin-left: 0 !important;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl:not(.summarizing) a.act-link:before,
.screen-ballotapplication_aspx .section:not(.applied) a.section-act-link:before {
    font-family: FontAwesome; 
    content: '\f1db';
    font-size: 20px;
    position: absolute;
    top: 25px;
    left: 20px;
    color: #e9e9e9 !important;
}

.screen-ballotapplication_aspx .section.active:not(.applied) a.section-act-link:before {
    content: '\f192';
}

@media screen and (max-width: 780px) and (min-width: 1px){
    .screen-ballotapplication_aspx #ctl00_body_ContentCtrl:not(.summarizing) a.act-link:before,
    .screen-ballotapplication_aspx .section:not(.applied) a.section-act-link:before {
        left: 10px;
    }

    .screen-ballotapplication_aspx a.act-link,
    .screen-ballotapplication_aspx a.section-act-link {
        margin: 10px 0 0 40px !important;
    }

    .screen-ballotapplication_aspx .section-subtitle {
        line-height: normal !important;
    }

    .screen-ballotapplication_aspx .application-summary,
    .screen-ballotapplication_aspx .application-summary-section {
        text-align: left;
        padding-left: 40px !important;
    }
}

.content.summarizing .event .act-link {
    flex-grow: 0;
    margin-left: auto !important;
}

/* Tweaks 11/9/23 */

#ctl00_body_BallotsList .itemsDataContainer {
    flex: 1 !important;
}

.screen-content .ballots-list.show-date .dataItem.item_background.item_data_background.no-image {
    padding-bottom: 0 !important;
}

.content .event > .name {
    flex: 1;
    display: flex;
     align-items: center;
}

.content .event > .application-status-indicator {
       place-self: flex-start;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event > p {
    padding-left: 0;
    width: 100%;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event > p:empty {
    display: none;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.img-small,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.img-medium,
.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.img-large {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto !important;
    max-height: 30px;
}

.content .event .img-small {
    order: -4;
    padding-right: 10px !important;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.date {
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    font-weight: bold;
}

.screen-ballotapplication_aspx #ctl00_body_ContentCtrl.content:not(.editing):not(.summarizing) .event>.extendedData {
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    font-weight: bold;
}

.screen-content .dataItem .button-DeleteBallotApplication {
    margin-top: 0;
    margin-bottom: 0;
}
.sgs-amount {
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e9e9e9;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	.sgs-amount {
		font-size: 1.2em;
	}
}

.sgs-form * {
	box-sizing: border-box;
}

.sgs-form fieldset {
	padding: 0;
}

.sgs-verification_value,
.sgs-number {
	width: 100%;
}

.sgs-fs-name {
}

.sgs-fs-address {
}

.sgs-fs-cc {
}

.sgs-field {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.sgs-field.sgs-field-cardNumber,
.sgs-field.sgs-field-exp,
.sgs-field.sgs-field-cvv,
fieldset:not(.sgs-fs-cc) .sgs-field {
	margin-bottom: 15px;
}

.sgs-form-h2 {
	margin: 20px 0 20px 0 !important;
	font-size: 1.2em;
	color: inherit;
	border-bottom: none;
}

.sgs-form label {
	font-weight: 600;
	margin-bottom: 5px;
	display: block;
}

.sgs-form iframe {
	height: 50px;
	height: 50px;
	width: 106%;
}

.sgs-input-text {
	/* height: 42px;
	border: 1px solid #e9e9e9; */
	width: 100% !important;
	box-sizing: border-box;
	/* max-width: 400px; */
	margin: 0;
	/* border-radius: 4px;
	text-indent: 10px; */
	-webkit-appearance: none;
	padding: 0;

	border-radius: 3px;
	border: 1px solid rgb(204, 204, 204);
	padding: 0.65em 0.5em;
	height: 38px !important;
}

.sgs-form .hidden {
	display: none;
}

.sgSpreedly3dsFrame {
	width: 250px;
	width: 100%;
	height: 400px;
	border: none;
}

#spreedly-number-label {
	order: 3;
}

#spreedly-cvv {
	order: 4;
}

.sgs-field.sgs-field-exp {
	flex-direction: row;
	flex-wrap: wrap;
}

.sgs-field.sgs-field-exp label {
	width: 100%;
}

.sgs-exp-divider {
	display: none;
}

.sgs-field.sgs-field-exp .sgs-field-group {
	width: 36%;
	margin-right: 10px;
}

/* Buttons */

.sgs-field-submit {
	border: none;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}

#sgs-submit-button {
	order: 2;
	margin-left: auto;
}

#sgs-message:not(empty),
#sgs-errors:not(empty) {
	width: 100%;
	margin-bottom: 20px;
}

/* Apple Pay */

@supports (-webkit-appearance: -apple-pay-button) {
	#applePay {
		-webkit-appearance: -apple-pay-button;
		-apple-pay-button-type: buy;
		-apple-pay-button-style: white-outline;
		min-height: 40px;
		height: 40px;
		width: 240px;
	}
}

@supports not (-webkit-appearance: -apple-pay-button) {
	#applePay {
		display: inline-block;
		background-size: 100% 60%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border-radius: 5px;
		box-sizing: border-box;
		background-image: -webkit-named-image(apple-pay-logo-black);
		background-color: white;
		min-height: 40px;
		height: 40px;
		width: 240px;
		color: black;
		border: 0.5px solid black;
	}
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	.sgs-fs-address {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

/*

#pay-button.disabled,
#sgs-submit-button:disabled,
#sgs-submit-button[disabled='disabled'] {
	opacity: 0.5 !important;
	cursor: default !important;
	pointer-events: none;
}

*/

#sgs_ga_pay.sgs-form-h2,
.sgs-form-h2:first-of-type {
	display: none;
}

#sgs_cc_section > .sgs-field {
	margin-bottom: 0 !important;
}

.sgs-field select {
	height: 46px;
}

/* Spreedly */
.sgs-amount {
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e9e9e9;
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	.sgs-amount {
		font-size: 1.2em;
	}
}

.sgs-form * {
	box-sizing: border-box;
}

.sgs-form fieldset {
}

.sgs-fs-name,
.sgs-fs-cc,
.sgs-fs-address {
	border: none !important;
	padding: 0 !important;
	max-width: none !important;
}

.sgs-field {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
}

.sgs-form-h2 {
	margin: 20px 0 20px 0 !important;
	font-size: 1.2em;
	color: inherit;
	border-bottom: none;
}

#sgs_ga_pay {
	text-indent: -9999px;
	line-height: 0;
	content: "";
}

#sgs_ga_pay:after {
	text-indent: 0;
	display: block;
	line-height: initial;
	content: "";
}

.sgs-form label {
	font-weight: 600;
	margin-bottom: 5px;
	display: block;
}

.sgs-form iframe {
	height: 50px;
	height: 50px;
	width: 106%;
}

#alternativePayments,
.sgs-form,
#sgs-payment-form {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 440px;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #e9e9e9;
	padding: 20px !important;
	border-radius: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

#sgs-payment-form > fieldset.sgs-fs-name,
.sgs-fs-address,
.sgs-fs-cc,
.sgs-field-submit {
	width: 100%;
	border-top: 0;
}

#field_alternated.sgs-fs-cc {
	/* display: flex; */
	background: none;
}

#field_alternated.sgs-fs-cc .sgs-field {
	width: 100%;
	height: 40px;
	overflow: visible;
}

#applePay,
#googlePay {
	width: 100%;
	margin-bottom: 15px;
	height: 40px;
}

#applePay,
.gpay-card-info-container {
	min-width: 100% !important;
	width: 100% !important;
}

.sgs-form iframe.gpay-card-info-iframe {
	width: 240px;
	margin: 0 auto;
}

#applePay:hover {
	opacity: 0.7 !important;
	cursor: pointer;
}

.sgs-field-submit {
	order: 10;
}

#sgs-amount {
	text-align: left;
	width: 100%;
	max-width: 440px;
	margin-left: auto;
	margin-right: auto;
}

.sgs-input-text-cvv,
.sgs-input-text {
	width: 100% !important;
	box-sizing: border-box;
	margin: 0;
	-webkit-appearance: none;
	padding: 0;
	border-radius: 3px;
	border: 1px solid rgb(204, 204, 204);
	padding: 0.65em 0.5em;
}

.sgs-input-text-cvv {
	max-width: 36%;
}

.sgs-form .hidden {
	display: none;
}

.sgSpreedly3dsFrame {
	width: 250px;
	width: 100%;
	height: 400px;
	border: none;
}

#spreedly-number-label {
	order: 3;
}

#spreedly-cvv {
	order: 4;
}

.sgs-field.sgs-field-exp {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
}

.sgs-field.sgs-field-exp label {
	width: 100%;
}

.sgs-exp-divider {
	display: none;
}

.sgs-field.sgs-field-exp .sgs-field-group {
	width: 36%;
	margin-right: 10px;
}

/* Buttons */

.sgs-field-submit {
	border: none;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}

#sgs-submit-button {
	order: 2;
	margin-left: auto;
}

#sgs-message:not(empty),
#sgs-errors:not(empty) {
	width: 100%;
	margin-bottom: 20px;
}
body .sgs-form-button:hover {
	background-color: #8a919b !important;
	color: #fff !important;
	border-color: #8a919b !important;
	color: white !important;
	opacity: 1 !important;
	text-decoration: none !important;
}

body .sgs-form-button:not(#sgs-submit-button):not(#pay-button) {
	background-color: transparent !important;
	border-color: #e7e6e8 !important;
	border-width: 1px !important;
	color: #1f1f1f !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	border-style: solid !important;
	padding: 11px !important;
	order: 2;
}

body .sgs-form-button {
	background-color: var(--primary-bg) !important;
	color: var(--primary-button-color) !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	padding: 11px !important;
	border-color: var(--primary-bg) !important;
	border-width: 1px !important;
	border-style: solid !important;
}

body .sgs-form-button,
body .sgs-form-button:hover,
body .sgs-form-button:active,
body .sgs-form-button:focus {
	width: 100% !important;
	margin-top: 10px;
}

@media screen and (max-width: 780px) and (min-width: 1px) {
	body .sgs-form-button:not(#sgs-submit-button):not(#pay-button) {
		min-width: 0 !important;
	}
}

/* Apple Pay */

@supports (-webkit-appearance: -apple-pay-button) {
	#applePay {
		-webkit-appearance: -apple-pay-button;
		-apple-pay-button-type: buy;
		-apple-pay-button-style: white-outline;
		min-height: 40px;
		height: 40px;
		width: 240px;
	}
}

@supports not (-webkit-appearance: -apple-pay-button) {
	#applePay {
		display: inline-block;
		background-size: 100% 60%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border-radius: 5px;
		box-sizing: border-box;
		background-image: -webkit-named-image(apple-pay-logo-black);
		background-color: white;
		min-height: 40px;
		height: 40px;
		width: 240px;
		color: black;
		border: 0.5px solid black;
	}
}

/* CSS */
@supports (-webkit-appearance: -apple-pay-button) {
	.apple-pay-button-with-text {
		display: inline-block;
		-webkit-appearance: -apple-pay-button;
		-apple-pay-button-type: buy;
	}
	.apple-pay-button-with-text > * {
		display: none;
	}
	.apple-pay-button-black-with-text {
		-apple-pay-button-style: black;
	}
	.apple-pay-button-white-with-text {
		-apple-pay-button-style: white;
	}
	.apple-pay-button-white-with-line-with-text {
		-apple-pay-button-style: white-outline;
	}
}

@supports not (-webkit-appearance: -apple-pay-button) {
	.apple-pay-button-with-text {
		--apple-pay-scale: 1; /* (height / 32) */
		display: inline-flex;
		justify-content: center;
		font-size: 12px;
		border-radius: 5px;
		padding: 0px;
		box-sizing: border-box;
		min-width: 200px;
		min-height: 32px;
		max-height: 64px;
	}
	.apple-pay-button-black-with-text {
		background-color: black;
		color: white;
	}
	.apple-pay-button-white-with-text {
		background-color: white;
		color: black;
	}
	.apple-pay-button-white-with-line-with-text {
		background-color: white;
		color: black;
		border: 0.5px solid black;
	}
	.apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {
		background-image: -webkit-named-image(apple-pay-logo-white);
		background-color: black;
	}
	.apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
		background-image: -webkit-named-image(apple-pay-logo-black);
		background-color: white;
	}
	.apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {
		background-image: -webkit-named-image(apple-pay-logo-black);
		background-color: white;
	}
	.apple-pay-button-with-text > .text {
		font-family: -apple-system;
		font-size: calc(1em * var(--apple-pay-scale));
		font-weight: 300;
		align-self: center;
		margin-right: calc(2px * var(--apple-pay-scale));
	}
	.apple-pay-button-with-text > .logo {
		width: calc(35px * var(--scale));
		height: 100%;
		background-size: 100% 60%;
		background-repeat: no-repeat;
		background-position: 0 50%;
		margin-left: calc(2px * var(--apple-pay-scale));
		border: none;
	}
}
.sgs-form {
	font-family: "Inter-LightBETA", Arial, Helvetica "Neue", Helvetica, sans-serif !important;
}

#sgs-challenge-modal {
	position: fixed;
	width: 100%;
	height: 100%;
	background: white;
}

#paypalButton a {
	background: #ffc439 url('../cus/release/css/core/images/paypal.svg') no-repeat center center;
	background-size: auto 50%;
	width: 100%;
	display: block;
	height: 40px;
	font-size: 0;
}


@media print {

    .screen-opsconfirmation_aspx > *,
    .screen-confirmation_aspx > *,
    .screen-opsconfirmation_aspx #group_Header,
    .screen-confirmation_aspx #group_Header {
        display: none !important;
    }

    .screen-opsconfirmation_aspx > .screen-content,
    .screen-confirmation_aspx > .screen-content {
        max-width: none !important;
        display: block !important;
        margin: 0 !important;
    }

}

/* Accessibility */

body[data-whatinput="keyboard"] *:focus {
    outline: 2px solid red;
}

.qtip.region-tooltip {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999999;
}
/* Font face for applications that do not use Next.js */

@font-face {
  font-family: "RoobertVF";
  font-weight: "300 900";
  font-style: "normal";
  font-display: "swap";
  font-feature-settings: "ss01" 1;
  src: url("https://seatgeekassets.com/seatgeek/fonts/roobert/RoobertVF.woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
:root {
  font-feature-settings: "ss01" 1;
}
a#navMenu_Float_myAccount_item {
  display: none;
}
.header-v2 #group_Header #PH_Menu {
  display: none !important;
}
#menuContainer {
  line-height: 1.4;
  display: flex;
  width: 100%;
  margin-left: 0;
  height: 100%;
}
#menuContainer img {
  width: 100%;
  display: block;
}
body.header-v2 #menuContainer a {
  color: black;
  text-decoration: none;
  box-sizing: border-box;
}
#menuContainer .navbar.mobile a,
#menuContainer .navbar.mobile .nav-link {
  color: white;
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  padding: 0.6rem 0;
  margin: 8px 0;
  border-bottom: none;
  border-radius: 1px;
  position: relative;
  transition: all 0.4s ease;
}
#menuContainer ul li {
  list-style-type: none;
}
#menuContainer ul.navbar-nav > li {
  height: 100%;
  display: flex;
  align-items: center;
}
#menuContainer .navbar.mobile ul.navbar-nav > li {
  height: auto;
}
.navbar {
  background: transparent;
  padding: 0 1rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  z-index: 10;
}
.navbar.mobile {
  padding: 0;
  z-index: 0;
}
.navbar.mobile.show {
  z-index: 60;
}
.navbar.mobile .navbar-nav {
  background: black;
  height: 100vh;
}
.brand-and-icon {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px solid #dddddd;
}
.navbar-brand {
  font-size: 1.8rem;
  letter-spacing: 3px;
  font-weight: 700;
}
.navbar-toggler {
  display: block;
  border: none;
  background: transparent;
  font-size: 1.8rem;
  cursor: pointer;
  padding: 0 28px 0 4px;
  transition: all 0.4s ease;
  border-radius: 4px;
  left: 10px;
  z-index: 20;
  position: static !important;
}
.navbar-toggler:hover {
  opacity: 0.7;
}
.navbar-collapse {
  overflow-y: scroll;
  display: block;
  height: 100%;
}
.navbar.mobile .navbar-collapse {
  transition: all 0.3s ease-out;
  position: fixed;
  width: 100%;
  left: -100%;
}
.navbar.mobile .navbar-collapse.show {
  left: 0;
  transition: all 0.3s ease-out;
}
.navbar-nav > li > a {
  text-transform: capitalize;
  font-size: 26px;
  font-weight: 400;
  display: block;
  padding: 0.6rem 0;
  margin: 8px 0;
  border-bottom: none;
  border-radius: 1px;
  position: relative;
  transition: all 0.4s ease;
}
.drop-icon {
  padding-left: 5px;
}
.navbar.mobile .drop-icon {
  margin-left: auto;
}
#menuContainer .fa-chevron-down:before {
  content: "\f078";
  font-family: "FontAwesome";
  color: white;
  font-size: 9px;
  font-weight: 400;
  font-style: normal;
}
#menuContainer .fa-chevron-right:before {
  font-family: "FontAwesome";
  color: white;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  content: "\f054";
}
#menuContainer .navbar:not(.mobile) .fa-chevron-right {
  display: none !important;
}
#menuContainer .navbar.mobile .fa-chevron-down {
  display: none !important;
}
#menuContainer .fa-remove:before,
#menuContainer .fa-close:before,
#menuContainer .fa-times:before {
  color: white;
  content: "\f00d";
  font-style: normal;
  font-family: "FontAwesome";
}
.navbar-nav > li > a:hover {
  opacity: 0.7;
}
.sub-menu h4 {
  text-transform: capitalize;
  font-size: 15px;
  padding: 10px 0 30px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e7eb;
  margin: 0 12px 10px;
  color: black !important;
}
.sub-menu a {
  text-transform: capitalize;
  padding: 10px 12px;
  margin: 0;
  font-size: 15px !important;
  border-radius: 12px;
}
.sub-menu ul li:hover a,
.sub-menu > a:hover,
a.submenu-link:hover {
  background-color: #f5f5f4;
}
.sub-menu ul li a,
.sub-menu > a {
  opacity: 0.8;
  transition: all 0.5s ease;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.sub-menu ul li a:hover,
.sub-menu > a:hover,
a.submenu-link:hover {
  opacity: 1;
}
.navbar:not(.mobile) .sub-menu {
  display: none;
  border-radius: 12px;
}
.sub-menu {
  display: none;
  border-radius: 12px;
}
.sub-menu-item {
  padding-left: 1.2rem;
  margin: 20px;
}
.sub-menu-item ul {
  padding-left: 0;
}
/* Media Queries */

.navbar:not(.mobile) {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: none;
  padding: 0;
  position: static;
  /* header */

}
.navbar:not(.mobile) .navbar-toggler {
  display: none;
}
.navbar:not(.mobile) .brand-and-icon {
  flex: 0 0 100px;
  border-bottom: none;
  padding: 0;
}
.navbar:not(.mobile) .navbar-collapse {
  display: block !important;
  overflow-y: hidden;
  flex: 1 0 auto;
}
.navbar:not(.mobile) .navbar-nav {
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  justify-self: left;
}
.navbar:not(.mobile) .navbar-nav > li > a {
  border-bottom: none;
  margin: 0;
  padding: 12px;
  font-size: 16px;
}
.navbar:not(.mobile) .sub-menu {
  position: absolute;
  width: auto;
  top: 100%;
  background: white;
  box-sizing: border-box;
  margin-top: -10px;
  box-shadow: 0px 1px 4px 0px #00000014;
  box-shadow: 0px 0px 1px 0px #00000029;
}
.navbar:not(.mobile) .navbar-nav > li:hover .sub-menu {
  display: flex !important;
  box-sizing: border-box;
  gap: 10px;
  padding: 10px !important;
  justify-content: center;
}
.navbar:not(.mobile) .sub-menu-item {
  padding-left: 0;
  min-width: 200px;
  box-sizing: border-box;
  margin: 0;
}
.navbar:not(.mobile) .header {
  height: calc(100vh - 75px);
}
.navbar:not(.mobile) .header h2 {
  font-size: 6rem;
}
.navbar:not(.mobile) .header p {
  width: 40%;
}
.navbar:not(.mobile) .fa-chevron-down:before {
  font-family: "FontAwesome";
  font-style: normal;
}
.navbar:not(.mobile) .fa-remove:before,
.navbar:not(.mobile) .fa-close:before,
.navbar:not(.mobile) .fa-times:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f00d";
}
.header-v2 a#navMenu_Float_myAccount_item .crm-menu.show {
  display: block;
}
body.no-scroll {
  overflow: hidden;
}
.crm-menu.show {
  max-height: 80vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body.header-v2 #menuContainer a.menu-link,
body.header-v2 .menu-link-no-children {
  color: white !important;
  font-size: 16px;
  font-size: 15px !important;
  font-weight: 400 !important;
  display: flex;
  align-items: center;
  line-height: 1;
  text-transform: capitalize !important;
}
#menuContainer .navbar.mobile a.menu-link {
  display: flex !important;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.navbar-toggler .fa-bars:before {
  font-family: "FontAwesome";
  content: "\f0c9";
  color: white;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: normal;
  width: 16px;
}
body.header-v2 #PH_MenuButton {
  display: none !important;
}
.nav-header {
  height: 68px;
  padding: 0 20px;
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.navbar.mobile .nav-header {
  z-index: 61;
  background: black;
}
.navbar.mobile .nav-header.show {
  display: flex;
  box-sizing: border-box;
}
.navbar:not(.mobile) .nav-header {
  display: none;
}
.nav-header .logo {
  background-image: url('../usercontent/SG.css/images/logos/SeatGeek-Logo-Stacked-Primary.svg');
  width: 50px;
  height: 30px;
  background-position: center center;
  background-size: 30px;
  background-repeat: no-repeat;
}
.navbar.mobile .sub-menu {
  position: fixed;
  left: -999px;
  transition: all 0.3s ease-out;
}
.sub-menu.open {
  position: fixed;
  z-index: 100;
  background: black;
  color: white;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  transition: all 0.3s ease-out;
}
#menuContainer .fa-chevron-left:before {
  content: "\f053";
  font-family: "FontAwesome";
  font-style: normal;
  color: white;
}
.navbar:not(.mobile) .nav-panel {
  display: none;
}
.nav-panel {
  height: calc(100vh - 68px);
  top: calc(68px - 1px);
  position: absolute;
  background: black;
  width: 325px;
  left: 0;
  transition: transform 0.25s ease;
  overflow: hidden;
  transform: translateX(-325px);
}
.nav-panel.show {
  display: flex;
  transform: translateX(0) !important;
  transition: transform 0.25s ease;
  height: 100vh;
}
.nav-content {
  width: 100%;
  height: 100%;
  padding: 0 10px;
}
@media only screen and (max-width: 780px) {
  .nav-content {
    overflow: hidden;
  }
}
.nav-item {
  padding: 0 20px;
}
.nav-main,
.nav-subMenu,
.nav-subSubMenu {
  height: 100%;
  width: 325px;
  background: black;
  display: flex;
  flex-wrap: wrap;
  transition: transform 0.25s ease;
  transform: translateX(0);
}
.nav-subMenu {
  transform: translateX(-325px);
}
.nav-subSubMenu {
  transform: translateX(-650px);
}
.nav-main.slide-first {
  transform: translateX(325px);
}
.nav-subMenu.slide-second,
.nav-main.slide-second {
  transform: translateX(650px);
}
.slide-first {
  transition: transform 0.25s ease;
  flex: 0 0 325px;
  transform: translateX(0);
}
.slide-second {
  transition: transform 0.25s ease;
  flex: 0 0 325px;
  transform: translateX(0);
}
.header-v2 #siteMenuBar #customerBox.loggedinclientbox > a:first-child:before {
  display: none;
}
.header-v2 a#navMenu_Float_myAccount_item {
  content: "";
  background-image: none;
  margin: 0;
  padding: 0;
  height: auto;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-v2 a#navMenu_Float_myAccount_item {
  background: none !important;
  margin: 0 !important;
  padding: 0 0 0 10rem !important;
  height: auto;
  width: auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: normal;
  border-radius: 0;
  font-size: 16px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  vertical-align: initial;
  padding: 0px;
  margin-top: 0;
}
.header-v2 .flm_myAccount span {
  color: black !important;
  background-color: white;
  border-radius: 50%;
  font-size: 16px !important;
  font-weight: bold;
  height: 36px;
  width: 36px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static !important;
}
body.header-v2 #siteMenuBar .loggedinclientbox .greetingFirst {
  display: none !important;
}
.header-v2 #customerBox .crmId,
.header-v2 #siteMenuBar .loggedinclientbox .greeting {
  display: none !important;
}
body.header-v2.dir-LTR #siteMenuBar.hasclient #customerBox > a:first-child:after {
  content: none !important;
}
.nav-close {
  margin-left: auto;
}
#navMenu_Float_myAccount_item .crm-menu {
  position: absolute;
  display: none;
  right: 0;
  top: 100%;
  min-width: 264px;
  cursor: default;
  background-color: transparent;
  padding: 0;
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  transition-duration: 0.2s;
  visibility: visible;
  opacity: 1;
  margin-top: -10px;
  background-color: white;
  border-radius: 12px;
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 black 0), var(--tw-ring-shadow, 0 0 black 0), var(--tw-shadow);
}
#navMenu_Float_myAccount_item .crm-menu-item,
#navMenu_Float_myAccount_item .crm-menu-item:hover,
#navMenu_Float_myAccount_item .crm-menu-item:focus,
#navMenu_Float_myAccount_item .crm-menu-item:active {
  letter-spacing: 0.24px !important;
  color: black !important;
  padding: 0 !important;
  text-align: left;
  font-size: 14px !important;
  margin: 0 !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  --text-font-weight: 600;
  --line-clamp: 2;
  height: auto !important;
}
body.header-v2:not(.client-is-logged-in) a#navMenu_Float_myAccount_item {
  display: none !important;
}
.navbar:not(.mobile) .navbar-wrapper {
  display: none !important;
}
.navbar:not(.mobile) a.submenu-link {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.header-v2 #group_Header .crm-menu-item a:hover {
  text-decoration: none !important;
  box-sizing: border-box;
}
a.submenu-link {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
body.header-v2 #group_Header {
  align-items: center !important;
  display: flex !important;
}
#group_Header #PH_Menu {
  height: 100%;
}
.hide-crm-menu #PH_CRM_details_page #leftMenu > ul {
  display: none !important;
}
#menuContainer .navbar-nav li:hover .fa-chevron-down:before {
  content: "\f077";
}
.header-v2:not(.header-v2-custom) body.header-v2 #group_Header {
  align-items: center !important;
  display: flex !important;
  width: 80%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.header-v2:not(.header-v2-custom) body.header-v2 #group_Header:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: -100%;
}
.header-v2:not(.header-v2-custom) body.header-v2 #group_Header:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: -100%;
}
.header-v2:not(.header-v2-custom) #PH_TopBar {
  padding: 0 16px !important;
}
.header-v2:not(.header-v2-custom) #group_Header {
  height: 76px !important;
  padding: 0 16px !important;
}
.header-v2:not(.header-v2-custom) button#navMenu_Float_Join_item {
  display: none !important;
}
@media only screen and (max-width: 780px) {
  .header-v2:not(.header-v2-custom) #group_Header {
    height: 72px !important;
    padding: 0 16px !important;
  }
  .header-v2:not(.header-v2-custom) .header-v2:not(.header-v2-double) #group_Header-fixed.one,
  .header-v2:not(.header-v2-custom) .header-v2:not(.header-v2-double) #group_Header-fixed:not(.two),
  .header-v2:not(.header-v2-custom) #group_Header-fixed #group_Header #PH_Float_Menu {
    display: none !important;
  }
  .header-v2:not(.header-v2-custom) #menuContainer {
    order: 3;
  }
  .header-v2:not(.header-v2-custom) #PH_LargeLogo {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    position: absolute;
    margin: 0;
    left: calc(50% - 30px) !important;
  }
  .header-v2:not(.header-v2-custom) #group_Header #PH_Float_Menu {
    order: 4;
  }
  .header-v2:not(.header-v2-custom) button.navbar-toggler {
    order: 0 !important;
  }
}
@media only screen and (min-width: 781px) {
  .header-v2:not(.header-v2-custom) #siteMenuBar {
    padding-right: 0 !important;
    padding-left: 18px !important;
    margin: 0;
  }
  .header-v2:not(.header-v2-custom) #group_Header-fixed.one,
  .header-v2:not(.header-v2-custom) #group_Header-fixed:not(.two),
  .header-v2:not(.header-v2-custom) #group_Header-fixed {
    display: flex;
    justify-content: center !important;
    height: 52px !important;
    border-bottom: none !important;
  }
  .header-v2:not(.header-v2-custom) #group_Header #PH_LargeLogo,
  .header-v2:not(.header-v2-custom) #group_Header .fortyfive #PH_LargeLogo {
    height: 56px !important;
    margin: 0 !important;
    margin-right: 30px !important;
    position: static !important;
    display: flex;
    align-items: center;
  }
  .header-v2:not(.header-v2-custom) .navbar:not(.mobile) .navbar-nav > li:first-of-type > a {
    padding-left: 0;
  }
  .header-v2:not(.header-v2-custom) div#PH_TopBar {
    display: flex;
    align-items: center;
    height: calc(100% - 1px);
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
    padding: 0 16px !important;
  }
  .header-v2:not(.header-v2-custom) div#PH_TopBar a {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: white;
    text-decoration: none !important;
    padding: 0 !important;
    margin-right: 16px !important;
  }
  .header-v2:not(.header-v2-custom) i.fas.fa-chevron-down {
    display: flex;
    align-items: center;
  }
  .header-v2:not(.header-v2-custom) .drop-icon {
    padding-left: 5px;
    display: flex;
    align-items: center;
  }
  .header-v2:not(.header-v2-custom) div#group_Header,
  .header-v2:not(.header-v2-custom) div#PH_TopBar {
    max-width: calc(100% - 40px) !important;
  }
  .header-v2:not(.header-v2-custom) div#group_Header:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: -100%;
  }
  .header-v2:not(.header-v2-custom) div#group_Header:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    right: -100%;
  }
}
.header-v2:not(.header-v2-custom) div#group_Header {
  margin-left: auto !important;
  margin-right: auto !important;
}
.header-v2:not(.header-v2-custom) div#PH_TopBar {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
@media screen and (min-width: 1280px) {
  .header-v2:not(.header-v2-custom) div#group_Header,
  .header-v2:not(.header-v2-custom) div#PH_TopBar {
    width: 1240px !important;
    padding: 0 !important;
  }
}
@media screen and (min-width: 1500px) {
  .header-v2:not(.header-v2-custom) div#group_Header,
  .header-v2:not(.header-v2-custom) div#PH_TopBar {
    width: 80% !important;
    padding: 0 !important;
  }
}
@media screen and (min-width: 1500px) {
  .header-v2:not(.header-v2-custom) #PH_CRM_details_page .spScreen.grid .spScreenContent {
    max-width: 80vw;
  }
}
.header-v2 span.mnuBtnCaption {
  display: flex !important;
  color: white;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 8px 16px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  text-transform: capitalize !important;
}
.header-v2 #siteMenuBar .flm_login:before {
  content: none !important;
}
body.header-v2 #siteMenuBar .greetingFirst,
body.header-v2 #siteMenuBar .flm_login span {
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}
#PH_TopBar .siteMenuContainer,
#PH_TopBar #siteMenuBar {
  display: flex;
  justify-content: flex-start;
}
body #group_Header-fixed #PH_Float_Menu,
body #group_Header-fixed.primary #PH_Float_Menu,
body #group_Header-fixed.secondary #PH_Float_Menu {
  padding-left: 0 !important;
}
#siteMenuBar #my_basket:before {
  color: white;
}
#siteMenuBar #my_basket > span,
#siteMenuBar [id="my basket"] > span {
  display: none !important;
}
.sub-menu.vertical {
  flex-direction: column;
}
button.dd-button.landing-button {
  font-size: small;
  padding: 8px 10px;
  margin-right: 10px;
}
.header-v2 #navMenu_Float_myAccount_item span:not(.initials) {
  font-size: 0 !important;
}
.profile-tags .tag {
  background-color: #e31c23;
  padding: 4px 12px;
  border-radius: 100px;
  min-width: 0;
  /* font-family: 'Roobert', sans-serif !important; */
  font-size: 15px;
  width: auto;
  display: inline;
}
.profile-tags {
  display: flex;
  padding-bottom: 16px;
}
.client-details {
  display: flex;
  flex-direction: row;
  font-size: 13px;
  line-height: 20px !important;
  letter-spacing: 0.24px !important;
}
.client-image {
  margin-right: 12px;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.client-image img {
  max-width: 100%;
  object-fit: fill;
}
.client-info {
  padding-left: 0;
  color: black;
  text-align: left;
  /* line-height: 20px; */

  /* font-size: 15px !important; */

}
.email {
  color: #767575;
  font-weight: normal;
}
.profile {
  padding: 24px 16px 24px;
  transition: all 0.3s ease;
}
.points {
  padding: 16px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #dedddb;
  color: black;
  text-align: left;
  transition: all 0.3s ease;
}
.client-points {
  display: flex;
  line-height: 24px;
}
.client-points .value {
  padding-left: 4px;
  font-weight: normal;
}
.crm-menu-content {
  padding: 12px 8px;
}
#navMenu_Float_myAccount_item .crm-menu-item,
#navMenu_Float_myAccount_item .crm-menu-item:hover,
#navMenu_Float_myAccount_item .crm-menu-item:focus,
#navMenu_Float_myAccount_item .crm-menu-item:active {
  display: flex !important;
  padding: 8px 16px !important;
  margin-bottom: 4px !important;
  border-radius: 8px !important;
}
#navMenu_Float_myAccount_item .crm-menu-item:hover {
  background-color: #f5f5f4;
}
img.icon {
  padding-right: 8px;
  height: 20px;
  width: 20px;
  padding: 0;
  margin-right: 8px;
}
#navMenu_Float_myAccount_item .crm-menu-item.logout {
  padding: 12px 24px !important;
  border-top: 1px solid;
  border-color: #dedddb;
  border-radius: 0 !important;
}
@media only screen and (max-width: 780px) {
  a#navMenu_Float_myAccount_item {
    position: static;
  }
  body.no-scroll {
    overflow: hidden;
  }
  #navMenu_Float_myAccount_item .crm-menu {
    width: 100vw !important;
    left: 0;
    right: 0;
    margin: 0;
    position: absolute;
    overflow-y: auto;
    border-radius: 0;
    height: auto;
    padding-bottom: 100vh;
  }
  #navMenu_Float_myAccount_item .crm-menu-item.logout {
    padding-bottom: 10rem !important;
  }
}
.client-points {
  font-size: 13px !important;
}
.client-info .name {
  font-size: 15px;
}
.crmId,
.email {
  font-size: 13px !important;
  line-height: 16px !important;
  letter-spacing: 0.24px !important;
  margin-top: 4px !important;
}
.no-tours {
  width: 100%;
  font-weight: 800;
}
.skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 4px;
}
@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.client-image-skeleton {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-right: 12px;
}
.name-skeleton {
  height: 19px;
  width: 120px;
  margin-bottom: 4px;
  margin-top: 0;
}
.crmId-skeleton {
  height: 16px;
  width: 80px;
  margin-bottom: 4px;
  margin-top: 4px;
}
.email-skeleton {
  height: 17px;
  width: 140px;
  margin-top: 4px;
}
.points .client-points {
  margin-bottom: 0;
}
.description-skeleton {
  height: 24px;
  width: 80px;
  margin-bottom: 0;
}
.value-skeleton {
  height: 24px;
  width: 40px;
  margin-left: 4px;
  margin-bottom: 0;
}
.crm-menu-item-skeleton {
  display: flex !important;
  padding: 8px 16px !important;
  margin-bottom: 4px !important;
  border-radius: 8px !important;
  align-items: center;
}
.logout-skeleton {
  padding: 12px 24px !important;
  border-top: 1px solid;
  border-color: #dedddb;
  border-radius: 0 !important;
}
.icon-skeleton {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 2px;
}
.text-skeleton {
  height: 14px;
  width: 100px;
  flex: 1;
}
@media only screen and (max-width: 780px) {
  .header-v2-double .navbar {
    top: var(--group-header-fixed-height, 52px) !important;
  }
  .header-v2-double.fortyfive .navbar {
    top: 0 !important;
  }
}
@media only screen and (min-width: 781px) {
  .header-v2.header-v2-double.header-v2-spanning-logo:not(.header-v2-custom) div#PH_TopBar {
    border-bottom: none;
    padding-left: 125px !important;
  }
  .header-v2.header-v2-double.header-v2-spanning-logo:not(.header-v2-custom) #siteMenuBar,
  .header-v2.header-v2-double.header-v2-spanning-logo:not(.header-v2-custom) #menuContainer {
    border-top: 1px solid white;
  }
  .header-v2.header-v2-double.header-v2-spanning-logo:not(.header-v2-custom) #group_Header #PH_LargeLogo {
    margin-top: -50px !important;
    height: 85px !important;
  }
  .header-v2.header-v2-double.header-v2-spanning-logo:not(.header-v2-custom) #group_Header #PH_LargeLogo a {
    width: 85px !important;
  }
}
body.header-v2-double.template-templatetop #group_Header-fixed {
  display: none !important;
}













/*# sourceMappingURL=http://tickets.brightonandhovealbion.com/style/Css.ashx?i=10&iv=a65fa95c-d8df-43ed-bac8-b11171e01f36&p=%2bM&map */