﻿

body[id^="ft_account"] h1 {
	background: #fff;
	margin: 0 0 20px -20px !important;
	padding: 15px 0 0 20px !important;
}

	body[id^="ft_account"] h1 span {
		width: 30px;
		vertical-align: top;
	}

#ft_browse_wishlist h1 {
	margin-left: 0 !important;
}

#ft_browse_wishlist .ft_customer h1 {
	margin-left: 20px !important;
}


body[id^="ft_account"]:not(#ft_accountUpdatePassword):not(#ft_accountReset):not(#ft_accountLogin) .ft_panelContent, body[id^="ft_browse_wishlist"] .ft_panelContent {
	/* Override defaults */
	padding: 1px 0 0 0 !important;
	overflow: hidden;
}

#ft_account .ft_accountContent h1 {
	padding-bottom: 20px !important;
}

#ft_accountEdit .ft_accountContent {
	float: left;
	margin-left: 15px;
}

#ft_account .ft_small, #ft_account .ft_small a {
	font-size: 11px !important;
}



#ft_accountGravatar {
	width: 60px;
	vertical-align: top;
	padding-top: 10px;
}


/* Navigation */

#ft_accountNavigation {
	float: left;
	height: 100%;
	width: 160px;
	padding: 0;
	padding-top: 70px;
	z-index: 111511;
	background-color: #fff;
	overflow-x: hidden;
	color: #1a97fd;
	list-style: none;
	box-shadow: 8px 0 6px -6px rgba(68, 68, 68, 0.2);
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}

	#ft_accountNavigation ul {
		width: 100%;
	}

	#ft_accountNavigation li {
		width: 100%;
		height: 45px;
		line-height: 45px;
		border-left: 4px solid transparent;
	}

		#ft_accountNavigation li:first-child {
			display: none;
		}

		#ft_accountNavigation li span {
			width: 15px;
			filter: invert(41%) sepia(48%) saturate(646%) hue-rotate(166deg) brightness(96%) contrast(98%);
		}

			#ft_accountNavigation li span:hover {
				filter: invert(26%) sepia(41%) saturate(868%) hue-rotate(167deg) brightness(94%) contrast(90%);
			}

			#ft_accountNavigation li span.fticon-caret-right {
				width: 10px;
			}


	#ft_accountNavigation a, #ft_accountNavigation a:visited {
		height: 100%;
		width: 100%;
		display: inline-block;
		color: #3378b4;
	}

		#ft_accountNavigation a:hover {
			text-decoration: none;
			background: #eceff5;
		}

	#ft_accountNavigation span {
		margin: 0 10px 0 15px;
		font-size: 1.1em;
	}

.ft_accountNavigation_selected {
	background: #eef7ff;
	border-left: 4px solid #1a97fd !important;
}

#ft_ticketList .fticon-caret-down {
	width: 15px;
	filter: invert(39%) sepia(8%) saturate(0%) hue-rotate(140deg) brightness(99%) contrast(95%);
}

@media screen and (max-width: 600px) {

	#ft_accountNavigation {
		float: right;
		position: fixed;
		right: 0;
		width: 50px;
		margin-top: 15px;
		padding-top: 0;
		background: none;
		transition: width 0.5s, background 0.5s;
		overflow: hidden;
	}

		#ft_accountNavigation li:first-child {
			display: block;
			/*background: #fff;*/
		}

			#ft_accountNavigation li:first-child a:hover {
				background: #fff;
			}

			#ft_accountNavigation li:first-child span {
				float: right;
			}

		#ft_accountNavigation li:not(:first-child) {
			display: none;
		}

		#ft_accountNavigation.open {
			width: 100%;
			height: 100%;
			background: #fff;
		}

		#ft_accountNavigation.closed {
			width: 50px;
			height: 100%;
			background: transparent;
			padding: 0;
			position: relative;
		}

		#ft_accountNavigation.open li {
			display: block;
		}
}


/* Content */
.ft_accountContent {
	margin-left: 160px;
	margin-right: 15px;
	padding: 0 0 0 20px;
	background: #fff;
}

.ft_accountWishlist {
	margin-left: 0;
}

.ft_accountMain, .ft_customer .ft_accountWishlist {
	margin-right: 0;
	margin-left: 142px;
}

div.ft_customer {
	width: 1125px;
	max-width: 1125px;
}


