/*-------  Products -----------*/
.productName
{
	/*
	color:#5777A9;
	font-size:1.5em;
	margin-bottom:0.3em;
*/
	font-size: 130%;
    font-weight: bold;
	display: block;
	color: #5777A9;
	text-decoration: none;
	word-break: break-word;
}
.productData
{
	padding:1em;
}
.productDescription
{
	font-size:1.2em;
	margin-bottom:0.3em;
	word-break: break-word;
}
.productImages .item_image.small,
.productImages .item_image.large
{
	display:none;
}
.productData .medium_image_container, .productData .item_image
{
	float:left;
	
}
.productData .medium_image_container .item_medium_image, .productData .item_image
{
	height: auto;
    width: auto;
    margin-right: 0.5em;
    max-height: 9em;
    max-width: 9em;
}
.showInfoSmall .item_medium_image
{
	width:15em;
}
.productInfo .buttonsContainer
{
	clear:both;
}

.largeImage IMG
{
	width: 200px;
}

.ui-dialog .item_big_image
{
	max-width:50em;
}
.productInfo.item_data_background
{
	background-color:White;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 1em 1em;
}

@media screen and (max-width:780px)
{
	.productName
	{
		padding-left: 15px;
		margin: 17px;
	}
	.productData .medium_image_container .item_medium_image, .productData .item_image
	{
		float:none;
	}
	.buttonsContainer .button.small_button_b
	{
		position:absolute;
		top:0;
		left:0;
		width:auto;
		white-space:nowrap;
	}
	.buttonsContainer .button.small_button_b A
	{
		background-color: Transparent!important;
		color: Blue;
		text-decoration: underline;
		font-size: small;
		background: none;
		box-shadow: none;
		text-shadow: none;
		padding:0.1em;
		min-width:0;
	}
	.buttonsContainer .button.small_button_b A::before
	{
		content:'<<';
	}
	#group_Header + DIV
	{
		position:relative;
	}
	.general_caption
	{
		margin-top:20px;
	}
}
/*--------- form properties ----------*/
FIELDSET
{
	border:none;
	padding:0px;
    min-width: 0;
}
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]
{
	height: 24px;
	margin: 0 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
}
FORM input[type=text].placeholder, FORM input[type=password].placeholder, 
FORM input[type=email].placeholder, FORM input[type=tel].placeholder, 
.spForm input[type=text].placeholder, .spForm input[type=password].placeholder,
.spForm input[type=email].placeholder, .spForm input[type=tel].placeholder
{
	color:#aaa;
}
FORM input[type=text], FORM input[type=password], FORM input[type=email],FORM input[type=tel],
.spForm input[type=text], .spForm input[type=password], .spForm input[type=email], .spForm input[type=tel]
{
	padding: 3px 0 3px 2px;
	text-align:left;
}
FORM .ui-spinner input[type=text]
{
    border-style:none;
  	padding: 0;
	
    margin: 0;
	margin-left: .4em;
	margin-right: 22px;
}
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 #e3e3e3;
	background-color:rgb(235, 235, 228);
	
}
FORM input.amount
{
	width: 50px;
}

FORM input[type=checkbox], .spForm input[type=checkbox]
{
	width: 1.3em;
    height: 1.3em;
    vertical-align: middle;
}
.mandatoryFieldMarker
{
	color:Red;
	font-size:1em;
	padding-right:0.1em;
}
.invalidData
{
	background-color:#FFFFA3!important;
}
.emailValidationConfirmationDlg .ui-dialog-content {
    white-space: pre-line;
}
.form_padded_row > DIV
{
	padding: 3px 0;
}
@media screen and (max-width:780px)
{
	.fieldsForm input[type=text], .fieldsForm input[type=password], .spForm input[type=text], .spForm input[type=password], 
	.fieldsForm SELECT
	{
		width:100%;
	}
	.fieldsForm TR
	{
		position:relative;
	}
	.fieldsForm TD
	{
		display:block;
	}
	.fieldsForm TR[data-type=CheckBox] .formCaptionColumn
	{
		display:none;
	}
	.fieldsForm input[type=text].hasDatepicker
	{
		width:85%;
	}
	.fieldsForm input[type=checkbox]::after
	{
		content:attr(data-label);
		white-space:nowrap;
		padding-left:20px;
		color:#494949;
	}
}
/*--------- form properties ----------*/
FIELDSET
{
	border:none;
	padding:0px;
    min-width: 0;
}
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]
{
	height: 24px;
	margin: 0 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
}
FORM input[type=text].placeholder, FORM input[type=password].placeholder, 
FORM input[type=email].placeholder, FORM input[type=tel].placeholder, 
.spForm input[type=text].placeholder, .spForm input[type=password].placeholder,
.spForm input[type=email].placeholder, .spForm input[type=tel].placeholder
{
	color:#aaa;
}
FORM input[type=text], FORM input[type=password], FORM input[type=email],FORM input[type=tel],
.spForm input[type=text], .spForm input[type=password], .spForm input[type=email], .spForm input[type=tel]
{
	padding: 3px 0 3px 2px;
	text-align:left;
}
FORM .ui-spinner input[type=text]
{
    border-style:none;
  	padding: 0;
	
    margin: 0;
	margin-left: .4em;
	margin-right: 22px;
}
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 #e3e3e3;
	background-color:rgb(235, 235, 228);
	
}
FORM input.amount
{
	width: 50px;
}

FORM input[type=checkbox], .spForm input[type=checkbox]
{
	width: 1.3em;
    height: 1.3em;
    vertical-align: middle;
}
.mandatoryFieldMarker
{
	color:Red;
	font-size:1em;
	padding-right:0.1em;
}
.invalidData
{
	background-color:#FFFFA3!important;
}
.emailValidationConfirmationDlg .ui-dialog-content {
    white-space: pre-line;
}
.form_padded_row > DIV
{
	padding: 3px 0;
}
@media screen and (max-width:780px)
{
	.fieldsForm input[type=text], .fieldsForm input[type=password], .spForm input[type=text], .spForm input[type=password], 
	.fieldsForm SELECT
	{
		width:100%;
	}
	.fieldsForm TR
	{
		position:relative;
	}
	.fieldsForm TD
	{
		display:block;
	}
	.fieldsForm TR[data-type=CheckBox] .formCaptionColumn
	{
		display:none;
	}
	.fieldsForm input[type=text].hasDatepicker
	{
		width:85%;
	}
	.fieldsForm input[type=checkbox]::after
	{
		content:attr(data-label);
		white-space:nowrap;
		padding-left:20px;
		color:#494949;
	}
}

/*------- Add Related Customer -----------*/
#relatedCustomerLookup h2, #relatedCustomerCreate h2
{
	background-color: #5777A9;
	color: #fff;
	display: block;
	height: 55px;
	margin-bottom: 3px;
	padding: 5px 20px 0 20px;
	font-family: "Myriad Pro", Myriad, 'PT Sans', tahoma, verdana, sans-serif;
	margin-left: 0px;
	font-size: 14pt;
	font-weight: bold;
	line-height: 40px;
	margin-top: 5px;
}
#relatedCustomerLookup > P, #relatedCustomerCreate > P
{
	padding: 0 0.5em;
}
#relatedCustomerLookup #lookupCustomer
{
	padding: 0 0.5em;
	border-collapse:separate;
	border-spacing:4px; 
}
#relatedCustomerLookup .row
{
	padding:4px;
}

