/* Please leave the height ones commented, it makes iframes grow infinitely */
html,body { font-family: 'Open Sans', sans-serif; background-color: inherit; /*height: 100%;*/ }
.companylogo-badge img { position: relative; width: 120px; margin-left: 10px; }
.companylogo-center img { width: 220px; margin: 20px auto; }
.companylogo-horizontal img { width: 400px; margin: 0px auto; padding: 25px; }
.logingm, .shopbodypage,.gymmasterMark.gm { background-color: rgb(242, 242, 242); }
.logingm .gymmasterMark.gm { background-color: #f2f2f2; }

.app-badge { margin-top: 30px; }
.app-badge img { width: 120px; height: 40px; }

/* Please leave the height ones commented, it makes iframes grow infinitely */
#wrap { /*min-height: 100%; height: 100%;*/ padding-top: 10px; margin: 0 auto -60px; }
#push, #footer { }
#push { margin-top: 10px; }
#footer { background-color: #f5f5f5; }
/*a:hover,a, a:after, a:active { text-decoration: none; color:#383838; font-weight: 500;}*/
a.underline { color: #337ab7; text-decoration: underline; }

.text-success { color: #4cae4c; }

.centered { text-align: center; }

@media (min-width: 768px) {
	/* Compensate for inputs not inside form-horizontal */
	.control-label { padding-top: 7px !important; }
	.form-horizontal .control-label { text-align: left; }
}

.container .headinglabel { color: #949494; font-size: 20px; font-weight: 600; }

.well.filter-box { margin-top: 10px; }

.btn-danger { background-color: #fff; color: #d9534f; border: 1px solid #d43f3a; }
.page-title { text-align: center; }
.nopadding { padding: 0px; }
.no-left-padding { padding-left: 0px; }
.no-right-padding { padding-right: 0px; }
.table-hover tbody tr:hover { cursor: pointer; }
.btn-xs { padding: 5px 7px !important; }
.btn-big { width: 100%; margin: 5px 0px; padding: 15px; }
.btn-group.btn-group-justified .btn + .btn { border-left-style: none; }
.container .submit-button { text-align: center; margin-top: 10px; }
/* applying to all .btn if their immediate parent isn't .input-group-btn */
/* also exluding buttons at the top of the signup page */
/*:not(.input-group-btn)>.btn:not(.btn-circle) { border-radius: 2px; }
:not(.input-group-btn)>.btn:not(.btn-circle, btn-lg, btn-md, btn-sm, btn-xs) { padding: 8px 15px; }*/
.navbar { background-color: #ffffff; height: 80px; position: fixed; }
.navbar .navbar-brand { width: 260px; padding: 6px; margin-top: 21px; }
.navbar .navbar-brand img { width: 100%; }
.serenity-top-navbar.navbar .navbar-brand img { width: 70%; }
.navbar .navbar-right { margin-top: 11px; }
/*.navbar .navbar-right a { font-size: 16px; }
.navbar-right a.btn {
background: rgba(217,83,79,1);
background: -moz-linear-gradient(top, rgba(217,83,79,1) 0%, rgba(217,83,79,1) 55%, rgba(214,54,51,1) 92%, rgba(214,54,51,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,83,79,1)), color-stop(55%, rgba(217,83,79,1)), color-stop(92%, rgba(214,54,51,1)), color-stop(100%, rgba(214,54,51,1)));
background: -webkit-linear-gradient(top, rgba(217,83,79,1) 0%, rgba(217,83,79,1) 55%, rgba(214,54,51,1) 92%, rgba(214,54,51,1) 100%);
background: -o-linear-gradient(top, rgba(217,83,79,1) 0%, rgba(217,83,79,1) 55%, rgba(214,54,51,1) 92%, rgba(214,54,51,1) 100%);
background: -ms-linear-gradient(top, rgba(217,83,79,1) 0%, rgba(217,83,79,1) 55%, rgba(214,54,51,1) 92%, rgba(214,54,51,1) 100%);
background: linear-gradient(to bottom, rgba(217,83,79,1) 0%, rgba(217,83,79,1) 55%, rgba(214,54,51,1) 92%, rgba(214,54,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#d63633', GradientType=0 );
color: #ffffff !important;
margin-left: 10px;
border-radius: 5px;
font-size: 18px;
text-shadow: 1px 1px #777777;
padding: 15px !important;
}
*/
.glyphicons:before{ padding: 3px !important; }

.glyphicon, .glyphicons {width: 18px;}

.divider-line { width: 100%; border-top: 1px solid #ddd; }

.form-group .checkbox-input {
	text-align: center;
	padding-top: 5px;
}

.loginas { font-size: 15px; }
.loginas .membername { font-style: italic; font-weight: 600; }
.form-control[type=checkbox] { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }

.btn { white-space: normal; }
.container { padding-left: 10px !important; padding-right: 10px !important; }
/*.form-group, .form-group .input-text { padding: 0px; }*/
.row { margin-right: 0px; margin-left: 0px; }
#footer .container-wrapper.footer .container .socialmedia .socialmedia-content { margin-top: 10px; padding: 0px; }
#footer .container-wrapper.footer .container .socialmedia { text-align: center; padding: 0px;}
#footer .container-wrapper.footer .container .socialmedia .followus { color: #fff; }
#footer .container-wrapper.footer .container .socialmedia .list {width: 100%; margin: 0 auto;}
#footer .container-wrapper.footer .container .socialmedia ul { list-style-type: none; margin: 0; padding: 0; }
#footer .container-wrapper.footer .container .socialmedia ul li { display: inline; float: left; margin: 5px; }
#footer .container-wrapper.footer .container .socialmedia ul li a { -webkit-filter: grayscale(100%); filter: grayscale(100%); background-repeat: no-repeat; background-position: left center; background-size: 30px; display: inline-block; width: 30px; height: 30px; }
#footer .container-wrapper.footer .container .socialmedia ul li a:hover { -webkit-filter: grayscale( 10%); filter: grayscale(10%); }

.table.borderless td:not(.bordered) { border: none; }
.table.borderless td.bordered { padding: 0px; }
.form-group .helptext p {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 0
}

.container #balanceform .charge-row.notinvoiced, .container #balanceform .charge-row.future {
	font-size: 12px;
	font-style: italic;
	color: #696969;
}

.nopadding { padding: 0px; }
.signupconfirmation-heading { text-align: center; }

.container.schedule .daterange { margin-bottom: 10px; }
.container.schedule .daterange .btn:not(.datepicker) { width: 5%; }
.container.schedule .daterange .btn.datepicker { width: 90%; }

@media (max-width: 767px) {
	.container.schedule .daterange .btn:not(.datepicker) { width: 10%; }
	.container.schedule .daterange .btn.datepicker { width: 80%; }
}

	@media (max-width: 489px) {

		.container .page-header .headinglabel, .container .page-header .pageheadertext .pull-right { width: 100%; }
		.container .page-header .pageheadertext .pull-right .btn-group, .container .page-header .pageheadertext .pull-right .btn { float: right; margin: 0px 2px; }
		.container .page-header .pageheadertext .pull-right { margin-bottom: 10px; }

		h1.page-title { font-size: 26px !important; }
		.container.signup-box .box, .container.signup-box .col-sm-12 { padding: 0px; }
		.submit-button .btn { width: 100% !important; margin-bottom: 5px; }

		/*Class Schedule Calendar
		------------------------------------------------------------------------*/
		.container.schedule .page-header .schedule-action-btn .btn-print { display: none; }
		.container.schedule .schedule-content { padding: 0px; }

		/*Error Pages
		------------------------------------------------------------------------*/
		.container .errordiv { width: 100% !important; }
		.container .errordiv h4 { font-size: 15px; }
		.container .errordiv h5 { font-size: 14px; }

		/*Class Booking Table
		------------------------------------------------------------------------*/
		.container.booking .box .table-content { padding: 10px; }
		.container.booking .box .table-content table { margin-bottom: 0px; }
		.container.booking .box .table-content table thead { display: none; }
		.container.booking .box .table-content table tbody tr { padding: 8px; border-bottom: 1px solid #e0e0e0; }
		.container.booking .box .table-content table tbody tr td { display: inline-block; width: 80%; border: none; position: relative; float: right; }
		.container.booking .box .table-content table tbody tr td:nth-of-type(1) { width: 20%; float: left; }

		.accountpage .box .workout_content .movement-box .buttonbar { padding: 0px; }
		.accountpage .box .workout_content .movement-box .buttonbar a { margin: 5px 0px !important; width: 100%; }
	}

	@media (min-width: 768px) and (max-width: 992px) {
		.schedule-content { padding: 0px; }
		.container.schedule .schedule-content .table-classcalendar .daytitle h4, .container.schedule .schedule-content .table-classcalendar .daytitle h4 { font-size: 14px; }
		.container.schedule .schedule-content .daytitle h5, .container.schedule .schedule-content .table-classcalendar .daycontent .name h5, .container.schedule .schedule-content .daycontent.short .name h5, .container.schedule .schedule-content .daycontent .trainer h6, .container.schedule .schedule-content .daycontent .time h6,
		.container.schedule.three .schedule-content .table-classcalendar .daycontent .classdetails .trainer h6, .container .schedule-content .table-classcalendar .daycontent .classdetails .staff h6 { font-size: 12px; }
		.container.schedule .schedule-content .table-classcalendar tbody tr td.hours { font-size: 12px; }
	}

	@media (max-width: 767px) {

		.container .nav-button .btn-group, .container .nav-button .btn-group .btn { width: 100%; }
		.container .nav-button .btn-group .dropdown-menu { right: 0px; }
		.container .endbar .btn { width: 100%; }

		/*General Stuff
		-------------------------------------------------------------------------------------------------------*/
		.booking-content, .box.effect2, .content, .class-booking-list, .submit-button { padding: 0px; }
		.form-group { margin: 0px 0px 10px; }

		/*Login page
		-------------------------------------------------------------------------------------------------------*/
		.container.login .login-content, .container.slimwidth .login-content { margin-bottom: 50px; }

		/* Sign Up Page
		---------------------------------------------------------------------------------------------------------- */
		.container.signup-box .table-membership .table-responsive { border: 0px; }

		/* Member Portal Dashboard 2
		--------------------------------------------------------------------------------------------------------- */
			.container .box .nav-button { text-align: center !important; margin-top: 20px; }
			.container .box .nav-button a { width: 100%; margin-bottom: 10px; }
			.container.accountpage .box.effect2 { margin-top: 20px; }

			.container .box .boxfeedback .form-group h4 { margin-bottom: 20px; }

			/* 	Member Portal Overall Heading
			------------------------------------------------------------------------------------------------------- */
			.container .box .content .overall .item { height: 120px!important; }
			.container .box .content .overall .item1 h5 { line-height: 35px !important; }
			.container .box .content .overall .item3 h5, .container .box .content .overall .item4 h5 { font-size : 18px !Important; }
			.container .box .content .overall .item-top h4, .container .box .content .overall .item-top h5,.container .box .content .overall .item-top .description  { text-align: left !Important; }
			.container .box .content .overall .item3 span { font-size: 13px !important; }
			.container .box .content .overall .upgradebutton a { width: 100%; margin-bottom: 10px; }

			/* Member Portal Activity
			-------------------------------------------------------------------------- */
			.container .box .content .activity .page-header1 { margin-bottom: 40px !important;  }

			/* Member Portal Box - Achievements
			------------------------------------------------------------------------------------------------------------- */
			.container .box .content .achievement .award-content {  width: 90%; left: 11%; }

			/* Member Portal Box - Graph
			------------------------------------------------------------------------------------------------------ */
			.container .box .content .graph h6 { text-align: center; }
			.container .box .content .graph .label-percent { top: 113px !important; left: 192px !important; }
			.container .box .content .graph .label-percent .fa { position: relative; top: 2px; }
			.container .box .content .graph .btn { bottom: 10px !important; }

			/*Member Portal Sign Up Page
			---------------------------------------------------------------*/
			.container.signup-box .submit-button { margin-top: 20px; }

			/*Member Portal Select Class Page
			--------------------------------------------------------------------------*/
			.container.booking, .container.booking .booking-content { padding: 0px; }
			.container.booking .box .content .class-booking-list .btn-booking .logoclass { display: none; }
			.container.booking .box .content .class-booking-list .btn-booking .classdetails-img { width: 100% !important; float: center !important; }
			.container.booking .box .content .class-booking-list .btn-booking .classdetails { width: 100% !important; }
			.container.booking .box .content .class-booking-list .btn-booking .classdetails h4, .container.booking .box .content .class-booking-list .btn-booking .classdetails-img h4  { font-size: 14px !important; }
			.container.booking .box .content .class-booking-list .btn-booking .classdetails h6, .container.booking .box .content .class-booking-list .btn-booking .classdetails-img h6 { font-size: 12px !important; }
			.container.booking .submit-button a, .container.booking .submit-button button { width: 100% !important; margin-bottom: 10px; }
			.container.booking .table-content { overflow: auto; }

			/*Verification Page
			--------------------------------------------------------------------------*/
			.verificationpage .end-bar a { width: 100%; }
			.verificationpage .box-picture { margin-bottom: 40px; }

			/*Class Schedule Calendar
			--------------------------------------------------------------------------------*/
			.container.schedule #responsive-calendar { display: inline !important; }
			.container.schedule #responsive-calendar .boxcalendar { padding: 0px; }
			.container.schedule { width: 100% !important; }
			.container.schedule .page-header { margin-top: 5px; margin-bottom: 0px !important; }
			.container.schedule .page-header h3 { font-size: 20px !important; }
			.container.schedule .page-header .schedule-action-btn { float: unset !important; }
			.container.schedule .page-header .schedule-action-btn .btn { width: 100%; margin-bottom: 5px; }
			.container.schedule .page-header .form-group { width: 100%; }
			.container.schedule .page-header .header { width: 100%; display: block; margin-bottom: 10px; }
			.container.schedule .schedule-content .day { width: 100% !important; min-height: 40px !important; }
			.container.schedule .schedule-content .day .daytitle { width: 100% !important; min-height: 40px !important; }
			.container.schedule .schedule-content .day .daytitle a { color: #fff !important; }
			.container.schedule .schedule-content .day-box { width: 100% !important; min-height: 40px !important; }
			.container.schedule .schedule-content .day-box.three { width: 100% !important; }
			.container.schedule .schedule-content .day-box.three .day { width: 100% !important; min-height: 40px !important; }
			.container.schedule .schedule-content:not(.single-day):not(.available-calendar) .table-responsive { display: none; }
			.container.schedule .schedule-content .day .daycontent .content { width: inherit !important; }
			.container.schedule .schedule-content .day .daycontent .content .classlogo { width: 35%!important; }
			.container.schedule .schedule-content .day .daycontent .content .classlogo img { width: auto !important;}
			.container.schedule .schedule-content .day .daycontent .content .classdetails { width: 62% !important; }
			.container.schedule .schedule-content .day .daycontent .content .classdetails.nologo { width: 100% !important;}

				/*Class Calendar Modal
				---------------------------------------------------------------------------------*/
				#bookclassmodal .classimage img { padding-top: 10px; padding-bottom: 10px; }
				#bookclassmodal .classdescription { margin-top: 20px; }

	   #footer {  /*margin-left: -20px; margin-right: -20px; */padding-left: 20px; padding-right: 20px; }
	   .container.booking .booking-content .box .submit-button.bookallclass { position: fixed; z-index: 3; bottom: 0px; width: 100px; right: 9px; margin: 0px; }
	   .container.booking .booking-content .box .submit-button.bookallclass .btn-danger { display: none; }

	   /*NZSIA
	   -----------------------------------------------------------*/
		.container.nzsia .submit-button .loginbutton.login,.container.nzsia .submit-button .loginbutton.signup { padding: 0px; }

		/*GymMaster Signup page
		------------------------------------------------------------------------*/
		.container.signup-box.gm .box .page-header, .container.signup-box.gm .box .page-header .input-text { padding: 0px; }
		.container.signup-box.gm .box .page-header .input-text .btn-group { float: right; }
		.container.signup-box .btn-addmembership .membership-details { border-right: 0px !important; padding: 0px; }
		.container.signup-box .btn-addmembership .membership-details .membership-name { padding: 0px 0px 5px; width: 100%; }
		.container.signup-box .btn-addmembership .membership-price { padding: 0px; margin: 5px 0px; text-align: center; }
		.navbar .navbar-brand { margin-left: 15px; }
		.navbar-default .navbar-toggle { display: none; }
		.page-header.bookdemo { padding: 0px; }
		.signup-box.gmenquiry-content .form-horizontal .form-group { margin-left: 0px; margin-right: 0px; }
		.signup-box.gmenquiry-content .form-horizontal .form-group .control-label,
		.signup-box.gmenquiry-content .form-horizontal .form-group .col-xs-12 { padding: 0px; }
		.signup-box .member-detail .box-content .box { padding: 0px; }
		.signup-box .member-detail .box-content { margin: auto; width: 100% !important; }
		.signup-box .member-detail .boxbutton .btn-submitbooking { width: 100% !important; }
		.container-wrapper.last .container .h2-span-last, .container-wrapper.last .container .mail, .container-wrapper.last .container .h3-span-last { font-size: 18px !important; word-break: break-word; }
		#footer .container-wrapper.footer { display: none; }

		/* Questionaire
		--------------------------------------*/
		#questionnaire_parent .question-row .form-group input[type=checkbox] {
			width: 18px;
			height: 18px;
		}

		/* Booking USA */
		.signup-box .member-detail .boxbutton .btn-submitbooking .left-side { border: 0px solid #fff !important; margin-bottom: 8px; }
		.signup-box .member-detail .boxbutton .btn-submitbooking span { text-align: center !important; }

		/* New gm_enquiry layout */
		.signup-box .member-detail .timelist-new .timelist-container { width: 100% !important; }

		/*--- Shipping - Keytag page ---*/
		.shipping-page .keytag-info .row.radio .type-button { text-align: center; margin-bottom: 25px; }
		.shipping-page .keytag-info .row.radio .type-button .keytag-btn { width: 100%;}
		.shipping-page .keytag-info .row.radio .type-button label { padding: 0px; width: 100%; }
	}

	@media (min-width: 767px) {

		/* Member Portal Log In
		--------------------------------------------------------------------------------------------------- */
		.container.login, .container.slimwidth { width: 600px; }

		/* Member Portal Account Page
		---------------------------------------------------------------------------------------------------------- */
		.container .box.effect2 { width: 700px; margin-top: 20px; }

		/* Member portal - Membership page
		---------------------------------------------------------------------------------------- */
		.container.booking { width: 700px; }

		/* Member Portal sign up Page
		------------------------------------------------------------------------------------- */
		.container.signup-box { width:730px; }
		.container.signup-box .submit-button { margin-top: 20px; }
	}

	@media print {

	 	@page { size: landscape; }
	 	.container.schedule .page-header h3 a,
	 	.container.schedule .schedule-content .table-responsive table thead tr .day .daytitle a h5 i,
	 	.container .btn-print {
	 		display: none;
	 	}

	 	.container.schedule .page-header {
	 		margin-top: 0px;
	 	}

	 	.container.schedule .page-header h3 {
	 		float: left;
	 		font-size: 18px;
	 	}

	 	.container.schedule .page-header .form-group {
			float: right;
			margin: 3px;
			top: 10px;
	 	}
	 	.container.schedule .schedule-content .table-classcalendar .daytitle h4 {
	 		font-size: 13px;
	 	}
	 	.container.schedule .schedule-content .table-classcalendar .daytitle h5,
	 	.container.schedule .schedule-content .table-classcalendar .daycontent h6 {
	 		font-size: 10px;
	 	}
	 	.container.schedule .page-header .form-group .form-control,
	 	.container.schedule .schedule-content .table-classcalendar tbody tr td.hours,
	 	.container.schedule .schedule-content .table-classcalendar .daycontent h5 {
	 		font-size: 11px;
	 	}
	 	.container.schedule .page-header .form-group .form-control {
			border: 0px solid #ccc;
			font-size: 13px;
			font-weight: 600;
			-moz-appearance: none;
			-webkit-appearance: none;
			appearance: none;
		}
	 	.container.schedule .schedule-content:not(.single-day):not(.available-calendar) .table-responsive {
	 		display: inline !important;
	 	}
	 	.container.schedule #responsive-calendar {
	 		display: none !important;
	 	}
	}

.panel .panel-body:not(.add-linked-member, .booking-option) { max-height: 600px; overflow: auto;}

/*GymMaster Branding
----------------------------------------------------------------------------*/
.gymmasterMark { margin: 30px 0; text-align: center; }
.gymmasterMark img { width: 180px; }
.gymmasterMark h4 { display: inline; margin-bottom: 0px; font-size: 12px; }
.gymmasterMark h3 { display: inline; margin-top: 5px; font-size: 20px; }
.gymmasterMark .gymText { font-weight: bolder; color: #305da1; }
.gymmasterMark .masterText { font-weight: 400; color: #394f71; }

/*Progress Bar
-----------------------------------------------------------------------------*/
.process-row { display: table-row; }
.process { display: table; width: 700px; position: relative; margin: 5px auto; }
.process-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; }
.process-row:before { top: 25px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-order: 0; }
.process-step { display: table-cell; text-align: center; position: relative; }
.process .process-row .process-step .btn { width: 120px; white-space: normal; }
.btn-circle { width: 80px; height: 50px; text-align: center; padding: 6px 0; font-size: 11px; word-break: keep-all; line-height: 1.428571429; border-radius: 10px; }

@media (max-width: 768px) {
	.process { width: 100%; }
}
@media (max-width: 600px) {
	.process { display: none; }
}

/* Member Portal Dashboard
------------------------------------------------------------------------- */
	/* Container Left Box
	--------------------------------------------------------------------- */
	.container .left-box { border: 1px solid #E0E0E0;-webkit-box-shadow: 0px 4px 18px 0px rgba(50, 50, 50, 0.31); -moz-box-shadow: 0px 4px 18px 0px rgba(50, 50, 50, 0.31); box-shadow: 0px 4px 18px 0px rgba(50, 50, 50, 0.31);}

	/* Container Right Box
	---------------------------------------------------------------------------------- */
	.container .right-box, .container .signup-box { border: 1px solid #E0E0E0; min-height: 600px; margin-left: 10px; -webkit-box-shadow: 0px 9px 18px 0px rgba(50, 50, 50, 0.55); -moz-box-shadow: 0px 9px 18px 0px rgba(50, 50, 50, 0.55); box-shadow: 0px 9px 18px 0px rgba(50, 50, 50, 0.55);}

	/* Container Right Box - Graph
	-------------------------------------------------- */
	.container .right-box .graph, .container .right-box .graph .form-control option{ text-align: center; }

	/* Container Right-Box - Feedback
	-------------------------------------------------- */
	.container .right-box .feedback { text-align: center; border: 1px solid #888888; margin: 55px 28px 20px; min-height: 180px; }
	.container .right-box .feedback .button{ margin-top: 20px; }

	/* Member Portal - Booking page
	------------------------------------------------------------------------------------ */
	.container.booking .box .class-booking-list { margin-bottom: 20px; }
	.container.booking .box .class-booking-list .class-booking:not(.disabled) { cursor: pointer; }
	.container.booking .box .class-booking-list .class-booking:not(.active) .class-selected { display: none; }
	.container.booking .box .class-booking-list .class-booking .class-selected { float: left; width: 45px; font-size: 30px; }
	.container.booking .box .class-booking-list .class-booking.active .list-group-item-text { margin-left: 45px; }
	.container.booking .box .class-booking-list .class-booking .class-disabled-reason { color: red; font-weight: 600;  }
	.container.booking .box .class-booking-list .class-booking .class-booking-accent { width: 7px; position: absolute; left: 0px; height: 100%; margin-top: -10px; border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
	.container.booking .box .class-booking-list .class-extras { display: inline-table; width: 100%; }
	.container.booking .box .class-booking-list .attendee-list .list-group { margin-bottom: 0;}
	.container.booking .box .class-booking-list .endbar { text-align: center; padding: 0px; margin: 5px 0px; }

	.container.booking .booking-content .box .endbar { text-align: center; padding: 0px; margin: 5px 0px; }

	/* NSIA Course Page
	--------------------------------------------------------------------------------------*/
	.container.course .booking-content .box , .container.course .booking-content .content, .container.course .booking-content .content .table-responsive { padding: 0px; }
	.container.course .end-bar-subscription-renewing { text-align: center; margin-top: 30px; }
	.container.booking, .container.booking .booking-content { padding: 0px; }

	/*Member Portal Select Class Page
	--------------------------------------------------------------------------*/
	.container.booking .box .content .class-booking-list .btn-booking { width: 100%; text-align: center; background-color: #337ab7; color: #fff; display: block; padding: 5px 0 10px; margin-bottom: 10px; border-radius: 5px; }
	.container.booking .box .content .class-booking-list .btn-booking .contentbutton { width: 100%; /*min-height: 50px;*/ padding-top: 5px; }
	.container.booking .box .content .class-booking-list .btn-booking .logoclass { text-align: right; float: left; width: 30%; margin-top: 2%; }
	.container.booking .box .content .class-booking-list .btn-booking .logoclass img { width: 37%; border: 1px solid #ddd; border-radius: 5px; }
	.container.booking .box .content .class-booking-list .btn-booking:hover, .container.booking .box .content .class-booking-list .btn-booking .title:hover  { background-color: #3672A6; text-decoration: none; }
	.container.booking .box .content .class-booking-list .btn-booking .classdetails-img { width: 40%; float: left; padding-left: 10px; }
	.container.booking .box .content .class-booking-list .btn-booking .classdetails { width: 100%; }
	.container.booking .box .content .class-booking-list .btn-booking .title { font-size: 18px; font-weight: 600; text-align: center; background-color: inherit; color: #fff; }
	.container.booking .box .content .class-booking-list .btn-booking .description { font-size: 15px; font-weight: 600; text-align: center; background-color: inherit; color: #fff; }

	/* Member portal - Membership page
	---------------------------------------------------------------------------------------- */
	.container.booking .box .content .table-membership .table tbody, .container.signup-box .table-membership .table tbody { overflow-y: auto; }
	.container.booking .box .content .table-membership .table .select, .container.signup-box .table-membership .table .select { width: 40px; }
	.container.booking .box .content .table-membership .table .membership, .container.signup-box .table-membership .table .membership { width: 35%; text-align: center; }
	.container.booking .box .content .table-membership .submit-membership { text-align: center;}

/* Member Portal Dashboard 2
--------------------------------------------------------------------------------------------------------- */
	.btn-group .btn .caret { margin-left: 5px; }
	.container { margin: 0 auto; }
	.container .box { margin: 0 auto; padding-bottom: 20px; min-height: 300px; padding: 0px; }
	.container .box .content, .container .box .content .class-booking-list { padding: 0px; }
	.container .box .page-header1 h2 { margin-left: 30px; margin-bottom: 20px; }
	.container .box .nav-button { text-align: center; margin: 10px 0px; padding: 0px; }
	.container .box .nav-button .btn-group, .container .box .nav-button a.btn { margin-bottom: 5px; }
	.container .box .nav-button a.btn + a.btn { margin-left: 5px; }
	.container .box .content .page-header { border: 0px; }
	.container .box .page-header { border-bottom: 0px; }
	.container .box .page-header.top { margin-top: 5px; }
	.container.accountpage .account-balance span { font-weight: bold; }
	.container.accountpage .box .content .overall .page-header2 { margin: 2px 0px; }
	.container.accountpage .box .content .overall .membership-list { border-bottom: 1px solid #eee; margin-bottom: 3px; }
	.container.accountpage .box .content .overall .membership-list .membership-actions { text-align: right; padding: 7px 0px; }
	.container.accountpage .pageheadertext { padding: 0px; }
	.container.accountpage .pageheadertext h2 { margin-top: 0px; }
	.container.accountpage .benefitdiv { margin: 20px 0px; }
	.container.accountpage .benefitdiv .panel { margin: 0px; }
	.container.accountpage .benefitdiv .panel .glyphicons { float: right; }
	.container.accountpage .upcoming-classes { margin-bottom: 40px; }
	.container.accountpage .upcoming-classes .upcoming-details { border: 1px solid #eee; border-radius: 4px; margin-bottom: 10px; }
	.container.accountpage .upcoming-classes .upcoming-details .upcoming-name .boxcolor { background-color: blue; display: block; position: absolute; width: 10px; height: 100%; top: 0px; left: 0px; }
	.container.accountpage .upcoming-classes .upcoming-details .upcoming-name { position: relative; padding: 0px 20px; }

	/* Award Member Portal Dashboard  */
	.container.accountpage .content .award { border: 1px solid #ddd; padding: 10px 0px; margin-bottom: 10px; }
	.container.accountpage .content .award .award-icon img { margin: auto; width: 100px; }
	.container.accountpage .content .award .award-description .page-header { border-bottom: 1px solid #eee; margin: 0px 0px 5px; padding: 0px;; }
	.container.accountpage .content .award .award-description .page-header h4 { margin-top: 1px; }

	/*Member Portal Feedback Header
	---------------------------------------------------------------------------------------------------------*/
	.container .boxfeedback { margin: 50px auto; padding: 20px; border: 2px solid #EEEEEE; border-radius: 10px; text-align: center; }
	.container .boxfeedback h4 { margin-bottom: 20px; }
	.none { display: none !important; }

	/* 	Member Portal Overall Heading
	------------------------------------------------------------------------------------------------------- */
	.container .box .content .overall .item-top .page-header { text-align: left !Important; }
	.container .box .content .overall .item-top .description { text-align: right; top: 9px; }
	.container .box .content .overall .item { margin: 5px 0;  }
	.container .box .content .overall .item h4 a { top: 3px;}
	.container .box .content .overall .item h4 a:hover { font-size: 19px; }
	.container .box .content .overall .item .page-header { margin: 2px 0; text-align: center; }
	.container .box .content .overall .item .page-header h4 { font-weight: 700; font-size: 14px; }
	.container .box .content .overall .item1 h5 { font-size : 24px; text-align: center; display: table ; vertical-align: middle; line-height: 68px; margin-left: auto; margin-right: auto;}
	.container .box .content .overall .upgradebutton { text-align: center; margin: 10px; }
	.container .box .content .overall .shared-note { margin: 0px 0px 7px; font-size: 12px; }

	/* Member Portal Box - Activity
	--------------------------------------------------------------------------------------------------------- */
	.container .box .content .activity { margin-bottom: 20px; }
	.container .box .content .activity .item .page-header { margin: 2px 0; text-align: center; }
	.container .box .content .activity .item .page-header h3 { margin-left: 0px; }
	.container .box .content .activity .item .page-header h4 { font-weight: 500; font-size: 16px; }
	.container .box .content .activity .item1 h5 { font-size : 25px; text-align: center; line-height: 25px; font-weight: bolder; }
	.container .box .content .activity .item1 h4 { color: #949494; font-size: 16px; font-weight: 600; text-align: center; }
	.container .box .content .activity .page-header { margin: 10px 0;}

	.container .box .content .infotext { font-style: italic; text-align: center; }

	/* Member Portal Box - Achievements
	------------------------------------------------------------------------------------------------------------- */
	.container .box .content .achievement .award-content { height: 220px; width: 350px; overflow: auto; }
	.container .box .content .achievement .award-content .pic-ac { margin: 3px; height: 90px; width: 90px; }

	/* Member Portal Box - Feedback Modal
	-------------------------------------------------- */
	.feedbackModal .modal-dialog .modal-content .modal-body { text-align: center; }
	.feedbackModal .modal-dialog .modal-content .modal-body h4 { margin-bottom: 20px; }
	.feedbackModal .modal-dialog .modal-content .modal-body .btn { margin: 20px; }

	/* Member Portal Box - Graph
	------------------------------------------------------------------------------------------------------ */
	.container .box .content .graph { text-align:center; }
	.container .box .content .graph h6 { text-align: center; }
	.container .box .content .graph .label-percent { position: relative; top: 103px; left: 104px; z-index: 5; float:left}
	.container .box .content .graph .label-percent .fa { position: relative; top: 2px; }
	.container .box .content .graph .btn { position: relative; bottom: 20px; }

	/* Member Portal Box - Booking Panel
	----------------------------------------------------------------------------------------------------- */
	.container .box .bookingAppointment { margin-bottom: 18px; }
	.container .box .bookingAppointment td.child-row { border: none !important; }
	.container .box .bookingAppointment td.not(.child-row) { border-top: 1px solid #ddd !important; }
	.container .box .bookingAppointment .panel-body { max-height: none !important; }
	.container .box .bookingAppointment .panel-body .table tbody .wnumber { color: red; font-weight: 600; }
	.container .box .bookingAppointment .panel .panel-body .btn, .container .box .membership .panel .panel-body .btn { float: right; }

	/*Member Portal Verification Page
	------------------------------------------------------------------------------------------------------*/
	.verificationpage .page-header { text-align: center; margin-top: 10px; }
	.verificationpage .page-header h3 { margin-top: 0px; }
	.verificationpage .verification-detail .box-details, .container.verificationpage .verification-detail .box-details .form-group { padding: 0px; }
	.verificationpage .verification-detail .box-details .control-label { margin: 8px 0px 0px; font-weight: 300; color: #2D2D2D; }
	.verificationpage .verification-detail .box-details .form-control-static { font-weight: 600; font-size: 16px; }
	.verificationpage .verification-detail .box-picture img { margin: auto; }
	.verificationpage .end-bar { margin-top: 60px; text-align: center; }

	/*Member Portal Variation Form Page
	------------------------------------------------------------------------------------------------------*/
	.variationform .signature, .variationform .clearsig_div { text-align: center; }
	.variationform .variation-detail .box-details, .container.variationform .variation-detail .box-details .form-group { padding: 0px; }
	.variationform .variation-detail .box-details .control-label { margin: 8px 0px 0px; font-weight: 300; color: #2D2D2D; }
	.variationform .variation-detail .box-details .form-control-static { font-weight: 600; font-size: 16px; }
	.variationform .end-bar { margin-top: 60px; text-align: center; }

/* Login Page
------------------------------------------------------------------------------------------ */
.container.login { margin: 0px auto; }
.container.login .login-content { margin-left: auto; margin-right: auto; float: center; text-align: center; padding: 0px; }
.container.login .page-header { text-align: center; padding: 0px; }
.container.login .login-content .form-group { margin-left: 0px; margin-right: 0px; }
.container.login .login-content .checkbox { text-align: left; padding-left: 0px; padding-top: 0px; margin-top: 2px; margin-bottom: 15px; }
.container.login .login-content .submit-button, .container.signup-box .table-content .submit-button { text-align: center; padding-left: 0px; padding-right: 0px; }
.container.login .login-content .submit-button .btn { width: 100%; margin-bottom: 5px; }
.container.login .login-content .submit-button .loginbutton .fb-button .btn-fb { background-color: #1e77f7; color: #fff; }
.container.login .login-content .submit-button .loginbutton .fb-button .btn-fb img { float: left; width: 20px; }
.container.login .login-content .casualbooking-button { margin-top: 40px; }
.container.login .login-content .casualbooking-button a { width: 100%;  margin: 5px 0px; padding: 15px; }

.container.slimwidth { margin: 0px auto; }
.container.slimwidth .login-content { margin-left: auto; margin-right: auto; float: center; text-align: center;}
.container.slimwidth .page-header { text-align: center; }
.container.slimwidth .login-content .form-group { padding-right: 0px; padding-left: 0px; margin-left: 0px; margin-right: 0px; }
.container.slimwidth .login-content .checkbox { text-align: left; padding-left: 0px; padding-top: 0px; margin-top: 2px; margin-bottom: 15px; }
.container.slimwidth .login-content .submit-button, .container.signup-box .table-content .submit-button { text-align: center; padding-left: 0px; padding-right: 0px; }
.container.slimwidth .login-content .submit-button .btn { /*width: 100px;*/ width: 100%; margin-bottom: 5px; }
.container.slimwidth .login-content .casualbooking-button .casualbutton { padding: 0px; }
.container.slimwidth .login-content .submit-button .signupbutton { padding-right: 2px; }
.container.slimwidth .login-content .submit-button .enquirybutton { padding-left: 2px; }
.container.slimwidth .login-content .casualbooking-button a { width: 100%;  margin: 20px 0px; padding: 15px; }

/* Sign Up Page
--------------------------------------------------------------------------------------------- */
.container.signup-box { margin: 0px auto; padding: 0 20px; }
.container.signup-box .submit-button { text-align: center; }
.container.signup-box > .member-detail { margin: 0 auto; width: 500px;}
.container.signup-box > .table-content { margin: 0 auto; }
.container.signup-box .page-header .fa-user { font-size: 0.89em; }
.container.signup-box .btn-addmembership { text-align: left; border-radius: 4px; }
.container.signup-box .membership-header { padding: 0px; margin: 8px 0px; }
.container.signup-box .membership-header h3 { margin: 5px 0px; }
.container.signup-box .btn-addmembership::hover { cursor: pointer; }
.container.signup-box .btn-addmembership .membership-details .membership-name { font-weight: 600; border-bottom: 1px solid #bdcfe2; display: inline-block; }
.container.signup-box .btn-addmembership .membership-details { border-right: 1px solid rgb(243,243,243, 0.7); }
.container.signup-box .btn-addmembership h2, .container.signup-box .btn-addmembership h3,
.container.signup-box .btn-addmembership h4, .container.signup-box .btn-addmembership h5,
.container.signup-box .btn-addmembership p { margin-top: 5px; margin-bottom: 5px; }

	/*Sign up Page Payment
	--------------------------------------------------------------------------------------------*/
	.container.slimwidth #tacsform .price-summary, .container.slimwidth #presignuptacsform .price-summary { margin-top: 10px; }

	/*Sign Up Page Referred By Search Member
	--------------------------------------------------------------------------------------------*/
	.container.signup-box .referredByButton { text-align: center; margin: 20px; }
	.searchMember .memberList { margin: 10px 0px; float: right; background-color: #F3F3F9; border: 1px solid #CCC; border-radius: 5px; padding: 10px; max-height: 200px; overflow: auto; }
	.searchMember .memberResult { max-height: 580px; overflow: auto; padding: 5px 3px; }
	.searchMember .memberResult .memberResult-content { background: #FBFBFB none repeat scroll 0% 0%; border: 1px solid #FFF; box-shadow: 0px 2px 2px #CCC; margin-bottom: 5px; height: 50px; width: 100%; padding: 0px; }
	.searchMember .memberResult .memberResult-content a.memberlink { color: #333; height: inherit; }
	.searchMember .memberResult .memberResult-content a.memberlink:hover { color: #333; text-decoration: none;  height: inherit; }
	.searchMember .memberResult .memberResult-content .memberPhoto { position: relative; margin-right: 10px; text-align: center; height: inherit; width: 70px; overflow: hidden; padding: 0px; }
	.searchMember .memberResult .memberResult-content .memberPhoto img { position: absolute; left: 50%; top: 50%; height: inherit; width: auto; transform: translate(-50%, -50%); 	-ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform:  translate(-50%, -50%); }
	.searchMember .memberResult .memberResult-details { text-align: left; width: 385px; padding-left: 5px; padding-right: 0px; height: inherit; width: 55%; float: left; }
	.searchMember .memberResult .memberResult-details h6 { margin: 0px; }
	.searchMember .memberResult .memberResult-details .memberName { padding: 0px; height: 20px; width: 100%; margin-top: 5px;}
	.searchMember .memberResult .memberResult-action { height: inherit; padding: 7px 1px; position: absolute; right: 2%; }
	.searchMember .memberResult .memberResult-action .btn-right { margin-top: 3px; padding: 10px 30px; }
	.searchMember .memberResult .memberResult-action .btn-right.bookingaddmember_btn { margin-top: 0px; padding: 6px 20px; }
	.container.signup-box .panel .panel-heading h4 a { width: 100%; display: inline-block; }
	.container.signup-box .panel .panel-heading { text-align: center; }

	/*Failed Payment
	------------------------------------------------------------------------------------------*/
	#wrap .page-header.failpayment { text-align: center; border: 0px solid #ccc; margin: 10px 0px; }
	#wrap .page-header.failpayment h1 { font-size: 25px; margin: 5px 0px; }
	#wrap .page-header.failpayment h3 { font-size: 16px; margin: 2px 0px; }
	.container.failpayment h2.membername { font-size: 26px; margin: 5px 0px 20px; text-align: center; }
	.container.failpayment .balance { text-align: center; margin-bottom: 20px; }
	.container.failpayment .balance h2.fail_label { font-size: 19px; }
	.container.failpayment .balance h2 { margin: 5px 0px 10px; font-size: 26px; }
	.container.failpayment .balance, .container.failpayment .endbar-button { padding: 0px; }
	.container.failpayment .endbar-button { margin-bottom: 10px; }

/*form-control placeholder color
-----------------------------------------------------------------*/
.form-control::-webkit-input-placeholder { color: #E0E0E0; }
.form-control:-moz-placeholder { color: #E0E0E0; }
.form-control::-moz-placeholder { color: #E0E0E0; }
.form-control:-ms-input-placeholder { color: #E0E0E0; }

/* Edit Profile Page
--------------------------------------------------------------------------------------------- */
.container.edit-profile .submit-button, .container.edit-profile .checkbox { text-align: center; }

/*Term and Condition Page
-----------------------------------------------------------*/
.termandcondition-content { max-height: 600px; overflow-y: auto; margin-bottom: 10px; border: 1px solid #F0F0F0; padding: 10px; border-radius: 10px; text-align: justify; margin-left: auto; margin-right: auto;}
.waiver-linked-members { margin-top: 10px; }

/* --------------------------------------------------------------------------------------------------------------------
Black Page
-----------------------------------------------------------------------------------------------------------------------*/

#wrap.black { background-color: #000; color: #FFF !important; }
#wrap.black .table-hover tbody tr:hover { color: #000 !important; cursor: pointer; }
#wrap.black .forgot-pass { color: #FFF !important; }

/*Visit graph page
-----------------------------------------------------------*/
.container.visitgraph .dow { text-align: center; }
.container.visitgraph .dropdown-filter:visible + .dow { margin-top: 10px; }
.container.visitgraph .dow #current_dow { display: inline-block; padding-top: 8px; }
.container.visitgraph .dow .dow-change { font-size: 24px; cursor: pointer; width: 50px; }
.container.visitgraph .dow .dow-change#dow_left { padding-left: 5px; text-align: left; }
.container.visitgraph .dow .dow-change#dow_right { padding-right: 5px; text-align: right; }

/*Class Schedule Calender
-----------------------------------------------------------*/
.container.schedule { max-width: 1170px; }
/* Scale responsively across breakpoints */
@media (min-width: 992px) {
	.container.schedule { width: 100%; }
}
@media (min-width: 768px) {
	.container.schedule { width: 100%; }
}

.container.schedule .page-header { padding: 0px; margin-top: 0px; margin-bottom: 10px; border-bottom: none; }
.container.schedule .page-header .form-group { padding: 0px; }
.container.schedule #responsive-calendar { display: none; }
.container.schedule #responsive-calendar .boxcalendar { padding: 0px; }
.container.schedule .schedule-content .day-box { padding:0px; width: 318px; }
.container.schedule .schedule-content .day-box.three { width: 474px; }
.container.schedule .schedule-content .day { width: 155px; margin-right: 3px; padding: 0px; margin-bottom: 10px; }
.container.schedule .schedule-content .day .daytitle { padding: 0px; /*margin-bottom: 5px;*/ background-color: #282828; color: #F8F8F8; }
.container.schedule .schedule-content .day .daytitle.today { background-color: #F8F8F8; color: #282828; }
.container.schedule .schedule-content .day .daytitle { text-align: center; }
.container.schedule .schedule-content .daytitle h4 { margin-bottom: 5px; }
.container.schedule .schedule-content .daytitle h5 { margin-top: 3px; }
.container.schedule .schedule-content .day .daytitle a { color: #fff !important; }
.container.schedule .schedule-content .day .daycontent { padding: 5px 0px; border: 1px solid #E8E8E8; margin-bottom: 5px; }
.container.schedule.three .schedule-content .day .daycontent .classdetails { padding: 0px 2px; }
.container.schedule .schedule-content .day .daycontent .time { padding: 0px; text-align: center; }
.container.schedule .schedule-content .day .daycontent .classlogo { padding-left: 5px; padding-right: 5px; }
.container.schedule .schedule-content .day .daycontent .name { text-align: center; }
.container.schedule .schedule-content .day .daycontent .name h5 { font-weight: 600; }
.container.schedule .schedule-content .day .daycontent .trainer { padding: 0px 5px; text-align: center; }
.container.schedule .schedule-content .day .daycontent .classdetails { padding-left: 5px; padding-right: 5px; }
.container.schedule.three .schedule-content .day .daycontent .classdetails .trainer h6, .container .schedule-content .day .daycontent .classdetails .staff h6 { margin: 2px 0; word-wrap: break-word;}
.container.schedule.three .schedule-content .day .daycontent .classdetails .trainer, .container .schedule-content .day .daycontent .classdetails .staff { padding: 0px; text-align: center; }

.container.schedule .schedule-content .day .daycontent.historic { background-image: url("../historiccell.html"); }
.container.schedule .schedule-content .day .daycontent.historic.grey {background-color: rgb(110, 110, 110) !important; color: #ffffff !important}
.container.schedule .schedule-content .day .daycontent.clickable { cursor: pointer; cursor: hand; }

.container.schedule .schedule-content .day .daycontent .content { width: 155px; min-height: 95px; padding-left: 5px; }
.container.schedule .schedule-content .day .daycontent .content .classdetails { width: 85px; min-height: 95px; }
.container.schedule .schedule-content .day .daycontent .content .classdetails.nologo { width: 100%; }
/*.container.schedule .schedule-content .day .daycontent .content .classlogo { position: relative; margin-right: 3px; text-align: center; min-height: 95px; width: 60px; overflow: hidden; }*/
/*.container.schedule .schedule-content .day .daycontent .content .classlogo img { position: absolute; left: 50%; top: 50%; height: 100%; width: 100%; transform: translate(-50%, -50%); }*/
.container.schedule .schedule-content .day .daycontent .content .classlogo img { height: 100%; transform: translate(-25%, 0%);  }
.container.schedule .schedule-content .day .daycontent .content .classlogo { position: relative; margin-right: 3px; text-align: center; height: 95px; width: 60px; overflow: hidden; }

/*Class Calendar Table
----------------------------------------------------------------*/
.container.schedule .schedule-content .table-responsive { padding: 0px; }
.container.schedule .schedule-content .table-classcalendar thead tr th, .container.schedule .schedule-content .table-classcalendar tbody tr td { width: 5% !important; }
.container.schedule .schedule-content .table-classcalendar thead tr th + th, .container.schedule .schedule-content .table-classcalendar tbody tr td + td { width: 8% !important; display: table-cell; text-align: center; vertical-align: middle; }
.container.schedule .schedule-content .table-classcalendar thead tr th.hours { margin-right: 3px; padding: 0px; }
.container.schedule .schedule-content .table-classcalendar thead tr th.hours .daytitle { padding: 0px; /*margin-bottom: 5px;*/ background-color: #282828; color: #F8F8F8; }
.container.schedule .schedule-content .table-classcalendar tbody tr td.hours { text-align: center; display: table-cell; text-align: center; vertical-align: middle; font-weight: 600; color: white; background-color: rgb(68, 68, 68); }
.container.schedule .schedule-content .table-classcalendar tbody tr { height: 40px; border-bottom: 1px solid #ccc; }
.container.schedule .schedule-content .table-classcalendar tbody tr td { padding-top: 2px; padding-bottom: 2px; }
.container.schedule .schedule-content .table-classcalendar > tbody > tr > td { border: 0px;  }

.container.schedule .schedule-content .table-classcalendar .day-box { padding:0px; width: 318px; }
.container.schedule .schedule-content .table-classcalendar .day-box.three { width: 474px; }
.container.schedule .schedule-content .table-classcalendar .day { width: 155px; margin-right: 3px; padding: 0px; }
.container.schedule .schedule-content .table-classcalendar .day .daytitle { padding: 0px; /*margin-bottom: 5px;*/ background-color: #282828; color: #F8F8F8; }
.container.schedule .schedule-content .table-classcalendar .day .daytitle.today { background-color: #F8F8F8; color: #282828; }
.container.schedule .schedule-content .table-classcalendar .daytitle h4 { text-align: center; }
.container.schedule .schedule-content .table-classcalendar .day .daytitle a { color: #fff !important; }
.container.schedule .schedule-content .table-classcalendar .daycontent { padding: 0px; border: 1px solid #E8E8E8; border-radius: 10px; color: #000 !important; }
.container.schedule.three .schedule-content .table-classcalendar .daycontent .classdetails { padding: 0px 2px; }
.container.schedule .schedule-content .table-classcalendar .daycontent .time { padding: 0px; text-align: center; }
.container.schedule .schedule-content .table-classcalendar .daycontent .classlogo { padding-left: 0px; padding-right: 0px; }
.container.schedule .schedule-content .table-classcalendar .daycontent .name { text-align: center; word-wrap: break-word; }
.container.schedule .schedule-content .table-classcalendar .daycontent .name h5 { font-weight: 600; }
.container.schedule .schedule-content .table-classcalendar .daycontent .trainer { padding: 0px 5px; text-align: center; }
.container.schedule .schedule-content .table-classcalendar .daycontent .classdetails { padding-left: 5px; padding-right: 5px; }

.container.schedule.three .schedule-content .table-classcalendar .daycontent .classdetails .trainer h6, .container .schedule-content .table-classcalendar .daycontent .classdetails .staff h6 { margin: 2px 0; word-wrap: break-word; }
.container.schedule.three .schedule-content .table-classcalendar .daycontent .classdetails .trainer, .container .schedule-content .table-classcalendar .daycontent .classdetails .staff { padding: 0px; text-align: center; }

.container.schedule .schedule-content .table-classcalendar .daycontent.historic { background-image: url("../historiccell.html"); }
.container.schedule .schedule-content .table-classcalendar .daycontent.historic.grey {background-color: rgb(110, 110, 110) !important; color: #ffffff !important}
.container.schedule .schedule-content .table-classcalendar .daycontent.clickable { cursor: pointer; cursor: hand; }
.container.schedule .schedule-content .table-classcalendar .daycontent .content { width: 100%; min-height: 95px; padding-left: 0px; height: 100%; overflow: hidden; }
.container.schedule .schedule-content .table-classcalendar .daycontent .content .classdetails { width: 100%; min-height: 95px; }
.container.schedule .schedule-content .daycontent.short { height: 65px; overflow: hidden; }
.container.schedule .schedule-content .daycontent.short .name h5, .container.schedule .schedule-content .daycontent .trainer h6,
.container.schedule .schedule-content .daycontent .time h6 { margin: 5px 0px; }
.container.schedule .schedule-content .daycontent.medium { height: 95px; overflow: hidden; }
.container.schedule .schedule-content .daycontent.long { height: 149px; overflow: hidden; }
.container.schedule .schedule-content .table-classcalendar .daycontent .content .classdetails.nologo { width: 100%; background: none; }
.container.schedule .schedule-content .table-classcalendar .daycontent .content .classdetails { background: rgba(245, 245, 245, 0.8); }
/*.container.schedule .schedule-content .day .daycontent .content .classlogo { position: relative; margin-right: 3px; text-align: center; min-height: 95px; width: 60px; overflow: hidden; }*/
/*.container.schedule .schedule-content .day .daycontent .content .classlogo img { position: absolute; left: 50%; top: 50%; height: 100%; width: 100%; transform: translate(-50%, -50%); }*/

.container.schedule .schedule-content .table-classcalendar .daycontent .content .classlogo img { position: absolute; left: 50%; top: 50%; height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.container.schedule .schedule-content .table-classcalendar .daycontent .content .classlogo { position: relative; text-align: center; width: 100%; overflow: hidden; position: absolute; height: inherit; }

	/*Class Calendar Modal
	-------------------------------------------------------------*/
	#bookclassmodal .box { margin-top: 20px; }
	#bookclassmodal .class-title { text-align: center; margin: 8px 0px; }
	#bookclassmodal .prevbooked-message { display: block; background-color: rgba(255, 0, 0, 0.26); border: 2px solid red; text-align: center; border-radius: 5px;  margin-bottom: 10px; }
	#bookclassmodal .prevbooked-message h5 { color: #333; }
	#bookclassmodal .online_instruction { font-style: italic; }
	#bookclassmodal .classimage img { padding-top: 10px; padding-bottom: 10px; }
	#bookclassmodal .classdescription .form-group { padding: 0px; }
	#bookclassmodal .classdescription .forgotPassword { text-align: center; }
	#bookclassmodal .attendee-list { margin-top: 20px; margin-bottom: 0px; }
	#bookclassmodal .attendee-list .panel-heading { background-color: white; }
	#bookclassmodal .skippayment { margin-top: 20px; }
	#bookclassmodal .submit-button { margin-top: 30px; }

/*Book All Class
------------------------------------------------------*/
.container.booking .booking-content .box .submit-button.bookallclass { margin-top: 70px; }
.container.booking .booking-content .box .btn-bookallclass { width: 100%; text-align: center; margin-bottom: 10px; }
.container.booking .booking-content .box .btn-bookallclass i { position: relative; bottom: 3px; }
.container.booking .booking-content .box .table-content { border: 1px solid rgb(204, 204, 204); position: relative; bottom: 11px; padding-top: 10px; }
.container.booking .booking-content .bookallclass .form-group.filtergroup .control-label { margin-top: 5px; }
.container.booking .booking-content .bookallclass .table tbody tr.haswaitlist td.availability { font-style: italic !important; font-weight: 600; }
.container.booking .booking-content .bookallclass .table tbody .waitlist-message .form-group,
.container.booking .booking-content .bookallclass .table tbody .booking-message .form-group { text-align: center; position: relative; top: 15px; font-weight: 600; }

/* Digital Signature
------------------------------------------------------------*/
/* touch-action for bug in windows touch screens */
#parent_signature ,#signature { position: relative; touch-action: none; -ms-touch-action: none; }
#parent_signature .signhere, #signature .signhere { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.clearsig_div { padding: 10px; text-align: center; }

/* Member Validation
---------------------------------------------------------------*/
.member_validation { padding: 5px 15px; background-color: rgb(217, 83, 79); color: rgb(255, 255, 255); }
.member_validation a { color: rgb(255, 255, 255); text-decoration: underline; font-weight: 800; }
.member_validation_message { padding: 5px 15px; }

/* Payment info Page
---------------------------------------------------------------*/
.container.payment-info .page-header { text-align: center; }
.container.payment-info .radio { margin-top: 0px; }
.container.payment-info .btn-group-payment-type { margin-bottom: 15px; }
.container.payment-info .card-expiry .card-expiry-month { padding-right: 5px; }
.container.payment-info .card-expiry .card-expiry-year { padding-left: 5px; }

/*Workout Page
--------------------------------------------------------------*/
.container.workout .table td.child-row { border: none !important; white-space: normal; }
.container.workout .table td.not(.child-row) { border-top: 1px solid #ddd !important; }

/*Measurement Page
--------------------------------------------------------------*/
.container.measurement .table td.measurementprogress { font-weight: bold; }

/*--------------------------------------------------------------
	NZSIA CSS Style
---------------------------------------------------------------*/
.container.booking .box.effect2 { width: 100% !important; }

.container.accountpage .box .content .overall .alert-content p { margin-bottom: 20px; }
.container.accountpage .box .content .overall .subscription-renewing-content .checkbox { margin-bottom: 20px; }
.container.accountpage .box .content .overall .end-bar-subscription-renewing { text-align: center; margin: 20px 0;  }
.container.accountpage .box .content .overall .end-bar-subscription-renewing .conditionlinks,
.container.booking .booking-content .content .resultlink a { color: blue; text-decoration: underline; cursor: hover; }
.conditionlinks { color: blue; text-decoration: underline; cursor: hover; }

.container.calendar { width: 100%; }
.container.calendar h3 { margin-bottom: 20px; }
.container.calendar .boxcalendar { padding: 10px; border: 1px solid #ccc; background-color: #E1E1E1; border-radius: 5px; margin-bottom: 20px; }
.container.calendar .boxcalendar h4 { margin-bottom: 20px; }
.container.calendar .boxcalendar .classfull { color: #337ab7; text-decoration: underline; }
.container.calendar .boxcalendar .classfull:hover { font-weight: 600; }
.container.calendar .calendarnote .mailto { color: #337ab7; text-decoration: underline; }
.container.calendar .calendarnote .mailto  { font-weight: 600; }

.container.nzsia .submit-button { padding: 0px; }
.container.nzsia .submit-button .loginbutton.login { padding-left: 0px; }
.container.nzsia .submit-button .loginbutton.signup { padding-right: 0px; }
.container.nzsia .submit-button .loginbutton .btn { border-radius: 2px; padding: 7px 12px; }

/*--------------------------------------------------------------
	Recreation Booking Session Style
 ---------------------------------------------------------------*/
.container.booking .booking-content .box .content .panel { margin-bottom: 20px; }
.container.booking .booking-content .box .content .panel-title { text-align: center; }

/*USA Payment Details
------------------------------------------------------------------------*/
.container.login .paymentoption .paymentoption-content .form-group .input-text .radio label img { width: 30%; }
.container.login .paymentoption .paymentoption-content .form-group .control-label { margin: 10px 0 0; }
.container.login .paymentoption .paymentoption-content .form-group .input-text.options { text-align: left; }
.container.login .paymentoption .paymentdetails .form-group p { font-size: 12px; font-style: italic; text-align: center; color: #696969; }

.container.slimwidth .paymentoption .paymentoption-content .form-group .input-text .radio label img { width: 30%; }
.container.slimwidth .paymentoption .paymentoption-content .form-group .control-label { margin: 10px 0 0; }
.container.slimwidth .paymentoption .paymentoption-content .form-group .input-text.options { text-align: left; }
.container.slimwidth .paymentoption .paymentdetails .form-group p { font-size: 12px; font-style: italic; text-align: center; color: #696969; }

/*-----------------------------------------------------------
	Book Demo USA Page
--------------------------------------------------------------*/
.container.gmenquiry { margin-top: 80px; margin-bottom:80px}
.page-header.bookdemo h1 { color: #467ABD; margin: 10px 0 30px; font-weight: 600; }
.page-header.bookdemo p { font-size: 16px; }
.page-header.bookdemo { margin: 0px; }
.page-header.quotes { margin: 10px 0px; padding: 10px 0px 10px; text-align: center; font-style: italic; }
h1.bookdemotitle { margin-top: 5px; }
h1.bookdemotitle, .scheduleavailability h3  { color: #467ABD; }
.container.gmenquiry-content { margin-top: 20px; }
.signup-box .member-detail .boxbutton { text-align: center; }
.signup-box .member-detail .form-group { margin-left: 0px; margin-right: 0px; }
.signup-box .member-detail .form-group, .signup-box .member-detail .boxbutton { padding: 0px; }
.signup-box .member-detail .boxbutton .btn-submitbooking { width: 65%; padding: 15px 10px; margin-bottom: 10px; background-color: #5ab45a; color: #fff; font-weight: 600; border-radius: 7px;
-webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.49);
-moz-box-shadow:    1px 2px 4px 0px rgba(50, 50, 50, 0.49);
box-shadow:         1px 2px 4px 0px rgba(50, 50, 50, 0.49);
}
.signup-box .member-detail .boxbutton .btn-submitbooking span { display: block; text-align: left; }
.signup-box .member-detail .boxbutton .btn-submitbooking .booking_dayname, .signup-box .member-detail .boxbutton .btn-submitbooking .booking_start { font-size: 18px; }
.signup-box .member-detail .boxbutton .btn-submitbooking .booking_day, .signup-box .member-detail .boxbutton .btn-submitbooking .booking_staff { font-size: 18px; }
.signup-box .member-detail .boxbutton .btn-submitbooking .left-side { border-right: 1px solid #e0e0e0; }
.signup-box .member-detail .boxbutton .btn-submitbooking:hover { border: 1px solid #597759;-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.49);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.49);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.49);  }
.signup-box .member-detail .notebox { text-align: center; padding: 0px; }
.signup-box .member-detail .notebox a { border-radius: 4px; padding: 15px; font-size: 15px; }
.signup-box .member-detail .notebox a span { display: block; }
.signup-box .member-detail .page-header.scheduleavailability { text-align: center; margin: 5px 0;}

/* New gm_enquiry layout */
.signup-box .member-detail .timelist-new { text-align: center; }
.signup-box .member-detail .timelist-new .booktime { text-align: right; }
.signup-box .member-detail .timelist-new .booktime a { font-weight: 600; width: 100%;
-webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.49);
-moz-box-shadow:    1px 2px 4px 0px rgba(50, 50, 50, 0.49);
box-shadow:         1px 2px 4px 0px rgba(50, 50, 50, 0.49);
}
.signup-box .member-detail .timelist-new .timelist-container { border: 1px solid #ececec; background-color: #ffffff; border-radius: 4px; display: inline-block; float: none; padding: 5px; }
.signup-box .member-detail .box-content { margin: auto; width: 768px; }

#checking_message { text-align: center; }

#wrap .loadingcontainer { height: 10px; margin: 40px 0px; z-index: 999;}
/*#wrap:not(.logingm):not(.serenitycontent) .loadingcontainer { position: fixed; top: 25%; }*/

.loader { height: 20px; width: 250px; margin: auto; }
.loader--dot { animation-name: loader; animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 20px; width: 20px; border-radius: 100%; background-color: black; position: absolute; border: 2px solid white; }

.loader--dot:first-child {
	background-color: #0099FF;
  animation-delay: 0.5s;
}
.loader--dot:nth-child(2) {
  background-color: #0066CC;
  animation-delay: 0.4s;
}
.loader--dot:nth-child(3) {
  background-color: #0033CC;
  animation-delay: 0.3s;
}
.loader--dot:nth-child(4) {
  background-color: #003399;
  animation-delay: 0.2s;
}
.loader--dot:nth-child(5) {
  background-color: #000099;
  animation-delay: 0.1s;
}
.loader--dot:nth-child(6) {
  background-color: #000033;
  animation-delay: 0s;
}
.loader--text { position: absolute; top: 200%; left: 0; right: 0; width: 250px; margin: auto; font-weight: bold; text-align: center; }

@keyframes loader {
  15% {
	transform: translateX(0);
  }
  45% {
	transform: translateX(230px);
  }
  65% {
	transform: translateX(230px);
  }
  95% {
	transform: translateX(0);
  }
}
@keyframes loading-text {
  0% {
	content: "Loading";
  }
  25% {
	content: "Loading.";
  }
  50% {
	content: "Loading..";
  }
  75% {
	content: "Loading...";
  }
}

	/*-------------------------------------
		Confirmation Modal
	---------------------------------------*/
	#confirmation_modal .text-group h4, #confirmation_modal .end-bar { padding: 0px; text-align: center; }
	#confirmation_modal .form-group { padding: 0px; }
	#confirmation_modal .end-bar a { border-radius: 2px; padding: 12px; }

/*-------------------------------------
	Error Page
---------------------------------------*/
.container .errordiv { text-align: center; border: 1px solid #ccc; width: 480px; margin: auto;
-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    1px 1px 4px 0px rgba(50, 50, 50, 0.2);
box-shadow:         1px 1px 4px 0px rgba(50, 50, 50, 0.2);
}
.container .errordiv img { margin: auto; }
.container .errordiv .error-msg { margin: 30px; }

/*GymMaster Software login page
------------------------------------------------------------------------*/
#footer.col-xs-12 { padding: 0px; }
.container.gmlogin { margin: 5% auto; background-color: #fff; padding: 30px 50px 40px; }
.gymmasterprocess { margin: 100px auto 0px; width: 600px; }
.gymmasterprocess .process-row .process-step.success:before { top: 25px; bottom: 0; position: absolute; content: " "; width: 150px; height: 1px; background-color: #5cb85c; left: 0px; }
.gymmasterprocess .process-row .process-step { width: 150px; }
.gymmasterprocess .btn-circle { width: 50px; height: 50px; border-radius: 25px; font-size: 15px; }
.gymmasterprocess .buttontext { color: #757575; }
.gymmasterprocess .buttontext.success { color: #4cae4c; }
.container.gmlogin .page-header, .container.gmlogin .page-header h3 { margin-top: 10px; }
.container.gmlogin .login-content .form-group { margin: 5px 0px; }
.container.gmlogin .login-content .submit-button .loginbutton .btn { border-radius: 2px; padding: 8px 15px; }
.container.gmlogin .casualbooking-button { display: none; }

/*GymMaster Signup page
------------------------------------------------------------------------*/
.container.signup-box.gm { margin: 10px auto; padding: 40px 20px;  }
.container.signup-box.gm .box { background-color: #fff; border: 1px solid #ccc; margin: 20px 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
min-height: 0px !important;
 }
.container.signup-box.gm .box .page-header { margin-top: 10px; border-bottom: 1px solid #ececec; }
.container.signup-box.gm .box .page-header h3 { color: #6d6d6d; padding: 0px; }
.container.signup-box.gm .box .page-header .input-text { margin-top: 15px; }
.container.signup-box.gm .box .page-header .input-text .btn-group { float: right; }
.container.signup-box.gm .box .form-group { padding: 0px; }
.container.signup-box.gm .box.billingRequirement .form-group { padding: 0px 0px 0px 15px; }
.container.signup-box.gm .box.billingRequirement .control-label { text-align: left; }
.container.signup-box.gm .box.billingRequirement .input-text .sidenote { text-align: center; font-style: italic; }
.gymmasterMark.gm { margin: 0px; padding: 40px 0px; }

/*GymMaster Subscription packages page
------------------------------------------------------------------------*/
.container.signup-box .gymmasterpackages .control-label { text-align: left; }
.container.signup-box .gymmasterpackages .form-group { padding: 0 15px !important; margin: 10px 0; }
.container.signup-box .gymmasterpackages .featurebox .membernumber, .container.signup-box .gymmasterpackages .featurebox .price { text-align: center; }
.container.signup-box .gymmasterpackages .featurebox .membernumber h3 { margin: 5px 0px; font-size: 26px; font-weight: 600; }
.container.signup-box .gymmasterpackages .featurebox .membernumber h5,.container.signup-box .gymmasterpackages .featurebox .price h5 { font-size: 20px; }
.container.signup-box .gymmasterpackages .featurebox .membernumber { background-color: #25384E; color: #fff; padding: 25px; }
.container.signup-box .gymmasterpackages .featurebox .box-feature { padding-right: 0px; padding-left: 5px; }
.container.signup-box .gymmasterpackages .featurebox .gmFeature { padding: 0px; border: 1px solid #ccc; padding: 20px 0px; }
.container.signup-box .gymmasterpackages .featurebox .box-feature ul { padding-left: 20px; list-style-type: none; }
.container.signup-box .gymmasterpackages .featurebox .box-feature ul li { margin-bottom: 7px; background-image: url(../checklist.html); background-repeat: no-repeat; background-position: left top; padding-left: 20px; padding-right: 7px; }
.container.signup-box .gymmasterpackages .featurebox .box-feature ul li.gray { background-image: url(../cross.html); text-decoration: line-through; color: #ccc; }
.container.signup-box .gymmasterpackages .featurebox .price .currency { width: 45%; text-align: right; }
.container.signup-box .gymmasterpackages .featurebox .price { background-color: #d04747; color: #fff; padding: 20px; }
.container.signup-box .gymmasterpackages .featurebox .price h3 { margin: 5px 0px; font-size: 25px; }

/*GymMaster Shop Page
-------------------------------------------------------------------------*/
.container.shop { margin-top: 5%; }
.container.shop .itemlist td { vertical-align: middle; border-top: 0px; border-bottom: 2px solid rgba(204, 204, 204, 0.26); padding: 15px; }
.container.shop .itemdetail .itemname, .container.shop .itemprice, .container.shop .itemtotprice { font-size: 16px; font-weight: 600; }
.container.shop .itemdetail .itemdescription { font-size: 13px; }
.container.shop .overview { border: 1px solid #ccc; padding: 15px; background-color: #fff; }
.container.shop .overview .page-header { margin: 0px; padding: 5px; }
.container.shop .overview h3 { margin: 0px 0px 6px; }
.container.shop .overview .tableoverview, .container.shop .overview .proceedbutton { padding: 0px; }
.container.shop .overview .tableoverview td { border: 0px; padding: 10px; text-align: left; }
.container.shop .overview .tableoverview td + td { text-align: right; }
.container.shop .overview .tableoverview td .month { font-size: 12px; }
.container.shop .overview .proceedbutton .btn { width: 100%; background-color: #d9534f; color: #fff; font-weight: 600; }

/*GymMaster Cancellation
----------------------------------------------------------------------------*/
.cancellation .page-header { margin: 20px 0px 40px; }

.cancellation .page-header h2,
.cancellation .page-header h3 { margin: 5px 0px; }
.cancellation h4 { line-height: 1.8; margin: 20px 0px; }
.cancellation ul li { font-size: 15px; margin-bottom: 10px; }
.cancellation ul li a,
.cancellation .form-group .checkbox label a {
	border-bottom: 1px solid #337ab7;
	color: #337ab7;
	text-decoration: none;
}

.cancellation .btn-group { margin: 40px 0px; }
.cancellation .btn-group .btn {
	font-weight: 600;
	padding: 15px;
	white-space: normal !important;
	word-wrap: break-word;
	width: 50%;
}

.cancellation .note-bottom { margin: 30px 0px 10px; }

.gm .endbar {
	margin: 20px 0px;
	text-align: center;
}

.cancellation .form-group .return_address p {
	font-style: italic;
	margin: 20px 0px 5px;
	text-align: center;
}

.cancellation .form-group .return_address .return_address_div {
	border: 1px solid #ccc;
	margin: 0px auto;
	padding: 10px 20px;
	width: 250px;
}

.cancellation .form-group .return_address .return_address_div h4 { margin: 0px 0px 2px; }
.cancellation .form-group .return_address .return_address_div p {
	font-style: normal;
	margin: 0px 0px 5px;
}

/* Container Wrapper Last Style
--------------------------------------------------------------------------- */
.container-wrapper.last { min-height: 350px; background-color:#313F3F; text-align: center; }
.container-wrapper.last .container { margin-top: 40px; margin-bottom: 40px; }
.container-wrapper.last .container .h2-span-last { color:#DFDFDF; }
.container-wrapper.last .container .h3-span-last { color:#DFDFDF; }
.container-wrapper.last .container .mail { font-size: 28px; color:#DFDFDF; }
.container-wrapper.last .container .orange-link-wrapper { margin-top: 1%;}
.container-wrapper.last .container .orange-link-wrapper .button .btn-trynow{ background: rgba(217,83,79,1);
background: -moz-linear-gradient(top, rgba(217,83,79,1) 0%, rgba(217,83,79,1) 55%, rgba(214,54,51,1) 92%, rgba(214,54,51,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,83,79,1)), color-stop(55%, rgba(217,83,79,1)), color-stop(92%, rgba(214,54,51,1)), color-stop(100%, rgba(214,54,51,1)));
background: -webkit-linear-gradient(top, rgba(217,83,79,1) 0%, rgba(217,83,79,1) 55%, rgba(214,54,51,1) 92%, rgba(214,54,51,1) 100%);
background: -o-linear-gradient(top, rgba(217,83,79,1) 0%, rgba(217,83,79,1) 55%, rgba(214,54,51,1) 92%, rgba(214,54,51,1) 100%);
background: -ms-linear-gradient(top, rgba(217,83,79,1) 0%, rgba(217,83,79,1) 55%, rgba(214,54,51,1) 92%, rgba(214,54,51,1) 100%);
background: linear-gradient(to bottom, rgba(217,83,79,1) 0%, rgba(217,83,79,1) 55%, rgba(214,54,51,1) 92%, rgba(214,54,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#d63633', GradientType=0 );
padding:18px 40px 15px 40px; color:#ffffff; text-shadow: 1px 1px #666666;border-radius:5px;
}
.container-wrapper.last .container .orange-link-wrapper .button { padding: 0; }

/* Container wrapper footer styles
-------------------------------------------------- */
.container-wrapper.footer { background-color:#1c2828; color:#ffffff; padding:20px 0px 20px 0px; }
.container-wrapper.footer .container h3 { font-size: 16px; }
.container-wrapper.footer .gymmasterlinks ul, .container-wrapper.footer .otherlinks ul { padding:0px; }
.container-wrapper.footer .gymmasterlinks ul li, .container-wrapper.footer .otherlinks ul li { list-style-type: none; list-style-position: outside; line-height:20px;}
.container-wrapper.footer .gymmasterlinks ul li a, .container-wrapper.footer .otherlinks ul li a, .container-wrapper.footer .blog article p, .container-wrapper.footer .blog article a { font-size: 14px; }
.container-wrapper.footer a:link{  color:#e4e4e4; }
.container-wrapper.footer a:visited { color:#e4e4e4; }
.container-wrapper.footer a:hover { color:#467ABD; }
.container-wrapper.footer a:active { color:#e4e4e4; }

.container-wrapper.footer .blog { padding:0px; margin-left: 90px; }
.container-wrapper.footer .blog .blog-title { color: #fff; }
.container-wrapper.footer .blog .blog-content { border-bottom: 1px solid #474747; padding: 0 0 10px; }
.container-wrapper.footer .blog .blog-content .blog-title { color: #D7D7D7; }
.container-wrapper.footer .blog .blog-content p { font-size: 12px; padding-left: 10px; }
.container-wrapper.footer .blog .blog-content .readmore { font-size: 12px; padding-left: 10px; }
.container-wrapper.footer .blog .blog-content img { display:none; }

.logingm #flash_div { margin-top: 70px; margin-bottom: 10px; }
#flash_div { z-index: 1; }

#footer .container-wrapper.last .container .text h2 { margin-bottom: 20px; }
#footer .container-wrapper.last .container .text .phone-text { margin: 0px; }
#footer .container-wrapper.last .container .text .phone-text h3 { margin-top: 5px; }
#footer .container-wrapper.last .container .socialmedia { margin-top: 15px; }

#footer .container-wrapper.last .container .button { margin: 20px 0; }
#footer .container-wrapper.last .container .button .button a { width: 100%; padding-left: 0px; padding-right: 0px; }

#footer .container-wrapper.last .container .socialmedia .socialmedia-content { margin-top: 10px; }
#footer .container-wrapper.last .container .socialmedia .followus { color: #fff; }
#footer .container-wrapper.last .container .socialmedia .list { width: 280px; margin: 0 auto; }
#footer .container-wrapper.last .container .socialmedia ul li a { font-size: 12px; font-weight: 600; }
#footer .container-wrapper.last .container .socialmedia ul { list-style-type: none; margin: 0; padding: 0; }
#footer .container-wrapper.last .container .socialmedia ul li { display: inline; float: left; margin: 10px; }
#footer .container-wrapper.last .container .socialmedia ul li a { background-repeat: no-repeat; background-position: left center; background-size: 48px; display: inline-block; width: 48px; }
#footer .container-wrapper.last .container .socialmedia ul li a { -webkit-filter: grayscale(100%); filter: grayscale(100%); background-repeat: no-repeat; background-position: left center; background-size: 48px; display: inline-block; width: 48px; height: 48px; }
#footer .container-wrapper.last .container .socialmedia ul li a:hover { -webkit-filter: grayscale( 10%); filter: grayscale(10%); }
#footer .container-wrapper.last .container .button .orange-link-wrapper .button li { list-style: none; }

#footer .container-wrapper.last .container .supported { margin: 40px 0px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
#footer .container-wrapper.last .container .supported.socialmedia ul li { width: 35px; height: 35px; }
#footer .container-wrapper.last .container .supported.socialmedia .list { width: 220px;}
#footer .container-wrapper.last .container .supported .op { width: 70px;}
#footer .container-wrapper.last .container .supported .op img { width: 30px;}
#footer .container-wrapper.last .container .capterra { text-align:center; }
#footer .container-wrapper.footer .products { padding: 0px 35px 0px 40px; }

/* Product Page */
.container.productpage .product-type-table tr td { border-top: 1px solid #eee; padding: 4px; vertical-align: middle; }
.container.productpage .product-type-table tr td.imgcolumn { max-width: 50%; }

@media (max-width: 767px) {
	.container.productpage .product-type-table .product-row.product-image { display: table-row; }
}


/*Referred Friend
-------------------------------------------------------------------------*/
.refered-friend .note { margin: 20px 0px; padding: 0px; }
.refered-friend .note p { font-size: 14px; }
.refered-friend .note .top-text p { font-style: italic; }
.refered-friend .note .email-preview { border: 1px solid #ccc; padding: 15px; }
.refered-friend .note .email-preview h4 { margin: 5px 0px 20px; }
.refered-friend .note .email-preview h6 {
	border-bottom: 1px solid #333;
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0px 2px;
}

.refered-friend .note .email-preview .button { margin: 20px 0px; text-align: center; }
.refered-friend .note .email-preview .button .btn { padding: 15px 40px; }
.refered-friend .note .email-preview .button p { font-weight: 600; }
.refered-sent .page-header { margin: 0px; text-align: center; }
.refered-sent .page-header .img-header img { margin: auto; width: 200px; }
.refered-sent .page-header .text h2 { color: #467abd; margin: 15px 0px; }
.refered-sent .page-header .text h4 {  color: #333; margin: 10px 0px; line-height: 1.7; }
.refered-sent .endbar { margin: 50px 0px; text-align: center; }

.refered-friend .container { width: 100%; }
.refered-friend .refer-friend .aboutusheader .title .titlecontent {
    margin: 25px 0px 70px;
    font-weight: 400;
}

.refered-friend .refer-friend .aboutusheader .title .titlecontent h1 {
    color: #467ABD;
    margin: 25px 0 10px;
	font-size: 2.4em;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif !important;
}

.refered-friend .refer-friend .aboutusheader .title .titlecontent .subcontent { float: left; }
.refered-friend .refer-friend .aboutusheader .title .titlecontent .subcontent h4 {
	line-height: 1.5;
    font-size: 20px;
    margin: 0px;
}

.refered-friend .refer-friend .aboutusheader .title .titlecontent .endbar {
	text-align: center;
	padding: 0px;
	margin-top: 20px;
}

.refered-friend .refer-friend .aboutusheader .title .titlecontent .endbar .btn {
	border-radius: 5px;
	background-color: #D9534F;
	border-color: #D9534F;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	padding: 15px 40px;
	text-shadow: 1px 1px #666666;
}

.refered-friend .refer-friend .container .maincontent .box-subpage .page-header { margin: 20px 0px; }

.refered-friend .refer-friend .container .maincontent .box-subpage .page-header h3 {
	color: #467ABD;
	margin: 0px;
}

.refered-friend .refer-friend .container .maincontent .box-subpage .page-header h3.subheading {
	text-align: center;
	line-height: 1.5;
}

.refered-friend .refer-friend .container .maincontent .box-subpage .text ol { padding-left: 20px; }
.refered-friend .refer-friend .container .maincontent .box-subpage .text ol li { margin-bottom: 10px; }
.refered-friend #member-form { margin-top: 40px; }
.refered-friend .footnote { bottom: 0px; position: absolute; right: 10px; }
.refered-friend .footnote p { font-style: italic; }


/*------------------------------------------------------------------------
	Workout Page
--------------------------------------------------------------------------*/
.accountpage .box .workout_content .movement-box {
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 0px;
}

.accountpage .box .workout_content .page-title.movement-title {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	text-align: left;
}

.accountpage .box .workout_content .movement-box .buttonbar {
	margin: 5px 0px;
	text-align: center;
}

.workout_content .movement-box .panel-body .form-group .input-text h5 { margin: 2px 0px; }
.accountpage .box .workout_content .movement-box .form-group { margin: 10px 0px 0px; }
.accountpage .box .workout_content .movement-box .buttonbar a { margin: 0px 10px; }
.accountpage .box .workout_content .movement-box .page-title h3 { margin: 5px 0px 25px; }
.accountpage .box .workout_content .movement-box .panel-heading h3 a .glyphicon { float: right; }

.accountpage .box .workout_content .movement-box .table-responsive {
	max-height: 500px;
	margin: 15px 0px;
	overflow: auto;
}

.accountpage .box .workout_content .movement-box .panel-body {
	height: auto !important;
	max-height: none !important;
}

/* Table Design */
#service-time-list .time-button { width: 100%; }
#service-time-list .time-button h4 { font-size: 15px; }
#service-time-list .time-button { margin-bottom: 10px; }
#service-time-list .endsection {
    border-radius: 5px;
    background-color: #f3f3f3;
	margin-bottom: 10px;
	padding: 15px;
}

#service-time-list .endsection .forgotPassword { text-align: left; }
#service-time-list .endsection .forgotPassword a { color: #337ab7; }
#service-time-list .time-button .rightcontent, #service-time-list .time-button .leftcontent { text-align: left; }

.workoutExpandContent {color: #337ab7; cursor: pointer; text-align: center; padding-top: 10px;}
.workout-movement .panel-body {border-top: 0px !important}

/*-------------------------
	Question Page
---------------------------*/
#questionnaire_parent .question-row .form-group .control-label { padding-top: 3px; }

/*------------------------------------------------------------------------
	SERENITY
--------------------------------------------------------------------------*/
.serenitycontent h1 { color: #959281 !important; }
.footer-serenity.footer { background-color: #3a3a3a !important; }
.footer-serenity.footer .main-content-footer { padding: 30px 0px 10px; }
.footer-serenity.footer .main-content-footer .footer-left img { margin: 5px auto; }
.footer-serenity.footer .footer-bottom { text-align: center; }
.footer-serenity.footer .footer-bottom h5, .footer-serenity.footer .footer-bottom h6 {
	color: #fff;
	font-size: 13px;
	margin: 5px 0px;
}

/*----------------------------------
	GM Review
------------------------------------*/

.container.gm_review .page-header .img-header {
	float: none;
	margin: 0px;
}

.container.gm_review .page-header .img-header img {
	margin: auto;
	width: 140px;
}

.container.gm_review .page-header {
	border-bottom: 0px;
	text-align: center;
	margin: 0px;
}

.container.gm_review .page-header h2 {
	color: #467ABD;
	font-size: 25px;
	font-weight: 600;
	margin: 15px 0px;
}

.container.gm_review .page-header h4 { margin: 10px 0px; }
.container.gm_review .text-content { text-align: center; }
.container.gm_review .text-content .feedback-form .form-group .input-text ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #929292;
  opacity: 1; /* Firefox */
}

.container.gm_review .text-content .feedback-form .form-group .input-text :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #929292; }
.container.gm_review .text-content .feedback-form .form-group .input-text :-ms-input-placeholder { /* Microsoft Edge */ color: #929292; }
.container.gm_review .text-content .capterra .capterra-content {
	background-color: #eaeaea;
	border-radius: 5px;
	border: 1px solid #b5b5b5;
	float: none;
	height: 270px;
	margin: auto;
	padding: 25px;
	width: 600px;
}

.container.gm_review .text-content .capterra .capterra_logo { float: none; }
.container.gm_review .text-content .capterra .capterra_logo img { margin: auto; }
.container.gm_review .text-content .capterra h5 { margin: 25px 0px; }
.container.gm_review .text-content .feedback-form .form-group {
	float: none;
	height: 270px;
	margin: auto;
	padding: 0px;
	width: 600px;
}

.container.gm_review .text-content .feedback-form .form-group h5 {
	margin: 20px 0px;
}

.container.gm_review .text-content .feedback-form .form-group .input-text {
	margin: 15px 0px;
}

.container.gm_review .text-content .footnote .footnote-content {
	float: none;
	height: 350px;
	margin: auto;
	padding: 0px;
	text-align: left;
	width: 600px;
}

.container.gm_review .text-content .footnote .footnote-content .h5-tag {
	margin: 20px 0px;
	text-align: center;
}

.container.gm_review .text-content .footnote .footnote-content a {
	color: #337ab7;
	font-size: 15px;
	text-decoration: underline;
}

.container.gm_review .text-content .footnote .footnote-content ul {
	list-style: none;
	margin: 20px 0px;
	padding: 0px;
}

.container.gm_review .text-content .footnote .footnote-content ul li {
	margin: 10px 0px;
}

.product-description {
  font-size: 12px;
  margin: 0;
  max-height: 52px;
  overflow: hidden;
}

.product-description.expanded {
	max-height: none !important;
}

.product-details {
  width: 55%;
}

.product-price {
  width: 20%;
}

.product-quantity {
  width: 15%;
}

.quantity {
  min-width: 60px;
}

#invite_booking_form .invitations .invite+.invite {
	border-top: 1px solid #ddd;
	padding-top: 15px;
}

/* Booking Review Page*/
.container.accountpage .search .previous-booking {
	background-color: #f3f3f3;
    border-radius: 6px;
    padding: 16px;
    margin: 10px 0px 10px;
}
.container.accountpage .search .previous-booking .content h3 {
	text-align: center;
    margin: 8px 0px;
}

.container.accountpage .search .previous-booking .review-box {
	text-align: center;
}

.container.accountpage .search .previous-booking .review-box h3 {
	font-size: 22px;
}

.container.accountpage .search .previous-booking .review-box .review-feedback {
	margin-top: 20px;
}

.container.accountpage .search .previous-booking .review-box .review-feedback .submit-button {
	margin-top: 10px;
}

.container .well.membership-breakdown {
	text-align: center;
}

/*----------------------------------
	Overriding datepicker styling
------------------------------------*/

.datepicker.datepicker-dropdown .datepicker-years thead .datepicker-switch {
	cursor: default;
	pointer-events: none;
}

/* Award Page */
.container.accountpage.awardpage .award-content .header { margin-bottom: 15px; }
.container.accountpage.awardpage .award-content .header h4 {
	color: #949494;
	font-size: 20px;
	font-weight: 600;
}
.container.accountpage.awardpage .award-content .award-content .award-box {
	border: 1px solid #ddd;
	border-radius: 3px;
    padding: 5px;
    margin-bottom: 5px;
}
.container.accountpage.awardpage .award-content .award-content .award-box .award-icon img { margin: 0px auto; width: 100px; }
.container.accountpage.awardpage .award-content .award-content .award-box .award-content .award-title {
	border-bottom: 1px solid #eee;
	margin: 0px 0px 5px;
	padding: 0px;
}
.container.accountpage.awardpage .award-content .award-content .award-box .award-content h4 { margin-top: 1px; }
.container.accountpage.awardpage #score_summary .item1 h5 { font-size : 25px; text-align: center; line-height: 25px; font-weight: bolder; }
.container.accountpage.awardpage #score_summary .item1 h4 { color: #949494; font-size: 16px; font-weight: 600; text-align: center; }

.noaward {
    text-align: center;
    margin: 40px auto;
    color: #7d7d7d;
}

/*--- Shipping - Keytag page ---*/
.shipping-page .keytag-info .row.radio .type-button .keytag-btn { border-radius: 5px; border: 1px solid #9c9c9c; padding: 8px; }
.shipping-page .keytag-info .row.radio .type-button .keytag-btn img { margin: auto; }
.shipping-page .keytag-info .row.radio .type-button .keytag-btn:hover { background-color: #dcdcdc; border: 2px solid #315da2; opacity: 0.8 }
.shipping-page .keytag-info .row.radio .type-button .keytag-btn.active {  background-color: #dcdcdc; border: 2px solid #315da2; border-radius: 5px; opacity: 0.5; -webkit-box-shadow: inset 2px 3px 10px -4px rgba(0,0,0,0.3);
-moz-box-shadow: inset 2px 3px 10px -4px rgba(0,0,0,0.3);
box-shadow: inset 2px 3px 10px -4px rgba(0,0,0,0.3); }
.shipping-page .keytag-info .row.radio .type-button.active label { font-weight: 600; font-size: 16px;}
.shipping-page .keytag-info .row.radio .type-button label { font-size: 15px; text-align: center; }
.calendar-head-sticky { position: fixed; top: 0; }
#calendar-head { z-index: 1; }
.emergency-box { width: 700px; }

#passwd-btn {
	position: absolute;
	top: 6px;
	right: 25px;
	cursor: pointer;
	font-size: 22px;
	color: #949494;
}

.discount-filter-box {
	background-color: #eee;
    border: 1px solid #ccc;
    box-shadow: 1px 2px 4px 0 rgba(50, 50, 50, .24);
    display: inline-block;
    padding: 6px 12px;
    cursor: default;
    border-radius: 3px;
    margin: 4px 10px 4px 0
}

.meter-strength {
    height: 17px;
    margin-bottom:-10px;
}

.meter-strength-group {
    margin-top:-15px;
}

meter[color="transparent"]::-webkit-meter-optimum-value { background: transparent; }
meter[color="red"]::-webkit-meter-optimum-value { background: #d9534f; }
meter[color="orange"]::-webkit-meter-optimum-value { background: #f0ad4e; }
meter[color="green"]::-webkit-meter-optimum-value { background: #5cb85c; }

.hover_body {
	display: none;
}

.hover_link:hover + .hover_body {
	display: block;
}