/* Account Main */
.ft_accountBox {
	width: 290px;
	height: 150px;
	padding: 14px 12px;
	margin: 0 20px 25px 0;
	background: #fff;
	float: left;
	overflow: hidden;
	position: relative;
	font-size: 13px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 12px;
}

	.ft_accountBox h3 {
		padding: 0;
		margin: 0 0 5px 0;
		font-size: 18px;
	}

	.ft_accountBox a {
		text-decoration: none;
		color: #131848;
		font-size: 12px;
		font-weight: bold;
	}

	.ft_accountBox .fticon-wishlist-off {
		width: 18px;
		margin-top: -3px;
	}


a.ft_button {
	border: 1px solid #1a97fd;
	color: #1a97fd;
	margin-bottom: 0;
	border-radius: 4px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}

.ft_buttonAccountPrimary {
	width: 60px !important;
	height: 22px;
	line-height: 19px !important;
	padding: 0 !important;
	float: right;
	border: 1px solid #44c536 !important;
	color: #44c536 !important;
	opacity: 0.6;
}

	.ft_buttonAccountPrimary:hover {
		text-decoration: none;
		color: #44c536 !important;
		opacity: 1;
	}


.ft_accountBox .ft_buttonSecondary {
	width: 40px !important;
	height: 16px;
	line-height: 13px;
	padding: 0;
	margin-top: 4px;
	float: right;
	border: 1px solid #1a97fd !important;
	color: #1a97fd !important;
	font-size: 0.75em;
	opacity: 0.6;
}

	.ft_accountBox .ft_buttonSecondary:hover {
		text-decoration: none;
		color: #1a97fd !important;
		opacity: 1;
	}




.ft_accountBoxItem {
	margin: 0 -12px 0 -12px;
	padding: 5px 12px 5px 12px;
	clear: both;
}

	.ft_accountBoxItem:nth-child(even) {
		background: #f6f7f9;
	}


.ft_accountBoxThumbnail img {
	float: left;
	padding-right: 5px;
	margin-bottom: 10px;
}

.ft_accountBoxNumber {
	position: absolute;
	text-align: right;
	font-size: 72px;
	right: 7px;
	top: -10px;
}

.ft_accountBoxHeaderRight {
	position: absolute;
	right: 17px;
	top: 17px;
	text-align: right;
	font-size: 11px;
}

.ft_accountBoxFooterLeft {
	position: absolute;
	left: 17px;
	bottom: 12px;
}

.ft_accountBoxFooterRight {
	position: absolute;
	right: 17px;
	bottom: 12px;
	text-align: right;
}

	.ft_accountBoxFooterLeft a, .ft_accountBoxFooterLeft a:visited, .ft_accountBoxFooterRight a, .ft_accountBoxFooterRight a:visited {
		color: #fff;
	}

.ft_today {
	min-height: 325px;
}

	.ft_today h3 {
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	}

		.ft_today h3 span {
			display: block;
			font-size: 1.3em;
		}

	.ft_today .ft_button:hover {
		color: #1a97fd;
	}

	.ft_today .ft_events {
		max-height: 207px;
		overflow-x: hidden;
		overflow-y: auto;
		margin: 53px -12px 0 -12px;
		padding: 0 12px 0 12px;
	}

		.ft_today .ft_events img {
			width: 35px;
			border-radius: 50%;
			float: left;
			margin-right: 8px;
		}


.ft_adelaide {
	background: #fff url("../img/ferve/weather/adelaide.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_brisbane {
	background: #fff url("../img/ferve/weather/brisbane.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_canberra {
	background: #fff url("../img/ferve/weather/canberra.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_hobart {
	background: #fff url("../img/ferve/weather/hobart.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_melbourne {
	background: #fff url("../img/ferve/weather/melbourne.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_sydney {
	background: #fff url("../img/ferve/weather/sydney.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_perth {
	background: #fff url("../img/ferve/weather/perth.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_hongkong {
	background: #fff url("../img/ferve/weather/hongKong.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_greece {
	background: #fff url("../img/ferve/weather/greece.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_auckland {
	background: #fff url("../img/ferve/weather/auckland.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_portmoresby {
	background: #fff url("../img/ferve/weather/portmorseby.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_launceston {
	background: #fff url("../img/ferve/weather/launceston.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_darwin {
	background: #fff url("../img/ferve/weather/darwin.jpg") no-repeat !important;
	background-size: 300px 101px !important;
}