#relatedCustomerLookup .loginButtons .button
{
    min-width:0;
}
#relatedCustomerLookup .loginButtons .button+button
{
	margin-left:5px;	
}
#relatedCustomerLookup .button.back
{
    display:none;
}
#relatedCustomerLookup:only-child .button.back
{
    display:inline-block;
}
#relatedCustomerCreate #frmCreateAccount .frmFields input.dataField
{
	width: 100%;
}
#relatedCustomerCreate #frmCreateAccount .frmFields select
{
	width: 100%;
}
@media screen and (max-width:780px) and (min-width: 1px) /* (min-width: 1px) is required to fix an IE bug */
{
	#lookupCustomer
	{
		width:100%
	}
	#relatedCustomerCreate .frmFields FIELDSET .row
	{
		padding-bottom:2px;
	}
	#relatedCustomerLookup h2, #relatedCustomerCreate h2
	{
		font-size: 12pt;
		line-height: 20px;
		margin-top: 20px;
		height: auto;
		padding-bottom: 3px;
	}
	#relatedCustomerLookup #btnBack, 
	#relatedCustomerCreate #btnBack
	{
		margin-top: 7px;
	}
	#relatedCustomerLookup .small_button_a, 
	#relatedCustomerCreate .small_button_a
	{
		width: 100%;
		margin-left: auto !important;
	    margin-right: auto !important;

	}
	#relatedCustomerLookup .frmContainer, 
	#relatedCustomerCreate .frmContainer
	{
	    width: 87%;
		margin-left: 5%;
	}
	#relatedCustomerLookup .row .label
	{
		width: 69px;
	}
	#relatedCustomerLookup .row .field
	{
		width: 71%;
	}
	#relatedCustomerLookup .row .field INPUT
	{
		width:100%;
	}
	#relatedCustomerLookup DIV.loginButtons button.small_button_a
	{
		position: absolute;
	    width: 71%;
	    margin-left: 6% !important;
	}
	#relatedCustomerLookup .row
	{
		width:100% !important;	
	}
	#relatedCustomerLookup #lookupCustomer
	{
		display:block;
	}
	#relatedCustomerLookup .row
	{
		display:inline-block;
	}
	#relatedCustomerLookup .row>*
	{
		display:inline-block;
	}
	#relatedCustomerLookup .ui-helper-clearfix, 
	#relatedCustomerCreate .ui-helper-clearfix 
	{
		width: 87%;
	    margin-left: 5%;
	}
	#relatedCustomerCreate
	{
		margin-top: 23px;
	}
	
	#relatedCustomerLookup:only-child .button.back
	{
		top: 67px;
	    background-color: Transparent;
	    color: Blue;
	    text-decoration: underline;
	    font-size: small;
	    min-width: 0;
	    position: absolute;
	    display: flex;
	    float: left;
	}
	

}
/*------- SignUp Control -----------*/
#frmCreateAccount .frmButtonsContainer
{
	text-align:right;
}
#frmCreateAccount .formFooter INPUT
{
	padding: 0.2em 0.3em;
	font-weight:inherit;
	min-width: inherit;
	margin-top:1em;
}
#frmCreateAccount > DIV
{
	border-collapse:separate;
	border-spacing:0.2em;
}

.form_padded_row .DpQuestionsContainer UL
{
	margin:0;
	padding:0;
}
.DpQuestionsContainer LI
{
	list-style-type:none;
	padding:3px 0;
}
/*------- Login Or Signup -----------*/
#loginOrSignup 
{
	padding:1em;
}
#loginOrSignup > h2
{
	background-color:inherit;
	color:inherit;
	height:inherit;
	margin:0;
	padding:0;
	margin-top: 20px;
}
#loginOrSignup > SPAN
{
	padding:1em 0;
}
#loginOrSignup .loginControl, #loginOrSignup #frmCreateAccount
{
	background-color:White;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:1em;
	border-width: 1px;
	border-color: #5777A9;
	border-style: outset;
}
.alternativeButtonsContainer
{
	display:none;
}
  /*
@media screen and (max-width:780px)
{
	#frmCreateAccount table
	{
		width:100%;
	}
}*/





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

#lblTotal:before
{
	content:" = ";
}
#lblCurrentPriceForPriceType:after
{
	content:" * ";
}

.details
{
	display:table;
	margin:1em 0;
	border-collapse:separate;
	border-spacing:0.3em;
}
.pricing, .dates
{
	display:table-row;
}
.pricing>*:first-child, .dates>*:first-child
{
	display:table-cell;
}

.membershipExistsWarning .ownerName,
.membershipExistsWarning .priceTypeName,
.membershipExistsWarning .endDate
{
	display:none;
}

#jointMembershipPriceTypeSelectedWarning
{
	padding:1em;
	margin-top:1em;
}
#jointMembershipPriceTypeSelectedWarning .ui-icon-info
{
	float:left;
	margin-right:1em;
}
#ownersInfo input.altOwnerName
{
	display:none;
}
#ownersInfo .altOwnerNameContainer
{
	display:inline-block;
	margin-left:1em;
}
#ownersInfo .membershipOwnerContainer+.membershipOwnerContainer,
#extrasInfo .membershipExtraClientContainer+.membershipExtraClientContainer,
#extrasInfo #btnAddExtra
{
	margin-top:1em;
}
#ownersInfo .membershipOwnerContainer.template
{
	display:none;
}
#extrasInfo .membershipExtraClientContainer.template
{
	display:none;
}
.ownerId option.additional:eq(0)
{
	border-top:1px black solid;
}
.ownerId option.additional
{
	font-style:italic;
}
.ownerId option.additional span:before
{
	content:'[';
}
.ownerId option.additional span:after
{
	content:'[';
}
.timer-tooltip .timerMessage
{
    padding:initial;
    border:none;
    background:none;
}
#CountDown .graphicCountdownHolder 
{
    height:auto;
    width:auto;
    border:none;
}
.qtip.timer-tooltip
{
    background-color: #FAF5A1;
    border-radius: 3px;
    /*border-top-left-radius:0;*/
    border: 1px solid #E9C47F;
}
.timer-tooltip .qtip-content
{
    padding: 0.3em 0 0 0.5em;
}

@media only screen and (max-width: 780px) 
{
	.timer-tooltip .qtip-content .timerMessage .idCountDown
	{
		font-weight: bold;
	}
	
}
.graphicCountdownHolder
{
	display:none;
}
.CountDownRemainingTimeTitle
{
	display:inline-block;
}
.timerMessage
{
	color:black;
	background-color:#FAF5A1;
	padding:3px;
	border-radius:5px;
}
.CancelTransFromTimer 
{
	background-color:Transparent;
	display: inline-block;
	padding: 0 2px;
	border-radius: 10px;
	text-decoration:underline;
}
.CancelTransFromTimer label
{
	cursor:pointer;
}

@media only screen and (max-width: 780px) 
{
	.CancelTransFromTimer 
	{
		/*display:none;*/
	}
	.pageSectionContainer .CountDownRemainingTimeTitle:nth-child(2) 
	{
		float:right;
		margin-right:5px;
		margin-top: -25px;
		/*position: absolute;*/
		height: 21px;
		float: left;
	}
}
/*
	+-----------------------------------------------------------------------------------------------------------------+
	| Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg !  |
	+-----------------------------------------------------------------------------------------------------------------+ 
*/
/*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/

/*ATTENTION: override only via config files!*/

@keyframes blinkTitle {
  from {
    color: silver;
  }
  to {
    color: #404041;
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
#instructionsPanel {
  font-size: 1.3rem;
}
#instructionsPanel #content {
  display: inline-block;
  padding-left: 1em;
  padding-bottom: 2em;
  margin-left: 1em;
  border-left: 0.1em solid #cccccc;
}
#instructionsPanel #content A {
  text-decoration: none;
  display: inline-block;
  margin: 0.2em 0;
}
@media screen and (max-width: 1000px) {
  #instructionsPanel {
    display: none;
  }
  .pageSectionContainer,
  .bottomButtonsBar {
    width: 96%;
  }
}
@media screen and (max-width: 780px) {
  #instructionsPanel #content {
    margin-left: 0px;
  }
  #PH_Payment_details .pageSectionContainer {
    width: 100%;
  }
}

/*
	+-----------------------------------------------------------------------------------------------------------------+
	| Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg !  |
	+-----------------------------------------------------------------------------------------------------------------+ 
*/
/*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/

/*ATTENTION: override only via config files!*/

