/* Legacy CSS Styles */


/* * { margin: 0; -webkit-overflow-scrolling: touch; }
body, html { height: 100%; width: 100%; }
body { display: flex; padding-top: 50px; flex-direction: column; overflow: auto; }
body, html, p, label { font-family: $base-font; font-weight: 300 }
input[type=radio], .row-dashboard .panel-heading .row, .row-dashboard .row .info:hover, .row-dashboard .schedule-row .box .scheduleContent table tr, a:hover { cursor: pointer; }
table td p { margin: 0; }
table th, table td { vertical-align: middle !important; }
#wrap, body { background-color: $base-color }
:root { --sidebar-tooltips: hidden; }
body.modal-open:not(.modal-dont-scroll) { position: fixed; }
#wrap { flex-grow: 1; }
.nopadding { padding: 0px; }
.nomargin { margin: 0px; }
#footer, #wrap { position: relative; }
.row-booking, .row-pos { -webkit-touch-callout: none; -khtml-user-select: none }
#blue, #red, .alert.alert-dismissible { font-weight: 600 }
.alert.alert-dismissible { text-align: left; }
.alert h5 { margin-top: 0px; }
.tab-pane { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: .8em; }
#footer { background-color: #2D2D2D; padding: 0; }

.gmi { font-size: 18px; display: inline-block; position: relative; top: 2px; }

/** Time Out Modal **/

/* .timeout-blind {
	bottom: 0;
	height: 200%;
	left: 0;
	right: 0;
	position: absolute;
	margin: 0;
	top: 0;
	width: 100%;
	z-index: 10000;
}

.timeout-blind .shade {
	background-color: rgb(34, 45, 61, 0.8);
	height: 100%;
	width: 100%;
}

.timeout-blind .form-horizontal {
	padding-bottom: 0px;
	width: 100%;
}

.timeout-blind .form-horizontal .form-group {
	margin: 0px 0px 8px;
	padding: 0px 15px;
	width: 100%;
}

.timeout-blind input[type="password"] {
	color: black;
	font-size: 16px;
	text-align: left;
}

#timeout-unlock-result {
	text-align: center;
} */

/* Navbar */

/* .navbar { min-height: 51px; }
.navbar .navbar-header {
    background-color: #212d3d;
    height: 51px;
	width: 170px;
}

.navbar .navbar-header	.navbar-brand {
	overflow: visible;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar .navbar-header .navbar-brand .logoBrand {
	left: -11px;
	position: relative;
	top: 15px;
	width: 160px;
}

.navbar .navbar-header .navbar-brand .logoBrand img {
    height: 100%;
    position: absolute;
	width: 100%;
}

.navbar-left .nav .current-page {
	color: #F0F0F0;
	font-size: 15px;
    font-weight: 700;
	padding: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.navbar-right { padding-right: 10px; }
.navbar-right .quick-signup a { padding: 15px 5px;}
.navbar-right .navbar-nav.navbar-right:last-child { margin-right: 2px; }
.navbar.second-navbar { border-bottom: 2px solid #000; }
.navbar.navbar-fixed-top.second-navbar { background-color: #414142; } */

/** Breadcrumb Style **/

/* .btn-breadcrumb { float: left; margin-bottom: 10px; }
.btn-breadcrumb .btn { padding: 6px 12px 6px 24px; }
.btn-breadcrumb .btn:first-child { padding: 6px 6px 6px 10px; }
.btn-breadcrumb .btn:last-child { padding: 6px 18px 6px 24px; }
.btn-breadcrumb .btn:not(:last-child):after, .btn-breadcrumb .btn:not(:last-child):before {
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	content: " ";
	display: block;
	height: 0;
	left: 100%;
	margin-top: -17px;
	position: absolute;
	top: 50%;
	width: 0;
	z-index: 3
}
.btn-breadcrumb .btn:not(:last-child):after { border-left: 10px solid #fff; }
.btn-breadcrumb .btn:not(:last-child):before { border-left: 10px solid #adadad; margin-left: 1px; }
.btn-breadcrumb .btn.btn-default:not(:last-child):after { border-left: 10px solid #fff; }
.btn-breadcrumb .btn.btn-default:not(:last-child):before { border-left: 10px solid #ccc; }
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after { border-left: 10px solid #ebebeb; }
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before { border-left: 10px solid #adadad; } */
.none {
    display: none!important
}

/** to remove row and column paddings, use no-gutter class on the row */
.no-gutter.row,
.no-gutter.container,
.no-gutter.container-fluid{
  margin-left: 0;
  margin-right: 0;
}

.no-gutter>[class^="col-"]{
  padding-left: 0;
  padding-right: 0;
}

#red { color: #A80000; }
#blue { color: #30F; }

#itemModal .form-group.pricing .input-text .input-group .input-group-addon {
    padding: 0px;
    width: 25px;
}

#edititemModal .form-group.pricing .control-label {
    line-height: 57px;
}

#itemModal .buttonbar { text-align: center; }
#itemModal .buttonbar .btn { width: 130px; }

.sp-preview {
    width: 90px;
}

#tooltipTutorial {
	top: 502px;
	width: 250px;
	left: 180px;
	visibility: visible!important;
	background-color: #282828;
	color: #f0f0f0;
	text-align: center;
	padding: 10px 0;
	position: fixed;
	z-index: 100;
	border-radius: 3px
}

#tooltipTutorial span {
	right: auto;
	left: -10px;
	position: absolute;
	color: #282828;
	top: 13px;
}

#tooltipTutorial .tooltip-content {
	margin-bottom: 10px;
}

/* .topnavbar {
	margin: 5px 0px;
	text-align: right;
}

.topnavbar .control-label {
    text-align: left;
}

.topnavbar a {
	margin-bottom: 5px;
}

.endbar {
    margin: 10px 0px;
    text-align: center;
} */

.table.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

.loadingAnimation {
    position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .56);
	z-index: 1050;
	opacity: 1;
	transition: opacity .4s ease-in 0s;
	text-align: center;
}

.loadingAnimation .bigcon, .loadingAnimation .small1, .loadingAnimation .small2 {
	top: 50vh;
	left: 50%;
	background-color: transparent;
	position: absolute
}

.loadingAnimation .bigcon {
	height: 75px;
	width: 75px;
	transform-origin: center;
	transform: translate(-50%, -50%) rotate(-45deg);
	animation: bigcon 2s infinite linear;
	animation-delay: .4s;
}

.loadingAnimation .small1 {
	height: 80px;
	width: 80px;
	transform-origin: center;
	transform: translate(-50%, -50%) rotate(45deg);
}

.loadingAnimation .small2 {
	height: 80px;
	width: 80px;
	transform: translate(-50%, -50%);
}

.loadingAnimation .ball {
	border-radius: 50%;
	position: absolute
}

.loadingAnimation .small {
	width: 20px;
	height: 20px;
	animation: small 2s infinite ease;
	box-shadow: 0 2px rgba(0, 0, 0, .3);
	background-color: #D4E3ED;
}

.loadingAnimation .small:nth-child(1) {
	top: 0;
	left: 0
}

.loadingAnimation .small:nth-child(2) {
	top: 0;
	right: 0
}

.loadingAnimation .small:nth-child(3) {
	right: 0;
	bottom: 0
}

.loadingAnimation .small:nth-child(4) {
	bottom: 0;
	left: 0
}

.loadingAnimation .big {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background-color: #fff;
	animation: bigball 2s infinite linear
}

.loadingAnimation .smallball1 {
	animation-delay: -1.75s
}

.loadingAnimation .smallball6 {
	animation-delay: -1.5s
}

.loadingAnimation .smallball2 {
	animation-delay: -1.25s
}

.loadingAnimation .smallball7 {
	animation-delay: -1s
}

.loadingAnimation .smallball3 {
	animation-delay: -.75s
}

.loadingAnimation .smallball8 {
	animation-delay: -.5s
}

.loadingAnimation .smallball4 {
	animation-delay: -.25s
}

.loadingAnimation .smallball5 {
	animation-delay: 0s
}

@keyframes bigcon {
	0% {
		transform-origin: center;
		transform: translate(-50%, -50%) rotate(45deg)
	}
	100% {
		transform-origin: center;
		transform: translate(-50%, -50%) rotate(405deg)
	}
}

@keyframes small {
	0% {
		transform: scale(1);
		background-color: #fefefe
	}
	10% {
		transform: scale(1.3);
		background-color: #cecece
	}
	15% {
		transform: scale(1)
	}
	25% {
		transform: scale(1);
		background-color: #dadada
	}
	100% {
		transform: scale(1);
		background-color: #9f9f9f
	}
}

.loadingAnimation2 {
	position: fixed;
	width: 600px;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: opacity 1s ease-in 0s;
	text-align: center;
	z-index: 5;
	pointer-events: none;
}

.loadingAnimation2 .bigcon, .loadingAnimation2 .small1, .loadingAnimation2 .small2 {
	height: 60px;
	width: 60px;
	left: 50%;
	background-color: transparent;
	position: absolute
}

.loadingAnimation2 .small2 {
	top: 35vh;
	transform: translate(-50%, -50%)
}

.loadingAnimation2 .small1 {
	top: 35vh;
	transform-origin: center;
	transform: translate(-50%, -50%) rotate(45deg)
}

.loadingAnimation2 .bigcon {
	top: 50vh;
	transform-origin: center;
	transform: translate(-50%, -50%) rotate(-45deg);
	animation: bigcon2 1s infinite linear;
	animation-delay: 0s
}

.loadingAnimation2 .ball {
	border-radius: 50%;
	position: absolute
}

.loadingAnimation2 .small {
	width: 15px;
	height: 15px;
	animation: small 1s infinite ease;
	background-color: #D4E3ED;
}

.loadingAnimation2 .small:nth-child(1) {
	top: 0;
	left: 0
}

.loadingAnimation2 .small:nth-child(2) {
	top: 0;
	right: 0
}

.loadingAnimation2 .small:nth-child(3) {
	right: 0;
	bottom: 0
}

.loadingAnimation2 .small:nth-child(4) {
	bottom: 0;
	left: 0
}


.loadingAnimation2 .big {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background-color: #1F4AB3;
	animation: bigball 1s infinite linear
}

.loadingAnimation2 .smallball1 {
	animation-delay: .85s
}

.loadingAnimation2 .smallball6 {
	animation-delay: .75s
}

.loadingAnimation2 .smallball2 {
	animation-delay: 625ms
}

.loadingAnimation2 .smallball7 {
	animation-delay: .5s
}

.loadingAnimation2 .smallball3 {
	animation-delay: 375ms
}

.loadingAnimation2 .smallball8 {
	animation-delay: .25s
}

.loadingAnimation2 .smallball4 {
	animation-delay: 125ms
}

.loadingAnimation2 .smallball5 {
	animation-delay: 0s
}

@keyframes bigcon2 {
	0% {
		transform-origin: center;
		transform: translate(-50%, -50%) rotate(45deg)
	}
	100% {
		transform-origin: center;
		transform: translate(-50%, -50%) rotate(405deg)
	}
}

@keyframes small {
	0% {
		transform: scale(1);
		background-color: #fff
	}
	10% {
		transform: scale(1.3);
		background-color: #D5D5D5
	}
	15% {
		transform: scale(1)
	}
	25% {
		transform: scale(1);
		background-color: #aaa
	}
	100% {
		transform: scale(1);
		background-color: #606060
	}
}

/* .pagination a.active {
    background-color: #337ab7;
    color: white;
    border: 1px solid #337ab7;
}

.pagination a:hover {
    background-color: #ccc;
} */

/* .row-login {
    height: 100%;
    overflow: hidden;
    padding: 15px !important;
    margin-bottom: 330px
}

.row-login .login-container {
    margin-top: 30px;
}

.row-login .login-container .login_box {
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    float: none;
    height: 450px;
    margin: 0px auto;
    padding: 40px 25px;
    width: 330px;
}

.row-login .login-container .login,
.row-login .login-container .page-title h3 {
    margin-top: 0
}

.row-login .login-container .login_box .page-title {
    padding: 0;
    margin-bottom: 20px
}

#loginresponse pre {
    position: relative;
    bottom: 10px;
    background-color: #FfffFf;
    height: 35px;
    border: 0;
    overflow: hidden;
    margin: 0;
    text-align: center;
    font-size: 14px
}

.row-login .login-container.errorgm {
    padding: 5px!important
}

.row-login .login-container.errorgm p {
    color: #333;
    padding: 0 10px
}

.row-login .login-container.errorgm h2 {
    padding: 0 20px
}

.row-login .login-container .page-title {
    margin-bottom: 10px
}

.row-login .login-container .form-horizontal {
    padding: 0
}

.row-login .login-container .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.login-container .form-group input[type=text] {
    text-transform: lowercase
}

.form-box input[type=password] {
    border-radius: 2px
}

.login-container button.login {
    padding: 10px 40px;
    width: 100%
}

.row-login .login-container #loginform .form-group .control-label {
    padding: 0
}

.row-login .login-container #loginform .form-group .checkbox {
    text-align: left
}

.row-login .login-container #loginform .member_portal,
.row-login .login-container #loginform .options {
    padding: 0;
    text-align: center
}

.row-login .login-container #loginform .options {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 8px
}

.row-login .login-container #loginform .member_portal a {
    width: 100%
}

.row-login .logout {
    margin: 110px auto;
}

.row-login .logout .login_box {
    height: 200px;
} */

.collapse-display,
.row-add-detail .row-content .status-bar-form,
.row-add-detail .row-content .tab-content .tab-transaction .transaction-owing {
    display: none!important
}
/*
.footer .footer-bottom .content {
    padding: 0
}
*/

/* .row-login .login-container.upgrade-warning {
    padding: 40px 0 20px;
    text-align: center;
    width: 700px;
    height: 240px
}

.row-login .login-container.upgrade-warning h5 {
    font-size: 14px
}

.row-login .login-container.upgrade-warning .end-bar {
    text-align: center;
    padding: 20px 10px
}

.row-login .heading.membercheckin {
    margin: 30px auto 20px
}

.row-login .heading.membercheckin .gymmasterLogo img {
    max-width: 200px!important;
    max-height: 200px!important;
    margin: auto
}

.row-login .membercheckin-container {
    margin: 150px auto;
    width: 735px;
    height: 390px;
    float: none
}

.row-login .membercheckin-container .company_detail_div {
    text-align: center;
}

.row-login .membercheckin-container h5 {
    font-size: 14px;
    margin-bottom: 0px;
}

.row-login .membercheckin-container h3 {
    text-align: center
}

.row-login .membercheckin-container .membercheckin-content {
    background-color: #fff;
    padding: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .2);
    -moz-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .2);
    box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .2)
}

.row-login .membercheckin-container .membercheckin-content .img-member {
    padding: 0;
    width: 348px;
    height: 250px;
    position: relative;
    overflow: hidden
}

.row-login .membercheckin-container .membercheckin-content .img-member img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.row-login .membercheckin-container .membercheckin-content .member-details h3 {
    text-align: left;
    margin-top: 5px
}

.row-login .membercheckin-container .membercheckin-content .member-details .form-group {
    margin-bottom: 0;
    text-align: center;
}

.row-login .membercheckin-container .membercheckin-content .member-details .form-group.bottomstatus {
    overflow: hidden;
    height: 88px
}

.row-login .membercheckin-container .membercheckin-content .member-details .memberstatus {
    text-align: center;
    padding: 20px;
    background-color: rgba(92, 218, 92, .73);
    border: 2px solid rgba(17, 214, 17, .62);
    border-radius: 2px
}

.row-login .membercheckin-container .membercheckin-content .member-details .memberstatus.denied {
    background-color: rgba(237, 31, 31, .7)!important;
    border: 2px solid rgba(246, 11, 11, .6)!important
}

.row-login .membercheckin-container .membercheckin-content .member-details .memberstatus h3 {
    text-align: center;
    color: #fff;
    font-weight: 800;
    margin-top: 10px
}

.row-login .membercheckin-container .resultlist {
    width: 90%;
    float: none;
    position: absolute;
    top: 36px;
    z-index: 10;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 15px;
    max-height: 400px;
    overflow: auto;
    -webkit-box-shadow: 2px 1px 7px 0 rgba(50, 50, 50, .32);
    -moz-box-shadow: 2px 1px 7px 0 rgba(50, 50, 50, .32);
    box-shadow: 2px 1px 7px 0 rgba(50, 50, 50, .32)
}

.row-login .membercheckin-container .resultlist .memberResult-content {
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    background: #FBFBFB;
    border: 1px solid #FFF;
    box-shadow: 0 2px 2px #CCC
}

.row-login .membercheckin-container .resultlist .memberResult-content a.memberlink {
    color: #333;
    height: inherit
}

.row-login .membercheckin-container .resultlist .memberResult-content a.memberlink:hover {
    color: #333;
    text-decoration: none;
    height: inherit
}

.row-login .membercheckin-container .resultlist .memberResult-content .memberPhoto {
    position: relative;
    margin-right: 10px;
    text-align: center;
    height: inherit;
    width: 60px;
    overflow: hidden;
    padding: 0
}

.row-login .membercheckin-container .resultlist .memberResult-content .memberPhoto img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: inherit;
    width: auto;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.row-login .membercheckin-container .resultlist .memberResult-details {
    text-align: left;
    padding-left: 5px;
    padding-right: 0;
    height: inherit;
    width: 70%;
    float: left
}

.row-login .membercheckin-container .resultlist .memberResult-details h6 {
    margin: 0
}

.row-login .membercheckin-container .resultlist .memberResult-details .memberName {
    padding: 0;
    height: 20px;
    width: 100%;
    margin-top: 5px
}

.row-login .membercheckin-container .resultlist .memberResult-action {
    height: inherit;
    padding: 7px 1px;
    position: absolute;
    right: 2%;
    line-height: 41.5px
}

.row-login .membercheckin-container .resultlist .memberResult-action .btn-right {
    margin-top: 3px;
    padding: 10px 30px
}

.row-login .membercheckin-container .resultlist .memberResult-action .btn-right.bookingaddmember_btn {
    margin-top: 0;
    padding: 6px 20px
} */

.row-welcome {
    margin-bottom: 0!important
}

.row-welcome .welcome-container {
    text-align: center
}

.row-welcome .welcome-container .login_box {
    padding: 0!important
}

.row-welcome .welcome-container .login_box .form-group img {
    margin: 0 auto
}

.row-welcome .welcome-container .page-title {
    margin-bottom: 40px
}

.row-welcome .welcome-container .page-title h2 {
    color: #5A5A5A
}

.row-welcome .welcome-container .welcomepagecontent h5 {
    margin-bottom: 18px;
    font-size: 17px;
    font-weight: 400;
    color: #737373
}

.row-welcome .welcome-container .welcomepagecontent h5.last {
    margin-top: 100px
}

.row-welcome .welcome-container .end-button .btn {
    width: 40%;
    border-radius: 2
}

.animation1 {
    position: relative;
    opacity: 1;
    -webkit-animation: animation1 2s;
    -webkit-animation-direction: normal
}

@-webkit-keyframes animation1 {
    from {
        top: 50px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animation1 {
    from {
        top: 50px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

.animation2 {
    opacity: 1;
    -webkit-animation: animation2 5s
}

@-webkit-keyframes animation2 {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes animation2 {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

/** Trial Form Modal Screenshoot **/
.preview-screenshot .modal-body .carousel-inner .item .carousel-caption { position: relative; color: #333; padding: 10px; right: auto; left: auto; bottom:0px; padding: 0px; text-shadow: 0 0px 0px rgba(0,0,0,0); }
.preview-screenshot .modal-body .carousel-inner .item .carousel-caption h4 { font-weight: 600; }
.preview-screenshot .modal-body .carousel-control { color: #696969; text-shadow: 0 1px 2px rgba(60, 50, 50, 0.6); filter: alpha(opacity=80); opacity: .8; }
.preview-screenshot .modal-body .carousel-control.left, .carousel-control.right { background-image: none; }
.preview-screenshot .modal-body .carousel-indicators li { display: none; }

.row-welcomeregister .container {
    margin-top: 50px auto;
    width: 800px
}

.row-welcomeregister .welcomeregister-container .page-header {
    margin-bottom: 20px;
    text-align: center
}

.row-welcomeregister .welcomeregister-container .list .block .block-content { padding: 0px 3px; position: relative; text-align: center; }
.row-welcomeregister .welcomeregister-container .list .block .block-content:hover { transform: scale(1.1); background-color: #fff;  transition: 0.5s; }
.row-welcomeregister .welcomeregister-container .list .block .block-content:hover img { opacity: 1; filter: alpha(opacity=100);  transition: 0.5s; }
.row-welcomeregister .welcomeregister-container .list .block .block-content:hover h4 { font-weight: 600; position: absolute; bottom: 0%; top: auto; background-color: #fff; text-shadow: 0px 0px 0px; padding: 3px; border-radius: 3px;  transition: 0.5s; width: 100%;  color: #333; }
.row-welcomeregister .welcomeregister-container .list .block .block-content img { opacity: 0.5; filter: alpha(opacity=50); }
.row-welcomeregister .welcomeregister-container .list .block .block-content h4 { font-weight: bold; position: absolute; top: 25%; width: 100%; color: #333; }

.row-welcomeregister .welcomeregister-container .page-header h2 {
    color: #5A5A5A
}

.row-welcomeregister .welcomeregister-container .heading {
    float: none;
    width: 460px;
    margin: 50px auto;
    text-align: center
}

.row-welcomeregister .welcomeregister-container .page-header .subheader h3 {
    color: #467ABD;
    font-weight: 600;
}

.row-welcomeregister .welcomeregister-container .page-header .subheader h4 {
    color: #888;
    line-height: 1.6;
}

.row-welcomeregister .welcomeregister-container .other-information {
    color: #3e3e3e;
}

.row-welcomeregister .welcomeregister-container .other-information .footnote {
    margin: 20px 0px;
    font-style: italic;
    text-align: center;
}

.row-welcomeregister .welcomeregister-container .page-header .text {
    text-align: center
}

.row-welcomeregister .welcomeregister-container .page-header .gymmasterimg {
    margin-top: 10px
}

.row-welcomeregister .welcomeregister-container .end-button .btn {
    font-size: 18px;
    width: 100%
}

.row-welcomeregister .welcomeregister-container .register-form {
    margin-bottom: 60px
}

.row-welcomeregister .welcomeregister-container .register-form .box {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px
}

.row-welcomeregister .welcomeregister-container .box-setting {
    background-color: rgba(155, 155, 155, .06);
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid rgba(131, 131, 131, .08)
}

.row-welcomeregister .welcomeregister-container .register-form .box.one {
    margin-bottom: 25px;
    border-bottom: 1px solid #fff
}

.row-welcomeregister .welcomeregister-container .register-form .box.three {
    border-bottom: 0
}

.effect2,
.user-id img {
    position: relative
}


#table_notifications tbody tr {
    cursor: pointer;
}

/* bootstrap-notify */
[data-notify="title"] {
    font-weight: bold;
}

[data-notify="icon"] {
    margin-bottom: 10px;
}

.article {
    background-color: #FFF
}

.table .tbl-custom {
    background-color: #3F9
}

.table .tbl-custom2 {
    background-color: #6F6
}

.table .tbl-custom3 {
    background-color: #6FC
}

.user-id h4,
.user-id h5 {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    color: #fff
}

.user-id {
    margin-bottom: 3em;
    margin-top: 2em
}

.user-id img {
    height: 30%;
    width: 30%;
    float: left;
    margin: 0 0 15px 30px
}

.affix-content {
    background-color: #F3F3F9;
}

.effect2:after,
.effect2:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.row-dashboard {
    padding-bottom: 5%;
}

.row-dashboard .heading,
.row-dashboard .statistic {
    padding: 0px;
}

.row-dashboard .heading-button {
    margin-bottom: 20px
}

.row-dashboard .heading-text {
    text-align: right;
}

.row-dashboard .heading-text .box {
    float: none;
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.row-dashboard .heading-text .box h6 {
    font-size: 11px;
    margin: 5px 0px;
}

.row-dashboard .heading-button a i {
    font-size: 15px
}

.row-dashboard .schedule-row .box,
.row-dashboard .schedule-row .box .form-group,
.row-dashboard .schedule-row .box .form-group .input-text {
    padding: 0
}

.row-dashboard .schedule-row .box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 2px #CCC;
    border: 1px solid #efefef;
    margin-bottom: 20px
}

.row-dashboard .schedule-row .box .headingWeeklyPanel {
    border-bottom: 1px solid #D8D8D8;
    padding-top: 15px;
    color: #333;
    border-top-right-radius: 5px;
    z-index: 2;
    border-top-left-radius: 5px;
    background-color: #F5F5F5;
    text-align: center
}

.row-dashboard .schedule-row .box .headingWeeklyPanel h4 {
    margin: 0;
    color: #333;
    font-size: 16px
}

.row-dashboard .schedule-row .box .headingWeeklyPanel h6 {
    margin: 0 0 10px;
    color: #333
}

.row-dashboard .schedule-row .box .headingWeeklyPanel .next,
.row-dashboard .schedule-row .box .headingWeeklyPanel .previous {
    position: relative;
    top: 10px
}

.row-dashboard .schedule-row .box .headingWeeklyPanel .previous {
    padding-right: 15px
}

.row-dashboard .schedule-row .box .headingWeeklyPanel .next {
    padding-left: 15px
}

.row-dashboard .schedule-row .box .headingWeeklyPanel .expandCollapseButton {
    position: absolute;
    right: 3px;
    top: 3px
}

.row-dashboard .schedule-row .box .scheduleContent {
    padding-bottom: 20px;
    max-height: 800px;
    overflow: auto
}

.row-dashboard .schedule-row .box .scheduleContent .form-group {
    margin-top: 15px
}

.row-dashboard .schedule-row .box .scheduleContent .form-group .input-group {
    width: 85%;
    margin: auto
}

.row-dashboard .schedule-row .box .scheduleContent table tr.date td {
    background-color: rgba(228, 228, 228, .54)
}

.row-dashboard .schedule-row .box .scheduleContent table tr.date td h5 {
    margin: 5px;
    font-weight: 600
}

.row-dashboard .schedule-row .box .scheduleContent table td {
    width: 20%
}

.row-dashboard .schedule-row .box .scheduleContent table td a {
    color: #333
}

.row-dashboard .schedule-row .box .scheduleContent table td a:hover {
    color: #337AB7;
    text-decoration: underline
}

.row-dashboard .schedule-row .box .scheduleContent table td+td {
    width: 30%
}

.row-dashboard .schedule-row .box .scheduleContent table .others .resources .resources_text {
    margin-left: 5px;
    font-size: 11px
}

.row-dashboard .schedule-row .box .scheduleContent table .others .resources i {
    position: relative;
    left: 3px
}

.row-dashboard .schedule-row .box .scheduleContent table .time {
    vertical-align: middle
}

.row-dashboard .schedule-row .box .scheduleContent table .pics img {
    width: 100%
}

.row-dashboard .schedule-row .box .scheduleContent table .pics {
    padding: 0px;
    vertical-align: middle;
}

.row-dashboard .schedule-row .box .panel-schedule {
    padding: 0;
    margin-bottom: 8px
}

.row-dashboard .schedule-row .box .panel-schedule .panel-heading {
    padding: 10px 15px
}

.row-dashboard .schedule-row .box .panel-schedule .panel-heading h3 {
    margin: 0;
    font-size: 14px;
    color: #5d5b5b;
    text-align: center
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box a,
.row-dashboard .schedule-row .box .panel-schedule .panel-heading h3 #date {
    color: #333
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .content-header {
    padding: 0;
    margin-bottom: 10px
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box {
    padding: 0;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    min-height: 100px
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box a:focus,
.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box a:hover {
    color: #2a6496;
    text-decoration: none
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .description,
.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .other,
.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .time {
    min-height: inherit
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .time h3 {
    margin-top: 35px;
    height: inherit;
    vertical-align: middle;
    text-align: center;
    font-weight: 600
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .time .starttime {
    font-size: 16px
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .time .date {
    margin-top: 0;
    font-size: 13px
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .description {
    border-left: 1px solid #ccc
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .description .title h4 {
    font-size: 16px
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .description .title .duration {
    font-size: 13px
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .description .subtitle h5 {
    margin-top: 0;
    font-size: 13px;
    margin-bottom: 5px
}

.row-dashboard .schedule-row .schedule-content .box .description .subtitle {
    height: 20px
}

.row-dashboard .schedule-row .schedule-content .box .description .notification .venue {
    padding-left: 0
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .notification .venue {
    padding-left: 0;
    padding-right: 0
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .notification .classManagement {
    padding-right: 0
}

.row-dashboard .schedule-row .schedule-content .box .description .notification .classManagement .btn {
    padding: 0 8px
}

.row-dashboard .schedule-row .schedule-content .box .description .notification .classManagement .btn:hover {
    color: #333;
    text-decoration: none
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .other {
    padding: 0
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .other img {
    width: 115px;
    height: 90px;
    margin: 5px auto
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .seeMore {
    margin-top: 10px;
    text-align: center;
    font-weight: 600
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .noSchedule {
    width: 100%;
    text-align: center;
    margin: 20px auto
}

.row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .noSchedule h3 {
    font-size: 21px;
    color: #b3b1b1
}

.row-dashboard .schedule-row .box .headingTaskPanel {
    border-bottom: 1px solid #D8D8D8;
    padding-top: 15px;
    color: #333;
    border-top-right-radius: 5px;
    z-index: 2;
    border-top-left-radius: 5px;
    background-color: #F5F5F5;
    text-align: center
}

.row-dashboard .schedule-row .box .headingTaskPanel h4 {
    margin-top: 0;
    color: #333;
    font-size: 16px
}

.row-dashboard .schedule-row .box .taskContent {
    max-height: 380px;
    overflow-y: scroll;
}

.row-dashboard .schedule-row .box .taskContent .noSchedule {
    width: 100%;
    text-align: center;
    margin: 20px auto
}

.row-dashboard .schedule-row .box .taskContent .noSchedule h3 {
    font-size: 21px;
    color: #b3b1b1
}

.row-dashboard .schedule-row .memberGraphPanel {
    padding: 0;
}

.row-dashboard .schedule-row .memberGraphPanel .panel-body .graph-content canvas {
    height: 300px !important;
}

.row-dashboard .row.statistic .box-statistic .panel,
.row-dashboard .row.statistic .box-statistic .panel .panel-heading {
    height: 170px
}

.row-dashboard .row.statistic .box-statistic .panel .row .top {
	margin-bottom: 5px;
}

.row-dashboard .row.statistic .box-statistic .panel .panel-heading {
	border-radius: 3px;
	padding: 5px;
}

.row-dashboard .row .box-statistic .row h1 {
	margin: 0px;
	padding: 0px;
}

.row-dashboard .row.statistic .box-statistic .panel .text h3 {
	margin: 0px;
	padding: 0px 3px;
}

.row-dashboard .row.statistic .box-statistic .panel .top {
    margin-bottom: 10px
}

.row-dashboard .row .box-statistic .panel-heading a {
    color: #333
}

.row-dashboard .row .box-statistic .row h1 {
	font-size: 34px;
}

.row-dashboard .row.statistic .box-statistic .panel .text h3,
.row-dashboard .row .box-statistic .row h1 {
	display: table-cell;
	height: inherit;
	line-height: 1.4;
	width: inherit;
	vertical-align: middle;
}


.row-dashboard .row .box-statistic .panel-primary .row .text {
    padding-top: 7px;
    padding-left: 0;
    padding-right: 0
}

.row-dashboard .row .box-statistic .panel .row .percentage {
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.row-dashboard .panel-primary,
.row-dashboard .panel-success {
    border: 0 solid
}

.panel-green .panel-heading {
    background-color: #88D397
}

.panel-green h1,
.panel-green h3 {
    color: #575757
}

.panel2 .panel-heading {
    background-color: #F9F9F9;
    border-color: #F9F9F9
}

.panel-red .panel-heading {
    background-color: #d47878;
    border: 1px solid #b17d7d
}

.row-dashboard .row.statistic .box-statistic .panel-red .row .description h6 {
    color: #fff!important
}

.panel-red .panel-heading h1,
.panel-red .panel-heading h3,
.panel-red .panel-heading h4 {
    color: #F4EEEE!important
}

.panel2 .row .info h4,
.panel2 .row .number h1,
.panel2 .row .percentage h3 {
    color: #747474
}

.row-dashboard .row .info h3,
.row-dashboard .row .info h4 {
    text-align: center;
    color: #575757
}

.row-dashboard .row .panel .glyphicon {
    font-size: .8em
}

.row-dashboard .row.statistic .box-statistic .panel .row .bottom,
.row-dashboard .row.statistic .box-statistic .panel .row .bottom .bottom-content,
.row-dashboard .row.statistic .box-statistic .panel .row .info .text,
.row-dashboard .row.statistic .box-statistic .panel .row .top,
.row-dashboard .row.statistic .box-statistic .panel .row .top .text {
    padding: 0
}

.flex-container {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
}

.flex-column-fixed {
    flex: 0 0 auto;
}

.flex-column-scrollable {
    flex: 1 1 auto;
    overflow: auto scroll;
}

.row-dashboard .row.statistic .box-statistic .panel .row .data h3 {
	text-align: center;
	font-size: 18px;
	margin: 2px;
	width: 100%;
}

.row-dashboard .row.statistic .box-statistic .panel .row .percentage h3 {
	text-align: center;
	font-size: 18px;
	margin: 12px 0 0
}

.row-dashboard .row.statistic .box-statistic .panel .row .data h6 {
	padding: 0;
	font-size: 11px;
	text-align: center;
	color: #333;
	margin: 2px;
}

.row-dashboard .row.statistic .box-statistic .panel2 .row .description h6 {
	position: relative;
	text-align: center;
	color: #333;
	margin: 0
}

.row-dashboard .row.statistic .box-statistic .panel .text h3 {
	font-size: 16px;
	text-align: left;
	padding: 0px;
}

.row-dashboard .row.statistic .box-statistic .panel .row .info,
.row-dashboard .row.statistic .box-statistic .panel .row .top .text {
	display: table;
	height: 60px;
	padding-left: 0;
}

.row-dashboard .row.statistic .box-statistic .panel .row .bottom .bottom-content .data {
	margin-bottom: 10px;
}

.row-dashboard .row h1 {
    text-align: center
}

.row-dashboard .row.statistic .box-statistic .info h4,
.row-dashboard .row.statistic .percentage h3 {
    text-align: left
}

.row-dashboard .row.statistic .box-statistic .panel-primary .row .progress {
    height: 12px
}

.row-dashboard .panel2 .row .largeNumber {
    position: relative;
    top: 10px;
    font-size: 50px
}

.row-dashboard .panel2 .row.statistic .info .col-xs-12 {
    padding-left: 0
}

.row-dashboard .panel2 .row.statistic .info h4 {
    padding-bottom: 5px;
    text-align: left;
    margin-top: 0
}

.progress-bar,
.row-dashboard .schedule .seeMore,
.row-dashboard .schedule-row .schedule-content .page-header,
.square-box-pop-up {
    text-align: center
}

/* Summernote font dropdown */
.note-editor .panel-heading a:not(.btn) {
    color: #000;
}

.panel-warning h1 {
    color: #404040
}

.panel-warning .panel-heading {
    background-color: #CC6
}

.panel-danger h5 {
    color: #930
}

.panel-danger span.glyphicon-list-alt {
    font-size: 5em
}

.row-dashboard .memberGraphPanel .panel-body,
.row-dashboard .memberGraphPanel .panel-graph,
.row-dashboard .memberGraphPanel .panel-graph .panel-body .graphone,
.row-dashboard .visithistory-graph,
.row-dashboard .visithistory-graph .panel-graph,
.row-dashboard .visithistory-graph .panel-graph .panel-body .graphone {
    padding: 0
}

.row-dashboard .schedule-row .memberGraphPanel .panel-body.staffcontainer { padding: 15px 0px; }

.row-dashboard .panel a { color: #333; }

.row-dashboard .memberGraphPanel .panel-graph .panel-heading h3,
.row-dashboard .visithistory-graph .panel-graph .panel-heading h3 {
    margin: 0;
    font-size: 14px
}

.row-dashboard .memberGraphPanel .panel-graph .panel-body .graph-content,
.row-dashboard .visithistory-graph .panel-graph .panel-body .graph-content {
    padding-top: 15px
}

.row-dashboard .memberGraphPanel .panel-graph .panel-body .graphone,
.row-dashboard .visithistory-graph .panel-graph .panel-body .graphone {
    position: relative
}

.row-dashboard .memberGraphPanel .panel-graph .panel-body .textlabel,
.row-dashboard .visithistory-graph .panel-graph .panel-body .textlabel {
    position: absolute;
    left: 48%;
    bottom: 46%
}

.row-dashboard .memberGraphPanel .panel-graph .panel-body .textlabel h3,
.row-dashboard .visithistory-graph .panel-graph .panel-body .textlabel h3 {
    margin: 0
}

.progress {
    margin-bottom: 6px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    height: 18px;
    background-color: #ebeef1;
    background-image: none;
    box-shadow: none
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: #000
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background-color: #777;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}
.progress-bar-info {
    background-color: #5cb85c;
}

.progress>.progress-type {
    position: absolute;
    left: 17px;
    font-weight: 300;
    color: #303030
}

.square-box img,
.square-box-pop-up img {
    left: 50%;
    -webkit-transform: translate(-50%, -50%)
}

.progress>.progress-completed {
    position: absolute;
    right: 17px;
    font-weight: 400;
    color: #101010
}

.row .affix-content .panel9 {
    padding-left: 0;
    margin-left: -15px
}

.row .affix-content .panel10 {
    margin-right: -15px
}

.row-dashboard .schedule-row .page-header {
    margin: 0;
    padding-left: 0
}

.row-dashboard .schedule-row .schedule-content {
    border: 0 solid #ddd;
    border-radius: 3px;
    padding: 0
}

.row-dashboard .schedule .schedule-content {
    height: 110px;
    padding: 0;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .71);
    -moz-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .71);
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .71)
}

.row-dashboard .schedule .schedule-content .box .description {
    border-right: 1px solid #ccc
}

.row-dashboard .schedule .schedule-content .box .other {
    height: inherit;
    text-align: center
}

.row-dashboard .schedule .schedule-content .box .other img {
    height: 100%
}

.row-dashboard .schedule .seeMore a {
    font-weight: 600
}

.square-box-pop-up {
    position: relative;
    margin-right: 10px;
    height: 150px;
    width: 195px;
    overflow: hidden
}

.square-box-pop-up img {
    position: absolute;
    top: 50%;
    height: 100%;
    width: auto;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}


.alert[data-notify=container]:not([data-popup-type=notification]) {
    padding: 2px;
    border-radius: 2px;
    width: 500px !important;
}

.alert.alert-success[data-notify=container] {
    border-color: #3FA730!important
}

.alert.alert-danger[data-notify=container] {
    border-color: #FF0029!important
}

.alert[data-notify=container] .popup-notification .pop_up_content {
    width: 270px
}

.alert[data-notify=container] .popup-notification .pop_up_content p {
    font-size: 12px;
    margin-bottom: 5px;
    padding: 0
}

.row-find-member .row-find-member-content .search-bar .form-group,
.row-find-member .row-find-member-content .search-bar .form-group .searchbar {
    margin-bottom: 2px
}

.row-find-member .row-find-member-content .search-bar {
    padding: 0
}

.row-find-member .row-find-member-content .search-bar #input-search {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.row-find-member .row-find-member-content .sort-box {
    text-align: right;
    padding: 0
}

.row-find-member .row-find-member-content .sort-box .form-group {
    padding: 0
}

.row-find-member .row-find-member-content .sort-box #sort-selection {
    float: right;
    padding: 0
}

.row-find-member .row-find-member-content .sort-box #sort-selection select {
    background-color: transparent;
    border: 0;
    box-shadow: 0 0 0;
    text-align: right;
    float: right;
    padding: 0;
    display: inline-block;
    border-bottom: 1px solid #333;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: 400
}

.row-find-member .row-find-member-content .sort-box #view-selection {
    float: right;
    width: 110px;
}

.row-find-member .row-find-member-content .sort-box #view-selection .btn-active {
    opacity: .6
}

.row-find-member .row-find-member-content .search-bar .form-group .find-member-filter #member-filter {
    margin-top: 10px;
    margin-bottom: 10px
}

.row-find-member .row-find-member-content .search-bar .form-group .find-member-filter #member-filter .filter-box {
    padding: 5px;
}

.row-find-member .row-find-member-content .search-bar .form-group .find-member-filter .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
}

.row-find-member .row-find-member-content .search-bar .form-group .find-member-filter .filter-closer {
    color: #828282;
    font-weight: 700;
    margin-left: 10px
}

.row-find-member .row-find-member-content .search-bar .button-header {
    padding: 0 30px;
    margin-bottom: 10px
}

.row-find-member .row-find-member-content .search-bar .checkbox {
    margin-top: 7px;
}

.row-find-member .row-find-member-content .input-group.add-on {
    position: relative
}

.row-find-member .row-find-member-content .search-bar .form-group .inputbox {
    position: absolute;
    background-color: #fff;
    z-index: 20;
    top: 34px;
    padding: 10px;
    border: 1px solid #ccc;
    width: 98%;
    -webkit-box-shadow: 1px 2px 4px 0 rgba(50, 50, 50, .24);
    -moz-box-shadow: 1px 2px 4px 0 rgba(50, 50, 50, .24);
    box-shadow: 1px 2px 4px 0 rgba(50, 50, 50, .24)
}

.row-find-member .row-find-member-content .search-bar .form-group .inputbox ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0
}

.row-find-member .row-find-member-content .search-bar .form-group .inputbox ul li {
    padding: 0 3px 5px
}

.row-find-member .row-find-member-content .search-bar .form-group .inputbox ul li a {
    width: 100%;
    display: inline-block;
    color: #333;
    text-decoration: none
}

.row-find-member .row-find-member-content .search-bar .form-group .inputbox ul li a:hover {
    background-color: #ccc;
    color: #fff
}

.row-find-member .row-find-member-content .searchable-container .square-box .glyphicon-lg {
    margin: 3px 0 -3px;
    font-size: 9.2em;
    color: #D0D0D0
}

.row-find-member .row-find-member-content .info-block {
    margin-bottom: 25px;
    height: 150px;
    width: 435px
}

.info-block .square-box {
    position: relative;
    margin-right: 10px;
    text-align: center;
    height: 149px;
    width: 135px;
    overflow: hidden
}

.square-box img {
    position: absolute;
    top: 50%;
    height: 100%;
    width: auto;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.info-block.block-info .square-box {
    background: #fbfbfb;
    color: #FFF;
}

.row-find-member .row-find-member-content .items .info-block .find-member-content {
    width: 250px;
    padding: 0
}

.row-find-member .showmore {
    margin: 3%;
    text-align: center
}

.row-find-member .row-find-member-content .info-block.diffcompany {
    background-color: rgba(137, 150, 160, .77);
    border-color: rgba(137, 150, 160, .79)
}

.row-find-member .row-find-member-content .items .info-block.diffcompany .find-member-content .find-member-heading-currentmember {
    border-bottom: 1px solid #fff
}

.row-find-member .row-find-member-content .items .info-block.diffcompany .find-member-content .find-member-heading .find-member-name-currentmember .visit-name,
.row-find-member .row-find-member-content .items .info-block.diffcompany .find-member-content p {
    color: #fff
}

.row-accountdetails {
    padding-left: 2%
}

.row-accountdetails .accountdetails-content {
    margin-top: 10px
}

.row-accountdetails .end-content {
    text-align: center;
    margin: 30px 0
}

.row-accountdetails .add-photo {
    text-align: center;
    margin: auto;
    width: 280px;
    position: absolute;
    bottom: 5px
}

.row-accountdetails .accountdetails-content .account-summary .username {
    margin-bottom: 10px
}

.row-accountdetails .accountdetails-content .account-summary .username h2 {
    margin: 0
}

.row-accountdetails .accountdetails-content .profile-pic img {
    box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25);
    background: #FBFBFB;
    width: 280px
}

.staff-accountdetails-options {
    margin-top: 15px;
    box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25);
    background: #FBFBFB;
    width: 280px
}

.staff-accountdetails-content {
    -webkit-box-shadow: 2px 2px 2px 0 #ddd;
    -moz-box-shadow: 2px 2px 2px 0 #ddd;
    box-shadow: 2px 2px 2px 0 #ddd;
    background: #f6f6fb;
    border: 1px solid silver;
    border-top: 0;
}

.row-accountdetails .accountdetails-content .account-summary .box.two .form-group {
    padding: 0
}

.row-accountdetails .accountdetails-content .account-summary .box.two .form-group .checkbox label {
    padding-left: 30px
}

.row-accountdetails .accountdetails-content .account-detail .box.one .form-group .input-text.resourceslink ul {
    padding: 0
}

.row-accountdetails .accountdetails-content .account-detail .box.one .form-group .input-text.resourceslink ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}

.row-accountdetails .signature .signhere {
    position: absolute;
    bottom: 12px;
    left: 45%
}

.row-accountdetails .add-photo .camerabutton {
    padding: 4px 4px 1px 6px
}

.row-accountdetails .page-header {
    text-align: center;
    margin: 0
}

.row-accountdetails .staff-rights-box .content .box .content-description,
.row-accountdetails .staff-rights-box .content .box .content-group,
.row-accountdetails .staff-rights-box .header .headercontent {
    text-align: left
}

.row-accountdetails .page-header h3 {
    font-size: 24px
}

.row-accountdetails .staff-rights-box {
    text-align: left;
    padding: 10px;
    border: 1px solid silver;
    -webkit-box-shadow: 2px 2px 2px 0 #ddd;
    -moz-box-shadow: 2px 2px 2px 0 #ddd;
    box-shadow: 2px 2px 2px 0 #ddd;
    background: #f6f6fb
}

.row-accountdetails .staff-rights-box .table tbody td.rolegroup {
    line-height: 2
}

.row-accountdetails .staff-rights-box .table tbody td.roledesc {
    font-size: 13px
}

.row-accountdetails .staff-rights-box .table tbody td.roledesc .colummn {
    margin-top: 5px
}

.row-accountdetails .staff-rights-box .table tbody td.roledesc ul {
    padding: 0
}

.row-accountdetails .staff-rights-box .table tbody td.roledesc ul li {
    list-style-type: none
}

.row-accountdetails .staff-rights-box .table tbody td.roledesc .bold {
    font-weight: 600
}

.row-accountdetails .staff-rights-box .table .short {
    width: 20%
}

.row-accountdetails .staff-rights-box .table .long {
    width: 60%
}

.row-accountdetails .staff-rights-box .header .header-restriction {
    padding: 0 35px
}

.row-accountdetails .staff-rights-box .header .headercontent h4 {
    font-size: 16px;
    font-weight: 600
}

.row-accountdetails .staff-rights-box .content .box {
    margin: 7px 0;
    height: 65px
}

.row-accountdetails .staff-rights-box .content .box .content-restriction .content-description h5 {
    font-weight: 600;
    color: #ff3d3d
}

.row-find-member .row-find-member-content .filter-currentmember, .row-find-member-content .filter-currentmember {
    position: relative;
    width: 370px;
    left: 20%;
    display: none;
    background-color: rgba(147, 149, 152, 1);
    border-radius: 10px;
    padding: 8px
}

.row-find-member .row-find-member-content .filter-currentmember .control-label {
    width: 30%;
    top: 5px
}

.row-find-member .row-find-member-content .filter-currentmember .small-arrow {
    height: 20px;
    position: absolute;
    bottom: 43px;
    left: 94px
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name, .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name {
    margin-right: 0;
    padding-left: 0
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name .visit-name,
.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name-currentmember .visit-name,
.find-member-content .find-member-heading .find-member-name-currentmember .visit-name {
    font-size: 13px;
    font-weight: 600;
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted {
    position: relative;
    height: 41px;
    background-color: #dff0d8;
    color: #3c763d;
    right: 0px;
    border: 1px solid #d6e9c6
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time {
    overflow: hidden;
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied {
    position: relative;
    height: 41px;
    background-color: #AE3636;
    color: #a94442;
    right: 0px
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard {
    position: relative;
    height: 41px;
    background-color: #d9edf7;
    color: #31708f;
    right: 0px;
    border: 1px solid #bce8f1
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted h4 {
    color: #3c763d!important
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied h4 {
    color: #F0E6E6!important
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard h4 {
    color: #31708f!important
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time {
    padding: 0
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time h4 {
    font-weight: 700;
    font-size: 12px;
    color: #888;
    padding-top: 1px;
    padding-left: 1px
}

.row-find-member .row-find-member-content .items .info-block .find-member-content label, .row-find-member-content .items .info-block .find-member-content label {
    margin-bottom: 0;
    font-size: 10px
}

.row-find-member .row-find-member-content .items .info-block h4 {
    margin: 2px 0;
    font-size: 18px;
    color: #181818
}

.info-block p {
    margin-bottom: 2px;
    color: grey;
}

.info-block a {
    text-decoration: none;
    color: #585858;
}

.row-find-member #result-container-card label.visit-name {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.row-find-member #result-container-card .info-block {
  overflow: hidden;
  position: relative;
}

.row-find-member .info-block hr {
    border-bottom: 1px solid silver;
    position: absolute;
    top: 25px;
    width: 99%;
}

.searchable-container {
    margin-top: 30px
}

.row-find-member .glyphicon-asterisk,
.row-find-member .glyphicon-ok {
    color: #090
}

.fa-exclamation-circle {
    color: red
}

.noResult {
    position: relative;
    width: 300px;
    margin: 200px auto;
    text-align: center
}

.noresulttable {
    position: relative;
    text-align: center;
    padding: 20px
}

.noresulttable h4 {
    color: #bfbfbf;
    margin: 0
}

.noResult h4 {
    font-size: 18px;
    color: #707070
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading {
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    width: 290px;
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-currentmember .find-member-name {
    width: 100%
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name h4 {
    font-size: 16px;
    padding-top: 10px;
    font-weight: 700;
    color: #585858
}

.row-find-member .row-find-member-content .items .info-block .member-status .fa-pause,
.row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-asterisk,
.row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-ok,
.row-find-member .row-find-member-content .items .info-block .member-status i {
    font-size: 1.2em;
    position: absolute;
    left: 145px;
    top: 125px;
}

.row-find-member .row-find-member-content .items .info-block .find-member-content p, .row-find-member-content .items .info-block .find-member-content p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px
}

.row-find-member .row-find-member-content .items .info-block .find-member-content h6#visit-task {
    font-size: 13px;
    line-height: 1.4;
    margin: 3px 0px;
}

.row-find-member .row-find-member-content .items .info-block .member-status i {
    font-size: 1.2em;
}

.row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-remove {
    font-size: 1.2em;
    position: absolute;
    bottom: 30px;
    left: 170px
}

.row-find-member .row-find-member-content .items .info-block .manual-checkin .btn-manual-checkin {
    position: absolute;
    height: 35px;
    width: 40px;
    right: 2px!important;
    bottom: 1px!important
}

.row-find-member .row-find-member-content .items .info-block .manual-checkin .btn-manual-checkin img {
    width: 20px
}

.row-find-member .row-find-member-content .items .info-block .manual-checkout .btn-manual-checkout {
    position: absolute;
    height: 35px;
    width: 40px;
    left: 405px!important;
    bottom: 29px!important
}

.row-find-member .row-find-member-content .items .info-block .manual-checkout .btn-manual-checkout img {
    height: 20px;
    width: 20px
}

.row-find-member .searchable-container2 {
    text-align: center;
    margin: 40px 0
}

.row-find-member .searchable-container2 a {
    width: 80%;
    margin-bottom: 10px
}

.row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
    margin-bottom: 5px
}

.row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .prospect-assigned,
.row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .prospect-status {
    font-weight: 600;
    font-size: 12px
}

.row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .by {
    font-size: 11px
}

.row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .prospect-status.green {
    color: #52C84A
}

.row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .prospect-status.red {
    color: #DB8484
}

.row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .prospect-dates .last,
.row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .prospect-dates .start {
    font-weight: 600
}

.row-find-member .row-find-member-content .items.prospect-box .info-block .member-status {
    padding-right: 0;
    padding-left: 3px
}

.row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn {
    margin-right: 3px;
    color: #fff
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-currentmember .find-member-name-currentmember .glyphicons {
    position: relative;
    top: 4px
}

.row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-currentmember .find-member-name-currentmember {
    padding: 0
}

.row-find-member .prospect-box .prospect-details-box .find-member-name-currentmember {
    float: left;
    padding: 0
}

.row-find-member .prospect-box .box-details-box .find-member-name-currentmember .visit-name {
    padding-top: 3px!important;
    width: 80%;
    padding: 0
}

.row-find-member .prospect-box .prospect-details-box .find-member-name-currentmember .org-name {
    width: 80%;
    padding: 0
}

.row-membershiptype-properties .memberbenefit {
    border-bottom: 1px solid #ccc;
}

.row-find-member .prospect-box .prospect-details-box .find-member-heading .member-status {
    width: 65px;
    float: right;
    text-align: right;
    padding: 5px;
    position: absolute;
    right: 0
}

.row-find-member .prospect-box .prospect-details-box .find-member-heading .member-status a {
    padding: 4px;
    font-size: 15px
}

#workout_images{
    background-color: #ffffff;
}

.row-find-member .prospect-box .prospect-details-box .find-member-heading .member-status a.btn-call {
    color: #5cb85c
}

.row-find-member .prospect-box .prospect-details-box .find-member-heading .member-status a.btn-mail {
    color: #337ab7
}

.row-find-member .row-find-member-content .search-bar .form-group .searchbar #advanced-search {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075)
}

.row-find-member .row-find-member-content .search-bar .form-group .searchbar .form-control {
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075)
}

.row-find-member .row-find-member-content .search-bar .form-group .searchbar .form-control#input-search {
    border-right: 0
}

.row-find-member .row-find-member-content #result-container-list .fixed-table-container {
    width: 100%;
    height: 650px;
    margin: 10px auto;
    background-color: #F3f3f9;
    position: relative;
    padding-top: 30px
}

.row-find-member .row-find-member-content #result-container-list .header-background {
    background-color: #F3F3F9;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.row-find-member .row-find-member-content #result-container-list .fixed-table-container-inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%
}

.row-find-member .row-find-member-content #result-container-list table {
    background-color: #F3F3F9;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.row-find-member .row-find-member-content #result-container-list th {
    padding: 0 5px;
    text-align: left
}

.row-find-member .row-find-member-content #result-container-list .first .th-inner {
    padding-left: 6px
}

.row-find-member .row-find-member-content #result-container-list .th-inner {
    top: 0;
    line-height: 30px;
    text-align: left;
    padding-left: 5px;
    margin-left: -5px
}

.row-find-member .row-find-member-content #result-container-list .find-member-list td {
    vertical-align: middle;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.row-find-member .row-find-member-content #result-container-list .find-member-list td:hover {
    cursor: pointer
}

.row-find-member .row-find-member-content #result-container-list .find-member-list .img-member {
    text-align: center;
    height: 35px;
    width: 35px;
    overflow: hidden;
    padding: 0;
    border-left: 1px solid #fff
}

.row-find-member .row-find-member-content #result-container-list .find-member-list .img-member img {
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.row-find-member .row-find-member-content #result-container-list .find-member-list .membername {
    font-weight: 400;
    vertical-align: middle;
    width: 25%;
}

.row-find-member .row-find-member-content #result-container-list .find-member-list .memberaction {
    width: 5%;
    border-right: 1px solid #fff;
    padding: 0px;
}

.row-find-member .row-find-member-content #result-container-list .find-member-list .memberaction a {
    font-weight: 600
}

.row-find-member #advanced-search-content {
    padding: 10px 5px;
    position: absolute;
    left: 0;
    top: 33px;
    background: #fff;
    z-index: 3;
    border: 1px solid #ccc
}

.row-find-member #advanced-search-content .form-group {
    padding: 0 5px
}

.row-find-member #advanced-search-content .form-group .control-label {
    margin-bottom: 0;
    font-size: 12px;
    color: #565656
}

.row-find-member #advanced-search-content .form-group .control-label,
.row-find-member #advanced-search-content .form-group .input-text {
    padding: 0
}

.row-find-member #advanced-search-content .form-group .input-text.radio-line label {
	margin-right: 10px;
}

.row-find-member #advanced-search-content .form-group .input-text.firstname,
.row-find-member #advanced-search-content .form-group.advanced-search-age .input-text.select-filter {
    padding-right: 3px
}

.row-find-member #advanced-search-content .form-group .input-text.lastname {
    padding-left: 3px
}

.row-find-member #advanced-search-content .form-group .input-text .form-control {
    border-radius: 3px;
    padding: 5px;
    height: 32px;
    font-size: 14px;
}

.row-find-member #advanced-search-content .form-group .input-text .input-group-btn .input-group-addon {
    font-size: 12px
}

.row-find-member #advanced-search-content .checkbox-search {
    padding: 0;
    margin: 10px 0
}

.row-find-member #advanced-search-content .checkbox-search .radio {
    margin: 5px 0
}

.row-find-member #advanced-search-content .end-bar {
    padding: 0;
    margin: 10px 0;
    text-align: center
}

.row-find-member #advanced-search-content #fuzzNameContainer {
    padding: 5px 0 5px 9px;
    text-align: left;
    box-shadow: none;
    background-color: inherit;
    border: 1px solid #CCC;
    font-size: 14px
}

.row-find-member #advanced-search-content .fuzzArrow.fuzzArrowUp {
    top: 15px;
    border-width: 0px 3px 6px;
    right: 8px;
    position: absolute;
}

.row-find-member #advanced-search-content .fuzzArrow {
    top: 15px;
    border-width: 6px 3px 3px;
    right: 8px;
    position: absolute;
}

.row-find-member #advanced-search-content #fuzzResults {
	height: 400px;
    overflow: auto;
}

.affix-content .row-side .content-side .list-side a {
    padding-left: 5px;
    padding-right: 1px
}

.content-side .photoimg {
    text-align: center;
    width: 280px;
    padding: 0
}

.row-add-detail {
    margin-bottom: 20px
}

.row-add-detail .list-side {
    width: 280px;
    padding: 0;
    text-align: center;
    margin-top: 10px;
}

.row-add-detail .list-side .btn {
    text-align: center
}

.row-add-detail .list-side .make_booking {
	display: inline-block;
	float: left;
	padding: 0px;
}

.row-add-detail .list-side .make_booking a {
	width: 100%;
}

.row-add-detail .list-side img {
    width: 16px
}

.row-add-detail .list-side .btn i {
    font-size: 15px
}

.row-add-detail .list-side.list-sideBooking a {
    line-height: 1.8
}

.row-add-detail .list-side.list-sideBooking a .glyphicon {
    font-size: 13px
}

.row-add-detail .page-header {
    margin-top: 0;
    border-bottom: 1px solid silver;
    margin-bottom: 10px
}

.row-add-detail .page-header h3 {
    margin-bottom: 0;
    margin-top: 8px
}

.row-add-detail .row-content .member-detail .form-group .date {
    left: 0;
    width: 100%
}

.row-add-detail .row-content .tab-content .tab-detail .form-horizontal .form-group .input-group .input-group-btn .btn-default {
    background-color: #D2D2D2;
    border-color: #B6B6B6;
    color: #000
}

.row-add-detail .row-content .tab-content .tab-detail .form-horizontal .form-group .input-group .input-group-btn .btn-skype {
    padding: 0 3px
}

.row-add-detail .row-content .tab-content .tab-detail .form-horizontal .form-group .input-group .input-group-btn .btn-skype #SkypeButton_Call_skypeid_1_paraElement img {
    margin: 0!important;
    vertical-align: 0!important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.row-add-detail .row-content .tab-content .tab-detail .form-horizontal .form-group .input-group .input-group-btn .btn-default:hover {
    background-color: #EDEDED
}

.row-add-detail .row-content .tab-content .tab-detail .form-horizontal .form-group .input-group .input-group-btn .btn-default:disabled {
    background-color: #F2F0F0!important;
    border-color: #B6B6B6!important;
    color: #A3A2A2!important
}

.row-add-detail .row-content .tab-content .tab-detail .member-bottom-detail,
.row-add-detail .row-content .tab-content .tab-detail .member-top-details {
    padding: 0
}

.row-add-detail .row-content .member-detail .gender-form-group {
    margin-bottom: 17px
}

.row-add-detail .control-label {
    font-weight: 300
}

.row-add-detail .form-group .input-country .form-control,
.row-add-detail .form-group .input-currency .form-control {
    padding: 6px
}

.row-add-detail .form-group .input-currency {
    padding-left: 0
}

.row-add-detail .row-fluid .ssts-bar .status-bar a {
    font-weight: 400
}

.row-add-detail .row-side .content-side {
    padding: 0
}

.row-add-detail .row-fluid .ssts-bar .status-bar.loading-bar {
    text-align: left;
}

.row-add-detail .row-fluid .ssts-bar .status-bar p {
    font-weight: 400;
    margin: 0px;
    text-align: center;
}

.row-add-detail .row-fluid .ssts-bar .status-bar p #nomembershiplink {
    color: #707070;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    padding: 0;
    float: left
}

.row-add-detail .row-fluid .ssts-bar .status-bar .sh-box .inpt-box {
    float: left
}

.row-add-detail .row-fluid .ssts-bar .status-bar .sh-box .truncate {
    float: left;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.row-add-detail .row-fluid .status-bar .space {
    display: block;
    width: 20px;
    float: left;
    height: 20px;
    text-align: center;
    color: #cecece;
    font-weight: 600
}

.row-add-detail .row-fluid .ssts-bar .status-bar .sh-box,
.row-add-detail .row-fluid .ssts-bar .status-bar .sh-box .inpt-box,
.row-add-detail .row-fluid .ssts-bar .status-bar .sh-box .lbl-box {
    display: block
}

.row-add-detail .row-fluid .ssts-bar .status-bar .sh-box .lbl-box {
    display: none
}

.row-add-detail .row-fluid .ssts-bar .status-bar .sh-box .inpt-box a {
    color: #707070;
    font-weight: 400;
    display: inline-block;
    font-size: 14px
}

.row-add-detail .row-fluid .ssts-bar .status-bar .glyphicon {
    float: left
}

.row-add-detail .row-fluid .ssts-bar .status-bar .sh-box .inpt-box a:hover {
    border-bottom: #656565;
    color: #656565
}

.row-add-detail .row-fluid .ssts-bar .status-bar .sh-box .lbl-box {
    font-size: 12px;
    color: rgba(80, 80, 80, .68);
    font-weight: bolder;
    border-top: 1px solid rgba(121, 121, 121, .28);
    text-align: center
}

.row-add-detail .status-bar-button { padding-top: 10px; }

.row-add-detail .status-bar-button .button2 {
    float: right
}
.row-add-detail .status-bar-button .button2 .dropdown-menu {
    right: 0;
    left: auto
}
#webcam-div,
.photoimg img,
.row-add-detail .img-square,
.row-add-detail .row-content .status-bar-form img {
    -webkit-box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25);
    -moz-box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25);
    box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25);
    background: #FBFBFB
}

.row-add-detail .member-detail-header { padding-left: 3%; margin-bottom: 10px; }
.row-add-detail .member-detail-header .member-detail h2 {
    margin: 5px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}
@media only screen and (max-width: 768px) {
    .row-add-detail .member-detail-header .member-detail h2 {
        width: calc(100vw - 3em);
        display: -webkit-box;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

.row-add-detail .member-detail-header .member-detail #memberstatus { display: inline-block; }
.row-add-detail .member-detail-header .member-detail #memberstatus .icon-status span { font-size: inherit; line-height: 0.6; }
.row-add-detail .member-detail-header .member-detail .m_number { display: none; }

.row-add-detail .row-fluid .content-side .photoimg .previous-btn {
    position: absolute;
    top: 40%;
    float: left;
    z-index: 5
}

.row-add-detail .row-fluid .content-side .photoimg .next-btn {
    position: absolute;
    top: 40%;
    float: right;
    right: 0;
    z-index: 5
}

.row-add-detail .row-fluid .list-side .total_member {
    padding: 0;
    text-align: center;
    position: relative;
    margin: 5px 0 15px
}

.row-add-detail .row-fluid .list-side .total_member .next-btn,
.row-add-detail .row-fluid .list-side .total_member .previous-btn {
    position: absolute
}

.row-add-detail .row-fluid .list-side .total_member .content-number {
    float: left;
    width: 100%;
    text-align: center;
    padding: 4px 0;
    font-weight: 400
}

.row-add-detail .row-fluid .list-side .total_member .previous-btn {
    left: 0;
    float: left
}

.row-add-detail .row-fluid .list-side .total_member .next-btn {
    right: 0;
    float: right
}

.row-add-detail .row-fluid .list-side .total_member .next-btn .btn,
.row-add-detail .row-fluid .list-side .total_member .previous-btn .btn {
    padding: 3px 7px;
    border-radius: 2px
}

.row-add-detail .row-fluid .list-side .total_member .next-btn .btn i,
.row-add-detail .row-fluid .list-side .total_member .previous-btn .btn i {
    font-size: 13px
}

.row-add-detail .list-side .btn-default,
.row-add-detail.row-addprospect .prospect-side-info .prospect-button .btn-default {
    -webkit-box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25);
    -moz-box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25);
    box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25)
}

.row-add-detail .table-side,
.row-find-member .row-find-member-content .info-block {
    background-color: #fff;
    box-shadow: 0 2px 2px #ccc
}

.row-add-detail #familysummary .familymembername,
.row-add-detail #familysummary .lnk-members {
    display: inline-block;
    width: 100%
}

.row-add-detail #familysummary .relation-box h4 {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 0
}

.row-add-detail #familysummary .name_membership {
    width: 100%;
    float: left;
    position: relative
}

.row-add-detail #familysummary .name_membership .close_button {
    position: absolute;
    right: 0;
    z-index: 3;
    top: 0
}

.row-add-detail #familysummary .name_membership p {
    margin-bottom: 5px
}

.row-add-detail #familysummary .pay_for_label {
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #e8e8e8;
    color: #707070;
    padding-bottom: 5px;
    margin-top: 5px
}

/*Assign Credit Modal*/
#assign_credit .modal-header { padding: 15px 5px 10px; }
#assign_credit .modal-header .alert { margin: 5px 0px; padding: 5px 15px; }
#assign_credit .modal-body h4, #assign_credit .modal-body h5, #assign_credit .modal-body h6 {
    margin: 5px 0px;
}
#assign_credit .modal-body { padding: 0px; }
#assign_credit .modal-body .main-content {
    margin-top: 10px;
}
#assign_credit .modal-body .table tr td .checkbox input[type=checkbox] {
    margin: 0px;
}
#assign_credit .modal-body .box-payment {
    border-radius: 2px;
    padding: 3px;
    margin-bottom: 10px;
}
#assign_credit .modal-body .box-payment.paymentbox {
    border: 2px solid #6d9eca;
}
#assign_credit .modal-body .box-payment.chargesbox {
    border: 2px solid rgba(199, 220, 74, .86) !important;
}
#assign_credit .modal-body .box-payment.paymentbox .header .header-inner {
    background-color: #6d9eca;
}
#assign_credit .modal-body .box-payment.chargesbox .header .header-inner {
    background-color: rgba(199, 220, 74, .86);
}
#assign_credit .modal-body .box-payment .header {
    position: relative;
}

#assign_credit .modal-body .box-payment .header .header-inner {
    border-radius: 1px;
    color: #fff;
    left: -3px;
    padding: 0px 5px;
    position: absolute;
    top: -3px;
}

#assign_credit .modal-body .box-payment .header { height: 20px; }

#assign_credit .modal-body .box-payment .table {
    margin: 0px;
}
#assign_credit .modal-body .box-payment .table .short {
    width: 20px;
}

#assign_credit .modal-body .box-payment .table th, #assign_credit .modal-body .box-payment .table td {
    padding: 3px;
}
#assign_credit .modal-body .box-payment .table tr.assigned_td td {
    background: #e4e4e4;
}
.row-dashboard .panel {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px #ccc;
    -moz-box-shadow: 0 2px 2px #ccc;
    box-shadow: 0 2px 2px #ccc
}

.row-add-detail .table-side,
.row-find-member .row-find-member-content .info-block, .content-inside .info-block {
    background: #FBFBFB;
    -webkit-box-shadow: 0 2px 2px #ccc;
    -moz-box-shadow: 0 2px 2px #ccc;
    box-shadow: 0 2px 2px #ccc;
    border: 1px solid #fff
}

.content-inside .items { margin-bottom: 10px; }

.row-add-detail .table-side.family_member .lnk-members {
    float: left;
}

.row-add-detail .table-side.family_member .btn-default {
    float: right;
    top: 3px;
    padding: 6px 7px;
    position: absolute;
    right: 5px;
}

.row-add-detail:hover .table-side:hover,
.row-find-member:hover .row-find-member-content:hover .info-block:hover, .row-find-member-content:hover .info-block:hover {
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
    box-shadow: 0 1px 4px rgba(0, 0, 100, .3), 0 0 40px rgba(0, 0, 100, .1) inset;
    border: 1px solid #aaf
}

.row-add-detail .end-bar .btn,
.row-add-detail .end-bar-button2 .btn,
.row-add-detail .row-content .communication-tab .communication-tab-content .communication-button .communication-button1 .btn,
.row-add-detail .status-bar-button .btn,
.row-add-detail .tab-billing .btn,
.row-add-detail.row-addprospect .ssts-bar-prospect .status-bar-prospect-button .button2 .btn,
.row-find-member .row-find-member-content .items .info-block .square-box img.portrait {
    -webkit-box-shadow: 1px 1px 3px 0 rgba(47, 42, 59, .25);
    -moz-box-shadow: 1px 1px 3px 0 rgba(47, 42, 59, .25);
    box-shadow: 1px 1px 3px 0 rgba(47, 42, 59, .25)
}

.row-add-detail .row-tab .nav-tabs,
.row-configuration-payment-methods .configuration-payment-method-content .nav-tabs {
    border-bottom: 1px solid silver
}

.row-add-detail .row-tab .nav-tabs>li.active>a,
.row-add-detail .row-tab .nav-tabs>li.active>a:hover,
.row-configuration-payment-methods .configuration-payment-method-content .nav-tabs>li.active>a,
.row-configuration-payment-methods .configuration-payment-method-content .nav-tabs>li.active>a:hover {
    background: #f6f6fb;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver
}

.row-add-detail .row-tab .nav-tabs>li>a,
.row-add-detail .row-tab .nav-tabs>li>a:hover,
.row-configuration-payment-methods .configuration-payment-method-content .nav-tabs>li>a,
.row-configuration-payment-methods .configuration-payment-method-content .nav-tabs>li>a:hover {
    background: #e6e6eb;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    box-shadow: 1px 0 1px #ccc
}

.row-add-detail .row-tab .tab-content .tab-pane,
.row-configuration-payment-methods .configuration-payment-method-content .tab-content .tab-panel {
    -webkit-box-shadow: 2px 2px 2px 0 #ddd;
    -moz-box-shadow: 2px 2px 2px 0 #ddd;
    box-shadow: 2px 2px 2px 0 #ddd;
    background: #f6f6fb
}

/** Shared Membership **/
.training_schedule-tabcontent .shared-membership-box .shared-container { padding: 10px; }
.training_schedule-tabcontent .shared-membership-box .shared-container .content-inside h4 { margin: 0px 0px 20px 0px; }
.training_schedule-tabcontent .shared-membership-box .shared-container .content-inside .box-shared .form-group { margin: 0px 0px 10px 0px; }
.training_schedule-tabcontent .shared-membership-box .shared-container .content-inside .box-shared .form-group p { margin: 0px; }
.training_schedule-tabcontent .shared-membership-box .shared-container .content-inside .box-shared .form-group h5 { margin: 0px 10px 0px 0px; }
.training_schedule-tabcontent .shared-membership-box .shared-container .content-inside .box-shared .form-group h5,
.training_schedule-tabcontent .shared-membership-box .shared-container .content-inside .box-shared .form-group p { display: inline-block; }
.training_schedule-tabcontent .shared-membership-box .shared-container .content-inside .button-bar { text-align: right; }
.training_schedule-tabcontent .shared-membership-box .shared-container { background-color: #fff; border: 1px solid #d6d6d6; border-radius: 4px; -webkit-box-shadow: 0 8px 6px -10px #777777bd;; -moz-box-shadow: 0 8px 6px -10px #777777bd;; box-shadow: 0 8px 6px -10px #777777bd; }
.training_schedule-tabcontent .shared-membership-box .all_shared-container { background-color: inherit; border: 0px solid #d6d6d6; border-radius: 4px; -webkit-box-shadow: 0 8px 6px -10px #777777bd;; -moz-box-shadow: 0 8px 6px -10px #777777bd;; box-shadow: 0 8px 6px -10px #777777bd; }
#sharedNewModal .modal-content .modal-body #sharedFindResultContainer .items { padding: 0px 5px; }
.training_schedule-tabcontent .shared-membership-box .shared-container .content-inside .info-block { height: auto; }
.training_schedule-tabcontent .shared-membership-box .shared-container .content-inside .info-block .find-member-content { float: left;}
.training_schedule-tabcontent .shared-membership-box .shared-container .content-inside .historic {background-color: #d0d0d0; border: 1px solid #d0d0d0;}


/*------------------------
	Add/Edit Questionnaire Page
--------------------------*/
.row-edit-questionnaire table tr td .btn + .btn {
	/* Not sure what I did, but these buttons were squished */
	margin-left: 5px;
}

/*------------------------
	Member Questionnaire Page
--------------------------*/
.question.image-question {
	display: inline-block;
	text-align: center;
}

.question.image-question .draw {
	font-weight: 700;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 0px; }

.row-add-detail .form-group {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0
}

.row-add-detail .label-form-select .edit-button { text-align: right; }
.row-add-detail .label-form-select .input-text .select2.select2-container { width: 100% !important; }
.row-add-detail .label-form-select .input-text .select2.select2-container .select2-selection.select2-selection--multiple { border: 1px solid #ccc; }

.row-add-detail .form-group .form-control.input-error {
    border: 2px solid red;
}

.row-add-detail .form-group .checkbox {
	padding-top: 7px;
}

.row-add-detail .end-bar {
    text-align: right;
    padding-right: 0
}

.row-add-detail .modal-footer.membershipcontent {
    border: 0px;
}

.row-add-detail #benefitlist, .row-add-detail #servicelist {
    background-color: rgba(155, 155, 155, .06);
    margin: 20px 0px;
}

.goalrows {
    padding-top: 45px;
}

.oi {
    font-size: .8em
}

.list-side ul {
    position: relative;
    padding-left: 0;
    list-style-type: none
}

.list-side li {
    position: relative;
    background-color: #E6E6E6;
    box-sizing: border-box;
    width: 100%;
    float: center;
    border: 1px solid #fff;
    padding: 7px 0
}

.row-add-detail .tab-transaction .accountoverview .box.accountview .overviewheader,
.row-add-detail .tab-transaction .accountoverview .boxoverview .nextpay .nextpayamount,
.row-add-detail .tab-transaction .accountoverview .boxoverview .nextpay .textnextpay {
    float: left
}

/* touch-action for bug in windows touch screens */
#signature, #modal_signature, #cancellation_signature {
    touch-action: none;
    -ms-touch-action: none;
}

#signature, #modal_signature {
    margin: auto;
    width: 350px;
}

/* making this bigger following request from skinsmiths/caci */
#signature {
    width: 90%;
}

#signature, .clearsig_div {
    text-align: center;
}

.form-control .input {
    position: relative;
    margin: 10px;
    padding: 2px
}

.list-side a {
    color: #4C4C4C;
    display: inline-block
}

.table .table-info {
    empty-cells: show;
    position: relative
}

.table-side {
    margin-top: 10px;
    border: 1px solid #B8B8B8
}

.table-side a {
    color: #707070;
    text-decoration: none
}

.table-side a:hover {
    color: #383838
}

.row-add-detail .row-tab .form-group .customcheckbox {
    margin-top: 9px
}

.content-side .text-side,
.panel-group {
    margin-top: 2%
}

.row-add-detail .row-tab .form-group .member_same_link {
    text-align: center;
    padding: 0;
    border-width: 0 1px 1px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #c3c3c3 #c3c3c3;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background-color: #fff;
    border-radius: 3px
}

.row-add-detail .row-tab .form-group .input-text .member_same_link a {
    font-weight: 400
}

.row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table .button-header {
    padding: 0;
    text-align: right;
    margin-bottom: 5px
}

.row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table .button-header a {
    font-size: 11px
}

.row .row-add-detail .row-content .nav-tabs li a,
.row-configuration-payment-methods .configuration-payment-method-content .nav-tabs li a {
    color: #282828;
    font-size: 15px;
    font-weight: 700
}

.panel-default {
    display: inline-block
}

.row-add-detail .row-fluid .tab-content .tab-pane .form-group.buttonMobile,
.row-add-detail .row-tab .tab-content .member-top-details .member-detail .form-group.buttonMobile,
.row-add-detail .tab-transaction .accountoverview .box.account {
    display: none
}

.row .row-fluid .row-content .panel-group .panel-default .panel-heading a {
    font-size: 22px;
    color: #383838
}

.row .row-fluid .row-content .panel-group .panel-default .panel-heading .glyphicon-ok-sign {
    color: #0C6
}

.row .row-fluid .row-content .panel-group .panel-default .panel-heading .glyphicon-exclamation-sign,
.row .row-fluid .row-content .panel-group .panel-default .panel-heading .glyphicon-question-sign {
    color: #33C
}

.row .row-fluid .row-content .panel-group .panel-default .panel-body .form-horizontal .input-group-btn .btn-default {
    position: relative;
    bottom: 4px
}

.row-add-detail .row-tab .tab-content .tab-pane.tab-transaction .transaction-content,
.row-add-detail .tab-transaction .accountoverview .box,
.row-add-detail .tab-transaction .accountoverview .box .headerpage {
    padding: 0
}

.row-add-detail .tab-transaction .accountoverview .box .checkbox label {
    padding: 8px
}

.row-add-detail .tab-transaction .accountoverview .overviewheader {
    margin: 0 0 10px;
    color: #6b6b6b
}

.row-setting .boxoverview,
.row-add-detail .tab-transaction .accountoverview .boxoverview {
    background: #FBFBFB;
    -webkit-box-shadow: 0 2px 2px #ccc;
    -moz-box-shadow: 0 2px 2px #ccc;
    box-shadow: 0 2px 2px #ccc;
    border: 1px solid #fff;
    margin-bottom: 40px;
    padding: 20px
}

.row-add-detail .tab-transaction .accountoverview .boxoverview.boxgraph {
    height: 200px
}

.row-add-detail .tab-transaction .accountoverview .boxoverview .nextpay,
.row-add-detail .tab-transaction .accountoverview .boxoverview .owing {
    padding: 0
}

.row-add-detail .tab-transaction .accountoverview .boxoverview .nextpay .nextpayamount,
.row-add-detail .tab-transaction .accountoverview .boxoverview .owing {
    font-weight: 600
}

.row-add-detail .tab-transaction .accountoverview .boxoverview .nextpay span.nextpay {
    font: 400
}

.row-add-detail .tab-transaction .accountoverview .boxoverview .nextpay .textnextpay {
    margin-right: 10px
}

.row-add-detail .tab-transaction .accountoverview .boxoverview.awaitingfee table tbody td.action .billasap {
    font-size: 13px;
    font-weight: 600;
    color: #3b5cdc
}

.row-add-detail .tab-transaction .accountoverview .boxoverview.awaitingfee table tbody td.action .billsoon {
    font-size: 13px;
    font-weight: 600;
    color: #5d5d5d
}

.row-add-detail .tab-transaction .accountoverview .boxoverview.awaitingfee table tbody td.action .notbilled {
    font-size: 13px;
    font-weight: 600;
    color: #ff3939
}

.row-add-detail .tab-transaction .accountoverview .boxoverview.awaitingfee table tbody td.action .paid {
    font-size: 13px;
    font-weight: 600;
    color: #6c757d
}

.row-add-detail .tab-transaction .accountoverview .box.accountview .form-group {
    float: right;
    padding: 0
}

.row-add-detail .tab-transaction .accountoverview .box.accountview .form-group.bullet-list {
    text-align: center
}

.row-add-detail .tab-transaction .accountoverview .box.accountview .form-group.bullet-list label {
    margin-right: 15px;
    margin-top: 2px;
    cursor: pointer
}

/* Member Log Page */
.memberlog .main-content table tbody .tr_hidden td.td-content-inside { border: 1px solid #ddd; }
.memberlog .main-content table tbody .tr_hidden td .memberlog-hiddentable table { margin: 5px; }


@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

#display-journal-table {
    border: 1px solid #e6e6e5;
    border-collapse: separate;
}

#display-journal-table > thead th {
    border-bottom: unset;
}

.accountview .boxoverview .table td {
    cursor: pointer;
    height: 100%;
    vertical-align: middle;
}

.accountview .boxoverview .table td.color {
    position: relative;
    padding: 1px 0px;
    vertical-align: top !important;
}

.accountview .boxoverview .table .journal_status {
	text-align: center;
}

.accountview .boxoverview .table .journal_pricing {
	text-align: right;
}

.accountview .boxoverview .table tr.journal-row-hover:hover{
    background-color: #ececec;
}

.accountview .boxoverview .table tr.journal-row-hover {
    background-color: #fff;
}

.accountview .boxoverview .table tr.journal-row-hover.tr-panel-active {
    background-color: #fff !important;
}

#display-journal-table td.hiddenRow {
    cursor: initial;
}

.accountview .boxoverview .table td .debit {
    height: 98%;
    width: 10px;
    background-color: rgba(51, 122, 183, .86)!important;
    line-height: 2.3;
    position: absolute;
}

.accountview .boxoverview .table td .provisional {
    height: 98%;
    width: 10px;
    background-color: rgba(255, 128, 0, .86)!important;
    line-height: 2.3;
    position: absolute;
}

.accountview .boxoverview .table td .credit {
    height: 98%;
    width: 10px;
    background-color: rgba(199, 220, 74, .86)!important;
    line-height: 2.3;
    position: absolute;
}

.accountview .boxoverview .table td .paid {
    background-color: rgba(199, 220, 74, .45)!important;
}

.accountview .boxoverview .table td.journal_status .partial {
    width: 16px;
    left: -1px;
    position: relative
}

.accountview .boxoverview .table td.journal_status .glyphicons.red {
    color: red
}

.accountview .boxoverview .table td.journal_status .glyphicons.green {
    color: green
}

.accountview .boxoverview .table .tr-hiddenRow {
	background-color: white;
	border: 1px solid #ccc;
}

.accountview .boxoverview .table .hiddenRow {
    padding: 0 !important;
    border: 0
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .invoice-detail {
    padding: 5px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .charge-box,
.accountview .boxoverview .table .hiddenRow .tr-panel-content .payment-box {
    padding: 0px 8px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .charge-box .content {
    border: 4px solid #ccc;
    border-color: rgba(191, 191, 191, 0.86);
    border-radius: 6px;
    padding: 8px;
    position: relative;
}

.accountview .boxoverview .table .hiddenRow.payment-row .charge-box .content,
.accountview .boxoverview .table .hiddenRow.charge-row .payment-box .content {
	border: 4px solid #ccc;
	border-color: rgba(191, 191, 191, 0.86);
	border-radius: 6px;
    padding: 8px;
    position: relative;
}



.accountview .boxoverview .table .hiddenRow.charge-row .charge-box .content {
    border: 4px solid #ccc;
    border-color: rgba(199, 220, 74, .86)!important;
    border-radius: 6px;
    padding: 8px;
    position: relative;
}

.accountview .boxoverview .table .hiddenRow.payment-row .payment-box .content {
	border: 4px solid #ccc;
	border-color: #337ab7bd;
	border-radius: 6px;
	padding: 8px;
	position: relative;
}

.accountview .boxoverview .table .hiddenRow.payment-row .tr-panel-content .payment-box .content .inner-header {
	background-color: #6d9eca;
    border-radius: 4px;
    color: #fff;
    left: -10px;
    position: absolute;
    padding: 5px;
    top: -10px;
}

.accountview .boxoverview .table .hiddenRow.charge-row .tr-panel-content .charge-box .content .inner-header {
	position: absolute;
    left: -10px;
    padding: 5px;
    top: -10px;
    background-color: rgba(199, 220, 74, .86)!important;
    color: #fff;
    border-radius: 2px;
}

.accountview .boxoverview .table .hiddenRow.payment-row .tr-panel-content .charge-box .content .content-box .inner-header,
.accountview .boxoverview .table .hiddenRow.charge-row .tr-panel-content .payment-box .content .content-box .inner-header {
    position: relative;
    left: -10px;
    padding: 5px;
    top: -10px;
    background-color: rgba(191, 191, 191, 0.86);
    color: #fff;
    border-radius: 4px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .charge-box .content .content-box .inner-header.charger-header {
	border: 4px solid #ccc;
	border-color: rgba(199, 220, 74, .86)!important;
    border-radius: 6px;
    padding: 8px;
    position: relative;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .content .invoice-box {
	text-align: right;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .content .inner-header h4,
.accountview .boxoverview .table .hiddenRow .tr-panel-content .content .invoice-box h5 {
	margin: 3px 0px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .charge-box .content .content-box .invoice-box {
	text-align: right;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content table td.first-left {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.accountview .boxoverview .table .hiddenRow .tr-panel-content table td.middle {
	border-bottom: 1px solid #ccc;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content table td.last-right {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: right;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content table td.billon {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content table td.price-td {
	text-align: right;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content table td.failreason {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    margin-bottom: 5px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content table tr .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 65%;
    right: 0%;
    margin-left: 0px;
    opacity: 0;
    transition: opacity 0.3s;
    padding: 7px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content table tr .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content table tr:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}



#voidModal .modal-content .modal-body {
    text-align: center;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .charge-box .lastupdated h6 {
	margin: 0px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .payment-box .payment-status .h4-status {
	font-weight: 600;
    margin: 3px 0px;
	text-align: right;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .payment-box .payment-status .h4-status.success-status {
	color: #0d9412;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .payment-box .payment-status .h4-status.sent-status {
	color: #ffa500;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .payment-box .payment-status .h4-status.nopayment {
	color: red;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .company-box h6 {
    margin: 7px 0px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .table {
    margin-bottom: 4px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .invoice-actions {
	margin-top: 8px;
	text-align: right;
    padding: 0px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .invoice-actions .btn {
	margin: 0px 4px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .payment-box .content .inner-header h4 {
	margin: 3px 0px;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .charge-box .content .content-box .invoice-box {
	text-align: right;
}

.accountview .boxoverview .table .hiddenRow .tr-panel-content .charge-box .content .content-box .invoice-box h5 {
	margin: 3px 0px;
}

.accountsmodal .modal-dialog .modalcontent .modal-body td,
.accountsmodal .modal-dialog .modalcontent .modal-body th {
    padding-right: 10px
}

th.chargesdebitdate {
    width: 15%
}

th.chargesnote {
    width: 40%
}

.accountsmodal .modal-dialog {
    width: 700px
}

.row-add-detail .contact-detail-1 .input-text .input-group,
.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .input-group,
.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult,
.row-add-detail .row-emergency-detail .input-text .input-group {
    width: 100%;
    left: 0
}

.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberRefferedBox {
    position: absolute;
    z-index: 3;
    width: 100%;
    background: #fff;
    padding: 3px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 9px 8px -7px rgba(0, 0, 0, .75);
    -moz-box-shadow: 2px 9px 8px -7px rgba(0, 0, 0, .75);
    box-shadow: 2px 9px 8px -7px rgba(0, 0, 0, .75);
    border-radius: 5px;
    margin-top: 1px;
    max-height: 350px;
    overflow: auto
}

/* .row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult-content {
    background: #FBFBFB;
    border: 1px solid #DBDBDB;
    box-shadow: 0 2px 2px #CCC;
    height: 70px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult {
    padding: 0
}

.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult .memberResult-content a.memberlink {
    color: #333;
    height: inherit
}

.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult .memberResult-content a.memberlink:hover {
    color: #333;
    text-decoration: none;
    height: inherit
}

.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult .memberResult-content .memberPhoto {
    position: relative;
    margin-right: 10px;
    text-align: center;
    height: inherit;
    width: 45px;
    overflow: hidden;
    padding: 0
}

.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult .memberResult-content .memberPhoto img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: inherit;
    width: auto;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult-details {
	float: left;
	height: inherit;
	padding-left: 5px;
	padding-right: 0;
	overflow: auto;
	text-align: left;
    width: 65%;
} */

#swipe-tag-modal .modal-body .infocontent,
#voucherModal .voucherstatus h4,
.holdmembership-modal .modal-body .buttonbar,
.holdmembership-modal .modal-body .hold_confirmation .edit-button,
.holdmembership-modal .modal-body .hold_confirmation .hold_confirmation_title,
.holdmembership-modal .modal-body .infobox {
    text-align: center
}

#gm-modal .alert {
  float: left;
  margin-bottom: 10px;
}

#gm-modal .m-0 {
  margin: 0;
}

#gm-modal .m-1 {
  margin: 1rem;
}

#gm-modal .mt-1 {
  margin-top: 1rem;
}

#gm-modal .mr-1 {
  margin-right: 1rem;
}

#gm-modal .mb-1 {
  margin-bottom: 1rem;
}

#gm-modal .ml-1 {
  margin-left: 1rem;
}

#gm-modal .modal-body {
  max-height: unset;
}

#gm-modal .form-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  clear: left;
}

/* reinstate bootstrap defaults */
#gm-modal .form-group .radio,
#gm-modal .form-group .checkbox {
  padding-top: 15px;
}

#gm-modal .w-100 {
  width: 100%;
}

#gm-modal .w-1-10 {
  width: 10%;
}

#gm-modal .w-1-8 {
  width: 12.5%;
}

#gm-modal .w-1-5 {
  width: 20%;
}

#gm-modal .w-1-2 {
  width: 50%;
}

#gm-modal .w-1-3 {
  width: 33.33%;
}

#gm-modal .w-2-3 {
  width: 66.67%;
}

#gm-modal .table-fixed {
  table-layout: fixed;
}

#gm-modal .flex {
  display: flex;
}

#gm-modal .hold-content > .flex {
  clear: left;
}

#gm-modal .flex-wrap {
  flex-wrap: wrap;
}

#gm-modal .align-center {
  align-items: center;
}

#gm-modal .justify-center {
  justify-content: center;
}

#gm-modal .justify-right {
  justify-content: flex-end;
}

#gm-modal .justify-left {
  margin-right: auto;
}

#gm-modal .space-nowrap {
  white-space: nowrap;
}

#gm-modal .control-label {
  padding-top: 0;
  margin-bottom: 0;
}

/* set bottom margin to 1/3 of the row margin */
#gm-modal .mb-third {
  margin-bottom: 5px;
}

/* set bottom margin to 1/5 of the row margin */
#gm-modal .mb-fifth {
  margin-bottom: 5px;
}

/* .row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult-details h6 {
    margin: 0
}

.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult-details .memberName {
    padding: 0;
    min-height: 20px;
    width: 100%;
    margin-top: 5px
}

.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult-action {
    height: inherit;
    padding: 7px 1px;
    position: absolute;
    right: 2%
}

.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult-action .btn-right {
    margin-top: 0;
    padding: 7px 10px;
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult-action .btn-right.bookingaddmember_btn {
    margin-top: 0;
    padding: 6px 20px
} */

.row-add-detail .row-content .emergency-detail .page-header,
.row-add-detail .row-content .emergency-detail-extra .page-header {
    padding: 0;
    border: 0
}

.row-add-detail .row-fluid .row-tab .nav-tabs .currencySymbol {
	font-weight: 600;
	font-size: 15px
}

tr.future-transaction td {
	background-color: #e8e8e8;
	color: #999;
}

#cellModal .modal-dialog .modal-content,
#mailModal .modal-dialog .modal-content {
    padding: 10px
}

#cellModal .modal-dialog .modal-content .modal-body .form-group .form-control,
#mailModal .modal-dialog .modal-content .modal-body .form-group .form-control {
    border-radius: 5px
}

.note-detail {
    margin-bottom: 1%
}

#swipe-tag-modal .modal-body .infocontent {
    margin-bottom: 15px
}

#swipe-tag-modal .modal-body,
#swipe-tag-modal .modal-body .swipetag-image {
    padding: 0
}

#swipe-tag-modal .modal-body .swipetag-image img {
    margin: 0 auto
}

#swipe-tag-modal .modal-body .swipetag-image {
    margin-bottom: 10px
}

#holds_endDateBox {
  display: flex;
  align-items: center;
  justify-content: center;
}
#holds_endDateBox div:first-child {
  margin-right: auto;
}
#holds_endDateBox div:nth-child(3) {
  margin-left: auto;
}

#gm-member-holds-modalLoadingAnimation .small1
, #gm-member-holds-modalLoadingAnimation .small2
, #gm-member-holds-modalLoadingAnimation .bigcon {
  top: 50%;
  left: 50%;
}

.holdmembership-modal .modal-content {
  float: left;
}

.holdmembership-modal .modal-body .form-group h6 {
  margin: 0;
  font-size: 14px;
}

.holdmembership-modal .modal-body .checkbox label {
    padding-left: 22px
}

.holdmembership-modal .modal-body #holdmemstatus {
  font-weight: 400;
  min-height: 20px;
  margin-bottom: 8px;
}

.holdmembership-modal .modal-body .hold_confirmation {
  background-color: #eaeaea;
  padding: 5px
}

.holdmembership-modal .modal-body .hold_confirmation .hold_confirmation_title h3 {
  margin: 8px 0;
  font-size: 17px
}

.holdmembership-modal .modal-body .hold_confirmation .form-group {
  padding: 0;
  margin-bottom: 5px
}

.holdmembership-modal .modal-body .hold_confirmation .form-group .hold-input {
  font-weight: 600
}

.holdmembership-modal .modal-body .hold_confirmation .form-group.last-form {
  padding: 0 15px
}

.holdmembership-modal .modal-body .hold_confirmation .edit-button a {
  font-weight: 600;
  color: #000;
  padding: 5px 10px
}

.holdmembership-modal .modal-body .information-box table td {
  border: 0;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 15px
}

.holdmembership-modal .modal-body .information-box table {
  width: 200px;
  margin: auto;
  border: 1px solid #ccc;
  border-radius: 2px
}

.holdmembership-modal .modal-body .buttonbar {
  margin-bottom: 5px
}

.holdmembership-modal label.radio-inline:first-child {
  margin-left: 10px;
}

/* reinstate bootstrap grid system */
#cancelMembership form {
    padding-bottom: 0;
}

#voucherModal .modal-body .voucherstatus,
#voucherModal .modal-body .vouchertable {
    padding: 0
}

#voucherModal .voucherstatus h4.available {
    color: #1ba91b
}

#voucherModal .voucherstatus h4.notavailable {
    color: #ff3838
}

#voucherModal .form-group .control-label.insertvoucher {
    font-weight: 600;
    padding: 0
}

#voucherModal .voucherstatus .voucherdetail {
    padding: 10px;
    -webkit-box-shadow: 1px 1px 1px 0 #ddd;
    -moz-box-shadow: 1px 1px 1px 0 #ddd;
    box-shadow: 1px 1px 1px 0 #ddd;
    border: 1px solid #ccc
}

#voucherModal .voucherstatus .voucherdetail .control-label {
    top: 7px
}

#voucherModal .voucherstatus .voucherdetail .form-control-static {
    font-weight: 600
}

.account-payment-modal .modal-body .payment-details .checkbox-footer,
.payment-modal .modal-body .payment-details .checkbox-footer {
    left: 2.5%
}

.account-payment-modal .modal-body .payment-details .total-paid,
.payment-modal .modal-body .payment-details .total-paid {
    margin-top: 5px
}

.payment-modal {
    overflow-y: hidden
}

.payment-modal .modal-body .payment-table {
    height: 180px;
    margin-bottom: 20px;
    overflow-y: auto;
    border-bottom: 1px solid #E8E8E8
}

.payment-modal .modal-body .payment-table .headermenu {
    text-align: right
}

.payment-modal .modal-body .payment-details {
    padding-left: 5px;
    padding-right: 5px
}

.payment-modal .modal-body .payment-details .form-group {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 5px
}

.payment-modal .modal-body .payment-details .form-group .control-label {
    top: 7px
}

.payment-modal .modal-body .payment-details .total-paid .form-control {
    text-align: left
}

.account-payment-modal .modal-body .payment-details .total-paid .form-control,
.row-add-detail .accountbox .editpayment-content .accountheader .form-group.createdby .control-label {
    text-align: right
}

.payment-modal .modal-body .form-group .form-control {
    margin-bottom: 6px
}

.payment-modal .modal-body .checkbox-deposit label,
.payment-modal .modal-body .checkbox-invoice label,
.payment-modal .modal-body .checkbox-receipt label {
    top: 2px
}

.account-payment-modal {
    overflow-y: hidden
}

.account-payment-modal .modal-body .payment-table {
    height: 180px;
    margin-bottom: 20px;
    overflow-y: auto;
    border-bottom: 1px solid #E8E8E8
}

.account-payment-modal .modal-body .payment-details {
    padding-left: 5px;
    padding-right: 5px
}

.account-payment-modal .modal-body .payment-details .form-group {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 5px
}

.account-payment-modal .modal-body .payment-details .form-group .control-label {
    top: 7px
}

.account-payment-modal .modal-body .form-group .form-control {
    margin-bottom: 6px
}

.account-payment-modal .modal-body .checkbox-deposit label,
.account-payment-modal .modal-body .checkbox-invoice label,
.account-payment-modal .modal-body .checkbox-receipt label {
    top: 2px
}

.adjustmentModal .modal-body {
    min-height: 250px
}

.row-add-detail .accountbox .accountheader,
.row-add-detail .accountbox .accountheader .form-group {
    padding: 0
}

.row-add-detail .accountbox .table-detail {
    padding: 10px
}

.row-add-detail .accountbox .editpayment-content .accountheader .form-group .control-label {
    padding-top: 7px
}

.row-add-detail .accountbox .editpayment-content .table-detail .purchaseheader {
    padding: 0;
    border: 0 solid;
    margin-bottom: 5px
}

.row-add-detail .accountbox .editpayment-content .table-detail.tablepurchase {
    margin-top: 20px
}

.row-add-detail .accountbox .editpayment-content .table-detail table .short {
    width: 8%
}

.row-add-detail .accountbox .editpayment-content .table-detail table .long {
    width: 18%
}

.row-add-detail .accountbox .endbar {
    text-align: center;
    margin-top: 20px
}

.row-add-detail.row-edit-account .accountbox .endbar label {
    margin-right: 15px
}

.row-billing-tab .billing-content,
.row-billing-tab .billing-content .billing-content {
    padding-left: 0;
    padding-right: 0
}

.row-billing-tab .billing-content .billing-content .infobox {
    margin-bottom: 20px;
    text-align: center
}

.row-billing-tab .billing-content .billing-content .infobox p {
    font-weight: 400
}

.row-billing-tab .billing-content {
    margin-bottom: 1%
}

.row-billing-tab .button-header-debitsuccess {
    padding: 0;
    text-align: center;
    margin-bottom: 30px
}

.row-add-detail .row-content .tab-content .tab-billing .control-label {
    text-align: left
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content,
.row-add-detail .row-content .tab-content .tab-billing .billing-content .bank_account_header {
    margin-bottom: 10px;
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .gravity-exists-acc .gravity-acc {
    border-bottom: 1px solid #e2e2e2;
    padding: 0px;
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .gravity-exists-acc .gravity-acc .gravity-acc-content.button-list {
    padding: 10px;
    text-align: right;
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .gravity-exists-acc .gravity-acc .gravity-acc-content.button-list a {
    margin: 0px 3px;
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .bank_account .form-group .input-text.input-group {
    padding-left: 15px;
    padding-right: 15px
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content.bluefin .bank_account_header {
    margin-bottom: 20px
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .form-group {
    padding: 0
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content.authorize .existingauthorize {
    display: block;
    text-align: center;
    padding: 15px;
    color: #8a6d3b;
    background-color: #fdfae9;
    border: 1px solid #e6d5b3;
    margin-bottom: 20px
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content.authorize h5 {
    padding: 0 15px;
    margin-bottom: 30px
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content.authorize .authorize-header {
    margin-bottom: 40px
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .submit-button {
    text-align: center;
    margin-top: 20px
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .loading-message {
    text-align: center;
    margin: 10px 0
}

.row-add-detail .row-content .tab-content .tab-billing .billing-main-content,
.row-add-detail .row-content .tab-content .tab-billing .billing-provider {
    margin-bottom: 30px;
    padding: 0px;
}

.row-add-detail .row-content .tab-content .tab-billing .billing-main-content .bank_account .form-group {
    padding: 0
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .ezidebit .ezidebit-button,
.row-add-detail .row-content .tab-content .tab-billing .billing-content.bluepay .bluepaybutton {
    text-align: center;
    margin-top: 10px
}

#voidAccountModal .modal-body {
    text-align: center;
}

.tab-billing .btn-billing,
.warning-billing-disabled {
    text-align: center
}

.billing-content.bluepay .bluepayButtons {
    padding: 0;
    text-align: center
}

.billing-content.ezidebit .ezidebit-button {
    text-align: center;
    margin-top: 3%
}

#ezidebitframe {
    margin-top: 20px;
    overflow: hidden
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content .endbar {
    text-align: center;
    margin: 10px 0
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .existingpaypal {
    text-align: center
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .existingpaypal h4 {
    margin: 10px
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.paypal .contentdiv {
    text-align: center;
    padding: 15px;
    color: #8a6d3b;
    background-color: #fdfae9;
    border: 1px solid #e6d5b3;
    margin-bottom: 20px
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.paypal .contentdiv .page-header {
    text-align: center
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.paypal .contentdiv .page-header h2 {
    margin: 0
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.paypal .contentdiv .page-header h3 {
    margin-top: 10px
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.paypal .contentdiv .contentbox {
    margin: 0 10px;
    padding: 0 30px
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.paypal .contentdiv .contentbox p strong {
    font-weight: 600
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.paypal .contentdiv .contentbox .opennewtab,
.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.paypal .contentdiv .contentbox p.centered {
    text-align: center
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.paypal .contentdiv .contentbox p.centered {
    margin: 0
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.gravity #gravity_processing,
.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.gravity .endbar {
    margin: 10px 0;
    text-align: center
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.paypal .contentdiv .contentbox .opennewtab {
    font-style: italic;
    font-weight: 600
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.gravity .existmember {
    padding: 10px;
    text-align: center
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content.paymentExpress .endbar {
    text-align: center
}

.row-add-detail .row-content .tab-content .tab-billing .billing-content .billing-content.paychoice .payment-errors {
    text-align: center;
    margin-top: 20px;
    font-weight: 600
}

.row-add-detail .row-content .communication-tab {
    padding: 25px
}

.row-add-detail .row-content .communication-tab .communication-tab-content .communication-header,
.row-add-detail .row-content .communication-tab .communication-tab-content .communication-header .form-group,
.row-add-detail .row-content .communication-tab .communication-tab-content .communication-header .form-group .input-text,
.row-add-detail .row-content .communication-tab .communication-tab-content .form-group.button {
    padding: 0
}

.row-add-detail .row-content .communication-tab .communication-tab-content .communication-header .form-group .control-label {
    text-align: right;
    top: 7px
}

.row-add-detail .row-content .communication-tab .communication-tab-content .communication-header .form-group.list {
    float: right
}

.row-add-detail .row-content .communication-tab .communication-tab-content .communication-header .input-group {
    float: left
}

.row-add-detail .row-content .communication-tab .communication-tab-content .button-header {
    margin-bottom: 15px;
    padding: 0
}

.row-add-detail .row-content .communication-tab .communication-tab-content .button-header .btn-add {
    float: left;
    margin-right: 5px
}

.row-add-detail .row-content .communication-tab .communication-tab-content .button-header .debitsuccess-communication {
    float: right
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .fixed-table-container {
    width: 100%;
    min-height: 480px;
    margin: 10px auto;
    background-color: #F6F6Fb;
    position: relative;
    padding-top: 30px
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .header-background {
    background-color: #F6F6Fb;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .fixed-table-container-inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group table {
    background-color: #F6F6Fb;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group th {
    padding: 0 5px;
    text-align: left
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .first .th-inner {
    padding-left: 6px
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .th-inner {
    position: absolute;
    top: 0;
    line-height: 30px;
    text-align: left;
    padding-left: 5px;
    margin-left: -5px
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group td {
    border-bottom: 1px solid #CCC;
    padding: 3px;
    text-align: left
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group td>.btn {
	padding: 4px 10px;
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group td img.com_thumb {
	float: left;
	width: 15%;
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group td.icon {
    padding-right: 3px;
    width: 25px;
    text-align: center
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group td.title {
    padding-left: 3px;
    width: 45%
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group td.title .comm_title {
    font-weight: 600
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group tbody tr {
    position: relative
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .fa {
    text-align: center;
    width: 15px;
    vertical-align: middle;
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .primary_note {
    margin: 0 4px;
    font-style: italic;
    font-weight: 400;
    font-size: 1
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .buttonArrow {
    position: absolute;
    right: 20px;
    border: 0
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenTr {
    border: 0
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow {
    padding: 0;
    border: 0
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .form-group {
    padding: 0
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .form-group.subject {
    margin-top: 15px
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .form-group .control-label {
    margin-top: 5px
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .form-group .form-control {
    cursor: text
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group table tbody tr:hover,
.row-add-detail .row-content .membership-tab .table,
.row-add-detail .row-content .tab-measurement table td {
    cursor: pointer
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .form-group.message .badge {
    cursor: auto;
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .form-group.message .badge a {
    color: inherit;
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .form-group.message .badge + .badge {
    margin-left: 5px;
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .form-group.message .form-textarea {
    height: 200px;
    overflow: auto
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .form-group .btn {
    text-align: center;
    margin: 0 5px
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .end-bar {
    margin: 20px 0;
    text-align: center
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .end-bar .glyphicon-ok {
    color: #fff
}

#primary_alert_modal .modal-body .alertbox,
#primary_alert_modal .modal-footer {
    text-align: center
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group table tbody .checkbox {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 0
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group table tbody .checkbox input[type=checkbox] {
    top: 0
}

.row-add-detail .row-content .communication-tab .communication-tab-content .list-group table tbody tr.clickable-row.active {
    background-color: #ddd
}

.row-add-detail .row-content .communication-tab .communication-tab-content .communication-message .form-group {
    margin-bottom: 45px
}

.row-add-detail .row-content .communication-tab .communication-tab-content .communication-button .communication-button1 {
    margin-top: 20px
}

#noteModal .modal-body .form-group.menu-button a {
    width: 33%;
    margin: 0
}

#noteModal .modal-content {
    padding: 5px
}

#noteModal .modal-header {
    padding: 8px
}

#noteModal .modal-body {
    max-height: 570px;
    padding: 7px
}

#noteModal .modal-body .form-group {
    padding: 0;
    margin: 2px 0
}

#noteModal .modal-body .form-group.synergy {
    margin: 5px 0;
    padding: 0
}

#noteModal .modal-body .form-group.synergy a {
    width: 49%;
    margin-bottom: 5px
}

#noteModal .modal-body .log-div,
#noteModal .modal-body .log-div .form-group,
#noteModal .modal-body .log-div .form-group .input-text,
#noteModal .modal-body .note-div,
#noteModal .modal-body .task-div,
#noteModal .modal-body .task-div .form-group,
#noteModal .modal-body .task-div .form-group .input-text {
    padding: 0
}

#noteModal .modal-body .note-div .form-group,
#noteModal .modal-body .task-div .form-group,
.modal-body .log-div .form-group {
    padding: 0;
    margin-bottom: 8px
}

#noteModal .modal-body .note-div .form-group .input-text {
    padding: 0
}

#noteModal .modal-footer { padding: 8px }

.row-add-detail .row-content .memberBooking-tab .memberBooking-content .page-header { margin-top: 20px; }
.row-add-detail .row-content .memberBooking-tab .memberBooking-content .page-header h3 { padding: 10px 0px 15px; }
.row-add-detail .row-content .memberBooking-tab .headerMenu { margin: 10px 0 20px; }
.row-add-detail .row-content .memberBooking-tab .headerMenu .filterbar { margin-bottom: 5px; }
.row-add-detail .row-content .memberBooking-tab .headerMenu .input-text-checkbox label { padding-left: 20px; margin-top: 15px; }
.row-add-detail .row-content .memberBooking-tab .tablebooking { padding: 10px }
.row-add-detail .row-content .memberBooking-tab #contentdiv { overflow: hidden; }
.row-add-detail .row-content .memberBooking-tab #leftSideTable { padding-right: 20px; }
.row-add-detail .row-content .memberBooking-tab #headingTable { width: 100%; margin-right: 20px }
.row-add-detail .row-content .memberBooking-tab #tableMain { width: 100% }
.row-add-detail .row-content .memberBooking-tab td,
.row-add-detail .row-content .memberBooking-tab th { padding: 5px; }

.row-add-detail .row-content .tab-measurement .header .dateCompare,
.row-add-detail .row-content .tab-measurement .header .dateCompare .input-text,
.row-add-detail .row-content .tab-measurement .header .headingInfo .form-group {
    padding: 0
}

.row-add-detail .row-content .memberBooking-tab td.long,
.row-add-detail .row-content .memberBooking-tab td.short,
.row-add-detail .row-content .memberBooking-tab th.long,
.row-add-detail .row-content .memberBooking-tab th.short {
    width: 8%
}

.row-add-detail .row-content .memberBooking-tab th {
    border-bottom: 1px solid #ccc;
    text-align: center;
    color: #848484
}

.row-add-detail .row-content .memberBooking-tab td {
    border-bottom: 1px solid #ccc;
    text-align: center
}

.row-add-detail .row-content .memberBooking-tab .tableContent tr:hover {
    background-color: rgba(192, 192, 192, .19);
    cursor: pointer
}

.row-add-detail .row-content .memberBooking-tab .xscroll {
    overflow: auto;
    height: 420px
}

.row-add-detail .row-content .memberBooking-tab #memberBookingsBody .booking-cancelled {
    background-color: #f34848!important;
    color: #fff!important;
    font-weight: 400
}

.row-add-detail .row-content .dropdown-menu>.active>a {
    background-color: #ccc
}

.row-add-detail .row-content .tab-measurement table td,
.row-add-detail .row-content .tab-measurement table th {
    border-right: 1px solid #ccc
}

.row-add-detail .row-content .tab-measurement .measurement-navigation {
    margin: 20px 0 30px;
    text-align: center;
    padding: 0
}

.row-add-detail .row-content .tab-measurement .header {
    margin: 10px 0
}

.row-add-detail .row-content .tab-measurement .header #lastMeasurementDate {
    font-weight: 600;
    font-size: 18px
}

.row-add-detail .row-content .tab-measurement .measurement-progress {
    margin: 10px 0;
    padding: 15px;
    min-height: 570px;
    border-radius: 5px
}

.row-add-detail .row-content .tab-measurement .measurement-table {
    margin: 10px 0;
    padding: 0
}

.row-add-detail .row-content .tab-measurement .measurement-table .box {
    padding: 0 5px
}

.row-add-detail .row-content .tab-measurement .measurement-table .table-responsive {
    padding: 15px;
    background-color: #fff;
    border-radius: 5px
}

.row-add-detail .row-content .tab-measurement .measurement-table .table-responsive td.inputColumn {
    padding: 2px;
    width: 30%
}

.row-add-detail .row-content .tab-measurement .measurement-table .table-responsive td.inputColumn .form-control {
    padding: 4px
}

.row-add-detail .row-content .tab-measurement .measurement-end-bar {
    text-align: right;
    margin-top: 20px
}

/* Add Goals Modal
----------------------------------*/
#msmntGoalModal .modal-body .table {
	border: 1px solid #ccc;
}

#msmntGoalModal .modal-body .table tr th {
	text-align: center;
}

#msmntGoalModal .modal-body .table tr th,
#msmntGoalModal .modal-body .table tr td {
	min-width: 60px;
	padding: 6px;
}

#msmntGoalModal .modal-body #goallist.table tr td .form-control {
	padding: 4px;
}


/* Modal Existing Goals
----------------------------------*/

#existing_goals .modal-body .header {
	font-weight: 600;
	margin: 0px 0px 10px;
}

#existing_goals .modal-body .header #goalswapswitch {
	border: 0px;
	margin: 0px auto;
	padding: 0px;
	width: 300px;
}

#existing_goals .modal-body .header #goalswapswitch .material-switch>label {
	top: -5px;
}

.panel-group .form-control {
    margin-bottom: 8px
}

.panel-group .save-button {
    margin-top: 8%
}

.row-add-detail .row-content .membership-tab .membership-table {
    margin-bottom: 2%;
    padding: 5px
}

.row-add-detail .row-content .membership-tab .table-responsive {
    padding: 0
}

.row-add-detail .row-content .tab-membership .add-membership-button .btn { margin-bottom: 5px; }

.row-add-detail .row-content .membership-tab .table-current-memberships .membership-type {
    width: 20%
}

.row-add-detail .row-content .membership-tab .table-current-memberships .table th.actions {
    width: 8%;
    text-align: center;
}

.row-add-detail .row-content .membership-tab .table td.actions {
    width: 2%;
    padding: 8px 4px;
    text-align: center;
}

.row-add-detail .row-content .membership-tab .table td.actions .glyphicon {
    display: none
}

.row-add-detail .row-content .membership-tab .table-current-memberships .table td.actions.renew {
    border-top: 0
}

.row-add-detail .row-content .membership-tab .table-hold .actions {
    width: 68px
}

.row-add-detail .row-content .membership-tab .table-hold tr.historic {
    background-color: #ededed;
    /*color: #b0b0b0;*/
    cursor: not-allowed
}

.row-add-detail .row-content .membership-tab .table-historic .membership-type {
    margin-left: 2px;
    width: 22%;
}

.row-add-detail .row-content .membership-tab .table-current-memberships .membership-price {
    width: 70px
}

.row-add-detail .row-content .membership-tab .table-historic .membership-price {
    width: 70px;
    margin-left: 2px
}

.row-add-detail .row-content .membership-tab .table-current-memberships .end-date,
.row-add-detail .row-content .membership-tab .table-current-memberships .start-date,
.row-add-detail .row-content .membership-tab .table-historic .start-date {
    width: 100px
}

.row-add-detail .row-content .membership-tab .table-historic .end-date {
    width: 98px;
    margin-left: 2px
}

.row-add-detail .row-content .membership-tab .table-current-memberships .status {
    width: 70px
}

.row-add-detail .row-content .membership-tab .table-historic .status {
    width: 80px;
    margin-left: 2px
}

.row-add-detail .row-content .membership-tab .table-current-memberships .actions,
.row-add-detail .row-content .membership-tab .table-current-memberships .visit,
.row-add-detail .row-content .membership-tab .table-historic .actions {
    width: 65px
}

.row-add-detail .row-content .membership-tab .table-historic .visit {
    width: 65px;
    margin-left: 4px
}

.row-add-detail .row-content .membership-tab .table-historic {
    position: relative;
    background-color: #D7D6D6;
    padding: 5px
}

.table-historic h4 {
    padding-left: 4px
}

/* reinstate bootstrap grid system */
#member-future-charges-preview .row {
  margin-right: -15px;
  margin-left: -15px;
}

/* for holds modal */
#member-future-charges-preview .modal-table {
    max-height: 300px;
    overflow: auto
}

/* for holds modal */
#member-future-charges-preview .modal-table th:nth-child(2) {
  width: auto;
}

/* for holds modal */
#member-future-charges-preview .modal-table th,
#member-future-charges-preview .modal-table td {
  padding: 4px;
}

/* for holds modal */
#member-future-charges-preview .modal-body .modal-table #tbl-futurecharges td ul {
  padding-left: 20px;
}

.row-add-detail .member-tag-keyword {
    padding: 0;
    margin-top: 10px
}

.row-add-detail .member-tag-keyword .label {
    position: relative;
    margin-right: 3px;
    background-color: #929292;
    float: left;
    height: 20px;
    font-size: 65%;
    margin-bottom: 3px
}

.row-add-detail .member-tag-keyword .label .tags-content {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    display: block;
    padding-top: 2px;
    height: 14px
}

.row-add-detail .member-tag-keyword .label .close {
    float: none;
    font: 11px arial, sans-serif;
    text-decoration: none;
    top: 5px;
    margin-left: 4px;
    font-weight: bolder
}

.row-add-detail .member-tag-keyword .label .close:after {
    content: '✖'
}

.row-add-detail .member-tag-keyword .label .chosen-single {
    position: relative;
    margin-right: 3px;
    background: #929292;
    float: left;
    height: 20px;
    font-size: 70%;
    margin-bottom: 3px;
    border-radius: 2px;
    color: #fff;
    border: 0;
    box-shadow: 0 0 0
}

.row-add-detail .member-tag-keyword .add-new-keyword,
.row-add-detail .member-tag-keyword .add-new-keyword .label {
    padding: 0px;
}

.row-add-detail .member-tag-keyword .add-new-keyword .chosen {
    background-color: #929292;
    border: 0px;
    height: 100%;
    border-radius: 2px;
}

.row-add-detail .member-tag-keyword .add-new-keyword .chosen-container {
    width: 100% !important;
}

.row-add-detail .member-tag-keyword .add-new-keyword .chosen-container .chosen-drop {
    width: 200px;
    position: absolute;
}

.row-add-detail .row-tab .tab-detail .memberProspect .list-group {
    margin-bottom: 0
}

.row-add-detail .row-tab .tab-detail .memberProspect .list-group-item {
    background-color: transparent;
    border: 0;
    margin: auto;
    width: 300px
}

.row-add-detail .row-tab .tab-detail .memberProspect .list-group-item .memberOption,
.row-add-detail .row-tab .tab-detail .memberProspect .list-group-item .prospectOption {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 2px
}

.material-switch,
.row-add-detail .row-tab .tab-detail .memberProspect .list-group-item .memberOption {
    float: left
}

.material-switch label {
    margin-bottom: 0
}

.material-switch {
    margin-left: 20px;
    margin-right: 20px
}

.material-switch>input[type=checkbox] {
    display: none
}

.material-switch>label {
    cursor: pointer;
    height: 0;
    position: relative;
    width: 40px
}

.modal .modal-body .material-switch>label {
	width: auto;
}

.material-switch>label::after,
.material-switch>label::before {
    content: '';
    margin-top: -8px;
    position: absolute
}

.material-switch>label::before {
    background: #000;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    border-radius: 8px;
    height: 16px;
    opacity: .3;
    transition: all .4s ease-in-out;
    width: 40px
}

.material-switch>label::after {
    background: #337AB7;
    border-radius: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    height: 24px;
    left: -4px;
    top: -4px;
    transition: all .3s ease-in-out;
    width: 24px
}

.material-switch>label.disabled::after {
    background: #8A8282;
    border-radius: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    height: 24px;
    left: -4px;
    top: -4px;
    transition: all .3s ease-in-out;
    width: 24px
}

.material-switch >.disable::after {
    background: #828282;
}

/**.material-switch>input[type=checkbox]:checked+.danger::before {
    background: #ff9797;
}
.material-switch>input[type=checkbox]:checked+.danger::after {
    background: #ff0000;
}**/

.material-switch>input[type=checkbox]:checked+label::before {
    background: inherit;
    opacity: .5
}

.material-switch>input[type=checkbox]:checked+label::after {
    background: inherit;
    left: 20px
}

.row-add-detail .row-tab .tab-transaction .transaction-content .overviewbutton {
    text-align: right;
    margin-bottom: 10px
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table.table thead tr th {
    border-bottom: 0
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .overviewdate {
    width: 10%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .overviewdescription {
    width: 20%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .overviewcharged,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .overviewpaid,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .overviewpaidon {
    width: 10%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .overviewnote {
    width: 20%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .chargesdate,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .chargestype {
    width: 10%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .chargesnote {
    width: 30%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .chargesaction,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .chargesamount,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .chargesbilling,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .chargesinvoice,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .paymentdate,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .paymentpaymethod {
    width: 10%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .paymentpaidfor {
    width: 25%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .paymentpaid {
    width: 10%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .paymentnote {
    width: 15%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .paymentinv {
    width: 10%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .paymentactionheader {
    width: 20%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .paymentaction {
    width: 5%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .invoicedate,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .invoicenumber {
    width: 10%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .invoiceactionheader,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .invoiceamount,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .invoiceamountout,
.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .invoicepaid {
    width: 20%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .invoiceaction {
    width: 10%
}

.row-add-detail .row-tab .tab-transaction .transaction-content .transaction-table table .billinghistoryfamily {
    width: 20%
}

.advanceModal .modal-dialog .modal-content .modal-body .datepicker-days .table-condensed>tbody>tr>td,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-days .table-condensed>tbody>tr>th,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-days .table-condensed>tfoot>tr>td,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-days .table-condensed>tfoot>tr>th,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-days .table-condensed>thead>tr>td,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-days .table-condensed>thead>tr>th {
    padding: 0 8px
}

.advanceModal .modal-dialog .modal-content .modal-body .datepicker-months .table-condensed>tbody>tr>td,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-months .table-condensed>tbody>tr>th,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-months .table-condensed>tfoot>tr>td,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-months .table-condensed>tfoot>tr>th,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-months .table-condensed>thead>tr>td,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-months .table-condensed>thead>tr>th,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-years .table-condensed>tbody>tr>td,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-years .table-condensed>tbody>tr>th,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-years .table-condensed>tfoot>tr>td,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-years .table-condensed>tfoot>tr>th,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-years .table-condensed>thead>tr>td,
.advanceModal .modal-dialog .modal-content .modal-body .datepicker-years .table-condensed>thead>tr>th {
    padding: 0 30px
}

#billasapModal .modal-body .account-box h4,
#billasapModal .modal-body .header,
.row-add-detail .row-content .tab-transaction .transaction-content .transaction-table .table td.paymentnote,
.row-add-detail .row-content .tab-transaction .transaction-content .transaction-table .table th.long {
    text-align: center
}

.transfer-membership-modal .modal-content {
    max-height: 500px;
    padding: 0
}

.transfer-membership-modal .modal-content .modal-body .control-label {
    font-weight: 500;
    top: 5px
}

.transfer-membership-modal .modal-content .modal-body .table-transfermembership {
    max-height: 200px;
    overflow: auto;
    margin-bottom: 10px
}

.row-add-detail .row-content .tab-transaction .transaction-content .transaction-table .table {
    max-height: 400px;
    overflow: auto;
    margin-bottom: 0
}

.row-add-detail .row-content .tab-transaction .transaction-content .transaction-table .table .short {
    width: 5%;
    text-align: center
}

.row-add-detail .row-content .tab-transaction .transaction-content .transaction-table .table .short .btn {
    margin-right: 5px;
    margin-bottom: 5px
}

.row-add-detail .row-content .tab-transaction .transaction-content .transaction-table .table .short .btn.pcprintRecpt {
    width: 95%
}

.row-add-detail .row-content .tab-transaction .transaction-content .transaction-table .table .short .btn.deletepayment,
.row-add-detail .row-content .tab-transaction .transaction-content .transaction-table .table .short .btn.pceditPayment {
    width: 40%;
    padding-left: 6px;
    padding-right: 6px
}

.row-add-detail .row-content .tab-transaction .transaction-content .transaction-table .table .long {
    width: 10%
}

.row-add-detail .row-content .tab-transaction .transaction-content .transaction-table .table h3 {
    width: 350px
}

.row-add-detail .row-content .tab-transaction .transaction-content .transaction-table .pagination a {
    cursor: pointer
}

.row-add-detail .editPaymentDiv {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px 0 #ddd;
    -moz-box-shadow: 2px 2px 2px 0 #ddd;
    box-shadow: 2px 2px 2px 0 #ddd;
    background: #f6f6fb
}

#billasapModal .modal-body .header {
    padding: 0;
    margin-bottom: 20px
}

#billasapModal .modal-body .account-box {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 2px #ccc;
    -moz-box-shadow: 0 2px 2px #ccc;
    box-shadow: 0 2px 2px #ccc
}

#billasapModal .modal-body .account-box .control-label {
    margin: 7px 0 0;
    text-align: right
}

#billasapModal .modal-footer {
    text-align: center
}

.row-add-detail .editPaymentDiv .box {
    padding: 0;
    margin-bottom: 20px
}

.row-add-detail .editPaymentDiv .box .form-contrl textarea {
    resize: none
}

.row-add-detail .editPaymentDiv .box .table-assigned {
    padding: 0 35px
}

#assigncardModal .modal-content,
#membersignaturemodal .modal-content,
#membersignaturemodal .modal-content .signaturebox,
#membersignaturemodal .modal-content .signaturebox .signature,
#stopatgateModal .modal-dialog .modal-content,
.row-add-detail .bottom-column {
    padding: 0;
    z-index: 1; /* Fixes not being able to edit custom fields on phone */
}

.row-add-detail .editPaymentDiv .box .table-assigned .checkbox {
    margin: 0
}

.row-add-detail .editPaymentDiv .end-bar {
    text-align: center;
    padding: 0;
    margin: 20px 0 30px
}

#stopatgateModal .modal-dialog .modal-content .modal-body .form-group p {
    font-weight: 400
}

#membersignaturemodal .modal-body .clearsig_div {
    text-align: center
}

#mergememberModal .alert {
    padding: 10px;
    display: inline-block;
    margin: 5px 0
}

#mergememberModal .modal-footer .alert {
    text-align: center;
}

#mergememberModal .alert h5 {
    margin: 0;
    line-height: 1.6;
    font-weight: 600
}
#mergememberModal p {
    margin: 0px;
    font-weight: 600;
}

#mergememberModal .input-text .merged-note {
    background-color: #5fa2ca;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
}

#mergememberModal .form-group {
    margin-left: 0;
    margin-right: 0;
}

#mergememberModal .result {
    max-height: 270px;
    overflow: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px
}

#mergememberModal .memberResult {
    max-height: 580px;
    overflow: auto;
    padding: 5px 3px
}

#mergememberModal .memberResult-details {
    text-align: left;
    padding-left: 5px;
    padding-right: 0;
    height: inherit;
    width: 55%;
    float: left
}

#mergememberModal .memberResult-details h6 {
    margin: 0
}

#mergememberModal .memberResult-details .memberName {
    padding: 0;
    min-height: 20px;
    width: 100%;
    margin-top: 5px
}

#mergememberModal .memberResult-action {
    height: inherit;
    padding: 7px 1px;
    position: absolute;
    right: 2%
}

#mergememberModal .modal-body .pic-info { margin: 10px 0px; }
#mergememberModal .modal-body .pic-info .new { float: right; }
#mergememberModal .modal-body .pic-info .original { float: left; }
#mergememberModal .modal-body .pic-info .memberinfo { border: 1px solid #ccc; border-radius: 3px; display: inline-block; height: 65px; width: 235px; }
#mergememberModal .modal-body .pic-info .arrow { display: inline; float: left; width: 65px; position: relative }
#mergememberModal .modal-body .pic-info .mergedto .arrow img { animation: mergedto 1s; animation-iteration-count: infinite; position: absolute  }

@keyframes mergedto {
    from {
      right: 50%;
    }
    to {
      right: -50%;
    }
}

#mergememberModal .modal-body .pic-info .mergedfrom .arrow img { animation: mergedfrom 1s; animation-iteration-count: infinite; position: absolute }
@keyframes mergedfrom {
    from {
      left: 50%;
    }
    to {
      left: -50%;
    }
}
#mergememberModal .modal-body .pic-info .memberinfo .profilepic { float: left; width: 65px; height: 65px;}
#mergememberModal .modal-body .pic-info .memberinfo .profilepic img { max-height: 90%; }
#mergememberModal .modal-body .pic-info .memberinfo .profileinfo { float: left; }

#mergememberModal .memberResult-action .btn-right {
    margin-top: 0;
    padding: 6px 20px
}

.checkin-modal .modal-dialog .modal-content .modal-body {
    min-height: 120px
}

.checkin-modal .modal-dialog .modal-content .modal-body .form-group.menu-button {
    text-align: center;
    margin-top: 10px
}

.checkin-modal .modal-body .form-horizontal {
    padding-bottom: 5px
}

.row-visitor .logoprint {
    display: none
}

.row-visitor .row-content .doorinfo {
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #f37979;
    background-color: #ff8484;
    border-radius: 2px;
    padding: 10px
}

.row-visitor .row-content .doorinfo h3 {
    margin: 0;
    font-size: 17px;
    color: #fff
}

.row-visitor .row-content .table-visitor-box {
    overflow: auto;
    padding: 0
}

.row-visitor .row-content .table-visitor-box .novisit {
    width: 400px;
    margin: 100px auto;
    text-align: center
}

.row-visitor .row-content .table-visitor-box .novisit h3 {
    font-size: 20px;
    color: #7d7d7d
}

.row-visitor .row-content .table-visitor-box .novisit h4 {
    font-size: 16px;
    color: #7d7d7d
}

.row-visitor .row-content .table-visitor-box .visitorcontent {
    padding: 0;
    position: relative;
    margin-bottom: 5px
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox,
.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox {
    padding: 0
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox:before {
    position: absolute;
    top: 17px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-right: 0 solid #ccc;
    border-left: 15px solid #ccc;
    border-bottom: 15px solid transparent;
    content: " "
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox:after {
    position: absolute;
    top: 18px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-right: 0 solid #fff;
    border-left: 14px solid #fff;
    border-bottom: 14px solid transparent;
    content: " "
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content {
    position: relative;
    padding: 0;
    height: 60px
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails {
    float: left;
    width: 22%;
    height: 100%;
    padding: 5px;
    font-weight: 600
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitdetails.granted {
    background-color: #dff0d8;
    color: #3c763d!important;
    position: relative
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visit_tag {
    position: absolute;
    right: 2px;
    bottom: 2px
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visit_tag h6 {
    margin: 0;
    font-size: 11px
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitdetails.denied {
    background-color: #ae3636;
    color: #f0e6e6!important;
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitdetails.warning {
    background-color: #fcf8e3;
    color: #8a6d3b!important;
    position: relative
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitdetails.info {
    background-color: #d1ecf1;
    color: #0c5460!important;
    position: relative
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitdetails.primary {
    background-color: #337ab7;
    color: #f0e6e6!important;
    position: relative
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitdetails.default {
    background-color: #777777;
    color: #f0e6e6!important;
    position: relative
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitdetails .visitdate,
.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitdetails .visittime {
    font-size: 12px
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitdetails .visitdate .time_label {
    font-size: 10px
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .infobox {
    float: left;
    width: 51%;
    padding: 5px;
    height: 60px;
    overflow: hidden;
    position: relative
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .infobox p {
    font-size: 13px;
    margin: 0
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .infobox .reasonmessage {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 100%
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdoor {
    font-size: 12px;
    font-weight: 400;
    position: absolute
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdoor .doorname {
    margin-top: 2px;
    display: inline-block
}

.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .tailgating {
    float: right
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .imgbox,
.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .tailgating {
    position: relative;
    text-align: center;
    height: 60px;
    width: 80px;
    overflow: hidden
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .imgbox {
    margin-right: 5px;
    float: left
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox {
    width: 46%;
    margin-left: 2%;
    background: #fbfbfb;
    border: 1px solid #DBDBDB;
    box-shadow: 0 2px 2px #CCC;
    position: relative;
    padding: 0
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .imgbox img,
.row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .tailgating img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content {
    position: relative;
    padding: 0
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox {
    float: left;
    height: 60px;
    position: relative;
    width: 68%;
    padding: 5px 0
}

.row-visitor .row-content .filterbox .totalvisitor,
.row-visitor .row-content .filterbox .totalvisitor .input-text p {
    padding: 0
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername {
    margin-bottom: 5px;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .membernumber {
    font-size: 11px;
    line-height: 21px;
    position: absolute;
    right: 10px;
    bottom: 0
}

.hideContent,
.showContent {
    line-height: 1em;
    position: relative
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .numbervisit {
    position: absolute;
    right: 10px;
    top: 5px
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .numbervisit i {
    margin-left: 10px
}

.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername h4,
.row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membershiptypebox h6 {
    margin: 0 0 2px
}

.memberbox-content a {
    text-decoration: none;
    color: #585858
}

.row-visitor .row-content .filterbox .page-header .btn-expand {
    display: none;
    font-size: 18px
}

.row-visitor .row-content .filterbox .page-header .btn-expand i {
    margin-left: 10px
}

.row-visitor .row-content .filterbox .totalvisitor .control-label {
    float: left;
    width: 50%
}

.row-visitor .row-content .filterbox .totalvisitor .input-text {
    float: left;
    width: 50%;
    text-align: right
}

.row-visitor .row-content .doorstatus {
    margin-top: 20px
}

.row-visitor .row-content .doorstatus table td {
    border: 0;
    font-weight: 600
}

.row-visitor .row-content .doorstatus table td.active {
    color: #00f;
    background-color: transparent
}

.row-visitor .row-content .doorstatus table td.locked {
    color: red
}

.row-visitor .row-content .doorstatus table td.unlocked {
    color: #676767
}

.row-visitor .row-content .doorstatus table td.actions {
    width: 45px;
    padding: 3px
}

.row-visitor .row-content .filterbox .filterbox-content .button-visitor-list {
    text-align: center;
}

.row-visitor .row-content .doorstatus table td.actions .btn {
    padding: 4px 12px
}

.row-visitor .row-content .doorstatus table td.actions .glyphicon {
    display: none
}

.row-visitor .row-content .doorstatus table {
    margin: 0
}

.row-visitor .row-content .doorstatus {
    padding: 3px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
    margin: 3px 0
}

.row-visitor .row-content .doorstatus .page-header {
    border: 0
}

.row-visitor .row-content .filterbox .filterbox-content,
.row-visitor .row-content .filterbox .filterbox-content .door-details,
.row-visitor .row-content .filterbox .filterbox-content .door-details .form-group,
.row-visitor .row-content .filterbox .filterbox-content .timeperiod,
.row-visitor .row-content .filterbox .filterbox-content .timeperiod .form-group {
    padding: 0
}

.row-visitor .row-content .filterbox {
    padding-left: 60px;
    padding-right: 0
}

.row-visitor .headerinfo .totalvisitor { margin-bottom: 10px; }

.row-visitor .row-content .filterbox .page-header {
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
    border: 0
}

.row-visitor .row-content .filterbox .page-header h3 {
    margin: 0
}

.row-visitor .row-content .filterbox .filterbox-content,
.row-visitor .row-content .filterbox .filterbox-content .topnavbar {
    padding: 0
}

.row-visitor .row-content .filterbox .filterbox-content .topnavbar {
    text-align: center
}

.row-visitor .row-content .filterbox .filterbox-content .form-group {
    margin-bottom: 5px
}

.row-visitor .row-content .filterbox .endbar {
    padding: 0;
    margin: 10px 0;
    text-align: center
}

.row-booking {
    /* commenting this out - it was making booking modals be hidden below greyed out modal background on iOS safari */
    /*overflow-x: hidden;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 0px;
}

.row-pos,
input[type=file] {
    -webkit-user-select: none;
    -moz-user-select: none
}

.row-booking .booking-content .print-header { display: none; }

.row-booking .booking-content .page-title .search-content .form-horizontal .form-group {
    margin: 0
}

.row-booking .booking-content .page-title,
.row-booking .booking-content .page-title .page-title-right {
    padding-right: 0
}

.row-booking .booking-content .page-title .page-title-right,
.row-booking .booking-content .page-title .search-content {
    margin-top: 1%
}

.row-booking .booking-content .page-title .page-title-right .btn {
    float: right;
    margin: 2px
}

.row-booking .booking-content .page-title .search-content,
.row-booking .booking-content .page-title .search-content .form-horizontal .form-group .input-class {
    padding: 0px;
}

.row-booking .booking-content .page-title .search-content .form-horizontal .form-group {
    padding: 0px;
}

.row-booking .booking-content .page-title .page-header #datetimepicker1 .datepicker .datepicker-days .table-condensed tr,
.row-booking .search-content #datetimepicker1 .datepicker .datepicker-days .table-condensed tr {
    padding: 7px 20px!important
}

.row-booking .booking-content h3 {
    color: #000
}

.row-booking .booking-content h3 a {
    color: #6F5B5B;
    cursor: pointer
}

.row-booking .booking-content h3 a:hover {
    text-decoration: none
}

.row-booking .booking-content .page-title .page-header .white-arrow {
    position: absolute;
    left: 51%;
    top: 43px
}

.row-booking .booking-content .page-title .page-header .date-picker {
    position: absolute;
    background-color: #fff;
    z-index: 5;
    border-radius: 10px;
    left: 50%
}

.row-booking .booking-content .page-title .page-header {
    border: 0;
    text-align: center;
    margin-top: 5px;
    padding: 0
}

.row-booking .booking-content .page-title .page-header .btn-datepicker {
    font-size: 21px
}

.row-booking .booking-content .page-title .page-header .next-button,
.row-booking .booking-content .page-title .page-header .previous-button {
    font-size: 26px;
    position: relative;
    top: 6px
}

.row-booking .booking-content .page-title .page-header a:hover {
    text-decoration: none
}

.row-booking .booking-content .page-title .h3-datepicker {
    font-size: 12px;
    padding-left: 8px;
    padding-bottom: 10px
}

.row-booking .booking-content .page-title .h3-datepicker .datepicker {
    position: relative;
    left: 0;
    bottom: 0;
    background-color: #fff;
    border: 1px solid #E8E8E8;
    -webkit-box-shadow: 0 4px 11px -4px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 4px 11px -4px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 11px -4px rgba(0, 0, 0, .25);
    margin: 0 auto
}

.row-booking .booking-content .page-title .h3-datepicker .datepicker-inline {
    width: 205px
}
/*
.row-booking .booking-content .page-title .h3-datepicker .datepicker table tr td,
.row-booking .booking-content .page-title .h3-datepicker .datepicker table tr th {
    width: 15px!important;
    height: 23px!important
}*/

.row-booking thead th .box {
    margin: 0 auto!important
}

.row-booking thead th .box .th-inner {
    text-align: center;
    border: none
}

.row-booking .booking-content .calendar td,
.row-booking .booking-content .calendar th {
    padding: 1px
}

.row-booking .booking-content .calendar th {
    border-bottom: 1px solid #ccc;
    text-align: center;
    color: #848484
}

.row-booking .booking-content .calendar .timeTable {
    color: #848484;
    overflow: hidden;
    /*height: 800px*/
}

.row-booking .booking-content .calendar td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center
}

.row-booking .booking-content .calendar .tableContent td a {
    display: none;
    padding: 2px;
    margin: 0
}

.row-booking .booking-content .calendar .tableContent td:hover {
    background-color: rgba(192, 192, 192, .66);
    cursor: pointer
}

#addCasualModal .legend .number .numb,
#addCasualModal .numberDisplay .number.taken a,
#editAttendees .legend .number .numb,
#editAttendees .numberDisplay .number.taken a,
#seatNumberModal .numberDisplay .number.taken a {
    cursor: default!important
}

.row-booking .booking-content .calendar td.even {
    border-bottom: 1px dotted #ccc;
    border-right: 1px solid #ccc;
    text-align: center
}

.row-booking .booking-content,
.row-booking .booking-content .calendar {
    padding-right: 0!important
}

.row-booking .booking-content .calendar .xscroll {
    overflow: auto;
    position: relative;
}

#tableMain td .box .mname,
.row-booking .booking-content .calendar #contentdiv,
.row-bookingAddEvent .button-row .bottom-buttonrow {
    overflow: hidden
}
.calendar #contentdiv.suna_content {
    width: calc(100% - 101px); /* Width of the .timeTable column*/
}
.calendar #contentdiv {
    width: calc(95% - 101px) !important; /* Width of the .timeTable column*/
}

.calendar #contentdiv.booking2 {
    width: calc(100% - 100px);
}

#tbl_report_main_wrapper .dataTables_scroll, .table-report, #tbl_report_main_wrapper {
    display: flex;
    flex-direction: column;
}

#tbl_report_main_wrapper, .fixed-table-container-inner,
.calendar #contentiv .xscroll,
.calendar .fixedTime,
.calendar #contentdiv {
    height: 100%;
}

#tbl_report_main_wrapper .dataTables_scroll {
    height: calc(100% - 53px - 11px);
}

.table-report {
    height: calc(100vh - 53px - 30px);
}

@media  (min-width: 768px) and (max-width: 899px) {
    .row-booking .booking-content, .table-report {
        height: calc(100vh - 53px - 60px);
    }
}
@media (min-width: 1000px) and (max-width: 1599px) {
    .row-booking .booking-content, .table-report {
        height: calc(100vh - 53px - 80px);
    }
}

.page-title, .timeTitle, #headingscroller, #reportheader,
#tbl_report_main_filter,
#tbl_report_main_wrapper .dataTables_scroll .dataTables_scrollHead{
    flex: 0 0 auto;
}

.calendar, .timeTable, #tableContainer,
#tbl_report_main_wrapper .dataTables_scroll,
#tbl_report_main_wrapper .dataTables_scroll .dataTables_scrollBody {
    flex: 1 1 auto;
}

.row-booking .booking-content .calendar .xscroll {
    overflow: auto;
    position: relative;
}


@media (max-width:900px) {
    .calendar #contentdiv {
        width: calc(100% - 101px); /* Width of the .timeTable column*/
    }

    .calendar #contentdiv.booking2 {
        width: calc(95% - 95px);
    }
}

.row-booking .booking-content .calendar .fixedTime td,
.row-booking .booking-content .calendar .fixedTime th {
    width: 100px
}

.row-booking .booking-content #timeLabel,
.row-booking .booking-content #timeLabelWeekly,
.row-booking .booking-content .th-name {
    height: 43px
}

.row-booking .booking-content .calenar td.booked {
    padding: 0
}

.row-booking .booking-content .calendar table .past {
    background-color: #E1ECE1
}

.row-booking .booking-content .calendar table .unavailable {
    background-color: #D6D6D6
}

.row-booking .booking-content .calendar table .unavailable.fithealth {
    background-color: #97A59A!important
}

#tableMain td .box {
    position: relative;
    height: 22px;
    margin-bottom: 0!important
}

#tableMain td .box .mname {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 220px;
    float: left
}

#tableMain td .box .mname.habitname {
    width: 110px
}

/*suna*/

#tableMain td .box .mname.sunaname { width: 80px !important; font-size: 10px !important; }
.row-booking .booking-content .calendar .fixedTime td.td_suna, .row-booking .booking-content .calendar .fixedTime th.td_suna { width: 50px; font-size: 11px; }
.row-booking .booking-content .calendar .fixedTime td.td_suna .td-time-inner { padding-top: 2px; }
/*-----*/

.row-booking .booking-content .calendar th ,#headingTable tr th .th-inner a { font-size: 12px; }
.row-booking .booking-content .calendar .fixedTime td, .row-booking .booking-content .calendar .fixedTime th { width: 80px; padding: 1px; }
.row-booking .booking-content .calendar .fixedTime td .td-time-inner { height: 20px; }

.calendarweekly #tableMain td .box .mname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
    float: left
}

#tableMain td .box .mnumber {
    float: left;
    margin-right: 5px
}

#tableMain td .box .icon {
    background-color: inherit;
    float: right;
    position: absolute;
    right: 0
}

#tableMain .booked .box.continue {
    bottom: 1px
}

.row-booking .booking-content .calendar .xscroll .tableContent .calendar-body .td-content .box .tdContent .icon img {
    width: 21px
}

.hideContent {
    height: 20px;
    text-align: left;
}

.showContent {
    height: auto;
    z-index: 2
}

.tdContent.expandBookingDetails {
    word-wrap: break-word
}

dl {
    margin-bottom: 0
}

.row-bookingAddEvent {
    text-align: center
}

.row-bookingAddEvent .menu-header {
    text-align: right
}

.row-bookingAddEvent .emptydiv {
    content: "";
    margin-bottom: 6%
}

.row-bookingAddEvent .page-header,
.row-bookingAddEvent .page-header h3 {
    margin-top: 0
}

.row-bookingAddEvent .event-description .form-group {
    margin-bottom: 0
}

.row-bookingAddEvent .event-description .header {
    margin-bottom: 10px;
    position: relative
}

.row-bookingAddEvent .event-description .header p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2px
}

.row-bookingAddEvent .event-description .header a {
    position: absolute;
    bottom: 0;
    z-index: 2
}

.row-bookingAddEvent .event-description .header a.btn-nextClass {
    float: right;
    right: 0
}

.row-bookingAddEvent .event-description .header a.btn-prevClass {
    float: left;
    left: 0
}

.row-bookingAddEvent .event-description .header a .text {
    display: none
}

.row-bookingAddEvent .form-group.class-attendance .input-button {
    text-align: left
}

.row-bookingAddEvent .control-label {
    text-align: right;
    font-size: 16px;
    padding-top: 5px
}

.row-bookingAddEvent .control-label.static {
    padding-top: 6px
}

.row-bookingAddEvent .form-control-static {
    text-align: left;
    font-size: 16px;
    padding-left: 14px
}

.row-bookingAddEvent .button-search {
    padding-left: 0
}

.row-bookingAddEvent .button-row {
    margin-top: 20px;
    text-align: center;
    padding-right: 0
}

.row-bookingAddEvent .button-row a {
    margin-right: 10px
}

.row-bookingAddEvent .button-row .top-buttonrow .top-box {
    margin-bottom: 20px;
    padding: 0
}

.row-bookingAddEvent .button-row .top-buttonrow .bottom-box a,
.row-bookingAddEvent .button-row .top-buttonrow .top-box a {
    width: 31%
}

.row-bookingAddEvent .button-row .bottom-buttonrow .bottom-bottom,
.row-bookingAddEvent .button-row .top-buttonrow .bottom-box,
.row-bookingAddEvent .container .button-row .bottom .top-bottom {
    padding: 0
}

.row-bookingAddEvent .button-row .bottom-buttonrow .top-bottom a {
    width: 23%
}

.row-bookingAddEvent .button-row .top a {
    width: 20%;
    margin-bottom: 20px
}

.row-bookingAddEvent .button-row .top-roster a {
    width: 30%;
    margin-bottom: 20px
}

.row-bookingAddEvent .button-row .bottom a,
.row-bookingAddEvent .button-row .bottom-roster a {
    width: 93%
}

.row-bookingAddEvent .button-row .bottom-roster.available,
.row-bookingAddEvent .button-row .top-roster.unavailable {
    text-align: center
}

.row-bookingAddEvent .button-row .top-roster.unavailable a {
    width: 23%
}

.row-bookingAddEvent .button-row .bottom-roster.available a {
    width: 31%
}

.row-bookingAddEvent .button-row .top {
    text-align: center
}

.row-bookingAddEvent .button-row .bottom {
    text-align: right
}

.row-bookingAddEvent .button-row .paynow {
    margin-bottom: 20px
}

.row-bookingAddEvent .button-row .paynow a {
    width: 20%
}

.modal.swipetag .modal-body .infodiv .tag {
    position: relative;
    margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid #ABABAB;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, .26);
    -moz-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, .26);
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, .26)
}

.modal.swipetag .modal-body .infodiv .tag.grayout {
    border: 1px solid #ddd!important
}

.modal.swipetag .modal-body .infodiv .tag.grayout h4 {
    color: #BDBBBB
}

.modal.swipetag .modal-body .infodiv .tag h4 {
    color: #505050;
    padding: 0 10px
}

.modal.swipetag .modal-body .infodiv .tag .successtag {
    position: absolute;
    z-index: 1;
    top: 0;
    padding: 10px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(45, 175, 45, .72)
}

.modal.swipetag .modal-body .infodiv .tag .failtag {
    position: absolute;
    z-index: 1;
    top: 0;
    padding: 10px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(175, 45, 45, .72)
}

.modal.swipetag .modal-body .infodiv .tag .successtag h3 {
    margin: 1px 0;
    color: #fff;
    font-weight: 800;
    font-size: 30px
}

.row-bookingAddEvent {
    padding-top: 0
}

.row-bookingAddEvent .classManagementContent {
    margin-top: 20px;
    background-color: rgba(188, 188, 188, .09);
    border: 1px solid rgba(224, 224, 224, .72);
    padding: 0
}

.row-bookingAddEvent .classManagementContent .searchMember { padding: 10px 5px; }

.row-bookingAddEvent .classManagementContent .searchMember .form-group.findMember {
    margin-bottom: 0;
    padding-left: 0
}

.row-bookingAddEvent .classManagementContent .searchMember .form-group.findMember .control-label {
    padding-left: 20px;
    text-align: left
}

.row-bookingAddEvent .classManagementContent .searchMember .form-group .input-text {
    padding-right: 0
}

.row-bookingAddEvent .classManagementContent .searchMember .buttonheader {
    margin-bottom: 15px;
}

.row-bookingAddEvent .classManagementContent .searchMember .buttonheader .checkbox {
    text-align: left;
    padding-left: 0;
    padding-right: 0
}

.row-bookingAddEvent .classManagementContent .searchMember .buttonheader .buttonlist {
    text-align: right;
    padding-left: 0
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult {
    max-height: 580px;
    overflow: auto;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult .memberResult-content {
    display: flex;
    align-items: center;
    padding-right: 3px !important;
    background: #FBFBFB;
    border: 1px solid #FFF;
    box-shadow: 0 2px 2px #CCC;
    margin-bottom: 5px;
    width: 100%;
    /* reset styles from other rules */
    height: auto;
    padding: 0;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult a.member-info {
    display: flex;
    flex-shrink: 1; /* allow this elem to shrink if necessary to prevent child overflow */
    overflow: hidden;
    width: 100% !important; /* needed to !important this because other rules */
    color: #333;
    height: 58px;
    /* reset cascaded props */
    text-align: left;
    float: none;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult a.member-info:hover {
    color: #333;
    text-decoration: none;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult a.member-info .photo-frame {
    width: 50px;
    min-width: 50px;
    height: inherit;
    overflow: hidden;
    margin-right: 5px;
}
.row-bookingAddEvent .classManagementContent .searchMember .searchResult a.member-info img {
    height: inherit;
    /* reset props from other rules */
    position: initial;
    display: block;
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    margin: 0 auto;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult a.member-info .details {
    flex-grow: 1; /* allow this elem to take up remaining space in flex parent */
    min-width: 0; /* flex containers default to min-width: auto. Setting to 0 allows the container to shrink below the width of sub-content (so the text ellipsis on child elems works and they don't overflow) */
    flex-basis: 100%; /* same effect as min-width: 0 for IE11 and Edge */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: inherit;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult a.member-info .details h6 {
    margin: 0;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult a.member-info .details .name {
    margin-right: auto; /* stick to the left edge */
    /* show ... if the text overflows */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* reset inheritance props */
    line-height: normal;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult a.member-info .details .id {
    margin-left: auto;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult a.member-info .details .membership {
    width: 100%; /* ensure membership name wraps to a new line */
    /* show ... if the text overflows */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult a.member-info .details .membership.prospect {
    color: #52C84A;
    font-weight: 600;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult .memberResult-action {
    height: auto;
    position: initial;
    padding: 0 0 0 3px;
    margin-left: auto;
    width: 210px;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult .memberResult-action .btn- {
    margin: 0 !important;
    padding: 10px 15px;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult .memberResult-action .btn-center {
    margin: 0 !important;
    padding: 6px 15px;
}

.row-bookingAddEvent .classManagementContent .searchMember .searchResult .memberResult-action .btn-right {
    margin-top: 0px;
}

.row-bookingAddEvent .classManagementContent .existingMember .header .header-menu {
    padding: 0;
    margin-bottom: 15px
}

.row-bookingAddEvent .classManagementContent .existingMember .header .btn-smsMember {
    float: left
}

.row-bookingAddEvent .classManagementContent .existingMember .header .btn-emailMembers {
    float: right
}

.row-bookingAddEvent .classManagementContent .existingMember .header h5 {
    font-size: 22px;
    margin-bottom: 9px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-weight: 600
}

.row-bookingAddEvent .classManagementContent .existingMember .header .header-class {
    padding: 0
}

.row-bookingAddEvent .classManagementContent .existingMember .header .sortbox {
    position: absolute;
    right: 0
}

.row-bookingAddEvent .classManagementContent .existingMember .header .sortbox .form-control {
    width: 150px;
    float: right
}

.row-bookingAddEvent .classManagementContent .existingMember .header .sortbox a {
    position: relative;
    float: right
}

.row-bookingAddEvent .classManagementContent .existingMember {
    padding: 10px 10px 30px;
    border: 1px solid rgba(188, 188, 188, .09);
    background-color: #F3F3F9
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content {
    min-height: 480px;
    overflow: auto
}

.row-bookingAddEvent .classManagementContent .existingMember .member {
    background-color: rgba(204, 204, 204, .45);
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc
}

.row-bookingAddEvent .classManagementContent .existingMember .member .text {
    padding-top: 7px;
    font-weight: 600
}

.row-bookingAddEvent .classManagementContent .existingMember .member .text a {
    color: #333;
    display: block
}

.row-bookingAddEvent .classManagementContent .existingMember .member .text a:hover {
    color: #505050;
    text-decoration: none
}

.row-bookingAddEvent .classManagementContent .existingMember .member .actions .glyphicon-remove {
    color: #ED2F2F
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content {
    background: #FBFBFB;
    border: 1px solid #FFF;
    box-shadow: 0 2px 2px #CCC;
    margin: 4px;
    height: 60px;
    width: 100%;
    padding: 0;
    position: relative;

}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content a.memberlink {
    color: #333;
    height: inherit
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content a.memberlink:hover {
    color: #333;
    text-decoration: none;
    height: inherit
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content .memberPhoto {
    position: relative;
    margin-right: 10px;
    text-align: center;
    height: inherit;
    width: 70px;
    overflow: hidden;
    padding: 0
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content .memberPhoto img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: inherit;
    width: auto;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content.waitlist .memberPhoto img {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%)
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-details {
    text-align: left;
    width: 62%;
    padding-left: 5px;
    padding-right: 0;
    min-height: inherit;
    float: left;
    position: relative
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-details .notPaidText {
    color: #e9e9e9;
    font-weight: 800;
    position: relative;
    line-height: 45px;
    display: table;
    margin: auto;
    font-size: 18px
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-details h6 {
    margin: 0
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-details .memberName {
    padding: 0;
    min-height: 20px;
    width: 100%;
    margin-top: 5px
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action {
    width: 250px;
    height: inherit;
    padding: 0;
    position: absolute;
    right: 1%;
    text-align: right;
    z-index: 7
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action .waitinglist-number {
    padding-top: 5px
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action a {
    margin-top: 8px;
    margin-right: 5px;
    padding: 8px 10px;
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action a .glyphicon-remove {
    color: #F54C4C
}

.row-bookingAddEvent .classManagementContent .waitlist {
    background-color: rgba(234, 240, 132, .84)!important
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult .overlay {
    position: absolute;
    height: 60px;
    z-index: 5;
    background: rgba(23, 179, 7, .32);
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
    width: 100%;
    pointer-events: none
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult .overlay.cancelled {
    background: rgba(58, 59, 60, .49)!important
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult .overlay.notpaid {
    background: rgba(180, 45, 45, .46)!important;
    pointer-events: none
}

.booking-notification-box:target,
.save-repeat-box:target {
    opacity: 1;
    pointer-events: auto
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action.checked {
    z-index: 20
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult .overlay.noshow {
    background: rgba(245, 47, 47, .39)
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content .fa-repeat {
    font: 14px/1 FontAwesome
}

#feedbackResponse,
.booking-notification-box,
.save-repeat-box {
    font-family: Arial, Helvetica, sans-serif
}

.star-rating .star.highlight {
    color: #efc901;
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content .firstTime {
    width: 20px;
    height: 16px;
    display: inline-block;
    text-align: center;
    color: #000;
    font-weight: bolder;
    padding: 2px;
    border-radius: 20px;
    border: 1px solid #000;
    font-size: 9px
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content .seatNumber {
    display: inline-block;
    width: 30px;
    text-align: center;
    height: 16px;
    font-weight: 700;
    background-color: #000;
    border-radius: 3px;
    padding: 2px;
    color: #fff
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content .prospect {
    display: inline-block;
    width: 20px;
    text-align: center;
    height: 16px;
    font-weight: 700;
    border-radius: 3px;
    padding: 2px;
    color: #fff;
    background-color: rgba(40, 114, 212, .6)
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content .medical {
    display: inline-block;
    width: 20px;
    text-align: center;
    height: 16px;
    font-weight: 700;
    border-radius: 3px;
    padding: 2px;
    color: #fff;
    background-color: rgba(255, 50, 50, .6)
}

.row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content .paid {
    display: inline-block;
    width: 20px;
    text-align: center;
    height: 16px;
    font-weight: 700;
    border-radius: 3px;
    padding: 2px;
    color: #fff;
    background-color: #1b8c0f
}

.row-bookingAddEvent #addCasualModal .form-group .checkbox {
    text-align: left
}

.row-booking .addBookingSection #servicediv #fuzzSearch #fuzzDropdownContainer #fuzzResults {
    max-height: 300px;
    overflow: auto;
}

#addCasualModal .numberDisplay {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px
}

#addCasualModal .numberDisplay .number {
    width: 5%;
    float: left;
    margin: 4px;
    border-radius: 5px;
    background-color: #000
}

#addCasualModal .legend .number.taken .numb,
#addCasualModal .numberDisplay .number.taken {
    background-color: #ccc!important
}

#addCasualModal .legend .number.selected .numb,
#addCasualModal .numberDisplay .number.selected {
    background-color: #09B909!important
}

#addCasualModal .numberDisplay .number a {
    display: block;
    color: #fff;
    font-weight: 600
}

#addCasualModal .numberDisplay .number a:hover {
    text-decoration: none;
    color: #fff
}

#addCasualModal .legend .number .numb {
    background-color: #000;
    color: #fff;
    margin: 4px;
    border-radius: 5px;
    width: 5px;
    padding: 2px 4px;
    font-weight: 600
}

#seatNumberModal .form-group {
    text-align: center
}

#seatNumberModal .numberDisplay {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px
}

#seatNumberModal .numberDisplay .number {
    width: 5%;
    float: left;
    margin: 4px;
    border-radius: 5px;
    background-color: #000
}

#seatNumberModal .legend .number.taken .numb,
#seatNumberModal .numberDisplay .number.taken {
    background-color: #ccc!important
}

#seatNumberModal .legend .number.selected .numb,
#seatNumberModal .numberDisplay .number.selected {
    background-color: #09B909!important
}

#seatNumberModal .numberDisplay .number a {
    display: block;
    color: #fff;
    font-weight: 600
}

#seatNumberModal .numberDisplay .number a:hover {
    text-decoration: none;
    color: #fff
}

#seatNumberModal .legend .number .numb {
    background-color: #000;
    color: #fff;
    margin: 4px;
    border-radius: 5px;
    width: 5px;
    padding: 2px 4px;
    cursor: default!important;
    font-weight: 600
}

#editAttendees .form-group,
#seatNumberModal .modal-footer {
    text-align: center
}

#editAttendees .form-group .control-label {
    padding-top: 5px
}

#editAttendees .numberDisplay {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px
}

#editAttendees .numberDisplay .number {
    width: 5%;
    float: left;
    margin: 4px;
    border-radius: 5px;
    background-color: #000
}

#editAttendees .legend .number.taken .numb,
#editAttendees .numberDisplay .number.taken {
    background-color: #ccc
}

#editAttendees .legend .number.selected .numb,
#editAttendees .numberDisplay .number.selected {
    background-color: #09B909!important
}

#editAttendees .form-group.legend .number.newSelected .numb,
#editAttendees .numberDisplay .number.newSelected {
    background-color: #5F86D8!important
}

#editAttendees .numberDisplay .number a {
    display: block;
    color: #fff;
    font-weight: 600
}

#editAttendees .numberDisplay .number a:hover {
    text-decoration: none;
    color: #fff
}

#editAttendees .legend .number {
    margin-bottom: 10px;
    text-align: center;
    padding: 0
}

#editAttendees .legend .number .numb {
    background-color: #000;
    color: #fff;
    margin: 4px;
    border-radius: 5px;
    width: 5px;
    padding: 2px 4px;
    font-weight: 600
}

#editAttendees .legend .number .desc {
    font-size: 11px
}

#editAttendees .modal-body .menu-buttons {
    margin-top: 10px;
    text-align: center
}

#editAttendees .modal-body .menu-buttons,
#editAttendees .modal-body .menu-buttons .bottom-menu,
#editAttendees .modal-body .menu-buttons .top-menu {
    padding: 0
}

.error:not(:empty),
.row-bookingAddEvent .form-group .error:not(:empty) {
    width: 100%;
    padding: 5px;
    background-color: #FFC2B2;
    margin-top: 2px;
    color: #E31414
}

#editAttendees .modal-body .menu-buttons .top-menu {
    margin-bottom: 10px
}

#editAttendees .modal-footer {
    text-align: center
}

.row-bookingAddEvent .form-group .error:not(:empty) {
    border: 1px solid #E62E00;
    border-radius: 5px
}

.warning-billing-disabled.billing_error {
    border-color: transparent;
    background-color: #d9534f;
    color: #fff;
}

.warning-billing-disabled.billing_notice {
    border-color: transparent;
    background-color: #d4edda;
    border: 0px;
    color: #155724;
}

.error:not(:empty) {
    border: 1px solid #E62E00;
    border-radius: 5px;
    text-align: center
}

.error.error-warning:not(:empty) {
    border: 1px solid #FAEBCC;
    background-color: #FCF8E3;
    color: #8A6D3B
}

.error.error-success:not(:empty) {
    border: 1px solid #3C763D;
    background-color: #DFF0D8;
    color: #3C763D
}

.booking-notification-box>.notification-content,
.save-repeat-box>.save-repeat-content {
    min-height: 200px;
    padding: 15px 25px;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

.booking-notification-box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .56);
    z-index: 1050;
    opacity: 1;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
    text-align: center
}

.booking-notification-box>.notification-content {
    width: 400px;
    position: relative;
    margin: 10% auto;
    background: #fff
}

.booking-notification-box .notification-content.cancel-booking h5 {
    font-weight: 600
}

.booking-notification-box .notification-content.cancel-booking .form-group {
    text-align: left
}

.booking-notification-box .content-box {
    margin-top: 0%
}

.booking-notification-box .end-bar {
    margin-top: 15%;
    text-align: center
}

.booking-notification-box .notification-content .end-bar a {
    width: 40%;
    margin-bottom: 10px
}

.save-repeat-box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .56);
    z-index: 1050;
    opacity: 1;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
    text-align: center
}

.save-repeat-box>.save-repeat-content {
    width: 400px;
    position: relative;
    margin: 10% auto;
    background: #fff
}

.save-repeat-box .content-box {
    margin-top: 8%
}

.save-repeat-box .end-bar {
    margin-top: 15%;
    text-align: center
}

.save-repeat-box .save-repeat-content .end-bar a {
    width: 40%;
    margin-bottom: 10px
}

.row-bookingAddEvent .form-group.table {
    padding-left: 36px;
    padding-right: 31px
}

.row-bookingAddEvent .benefit-box .form-group {
    margin-bottom: 20px;
    background-color: #fff;
}

.row-bookingAddEvent .benefit-box .table-box {
    max-height: 200px;
    overflow: auto;
    text-align: center;
}

.row-bookingAddEvent .benefit-box .table-box td {
    text-align: center;
}

.row-bookingAddEvent .benefit-box .page-header {
    margin-bottom: 5px;
}

.row-bookingAddEvent .benefit-box .page-header h4 {
    margin-bottom: 0px;
}

.row-bookingAddEvent .tablemodal {
    float: right;
    background-color: #F3F3F9;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    max-height: 200px;
    overflow: auto
}

.row-bookingAddEvent .fixed-table-container {
    width: 100%;
    margin: 10px auto;
    background-color: inherit;
    position: relative;
    padding-top: 30px
}

.row-bookingAddEvent .header-background {
    background-color: inherit;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-bottom: 2px solid #DDD;
    z-index: 3
}

.row-bookingAddEvent .addBookingSection .fixed-table-container-inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 150px;
    background-color: inherit
}

.row-bookingAddEvent table {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.row-bookingAddEvent .first .th-inner {
    border-left: none;
    padding-left: 6px
}

.row-bookingAddEvent .th-inner {
    position: absolute;
    top: 0;
    line-height: 50px;
    text-align: left;
    padding-left: 5px;
    margin-left: -5px;
    z-index: 5
}

.row-bookingAddEvent tbody {
    text-align: left
}

.row-bookingAddEvent tbody tr {
    background-color: inherit
}

.row-bookingAddEvent tbody tr:hover {
    cursor: pointer
}

.row-bookingAddEvent thead th {
    text-align: center
}

.row-bookingAddEvent thead th .box {
    margin: 0 auto!important
}

.row-bookingAddEvent thead th .box .th-inner {
    text-align: center;
    border: none
}

.row-bookingAddEvent .addBookingSection .form-group .input-group {
    width: 100%
}

.row-bookingAddEvent .addBookingSection .form-group .memberResult {
    max-height: 580px;
    overflow: auto;
    padding: 5px 3px
}

.row-bookingAddEvent .addBookingSection .form-group .button-top-row {
    text-align: left;
    padding: 13px 15px;
}

.row-bookingAddEvent .addBookingSection .form-group .button-top-row a {
    margin: 0px 5px;
}

.row-bookingAddEvent .addBookingSection .form-group .smsMemberBooking {
    text-align: left;
    padding: 12px 12px 12px 25px
}

#addBookingModal .modal-content .modal-body .result thead th,
#calendarFeedModal .modal-content .modal-body .content .icon {
    text-align: center
}

.row-bookingAddEvent {
    margin-bottom: 20px
}

.row-bookingAddEvent .section .date-box {
    padding-left: 0
}

.row-bookingAddEvent .section .time-box {
    padding-right: 0
}

.row-bookingAddEvent .bookingContent .section {
    padding-left: 0;
    padding-right: 0
}

#calendarFeedModal .modal-content .modal-body .content {
    padding: 0;
    margin-bottom: 20px
}

.popupbooking-content .form-group,
.row-booking .booking-content .calendar .weekly-view td dl {
    margin-bottom: 0
}

#calendarFeedModal .modal-content .modal-body .content .icon h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px
}

#calendarFeedModal .modal-content .modal-body .content .text p {
    font-weight: 500
}

.row-booking .booking-content .page-header {
    margin: 0
}

.row-booking .booking-content .page-header .date-button {
    padding: 0 .6em;
    cursor: pointer;
    background-color: #f5f5f5;
    border: 1px solid #D3D3D3;
    border-radius: 5px
}

.row-booking .booking-content .page-header .date-button.moveweek-button {
    padding: 8px 12px;
    top: 1px;
    position: relative
}

.selectedcellBooking,
.selectedcellClass,
.selectedcellMeeting {
    padding: 0 2%;
    border: 1px solid #C5C5C5
}

.row-booking .booking-content .page-header .date-button.moveweek-button span {
    bottom: 0!important
}

.row-booking .booking-content .page-header .date-button:hover {
    background-color: #D8D8D8
}

.row-booking .booking-content .page-header .date-button .next-arrow,
.row-booking .booking-content .page-header .date-button .previous-arrow {
    position: relative;
    bottom: 2px
}

.selectedcell {
    background-color: #9BA8DF!important
}

.row-booking .calendar .weekly-view tbody td .box {
    position: relative;
    height: 20px
}

.selectedcellAvailable {
    background-color: #fffacd
}

.selectedcellUnavailable {
    background-color: #d3d3d3;
    background-repeat: repeat;
    font-weight: 600;
    color: #FAFAFA
}

.row-booking .booking-content .calendar .weekly-view .border {
    background-image: url(../images/border-square.png);
    background-repeat: repeat
}

.selectedcellMeeting {
    background-color: #6c9ce5;
    font-weight: 600;
/*    -webkit-box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1);
    box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1);*/
    margin-left: 1px;
    height: 101%;
    overflow: hidden;
    text-overflow: ellipsis
}

.selectedcellClass2,
.selectedcellMeeting2 {
    height: 24px;
    bottom: 2px;
    position: relative;
    border-bottom: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5
}

.selectedcellMeeting2 {
    background-color: #6c9ce5;
    /*-webkit-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);*/
    margin-left: 1px
}

.selectedcellClass,
.selectedcellClass2 {
    background-color: #AEAEE5!important;
    color: #FAFAFA;
    margin-left: 1px;
    font-weight: 600
}

.selectedcellClass {
/*    -webkit-box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1);
    box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1)*/
}

.selectedcellClass2 {
/*    -webkit-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1)*/
}

.selectedcellBooking {
    background-color: #51b749;
    font-weight: 600;
    color: #494949;
/*    -webkit-box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1);
    box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1);*/
    margin-left: 1px;
    height: 105%
}

.selectedcellBooking.historic {
    background-color: #C9C9C9!important;
    color: #9E9E9E!important
}

.selectedcellBooking.historic .historicSymbol {
    color: #d14d4d!important
}

.selectedcellBooking2 {
    background-color: #51b749;
/*    -webkit-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);*/
    margin-left: 1px;
    height: 109%;
    position: relative;
    bottom: 1px;
    border-bottom: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5
}

.selectedcellcasual,
.selectedcellcasual2 {
    position: relative;
    bottom: 7px;
    margin-left: 1px
}

.selectedcellBooking2.historic {
    background-color: #C9C9C9!important;
    color: #9E9E9E!important
}

.selectedcellcasual {
    background-color: #51b749;
/*    -webkit-box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1);
    box-shadow: 0 10px 6px -8px rgba(103, 103, 123, 1);*/
    border-bottom: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5
}

.selectedcellMeeting-small,
.selectedcellcasual2 {
/*    -webkit-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1)*/
}

.selectedcellcasual2 {
    background-color: #51b749;
    /*box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);*/
    height: 25px;
    border-bottom: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5
}

.selectedcellBooking2-small,
.selectedcellClass2-small,
.selectedcellMeeting2-small,
.selectedcellcasual2-small {
    bottom: 6px;
    border-bottom: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
    position: relative
}

.selectedcellMeeting-small {
    background-color: #6c9ce5;
    font-weight: 600;
    color: #FAFAFA;
/*    box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);*/
    height: 120%;
    border: 1px solid #C5C5C5
}

.selectedcellClass-small,
.selectedcellMeeting2-small {
/*    -webkit-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1)*/
}

.selectedcellMeeting2-small {
    background-color: #6c9ce5;
/*    box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);*/
    height: 133%
}

.selectedcellClass-small,
.selectedcellClass2-small {
    background-color: #AEAEE5!important;
    font-weight: 600;
    color: #FAFAFA
}

.selectedcellClass-small {
/*    box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);*/
    height: 120%;
    border: 1px solid #C5C5C5
}

.selectedcellBookings-small,
.selectedcellClass2-small {
/*    -webkit-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1)*/
}

.selectedcellClass2-small {
    /*box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);*/
    height: 133%
}

.selectedcellBookings-small,
.selectedcellcasual-small {
    color: #494949;
    border: 1px solid #C5C5C5;
    font-weight: 600
}

.selectedcellBookings-small {
    background-color: #51b749;
/*    box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);*/
    height: 120%
}

.selectedcellBooking2-small,
.selectedcellcasual-small {
    /*-webkit-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    background-color: #51b749*/
}

.selectedcellBooking2-small {
/*    box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);*/
    height: 133%
}

.selectedcellcasual-small {
/*    box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);*/
    height: 120%
}

.selectedcellcasual2-small {
    background-color: #51b749;
/*    -webkit-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    -moz-box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);
    box-shadow: 0 10px 6px -10px rgba(103, 103, 123, 1);*/
    height: 133%
}

.row-booking .booking-content .calendar .weekly-view td dl .icon {
    position: relative
}

.row-booking .booking-content .calendar .weekly-view td dl .icon i {
    position: absolute;
    right: 0;
    bottom: 2px
}

.popupbooking,
.popupbookingbottom {
    position: relative;
    bottom: 170px;
    right: 20px;
/*    -webkit-box-shadow: -2px 6px 9px -5px rgba(0, 0, 0, .64);
    -moz-box-shadow: -2px 6px 9px -5px rgba(0, 0, 0, .64);
    box-shadow: -2px 6px 9px -5px rgba(0, 0, 0, .64)*/
}

.popupbooking .popupbooking-arrow {
    position: relative
}

.popupbooking .popupbooking-arrow img {
    position: absolute;
    top: 175px;
    left: 20px
}

.popupbooking-content {
    position: absolute;
    background-color: #fdfcfd;
    padding: 10px;
    border-radius: 5px;
    width: 300px
}

.popupbooking-content .close {
    margin-top: -2px
}

.popupbooking-content button.close {
    padding: 0;
    cursor: pointer;
    background: none;
    border: 0
}

.popupbooking-content .bookingButton {
    text-align: center;
    margin-top: 10px
}

.popupbooking .form-group .control-label,
.popupbooking-bottom .form-group {
    top: 8px
}

.popupbooking .popupbooking-content .form-group {
    padding-left: 0;
    width: 95%
}

.popupbooking .popupbooking-content .form-group .input-text-box-popup,
.popupbookingbottom .popupbooking-content .form-group .input-text-box-popup {
    height: 80px;
    overflow: auto
}

.popupbooking .popupbooking-content .form-group .input-text-box-popup .form-control-static,
.popupbookingbottom .popupbooking-content .form-group .input-text-box-popup .form-control-static {
    padding: 2px 0;
    font-size: 12px
}

.popupbooking .popupbooking-content .form-group .form-control-static.title,
.popupbookingbottom .popupbooking-content .form-group .form-control-static.title {
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    font-size: 12px
}

.popupbookingbottom .popupbooking-arrow {
    position: relative
}

.popupbookingbottom .popupbooking-arrow img {
    position: absolute;
    bottom: -3px;
    left: 20px
}

.popupbookingbottom-edit .popupbooking-arrow {
    position: relative
}

.popupbookingbottom-edit .popupbooking-arrow img {
    position: absolute;
    bottom: -3px;
    left: 130px
}

#addBookingModal {
    top: 50px;
    z-index: 2000!important
}

#addBookingModal .modal-content {
    min-height: 500px
}

#addBookingModal .modal-content .modal-body {
    min-height: 480px
}

#addBookingModal .modal-content .modal-body .form-group {
    margin-bottom: 8px
}

#addBookingModal .modal-content .modal-body .result:hover {
    cursor: pointer
}

#addBookingModal .fixed-table-container {
    width: 100%;
    margin: 10px auto;
    background-color: #fff;
    position: relative;
    padding-top: 8px
}

.addCasualModal .modal-content .modal-body .form-group,
.addclassmodal .modal-content .modal-body .form-group,
.amendModal .modal-content .modal-body .form-group,
.classManagementModal .modal-content .modal-body .form-group {
    margin-bottom: 15px
}

#addBookingModal .header-background {
    background-color: #FFF;
    height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-bottom: 2px solid #DDD
}

#addBookingModal .fixed-table-container-inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    background-color: #FFF;
    min-height: 50px;
    max-height: 100px
}

#addBookingModal table {
    background-color: #fff;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

#addBookingModal .th-inner {
    position: absolute;
    top: 0;
    line-height: 20px;
    text-align: left;
    padding-left: 5%;
    margin-left: -5px
}

#addBookingModal tbody tr {
    background-color: #FFF;
    text-align: left
}

#addBookingModal .table tbody td:hover {
    font-size: 14px;
    text-decoration: none;
    cursor: pointer
}

.classManagementModal .modal-content .modal-body,
.classManagementModal .modal-content .modal-body .add-member .table td:hover,
.classManagementModal .modal-content .modal-body .classmemberlisttable .table td:hover {
    font-size: 13px
}

#addBookingModal .modal-content .modal-body .form-horizontal .form-group .control-label,
#addCasualModal .modal-content .modal-body .form-horizontal .form-group .control-label,
#addMeetingModal .modal-content .modal-body .form-horizontal .form-group .control-label {
    top: 0
}

.addCasualModal,
.addMeetingModal,
.addclassmodal {
    top: 50px
}

#addBookingModal .modal-content .modal-body .form-horizontal .form-group .input-text-box .form-control-static .date {
    margin-right: 20px
}

#addBookingModal .modal-content .modal-body .form-horizontal .form-group .input-text-box p {
    font-weight: 600;
    text-align: left
}

#addBookingModal .modal-content .modal-body .form-horizontal .form-group.startTime .input-text-box {
    padding-left: 15px
}

.addMeetingModal .modal-body .form-horizontal .control-label {
    padding-top: 0
}

.addMeetingModal .modal-body .form-horizontal .startTime .input-text-box #startTimeBooking {
    padding-left: 10px
}

.addclassmodal .modal-content .modal-body .form-group label {
    top: 0
}

.amendModal {
    top: 50px
}

.amendModal .modal-content .modal-body .form-group label {
    top: 0
}

.classManagementModal {
    top: 50px;
    padding-bottom: 30px
}

.classManagementModal .modal-content .modal-body .form-group label {
    top: 0
}

.classManagementModal .modal-content .modal-body .form-group .getcard {
    text-align: left
}

.classManagementModal .modal-content .modal-body .table {
    background-color: #fff
}

.classManagementModal .modal-content .modal-body .add-member,
.classManagementModal .modal-content .modal-body .classmemberlisttable {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

.classManagementModal .modal-content .modal-body .table th {
    text-align: center
}

.classManagementModal .modal-content .modal-body .add-member .table-addmember {
    max-height: 300px!important;
    overflow-y: auto
}

.classManagementModal .modal-content .modal-body .classmemberlisttable .table tr .button {
    padding-left: 0;
    padding-right: 0
}

.classManagementModal .modal-content .modal-body .classmemberlisttable .table tr .button .btn {
    padding: 4px 8px!important
}

.classManagementModal .modal-content .modal-body .add-member .table td,
.classManagementModal .modal-content .modal-body .add-member .table th,
.classManagementModal .modal-content .modal-body .classmemberlisttable .table td,
.classManagementModal .modal-content .modal-body .classmemberlisttable .table th {
    width: 2%
}

.classManagementModal .modal-content .modal-body .add-member .table td+td,
.classManagementModal .modal-content .modal-body .add-member .table th+th,
.classManagementModal .modal-content .modal-body .classmemberlisttable .table td+td,
.classManagementModal .modal-content .modal-body .classmemberlisttable .table th+th {
    width: 1%
}

.row-booking .repeat_booking_content,
.row-booking .repeat_booking_content .details_box .detail_header,
.row-booking .repeat_booking_content .details_box .form-group,
.row-booking .repeat_booking_content .details_box .other_detail,
.row-booking .repeat_booking_content .image-frame {
    padding: 0
}

.row-booking .repeat_booking_content .details_box .detail_header {
    margin-bottom: 10px
}

.row-booking .repeat_booking_content .details_box .other_detail {
    margin-top: 20px
}

.row-booking .button-row.header {
    text-align: right;
    margin-bottom: 20px
}

.row-booking .class_list_box {
    height: 780px;
    overflow: auto
}

.row-booking .class_list_box .list_content {
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, .22);
    -moz-box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, .22);
    box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, .22);
    margin-bottom: 10px
}

.row-booking .class_list_box .list_content .date_time,
.row-booking .class_list_box .list_content .note_content,
.row-booking .class_list_box .list_content .seat_content,
.row-booking .class_list_box .list_content .service_content {
    float: left;
    margin-right: 10px
}

.row-booking .class_list_box .list_content .note_content {
    width: 340px;
    padding: 0 5px
}

.row-booking .class_list_box .list_content .date_time {
    width: 200px
}

.row-booking .class_list_box .list_content .date_time h4 {
    font-size: 15px;
    font-weight: 300;
    margin: 5px 0 10px
}

.row-booking .class_list_box .list_content .action_content {
    float: right
}

.row-booking .class_list_box .list_content .service_content {
    width: 30%
}

.row-booking .class_list_box .list_content .seat_content {
    width: 120px;
    padding: 0 10px
}

.row-booking .class_list_box .list_content .seat_content .seat_button {
    display: block
}

.row-booking .repeat_booking_content .details_box .form-group .control-label {
    top: 7px;
    margin-bottom: 0
}

.row-booking .repeat_booking_content .details_box .detail_header h1 {
    margin-top: 0
}

.row-booking .repeat_booking_content .details_box .form-group h5 {
    margin: 0
}

.row-booking .repeat_booking_content .details_box .form-group h5 .detail {
    font-weight: 300
}

#itemModal .modal-content .modal-body .headingbar h5,
#paymentModal.accv8 .form-horizontal .form-group .form-control,
#paymentModal.accv8 .form-horizontal .form-group .form-control-static,
#paymentModal .modal-content .modal-body .body .form-horizontal .form-group .form-control,
#paymentModal .modal-content .modal-body .body .form-horizontal .form-group .form-control-static {
    font-weight: 600
}

.row-booking .repeat_booking_content .details_box .form-group h5 .description_detail {
    display: inline-block;
    margin-top: 5px
}


@media (min-width: 992px) {
    #bookingtimefromid {
        padding-right: 0px;
    }

    #bookingrepeatid {
        padding-right: 0px;
    }

    #classrepeatcontainer {
        padding-right: 0px;
    }

    #classfromcontainer {
        padding-right: 0px;
    }

    #meeting_form {
        padding-right: 0px;
    }

    #groupfromcontainer {
        padding-right: 0px;
    }
}

.responsive-calendar {
    margin-bottom: 10%
}

.row-tilltake .main-content .notebox {
	margin: 20px 0px;
}

.row-tilltake  .bottomfilter,
.row-tilltake  .sub-heading,
.row-tilltake  .topfilter {
    padding: 0
}

.row-tilltake  .form-group {
	margin-bottom: 5px;
}

.row-tilltake  .buttonHeading {
    margin: 10px 0;
    text-align: center;
    padding: 0
}

.row-tilltake .tilltake-content {
    min-height: 350px;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    overflow: auto
}

.row-tilltake .tilltake-content .table thead {
    border-bottom: 1px solid #DEDEDE
}

.row-tilltake .tilltake-content .noTransaction {
    width: 200px;
    margin: 7% auto
}

.row-tilltake .tilltake-content .noTransaction h4 {
    margin: 0;
    color: #ccc
}

#paymentModal .modal-dialog {
    float: center;
    margin-left: auto;
    margin-right: auto
}

#paymentModal .modal-body {
    max-height: 460px;
    min-height: 415px
}

#paymentModal.accv8 .form-group,
#paymentModal .modal-dialog .modal-content .modal-body .body .form-group {
    margin-bottom: 5px
}

#paymentModal.accv8 .form-group,
#paymentModal .modal-content .modal-body .body .form-group {
    padding: 0
}

#paymentModal.accv8 .form-group .control-label,
#paymentModal .modal-content .modal-body .body .form-group .control-label {
    text-align: right
}

#paymentModal.accv8 .button,
#paymentModal .modal-content .modal-body .body .button {
    text-align: center;
    padding: 1px
}

#paymentModal.accv8 .button .btn,
#paymentModal .modal-content .modal-body .body .button .btn {
    height: 71px;
    width: 100%
}

#paymentModal.accv8 .btn-group-right,
#paymentModal .modal-content .modal-body .btn-group-right {
    padding: 0
}

#paymentModal.accv8 .btn-group-right .button,
#paymentModal .modal-content .modal-body .btn-group-right .button {
    padding: 1px
}

#paymentModal.accv8 .btn-group-right .button .btn1,
#paymentModal .modal-content .modal-body .btn-group-right .button .btn1 {
    width: 100%;
    height: 73px;
    word-wrap: break-word;
    white-space: normal;
    background-color: #4DBD4D;
    border-color: #4CAE4C;
    color: #fff
}

#paymentModal.accv8 .pos-amount,
#paymentModal .modal-content .modal-body .pos-amount {
    margin-top: 10px;
}

#paymentModal.accv8 .pos-amount .input-group p,
#paymentModal .modal-content .modal-body .pos-amount .input-group p { font-weight: 600; margin: 2px; text-align: center; }

#paymentModal.accv8 .btn-group-right .button .btn1:hover,
#paymentModal .modal-content .modal-body .btn-group-right .button .btn1:hover {
    background-color: #76B676
}

#paymentModal.accv8 .form-horizontal,
#paymentModal .modal-content .modal-body .body .form-horizontal {
    padding: 10px
}

#generalsalemodal .end-bar,
#generalsalemodal .form-group {
    padding: 0
}

#generalsalemodal .form-group .control-label {
    position: relative;
    top: 4px
}

#generalsalemodal .end-bar {
    text-align: center
}

#generalsalemodal .end-bar .btn {
    border-radius: 2px;
    padding: 12px
}

/* charge / bill member modal in POS */
#charge-to-member-form .form-group {
    display: flex;
}

#bill_date_btn[disabled] {
    cursor: default; /* not-allowed would be confusing to the user in this instance */
}

.member-charged-modal h4.billing-summary {
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

#billing_member_due {
    color: red;
}

#bill_date_container label[for='bill_date_input'] {
    text-align: right;
}

#bill_date_container .bill-date.explainer {
    text-align: right;
    margin: 10px 0 0 0;
}

#ccModal .modal-header {
    padding: 5px 0
}

#ccModal .modal-body {
    padding: 8px 0
}

#ccModal .modal-body .form-group {
    margin-bottom: 8px;
    padding: 0
}

#ccModal .modal-body .form-group .input-text .month {
    padding-left: 0
}

#ccModal .modal-body .form-group .input-text .year {
    padding-right: 0
}

#itemModal .modal-content,
#itemModal .modal-content .modal-body .form-group {
    padding: 0
}

#itemModal .modal-content .modal-body .headingbar {
    text-align: center
}

#itemModal .modal-content .modal-body .buttonbar {
    padding: 0;
    margin-bottom: 20px
}

#paymentModal .button-group .btn-primary {
    word-wrap: break-word;
    white-space: normal
}

#paymentModal.accv8 .btn-group-left .btn-cash,
#paymentModal .modal-body .btn-group-left .btn-cash {
    background: -webkit-linear-gradient(#A9DB80, #96c56f);
    background: -o-linear-gradient(#A9DB80, #96c56f);
    background: -moz-linear-gradient(#A9DB80, #96c56f);
    background: linear-gradient(#A9DB80, #96c56f);
    color: #fff;
    font-size: 16px
}

#paymentModal.accv8 .btn-group-left .btn-cash:hover,
#paymentModal .modal-body .btn-group-left .btn-cash:hover {
    background: -webkit-linear-gradient(#8ED058, #7bb64b);
    background: -o-linear-gradient(#8ED058, #7bb64b);
    background: -moz-linear-gradient(#8ED058, #7bb64b);
    background: linear-gradient(#8ED058, #7bb64b);
    color: #fff;
    font-size: 16px
}

#paymentModal.accv8 .btn-group-left .btn-eftpos,
#paymentModal .modal-body .btn-group-left .btn-eftpos {
    background: -webkit-linear-gradient(#3093c7, #1C5A85);
    background: -o-linear-gradient(#3093c7, #1C5A85);
    background: -moz-linear-gradient(#3093c7, #1C5A85);
    background: linear-gradient(#3093c7, #1C5A85);
    color: #fff;
    font-size: 16px
}

#paymentModal.accv8 .btn-keypad,
#paymentModal .btn-keypad {
    font-size: 24px
}

#paymentModal.accv8 .btn-group-left .btn-payment-type,
#paymentModal .modal-body .btn-group-left .btn-payment-type {
    background: #00B3FF;
    color: #fff;
    word-wrap: break-word;
    white-space: normal
}

#paymentModal.accv8 .btn-group-left .btn-payment-type:hover,
#paymentModal .modal-body .btn-group-left .btn-payment-type:hover {
    background: #007EB3;
    color: #fff;
    word-wrap: break-word;
    white-space: normal
}

#paymentModal.accv8 .btn-group-left .btn-payment-type:focus,
#paymentModal .modal-body .btn-group-left .btn-payment-type:focus {
    background: #00D232;
    color: #fff;
    word-wrap: break-word;
    white-space: normal
}

#paymentModal.accv8 .btn-discount,
#paymentModal .modal-body .btn-discount {
    background: #00B3FF;
    color: #fff
}

#paymentModal.accv8 .btn-discount:hover,
#paymentModal .modal-body .btn-discount:hover {
    background: #007EB3;
    color: #fff
}

#paymentModal.accv8 .btn-discount:focus,
#paymentModal.accv8 .btn-group-right .btn-addpayment,
#paymentModal .modal-body .btn-discount:focus,
#paymentModal .modal-body .btn-group-right .btn-addpayment {
    background: #00D232;
    color: #fff
}

#paymentModal.accv8 .btn-group-right .btn-addpayment:hover,
#paymentModal .modal-body .btn-group-right .btn-addpayment:hover {
    background: #00B02A;
    color: #fff
}

#paymentModal.accv8 .btn-group-right .btn-exact,
#paymentModal .modal-body .btn-group-right .btn-exact {
    background: #00B3FF;
    color: #fff;
    font-size: 16px
}

#paymentModal.accv8 .btn-group-right .btn-exact:hover,
#paymentModal .modal-body .btn-group-right .btn-exact:hover {
    background: #007EB3;
    color: #fff;
    font-size: 16px
}

#paymentModal.accv8 .btn-group-right .btn-newpayment,
#paymentModal .modal-body .btn-group-right .btn-newpayment {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all
}

#paymentModal.accv8 .btn-group-right .btn-cancel,
#paymentModal .modal-body .btn-group-right .btn-cancel {
    background: #F62B2B;
    color: #fff;
    font-size: 16px
}

#paymentModal.accv8 .btn-group-right .btn-cancel:hover,
#paymentModal .modal-body .btn-group-right .btn-cancel:hover {
    background: #e40a0a;
    color: #fff;
    font-size: 16px
}

#paymentModal.accv8 .btn-group-right .btn-makepayment,
#paymentModal .modal-body .btn-group-right .btn-makepayment {
    background: -webkit-linear-gradient(#B6E026, #abdc28);
    background: -o-linear-gradient(#B6E026, #abdc28);
    background: -moz-linear-gradient(#B6E026, #abdc28);
    background: linear-gradient(#B6E026, #abdc28);
    color: #fff;
    font-size: 16px;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all
}

#paymentModal.accv8 .btn-group-right .btn-makepayment:hover,
#paymentModal .modal-body .btn-group-right .btn-makepayment:hover {
    background: -webkit-linear-gradient(#95b91a, #8bb41d);
    background: -o-linear-gradient(#95b91a, #8bb41d);
    background: -moz-linear-gradient(#95b91a, #8bb41d);
    background: linear-gradient(#95b91a, #8bb41d);
    color: #fff;
    font-size: 16px
}

.enabling-prospecting {
    z-index: 10
}

.checkbox .holds-checkbox {
    padding-left: 26px;
    font-weight: 300;
}

.row-add-detail .row-tab .tab-content .tab-detail .member-top-details .row-member-detail .member-detail .gender-form-group .gender .radio {
	display: inline-block;
    margin-right: 10px;
    padding-top: 7px;
}

.row-add-detail .row-tab .tab-content .tab-detail .member-top-details .row-member-detail .member-detail .gender-form-group .gender .radio label+label {
    margin-left: 35px
}

.row-add-detail .row-tab .tab-content .tab-detail .subscribe .checkbox label+label {
    margin-left: 10px
}

.row-add-detail .row-tab .tab-content .tab-detail .subscribe .checkbox label,
.row-add-detail .row-tab .tab-content .tab-detail .blacklist .checkbox label {
    padding-left: 20px
}


.row-tilltake  .form-group .control-label {
    padding-top: 6px
}

.row-tilltake .tilltake-content .table td {
    cursor: pointer
}

.row-tilltake .tilltake-content .table .hiddenRow {
    padding: 0;
    border: 0
}

.row-tilltake .tilltake-content .table .hiddenRow .accordion-body {
    width: 500px;
    padding: 10px 0;
    margin: auto
}

.row-tilltake .tilltake-content .table .hiddenRow .accordion-body .table {
    border: 1px solid #ccc
}

.row-tilltake .tilltake-content .table .hiddenRow .accordion-body thead th {
    text-align: center;
    padding: 12px
}

.row-tilltake .tilltake-content .table .hiddenRow .accordion-body tbody td {
    padding: 10px;
}

.row-tilltake .notebox {
    text-align: center
}

.row-tilltake .notebox p {
    font-style: italic
}

.row-tilltake .tilltake-content tbody {
    background-color: #fff
}

.stocktake-page .lastbar {
    text-align: right;
    margin: 20px 0px 40px;
}

.row-setting .box-setting .top-section { margin-bottom: 10px; }

.row-setting .setting-navbar ul {
    padding-left: 0px;
}
.row-setting .setting-navbar li {
    list-style: none;
    padding: 15px;
    font-size: 15px;
    background-color: #c3c3c3;
    font-weight: 600;
    border: 1px solid #ccc;
    margin-bottom: 1px;
    cursor: pointer;
    border-radius: 5px;
}
.row-setting .setting-navbar li.active {
    background-color: #337ab7;
    color: #fff;
    position: relative;
}

.row-setting .setting-navbar li.active:after, .row-setting .setting-navbar li.active:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.row-setting .setting-navbar li.active:after {
    border-color: rgba(238, 238, 238, 0);
    border-left-color: #337ab7;
    border-width: 24px;
    margin-top: -24px;
}
.row-setting .setting-navbar li.active:before {
    border-color: rgba(204, 204, 204, 0);
    border-left-color: #ccc;
    border-width: 23px;
    margin-top: -23px
}

.row-setting .box-setting {
    background-color: rgba(155, 155, 155, .06);
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid rgba(131, 131, 131, .08)
}

.row-setting .setting-page-header {
    margin: 4px 0 5px
}
.row-setting .setting-list .content-list { margin-bottom: 8px; }
.row-setting .setting-list .content-list .content-box { background-color: rgba(155, 155, 155, .06); /* background-color: #757575; */ border: 1px solid rgba(131, 131, 131, .08); border-radius: 5px; margin: 10px 0px; padding: 8px 10px; }
.row-setting .setting-list .content-list h4, .row-setting .setting-list .content-list h5 { color: #337ab7; font-weight: 600; }
.row-setting .setting-list .content-list h5 { margin-bottom: 15px; }
.row-setting .setting-list .content-list .header { margin-bottom: 8px; }
.row-setting .setting-list .content-list h4 { margin-bottom: 0px; }
.row-setting .setting-list .content-list h4 a:hover, .row-setting .setting-list .content-list h5 a:hover { color: #337ab7; font-weight: 600; }

.setting-sidebar { float: left; padding: 0px 5px; width: 180px; }
.setting-sidebar .content-list.active { background-color: #fdfdfd; }
.setting-sidebar .content-list.active h5 { border-bottom: 1px solid #dedede; }
.setting-sidebar .content-list { background-color: #757575; border-radius: 3px; border: 1px solid #eaeaea; margin: 3px 0px 4px; padding: 0px 5px; }
.setting-sidebar .content-list h4 { display: flex; align-items: center; font-size: 14px; font-weight: bold; line-height: 1.4; margin-bottom: 15px; color: #fff; cursor: pointer; }
.setting-sidebar .content-list.active h4 { color: #337ab7; cursor: default; }
.setting-sidebar .content-list h4 a, .setting-sidebar .content-list h5 a { /* color: #888; */ color: #fff; display: inline-block; width: 130px; }
.setting-sidebar .content-list h4 a:hover, .setting-sidebar .content-list h5 a:hover { color: #70b4ef; font-weight: 600; }
.setting-sidebar .content-list span { color: #fff; right: 2px; position: absolute; }
.setting-sidebar .content-list.active span { color: #337ab7; }
.setting-sidebar .content-list.active h4 a, .setting-sidebar .content-list.active h5 a { color: #337ab7; }
.setting-sidebar .content-list h5 { border-bottom: 1px solid #9a9a9a; font-size: 13px; margin: 2px 0px; padding: 5px 0px 8px; }

.row-setting.row-xero-integration .page-header,
.row-setting.row-xero-integration .page-header h2 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.row-setting.row-xero-integration .box-summary .form-group .text-content {
    font-weight: 600;
    margin-left: 8px;
    margin-right: 8px;
}

.row-setting #club_list_entry ul, .row-setting #allowed_resources ul { list-style-type: none; padding:0px; }
.row-setting #club_list_entry ul li, .row-setting #allowed_resources ul li { border: 1px solid #ccc; border-radius: 3px; background-color: white; float:left; margin: 0px 2px 2px 0px; padding: 3px; padding-right: 2rem; }

.row-setting .section .button-bar { margin: 15px 0px 10px; }
.row-setting .section .button-bar .btn { margin-bottom: 5px; white-space: normal; width: 100%; }
.row-xero-integration .panel-group {
    margin-bottom: 20px;
}

.row-xero-integration .panel-group .panel-heading a {
    color: #333;
    width: 100%;
    display: inline-block;
}

.row-xero-integration .xero-checkbox .control-label {
    padding-top: 0px;
}

.row-xero-integration .form-group .input-text .control-label {
    margin-bottom: 0px;
    font-size: 12px;
    padding: 0px;
}

.row-xero-integration .form-group {
    padding: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.row-xero-integration .form-group .input-text.action-button a {
    margin-top: 16px;
}

.row-xero-integration .row-topbar {
    text-align: center;
    margin-bottom: 10px;
}

.row-setting .setting-end-bar {
    text-align: center;
    margin-top: 40px
}

.row-setting .table tbody .checkbox input[type=checkbox], .row-setting .table tbody .checkbox-inline input[type=checkbox], .row-setting .table tbody .radio input[type=radio], .row-setting .table tbody .radio-inline input[type=radio] { margin: 0px 0px 0px 10px; }

.row-productType {
    padding-left: 2%;
    padding-top: 2%
}

.row-productType .producttype-header {
    margin-bottom: 10px
}

.row-productType .producttype-content table thead th.action {
    width: 8%
}

.row-productType .producttype-content table tbody td.action {
    width: 3%
}

.row-user-administration .right-content {
    border: 1px solid #E6E6E6;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-top: 3%
}

.row-user-administration .dual-list {
    width: 45%
}

.row-user-administration .dual-list .list-group {
    margin-top: 8px
}

.row-user-administration .right-content .dual-list .input-group .form-control .input-group {
    width: 100%
}

.row-user-administration .right-content .dual-list .btn-selector {
    padding-left: 3px;
    padding-right: 4px
}

.row-user-administration .right-content .dual-list .search-bar .glyphicon {
    top: 0
}

.row-user-administration .list-left li,
.row-user-administration .list-right li {
    cursor: pointer;
    text-align: left
}

.row-user-administration .right-content .dual-list .list-group {
    height: 200px;
    overflow: auto
}

.row-user-administration .dual-list .row .btn-group {
    position: relative;
    left: -1%
}

.row-user-administration .list-arrows {
    width: 10%;
    padding-top: 100px
}

.row-user-administration .list-arrows button,
.row-user-administration .right-content .available-list,
.row-user-administration .right-content .current-list {
    margin-bottom: 20px
}

.row-user-administration .right-content .available-list .form-control,
.row-user-administration .right-content .current-list .form-control {
    width: 83.1%
}

.row-user-administration .end-content {
    margin-top: 10px;
    text-align: right
}

.row-setting.row-user-administration .form-group.setting-page-header {
    margin-top: 0;
    margin-bottom: 10px;
}

.row-setting.row-user-administration .form-group.setting-page-header .control-label {
    padding-left: 0
}

.row-setting.row-user-administration .user-administration-content .user-administration-table {
    overflow: auto
}

.row-setting.row-user-administration .user-administration-content .user-administration-table .table td {
    cursor: pointer
}

.row-setting.row-user-administration .user-administration-content .user-administration-table .table td img {
    height: 50px;
    width: 50px
}

.row-setting.row-user-administration .user-administration-content .user-administration-table .table th .checkbox input[type=checkbox] {
    margin-left: 0;
    top: 9px
}

.row-setting.row-user-administration .user-administration-content .user-administration-table .table td .checkbox input[type=checkbox] {
    margin-left: 0;
    top: 5px
}

.row-setting.row-user-administration .user-administration-content .user-administration-table .table>tbody>tr>td {
    line-height: 1.4;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4
}

.row-setting.row-user-administration .user-administration-content .user-administration-table .table>tbody>tr>td:not(:first-child) {
    vertical-align: middle
}

.row-setting.row-user-administration .user-administration-content table thead th {
    border: 0
}

.row-setting.row-user-administration .user-administration-content,
.row-setting.row-user-administration .user-administration-content .button-row,
.row-setting.row-user-administration .user-administration-content .checkbox,
.row-setting.row-user-administration .user-administration-content .user-administration-table {
    padding: 0
}

.row-user-administration .user-administration-content .fixed-table-container {
    width: 100%;
    height: 480px;
    margin: 0 auto;
    background-color: #F3f3f9;
    position: relative;
    padding-top: 30px
}

.row-user-administration .user-administration-content .header-background {
    background-color: #F3F3F9;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.row-user-administration .user-administration-content .fixed-table-container-inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%
}

.row-user-administration .user-administration-content table {
    background-color: #F3F3F9;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.row-user-administration .user-administration-content th {
    padding: 0 5px;
    text-align: left
}

.row-user-administration .user-administration-content .first .th-inner {
    padding-left: 6px
}

.row-user-administration .user-administration-content .th-inner {
    position: absolute;
    top: 0;
    line-height: 30px;
    text-align: left;
    padding-left: 5px;
    margin-left: -5px
}

.row-user-administration .user-administration-content td {
    border-bottom: 1px solid #CCC;
    padding: 2px;
    text-align: left
}

.row-user-administration .user-administration-content td.tddelete a,
.row-user-administration .user-administration-content td.tdedit a {
    padding-top: 5px
}

.row-user-administration .user-administration-content td .name {
    padding-left: 20px
}

.row-user-administration .user-administration-content td a.userlink {
    color: #333;
    display: block
}

.row-user-administration .user-administration-content td.tdedit {
    text-align: right
}

.row-user-administration .user-administration-content td a:hover {
    font-size: 100%
}

#inviteUserModal .header {
    text-align: center;
    margin-bottom: 20px
}

.row-manage-product .page-header {
    margin-top: 0
}

.row-manage-product .button-group .btn-deleteall {
    color: #fff;
    background-color: #d9534f
}

.row-manage-product .manage-product-content .manage-product-table {
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 400px;
    overflow: auto
}

.row-manage-product .manage-product-content .manage-product-table.loading {
    text-align: center;
    width: 100px;
    margin: 100px auto;
    float: none;
    font-size: 15px;
    font-weight: 600;
}

.row-manage-product .manage-product-content .manage-product-table td.noresult {
    border: 0px !important;
    text-align: center;
    padding: 100px !important;
    background-color: #f3f4f9;
    font-size: 15px;
    font-weight: 600;
}

.row-setting.row-addproduct .addproduct-content .page-header,
.row-supplier-configuration-content .page-header {
    margin-top: 0
}

.row-manage-product .manage-product-content .manage-product-table tbody .checkbox {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px
}

.row-manage-product .manage-product-content .manage-product-table tbody .checkbox input[type=checkbox] {
    margin-left: 0
}

.row-manage-product .manage-product-content .manage-product-table tbody .row-manage-product .manage-product-content .end-bar {
    text-align: right
}

.row-setting.row-addproduct {
    padding: 1% 2% 5% 8%
}

.row-setting.row-addproduct .addproduct-content .end-bar {
    text-align: right
}

.row-setting.row-addproduct .addproduct-content .form-group.barcode .control-label .buttonbar {
    padding: 0;
    margin-bottom: 5px
}

.row-setting.row-supplier-configuration {
    padding-left: 4%
}

.row-supplier-configuration .row-supplier-configuration-content .supplier-configuration-content {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0
}

.supplier-configuration-content .supplier-configuration-table {
    min-height: 300px;
    max-height: 500px;
    overflow: auto;
    margin-bottom: 20px
}

.supplier-configuration-content .supplier-configuration-table tbody tr {
    cursor: pointer
}

.supplier-configuration-content .supplier-configuration-form,
.supplier-configuration-content .supplier-configuration-form .form-content {
    padding-left: 0;
    padding-right: 0
}

.supplier-configuration-content .supplier-configuration-end-bar {
    margin-top: 20px;
    text-align: right;
    padding-right: 45px
}

.row-membershiptype-list .row-membershiptype-list-header .row .divisionlist {
    padding-left: 0
}

.row-membershiptype-list .row-membershiptype-list-header .row .pull-right {
    text-align: right
}

.row-voucher-list .voucherlist-header .searchbar .form-group .control-label {
    text-align: right;
    top: 6px
}

.row-voucher-list .buttonheader,
.row-voucher-list .searchbar,
.row-voucher-list .searchbar .form-group {
    padding: 0
}

.row-voucher-list .voucherlist-content {
    margin-top: 20px
}

.row-voucher-list .voucherlist-content td {
    padding: 5px 9px
}

.row-voucher-list .voucherlist-content td.short,
.row-voucher-list .voucherlist-content th.short {
    width: 10%
}

.row-voucher-list .voucherlist-content td.long,
.row-voucher-list .voucherlist-content td.memberassign,
.row-voucher-list .voucherlist-content th.long,
.row-voucher-list .voucherlist-content th.memberassign {
    width: 35%
}

.row-voucher-list .voucherlist-content th.action {
    width: 10%
}

.row-voucher-list .voucherlist-content td.action {
    width: 2.5%;
    text-align: center
}

#assignedModal .form-group .input-text {
    padding: 0
}

#assignedModal .searchbox {
    border: 1px solid #ccc;
    padding: 5px;
    max-height: 270px;
    overflow: auto
}

.row-setting.row-sms-template {
    padding-left: 2%
}

.row-setting.row-sms-template .content-table .textCenter {
    text-align: center
}

.row-setting.row-sms-template .content-table .table>tbody>tr>td {
    padding: 4px;
    line-height: 2.2
}

.row-setting.row-sms-template .content-table td a.templateName {
    color: #333
}

.row-setting.row-sms-template .form-group.messageContent {
    margin-bottom: 5px
}

.row-setting.row-sms-template .charLength {
    position: relative;
    right: 40px;
    text-align: right
}

.row-setting.row-sms-template .table tbody td,
.row-setting.row-sms-template .table thead th,
.row-setting.row-sms-template thead th {
    text-align: center;
    width: 33.3%
}

.row-setting.row-sms-template .fixed-table-container {
    width: 100%;
    margin: 10px auto;
    background-color: #fff;
    position: relative;
    padding-top: 0
}

.row-setting.row-sms-template .header-background {
    background-color: #FFF;
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-bottom: 2px solid #DDD
}

.row-setting.row-sms-template .fixed-table-container-inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    background-color: #FFF;
    min-height: 50px;
    max-height: 150px
}

.row-setting.row-sms-template .table-member table {
    background-color: #fff;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.row-setting.row-sms-template .table-member .th-inner {
    position: absolute;
    top: 0;
    line-height: 20px;
    text-align: left;
    padding-left: 5%;
    margin-left: -5px
}

.row-setting.row-sms-template .table-member tbody tr {
    background-color: #FFF;
    text-align: left
}

#editWarning,
.row-editMembership .end-bar,
.row-editMembership h4,
.row-tasktype .row .tasktype-content table tbody td.buttons,
.row-tasktype .row .tasktype-content table tbody td.check,
.row-tasktype .row .tasktype-content table thead th,
.row-tasktype .row .tasktype-content table thead th.buttons {
    text-align: center
}

.row-setting.row-sms-template .table-member tbody td:hover {
    font-size: 14px;
    text-decoration: none;
    cursor: pointer
}

.row-tasktype {
    padding-left: 3%;
    margin-bottom: 50px
}

.row-tasktype .row .page-header {
    margin-top: 10px;
    padding: 0
}

.row-tasktype .row .page-header .input-text {
    padding: 0;
    margin-bottom: 10px
}

.row-tasktype .row .page-header .page-header-btn {
    padding: 0
}

.row-tasktype .row .tasktype-content {
    border: 1px solid silver;
    border-radius: 4px;
    overflow-x: auto
}

.row-tasktype .row .tasktype-content table tbody .check .checkbox input {
    margin: 0 auto;
    cursor: pointer
}

.row-tasktype .row .tasktype-content table tbody .check.warn .checkbox input {
    margin: 0 auto;
    text-align: center
}

.row-tasktype .row .tasktype-content table tbody td {
    cursor: pointer;
    padding-bottom: 0
}

.row-tasktype .row .tasktype-content table tbody td.check .btn-danger[disabled] {
    background-color: #ffb4b4;
    border-color: #eab6b6;
    color: #fff
}

.taskTypeModal .modal-body {
    padding: 10px 0;
    height: 800px
}

.taskTypeModal .modal-body .form-group .page-header {
    margin-bottom: 10px
}

.taskTypeModal .modal-body .form-group.abbreviation,
.taskTypeModal .modal-body .form-group.abbreviation .abbreviation-form,
.taskTypeModal .modal-body .form-group.abbreviation .abbreviation-form-group {
    padding-right: 0
}

.row-tasktype-edit .row .form-horizontal .page-header {
    border-bottom: 1px solid #D0D0D0
}

.row-tasktype-edit .row .form-horizontal .page-header h3 {
    font-weight: 600
}

.row-editMembership {
    padding-left: 2%
}

.row-editMembership .endbar {
    margin: 0px;
}

.row-editMembership .editMembership-content .header h3 {
    float: left;
}

.row-editMembership .editMembership-content .header .topbar {
    float: right;
    margin-top: 10px;
}

.row-editMembership h4 {
    margin-bottom: 15px
}

.row-editMembership .previewBox .control-label {
    margin-top: 0
}

.row-editMembership .editing-box .control-label {
    margin-top: 6px
}

.row-editMembership .editing-box .radio {
    margin-top: 7px
}

.row-editMembership .editing-box .or p {
    margin-bottom: 0;
    margin-top: 7px
}

.row-editMembership .previewBox {
    margin-bottom: 20px;
    background-color: rgba(188, 188, 188, .09);
    padding: 20px 10px;
    border-radius: 5px;
    border: 1px solid rgba(224, 224, 224, .72)
}

.row-ediMembership .box .form-group {
    padding: 0
}

.row-editMembership .box {
    padding: 0 10px
}

.row-editMembership .box h5 {
    margin: 0 0 2px
}

.row-editMembership .box .form-group.nextpayment {
    position: relative;
}
.row-editMembership .box .form-group.nextpayment .control-label {
    padding: 0px;
}
.row-editMembership .box .form-group.nextpayment .control-label .btn {
    float: left;
    padding: 3px 5px;
    margin-left: 25px;
}

.row-editMembership .box .form-group.nextpayment .control-label #lblnextpayment {
    display: inline-block;
    float: right;
    width: 95px;
    margin-right: 15px;
}

.row-editMembership .box .box-content {
    border: 1px solid #ccc;
    padding: 10px 0 0;
    margin: 0 0 15px;
    border-radius: 5px
}

.row-editMembership .box .form-group .form-control-static {
    font-weight: 400;
}

.row-editMembership .form-group .control-label {
    font-weight: 300
}

.row-editMembership .section {
    margin-top: 20px
}

.row-editMembership .section h4 {
    margin-bottom: 30px
}

.row-editMembership .end-bar {
    margin-top: 80px
}

.row-membershiptype-list .membershiptype-list-add-button,
.row-membershiptype-properties #flash_div .alert-dismissible {
    margin: 10px 0
}

.row-membershiptype-properties #flash_div {
    padding-right: 15px;
}

.row-membershiptype-list .gymmasterLogo {
    display: none
}

.row-setting.row-bookingconfig .tab-pane .booking-content .setting-page-header .add-service,
input[type=file] {
    display: inline-block
}

.row-membershiptype-list .row-membershiptype-list-header .checkbox label {
    padding-left: 20px
}

.row-membershiptype-list .membershiptype-list-content {
    border-radius: 5px;
    padding: 10px;
    width: 100%
}

.row-membershiptype-properties.row-setting .top-navbar .topbar {
    background-color: #ececec;
    border-radius: 5px;
    margin: 0px 0px 15px;
    padding: 15px;
}

.row-membershiptype-properties.row-setting .top-navbar .topbar .form-group {
    margin-bottom: 5px;
}

.row-membershiptype-properties.row-setting .top-navbar .topbar .form-group .control-label {
    padding-top: 0px;
}

.row-membershiptype-properties.row-setting .top-navbar .topbar .form-group .radio {
    margin: 0px;
}

.row-membershiptype-properties .membershiptype-properties-content,
.row-membershiptype-properties .membershiptype-properties-content .membership-box .box-content,
.row-membershiptype-properties .membershiptype-properties-content .membership-box .form-group {
    padding: 0;
    margin-bottom: 12px
}

.row-membershiptype-properties .membershiptype-properties-content .membership-box .form-group {
    margin-bottom: 8px;
    margin-left: 0;
    margin-right: 0
}
.row-membershiptype-properties .membershiptype-properties-content .membership-box .form-group .input-text .form-control.datepicker { z-index: 3 !important; }
.form-group.pricing .input-text,
.form-group.pricing .description {
	padding: 0px;
}
.row-membershiptype-properties .membershiptype-properties-content .membership-box .form-group.pricing .description .paymentDesc {
	font-style: italic;
	font-size:  11px;
}
.row-membershiptype-properties .membershiptype-properties-content .statusbar {
    text-align: right;
    padding: 0
}

.row-membershiptype-properties .membershiptype-properties-content .statusbar .glyphicons {
    line-height: .8
}

.row-membershiptype-properties .membershiptype-properties-content .flashbox {
    margin: 15px 0;
    padding: 0
}

.row-membershiptype-properties .membershiptype-properties-content .membership-box .page-header {
    border-bottom: 0
}

.row-membershiptype-properties .page-header {
    margin: 0 0 5px
}

.row-membershiptype-properties .page-header h3 {
    margin: 10px 0 0
}

.row-membershiptype-properties .page-header h3 i {
    font-size: 18px;
    bottom: 2px;
    position: relative
}

.row-membershiptype-properties .membershiptype-properties-content .membership-box.left-two {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.row-membershiptype-properties .membershiptype-properties-content .content-footer .content-button,
.row-membershiptype-properties .page-header .content-button {
    float: right
}

.row-membershiptype-properties .membershiptype-properties-content .bottom,
.row-membershiptype-properties .membershiptype-properties-content .top {
    padding: 0
}

.row-membershiptype-properties .membershiptype-properties-content .page-header {
    border-bottom: 1px solid silver;
    padding-bottom: 9px;
    margin: 10px 0 5px
}

.row-membershiptype-properties .membershiptype-properties-content .membership-box .form-group .radio {
    margin: 0
}

.row-membershiptype-properties .membershiptype-properties-content .membership-box .form-group .checkbox label,
.row-membershiptype-properties .membershiptype-properties-content .membership-box .form-group .radio label {
    padding-left: 40px;
    position: relative;
    float: left
}

.helptext ,.row-membershiptype-properties .page-header .helptext {
    padding: 5px 0px;
}

.helptext, .row-membershiptype-properties .page-header .helptext p {
    font-size: 13px;
    font-style: italic
}

.row-membershiptype-properties .membershiptype-properties-content .form-group .input-text .helptext, .row-setting .helptext {
    margin-top: 5px
}

.row-membershiptype-properties .membershiptype-properties-content .form-group .helptext, .row-setting .helptext {
    padding: 5px
}

.row-membershiptype-properties .membershiptype-properties-content .form-group .helptext p {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 0
}

.row-membershiptype-properties .helptext a {
    color: #646565
}

.row-membershiptype-properties #pricing_membershipfee .control-label {
    margin-top: 15px;
}

.row-membershiptype-properties #div_signupfee .control-label {
    margin-top: 15px;
}

.row-membershiptype-properties .membershiptype-properties-content .bottom .form-group .control-label {
    padding-top: 0
}

.row-membershiptype-properties .membershiptype-properties-content .bottom,
.row-membershiptype-properties .membershiptype-properties-content .top {
    border-bottom: 1px solid #ccc
}

.row-membershiptype-properties .memberbenefit {
    border-bottom: 1px solid #ccc;
}

.row-membershiptype-properties .membershiptype-properties-content .sellonline_child {
    padding: 20px
}

.row-membershiptype-properties .membershiptype-properties-content .sellonline_child .membershiponline-content {
    margin: auto;
    float: none;
    padding: 0
}

.row-membershiptype-properties .membershiptype-properties-content .sellonline_child .page-header {
    margin-top: 0;
    border-bottom: 0
}

.row-membershiptype-properties .membershiptype-properties-content .sellonline_child .form-group {
    padding: 0;
    margin-left: 0px;
}

.row-membershiptype-properties .membershiptype-properties-content .sellonline_child .form-group .checkbox {
    margin: 0
}

.row-membershiptype-properties .memberbenefit .page-header {
    border-bottom: 0
}

.row-membershiptype-properties .memberbenefit .content-button {
    margin-bottom: 20px
}

.row-membershiptype-properties .memberbenefit .content-button .content-button-box {
    float: left;
    margin-right: 5px
}

.row-membershiptype-properties .membershiptype-properties-content .content-left .page-header {
    margin: 0;
    padding-left: 0
}

.row-membershiptype-properties .membershiptype-properties-content .content-left .left-two {
    border: 1px;
    border-right: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-radius: 0;
    padding: 20px 20px 25px;
    margin-bottom: 10px;
    background-color: #f3f3f9!important
}

.row-membershiptype-properties .membershiptype-properties-content .content-left .left-one,
.row-membershiptype-properties .membershiptype-properties-content .content-left .left-three {
    border: 1px;
    border-radius: 0;
    padding: 20px 20px 25px;
    margin-bottom: 10px;
    background-color: #f3f3f9!important
}

.row-membershiptype-properties .membershiptype-properties-content .content-left .left-two .form-group .checkbox-inline {
    padding-top: 0
}

.row-membershiptype-properties .membershiptype-properties-content .content-left .checkbox label {
    padding-left: 25px
}

.row-membershiptype-properties .membershiptype-properties-content .content-left .left-one .page-header,
.row-membershiptype-properties .membershiptype-properties-content .content-left .left-one .page-header h3,
.row-membershiptype-properties .membershiptype-properties-content .content-left .left-three .page-header,
.row-membershiptype-properties .membershiptype-properties-content .content-left .left-three .page-header h3,
.row-membershiptype-properties .membershiptype-properties-content .content-left .left-two .page-header,
.row-membershiptype-properties .membershiptype-properties-content .content-left .left-two .page-header h3 {
    margin-top: 0;
    margin-bottom: 15px
}

.row-membershiptype-properties .membershiptype-properties-content .content-left .left-two .checkboxhead label {
    padding-left: 0
}

.row-membershiptype-properties .membershiptype-properties-content .content-left .left-three .form-group {
    margin: 0 0 10px
}

.row-membershiptype-properties .membershiptype-properties-content .content-left .left-three .form-group.check {
    padding: 0 30px
}

.row-membershiptype-properties .membershiptype-properties-content .left-two .box-content .form-group .description {
    padding: 0 15px;
    font-size: 12px;
    font-weight: 400;
    margin-top: 0
}

.row-membershiptype-properties .membershiptype-properties-content .left-two .box-content .form-group .info-text p {
    margin-bottom: 2px;
    font-weight: 400;
    font-size: 13px
}

.row-membershiptype-properties .membershiptype-properties-content .left-two .box-content .form-group .info-text {
    padding-right: 0;
    padding-left: 3px
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .page-header {
    margin: 0;
    padding-left: 0
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .table-content {
    padding: 5px;
    overflow: auto;
    margin-top: 20px
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .table-content table tbody tr:hover {
    cursor: pointer
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .table-content table tbody .btn {
    padding: 4px 9px
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .table-content.table-benefit .fixed-table-container {
    width: 100%;
    max-height: 350px;
    margin: 10px auto;
    background-color: #F3f3f9;
    position: relative;
    padding-top: 30px
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .table-content .header-background {
    background-color: #F3F3F9;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .table-content .fixed-table-container-inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .table-content table {
    background-color: #F3F3F9;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .table-content th {
    padding: 0 5px;
    text-align: left
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .table-content .first .th-inner {
    padding-left: 6px
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .table-content .th-inner {
    position: absolute;
    top: 0;
    line-height: 30px;
    text-align: left;
    padding-left: 5px;
    margin-left: -5px
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .table-content td {
    border-bottom: 1px solid #CCC;
    padding: 5px;
    text-align: left;
    width: 20%
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit {
    margin-top: 0;
    padding: 0
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit .classSessionButtons {
    padding: 0
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit .fixed-table-container {
    width: 100%;
    height: 400px;
    margin: 10px auto;
    background-color: #F3f3f9;
    position: relative;
    padding-top: 30px
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit .fixed-table-container td,
.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit .fixed-table-container th {
    width: 30%
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit .fixed-table-container td .btn-group .btn {
    color: #fff;
    padding: 8px 30px
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit .fixed-table-container td .btn-group .notInc {
    background-color: #A5A5A5
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit .fixed-table-container td .btn-group .inc {
    background-color: rgba(52, 171, 100, .8)
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit .fixed-table-container td .btn-group .opt {
    background-color: rgba(236, 171, 57, .8)
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit .fixed-table-container td .btn-group .notInc:hover {
    background-color: #5A5A5A
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit .fixed-table-container td .btn-group .opt:hover {
    background-color: #B68D46
}

.row-membershiptype-properties .membershiptype-properties-content .content-right .manageClassBenefit .fixed-table-container td .btn-group .inc:hover {
    background-color: #289353
}

#assumepaidcontainer label {
    cursor: default;
}

#assumepaidcontainer input[type="checkbox"] {
    cursor: pointer;
}

#manageClassModal .tableContentModal .fixed-table-container {
    width: 100%;
    height: 250px;
    margin: 10px auto;
    background-color: #Ffffff;
    position: relative;
    padding-top: 30px
}

#manageClassModal .tableContentModal .header-background {
    background-color: #FfFfFf;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

#manageClassModal .tableContentModal .fixed-table-container-inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%
}

#manageClassModal .tableContentModal table {
    background-color: #FfFfFf;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

#manageClassModal .tableContentModal th {
    padding: 0 5px;
    text-align: left
}

#manageClassModal .tableContentModal .first .th-inner {
    padding-left: 6px
}

#manageClassModal .tableContentModal .th-inner {
    position: absolute;
    top: 0;
    line-height: 30px;
    text-align: left;
    padding-left: 5px;
    margin-left: -5px
}

#manageClassModal .tableContentModal td {
    border-bottom: 1px solid #CCC;
    padding: 5px;
    text-align: left
}

.row-membershiptype-properties .membershiptype-properties-content .content-left .left-three .form-group .form-control.datepicker {
    z-index: 0!important
}

.row-membershiptype-properties .content-footer,
.row-membershiptype-properties .membershiptype-properties-content .FixedTermMembership .content {
    padding: 0
}

.row-membershiptype-properties .content-footer .content-button {
    text-align: right
}

.benefitmodal .modal-body {
    padding: 20px 0
}

.benefitmodal .modal-body .benefit-modal-content .benefit-detail-bottom,
.benefitmodal .modal-body .form-group.customHours,
.benefitmodal .modal-body .form-group.customHours .closeHour,
.benefitmodal .modal-body .form-group.customHours .control-label {
    padding: 0
}

.benefitmodal .modal-body .radio {
    margin-top: 0;
    padding-top: 0
}

#duplicateModal .table-content,
.benefitmodal .modal-body .form-group.customHours {
    margin-top: 10px
}

.benefitmodal .modal-body .benefit-detail-bottom .form-group .checkbox label {
    padding-left: 20px
}

.benefitmodal .modal-body .form-group.customHours .textbox {
    padding: 0 2px
}

.benefitmodal .modal-body .form-group.customHours .open {
    padding: 0 10px 0 0
}

#duplicateModal .table-content table tbody td {
    cursor: pointer
}

#divisionModal .checkbox {
    margin-top: 0!important
}

.row-setting.row-bookingconfig .header-top {
    padding: 0;
    margin-bottom: 20px
}

.row-setting.row-bookingconfig .table-content .table td {
    cursor: pointer
}

.row-setting.row-bookingconfig .booking-table.table-content .table td.action {
    width: 10%
}

.row-setting.row-bookingconfig .booking-table.table-content .first .th-inner.action {
    text-align: center;
    width: 20%
}

.row-setting.row-bookingconfig .resource-content .resource-table .table td.action.one,
.row-setting.row-bookingconfig .table-content .table td.action.one {
    text-align: right
}

.row-setting.row-bookingconfig .booking-table.table-content .table td:nth-child(1),
.row-setting.row-bookingconfig .booking-table.table-content .table td:nth-child(2),
.row-setting.row-bookingconfig .booking-table.table-content .table th:nth-child(1),
.row-setting.row-bookingconfig .booking-table.table-content .table th:nth-child(2) {
    width: 30%
}

.row-setting.row-bookingconfig .resource-content .resource-table .table td img {
    height: 50px;
    width: 50px
}

.row-setting.row-bookingconfig .resource-content .resource-table .table td,
.row-setting.row-bookingconfig .resource-content .resource-table .table td.action,
.row-setting.row-bookingconfig .resource-content .resource-table .table td.order,
.row-setting.row-bookingconfig .resource-content .resource-table .table th {
    width: 10%
}

.row-setting.row-bookingconfig .resource-table.table-content .first .th-inner.action {
    width: 10%;
    text-align: right
}
.row-setting.row-bookingconfig .header-background {
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.row-setting.row-bookingconfig table {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.row-setting.row-bookingconfig th {
    padding: 0 5px;
    text-align: left
}
.row-setting.row-bookingconfig th { padding: 6px; }
.row-setting.row-bookingconfig .pagination_bar { padding: 0px; }
.row-setting.row-bookingconfig td { border-bottom: 1px solid #CCC; padding: 5px; text-align: left; }
.row-setting table.table td { border-bottom: 1px solid #CCC; padding: 5px !important; text-align: left; }
.row-setting.row-bookingconfig td .btn { padding: 3px 7px; }
.row-setting table td > .btn { padding: 3px 7px; }

.row-booking-type .bookingtype-content .form-group .input-text .input-text-checkbox,
.row-resource .details-content .form-group .input-text .input-text-checkbox { padding: 0 }

.row-setting.row-bookingconfig .resource-content .end-content,
.row-setting.row-company-details .companydetails-content .end-content {
    text-align: right
}

.row-setting.row-bookingconfig .config-content {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 0px;
}

.row-setting.row-bookingconfig .config-content .table-content { padding: 0px; }

.row-booking-type .bookingtype-content .form-group .input-text .input-text-checkbox .checkbox,
.row-resource .details-content .form-group .input-text .input-text-checkbox .checkbox {
    padding-left: 0;
    margin-bottom: 3px
}

.row-setting.row-bookingconfig .page-header {
    margin-top: 0
}

.row-resource.row-bookingconfig .nav-tabs {
    border-bottom: 1px solid silver
}

.row-resource.row-bookingconfig .nav-tabs>li.active>a {
    background: #f6f6fb!important;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver
}

.row-resource.row-bookingconfig .nav-tabs>li>a,
.row-resource.row-bookingconfig .nav-tabs>li>a:hover {
    background: #e6e6eb;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    box-shadow: 1px 0 1px #ccc
}

.row-resource.row-bookingconfig .tab-content .tab-pane {
    -webkit-box-shadow: 2px 2px 2px 0 #ddd;
    -moz-box-shadow: 2px 2px 2px 0 #ddd;
    box-shadow: 2px 2px 2px 0 #ddd;
    background: #f6f6fb
}

.row-resource.row-bookingconfig .nav-tabs li a {
    color: #282828;
    font-size: 15px;
    font-weight: 700
}

.row-resource.row-bookingconfig .box {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 20px;
}

.row-setting.row-company-details .companydetails-content .page-header {
    margin-top: 20px
}

.row-setting.row-company-details .companydetails-content .box {
    margin-bottom: 30px
}

.row-setting.row-company-details .companydetails-content .box .control-label .footnote p {
    font-style: italic;
    font-weight: 600;
}

.row-setting.row-company-details .companydetails-content .box .favicon-form .input-text .button-input,
.row-setting.row-company-details .companydetails-content .box .favicon-form .input-text .logoPreviewBox {
    float: left;
}

.row-setting.row-company-details .companydetails-content .box .favicon-form .input-text input[type=file] {
    padding-top: 8px;
}

.row-setting.row-company-details .companydetails-content .sampledata {
	margin-bottom: 10px;
}

.row-productmovement .page-header { margin: 0px 0px 15px; }
.row-productmovement .header .lastbar, .row-productmovement .end-bar { text-align: center; margin: 10px 0px; }
.row-productmovement .header, .row-productmovement .form-group .control-label, .row-productmovement .form-group .input-text { padding: 0px; }
.row-productmovement .form-group .datepicker { padding: 0px !important; z-index: 1 !important; }
#adjust_movement_modal .input-text, #adjust_movement_modal .control-label { padding: 0px !important; }
#adjust_movement_modal .input-text .input-group { margin-bottom: 10px; }

#addCompanyModal .modal-body,
#addCompanyModal .modal-footer {
    padding: 20px;
    text-align: center
}

.row-company-list .end-bar {
    text-align: center
}

.row-setting.row-class-type .classinfo-content .classinfo-table .table td {
    cursor: pointer;
    padding-bottom: 2px
}

.row-setting.row-class-type .classinfo-content .classinfo-table .table td .checkbox {
    margin-top: 0
}

.row-setting.row-class-type .classinfo-content .classinfo-table .table th .checkbox input[type=checkbox] {
    margin-left: 0;
    top: 9px
}

.row-setting.row-class-type .classinfo-content .classinfo-table .table td .checkbox input[type=checkbox] {
    margin-left: 0;
    top: 0
}

.row-setting.row-class-type .logoPreviewBox, .row-setting.row-resource .logoPreviewBox {
    text-align: center;
    margin: auto;
    width: 10%;
    padding: 2px
}

.row-setting.row-class-type .logoPreviewBox img, .row-setting.row-resource .logoPreviewBox img {
    width: 100%;
    border: 1px solid #ccc;
    padding: 2px
}

.row-setting.row-class-type .logoPreviewBox h6, .row-setting.row-resource .logoPreviewBox h6 {
    margin: 0 0 5px;
    font-size: 15px
}

input[type=file] {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.row-setting.cash_drawer_setting {
    padding: 15px 2% 20px 5%;
}

.row-setting.cash_drawer_setting .end-bar {
    text-align: center;
}

.row-configuration-payment-methods .row-configuration-payment-method-content .configuration-payment-method-table tbody tr {
    cursor: pointer
}

.row-configuration-payment-methods .row-configuration-payment-method-content .configuration-payment-method-table tbody .checkbox {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    bottom: 15px
}

.row-configuration-payment-methods .row-configuration-payment-method-content .configuration-payment-method-form {
    background-color: rgba(188, 188, 188, .09);
    padding-bottom: 40px;
    border-radius: 5px;
    border: 1px solid rgba(224, 224, 224, .72)
}

.row-configuration-payment-methods .row-configuration-payment-method-content .configuration-payment-method-form .option {
    padding-left: 0;
    margin-bottom: 50px
}

.row-configuration-payment-methods .row-configuration-payment-method-content .configuration-paymentmethod-end-bar {
    text-align: center
}

.row-configuration-payment-methods .row-configuration-payment-method-content .tab-content .header-button {
    margin: 20px 0;
    text-align: center
}

.paymentmethodmodal {
    text-align: left
}

.row-member-configuration-content {
    padding: 0
}

.row-member-configuration-content .member-configuration-form {
    padding: 0 7px
}

.row-setting.row-member-configuration {
    padding-left: 3%;
    padding-bottom: 0;
    padding-top: 20px
}

.row-member-configuration .checkbox {
    padding-right: 0
}

.row-member-configuration .row-member-configuration-content .page-header {
    margin: 4px 0 5px
}

.row-member-configuration .row-member-configuration-content .main-content {
    padding: 0;
    overflow: auto
}

.row-member-configuration .row-member-configuration-content .member-form {
    background-color: rgba(188, 188, 188, .09);
    padding: 20px 10px;
    border-radius: 5px;
    border: 1px solid rgba(224, 224, 224, .72)
}

.row-content .tab-content .tab-pane .checkboxform,
.row-member-configuration .row-member-configuration-content .member-form .checkboxform,
.row-member-configuration .row-member-configuration-content .member-form .form-group {
    margin-bottom: 10px
}

.row-content .tab-content .tab-pane .checkboxform,
.row-member-configuration .row-member-configuration-content .member-form .form-group,
.row-member-configuration .row-member-configuration-content .member-form .checkboxform {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0px;
    padding-right: 0px;
}

.row-member-configuration .row-member-configuration-content .customisesetting {
    position: relative;
    z-index: 3;
    width: 100%;
    background-color: transparent;
    text-align: center;
    padding: 0px;
    border-radius: 5px;
    border: 0 solid rgba(224, 224, 224, .72)
}

.row-add-detail.row-addprospect .row-content .row-prospect-detail .form-group .form-control.datepicker,
.row-task .task-header .right-header .box-day .dateRange .input-daterange .form-control.datepicker {
    z-index: 1!important
}

.row-member-configuration .row-member-configuration-content .customisesetting .form-group.search_setting_bar {
    margin: 0
}

.row-member-configuration .row-member-configuration-content .alert.alert-success {
    margin-top: 20px
}

.row-member-configuration .row-member-configuration-content .member-configuration-end-bar {
    text-align: center;
    margin-top: 40px
}

.row-member-configuration .header-button.involvementsetup,
.row-member-configuration .header-button.measurementsetup {
    margin: 20px;
    text-align: left
}

.row-member-configuration .measurementsetup-content .measurementsetup-option {
    background-color: rgba(188, 188, 188, .09);
    padding-bottom: 40px;
    border-radius: 5px;
    border: 1px solid rgba(224, 224, 224, .72);
    padding-top: 40px
}

.measurementsetupmodal .checkbox,
.row-member-configuration .measurementsetup-content .measurementsetup-option .checkbox {
    bottom: 5px;
    padding: 0
}

.row-member-configuration .row-member-configuration-content .member-configuration-form .btn,
.row-member-configuration .row-member-configuration-content .member-configuration-form .customisesetting .btn {
    margin-bottom: 5px;
}

.row-member-configuration .row-member-configuration-content .member-configuration-form .last-button {
    text-align: center
}

.row-member-configuration .row-member-configuration-content .member-configuration-form .last-button a {
    margin-right: 10px
}

.row-member-configuration .row-member-configuration-content .member-configuration-form .last-button .save_button {
    display: inline
}

.row-member-configuration .involvementsetup-content .involvementsetup-option {
    background-color: rgba(188, 188, 188, .09);
    padding-bottom: 40px;
    border-radius: 5px;
    border: 1px solid rgba(224, 224, 224, .72);
    padding-top: 40px
}

.viewtextmodal .modal-body #viewtextdiv {
    max-height: 300px;
    overflow: auto
}

.row-content .tab-content .tab-pane .helpdiv,
.row-member-configuration .member-form .helpdiv {
    padding: 5px 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff
}

.row-member-configuration .member-form .helpdiv .lastchanged {
    font-size: 11px;
    margin-top: 2px;
    font-style: italic
}

.row-member-configuration .member-form .helpdiv .defaultvalue {
    margin-top: 2px;
}

.row-member-configuration .member-form .helpdiv .defaultvalue .defaultvalue_value.defaultvalue_value_bold {
    font-weight: bold;
}

.class-header-info {
    font-weight: bold;
}

.row-member-configuration .member-form .helpdiv .lastchanged,
.row-member-configuration .member-form .helpdiv .lastchanged .defaultvalue_value,
.row-member-configuration .member-form .helpdiv .lastchanged .defaultvaluelabel,
.row-member-configuration .member-form .helpdiv .defaultvalue,
.row-member-configuration .member-form .helpdiv .defaultvalue .defaultvalue_value,
.row-member-configuration .member-form .helpdiv .defaultvalue .defaultvaluelabel {
    padding: 0
}

.row-member-configuration .member-form .checkboxform .helpbutton {
    width: 35px;
    padding: 0
}

.row-member-configuration .member-form .checkboxform .checkbox label {
    padding-left: 20px
}

.row-member-configuration .configurationbilling .input-text {
    padding: 0
}

.row-member-configuration .configurationbilling .endbar {
    padding: 0 15px;
    margin-top: 10px
}

#configureBillingDayModal .modal-body {
    max-height: 700px;
    overflow: visible!important
}

#configureBillingDayModal .modal-body .form-group .input-text .chosen-container ul li input {
    width: 100%!important
}

.row-setting.row-measurementconfiguration .box {
    margin-bottom: 40px
}

.row-setting.row-workoutconfiguration .box {
    margin-bottom: 20px
}


.row-setting.row-measurementconfiguration .box .input-text {
    padding-left: 5px;
    padding-right: 5px
}

.row-setting.row-measurementconfiguration .box .input-text .checkbox label {
    padding-left: 10px
}

.row-setting.row-measurementconfiguration .box .page-header {
    margin: 10px 0 0;
    padding: 15px 0;
    background-color: #DEDEDE;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.row-setting.row-measurementconfiguration .box .box-content {
    padding: 20px 0;
    border: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0 none
}

.row-setting.row-measurementconfiguration .box .box-content .minbutton {
    padding: 0
}

.row-setting.row-measurementconfiguration .box .box-content .minbutton a {
    margin: 0px 3px;
}

.row-setting.row-measurementconfiguration .box .box-content .btn-minus {
    border-radius: 5px;
    color: red;
    width: 100%
}

.row-setting.row-measurementconfiguration .end-bar {
    text-align: center;
    margin-top: 10px
}

.row-report-print.measurement .measurement-details .measurement-content .table tr td {
    line-height: .7;
    border: 0
}

.row-report-print.measurement .table-report .page-header {
    margin-bottom: 10px;
    margin-top: 10px
}

.row-divisionList .header {
    margin-bottom: 20px
}

.row-divisionList .table>tbody>tr>td {
    line-height: 2;
    padding: 5px
}

.row-divisionList .table .checkbox {
    margin-top: 5px;
    margin-bottom: 0
}

.row-divisionList .end-bar {
    text-align: center;
    margin: 20px 0
}

.row-setting.row-customfield {
    padding-left: 3%;
    padding-right: 3%
}

.row-setting.row-customfield .header {
    margin-bottom: 40px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px
}

.row-setting.row-customfield .header p {
    font-weight: 400
}

.row-setting.row-customfield .header h5 {
    margin-top: 30px;
    font-weight: 600
}

.row-setting.row-customfield .page-header {
    margin-bottom: 0
}

.row-setting.row-customfield .box {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 20px
}

.row-setting.row-customfield .box .addingrow {
    text-align: center;
    margin: 10px 0
}

.row-setting.row-customfield .box .form-group.selectboxlabel .form-group {
    margin-top: 10px;
    padding-right: 0
}

.row-setting.row-customfield .box .form-group.selectboxlabel .form-group .input-text {
    padding-right: 0
}

.row-setting.row-customfield .box .form-group.selectboxlabel .form-group .input-text .btn-danger {
    color: #fff;
    background-color: #d9534f
}

.row-setting.row-customfield .box.trainerquestioner .input-text .input-text-content {
    padding: 2px
}

.row-setting.row-customfield .box.trainerquestioner .add-option-row {
    text-align: center
}

.row-setting.row-holdmembership .page-header {
    margin-top: 0
}

.row-setting.row-holdmembership .memberResult .memberResult-action .btn-right,
.row-setting.row-holdmembership .resultbox .memberResult .memberResult-content .btn-right {
    margin-top: 0;
    padding: 5px 10px
}

.row-setting.row-holdmembership .resultbox {
    padding: 10px;
    background-color: #fff;
    max-height: 400px;
    overflow: auto
}

.row-setting.row-holdmembership .main-content .summary-box-content {
    background-color: #e6e6e6;
    padding: 10px;
    margin: 10px auto;
    width: 750px;
    height: 200px;
    border-radius: 2px;
    border: 1px solid #ccc
}

.row-setting.row-holdmembership .main-content .summary-box-content .header h4 {
    border-bottom: 1px solid #cecece;
    padding-bottom: 8px
}

.row-setting.row-holdmembership .main-content .form-group .panel-group,
.row-setting.row-holdmembership .main-content .form-group .panel-group .panel,
.row-setting.row-holdmembership .main-content .form-group .panel-group .panel .panel-collapse,
.row-setting.row-holdmembership .main-content .form-group .panel-group .panel .panel-heading h4,
.row-setting.row-holdmembership .main-content .summary-box-content .form-group {
    padding: 0
}

.row-setting.row-holdmembership .main-content .form-group .panel-group .panel .panel-heading h4 a {
    color: #333
}

.trainer_commission .header .button-header { text-align: right; }

.row-task {
    min-height: 800px;
    margin-bottom: 80px
}

#taskmodal .modal-body .selectedmember,
#taskmodal .modal-footer .button-one,
#taskmodal .result,
.row-task .row .task-header .button-header {
    margin-bottom: 10px
}

.row-task .task-header {
    text-align: right;
}

.row-task .row .task-details .nav li a {
	background-color: #ddd;
	color: #4D4C4C;
	font-weight: 600;
	border: 1px solid #ddd;
}

.row-task .row .task-details .nav li.active a {
	border: 1px solid #ccc;
	background-color: #eee;
	border-bottom: 1px solid transparent;
}

.row-task .row .task-details .tab-content .main-content {
	background-color: #eee;
	padding: 20px;
}

.row-task .task-header .right-header,
.row-task .task-header .right-header .box-tasktype {
    padding-right: 0
}

.row-task .task-header .right-header .box-day .form-group,
.row-task .task-header .right-header .box-tasktype .form-group {
    padding-left: 0;
    padding-right: 0
}

.row-task .task-header .right-header .box-day .form-group.one,
.row-task .task-header .right-header .box-tasktype .form-group.one {
    padding-right: 5px
}

#taskmodal .modal-body .selectedmember .profiledescription,
#taskmodal .modal-body .selectedmember .profiledescription .input-text,
.row-task .row .task-details .tab-pane {
    padding: 0
}

#taskmodal .modal-body .findMemberTask,
#taskmodal .modal-body .selectedmemberbottom {
    padding-left: 0;
    padding-right: 0
}

.row-task .task-header .button-header {
    padding-left: 0
}

.row-task .row .task-details .tab-content {
    overflow: auto
}

.row-task .row .task-details .tabpanel .nav-tabs>li.active>a {
    font-weight: 600;
    color: #000
}

.workout_nav>li>a.hover{
    background: #e6e6eb;
    color: #282828;
}

.workout_nav>li>a{
    background: #e6e6eb;
    color: #282828;
}

.workout_nav>li>a:focus, .workout_nav>li>a:hover {
    background: #e6e6eb;
    color: #282828;
}

.workout_nav>li.hover>a .workout_nav>li.active>a:focus, .workout_nav>li.active>a:hover{
    color: #282828;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #282828;
}

.row-task .row .task-details .pagination {
    margin-left: 10px
}

.row-task .tab-call tbody td.first,
.row-task .tab-call thead th.first {
    width: 30%
}

.row-task .tab-call tbody td.fourth,
.row-task .tab-call tbody td.second,
.row-task .tab-call tbody td.third,
.row-task .tab-call thead th.fourth,
.row-task .tab-call thead th.second,
.row-task .tab-call thead th.third {
    width: 10%
}

.row-task .tab-call tbody td.fifth,
.row-task .tab-call thead th.fifth {
    width: 20%;
    text-align: center
}

.row-task .table tbody a {
    color: #333
}

.row-task .table tbody a:hover {
    font-size: 14px;
    text-decoration: none
}

.row-task .tab-email tbody td.first,
.row-task .tab-email thead th.first {
    width: 20%
}

.row-task .tab-email tbody td.second,
.row-task .tab-email thead th.second {
    width: 10%
}

.row-task .tab-email tbody td.select,
.row-task .tab-email thead th.select {
    width: 20%
}

.row-task .tab-email tbody td.third,
.row-task .tab-email thead th.third {
    width: 10%
}

.row-task .tab-email tbody td.fourth,
.row-task .tab-email thead th.fourth,
.row-task .tab-sms tbody td.first,
.row-task .tab-sms thead th.first {
    width: 20%
}

.row-task .tab-email tbody td.fifth,
.row-task .tab-email thead th.fifth {
    width: 20%;
    text-align: center
}

.row-task .tab-sms tbody td.second,
.row-task .tab-sms thead th.second {
    width: 10%
}

.row-task .tab-sms tbody td.select,
.row-task .tab-sms thead th.select {
    width: 20%
}

.row-task .tab-sms tbody td.third,
.row-task .tab-sms thead th.third {
    width: 10%
}

.row-task .tab-sms tbody td.fourth,
.row-task .tab-sms thead th.fourth {
    width: 20%
}

.row-task .tab-sms tbody td.fifth,
.row-task .tab-sms thead th.fifth {
    width: 20%;
    text-align: center
}

#taskmodal .modal-body .selectedmember .profilepic {
    padding-left: 0
}

#taskmodal .modal-body .form-group .input-group .input-group-addon {
    padding: 5px 12px;
    background-color: #ddd
}

#taskmodal .modal-body .form-group .input-group .input-group-addon .btn {
    padding: 0;
    background-color: #ddd
}

#taskmodal .modal-body .member-detail-bottom {
    margin-top: 15px
}

#taskmodal .modal-footer {
    text-align: center
}

#taskmodal .result {
    max-height: 170px;
    overflow: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px
}

.row-add-detail.row-addprospect .ssts-bar-prospect .status-bar-prospect-button {
    text-align: right;
    margin-bottom: 20px
}

.row-add-detail.row-addprospect .prospect-side-info .prospect-info h1 {
    margin-top: 0
}

.row-add-detail.row-addprospect .prospect-side-info .prospect-info .prospectnumbervisit {
    font-size: 22px
}

.row-add-detail.row-addprospect .prospect-side-info .prospect-button {
    margin-top: 40px;
    width: 280px;
    text-align: center;
    margin-left: 5%
}

.row-add-detail.row-addprospect .prospect-side-info .prospect-button .checkin img {
    height: 30px;
    width: 30px
}

.row-add-detail.row-addprospect .prospect-side-info .table-side p {
    font-size: 13px
}

.row-add-detail.row-addprospect .row-content .row-prospect-additional-detail .form-group .input-group,
.row-add-detail.row-addprospect .row-content .row-prospect-contact .form-group .input-group {
    width: 52%
}

.row-add-detail.row-addprospect .row-content .row-prospect-additional-contact-detail .additional-detail {
    margin-right: -15px!important
}

.row-add-detail.row-addprospect .row-content .row-prospect-additional-contact-detail .additional-detail .form-group .control-label {
    padding-left: 0
}

.row-add-detail.row-addprospect .row-content .tab-taskprospect .task .task-button {
    text-align: center;
    margin: 20px 0
}

.row-add-detail.row-addprospect .row-content .tab-taskprospect .task .task-table .table tbody tr {
    cursor: pointer
}

.row-add-detail.row-addprospect .row-content .tab-taskprospect .task .task-table .glyphicon-ok {
    color: #fff
}

.row-add-detail.row-addprospect .row-content .tab-pane .table td.actions {
    text-align: right
}

.row-add-detail.row-addprospect .row-content .tab-pane .table th.actions {
    text-align: center
}

.row-add-detail.row-addprospect .row-content .tab-prospectoption .options .options-table table tbody .checkbox {
    margin-top: 0;
    margin-bottom: 0;
    bottom: 15px
}

.row-add-detail.row-addprospect .row-content .tab-prospectoption .options .option-endbutton {
    text-align: right;
    padding-left: 0;
    padding-right: 0
}

.row-add-detail.row-addprospect .row-content .tab-prospectcom .communication .communication-button {
    text-align: center;
    margin: 20px 0
}

.row-add-detail.row-addprospect .row-content .tab-prospectcom .communication .communication-table table tbody tr {
    cursor: pointer
}

.row-integratedbilling {
    padding-left: 6%;
    padding-right: 5%
}

.row-integratedbilling .row {
    padding: 0;
    margin-bottom: 25px;
    text-align: center;
}

.row-integratedbilling .row .btn {
    margin-bottom: 5px;
}

.row-integratedbilling .page-header {
    margin: 20px 0 5px;
}

.row-integratedbilling .page-header h3 {
    margin: 0px;
}

.row-integratedbilling .end-bar {
    text-align: center;
    margin: 20px 0
}

.row-integratedbilling table td,
.row-integratedbilling table th {
    text-align: left
}

.row-integratedbilling .box-summary {
    padding: 10px 5px;
    border-radius: 2px
}

.row-integratedbilling .box-summary .form-group {
    margin: 0px 0px 2px;
    padding: 0px;
}

.row-integratedbilling .box-summary .form-group .control-label {
    padding-left: 0px;
    padding-right: 0px;
}

.row-integratedbilling .box-summary .box .datedisplay {
    width: 20%;
    position: relative;
    margin-top: 3%;
    padding: 12px;
    color: #9B9B9B
}

.row-integratedbilling .box-summary .box .datedisplay h6 {
    margin: 0 0 3px;
    font-size: 16px
}

.row-integratedbilling .box-summary .box .datedisplay .date {
    width: 40px;
    padding-left: 10px
}

.row-integratedbilling .box-summary .box .datedisplay .date h5 {
    font-size: 32px;
    margin: 0
}

.row-integratedbilling .box-summary .box .datedisplay .year {
    -webkit-transform: rotate(92deg);
    -moz-transform: rotate(92deg);
    -o-transform: rotate(92deg);
    writing-mode: lr-tb;
    padding: 1px;
    margin: 0 0 0 10px
}

.row-integratedbilling .box-summary .box .datedisplay .year h6 {
    font-size: 14px;
    padding: 0
}

.row-integratedbilling .box-summary .box .infodisplay {
    width: 80%;
    padding-right: 0
}

.row-integratedbilling .box-summary .box .infodisplay .value {
    margin-top: 10px
}

.row-integratedbilling .box-summary .box .infodisplay .value.laststatement {
    color: #0C0
}

.row-integratedbilling .box-summary .box .infodisplay .value.memberbilled {
    color: #06C
}

.row-integratedbilling .box-summary .box .infodisplay .value.unprocessingbilling {
    color: #F75656
}

.row-integratedbilling .box-tablesummary {
    margin: 0px 0px 50px;
    padding: 0;
}

.row-integratedbilling .box-tablesummary .tablesummary-table {
    background-color: #fff;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 10px;
    max-height: 330px;
    overflow-x: auto;
    overflow-y: auto
}

.row-integratedbilling .box-tablesummary .billinghistory-table .table tr,
.row-integratedbilling .box-tablesummary .tablesummary-table .table tbody tr {
    cursor: pointer
}

.row-integratedbilling .box-tablesummary .tablesummary {
    background-color: rgba(188, 188, 188, .09);
    padding: 20px;
    border-radius: 5px;
    border: 1px solid rgba(224, 224, 224, .72);
}

.row-integratedbilling .box-tablesummary .tablesummary .pagination {
    margin: 0px;
}

.row-integratedbilling .futurebilling .future_emailsetting {
    font-style: italic;
    margin-bottom: 10px;
    text-align: center;
}

.row-integratedbilling .futurebilling .future_emailsetting .future_emailsetting_content {
    border: 1px solid #ccc;
    float: none;
    height: 160px;
    margin: 0px auto;
    padding: 0px;
    width: 600px;
}

.row-integratedbilling .box-tablesummary .tablesummary .loading_bar { width: 100px; margin: 20px auto; }

.row-integratedbilling .box-tablesummary .tablesummary .billinghistory-table .table th {
    cursor: pointer;
    padding: 5px 5px;
}

.row-integratedbilling .box-tablesummary .tablesummary .billinghistory-table .table th .text {
    position: relative;
    left: 10px
}

.row-integratedbilling .box-tablesummary .tablesummary .tablesorter th.header {
    background-image: url(../images/table-sorter-arrow.gif);
    background-repeat: no-repeat;
    background-position: left
}

.tr-member-header {
    background-image: url(../images/table-sorter-arrow.gif);
    background-repeat: no-repeat;
    background-position: center right
}

.row-integratedbilling .box-tablesummary .tablesummary .tablesorter th.headerSortUp {
    background-image: url(../images/table-sorter-arrow-up.gif);
    background-repeat: no-repeat;
    background-position: left
}

.tr-member-headerSortUp {
    background-image: url(../images/table-sorter-arrow-up.gif);
    background-repeat: no-repeat;
    background-position: center right
}

.row-integratedbilling .box-tablesummary .tablesummary .tablesorter th.headerSortDown {
    background-image: url(../images/table-sorter-arrow-down.gif);
    background-repeat: no-repeat;
    background-position: left
}

.tr-member-headerSortDown {
    background-image: url(../images/table-sorter-arrow-down.gif);
    background-repeat: no-repeat;
    background-position: center right
}

.row-integratedbilling .box-tablesummary .billinghistory-table .table tbody tr td .checkbox {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0
}

.row-integratedbilling .box-tablesummary .billinghistory-table .table tbody tr td .checkbox input[type=checkbox] {
    bottom: 5px;
}

.row-integratedbilling .box-tablesummary .billinghistory .menuheader {
    margin-bottom: 10px
}

.row-integratedbilling .box-tablesummary .billinghistory .menuheader .checkbox label  input[type=radio] {
    margin: 0px;
    position: relative;
    top: 2px;
}

.row-integratedbilling.billingexportimport .row .box {
    margin-bottom: 30px
}

.row-integratedbilling.billingexportimport .row .billingbanktable .page-header {
    margin: 20px 0px;
}

.row-integratedbilling.billingexportimport .row .table-content {
    min-height: 80px;
}

.row-integratedbilling.billingexportimport .row .panel .panel-heading .panel-title a {
    color: #333;
}

.row-integratedbilling.billingexportimport .row .panel .panel-body {
    background-color: #f3f4f9;
}

.row-integratedbilling.billingexportimport .row .panel .helpbutton {
    margin-bottom: 10px;
}

.row-integratedbilling.billingexportimport .row .panel .helptext {
    border: 1px solid #ccc;
    float: none;
    font-style: italic;
    min-height: 80px;
    margin: 0px auto 20px;
    padding: 10px;
    width: 650px;
}

.row-integratedbilling.billingexportimport .row .panel .panel-heading,
.row-integratedbilling.billingexportimport .row .panel .form-group {
    text-align: left;
}

.row-integratedbilling.billingexportimport .row .panel .form-group {
    margin-bottom: 10px;
}

.row-integratedbilling.billingexportimport .row .panel .button-bar {
    margin: 20px 0
}

.row-integratedbilling.billingexportimport .row .panel .bankoption .bankone {
    margin-bottom: 20px
}

.row-integratedbilling.billingexportimport .row .panel .bankoption a {
    width: 90px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    -webkit-box-shadow: 1px 2px 5px 0 rgba(50, 50, 50, .25);
    -moz-box-shadow: 1px 2px 5px 0 rgba(50, 50, 50, .25);
    box-shadow: 1px 2px 5px 0 rgba(50, 50, 50, .25)
}

.row-integratedbilling .box-tablesummary .table-status {
    float: none;
    margin: 30px auto;
    width: 300px;
}


#generate_date_modal .modal-body,
#generate_date_modal .modal-body .h3-datepicker {
    padding: 0
}

#generate_date_modal .modal-body {
    padding: 15px
}

#generate_date_modal .modal-body .datepicker-inline {
    margin: auto
}

#generate_date_modal .modal-footer {
    text-align: center
}

#generate_date_modal .modal-footer .btn {
    width: 100%
}

.row-integratedbilling.row-bank-statement-import .row .page-header {
    margin: 0;
    padding: 0
}

.row-integratedbilling.row-bank-statement-import .row .header-menu {
    padding: 0;
    margin: 10px 0
}

.row-integratedbilling.row-bank-statement-import .row .main-content {
    padding: 0
}

.row-integratedbilling.row-bank-statement-import .row .main-content .row-integratedbilling.row-bank-statement-import .row .page-header h2 {
    margin-top: 0
}

.row-integratedbilling.row-bank-statement-import .statementstatistic {
    padding: 5px;
    margin-top: 20px
}

.row-integratedbilling.row-bank-statement-import .statementstatistic .control-label,
.row-integratedbilling.row-bank-statement-import .statementstatistic .input-text {
    padding: 0
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow {
    position: relative
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberRefferedBox {
    position: absolute;
    z-index: 3;
    width: 400px;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 9px 8px -7px rgba(0, 0, 0, .75);
    -moz-box-shadow: 2px 9px 8px -7px rgba(0, 0, 0, .75);
    box-shadow: 2px 9px 8px -7px rgba(0, 0, 0, .75);
    border-radius: 5px;
    margin-top: 1px;
    max-height: 300px;
    overflow: auto;
    left: 0;
    top: 32px
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult-content {
    background: #FBFBFB;
    border: 1px solid #DBDBDB;
    box-shadow: 0 2px 2px #CCC;
    margin-bottom: 5px;
    height: 100px;
    width: 100%;
    padding: 0
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult {
    padding: 0
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult .memberResult-content a.memberlink {
    color: #333;
    height: inherit
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult .memberResult-content a.memberlink:hover {
    color: #333;
    text-decoration: none;
    height: inherit
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult .memberResult-content .memberPhoto {
    position: relative;
    margin-right: 10px;
    text-align: center;
    height: inherit;
    width: 45px;
    overflow: hidden;
    padding: 0
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult .memberResult-content .memberPhoto img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: inherit;
    width: auto;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult-details {
    text-align: left;
    padding-left: 5px;
    padding-right: 0;
    height: inherit;
    width: 55%;
    float: left
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult-details h6 {
    margin: 0
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult-details .memberName {
    padding: 0;
    min-height: 20px;
    width: 100%;
    margin-top: 5px
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult-details .memberId,
.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult-details .memberMembership {
    min-height: 18px
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult-action {
    height: inherit;
    padding: 4px 7px;
    position: absolute;
    right: 2%
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult-action .btn-right {
    margin-top: 0;
    padding: 4px 6px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    font-size: 11px;
    margin-bottom: 5px;
    width: 100%
}

.row-integratedbilling.row-bank-statement-import .main-content table tr td.memberrow .memberResult-action .btn-right.bookingaddmember_btn {
    margin-top: 0;
    padding: 6px 20px
}

.row-report .report-content #report_details {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 20px;
    margin-bottom: 35px;
    overflow: auto;
}

.row-report .report-content #report_details table tbody tr td {
    border-top: 0px;
    border-bottom: 1px solid #ddd;
    border-right: 0px;
    cursor: pointer;
}

.row-report .report-content #report_details .date-range-table {
    background-color: #f5f5f5;
}

.row-report .report-content #report_details table tbody tr td #date-range {
    padding: 20px 25px;
}

.row-report .report-content #report_details table tbody tr td #date-range .datepicker {
    z-index: 3 !important;
}

.row-report .report-content #report_details table tbody tr td #date-range .show-report-button {
    text-align: center;
    margin: 20px 0px 0px;
}
.row-report .report-content #report_details table tbody tr td #date-range .form-group {
    margin: 0px;
}
.row-report .report-content #report_details table tbody tr td #date-range .form-group,
.row-report .report-content #report_details table tbody tr td #date-range .control-label,
.row-report .report-content #report_details table tbody tr td #date-range .input-text {
    padding: 0px;
}

.row-report .report-content #report_details table tbody tr td #date-range .form-group.report-checkbox {
    margin-top: 10px;
}

.row-report .report-content .report-list-btn .report-type {
    padding: 0px;
}

.row-report .report-content .report-list-btn .report-type ul {
    padding: 0px 0px 0px 0px;
}

.row-report .report-content .report-list-btn .report-type ul li {
    list-style: none;
    padding: 15px;
    font-size: 15px;
    background-color: #c3c3c3;
    font-weight: 600;
    border: 1px solid #ccc;
    margin-bottom: 1px;
    cursor: pointer;
    border-radius: 5px;
}

.row-report .report-content .report-list-btn .report-type ul li.active {
    background-color: #337ab7;
    color: #fff;
    position: relative;
}

.row-report .report-content .report-list-btn .report-type ul li:before {
    border-color: rgba(204, 204, 204, 0);
    border-left-color: #ccc;
    border-width: 23px;
    margin-top: -23px;
}

.row-report .report-content .report-list-btn .report-type ul li:after {
    border-color: rgba(238, 238, 238, 0);
    border-left-color: #337ab7;
    border-width: 24px;
    margin-top: -24px;
}

.row-report .report-content .report-list-btn .report-type ul li:before,
.row-report .report-content .report-list-btn .report-type ul li:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.row-report .report-content .header {
    margin: 0px 0px 15px;
    padding: 0px;
}

.row-report #editreportcontent,
.row-report #editreportcontent .editmodal-footer,
.row-report #editreportcontent .editreportmodal-content,
.row-report #editreportcontent .editreportmodal-content .form-group,
.row-report #editreportcontent .editreportmodal-content .table-editreport,
.row-report .container .report-content .report-list-btn {
    padding: 0
}

.row-bank-statement-import .maincontent .maintable table tbody tr {
    cursor: pointer
}

.row-bank-statement-import .maincontent .maintable table thead td.action {
    width: 15%
}

.row-bank-statement-import .maincontent .maintable table tbody td.action {
    width: 5%
}

.row-bank-statement-import .endbar {
    text-align: center;
    margin: 20px 0
}

.row-report .report-details-content .report-date .date-range .form-horizontal {
    min-height: 200px;
    margin-bottom: 20px;
    padding-bottom: 0
}

.row-report .report-details-content .report-date .date-range .form-horizontal .form-group {
    margin-bottom: 5px
}

.row-report #editreportcontent .page-header {
    padding-left: 0;
    padding-right: 0
}

.row-report #editreportcontent .editreportmodal-content .form-group .check input[type=checkbox] {
    margin-top: 10px
}

.row-report #editreportcontent .editreportmodal-content .table-editreport {
    margin-top: 20px
}

.row-report #editreportcontent .editreportmodal-content .table-editreport thead {
    text-align: center
}

.row-report #editreportcontent .editreportmodal-content .table-editreport tbody .column {
    width: 16%;
    text-align: center
}

.row-report #editreportcontent .editreportmodal-content .table-editreport tbody .column.name {
    text-align: left
}

.row-report #editreportcontent .editreportmodal-content .table-editreport tbody .column.sumTotal .checkbox input[type=checkbox] {
    margin-left: 0
}

.row-report #editreportcontent .editmodal-footer {
    text-align: center;
    margin: 30px 0
}

.row-report .report-content {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.row-report .report-content .report-list {
    margin-bottom: 20px
}

.row-report .report-content .report-list .lbx-report-listing {
    height: 120px
}

.row-report .report-content .report-details-content .report-details .page-header {
    padding-bottom: 0;
    border-bottom: 1px solid #D0CACA;
    margin-top: 0;
    margin-bottom: 0
}

.row-report .report-content .report-details-content .report-details .page-header h4 {
    margin-top: 0;
    margin-bottom: 0
}

.row-report .report-content .report-details .list-report-details h4 {
    margin-bottom: 0
}

.row-report .report-content .report-details .list-report-details {
    height: 470px
}

.row-report .report-content .report-date {
    padding-top: 5px;
    border: 1px solid #D0CACA;
    height: 470px;
    border-radius: 4px;
    overflow: auto
}

.row-report .report-content .report-date .show-report-button {
    text-align: right;
    margin-top: 20px
}

.row-report .print-header {
    display: none
}

.row-report .table-report .page-header {
    margin-bottom: 2px
}

.row-report .table-report .page-header .reportdetails {
    padding: 0;
    margin-bottom: 5px
}

.row-report .table-report .page-header,
.row-report .table-report .page-header h3 {
    margin: 0 0 8px;
    font-size: 18px
}

.row-report .table-report .page-header,
.row-report .table-report .page-header h4 {
    margin: 5px 0;
    font-size: 14px;
    padding-bottom: 0
}

.row-report .table-report .page-header .reportdetails h5 {
    font-size: 14px;
    margin: 5px 0
}

.row-report .table-report .page-header .reportheaderbutton {
    text-align: right;
    padding: 0
}

.row-report .table-report .page-header .reportheaderbutton .reportnote {
    margin-bottom: 10px;
    font-style: italic;
    font-style: 13px
}

.row-report .table-report .page-header .reportheaderbutton a {
    margin-right: 10px;
    margin-bottom: 5px;
}

.row-report .table-report-content {
    width: 100%;
    margin: 0 auto;
    overflow: auto;
}

.row-report .table-report-content table {
    margin-bottom: 0;
    border: 1px solid #ccc;
    border-radius: 15px
}

.row-report .table-report-content table td,
.row-report .table-report-content table th {
    border-right: 1px solid #ccc
}
.dataTables_filter input {
    margin-left: 5px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 92%
}

.dataTables_filter input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.row-report .table-report-content .dataTables_scrollBody .table,
.row-report .table-report-content .dataTables_scrollHeadInner {
    margin: auto
}

.dataTables_filter {
    margin-bottom: 10px
}

.dataTables_filter label {
    margin: auto;
    display: table;
    width: 50%
}

.row-report .table-report-main {
    width: 100%
}

.row-report .table-report-main th {
    padding-right: 20px;
    min-width: 140px
}

.row-report .table-report-main .header,
.tablesorter th.header,
.tablesorter th.tablesorter-headerUnSorted:not(.sorter-false)  {
    background-image: url(../images/table-sorter-arrow.gif);
    background-repeat: no-repeat;
    background-position: center right
}

.row-report .table-report-main .headerSortUp,
.tablesorter th.headerSortUp,
.tablesorter th.tablesorter-headerAsc:not(.sorter-false)  {
    background-image: url(../images/table-sorter-arrow-up.gif);
    background-repeat: no-repeat;
    background-position: center right
}

.row-report .table-report-main .headerSortDown,
.tablesorter th.headerSortDown,
.tablesorter th.tablesorter-headerDesc:not(.sorter-false)  {
    background-image: url(../images/table-sorter-arrow-down.gif);
    background-repeat: no-repeat;
    background-position: center right
}

.row-report .report-description {
    margin-top: 5px;
    padding:8px;
}
.row-reportemailall table {
    margin-bottom: 0;
    border: 1px solid #ccc;
    border-radius: 15px
}

.row-report table td,
.row-reportemailall table th {
    border-right: 1px solid #ccc
}

.row-reportemailall .dataTables_filter input {
    margin-left: 5px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.row-reportemailall .dataTables_filter input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.row-report .dataTables_scrollBody .table,
.row-reportemailall .dataTables_scrollHeadInner {
    margin: auto
}

.row-reportemailall .dataTables_filter {
    margin-bottom: 20px
}

.row-reportemailall .dataTables_filter label {
    margin: auto;
    display: table
}

.row-reportemailall table .header,
.tablesorter th.header {
    background-image: url(../images/table-sorter-arrow.gif);
    background-repeat: no-repeat;
    background-position: center right
}

.row-reportemailall .headerSortUp,
.tablesorter th.headerSortUp {
    background-image: url(../images/table-sorter-arrow-up.gif);
    background-repeat: no-repeat;
    background-position: center right
}

.row-reportemailall .headerSortDown,
.tablesorter th.headerSortDown {
    background-image: url(../images/table-sorter-arrow-down.gif);
    background-repeat: no-repeat;
    background-position: center right
}

.row-reportemailall .end-bar {
    text-align: center;
    margin: 20px 0 40px
}

.row-reportemailall .list-button {
    text-align: center
}

.row-reportemailall .boxresult {
    margin: 8px 0
}

.row-reportemailall .boxresult .file {
    margin-right: 20px;
    margin-bottom: 10px
}

.row-reportemailall .boxresult .file .cancelattachment {
    font-size: 21px;
    font-weight: 800;
    line-height: 0;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=40);
    opacity: .4;
    position: relative;
    top: 2px
}

.row-reportemailall .boxresult .file a .glyphicon {
    color: #cc3737
}

.row-reportemailall .emailcontent .emailTemplate .charleft {
    float: right
}

.row-report-print {
    padding-left: 3%
}

.row-kpi .searchlist .form-group .input-group .datepicker { z-index: 1 !important; }
.row-kpi {
    padding-bottom: 30px
}

.row-kpi .searchlist .endbutton {
    text-align: center;
    margin-top: 2%
}

.row-kpi .searchlist .form-group .input-group.date {
    padding-right: 15px;
    padding-left: 15px
}

.row-kpi .searchlist .form-group .control-label .label-checkbox {
    margin-left: 10px
}

.row-kpi .main-content .kpireport .kpicontent {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    border: 1px solid #E0E0E0
}

.row-kpi .main-content .kpireport .kpicontent .table tbody tr {
    cursor: pointer
}

.row-kpi .main-content .kpireport .kpicontent .table th.value,
th.comparison {
    width: 20%
}

.row-kpi .main-content .payment .payment-content .table tbody tr.top td {
    border-top: 0
}

#kpireportmodal .modal-body .top-content .percentage,
#kpireportmodal .modal-body .top-content .value {
    text-align: center;
    color: #585858
}

#kpireportmodal .modal-body .top-content .value h1 {
    font-size: 55px
}

#kpireportmodal .modal-body .top-content .value .spanlabel {
    font-size: 40px
}

#kpireportmodal .modal-body .top-content .percentage .glyphicon.green {
    color: #393
}

#kpireportmodal .modal-body .top-content .percentage .glyphicon.red {
    color: #A00000
}

.row.pos_report .main_content {
    padding: 0 0 0 3%;
    margin-bottom: 30px
}

.row.pos_report .main_content .main_container .table>tbody>tr>td,
.row.pos_report .main_content .main_container .table>tbody>tr>th,
.row.pos_report .main_content .main_container .table>tfoot>tr>td,
.row.pos_report .main_content .main_container .table>tfoot>tr>th,
.row.pos_report .main_content .main_container .table>thead>tr>td,
.row.pos_report .main_content .main_container .table>thead>tr>th {
    padding: 5px
}

.row.pos_report .main_content .main-header .date-group,
.row.pos_report .main_content .main-header .form-group,
.row.pos_report .main_content .main-header .form-group .input-text,
.row.pos_report .main_content .main-header .heading-info,
.row.pos_report .main_content .main-header .heading-info .sub-heading {
    padding: 0
}

.row.pos_report .main_content .main-header .top-navbar {
    text-align: right;
    padding: 0;
    margin-bottom: 1%
}

.row.pos_report .main_content .main_container {
    margin-top: 1%
}

.row.pos_report .main_content .main_container .main_table {
    padding: 0 10px
}

.row.pos_report .main_content .main_container .main_table table #till_summary tr .hiddenRow,
.row.pos_report .main_content .main_container .pos-total-table .main_table_content {
    padding: 0
}

.row.pos_report .main_content .main_container .main_table table #till_summary tr .hiddenRow div {
    width: 500px;
    margin: auto
}

.row.pos_report .main_content .main_container .main_table table #till_summary tr .hiddenRow table {
    margin-top: 10px
}

.row.pos_report .main_content .main_container .page-header {
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(204, 204, 204, .49);
    padding-left: 0;
    padding-right: 0
}

.row.pos_report .main_content .main_container .page-header h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px
}

.row.pos_report .main_content .main_container .pos-total-table .summary-box {
    padding: 15px 5px;
    border-radius: 2px;
    background-color: #e4e4e4;
    border: 1px solid #ccc;
    color: #000;
    font-weight: 400
}

.row.pos_report .main_content .main_container .pos-total-table .summary-box table {
    margin-bottom: 0
}

.row.pos_report .main_content .main_container .pos-total-table .summary-box table td {
    border-top: 0 solid #ddd
}

.row.pos_report .main_content .main_container table td {
    padding: 5px;
    line-height: 2
}

.row.pos_report .main_content .main_container .main_table_content table td,
.row.pos_report .main_content .main_container .main_table_content table th {
    width: 100px
}

.row.pos_report .main_content .main_container table td .form-control {
    padding: 2px;
    height: 32px
}

.row-visithistory {
    padding-left: 40px;
    margin-bottom: 40px
}

.row-visithistory .rowside {
    padding-left: 60px;
    padding-right: 15px;
    min-width: 280px
}

.row-visithistory .row-side .content-side .member-photo,
.row-visithistory .rowside .content-side,
.row-visithistory .rowside .member-photo {
    padding: 0
}

.row-visithistory .rowside .member-photo img {
    box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25);
    background: #FBFBFB;
    width: 280px
}

.row-visithistory .rowside .visithistory-panel {
    padding: 0;
    margin: 10px 0 0;
    text-align: center;
    max-width: 280px
}

.row-visithistory .rowside .visithistory-panel a {
    margin-bottom: 5px
}

.row-visithistory .rowside .table-side {
    background: #FBFBFB;
    border: 1px solid #FFF;
    box-shadow: 0 2px 2px #CCC;
    max-width: 280px
}

.row-visithistory .rowside .table-side a {
    color: #707070;
    display: block;
    text-decoration: none
}

.row-visithistory .rowside .membership-group {
    padding: 0
}

.row-visithistory .table a {
    color: #282828
}

.row-visithistory .table>tbody>tr>td {
    vertical-align: middle
}

.row-visithistory .headerbar {
    padding: 0;
    text-align: right
}

.row-visithistory .table-container .page-header,
.row-visithistory .table-container .printbar {
    display: none
}

.row-visithistory .table-container table tbody td,
.row-visithistory .table-container table thead th {
    text-align: center
}

.row-visithistory .table-container table tbody tr {
    cursor: pointer
}

.row-visithistory .table-container table tbody td .tailgatingPic {
    position: relative;
    text-align: center
}

.row-visithistory .table-container table tbody td {
    background-color: #F3F3F9
}

.row-visithistory .table-container table tbody td .tailgatingPic img {
    width: 15%;
    cursor: pointer
}

.row-visithistory .table-container table tbody td .tailgatingPic .first {
    position: relative;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc
}

.row-visithistory .table-container table tbody td .tailgatingPic .second {
    position: absolute;
    top: 0;
    left: 43%;
    background: #fff;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    border: 1px solid #ccc
}

.row-visithistory .table-container table tbody td .tailgatingPic .third {
    position: absolute;
    top: 0;
    left: 43%;
    background: #fff;
    -webkit-transform: rotateZ(-3deg);
    -moz-transform: rotateZ(-3deg);
    -ms-transform: rotateZ(-3deg);
    border: 1px solid #ccc
}

.row-visithistory .table-container #contentdiv {
    overflow: hidden;
    margin-top: 30px
}

.row-visithistory .table-container #leftSideTable {
    padding-right: 20px
}

.row-visithistory .table-container #headingTable {
    width: 100%;
    margin-right: 20px;
    margin-bottom: 0
}

.row-visithistory .table-container #tableMain {
    width: 100%
}

.row-visithistory .table-container td,
.row-visithistory .table-container th {
    padding: 5px
}

.row-visithistory .table-container td.short,
.row-visithistory .table-container th.short {
    width: 8%
}

.row-visithistory .table-container td.long,
.row-visithistory .table-container th.long {
    width: 15%
}

.row-visithistory .table-container th {
    border-bottom: 1px solid #ccc;
    text-align: center;
    color: #848484
}

.row-visithistory .table-container td {
    border-bottom: 1px solid #ccc;
    text-align: center
}

.row-visithistory .table-container tbody tr:hover {
    background-color: #f3f3f9;
    cursor: pointer
}

.row-visithistory .table-container .xscroll {
    overflow: auto;
    height: 550px
}

#tailgatingModal .modal-content {
    border-radius: 2px
}

#tailgatingModal .modal-body,
#tailgatingModal .preview {
    padding: 0
}

#tailgatingModal .modal-header {
    border: 0;
    padding: 10px 0;
    text-align: center
}

#tailgatingModal .modal-body #carousel-preview .carousel-inner .item {
    margin: 0;
    height: 255px;
    overflow: hidden
}

#tailgatingModal .modal-body #carousel-preview .carousel-inner .item img {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

#tailgatingModal .modal-body #carousel-preview .carousel-inner .item video {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 100%
}

.row-inventory .headerbar .form-group,
.row-inventory .printheaderbar {
    display: none
}

#tailgatingModal .modal-body #carousel-preview .carousel-inner .carousel-control.left {
    left: 2%
}

#tailgatingModal .modal-body #carousel-preview .carousel-inner .carousel-control.right {
    right: 2%
}

#tailgatingModal .modal-body .carousel-inner .carousel-control.left,
#tailgatingModal .modal-body .carousel-inner .carousel-control.right {
    background-image: none
}

#tailgatingModal .modal-body #list-preview {
    margin-top: 15px
}

#tailgatingModal .modal-body #list-preview .carousel-inner .item {
    width: 100%;
    height: 100px;
    padding: 0 9px
}

#tailgatingModal .modal-body #list-preview .carousel-inner .item .image_box {
    width: 110px;
    padding: 0 10px;
    float: left
}

#tailgatingModal .modal-body #list-preview .carousel-inner .item .image_box img,
#tailgatingModal .modal-body #list-preview .carousel-inner .item .image_box video {
    width: 100%;
    height: 78px
}

#tailgatingModal .modal-body #list-preview .carousel-inner .item .image_box.video_box {
    position: relative
}

#tailgatingModal .modal-body #list-preview .carousel-inner .item .image_box.video_box .playlogo_img {
    position: absolute;
    top: 6px;
    width: 65px;
    height: 65px;
    left: 22px
}

.row-global-workout .row-global-workout-content .box .panel .form-group .control-label,
.row-setting.row-roster .row-roster-content .form-group.list .control-label {
    top: 7px
}

#tailgatingModal .modal-body #list-preview .carousel-inner .carousel-control {
    width: 5%
}

#tailgatingModal .modal-body #list-preview .carousel-inner .carousel-control.left,
#tailgatingModal .modal-body #list-preview .carousel-inner .carousel-control.right {
    margin-top: -30px
}

#tailgatingModal .modal-body #list-preview .carousel-inner .carousel-control.left {
    margin-left: 0
}

#tailgatingModal .modal-body #list-preview .carousel-inner .carousel-control.right {
    margin-right: 0
}

#tailgatingModal .modal-footer {
    padding: 10px 0;
    border: 0
}

.row-setting.row-roster {
    padding-left: 3%
}

.row-roster .form-horizontal {
    padding-bottom: 0px;
}

.row-roster .modal .form-group {
    margin-bottom: 10px;
}

.row-roster .modal .form-group p {
    margin: 0px;
}

.row-roster .calendar {
    overflow: hidden;
    overflow: auto;
}

.row-openhours .schedules ul {
    padding: 0px;
    margin: 0px;
}

.row-openhours .schedules ul li {
    display: inline-block;
    text-align: center;
}

.row-openhours .schedules ul li.today_li {
    width: 100px;
}

.row-openhours .schedules ul li.date_li {
    padding: 0px 15px;
}

.row-roster .calendar table .input-text {
    margin-top: 7px;
}

.row-roster .calendar table {
    position: relative;
    overflow: hidden;
    border-collapse: collapse;
}

.row-roster .calendar thead {
    position: relative;
    display: block;
    overflow: visible;
}

.row-roster .calendar thead th:nth-child(1) {
    position: relative;
    background-color: #fff;
    height: 65px;
    border-right: 1px solid #cccccc40;
    display: block;
}

.row-roster .calendar thead th:nth-child(1), .row-roster .calendar tbody td:nth-child(1) {
    min-width: 170px;
}

.row-roster .calendar tbody {
    position: relative;
    display: block;
    overflow: auto;
}
.row-roster .input-text .input-group .input-group-btn .btn { padding: 7px 8px; }

.row-roster .calendar tbody tr td:nth-child(1) {  /*the first cell in each tr*/
    position: relative;
    height: 110px;
    border-right: 1px solid #cccccc40;
    display: block; /*seperates the first column from the tbody*/
}

.row-roster .calendar thead th,.row-roster .calendar tbody td {
    min-width: 240px;
    border-right: 1px solid #cccccc80;
}

.row-roster .calendar tbody td.empty_spot {
    min-height: 40px;
    text-align: center;
}

.row-roster .calendar tbody td.empty_spot .filledspot {
    display: block;
    height: inherit;
    margin-bottom: 5px;
}

.row-roster .calendar tbody td.empty_spot .filledspot p {
    font-size: 13px;
    display: block;
    display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.row-roster .calendar tbody td.empty_spot .emptyspot {
    display: inline-block;
    margin: 0px 0px 5px;
}

.row-roster .calendar tbody td.staff_spot .staff_profile {
    width: 100%;
    --lh: 1.4rem;
    line-height: var(--lh);
}

.row-openhours .calendar tbody td.staff_spot .staff_profile .imgbox {
    width: 100px;
    float: left;
}

.row-roster .calendar tbody td.staff_spot .contactbox {
    float: left;
    --max-lines: 6;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
    width: 120px;
}

.row-roster .calendar tbody td.staff_spot .contactbox h5 {
    font-size: 13px;
    margin: 1px 0px;
    text-align: left;
}

.row-openhours .calendar tbody td.staff_spot .contactbox p {
    font-size: 11px;
    text-align: left;
}

.row-roster .calendar .table tbody .empty_spot .filledspot .alert {
    border: 1px solid #72a072;
    height: 100%;
    margin-bottom: 0px;
    padding: 10px;
    text-align: left;
}

.row-roster .calendar .table tbody .empty_spot .filledspot .alert h5 {
    margin: 0px 0px 5px;
}

.row-roster .calendar #headerfixed {
    position: fixed;
    top: 55px;
    display:none;
}

.row-roster .calendar #headerfixed th {
    background-color: #fff;
}

.row-inventory td,
.row-inventory th,
.row-productpurchase td,
.row-productpurchase th,
.row-stoketake td,
.row-stoketake th {
    border-bottom: 1px solid #ccc
}

.row-setting.row-financial .page-header {
    margin-top: 25px;
    padding-left: 0;
    padding-right: 0
}

.row-setting.row-financial .page-header h2,
.row-setting.row-financial .selectboxlabel .form-group .input-text .checkbox {
    margin: 5px 0
}

.row-inventory .tableContent tr:hover,
.row-productpurchase .tableContent tr:hover,
.row-stoketake .tableContent tr:hover {
    background-color: rgba(192, 192, 192, .19);
    cursor: pointer
}

.row-productpurchase .filterbox .filter-title {
    padding: 0;
    margin-bottom: 20px
}

.row-productpurchase .filterbox .filterbox-content {
    border: 1px solid #ccc;
    padding: 10px 5px;
    border-radius: 2px;
}

.row-productpurchase .filterbox .control-label {
    padding: 0
}

.row-productpurchase .filterbox .input-text {
    padding: 0 2px;
}

.row-productpurchase .maincontent {
    margin: 20px 0px;
}

.row-productpurchase .maincontent .stockdelivery-details .table-responsive,
.row-productpurchase .maincontent .stockdelivery-list .table-responsive {
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.row-productpurchase .maincontent .page-header-box h4 {
    padding: 0px;
}

.row-productpurchase .maincontent .page-header-box {
    min-height: 44px;
}

.row-productpurchase .maincontent .noresultbox {
    margin: 20% auto;
    width: 250px;
}

.row-productpurchase .maincontent .noresultbox h4 {
    font-size: 18px;
    color: #ccc;
}

.row-productpurchase .maincontent .endbar-table {
    margin: 5px 0px;
    text-align: right;
}

.row-productpurchase .filterbox .filter-button,
.row-productpurchase .endbar {
    margin: 5px 0px;
    text-align: center;
}

.row-productpurchase #view {
    overflow: auto;
    height: 700px
}

.row-productpurchase .form-group.productlist .input-text {
    padding: 0 15px
}

.row-productpurchase .end-bar {
    margin: 10px 0;
    text-align: center
}

.row-productpurchase .box.purchaseinfo {
    margin-top: 10px
}

.row-productpurchase .box {
    border: 1px solid #ccc;
    padding: 10px 0px;
    margin-bottom: 5px;
    border-radius: 2px
}

.row-productpurchase .box .header-bar {
    text-align: center
}

.row-productpurchase .titlefilter,
.row-productpurchase .titlefilter h3 {
    margin: 5px 0px;
}

.row-productpurchase .table-productpurchase {
    margin: 10px 0 10px
}

.row-stoketake {
    padding: 1% 0 0 4%
}

.row-stoketake .header-button {
    padding: 0px 30px;
    text-align: right
}

.row-stoketake .print_stocktake {
    padding: 0px 30px 10px 30px;
    text-align: right
}

.row-stoketake.edit .header {
    margin-bottom: 20px
}

.row-stoketake .control-label {
    padding: 0;
}

.row-productpurchase .filterbox .form-group {
    padding: 0 5px;
    margin-bottom: 5px;
}

#modal_alert .modal-content .modal-body {
    padding: 15px 0px;
    text-align: center;
}

.row-stoketake .form-group .input-note {
    padding: 0;
    text-align: center
}

.row-stoketake .filterbox .input-text {
    padding: 0 2px;
    margin-bottom: 10px
}

.row-stoketake .table-productpurchase {
    margin: 10px 0 0
}

.row-stoketake #contentdiv {
    overflow: hidden
}

.row-stoketake #leftSideTable {
    padding-right: 20px
}

.row-stoketake #headingTable {
    width: 100%;
    margin-right: 20px
}

.row-stoketake #tableMain {
    width: 100%
}

.row-stoketake td,
.row-stoketake th {
    padding: 5px;
    width: 10%
}

.row-stoketake th {
    text-align: center;
    color: #848484
}

.row-stoketake td {
    text-align: center
}

.row-stoketake .xscroll {
    overflow: auto;
    height: 420px
}

.row-stoketake .form-group.productlist .input-text {
    padding: 0 15px
}

.row-stoketake .end-bar-button {
    text-align: center;
    margin-bottom: 20px
}

.row-stoketake .end-bar {
    margin: 40px 0;
    text-align: center;
    padding: 0
}

.row-stoketake .end-bar .form-group {
    padding-left: 5px;
    padding-right: 5px
}

.row-report-print.stocktake-print .print-header {
    margin-bottom: 40px
}

.row-report-print.stocktake-print .print-header h3 {
    text-align: center
}

.row-inventory .headerbar {
    text-align: right
}

.row-inventory #inventory_main {
    margin: 10px 0px;
}

.row-inventory .form-group.totalcost {
    margin: 20px 0px;
}

.row-inventory .input-text {
    padding: 0 2px
}

.row-inventory #contentdiv {
    overflow: hidden
}

.row-inventory #leftSideTable {
    padding-right: 15px
}

.row-inventory #headingTable {
    width: 100%;
    margin-right: 0px
}

.row-inventory #tableMain {
    width: 100%
}

.row-inventory td,
.row-inventory th {
    padding: 6px 5px;
    width: calc(100% / 7);
}

.row-inventory th {
    color: #848484
}

.row-inventory .xscroll {
    overflow: auto;
    height: 600px
}

.row-inventory .form-group.productlist .input-text {
    padding: 0 15px
}

.row-inventory .end-bar {
    margin: 40px 0;
    text-align: center
}

.row-readers-and-doors-content {
    padding-left: 2%
}

.row-readers-and-doors-content .table .short {
    width: 10%;
}

.row-readers-and-doors-content .setting-bottom-table {
    margin-top: 30px
}

.row-readers-and-doors-content .setting-bottom-table .gatekeeper-name {
    margin: 10px 0 20px
}

.row-readers-and-doors-content .box-setting .gatekeeper-name a { margin-bottom: 5px; }

.row-setting.row-sms-template.row-assetfile {
    padding-left: 3%
}

.row-assetfile .form-group .box {
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 2px
}

.row-assetfile .form-group .control-label,
.row-assetfile .form-group .outerbox {
    padding: 0
}

.row-assetfile .form-group .box ul {
    list-style-type: none;
    padding: 0
}

.row-assetfile .form-group .box ul li {
    margin-bottom: 10px
}

.row-assetfile .form-group .box ul li a {
    font-weight: 600
}

.row-assetfile .form-group .box ul li .btn-delete {
    float: right;
    padding: 1px 4px
}

.row-setting.row-global-workout {
    padding-left: 3%
}

.row-global-workout .row-global-workout-content,
.row-global-workout .row-global-workout-content .box,
.row-global-workout .row-global-workout-content .panel {
    padding: 0
}

.row-global-workout .row-global-workout-content .end-bar {
    text-align: center;
    margin: 10px 0
}
/*
#footer ul {
    list-style-type: none;
    font-size: 12px
}

#footer li {
    margin-bottom: 2px
}

#footer a:not(.btn) {
    color: #3F3939
}

#footer .submitFeedback {
    color: #fff
}

.member-footer-links {
    margin: 40px 0px 0px;
}

.member-footer-links h6 {
    position: relative;
    font-weight: 600;
    color: #3F3939;
    text-align: center;
    font-size: 14px
}

.member-footer-links li a {
    color: #585858!important;
    font-weight: 400;
    font-size: 13px
}

.member-footer-links li i {
    color: #5a5a5a!important;
    font-size: 7px
}

.member-footer-links ul {
    padding-left: 0
}

.member-footer-links ul li {
    display: inline;
    color: #fff
}

.member-footer-links li {
    display: inline;
    margin: 0 2px
}

.member-footer-links a {
    cursor: pointer;
    width: 60px
}

.member-footer-links .footer-member ul,
.member-footer-links .footer-membership-card ul {
    text-align: center
}

.member-footer-links .footer-member .circle {
    bottom: 2px
}

#footer .footer-bottom {
    position: relative;
    padding-top: 20px;
    background-color: #2D2D2D
}

#footer .footer-bottom .left-box .version-box {
    color: #fff;
    font-weight: 400;
    text-align: center;
    width: 80px;
}

#footer .footer-bottom .left-box,
#footer .footer-bottom .left-box .version-box,
#footer .footer-bottom .left-box .version-box .img-version,
#footer .footer-bottom .left-box .version-box .text-version { padding: 0px; }

#footer .footer-bottom .left-box .version-box .img-version img {
    width: 30px;
}

#footer .footer-bottom .left-box .version-box .text-version h6 {
    margin: 5px 0px 0px;
    color: #969696;
}

#footer .footer-bottom .right-box {
    float: right;
    padding-top: 10px
}

#footer .footer-bottom .left-box .content h6 {
    color: #777;
    font-size: 12px;
    line-height: 1.6
}

#footer .footer-bottom .left-box .content .top-line {
    padding-bottom: 5px;
    border-bottom: 1px solid #423E3E
}

#footer .footer-bottom .left-box .content .top-line .version-image {
    height: 30px;
    margin: 0px 5px 5px;
    position: absolute;
    top: 0px;
}

#footer .footer-bottom .left-box .content .bottom-line a {
    color: #A9A8A8
}

#footer .language {
    padding: 0px;
    width: 230px;
    z-index: 10;
}

#footer .language .form-group {
    margin: 0px;
    padding: 0px;
    width: 130px;
}

#footer .language .form-control {
    float: left;
    display: inline-block;
    padding: 6px;
    position: relative;
    height: auto;
    font-size: 12px;
    border-radius: 2px;
    background-color: transparent!important;
    color: #fff
}

#footer .language .form-control option:not(:checked) {
    background-color: transparent;
    color: #fff
}

#footer .language .form-control option {
    margin: 40px;
    background: rgba(0, 0, 0, .66)!important;
    color: #fff!important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4)!important
}

#footer .language .button_confirmation #base_language_submit {
    border-radius: 2px;
    padding: 7px;
    font-size: 12px;
}

#footer .language .button_confirmation {
    padding: 0px;
    text-align: center;
    width: 100px;
}

#footer .footer-bottom .feedback-box {
    text-align: center;
    margin: 0px 0 20px 0;
    padding: 0
}

#footer .footer-bottom .feedback-box .feedback-box-content {
    padding: 0
}

#footer .footer-bottom .feedback-box h5 {
    color: #F0F0F0
}

#footer .footer-bottom .feedback-box .feedback-box-content .feedback-text-box {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 500px
}

#footer .footer-bottom .feedback-box .feedback-box-content .feedback-text-box .form-control-feedback-custom {
    position: relative;
    width: 100%;
    text-align: left;
    top: 0
}

#feedbackResponse,
.coming-soon,
.datepicker-switch,
.today {
    text-align: center
}

#footer .footer-bottom .feedback-box .feedback-text-box .checkbox label {
    color: #fff
}

#footer .footer-bottom .feedback-box .submitFeedback {
    position: relative;
    margin-top: 1%
}

#feedbackResponse {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .56);
    z-index: 1050;
    opacity: 1;
    transition: opacity .4s ease-in 0s
}

#feedbackResponse .feedbackContent {
    width: 600px;
    height: 250px;
    position: relative;
    margin: 10% auto;
    padding: 15px 25px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

#feedbackResponse h3 {
    margin-bottom: 25px
}

#feedbackResponse h5 {
    margin-bottom: 15px
}

#feedbackResponse .feedbackFooter {
    margin-top: 35px
} */

.datepicker {
    /* z-index: 123470!important; */
    padding: 6px 12px!important
}

.datetimepicker {
    z-index: 12000
}

.popup-photo {
    padding: 0 15px 0 0
}

.coming-soon {
    position: relative;
    width: 700px;
    margin: 200px auto
}

.coming-soon h2 {
    font-size: 45px
}

.coming-soon h4 {
    font-size: 30px
}

.coming-soon .form-horizontal {
    margin: 10px 0
}

.coming-soon .form-horizontal .form-group .control-label {
    text-align: center;
    margin-bottom: 10px
}

.coming-soon .form-horizontal .form-group .enquiry-submit-button .btn {
    margin-top: 20px
}

.row-find-member .row-find-member-content .historic {
    background-color: #E0E0E0;
    border: 1px solid #e0e0e0
}

.row-find-member .row-find-member-content .historic h4,
.row-find-member .row-find-member-content .historic p {
    color: #888
}

.row-find-member .row-find-member-content .historic .glyphicon {
    color: #800
}

.row-find-member .row-find-member-content .historic .square-box {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%)
}

.fa-person-running {
    max-width: 13px!important
}

.photoimg .camerabutton {
    padding: 3px 6px;
    font-size: 13px
}

.content-side .button-photo-group {
    position: absolute;
    width: inherit;
    bottom: 5px
}

.content-side .button-photo-group .btn-edit-profile {
    float: right;
    padding: 2px 5px;
    margin-right: 5px;
}
.content-side .button-photo-group .btn-edit-profile .gmi {
    margin: 0px;
    line-height: 1.2;
}

.row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table .table>tbody>tr.green-font>td {
    color: #46B617
}

.row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table .table>tbody>tr.red-font>td {
    color: red
}

.row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table .table>tbody>tr.blue-font>td {
    color: #1214D5
}

.row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table .table>tbody>tr.gray-font>td {
    color: #B8B4B4
}

.datepicker table {
    border-collapse: separate;
}

.datepicker-days td.day.datepicker-day-highlight:not(.active) {
    border: solid 1px #204d74;
    border-radius: 5px;
}


.datepicker-days td.day.datepicker-day-highlight:hover:not(.active) {
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
}

.print-label {
    display: none;
}

.show-pagination {
    text-align: right;
}

.paginate_button {
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.paginate_button.current {
    z-index: 3;
    color: #ddd;
    background-color: #337ab7;
    border-color: #ddd;
}

.paginate_button.previous {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.paginate_button.next {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.paginate_button.disabled {
    background-color: #d2d2d2;
    color: #000
}

select[name="exercise_container_length"] {
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

@media print and (color){

    *, :after, :before {  -webkit-print-color-adjust: economy !important; }
    body {
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 10px;
        margin: 0!important;
        background: #fff !important;
        overflow: visible!important;
        width: 100%;
        padding: 0;
        display: block;
        -webkit-print-color-adjust: economy  !important;
    }
    #wrap, body,.affix-content { background-color: #fff; }
    .print-label {
        display: block;
        text-align: center;
        font-size: 12pt;
    }
    #footer, .navbar { display: none }
    h1,h2,h3,h4,h5,h6 { page-break-after: avoid }
    .affix-content, .affix-row { display: inline!important }
    .affix-content { padding-top: 0!important }
    .affix-row .affix-sidebar { display: none }
    img { max-width: 100%!important }
    img, ul { page-break-inside: avoid }
    a[href]:after {
        content: none!important
    }
    .row-report-print {
        display: inline;
        width: 100%!important;
        margin: 0!important;
        padding: 0!important
    }
    .table td, .table th {
        background-color: inherit !important;
    }
    .row-report-print .page-header { display: none; }
    .row-report-print.memberlog .page-header { display: inline!important; }
    .row-report-print.memberlog .buttonheader { display: none; }
    .row-report-print .print-header {
        display: inline!important;
        margin-top: 0!important;
        padding: 0
    }
    .row-report-print .print-header .left h3 { font-size: 18px; }
    .row-report-print .print-header .left h5 {
        font-size: 11px;
        margin: 5px 0px;
    }
    .row-report-print .table-report { margin-top: 20px; }
    .row-report-print .print-header .left h6.reportDesc { font-size: 11px; }
    .row-report-print .right {
        padding: 10px;
        display: inline!important
    }
    .row-report-print .right img {
        float: right;
        width: 30%;
    }
    .row-report-print.stocktake-print .right {
        position: absolute;
        right: 0;
        top: 0;
        width: 220px;
        height: 40px;
        overflow: hidden
    }
    .row-report-print.stocktake-print .right img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100%;
        width: auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .row-report-print.stocktake-print .print-header {
        margin-bottom: 0!important;
        border-bottom: 0
    }
    .row-report-print.stocktake-print .print-header h3 {
        font-size: 15px;
        margin: 10px 0 30px
    }
    .row-report-print.stocktake-print .print-header h4 {
        font-size: 10px!important;
        margin: 3px 0
    }
    .row-report-print.stocktake-print .table-report {
        margin-top: 10px
    }
    .row-report-print.stocktake-print .table-report td,
    .row-report-print.stocktake-print .table-report th {
        padding: 2px 8px;
        font-size: 8px
    }
    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #000!important
    }
    .row-productType .producttype-header {
        display: none!important
    }
    .row-productType .producttype-content .table-responsive {
        width: 100%;
        overflow: hidden
    }
    #classEnrolment {
        display: inline!important;
        margin-top: 0!important;
        padding-top: 0!important
    }
    #classEnrolment .page-print {
        display: none
    }
    #classEnrolment .gymmasterLogo,
    #mem_data_body {
        display: inline!important
    }
    #classEnrolment .gymmasterLogo img {
        margin-left: auto;
        width: 20%
    }
    .row-membershiptype-list .gymmasterLogo {
        display: inline!important;
        margin-bottom: 20px
    }
    .row-membershiptype-list .gymmasterLogo img {
        margin-left: auto
    }
    .row-membershiptype-list #mem_data_body .table .actions,
    .row-visithistory .rowside,
    .row-visithistory .table-container .headerbar {
        display: none
    }
    .row-visithistory .table-container #contentdiv {
        margin: 0
    }
    .row-visithistory .table-container,
    .row-visithistory .table-container #contentdiv,
    .row-visithistory .table-container #sideTable,
    .row-visithistory .table-container .tableHeadingContent {
        width: 100%!important
    }
    .row-visithistory .table-container .page-header {
        display: inline!important;
        margin: 0;
        text-align: center;
        border: 0
    }
    .button2 .btn, .row-side, .nav.nav-tabs, .visithistory-btns {
        display: none
    }
    .tab-pane {
        border: 0px;
    }
    .row-visitor { padding: 0px; display: inline; }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername { width: 100%; overflow: initial !important; text-overflow: inherit !important; }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox { width: 80% !important; }
    .row-visithistory .table-container .printbar {
        display: inline!important
    }
    .row-visithistory .table-container .printbar img {
        position: absolute;
        right: 0;
        top: 0;
        width: 30%
    }
    .row-visithistory .table-container .xscroll {
        height: auto!important
    }
    .row-visitor .container-fluid .row-fluid {
    	padding: 0px;
    }
    .row-visitor .container-fluid .row-fluid .printlogo {
        display: inline-block!important;
        width: 100%!important
    }
    .row-visitor .container-fluid .row-fluid .printlogo img {
        width: 30%!important;
        position: relative;
        right: 0;
        top: 0
    }
    .row-visitor .container-fluid .row-fluid .row-content,
    .row-visitor .container-fluid .row-fluid .row-content .table-visitor {
        display: inline-block!important
    }
    .row-visitor .container-fluid .row-fluid .row-content .save-button {
        display: none!important
    }
    .row-visitor .container-fluid .row-fluid .row-content .table-visitor #contentdiv,
    .row-visitor .container-fluid .row-fluid .row-content .table-visitor #headingscroller {
        overflow: visible!important
    }
    .row-visitor .container-fluid .row-fluid .row-content .table-visitor,
    .row-visitor .container-fluid .row-fluid .row-content .table-visitor #xscroll {
        height: 100%!important;
        overflow: visible!important
    }
    .row-visitor .logoprint {
        display: inline!important;
        text-align: right!important;
        margin-bottom: 10px
    }
    .row-visitor .logoprint img {
        width: 150px!important;
        margin-left: auto
    }
    .row-visitor .container-fluid .row-fluid .row-content .alert {
        border-color: #ababab!important
    }
    .row-visitor .header-print {
        display: inline!important;
        margin-bottom: 15px
    }
    .row-visitor #visitor-error-box,
    .row-visitor .row-content .filterbox,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox:after,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox:before {
        display: none
    }
    .row-visitor .header-print h2 {
        font-size: 15px;
        margin-bottom: 0!important;
        padding: 0!important;
        line-height: 2px
    }
    .row-visitor .row-content .table-visitor-box {
        overflow: visible!important;
        padding: 0;
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent {
        padding: 2px 0!important;
        border-bottom: 1px solid #5d5d5d!important;
        margin: 0!important;
        height: 55px;
    }
    #visitor-content-box { width: 100%; }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox {
        width: 50%!important;
        border: 0!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitdetails {
        background-color: transparent!important;
        color: #282828!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .infobox {
        height: auto!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdoor {
        position: relative!important;
        bottom: auto
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .imgbox,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .tailgating {
        display: none!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox {
        width: 50%!important;
        margin: 0!important;
        background: 0 0!important;
        border: 0!important;
        box-shadow: 0 0 0!important;
        position: relative!important;
        float: right;
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visit_tag {
    	display: none;
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .infobox .reasonmessage {
    	height: auto;
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername h4 {
    	font-size: 16px;
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .numbervisit {
        width: auto!important
    }
    .row-report-print.visitorprint {
        width: 100%; padding: 5px !important;
    }
    .row-report-print.visitorprint .visitor-tables table thead tr th, .row-report-print.visitorprint .visitor-tables table tbody tr td {
        line-height: 1.4;
        padding: 6px;
    }
    .row-inventory .headerbar a{
        display: none
    }
    .row-inventory .headerbar .form-group,
    .row-inventory .printheaderbar {
        display: inline!important;
        border: 0px solid #fff;
        margin-bottom: 0px
    }
    .row-inventory .totalcost.form-group {
        width: 400px !important;
    }
    .row-inventory .totalcost.form-group .control-label {
        padding: 0px;
    }
    .row-inventory .totalcost.form-group .form-control {
        height: 15px !important;
    }
    .row-inventory .page-header {
        text-align: center
    }
    .row-inventory .printheaderbar img {
        width: 15% !important;
        position: absolute;
        top: 0;
        right: 0
    }

    .row-inventory .headerbar,
    .row-inventory .headerbar .form-group,
    .row-inventory .headerbar .form-group .control-label,
    .row-inventory .headerbar .form-group .input-text {
        padding: 0!important;
        text-align: left!important
    }
    .row-inventory .headerbar .form-group .control-label {
        text-align: left!important
    }
    .xscroll,
    .xscroll #sideTable, #leftSideTable {
        height: 100%!important;
        /* width: 100%!important; */
        overflow: visible!important;
        padding: 0px !important;
    }
    .row-booking .booking-content .calendar #contentdiv #leftSideTable table tbody tr th, .row-booking .booking-content .calendar #contentdiv #xscroll table tbody tr td,
    .selectedcellBooking, .selectedcellClass, .selectedcellMeeting, .selectedcellMeeting2 { width: 208px !important; }
    .row-booking .booking-content .calendar td, .row-booking .booking-content .calendar th { padding: 0px !important; }
    #contentdiv,
    #headingscroller,
    #leftSideTable {
        overflow: visible !important;
    }
    .row-productpurchase .header-button,
    .row-productpurchase .form-group.historic_stocktake,
    .row-productpurchase .form-group .input-note { display: none; }
    .row-productpurchase .form-group { width: 100% !important; margin-bottom: 5px; }
    .row-productpurchase .form-group .control-label { padding: 0px; }
    .row-inventory .form-group .control-label {
        width: 150px !important;
    }
    .row-inventory .form-group .input-text {
        width: 400px !important;
    }
    .row-inventory .form-control {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .row-productpurchase .form-control {
        background-color: transparent;
        border: 0px;
        box-shadow: inset 0 0px 0px rgba(0,0,0,0);
        padding: 0px;
    }
    .row-productpurchase .header {
        padding: 0px;
        margin-bottom: 5px
    }
    .row-productpurchase .form-group {
        width: 230px;
        padding: 0px
    }
    .row-productpurchase .table-inventory {
        padding: 0px
    }
    .row-productpurchase #contentdiv,
    .row-productpurchase #contentdiv .tableHeadingContent,
    .row-productpurchase #sideTable {
        width: 100%
    }
    .row-productpurchase .form-group .control-label {
        float: left;
        width: 80px;
    }
    .row-productpurchase .form-group .input-text {
        float: left;
        width: 100px;
    }
    .row-inventory td,
    .row-inventory th {
        padding: 2px;
        width: 20%;
        padding-right: 0px
    }
    .row-inventory #headingTable {
        width: 100% !important
    }
    .row-productpurchase .form-group .input-text .form-control {
        padding: 0px !important;
        height: auto;
        font-size: 10px;
        background-color: transparent;
        border: 0px;
        font-weight: 600;
        -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
    }
    .row-booking { padding: 0px !important; }
    .row-booking .booking-content .print-header { display: inline-block; }
    .row-booking .booking-content .page-title, .row-booking .booking-content .page-title { padding: 0px; }
    #tableMain td .box .mname { font-size: 14px; width: 120px; }
    #tableMain td .box .mnumber { font-size: 14px; }
    .row-booking .booking-content .print-header h4 { margin-top: 0px; margin-bottom: 4px; font-size: 13px; }
    .row-booking .booking-content .search-content .form-group .input-class select { border: 0px; background-color: inherit; box-shadow: none; padding: 0px; margin: 0px; height: 18px; font-size: 13px; }
    .row-booking .booking-content .search-content .form-group .input-class select:after { content: none !important; }
    .row-booking .booking-content .page-header { display: none; }
    .row-booking .booking-content .calendar .timeTable { height: auto !important; float: left !important; }
    .row-booking .booking-content .calendar th, #headingTable tr th .th-inner a { font-size: 11px; word-break: break-word; }
    .row-booking .booking-content #timeLabel, .row-booking .booking-content #timeLabelWeekly, .row-booking .booking-content .th-name { height: 40px !important; }
    .row-booking .calendar .fixedTime .timeTitle table { width: 100% !important; }
    .row-booking .booking-content .page-title .page-title-right { display: none !important; }
    .row-booking .booking-content .calendar .timeTable, .row-booking #contentdiv #xscroll #sideTable { height: 100% !important; overflow: visible !important; }
    .row-booking .calendarweekly #contentdiv { width: 80% !important; float: left !important; }

}

.fixed-right,
.fixed-right-btn {
    position: fixed;
    background-color: #000;
    z-index: 100;
    right: 0
}

@media print and (orientation:portrait) {
    .print-header .left h3.reportName {
        font-size: 18px!important
    }
    .print-header .right img {
        width: 60%!important
    }
    .print-header .left h5,
    .row-report .table-report .totalRecord h5 {
        font-size: 11px!important
    }
}

.row-report-print .right {
    display: none
}

.row-report-print .page-header {
    margin-top: 0
}

.row-report-print .table-report .page-header {
    border: 0
}

.show {
    display: block!important
}

.showError {
    display: inline-block!important
}

.fixed-right {
    top: 50%;
    width: 200px;
    height: 200px
}

.fixed-right-btn {
    top: 30%
}

.row-setting.row-sms-template #cke_1_contents .cke_wysiwyg_frame {
    height: 400px!important
}

.row-company-details #cke_1_contents,
.row-company-details .cke_source,
.row-company-details .cke_wysiwyg_frame {
    min-height: 400px!important
}

.row-company-details #cke_1_contents,
.row-company-details .cke_wysiwyg_frame .cke_editable {
    margin: 0!important
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    width: 16px!important
}

.row-company-details.row-setting .form-group .report-list-btn #emaileditor p.static {
    color: #ddd
}

.process-row {
    display: table-row
}

.process {
    display: table;
    width: 80%;
    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 {
    white-space: normal
}

.btn-circle {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 6px 0;
    font-size: 20px;
    word-break: keep-all;
    line-height: 1.428571429;
    border-radius: 30px
}

.row-company-details .chooseTemplate {
    margin: 20px 0
}

.row-company-details .description {
    text-align: center;
    margin: 20px 0
}

.row-company-details .templatePreview .preview table {
    margin: auto
}

.row-company-details .editBar,
.row-company-details .endBar,
.row-company-details .templateButtons {
    text-align: center;
}

.row-company-details .templateButtons .menuButton .btn.active {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .125) inset
}

.row-company-details .companyTemplateContent .buttonbar {
    text-align: center;
    margin: 5px 0
}

.imagebox .triggeraddimage {
    padding: 0;
    margin-bottom: 10px
}

.imagebox .imagebox {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 10px;
    background-color: rgba(246, 246, 251, .29);
    margin-bottom: 10px;
    -webkit-box-shadow: 1px 2px 2px 0 rgba(50, 50, 50, .28);
    -moz-box-shadow: 1px 2px 2px 0 rgba(50, 50, 50, .28);
    box-shadow: 1px 2px 2px 0 rgba(50, 50, 50, .28);
    max-height: 350px;
    overflow-y: scroll
}

.imagebox .imagebox .buttonbar {
    margin-bottom: 10px;
    text-align: center
}

.imagebox .imagebox .listone,
.imagebox .imagebox .listone .img_tumbnail {
    padding: 5px
}

.imagebox .imagebox .listone .img_tumbnail {
    border: 1px solid #ccc
}

.imagebox .imagebox .listone .img_tumbnail a {
    display: block
}

#new_mem_table .mobiledisplay,
#studenttable .mobiledisplay,
.help-tip p,
.note-group-select-from-files {
    display: none
}

.imagebox .imagebox .listone .img_tumbnail.checked,
.imagebox .imagebox .listone .img_tumbnail:hover {
    cursor: pointer;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
    box-shadow: 0 1px 4px rgba(0, 0, 100, .3), 0 0 40px rgba(0, 0, 100, .1) inset;
    border: 1px solid #aaf
}

.imagebox .imagebox .listone img {
    margin: auto;
    max-height: 90px
}

.row-company-details .endBar {
    margin: 5% 0 2%
}

.row-company-details .editBar {
    margin: 10px 0
}

.row-company-details .chooseColor .colorPlate,
.row-company-details .companydetails-content .logoPreviewBox {
    text-align: center
}

.row-company-details .chooseColor .colorPlate .sp-replacer.sp-light {
    width: 20%;
    border-radius: 5px
}

.row-company-details .chooseColor .colorPlate .sp-replacer {
    border: 1px solid #C5C5C5;
    background: #F9F9F9
}

.row-company-details .chooseColor .colorPlate .sp-replacer.sp-light .sp-preview {
    width: 90%;
    height: 25px
}

.row-company-details .chooseColor .templateSample .sample {
    width: 400px;
    height: 400px;
    border: 1px solid #ccc;
    margin: 10px auto
}

.row-company-details .chooseColor .templateSample .sample .footer,
.row-company-details .chooseColor .templateSample .sample .header {
    height: 100px;
    width: 100%;
    border: 1px solid #ccc;
    text-align: center
}

.row-company-details .chooseColor .templateSample .sample.noHeaderColumn .content {
    height: 300px
}

.row-company-details .chooseColor .templateSample .sample .footer h3,
.row-company-details .chooseColor .templateSample .sample .header h3 {
    color: #ccc;
    font-weight: 600;
    margin-top: 30px
}

.row-company-details .chooseColor .templateSample .sample .content {
    height: 200px;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center
}

.row-company-details .chooseColor .templateSample .sample .content h3 {
    color: #ccc;
    font-weight: 600;
    margin-top: 28%
}

.row-company-details .chooseColor .templateSample .sample.oneColumn .content h3 {
    margin-top: 20%
}

.row-company-details .chooseColor .templateSample .sample.twoColumn .content .box {
    width: 198px;
    height: 100%;
    border: 1px solid #ccc
}

.row-company-details .chooseColor .templateSample .sample.twoColumn .content .right {
    float: right
}

.row-company-details .chooseColor .templateSample .sample.twoColumn .content .left {
    float: left
}

.note-editor {
    width: 100%
}

.note-editor .note-editable {
    background-color: #fff;
    min-height: 400px
}

#overdueAccount h3,
.row-membershiplistNzsia .producttype-header .page-header h1 {
    margin-top: 0
}

.tooltip>.tooltip-inner {
    min-width: 100px;
    padding: 15px;
    background-color: #404040
}

.tooltip.right .tooltip-arrow {
    border-right-color: #404040
}

.chosen-container.chosen-container-multi {
    width: 100%!important
}

.bold {
    font-weight: 600
}

.time-highlight {
    background-color: rgba(192, 192, 192, .66)
}

.row-membershiplistNzsia .producttype-header .page-header {
    margin: 0;
    border-bottom: 1px solid #ccc
}

.row-membershiplistNzsia .producttype-header .header {
    text-align: center
}

.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#rollHistoricModal .checkbox {
    margin: 0
}

#overdueAccount {
    text-align: center
}

#overdueAccount .modal-content {
    background-color: #d9534f;
    color: #fff
}

#overdueAccount .modal-header {
    border: 0
}

#overdueAccount .modal-body {
    padding: 20px
}

#workout .workout-tabcontent .button-header,
#workout .workout-tabcontent .note-panel,
#workout .workout-tabcontent .note-panel .panel,
#workout .workout-tabcontent .note-panel .panel .endbar,
#workout .workout-tabcontent .note-panel .panel .form-group {
    padding: 0
}

.workout-icon {
    padding: 1px;
}

#overdueAccount .modal-footer {
    text-align: center;
    border-top: 0
}

#overdueAccount h5 {
    font-size: 15px
}

#overdueAccount a {
    color: #e6e6e6;
    font-size: 15px;
    font-weight: 600
}

#workout {
    min-height: 760px
}

#workout .workout-tabcontent .note-panel .panel .endbar {
    text-align: center
}

.workout-panel .workout-content {
    min-height: 120px
}

.workout-panel table input,
.workout-panel table select {
    width: 100%;
    background: #fff
}

.workout-panel table .borderless {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none!important;
    background: 0 0
}

.workout-panel table td.mvn-val {
    text-align: right
}

.help-tip {
    text-align: center
}

.boxresult .file .progress div {
    font-size: smaller;
    background: orange;
    width: 0
}

.ng-cloak,
[ng-cloak] {
    display: none!important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.row-accounting {
    padding: 2% 1% 5% 3%
}

.help-tip {
    z-index: 1020;
    position: absolute;
    margin-left: 5px;
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default
}

.help-tip:before {
    content: '?';
    font-weight: 700;
    color: #fff
}

.help-tip p:after,
.help-tip p:before {
    content: '';
    position: relative
}

.help-tip:hover p {
    display: block;
    transform-origin: 100% 0;
    -webkit-animation: fadeIn .3s ease-in-out;
    animation: fadeIn .3s ease-in-out
}

.help-tip p {
    text-align: left;
    background-color: #1E2021;
    padding: 20px;
    width: 300px;
    position: relative;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    right: -4px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4
}

.help-tip p:before {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #1E2021;
    right: 10px;
    top: -12px
}

.help-tip p:after {
    width: 100%;
    height: 40px;
    top: -40px;
    left: 0
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(.6)
    }
    100% {
        opacity: 100%;
        transform: scale(1)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 100%
    }
}

.row-webcam .webcam-container {
    text-align: center
}

.row-webcam .webcam-container #webcam-div {
    margin: 40px auto
}

.row-setup {
    margin-bottom: 50px;
}

.row-setup .setupcontent .overview {
    margin: 0 auto;
    text-align: center;
}

.row-setup .setupcontent .overview.bill-status table td {
	vertical-align: middle;
}

.row-setup .setupcontent .overview.bill-status table td.notconfigured {
	color: red;
	font-weight: 600;
}

.row-setup .setupcontent .overview.bill-status table td.configured {
	color: #2d9b5d;
	font-weight: 600;
}

.row-setup .setupcontent .overview.bill-status table td a {
	padding: 5px 10px;
}

.row-setup . .overview.door-status,
.row-setup .setupcontent .overview.bill-status {
    margin-top: 25px;
}

.row-setup .setupcontent .overview.door-status .overview_content table tbody td {
	max-width: 150px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.row-setup .setupcontent .overview table {
    border: 1px solid #ddd;
}

.row-setup .setupcontent .overview.door-status table th {
    text-align: center;
}

.row-setup .setupcontent .overview .overviewbox .overview_status h3 {
    font-size: 20px
}

.row-setup .setupcontent .overview.door-status table td .active {
	font-weight: bold;
	color: #2d9b5d;
}

.row-setup .setupcontent .overview.door-status table td .off {
	font-weight: bold;
	color: red;
}

.row-setup .task-div .page-header {
	margin: 0px 0px 0px;
	padding: 0px;
}

.row-setup h2 {
	margin-bottom: 20px;
}

.row-setup .task-div .panel .panel-title .task_arrow {
	float: right;
}

.row-setup .task-div .panel.completed .panel-heading {
	background-color: rgba(46, 139, 87, 0.5);
}

.row-setup .task-div .panel.completed .panel-heading .panel-title {
	color: #216e42;
	font-weight: bold;
}

.row-setup .task-div .panel.completed .panel-heading .panel-title a:hover {
	border-bottom: 1px solid #216e42;
}

.row-setup .task-div .panel.completed .panel-heading .task_completed {
	color: #216e42;
	font-weight: bold;
	left: 40%;
	position: absolute;
	top: 10px;
}

.row-setup .task-div .panel.completed .panel-body {
	background-color: rgba(149, 199, 170, 0.46);
}

.row-setup .task-div .panel.completed .panel-body .complete_text {
	color: #476d42;
	font-weight: 400;
	text-align: center;
}

.row-setup .task-div .panel .panel-title-button {
	color: #333;
}

.row-setup .task-div .panel-body .table {
	margin: 20px 0px;
}

.row-setup .task-div .panel-body .table tr td {
	border: 0px solid;
	font-weight: 600;
}

.row-setup .task-div .panel-group fieldset.onboarding_fieldset {
    border: 1px groove #afafaf !important;
    padding: 10px !important;
    margin: 0 0 8px 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #808080;
    box-shadow: 0px 0px 0px 0px #808080;
    width: 100%;
}

.row-setup .task-div .panel-group fieldset {
	padding: 10px !important;
}

.row-setup .task-div .panel-group legend {
	border-bottom: none;
	color: #6e6e6e;
	font-size: 14px !important;
	font-weight: bold !important;
	padding: 0 5px;
	margin-bottom: 0px;
	text-align: left !important;
	width: auto;
}

#new_feature_modal .modal-dialog .modal-content,
#training_modal .modal-content {
	border-radius: 2px
}

.row.step div {
    margin-top: 10px
}

.overlay-training {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(6, 6, 6, .61);
    z-index: 199
}

.training_div {
	display: inline;
}

.row-membershiptype-properties .save-button-membership {
    display: inline-block;
    position: relative
}

.row-addproduct .addproduct-content .setting-end-bar {
    display: inline-block;
    position: relative
}

.row-sms-template .box-setting .training-box {
    padding: 0
}

.row-sms-template .setting-end-bar .setting-save-button {
    position: relative;
    display: inline
}

.row-tax-rate .membershiptype-properties-content .left-two .taxrate-content .page-header {
    margin-bottom: 5px;
}

.row-tax-rate .membershiptype-properties-content .left-two .taxrate-content .page-header.tax_rate_component {
    margin-top: 10px;
}

.row-tax-rate .membershiptype-properties-content .left-two .taxrate-content .page-header h4 {
    display: inline;
}

.row-tax-rate .membershiptype-properties-content .left-two .taxrate-content .page-header a, .row-tax-rate .membershiptype-properties-content .left-two .taxrate-content .page-header .btn {
    float: right;
}

.row-tax-rate .membershiptype-properties-content .left-two .taxrate-content .form-group {
    margin: 0px 0px 5px;
}

.row-tax-rate .membershiptype-properties-content .left-two .taxrate-content .form-group .checkbox label {
    padding-left: 40px;
}

.report-edit .main-content {
    padding: 0px;
}

.report-edit .main-content .page-header {
    margin: 5px 0px;
}

.report-edit .endbar {
    text-align: center;
    margin: 10px 0px;
    padding: 0px;
}

.report-edit .table tbody tr td {
    vertical-align: middle;
    padding: 2px 5px;
}

.report-edit .table tbody tr td .checkbox input[type=checkbox] {
    margin: 0px;
}

.report-edit .table .action,
.report-edit .table tbody tr td.sumTotal,
.report-edit .table tbody tr td.move,
.report-edit .table tbody tr td.remove {
    text-align: center;
}

.report-edit .table tbody tr td .form-control {
    padding: 5px;
    height: 30px;
    font-size: 12px;
}

.report-edit .table tbody tr td a {
    padding: 3px 5px;
}

.row-setting.row-xero-integration .xero-connect {
    margin: 20px 0px;
}

.row-setting.row-xero-integration .xero-connect img {
    margin: 0px auto;
}

.row-taxbreakdown .form-control.datepicker {
    z-index: 1 !important;
}

.row-taxbreakdown .form-group .input-text {
    padding: 0px;
}

.row-taxbreakdown .endbutton {
    text-align: center;
}

.row-taxbreakdown .main-content .page-header {
    padding: 0px;
}

.row-taxbreakdown .page-header {
    text-align: center;
}

.row-taxbreakdown .searchlist,
.row-taxbreakdown .main-content .tax-sale-table {
    padding: 0px
}

.row-taxbreakdown .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

#new_feature_modal .modal-dialog .modal-content .modal-header {
    padding: 10px 0;
    border: 0
}

#new_feature_modal .modal-dialog .modal-content .modal-body {
    padding: 0
}

#new_feature_modal .modal-dialog .modal-content .modal-body .box {
    height: 400px;
    padding: 0
}

#new_feature_modal .modal-dialog .modal-content .modal-body .box-img {
    position: relative;
    text-align: center;
    overflow: hidden
}

#new_feature_modal .modal-dialog .modal-content .modal-body .box-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#new_feature_modal .modal-dialog .modal-content .modal-body .box-text h3 {
    margin: 0
}

#new_feature_modal .modal-dialog .modal-content .modal-body .box .modal_heading {
    color: #4384ca;
    padding: 0;
    margin-bottom: 20px
}

#new_feature_modal .modal-dialog .modal-content .modal-body .box .modal_heading h6 {
    margin: 0 0 5px;
    font-size: 14px
}

#new_feature_modal .modal-dialog .modal-content .modal-body .box p i {
    color: #32a932
}

#new_feature_modal .modal-dialog .modal-content .modal-body .box p a {
    font-weight: 600
}

.row-family-membership .family_member_content .table {
    margin-bottom: 0px;
}
.row-family-membership .family_member_content .table>thead>tr>th {
    border-bottom: 1px none;
}

.row-family-membership .family_member_content .table thead th.short,
.row-family-membership .family_member_content .table tbody td.short {
    width: 10%;
}

.row-family-membership .family_member_content .table thead th.long,
.row-family-membership .family_member_content .table tbody td.long {
    width: 20%;
}

.row-family-membership .family_member_content .page-header {
    margin-top: 0;
    border-bottom-color: #dadada;
    padding-left: 0;
    padding-right: 0
}

.row-family-membership .family_member_content .page-header h2 {
    font-size: 25px;
    margin-top: 10px
}

.row-family-membership .family_member_content .master_account_content {
    padding: 0;
    margin-bottom: 40px
}

.row-family-membership .family_member_content .adding-new {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid rgba(204, 204, 204, .56);
}

.row-family-membership .family_member_content .adding-new #add_found_member_container,
.row-family-membership .family_member_content .adding-new #found_member_shared_membership_container,
.row-family-membership .family_member_content .adding-new #add_member_shared_membership_container {
    padding: 0px;
}
.row-family-membership .family_member_content .adding-new #add_found_member_container .end-bar,
.row-family-membership .family_member_content .adding-new #add_member_shared_membership_container .end-bar {
    text-align: center;
    margin: 10px 0px;
}
.row-family-membership .family_member_content .adding-new #add_found_member_container h3,
.row-family-membership .family_member_content .adding-new #add_member_shared_membership_container h3 {
    text-align: center;
    margin: 0px 0px 10px;
}

.row-family-membership .family_member_content .adding-new #add_found_member_container .form-group p,
.row-family-membership .family_member_content .adding-new #add_member_shared_membership_container .form-group p {
    text-align: center;
    margin: 4px 0px;
    font-size: 13px;
}

.row-family-membership .family_member_content .adding-new #add_found_member_container .checkbox,
.row-family-membership .family_member_content .adding-new #add_member_shared_membership_container .checkbox {
    margin: 8px 0px;
}

.row-family-membership .family_member_content .adding-new #add_found_member_container .items,
.row-family-membership .family_member_content .adding-new #add_member_shared_membership_container .items {
    float: none;
    margin: 10px auto;
}

.row-family-membership .family_member_content .find-new .search_result_box,
.row-family-membership .family_member_content .adding-new #add_member_shared_membership_container .search_result_box {
    max-height: 500px;
    overflow: auto;
}

.row-family-membership .family_member_content .adding-new .page-header h4 {
    margin: 0
}

.row-family-membership .family_member_content .adding-new .form-group {
    margin-bottom: 10px
}

.row-family-membership .family_member_content .adding-new .form-group,
.row-family-membership .family_member_content .adding-new .form-group .control-label {
    padding: 0
}

.row-family-membership .family_member_content .adding-new .form-group .control-label {
    text-align: left;
}

.row-family-membership .contact_emergency_contact.adding-new .form-group .radio label {
    margin-right: 10px
}

.row-family-membership .family_member_content .adding-new .endbar {
    text-align: center;
    margin-top: 20px
}

.row-family-membership .family_member_content .adding-new .endbar .btn {
    padding: 12px 15px;
    border-radius: 2px
}

.row-family-membership .family_member_content .find-new .search_result_box {
    padding: 0
}

.row-family-membership .family_member_content .find-new .search_result_box .items {
    margin-bottom: 10px
}

.row-family-membership .family_member_content .adding-new #add_found_member_container {
    text-align: center;
    margin: 10px 0px;
}

.row-family-membership .family_member_content .memberResult-content {
    background: #FBFBFB;
    border: 1px solid #DBDBDB;
    box-shadow: 0 2px 2px #CCC;
    margin-bottom: 5px;
    height: 100px;
    width: 100%;
    padding: 0
}

.row-family-membership .family_member_content .memberResult {
    padding: 0;
    overflow: initial;
}

.row-family-membership .family_member_content .memberResult .memberResult-content a.memberlink {
    color: #333;
    height: inherit
}

.row-family-membership .family_member_content .memberResult .memberResult-content a.memberlink:hover {
    color: #333;
    text-decoration: none;
    height: inherit
}

.row-family-membership .family_member_content .form-group .input-text {
    padding: 0px;
}

.row-family-membership .family_member_content .memberResult .memberResult-content .memberPhoto {
    position: relative;
    margin-right: 10px;
    text-align: center;
    height: inherit;
    width: 90px;
    overflow: hidden;
    padding: 0
}

.row-family-membership .family_member_content .memberResult .memberResult-content .memberPhoto img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: inherit;
    width: auto;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.row-family-membership .family_member_content .memberResult-details {
    text-align: left;
    padding-left: 5px;
    padding-right: 0;
    height: inherit;
    width: 50%;
    float: left;
    overflow: hidden;
}

.row-family-membership .family_member_content .memberResult-details h6 {
    margin: 0
}

.row-family-membership .family_member_content .memberResult-details .memberName {
    padding: 0;
    height: auto !important;
    width: 100%;
    margin: 1px 0px 3px;
}

.row-family-membership .family_member_content .memberResult-action {
    padding: 7px 1px;
    position: absolute;
    right: 2%;
    top: 20px
}

.row-family-membership .family_member_content .memberResult-action .btn {
    border-radius: 2px;
    padding: 2px 5px;
}

.row-family-membership .family_member_content .memberResult-action .btn-right {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    margin-top: 0;
    padding: 7px 10px;
    border-radius: 2px
}
.row-family-membership .family_member_content .memberResult-action .btn-right.bookingaddmember_btn {
    margin-top: 0;
    padding: 6px 20px
}
.row-family-membership .family_member_content .items.add_new {
    border: 2px dashed #ddd;
    height: 100px
}

.row-family-membership .family_member_content .items.add_new .add_new_content {
    width: 205px;
    margin: 10px auto
}

.row-family-membership .family_member_content .items.add_new .add_new_content .btn {
    border-radius: 2px;
    padding: 6px 20px;
    margin: 2px;
    width: 200px
}

.row-family-membership .family_member_content .adding-new .form-group .btn-tag {
    background-color: #D2D2D2;
    border-color: #B6B6B6;
    color: #000;
}

.row-attendance  .topfilter .form-group {
	padding: 0px;
}
#new_feature_modal .modal-dialog .modal-content .modal-footer {
    border: 0;
    padding: 10px
}

#measurement-photos .thumb {
    padding: 5px;
    max-width: 200px;
    max-height: 150px
}

#measurement-photos-view .thumb {
    padding: 5px;
    max-width: 300px;
    max-height: 300px
}

#measurement-photos-table {
    table-layout: fixed;
    width: 100%;
}

.thumb #photoimg {
    width: 100%;
    height: auto;
}

@media (max-width:1000px) {
    #form_member_photo {
        display: none;
    }
}

.confidential_content {
    text-security: disc;
    -webkit-text-security: disc;
    -mox-text-security: disc
}


.classManagementContent .memberResult {
	max-height: none;
}

.memberResult .memberResult {
    padding-left: 19px;
    padding-right: 0
}

.memberResult .memberbox {
    margin-bottom: 5px
}

.form-group .memberResult_div {
    float: right;
    margin: 10px 0px;
    background-color: #fff;
    max-height: 300px;
    padding: 10px;
    border: 1px solid #dedede;
    overflow: auto;
}

#classmemberlist .memberResult, #groupmemberlist .memberResult {
    overflow: visible;
}

#classmemberlist .memberResult-action, #groupmemberlist .memberResult-action {
    overflow: visible;
    z-index: auto;
}

#classmemberlist .overlay, #groupmemberlist .overlay {
    overflow: visible;
    z-index: auto;
}

#booking_card_dropdown {
    top: auto;
}

#booking_card_dropdown a {
    margin: 0px;
}

.main-content .page-header {
    margin: 20px 0px;
}

.main-content .page-header h3 {
    margin: 0px;
}

.main-content .table-default .table tr td.checkbox_td {
    text-align: center;
}

.main-content .table-default .table tr td {
    padding: 5px 5px;
    /*vertical-align: middle;*/
}

/* don't add parent classes to these pagination ones, as they need to work on multiple pages */
.pagination {
    margin: 0px;
}

.pagination_bar {
    padding: 0px;
    margin: 10px 0px;
}

.pagination_bar ul {
    float: left;
}

.pagination_bar .display_filter {
    margin: 7px 0px;
}

.pagination_bar .display_filter li a {
    display: inline-block;
}

.pagination_bar .display_filter li a.disabled {
    color: gray;
    pointer-events: none;
}

.pagination_bar .display_filter li {
    display: inline-block;
    margin: 0px 10px;
    font-weight: 400;
}

.main-content .table-default .form-group.search_bar .control-label {
    text-align: right;
}

.main-content .table-default .table tr:hover,
.main-content .table-default.table-striped>tbody>tr:nth-of-type(odd):hover {
    background-color: #efefef;
}

.main-content .table-default .table tr.checked {
    background-color: #507AAA !important;
    color: #fff;
}

.main-content .table-default .table tr.checked a {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 400;
}

.main-content .table-default .table tr.checked a.btn-default {
	color: #000;
}

.main-content .table-default .table tr.checked .btn-danger {
    color: #fff;
    background-color: #d9534f;
}

.main-content .table-default .table tr.checked .btn-primary {
    border-color: #8dbaef;
}

.main-content .table-default .table .action_head {
    width: 10%;
    text-align: center;
}

.main-content .table-default .table th.header {
	background-image: url(../images/table-sorter-arrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	vertical-align: middle;
}

.main-content .table-default .table th.headerSortUp {
    background-image: url(../images/table-sorter-arrow-up.gif);
}

.main-content .table-default .table th.headerSortDown {
    background-image: url(../images/table-sorter-arrow-down.gif);
}

.main-content .table-default .table .action {
    width: 3%;
}

.main-content .table-default .table .action .btn {
    padding: 2px 8px;
    font-size: 13px;
}

.main-content .table-default .checkbox_td .checkbox {
    text-align: center;
}

.main-content .table-default .checkbox_td .checkbox label {
    padding: 0px;
}

.main-content .table-default .checkbox_td .checkbox label input[type=checkbox] {
    margin: 0px;
}

.main-content #contextMenu li span {
    margin-right: 5px;
}

.main-content #contextMenu .edit_li a {
    color: #337ab7;
}

.main-content #contextMenu .edit_li a:hover {
    background-color: #337ab7;
    color:#fff;
}

.main-content #contextMenu .trash_li a {
    color: #d9534f;
}

.main-content #contextMenu .trash_li a:hover {
    background-color: #d9534f;
    color:#fff;
}

.main-content .table-collapse tbody .tr_show td,
.main-content .table-collapse tbody .tr_hidden .hidden_table_div table tr td  {
    cursor: pointer;
}

.main-content .table-collapse tbody .tr_hidden .hidden_table_div {
    border: 1px solid #ccc;
    margin: 20px 0px;
    background: white;
}

.main-content .table-collapse table {
    background-color: transparent;
}

.main-content .table-collapse table th,
.main-content .table-collapse table td {
    padding: 4px;
}

.debit-collection.main-content .table-collapse table th,
.debit-collection.main-content .table-collapse table td {
    padding: 4px 20px 0px 0px;
    vertical-align: middle;
}

.debit-collection.main-content .table-collapse table td.action {
    padding: 2px;
}

.main-content .table-collapse table .btn {
    padding: 3px 5px;
}

.main-content.daily-activities .header .control-label {
    padding-top: 0px !important;
}

.main-content.daily-activities .header .form-group {
    margin-bottom: 5px;
}

.main-content.daily-activities .table .tr_show td {
    position: relative;
}

.main-content.daily-activities .header {
    margin-bottom: 30px;
}

.main-content.daily-activities .table .tr_show .down_icon {
    float: right;
    position: absolute;
    right: 20px;
    top: 5px;
}

.main-content .table-default .table th.action_head.header {
    background-image: none;
}

.main-content .table-default .search_bar .input-text {
    padding: 0px;
}

.main-content .table-default {
    margin: 20px 0px;
}

@media (max-width:767px) {
    #gm-member-holds-form .form-group { margin-bottom: 0; }
    .holdmembership-modal .modal-body .checkbox { margin: 15px 0 0; }
    .tutorial-button, .tutorial-button-inline,.tutorial-button-flex { /* Hiding this button for the moment when viewing from mobile */ display: none; }
    .flash { padding: 0px; }
    .btn-breadcrumb { width: 100%; }
    .btn-breadcrumb .btn { width: auto; }
    .control-label { padding-top: 0px; }
    .row-dashboard .heading-text .box .btn {
        margin-bottom: 5px;
        width: 100%;
    }
    .row-dashboard .memberGraphPanel .panel-graph .panel-body .graph-content {
        height: 400px;
        position:relative;
        width: 100%;
    }
    .row-dashboard .heading-text .box .btn {
        margin-bottom: 5px;
        width: 100%;
    }
    .row-dashboard .memberGraphPanel .panel-graph .panel-body .graph-content {
        height: 400px;
        position:relative;
        width: 100%;
    }
    .row-dashboard .heading-text .box { padding: 0px; display: block; }

    #footer .footer-bottom .left-box .content .top-line .version-image { position: relative; }
    .main-content { padding: 0px; }
	.table-responsive { border: 0px solid; }
    .login-container, .password { position: relative; }
    .topnavbar { text-align: center; }
	.topnavbar a { width: 100%; }
    .checkin-modal .modal-dialog, .checkin-modal2 .modal-body { role: "dialog"; }
    .modal .modal-body { max-height: 280px!important; }
    .row-add-detail .member-tag-keyword { display: none; }
    #tailgatingModal .modal-body { max-height: 380px!important; }
    .navbar-header .navbar-brand.booking-header,
    .row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .other { display: none; }
    /* .navbar-fixed-top { background-color: #212d3d!important; } */
    .navbar-header { width: auto !important; }
    .login-container,
    .row-login .login-container.upgrade-warning,
    .row-login-2 .login-container .login_box { width: 100%!important; }
    .row-login .login-container .login_box {
        border: 0px;
        display: inline-block;
        height: auto;
        padding: 35px;
    }
    .navbar .navbar-brand.bookingtitletag {
		border: 1px solid #fff;
		border-radius: 5px;
		font-size: 15px !important;
		left: 2px;
		padding-top: 15px!important;
		position: relative;
		top: 2px;
    }
    .row-login .login-container.upgrade-warning {
        padding: 20px!important;
        text-align: center;
        height: 300px!important;
    }
    .row-login .login-container.upgrade-warning .end-bar a {
        width: 100%!important;
        margin-bottom: 5px
    }
    .img-profile {
        margin-left: -5px!important;
        margin-top: 0!important
    }
    .row-welcomeregister .welcomeregister-container .page-header { margin-top: 40px!important; }
    .row-welcomeregister .welcomeregister-container .register-form .box.one {
        border: 0!important;
        margin-bottom: 0!important
    }
    .row-login-2 .login-container {
        margin-top: 40px!important;
        padding: 0px;
    }
    .row-login-2 {
        margin-bottom: 60px!important;
        padding: 0 20px!important
    }
    .row-login .container .login-container .page-title { margin-bottom: 20px; }
    .row-login .container .login-container .page-title h3 { margin-top: 5px; }
    .row-login .login-container .form-group .control-label { text-align: left!important; }
    .row-login .logout { margin: 100px auto; }
    .row-login .logout .login_box { height: 115px; }

    .login-container button.login {
        padding: 10px 40px;
        width: 100%
    }
    .password input[type=password] { padding-right: 30px; }
    #password2 .glyphicon, .password .glyphicon {
        display: none;
        right: 15px;
        position: absolute;
        top: 12px;
        cursor: pointer
    }
    .row-welcomeregister .container {
        margin: 0 auto 40px!important;
        width: 100%!important;
        padding-left: 0;
        padding-right: 0
    }
    .row-welcomeregister .container .page-header { margin-top: 10px; }
    .row-welcomeregister .container .welcomeregister-container,
    .row-welcomeregister .container .welcomeregister-container .register-form {
        padding-left: 0;
        padding-right: 0
    }
    .row-welcomeregister .container .welcomeregister-container .register-form .form-group,
    .row-welcomeregister .container .welcomeregister-container .register-form .form-group .input-text { padding-right: 0; }
    .row-dashboard .heading-button,
    .row-dashboard .schedule-row,
    .row-dashboard .schedule-row .box,
    .row-dashboard .statistic,
    .row-dashboard .statistic .box-statistic,
    .row-dashboard .statistic .memberGraphPanel { padding: 0!important; }
    .row-dashboard .heading-button a {
        margin-bottom: 5px;
        width: 100%!important
    }
    .row-dashboard .schedule-row { margin-bottom: 20px!important; }
    .row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .content-header .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .description { width: 75%; }
    .row-dashboard .row .panel-bar .row .info h1,
    .row-dashboard .row .panel2 .row .number h1 { font-size: 50px!important; }
    .row-dashboard .row .panel-primary .row .text {
        padding-right: 15px!important;
        left: 0!important;
        top: 5px!important
    }
    .row-dashboard .row .panel2 .row .info { padding-left: 10px!important; }
    .row-dashboard .panel2 .row .largeNumber { top: 0!important; }
    .row-dashboard .schedule-row .memberGraphPanel .panel-body .graph-content canvas { height: auto !important; }
    .window-popups {
        position: fixed;
        right: 26%;
        bottom: 1%;
        z-index: 4
    }
    .window-popups .blue, .window-popups .green, .window-popups .red {
        width: 280px;
        max-height: 90px
    }
    .h5-panel-dashboard h5 { left: 10%; }
    .row .affix-content .panel9 {
        padding-left: 0;
        margin-right: -15px
    }
    .row .affix-content .panel10 { margin-left: -15px; }
    .row-accountdetails {
        padding: 2%!important;
        margin-bottom: 7%;
        width: 100%!important
    }
    .row-accountdetails .accountdetails-content .account-detail .box.one,
    .row-accountdetails .accountdetails-content .account-detail .box.one .form-group,
    .row-accountdetails .accountdetails-content .account-detail .box.one .form-group .control-label,
    .row-accountdetails .accountdetails-content .account-detail .box.one .form-group .input-text,
    .row-accountdetails .accountdetails-content .account-summary .account-detail,
    .row-accountdetails .accountdetails-content .account-summary .box,
    .row-accountdetails .accountdetails-content .account-summary .profile-pic { padding: 0; }
    .row-accountdetails .accountdetails-content .account-summary {
        float: none;
        width: 280px;
        margin: auto
    }
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table,
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table td,
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table th,
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table thead,
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tr { display: inline-block; }

    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tbody,
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tr { display: block; }

    .row-add-detail .member-detail-header { padding-left: 3%; }
    #photo_holder,
    .row-add-detail .row-content #photo_holder,
    .row-add-detail .row-content .nav-tabs .tab-text,
    .row-add-detail .row-side .content-side .photoimg,
    .row-add-detail .row-side .list-side,
    .row-add-detail .row-side .table-side { display: none !important; }
    .row-add-detail .member-detail-header .member-detail .m_number { display: inline-block; }
    .row-add-detail .row-side { width: 100% !important; }
    .row-add-detail .row-side .list-side.total-member {
        display: block !important;
        width: 100%;
    }
    /* Mobile Table view for booking table on member page */
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table,
    .row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table thead,
    .row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table tbody,
    .row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table th,
    .row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td,
    .row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table tr { display: block; }
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table tr { border: 1px solid #ccc; margin-bottom: 5px; }
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td {
		border: none;
        display: list-item;
		position: relative;
		padding-left: 40%;
	}

	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
        text-align: left;
		white-space: nowrap;
	}
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td:nth-of-type(1):before { content: "Date"; }
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td:nth-of-type(2):before { content: "Time"; }
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td:nth-of-type(3):before { content: "Resource"; }
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td:nth-of-type(4):before { content: "Status"; }
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td:nth-of-type(5):before { content: "Membership Used"; }
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td:nth-of-type(6):before { content: "Price"; }
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td:nth-of-type(7):before { content: "Notes"; }
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td:nth-of-type(8):before { content: "Paid"; }
	.row-add-detail .row-content .memberBooking-tab .memberBooking-content .table-responsive table td:nth-of-type(9):before { content: "Checkin"; }
    /* end */

    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tbody tr {
        border-bottom: 1px solid #ccc;
        padding: 20px 0
    }
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tbody td {
        border: none;
        position: relative;
        width: 100%;
        padding-left: 150px
    }
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tbody td.rolegroup { font-weight: 600; }
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tbody td.roledesc {
        width: 100%;
        white-space: normal
    }
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tbody td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tbody td:nth-of-type(1):before {
        content: "Role Group";
        font-weight: 600
    }
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tbody td:nth-of-type(2):before {
        content: "Role";
        font-weight: 600
    }
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tbody td:nth-of-type(3):before {
        content: "Description";
        font-weight: 600
    }
    .row-webcam { padding: 20px !important; }
    .row-find-member { padding-top: 20px; }
    .row-find-member .row-find-member-content .search-bar .form-group,
    .row-find-member .row-find-member-content .search-bar .form-group .searchbar { padding: 0px; }
    .row-find-member .row-find-member-content .sort-box #view-selection { width: initial; }
    .row-find-member .row-find-member-content .sort-box #sort-selection { float: left; }
 	.row-find-member .row-find-member-content .search-bar .form-group .searchbar {
 		margin-bottom: 10px;
		display: inline-block;
 	}
    .row-find-member .row-find-member-content .checkbox {
        width: 100%!important;
        margin-bottom: 15px;
        padding: 0px;
    }
    .row-find-member .row-find-member-content .checkbox label {
        width: 45%;
        margin-bottom: 10px;
        padding-left: 30px;
    }
    .row-find-member .row-find-member-content .sort-box { margin-bottom: 15px; }
    .row-find-member .row-find-member-content .checkbox .radio-inline+.radio-inline { margin-left: 0; }
    .row-find-member .row-find-member-content .searchable-container {
    	display: inline;
    	margin-top: 15px;
    	padding: 0px;
    }
    .row-find-member .row-find-member-content .searchable-container .square-box .glyphicon-lg { font-size: 8.9em !important; }
    .row-find-member .row-find-member-content .info-block {
        height: 148px!important;
        width: 100%!important;
        overflow: hidden
    }
    .info-block .square-box {
        position: relative;
        margin-right: 6px!important;
        text-align: center;
        height: 147px!important;
        width: 135px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn { margin-right: 0 !important; }
    .row-find-member .row-find-member-content .items .info-block .find-member-content {
        float: right;
        padding: 0!important;
        height: 130px!important;
        width: 73%;
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading {
        min-height: 35px!important;
        width: 100%;
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name { overflow: hidden; }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name .visit-name { font-size: 13px !important; }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard {
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time .visit-door {
        font-weight: 100!important;
        font-size: 11px!important
    }
    .row-find-member .row-find-member-content .items .info-block .member-status i { bottom: 4px !important; left: 140px !important; right: auto; top: auto !important; }
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-remove {
        bottom: 30px!important;
        left: 170px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
        width: 100%!important;
        height: 98px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .find-member-heading { width: 100% !important; }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .prospect-details-box {
        width: 73%;
        float: left!important
    }
    .row-find-member .items.prospect-box .prospect-details-box .prospect-name { width: 70%!important; }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status { width: 30% !important; }
    .row-find-member .row-find-member-content #result-container-list .find-member-list .memberaction { width: 13% !important; }
    .row-add-detail .row-tab .tab-content .tab-pane .accountoverview { padding: 0px; }
    .row-add-detail.row-edit-account .btn {
        margin-bottom: 10px !important;
        width: 100% !important;
    }
    .row-add-detail .status-bar-button { padding: 0; }
    .row-add-detail .status-bar-button .button2 { width: 100%; }
    .row-add-detail .status-bar-button .button2 .btn { margin-left: 0 !important; }
    .row-add-detail.row-edit-account .accountbox { margin-top: 20px; }
    .row-add-detail .accountbox .editpayment-content .accountheader .form-group.createdby .control-label { text-align: left !important; }
    .row-add-detail .accountbox .editpayment-content .accountheader .form-group .input-text { padding: 0; }
    .row-add-detail .row-fluid .ssts-bar .status-bar {
        padding: 0;
        margin-bottom: 10px;
    }
    .row-add-detail .row-fluid .ssts-bar .status-bar .fa-smile-o {
        position: relative;
        top: 5px;
    }
    .row-add-detail .ssts-bar .status-list-side {
        left: 2%;
        margin-bottom: 15px;
        width: 100%
    }
    .row-add-detail .ssts-bar .status-list-side .btn-default,
    .row-add-detail .status-bar a { font-size: 12px; }
    .row-add-detail .row-fluid .ssts-bar .status-bar-button { padding: 0; }
    .row-add-detail .row-fluid .ssts-bar .status-bar-button .button2 {
        width: 100%;
        padding: 0;
        margin-top: 10px
    }
    .row-add-detail .row-fluid .ssts-bar .status-bar-button .button2 .btn-group,
    .row-add-detail .status-bar-button .button2 .dropdown-menu { width: 100%; }
    .row-add-detail .row-fluid .ssts-bar .status-bar-button .button2 .btn {
        width: 100%;
        margin-bottom: 5px;
        margin-left: 0
    }
    .row-add-detail .row-side .content-side img { width: 190px; }
    .row-add-detail .row-fluid .row-side .content-side .member-detail { height: auto !important; }
    .row-add-detail .row-side .content-side h2,
    .row-add-detail .row-side .content-side p {
        padding-left: 2%;
        display: none
    }
    .row-add-detail .content-side h2 { font-size: 20px; }
    .row-add-detail .content-side a { font-size: 12px; }
    .row-add-detail .row-side .table-side { margin-right: 2%; }
    .row-add-detail .row-side img {
        height: 100%;
        width: 100%;
    }
    .row-add-detail .row-side .btn-add-photo {
        position: absolute;
        bottom: 30px;
        left: 57px;
    }
    #photo_holder { z-index: 5; }
    .photo_holder .photoimg img {
        position: absolute;
        width: 190px;
        top: 50px;
        left: 64%
    }
    .photoimg .btn-add-photo {
        position: absolute;
        left: 72.5%;
        top: 210px
    }
    .row-add-detail .row-content .save-button { margin-bottom: 10px; }
    .row-family-membership .row-content .tab-content .tab-detail { display: inline-block; }
    .row-add-detail .row-content .tab-content .tab-detail { padding-bottom: 65px !important; }
    .form-control-note {
        position: relative;
        height: 120px
    }
    .row-add-detail .row-content .form-horizontal .form-group {
        margin-left: 0;
        margin-right: 0;
    }
    .row-add-detail .row-content .page-header .glyphicon { font-size: 14px; }
    .row-add-detail .row-content .nav-tabs .tab-icon {
        height: 18px;
        width: 18px;
    }
    .row-add-detail .row-content .tab-content .page-header h3 { font-size: 18px; }
    .row-add-detail .row-content .member-detail .gender-form-group { margin-bottom: 35px !important; }
    .row-add-detail .row-content .end-bar .end-bar-button2 {
        position: relative;
        float: right;
        left: 38px;
        top: 20px
    }
    .row-add-detail .row-fluid .tab-content .tab-pane .form-group.buttonMobile,
    .row-add-detail .row-tab .tab-content .member-top-details .member-detail .form-group.buttonMobile {
        display: block!important;
        margin: 20px auto;
        text-align: center;
        width: 100%;
    }
    .row-add-detail .row-content .memberBooking-tab .memberBooking-content .page-header { margin-top: 0px; }
    .row-add-detail .row-content .memberBooking-tab .memberBooking-content .page-header h3 { padding: 0px 0px 15px; }
    .checkin-modal .modal-footer .btn,
    .checkin-modal2 .modal-footer .btn,
    .membership-modal .modal-footer .btn,
    .membership-modal2 .modal-footer .btn {
        margin-left: 0
    }
    .row-add-detail .row-tab .tab-content .member-top-details .member-detail .btn-mobile img { width: 20px; }
    .row-add-detail .row-fluid .tab-content .tab-pane .form-group .btn-mobile,
    .row-add-detail .row-tab .tab-content .member-top-details .member-detail .btn-mobile { box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25); }
    .row-add-detail .row-tab .tab-content .emergency-detail,
    .row-add-detail .row-content .tab-detail .end-bar {
        padding: 0;
        margin-top: 20px;
    }
    .row-add-detail .row-content .tab-detail .end-bar .btn { width: 100%; }
    .row-add-detail .row-content .row-emergency-detail .emergency-detail .end-bar {
        padding-top: 2%;
        float: right;
        display: none
    }
    .row-add-detail .row-content .member-detail .form-group label { text-align: left; }
    #membersignaturemodal .modal-body .clearsig_div,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .btn-group-wrap,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-options { text-align: center; }
    .row-add-detail .row-content .status-bar-form {
        position: absolute;
        top: 4.5%;
        right: 2%;
        display: none
    }
    .row-add-detail .row-content .status-bar-form img { width: 200px; }
    .row-add-detail .row-content .status-bar-form .btn-add-photo {
        position: absolute;
        left: 30%;
        bottom: 15%
    }
    .row-add-detail .row-content .emergency-detail .form-group .input-group .form-control-default { width: 100%; }
    .row-add-detail .contact-detail-1 .input-text,
    .row-add-detail .row-content .contact-detail .form-group .input,
    .row-add-detail .row-content .form-group .control-label,
    .row-add-detail .row-content .member-bottom-detail .row-additional-contact-detail,
    .row-add-detail .row-content .member-bottom-detail .row-emergency-detail,
    .row-add-detail .row-content .member-bottom-detail .row-prospect-detail,
    .row-add-detail .row-content .member-top-details .row-contact-detail,
    .row-add-detail .row-content .member-top-details .row-member-detail,
    .row-add-detail .row-content .row-additional-contact-detail .form-group .input,
    .row-add-detail .row-content .row-emergency-detail .form-group .input,
    .row-add-detail .row-content .row-member-detail .form-group .input,
    .row-add-detail .form-group .input-text,
    .row-add-detail .row-content .member-bottom-detail .bottom-column .row-custom {
        padding: 0 !important;
    }

    .row-add-detail .row-content .member-bottom-detail .bottom-column .row-custom { margin: 20px 0px; }
    .row-add-detail .row-fluid .ssts-bar .status-bar#membershipquickview-div { margin: 15px 0px; }
    .row-add-detail .row-content .tab-membership .add-membership-button,
    .row-add-detail .row-content .tab-transaction .add-payment-button, .row-add-detail .row-content .memberBooking-tab .add-membership-button {
        padding-left: 0;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%;
        padding-right: 0
    }
    .row-add-detail .row-content .tab-membership .add-membership-button .btn,
    .row-add-detail .row-content .tab-transaction .add-payment-button .btn, .row-add-detail .row-content .memberBooking-tab .add-membership-button .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-add-detail .row-content .tab-membership .membership-tab {
        margin-right: 0;
        padding-right: 0;
        padding-left: 0
    }
    .row-add-detail .row-content .tab-membership .membership-tab .table { overflow: scroll; }
    .checkin-modal .modal-body, .checkin-modal2 .modal-body { height: 250px!important; }
    .checkin-modal .modal-body .form-horizontal { padding-bottom: 5px; }
    .checkin-modal .modal-footer, .checkin-modal2 .modal-footer { height: 80px; }
    .membership-modal .modal-footer, .membership-modal2 .modal-footer { height: 80px; }
    .link-family-member .modal-content .modal-body { max-height: 600px !important; }
    .link-family-member .modal-content .modal-body .form-group { padding: 0 !important; }
    #stopatgateModal .modal-dialog .modal-body .form-group { padding: 0; }
    #stopatgateModal .modal-dialog .modal-body .form-group p { padding: 15px; }
    #assigncardModal .modal-body .form-group,
    #membersignaturemodal .modal-body .signature,
    #membersignaturemodal .modal-body .signaturebox,
    #membersignaturemodal .modal-content,
    .row-add-detail .row-content .member-bottom-detail .row-emergency-detail .bottom-column .row-custom,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .accountoverview,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-bar,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-bar .radio-options { padding: 0; }
    .accountview .boxoverview .table .hiddenRow .charge-box .content { margin-bottom: 10px; }
    #assigncardModal .modal-body { max-height: 400px !important; }
    .link-family-member .modal-content {
        max-height: 700px;
        padding: 0;
    }
    .row-add-detail .row-content .membership-tab .table td.actions .glyphicon { display: inline-block !important; }
    .row-add-detail .row-content .membership-tab .table td.actions .text { display: none; }
    .row-family-membership .row-side { display: none !important; }
    .row-family-membership .family_member_content { width: 100%; }
    .membership-modal .modal-body,
    .membership-modal2 .modal-body {
        min-height: 120px;
        max-height: 280px;
        overflow: auto;
        padding-left: 0;
        padding-right: 0
    }
    .membership-modal .modal-body .form-group, .membership-modal2 .modal-body .form-group { margin-bottom: 5px !important; }
    .membership-modal .modal-body .form-group .form-control,
    .membership-modal2 .modal-body .form-group .form-control { margin-bottom: 6px; }
    .membership-modal .modal-body .form-group .form-control-payment-detail,
    .membership-modal2 .modal-body .form-group .form-control-payment-detail { position: relative; left: -20px; }
    .giftedtime-modal .modal-body { height: 220px!important; }
    .advanceModal .modal-content { width: 100% !important; }
    .advanceModal #adv-datepicker {
        margin: auto!important;
        width: 350px!important
    }
    .row-add-detail .tab-transaction .accountoverview .boxoverview table tbody td.journal_action .glyphicon { display: inline !important; }
    .row-add-detail .tab-transaction .accountoverview .boxoverview table tbody td.journal_action .text { display: none; }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table { margin-top: 3%; }
    .payment-modal .modal-body .payment-table {
        height: 180px;
        margin-bottom: 20px;
        overflow-y: auto;
        border-bottom: 1px solid #E8E8E8
    }
    .payment-modal .modal-body .payment-details {
        padding-left: 5px;
        padding-right: 5px;
    }
    .row-billing-tab,
    .row-billing-tab .billing-content,
    .row-billing-tab .billing-content .btn-billing,
    .row-billing-tab .form-group .control-label,
    .row-billing-tab .form-group .input-text {
        padding: 0
    }
    .payment-modal .modal-body .payment-details .total-paid { margin-top: 5px; }
    .payment-modal .modal-body .payment-details .form-group {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 5px
    }
    .payment-modal .modal-body .payment-details .form-group .control-label { top: 7px; }
    .payment-modal .modal-body .payment-details .total-paid .form-control { text-align: right;  }
    .payment-modal .modal-body .form-group .form-control { margin-bottom: 6px; }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-header .button .btn,
    .row-billing-tab .billing-content .btn-billing .btn, .row-billing-tab .button-header-debitsuccess a {
        margin-bottom: 10px;
        width: 100%
    }
    .payment-modal .modal-body .payment-details .checkbox-footer { left: 2.5%; }
    .payment-modal .modal-body .checkbox-deposit label,
    .payment-modal .modal-body .checkbox-invoice label,
    .payment-modal .modal-body .checkbox-receipt label { top: 2px; }
    .adjustmentModal .modal-body { height: 350px !important; }
    .row-add-detail .row-content .tab-content .tab-billing .expiry-month { padding-left: 15px !important; }
    .row-add-detail .row-content .communication-tab { padding: 15px!important; }
    #noteModal .modal-body .form-group .control-label,
    #workout.tab-pane .workout-tabcontent,
    .row-add-detail .row-content .communication-tab .communication-tab-content,
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group,
    .row-add-detail .row-content .tab-measurement .dateCompare,
    .row-add-detail .row-content .tab-measurement .dateMeasurement,
    .row-add-detail .row-content .tab-measurement .headingInfo { padding: 0; }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-header .list .control-label {
        text-align: left!important;
        padding: 0;
        margin-bottom: 5px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .button-header a {
        width: 100%;
        margin-bottom: 5px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .fixed-table-container { height: 300px !important; }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-name {
        min-width: 90px;
        display: inline-block;
        font-weight: 700
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-title { font-size: 12px; }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-content { font-size: 11px; }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .badge { font-size: 10px; }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .glyphicon { display: none; }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-message .control-label { text-align: left; }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .buttonArrow { right: 0 !important; }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .hiddenRow .end-bar a {
        width: 100%!important;
        margin-bottom: 20px;
    }
    #workout.tab-pane .workout-tabcontent .row.button-header .btn,
    .row-add-detail .row-content .tab-measurement .measurement-end-bar a,
    .row-add-detail .row-content .tab-measurement .measurement-navigation a {
        width: 100%;
        margin-bottom: 10px
    }
    .row-add-detail .tab-transaction .accountoverview .box.account { display: inline!important; }
    .row-add-detail .tab-detail .membershipoptions #numpayments,
    .row-add-detail .tab-detail .membershipoptions #price_desc { top: 0px !important; }
    #noteModal .modal-body {
        height: 410px!important;
        max-height: 450px!important
    }
    #noteModal .modal-body .form-group.menu-button a { width: 31% !important; }
    #noteModal .modal-body .form-group.synergy a {
        width: 49%!important;
        white-space: normal;
    }
    #noteModal .modal-footer {
        height: 100%!important;
        padding: 5px!important
    }
    .row-membership-information .row-side .img-square {
        position: relative;
        height: 100%;
        width: 100%;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        background-color: #fff
    }
    .row-report .table-report .page-header, .row-visitor .table-responsive { border: 0; }
    .row-membership-information .row-side .img-square img {
        height: 80%;
        width: 40%;
    }
    .row-membership-information {
        position: absolute;
        margin-top: 20px;
        margin-left: 15%
    }
    .row-membership-information .row-current .table, .row-membership-information .row-side .list-side a { font-size: 12px; }
    .row-membership-information .row-current { margin-top: 15px; }
    .row .navbar .navbar-header-booking .navbar-brand { display: none; }
    .row .navbar .navbar-header-booking .navbar-brand.bookingtitletag { display: inline !important; }
    .row .navbar .navbar-header-booking .bookingtitle {
        position: relative;
        top: 15px;
        color: #fff;
        padding-left: 5px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer
    }
    .row-booking, .row-booking .booking-content {
        padding-left: 0;
        padding-right: 0
    }
    .row .navbar .navbar-header-booking .bookingtitletag .glyphicon { top: 17px; }
    .row-booking .booking-content .page-title { padding: 0; }
    .row-booking .booking-content .calendar {
        margin-bottom: 0!important;
        padding-left: 0;
        padding-right: 0
    }
    .row-booking .booking-content h3 {
        margin-top: 13px;
        font-size: 18px;
    }
    .row-booking .booking-content .page-title .page-title-right .btn { margin: 0 2px 2px !important; }
    .row-booking .booking-content .page-title .search-content .form-group .datepicker-div { padding-left: 0 !important; }
    .row-booking .booking-content .page-title .page-title-right {
        width: 35%;
        z-index: 5;
        margin-bottom: 20px;
    }
    .row-booking .booking-content .page-title .search-content {
        position: relative;
        width: 50%;
        z-index: 5;
        padding: 0!important
    }
    .row-booking .booking-content .page-title .page-header {
        display: none;
        text-align: left!important;
        right: 64px!important;
        border: 0;
        width: 60%!important;
        top: 50px;
    }
    .row-bookingAddEvent .addBookingSection .form-group .memberResult { width: 100% !important; }
    .row-booking .booking-event .row-bookingAddEvent .addBookingSection,
    .row-booking .booking-event .row-bookingAddEvent .addBookingSection .form-group { padding: 0; }
    .row-booking .booking-content .page-title .page-title-right .btn {
        width: 100%;
        margin-bottom: 3px
    }
    .row-booking .fixed-table-container { margin-top: 2px !important; }
    .row-booking thead th .box .th-inner {
        width: 90% !important;
        margin-left: 0 !important;
    }
    #popup-container .popupbooking-content .bookingButton .dropdown-menu li { margin: 10px 0; }
    .row-bookingAddEvent,
    .row-bookingAddEvent .form-group.from,
    .row-bookingAddEvent .form-group.to {
        margin-left: 0!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action a .text { display: none; }
    .selectedcellUnavaliable,
    .tdContent {
        font-size: 11px!important;
        overflow: hidden;
    }
    .row-bookingAddEvent .addBookingSection .form-group .smsMemberBooking {
        width: 100%!important;
        text-align: center!important;
    }
    .classManagementModal .modal-content .modal-body .add-member,
    .classManagementModal .modal-content .modal-body .classmemberlisttable { margin-bottom: 20px; }
    #addBookingModal .modal-content .form-horizontal .form-group .input-text-box .resultbox { width: 90% !important; }
    #tableMain td .box .mname { width: 75px !important; }
    .row-booking .booking-content #timeLabel,
    .row-booking .booking-content #timeLabelWeekly,
    .row-booking .booking-content .th-name { height: 65px !important; }
    .row-bookingAddEvent { width: 100%; }
    .row-bookingAddEvent .menu-header a {
        width: 100%;
        margin-bottom: 10px;
    }
    .row-bookingAddEvent .event-description .form-group .control-label { padding-top: 0 !important; }
    .row-bookingAddEvent .form-group.class-attendance .input-button { text-align: center !important; }
    .row-bookingAddEvent .backcalendar a { width: 100%!important; }
    .row-bookingAddEvent .button-row,
    .row-bookingAddEvent .button-row .bottom,
    .row-bookingAddEvent .button-row .bottom-bottom,
    .row-bookingAddEvent .button-row .bottom-box,
    .row-bookingAddEvent .button-row .bottom-buttonrow,
    .row-bookingAddEvent .container .button-row .top,
    .row-bookingAddEvent .container .button-row .top-bottom,
    .row-bookingAddEvent .container .button-row .top-box,
    .row-bookingAddEvent .container .button-row .top-buttonrow {
        padding-left: 0;
        padding-right: 0
    }
    .row-bookingAddEvent .button-row .bottom-buttonrow .top-bottom a,
    .row-bookingAddEvent .button-row .top-buttonrow .top-box a {
        width: 100%!important;
        margin-bottom: 10px
    }
    .row-bookingAddEvent .button-row .bottom-buttonrow .bottom-bottom a,
    .row-bookingAddEvent .button-row .top-buttonrow .bottom-box a {
        width: 100%!important
    }
    .row-bookingAddEvent .button-row .paynow a {
        width: 100%!important;
        margin-bottom: 40px!important
    }
    .row-bookingAddEvent .button-row .bottom a,
    .row-bookingAddEvent .button-row .top a {
        width: 100%!important
    }
    .row-bookingAddEvent .button-row .top-roster a {
        width: 100%!important;
        margin-bottom: 10px!important
    }
    .row-bookingAddEvent .button-row .bottom-roster a {
        width: 100%!important;
        margin-top: 20px!important
    }
    .row-bookingAddEvent .top a {
        width: 47%!important;
        margin-bottom: 10px
    }
    .row-bookingAddEvent .bottom a { width: 100%!important; }
    .row-bookingAddEvent .form-control-static {
        padding-top: 0;
        font-size: 14px!important
    }
    .row-bookingAddEvent .control-label {
        font-size: 14px!important
    }
    .row-bookingAddEvent .section .control-label { text-align: left; }
    .row-bookingAddEvent .section .button-row a {
        width: 100%;
        margin-bottom: 10px
    }
    .row-bookingAddEvent .form-group.table {
        padding-right: 30px!important;
        padding-left: 30px!important
    }
    .row-bookingAddEvent .event-description .header { position: relative; }
    .row-bookingAddEvent .event-description .header a {
        position: relative!important;
        width: 100%!important;
        margin: 5px 0;
    }
    .row-bookingAddEvent .event-description .form-group .input-text .form-control-static { min-height: 28px; }
    .row-bookingAddEvent .event-description .header a .text { display: inline !important; }
    .row-visitor .control-label.emptylabel,
    .row-visitor .row-content .filterbox .page-header h3,
    .row-visitor .row-content .filterbox-content { display: none; }
    #editAttendees .modal-body,
    #editAttendees .modal-body .form-group,
    #editAttendees .modal-body .form-group .control-label,
    #editAttendees .modal-body .form-group .input-text {
        padding: 0!important
    }
    #editAttendees .modal-body {
        padding-top: 10px!important;
        padding-bottom: 10px!important
    }
    #editAttendees .numberDisplay { padding: 5px !important; }
    .row-visitor .container-fluid {
        padding-left: 0;
        padding-right: 0
    }
    #editAttendees .numberDisplay .number { width: 10% !important; }
    #editAttendees .legend .number { text-align: left!important; }
    .row-visitor .row-content .door-details,
    .row-visitor .row-content .door-details .form-group,
    .row-visitor .row-content .door-details .form-group .input-text-door,
    .row-visitor .row-content .form-group,
    .row-visitor .row-content .timeperiod,
    .row-visitor .save-button { padding: 0; }
    .row-visitor .row-content .filterbox .filterbox-content { margin-bottom: 20px; }
    .row-visitor .row-content .filterbox .page-header .btn-expand { display: inline !important; }
    .row-visitor .row-content .filterbox .totalvisitor { margin-bottom: 10px; }
    .row-visitor .row-content .save-button .btn {
        width: 100%;
        margin-bottom: 5px
    }
    .row-visitor .save-button .hidebutton { width: 48% !important; }
    .row-visitor .save-button .hidebutton.printbutton { float: left; }
    .row-visitor .save-button .hidebutton .buttontext { display: none; }
    .row-visitor .row-content .totalvisitor { text-align: center!important; }
    .row-visitor .row-content .totalvisitor .control-label { top: 0!important; }
    .row-visitor .row-content .door-details { margin-bottom: 10px; }
    .row-visitor .row-content .door-details .save-button {
        padding: 0;
        text-align: right
    }
    .row-visitor .row-content .door-details .save-button .btn { width: 100%; }
    .row-visitor .row-content .table-visitor {
        min-height: 300px;
        max-height: 600px;
        overflow: auto;
        margin-top: 30px
    }
    #visitors_container tr.denied { background-color: #f2dede; }
    .row-visitor .row-content .filterbox { padding: 0 !important; }
    .row-visitor .row-content .filterbox .totalvisitor .control-label {
        width: 100px!important;
        text-align: left
    }
    .row-visitor .row-content .filterbox .totalvisitor .input-text { width: 200px!important; }
    .row-visitor .row-content .filterbox .endbar .btn {
        width: 100%;
        margin-bottom: 6px
    }
    .row-visitor .row-content .filterbox .doorstatus table td.actions { padding-right: 7px!important; }
    .row-visitor .row-content .table-visitor-box { padding: 0; }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .imgbox,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .tailgating { width: 60px !important; }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber,
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername h4 { font-size: 13px !important; }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernamecontent {
        width: 115px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membershiptypebox {
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left;
        margin-top: 5px
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .numbervisit {
        font-size: 12px;
        width: 50px;
        text-align: right
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails {
        width: 28%!important;
        overflow: hidden
    }
    .row-visitor .row-content .table-visitor-box .novisit { width: 100%; }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .infobox { width: 42% !important; }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails .visitdate { font-size: 12px; }
    .row-visitor .row-content .filterbox .doorstatus table td.actions .text { display: none; }
    .row-visitor .row-content .filterbox .doorstatus table td.actions .glyphicon { display: inline !important; }
    .row-addprospect .prospect-side-info,
    .row-report .container .report-content .report-list-btn .table td i { display: none; }

    /* There are references in member page js to #paymentModal? */
    #paymentModal.accv8 .button,
    #paymentModal .modal-content .modal-body .body .button,
    #paymentModal .modal-dialog .modal-content .modal-body .body { padding: 0; }
    #paymentModal.accv8 .button .btn,
    #paymentModal .modal-content .modal-body .body .button .btn { width: 100% !important; }
    #paymentModal.accv8 .form-group,
    #paymentModal .modal-dialog .modal-content .modal-body .body .form-group { margin-bottom: 5px; }
    .row-tilltake .page-header,
    .row-tilltake .tillTakeReportContent,
    .row-tilltake .tillTakeReportContent .main-content,
    .row-tilltake .tillTakeReportContent .zSummary { padding: 0 !important; }
    .row-add-detail.row-addprospect .ssts-bar-prospect .status-bar-prospect-button {
        text-align: right!important;
        margin: 20px 0!important;
        padding-right: 0
    }
    .row-add-detail.row-addprospect .row-content .row-prospect-additional-detail .form-group .input-group,
    .row-add-detail.row-addprospect .row-content .row-prospect-contact .form-group .input-group { width: 99.5% !important; }
    .row-add-detail.row-addprospect .row-content,
    .row-add-detail.row-addprospect .row-content .form-group,
    .row-add-detail.row-addprospect .row-content .form-group .input,
    .row-add-detail.row-addprospect .row-content .form-group .input-group,
    .row-addprospect {
        padding-left: 0;
        padding-right: 0
    }
    .row.pos_report {
        margin-bottom: 4%;
        width: 100%;
        padding-top: 20px
    }
    .row.pos_report .main_content .main-header .form-group .control-label { padding: 0; }
    .row.pos_report .main_content,
    .row.pos_report .main_content .main-header { padding: 0 !important; }
    .row-task .task-header .right-header,
    .row-task .task-header .right-header .box-tasktype,
    .row-task .task-header .right-header .form-group { padding-left: 0; }
    .row.pos_report .main_content .main_container .pos-total-table .summary-box { width: 100% !important; }
    .row.pos_report .main_content .main_container,
    .row.pos_report .main_content .main_container .main_table .main_table_content .pos-report-table,
    .row.pos_report .main_content .main_container .page-header,
    .row.pos_report .main_content .main_container .pos-total-table { padding: 0; }
    .row.pos_report .main_content .main-header .top-navbar {
        margin-bottom: 3%!important;
        padding: 0
    }
    .row.pos_report .main_content .main_container .main_table { margin-top: 20px; }
    .row-task { padding-right: 4%; }
    .row-task .task-header .button-header { padding-right: 0; }
    .row-task .task-header .button-header .btn {
        width: 100%;
        margin-bottom: 5px
    }
    .row-task .task-header .right-header .box-day {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .row-task .task-header .right-header .box-tasktype { width: 100%; }
    .row-task .task-header .right-header .box-tasktype .form-group {
        width: 100%;
        margin-bottom: 10px
    }
    .row-task .task-header .right-header .box-tasktype .form-group.one { padding-right: 0 !important; }
    .row-task .task-details .tab-content .table tbody .btn {
        width: 100%!important;
        margin-bottom: 5px!important
    }
    .row-report .container {
        width: 100%!important;
        padding: 0
    }
    .row-report .container .report-content,
    .row-report .container .report-content .report-date .date-range,
    .row-report .container .report-content .report-date .date-range .form-group,
    .row-report .container .report-content .report-date .date-range .form-group .control-label,
    .row-report .container .report-content .report-date .date-range .form-group .input-text,
    .row-report .container .report-content .report-date .date-range .show-report-button,
    .row-report .container .report-content .report-details-content,
    .row-report .container .report-content .report-details-content .report-details { padding: 0; }
    .row-report .container .report-content .report-details-content .report-details { margin-bottom: 10px; }
    .row-report .container .report-content .report-date .date-range .form-group { margin: 0; }
    .row-report .container .report-content .report-details .list-report-details { height: auto !important; }
    .row-report .container .report-content .report-date {
        padding: 15px;
        height: auto!important;
        min-height: 100px!important
    }
    .row-report .container .report-content .report-list-btn table td {
        padding: 20px 10px!important;
        vertical-align: middle!important;
        line-height: 1.42857143!important
    }
    .row-report .container .report-content .report-date .date-range .show-report-button .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-report .table-report .page-header .smallscreentoggle {
        display: inline;
        padding: 0;
        text-align: center;
        width: 100%;
        margin-bottom: 5px
    }
    .row-report .table-report .page-header .smallscreentoggle a { width: 100%; }
    .row-report .table-report .page-header .reportdetails { padding: 0; }
    .row-report .table-report .page-header .reportdetails h3,
    .row-report .table-report .page-header .reportdetails h4,
    .row-report .table-report .page-header .reportdetails h5 { font-size: 14px !important; }
    .row-report .table-report .table-report-content { padding: 0;  }
    .row-report .table-report-content .dataTables_filter label { width: 100% !important; }
    .row-report .table-report .page-header .reportheaderbutton,
    .row-report .table-report .table-report-content .fixed-table-container-inner .dataTables_filter {
        padding: 0;
        display: none
    }
    .row-report .table-report .page-header .reportheaderbutton a {
        width: 100%;
        margin-bottom: 5px
    }
    .row-report .table-report-main {
        margin-left: auto!important;
        margin-right: auto!important;
        width: 100%!important;
        padding: 0
    }
    .row-report .table-report,
    .row-report .table-report .page-header { padding: 0; }
    .row-report .table-report .page-header h3 { font-size: 20px; }
    .row-report .table-report .report-end-bar { padding: 0; }
    .row-report .table-report .report-end-bar .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-report #editreportmodal .modal-dialog .modal-content .modal-body { height: 650px!important; }
    .row-report #editreportmodal .modal-dialog .modal-content .modal-body .form-group.sumtotal { margin-top: 25px; }
    .row-report #editreportmodal .modal-dialog .modal-content .modal-body .form-group.btn-arrow { margin-left: 0 !important; }
    .row-report.row-reportemailall .emailcontent,
    .row-report.row-reportemailall .emailcontent .end-bar,
    .row-report.row-reportemailall .emailcontent .form-group,
    .row-report.row-reportemailall .emailcontent .header,
    .row-report.row-reportemailall .imagebox { padding: 0; }
    .row-report.row-reportemailall .emailcontent .attachmentbutton a,
    .row-report.row-reportemailall .emailcontent .end-bar a,
    .row-report.row-reportemailall .emailcontent .list-button a,
    .row-report.row-reportemailall .imagebox .triggeraddimage a {
        width: 100%;
        margin-bottom: 5px
    }
    .row-kpi .searchlist .form-group.date .input-group {
        padding-right: 15px;
        padding-left: 15px
    }
    .row-kpi .main-content {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .row-kpi .main-content .kpireport .kpicontent .table th.value, th.comparison { width: 20%; }
    .row-accountdetails .accountdetails-content .end-content a {
        width: 100%;
        margin-bottom: 10px;
    }
    .row-integratedbilling .end-bar a,
    .row-integratedbilling .row a {
        width: 100%;
        margin-bottom: 5px;
    }
    .row-integratedbilling .tablesummary .form-group { padding: 0; }
    .row-integratedbilling.billingexportimport .row .panel .helptext { width: 100% !important; }
    .row-integratedbilling.billingexportimport .row .panel .button-bar a {
        width: 100%!important;
        margin-bottom: 10px;
    }
    .row-integratedbilling .box-summary .form-group .input-text { padding: 0px; }
    .row-setting .box-setting a :not(#pagination-button) :empty,
    .row-setting .setting-end-bar a {
        width: 100%
    }
    .row-membershiptype-list .membershiptype-list-add-button,
    .row-membershiptype-list .row-membershiptype-list-header,
    .row-membershiptype-list .row-membershiptype-list-header .row { padding: 0; }
    .row-membershiptype-list .row-membershiptype-list-header .row .divisionlist { margin-bottom: 5px; }
    .row-membershiptype-list .membershiptype-list-add-button .btn {
        width: 100%!important;
        margin-bottom: 5px
    }
    .row-membershiptype-list .membershiptype-list-content {
        margin-left: 0!important;
        width: 100%!important
    }
    .row-membershiptype-properties .memberbenefit .content-button .btn,
    .row-membershiptype-properties .membershiptype-properties-content .statusbar .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-membershiptype-properties {
        padding-left: 5px!important;
        padding-right: 5px!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .membership-box.left-two {
        border-left: 0 solid #ccc!important;
        border-right: 0 solid #ccc!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .top .membership-box { padding: 0; }
    .row-membershiptype-properties .membershiptype-properties-content .bottom { border-top: 0 !important; }
    .row-membershiptype-properties .membershiptype-properties-content .sellonline_child {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .sellonline_child .form-group .control-label { text-align: left !important; }
    .row-membershiptype-properties .memberbenefit .content-button,
    .row-membershiptype-properties .memberbenefit .table-content {
        padding: 0
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-left,
    .row-membershiptype-properties .membershiptype-properties-content .content-left .box-setting { padding: 0 !important; }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .box-setting .page-header {
        padding: 15px 0 0!important;
        margin: 10px!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .box-setting .page-header h3 { margin: 5px !important; }
    .row-addproduct .addproduct-content .end-bar,
    .row-manage-product .button-group,
    .row-setting.row-sms-template .row-manage-product .showproducttype .showproducttype-button { margin-top: 20px; }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .left-three .form-group .control-label,
    .row-membershiptype-properties .membershiptype-properties-content .content-left .left-three .form-group .input-text,
    .row-membershiptype-properties .membershiptype-properties-content .content-left .membership-type-content { padding: 0 !important; }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .left-two { border: 0 !important; }
    .row-setting.row-class-type .classtype-content .classtype-table .table-responsive,
    .row-setting.row-resource .resource-content .resource-table .table-responsive,
    .row-setting.row-user-administration .user-administration-content .user-administration-table .table-responsive,
    .row-visithistory .table-responsive { border: 0; }
    .row-membershiptype-properties .membershiptype-properties-content .content-right {
        margin-bottom: 15px!important;
        padding: 0
    }
    .row-membershiptype-properties .content-footer .setting-end-bar .btn,
    .row-membershiptype-properties .membershiptype-properties-content .content-right .content-button a {
        width: 100%!important;
        margin-bottom: 10px
    }
    .row-user-administration .right-content .dual-list .search-bar {
        width: 75%!important;
        padding-left: 15px!important
    }
    .row-setting .box-setting { padding: 15px 5px; }
    .row-setting .classinfo-content { padding: 0px !important; }
    .row-setting.row-user-administration #uadmin_data_body .fixed-table-container { width: 1100px; }
    .row-setting.row-user-administration .user-administration-content,
    .row-setting.row-user-administration .user-administration-content .button-row,
    .row-setting.row-user-administration .user-administration-content .user-administration-table {
        padding-left: 0;
        padding-right: 0
    }
    .row-setting.row-user-administration .user-administration-content .button-row { margin-bottom: 0; }
    .row-setting.row-user-administration .form-group.setting-page-header { padding: 0; }
    .row-setting.row-user-administration .user-administration-content .button-row .btn,
    .row-setting.row-user-administration .user-administration-content .end-content .btn {
        margin-bottom: 10px;
        width: 100%
    }
    .row-setting.row-sms-template { padding: 10px!important; }
    .row-setting.row-sms-template .sms-template-content,
    .row-setting.row-sms-template .sms-template-content .content-table,
    .row-setting.row-sms-template .sms-template-content .setting-page-header { padding: 0!important; }
    .row-setting.row-bookingconfig .th-inner { width: 98px; }
    .row-setting.row-sms-template .sms-template-content .setting-page-header .btn { width: 100% !important; }
    .row-manage-product .showproducttype .showproducttype-button .btn { width: 100%; }
    .row-manage-product .button-group .btn,
    .row-manage-product .manage-product-content .end-bar .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-setting.row-addproduct .addproduct-content a { width: 100%; }
    .row-addproduct .addproduct-content .end-bar .btn {
        margin-top: 10px;
        width: 100%
    }
    .row-setting.row-supplier-configuration .row-supplier-configuration-content .header-button .btn,
    .row-setting.row-supplier-configuration .row-supplier-configuration-content .supplier-configuration-content .supplier-configuration-form .supplier-configuration-end-bar .btn { width: 100%; }
    .row-setting.row-supplier-configuration .row-supplier-configuration-content .supplier-configuration-content .supplier-configuration-form .form-content .supplier-configuration-end-bar .btn { margin-bottom: 10px; }
    .row-setting.row-resource .resource-content,
    .row-setting.row-resource .resource-content .button-row,
    .row-setting.row-resource .resource-content .resource-table {
        padding-left: 0;
        padding-right: 0
    }
    .row-setting.row-resource .resource-content .button-row { margin-bottom: 15px; }
    .row-setting.row-company-details .companydetails-content .end-content .btn,
    .row-setting.row-resource .resource-content .button-row .btn,
    .row-setting.row-resource .resource-content .end-content .btn {
        margin-bottom: 10px;
        width: 100%
    }
    .row-setting.row-company-details .companydetails-content .form-group,
    .row-setting.row-company-details .companydetails-content .input-text { padding-right: 0; }
    .row-setting.row-company-details .companydetails-content .end-content { margin-top: 20px; }
    .row-company-details .chooseTemplate .templateButtons .menuButton .btn { margin-bottom: 20px; }
    .row-company-details .chooseColor .colorPlate .sp-replacer.sp-light { width: 160px!important; }
    .row-setting.row-class-type .classtype-content,
    .row-setting.row-class-type .classtype-content .button-row,
    .row-setting.row-class-type .classtype-content .classtype-table {
        padding-left: 0;
        padding-right: 0
    }
    .row-member-configuration,
    .row-member-configuration .row-member-configuration-content,
    .row-member-configuration .row-member-configuration-content .form-group,
    .row-setting.row-class-type .classtype-content .button-row {
        margin-bottom: 15px
    }
    .row-setting.row-class-type .classtype-content .button-row .btn,
    .row-setting.row-class-type .classtype-content .end-content .btn {
        margin-bottom: 10px;
        width: 100%
    }
    .row-member-configuration .row-member-configuration-content .member-configuration-form .btn,
    .row-member-configuration .row-member-configuration-content .member-configuration-form .customisesetting .btn {
        margin-bottom: 5px;
        width: 100%
    }
    .row-visithistory {
        padding: 20px 0!important;
        width: 100%
    }
    .row-visithistory .rowside .content-side .photoimg {
        margin: auto
    }
    .row-visithistory .rowside .table-side,
    .row-visithistory .rowside .visithistory-panel {
        width: 100%!important;
        max-width: none!important
    }
    .row-visithistory .headerbar,
    .row-visithistory .headerbar a,
    .row-visithistory .rowside .visithistory-panel a {
        width: 100%
    }
    .row-visithistory .rowside .membership-group {
        display: none
    }
    .row-visithistory .table-container {
        width: 100%;
        margin-top: 10px!important
    }
    .row-visithistory .table-container #contentdiv,
    .row-visithistory .table-container #leftSideTable {
        width: 100%!important
    }
    .row-visithistory .table-container #sideTable {
        width: 97%!important
    }
    .row-visithistory .rowside {
        padding: 0 20px!important;
        width: 100%!important
    }
    .row-visithistory .rowside .content-side .member-detail {
        text-align: center
    }
    .row-visithistory .rowside .content-side .member-detail h2 {
        margin-top: 0;
        font-size: 22px!important
    }
    .row-visithistory .rowside .member-photo img {
        width: 210px!important;
        margin: auto
    }
    .row-visithistory .rowside .table-side {
        max-width: 60%!important;
        margin: 10px auto!important
    }
    .row-visithistory .rowside .visithistory-panel {
        width: 100%!important;
        margin: 20px auto 0!important
    }
    .row-visithistory .table-container table tbody td .tailgatingPic img { width: 30% !important; }
    .row-visithistory .table-container table tbody td .tailgatingPic .second,
    .row-visithistory .table-container table tbody td .tailgatingPic .third { left: 36% !important; }
    .row-visithistory .rowside .content-side .member-detail h2 { margin-top: 0px; }
    .row-visithistory #memberquickdetails #photo_holder1 { display: none; }
    .row-visithistory .family_member_content { width: 100%; }
    .row-visithistory .family_member_content .master_account_content { margin-bottom: 20px; }
    .row-visithistory .family_member_content .master_account_content .items { margin-bottom: 10px; }
    .row-setting.row-measurementconfiguration .box,
    .row-setting.row-measurementconfiguration .row-measurementconfiguration-content { padding: 0; }
    .row-setting.row-measurementconfiguration .row-measurementconfiguration-content .header a { width: 100%; }
    .row-setting.row-measurementconfiguration .box .box-content .btn-minus { padding: 6px 0 }
    .row-member-configuration .member-configuration-form { padding: 0; }
    .row-member-configuration .member-configuration-form .customisesetting.member-form {
        position: relative!important;
        width: 100%!important;
        top: 0!important;
        padding: 20px 5px!important;
        height: 350px;
        overflow: auto
    }
    .row-productpurchase .container-fluid, .row-productpurchase .container-fluid .row-fluid { padding: 0px; }
    .row-member-configuration .row-member-configuration-content .member-form .form-group .input-text,
    .row-productpurchase .container-fluid,
    .row-productpurchase .container-fluid .row-fluid,
    .row-productpurchase .container-fluid .row-fluid .header,
    .row-productpurchase .container-fluid .row-fluid .table-productpurchase,
    .row-productpurchase .end-bar .form-group .input-text,
    .row-productpurchase .header .filter-button {
        padding: 0
    }
    .row-member-configuration .row-member-configuration-content .member-configuration-form .btn-homepage,
    .row-member-configuration .row-member-configuration-content .member-configuration-form .customisesetting .btn {
        width: 49%!important;
        white-space: normal!important
    }
    .configuration-content .main-content { margin-top: 0 !important; }
    .row-member-configuration .member-form .helpdiv { margin-top: 3px !important; }
    .row-productpurchase .end-bar-button .btn,
    .row-productpurchase .header .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-productpurchase .end-bar .form-group .control-label { text-align: left; }
    .row-setting.row-global-workout .panel .form-group { padding: 0 !important; }
    .row-voucher-list .voucherlist-header .searchbar .form-group .control-label {
        text-align: left!important;
        padding: 0;
    }
    .row-voucher-list .voucherlist-header .searchbar .form-group .input-text { padding: 0; }
    .row-setting.row-holdmembership,
    .row-setting.row-holdmembership .control-label,
    .row-setting.row-holdmembership .end-bar,
    .row-setting.row-holdmembership .form-group,
    .row-setting.row-holdmembership .input-group.datepicker,
    .row-setting.row-holdmembership .input-text,
    .row-setting.row-holdmembership .main-content,
    .row-setting.row-holdmembership .main-content .summary-box-content .form-control-static,
    .row-setting.row-holdmembership .main-content .summary-box-content .header,
    .row-setting.row-holdmembership .page-header,
    .row-setting.row-holdmembership .summary-box {
        padding: 0!important
    }
    .row-voucher-list .voucherlist-header .buttonheader a {
        width: 100%;
        margin-bottom: 5px
    }
    .row-setting.row-holdmembership .page-header h1 { font-size: 20px; }
    .row-setting.row-holdmembership .main-content .summary-box-content {
        display: inline-block;
        height: auto!important
    }
    .row-setting.row-holdmembership .main-content .end-bar .btn,
    .row-setting.row-holdmembership .main-content .summary-box-content { width: 100% !important; }
    .row-setting.row-holdmembership .main-content .form-group .panel-group .panel .panel-body .tablesummary,
    .row-setting.row-holdmembership .main-content .form-group .panel-group .panel .panel-body .tablesummary tbody { min-height: 200px; }
    .row-editMembership .editMembership-content { padding: 0px; }
    .row-editMembership .editMembership-content .form-group .input-text .edit_logo { display: inline; }
    .row-editMembership .editMembership-content .form-group .input-text .edit_text { display: none; }
    .row-accounting { padding: 10px !important; }
    .row-accounting .row-account-content { padding: 0 !important; }
    .row-attendance  .topfilter .form-group .control-label,
    .row-attendance  .topfilter .form-group .input-text,
    .row-attendance .main-content,
    .row-attendance .main-content .tilltake-content { padding: 0px; }
    .row-taxbreakdown { width: 100%; }
    .row-taxbreakdown .form-group,
    .row-taxbreakdown .form-group .control-label,
    .row-taxbreakdown .form-group .input-text,
    .row-taxbreakdown .endbutton,
    .row-taxbreakdown .main-content,
    .row-taxbreakdown .kpireport { padding: 0px; }
    .row-taxbreakdown .endbutton .btn {
        margin-bottom: 5px;
        width: 100%;
    }
    .row-productpurchase .maincontent .stockdelivery-list,
    .row-productpurchase .maincontent .stockdelivery-details { padding: 0px; }
    .row-editMembership .topbar {
        margin-bottom: 10px;
        width: 100%;
    }

    .row-editMembership .topbar a {
        width: 100%;
        margin-bottom: 5px;
    }
    .row-editMembership .editMembership-content .box,
    .row-editMembership .editMembership-content .box .form-group { padding: 0px; }

    .row-integratedbilling.billingexportimport .row,
    .row-integratedbilling.billingexportimport .row .topnavbar,
    .row-integratedbilling.billingexportimport .row .panel .form-group,
    .row-integratedbilling.billingexportimport .row .panel .form-group .control-label,
    .row-integratedbilling.billingexportimport .row .panel .form-group .input-text,
    .row-integratedbilling.billingexportimport .row .panel .button-bar,
    .row-integratedbilling.billingexportimport .row .panel .endbar,
    .row-integratedbilling.billingexportimport .row .panel .bankoption {
        padding: 0px;
    }
    .row-integratedbilling.billingexportimport .row .btn { width: 100%; }
    .row-integratedbilling .box-tablesummary .billinghistory .menuheader { text-align: left !important; }
    .row-integratedbilling .box-tablesummary .billinghistory .menuheader .checkbox,
    .row-integratedbilling .box-tablesummary .billinghistory .menuheader .checkbox label { padding: 0px; }
    .row-integratedbilling .box-tablesummary .billinghistory .menuheader .checkbox.check { padding-left: 19px !important; }
    .footer .footer-content, .footer .footer-content .footer-links { padding: 0!important; }
    .footer-bottom {
        padding-left: 0!important;
        padding-right: 0!important;
        margin: 0;
        width: 100%
    }
    #footer .footer-bottom .feedback-box {
        margin: 20px 0!important;
        width: 100%;
        padding: 0 20px!important
    }
    .footer-bottom .left-box {
        margin-left: 0!important;
        width: 100%!important;
    }
    .footer-bottom .left-box .content { width: 100%; }
    .footer-member .footer-content .footer-links .footer-member,
    .footer-member .footer-content .footer-links .footer-membership-card { width: 50%; }
    .footer-member .footer-content .footer-links ul li {
        display: list-item!important;
        margin-bottom: 8px!important
    }
    .footer-member .footer-content .footer-links li i,
    .row-login .membercheckin-container .resultlist .memberResult-action .btn-right.bookingaddmember_btn .text { display: none; }
    .footer-member .footer-content { margin-bottom: 30px; }
    .row-login.member_checkin .container,
    .row-login.member_checkin .container .membercheckin-container {
        padding: 0;
        width: 100%!important
    }
    .row-login.member_checkin .container .membercheckin-container .form-group { padding: 0; }
    .row-login .membercheckin-container .resultlist { width: 100%!important; }
    .row-login .membercheckin-container .resultlist .memberResult-details { width: 58% !important; }
    .row-login .heading.membercheckin { margin-top: 30px; }
    .row-login .membercheckin-container {
        margin: 130px auto!important;
        height: 660px
    }
    .row-login .membercheckin-container .membercheckin-content .img-member {
        padding: 0;
        width: 100%!important;
        height: 250px;
        position: relative;
        overflow: hidden
    }
    .row-login .membercheckin-container .membercheckin-content .img-member img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100%;
        width: auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .row-login { padding: 10px 5px !important; }
    .row-login .heading.membercheckin { margin: 0 auto 20px !important; }
    .row-login .membercheckin-container { width: 100% !important; }
    .row-editMembership .box .form-group.nextpayment .control-label .btn { margin-left: 15px; }
    .row-editMembership .box .form-group.nextpayment .control-label #lblnextpayment {
        float: left;
        width: 80%;
        margin: 4px 0px 0px 15px;
    }

    .row-login .membercheckin-container .membercheckin-content { padding: 5px 0px; }
    .row-setup .setupcontent, .row-setup .task-div { padding: 0px; }

    /* don't add parent classes to these pagination ones, as they need to work on multiple pages */
    .pagination_bar .display_filter {
        padding: 0px !important;
        margin: 10px 0px 20px !important;
    }

    .row-booking-new .booking-content .date-bar .date-display,
    .row-booking-new .booking-content .date-bar .date-range { margin: 5px 0px; }

    .row-booking-new .booking-content .date-bar .date-display {
        border-bottom: 1px solid #ccc;
        padding-bottom: 8px;
    }
    .row-booking-new .booking-content .date-bar .date-range { padding: 0px; }

    .row-booking-new .monthly-calendar .calendar_week { display: inline-block !important; }
    .row-booking-new .monthly-calendar .calendar .calendar_day.day_title { display: none !important; }
    .row-booking-new .monthly-calendar .calendar .calendar_day.day { min-height: 80px !important; height: auto !important; overflow: visible !important; }
    .row-booking-new .monthly-calendar .calendar .calendar_day.day .date_number { color: #949494; font-size: 12px; position: relative !important; left: 5px; top: 3px !important; }
    .row-booking-new .monthly-calendar .calendar .calendar_day.day .mobile_val { color: #949494; font-size: 12px; display: block !important; font-weight: 600; left: 2px; position: relative; top: 2px; }

    .modal .modal-content .modal-body { padding: 8px; }
    .modal .modal-content .modal-body .form-group,
    .modal .modal-content .modal-body .form-horizontal,
    .modal .modal-content .modal-body .form-horizontal .form-group { padding: 0px; }
    .row-welcomeregister .welcomeregister-container .heading { width: 100%; }

    /* New Booking page */
    .row-booking-new .booking-content .date-bar .resource-list { width: 100%; }
    .row-booking-new .booking-content .date-bar .date-range { margin: 15px 0px; }
    .row-booking-new .booking-content .date-bar .date-display { text-align: center; }
    .row-booking-new .booking-content .date-bar .date-display ul { float: none !important; }


}

@media (max-width:600px) {
    .alert.alert-success[data-notify=container] {
        width: 400px!important;
        right: 0!important;
        bottom: 0!important
    }
    .alert.alert-success[data-notify=container] .square-box-pop-up.pull-left.popup-photo {
        display: none!important
    }
    .row-add-detail .row-content #photo_holder,
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group tbody .buttonArrow,
    .row-add-detail .row-content .nav-tabs .tab-text,
    .row-add-detail .row-content .status-bar-form .btn-add-photo,
    .row-add-detail .row-content .status-bar-form img,
    .row-add-detail .row-side .content-side .photoimg,
    .row-add-detail .row-side .list-side,
    .row-bookingAddEvent .classManagementContent .searchMember .buttonheader .buttonlist .buttontext {
        display: none
    }
    .alert.alert-success[data-notify=container] {
        width: inherit;
        font-size: 12px!important
    }
    .row-welcomeregister .welcomeregister-container .page-header {
        padding: 0!important;
        margin-bottom: 30px!important
    }
    .row-welcomeregister .welcomeregister-container .page-header .heading {
        width: 230px!important;
        margin: auto
    }
    .row-welcomeregister .welcomeregister-container .page-header .text {
        margin-right: 0!important;
        margin-bottom: 10px!important;
        width: 100%
    }
    .row-dashboard .panel2 .row .largeNumber {
        top: 0!important
    }
    .row-dashboard .schedule-row .box .panel .panel-body {
        padding-left: 0;
        padding-right: 0
    }
    .row-dashboard .schedule-row .box .panel .panel-body .schedule-content {
        padding-left: 5px;
        padding-right: 5px
    }
    .row-find-member {
        padding-top: 30px
    }
    .row-find-member .row-find-member-content .searchable-container .items {
      width: 100%;
    }
    .row-find-member .row-find-member-content .searchable-container .info-block .square-box img {
        height: 141px
    }
    .row-find-member .row-find-member-content .searchable-container .info-block h4 {
        font-size: 14px;
        font-weight: 400
    }
    .row-find-member .row-find-member-content .searchable-container .info-block p {
        font-size: 12px
    }
    .row-find-member .row-find-member-content .searchable-container .square-box .glyphicon-lg {
        font-size: 8.9em!important
    }
    .row-find-member .row-find-member-content .info-block {
        height: 147px!important;
        width: 100%!important
    }
    .info-block .square-box {
        position: relative;
        margin-right: 6px!important;
        text-align: center;
        height: 144px!important;
        width: 95px!important
    }
    .row-find-member .row-find-member-content .items .info-block .member-status i { left: 100px !important;
    right: auto;
    bottom: 4px !important;
    top: auto !important; }

    .row-find-member .row-find-member-content .items .info-block .find-member-content {
        padding: 0!important;
        height: 130px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading {
        min-height: 35px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name {
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name .visit-name {
        font-size: 13px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard {
        min-height: 35px!important;
        right: -20px!important;
        padding: 0!important
    }
    .row-add-detail,
    .row-add-detail .row-content .tab-billing .row-add-detail .row-tab .tab-content .communication-tab,
    .row-add-detail .row-content .tab-detail .member-bottom-detail,
    .row-add-detail .row-content .tab-detail .member-top-details,
    .row-add-detail .row-tab,
    .row-add-detail .row-tab .tab-content .communication-tab .communication-tab-content,
    .row-add-detail .row-tab .tab-content .communication-tab .communication-tab-content .list-group,
    .row-add-detail .ssts-bar {
        padding: 0
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time .visit-door {
        font-weight: 100!important;
        font-size: 11px!important
    }

    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
        width: 100%!important;
        height: 98px!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult .overlay,
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-content,
    .row-bookingAddEvent .classManagementContent .searchMember .searchResult .memberResult-content {
        height: 70px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .find-member-heading {
        width: 100%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .prospect-details-box {
        width: 66%;
        float: left!important
    }
    .row-find-member .items.prospect-box .prospect-details-box .prospect-name {
        width: 70%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status {
        width: 30%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn {
        margin-right: 0!important
    }
    .row-add-detail .row-content .member-detail .form-group label {
        text-align: left
    }
    .row-add-detail .row-content .member-detail .form-group .input-group-btn {
        left: -1%
    }
    .row-add-detail .row-content .member-detail .form-group .form-control {
        width: 100%
    }
    .row-booking .booking-content .page-title .search-content,
    .row-booking .booking-content .page-title .search-content .form-horizontal .form-group {
        padding-right: 0
    }
    .row-booking .booking-content .page-title .page-header {
        position: relative;
        padding: 0;
        width: 100%;
        top: 60px!important
    }
    .row-booking .booking-content .page-title .page-title-right {
        position: relative;
        width: 180px;
        margin-bottom: 40px
    }
    .row-booking .booking-content .page-title .h3-datepicker .datepicker {
        left: 0!important
    }
    #tableMain td .box .mname {
        width: 75px!important
    }
    .row-bookingAddEvent .addBookingSection .form-group .smsMemberBooking {
        width: 100%!important;
        text-align: center!important
    }
    .row-bookingAddEvent .container {
        width: 100%
    }
    .row-bookingAddEvent .container .backcalendar a {
        width: 100%!important
    }
    .row-bookingAddEvent .container .backcalendar {
        padding-left: 5px;
        padding-right: 15px
    }
    .row-bookingAddEvent .container .button-row,
    .row-bookingAddEvent .container .button-row .top {
        padding-left: 0;
        padding-right: 0
    }
    .row-bookingAddEvent .container .button-row .bottom {
        padding-left: 5px;
        padding-right: 15px
    }
    .row-bookingAddEvent .container .top a {
        width: 47%!important;
        margin-bottom: 10px
    }
    .row-bookingAddEvent .classManagementContent .existingMember .header .btn-emailMembers,
    .row-bookingAddEvent .classManagementContent .existingMember .header .btn-smsMember,
    .row-bookingAddEvent .classManagementContent .existingMember .header .sortbox .form-control,
    .row-bookingAddEvent .container .bottom a, .row-bookingAddEvent .classManagementContent .existingMember .header-menu a {
        width: 100%!important;
    }
    .row-bookingAddEvent .container .form-control-static {
        padding-top: 0;
        font-size: 14px!important
    }
    .row-bookingAddEvent .container .control-label {
        font-size: 14px!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .header .btn-smsMember,
    .row-bookingAddEvent .classManagementContent .existingMember .header .sortbox {
        position: relative!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .header .sortbox {
        bottom: 0!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .header .btn-smsMember,
    .row-bookingAddEvent .classManagementContent .existingMember .header a {
        margin-bottom: 8px
    }
    .row-bookingAddEvent .classManagementContent .searchMember {
        padding: 10px!important;
        border: 1px solid #ccc
    }
    .row-bookingAddEvent .classManagementContent .searchMember .buttonheader .buttonlist,
    .row-bookingAddEvent .classManagementContent .searchMember .form-group.findMember {
        padding-right: 0!important
    }
    .row-bookingAddEvent .classManagementContent .searchMember .button-header .checkbox {
        font-size: 11px
    }
    .row-bookingAddEvent .classManagementContent .searchMember .memberResult {
        padding-left: 0!important
    }
    .row-bookingAddEvent .classManagementContent .searchMember .searchResult {
        padding-right: 0!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box,
    .row-bookingAddEvent .classManagementContent .existingMember .box-content,
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult,
    .row-bookingAddEvent .classManagementContent .existingMember .button-header,
    .row-bookingAddEvent .classManagementContent .existingMember .header {
        padding-left: 0;
        padding-right: 0
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content {
        min-height: 100px!important;
        max-height: 500px!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-details {
        width: 48%!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-details .memberName {
        margin-bottom: 7px
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action {
        width: 175px!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action a {
        font-size: 10px!important;
        margin-top: 18px!important;
        margin-right: 3px;
        padding: 8px;
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action a .gmi {
        font-size: 14px;
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action .waitinglist-number {
        padding-top: 13px!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .button-header {
        text-align: center!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-details .notPaidText {
        line-height: 54px!important
    }
    #addBookingModal .modal-content .form-horizontal .form-group .input-text-box .resultbox {
        width: 88%!important
    }
    .row-visitor .table-visitor {
        overflow: auto
    }
    .row-visitor .row-content .table-visitor-box {
        height: auto!important;
        overflow: visible!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox {
        width: 100%!important;
        margin-top: 22px;
        margin-bottom: 25px
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox {
        width: 100%
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox::before {
        border-left: 21px solid transparent!important;
        border-bottom: 20px solid transparent!important;
        content: " ";
        border-right: 20px solid transparent!important;
        border-top: 20px solid #ccc!important;
        top: 60px!important;
        right: 245px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox::after {
        border-left: 20px solid transparent!important;
        border-bottom: 19px solid transparent!important;
        content: " ";
        border-right: 19px solid transparent!important;
        border-top: 19px solid #fff!important;
        top: 60px!important;
        right: 245px!important
    }
    .row-report .container {
        width: 100%!important;
        padding: 0
    }
    .row-task .row .task-details .tab-content .tab-pane,
    .row-task .row .task-details .tab-content .tab-pane .table {
        border-right: 0;
        border-left: 0
    }
    .row-report .container .report-content .report-list-btn table td {
        display: block!important
    }
    .row-report .container .report-content .report-list-btn table td i {
        display: inline!important
    }
    .row-report .container .report-content .report-details-content .report-details .form-control {
        overflow-x: auto
    }
    .row-report #editreportmodal .modal-dialog .modal-content .modal-body {
        height: 720px!important
    }
    .row-report #editreportmodal .modal-dialog .modal-content .modal-footer {
        height: 120px!important
    }
    .row-kpi .main-content .kpireport .kpicontent .kpitable {
        overflow: auto
    }
    .row-membershiptype-list .membershiptype-list-content {
        width: 600px;
        overflow-x: scroll
    }
    .row-productType .producttype-content {
        border: 1px solid #ddd;
        overflow: auto
    }
    .row-productType .producttype-content .table-responsive {
        border: 0
    }
    .row-productType .producttype-content .table {
        width: 650px
    }
    .row-productType .producttype-header .btn {
        width: 100%
    }
    .row-user-administration .user-administration-content .user-administration-table .table .optional {
        display: none
    }
    #new_mem_table .mobile,
    #studenttable .mobile {
        display: none!important
    }
    #new_mem_table .mobiledisplay,
    #studenttable .mobiledisplay {
        display: block!important
    }
    .footer-bottom h6 {
        font-size: 12px!important
    }
    #footer .footer-bottom .feedback-box .feedback-box-content .feedback-text-box,
    .footer-bottom .left-box {
        width: 100%!important
    }
    .row-setting.row-measurementconfiguration .box .box-content .text-input {
        width: 50%;
    }
    .row-setting.row-measurementconfiguration .box .box-content .minbutton {
        margin: 5px 0px;
        text-align: center;
        width: 100%;
    }
    .row-setting.row-measurementconfiguration .box .box-content .minbutton a {
        padding: 5px 10px;
    }
}

@media (max-width:489px) {
    .row-login .container .login-container.errorgm {
        margin: 0 auto!important
    }
    .alert.alert-success[data-notify=container] {
        width: 100%!important;
        right: 0!important;
        bottom: 0!important
    }
    .alert.alert-success[data-notify=container] .square-box-pop-up.pull-left.popup-photo {
        display: none!important
    }
    .alert.alert-success[data-notify=container] {
        font-size: 12px!important
    }
    .row-add-detail .row-side .content-side h2 {
        display: none
    }
    .row-login .heading {
        width: 100%!important
    }
    .row-login .heading h3 {
        font-size: 18px
    }
    #footer .language {
        padding: 0px 5px;
        width: 100%;
     }

    #footer .language .form-group {
        width: 65% !important;
    }

    #footer .language .button_confirmation {
        width: 30%;
    }

    #footer .language .button_confirmation a {
        width: 100%;
    }

    .row-login .login-container {
        position: relative;
        width: 100%!important;
        margin: 30px auto;
        padding: 0px !important;
        text-align: center;
        background: #fff;
        border: 1px solid #ccc
    }
    .login-container button.login {
        padding: 10px 40px;
        width: 100%
    }
    .password {
        position: relative
    }
    .password input[type=password] {
        padding-right: 30px
    }
    #password2 .glyphicon,
    .password .glyphicon {
        display: none;
        right: 15px;
        position: absolute;
        top: 12px;
        cursor: pointer
    }
    .row-dashboard .schedule-row .box .schedule-content {
        padding: 0
    }
    .row-dashboard .schedule-row .box .headingWeeklyPanel {
        padding: 0!important
    }
    .row-dashboard .schedule-row .box .headingWeeklyPanel h4 {
        margin-top: 50px!important
    }
    .row-dashboard .schedule-row .box .headingWeeklyPanel .previous {
        float: left;
        top: 0!important
    }
    .row-dashboard .schedule-row .box .headingWeeklyPanel .next {
        float: right;
        top: 0!important
    }
    .row-dashboard .schedule-row .box .headingWeeklyPanel h6 {
        margin-top: 10px !important
    }
    .row-dashboard .schedule-row .box .panel-body {
        padding-left: 5px;
        padding-right: 5px
    }
    .row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .time h3 {
        margin-top: 32px !important;
        line-height: 15px !important
    }
    .row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .description .title h4,
    .row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .time .starttime {
        font-size: 14px !important
    }
    .row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .description .title .duration,
    .row-dashboard .schedule-row .box .panel-schedule .panel-body .schedule-content .box .notification .textNotification {
        font-size: 12px !important
    }
    .row-dashboard .statistic .memberGraphPanel {
        display: none
    }
    .row-dashboard .schedule-row .box .scheduleContent {
        padding: 0 !important
    }
    .row-dashboard .panel2 .row .largeNumber {
        top: 0 !important
    }
    .row-dashboard .row .panel .row .data h3,
    .row-dashboard .row .panel .row .percentage h3 {
        font-size: 16px !important
    }
    .row-dashboard .row .panel .row .percentage {
        width: 65px !important
    }
    .window-popups {
        position: fixed;
        right: 26%;
        bottom: 1%;
        z-index: 4;
        display: none
    }
    .window-popups .blue,
    .window-popups .green,
    .window-popups .red {
        width: 280px;
        max-height: 90px
    }
    .row-accountdetails {
        padding: 0;
        margin-bottom: 7%
    }
    .row-accountdetails .accountdetails-content .account-summary {
        margin-top: 10px!important;
        float: none;
        width: 280px;
        margin: auto
    }
    .row-accountdetails .accountdetails-content,
    .row-accountdetails .accountdetails-content .account-detail .box,
    .row-accountdetails .accountdetails-content .account-detail .form-group,
    .row-accountdetails .accountdetails-content .account-summary {
        padding: 0
    }
    .row-accountdetails .accountdetails-content .account-detail .staff-rights-box table tbody td {
        padding-left: 100px!important
    }
    .row-find-member .row-find-member-content .searchable-container .square-box .glyphicon-lg {
        font-size: 8.9em!important
    }
    .row-find-member .row-find-member-content .checkbox {
        width: 100%!important;
        margin-bottom: 40px
    }
    .row-find-member .row-find-member-content .checkbox label {
        width: 100%;
        margin-bottom: 10px
    }
    .row-find-member .row-find-member-content .searchable-container,
    .row-find-member .row-find-member-content .searchable-container .items {
        padding-left: 0 5px!important
    }
    .row-find-member .row-find-member-content .info-block {
        height: 148px!important;
        width: 100%!important
    }
    .info-block .square-box {
        position: relative;
        margin-right: 6px!important;
        text-align: center;
        height: 146px!important;
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content {
        padding: 0!important;
        height: 130px!important;
        width: 60% !important;
    }

    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading {
        min-height: 35px!important;
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name {
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name .visit-name {
        font-size: 13px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted {
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard {
        position: absolute!important;
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time .visit-door {
        font-weight: 100!important;
        font-size: 11px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
        width: 100%!important;
        height: 98px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .find-member-heading {
        width: 100%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .prospect-details-box {
        width: auto;
        float: left!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status {
        width: 37%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn {
        padding: 1px 3px;
        margin-right: 0!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn .glyphicon {
        font-size: 12px
    }
    .row-side .table-side table {
        font-size: 11px
    }
    .row-side .table-side h4 {
        font-size: 14px
    }
    .row-content .note-detail .form-control {
        width: 180px
    }
    .row-content .page-header h3 {
        font-size: 18px
    }
    .row-content .member-detail .form-group .label {
        font-size: 14px
    }
    .content-side h2 {
        font-size: 18px
    }
    .content-side a,
    .content-side p,
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-title {
        font-size: 12px
    }
    .row-add-detail .row-side .img-square {
        position: relative;
        height: 200px;
        width: 200px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        background-color: #fff;
        display: none
    }
    .row-add-detail .row-side .content-side p,
    .row-add-detail .ssts-bar .status-bar,
    .row-add-detail .ssts-bar .status-list-side {
        display: none
    }
    .row-add-detail .ssts-bar {
        width: 100%;
        margin: 3% 0
    }
    .row-add-detail .ssts-bar .status-bar-button .btn,
    .row-add-detail .ssts-bar .status-bar-button .button2 {
        width: 100%!important
    }
    .row-add-detail .row-fluid .ssts-bar .status-bar-button {
        position: relative;
        left: 0;
        width: 100%!important;
        padding-right: 0;
        right: 0!important;
        padding-left: 0
    }
    .row-add-detail .row-content #photo_holder,
    .row-add-detail .row-content .nav-tabs .tab-text {
        display: none
    }
    .row-add-detail .row-content .member-detail .gender-form-group {
        margin-bottom: 40px!important
    }
    .row-add-detail .row-content .status-bar-form {
        position: absolute;
        top: 5%;
        left: 65%;
        display: none
    }
    .row-add-detail .row-content .status-bar-form .img-square {
        width: 200px;
        height: 220px;
        padding: 0
    }
    .row-add-detail .row-content .status-bar-form img {
        width: 100%;
        height: 100%
    }
    .row-add-detail .row-content .status-bar-form .img-square .btn-add-photo {
        position: absolute;
        left: 30%;
        bottom: 15%
    }
    .row-add-detail .row-content .contact-detail .form-group .input,
    .row-add-detail .row-content .row-additional-contact-detail .form-group .input,
    .row-add-detail .row-content .row-emergency-detail .form-group .input,
    .row-add-detail .row-content .row-member-detail .form-group .input {
        padding-right: 3px!important
    }
    .row-add-detail .row-content .emergency-detail .end-bar-button {
        float: right
    }
    .row-add-detail .row-fluid .tab-content .tab-pane .form-group.buttonMobile,
    .row-add-detail .row-tab .tab-content .member-top-details .member-detail .form-group.buttonMobile {
        display: block!important;
        width: 100%!important;
        margin-top: 10px
    }
    .row-add-detail .row-fluid .tab-content .tab-pane .form-group .btn-mobile,
    .row-add-detail .row-tab .tab-content .member-top-details .member-detail .btn-mobile {
        width: 100%;
        margin-bottom: 20px
    }
    .adjustmentModal .modal-footer .btn,
    .payment-modal .modal-footer .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .adjustmentModal .modal-footer .btn+.btn,
    .payment-modal .modal-footer .btn+.btn {
        margin-left: 0
    }
    .advanceModal #adv-datepicker {
        margin: auto!important;
        width: 100%!important
    }
    .advanceModal #adv-datepicker .datepicker-inline {
        margin: auto
    }
    .advanceModal .modal-footer .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .advanceModal .modal-footer .btn+.btn {
        margin-left: 0
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-bar .radio-options label {
        width: 100%;
        text-align: left
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .btn-group-wrap,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-options {
        text-align: center
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-bar .radio-options .radio-inline {
        margin-bottom: 10px
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-bar .radio-options .radio-inline+.radio-inline {
        margin-left: 0;
        margin-bottom: 10px
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table {
        margin-top: 3%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .fixed-table-container {
        height: 300px!important
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-name {
        min-width: 90px;
        display: inline-block;
        font-weight: 700
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .glyphicon,
    .row-add-detail .row-content .tab-measurement .measurement-navigation a .text,
    .row-booking .booking-content .page-title .page-title-right .btn.btn-subscribe {
        display: none
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-content {
        font-size: 11px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .badge {
        font-size: 10px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-message .control-label {
        text-align: left
    }
    .checkin-modal .modal-footer {
        padding: 20px 10px 0 0
    }
    .row-visitor {
        margin-top: 0;
        padding-top: 20px;
        margin-left: 0;
        padding-left: 1%;
        padding-right: 1%
    }
    .row-visitor .table-visitor {
        overflow: auto
    }
    .row .navbar .navbar-header-booking .bookingtitle {
        font-size: 15px!important
    }
    .row-booking .booking-content .page-title {
        padding-left: 0
    }
    .row-booking .booking-content .page-title .search-content {
        width: 100%
    }
    .row-booking .booking-content .page-title .search-content .form-group {
        margin-left: 0;
        padding-left: 0!important
    }
    .row-booking .booking-content .page-title .search-content .form-group .input-class {
        padding-right: 0
    }
    .row-booking .booking-content .page-title .page-header {
        width: 100%!important;
        right: 0!important;
        top: 0!important;
        text-align: center!important
    }
    .row-booking .booking-content .page-title .page-header .date-picker {
        left: 20%!important
    }
    .row-booking .booking-content .page-title .page-title-right {
        width: 100%;
        padding-left: 0
    }
    .row-booking .booking-content .page-title .page-title-right .btn {
        width: 100%
    }
    .row-booking .booking-content .page-title .h3-datepicker .datepicker {
        bottom: 0!important
    }
    .row-booking .booking-content .calendar .weekly-view thead th a {
        font-size: 11px!important
    }
    #tableMain td .box .mname {
        /*width: 50px!important*/ /*width: 73% !important;*/
    }
    .row-booking .booking-content .calendar .xscroll .tableContent .calendar-body .td-content .box .tdContent .icon img {
        width: 12px;
    }
    #addBookingModal .modal-content .form-horizontal .form-group .input-text-box .resultbox {
        width: 85%!important
    }
    .row-bookingAddEvent .container .backcalendar {
        padding-left: 5px;
        padding-right: 15px
    }
    .row-bookingAddEvent .container .button-row,
    .row-bookingAddEvent .container .button-row .top {
        padding-left: 0;
        padding-right: 0
    }
    .row-bookingAddEvent .container .button-row .bottom,
    .row-bookingAddEvent .container .form-group,
    .row-bookingAddEvent .container .form-group.table,
    .row-bookingAddEvent .container .section {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .row-bookingAddEvent .container .top a {
        width: 100%!important;
        margin-bottom: 10px;
        margin-right: 0!important
    }
    .row-bookingAddEvent .container .bottom a {
        width: 100%!important
    }
    .row-bookingAddEvent .container .form-control-static {
        padding-top: 0;
        font-size: 14px!important
    }
    .row-bookingAddEvent .container .control-label {
        font-size: 14px!important
    }
    .row-bookingAddEvent .addBookingSection .form-group .smsMemberBooking {
        width: 100%!important;
        text-align: center!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-details {
        width: 35%!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-details {
        width: 35%!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action {
        width: 175px!important
    }
    .booking-notification-box>.notification-content,
    .save-repeat-box .end-bar a,
    .save-repeat-box>.save-repeat-content {
        width: 100%!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action a {
        font-size: 10px!important;
        margin-top: 15px!important;
        margin-right: 5px !important;
        padding: 8px 7px;
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action .gmi { font-size: 14px; }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action .waitinglist-number {
        padding-top: 13px!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-details .memberName {
        min-height: 20px!important
    }
    .row-bookingAddEvent .control-label {
        padding-top: 0!important
    }
    .booking-notification-box .end-bar a {
        width: 100%!important;
        margin-bottom: 8px!important
    }
    .save-repeat-box .end-bar a {
        margin-bottom: 8px!important
    }
    .row-bookingAddEvent .addBookingSection .form-group .tablemodal .memberResult .memberResult-content .memberPhoto {
        display: none!important
    }
    .row-bookingAddEvent .addBookingSection .form-group .tablemodal .memberResult .memberResult-details {
        width: 55%!important
    }
    .row-bookingAddEvent .addBookingSection .form-group .tablemodal .memberResult .memberResult-details h6 {
        font-size: 11px!important
    }
    .row-bookingAddEvent .addBookingSection .form-group .tablemodal .memberResult .memberResult-action .btn-right {
        padding: 10px 15px!important
    }
    #paymentModal .modal-body {
        padding: 0
    }
    #paymentModal.accv8 .form-group .control-label,
    #paymentModal .modal-body .body .form-group .control-label {
        padding-top: 7px
    }
    #paymentModal.accv8 .form-group .input-text,
    #paymentModal .modal-body .body .form-group .input-text {
        padding: 0
    }
    .row-task .task-header .button-header .text {
        display: none
    }
    .row-report .container {
        width: 100%!important;
        padding: 0
    }
    .row-report .container .report-content .report-details-content .report-date .date-range .show-report-button .btn-edit-report {
        margin-bottom: 3px
    }
    .row-report .container .report-details-content .report-date .date-range .form-horizontal {
        min-height: auto!important;
        padding-left: 0!important;
        padding-right: 0!important
    }
    .row-company-details .endBar,
    .row-membershiptype-list .row-membershiptype-list-header .row .divisionlist,
    .row-report .container .report-content .report-date .show-report-button {
        padding: 0
    }
    .row-report .container .report-content .report-date .show-report-button .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-report #editreportmodal .modal-dialog .modal-content .modal-body {
        height: 720px!important
    }
    .row-report #editreportmodal .modal-dialog .modal-content .modal-body .table-editreport {
        width: 320px;
        height: 400px;
        overflow: auto;
        margin-bottom: 10px
    }
    .row-report #editreportmodal .modal-dialog .modal-content .modal-body .table-editreport table {
        width: 500px;
        height: 600px
    }
    .row-report #editreportmodal .modal-dialog .modal-content .modal-body .form-group.sumtotal {
        margin-top: 25px
    }
    .row-report #editreportmodal .modal-dialog .modal-content .modal-footer {
        height: 120px!important
    }
    .row-membershiptype-properties .page-header h1 {
        display: none!important;
    }
    .row-membershiptype-list .row-membershiptype-list-header .row .add-on .text,
    .row-visithistory .rowside .table-side {
        display: none
    }
    .row-membershiptype-properties .page-header {
        margin-bottom: 40px!important
    }
    .row-membershiptype-list .row-membershiptype-list-header .row .add-on,
    .row-membershiptype-list .row-membershiptype-list-header .row .divisionlist {
        width: 100%;
        margin-bottom: 5px
    }
    .row-membershiptype-list .row-membershiptype-list-header .checkbox .current {
        margin-right: 10px
    }
    .row-membershiptype-list .row-membershiptype-list-header .checkbox .discounted-membership {
        margin-left: 0
    }
    .row-company-details .description h3 {
        font-size: 18px
    }
    .row-company-details .chooseColor .templateSample .sample,
    .row-company-details .chooseTemplate .templateButtons .menuButton .btn {
        width: 100%!important
    }
    .row-company-details .chooseColor .templateSample .sample .content h3 {
        margin-top: 130px!important
    }
    .row-company-details .endBar .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-visithistory .rowside .content-side {
        width: 100%!important
    }
    .row-visithistory .rowside .member-photo img {
        width: 140px!important
    }
    .row-visithistory .table-container {
        margin-top: 20px!important
    }
    #footer {
        height: 280px!important
    }
    .footer-member .footer-content .footer-links .footer-member,
    .footer-member .footer-content .footer-links .footer-membership-card {
        width: 100%!important;
        margin-bottom: 20px
    }
    .footer .footer-content {
        margin-left: 0!important;
        width: 95%!important
    }
    .row-visithistory .table-container table tbody td .tailgatingPic .second,
    .row-visithistory .table-container table tbody td .tailgatingPic .third {
        left: 7%!important
    }
    .row-visithistory .table-container table tbody td .tailgatingPic img {
        width: 90%!important
    }
    .datepicker-days .table-condensed>tbody>tr>td,
    .datepicker-days .table-condensed>tbody>tr>th,
    .datepicker-days .table-condensed>tfoot>tr>td,
    .datepicker-days .table-condensed>tfoot>tr>th,
    .datepicker-days .table-condensed>thead>tr>td,
    .datepicker-days .table-condensed>thead>tr>th {
        padding: 5px!important
    }
    .row-booking .booking-content .page-title .page-header .date-picker .datepicker-inline {
        width: 200px
    }
}

@media (min-width:499px) and (max-width:767px) {
    .datepicker-months .table-condensed>tbody>tr>td,
    .datepicker-months .table-condensed>tbody>tr>th,
    .datepicker-months .table-condensed>tfoot>tr>td,
    .datepicker-months .table-condensed>tfoot>tr>th,
    .datepicker-months .table-condensed>thead>tr>td,
    .datepicker-months .table-condensed>thead>tr>th,
    .datepicker-years .table-condensed>tbody>tr>td,
    .datepicker-years .table-condensed>tbody>tr>th,
    .datepicker-years .table-condensed>tfoot>tr>td,
    .datepicker-years .table-condensed>tfoot>tr>th,
    .datepicker-years .table-condensed>thead>tr>td,
    .datepicker-years .table-condensed>thead>tr>th {
        padding: 10px 35px!important;
        text-align: center!important
    }
    .datepicker-days .table-condensed>tbody>tr>td,
    .datepicker-days .table-condensed>tbody>tr>th,
    .datepicker-days .table-condensed>tfoot>tr>td,
    .datepicker-days .table-condensed>tfoot>tr>th,
    .datepicker-days .table-condensed>thead>tr>td,
    .datepicker-days .table-condensed>thead>tr>th {
        padding: 10px 15px!important;
        text-align: center!important
    }
    .row-booking .datepicker-days .table-condensed>tbody>tr>td,
    .row-booking .datepicker-days .table-condensed>tbody>tr>th,
    .row-booking .datepicker-days .table-condensed>tfoot>tr>td,
    .row-booking .datepicker-days .table-condensed>tfoot>tr>th,
    .row-booking .datepicker-days .table-condensed>thead>tr>td,
    .row-booking .datepicker-days .table-condensed>thead>tr>th {
        padding: 5px!important
    }
    .row-booking .booking-content .page-title .page-header .date-picker .datepicker-inline {
        width: 360px
    }
    .navbar-header {
        width: auto !important;
    }
}

@media (min-width: 768px) {

    .row-setting.row-measurementconfiguration .row-measurementconfiguration-content #exercise_container_wrapper.form-inline .table tbody td .form-control {
        width: 100% !important;
    }

    .row-setting.row-measurementconfiguration .row-measurementconfiguration-content #exercise_container_wrapper.form-inline .table tbody td .input-group-btn {
        width: 2%;
    }

    .row .navbar .navbar-header .navbar-brand.bookingtitletag {
        display: none!important
    }
    .form-horizontal {
        padding-bottom: 30px
    }
    .affix-content .container .page-header {
        margin-top: 0
    }
    .affix-row {
        margin-left: 0;
        margin-right: 0
    }
    .row-report .table-report .page-header .smallscreentoggle {
        display: none
    }

    .row-editMembership .editMembership-content .form-group .input-text .edit_logo {
        display: none;
    }

    .row-editMembership .editMembership-content .form-group .input-text .edit_text {
        display: inline;
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action a .gmi { display: none; }
}

@media (min-width:768px) and (max-width:779px) {

    .row .navbar-default .navbar-left li.current-page {
        font-size: 15px;
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

	#tooltipTutorial {
		left: 60px;
		top: 498px;
		width: 250px;
	}

	#tooltipTutorial span {
		right: auto;
		left: -10px;
		position: absolute;
		color: #282828;
		top: 13px;
	}
    .row-add-detail .member-tag-keyword,
    .row-add-detail .row-side .content-side h2 {
        display: none
    }
    .collapse-display {
        display: none!important
    }
    .row-visitor .row-content .filterbox .page-header h3,
    .row-visitor .row-content .filterbox-content {
        display: none
    }
    .navbar-header {
        /* background-color: #212d3d; */
        width: 170px
    }
    .login-container,
    .password {
        position: relative
    }
    .affix-content .container .page-header {
        margin-top: 0
    }
    .login-container button.login {
        padding: 10px 40px;
        width: 100%
    }
    .password input[type=password] {
        padding-right: 30px
    }
    #password2 .glyphicon,
    .password .glyphicon {
        display: none;
        right: 15px;
        position: absolute;
        top: 12px;
        cursor: pointer
    }
    .h5-panel-dashboard h5 {
        left: 10%
    }
    .row .affix-content .panel9 {
        padding-left: 0;
        margin-right: -15px
    }
    .row .affix-content .panel10 {
        margin-left: -15px
    }
    .row-dashboard .schedule-row {
        margin-bottom: 20px!important
    }
    .row-dashboard .panel2 .row h1,
    .row-dashboard .row .panel-bar .row h1 {
        font-size: 50px!important
    }
    .row-dashboard .row .panel-bar .text h3 {
        padding-top: 10px!important
    }
    .row-dashboard .panel2 .row .info h4 {
        padding-top: 20px!important
    }
    .row-dashboard .row .panel2 .row .text {
        top: 8px!important
    }
    .row-dashboard .panel2 .row .largeNumber,
    .row-visitor .row-content .totalvisitor .control-label {
        top: 0!important
    }
    .window-popups {
        position: fixed;
        right: 15%;
        bottom: 1%;
        z-index: 4
    }
    .window-popups .blue,
    .window-popups .green,
    .window-popups .red {
        width: 280px;
        min-height: 90px
    }
    .row-accountdetails {
        padding-left: 1%;
        margin-bottom: 5%
    }
    .row-accountdetails .accountdetails-content .account-summary {
        float: none;
        width: 340px;
        margin: auto
    }
    .row-visitor {
        padding-top: 5%;
        margin-left: 0;
        width: 100%
    }
    .row-visitor .row-content .totalvisitor {
        text-align: center!important
    }
    .row-visitor .row-content .filterbox .filterbox-content {
        margin-bottom: 20px
    }
    .row-visitor .row-content .filterbox {
        padding: 0!important
    }
    .row-visitor .row-content .filterbox .page-header .btn-expand {
        display: inline!important
    }
    .row-visitor .row-content .filterbox .totalvisitor .control-label {
        width: 100px!important;
        text-align: left
    }
    .row-visitor .row-content .filterbox .totalvisitor .input-text {
        width: 200px!important
    }
    .row-visitor .row-content .filterbox .endbar .btn {
        width: 100%;
        margin-bottom: 6px
    }
    .row-visitor .row-content .filterbox .doorstatus table td.actions {
        padding-right: 7px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .imgbox,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .tailgating {
        width: 70px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber,
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername h4 {
        font-size: 13px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernamecontent {
        width: 115px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membershiptypebox {
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left;
        margin-top: 5px
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .numbervisit {
        font-size: 12px;
        width: 50px;
        text-align: right
    }
    .row-visitor .row-content .filterbox .totalvisitor {
        margin-bottom: 10px
    }
    .row-visitor .row-content .table-visitor-box {
        padding: 0
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails {
        width: 28%!important;
        overflow: hidden
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .infobox {
        width: 42%!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails .visitdate {
        font-size: 12px
    }
    .row-find-member {
        margin-left: 0;
        padding-left: 8%;
        width: 100%;
        padding-bottom: 5%
    }
    .row-find-member .row-find-member-content .searchable-container .info-block h4 {
        font-size: 14px;
        font-weight: 600
    }
    .row-find-member .row-find-member-content .searchable-container .info-block p {
        font-size: 11px
    }
    .row-find-member .row-find-member-content .searchable-container .info-block .square-box {
        width: 130px;
        height: 130px
    }
    .row-find-member .row-find-member-content .searchable-container .info-block .square-box img {
        height: 146px
    }
    .row-find-member .row-find-member-content .searchable-container .square-box .glyphicon-lg {
        font-size: 8.9em!important
    }
    .row-find-member .row-find-member-content .info-block {
        height: 148px!important;
        width: 320px!important;
        overflow: hidden
    }
    .info-block .square-box {
        position: relative;
        margin-right: 6px!important;
        text-align: center;
        height: 146px!important;
        width: 135px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content {
        width: 175px!important;
        padding: 0!important;
        height: 130px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading {
        min-height: 35px!important;
        width: 185px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name {
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name .visit-name {
        font-size: 13px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted {
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content h6#visit-task {
        font-size: 12px !important;
        width: 150px !important;
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard {
        position: absolute!important;
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time .visit-door {
        font-weight: 100!important;
        font-size: 11px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-currentmember .find-member-name {
        width: 100%!important;
        min-height: 45px!important
    }
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-remove {
        font-size: .9em!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
        width: 100%!important;
        height: 98px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .find-member-heading {
        width: 170px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .prospect-details-box {
        width: 54%;
        float: right!important
    }
    .row-find-member .items.prospect-box .prospect-details-box .prospect-name {
        width: 70%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status {
        width: 30%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn {
        padding: 1px 3px;
        margin-right: 0!important
    }
    .row-find-member .row-find-member-content #result-container-list .find-member-list .memberaction {
        width: 10% !important;
    }

    .row-add-detail .member-detail-header { padding-left: 5%; }
    .row-add-detail .row-fluid .status-bar {
        left: -1.5%
    }
    .row-add-detail .row-fluid .status-bar .fa-smile-o {
        position: relative;
        float: left;
        font-size: 20px
    }
    .row-add-detail .row-fluid .status-list-side .btn-default {
        font-size: 12px
    }
    .row-add-detail .row-fluid .status-bar p {
        font-size: 15px
    }
    .row-add-detail .row-fluid .status-bar-button .button2 {
        float: right
    }
    .row-add-detail .row-fluid .alert {
        margin-top: 1%;
        left: 2%;
        width: 100%
    }
    .content-side .photoimg,
    .row-add-detail .row-side .content-side img {
        width: 190px!important
    }
    .content-side .button-photo-group {
        position: relative!important;
        bottom: 0
    }
    .content-side .button-photo-group a {
        width: 100%!important;
        margin-top: 5px
    }
    .row-add-detail .row-side .content-side .photoimg {
        position: absolute;
        right: 5%;
        left: auto;
        top: 225px;
        z-index: 3
    }
    .row-add-detail .row-side .content-side .photoimg.up {
        top: 220px
    }
    .row-add-detail .row-side .content-side h2,
    .row-add-detail .row-side .content-side p {
        display: none;
        padding-left: 7%
    }
    .row-add-detail .row-side .content-side p {
        font-size: 11px
    }
    .row-add-detail .row-side .content-side h2 {
        font-size: 20px
    }
    .row-add-detail .row-side .content-side a,
    .row-add-detail .status-bar a {
        font-size: 12px
    }

    .row-add-detail .row-side .table-side {
        display: none
    }
    .row-add-detail .row-fluid .row-side .content-side .member-detail {
        height: auto!important
    }
    .row-add-detail .row-side {
        width: 100%
    }
    .row-add-detail.row-edit-account .row-content {
        width: 100%!important
    }
    .row-add-detail.row-edit-account .row-side {
        display: none!important
    }
    .row-add-detail .accountbox .editpayment-content .accountheader .form-group.createdby .control-label {
        text-align: left!important
    }
    .row-add-detail .row-content .form-horizontal .form-group {
        margin-left: 0;
        margin-right: 0
    }
    .row-add-detail .row-content .page-header .glyphicon {
        font-size: 18px
    }
    .row-add-detail .list-side a,
    .row-add-detail .text-side p {
        font-size: 12px
    }
    .row-add-detail .row-content .tab-text {
        display: none
    }
    .row-add-detail .row-content .tab-icon {
        width: 18px;
        height: 18px
    }
    .row-add-detail .list-side.total-member {
        left: 30px;
        position: absolute;
        width: 180px;
        z-index: 4;
    }
    .row-add-detail .row-content {
        margin-left: 2%
    }
    .row-add-detail .row-content.status-bar-button {
        width: 60%;
        float: right;
        padding: 0
    }
    .row-add-detail .row-fluid .ssts-bar .status-bar#membershipquickview-div {
        left: 0;
        padding: 0;
        margin-top: 5px
    }
    .row-add-detail .row-content .tab-content .status-bar-button {
        margin-top: 3%;
        float: right
    }
    .row-add-detail .row-content .member-detail .form-group label {
        text-align: left
    }
    .row-add-detail .row-content .status-bar-form {
        position: absolute;
        top: 5.5%;
        left: 65%;
        display: none
    }
    .row-add-detail .row-content .status-bar-form img {
        width: 100%;
        height: 100%
    }
    .row-add-detail .row-content .status-bar-form .btn-add-photo {
        position: absolute;
        left: 30%;
        bottom: 15%
    }
    .photo_holder {
        z-index: 5
    }
    .photo_holder .photoimg {
        position: absolute;
        width: 190px;
        top: 130px;
        left: 64%;
        z-index: 5
    }
    .photo_holder .photoimg.up {
        top: 90px
    }
    .row-add-detail .row-side .list-side .btn-default-1 {
        position: absolute;
        visibility: hidden;
        top: 378px;
        z-index: 5
    }
    .row-add-detail .row-side .list-side .btn-default-3 {
        visibility: hidden;
        top: 378px;
    }
    .row-add-detail .row-content .emergency-detail .form-group .input-group .form-control-default {
        width: 100%
    }
    .row-add-detail .row-fluid .row-content .member-top-details .row-member-detail .note-box .control-label {
        width: 100%;
        margin-bottom: 5px
    }
    .row-add-detail .tab-transaction .accountoverview .box.account {
        display: inline!important
    }
    .row-add-detail .row-content .contact-detail .form-horizontal label,
    .row-add-detail .row-content .emergency-detail .form-horizontal label {
        text-align: left;
        left: 3%
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .btn-group-wrap,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-options {
        text-align: center
    }
    .row-add-detail .row-content .contact-detail .form-horizontal .form-control,
    .row-add-detail .row-content .emergency-detail .form-horizontal .form-control {
        left: -5%;
        width: 106%
    }
    .row-add-detail .row-content .contact-detail .form-horizontal .form-control-default,
    .row-add-detail .row-content .emergency-detail .form-horizontal .form-control-default {
        width: 93%
    }
    .row-add-detail .row-content .contact-detail .form-horizontal .input-group-btn {
        position: relative
    }
    .row-add-detail .row-content .end-bar-button {
        display: none
    }
    .row-add-detail .row-content .end-bar-button2 {
        position: absolute;
        min-width: 28%;
        right: -30.5px
    }
    .row-add-detail .row-content .tab-membership .add-membership-button,
    .row-add-detail .row-content .tab-transaction .add-payment-button, .row-add-detail .row-content .memberBooking-tab .add-membership-button {
        padding-left: 0;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%
    }
    .row-add-detail .row-content .tab-membership .membership-tab {
        margin-right: 0;
        padding-right: 0;
        padding-left: 2.5%
    }

    .row-membershiptype-properties .membershiptype-properties-content #flash_div {
        padding-left: 10px
    }

    .row-visithistory.row-family-membership .row-side { display: none !important; }
    .membership-modal .modal-body,
    .membership-modal2 .modal-body {
        min-height: 100px
    }
    .row-membershiptype-properties .membershiptype-properties-content .page-header,
    .row-membershiptype-properties .membershiptype-properties-content .form-group .control-label,
    .row-membershiptype-properties .membershiptype-properties-content .form-group .input-text,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #signupfee_fee_input .input-text-section,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #membership_fee_input .input-text-section {
        padding: 0px;
    }
    .row-membershiptype-properties .membershiptype-properties-content .form-group #signupfee_fee_input,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #membership_fee_input {
        width: 100%;
    }
    .row-membershiptype-properties .membershiptype-properties-content .form-group .form-control {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .row-membershiptype-properties #pricing_membershipfee .control-label {
        width: 100%;
    }
    .membership-modal .modal-body .form-group .control-label {
        top: 5px;
        padding: 0
    }
    .membership-modal .modal-body .form-group .end-date-label,
    .membership-modal .modal-body .form-group .minimum-term-label,
    .membership-modal .modal-body .form-group .visit-label {
        padding-right: 0
    }
    .membership-modal .modal-body .form-group .form-control,
    .membership-modal2 .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .membership-modal .modal-body .form-group .form-control-payment-detail,
    .membership-modal2 .modal-body .form-group .form-control-payment-detail {
        position: relative;
        left: -20px
    }
    .membership-modal .modal-footer,
    .membership-modal2 .modal-footer {
        height: 70px
    }
    .membership-modal .modal-footer .btn,
    .membership-modal2 .modal-footer .btn {
        margin-left: 0
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table {
        margin-top: 3%
    }
    .row-billing-tab {
        padding-top: 2%
    }
    .row-add-detail .row-content .communication-tab {
        padding: 15px!important
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content,
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group {
        padding: 0
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-header {
        margin-bottom: 20px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-header .form-group .control-label {
        text-align: left!important;
        padding: 0
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-name {
        min-width: 120px;
        display: inline-block;
        font-weight: 700
    }
    .row-addprospect .prospect-side-info,
    .row-visithistory .rowside .membership-group {
        display: none
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-title {
        font-size: 14px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-content {
        font-size: 11px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-button .communication-button1 {
        float: right;
        left: 10%;
        width: 32%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-message .control-label {
        text-align: left
    }
    .row-side .table-side table {
        font-size: 11px;
        display: none
    }
    .row-side .table-side h4 {
        font-size: 12px
    }
    .note-detail .form-horizontal .form-control {
        width: 100%
    }
    .row-booking {
        width: 100%;
        padding-bottom: 5%;
        padding-left: 5%
    }
    .row-booking .booking-content .search-content .form-group,
    .row-booking .booking-content .search-content .input-class {
        padding: 0
    }
    .row-booking .booking-content h3 {
        margin-top: 14px;
        font-size: 20px
    }
    .row-booking .booking-content .page-title .page-header {
        width: 45%!important
    }
    .row-booking .booking-content .page-title .page-header .moveWeek {
        font-size: 11px
    }
    .row-booking .booking-content .page-title .page-header .moveDay span {
        font-size: 23px
    }
    .row-booking .booking-content .page-title .page-header .btn-datepicker {
        font-size: 17px!important
    }
    .row-booking .booking-content .search-content {
        width: 30%
    }
    #tableMain td .box .mname {
        width: 70px!important
    }
    .row-bookingAddEvent .button-row .paynow a {
        width: 40%!important
    }
    .row-bookingAddEvent .addBookingSection .form-group .memberResult {
        width: 100%!important
    }
    .row-booking .booking-content .page-title .page-title-right .btn {
        margin: 0 2px 3px!important;
        width: 100%
    }
    .row-bookingAddEvent {
        width: 100%;
        margin-left: 0!important
    }
    .row-bookingAddEvent .backcalendar a {
        width: 100%!important
    }
    .row-bookingAddEvent .button-row,
    .row-bookingAddEvent .button-row .bottom,
    .row-bookingAddEvent .container .button-row .top {
        padding-left: 0;
        padding-right: 0
    }
    .row-bookingAddEvent .button-row .top-buttonrow .bottom-box a {
        width: 31%!important
    }
    .row-bookingAddEvent .button-row .top a {
        width: 45%!important
    }
    .row-bookingAddEvent .section .button-row a {
        width: 100%;
        margin-bottom: 10px
    }
    .row-bookingAddEvent .button-row .bottom-buttonrow .top-bottom a {
        width: 45%!important;
        margin-bottom: 10px
    }

    #paymentModal.accv8 .button,
    #paymentModal .modal-body .body .button {
        padding-left: 2px;
        padding-right: 2px
    }
    #paymentModal.accv8 .form-horizontal,
    #paymentModal .modal-content .modal-body .body .form-horizontal {
        padding: 10px
    }
    #paymentModal.accv8 .form-group .form-control,
    #paymentModal.accv8 .form-group .form-control-static,
    #paymentModal .modal-content .modal-body .body .form-horizontal .form-group .form-control,
    #paymentModal .modal-content .modal-body .body .form-horizontal .form-group .form-control-static {
        font-weight: 600
    }
    #paymentModal.accv8 .btn-group-left,
    #paymentModal .modal-dialog .modal-content .modal-body .btn-group-left {
        width: 570px;
        margin: 15px 0
    }
    #paymentModal.accv8 .btn-group-right,
    #paymentModal .modal-dialog .modal-content .modal-body .btn-group-right {
        width: 570px
    }
    #paymentModal .modal-dialog .modal-content {
        padding: 1px!important
    }
    .row.pos_report {
        margin-bottom: 4%;
        width: 100%;
        padding-top: 20px
    }
    .row.pos_report .main_content {
        padding: 0 2% 0 8%!important
    }
    .row.pos_report .main_content .main-header,
    .row.pos_report .main_content .main_container,
    .row.pos_report .main_content .main_container .main_table .main_table_content .pos-report-table,
    .row.pos_report .main_content .main_container .page-header,
    .row.pos_report .main_content .main_container .pos-total-table {
        padding: 0
    }
    .row-task .task-header .right-header,
    .row-task .task-header .right-header .box-tasktype,
    .row.pos_report .main_content .main-header .form-group .control-label {
        padding-left: 0
    }
    .row.pos_report .main_content .main_container .pos-total-table .summary-box {
        width: 100%!important
    }
    .row.pos_report .main_content .main-header .top-navbar {
        margin-bottom: 3%!important;
        padding: 0
    }
    .row-add-detail.row-addprospect .ssts-bar-prospect .status-bar-prospect-button {
        text-align: right!important
    }
    .row-add-detail.row-addprospect .row-content .row-prospect-additional-detail .form-group .input-group,
    .row-add-detail.row-addprospect .row-content .row-prospect-contact .form-group .input-group {
        width: 52.5%!important
    }
    .row-task {
        padding-right: 4%
    }
    .row-task .task-header .button-header {
        padding-right: 0
    }
    .row-task .task-header .button-header .btn {
        width: 100%;
        margin-bottom: 5px
    }
    .row-task .task-header .right-header .box-day {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .row-task .task-header .right-header .box-tasktype {
        width: 100%
    }
    .row-task .task-header .right-header .box-tasktype .form-group {
        width: 100%;
        margin-bottom: 10px
    }
    .row-task .task-header .right-header .box-tasktype .form-group.one {
        padding-right: 0!important
    }
    .row-task .task-details .tab-content .table tbody .btn {
        width: 100%!important;
        margin-bottom: 5px!important
    }
    .row-report {
        width: 100%!important;
        padding-top: 15px
    }
    .row-report .container {
        width: 710px!important;
        margin-right: 0!important;
        padding: 0
    }
    .row-report .table-report {
        padding-left: 6%
    }
    .row-report .container .report-content .report-date .show-report-button,
    .row-report .container .report-content .report-details-content,
    .row-report .container .report-content .report-details-content .report-date .date-range,
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group,
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group .control-label,
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group .input-text {
        padding: 0
    }
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group {
        margin: 0
    }
    .row-report .container .report-content .report-list-btn .table td i {
        width: 100%
    }
    .row-report .container .report-content .report-list-btn .table td {
        line-height: 30px
    }
    .row-report .container .report-content .report-details-content .report-date {
        padding: 15px
    }
    .row-report .container .report-content .report-details-content .report-date .date-range .show-report-button .btn-edit-report {
        margin-bottom: 3px
    }
    .row-report .container .report-content .report-date .show-report-button .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-report .table-report .page-header .reportheaderbutton {
        text-align: center!important;
        margin-top: 8px
    }
    .row-report .table-report-main {
        margin-left: 0!important;
        width: 100%!important
    }
    .row-kpi {
        padding-left: 0!important
    }
    .row-kpi .searchlist .form-group.date .control-label {
        width: 35.6%
    }
    .row-kpi .searchlist .form-group.date .input-group {
        width: 62%
    }
    .row-integratedbilling {
        padding-left: 0%!important;
        padding-right: 2% !important;
    }
    .row-integratedbilling .row a {
        margin-bottom: 5px
    }
    .row-setting.row-booking-type {
        padding-left: 0%!important
    }
    .row-setting.cash_drawer_setting {
        padding: 15px 2% 20px 1% !important;
    }
    .row-membershiptype-list {
        padding-left: 6%!important
    }
    .row-membershiptype-list .row-membershiptype-list-header .row {
        padding: 0
    }
    .row-membershiptype-list .row-membershiptype-list-header .row .divisionlist {
        padding: 0!important;
        margin-bottom: 5px
    }
    .row-membershiptype-list .membershiptype-list-content {
        width: 96%!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-right {
        padding: 0 25px;
        margin-bottom: 15px!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .membership-type-content {
        padding: 0!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .left-two {
        border: 0!important
    }
    .row-user-administration .right-content .dual-list .search-bar {
        width: 80%!important;
        padding-left: 10px!important
    }
    .row-setting .pagination {
        margin-bottom: 0;
        margin-top: 100px
    }
    .row-setting .pagination ul.pagination {
        margin: 0
    }
    .row-company-details .chooseTemplate .templateButtons .menuButton .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-company-details .chooseColor .colorPlate .sp-replacer.sp-light {
        width: 26%!important
    }
    .row-setting.row-measurementconfiguration .box .box-content .btn-minus {
        padding: 6px 0
    }
    .row-member-configuration .row-member-configuration-content .member-form .form-group .input-text {
        padding: 0
    }
    .row-member-configuration .member-form .helpdiv {
        margin-top: 3px!important
    }
    .row-voucher-list .voucherlist-header .searchbar .form-group .control-label {
        text-align: left!important;
        padding: 0
    }
    .row-voucher-list .voucherlist-header .searchbar .form-group .input-text {
        padding: 0
    }
    .row-setting.row-manage-product .buttongroup {
        text-align: center;
    }
    .row-setting.row-manage-product .buttongroup a {
        margin-bottom: 5px;
    }
    .row-setting.row-holdmembership .main-content .summary-box-content {
        width: 100%!important
    }
    .row-assetfile .form-group .box {
        width: 68%!important
    }
    .row-visithistory .rowside {
        padding-left: 15px!important;
        width: 100%!important
    }
    .row-visithistory .rowside .content-side .member-detail {
        text-align: center
    }
    .row-visithistory .rowside .content-side .photoimg {
        margin: auto
    }
    .row-visithistory .rowside .table-side,
    .row-visithistory .rowside .visithistory-panel {
        width: 100%!important;
        max-width: none!important
    }
    .row-visithistory .headerbar,
    .row-visithistory .headerbar a,
    .row-visithistory .rowside .visithistory-panel a {
        width: 100%
    }
    .row-visithistory .table-container {
        width: 100%;
        margin-top: 10px!important
    }
    .row-visithistory .table-container #contentdiv,
    .row-visithistory .table-container #leftSideTable {
        width: 100%!important
    }
    .row-visithistory .table-container #sideTable {
        width: 97%!important
    }
    .row-visithistory .table-container table tbody td .tailgatingPic .second,
    .row-visithistory .table-container table tbody td .tailgatingPic .third {
        left: 11%!important
    }
    .row-visithistory .table-container table tbody td .tailgatingPic img {
        width: 78%!important
    }
    .row-visithistory .rowside .content-side .member-detail h2 {
        margin-top: 0px;
    }
    .row-visithistory #memberquickdetails #photo_holder1 {
        display: none
    }
    .row-visithistory .family_member_content {
        width: 100%
    }
    .row-visithistory .family_member_content .master_account_content {
        margin-bottom: 20px
    }
    .row-visithistory .family_member_content .master_account_content .items {
        margin-bottom: 10px
    }
    .row-accounting {
        padding-left: 0!important
    }

    .row-productpurchase .container-fluid, .row-productpurchase .container-fluid .row-fluid {
        padding: 0px;
    }

    .row-integratedbilling .page-header {
        padding: 0px;
    }

    .row-integratedbilling .box-tablesummary .menuheader {
        margin-bottom: 0px;
    }

    .row-integratedbilling .box-tablesummary .menuheader .checkbox {
        text-align: left;
    }

    .row-integratedbilling .box-tablesummary .menuheader .checkbox label {
        padding: 0px !important;
    }

    .row-integratedbilling .box-tablesummary .tablesummary .billinghistory-table .table {
        width: 1400px;
    }

    .row-inventory .headerbar,
    .row-inventory .header,
    .row-inventory #inventory_main,
    .row-inventory .container-fluid {
        padding: 0px;
    }
    .row-inventory .header {
        margin-bottom: 5px;
    }
    .row-taxbreakdown {
        padding-left: 5%;
        width: 100%;
    }
    .footer .footer-content {
        margin-left: .5%!important
    }
    .footer .footer-content .footer-links {
        width: 135%
    }
    .footer-bottom .right-box {
        width: 40%!important;
        padding-right: 1%!important
    }
    .row-login {
        padding: 10px 0!important
    }
    .row-productmovement {
    	width: 100%;
		padding-left: 6%;
	}
    .row-login .heading.membercheckin {
        margin: 0 auto 20px!important
    }
    .row-login .membercheckin-container {
        width: 100%!important
    }
    #noteModal .modal-dialog {
        width: 90%!important
    }
    #noteModal .modal-body .form-group.menu-button a {
        width: 32%!important
    }
    .row-family-membership .row-side {
        display: none !important;
    }
    .row-family-membership .family_member_content {
        width: 100%;
    }
    .row-setting.row-bookingconfig .th-inner {
        width: 98px;
    }

    .row-setup .setupcontent,
    .row-setup .task-div {
        padding: 0px;
    }

    /* don't add parent classes to these pagination ones, as they need to work on multiple pages */
    .pagination_bar .display_filter {
        padding: 0px !important;
        margin: 10px 0px 20px !important;
    }

    /* New Booking page */
    .row-booking-new .booking-content .date-bar .resource-list { width: 100%; }
    .row-booking-new .booking-content .date-bar .date-range { margin: 15px 0px; }
    .row-booking-new .booking-content .date-bar .date-display { text-align: center; }
    .row-booking-new .booking-content .date-bar .date-display ul { float: none !important; }
}

@media (min-width:780px) and (max-width:899px) {
    .row .navbar-default .navbar-left li a,
    .row .navbar-default .navbar-left li:.current-page {
        font-size: 15px;
        width: 270px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .row .navbar-default .navbar-left li a.m_navbar {
		padding: 5px;
		width: 130px;
    }

    .row .navbar-default .navbar-left li a.m_navbar .m_name,
    .row .navbar-default .navbar-left li a.m_navbar .m_number {
    	display: block;
    }

    .row .navbar-default .navbar-left li a.m_navbar .m_name {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis

    }

	#tooltipTutorial {
		left: 60px;
		top: 498px;
		width: 250px;
	}

	#tooltipTutorial span {
		right: auto;
		left: -10px;
		position: absolute;
		color: #282828;
		top: 13px;
	}

    .row-add-detail .row-side .content-side h2 {
        display: none;
        width: 220px;
    }
    .collapse-display {
        display: none!important
    }
    .row-visitor .row-content .filterbox .page-header h3,
    .row-visitor .row-content .filterbox-content {
        display: none
    }
    .navbar-header {
        /* background-color: #212d3d; */
        width: 170px
    }
    .login-container,
    .password {
        position: relative
    }
    .affix-content .container {
        padding-top: 30px;
        padding-right: 0;
        padding-left: 0;
        margin-left: 15%;
        overflow: auto
    }
    .affix-content .container .page-header {
        margin-top: 0
    }
    .row-login .container {
        margin-left: 0;
        padding-top: 0;
        width: 100%
    }
    .login-container {
        margin: 80px auto;
        padding: 20px 40px 40px;
        text-align: center;
    }

    .row .navbar-default .navbar-right li.notification-reminder a {
        padding: 15px 10px;
    }

    .row-login .container .login-container .page-title {
        margin-bottom: 10%
    }
    .login-container button.login {
        padding: 10px 40px;
        width: 100%
    }
    .password input[type=password] {
        padding-right: 30px
    }
    #password2 .glyphicon,
    .password .glyphicon {
        display: none;
        right: 15px;
        position: absolute;
        top: 12px;
        cursor: pointer
    }
    .h5-panel-dashboard h5 {
        left: 10%
    }
    .row .affix-content .panel9 {
        padding-left: 0;
        margin-right: -15px
    }
    .row .affix-content .panel10 {
        margin-left: -15px
    }
    .row-dashboard .schedule-row {
        margin-bottom: 20px!important
    }
    .row-dashboard .row .panel-bar .row .info h1,
    .row-dashboard .row .panel2 .row .number h1 {
        font-size: 50px!important
    }
    .row-dashboard .row .panel-bar .text h3 {
        padding-top: 10px!important
    }
    .row-dashboard .panel2 .row .info h4 {
        padding-top: 20px!important
    }
    .row-dashboard .row .panel2 .row .text {
        top: 8px!important
    }
    .row-dashboard .panel2 .row .largeNumber {
        top: 0!important
    }
    .window-popups {
        position: fixed;
        right: 13%;
        bottom: 1%;
        z-index: 4
    }
    .window-popups .blue,
    .window-popups .green,
    .window-popups .red {
        width: 280px;
        min-height: 90px
    }
    .row-accountdetails {
        margin-bottom: 5%
    }
    .row-accountdetails .accountdetails-content .account-summary {
        float: none;
        width: 280px;
        margin: auto
    }
    .row-add-detail .row-fluid .row-content .member-top-details .row-member-detail .note-box .control-label {
        width: 100%;
        margin-bottom: 5px
    }
    .row-add-detail .list-side.total-member {
        left: 30px !important;
    }
    .row-visithistory.row-family-membership .row-side { display: none !important; }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
        width: 100%!important;
        height: 98px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .find-member-heading {
        width: 170px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .prospect-details-box {
        width: 54%;
        float: right!important
    }
    .row-find-member .items.prospect-box .prospect-details-box .prospect-name {
        width: 70%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status {
        width: 30%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn {
        padding: 1px 3px;
        margin-right: 0!important
    }
    .row-find-member .row-find-member-content .searchable-container .info-block .square-box {
        width: 150px
    }
    .row-find-member .row-find-member-content .searchable-container .info-block .square-box img {
        height: 150px!important
    }
    .row-find-member .row-find-member-content .searchable-container .info-block h4 {
        font-size: 16px;
        font-weight: 600
    }
    .row-find-member .row-find-member-content .searchable-container .info-block p {
        font-size: 12px
    }
    .row-find-member .row-find-member-content .searchable-container .square-box .glyphicon-lg {
        font-size: 8.9em!important
    }
    .row-find-member .row-find-member-content .info-block {
        height: 150px!important;
        width: 330px!important;
        overflow: hidden
    }
    .row-find-member .row-find-member-content #result-container-list .find-member-list .memberaction {
        width: 10% !important;
    }
    .info-block .square-box {
        position: relative;
        margin-right: 6px!important;
        text-align: center;
        width: 135px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content {
        width: 185px!important;
        padding: 0!important;
        height: 140px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading {
        min-height: 35px!important;
        width: 185px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name {
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name-currentmember {
        width: 100%;
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content h6#visit-task {
        font-size: 12px !important;
        width: 150px !important;
    }

    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name .visit-name {
        font-size: 13px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted {
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard {
        position: absolute!important;
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time .visit-door {
        font-weight: 100!important;
        font-size: 11px!important
    }
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-remove {
        bottom: 30px!important;
        left: 170px!important
    }
    .row-visitor .row-content .totalvisitor {
        text-align: center!important
    }
    .row-visitor .row-content .filterbox .filterbox-content {
        margin-bottom: 20px
    }
    .row-visitor .row-content .totalvisitor .control-label {
        top: 0!important
    }
    .row-visitor .row-content .filterbox {
        padding: 0!important
    }
    .row-visitor .row-content .filterbox .page-header .btn-expand {
        display: inline!important
    }
    .row-visitor .row-content .filterbox .totalvisitor {
        margin-bottom: 10px
    }
    .row-visitor .row-content .filterbox .totalvisitor .control-label {
        width: 100px!important;
        text-align: left
    }
    .row-visitor .row-content .filterbox .totalvisitor .input-text {
        width: 200px!important
    }
    .row-visitor .row-content .filterbox .endbar .btn {
        width: 100%;
        margin-bottom: 6px
    }
    .row-visitor .row-content .filterbox .doorstatus table td.actions {
        padding-right: 7px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .imgbox,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .tailgating {
        width: 70px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber,
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername h4 {
        font-size: 13px!important
    }
    .row-add-detail .status-list-side .btn-default,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails .visitdate {
        font-size: 12px
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernamecontent {
        width: 115px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membershiptypebox {
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left;
        margin-top: 5px
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .numbervisit {
        font-size: 12px;
        width: 50px;
        text-align: right
    }
    .row-visitor .row-content .table-visitor-box {
        padding: 0
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails {
        width: 28%!important;
        overflow: hidden
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .infobox {
        width: 42%!important
    }
    .row-add-detail .row-fluid .status-bar {
        left: -2%
    }
    .row-add-detail .member-tag-keyword {
        display: none
    }
    .row-add-detail .row-fluid .status-bar .fa-smile-o {
        position: relative;
        top: 5px
    }
    .row-add-detail .status-list-side {
        margin-top: -5%;
        left: 2%
    }
    .row-add-detail .member-detail-header { padding-left: 4%; }
    .row-add-detail .alert {
        margin-top: 1%;
        left: 2%;
        width: 98%
    }
    .row-add-detail .row-content {
        padding-left: 4%
    }
    .row-add-detail.row-edit-account .row-content {
        width: 100%
    }
    .row-add-detail .row-content .nav-tabs .tab-text {
        display: none
    }
    .row-add-detail .row-content .nav-tabs .tab-icon {
        width: 18px;
        height: 18px
    }
    .row-add-detail .row-side {
        min-width: 200px;
        width: 95%
    }
    .row-add-detail.row-edit-account .row-side {
        display: none
    }
    .row-add-detail.row-edit-account .accountbox .editpayment-content .accountheader .form-group.createdby .control-label {
        text-align: left!important
    }
    .row-add-detail .row-fluid .row-side .content-side .member-detail {
        height: auto!important
    }
    .row-add-detail .list-side.total-member {
        width: 200px;
        float: left;
        position: absolute;
        z-index: 10
    }
    .row-add-detail .row-fluid .ssts-bar .status-bar-button {
        width: 60%;
        float: right
    }
    .row-add-detail .list-side .btn-default-1 {
        position: absolute;
        visibility: hidden;
        top: 400px;
        z-index: 3
    }
    .row-add-detail .list-side .btn-default-3 {
        visibility: hidden;
        top: 400px;
    }
    .row-add-detail .content-side h2,
    .row-add-detail .content-side p {
        display: none;
        padding-left: 7%
    }
    .content-side .photoimg,
    .row-add-detail .row-side .content-side img {
        width: 190px!important
    }
    .row-add-detail .row-side .content-side .photoimg {
        position: absolute;
        right: 0;
        top: 290px;
        z-index: 5
    }
    .row-add-detail .row-side .content-side .photoimg.up {
        top: 260px
    }
    .row-add-detail .content-side a,
    .row-add-detail .content-side p {
        font-size: 11px
    }
    .row-add-detail .list-side .btn-default-1,
    .row-add-detail .list-side .btn-default-2,
    .row-add-detail .list-side .btn-default-3 {
        font-size: 12px
    }
    .row-add-detail .table-side {
        margin-left: 7%;
        width: 190px;
        font-size: 12px;
        display: none
    }
    .row-content h3 { font-size: 18px }
    .row-content .contact-detail { margin-bottom: 1% }
    .row-add-detail .row-side .content-side {
        position: relative;
        margin-top: 0;
        top: -24px
    }
    .row-add-detail .content-side h2 {
        font-size: 20px
    }
    .row-add-detail .content-side a,
    .row-add-detail .status-bar a {
        font-size: 12px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-title,
    .row-add-detail .row-content .page-header .glyphicon {
        font-size: 14px
    }
    .row-add-detail .row-fluid .ssts-bar .status-bar-button {
        padding: 0
    }
    .content-side .button-photo-group {
        position: relative!important
    }
    .content-side .button-photo-group a {
        width: 100%;
        margin-top: 5px
    }
    .row-add-detail .status-bar-button .button2 {
        float: right
    }
    .row-add-detail .row-content .form-horizontal .form-group {
        margin-left: 0;
        margin-right: 0
    }
    .row-add-detail .row-content .member-detail .form-group label {
        text-align: left
    }
    .row-add-detail .row-content .status-bar-form {
        display: none;
        position: absolute;
        top: 5%;
        left: 65%
    }
    .row-add-detail .row-content .status-bar-form img {
        width: 200px
    }
    .row-booking.row-bookingAddEvent {
        padding: 0px !important;
        width: 100% !important;
    }

    .row-booking.row-bookingAddEvent .addBookingSection {
        padding: 0px;
    }
    .member-tag-keyword {
        display: none;
    }
    .photo_holder .photoimg,
    .photo_holder .photoimg.up {
        width: 190px;
        right: 50px;
        z-index: 5;
        position: absolute
    }
    .photo_holder {
        z-index: 5
    }
    .photo_holder .photoimg {
        top: 125px
    }
    .photo_holder .photoimg.up {
        top: 80px
    }
    .row-add-detail .row-content .status-bar-form .btn-add-photo {
        position: absolute;
        left: 30%;
        bottom: 15%
    }
    .row-add-detail .row-content .emergency-detail .form-group .input-group .form-control-default {
        width: 100%
    }
    .row-add-detail .row-content .end-bar-button {
        display: none
    }
    .row-add-detail .tab-transaction .accountoverview .box.account {
        display: inline!important
    }
    .row-add-detail .row-content .end-bar-button2 {
        position: absolute;
        left: 79%;
        bottom: 0
    }
    .row-add-detail .row-content .end-bar-button2 .button2 {
        position: absolute
    }
    .row-add-detail .row-content .contact-detail .form-horizontal label,
    .row-add-detail .row-content .emergency-detail .form-horizontal label {
        text-align: left;
        left: 3%
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .btn-group-wrap,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-options {
        text-align: center
    }
    .row-add-detail .row-content .contact-detail .form-horizontal .form-control,
    .row-add-detail .row-content .emergency-detail .form-horizontal .form-control {
        left: -5%;
        width: 106%
    }
    .row-add-detail .row-content .contact-detail .form-horizontal .form-control-default,
    .row-add-detail .row-content .emergency-detail .form-horizontal .form-control-default {
        width: 93%
    }
    .row-add-detail .row-content .contact-detail .form-horizontal .input-group-btn {
        position: relative
    }
    .row-add-detail .row-content .tab-membership .add-membership-button,
    .row-add-detail .row-content .tab-transaction .add-payment-button, .row-add-detail .row-content .memberBooking-tab .add-membership-button {
        padding-left: 0;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%
    }
    .row-add-detail .row-content .tab-membership .membership-tab {
        margin-right: 0;
        padding-right: 0;
        padding-left: 2.5%
    }

    .row-membershiptype-properties .membershiptype-properties-content #flash_div {
        padding-left: 10px
    }

    .row-membershiptype-properties .membershiptype-properties-content .page-header,
    .row-membershiptype-properties .membershiptype-properties-content .form-group .control-label,
    .row-membershiptype-properties .membershiptype-properties-content .form-group .input-text,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #signupfee_fee_input .input-text-section,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #membership_fee_input .input-text-section {
        padding: 0px;
    }
    .row-membershiptype-properties .membershiptype-properties-content #pricing_membershipfee .control-label,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #signupfee_fee_input,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #membership_fee_input {
        width: 100%;
    }
    .row-membershiptype-properties .membershiptype-properties-content .form-group .form-control {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .membership-modal .modal-body,
    .membership-modal2 .modal-body {
        min-height: 100px
    }
    .membership-modal .modal-body .form-group .control-label {
        top: 5px;
        padding: 0
    }
    .membership-modal .modal-body .form-group .end-date-label,
    .membership-modal .modal-body .form-group .minimum-term-label,
    .membership-modal .modal-body .form-group .visit-label {
        padding-right: 0
    }
    .membership-modal .modal-body .form-group .form-control,
    .membership-modal2 .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .membership-modal .modal-body .form-group .form-control-payment-detail,
    .membership-modal2 .modal-body .form-group .form-control-payment-detail {
        position: relative;
        left: -20px
    }
    .membership-modal .modal-footer,
    .membership-modal2 .modal-footer {
        height: 70px
    }
    .membership-modal .modal-footer .btn,
    .membership-modal2 .modal-footer .btn {
        margin-left: 0
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table {
        margin-top: 3%
    }
    .payment-modal .modal-body .payment-table {
        height: 180px;
        margin-bottom: 20px;
        overflow-y: auto;
        border-bottom: 1px solid #E8E8E8
    }
    .payment-modal .modal-body .payment-details {
        padding-left: 5px;
        padding-right: 5px
    }
    .payment-modal .modal-body .payment-details .total-paid {
        margin-top: 5px
    }
    .payment-modal .modal-body .payment-details .form-group {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 5px
    }
    .payment-modal .modal-body .payment-details .form-group .control-label {
        top: 7px
    }
    .payment-modal .modal-body .payment-details .total-paid .form-control {
        text-align: right
    }
    .payment-modal .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .payment-modal .modal-body .payment-details .checkbox-footer {
        left: 2.5%
    }
    .payment-modal .modal-body .checkbox-deposit label,
    .payment-modal .modal-body .checkbox-invoice label,
    .payment-modal .modal-body .checkbox-receipt label {
        top: 2px
    }
    .row-billing-tab {
        padding-top: 2%
    }
    .row-add-detail .row-content .communication-tab {
        padding: 15px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content,
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group,
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .table-responsive {
        padding: 0
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group td.date {
        width: 18%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-header .form-group .control-label {
        text-align: left!important
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .fixed-table-container {
        height: 300px!important
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-name {
        min-width: 120px;
        display: inline-block;
        font-weight: 700
    }
    .row-addprospect .prospect-side-info .prospect-info,
    .row-visithistory .rowside .membership-group {
        display: none
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-content,
    .row-booking .booking-content .page-title .page-header .moveWeek {
        font-size: 11px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-button .communication-button1 {
        float: right;
        left: 8%;
        width: 32%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-message .control-label {
        text-align: left
    }
    .row-editMembership.row-setting {
        padding-left: 1%!important
    }
    .row-booking {
        width: 100%;
        padding-bottom: 5%;
        padding-left: 5%
    }
    #tableMain td .box .mname {
        width: 80px!important
    }
    .row-booking .booking-content .page-title .page-header {
        width: 44%!important
    }
    .row-booking .booking-content .page-title .page-header .moveDay span {
        font-size: 23px
    }
    .row-booking .booking-content .page-title .page-header .btn-datepicker {
        font-size: 17px!important
    }
    .row-booking .booking-content .search-content {
        width: 30%
    }
    .row-booking .booking-content .search-content .form-group,
    .row-booking .booking-content .search-content .input-class {
        padding: 0
    }
    .row-booking .booking-content h3 {
        margin-top: 14px;
        font-size: 20px
    }
    .row-booking .booking-content .page-title .page-title-right .btn {
        margin: 0 2px 2px !important
    }
    .row-bookingAddEvent,
    .row-bookingAddEvent .form-group.from,
    .row-bookingAddEvent .form-group.to {
        margin-left: 0 !important
    }
    .row-booking .booking-content .calendar .weekly-view {
        font-size: 14px !important
    }
    .row-booking .booking-content .page-title .h3-datepicker .datepicker {
        left: 38px !important
    }
    .row-bookingAddEvent {
        width: 100%
    }
    .row-bookingAddEvent .backcalendar a {
        width: 100% !important
    }
    .row-bookingAddEvent .button-row,
    .row-bookingAddEvent .button-row .bottom,
    .row-bookingAddEvent .button-row .bottom-bottom,
    .row-bookingAddEvent .button-row .bottom-box,
    .row-bookingAddEvent .button-row .bottom-buttonrow,
    .row-bookingAddEvent .container .button-row .top,
    .row-bookingAddEvent .container .button-row .top-bottom,
    .row-bookingAddEvent .container .button-row .top-box,
    .row-bookingAddEvent .container .button-row .top-buttonrow {
        padding-left: 0;
        padding-right: 0
    }
    .row-bookingAddEvent .button-row .top-buttonrow .bottom-box a {
        width: 31% !important
    }
    .row-bookingAddEvent .button-row .bottom a,
    .row-bookingAddEvent .button-row .bottom-buttonrow .bottom-bottom a {
        width: 96%!important
    }
    .row-bookingAddEvent .button-row .top-roster a {
        width: 100%!important;
        margin-bottom: 10px!important
    }
    .row-bookingAddEvent .button-row .bottom-roster a {
        width: 100%!important;
        margin-top: 20px!important
    }
    .row-bookingAddEvent .section .input-text {
        padding-right: 0
    }
    .row-bookingAddEvent .section .button-row a {
        width: 100%;
        margin-bottom: 10px
    }
    .row-bookingAddEvent .form-group.table {
        padding-right: 15px!important;
        padding-left: 25px!important
    }
    .row-bookingAddEvent .button-row .bottom-buttonrow .top-bottom a {
        width: 45%!important;
        margin-bottom: 10px
    }
    .row-bookingAddEvent .button-row .top a {
        width: 45%!important
    }
    .row-bookingAddEvent .button-row .paynow a {
        width: 40%!important
    }
    .row-bookingAddEvent .addBookingSection .form-group .smsMemberBooking {
        width: 100%!important;
        text-align: center!important
    }
    .row-bookingAddEvent .addBookingSection .form-group .memberResult {
        width: 100%!important
    }
    .row-add-detail.row-addprospect .ssts-bar-prospect .status-bar-prospect-button {
        text-align: right!important;
        padding-right: 0
    }
    .row-add-detail.row-addprospect .row-content .row-prospect-additional-detail .form-group .input-group,
    .row-add-detail.row-addprospect .row-content .row-prospect-contact .form-group .input-group {
        width: 53.5%!important
    }
    .row-family-membership .row-side {
        display: none !important;
    }
    .row-family-membership .family_member_content {
        width: 100%;
    }

    #paymentModal.accv8 .form-group .control-label,
    #paymentModal .modal-content .modal-body .body .form-group .control-label {
        padding: 7px 0 0!important;
        text-align: left!important
    }
    #paymentModal.accv8 .form-group .input-text,
    #paymentModal .modal-content .modal-body .body .form-group .input-text {
        padding: 0 0 0 10px!important
    }
    #paymentModal.accv8 .button .btn,
    #paymentModal .modal-content .modal-body .body .button .btn {
        width: 100%!important
    }
    .row.pos_report {
        margin-bottom: 4%;
        width: 100%;
        padding-top: 20px
    }
    .row.pos_report .main_content {
        padding: 0 2% 0 8%!important
    }
    .row.pos_report .main_content .main-header,
    .row.pos_report .main_content .main_container,
    .row.pos_report .main_content .main_container .main_table .main_table_content .pos-report-table,
    .row.pos_report .main_content .main_container .page-header,
    .row.pos_report .main_content .main_container .pos-total-table {
        padding: 0
    }
    .row.pos_report .main_content .main_container .main_table {
        margin-top: 20px
    }
    .row.pos_report .main_content .main_container .pos-total-table .summary-box {
        width: 100%!important
    }
    .row.pos_report .main_content .main-header .top-navbar {
        margin-bottom: 3%!important;
        padding: 0
    }
    .row-task {
        padding-right: 4%
    }
    .row-task .task-details .tab-content .table tbody .btn {
        width: 100%!important;
        margin-bottom: 5px!important
    }
    .row-task .right-header,
    .row-task .right-header .box-day {
        padding-left: 0
    }
    .row-report .container {
        width: 730px!important;
        margin-left: auto!important;
        margin-right: auto!important;
        padding-top: 0
    }
    .row-report .container .report-content .report-list-btn .table td i {
        width: 100%
    }
    .row-report .container .report-content .report-list-btn table td {
        line-height: 30px!important
    }
    .row-report .container .report-content .report-date .show-report-button,
    .row-report .container .report-content .report-details-content,
    .row-report .container .report-content .report-details-content .report-date .date-range,
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group,
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group .control-label,
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group .input-text {
        padding: 0
    }
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group {
        margin: 0
    }
    .row-report .container .report-content .report-details-content .report-date {
        padding: 15px
    }
    .row-report .container .report-content .report-details-content .report-date .date-range .show-report-button .btn-edit-report {
        margin-bottom: 3px
    }
    .row-report .container .report-content .report-date .show-report-button .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-integratedbilling .row a,
    .row-membershiptype-list .row-membershiptype-list-header .row .divisionlist {
        margin-bottom: 5px
    }
    .row-report .table-report .page-header .reportheaderbutton {
        text-align: center!important;
        margin-top: 8px
    }
    .row-report .table-report-main {
        margin-left: 0!important;
        width: 100%!important
    }
    .row-kpi .searchlist .form-group.date .control-label {
        width: 35.6%
    }
    .row-kpi .searchlist .form-group.date .input-group {
        width: 62%
    }

    .row-membershiptype-list .row-membershiptype-list-header .checkbox,
    .row-membershiptype-list .row-membershiptype-list-header .row {
        padding: 0
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .membership-type-content {
        padding: 0!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .left-two {
        border: 0!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-right {
        padding: 0 25px;
        margin-bottom: 15px!important
    }
    .row-user-administration .right-content .dual-list .search-bar {
        width: 80%!important;
        padding-left: 10px!important
    }
    .row-setting.row-manage-product .buttongroup {
        text-align: center;
    }
    .row-setting.row-manage-product .buttongroup a {
        margin-bottom: 5px;
    }

    .row-integratedbilling .page-header {
        padding: 0px;
    }

    .row-integratedbilling .box-tablesummary .menuheader {
        margin-bottom: 0px;
    }

    .row-integratedbilling .box-tablesummary .menuheader .checkbox {
        text-align: left;
    }

    .row-integratedbilling .box-tablesummary .menuheader .checkbox label {
        padding: 0px !important;
    }

    .row-integratedbilling .box-tablesummary .tablesummary .billinghistory-table .table {
        width: 1400px;
    }

    .row-company-details .chooseTemplate .templateButtons .menuButton .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-company-details .chooseColor .colorPlate .sp-replacer.sp-light {
        width: 26%!important
    }
    .row-setting.row-measurementconfiguration .box .box-content .btn-minus {
        padding: 6px 0
    }
    .row-member-configuration .row-member-configuration-content .member-form .form-group .input-text {
        padding: 0
    }
    .row-member-configuration .member-form .helpdiv {
        margin-top: 3px!important
    }
    .row-setting.row-holdmembership .main-content .summary-box-content {
        width: 100%!important
    }
    .row-accountdetails .accountdetails-content,
    .row-accountdetails .accountdetails-content .account-detail,
    .row-accountdetails .accountdetails-content .account-summary,
    .row-accountdetails .accountdetails-content .account-summary .box,
    .row-accountdetails .accountdetails-content .account-summary .profile-pic {
        padding: 0!important
    }
    .row-setting.row-sms-template.row-assetfile {
        padding-left: 1%!important
    }
    .row-assetfile .form-group .box {
        width: 68%!important
    }
    .row-visithistory {
        width: 100%
    }
    .row-visithistory .rowside {
        padding-left: 15px!important;
        width: 100% !important
    }
    .row-visithistory .rowside .content-side .member-detail {
        text-align: center
    }
    .row-visithistory .rowside .content-side .photoimg {
        margin: auto
    }
    .row-visithistory .rowside .table-side,
    .row-visithistory .rowside .visithistory-panel {
        width: 100% !important;
        max-width: none !important
    }
    .row-visithistory .headerbar,
    .row-visithistory .headerbar a,
    .row-visithistory .rowside .visithistory-panel a {
        width: 100%
    }
    .row-visithistory .table-container {
        width: 100%;
        margin-top: 10px !important
    }
    .row-visithistory .table-container #contentdiv,
    .row-visithistory .table-container #leftSideTable {
        width: 100% !important
    }
    .row-visithistory .table-container #sideTable {
        width: 97% !important
    }
    .row-visithistory .table-container table tbody td .tailgatingPic .second,
    .row-visithistory .table-container table tbody td .tailgatingPic .third {
        left: 11% !important
    }
    .row-visithistory .table-container table tbody td .tailgatingPic img {
        width: 78% !important
    }
    .row-visithistory .rowside .content-side .member-detail h2 {
        margin-top: 0px
    }
    .row-visithistory #memberquickdetails #photo_holder1 {
        display: none
    }
    .row-visithistory .family_member_content {
        width: 100%
    }
    .row-visithistory .family_member_content .master_account_content {
        margin-bottom: 20px
    }
    .row-visithistory .family_member_content .master_account_content .items {
        margin-bottom: 10px
    }
    .row-voucher-list .voucherlist-header .searchbar .form-group .control-label {
        text-align: left!important;
        padding: 0
    }
    .row-voucher-list .voucherlist-header .searchbar .form-group .input-text {
        padding: 0
    }
    .row-productpurchase .container-fluid, .row-productpurchase .container-fluid .row-fluid {
        padding: 0px;
    }
    .footer .footer-content {
        margin-left: 1%!important
    }
    .footer .footer-content .footer-links {
        width: 133%
    }
    .footer-bottom .left-box .content {
        width: 100%
    }
    .row-login {
        padding: 10px 0px !important;
    }
    .row-login .heading.membercheckin {
        margin: 0 auto 20px!important
    }
    .row-login .membercheckin-container {
        width: 100%!important
    }
    #noteModal .modal-dialog {
        width: 90%!important
    }
    #noteModal .modal-body .form-group.menu-button a {
        width: 32%!important
    }
    .row-setting.row-bookingconfig .th-inner {
        width: 98px;
    }

    .row-editMembership .box .form-group.nextpayment .control-label .btn {
        margin-left: 15px;
    }

    .row-editMembership .box .form-group.nextpayment .control-label #lblnextpayment {
        float: left;
        margin-left: 15px;
        margin-right: 0px
    }

    .row-login .membercheckin-container .membercheckin-content .img-member {
        padding: 0;
        width: 50% !important;
        height: 250px;
        position: relative;
        overflow: hidden
    }

    .row-setup .setupcontent,
    .row-setup .task-div {
        padding: 0px;
    }

    /* don't add parent classes to these pagination ones, as they need to work on multiple pages */
    .pagination_bar .display_filter {
        padding: 0px !important;
        margin: 10px 0px 20px !important;
    }

    /* New Booking page */
    .row-booking-new .booking-content .date-bar .resource-list { width: 100%; }
    .row-booking-new .booking-content .date-bar .date-range { margin: 15px 0px; }
    .row-booking-new .booking-content .date-bar .date-display { text-align: center; }
    .row-booking-new .booking-content .date-bar .date-display ul { float: none !important; }

}

@media (min-width:900px) and (max-width:1000px) {
    .calendar #contentdiv {
        width: calc(95% - 101px); /* Width of the .timeTable column*/
    }

    .calendar #contentdiv.booking2 {
        width: calc(95% - 65px);
    }

    .row .navbar-default .navbar-left {
        width: 13%
    }
    .row .navbar-default .navbar-left li a,
    .row .navbar-default .navbar-left li:.current-page {
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .collapse-display {
        display: none!important
    }
    .row-add-detail .row-side .content-side h2 {
        display: none
    }
    .login-container button.login {
        padding: 10px 40px;
        width: 100%
    }
    .password {
        position: relative
    }
    .password input[type=password] {
        padding-right: 30px
    }
    #password2 .glyphicon,
    .password .glyphicon {
        display: none;
        right: 15px;
        position: absolute;
        top: 12px;
        cursor: pointer
    }
    .navbar-header {
        /* background-color: #212d3d; */
        width: 170px
    }
    .affix-content .container .page-header {
        margin-top: 0
    }
    .row-dashboard {
        /* margin-left: 10%;
        padding-left: 9%; */
        padding-bottom: 5%;
        /* overflow: hidden */
    }
    .row-dashboard .schedule-row {
        margin-bottom: 20px!important
    }
    .row-dashboard .row .box-statistic .row h1 {
        font-size: 26px!important
    }
    .row .affix-content .panel9 {
        padding-left: 0;
        margin-right: -15px
    }
    .row .affix-content .panel10 {
        margin-left: -15px
    }
    .row-dashboard .row .panel-bar .row .info h1,
    .row-dashboard .row .panel2 .row .number .default {
        font-size: 35px!important
    }
    .row-dashboard .row .panel-bar .text h3 {
        padding-top: 10px!important
    }
    .row-dashboard .panel2 .row .info h4 {
        padding-top: 20px!important
    }
    .row-dashboard .row .panel2 .row .text {
        top: 8px!important
    }
    .row-dashboard .panel2 .row .largeNumber {
        top: 0!important
    }
    .row-accountdetails {
        padding-left: 7%;
        margin-bottom: 5%
    }
    .row-accountdetails .add-photo .camerabutton {
        margin-left: 0!important
    }
    .row-accountdetails .accountdetails-content .profile-pic img {
        width: 250px!important
    }
    .row-accountdetails .accountdetails-content {
        padding-left: 12%
    }
    .row-accountdetails .accountdetails-content .account-summary,
    .row-accountdetails .accountdetails-content .box.one,
    .row-accountdetails .accountdetails-content .box.one .form-group,
    .row-accountdetails .accountdetails-content .box.one .form-group .input-text,
    .row-accountdetails .accountdetails-content .box.two,
    .row-accountdetails .accountdetails-content .profile-pic,
    .row-accountdetails .accountdetails-content .username {
        padding: 0
    }
    .window-popups {
        position: fixed;
        right: 8%;
        bottom: 1%;
        z-index: 4
    }
    .window-popups .blue,
    .window-popups .green,
    .window-popups .red {
        width: 290px;
        min-height: 90px
    }
    .row-visitor .row-content .filterbox {
        padding: 0!important
    }
    .row-visitor .row-content .filterbox .endbar .btn {
        width: 100%;
        margin-bottom: 6px
    }
    .row-visitor .row-content .filterbox .doorstatus table td.actions {
        padding-right: 7px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .imgbox,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .tailgating {
        width: 70px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber,
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername h4 {
        font-size: 13px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernamecontent {
        width: 115px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membershiptypebox {
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left;
        margin-top: 5px
    }
    .row-add-detail .row-content .nav-tabs .tab-text,
    .row-add-detail .table-side {
        display: none
    }
    .member-tag-keyword {
        display: none;
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .numbervisit {
        font-size: 12px;
        width: 50px;
        text-align: right
    }
    .row-find-member .row-find-member-content .searchable-container .info-block .square-box {
        width: 170px;
        height: 115px
    }
    .row-find-member .row-find-member-content .searchable-container .info-block .square-box img {
        height: 150px!important
    }
    .row-find-member .row-find-member-content .searchable-container .info-block h4 {
        font-size: 14px;
        font-weight: 600
    }
    .row-find-member .row-find-member-content .searchable-container .info-block p {
        font-size: 12px
    }
    .row-find-member .row-find-member-content .searchable-container .square-box .glyphicon-lg {
        font-size: 8.9em!important
    }
    .row-find-member .row-find-member-content .info-block {
        height: 150px!important;
        width: 315px!important;
        overflow: hidden
    }
    .row-find-member .row-find-member-content #result-container-list .find-member-list .memberaction {
        width: 10% !important;
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time { top: 0px; width: 50px; }
    .info-block .square-box {
        position: relative;
        margin-right: 6px!important;
        text-align: center;
        height: 149px!important;
        width: 135px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content {
        width: 170px!important;
        padding: 0!important;
        height: 140px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading {
        min-height: 42px!important;
        width: 172px!important
    }

    .row-find-member .row-find-member-content .items .info-block .find-member-content h6#visit-task {
        font-size: 12px !important;
        width: 140px !important;
    }

    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name {
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name .visit-name {
        font-size: 13px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted {
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard {
        position: absolute!important;
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time .visit-door {
        font-weight: 100!important;
        font-size: 11px!important
    }
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-remove {
        bottom: 30px!important;
        left: 170px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-currentmember .find-member-name {
        width: 100%!important;
        min-height: 45px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
        width: 100%!important;
        height: 98px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .find-member-heading {
        width: 170px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .prospect-details-box {
        width: 54%;
        float: right!important
    }
    .row-add-detail .row-content .end-bar-button2 .button2,
    .row-add-detail .status-bar-button .button2 {
        float: right
    }
    .row-family-membership .row-side {
        display: none !important;
    }
    .row-family-membership .family_member_content {
        width: 100%;
    }
    .row-find-member .prospect-box .prospect-details-box .find-member-name-currentmember {
        width: 70%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status {
        width: 30%!important
    }
    .photo_holder .photoimg,
    .photo_holder .photoimg img {
        position: absolute;
        width: 190px
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn {
        padding: 1px 3px;
        margin-right: 0!important
    }
    .row-add-detail .row-side h2,
    .row-add-detail .row-side p {
        margin-bottom: 3%;
        display: none
    }
    .row-add-detail .row-side .photoimg {
        position: absolute;
        top: 200px;
        z-index: 3;
        width: 190px
    }
    .photo_holder .photoimg {
        right: 50px;
        top: 125px;
        z-index: 3
    }
    .photo_holder .photoimg.up {
        top: 80px
    }
    .row-add-detail .row-side .photoimg .btn {
        z-index: 3
    }
    .row-add-detail .alert {
        left: 0%;
        width: 100%
    }
    .row-add-detail .alert.billing_warning {
        position: relative;
        float: left;
    }
    .row-add-detail .status-list-side {
        margin-top: 1%;
        left: -5px
    }
    .row-add-detail .status-list-side .btn-default {
        font-size: 12px
    }
    .row-add-detail.row-edit-account .row-tab {
        width: 100%!important;
        padding: 0
    }
    .row-add-detail .row-content .nav-tabs .tab-icon {
        width: 18px;
        height: 18px
    }
    .row-add-detail .row-content .page-header .glyphicon {
        font-size: 14px
    }
    .row-add-detail .tab-transaction .accountoverview .box.account {
        display: inline!important
    }
    .row-side {
        min-width: 200px
    }
    .row-side img {
        width: 190px
    }

    .row-add-detail .member-detail-header {
        padding-left: 0%;
        margin-bottom: 10px;
    }
    .row-add-detail .row-side .content-side {
        position: relative;
        margin-top: 0;
        top: 10px
    }
    .row-add-detail .content-side h2,
    .row-add-detail .content-side p {
        padding-left: 7%
    }
    .row-add-detail .content-side h2 {
        font-size: 20px
    }
    .row-add-detail .content-side a,
    .row-add-detail .content-side p {
        font-size: 11px
    }
    .row-add-detail .list-side .btn-default-1,
    .row-add-detail .list-side .btn-default-2,
    .row-add-detail .list-side .btn-default-3,
    .row-add-detail .status-bar a {
        font-size: 12px
    }
    .row-add-detail .list-side .btn-default-1 {
        position: absolute;
        left: 1000%;
        top: 350px;
        z-index: 3;
        display: none
    }
    .row-add-detail .list-side .btn-default-3 {
        left: 1000%;
        top: 350px;
        display: none
    }
    .row-add-detail .table-side {
        margin-left: 7%;
        width: 190px;
        font-size: 12px
    }
    .row-content h3 { font-size: 18px }
    .row-content .contact-detail {
        margin-bottom: 1%
    }
    .row-add-detail .row-content .member-detail .form-groupl label {
        text-align: left;
        left: 3%
    }
    .row-add-detail .row-content .status-bar-form {
        display: none;
        position: absolute;
        top: 5%;
        left: 60%
    }
    .row-add-detail .row-content .status-bar-form img {
        width: 220px
    }
    .row-add-detail .row-content .emergency-detail .form-group .input-group .form-control-default,
    .row-add-detail .row-fluid .row-content .member-top-details .row-member-detail .note-box .input {
        width: 100%
    }
    .row-add-detail .row-content .status-bar-form .btn-add-photo {
        position: absolute;
        left: 30%;
        bottom: 15%
    }
    .row-add-detail .row-content .end-bar-button {
        display: none
    }
    .row-add-detail .row-fluid .row-content .member-top-details .row-member-detail .note-box .control-label {
        width: 100%;
        margin-bottom: 5px
    }
    .row-add-detail .row-content .end-bar-button2 {
        position: absolute;
        right: -2%;
        bottom: 0
    }
    .row-add-detail .row-content .contact-detail .form-horizontal label,
    .row-add-detail .row-content .emergency-detail .form-horizontal label {
        text-align: left;
        left: 3%
    }
    .row-add-detail .row-content .contact-detail .form-horizontal .form-control,
    .row-add-detail .row-content .emergency-detail .form-horizontal .form-control {
        left: -5%;
        width: 106%
    }
    .row-add-detail .row-content .contact-detail .form-horizontal .form-control-default,
    .row-add-detail .row-content .emergency-detail .form-horizontal .form-control-default {
        width: 93%
    }
    .row-add-detail .row-content .contact-detail .form-horizontal .input-group-btn {
        position: relative
    }
    .row-add-detail.row-edit-account .accountbox .editpayment-content .accountheader .form-group.createdby .control-label {
        text-align: left!important
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .btn-group-wrap,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-options {
        text-align: center
    }
    .row-add-detail .row-content .tab-membership .add-membership-button,
    .row-add-detail .row-content .tab-transaction .add-payment-button, .row-add-detail .row-content .memberBooking-tab .add-membership-button {
        padding-left: 0;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%
    }
    .row-add-detail .row-content .tab-membership .membership-tab {
        margin-right: 0;
        padding-right: 0;
        padding-left: 2.5%
    }
    .row-add-detail .row-content .memberBooking-tab .memberBooking-content .page-header h3 { font-size: 24px; }
    .row-membershiptype-properties .membershiptype-properties-content .page-header,
    .row-membershiptype-properties .membershiptype-properties-content .form-group .control-label,
    .row-membershiptype-properties .membershiptype-properties-content .form-group .input-text,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #signupfee_fee_input .input-text-section,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #membership_fee_input .input-text-section {
        padding: 0px;
    }
    .row-membershiptype-properties .membershiptype-properties-content #pricing_membershipfee .control-label,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #signupfee_fee_input,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #membership_fee_input {
        width: 100%;
    }
    .row-membershiptype-properties .membershiptype-properties-content .form-group .form-control {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .membership-modal .modal-body,
    .membership-modal2 .modal-body {
        min-height: 100px
    }
    .membership-modal .modal-body .form-group .control-label {
        top: 5px;
        padding: 0
    }
    .membership-modal .modal-body .form-group .end-date-label,
    .membership-modal .modal-body .form-group .minimum-term-label,
    .membership-modal .modal-body .form-group .visit-label {
        padding-right: 0
    }
    .membership-modal .modal-body .form-group .form-control,
    .membership-modal2 .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .membership-modal .modal-body .form-group .form-control-payment-detail,
    .membership-modal2 .modal-body .form-group .form-control-payment-detail {
        position: relative;
        left: -20px
    }
    .membership-modal .modal-footer,
    .membership-modal2 .modal-footer {
        height: 70px
    }
    .membership-modal .modal-footer .btn,
    .membership-modal2 .modal-footer .btn {
        margin-left: 0
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table {
        margin-top: 3%
    }
    .payment-modal .modal-body .payment-table {
        height: 180px;
        margin-bottom: 20px;
        overflow-y: auto;
        border-bottom: 1px solid #E8E8E8
    }
    .payment-modal .modal-body .payment-details {
        padding-left: 5px;
        padding-right: 5px
    }
    .payment-modal .modal-body .payment-details .total-paid {
        margin-top: 5px
    }
    .payment-modal .modal-body .payment-details .form-group {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 5px
    }
    .payment-modal .modal-body .payment-details .form-group .control-label {
        top: 7px
    }
    .payment-modal .modal-body .payment-details .total-paid .form-control {
        text-align: right
    }
    .payment-modal .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .payment-modal .modal-body .payment-details .checkbox-footer {
        left: 2.5%
    }
    .payment-modal .modal-body .checkbox-deposit label,
    .payment-modal .modal-body .checkbox-invoice label,
    .payment-modal .modal-body .checkbox-receipt label {
        top: 2px
    }
    .row-billing-tab {
        padding-top: 2%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-name {
        min-width: 120px;
        display: inline-block;
        font-weight: 700
    }
    .row-addprospect .prospect-side-info,
    .row-visithistory .rowside .membership-group {
        display: none
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-title {
        font-size: 14px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-content {
        font-size: 11px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-button .communication-button1 {
        float: right;
        left: 10.5%;
        width: 32%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-message .control-label {
        text-align: left
    }
    .row-visithistory.row-family-membership .row-side { display: none !important; }
    .content-side .img-square .btn-add-photo {
        position: absolute;
        bottom: 12%;
        left: 31%
    }
    .member-detail .form-horizontal-note .form-control-note {
        width: 100%
    }
    .row-side .table-side h4 {
        font-size: 14px
    }
    .row-booking {
        padding-left: 9%
    }

    .row-booking.row-bookingAddEvent {
        padding: 0px !important;
        width: 100% !important;
    }

    .row-booking.row-bookingAddEvent .addBookingSection {
        padding: 0px;
    }

    #tableMain td .box .mname {
        width: 80px !important
    }
    .row-booking .booking-content .page-title .page-header .moveWeek {
        font-size: 11px
    }
    .row-booking .booking-content .page-title .page-header .moveDay span {
        font-size: 23px
    }
    .row-booking .booking-content .page-title .page-header .btn-datepicker {
        font-size: 17px !important
    }
    .row-booking .booking-content h3 {
        margin-top: 14px;
        font-size: 20px
    }
    .row-booking .booking-content .page-title .page-title-right .btn {
        margin: 0 2px 2px !important
    }
    .row-booking .booking-content .calendar .weekly-view {
        font-size: 14px !important
    }
    .row-bookingAddEvent .container {
        width: 90%
    }
    .row-bookingAddEvent .container .backcalendar a {
        width: 100% !important
    }
    .row-bookingAddEvent .container .button-row,
    .row-bookingAddEvent .container .button-row .bottom,
    .row-bookingAddEvent .container .button-row .bottom-bottom,
    .row-bookingAddEvent .container .button-row .bottom-box,
    .row-bookingAddEvent .container .button-row .bottom-buttonrow,
    .row-bookingAddEvent .container .button-row .top,
    .row-bookingAddEvent .container .button-row .top-bottom,
    .row-bookingAddEvent .container .button-row .top-box,
    .row-bookingAddEvent .container .button-row .top-buttonrow {
        padding-left: 0;
        padding-right: 0
    }
    .row-bookingAddEvent .container .button-row .bottom-buttonrow .top-bottom a,
    .row-bookingAddEvent .container .button-row .top-buttonrow .top-box a {
        width: 47% !important;
        margin-bottom: 10px
    }
    .row-bookingAddEvent .container .button-row .top-buttonrow .bottom-box a {
        width: 31% !important
    }
    .row-bookingAddEvent .container .button-row .bottom-buttonrow .bottom-bottom a {
        width: 96% !important
    }
    .row-bookingAddEvent .button-row .top-roster.unavailable a {
        width: 47% !important;
        margin-bottom: 10px !important
    }
    .row-bookingAddEvent .container .button-row .top a {
        width: 47% !important
    }
    .row-bookingAddEvent .container .button-row .bottom a {
        width: 96% !important
    }
    .row-bookingAddEvent .container .button-row .top-roster a {
        width: 100% !important;
        margin-bottom: 10px !important
    }
    .row-bookingAddEvent .container .button-row .bottom-roster a {
        width: 100% !important;
        margin-top: 20px !important
    }
    .row-bookingAddEvent .container .bottom a {
        width: 100% !important
    }
    .row-bookingAddEvent .container .section .input-text {
        padding-right: 0
    }
    .row-bookingAddEvent .container .section .button-row a {
        width: 100%;
        margin-bottom: 10px
    }
    .row-bookingAddEvent .container .form-group.from,
    .row-bookingAddEvent .container .form-group.to {
        margin-left: 0!important
    }
    .row-bookingAddEvent .container .form-group.table {
        padding-right: 15px !important;
        padding-left: 25px !important
    }
    .row-bookingAddEvent .button-row .bottom-buttonrow .top-bottom a {
        width: 45% !important;
        margin-bottom: 10px
    }
    .row-bookingAddEvent .button-row .top a {
        width: 45% !important
    }
    .row-bookingAddEvent .button-row .paynow a {
        width: 40% !important
    }
    .row-bookingAddEvent .addBookingSection .form-group .smsMemberBooking {
        width: 100% !important;
        text-align: center !important
    }
    .row-bookingAddEvent .addBookingSection .form-group .memberResult {
        width: 100%!important
    }

    .row-bookingAddEvent .addBookingSection .form-group .memberResult .memberResult-content {
        height: 75px !important;
    }

    .row-bookingAddEvent .addBookingSection .form-group .button-top-row {
        padding: 0px !important;
    }

    .row.pos_report .main_content .main_container .pos-total-table .summary-box {
        width: 100% !important
    }
    #paymentModal.accv8 .button,
    #paymentModal .modal-body .body .button {
        padding-left: 2px;
        padding-right: 2px
    }
    #paymentModal.accv8 .form-horizontal,
    #paymentModal .modal-content .modal-body .body .form-horizontal {
        padding: 10px
    }
    #paymentModal.accv8 .btn-group-right .btn-bottom,
    #paymentModal .modal-content .modal-body .btn-group-right .btn-bottom {
        position: absolute;
        top: 428%
    }
    #paymentModal.accv8 .form-horizontal .form-group .form-control,
    #paymentModal.accv8 .form-horizontal .form-group .form-control-static,
    #paymentModal .modal-content .modal-body .body .form-horizontal .form-group .form-control,
    #paymentModal .modal-content .modal-body .body .form-horizontal .form-group .form-control-static {
        font-weight: 600
    }
    .row.pos_report {
        margin-bottom: 4%
    }
    .row.pos_report .main_content {
        padding: 0 2% 0 15%!important
    }
    .row.pos_report .main_content .main_container,
    .row.pos_report .main_content .main_container .main_table .main_table_content .pos-report-table,
    .row.pos_report .main_content .main_container .page-header {
        padding: 0
    }
    .row.pos_report .main_content .main_container .pos-total-table {
        padding: 0 20px
    }
    .row.pos_report .main_content .main_container .pos-total-table .summary-box table td {
        line-height: 1.5;
        width: 60%
    }
    .row.pos_report .main_content .main_container .pos-total-table .summary-box table td+td {
        width: 40%
    }
    .row.pos_report .main_content .main-header .top-navbar {
        margin-bottom: 3%!important;
        padding: 0
    }
    .row-add-detail.row-addprospect .ssts-bar-prospect .status-bar-prospect-button {
        text-align: right!important;
        padding-right: 0
    }
    .row-addprospect .row-content .row-member-detail .member-detail .form-group .input textarea {
        width: 100%
    }
    .row-task .task-details .tab-content .table tbody .btn {
        width: 100%!important;
        margin-bottom: 5px!important
    }
    .row-tasktype .row .tasktype-content .tasktype-table tbody .buttons a {
        width: 25px;
        height: 25px
    }
    .row-tasktype .row .tasktype-content .tasktype-table tbody .buttons a .glyphicon {
        position: relative;
        font-size: 12px;
        right: 5px;
        top: 0;
        bottom: 4px
    }
    .row-report .container {
        width: 730px!important;
        margin: 0 10px 0 11%!important
    }
    .row-report .container .report-content,
    .row-report .container .report-content .report-date .show-report-button,
    .row-report .container .report-content .report-details-content,
    .row-report .container .report-content .report-details-content .report-date .date-range,
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group,
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group .control-label,
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group .input-text,
    .row-report .container .report-content .report-details-content .report-details {
        padding: 0
    }
    .row-report .container .report-content .report-details-content .report-date .date-range .form-group {
        margin: 0
    }
    .row-report .container .report-content .report-date .show-report-button {
        margin-top: 20px
    }
    .row-report .container .report-content .report-details-content .report-date {
        padding: 15px
    }
    .row-report .container .report-content .report-details-content .report-date .date-range .show-report-button .btn-edit-report {
        margin-bottom: 3px
    }
    .row-report .container .report-content .report-details-content .report-date .date-range .form-horizontal .form-group .control-label {
        width: 100%;
        text-align: left
    }
    .row-report .container .report-content .report-date .show-report-button .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-kpi .searchlist .form-group.date .control-label {
        width: 35.5%
    }
    .row-kpi .searchlist .form-group.date .input-group {
        width: 62%
    }
    .row-report .container .report-content .report-list-btn .table td i {
        width: 100%
    }
    .row-report .container .report-content .report-list-btn table td {
        line-height: 30px!important
    }
    .row-integratedbilling .row a {
        margin-bottom: 5px
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-right {
        padding: 0 30px;
        margin-bottom: 15px!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .membership-box .box-content .form-group .control-label,
    .row-membershiptype-properties .membershiptype-properties-content .membership-box .box-content .form-group .input-text,
    .row-membershiptype-properties .membershiptype-properties-content .page-header,
    .row-membershiptype-properties .page-header .helptext {
        padding: 0!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .membership-box .form-group .checkbox label,
    .row-membershiptype-properties .membershiptype-properties-content .membership-box .form-group .radio label {
        padding-left: 25px!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .membership-type-content {
        padding: 0!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .left-two {
        border: 0!important
    }
    .row-user-administration .right-content .dual-list .search-bar {
        width: 80%!important;
    }
    .row-company-details .chooseTemplate .templateButtons .menuButton .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .row-company-details .chooseColor .colorPlate .sp-replacer.sp-light {
        width: 25%!important
    }
    .row-setting.row-measurementconfiguration .box .box-content .btn-minus {
        padding: 6px 0
    }
    .row-setting.row-holdmembership .main-content .summary-box-content {
        width: 650px!important
    }
    .row-setting.row-xero-integration .xero-checkbox,
    .row-setting.row-xero-integration .row-topbar {
        padding: 0px;
    }
    .row-setting.row-xero-integration .row-topbar a {
        margin-bottom: 5px;
    }
    .row-assetfile .form-group .box {
        width: 68%!important
    }
    .row-visithistory .rowside {
        padding-left: 15px!important;
        width: 100%!important
    }
    .row-visithistory .rowside .content-side .member-detail {
        text-align: center
    }
    .row-visithistory .rowside .content-side .photoimg {
        margin: auto
    }
    .row-visithistory .rowside .table-side,
    .row-visithistory .rowside .visithistory-panel {
        width: 100%!important;
        max-width: none!important
    }
    .row-visithistory .headerbar,
    .row-visithistory .headerbar a,
    .row-visithistory .rowside .visithistory-panel a {
        width: 100%
    }
    .row-visithistory .table-container {
        margin-top: 10px!important;
        width: 100%
    }
    .row-visithistory .table-container #contentdiv,
    .row-visithistory .table-container #leftSideTable {
        width: 100%!important
    }
    .row-visithistory .table-container #sideTable {
        width: 97%!important
    }
    .row-visitor .row-fluid .row-content .input-group-addon {
        padding: 6px
    }
    .row-visitor .row-fluid .row-content .form-control {
        padding: 6px 15px
    }
    .row-visithistory .table-container table tbody td .tailgatingPic img {
        width: 83%!important
    }
    .row-visithistory .table-container table tbody td .tailgatingPic .second,
    .row-visithistory .table-container table tbody td .tailgatingPic .third {
        left: 10%!important
    }
    .footer .footer-content {
        margin-left: 14%!important
    }
    .footer .footer-content .footer-links {
        width: 115%
    }
    .row-setting.row-bookingconfig .th-inner {
        width: 98px;
    }

    .row-editMembership .box .form-group.nextpayment .control-label .btn {
        margin-left: 15px;
    }

    .row-editMembership .box .form-group.nextpayment .control-label #lblnextpayment {
        float: left;
        margin-left: 15px;
        margin-right: 0px
    }

    .row-integratedbilling .box-tablesummary .billinghistory .billinghistory-table .table {
        width: 1400px;
    }

    /* don't add parent classes to these pagination ones, as they need to work on multiple pages */
    .pagination_bar .display_filter {
        padding: 0px !important;
        margin: 10px 0px 20px !important;
    }
}

@media (min-width:900px) and (max-width:992px) {

    .row-add-detail .row-content .communication-tab .communication-tab-content,
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .table-responsive {
        padding: 0
    }
    .row-add-detail .row-content .tab-measurement .box,
    .row-visitor .row-content .filterbox .filterbox-content {
        margin-bottom: 20px
    }
    .row-booking .booking-content .page-title .h3-datepicker .datepicker {
        left: 38px!important
    }
    .row-add-detail .row-side {
        position: absolute;
        right: 0;
        width: 88%
    }
    .row-add-detail .row-side .content-side .photoimg {
        position: absolute;
        top: 210px !important;
        z-index: 3
    }
    .row-add-detail .row-side.edit_account .content-side .photoimg {
        display: none!important
    }
    .row-visitor .row-content .filterbox .page-header h3,
    .row-visitor .row-content .filterbox-content {
        display: none
    }
    .row-add-detail .row-side .content-side .photoimg {
        top: 210px!important;
        right: 75px!important
    }
    .row-add-detail .row-side .content-side .photoimg.up {
        top: 190px !important;
    }
    .row-add-detail .list-side {
        margin-top: 0px !important;
        width: 200px !important;
    }
    .row-add-detail .row-side .list-side.total-member {
        z-index: 3
    }
    .row-add-detail .row-side .total-member {
        position: absolute;
        padding: 0;
    }
    .row-add-detail .ssts-bar .status-bar-button {
        width: 44%;
        float: right
    }
    .content-side .btn-add-photo {
        bottom: 0
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-header .list .control-label {
        text-align: left!important;
        padding: 0
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group {
        margin-top: 20px
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
        width: 100%!important;
        height: 98px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .find-member-heading {
        width: 170px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .prospect-details-box {
        width: 54%;
        float: right!important
    }
    .row-find-member .prospect-box .prospect-details-box .find-member-name-currentmember {
        width: 70%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status {
        width: 30%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn {
        padding: 1px 3px;
        margin-right: 0!important
    }
    .row-visitor .row-content .filterbox .page-header .btn-expand {
        display: inline!important
    }
    .row-visitor .row-content .filterbox {
        padding: 0!important
    }
    .row-visitor .row-content .filterbox .totalvisitor .control-label {
        text-align: left
    }
    .row-visitor .row-content .filterbox .totalvisitor {
        margin-bottom: 10px
    }
    .row-visitor .row-content .totalvisitor {
        text-align: center!important
    }
    .row-visitor .row-content .totalvisitor .control-label {
        top: 0!important
    }
    .row-visitor .row-content .table-visitor-box {
        padding: 0
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails {
        width: 28%!important;
        overflow: hidden
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .infobox {
        width: 42%!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails .visitdate {
        font-size: 12px
    }
    .row-task .right-header,
    .row-task .right-header .box-day {
        padding-left: 0
    }
    .row-report .table-report .page-header .reportheaderbutton {
        text-align: center!important;
        margin-top: 8px
    }
    #paymentModal .modal-dialog {
        width: 850px!important
    }
    .row-accountdetails {
        padding-left: 7%;
        margin-bottom: 5%
    }
    .row-accountdetails .accountdetails-content .account-summary {
        float: none;
        width: 280px;
        margin: auto
    }
    .row-accountdetails .add-photo .camerabutton {
        margin-left: 0!important
    }
    .row-accountdetails .accountdetails-content .profile-pic img {
        width: 100%!important
    }
    .row-accountdetails .accountdetails-content {
        padding-left: 12%
    }
    .row-accountdetails .accountdetails-content .account-summary,
    .row-accountdetails .accountdetails-content .box.one,
    .row-accountdetails .accountdetails-content .box.one .form-group,
    .row-accountdetails .accountdetails-content .box.one .form-group .input-text,
    .row-accountdetails .accountdetails-content .box.two,
    .row-accountdetails .accountdetails-content .profile-pic,
    .row-accountdetails .accountdetails-content .username,
    .row-member-configuration .row-member-configuration-content .member-form .form-group .input-text,
    .row.pos_report .main_content .main-header {
        padding: 0
    }
    .row.pos_report .main_content .main_container .main_table {
        margin-top: 20px
    }
    .row-membershiptype-list .row-membershiptype-list-header .row .divisionlist {
        margin-bottom: 5px
    }
    .row-member-configuration .member-form .helpdiv {
        margin-top: 3px !important
    }
    .row-voucher-list .voucherlist-header .searchbar .form-group .control-label {
        text-align: left !important;
        padding: 0
    }
    .row-voucher-list .voucherlist-header .searchbar .form-group .input-text {
        padding: 0
    }
    .row-login {
        padding: 20px 1% !important
    }
    .row-login .heading.membercheckin {
        margin: 0 auto 20px !important
    }
    #noteModal .modal-dialog {
        width: 90%! important
    }
    #noteModal .modal-body .form-group.menu-button a {
        width: 32% !important
    }
    .row-visithistory .rowside .content-side .member-detail h2 {
        margin-top: 0px;
    }
    .row-visithistory #memberquickdetails #photo_holder1 {
        display: none
    }
    .row-visithistory .family_member_content {
        width: 100%
    }
    .row-visithistory .family_member_content .master_account_content {
        margin-bottom: 20px
    }
    .row-visithistory .family_member_content .master_account_content .items {
        margin-bottom: 10px
    }

	.row-reportemailall .container {
		margin: 0px !important;
		width: 100% !important;
	}
}

@media (width:992px) {
    .row-add-detail .row-side {
        position: absolute!important;
        width: 87%!important
    }
    .row-add-detail .row-side .content-side .photoimg.up {
        right: 70px!important
    }
}

@media (min-width:992px) and (max-width:1000px) {
    .collapse-display {
        display: none!important
    }
    .row-dashboard .row.schedule-row,
    .row-dashboard .row.statistic {
        width: 100%!important
    }
    .row-add-detail .row-tab {
        width: 100%
    }
    .row-add-detail .ssts-bar {
        width: 100%;
        margin-bottom: 10px;
        padding: 0
    }
    .row-add-detail .ssts-bar .status-bar-button {
        width: 58%;
        float: right
    }
    .row-add-detail .list-side {
        width: 200px!important
    }
    .row-add-detail .bottom-column .row-custom {
        width: 100%;
        margin-bottom: 10px
    }
    .row-add-detail .status-bar-button {
        z-index: 4;
        margin-bottom: 1%
    }
    .row-add-detail.row-edit-account .status-bar-button {
        position: initial!important
    }
    .row-add-detail.row-edit-account .row-side .content-side .photoimg {
        display: none
    }
    .row-add-detail .row-side .content-side .photoimg {
        position: absolute;
        top: 205px!important;
        z-index: 3
    }
    .row-add-detail .row-side .content-side .photoimg.up {
        top: 230px!important;
        right: 185px
    }
    .row-add-detail .row-side .total-member {
        position: absolute;
        padding: 0
    }
    .row-add-detail .row-side {
        position: absolute;
        width: 100%
    }
    .row-add-detail .row-side .list-side.total-member {
        z-index: 3
    }
    .error:not(:empty) {
        width: 60%!important
    }
    .row-add-detail .list-side .btn-default-1 {
        position: absolute;
        left: 560px;
        top: 350px;
        z-index: 3
    }
    .row-add-detail .list-side .btn-default-3 {
        left: 560px;
        top: 350px;
    }
    .row-add-detail .row-content .tab-content .form-horizontal .row-additional-contact-detail,
    .row-add-detail .row-content .tab-content .form-horizontal .row-contact-detail,
    .row-add-detail .row-content .tab-content .form-horizontal .row-emergency-detail,
    .row-add-detail .row-content .tab-content .form-horizontal .row-member-detail {
        width: 100%
    }
    .row-add-detail .row-content .tab-content .form-horizontal .control-label {
        text-align: left;
        width: 20%
    }
    .row-add-detail .row-content .tab-detail .form-horizontal .member-detail .form-control {
        width: 60%
    }
    .row-add-detail .row-content .tab-detail .form-horizontal .member-detail .form-control-note {
        width: 100%
    }
    .row-add-detail .row-content .tab-detail .form-horizontal .member-detail .form-group .input-group .input-group-btn {
        display: inline;
        left: .3%
    }
    .row-add-detail .row-content .tab-content .form-horizontal .end-bar .end-bar-button2 {
        width: 40%
    }
    .row-add-detail .row-content .member-detail .form-group .date {
        width: 85%!important
    }
    .row-find-member .row-find-member-content .searchable-container .square-box .glyphicon-lg {
        font-size: 8.9em!important
    }
    .row-find-member .row-find-member-content .info-block {
        height: 155px!important;
        width: 250px!important;
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .member-status i {
        left: 135px!important;
        top: 130px!important
    }
    .info-block .square-box {
        height: 152px!important;
        width: 114px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content {
        width: 128px!important;
        padding: 0!important;
        height: 115px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading {
        width: 125px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name {
        width: 90px!important;
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard {
        position: absolute!important;
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time h4 {
        font-size: 11px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time .visit-door {
        font-weight: 100!important;
        font-size: 11px!important
    }
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-remove {
        bottom: 30px!important;
        left: 170px!important;
        font-size: .9em!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-currentmember .find-member-name {
        width: 100%!important;
        min-height: 45px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
        width: 100%!important;
        height: 98px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .find-member-heading {
        width: 126px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .prospect-details-box {
        width: 51%;
        float: right!important
    }
    .row-find-member .prospect-box .prospect-details-box .find-member-name-currentmember {
        width: 59%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status {
        width: 41%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn {
        padding: 1px 3px;
        margin-right: 0!important
    }
    .prospect-info {
        display: none
    }
    .row-add-detail.row-addprospect .row-content .row-prospect-contact .form-group .input-group,
    .row-add-detail.row-addprospect .row-content .row-prospect-detail .member-detail .form-group .input textarea {
        width: 100%!important
    }
    .row-add-detail.row-addprospect .row-content .row-prospect-additional-detail .form-group .input-group,
    .row-add-detail.row-addprospect .row-content .row-prospect-contact .form-group .input-group {
        width: 53%!important
    }
    .row-kpi .searchlist .form-group.date .control-label {
        width: 27%
    }
    .row-kpi .searchlist .form-group.date .input-group {
        width: 70.8%
    }
    .row-integratedbilling {
        padding-left: 8%
    }
    .row-visitor {
        padding-left: 19%;
        padding-right: 1%;
        width: 100%
    }
    .row-visitor .row-content .filterbox {
        padding-left: 15px!important
    }
    .row-visitor .container-fluid,
    .row-visitor .container-fluid .row-fluid {
        padding: 0
    }
    .row-visitor .row-content .filterbox .totalvisitor .control-label {
        text-align: left
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .imgbox,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .tailgating {
        width: 55px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox {
        width: 68%!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber,
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername h4 {
        font-size: 13px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .numbervisit,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails .visitdate {
        font-size: 12px
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernamecontent {
        width: 110px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber {
        width: 80px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membershiptypebox {
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left;
        margin-top: 5px
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails {
        width: 28%!important;
        overflow: hidden
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .infobox {
        width: 42%!important
    }
    .row.pos_report .main_content {
        padding: 0 0 0 10% !important
    }
    .row.pos_report .main_content .main_container .pos-total-table .summary-box {
        width: 100% !important
    }
    .row.pos_report .main_content .main-header {
        padding: 0 !important
    }
    .row-booking .booking-content .page-title .page-header {
        width: 38% !important
    }
    .row-booking .booking-content .page-title .page-title-right {
        width: 21% !important
    }
    .row-bookingAddEvent .classManagementContent .existingMember,
    .row-bookingAddEvent .classManagementContent .searchMember {
        width: 100%!important
    }
    .row-bookingAddEvent .event-description .form-group {
        width: 100%
    }
    .row-bookingAddEvent .addBookingSection .form-group .tablemodal .memberResult {
        width: 100%!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .left-two .form-group .checkbox .checkbox-inline {
        margin-left: 0!important
    }
    .row-membershiptype-properties .membershiptype-properties-content .content-left .left-two .form-group .description {
        margin-left: 10px!important;
        width: 50%!important
    }
    .row-setup .setupcontent, .row-setup .task-div {
    	margin-bottom: 20px;
    	width: 100%;
    }
}

@media (min-width:1001px) and (max-width:1016px) {
    .collapse-display {
        display: none!important
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-owing {
        display: none
    }
    .row-add-detail .list-side.list-sideBooking {
        margin-top: 0!important
    }
    .row-add-detail .list-side .btn {
        height: 40px!important
    }
    .row-add-detail .list-side img {
        height: 30px!important;
        width: 35px!important
    }
    .row-add-detail .list-side .btn-default-2 {
        width: 100px!important
    }
    .photo_holder {
        z-index: 5
    }
    .photo_holder .photoimg .camerabutton {
        position: absolute!important;
        right: 733px!important;
        top: 100px!important
    }
    .photo_holder .photoimg img {
        position: absolute;
        width: 190px;
        top: -45px;
        right: 688px
    }
    .footer .footer-content .footer-links .footer-member {
        width: 105%
    }
}

@media (width:1000px) {
    .row-add-detail .row-side .content-side .photoimg {
        position: absolute;
        right: 100px !important;
        top: 255px !important;
        z-index: 3
    }
    .row-add-detail .row-side .content-side .photoimg.up {
        top: 220px!important
    }
    .row-add-detail .row-side {
        position: absolute;
        width: 100% !important;
        max-width: 100% !important;
    }
    .member-tag-keyword {
        display: none;
    }
    .row-family-membership .row-side {
        display: none !important;
    }
}

/* first full-screen breakpoint */
@media (min-width:1000px) and (max-width:1199px) {

    .row-dashboard .row.statistic .box-statistic .panel .text h3 { height: 70px; width: 90px; overflow: hidden; display: inline-block; }

    .calendar #contentdiv {
        width: calc(100% - 101px); /* Width of the .timeTable column*/
    }

    .calendar #contentdiv.booking2 {
        width: calc(95% - 54px);
    }

    .info-block .square-box,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .btn-group-wrap,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-options {
        text-align: center
    }
    .flash {
        padding: 0px 15px;
    }
    .row .navbar-default .navbar-left {
        width: 13%;
    }
    .row .navbar-default .navbar-left li a,
    .row .navbar-default .navbar-left li:.current-page {
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

	#tooltipTutorial {
		left: 60px;
		top: 498px;
		width: 250px;
	}

	#tooltipTutorial span {
		right: auto;
		left: -10px;
		position: absolute;
		color: #282828;
		top: 13px;
	}

    .row-add-detail .row-content .status-bar-form {
        display: none
    }
    .collapse-display {
        display: none!important
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-owing {
        display: none
    }
    .login-container button.login {
        padding: 10px 40px;
        width: 100%
    }
    .password {
        position: relative
    }
    .password input[type=password] {
        padding-right: 30px
    }
    #password2 .glyphicon,
    .password .glyphicon {
        display: none;
        right: 15px;
        position: absolute;
        top: 12px;
        cursor: pointer
    }
    .navbar-header {
        /* background-color: #212d3d; */
        width: 170px
    }
    .affix-content .container .page-header {
        margin-top: 0
    }
    .row-dashboard .row .box-statistic .row h1 {
        font-size: 26px!important
    }
    .row .affix-content .panel9 {
        padding-left: 0;
        margin-right: -15px
    }
    .row .affix-content .panel10 {
        margin-left: -15px
    }
    .row-dashboard .row .box-statistic .row .number {
        padding-left: 0
    }
    .row-dashboard .panel2 .row .largeNumber {
        top: 5px!important;
        font-size: 40px!important
    }
    .row-dashboard .row .panel-bar .text {
        padding-left: 0!important
    }
    .row-dashboard .panel2 .row .info h4 {
        padding-top: 20px!important
    }
    .window-popups {
        position: fixed;
        right: .5%;
        bottom: 1%;
        z-index: 4
    }
    .row-accountdetails {
        padding-left: 1%!important;
        width: 100%!important
    }
    .row-accountdetails .add-photo .camerabutton {
        margin-left: 0!important
    }
    .row-accountdetails .accountdetails-content {
        padding-left: 8%
    }
    .row-accountdetails .accountdetails-content .account-summary,
    .row-accountdetails .accountdetails-content .box.one,
    .row-accountdetails .accountdetails-content .box.one .form-group,
    .row-accountdetails .accountdetails-content .box.one .form-group .input-text,
    .row-accountdetails .accountdetails-content .box.two,
    .row-accountdetails .accountdetails-content .profile-pic,
    .row-accountdetails .accountdetails-content .username {
        padding: 0
    }
    .row-visitor .row-content .filterbox {
        padding-left: 15px!important
    }
    .row-visitor .container-fluid,
    .row-visitor .container-fluid .row-fluid {
        padding: 0
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .imgbox,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .tailgating {
        width: 65px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox {
        width: 59%!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername h4 {
        font-size: 13px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .numbervisit,
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails .visitdate {
        font-size: 12px
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernamecontent {
        width: 110px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left;
        line-height: 16px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .numbervisit {
        font-size: 12px;
        right: 6px;
        top: 2px
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .numbervisit i {
        margin-left: 5px
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membershiptypebox {
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left;
        margin-top: 5px
    }
    .row-add-detail .row-content .nav-tabs .tab-text,
    .row-add-detail .row-content .tab-pane .end-bar-button {
        display: none
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails {
        width: 28%!important;
        overflow: hidden
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .infobox {
        width: 50%!important
    }
    .row-find-member .row-find-member-content .searchable-container .items .info-block .square-box {
        width: 150px
    }
    .row-find-member .row-find-member-content .searchable-container .items .info-block .square-box img {
        height: 140px!important
    }
    .row-find-member .row-find-member-content .searchable-container .items .info-block h4 {
        font-size: 15px;
        font-weight: 600
    }
    .row-find-member .row-find-member-content .searchable-container .items .info-block p {
        font-size: 12px
    }
    .row-find-member .row-find-member-content .searchable-container .info-block h4 {
        font-size: 14px;
        font-weight: 600
    }
    .row-find-member .row-find-member-content .searchable-container .info-block p {
        font-size: 12px
    }
    .row-find-member .row-find-member-content .searchable-container .square-box .glyphicon-lg {
        font-size: 7.7em!important
    }
    .row-find-member .row-find-member-content .info-block {
        height: 145px!important;
        width: 300px!important;
        overflow: hidden
    }
    .row-find-member .row-find-member-content #result-container-list .find-member-list .memberaction {
        width: 8% !important;
    }
    .info-block .square-box {
        position: relative;
        margin-right: 6px!important;
        height: 144px!important;
        width: 130px!important
    }
    .square-box img {
        top: 50%!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content {
        width: 156px!important;
        padding: 0!important;
        height: 140px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading {
        min-height: 43px!important;
        width: 165px!important
    }

    .row-find-member .row-find-member-content .items .info-block .find-member-content h6#visit-task {
        font-size: 12px !important;
        width: 130px !important;
        line-height: 1.5;
    }

    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name {
        width: 110px!important;
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name .visit-name {
        font-size: 13px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard {
        position: absolute!important;
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time h4 {
        font-size: 11px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time .visit-door {
        font-weight: 100!important;
        font-size: 11px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-currentmember .find-member-name {
        width: 100%!important;
        min-height: 45px!important
    }
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-remove {
        top: 110px!important;
        left: 155px!important;
        font-size: .9em!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
        width: 82%!important;
        height: 98px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .find-member-heading {
        width: 153px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .prospect-details-box {
        width: 52%;
        float: right!important
    }
    .row-find-member .prospect-box .prospect-details-box .find-member-name-currentmember {
        width: 78%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status {
        width: 36%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn {
        padding: 1px 4px;
        margin-right: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time { top: 0px; width: 61px; }
    .row-add-detail .row-fluid .row-side .content-side .member-detail {
        padding: 0
    }
    .row-add-detail .row-fluid .ssts-bar {
        bottom: 3px;
        height: 70px
    }
    .row-add-detail .row-fluid .status-bar {
        padding-top: 5px;
        margin-bottom: 2.5%;
        left: -10px;
        min-width: 300px
    }
    .row-add-detail .row-fluid .status-bar .fa-smile-o {
        position: relative;
        font-size: 20px;
        float: left
    }
    .row-add-detail .row-content .end-bar-button2 .button2,
    .row-add-detail .status-bar-button .button2 {
        float: right
    }
    .row-side {
        min-width: 200px;
        max-width: 250px;
        padding-left: 1%
    }
    .row-add-detail .member-detail-header { padding-left: 1%; }
    .row-side img {
        width: 200px
    }
    .content-side .photoimg {
        width: 200px!important;
        padding: 0
    }
    .row-add-detail .row-side .content-side {
        position: relative;
        margin-top: 0
    }
    .row-add-detail .content-side h2,
    .row-add-detail .content-side p {
        padding-left: 0
    }
    .row-add-detail .content-side h2 {
        font-size: 20px;
        margin: 0 0 5px
    }
    .row-add-detail .content-side p {
        font-size: 13px;
        margin-bottom: 5px
    }
    .row-add-detail .list-side {
        width: 200px!important
    }
    .row-add-detail .content-side a {
        font-size: 11px
    }
    .row-add-detail .list-side .btn-default-1,
    .row-add-detail .list-side .btn-default-2,
    .row-add-detail .list-side .btn-default-3 {
        font-size: 12px
    }
    .row-add-detail .list-side img {
        height: auto!important;
        width: 16px!important
    }
    .row-add-detail .list-side .btn-default-2 {
        width: 100px!important
    }
    .row-add-detail .list-side .btn,
    .row-add-detail .list-side .make_booking {
        height: auto!important;
        width: 100%!important;
        margin-bottom: 5px
    }
    .row-add-detail .table-side {
        margin-left: 0!important;
        width: 200px;
        font-size: 12px
    }
    .row-add-detail .status-bar a {
        font-size: 13px
    }
    .row-content h3 {
        font-size: 18px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-title,
    .row-add-detail .row-content .page-header .glyphicon {
        font-size: 14px
    }
    .row-content .contact-detail {
        margin-bottom: 1%
    }
    .row-add-detail .row-tab {
        padding: 0
    }
    .row-add-detail .row-content .nav-tabs .tab-icon {
        height: 18px;
        width: 18px
    }
    .row-add-detail .row-content .tab-pane .contact-detail-1 .form-horizontal .form-group .input-group-btn .btn-default,
    .row-add-detail .row-content .tab-pane .emergency-detail .form-horizontal .form-group .input-group-btn .btn-default {
        left: -38%
    }
    .row-add-detail .row-content .tab-pane .additional-detail .form-horizontal .form-group .form-control {
        left: -20%
    }
    .row-add-detail .row-content .end-bar-button2 {
        position: absolute;
        left: 77.5%;
        bottom: 0;
        width: 26%
    }
    .row-add-detail .row-content .tab-membership .add-membership-button,
    .row-add-detail .row-content .tab-transaction .add-payment-button, .row-add-detail .row-content .memberBooking-tab .add-membership-button {
        padding-left: 0;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%
    }
    .row-add-detail .row-content .tab-membership .membership-tab {
        margin-right: 0;
        padding-right: 0;
        padding-left: 2.5%
    }
    .row-add-detail .row-fluid .row-content .member-top-details .row-member-detail .note-box .control-label {
        width: 100%;
        margin-bottom: 5px
    }
    .row-add-detail .row-fluid .row-content .member-top-details .row-member-detail .note-box .input {
        width: 100%
    }
    .row-add-detail .row-content .memberBooking-tab .memberBooking-content .page-header h3 { font-size: 24px; }
    .row-membershiptype-properties .membershiptype-properties-content .page-header,
    .row-membershiptype-properties .membershiptype-properties-content .form-group .control-label,
    .row-membershiptype-properties .membershiptype-properties-content .form-group .input-text,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #signupfee_fee_input .input-text-section,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #membership_fee_input .input-text-section {
        padding: 0px;
    }
    .row-membershiptype-properties .membershiptype-properties-content #pricing_membershipfee .control-label,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #signupfee_fee_input,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #membership_fee_input {
        width: 100%;
    }
    .row-membershiptype-properties .membershiptype-properties-content .form-group .form-control {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .membership-modal .modal-body,
    .membership-modal2 .modal-body {
        min-height: 100px
    }
    .membership-modal .modal-body .form-group .control-label {
        top: 5px;
        padding: 0
    }
    .membership-modal .modal-body .form-group .end-date-label,
    .membership-modal .modal-body .form-group .minimum-term-label,
    .membership-modal .modal-body .form-group .visit-label {
        padding-right: 0
    }
    .membership-modal .modal-body .formclassManagementContent .existingMember-group .form-control,
    .membership-modal2 .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .membership-modal .modal-body .form-group .form-control-payment-detail,
    .membership-modal2 .modal-body .form-group .form-control-payment-detail {
        position: relative;
        left: -20px
    }
    .membership-modal .modal-footer,
    .membership-modal2 .modal-footer {
        height: 70px
    }
    .membership-modal .modal-footer .btn,
    .membership-modal2 .modal-footer .btn {
        margin-left: 0
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table {
        margin-top: 3%
    }
    .row-family-membership .family_member_content .memberResult .memberResult-content .memberPhoto {
        width: 73px;
    }
    .payment-modal .modal-body .payment-table {
        height: 180px;
        margin-bottom: 20px;
        overflow-y: auto;
        border-bottom: 1px solid #E8E8E8
    }
    .payment-modal .modal-body .payment-details {
        padding-left: 5px;
        padding-right: 5px
    }
    .payment-modal .modal-body .payment-details .total-paid {
        margin-top: 5px
    }
    .payment-modal .modal-body .payment-details .form-group {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 5px
    }
    .payment-modal .modal-body .payment-details .form-group .control-label {
        top: 7px
    }
    .payment-modal .modal-body .payment-details .total-paid .form-control {
        text-align: right
    }
    .payment-modal .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .payment-modal .modal-body .payment-details .checkbox-footer {
        left: 2.5%
    }
    .payment-modal .modal-body .checkbox-deposit label,
    .payment-modal .modal-body .checkbox-invoice label,
    .payment-modal .modal-body .checkbox-receipt label {
        top: 2px
    }
    .row-billing-tab {
        padding-top: 2%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content,
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .table-responsive {
        padding: 0
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .table-responsive table td.date {
        width: 17%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-name {
        min-width: 120px;
        display: inline-block;
        font-weight: 700
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-content {
        font-size: 11px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-button .communication-button1 {
        float: right;
        left: 9%;
        width: 30%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-message .control-label {
        text-align: left
    }
    .row-add-detail .row-content .tab-measurement .skin-fold-box {
        margin-top: 20px
    }
    .row-side .table-side h4 {
        font-size: 14px
    }
    .row-membership-information {
        margin-top: 20px;
        margin-left: 20%
    }
    .row-membership-information .row-side .content-side h2 {
        font-size: 22px
    }
    .row-membership-information .text-side h2 {
        font-size: 20px
    }
    .row-membership-information .row-current .table {
        font-size: 12px
    }
    .row-editMembership {
        padding-left: 6%!important
    }
    .row-booking {
        width: 100%;
        padding: 2% 0 3% 4%
    }
    .row-booking .booking-content .page-title .page-title-right {
        width: 20%!important
    }
    #tableMain td .box .mname {
        width: 120px!important
    }
    .row-booking .booking-content .page-title .page-header {
        width: 40%!important
    }
    .row-booking .booking-content .page-title .h3-datepicker .datepicker {
        left: -12px!important
    }
    .row-bookingAddEvent .container {
        width: 90%
    }
    .row-bookingAddEvent .container .form-group.from .input-text {
        padding-left: 17px
    }
    .row-bookingAddEvent .container .form-group.to .input-text {
        padding-right: 15px
    }
    .row-bookingAddEvent .container .form-group.table {
        padding-left: 40px!important;
        padding-right: 30px!important
    }
    .row-bookingAddEvent .classManagementContent .searchMember .buttonheader .buttonlist a {
        font-size: 13px!important
    }
    .row-bookingAddEvent .classManagementContent .searchMember .buttonheader .checkbox {
        font-size: 12px!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .header .sortbox .form-control {
        width: 110px!important
    }
    .row-bookingAddEvent .event-description .form-group .input-text {
        padding: 0
    }
    .row-bookingAddEvent .event-description .form-group .input-text .form-control-static {
        font-size: 14px!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action {
        width: 200px!important;
        right: 0!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action a {
        margin-right: 2px!important;
        padding: 8px 6px;
    }
    .row-bookingAddEvent .addBookingSection .form-group .memberResult .memberResult-content {
        height: 70px !important;
    }
    .row.pos_report,
    .row.pos_report .main_content .main_container .pos-total-table .summary-box {
        width: 100%!important
    }
    .row.pos_report .main_content {
        padding: 0 0 0 5%!important
    }
    .row-add-detail.row-addprospect .row-content .tab-pane .member-detail .form-group {
        left: 0
    }
    .row-add-detail.row-addprospect .row-content .tab-pane .row-contact-detail .contact-detail,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-contact-detail .contact-detail .form-group,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-contact-detail .contact-detail .form-group .input,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-contact-detail .contact-detail .form-group .input-group,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-prospect-additional-detail,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-prospect-additional-detail .additional-detail,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-prospect-additional-detail .additional-detail .form-group,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-prospect-additional-detail .additional-detail .form-group .input,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-prospect-additional-detail .additional-detail .form-group .input-group {
        padding-left: 0;
        padding-right: 0
    }
    .row-add-detail.row-addprospect .row-content .row-prospect-additional-detail .form-group .input-group,
    .row-add-detail.row-addprospect .row-content .row-prospect-contact .form-group .input-group {
        width: 58%!important;
        left: 0!important
    }
    .row-task .task-details .tab-content .table tbody .btn {
        width: 100%!important;
        margin-bottom: 5px!important
    }
    .row-tasktype,
    .row-tasktype .row {
        padding-left: 30px!important;
    }
    .row-report .container .report-content,
    .row-report .container .report-content .report-date .date-range,
    .row-report .container .report-content .report-date .date-range .control-label,
    .row-report .container .report-content .report-date .date-range .form-group,
    .row-report .container .report-content .report-date .date-range .form-group .input-text,
    .row-report .container .report-details-content {
        padding: 0
    }
    .row-report .container .report-content .report-date .date-range .form-group {
        margin-left: 0;
        margin-right: 0
    }
    .row-report .container .report-content .report-details-content .report-date {
        padding: 15px
    }
    .row-report .container .report-content .report-details-content .report-date .date-range .show-report-button {
        padding: 0
    }
    .row-report {
        width: 100%!important
    }
    .row-report .container {
        margin-left: 0!important;
        width: 97%!important;
        padding-left: 7%!important
    }
    .row-report-print {
        padding-left: 6%!important;
        width: 100%
    }
    .row-kpi .searchlist .form-group.date .control-label {
        width: 26.5%
    }
    .row-kpi .searchlist .form-group.date .input-group {
        width: 72%
    }
    .row-user-administration .right-content .dual-list .search-bar {
        width: 80%!important;
        padding-left: 10px!important
    }
    .row-setting.row-measurementconfiguration .box .box-content .btn-minus {
        padding: 4px 0
    }
    .row-setting.row-global-workout {
        padding-left: 6%!important
    }
    .row-setting.row-bookingconfig .th-inner {
        width: 98px;
    }
    .row-visithistory .rowside {
        padding-left: 30px!important;
        min-width: 230px!important
    }
    .row-visithistory .table-container {
        margin-top: 38px!important
    }
    .row-visithistory .table-container table tbody td .tailgatingPic img {
        width: 25%!important
    }
    .row-visithistory .table-container table tbody td .tailgatingPic .second,
    .row-visithistory .table-container table tbody td .tailgatingPic .third {
        left: 38%!important
    }
    .row-visithistory .family_member_content .memberResult .memberResult-content .memberPhoto {
        width: 70px !important;
        margin-right: 2px !important;
    }
    .row-visithistory .family_member_content .memberResult-action .btn {
        padding: 5px;
    }
    .row-visithistory .family_member_content .memberResult-details {
        width: 50%;
    }
    .row-assetfile .form-group .box {
        width: 48%!important
    }
    .row-company-details .chooseTemplate .templateButtons .menuButton .btn {
        width: 100%
    }
    .footer .footer-content {
        margin-left: 13%!important
    }
    .footer-bottom .left-box {
        margin-left: 20px!important;
        width: 96% !important
    }
    .row-editMembership .box .form-group.nextpayment .control-label .btn {
        margin-left: 15px;
    }

    .row-editMembership .box .form-group.nextpayment .control-label #lblnextpayment {
        float: left;
        margin-left: 15px;
        margin-right: 0px
    }

    .row-integratedbilling .box-tablesummary .tablesummary {
        padding: 20px 5px;
    }

    .main-content.debit-collection .table {
        width: 1300px;
    }
    .row-bookingAddEvent .classManagementContent .searchMember { padding: 10px 5px; }
}

@media (min-width:1200px) and (max-width:1299px) {

    .info-block .square-box,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .btn-group-wrap,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-options {
        text-align: center
    }
    .row .navbar-default .navbar-left {
        width: 29%;
    }
    .row .navbar-default .navbar-left li a,
    .row .navbar-default .navbar-left li:.current-page {
        font-size: 15px;
        width: 640px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .row-add-detail .row-content .status-bar-form {
        display: none
    }
    .collapse-display { display: none!important; }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-owing { display: none; }
    .row-add-detail .member-detail-header { padding-left: 1%; }
    .login-container button.login {
        padding: 10px 40px;
        width: 100%
    }
    .password { position: relative; }
    .password input[type=password] {
        padding-right: 30px
    }
    #password2 .glyphicon,
    .password .glyphicon {
        display: none;
        right: 15px;
        position: absolute;
        top: 12px;
        cursor: pointer
    }
    .navbar-header {
        /* background-color: #212d3d; */
        width: 170px
    }
    .affix-content .container .page-header {
        margin-top: 0
    }
    .affix-title {
        border-bottom: 1px solid #ecf0f1;
        padding-bottom: 10px
    }
    .navbar-nav {
        margin: 0
        /* margin: 7.5px -15px;
        padding-right: 2px; */
    }
    .navbar-collapse {
        padding: 0
    }
    .row .affix-content .panel9,
    .row-dashboard .row .box-statistic .row .number {
        padding-left: 0
    }
    .row-dashboard .row .box-statistic .row h1 {
        font-size: 26px!important
    }
    .row .affix-content .panel10 {
        margin-left: -15
    }
    .row-dashboard .panel2 .row h1,
    .row-dashboard .row .panel-bar .row h1 {
        font-size: 30px!important
    }
    .row-dashboard .panel2 .row .largeNumber {
        top: 5px!important;
        font-size: 40px!important
    }
    .row-find-member .row-find-member-content .items .info-block .member-status .fa-pause,
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-asterisk,
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-ok,
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-remove,
    .row-find-member .row-find-member-content .items .info-block .member-status i {
        top: 145px!important
    }
    .row-dashboard .panel2 .row .info .col-xs-12 h4 {
        padding-top: 21px!important
    }
    .window-popups {
        position: fixed;
        right: .5%;
        bottom: 1%;
        z-index: 4
    }
    .row-accountdetails {
        padding-left: 2%!important
    }
    .row-accountdetails .account-summary .profile-pic img {
        width: 100%!important
    }
    .row-accountdetails .add-photo .camerabutton {
        margin-left: 0!important
    }
    .row-accountdetails .accountdetails-content {
        padding-left: 8%
    }
    .row-accountdetails .accountdetails-content .account-summary,
    .row-accountdetails .accountdetails-content .box.one,
    .row-accountdetails .accountdetails-content .box.one .form-group,
    .row-accountdetails .accountdetails-content .box.one .form-group .input-text,
    .row-accountdetails .accountdetails-content .box.two,
    .row-accountdetails .accountdetails-content .profile-pic,
    .row-accountdetails .accountdetails-content .username {
        padding: 0
    }
    .row-find-member .row-find-member-content .searchable-container .items .info-block .square-box {
        max-width: 160px
    }
    .row-find-member .row-find-member-content .searchable-container .items .info-block h4 {
        font-size: 15px;
        font-weight: 400
    }
    .row-find-member .row-find-member-content .searchable-container .items .info-block p {
        font-size: 12px
    }
    .row-find-member .row-find-member-content .searchable-container .square-box .glyphicon-lg {
        font-size: 9.7em!important
    }
    .row-find-member .row-find-member-content .info-block {
        height: 175px!important;
        width: 315px!important;
        overflow: hidden
    }
    .info-block .square-box {
        position: relative;
        margin-right: 6px!important;
        height: 173px!important;
        width: 135px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content {
        width: 170px!important;
        padding: 0!important;
        height: 140px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading {
        min-height: 43px!important;
        width: 170px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name {
        width: 115px!important;
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name .visit-name {
        font-size: 13px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard {
        position: absolute!important;
        min-height: 35px!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time h4 {
        font-size: 10px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time .visit-door {
        font-weight: 100!important;
        font-size: 9px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-currentmember .find-member-name {
        width: 100%!important;
        min-height: 45px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
        width: 80%!important;
        height: 98px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .find-member-heading {
        width: 166px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .prospect-details-box {
        width: 54%;
        float: right!important
    }
    .row-find-member .prospect-box .prospect-details-box .find-member-name-currentmember {
        width: 80%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status {
        width: 43%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn {
        padding: 2px 8px;
        margin-right: 0!important
    }
    .row-find-member .row-find-member-content #result-container-list .find-member-list .memberaction {
        width: 8% !important;
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time { top: 0px; width: 61px; }
    .row-visitor .container-fluid {
        padding: 0
    }
    .row-visitor .row-content .filterbox {
        padding-left: 15px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername h4 {
        font-size: 13px
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernamecontent {
        width: 110px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        float: left
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .membername .membernumber {
        width: 45px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        float: left
    }
    .row-add-detail .row-content .end-bar-button,
    .row-add-detail .row-content .nav-tabs .currencySymbol,
    .row-add-detail .row-content .nav-tabs .fa,
    .row-add-detail .row-content .nav-tabs .tab-icon {
        display: none
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .memberbox .memberbox-content .detailsbox .numbervisit {
        font-size: 11px
    }
    .row-visitor .row-content .filterbox .totalvisitor .input-text {
        width: 155px!important
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails {
        width: 24%!important;
        overflow: hidden
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails .visitdate {
        font-size: 12px
    }
    .row-booking {
        padding: 2% 0 2% 4%
    }
    .row-add-detail .row-fluid .row-side .content-side .member-detail,
    .row-add-detail .status-bar-button,
    .row-bookingAddEvent .event-description .form-group .input-text {
        padding: 0
    }
    .row-booking .resource-type {
        left: 15%
    }
    .row-booking .resource {
        left: 16%
    }
    #tableMain td .box .mname {
        width: 100px!important
    }
    .row-booking .booking-content .page-header {
        width: 35%!important
    }
    .row-booking .booking-content .page-title-right {
        width: 28%!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action {
        width: 200px!important;
        right: 0!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-action a {
        margin-right: 2px!important;
        padding: 8px 6px;
    }
    .row-bookingAddEvent .classManagementContent .searchMember .buttonheader .buttonlist a {
        font-size: 13px!important
    }
    .row-bookingAddEvent .classManagementContent .searchMember .buttonheader .checkbox {
        font-size: 12px!important
    }
    .row-bookingAddEvent .event-description .form-group .input-text .form-control-static {
        font-size: 14px!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .header .sortbox .form-control {
        width: 110px!important
    }
    .row-bookingAddEvent .classManagementContent .existingMember .box-content .memberResult-details {
        width: 42%!important
    }
    .row-add-detail .row-fluid .ssts-bar {
        bottom: 1px;
        height: 70px
    }
    .row-add-detail .row-fluid .ssts-bar .status-bar {
        margin-top: 15px;
        padding: 0
    }
    .row-add-detail .status-bar-button .button2 {
        float: right
    }
    .row-side {
        min-width: 220px
    }
    .row-side img {
        width: 220px
    }
    .row-add-detail .row-side .content-side {
        position: relative;
        margin-top: 0
    }
    .row-add-detail .list-side {
        width: 220px!important
    }
    .row-add-detail .list-side .btn-default {
        font-size: 12px
    }
    .row-add-detail .list-side img {
        height: auto!important;
        width: 16px!important
    }
    .row-add-detail .list-side .btn,
    .row-add-detail .list-side .make_booking {
        width: 100%!important;
        margin-bottom: 5px
    }
    .row-add-detail .content-side h2,
    .row-add-detail .content-side p {
        padding-left: 0!important;
        margin: 0 0 5px
    }
    .row-add-detail .row-tab,
    .row-content .tab-detail .member-top-details {
        padding: 0
    }
    .row-add-detail .content-side h2 {
        font-size: 20px
    }
    .row-add-detail .content-side a {
        font-size: 12px
    }
    .row-add-detail .table-side {
        margin-left: 0!important;
        width: 220px;
        font-size: 12px
    }
    .row-add-detail .status-bar a {
        font-size: 14px
    }
    .row-add-detail .status-bar i {
        float: left;
        font-size: 20px
    }
    .row-add-detail .row-fluid .ssts-bar .status-bar {
        margin: 8px 0
    }
    .content-side .photoimg {
        width: 220px!important;
        padding: 0
    }
    .error:not(:empty) {
        width: 100%!important
    }
    .row-add-detail .row-fluid .row-content .member-top-details .row-member-detail .note-box .control-label {
        width: 100%;
        margin-bottom: 5px
    }
    .row-add-detail .row-fluid .row-content .member-top-details .row-member-detail .note-box .input {
        width: 100%
    }
    .row-add-detail .row-content .page-header .glyphicon {
        font-size: 18px
    }
    .row-add-detail .row-content .end-bar-button2 {
        position: absolute;
        left: 78%;
        bottom: 0
    }
    .row-add-detail .row-content .end-bar-button2 .button2 {
        float: right
    }
    .row-add-detail .row-content .tab-membership .add-membership-button,
    .row-add-detail .row-content .tab-transaction .add-payment-button, .row-add-detail .row-content .memberBooking-tab .add-membership-button {
        padding-left: 0;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%
    }
    .row-add-detail .row-content .tab-membership .membership-tab {
        margin-right: 0;
        padding-right: 0;
        padding-left: 2.5%
    }
    .row-membershiptype-properties .membershiptype-properties-content .page-header,
    .row-membershiptype-properties .membershiptype-properties-content .form-group .control-label,
    .row-membershiptype-properties .membershiptype-properties-content .form-group .input-text,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #signupfee_fee_input .input-text-section,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #membership_fee_input .input-text-section {
        padding: 0px;
    }
    .row-membershiptype-properties .membershiptype-properties-content #pricing_membershipfee .control-label,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #signupfee_fee_input,
    .row-membershiptype-properties .membershiptype-properties-content .form-group #membership_fee_input {
        width: 100%;
    }
    .row-membershiptype-properties .membershiptype-properties-content .form-group .form-control {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .membership-modal .modal-body,
    .membership-modal2 .modal-body {
        min-height: 100px
    }
    .membership-modal .modal-body .form-group .control-label {
        top: 5px;
        padding: 0
    }
    .membership-modal .modal-body .form-group .end-date-label,
    .membership-modal .modal-body .form-group .minimum-term-label,
    .membership-modal .modal-body .form-group .visit-label {
        padding-right: 0
    }
    .membership-modal .modal-body .form-group .form-control,
    .membership-modal2 .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .membership-modal .modal-body .form-group .form-control-payment-detail,
    .membership-modal2 .modal-body .form-group .form-control-payment-detail {
        position: relative;
        left: -20px
    }
    .membership-modal .modal-footer,
    .membership-modal2 .modal-footer {
        height: 70px
    }
    .membership-modal .modal-footer .btn,
    .membership-modal2 .modal-footer .btn {
        margin-left: 0
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table {
        margin-top: 3%
    }
    .payment-modal .modal-body .payment-table {
        height: 180px;
        margin-bottom: 20px;
        overflow-y: auto;
        border-bottom: 1px solid #E8E8E8
    }
    .payment-modal .modal-body .payment-details {
        padding-left: 5px;
        padding-right: 5px
    }
    .payment-modal .modal-body .payment-details .total-paid {
        margin-top: 5px
    }
    .payment-modal .modal-body .payment-details .form-group {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 5px
    }
    .payment-modal .modal-body .payment-details .form-group .control-label {
        top: 7px
    }
    .payment-modal .modal-body .payment-details .total-paid .form-control {
        text-align: right
    }
    .payment-modal .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .payment-modal .modal-body .payment-details .checkbox-footer {
        left: 2.5%
    }
    .payment-modal .modal-body .checkbox-deposit label,
    .payment-modal .modal-body .checkbox-invoice label,
    .payment-modal .modal-body .checkbox-receipt label {
        top: 2px
    }
    .row-billing-tab {
        padding-top: 2%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content,
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .table-responsive {
        padding: 0
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .table-responsive table td.date {
        width: 17%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .fixed-table-container {
        height: 400px!important
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-name {
        min-width: 120px;
        display: inline-block;
        font-weight: 700
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-title {
        font-size: 14px
    }
    .row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult-details h6,
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-content {
        font-size: 11px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-button .communication-button1 {
        float: right;
        left: 7%;
        width: 28%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-message .control-label {
        text-align: left
    }
    .row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult .memberResult-content .memberPhoto {
        width: 30px!important
    }
    .row-add-detail .row-additional-contact-detail .additional-detail .refferedby .memberResult-action .btn-right {
        padding: 7px!important
    }
    .row-family-membership .family_member_content .memberResult .memberResult-content .memberPhoto {
        width: 75px !important;
    }
    .row-family-membership .family_member_content .memberResult-details {
        width: 50% !important;
    }
    .row-membership-information {
        margin-top: 20px;
        margin-left: 16%
    }
    .row-membership-information .row-side .content-side h2 {
        font-size: 22px
    }
    .row-editMembership {
        padding-left: 7%!important
    }
    .row.pos_report .main_content {
        padding: 0 0 0 6%!important
    }
    .row.pos_report .main_content .main_container .pos-total-table .summary-box {
        width: 100%!important
    }
    .row-add-detail.row-addprospect .row-content .tab-pane .row-contact-detail .contact-detail,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-contact-detail .contact-detail .form-group,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-contact-detail .contact-detail .form-group .input,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-contact-detail .contact-detail .form-group .input-group,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-prospect-additional-detail,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-prospect-additional-detail .additional-detail,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-prospect-additional-detail .additional-detail .form-group,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-prospect-additional-detail .additional-detail .form-group .input,
    .row-add-detail.row-addprospect .row-content .tab-pane .row-prospect-additional-detail .additional-detail .form-group .input-group {
        padding-left: 0;
        padding-right: 0
    }
    .row-add-detail.row-addprospect .row-content .row-prospect-additional-detail .form-group .input-group,
    .row-add-detail.row-addprospect .row-content .row-prospect-contact .form-group .input-group {
        width: 58%!important;
        left: 0!important
    }
    .row-user-administration .right-content .dual-list .search-bar {
        width: 80% !important;
        padding-left: 10px !important
    }
    .row-report .container {
        width: 800px!important
    }
    .row-report .container .report-content,
    .row-report .container .report-content .report-date .date-range,
    .row-report .container .report-content .report-date .date-range .control-label,
    .row-report .container .report-content .report-date .date-range .form-group,
    .row-report .container .report-content .report-date .date-range .form-group .input-text,
    .row-report .container .report-details-content {
        padding: 0
    }
    .row-report .container .report-content .report-date .date-range .form-group {
        margin: 5px 0
    }
    .row-report .container .report-content .report-date {
        padding: 15px!important
    }
    .row-report .container .report-content .report-date .date-range .control-label {
        padding-top: 0
    }
    .row-report .table-report {
        overflow: hidden
    }
    .row-kpi .searchlist .form-group.date .control-label {
        width: 13.7%
    }
    .row-kpi .searchlist .form-group.date .input-group {
        width: 33%
    }
    .row-integratedbilling .row a {
        margin-bottom: 10px
    }
    .row-setting.cash_drawer_setting {
       padding: 15px 2% 20px 8%;
    }
    .row-setting.row-membershiptype-properties {
        margin-bottom: 20%;
    }
    .row-setting.row-membershiptype-properties .membershiptype-properties-content .content-left .box-setting .membership-type-content,
    .row-setting.row-membershiptype-properties .membershiptype-properties-content .content-left .box-setting .membership-type-content .form-group,
    .row-setting.row-membershiptype-properties .membershiptype-properties-content .content-left .box-setting .membership-type-content .form-group .control-label,
    .row-setting.row-membershiptype-properties .membershiptype-properties-content .content-left .box-setting .membership-type-content .form-group .input-text,
    .row-setting.row-membershiptype-properties .membershiptype-properties-content .content-left .left-two .description {
        padding: 0!important
    }
    .row-membershiptype-properties {
        height: 1250px!important
    }
    .row-setting.row-measurementconfiguration .box .box-content .btn-minus {
        padding: 6px 0
    }
    .row-visithistory .family_member_content .memberResult .memberResult-content .memberPhoto {
        margin-right: 2px;
        width: 80px;
    }
    .row-visithistory .family_member_content .memberResult-details {
        width: 48% !important;
    }
    .row-visithistory .family_member_content .memberResult-action .btn {
        padding: 5px !important;
    }
    .row-visithistory .rowside {
        padding-left: 30px!important;
        min-width: 250px!important
    }
    .row-setting.row-bookingconfig .th-inner {
        width: 97px;
    }
    .row-assetfile .form-group .box {
        width: 42%!important
    }
    .row-company-details .chooseTemplate .templateButtons .menuButton .btn {
        padding: 0
    }
    .row-accountdetails .accountdetails-content .profile-pic img {
        width: 100%;
    }
    .row-accountdetails .add-photo {
        bottom: 0px;
        margin: 5px auto 20px;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .row-editMembership .box .form-group.nextpayment .control-label .btn {
        margin-left: 15px;
    }

    .row-editMembership .box .form-group.nextpayment .control-label #lblnextpayment {
        width: 95px;
        margin-right: 5px;
    }

    .row-integratedbilling .box-tablesummary .tablesummary {
        padding: 20px 8px;
    }

    .main-content.debit-collection .table {
        width: 1300px;
    }

	.row-reportemailall .container {
		width: 100% !important;
	}
}

@media (min-width:1300px) and (max-width:1599px) {

    .info-block .square-box,
    .row-add-detail .row-content .member-detail .button3,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .btn-group-wrap,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-options {
        text-align: center
    }
    .row .navbar-default .navbar-left {
        width: 33%;
    }
    .row .navbar-default .navbar-left li a,
    .row .navbar-default .navbar-left li:.current-page {
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .row-add-detail .row-content .status-bar-form {
        display: none
    }
    .collapse-display {
        display: none!important
    }
    .row-add-detail .row-content .end-bar-button,
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-owing {
        display: none
    }
    .form-box input[type=password] {
        border-radius: 0 0 5px 5px;
        border-top: 0
    }
    .login-container button.login {
        padding: 10px 40px;
        width: 100%
    }
    .password {
        position: relative
    }
    .password input[type=password] {
        padding-right: 30px
    }
    #password2 .glyphicon,
    .password .glyphicon {
        display: none;
        right: 15px;
        position: absolute;
        top: 12px;
        cursor: pointer
    }
    .row-find-member .row-find-member-content .items .info-block .member-status .fa-pause,
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-asterisk,
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-ok,
    .row-find-member .row-find-member-content .items .info-block .member-status .glyphicon-remove,
    .row-find-member .row-find-member-content .items .info-block .member-status i {
        top: 135px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time { top: 0px; width: 61px; }
    .navbar-header {
        /* background-color: #212d3d; */
        width: 170px
    }
    .nav-sidemenu {
        overflow: auto;
        position: fixed;
        width: 300px;
        height: 100%;
    }
    .affix-content .container .page-header {
        margin-top: 0
    }
    .row-dashboard .row .box-statistic .row h1 {
        font-size: 26px!important
    }
    .affix-title {
        border-bottom: 1px solid #ecf0f1;
        padding-bottom: 10px
    }
    .navbar-nav {
        margin: 0
    }
    .navbar-collapse {
        padding: 0
    }
    .window-popups {
        position: fixed;
        right: .5%;
        bottom: 1%;
        z-index: 4
    }
    .row-find-member {
        margin-left: 0;
        padding-bottom: 5%
    }
    .row-find-member .row-find-member-content .searchable-container .square-box .glyphicon-lg {
        font-size: 9.7em!important
    }
    .row-find-member .row-find-member-content .info-block {
        height: 165px!important;
        width: 335px!important
    }
    .info-block .square-box {
        position: relative;
        margin-right: 6px!important;
        height: 165px!important;
        width: 135px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content {
        width: 190px!important;
        padding: 0!important;
        height: 140px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading {
        min-height: 42px!important;
        width: 190px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name {
        width: 120px!important;
        overflow: hidden
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-name .visit-name {
        font-size: 13px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.denied,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.granted,
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading .find-member-heading-time.newcard {
        position: absolute!important;
        right: -2px!important;
        padding: 0!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time h4 {
        font-size: 11px!important
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-time .find-member-time .visit-door {
        font-weight: 100!important;
        font-size: 10px!important;
        line-height: 1.3;
    }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading-currentmember .find-member-name {
        width: 100%!important;
        min-height: 45px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content {
        width: 100%!important;
        height: 98px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .find-member-content .find-member-heading {
        width: 187px!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .prospect-details-box {
        width: 57%;
        float: right!important
    }
    .row-find-member .prospect-box .prospect-details-box .find-member-name-currentmember {
        width: 80%!important
    }
    .row-find-member .row-find-member-content .items.prospect-box .info-block .member-status .btn {
        padding: 2px 8px;
        margin-right: 0!important
    }
    .row-find-member .row-find-member-content #result-container-list .find-member-list .memberaction {
        width: 8% !important;
    }
    .row-visitor .row-content .table-visitor-box .visitorcontent .visitbox .visitbox-content .visitdetails {
        width: 24%!important;
        overflow: hidden
    }
    .row-accountdetails {
        padding-left: 5%!important
    }
    .row-booking {
        padding: 2% 0 2% 3%
    }
    .row-add-detail .row-fluid .row-side .content-side .member-detail {
        padding: 0;
        height: 70px
    }
    .row-add-detail .row-fluid .status-bar {
        padding-top: 10px;
        margin-bottom: 0!important;
        left: -1%
    }
    .row-add-detail .status-bar-button .button2 {
        float: right
    }
    .row-add-detail .row-fluid .ssts-bar {
        height: 70px
    }
    .row-add-detail .row-fluid .ssts-bar .status-bar-button {
        padding: 0
    }
    .row-add-detail .row-fluid .status-bar .fa-smile-o {
        position: relative;
        font-size: 21px;
        float: left
    }
    .row-add-detail .row-side .content-side {
        position: relative;
        margin-top: 0
    }
    .row-add-detail {
        margin-top: 0;
        margin-left: 0;
        padding: 1% 1% 5% 1%
    }
    .row-add-detail .content-side p {
        font-size: 17px
    }
    .row-add-detail .content-side h2 {
        font-size: 24px;
        margin: 0 0 5px
    }
    .row-side {
        min-width: 20px;
        padding-left: 3%
    }
    .row-side img {
        width: 250px
    }
    .content-side .photoimg,
    .row-add-detail .list-side {
        margin-left: 0!important;
        width: 250px!important;
        padding: 0
    }
    .row-add-detail .list-sideBooking {
        padding: 0!important;
        margin-top: 10px!important
    }
    .row-add-detail .list-side .btn-default-1,
    .row-add-detail .list-side .btn-default-2 {
        font-size: 13px;
        width: 49%;
        float: left;
        margin-right: 2px
    }
    .row-add-detail .table-side {
        width: 250px;
        margin-left: 0!important
    }
    .row-add-detail .row-content .page-header .glyphicon {
        font-size: 18px
    }
    .row-add-detail .row-content .tab-detail .member-bottom-details,
    .row-add-detail .row-content .tab-detail .member-top-details {
        padding: 0
    }
    .row-add-detail .row-content .member-detail .button3 .btn-stop-at-gate {
        font-size: 13px;
        width: 100px;
        height: 30px
    }
    .row-add-detail .row-content .member-detail .button3 .btn-new-paper-card {
        font-size: 13px;
        width: 120px;
        height: 30px
    }
    .row-add-detail .row-content .member-detail .button3 .btn-assign-additional-card {
        font-size: 13px;
        width: 160px;
        height: 30px
    }
    .row-add-detail .row-content .end-bar-button2 {
        position: absolute;
        right: -2%;
        bottom: 0
    }
    .row-add-detail .row-content .end-bar-button2 .button2 {
        float: right
    }
    .row-add-detail .row-content .tab-membership .add-membership-button,
    .row-add-detail .row-content .tab-transaction .add-payment-button, .row-add-detail .row-content .memberBooking-tab .add-membership-button {
        padding-left: 0;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%
    }
    .row-add-detail .row-content .tab-membership .membership-tab {
        margin-right: 0;
        padding-right: 0;
        padding-left: 2.5%
    }
    .membership-modal .modal-body,
    .membership-modal2 .modal-body {
        min-height: 100px
    }
    .membership-modal .modal-body .form-group .control-label {
        top: 5px;
        padding: 0
    }
    .membership-modal .modal-body .form-group .end-date-label,
    .membership-modal .modal-body .form-group .minimum-term-label,
    .membership-modal .modal-body .form-group .visit-label {
        padding-right: 0
    }
    .membership-modal .modal-body .form-group .form-control,
    .membership-modal2 .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .membership-modal .modal-body .form-group .form-control-payment-detail,
    .membership-modal2 .modal-body .form-group .form-control-payment-detail {
        position: relative;
        left: -20px
    }
    .membership-modal .modal-footer,
    .membership-modal2 .modal-footer {
        height: 70px
    }
    .membership-modal .modal-footer .btn,
    .membership-modal2 .modal-footer .btn {
        margin-left: 0
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table {
        margin-top: 3%
    }
    .transaction-table {
        border-collapse: collapse
    }
    .payment-modal .modal-body .payment-table {
        height: 180px;
        margin-bottom: 20px;
        overflow-y: auto;
        border-bottom: 1px solid #E8E8E8
    }
    .payment-modal .modal-body .payment-details {
        padding-left: 5px;
        padding-right: 5px
    }
    .payment-modal .modal-body .payment-details .total-paid {
        margin-top: 5px
    }
    .payment-modal .modal-body .payment-details .form-group {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 5px
    }
    .payment-modal .modal-body .payment-details .form-group .control-label {
        top: 7px
    }
    .payment-modal .modal-body .payment-details .total-paid .form-control {
        text-align: right
    }
    .payment-modal .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .payment-modal .modal-body .payment-details .checkbox-footer {
        left: 2.5%
    }
    .payment-modal .modal-body .checkbox-deposit label,
    .payment-modal .modal-body .checkbox-invoice label,
    .payment-modal .modal-body .checkbox-receipt label {
        top: 2px
    }
    .row-billing-tab {
        padding-top: 2%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content,
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .table-responsive {
        padding: 0
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group .table-responsive table td.date {
        width: 17%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-name {
        min-width: 120px;
        display: inline-block;
        font-weight: 700
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-title {
        font-size: 14px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-content {
        font-size: 11px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-button .communication-button1 {
        float: right;
        left: 5%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-message .control {
        text-align: left
    }
    .note-detail .form-horizontal .form-control {
        width: 140%
    }
    .row-membership-information {
        left: 1%;
        margin-top: 20px;
        margin-left: 15%
    }
    .row-editMembership.row-setting {
        padding-left: 6%!important
    }
    #tableMain td .box .mname {
        width: 150px!important
    }
    #tableMain td .box .mname.habitname {
        width: 110px!important
    }

    #tableMain .td-content.hpfbox .box .tdContent .mname, #tableMain .td-content.hpfbox .box .tdContent .mnumber { font-size: 11px; }
    #tableMain td.td-content.hpfbox .box .mname.habitname { width: 90px !important; }
    #tableMain td.td-content.hpfbox .box .icon img { width: 15px; }

    .row-bookingAddEvent .classManagementContent .searchMember .buttonheader .buttonlist a {
        font-size: 13px!important
    }
    .row-bookingAddEvent .event-description .form-group .input-text {
        padding: 0
    }
    .row-bookingAddEvent .event-description .form-group .control-label {
        padding-top: 6px!important
    }
    #paymentModal.accv8 .modal-body .btn,
    #paymentModal .modal-dialog .modal-content .modal-body .btn {
        font-size: 16px!important
    }
    .row.pos_report .main_content {
        padding: 0 0 0 5%!important
    }
    .row.pos_report .main_content .main_container .pos-total-table .summary-box {
        width: 100%!important
    }
    .row-tasktype {
        margin-bottom: 50px
    }
    .row-add-detail.row-addprospect .prospect-side-info .prospect-button {
        margin-left: 0!important
    }
    .row-kpi .searchlist .form-group.date .control-label {
        width: 13.4%
    }
    .row-kpi .searchlist .form-group.date .input-group {
        width: 34.3%
    }
    .row-setting.cash_drawer_setting {
        padding: 15px 2% 20px 7% !important;
    }
    .row-setting.row-membershiptype-properties .membershiptype-properties-content .content-left .box-setting .membership-type-content,
    .row-setting.row-membershiptype-properties .membershiptype-properties-content .content-left .box-setting .membership-type-content .form-group,
    .row-setting.row-membershiptype-properties .membershiptype-properties-content .content-left .box-setting .membership-type-content .form-group .control-label,
    .row-setting.row-membershiptype-properties .membershiptype-properties-content .content-left .box-setting .membership-type-content .form-group .input-text,
    .row-setting.row-membershiptype-properties .membershiptype-properties-content .content-left .left-two .description {
        padding: 0!important
    }

    .row-setting.row-membershiptype-properties {
        margin-bottom: 20%;
    }
    .row-setting.row-measurementconfiguration .box .box-content .btn-minus {
        padding: 6px 0
    }
    .row-setting.row-bookingconfig .fixed-table-container {
        padding-top: 42px !important;
    }
    .row-setting.row-bookingconfig .first .th-inner {
        display: inline-block;
        width: 88px;
        line-height: 12px;
    }
    .row-accountdetails .accountdetails-content .profile-pic img {
        width: 100%;
    }
    .row-accountdetails .add-photo {
        bottom: 0px;
        margin: 5px auto 20px;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .row-visithistory .family_member_content .memberResult .memberResult-content .memberPhoto {
        width: 80px !important;
    }
    .row-visithistory .family_member_content .memberResult-details {
        width: 52% !important;
    }
    .row-visithistory .family_member_content .memberResult-action .btn {
        padding: 5px !important;
    }
    .row-visithistory {
        padding-right: 0
    }
    .row-visithistory .rowside {
        padding-left: 2%!important
    }
    .row-productpurchase {
        padding: 15px 0px 0px 4%;
    }
    .row-taxbreakdown .page-header {
        text-align: center;
    }

    .row-taxbreakdown .searchlist,
    .row-taxbreakdown .main-content .tax-sale-table {
        padding: 0px
    }

    .row-taxbreakdown .form-group {
        margin-left: 0px;
        margin-right: 0px;
    }

    .main-content.debit-collection .table {
        width: 1300px;
    }
}

@media (max-width: 1600px) {
    .row-visitor .row-content .filterbox .filterbox-content .button-visitor-list .btn {
        margin-bottom: 5px;
        width: 49%;
    }
}

@media (min-width:1600px) {
    .row-booking {
        padding-left: 2%;
        padding-bottom: 0px;
    }
    .row-dashboard .doughnuts-statistic .memberGraphPanel {
        width: 50%
    }
    .row-add-detail .row-fluid .row-side .content-side .member-detail,
    .row-add-detail .status-bar-button {
        padding: 0
    }
    .row-visitor {
        margin-left: 0;
        padding-right: 0
    }
    .memberbox-content a {
        text-decoration: none;
        color: #585858
    }
    .row-add-detail .row-fluid .row-side .content-side .member-detail h2 {
        font-size: 26px;
        margin: 0 0 0px;
        line-height: 1.3;
        width: 280px;
    }
    .row-add-detail .row-fluid .row-side .content-side .member-detail p {
        font-size: 15px;
        margin-bottom: 0
    }
    #membershipquickview-div p .icon-status {
        display: block;
        float: left;
        position: relative;
        margin-right: 7px;
    }
    #membershipquickview-div p .icon-status span {
        font-size: 18px;
    }
    #membershipquickview-div p .icon-status .glyphicon-ok {
        color: #090;
    }

    #membershipquickview-div p .icon-status .fa-smile-o {
        color: #8a8a8a;
    }

    #membershipquickview-div p .icon-status i {
        font-size: 22px;
    }

    .row-add-detail .row-fluid .ssts-bar {
        top: 5px;
        height: 70px
    }
    .row-add-detail .row-fluid .status-bar {
        margin-bottom: 0;
        padding: 0
    }
    .row-add-detail .row-fluid .status-bar .fa-smile-o {
        position: relative;
        font-size: 21px;
        float: left
    }
    .row-add-detail .row-fluid .status-bar p {
        font-size: 15px
    }
    .row-add-detail .row-side {
        min-width: 300px;
        padding-right: 0;
        padding-left: 2%;
    }
    .row-add-detail .member-detail-header { padding-left: 2%; }
    .row-add-detail .list-side .btn-default-2 {
        position: relative
    }
    .row-add-detail .list-side .btn-default-1 {
        width: 49%
    }
    .row-add-detail .list-sideBooking {
        padding: 0!important;
        margin-top: 10px!important
    }
    .row-add-detail .table-side {
        width: 280px
    }
    .row .row-add-detail .row-content .nav-tabs li a {
        color: #282828;
        font-size: 15px;
        font-weight: 700
    }
    .row-add-detail .row-content .page-header .glyphicon {
        font-size: 18px
    }
    .row-add-detail .row-content .member-detail .button3 {
        text-align: center
    }
    .row-add-detail .row-content .member-detail .button3 .btn-stop-at-gate {
        font-size: 13px;
        width: 100px;
        height: 30px
    }
    .row-add-detail .row-content .member-detail .button3 .btn-new-paper-card {
        font-size: 13px;
        width: 120px;
        height: 30px
    }
    .row-add-detail .row-content .member-detail .button3 .btn-assign-additional-card {
        font-size: 13px;
        width: 160px;
        height: 30px
    }
    .row-add-detail .row-content .end-bar-button2 {
        position: absolute;
        right: -2%;
        bottom: 0
    }
    .row-add-detail .row-content .end-bar-button2 .button2 {
        float: right
    }
    .row-add-detail .row-side .content-side {
        position: relative;
        margin-top: 0;
        padding: 0
    }
    .row-add-detail .row-content .tab-membership .add-membership-button,
    .row-add-detail .row-content .tab-transaction .add-payment-button, .row-add-detail .row-content .memberBooking-tab .add-membership-button  {
        padding-left: 0;
        text-align: center;
        margin-top: 1%;
        margin-bottom: 1%
    }
    .row-add-detail .row-content .tab-membership .membershipcontent .membershipoptions .signature {
        float: none;
        margin: auto
    }
	.row-add-detail .row-content .tab-membership .membershipcontent .membershipoptions .clearsig_div {
		text-align: center;
		margin-bottom: 30px
	}
	.footer-member .footer-other-links #membersignaturemodal .modal-body .signature {
		float: none;
		margin: auto
	}
	.footer-member .footer-other-links #membersignaturemodal .modal-body .clearsig_div {
		text-align: center;
		margin-bottom: 30px
	}
	.membership-modal .modal-body,
	.membership-modal2 .modal-body {
        min-height: 100px
    }
    .membership-modal .modal-body .form-group .control-label {
        top: 5px;
        padding: 0
    }
    .membership-modal .modal-body .form-group .end-date-label,
    .membership-modal .modal-body .form-group .minimum-term-label,
    .membership-modal .modal-body .form-group .visit-label {
        padding-right: 0
    }
    .membership-modal .modal-body .form-group .form-control,
    .membership-modal2 .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .membership-modal .modal-body .form-group .form-control-payment-detail,
    .membership-modal2 .modal-body .form-group .form-control-payment-detail {
        position: relative;
        left: -20px
    }
    .membership-modal .modal-footer,
    .membership-modal2 .modal-footer {
        height: 70px
    }
    .membership-modal .modal-footer .btn,
    .membership-modal2 .modal-footer .btn {
        margin-left: 0
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .btn-group-wrap {
        text-align: center
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .transaction-table {
        margin-top: 3%
    }
    .row-add-detail .row-content .tab-content .tab-transaction .transaction-content .radio-options {
        text-align: center
    }
    .payment-modal .modal-body .payment-table {
        height: 180px;
        margin-bottom: 20px;
        overflow-y: auto;
        border-bottom: 1px solid #E8E8E8
    }
    .payment-modal .modal-body .payment-details {
        padding-left: 5px;
        padding-right: 5px
    }
    .payment-modal .modal-body .payment-details .total-paid {
        margin-top: 5px
    }
    .payment-modal .modal-body .payment-details .form-group {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 5px
    }
    .payment-modal .modal-body .payment-details .form-group .control-label {
        top: 7px
    }
    .payment-modal .modal-body .payment-details .total-paid .form-control {
        text-align: right
    }
    .payment-modal .modal-body .form-group .form-control {
        margin-bottom: 6px
    }
    .payment-modal .modal-body .payment-details .checkbox-footer {
        left: 2.5%
    }
    .payment-modal .modal-body .checkbox-deposit label,
    .payment-modal .modal-body .checkbox-invoice label,
    .payment-modal .modal-body .checkbox-receipt label {
        top: 2px
    }
    .row-billing-tab {
        padding-top: 2%
    }
    .row-billing-tab .billing-content {
        margin-bottom: 1%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-name {
        min-width: 120px;
        display: inline-block;
        font-weight: 700
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-title {
        font-size: 14px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .list-group-item .communication-content {
        font-size: 11px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-message .form-group {
        margin-bottom: 20px
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-button .communication-button1 {
        float: right;
        margin-top: 1%;
        left: 5%;
        width: 18%
    }
    .row-add-detail .row-content .communication-tab .communication-tab-content .communication-message .control-label {
        text-align: left
    }
    .note-detail .form-horizontal .form-control {
        width: 140%
    }
    .row-membership-information .container-fluid .row-fluid .add-member-modal .modal-content {
        height: 500px
    }
    .row-membership-information .container-fluid .row-fluid .add-member-modal .modal-body {
        height: 350px
    }
    .row-membership-information .container-fluid .row-fluid .add-member-modal .modal-body .form-control,
    .row-membership-information .container-fluid .row-fluid .add-member-modal .modal-body .form-group input {
        margin-bottom: 5px
    }
    .row-kpi .searchlist .form-group.date .control-label {
        width: 13.2%
    }
    .row-kpi .searchlist .form-group.date .input-group {
        width: 35%
    }
}

/* final breakpoint */
@media (min-width: 2000px) {

    .affix-content { padding: 15px 3% 10px 3%; }
    .row-pos { padding-left: 12%; }
    .row-find-member .row-find-member-content .items { width: 25% !important; }
    .row-find-member .row-find-member-content .items .info-block .square-box { width: 30%; }
    .row-find-member .row-find-member-content .items .info-block .find-member-content { float: right; width: 67%; }
    .row-find-member .row-find-member-content .items .info-block .member-status i { left: 33%; }
    .row-find-member .workout_narrow .items { width: 90% !important; }
    .row-find-member .row-find-member-content .items .info-block .find-member-content .find-member-heading { width: 100% !important; }
    .row-find-member .row-find-member-content .info-block { width: 100% !important; }

}

/*Change Club Modal*/
#changeClubModal .modal-content .modal-header,
#changeClubModal .modal-content .modal-body,
#changeClubModal .modal-content .modal-footer {
	padding: 10px 5px;
}
#changeClubModal .modal-content {
	border-radius: 2px;
}
#changeClubModal .modal-body .form-group,
#changeClubModal .modal-body .form-group .control-label,
#changeClubModal .modal-body .form-group .input-text {
	padding: 0px;
}
#changeClubModal .modal-body .active-club {
	margin-top: 10px;
	margin-bottom: 10px;
}
#changeClubModal .modal-body .active-club .input-text .form-control-static {
	padding: 0px;
	font-size: 15px;
}
/* staff attendance */
#attendance-summary table tbody tr td {
	text-align: center;
}

#attendance-summary table tbody tr.viewing td input {
	display: none;
}

#attendance-summary table tbody tr.editing td span {
	display: none;
}

#attendance-summary table tbody tr.editing td input {
	text-align: center;
}

.ui-state-highlight {
    height: 1.5em; line-height: 1.2em; background-color: #ccc !important;
}

.booking-content-new .booking_box {
    width: 300px;
    min-height: 20px;
    height: 23px;
    position: absolute;
    z-index: 4;
    overflow: hidden;
    float: left;
    cursor: pointer;
}


/* Staff Clock In and Out Modal
-------------------------------------------------*/

#clockinoutModal .modal-body .endbar.clock .btn {
    width: 200px;
    height: 60px;
    font-size: 18px;
}

#clockinoutModal .modal-body .previous_log {
    font-style: italic;
    font-size: 13px;
    margin-bottom: 0px;
    text-align: center;
}

#clockinoutModal .modal-body .staff-status {
    padding: 0px;
    text-align: center;
}
#clockinoutModal .modal-body .staff-status {
    margin-bottom: 0px;
}

#clockinoutModal .modal-body .clockout_note,
#clockinoutModal .modal-body .clockin_note {
    display: block;
    font-weight: 600;
    font-size: 14px;
}

#clockinoutModal .modal-body .staff-status h3,
#clockinoutModal .modal-body .staff-status h5,
#clockinoutModal .modal-body .staff-status h4 {
    margin: 5px 0px;
}

.percentInput {
    position:relative;
    display: inline-block;
    border: none;
    padding: 0;
}

.percentInput span {
    position: absolute;
    top: 11px;
    right: 4px;
    line-height: 100%;
    vertical-align: middle;
}

.num_percent {
    width: 100%;
    height: 100%;
    text-align: right;
    padding-right: 18px;
}

.workout-body {
    margin-bottom: 40px;
    padding: 0px;
}

.workout-button {
    margin-right: 5px;
    margin-bottom: 5px;
}

.workout-body .table-content {
    border: 1px solid #ccc;
    padding: 15px;
}

#workout_main .ui-sortable-placeholder {
    visibility: visible !important;
    border: 1px dashed black;
}

#superset_innerlist {
    background-color: #ececec;
}

#result-container-card .ui-sortable-placeholder {
    height: 0px !important;
}

/*Table Sorter*/

/*.main-content .tablesorter-blue th, .main-content .tablesorter-blue thead td {
	font: 12px/18px Arial, Sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #3f557a;
	border-collapse: collapse;
	padding: 4px;
	text-shadow: 0 0px 0 rgba(204, 204, 204, 0);
	cursor: default;
}

.main-content .tablesorter-blue td {
	cursor: default;
}

.tablesorter-header {
	background-repeat: no-repeat;
	background-position: center right;
	white-space: normal;
	cursor: pointer;
}

.headerSortUp, .tablesorter-headerSortUp, .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

.tablesorter-headerUnSorted {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
}

.tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

.tablesorter-blue input.tablesorter-filter, .tablesorter-blue select.tablesorter-filter {
	width: 98%;
	height: auto;
	margin: 0;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
	border-radius: 2px;
}

.tablesorter .tablesorter-filter-row .disabled {
    display: none;
}*/

/*----------------------------------------------
	new booking page
------------------------------------------------*/

.row-booking-new {
    overflow-x: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.row-booking-new .booking-content .resource-bar {
    margin-bottom: 5px;
}

.row-booking-new .booking-content .date-bar {
    border: 1px solid #ccc;
    background-color: #3e4c64;
    padding: 10px 0px;
}

.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu) {
    padding: 0px;
    margin: 0px;
}
.row-booking-new .booking-content .date-bar .today-date { text-align: left; }
.row-booking-new .booking-content .date-bar .date-range { text-align: center; }

.row-booking-new .booking-content .date-bar .date-display ul { float: right; }

.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu)>li {
    display: inline-block;
    text-align: center;
}
.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu)>li.date_li { width: 150px; }
.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu)>li.day_li,
.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu)>li.week_li,
.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu)>li.month_li {
    width: 80px;
}

.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu)>li.left_li,
.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu)>li.right_li { width: 20px; }

.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu)>li>a,
.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu)>li a.dropdown-toggle,
.row-booking-new .booking-content .table-foot .old-schedule-btn a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu)>li>a:hover,
.row-booking-new .booking-content .date-bar ul:not(.dropdown-menu)>li>a:active { text-decoration: none; }

.row-booking-new .booking-content .page-title .page-title-right,
.row-booking-new .booking-content .page-title .search-content { margin-top: 1% }

.row-booking-new .booking-content .calendar {
    border: 1px solid #ccc;
    border-top: 0px;
}

.row-booking-new .booking-content .page-title .page-title-right .btn {
    float: right;
    margin: 2px
}

.row-booking-new .booking-content .page-title .search-content,
.row-booking-new .booking-content .page-title .search-content .form-horizontal .form-group .input-class { padding-left: 0 }

.row-booking-new .booking-content .page-title .search-content .form-horizontal .form-group { padding-left: 5px }

.row-booking-new .booking-content .page-title .page-header #datetimepicker1 .datepicker .datepicker-days .table-condensed tr,
.row-booking-new .search-content #datetimepicker1 .datepicker .datepicker-days .table-condensed tr { padding: 7px 20px!important }

.row-booking-new .booking-content h3 { color: #000 }
.row-booking-new .booking-content h3 a { color: #6F5B5B; cursor: pointer }
.row-booking-new .booking-content h3 a:hover { text-decoration: none }

.row-booking-new .booking-content .page-title .page-header .white-arrow {
    position: absolute;
    left: 51%;
    top: 43px
}

.row-booking-new .booking-content .page-title .page-header .date-picker {
    position: absolute;
    background-color: #fff;
    z-index: 5;
    border-radius: 10px;
    left: 50%
}

.row-booking-new .booking-content .page-title .page-header {
    border: 0;
    text-align: center;
    margin-top: .5%;
    padding: 0
}

.row-booking-new .booking-content .page-title .page-header .btn-datepicker { font-size: 21px; }

.row-booking-new .booking-content .page-title .page-header .next-button,
.row-booking-new .booking-content .page-title .page-header .previous-button {
    font-size: 26px;
    position: relative;
    top: 6px
}

.row-booking-new .booking-content .page-title .page-header a:hover { text-decoration: none; }
.row-booking-new .booking-content .page-title .h3-datepicker {
    font-size: 12px;
    padding-left: 8px;
    padding-bottom: 10px
}

.row-booking-new .booking-content .page-title .h3-datepicker .datepicker {
    position: relative;
    left: 0;
    bottom: 0;
    background-color: #fff;
    border: 1px solid #E8E8E8;
    -webkit-box-shadow: 0 4px 11px -4px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 4px 11px -4px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 11px -4px rgba(0, 0, 0, .25);
    margin: 0 auto
}

.row-booking-new .booking-content .page-title .h3-datepicker .datepicker-inline {
    width: 205px
}

.row-booking-new .booking-content .page-title .h3-datepicker .datepicker table tr td,
.row-booking-new .booking-content .page-title .h3-datepicker .datepicker table tr th {
    width: 15px!important;
    height: 23px!important
}

.row-booking-new thead th .box {
    margin: 0 auto!important
}

.row-booking-new thead th .box .th-inner {
    text-align: center;
    border: none
}

.row-booking-new .booking-content .calendar td,
.row-booking-new .booking-content .calendar th {
    padding: 1px;
    width:150px;
}

.row-booking-new .booking-content .calendar th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    color: #848484
}

.row-booking-new .booking-content .calendar th.th-space,
.row-booking-new .booking-content .calendar .fixedTime th#timeLabel {
    height: 60px;
    max-height: 58px;
    overflow: hidden;
    position: relative;
}

.row-booking-new .booking-content .calendar th.th-space button {
    bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size: 10px;
    left: 0px;
    padding: 0px 15px;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.row-booking-new .booking-content .calendar .timeTable {
    color: #848484;
    overflow: hidden;
    height: 800px;
}

.row-booking-new .booking-content .calendar td {
    border-bottom: 1px dotted #ccc;
    border-right: 1px solid #ccc;
    height: 28px;
    text-align: center;
}

.row-booking-new .booking-content .calendar .tableContent td a {
    display: none;
    padding: 2px;
    margin: 0
}

.row-booking-new .booking-content .calendar .tableContent td:hover {
    background-color: rgba(192, 192, 192, .66);
    cursor: pointer
}

    /* Monthly Calendar View
    ----------------------------------------------------------*/
    .row-booking-new .monthly-calendar .calendar_week {
        display: grid;
        grid-template-columns: calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7);
    }
    .row-booking-new .monthly-calendar .calendar .calendar_day {
        border: 1px solid #ccc;
    }

    .row-booking-new .monthly-calendar .calendar .calendar_day .btn {
        bottom: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        font-size: 11px;
        left: 9%;
        padding: 2px 15px;
        position: absolute;
        width: 80%;
        z-index: 3;
    }

    .row-booking-new .monthly-calendar .calendar .calendar_day.day_title {
        font-weight: 600;
        padding: 15px 0px;
        text-align: center;
    }

    .row-booking-new .monthly-calendar .calendar .calendar_day.day {
        height: 120px;
        position: relative;
        overflow: hidden;
    }
    .row-booking-new .monthly-calendar .calendar .calendar_day.gray {
        background-color: #ececec;
    }

    .row-booking-new .monthly-calendar .calendar .calendar_day.day .date_number {
        bottom: 1px;
        font-weight: 600;
        right: 5px;
        position: absolute;
        z-index: 5;
    }
    .row-booking-new .monthly-calendar .calendar .calendar_day.day .mobile_val { display: none; }
    .row-booking-new .monthly-calendar .booking-content-new .booking-content-box .mname h5 { margin: 3px 0px; }
    #confirmationmodaldiv .dailybookingsmodal .modal-body .daliy-booking-row {
        border: 1px solid #dadada;
        border-radius: 3px;
        margin-bottom: 5px;
        padding: 7px;
        box-shadow: 3px 2px 3px -2px rgba(189,189,189,0.4);
        -webkit-box-shadow: 3px 2px 3px -2px rgba(189,189,189,0.4);
        -moz-box-shadow: 3px 2px 3px -2px rgba(189,189,189,0.4);
    }
    #confirmationmodaldiv .dailybookingsmodal .modal-body .daliy-booking-row h4 { font-size: 16px; margin: 0px; }
    #confirmationmodaldiv .dailybookingsmodal .modal-body .daliy-booking-row .subtitle-box h5 { display: inline-block; font-size: 13px; margin: 10px 0px 2px; }
    #confirmationmodaldiv .dailybookingsmodal .modal-body .daliy-booking-row .subtitle-box h5.left { float: left; }
    #confirmationmodaldiv .dailybookingsmodal .modal-body .daliy-booking-row .subtitle-box h5.right { float: right; }

.row-booking-new .calendar .gmi { font-size: 14px; }

.row-booking-new .calendar .table-foot {
    padding: 15px 10px 10px;;
    border-top: 1px solid #ccc;
    background-color: #3e4c64;
    color: #fff;
}
.row-booking-new .calendar .table-foot .icon-list { margin: 0px; width: 88%; font-size: 12px; }
.row-booking-new .calendar .table-foot .table-foot-content .icon-list .icon {
    float: left;
    list-style-type: none;
    margin: 0px 8px 0px 0px;
    line-height: 1.8;
}
.row-booking-new .calendar .table-foot .table-foot-content .icon-list .icon .gmi-flag-waving { line-height: 1.5; }
.row-booking-new .calendar .table-foot .old-schedule-btn { width: 12%; }

.row-booking-new .booking-content .calendar td.even {
    border-bottom: 1px dotted #ccc;
    border-right: 1px solid #ccc;
    text-align: center
}

.row-booking-new .booking-content,
.row-booking-new .booking-content .calendar {
	padding: 0px;
}

.row-booking-new .booking-content.booking-weekly .booking_box {
    width: 265px;
}

.weekly-calendar .contentdiv .headingscroller table { margin-right: 16px; }
.row-booking-new .booking-content .calendar .xscroll {
    overflow: auto;
    position: relative;
}

.tableMain td .box .mname,
.row-booking-new .booking-content .calendar .contentdiv,
.row-bookingAddEvent .button-row .bottom-buttonrow {
    overflow: hidden
}

.row-booking-new #contentdiv .tableHeadingContent {
	position: relative;
}

.row-booking-new .booking-content .calendar .fixedTime td,
.row-booking-new .booking-content .calendar .fixedTime th {
    width: 100px
}

.row-booking-new .booking-content .calendar .fixedTime .timeTable td.td-top.time {
	border-bottom: 0px solid;
	border-top: 1px solid #ccc;
}

.row-booking-new .booking-content .calendar td.td-top.time {
	border-top: 1px solid #ccc;
}

.row-booking-new .booking-content .calendar .fixedTime .timeTable td.minute_timetable {
	border-bottom: 0px solid #ccc !important;
	border-top: 0px solid #ccc !important;
	color: #7f7f7f;
	font-size: 11px;
	padding: 0px 6px;
	text-align: right;
}

.row-booking-new .booking-content .timeLabel,
.row-booking-new .booking-content #timeLabelWeekly,
.row-booking-new .booking-content .th-name {
    height: 40px;
}

.row-booking-new .booking-content .th-name.booking2 {
    height: 43px;
}

.row-booking-new .booking-content .timeLabel.booking2 {
    height: 42px;
}

.row-booking-new .booking-content .calenar td.booked {
    padding: 0
}

.row-booking-new .booking-content .calendar table .past {
    background-color: #E1ECE1
}

.row-booking-new .booking-content .calendar table .unavailable {
    background-color: #D6D6D6
}

.row-booking-new .booking-content .calendar table .unavailable.fithealth {
    background-color: #97A59A!important
}

.monthly-calendar .calendar .calendar_week .day.past {
    background-color: #E1ECE1
}

.monthly-calendar .calendar .calendar_week .day.diff_month {
    background-color: #C4C4C4
}

#confirmationmodal .modal-content .modal-header { padding: 10px; }
#confirmationmodal .modal-content .modal-header h5 {
    font-size: 15px;
    margin: 5px 0px;
}
#confirmationmodal .modal-content .modal-body .header {
    margin-bottom: 15px;
}
#confirmationmodal .modal-content .modal-body .form-group {
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 15px;
    margin: 0px;
}
#confirmationmodal .modal-content .modal-body .form-group.previous-details {
    background-color: #bdbdbd2e;
    border: 1px solid #a2a2a269;
    color: #525252;
}
#confirmationmodal .modal-content .modal-body .form-group.new-details {
    background-color: #39ff6630;
    border: 2px solid #58da5dbd;
}
#confirmationmodal .modal-content .modal-body .form-group h5 {
    margin-top: 0px;
}
#confirmationmodal .modal-content .modal-body .form-group p {
    margin: 5px 0px;
}
#confirmationmodal .modal-content .modal-body .direction-arrow { text-align: center; }
#confirmationmodal .modal-content .modal-body .direction-arrow .gmi {
    font-size: 5vh;
    line-height: 2.8;
}

.xscroll .booking_box {

    min-height: 20px;
    height: 23px;
    position: absolute;
    z-index: 4;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

.xscroll .booking_box {
    font-weight: 600;
    min-height: 23px;
}

.tooltip-container .booking-content-new .tooltip-booking {
    position:absolute;
}

.tooltip-container .booking-content-new .tooltip-booking {
    position: absolute;
    margin-left: 15px;
    width: 320px;
    padding: 10px;
    border-radius: 10px;
    background: #484c52;
    color: #fff;
    display: none;
    z-index: 10;
    box-shadow: 2px 3px 5px -1px rgb(0 0 0 / 29%);
    -webkit-box-shadow: 2px 3px 5px -1px rgb(0 0 0 / 29%);
    -moz-box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.29);
}

.tooltip-container .booking-content-new .tooltip-booking:after {
    content: "";
    position:absolute;
    margin-left:-30px;
    top:17%;
    transform:translateY(-50%);
    border:10px solid #484c52;
    border-color: transparent #484c52 transparent transparent;
    display:none;
}
.tooltip-container .booking-content-new .tooltip-booking:before, .tooltip-container .booking-content-new .tooltip-booking:after {
    display:block;
}

.xscroll .booking_box .booking-content-box,
.xscroll .booking_box .mname {
    float: left;
}

.xscroll .booking_box .mname h5 {
    font-size: 12px;
    font-weight: 600;
    margin: 3px 0px;
}

.xscroll .booking_box .mname h6 {
    font-size: 12px;
    line-height: 1.3;
}

.xscroll .booking_box .name-booking {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xscroll .booking_box .time-booking {
    right: 0px;
    padding-right: 3px;
    position: absolute;
}

.xscroll .booking_box .desc-booking {
    overflow: hidden;
}

.xscroll .booking_box .bottom-booking {
    background-color: inherit;
    bottom: 2px;
    font-size: 12px;
    right: 0px;
    padding-right: 3px;
    position: absolute;
    text-align: right;
    z-index: 3;
}

.xscroll .booking_box .mnumber {
    font-weight: 600;
    width: 38px;
    text-align: center;
    padding-left: 3px;
}

.xscroll .booking_box .cancel-booking {
    float: right;
    right: 0px;
    position: absolute;
    padding: 0px 5px;
    top: 0px;
    width: 20px;
}

.xscroll .booking_box .cancel-booking .close {
    text-shadow: 0 1px 0 #fff;
    opacity: .4;
    visibility: hidden;
}

.xscroll .booking_box:hover .cancel-booking .close {
    visibility: visible;
}

.headingscroller .booking-allday .booking_allday_box .booking-content-box .mname h5 {
    font-size: 12px;
    margin: 0px;
    padding: 3px;
}

/* New Schedule Warning Modal */
#warningModal .modal-body .booking-box .booking-box-content {
    border-radius: 3px;
    padding: 8px;
}

#warningModal .modal-body .booking-box .booking-box-content h5 {
    margin-top: 0px;
}

#warningModal .modal-body .booking-box.previous-booking .booking-box-content {
    border: 1px solid #0000003d;
    background-color: #cccccc73;
}
#warningModal .modal-body .booking-box.new-booking .booking-box-content {
    background-color: #86f7868c;
    border: 1px solid #5bd25b;
}

#warningModal .modal-body .middle-arrow span { font-size: 9vh; line-height: 3;}

.booking_box .mname {
    padding-left: 3px;
}

/*------------------------
	Invoice Render
--------------------------*/
#invoice-content {
    margin: 10px 0px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 2px;
}
#invoice-content .header {
	margin-bottom: 15px;
	margin-top: 5px;
	text-align: center;
}
#invoice-content .header h1 {
	font-size: 27px;
	margin: 10px;
}
#invoice-content .header h2 {
	font-size: 20px;
	margin: 0px;
	text-align: center;
}
#invoice-content .companydetail table td h5, #invoice-content .invoicedetail table td h5 {
    margin: 5px 0px;
}

#invoice-content .companydetail h4, #invoice-content .invoicedetail h4 {
	font-size: 16px;
    margin: 5px 0px 3px;
}

#invoice-content .purchase_order {
    margin: 8px 0px;
}

#invoice-content .purchase_order label {
    margin: 0px;
}

#invoice-content .tablecontent table {
	margin-top:10px;
}

#invoice-content .tablecontent table thead th {
	background-color: #F0F0F0;
}
#invoice-content .tablecontent table thead th,
#invoice-content .tablecontent table tbody td {
	border: 1px solid #ccc;
	font-size: 15px;
	padding: 5px;
}

#invoice-content .invoice_listing {
	margin: 3px 0px;
}
#invoice-content .input-text {
	margin: 5px 0px;
}
#invoice-content .invoice_listing .btn {
	float: right;
}

#invoice-content .notecontent {
	margin: 15px 0px;
}

#invoice-content .notecontent h4 {
	font-size: 15px;
}


/*SASSOME MMA Customisation
----------------------------*/
.member_checkin .membercheckin-container .membercheckin-maincontent .content-right .num-pad .keypad-row {
	display: block;
	float: none;
	margin: auto;
	text-align: center;
	width: 300px;
}

.member_checkin .membercheckin-container .membercheckin-maincontent .content-right .num-pad .keypad-row .num {
	height: 60px;
	padding: 2px;
	width: 100px;
}

.member_checkin .membercheckin-container .membercheckin-maincontent .content-right .num-pad .keypad-row .num .btn {
	font-weight: 600;
	height: 100%;
	line-height: 55px;
	padding: 0px;
	width: 100%;
}

.member_checkin .membercheckin-container .membercheckin-maincontent .content-right .num-pad .keypad-row .num .btn .glyphicons {
	line-height: 48px;
}

.member_checkin .membercheckin-container .membercheckin-maincontent .content-right .num-pad .keypad-row .num .btn.nodisplay {
	visibility: hidden;
}

.member_checkin .sassoma_div .page-header {
	border: 0px;
	margin: 5px 0px 8px;
	text-align: center;
}

.member_checkin .sassoma_div .membercheckin-maincontent .content-right h6 {
	font-size: 16px;
	font-weight: 600;
	margin: 5px 0px;
	text-align: center;
}

.membercheckin-maincontent .img-member .sassomma_img.img-member-sassomma {
	width: 230px;
	display: block;
	margin: auto;
}

.membercheckin-container.sassoma_div .membercheckin-maincontent .bottomstatus h3 {
	text-align: left;
	margin: 8px 0px;
	font-size: 22px;
}

.membercheckin-container.sassoma_div .membercheckin-maincontent .bottomstatus h4 {
	text-align: left;
	margin: 8px 0px;
	font-size: 18px;
}

.membercheckin-container.sassoma_div .membercheckin-maincontent .bottomstatus h5 {
	text-align: left;
	margin: 8px 0px;
	font-size: 14px;
}

.membercheckin-container.sassoma_div .memberstatus.sassomma_status h3 {
	font-weight: 600;
}

.membercheckin-container.sassoma_div .memberstatus.sassomma_status.green {
	color: green;
}

.membercheckin-container.sassoma_div .memberstatus.sassomma_status.red {
	color: red;
}

/*------------------------
	QR Code Modal
--------------------------*/
.qrcode-modal .modal-content .modal-header {
	padding: 10px;
}

.qrcode-modal .modal-content .modal-body {
	padding: 5px;
}

#qrcode_modal .modal-content .modal-body h5,
#qrcode_modal .modal-content .modal-body h4 {
	text-align: center;
}

.qrcode-modal .modal-content .modal-body .form-group {
	margin-bottom: 8px;
}

.qrcode-modal .modal-content .modal-body .other-dev .panel-group .tips-box .panel-default {
	margin: 0px;
	padding: 0px;
}

.qrcode-modal .modal-content .modal-body .other-dev .panel-group .tips-box .panel-heading {
	padding: 8px 10px;
}

.qrcode-modal .modal-content .modal-body .other-dev .panel-group .tips-box .panel-heading h4 {
	text-align: left;
}

.qrcode-modal .modal-content .modal-body .other-dev .panel-group .tips-box .panel-body ol {
    padding: 8px 20px;
}

.qrcode-modal .modal-content .modal-body .other-dev .panel-group .tips-box .panel-body li {
	font-weight: 600;
	margin-bottom: 5px;
}

.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}

/*------------------------------------------------
    XERO Export Intergration Page
-------------------------------------------------*/
.main-content.xero-export-page .page-header,
.main-content.xero-export-page .page-header h2 {
    margin: 8px 0px;
}

.main-content.xero-export-page .endbar.action-button .btn {
    margin: 20px 0px 0px;
}

.main-content.xero-export-page .panel .panel-body table {
    margin: 0px;
}

.main-content.xero-export-page .panel .panel-body .datatable.dataTable {
    width: 100% !important;
}

.main-content.xero-export-page .panel .panel-body table .dataTables_empty {
    text-align: center;
}

.main-content.xero-export-page .panel .panel-heading .panel-title a {
    cursor: pointer;
    display: block;
}

.main-content.xero-export-page .panel .panel-heading .panel-title a span {
    float: right;
}

.main-content.xero-export-page .table-content

.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}

.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}

.btn-spinner {
    margin: 0px
}

.error-table {
    background-color: #d9534f;
    color: white;
    text-align: center;
}

.warning-table {
    background-color: rgba(255, 128, 0, .86);
    color: white;
}

.select-table {
    background-color: #5cb85c;
    color: white;
}

.q_image {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

.q_bg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=);
}

/* CACI Questionare Modal */
/*-------------------------*/
#addimgmodal #existing_goals .image_grid_content {
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    height: 250px;
    margin: 10px 5px;
    overflow: hidden;
    width: 46%;
}

#addimgmodal #existing_goals .image_grid_content.q_bg,
#addimgmodal #existing_goals .image_grid_content:hover {
    -webkit-box-shadow: 0px 27px 32px -21px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 27px 32px -21px rgba(0,0,0,0.75);
    box-shadow: 0px 27px 32px -21px rgba(0,0,0,0.75);
    border: 2px solid #0e66c3a3;
}

#addimgmodal #existing_goals .image_grid_content img {
    width: auto;
}

.pac-container {
    background-color: #fff;
    position: absolute!important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial,sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.pac-item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #999;
}

.pac-icon {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size: 34px;
}

.pac-icon-marker {
    background-position: -1px -161px;
}

.pac-item-query {
    font-size: 13px;
    padding-right: 3px;
    color: #000;
}

.pac-matched {
    font-weight: 700;
}

/* Notification Popup */
.col-xs-11.col-sm-4.alert.alert-info.animated.fadeInDown [data-popup-type=notification] {
    display: inline-block;
    margin: 0px auto;
    position: fixed;
    transition: all 0.5s ease-in-out 0s;
    z-index: 1031;
    top: 10px;
    right: 10px;
    padding: 5px;
}

.col-xs-11.col-sm-4.alert.alert-info.animated.fadeInDown .glyphicon.glyphicon-bell [data-popup-type=notification] {
    float: left;
    width: 60px;
    font-size: 25px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    margin: 20px 0px;
}

.col-xs-11.col-sm-4.alert.alert-info.animated.fadeInDown [data-notify="title"][data-popup-type=notification] {
    width: 85%;
    float: right;
    margin-bottom: 3px;
}

.col-xs-11.col-sm-4.alert.alert-info.animated.fadeInDown [data-notify="message"] [data-popup-type=notification] {
    float: right;
    width: 85%;
}

.col-xs-11.col-sm-4.alert.alert-info.animated.fadeInDown [data-notify="message"] [data-popup-type=notification] p {
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 40px;
    font-size: 13px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addNewGoal { margin-bottom: 10px; }

.status-error {
    background-color: #d9534f;
    color: white;
}
.status-warning {
    background-color: rgba(255, 128, 0, .86);
    color: white;
}
.status-ok {
    background-color: #5cb85c;
}

#field-description { /* Appears beneath the dropdown boxes when editing email templates and reports */
    padding-left: 17px;
    padding-top: 5px;
}

/** Membership Report Page **/

/* editReport*/

.row-membershipreport .edit_report_modal .table tbody tr td .form-control {
    padding: 5px;
    height: 30px;
    font-size: 12px;
}
.row-membershipreport .edit_report_modal .table tbody tr td {
    vertical-align: middle;
    padding: 2px 5px;
}

.row-membershipreport .edit_report_modal {
    padding: 0px;
    margin-top: 5px;
}

.row-membershipreport .edit_report_modal .page-header {
    padding: 0px;
    margin: 0px;
}

.row-membershipreport .edit_report_modal .page-header h2 {
    margin-top: 5px;
}

.row-membershipreport .edit_report_modal .table tbody tr td.sumTotal {
    text-align: center;
}

.row-membershipreport .edit_report_modal .table tbody tr td .checkbox input[type=checkbox] {
    margin: 0px;
}

.row-membershipreport .edit_report_modal .table tbody tr td a {
    padding: 3px 5px;
}

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

.row-membershipreport #main-content-table-div.scroll {
    display: flex;
    flex-direction: column;
}

.row-membershipreport #parent_table_div.scroll {
    flex: 1 1 auto;
    position: relative;
    overflow: auto;
    width: 100%;
}

/* advanced search */

.row-membershipreport .search-bar .form-group .inputbox {
    position: absolute;
    background-color: #fff;
    z-index: 20;
    top: 34px;
    padding: 10px;
    border: 1px solid #ccc;
    width: 98%;
    -webkit-box-shadow: 1px 2px 4px 0 rgba(50, 50, 50, .24);
    -moz-box-shadow: 1px 2px 4px 0 rgba(50, 50, 50, .24);
    box-shadow: 1px 2px 4px 0 rgba(50, 50, 50, .24);
}

.row-membershipreport .search-bar .form-group .searchbar .form-control#input-search {
    border-right: 0;
}
.row-membershipreport .search-bar .form-group .searchbar #input-search {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.row-membershipreport .search-bar .form-group .searchbar .form-control {
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075);
}
.row-membershipreport .search-bar .form-group .searchbar #advanced-search {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075);
}
.row-membershipreport .search-bar #advanced-search-content {
    padding: 10px 5px;
    position: absolute;
    left: 0;
    top: 33px;
    background: #fff;
    z-index: 3;
    border: 1px solid #ccc;
}
.row-membershipreport .search-bar #advanced-search-content .form-group {
    padding: 0 5px;
    margin-bottom: 2px;
}
.row-membershipreport .search-bar #advanced-search-content .form-group .input-text {
    padding: 0;
}

.row-membershipreport .search-bar #advanced-search-content .form-group .control-label {
    padding: 0;
    margin-bottom: 0;
    font-size: 12px;
    color: #565656;
}
.row-membershipreport .search-bar #advanced-search-content .form-group .input-text .form-control {
    border-radius: 3px;
    padding: 5px;
    height: 32px;
    font-size: 14px;
}
.row-membershipreport .search-bar #advanced-search-content #fuzzNameContainer {
    padding: 5px 0 5px 9px;
    text-align: left;
    box-shadow: none;
    background-color: inherit;
    border: 1px solid #CCC;
    font-size: 14px;
}

.row-membershipreport .search-bar #advanced-search-content .fuzzArrow {
    top: 15px;
    border-width: 6px 3px 3px;
    right: 8px;
    position: absolute;
}

.row-membershipreport .search-bar #advanced-search-content .fuzzArrow.fuzzArrowUp {
    top: 15px;
    border-width: 0px 3px 6px;
    right: 8px;
    position: absolute;
}

.row-membershipreport .search-bar #advanced-search-content #fuzzResults {
    height: 400px;
    overflow: auto;
}

@media (max-width: 768px) {
    .row-membershipreport #parent_table_div.scroll {
        height: 698px;
    }
}
.row-membershipreport .search-bar {width: 50%;}
@media (max-width: 1000px) and (min-width: 900px) {
    .row-membershipreport .membershipreport-content .header .add-membership-display {padding-left: 0;text-align: center;margin-top: 2%;margin-bottom: 2%;}
}
@media (max-width: 1599px) and (min-width: 1300px)  {
    .row-membershipreport .membershipreport-content .header .add-membership-display {padding-left: 0;text-align: center;margin-top: 2%;margin-bottom: 2%;}
}
@media (min-width: 1600px) {

    .row-membershipreport .membershipreport-content .header .add-membership-display {padding-left: 0;text-align: center;margin-top: 2%;margin-bottom: 2%;}
}
@media (max-width: 767px) {
    .row-membershipreport .membershipreport-content .header .add-membership-display {padding-left: 0;text-align: center;margin-top: 2%;margin-bottom: 2%;padding-right: 0;}
    .row-membershipreport .membershipreport-content .header .add-membership-display  .btn {width: 100%; margin-bottom: 10px;}
}

.row-membershipreport .add-membership-display {padding-left: 0;text-align: center;margin-top: 2%;margin-bottom: 2%;padding-right: 0;}
.row-membershipreport .membershipreport-content .header { margin-bottom: 5px; }
.row-membershipreport .membershipreport-content .button-bar { text-align: right; }
.row-membershipreport .membershipreport-content .filter-box .page-header h4:hover { cursor: pointer; }
.row-membershipreport .membershipreport-content .filter-box { margin-bottom: 10px;  }
.row-membershipreport .membershipreport-content .filter-box .page-header { margin: 5px 0px; padding: 0px 5px;}
.row-membershipreport .membershipreport-content .filter-box .page-header h4 { margin: 0px; padding: 5px 0px; }
.row-membershipreport .membershipreport-content .filter-box .page-header h4 .glyphicon { font-size: 13px; }
.row-membershipreport .membershipreport-content .filter-box .end-bar { text-align: right; }
.row-membershipreport .membershipreport-content .filter-box .end-bar .btn { padding: 4px 8px; }
#pricing_membershipfee label {vertical-align: middle;}
#pricing_percentage label {vertical-align: middle;}
#membership_fee_divider { padding: 16px; }

.row-membershipreport .membershipreport-content .main-content table { margin: 0px 0px 20px; border: 1px solid #c2c2c2; }
.row-membershipreport .membershipreport-content .main-content .table-bordered>tbody>tr>td,
.row-membershipreport .membershipreport-content .main-content .table-bordered>tbody>tr>th,
.row-membershipreport .membershipreport-content .main-content .table-bordered>tfoot>tr>td,
.row-membershipreport .membershipreport-content .main-content .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,
.row-membershipreport .membershipreport-content .main-content .table-bordered>thead>tr>th { border: 1px solid #cacaca; }
.row-membershipreport .membershipreport-content .main-content .table.table-striped>tbody>tr:nth-of-type(odd) {
    color: #000000;
    background-color: #414141;
}
.row-membershipreport .membershipreport-content .main-content .table.table-striped>tbody>tr:nth-of-type(even) {
    color: #000000;
    background-color: #4d4d4d;
}
.row-membershipreport .membershipreport-content .main-content a {
    color: #337ab7;
    text-decoration: none;
}

.editreportmodal-content hr {
    display:none;
}

#form-label-modal-content .generic-labels-edit {
    display: flex;
}

#form-label-modal-content {
    position:relative;
    padding: 10px 5px;
    z-index: 3;
}

#form-label-modal-content .select2-dropdown {
    position:fixed;
    left: 20px;
    z-index: 10000 !important;
}
.row-membershipreport .membershipreport-content .main-content table thead th { background-color: #222d3d; color: #fff; }
.row-membershipreport .membershipreport-content .main-content table thead th .form-control { padding: 4px; }
.row-membershipreport .membershipreport-content .main-content table thead th.th-total { text-align: right; }
.row-membershipreport .membershipreport-content .main-content table tr th span.total { margin: 0px 10px; text-align:right; }
.row-membershipreport .membershipreport-content .main-content table tbody td.th-total { text-align: right; }
.row-membershipreport .membershipreport-content .main-content table tr td span.total { margin: 0px 10px; text-align:right; }
.row-membershipreport .membershipreport-content .main-content table tr th.checkbox-th { text-align:right; width: 25px; }
.row-membershipreport .membershipreport-content .main-content table tbody tr th { background-color: #267ac1; color: #fff; }
.row-membershipreport .membershipreport-content .main-content table tbody tr td { background-color: #fff; }
.row-membershipreport .membershipreport-content .main-content table tbody tr.tr-header-membership td{ background-color: #267ac1; color: #fff; }
.row-membershipreport .membershipreport-content .main-content table tr td, .row-membershipreport .membershipreport-content .main-content table tr th { padding: 5px; }
.row-membershipreport .membershipreport-content .main-content table tr .dropdown-button { text-align: center; }
/*.row-membershipreport .membershipreport-content .main-content table tr .dropdown-button .btn { padding: 1px 5px; }*/
button.tr-arrow {margin-left: 8px; padding-left:4px; padding-right: 4px; display: inline-block;font-size: 8px;font-weight: 400;/*line-height: 1.42857143;*/text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;    border: 1px solid transparent;border-radius: 4px;}
.row-membershipreport .membershipreport-content .main-content table tr .dropdown-button .btn .glyphicon { top: 3px; }
.row-membershipreport .membershipreport-content .main-content table .checkbox { margin: 0px; }
.row-membershipreport .membershipreport-content .main-content table .tr_checkbox { width: 20px; vertical-align: middle; }
.row-membershipreport .membershipreport-content .main-content table .checkbox input[type=checkbox] { margin: 0px; position: relative; }
.row-membershipreport .membershipreport-content .main-content table .text-center { text-align: center; }
.row-membershipreport .membershipreport-content .main-content table tbody td { padding: 2px 5px; vertical-align: middle; }
.row-membershipreport .membershipreport-content .main-content table tbody td .btn { padding: 4px 8px; }
.row-membershipreport .membershipreport-content .main-content table tbody td.tr-membership-field { text-align: right; }
.tr-changefee {display:block;}
.tr-changefee > input { margin-left: 10px; }
.row-membershipreport .membershipreport-content .main-content tr.tr-header-membership td:nth-of-type(1) {width: 1%;}
.row-membershipreport .membershipreport-content .main-content tr.tr-header-membership td:nth-of-type(2) {width: 20%;}
.row-membershipreport .membershipreport-content .main-content tr.tr-header-membership td:nth-of-type(3) {width:120px;}
.row-membershipreport .membershipreport-content .main-content tr.tr-header-membership td:nth-of-type(4) {width: 120px;}
.row-membershipreport .membershipreport-content .main-content tr.tr-header-membership td:nth-of-type(5) {width: 120px;}

.membership-report-label {
    margin: 4px;
}

@media(max-width:1024px) {
    .row-membershipreport .membershipreport-content .main-content table thead th.th-total { text-align:left;}
    .row-membershipreport .membershipreport-content .main-content table tr th span.total { margin: 0px 4px; }
    .row-membershipreport .membershipreport-content .main-content table tbody td.th-total { text-align:left;}
    .row-membershipreport .membershipreport-content .main-content table tr td span.total { margin: 0px 4px; }
}
.row-membershipreport .membershipreport-content .main-content table tbody.tr-member tr.checked td{
    background-color: #fffee5 !important;
    /*color: #fff;*/
}
.row-membershipreport .membershipreport-content .main-content table tbody.tr-member tr.checked td a{
    /*border-bottom: 1px solid #fff;*/
    /*color: #fff;*/
}

.tutorial-button {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 5px;
}

.tutorial-button img, .tutorial-button-flex img {
    display: block;
    margin: auto;
}

.tutorial-button-inline {
    display: inline-block;
}

.row-billing-tab .infobox {
    display: flex;
    flex-direction: row;
}

.row-billing-tab .infobox p{
    flex: 1 1 auto;
}

.row-billing-tab .infobox .tutorial-button-flex {
    flex: 0 0 auto;
}

/*Visitor Print*/
.visitorprint .visitor-details table tr td { padding: 4px; line-height: 1; border: 0px; }
.visitorprint .visitor-tables table tr td { padding: 6px; line-height: 1; }

.navbar-nav > li > .tooltip {
  width: 250px;
}

/* WORKOUT STUFF */

.panel-no-margin {
    margin-bottom:0 !important;
    margin-top:0 !important;
}
.workout-program-dropdown {
  height: 100%;
  /*border-top: 1px #c7c7c7 solid;*/
  border: 1px #c7c7c7 solid;
  border-radius: 4px;
  float: left;
  margin-top: 0;
  padding: 0;
  background-color: #FFFFFF;
}
.workout-program-dropdown .workout-dropdown-body {
  margin-top: 10px;
  margin-left: 5px;
}
.workout-program-dropdown .workout-dropdown-body h4 {
  color: #141414;
  font-size: 15px;
}

#program_container .panel-title {
    font-weight: bold;
}

.workout-program-dropdown .workout-dropdown-body p {
  color: #737373;
  font-size: 12px;
}

.workout-panel .panel-default {
    display: block;
}

.workout-panel .panel-historic .panel-heading  {
    background-color: #c1c1c1;
}

.workout-panel .panel-historic .panel-body  {
    background-color: #efefef;
}

.historic-dropdown-option {
    background-color: #e7e7e7;
}

.nofloat {
    float:none;
}

.set-box  {
    display: inline-block !important;
}

.expand_caret {
    transform: scale(1.6);
    margin-left: 8px;
    margin-top: -4px;
}

.workout-title {
    background-color: #E6E6EB !important;
}

.superset{
   margin-bottom: 0px !important;
}

a[aria-expanded='false'] > .expand_caret {
    transform: scale(1.6) rotate(-90deg);
}

/* Pretty Check Boxes */
.checkbox-toggle span.glyphicon {
    opacity: 0;
}
.checkbox-toggle.active span.glyphicon {
    opacity: 1;
}

.btn.btn-danger.disabled {
    background-color: #fff;
    border-color: #DF9693;
    color: #DF9693;
}

#library_results {
    max-height: 270px;
    overflow: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
}

/* END WORKOUTS */

/*
  Hack to fix incorrect usage of Bootstrap grid throughout pages

  Please don't delete these! They are being used on lots of pages and necessary for making css
  transition from bootstrap to tailwind. - lol
*/

/*
  below, this is using the .page-container class to remove some dodgy
  overrides. anything that is a child of the .page-container class (only be on
  new/rewritten pages) should have clean bootstrap styling, hence the following
*/

.page-container .btn-breadcrumb {
    margin-bottom: 0;
  }

/* .checkbox labels have some weird styling applied that needs fixing */
.page-container .checkbox > label {
  padding-left: 20px;
}

.page-container input[type=file] {
  padding: 0;
}

.page-container .box-setting {
  background-color: rgba(155, 155, 155, .06);
  border-radius: 5px;
  padding: 30px;
  margin-bottom: 15px;
  border: 1px solid rgba(131, 131, 131, .08)
}

#integrapay_paymentmethods .multiplecards {
    margin: 0px 0px 10px;
    height: 180px;
    -webkit-box-shadow: 1px 3px 8px -5px rgba(199,199,199,1);
    -moz-box-shadow: 1px 3px 8px -5px rgba(199,199,199,1);
    box-shadow: 1px 3px 8px -5px rgba(199,199,199,1);
}

#integrapay_paymentmethods .multiplecards .row {
    padding: 10px;
    position: relative;
}

#integrapay_paymentmethods .multiplecards .row .payment_logo {
    height: 70px;
}

#integrapay_paymentmethods .multiplecards .row .payment_logo span {
    font-size: 55px;
}
#integrapay_paymentmethods .multiplecards .row .payment_logo img {
    width: 130px;
}

#integrapay_paymentmethods .multiplecards .row .payment_details {
    margin-bottom: 10px;
}

#integrapay_paymentmethods .multiplecards .row .payment_details .card-expiry {
    text-align: right;
}
#integrapay_paymentmethods .multiplecards .row .payment_details p {
    margin-bottom: 5px;
}
#integrapay_paymentmethods .multiplecards .row .action-button {
    right: 0px;
    position: absolute;
}

#integrapay_paymentmethods .multiplecards .row .action-button .btn-circle {
    width: 30px;
    height: 30px;
    padding: 3px 0;
    font-size: 17px;
}

#integrapay_paymentmethods .multiplecards .row .action-button .delete-button {
    height: 30px;
    padding: 7px;
    width: 30px;
}

#integrapay_paymentmethods .multiplecards .row .action-button .delete-button span {
    font-size: 17px;
    color: #d9534f;
}

.page-container .btn-breadcrumb {
  margin-bottom: 0;
}

/* Brendons shared membership wizard */
.wizard {
    margin: 20px auto;
    background: #fff;
    border: 1px solid #ccc;
}

.wizard .nav-tabs {
    position: relative;
    margin: 40px auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
}

.wizard > div.wizard-inner {
    position: relative;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;

}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.wizard .nav-tabs > li a:hover {
    background: transparent;
}

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
    border: 0;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.multiple-method-container .multiplecards .row {
    padding: 10px;
    position: relative;
}

.multiple-method-container .multiplecards .row .payment_logo {
    height: 70px;
}

.multiple-method-container .multiplecards .row .payment_logo span {
    font-size: 55px;
}
.multiple-method-container .multiplecards .row .payment_logo img {
    width: 130px;
}

.multiple-method-container .multiplecards .row .payment_details {
    margin-bottom: 10px;
}

.multiple-method-container .multiplecards .row .payment_details .card-expiry {
    text-align: right;
}
.multiple-method-container .multiplecards .row .payment_details p {
    margin-bottom: 5px;
}
.multiple-method-container .multiplecards .row .action-button {
    right: 0px;
    position: absolute;
}

.multiple-method-container .multiplecards .row .action-button .btn-circle {
    width: 30px;
    height: 30px;
    padding: 3px 0;
    font-size: 17px;
}

.multiple-method-container .multiplecards .row .action-button .delete-button {
    height: 30px;
    padding: 7px;
    width: 30px;
}

.multiple-method-container .multiplecards .row .action-button .delete-button span {
    font-size: 17px;
    color: #d9534f;
}

/*From online to make upload buttons nice*/

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}


.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    width: 100%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

.inputfile-1 + label {
    color: #f1e5e6;
    background-color: #d3394c;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #722040;
}

.table-no-gap div div div div table {
    margin-bottom: 0px;
}

.table-no-gap div div div table {
    margin-bottom: 0px;
}

/* Datatables Pagination */
.dataTables_paginate .paginate_button.current {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.dataTables_paginate .paginate_button.previous {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.dataTables_paginate .paginate_button.next {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.dataTables_paginate .paginate_button, .dataTables_paginate .ellipsis {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857143;
    margin-left: -1px;
    margin-left: 0;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

#exercise_container_paginate { float: right; }
.listing_footer { margin: 20px 0px; }
.member-labels { text-align: left; }
.member-label{
    display: inline-block;
    border-radius: 8px;
    padding-left: 6px;
    padding-top:1px;
    padding-bottom:1px;
    padding-right:6px;
    font-weight: 400;
    border: 1px solid;

    -webkit-box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25);
    -moz-box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25);
    box-shadow: 2px 1px 2px 0 rgba(47, 42, 59, .25);
    cursor: default;
}

.member-labels .add-member-label-button{
    background-color: #000000 ;
    color: white;
}

.member-labels .member-label-edit,
.member-labels .member-label-delete {
    top: 0px;
    cursor: pointer;
}

.member-labels .chosen-container .search-choice { display: none; }

.member-labels .recolour-white .member-label-edit,
.member-labels .recolour-white .member-label-delete {
    filter:brightness(10);
}

.member-labels .recolour-white .member-label-edit:hover ,
.member-labels .recolour-white .member-label-delete:hover {
    filter:brightness(4);
}

.member-labels .recolour-black .member-label-edit,
.member-labels .recolour-black .member-label-delete {
    filter:brightness(0);
}

.member-labels .recolour-black .member-label-edit:hover,
.member-labels .recolour-black .member-label-delete:hover {
    filter:brightness(1.8);
}

.member-labels .select2-selection__rendered{
    padding-bottom: 2px;
}

.member-labels select[multiple]{
    height:36px;
}

.member-labels .select2-selection__choice{
    visibility: hidden;
    margin: 0;
    margin-top: 3px !important;
    margin-right: 2px !important;
    padding: 0 !important;
    padding-left: 0;
    padding-right: 0;
}

.member-labels .select2-selection__choice__remove{
    visibility: hidden;
    margin: 0 !important;
    padding: 0;
    width: 0;
    height: 0;
}

.member-labels .select2-container--default.select2-container .select2-selection--multiple{
    border-color: #ccc;
}

.member-labels .select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.member-labels .select2-container{
    width: 100% !important;
}

.member-labels .select2-selection__choice .member-label{
    visibility: visible;
}

.select2-results li[id] .member-label-create-text{
    display:none !important
}

#advanced-search-content .member-labels .select2-selection {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.member-labels .select2-search--inline{
    margin-left: 2px;
}

.member-labels .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding-left: 3px;
}

.member-labels .select2-selection--multiple{
    height:auto;
}

.select2-results__option{
    padding: 0;
}

.row-find-member .row-find-member-content .search-bar .form-group .find-member-filter #label-filter .filter-closer{
    margin-left: 3px;
}

.label-selection-submit-button{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0 !important;
}

#advanced-search-content .member-labels-edit{
    display: flex;
}

.member-labels .select2-container .select2-selection{
    min-height: 36px;
}

.sample-label-display .member-label{
    transform:scale(2,2);
    transform-origin: center;
    margin: 20px;
}

.label-colour-editor .sp-container{
    background-color: #ffffff;
    border: none;
}

.label-colour-editor .sp-palette-container{
    border-right: none;
}

.new-label-glow{
    -webkit-box-shadow: 0px 0px 2px 1px rgb(56, 255, 0);
    -moz-box-shadow: 0px 0px 2px 1px rgb(56, 255, 0);
    box-shadow: 0px 0px 2px 1px rgb(56, 255, 0);
}

.add-membership-validation {
    padding-top:10px;
    text-align:left
}

.label-colour-editor .sp-container{
    z-index: 99;
}

.select2-dropdown{
    z-index: 99 !important;
}

.select2-results__option{
    padding: 3px !important;
}

.select2-results__option--highlighted[aria-selected]{
    background-color: #b8d3ff !important;
    color: black !important;
}

#label-editor  .sp-input{
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.app_download{
    margin: 10px;
}

.app_download img{
    height: 60px;
}

#div2fa .hr{
    color: black;
}


#help_button_2fa{
    cursor: pointer;
}

.google_authenticator{
    height: 160px;
}

.box__uploading,
.box__file {
    display: none !important;
}

.upload-box-form.is-uploading .box__input {
    visibility: none;
}

.upload-box-form.is-uploading .box__uploading {
    display: block;
}

.box__label {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.upload-box-form {
  background-color: white;
  outline: 2px dashed black;
  position: relative;
}

.upload-box-div .upload-box-form {
    height: 10em;
}

.communication-setting-title {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

@media (min-width : 480px) {
    .callcelllink {
        display: none!important
    }
}

#oneoff-payment-modal .modal-body {
max-height: 800px;
}

/*
====================================
    DEPRECATED SECTION openhours
====================================
*/

.row-setting.row-openhours .row-openhours-content .form-group.list .control-label {
    top: 7px
}

.row-setting.row-openhours {
    padding-left: 3%
}

.row-openhours .calendar .timeTitle #timeLabel {
    border-bottom: 0
}

.row-openhours .calendar .timeTitle th {
    border-left: 1px solid #ccc
}

.row-openhours .calendar td,
.row-openhours .calendar th {
    background-color: #FBFBFB
}

.row-openhours .timeTitle th.roster {
    border-bottom: 1px solid #fbfbfb;
    border-top: 0 solid #fbfbfb;
    border-right: 1px solid #ccc
}

.row-openhours .timeTitle th.empty {
    border-top: 1px solid #fbfbfb;
    border-right: 1px solid #ccc
}

.row-openhours .calendar .timeTable td {
    padding: 8px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.row-openhours .calendar .timeTable td.empty {
    border: 1px;
    background-color: #F3F3F9
}

.row-openhours .calendar .tableHeadingContent th.btn-row,
.row-openhours .calendar .xscroll td.btn-row {
    border-left: 0px;
    border-right: 0px;
    width: 50px;
}

.row-openhours .calendar .xscroll td.btn-row a {
    margin: 0px 2px;
    padding: 3px 10px;
}

.row-openhours .calendar .xscroll td {
    padding: 1px
}

.row-openhours .calendar .xscroll td.empty {
    padding: 8px;
    background-color: #F3F3F9;
    border-right: 1px solid #F3F3F9
}

.row-openhours .calendar .timeTable td.addLine {
    border-bottom: 1px solid #ccc;
    background-color: #FbFbFb;
    border-radius: 5px;
    border-right: 1px none
}

.row-openhours .calendar .xscroll td.addLine {
    padding: 5px;
    background-color: #FbFbFb;
    border-right: 1px solid #ccc;
    border-radius: 5px
}

.row-openhours .calendar .xscroll td.addLine a {
    padding: 2px 10px
}

.row-openhours .calendar .xscroll td .form-control {
    border-radius: 1px
}

.row-openhours .calendar th {
    border-bottom: 1px solid #ccc;
    padding: 5px;
    text-align: center;
    color: #848484;
    width: 100px
}

.row-openhours .calendar .tableHeadingContent th {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.row-openhours .calendar .timeTable {
    color: #848484;
    overflow: hidden;
    height: 800px
}

.row-openhours .calendar td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    width: 100px
}

.row-openhours .calendar .tableContent td a {
    padding: 2px;
    margin: 0
}

.row-openhours .calendar .tableContent td:hover {
    cursor: pointer
}

.row-openhours .calendar td.even {
    border-bottom: 1px dotted #ccc;
    border-right: 1px solid #ccc;
    text-align: center
}

.row-openhours .calendar {
    padding-right: 0!important
}

.row-openhours .calendar .xscroll {
    overflow: auto
}

.row-openhours .calendar .fixedTime td,
.row-openhours .calendar .fixedTime th {
    width: 100px
}

.row-openhours .calendar #timeLabel,
.row-openhours .calendar .th-nadme {
    height: 20px!important
}

@media (max-width:767px) {
    .row-setting.row-openhours {
        padding-left: 0!important
    }
}

@media (min-width:1200px) and (max-width:1299px) {
    .row-setting.row-openhours {
        padding-left: 5%!important
    }
}

@media (min-width:1300px) and (max-width:1599px) {
    .row-setting.row-openhours {
        padding-left: 5%!important
    }
}

.remove-batch-btn {
    margin-left: 3px;
}

#shipping-div {
    padding-top: 10px;
}

#transfer-item-page #note-history .transfer-note {
    padding: 8px 0px;
    border-bottom: 1px solid #ddd;
}

#transfer-item-page #note-history .transfer-note .transfer-note-content {
    margin-top: 2px;
    white-space: pre-line;
}

.emergencydob {
    background-color: #D2D2D2;
    border-color: #B6B6B6;
    color: #000;
}

#attachmentlist_display p, #attachmentlist_display .file {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#table_emailall_wrapper #table_emailall_filter label {
    margin-left: 0px;
}

@media only screen and (max-width: 767px) {
    .email-txtarea-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    #table_emailall_wrapper #table_emailall_filter label input {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .sms-txtarea-container {
        padding-left: 7px;
    }

    .email-txtarea-container {
        padding-left: 10px;
        padding-right: 15px;
    }

    #email-endbar {
        float: right;
    }
}

/*---------------------------------------------
    Interns Summer 2020 - Jinja Support CSS
---------------------------------------------*/
/* -CONNOR(is lame)- i approve this msg :)*/
.tilltake-club1 {
    border: none;
    text-align: center;
}

.tilltake-club2 {
    border: none;
    text-align: center;
    padding-right: 20px;
}

.submit-button-end {
    float: right;
}

.submit-button-navbar {
    margin-left: 5px;
}

.subtext {
    font-size: 13px;
    font-style: italic;
    padding: 0 0 10px 15px;
}

.jinja-margin-left {
    margin-left: 15px;
}

#jinja-margin-left {
    margin-left: 15px;
}

.jinja-margin-left-datepicker {
    margin-left: 14px;
}

.jinja-margin-left-large {
    margin-left: 30px;
}

.jinja-margin-right {
    margin-right: 15px;
}

.jinja-margin-right-large {
    margin-right: 30px;
}

.debt-jinja-padding {
    padding-left: 45px;
    padding-right: 45px;
}

.button-bottom-margin {
    margin-bottom: 4px;
}

@media(min-width: 992px) {
    .tilltake-datepicker {
        margin-left: 5.2%;
        padding-right: 4.2%;
    }

    #report-datepicker {
        padding-left: 0.4%;
        padding-right: 4.8%;
    }
}

@media(min-width: 767px) and (max-width: 992px) {
    .tilltake-datepicker {
        margin-left: 4%;
        padding-right: 12%;
    }

    #report-datepicker {
        padding-left: 2%;
        padding-right: 6.8%;
    }
}

@media(max-width: 767px) {
    .tilltake-datepicker {
        margin-left: 2.5%;
        padding-right: 7.1%;
    }

    #report-datepicker {
        padding-left: 2%;
        padding-right: 6.8%;
    }
}

@media(max-width: 1296px) {
    .account-edit-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .account-edit-padding2 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .account-no-left-padding {
        padding-left: 0px;
    }

    .account-left-margin {
        margin-left: 15px;
    }
}

@media(min-width: 1296px) {
    .account-edit-padding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .account-edit-padding2 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .account-no-left-padding {
        padding-left: 15px;
    }

    .account-left-margin {
        margin-left: 0px;
    }
}
.attendance-bottom-margin {
    margin-bottom: 10px;
}
.attendance-table-margin {
    margin-top: 10px;
    margin-bottom: 10px;
}
.attendance-div-bottom-margin {
    margin-bottom: 5px;
}
.attendance-no-timesheet-margin {
    margin-top: 100px;
    margin-bottom: 100px;
}
.attendance-margin-top {
    margin-top: 10px;
}

.formated-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.task-button-margin {
    margin-bottom: 10px;
}

.task-div-margin {
    width: 50%;
}

.task-left-padding {
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.task-input-margin {
    margin-bottom: 20px;
}

.template-search-margin {
    float: right;
    margin-top: 50px;
}

#edit-button-template {
    width: 35%;
}

.j-task-action-buttons {
    width: 140px;
}

.j-task-email-buttons {
    margin-right: 3px;
}

.measurement-margin {
    margin-left: 3px;
}

.custom-field-margin {
    margin-bottom: 20px;
}

.custom-field-width {
    width: 335px;
}

#visit-no-padding {
    padding: 0px;
}

#linked-member-width {
    width: 80%;
}

.measurement-padding-right {
    padding-right: 15px;
}

.section-buttons {
    margin-right: 5px;
    margin-bottom: 20px;
}

.membership-endbar {
    padding-right: 28px;
}

.membership-padding-bottom {
    padding-bottom: 30px;
}

.h3-replicate-margin {
    margin-top: 20px;
}

.csv-p-padding {
    padding-left: 30px;
}

@media(max-width: 767px) {
    .task-button-margin {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 100%;
    }

    .task-div-margin {
        width: 100%;
    }

    #edit-button-template {
        width: 35%;
        margin-top: 10px
    }

    .measurment-btn-div {
        width:100%
    }

    #measurment-btn-div {
        width:100%
    }

}

@media(max-width: 968px) {
    .template-search-margin {
        margin-top: 30px;
    }
 }

.product-margin-top {
    margin-top: 10px;
}

.product-margin-bottom {
    margin-bottom: 10px;
}

.member-float-right {
    float: right;
}
/* -AZEEZA- */

#edit_sets .modal-body .form-group .form-control {
    padding: 5px 12px;
}

.booking2 #tableMain,
.booking2 #headingTable,
.booking2 #schedule_times,
.booking2 #schedule_times_fixed {
    border-collapse: separate;
}


/* Booking box new schedule pls dont remove */

.booking2 .ui-widget-content {
    border: initial !important;
}


/*
.booking_box {
    box-sizing: content-box;
}
*/
.booking_box .mnumber {
    padding-left: 2px;
}

.posbox .fa-diamond {
    padding-right: 2px;
}

/*
====================================
    DEPRECATED SECTION openhours
====================================
*/


.daliy-booking-row {
    cursor: pointer;
}