.ft_default {
	background: #fff url("../img/ferve/weather/melbourne.jpg") no-repeat;
	background-size: 300px 101px !important;
}

.ft_accountWeatherIcon {
	position: absolute;
	top: 5px;
	right: 15px;
	text-align: right;
	font-size: 47px;
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}

.ft_accountWeatherTemperature {
	position: absolute;
	top: 70px;
	right: 14px;
	font-size: 20px;
	color: #fff;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
}

.ft_accountWeatherForecast {
	position: absolute;
	top: 77px;
	left: 17px;
	font-size: 13px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}




.ft_details {
	min-height: 325px;
	overflow: hidden;
}

	.ft_details .ft_accountEdit {
		float: right;
		font-size: 36px;
		height: 20px;
		width: 20px;
		line-height: 10px;
		padding: 4px;
		border-radius: 3px;
		border: 1px solid #1a97fd;
		overflow: hidden;
		opacity: 0.5;
	}

		.ft_details .ft_accountEdit:hover {
			opacity: 1;
		}

		.ft_details .ft_accountEdit a {
			color: #1a97fd;
			vertical-align: top;
		}

	.ft_details .ft_accountGravatar {
		width: 80px;
		height: 80px;
		margin-left: 50%;
		vertical-align: middle;
		margin: 0 auto;
		border-radius: 50%;
		overflow: hidden;
	}

		.ft_details .ft_accountGravatar a img {
			width: 100% !important;
		}

	.ft_details .ft_accountName {
		text-align: center;
		margin-top: 24px;
		font-weight: bold;
	}

	.ft_details .ft_accountAddress {
		margin-top: 8px;
		text-align: center;
		font-size: 0.8em;
		color: #ccc;
	}

		.ft_details .ft_accountAddress .fticon-location {
			width: 6px;
			margin-top: -3px;
			filter: invert(96%) sepia(0%) saturate(1405%) hue-rotate(277deg) brightness(83%) contrast(100%);
		}

	.ft_details .ft_membership {
		max-height: 125px;
		margin: 30px -12px 0 -12px;
		padding: 0 12px 0 12px;
		overflow-x: hidden;
		overflow-y: auto;
	}

		.ft_details .ft_membership h3 {
			font-size: 14px;
		}







.ft_bookings {
	background: rgb(255,142,98);
	background: linear-gradient(180deg, rgba(255,142,98,1) 0%, rgba(254,94,139,1) 100%);
	color: #fff;
}

	.ft_bookings a {
		color: #fff;
	}

.ft_passes, .ft_vouchers, .ft_cards {
	height: 185px;
}

	.ft_passes .ft_button {
		width: 75px !important;
	}

.ft_passesList, .ft_vouchersList, .ft_cardsList {
	max-height: 139px;
	overflow-x: hidden;
	overflow-y: auto;
}


.ft_cards {
	background: rgb(0,178,242);
	background: linear-gradient(180deg, rgba(0,178,242,1) 0%, rgba(10,152,243,1) 100%);
	color: #fff;
}

	.ft_cards a {
		width: 15px;
		height: 15px;
		line-height: 15px;
		margin-left: 10px;
		display: inline-block;
		background: #0b5884;
		border-radius: 50%;
		text-align: center;
		font-size: 8px;
		color: #fff;
		vertical-align: top;
		opacity: 0.5;
	}

		.ft_cards a:hover {
			opacity: 1;
			color: #fff;
			text-decoration: none;
		}

.ft_cardsList .ft_accountBoxItem {
	background: transparent;
}



/* Tickets */
#ft_headerFixed {
	background: #fff;
	width: 100%;
	z-index: 1000;
}

	#ft_headerFixed .ft_button {
		width: 105px;
	}

	#ft_headerFixed #formExchange {
		display: none;
	}

#ft_tableSearch {
	float: right;
	padding-bottom: 5px;
	text-align: right;
}

form.ft_tableSearch a, form.ft_tableSearch a:hover {
	text-decoration: none;
	color: #000;
}