@keyframes blinkTitle {
  from {
    color: silver;
  }
  to {
    color: #404041;
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
FIELDSET {
  border: none;
  padding: 0px;
  min-width: 0;
}
FIELDSET LEGEND {
  display: none;
}
FORM input[type=text],
FORM input[type=password],
FORM input[type=email],
FORM input[type=tel],
FORM input[type=number],
.spForm input[type=text],
.spForm input[type=password],
.spForm input[type=email],
.spForm input[type=tel],
.spForm input[type=number],
FORM SELECT {
  padding: 0em;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
}
FORM .ui-spinner {
  height: 26px;
}
FORM input:focus,
.spForm input:focus,
FORM select:focus,
.spForm select:focus {
  border-color: #66afe9;
  /*outline: 0;*/
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
FORM input.mandatory:focus,
FORM select.mandatory:focus {
  border-color: #cb2b19;
  /*outline: 0;*/
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 28, 36, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 28, 36, 0.6);
}
.inputimage {
  /*background-color:#cccccc;*/
  display: inline-block;
  /*width:25px;
	height:27px;*/
  vertical-align: middle;
  margin-left: -33px;
  background-position: center center;
  background-repeat: no-repeat;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.inputimage:before {
  font: normal normal normal 19px/1 FontAwesome;
  color: #757575;
  width: 27px;
  line-height: 26px;
  display: inline-block;
  text-align: center;
}
FORM input[type=text],
FORM input[type=password],
FORM input[type=email],
FORM input[type=tel],
FORM input[type=number],
.spForm input[type=text],
.spForm input[type=password],
.spForm input[type=email],
.spForm input[type=tel],
.spForm input[type=number],
FORM SELECT,
FORM .ui-spinner {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-color: #afb1be;
  border-width: thin;
  border-style: solid;
}
FORM IMG.ui-datepicker-trigger {
  background-image: url('../style/flowtheatre.css/images/Forms/datepicker.png');
  width: 0px;
  height: 0px;
  padding: 8px;
  background-size: auto;
  vertical-align: middle;
  /*background-size:contain;*/
  background-repeat: no-repeat;
  background-position: center center;
}
FORM .ui-datepicker-trigger {
  font-size: larger;
}
FORM input[type=text].invalidData,
FORM input[type=password].invalidData,
FORM input[type=email].invalidData,
FORM input[type=tel].invalidData,
FORM input[type=number].invalidData,
.spForm input[type=text].invalidData,
.spForm input[type=password].invalidData,
.spForm input[type=email].invalidData,
.spForm input[type=tel].invalidData,
.spForm input[type=number].invalidData,
FORM SELECT.invalidData,
FORM .ui-spinner.invalidData {
  border-color: #fff0ba;
}
.mandatoryFieldMarker {
  color: #cb2b19;
}
.productInfo.item_data_background {
  background-color: inherit;
}
@media only screen and (max-width: 780px) {
  .buttonsContainer {
    -webkit-box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    border-radius: 0.1px;
    /*For IOS*/
    padding-bottom: 22px;
    background-color: #b7b4b4;
    width: 100%;
    height: 59px;
    position: fixed;
    bottom: 0px;
    margin-bottom: 0px !important;
    left: 0px;
    z-index: 3;
  }
  .buttonsContainer .button.small_button_a {
    margin-right: 13px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .productData .ui-spinner.ui-widget,
  .productData + div .ui-spinner.ui-widget {
    padding-left: 33px;
    border-width: 0px;
    height: 26px;
    width: 50px;
    margin-left: -14px;
    margin-top: -3px;
    background: transparent none;
  }
  .productData .ui-spinner-button .ui-icon,
  .productData + div .ui-spinner-button .ui-icon {
    background-image: none;
  }
  .productData .ui-spinner-button,
  .productData + div .ui-spinner-button {
    height: 26px;
    width: 26px;
    background-size: cover;
    background-color: transparent;
    border-width: 0px;
  }
  .productData .count,
  .productData + div .count {
    margin-right: 47px;
    border: 1px gray solid !important;
    text-align: center;
  }
  .productData .ui-spinner-button.ui-spinner-down,
  .productData + div .ui-spinner-button.ui-spinner-down {
    left: 0px;
    background-image: url('../style/flowtheatre.css/images/counterLessIcon.png');
    background-color: #e6e6e6;
  }
  .productData .ui-spinner-button.ui-spinner-up,
  .productData + div .ui-spinner-button.ui-spinner-up {
    background-image: url('../style/flowtheatre.css/images/counterMoreIcon.png');
    background-color: #e6e6e6;
  }
  form .productData .ui-spinner input[type=text],
  .productData + div .ui-spinner input[type=text] {
    margin-right: 47px;
    border: 1px gray solid !important;
    text-align: center;
    height: 26px;
    margin-left: -7px;
    width: 31px;
    background-color: white;
  }
}
#frmCreateAccount .reg_wizard .alternativeButtonsContainer,
#frmCreateAccount .reg_wizard .row_add_user,
#frmCreateAccount .reg_wizard .frmBottom {
  display: none;
}
#frmCreateAccount .row.PersonalDetails,
#frmCreateAccount .row.PersonalDetailsSubHeading,
#frmCreateAccount .row.AccountDetails,
#frmCreateAccount .row.AccountName,
#frmCreateAccount .row.TaxExemptNumber,
#frmCreateAccount .row.VatRegistrationNumber,
#frmCreateAccount .row.Phone3,
#frmCreateAccount .row.Website {
  display: none;
}
#frmCreateAccount.registrationType-account .row:not(.hidden).PersonalDetails,
#frmCreateAccount.registrationType-account .row:not(.hidden).PersonalDetailsSubHeading,
#frmCreateAccount.registrationType-account .row:not(.hidden).AccountDetails,
#frmCreateAccount.registrationType-account .row:not(.hidden).AccountName,
#frmCreateAccount.registrationType-account .row:not(.hidden).TaxExemptNumber,
#frmCreateAccount.registrationType-account .row:not(.hidden).VatRegistrationNumber,
#frmCreateAccount.registrationType-account .row:not(.hidden).Phone3,
#frmCreateAccount.registrationType-account .row:not(.hidden).Website {
  display: block;
}
#frmCreateAccount.registrationType-account .row.Phone {
  display: none;
}
#frmCreateAccount.registrationType-customer .allowed-for-Account {
  display: none;
}
#frmCreateAccount.registrationType-account .allowed-for-Customer {
  display: none;
}
#frmCreateAccount .frmFields FIELDSET .PersonalDetails .label,
#frmCreateAccount .frmFields FIELDSET .PersonalDetailsSubHeading .label,
#frmCreateAccount .frmFields FIELDSET .AccountDetails .label {
  width: auto;
}
.loginOrRegister {
  display: table;
  min-height: 240px;
}
.loginOrRegister > DIV {
  vertical-align: top;
}
.loginOrRegister .loginOrRegisterSeparator {
  position: absolute;
  width: 200px;
  top: 2em;
  right: 3em;
  z-index: -1;
}
.loginOrRegister:not(.onlyLogin) .loginControl .row INPUT {
  z-index: 1;
}
.loginOrRegister:not(.onlyLogin) .loginControl .row .label {
  width: 100%;
}
.loginOrRegister:not(.onlyLogin) .loginControl .row .field {
  width: 100%;
}
.loginOrRegisterWizard .loginOrRegisterSeparator,
.loginOrRegister.onlyLogin .loginOrRegisterSeparator {
  display: none;
}
DIV.hiddenPart {
  display: none;
}
/* Making the external login buttons to appear */

