.memberportal-container { background-color: rgba(204, 204, 204, 0.26); padding-bottom: 7%; margin-top: 20px; }
.memberportal-container .accountpage { margin-top: 70px; }
#balanceform .table-content tbody td h4 { text-align: center; }
/* #push, #footer { height: 527px; } */
#footer { background-color: #1c2828; }
.container-wrapper.last { min-height: initial; background-color: #313F3F; text-align: center; }
.container-wrapper.last .container { margin-bottom: 20px; margin-top: 20px; }


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

.memberportal-container .gmenquiry-content .box-content.timelist { display: block; float: none; margin: auto; width: 800px; }
.memberportal-container .gmenquiry-content .timelist-new { margin: 5px 0px; }
.memberportal-container .gmenquiry-content .timelist-new .timelist-content { background-color: white; }
.memberportal-container .gmenquiry-content .timelist-new .timelist-container { border: 0px; }
.memberportal-container .gmenquiry-content .timelist-new .booktime a { line-height: 3; padding: 13px 15px; }
.memberportal-container .gmenquiry-content .notebox { margin-top: 3%; text-align: center; }

.input-group { width: 100%; }
.countrycode-group { width: 40% }

.memberportal-container .confirmation_modal .modal-content .modal-body .form-group { margin-bottom: 12px; }

.tagorderpage .tagorder-content .page-header { margin: 10px 0px; }
.tagorderpage .tagorder-content h2, .tagorderpage .tagorder-content h3, .tagorderpage .tagorder-content h4 { color: #467ABD; }
.tagorderpage .tagorder-content .radio , .tagorderpage .tagorder-content .radio + .radio { margin: 5px 0px; }
.tagorderpage .tagorder-content .logofile { margin: 15px 0px; }
.tagorderpage .tagorder-content .logofile img { display: block; margin: auto; }
.tagorderpage .tagorder-content .submit-button { margin: 20px 0px; }
.tagorderpage .tagorder-content .text-center { text-align: center; margin: 15px 0px; }
.tagorderpage .tagorder-content .text-center p { font-weight: 600; }

.container.customapp-container .page-header { margin: 10px 0px; }
.container.customapp-container h2, .container.customapp-container h3 { color: #467ABD; }
.container.customapp-container .character_count { color: #3c763d; float: right; padding-right: 20px; }
.container.customapp-container .helper_image img { margin: auto; }
.container.customapp-container .submit-button { margin: 40px 0px; }
.container.customapp-container .boxcontent { margin-top: 30px; }

@media (max-width: 900px) {
	.countrycode-group { width: 35% }
}


/* Due to long labels on mass hold form */
#masshold_form .control-label { text-align: left; }


/* General */
			.navbar-header {width:100%!important}
			.header-details {float:right; padding:25px 0; font-size:17px}
			/* .mailto a:link, .h3-span-last {color:#5a758e!important; font-weight:lighter!important; font-size:20px} */
			.grey-bg {background-color: rgba(204, 204, 204, 0.26)}
			.bookdemotitle  {color: #24384e !important; font-size: 36px; font-weight: 600;  margin-top: 50px; margin-bottom:15px;letter-spacing: -1.5px}
			.steps {font-size:20px; font-weight: 500; color:#24384e; padding: 20px 0 10px 0 !important; margin: 0; clear:both}
			.container.signup-box{border:0}
			.container.signup-box > .member-detail { width: 100%;}
			.container.gmenquiry-content { margin-bottom:-10px; background-color:rgb(239 244 250); padding:30px 40px 35px 40px !important; border-radius:10px;}
			.memberportal-container {/*background-image:url("/img/gm-facts-bg.png"); */background-color:#3a6aaa; background-position:top; background-position: center 100%!import; /*background-size: cover;*/background-repeat: no-repeat; max-width:100%;}
			.green-arrow {display: block; width:79px; height:60px; margin-left: -85px; margin-bottom: -61px}
			.page-header {padding-left: 0; border-bottom:  none}
			.page-header h3 {text-align: left; font-weight: 700; font-size: 28px; letter-spacing: -1px; margin: 0; padding-bottom: 9px}
			.timelist {margin:10px 0;  padding: 20px!important;  background-color: #ffffff; border-radius: 10px;}
			.timelist p {padding-top: 10px; font-size: 16px; margin: 0 0 0 5px; color: #467ABD;}
			.timelist h4 {padding: 20px 0 5px 0; font-size: 20px; margin: 0 0 0 5px; color: #467ABD; font-weight:600; letter-spacing:-1px}
			.messaging {background:#fcc0be; padding:20px;  border-radius: 5px; }
			.messaging  h4 {color:#d9544f; font-size:20px; text-align:center; line-height:32px!important}
			.blue-large {color:#24384e; font-size:20px; margin: -7px 0 0 0;}
			.red {color: darkred;}
			.pink{color:#B80763}
			.light-red{color:#E60303;}
			#push {margin:0}
			/*.underline {padding-bottom:2px; border-bottom:solid #fff 1px}*/


			/* Alternative Day Btn */
			.blue-btn {width: 350px; background: url("../png/time.png") no-repeat; background-position: 16px 19px; display: block; border-radius:12px; background-color:#428bca; color:#ffffff; padding: 21px 21px 21px 62px; font-size:20px;}
			.blue-btn:hover {text-decoration: none; colour: #a2b4dd !important}

			 /* Booking buttons */
			 .member-detail .btn {border-radius: 12px !important; width: calc(100%/3 - 8px); margin: 4px !important; padding: 20px !important}
			.btn-submitbooking .starttime {margin: 0; font-size: 22px; letter-spacing: -.5px}
			.btn-submitbooking .trainer {margin: 3px 0 0 0; font-size: 16px; font-weight: 100; text-transform: none;}
			.btn-submitbooking .spacesleft { margin: 3px 0 0 0; font-size: 14px; font-weight: 100; text-transform: none; }

			/* Form */
			.label {font-weight:lighter}
			.countrycode-group {width: 30%}
			.form-control, input::placeholder, textarea::-webkit-input-placeholder {color: #000}
			input #phonecell {color:#ccc!important}
			.col-xs-12 {padding: 0;}
			/* Chrome, Firefox, Opera, Safari 10.1+ */
			::placeholder {color: #ccc!important; opacity: 1; /* Firefox */}
			/* Internet Explorer 10-11 */
			:-ms-input-placeholder { color: #ccc}
			/* Microsoft Edge */
			::-ms-input-placeholder { color: #ccc}
			.form-group {margin-bottom: 12px;}

			/* Footer */
			#footer {clear:both!important}
			#footer p {margin: -15px 0 3px 0; padding:0}
			.container-wrapper.last {background-color: #1b2935; padding:10px 0}
			.container-wrapper.last .container {width:700px}
			.container-wrapper.last .container .h2-span-last {color: #DFDFDF; font-weight:lighter; font-size:25px;margin-: 3px 0 !important; }
            .container-wrapper.last .container .text {margin-bottom: 15!important;}
			.sep {padding:0 7px; color: #5a758e; font-size:18px}
			.capterra {width:180px; display: block; float:left}
			.testimonial {width: calc(100% - 220px); border-radius:6px; float:right;  border: solid 1pt #fff; background:#171f26; padding:20px !important; text-align: left; font-size:17px; color:#fff}
			.testimonial span {color:#457abe; font-size:15px; padding:20px 0}
			.testimonial h4 {margin-top:-64px; line-height: 25px; font-size:17px}
			#foot {background:#171f26;padding:15px; clear:both }
			.logo-container {margin:0 auto; width:700px; padding:30px 0}
			.logo {float:left; margin-left:4.5%}
			.logo:first-child {margin-left:0}


			/* Tablet styles */

			@media (max-width: 768px) {
			  .header-details {font-size:15px; }
			  .member-detail .btn {width: calc(100%/3 - 8px)}
			  .bookdemotitle  {font-size: 32px;}
			  #footer {padding:0}
			  .container.gmenquiry {margin-top:30px !important;}
			  #footer .container-wrapper.last .container, #foot .logo-container { width: 100%; }
			  .memberportal-container,.container.gmenquiry-content{background-color: #eff4fa !important;}
			  .container.signup-box{box-shadow:none; border:0}
			  .logingm #flash_div{margin-top:10px}
			  .logingm #flash_div .alert{margin-top:20px;}
			  .container.gmenquiry-content {padding: 0px 20px !important; margin-top:0px}
			  #wrap{padding:0 !important; margin:0}
			  .memberportal-container .gmenquiry-content .timelist-new .timelist-content {
				border: 1px solid #b7b7b77a;
			}
			.memberportal-container .gmenquiry-content .timelist-new {
				margin: 15px 0px;
			}
			}

			@media (max-width: 735px) {
				.member-detail .btn {width: calc(100%/3 - 8px)}
			  .bookdemotitle  {font-size: 35px;}
			  .testimonial {width: calc(100% - 220px); float:left; margin-left:20px}
			  .logo {margin-left: 2.5%; width: 21%; padding-bottom: 22px;}

			}

			@media (max-width: 625px) {
				.member-detail .btn {width: calc(100%/2 - 8px)}
			  .bookdemotitle  {font-size: 28px;  letter-spacing: -.5px !important; margin-bottom:5px;}
			  
			}

			/* Mobile styles */
			 @media (max-width: 620px) {
				.navbar .navbar-brand {width: 160px;}
				.member-detail .btn {width: calc(100%/2 - 8px)}
				.bookdemotitle  {font-size: 26px; padding:5px 0;margin-bottom:5px;}
				.btn-submitbooking .starttime {margin: 0; font-size: 20px; letter-spacing: -.5px}
				.steps {font-size:18px }
				.blue-large {font-size:19px;     line-height: 20px;}
				.btn-submitbooking .trainer {font-size: 13px;}
				.btn-submitbooking .spacesleft {font-size: 12px;}
				.container.gmenquiry {margin-top:30px !important;}
				.memberportal-container {background-image:none; }
				.blue-btn {width: 350px; background: url("/img/time-m.png" #428bca;)!important;}
				.testimonial {width: calc(100% - 200px);float:left; }
				.testimonial span {color:#457abe; font-size:13px; padding:20px 0}
			    .testimonial h4 {margin-top:-64px; line-height: 25px; font-size:14px}
				.capterra {width:150px; display: block; float:left}
				.logo {width: 21%;}
				.hide-mobile {display:none}
			}
			 @media (max-width: 470px) {
      			.form-control {font-size: 13px}
      			.timelist {padding: 10px;}
				  .member-detail .btn {width: calc(100%/2 - 8px); padding:14px !important}
      			.blue-btn {width: 312px;font-size: 17px;}
				  .bookdemotitle  {font-size: 24px; padding:5px 0; margin-bottom:5px;}
      			.page-header h3 {font-size: 26px; padding-bottom: 0;padding-top: 20px; margin: 0}
      			.page-header h3:first-child {padding-top: 0}
				#footer .container-wrapper.last .container .capterra {margin: 0 auto; height:110px; width:135px; display:block; float:none}
				 .hide-mobile-late {display:none}

    		}
    		@media (max-width: 414px) {
    			.memberportal-container {padding: 0px}
    			.bookdemotitle  {font-size: 22px; padding:5px 0; margin-bottom:5px;}
    			.steps {font-size: 15px; padding: 5px 0 10px 0 !important;}
      			.form-control {font-size: 12px}
      			.timelist {padding: 0px!important; background:none}
				  .member-detail .btn {width: calc(100%/2 - 8px); padding:12px !important;}
      			.btn-submitbooking .trainer {font-size: 13px; }
				.btn-submitbooking .spacesleft {font-size: 12px;}
      			.blue-btn {width: 280px;font-size: 15px;}
				.blue-large {font-size: 15px; padding:10px 0}
				#footer, #foot {display:none!important}
    		}
    		 @media (max-width: 375px) {
				.bookdemotitle  {font-size: 20px; padding:5px 0; letter-spacing: -.5px}
				.navbar .navbar-brand {width: 120px;}
    			.memberportal-container {padding: 0px}
                #countrycode {padding-left: 5px}
    			.steps {font-size: 20px; padding: 5px 0 !important;}
      			.form-control {font-size: 12px}
      			.timelist {padding: 0px!important; background:none}
      			.btn-submitbooking .trainer {font-size: 12px; }
				.btn-submitbooking .spacesleft {font-size: 12px; }
      			.blue-btn {width: 266px;font-size: 14px;}
				 .steps {font-size: 14px;}


    		}
    		 @media (max-width: 320px) {
				.member-detail .btn {width: calc(100%)}
				.bookdemotitle  {font-size: 18px; padding:5px 0}

    		}