.ft_tableSearch input[type="search"] {
	width: 210px;
	height: 20px;
	padding: 3px;
	border-radius: 6px;
	outline: none;
	font-size: 0.9em;
	opacity: 0.5;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: searchfield;
}

	.ft_tableSearch input[type="search"]::-webkit-search-cancel-button {
		-webkit-appearance: searchfield-cancel-button;
	}

	.ft_tableSearch input[type="search"]:focus {
		opacity: 1.0;
		-moz-transition: opacity 0.5s;
		-ms-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

.ft_tableSearch label {
	vertical-align: middle;
	font-size: 0.7em;
	line-height: 0.7em;
	padding-top: 5px;
}

	.ft_tableSearch label input {
		vertical-align: middle;
		margin-top: 0;
	}


#today {
	/* This not working on My Account - Tickets page
		border-top: 430px solid transparent;
		margin: -430px 0 0;
	*/
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

@media (max-width:1250px) {
	.ft_header2 {
		max-width: 87%;
	}
}


@media (max-width:570px) {
	h1 {
		margin-bottom: 0 !important;
	}

	h2 {
		margin-top: 0px !important;
	}

	#ft_accountEdit .ft_accountContent {
		float: none;
	}

	.ft_accountBox {
		float: none;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	#ft_tickets .ft_button {
		width: 110px;
		margin: 0 0 10px 15px;
	}

	.ft_header2 {
		max-width: 100%;
	}

	.ft_tableSearch input[type="search"] {
		margin-right: 10px;
	}

	#ft_tableSearch {
		float: left;
		margin-left: 15px;
	}

	#ft_ticketList {
		padding-top: 110px;
	}


	#bookingsTable th:nth-child(3), #bookingsTable td:nth-child(3), #bookingsTable th:nth-child(4), #bookingsTable td:nth-child(4) {
		display: none;
	}

	.ft_accountContent {
		margin-left: 0 !important;
	}

	.ft_eventsNone, .ft_membershipsNone {
		min-height: 170px;
	}
}

/* Signup */

#ft_contactNumberType {
	max-width: 120px;
}

#ContactNumber {
	margin-top: 5px;
}

#Phone {
	max-width: 175px;
}

.ft_stateOther {
	display: none;
}

/* Password */

#ft_passwordInfo {
	margin-top: 3px;
}

.ft_passwordError {
	color: #fa6767;
}

.ft_passwordOK {
	color: #56da32;
}

.ft_passwordMessage {
	font-size: 12px;
	color: #666;
}

/* Bookings */

#ft_bookingList div {
	display: inline-block;
}

#ft_bookingList .status {
	float: right;
}

.bookingItemsVisible th:nth-child(6), .bookingItemsVisible td:nth-child(6) {
	display: table-cell;
}

.bookingItemsHidden th:nth-child(6), .bookingItemsHidden td:nth-child(6) {
	display: none;
}


/* Receipt Status (Also see receipt.css, ferve Admin) */
.status {
	padding: 0px 5px;
	border-radius: 3px;
}

.statusPaid {
	color: #1db7a5;
	border: 1px solid #1db7a5;
}

.statusUnpaid {
	color: #338cb9;
	border: 1px solid #338cb9;
}

.statusOverdue, .statusUnsuccessful, .statusCancelled {
	color: #ef4023;
	border: 1px solid #ef4023;
}


.ft_messageBox {
	max-width: 634px;
	padding: 10px;
	background: #67a9fa;
	color: #fff;
	margin: 14px 25px 20px 0;
	border-radius: 10px;
}


	.ft_messageBox div {
		display: inline-block;
	}

	.ft_messageBox .ft_messageBoxIcon {
		width: 20px;
		height: 20px;
		line-height: 17px;
		vertical-align: top;
	}

	.ft_messageBox .ft_messageBoxText {
		width: calc(100% - 40px);
		font-size: 13px;
		line-height: 17px;
		vertical-align: middle;
		text-align: center;
	}

	.ft_messageBox a, .ft_messageBox a:visited {
		width: 100%;
		height: 100%;
		display: inline-block;
		text-decoration: none;
		color: #fff;
	}

		.ft_messageBox a:hover {
			color: #fff;
		}

.ft_returnBox {
	float: right;
	max-width: 290px;
	margin-bottom: 0;
}


.ft_barcodeEmail {
	margin: -7px 0 3px 17px;
	font-size: 11px;
	color: #ccc;
}


@media (max-width:568px) {

	.ft_returnBox {
		position: inherit;
		margin-bottom: 10px;
	}

	#ft_orders th:nth-child(3), #ft_orders td:nth-child(3), #ft_orders th:nth-child(4), #ft_orders td:nth-child(4) {
		display: none;
	}
}


/* Login */

.ft_loginContainer {
	max-width: 510px;
	margin: auto;
}

	.ft_loginContainer h1 {
		text-align: center;
		margin: 40px 0;
		font-size: 3em;
		font-weight: 900;
	}