#loginCtrlContainer.hiddenPart {
  display: block;
}
.loginOrRegister H2,
.loginOrRegister .linkToAlternative {
  display: inline-block;
}
.loginOrRegisterWizard.onlyLogin .linkToAlternative,
.loginOrRegister.onlyLogin .linkToAlternative {
  display: none;
}
.loginOrRegisterWizard H2 {
  display: none;
}
.loginOrRegisterWizard .wizardStepDescription {
  margin: 1em 0;
  display: block;
  font-size: 1.7rem;
}
.loginOrRegisterWizard .linkToAlternative {
  position: absolute;
  right: 1em;
  top: 1em;
  bottom: 3em;
  width: 30%;
  border-left: 1px solid;
  padding-top: 17%;
  text-align: center;
  font-size: 1.5rem;
}
.loginOrRegisterWizard .linkToAlternative > button {
  margin: 1em;
}
.loginOrRegisterWizard .loginControl > DIV.external {
  right: 1em;
  bottom: 3em;
  width: 30%;
  text-align: center;
  padding: 0;
  z-index: 5;
}
.loginOrRegisterWizard:not(.su_personal) .linkToAlternative,
.loginOrRegisterWizard:not(.su_personal) .external {
  display: none;
}
.loginOrRegisterWizard .createAccountFormContainer {
  position: relative;
  margin-top: 1.5em;
}
.loginOrRegisterWizard.su_personal .createAccountFormContainer {
  width: 65%;
}
.loginOrRegisterWizard #frmCreateAccount > DIV.breadcrumbs {
  position: absolute;
  right: 0;
  top: -1em;
}
.loginOrRegisterWizard #frmCreateAccount > DIV.breadcrumbs > button {
  cursor: default;
  background-color: transparent;
  font-size: 1.1rem;
}
.loginOrRegisterWizard #frmCreateAccount > DIV.breadcrumbs > button.selected {
  color: blue;
  text-decoration: underline;
}
.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav {
  display: block;
  padding: 1em 0;
  margin-top: 3em;
  text-align: right;
}
.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button {
  border: 0.1em solid;
  padding: 0.5em 1em;
  margin-bottom: 1em;
}
.loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button.back {
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 780px) {
  .loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button.skip {
    right: 0px;
    position: absolute;
  }
  .loginOrRegisterWizard #frmCreateAccount > DIV.wizardNav button.ok {
    margin-top: 44px;
  }
}
.loginOrRegister INPUT::-moz-placeholder {
  color: white;
}
.loginOrRegister INPUT::-webkit-input-placeholder {
  color: white;
}
.loginOrRegister INPUT:-ms-input-placeholder {
  color: white;
}
.loginOrRegister INPUT.invalidData::-moz-placeholder {
  color: #ffffa3;
}
.loginOrRegister INPUT.invalidData::-webkit-input-placeholder {
  color: #ffffa3;
}
.loginOrRegister INPUT.invalidData:-ms-input-placeholder {
  color: #ffffa3;
}
.loginOrRegister input.ui-autocomplete-input::-moz-placeholder {
  color: initial;
  font-size: 1.1rem;
}
.loginOrRegister input.ui-autocomplete-input::-webkit-input-placeholder {
  color: #999999;
  font-size: 1.1rem;
}
.loginOrRegister INPUT.ui-autocomplete-input:-ms-input-placeholder {
  color: #999999;
  font-size: 1.1rem;
}
#loginCtrlContainer.hiddenPart H2,
#loginCtrlContainer.hiddenPart .loginOrRegisterSeparator,
#loginCtrlContainer.hiddenPart .linkToAlternative,
#loginCtrlContainer.hiddenPart .loginControl > DIV:first-child {
  display: none;
}
#loginCtrlContainer .loginControl {
  padding-left: 0;
}
/*#loginCtrlContainer.hiddenPart .external
{
	top:60%;
	z-index:100;
}*/

.linkToAlternative {
  vertical-align: middle;
  margin-left: 1em;
}
.linkToAlternative button {
  color: white;
  text-decoration: none;
  padding: 0.3em 1em;
  background-color: #005c9f;
  display: inline-block;
  margin-left: 0.3em;
  position: relative;
  border-radius: 0.3em;
}
/* lock dir {{*/

.linkToAlternative button:before,
.linkToAlternative button::after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 8px;
  left: 3px;
  width: 50%;
  top: 6px;
  max-width: 300px;
  background: #777777;
  -webkit-box-shadow: 0 8px 3px #777777;
  -moz-box-shadow: 0 8px 3px #777777;
  box-shadow: 0 8px 3px #777777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.linkToAlternative button::after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 3px;
  left: auto;
}
/* }} */

.loginOrRegister #createAccountContainer .item_background {
  padding: 0;
}
DIV.loginOrRegisterSeparator {
  background-image: url('../style/flowtheatre.css/images/forms/service.png');
  background-repeat: no-repeat;
  background-position: left 3em;
  padding-left: 7em;
  padding-top: 3em;
  padding-right: 1em;
  font-size: 1.2rem;
}
DIV.loginOrRegisterSeparator > DIV {
  background-color: #efefef;
  padding: 0.5em;
  border-radius: 0.5em;
  position: relative;
}
DIV.loginOrRegisterSeparator > DIV::before {
  content: ' ';
  display: block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #efefef;
  /* width: 0; */
  position: absolute;
  left: -9px;
  top: 20px;
}
body.dir-RTL DIV.loginOrRegisterSeparator {
  background-position: 98% center;
}
/*----------- Login form -----------------------------*/

.loginControl .row .label {
  display: block;
}
.loginOrRegisterWizard.onlyLogin .loginControl > DIV.external,
.loginOrRegister.onlyLogin .loginControl > DIV.external {
  position: static;
}
.loginOrRegisterWizard.onlyLogin .loginControl > DIV.external {
  width: auto;
}
/*----------- Signup form -----------------------------*/