.ft_loginTabs {
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: -1px;
}

.ft_loginTab {
	display: table-cell;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 500;
	border-bottom: 2px solid #cccccc;
	width: 50%;
	color: #454746;
}

.ft_loginTab-active {
	border: 2px solid #cccccc;
	border-bottom: none;
}


.ft_loginPanels {
	margin-right: -1px;
	overflow: hidden;
	display: flex;
	flex-flow: row nowrap;
	border: 2px solid #cccccc;
	border-top: none;
}

.ft_loginPanel {
	width: 100%;
	padding: 8% 15%;
}

	.ft_loginPanel h2 {
		margin: 0;
		text-align: center;
		text-transform: uppercase;
		font-size: 20px;
		font-weight: 500;
	}

	.ft_loginPanel p {
		margin: 20px 0;
		text-align: center;
	}

	.ft_loginPanel hr {
		display: none;
	}

	.ft_loginPanel label {
		float: none;
		display: block;
		font-weight: normal;
	}

	.ft_loginPanel label {
		float: none;
		display: block;
		margin-bottom: 5px !important;
		text-align: left !important;
	}

	.ft_loginPanel input {
		max-width: inherit;
	}

	.ft_loginPanel .input-group {
		width: 100%
	}

	.ft_loginPanel .btn {
		width: 100%;
		margin-top: 15px;
	}

	.ft_loginPanel .col-md-10, .ft_loginPanel .col-md-9 {
		width: 100%;
		max-width: none !important;
	}

	.ft_loginPanel .col-md-offset-3, .ft_loginPanel .col-md-offset-2 {
		margin-left: 0;
	}

.ft_loginPanel-footer {
	text-align: center;
}

.ft_loginPanel .ft_errorHeading, .ft_loginPanel .ft_errorList {
	margin-left: -15%;
	margin-right: -15%;
}

@media screen and (max-width: 560px) {
	.ft_loginContainer {
		max-width: 100%;
	}

	.ft_loginPanel {
		padding: 10%;
		padding-top: 12%;
	}
}

#ft_accountFooter {
	background: #fff;
	margin: 0 0 20px -20px !important;
	padding: 15px 20px 0 20px !important;
}


#ft_account_customer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	background: red;
	color: #fff;
	z-index: 19751977;
	opacity: 0.65;
}

#ft_account_customer-close {
	float: right;
	padding-right: 15px;
}

	#ft_account_customer-close a {
		color: #fff;
		text-decoration: none;
	}

@keyframes ft_account_customer-load {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(3, 3);
	}

	100% {
		transform: scale(1, 1);
	}
}

.ft_account_customer-load {
	animation: ft_account_customer-load 0.5s ease 2;
}

/* Login V3 */
div[id^=ft_loginForm-step]:not(#ft_loginForm-step1) {
	display: none;
}

.ft_login-single .ft_loginForm-account, .ft_login-single .ft_loginForm-guest {
	display: none;
}

.ft_login-single .ft_loginForm-password {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.8s ease-out;
}

.ft_login-return .ft_loginForm-password {
	max-height: 200px;
}

.ft_login-single form input[name='LoginViewModel.Email']:-webkit-autofill {
	animation-name: autofilled;
}

.ft_login-single form input[name='LoginViewModel.Email']:not(:-webkit-autofill) {
	animation-name: none;
}

.ft_login-single .ft_loginForm-submit-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.ft_login-single .ft_loginForm-submit-button, .ft_login-single .ft_loginForm-guest, .ft_login-single .ft_loginForm-wallet {
	margin: 0 15px 15px 0;
	width: 150px;
	height: 34px;
	overflow: hidden;
}

.ft_loginForm-wallet {
	display: none;
}

/* One Time Code */
.ft_smsCode-inline {
	display: inline-block;
}

.ft_smsCode-step3 .input-group {
	max-width: 319px;
}

#OneTimeLogin {
	display: none;
}

.ft_smsCode-step2 button {
	margin-top: -3px;
}

.ft_smsCode-step3 button {
	margin-top: -26px;
}

@media screen and (max-width: 560px) {
	.ft_smsCode-step2 button {
		margin-top: 12px;
	}

	.ft_smsCode-step2 button {
		margin-top: 4px;
	}

	.ft_smsCode-step3 button {
		margin-top: 4px;
	}
}

.ft_alert-ios {
	display: none;
}