#frmCreateAccount > DIV {
  position: relative;
}
.loginOrRegister #frmCreateAccount > DIV {
  display: inline-block;
}
.loginOrRegisterWizard .contactMe {
  font-size: 1.7rem;
}
#frmCreateAccount DIV.label {
  margin-top: 0.5em;
}
#frmCreateAccount .row:not(.hidden) ~ .row {
  padding-top: 1em;
}
#frmCreateAccount DIV.label,
#frmCreateAccount DIV.field {
  position: relative;
  display: block;
  /*float:left;
	clear:left;*/

}
.loginOrRegisterWizard #frmCreateAccount div.label {
  visibility: hidden;
}
.loginOrRegisterWizard #frmCreateAccount div.label.Preferences {
  visibility: visible;
}
#frmCreateAccount input[type=text],
#frmCreateAccount input[type=email],
#frmCreateAccount input[type=tel],
#frmCreateAccount input[type=password],
#frmCreateAccount SELECT {
  width: 300px;
}
#frmCreateAccount SELECT.splitdate {
  width: 93px;
}
#frmCreateAccount .fieldHint {
  font-size: smaller;
  display: inline-block;
  color: #757575;
  position: absolute;
  top: -1.2em;
  right: 0.5em;
}
.loginOrRegisterWizard #frmCreateAccount .fieldHint {
  top: auto;
  bottom: -1.2em;
  right: auto;
  left: 0.5em;
}
#frmCreateAccount DIV.LastName {
  clear: none;
}
#frmCreateAccount .field.FirstName .inputimage,
#frmCreateAccount .field.LastName .inputimage {
  display: none;
}
#frmCreateAccount .field.FirstName INPUT::-moz-placeholder,
#frmCreateAccount .field.LastName INPUT::-moz-placeholder {
  color: inherit;
}
#frmCreateAccount .field.FirstName INPUT::-webkit-input-placeholder,
#frmCreateAccount .field.LastName INPUT::-webkit-input-placeholder {
  color: inherit;
}
#frmCreateAccount .field.FirstName INPUT:-ms-input-placeholder,
#frmCreateAccount .field.LastName INPUT:-ms-input-placeholder {
  color: inherit;
}
#frmCreateAccount .field.FirstName INPUT,
#frmCreateAccount .field.LastName INPUT {
  width: 143px;
}
#frmCreateAccount DIV.label.FirstName,
#frmCreateAccount DIV.label.LastName,
#frmCreateAccount DIV.field.FullName {
  display: none;
}
#frmCreateAccount .row:not(.hidden) ~ .row.FirstName,
#frmCreateAccount .row:not(.hidden) ~ .row.LastName {
  padding-top: 0;
  display: inline-block;
}
#frmCreateAccount .field.Email .inputimage:before {
  content: "@";
}
.loginOrRegisterWizard input.mandatory {
  border-color: #cb2b19;
}
#frmCreateAccount .field.Phone .inputimage:before {
  content: "\f095";
}
.loginOrRegister #frmCreateAccount .row.Preferences {
  max-width: 25em;
  border-top: 1px solid #cccccc;
  margin-top: 1em;
  padding-top: 0.4em;
}
.loginOrRegisterWizard .row.Preferences {
  width: 48%;
}
.loginOrRegisterWizard .row.Preferences,
.loginOrRegisterWizard .form_padded_row.dataProtectionRow {
  display: inline-block;
  padding-top: 1em;
  vertical-align: top;
}
.loginOrRegisterWizard .row.Preferences:not(.hidden) ~ .form_padded_row.dataProtectionRow {
  border-left: 0.1em solid;
  padding-left: 1%;
  width: 48%;
}
.loginOrRegisterWizard .DpQuestionsContainer {
  padding-top: 0;
}
.loginOrRegisterWizard .DpQuestionsContainer > .dpTitle {
  margin-top: 0.5em;
  display: inline-block;
}
.loginOrRegisterWizard .DpQuestionsContainer > ul {
  margin-top: 1em;
  max-height: 12em;
  overflow-y: auto;
}
#frmCreateAccount .field.Preferences ul {
  padding-left: 0.5em;
  margin-left: 0;
  max-height: 12em;
  overflow-y: auto;
}
#frmCreateAccount .field.Preferences ul li {
  list-style: none;
  display: inline-block;
  margin-right: 0.7em;
}
.loginOrRegisterWizard #qasContainer {
  display: inline-block;
}
@media only screen and (max-width: 780px) {
  .loginOrRegisterWizard #qasContainer {
    display: block;
    padding: 5px;
  }
}
.loginOrRegisterWizard #qasContainer button {
  border: 1px solid;
}
#frmCreateAccount .alternativeButtonsContainer {
  display: inherit;
}
#frmCreateAccount .alternativeButtonsContainer .statement {
  font-size: smaller;
  max-width: 250px;
  padding-bottom: 1em;
}
#frmCreateAccount .alternativeButtonsContainer .statement A {
  color: #005c9f;
  text-decoration: underline;
}
#frmCreateAccount .alternativeButtonsContainer .statement A:hover {
  color: #ed263a;
}
#frmCreateAccount .alternativeButtonsContainer {
  padding-top: 2em;
}
#frmCreateAccount #btnSubmitAlter {
  border: 0;
  border-bottom: medium solid #be1f32;
  background: #cb2b19;
  color: white;
  font-size: medium;
  padding: 0.6em 0.5em;
  min-width: 140px;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
  width: 100%;
}
#frmCreateAccount #btnSubmitAlter:focus,
.loginControl #btnLogin:focus {
  /*outline-offset: 5px; not supported in IE*/
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px white inset;
}
#frmCreateAccount .frmButtonsContainer {
  display: none;
}
.loginOrRegister #frmCreateAccount .DpQuestionsContainer {
  padding-top: 3.5em;
  padding-left: 1em;
}
.loginOrRegister #frmCreateAccount .DpQuestionsContainer UL {
  padding-left: 1em;
}
@media screen and (max-width: 780px) and (min-width: 1px/* (min-width: 1px) is required to fix an IE bug */) {
  .loginOrRegister.onlyLogin .loginControl FORM {
    top: 17px;
  }
  .loginOrRegister.onlyLogin .loginControl FIELDSET {
    width: 100%;
  }
  .loginOrRegisterDlg {
    margin-top: 0px;
  }
  .loginOrRegister,
  .loginOrRegisterWizard {
    width: 100%;
    margin-bottom: 30px;
  }
  .loginOrRegisterWizard .loginControl {
    margin-top: 6em;
  }
  #frmCreateAccount .alternativeButtonsContainer + .form_padded_row {
    margin-top: 74px;
    padding-top: 0px;
  }
  #frmCreateAccount label {
    width: auto;
  }
  #frmCreateAccount .DpQuestionsContainer {
    padding-top: 0px;
    padding-left: 1em;
  }
  .loginOrRegister .loginOrRegisterSeparator {
    position: static;
    width: auto;
    padding-right: 1.5em;
    padding-top: 17px;
    background-position: left top;
  }
  body .loginOrRegisterDlg {
    /*width: 97% !important;
  		left: 3px !important;
  		top: 4px !important;
  		border: 1px solid black;
  		height: 96% !important;*/
    width: 97% !important;
    left: 3px !important;
    /*top: 72px !important;*/
    border: 1px solid black;
    /*height: 80% !important;*/
    overflow-y: auto;
    overflow-x: hidden;
    /*height: 100% !important; delete it to fix bug in ios 11: https://hackernoon.com/how-to-fix-the-ios-11-input-element-in-fixed-modals-bug-aaf66c7ba3f8 */
    /*top: 0px !important; delete it to fix bug in ios 11: https://hackernoon.com/how-to-fix-the-ios-11-input-element-in-fixed-modals-bug-aaf66c7ba3f8 */
    position: absolute !important;
    /*change it to fix bug in ios 11: https://hackernoon.com/how-to-fix-the-ios-11-input-element-in-fixed-modals-bug-aaf66c7ba3f8 */
  
  }
  body .loginOrRegister H2 {
    float: left;
  }
  .linkToAlternative {
    float: right;
    font-size: 15px;
    text-align: center;
  }
  .loginOrRegisterWizard .linkToAlternative {
    border-left: none;
    width: auto;
    padding-top: 0;
    bottom: auto;
  }
  .loginOrRegisterWizard .linkToAlternative > button {
    margin-top: 0.2em;
  }
  .loginOrRegisterWizard:not(.su_personal) .linkToAlternative {
    display: block;
  }
  .linkToAlternative button {
    display: block;
  }
  .linkToAlternative + DIV {
    clear: both;
  }
  .loginControl .row SPAN,
  .loginControl .row INPUT {
    float: left;
    display: inline-block;
  }
  body.dir-RTL .loginControl .inputimage {
    margin-right: -35px;
  }
  #loginCtrlContainer .loginControl > DIV.external {
    display: inline-table;
    right: 0px;
    position: absolute;
    top: 42px;
    float: right;
    font-size: 15px;
    text-align: center;
    bottom: auto;
  }
  .loginOrRegisterWizard #loginCtrlContainer .loginControl > DIV.external {
    top: 4em;
  }
  #loginCtrlContainer .loginControl > DIV.external .externalTitle {
    display: none;
  }
  .loginOrRegisterWizard.su_personal .createAccountFormContainer {
    width: auto;
  }
  .loginOrRegisterWizard #frmCreateAccount > DIV.breadcrumbs {
    top: -0.5em;
  }
  #frmCreateAccount FIELDSET .row.LastName,
  #frmCreateAccount FIELDSET .row.FirstName {
    width: 49%;
  }
  #frmCreateAccount input[type=text],
  #frmCreateAccount input[type=email],
  #frmCreateAccount input[type=tel],
  #frmCreateAccount input[type=password] {
    width: 94%;
    width: calc(100% - 1.2em);
  }
  #frmCreateAccount SELECT {
    width: 94%;
    width: calc(100% - 1.5em);
  }
  #frmCreateAccount INPUT[type=checkbox] {
    width: auto;
    height: 13px;
    float: left;
    margin-top: 1px;
  }
  #frmCreateAccount .DpQuestionsContainer LI {
    padding-top: 6px;
  }
  #frmCreateAccount .fieldHint {
    right: 1.5em;
  }
  #frmCreateAccount .field.FirstName INPUT,
  #frmCreateAccount .field.LastName INPUT {
    width: 88%;
    width: calc(100% - 1.2em);
  }
  #frmCreateAccount #btnSubmitAlter {
    width: calc(100% - 0.8em);
  }
  /*DIV.loginOrRegisterSeparator
  	{
  		display:none;
  	}
  	
  	#frmCreateAccount .fieldHint
  	{
  		max-width: 100%;
  	}
  	#loginCtrlContainer
  	{
  		border-right:0px solid #cccccc;
  	}
  	#createAccountContainer
  	{
  		border-left:0px solid #cccccc;
  	}*/
  
  DIV.loginOrRegisterSeparator > DIV {
    display: inline-block;
  }
}
#relatedCustomerLookup h2,
#relatedCustomerCreate h2 {
  background-color: inherit;
  color: inherit;
  padding: inherit;
}
#btnBack,
#btnClear {
  display: none;
}
#relatedCustomerLookup .loginButtons .button {
  margin-left: auto;
}
/*#relatedCustomerCreate #frmCreateAccount .field select,
#relatedCustomerCreate #frmCreateAccount .field input.dataField
{
	width:auto;
}*/

#frmCreateAccount .row > DIV {
  padding: 4px;
}
#frmCreateAccount .frmFields .field {
  white-space: nowrap;
}
@media screen and (max-width: 780px) {
  #relatedCustomerCreate #frmCreateAccount table tr td:first-child,
  #relatedCustomerCreate #frmCreateAccount .label,
  #frmCreateAccount table tr td:first-child {
    width: 100%;
    margin-bottom: -4px;
  }
  #relatedCustomerLookup .ui-helper-clearfix,
  #relatedCustomerCreate .ui-helper-clearfix {
    width: 94%;
  }
  #relatedCustomerLookup .row {
    width: 94% !important;
  }
  #frmCreateAccount .label:first-child {
    width: 100%;
  }
}
.relatedCustomerDialog #formsContainer,
.relatedCustomerDialog #hintContainer {
  float: left;
  width: 50%;
  min-width: 300px;
  max-width: 400px;
}
.relatedCustomerDialog #formsContainer {
  clear: left;
}
.relatedCustomerDialog #relatedCustomerCreate > hr {
  display: none;
}
.relatedCustomerDialog.relation-none #relatedCustomerCreate,
.relatedCustomerDialog.relation-family #relatedCustomerLookup,
.relatedCustomerDialog.relation-friend #relatedCustomerLookup,
.relatedCustomerDialog.relation-none .hint-relation-family,
.relatedCustomerDialog.relation-none .hint-relation-friend,
.relatedCustomerDialog.relation-friend .hint-relation-family,
.relatedCustomerDialog.relation-friend .hint-relation-none,
.relatedCustomerDialog.relation-family .hint-relation-friend,
.relatedCustomerDialog.relation-family .hint-relation-none {
  display: none;
}
.relatedCustomerDialog h1 {
  display: none;
}
.relatedCustomerDialog.relation-none h1.heading-relation-none,
.relatedCustomerDialog.relation-friend h1.heading-relation-friend,
.relatedCustomerDialog.relation-family h1.heading-relation-family {
  display: inline-block;
  width: 50%;
  min-width: 13em;
}
.relatedCustomerDialog.relation-none #mode-select-button {
  display: none;
}
#mode-select-button ~ .button-lookup {
  margin-top: -0.8em;
  /* display: inline-block; */

}
.relatedCustomerDialog.relation-friend .button-addNew,
.relatedCustomerDialog.relation-family .button-addNew,
.relatedCustomerDialog.relation-none .button-lookup {
  display: none;
}
.relatedCustomerDialog .button-lookup,
.relatedCustomerDialog .button-addNew {
  color: white;
  background-color: #2b388f;
  padding: 2px 0.5em;
  border-radius: 3px;
  position: relative;
  min-width: 6em;
  display: inline-block;
  text-align: center;
  font-size: 0.85em;
  cursor: pointer;
  margin-left: 2em;
}
.relatedCustomerDialog .button-lookup:after,
.relatedCustomerDialog .button-addNew:after {
  content: " ";
  background: url('../style/flowtheatre.css/images/shadow-r.png') no-repeat right, url('../style/flowtheatre.css/images/shadow-l.png') no-repeat left;
  background-size: 30px 100%;
  position: absolute;
  bottom: -6px;
  height: 6px;
  width: 100%;
  right: 0;
}
.relatedCustomerDialog .button-lookup:before,
.relatedCustomerDialog .button-addNew:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.3em;
}
.relatedCustomerDialog .button-lookup:before {
  content: "\f002";
}
.relatedCustomerDialog .button-addNew:before {
  content: "\f067";
}
.relatedCustomerDialog.relation-none .mode-switch {
  display: none;
}
.relatedCustomerDialog .mode-switch {
  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;
  cursor: pointer;
}
.relatedCustomerDialog .mode-switch:before {
  content: "\f0d7";
}
.relatedCustomerDialog #hintContainer {
  padding-left: 50px;
  box-sizing: border-box;
  background-image: url('../style/flowtheatre.css/images/forms/service.png');
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 7em;
  /* padding-top: 3em; */
  /* padding-right: 1em; */
  min-height: 73px;
}
.relatedCustomerDialog #hintContainer > P {
  background-color: #efefef;
  /* box-sizing:border-box; */
  padding: 0.5em;
  /* overflow: hidden; */
  border-radius: 0.5em;
  position: relative;
}
.relatedCustomerDialog #hintContainer > P:before {
  content: ' ';
  display: block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #efefef;
  /* width: 0; */
  position: absolute;
  left: -9px;
  top: 20px;
}
.relatedCustomerDialog #relatedCustomerLookup h2,
.relatedCustomerDialog #relatedCustomerCreate h2,
.relatedCustomerDialog #relatedCustomerLookup h2 + p,
.relatedCustomerDialog #relatedCustomerCreate h2 + p {
  display: none;
}
#relatedCustomerCreate #frmCreateAccount .frmButtonsContainer {
  display: block;
  display: initial;
}
/*#relatedCustomerCreate #frmCreateAccount .field select, 
#relatedCustomerCreate #frmCreateAccount .field input.dataField
{
	width:300px;
}*/

#relatedCustomerCreate #frmCreateAccount .row.FirstName,
#relatedCustomerCreate #frmCreateAccount .row.LastName {
  width: 50%;
  float: left;
}
#relatedCustomerLookup .loginButtons .button {
  margin-top: 22px;
}
#lookupCustomer .row label,
#lookupCustomer .row label + * {
  float: left;
  clear: left;
}
#lookupCustomer .row:first-child .field > *,
#lookupCustomer .loginButtons {
  width: 242px;
}
#lookupCustomer .row:nth-child(3),
#lookupCustomer .row:nth-child(5) {
  float: left;
  width: 95px;
}
#relatedCustomerLookup .row .label,
#relatedCustomerLookup .row .field {
  display: inline-block;
  width: 100%;
}
#lookupCustomer .row:nth-child(1) + div {
  margin: 0.5em 0;
}
#lookupCustomer .row:nth-child(3) + div {
  float: left;
  margin: 1em 0.3em;
  /* margin-top: calc(1em + 4px); */
  line-height: 28px;
  padding: 0.5em;
  background-color: #efefef;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
}
#lookupCustomer .loginButtons {
  display: block;
}
#lookupCustomer .loginButtons button {
  width: 100%;
}
#relatedCustomerCreate #frmCreateAccount .formFooter #btnSubmit {
  padding: 0.6em 0.5em;
}
#relatedCustomerCreate #frmCreateAccount tfoot tr:last-child td:first-child {
  display: none;
}
.addRelated-button-tooltip {
  border-radius: 3px 3px 3px 0;
}
#mode-select-button {
  border: none;
  background: none;
}
#mode-select-button,
.relatedCustomerDialog h1,
#mode-select {
  font-size: 2em;
  font-weight: bold;
  float: left;
}
@media screen and (max-width: 780px) {
  #mode-select-button {
    width: 83% !important;
    background-color: #fbfbfb;
  }
  .ui-selectmenu-button span.ui-selectmenu-text {
    padding-right: 1.1em;
    font-size: 18px;
  }
  #relatedCustomerCreate #frmCreateAccount .field {
    width: 100%;
  }
  #relatedCustomerCreate #frmCreateAccount .field input.dataField {
    width: 95%;
  }
  #relatedCustomerCreate #frmCreateAccount .field.FirstName,
  #relatedCustomerCreate #frmCreateAccount .field.LastName {
    width: auto;
  }
  #relatedCustomerCreate #frmCreateAccount .field.FirstName INPUT,
  #relatedCustomerCreate #frmCreateAccount .field.LastName INPUT {
    width: 95%;
  }
  .ui-dialog.relatedCustomerDialog {
    width: 100% !important;
    left: 0px !important;
    border: 1px solid black;
    overflow-y: auto;
    overflow-x: hidden;
    /*height: 100% !important; delete it to fix bug in ios 11: https://hackernoon.com/how-to-fix-the-ios-11-input-element-in-fixed-modals-bug-aaf66c7ba3f8 */
    /*top: 0px !important; delete it to fix bug in ios 11: https://hackernoon.com/how-to-fix-the-ios-11-input-element-in-fixed-modals-bug-aaf66c7ba3f8 */
    position: absolute !important;
    /*change it to fix bug in ios 11: https://hackernoon.com/how-to-fix-the-ios-11-input-element-in-fixed-modals-bug-aaf66c7ba3f8 */
  
  }
  .relatedCustomerDialog .ui-dialog-content.ui-widget-content {
    height: 90% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .relatedCustomerDialog #formsContainer {
    width: 96%;
    margin-top: 106px;
  }
  #relatedCustomerCreate #frmCreateAccount .frmButtonsContainer {
    width: 95%;
  }
  .relatedCustomerDialog #hintContainer {
    position: absolute;
    padding-right: 1.5em;
    padding-top: 0;
    background-position: left top;
    top: 5em;
  }
  body.dir-RTL .relatedCustomerDialog #hintContainer {
    background-position: right top;
  }
  .relatedCustomerDialog.relation-none h1.heading-relation-none,
  .relatedCustomerDialog.relation-friend h1.heading-relation-friend,
  .relatedCustomerDialog.relation-family h1.heading-relation-family {
    margin-top: -8px;
    width: 100% !important;
  }
  .relatedCustomerDialog #hintContainer > P {
    padding: 1.5em;
    font-size: 1rem;
  }
  #lookupCustomer .row label {
    width: 100%;
  }
  #lookupCustomer .row:first-child label + *,
  #lookupCustomer .row label + * {
    width: 100%;
  }
  #lookupCustomer .row:nth-child(3),
  #lookupCustomer .row:nth-child(5) {
    width: 38% !important;
  }
}
.randomColor__ {
  background-color: #f25b52;
}
.randomColor_a {
  background-color: #bc6393;
}
.randomColor_b {
  background-color: #6974b2;
}
.randomColor_c {
  background-color: #55b47c;
}
.randomColor_d {
  background-color: #579fd1;
}
.randomColor_e {
  background-color: #956bb3;
}
.randomColor_f {
  background-color: #fcba64;
}
.randomColor_g {
  background-color: #c3b59b;
}
.randomColor_h {
  background-color: #63bab4;
}
.randomColor_i {
  background-color: #a8d26e;
}
/*
.randomColor_j { background-color:#303060 }
.randomColor_k { background-color:#603060 }
.randomColor_l { background-color:#903060; }
.randomColor_m { background-color:#306060; }
.randomColor_n { background-color:#606060; }
.randomColor_o { background-color:#906060; }
.randomColor_p { background-color:#309060; }
.randomColor_q { background-color:#609060; }
.randomColor_r { background-color:#909060; }
.randomColor_s { background-color:#303090; }
.randomColor_t { background-color:#603090; }
.randomColor_u { background-color:#903090; }
.randomColor_v { background-color:#306090; }
.randomColor_w { background-color:#606090; }
.randomColor_x { background-color:#906090; }
.randomColor_y { background-color:#309090; }
.randomColor_z { background-color:#609090; }
.randomColor_  { background-color:#909090; }
*/

.ownerMenu .owner {
  cursor: pointer;
  line-height: 1em;
}
.ownerMenu .owner.menuhover {
  background-color: #cccccc;
}
.ownerMenu .owner .initials {
  padding: 0.4em;
  color: white;
  border-radius: 50%;
  margin-right: 0.5em;
  width: 2.6em;
  height: 2.6em;
  box-sizing: border-box;
  display: inline-block;
  /* vertical-align: middle; */
  /* max-width: 1.5em; */
  /* overflow: hidden; */
  line-height: 1.8em;
  position: relative;
  text-align: center;
  font-size: 0.9em;
}
.ownerMenu .owner .name {
  vertical-align: middle;
}
.ownerMenu .owner .name {
  display: inline-block;
  max-width: 130px;
  max-width: calc(100% - 2.6em - 0.5em);
}
.ownerMenu .owner .name:after {
  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;
  content: "\f040";
  padding-left: 0.3em;
}
.ownerscontent:focus {
  outline: none;
}
.bundleItem .ownerMenu .owner,
.bundleItem .ownerMenu .owner .name {
  max-width: none;
}
.qtip.ownerSelectionMenuTooltip {
  font-size: 1em;
}
.qtip.ownerSelectionMenuTooltip .owner {
  cursor: pointer;
  line-height: 1em;
  margin: 1em 0.5em;
  padding: 0.4em;
}
.qtip.ownerSelectionMenuTooltip .owner.menuhover {
  background-color: #cccccc;
}
.qtip.ownerSelectionMenuTooltip .owner .initials {
  padding: 0.4em;
  color: white;
  border-radius: 50%;
  margin-right: 0.5em;
  width: 2.6em;
  height: 2.6em;
  box-sizing: border-box;
  display: inline-block;
  /* vertical-align: middle; */
  /* max-width: 1.5em; */
  /* overflow: hidden; */
  line-height: 1.8em;
  position: relative;
  text-align: center;
  font-size: 0.9em;
}
.qtip.ownerSelectionMenuTooltip .owner .name {
  vertical-align: middle;
}
.qtip.ownerSelectionMenuTooltip .owner.selected {
  cursor: inherit;
}
.qtip.ownerSelectionMenuTooltip .owner.selected .name {
  font-weight: bold;
}
.qtip.ownerSelectionMenuTooltip .owner.selected .checkMark {
  position: absolute;
  top: -3px;
  right: -5px;
  color: green;
  background-color: white;
  border-radius: 50%;
  padding-left: 1px;
  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;
  transform: translate(0, 0);
}
.qtip.ownerSelectionMenuTooltip .owner.selected .checkMark:before {
  content: "\f058";
}
.qtip.ownerSelectionMenuTooltip .owner .checkMark {
  display: none;
}
.qtip.ownerSelectionMenuTooltip .qtip-content {
  padding: 0 1.5em 2em 1.5em;
  max-height: calc(100vh - 10em);
  overflow-y: auto;
}
.qtip.ownerSelectionMenuTooltip .relatedOwners .footer,
.qtip.ownerSelectionMenuTooltip .otherOwners .footer {
  font-size: 0.75em;
  text-align: right;
  text-transform: lowercase;
}
.qtip.ownerSelectionMenuTooltip .relatedOwners .footer a:before,
.qtip.ownerSelectionMenuTooltip .otherOwners .footer a:before,
.qtip.ownerSelectionMenuTooltip .relatedOwners .footer .btnLink:before,
.qtip.ownerSelectionMenuTooltip .otherOwners .footer .btnLink:before {
  content: '+ ';
}
.qtip.ownerSelectionMenuTooltip .heading {
  margin-top: 1em;
  margin-bottom: 1em;
}
.qtip.ownerSelectionMenuTooltip .btnLink {
  font-size: 1.1rem;
}
.qtip.ownerSelectionMenuTooltip .button-find {
  color: white;
  background-color: #2b388f;
  padding: 2px 0.5em;
  border-radius: 3px;
  position: relative;
  min-width: 3em;
  display: inline-block;
  text-align: center;
  font-size: 0.85em;
  cursor: pointer;
}
.qtip.ownerSelectionMenuTooltip .button-find:after {
  content: " ";
  background: url('../style/flowtheatre.css/images/shadow-r.png') no-repeat right, url('../style/flowtheatre.css/images/shadow-l.png') no-repeat left;
  background-size: 30px 100%;
  position: absolute;
  bottom: -6px;
  height: 6px;
  width: 100%;
  right: 0;
}
.qtip.ownerSelectionMenuTooltip .button-find:before {
  content: "\f002";
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.3em;
}
.qtip.ownerSelectionMenuTooltip.for-account .footer {
  display: none;
}
.qtip.ownerSelectionMenuTooltip.for-account .otherOwners:last-child {
  display: none;
}
@media only screen and (max-width: 780px) {
  .qtip.ownerSelectionMenuTooltip {
    top: 0px !important;
    position: fixed !important;
    height: 100% !important;
    width: 100% !important;
    left: 0px !important;
    max-width: 100% !important;
    overflow-y: auto;
  }
  .qtip.ownerSelectionMenuTooltip .heading {
    margin-bottom: -3px;
    margin-top: 0px;
    font-weight: bold;
  }
  .qtip.ownerSelectionMenuTooltip .qtip-titlebar {
    height: 43px;
    line-height: 43px;
  }
  .qtip.ownerSelectionMenuTooltip .qtip-titlebar:after {
    content: 'X';
    position: absolute;
    top: 4px;
    width: 20px;
    height: 20px;
    float: left;
    font-size: 19px;
    right: 13px;
  }
  .qtip.ownerSelectionMenuTooltip .qtip-tip {
    display: none !important;
  }
  .qtip.ownerSelectionMenuTooltip .relatedOwners,
  .qtip.ownerSelectionMenuTooltip .otherOwners {
    padding: 5px;
    margin-top: 4px;
    margin-bottom: 39px;
  }
  .qtip.ownerSelectionMenuTooltip .owner {
    width: 96%;
    max-width: 96%;
    background-color: #fbfbfb;
  }
  .qtip.ownerSelectionMenuTooltip .button-find {
    margin-top: 10px;
  }
  .qtip.ownerSelectionMenuTooltip .btnLink {
    background-color: white;
  }
}
.ownerMenu .owner span {
  text-decoration: underline;
}
@media only screen and (max-width: 780px) {
  .ownerMenu .owner {
    max-width: 100%;
    width: 100%;
  }
  .basketProperty.ClientId {
    width: 100%;
  }
}
.screen-content {
  border: 1px #cccccc solid;
  border-width: 0 1px 1px 1px;
  background: url('../style/flowtheatre.css/images/lower-tab.png') repeat-x;
  float: left;
  width: 80%;
  box-sizing: border-box;
  padding: 0 1em;
}
#PH_Explanation {
  float: left;
  width: calc(20% - 1em);
  min-height: 10em;
}
.screen-content,
#PH_Explanation {
  margin-top: 28px;
}
.screen-content > h2 {
  margin: 0;
  background-color: white;
  color: inherit;
  position: relative;
  top: -28px;
  display: inline-block;
  line-height: 1em;
  height: 1em;
  padding: 0.3em;
  background-image: url('../style/flowtheatre.css/images/tab-left-curve.png'), url('../style/flowtheatre.css/images/tab-right-curve.png'), url('../style/flowtheatre.css/images/center-higher-tab.png');
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, 100% 0;
  background-size: auto, auto, 100% 54px;
  border-left: 36px solid transparent;
  border-right: 36px solid transparent;
  background-origin: border-box, border-box, padding-box;
}
.productInfo {
  border: 1px #cccccc solid;
  border-width: 1px 0 0 0;
}
.productInfo.item_data_background {
  border-radius: 0;
  -moz-border-radius: 0;
  margin: 0;
}
.productData div.item_image {
  background: url('../style/flowtheatre.css/images/membershipMed.svg') no-repeat;
  width: 133px;
  height: 108px;
  box-sizing: border-box;
}
.productData div.item_image img {
  border-radius: 50%;
  box-sizing: border-box;
  height: auto;
  width: auto;
  max-width: 81px;
  max-height: 80px;
  margin-left: 11px;
  margin-top: 7px;
}
body.dir-RTL .productData div.item_image img {
  margin-left: 32px;
}
.productName {
  color: inherit;
}
.button.back {
  display: none;
}
.pricing,
.dates {
  display: block;
  margin-bottom: 1em;
}
.pricing > *:first-child,
.dates > *:first-child {
  display: inline-block;
}
.details .pricing > span:first-child,
#lblCurrentPriceForPriceType {
  display: none;
}
#lblTotal:before {
  content: initial;
}
#lblTotal {
  color: #cb2b19;
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 1em;
}
.membershipExistsWarning {
  border: 1px solid #cccccc;
  padding: 1em 1em;
  width: 50%;
  margin: 0 auto 1em auto;
  text-align: center;
}
.membershipExistsWarning .heading + div {
  font-size: 1.3em;
  font-weight: bold;
  margin: 1em;
}
#chkWaiveBenefits,
label[for=chkWaiveBenefits] {
  display: none;
}
.hasRenewOption .pricing,
.hasRenewOption .details .dates,
.hasRenewOption #ownershipInfo {
  display: none;
}
form:not(.hasRenewOption) .membershipExistsWarning {
  display: none;
}
.membershipExistsWarning .purchaseOption {
  display: inline-block;
  margin: 1em;
}
.membershipExistsWarning .purchaseOption input,
.membershipExistsWarning .purchaseOption label {
  display: none;
}
.membershipExistsWarning button,
.membershipExistsWarning button:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  font-size: 1em;
  font-weight: normal;
  text-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.membershipExistsWarning .purchaseOption button {
  background-color: #cb2b19;
  text-transform: capitalize;
  border-bottom: solid #be1f32 0px;
}
.membershipExistsWarning .purchaseOption + .purchaseOption button {
  background-color: #1b75bb;
}
.hasRenewOption + .buttonsContainer {
  display: none;
}
.buttonsContainer {
  border: 1px #cccccc solid;
  border-width: 1px 0 0 0;
}
.details .ownerName,
.details .priceTypeName,
.details .endDate {
  display: none;
  font-weight: 600;
  line-height: 1.5em;
}
.details .endDate .caption:after {
  content: ":";
}
.hasRenewOption .details .ownerName,
.hasRenewOption .details .priceTypeName {
  display: inline;
}
.hasRenewOption .details .endDate {
  display: block;
}
.details .ownerName:after {
  content: " | ";
}
.details .ownerName .caption,
.details .priceTypeName .caption {
  display: none;
}
.productInfo .buttonsContainer {
  margin-top: 1em;
}
.owner-selector {
  display: inline-block;
}
.relatedCustomerDialog FORM input {
  margin: auto;
}
.owner .name {
  max-width: inherit;
}
#dvPriceTypesRadioButtons {
  display: inline-block;
  /*height: 120px;
    border: solid 1px black;
    border-right-width: 2px;
    overflow-y:auto;*/
  overflow-x: hidden;
  margin-right: 20px;
  padding: 10px;
}
@media only screen and (max-width: 780px) {
  #dvPriceTypesRadioButtons {
    margin-left: auto;
    margin-right: auto;
    display: block;
    /*height: 120px;
          border: solid 1px black;
          overflow-y:auto;*/
    width: 90%;
    line-height: 30px;
    overflow-x: hidden;
  }
  .screen-content {
    width: 100%;
    background-image: none;
    background-color: #e6e6e6;
    color: black;
    border: 0;
  }
  .screen-content > h2 {
    display: none;
  }
  .productInfo {
    border: 0;
  }
  .productInfo.item_data_background {
    background-color: Transparent;
  }
  .productData div.item_image,
  .productName {
    display: block;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-left: 0px;
  }
  .productData div.item_image {
    width: 100%;
    background-position: 50%;
  }
  .productData div.item_image img {
    margin-left: 7px;
    padding: 20px 10px;
  }
  .details {
    margin-left: auto;
    margin-right: auto;
  }
  .details #txtFrom {
    width: 179px !important;
    text-align: center;
  }
  .details #txtFrom[disabled="disabled"] {
    color: black;
  }
  #lblTotal {
    margin-right: 0px;
    float: left;
    margin-top: 26px;
    display: block;
    text-align: right;
    width: 277px;
    margin-left: 0px;
  }
  .hasRenewOption .membershipExistsWarning {
    width: 94%;
  }
  .buttonsContainer {
    -webkit-box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    border-radius: 0.1px;
    /*For IOS*/
    padding-bottom: 22px;
    background-color: #b7b4b4;
    width: 100%;
    height: 59px;
    position: fixed;
    bottom: 0px;
    margin-bottom: 0px !important;
    left: 0px;
    z-index: 3;
  }
  .screen-Membership_aspx #PH_ScrollTop,
  .screen-Membership_aspx #group_Footer {
    display: none;
  }
  .screen-Membership_aspx .button.small_button_a {
    width: 50%;
    padding-right: 4%;
    padding-top: 9px;
    margin-right: 7px;
  }
  .ph_membership_purchase .productInfo.productData .ui-spinner.ui-widget {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 1em;
  }
  .pricing,
  .dates {
    width: 310px;
  }
  #cmbPriceType {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  #PH_Explanation {
    width: 100%;
    background-color: #e6e6e6;
    padding-bottom: 90px;
  }
  #instructionsPanel {
    display: block;
  }
  #instructionsPanel #content {
    margin-left: 0px;
    width: calc(100% - 2em);
    padding-right: 1em;
  }
  #PH_Payment_details .pageSectionContainer {
    width: 100%;
  }
}


/*# sourceMappingURL=http://afcrichmond.seatgeek.com/style/Css.ashx?i=16&iv=8950462b-d15b-4085-bd6c-739ea9a4668c&p=2E3CCuBoB&map */