@charset "UTF-8";
@import url(icomoon.css);
@import url(widgets.cols.css);

.mb-spirit-modal-content * {
	color: #000;
}
.mb-spirit-modal-content a:link, .mb-spirit-modal-content a:hover, .mb-spirit-modal-content a:active, .mb-spirit-modal-content a:visited {
	color: #000;
}

.mb-spirit-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 200000;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.mb-spirit-modal-open {
	overflow: hidden;
}
.mb-spirit-modal-open .mb-spirit-modal {
	overflow-x: hidden;
	overflow-y: scroll;
}

.mb-spirit-modal-dialog {
	background-color: #fff;
	position: relative;
	width: auto;
	box-sizing: border-box;
 	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.mb-spirit-modal-dialog > * {
	box-sizing: border-box;
}
.mb-spirit-modal-dialog > div {
	padding: 15px;
}
.mb-spirit-modal-dialog {
	width: 95%;
	max-width: 900px;
	margin: 60px auto;
}
.mb-spirit-modal-dialog {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.mb-spirit-modal-dialog .mb-spirit-modal-header {
	border-bottom: 1px solid #eee;
	margin: 10px auto;
}
.mb-spirit-modal-dialog .mb-spirit-modal-footer {
	box-sizing: border-box;
	margin: 10px auto;
	border-top: 1px solid #eee;
	text-align: right;
}
@media screen and (min-height: 900px) {
	.mb-spirit-modal-dialog .mb-spirit-modal-body {
		max-height: 600px;
		overflow-y: auto;
		overflow-x: hidden;
	}
}
.mb-spirit-modal-content > div:after {
	display: block;
	content: " ";
	clear: both;
	height: 0;
}
.mb-spirit-fade .mb-spirit-modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
.mb-spirit-modal.in .mb-spirit-modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

.mb-spirit-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    background-color: #000;
}
.mb-spirit-modal-backdrop.mb-spirit-fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.mb-spirit-fade.in {
    opacity: 1;
}
.mb-spirit-modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.mb-spirit-modal-dialog .mb-spirit-modal-body .table {
	width: 100%;
}
.mb-spirit-modal-dialog .mb-spirit-modal-body .table > tbody > tr > td {
	border-top: 1px solid #eee;
	padding: 3px;
}

.mb-spirit-fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.mb-spirit-btn, .mb-spirit-modal-dialog form button {
	padding: 5px 10px;
	margin: 5px 0;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #eee;
	color: #000;
	display: inline-block;
	text-decoration: none;
}
.mb-spirit-modal-header .mb-spirit-close {
	background: none;
	font-size: 130%;
	margin-top: -1em;
	float: right;
	border: none;
	cursor: pointer;
}
.mb-spirit-modal-header .mb-spirit-close, .mb-spirit-modal-header .mb-spirit-close:hover {
	color: #333;
}
.mb-spirit-modal-footer .mb-spirit-close {
	float: right;
	font-size: 130%;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
}

a.mb-spirit-btn:link, a.mb-spirit-btn:hover, a.mb-spirit-btn:active, a.mb-spirit-btn:visited {
	background-color: #f2f2f2;
	color: #000;
	text-decoration: none;
}

.mb-spirit-modal-dialog form input, .mb-spirit-modal-dialog form select, .mb-spirit-modal-dialog form button {
	display: inline-block;
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
	font-size: 100%;
	line-height: 110%;
	border-radius: 3px;
	border: 1px solid #ccc;
	background: #e2e2e2;
	color: #000;
}
.mb-spirit-modal-dialog form input, .mb-spirit-modal-dialog form select {
	background: #f2f2f2;
}
.mb-spirit-modal-dialog form .mbs-label, .mb-spirit-modal-dialog form .field {
	float: left;
	display: block;
	box-sizing: border-box;
	width: 30%;
	padding: 5px 5px;
	color: #000;
}
.mb-spirit-modal-dialog form .field {
	width: 70%;
}
.mb-spirit-modal-dialog form .field-set:after {
	display: block;
	content: ' ';
	height: 1em;
	clear: left;
}

DIV[data-mb-spirit] {
	clear: both;
	padding-bottom: 40px;
	position: relative;
}
DIV[data-mb-spirit] .mb-spirit-love {
	transition: all 0.5s ease;
	content: " ";
	clear: both;
	display: block;
	width: 228px;height: 30px;
	position: absolute;
	bottom: 0px;right: 0px;
	padding-bottom: 0px;
	background: url(../../mbspirit/assets/mindbody-plus-mb-spirit-love.png) no-repeat bottom right;
	background-size: 228px 30px;
	opacity: .5;
}
DIV[data-mb-spirit]:hover .mb-spirit-love {
	opacity: 1;
}
DIV[data-mb-spirit] .mb-spirit-love a {
	display: inline-block;
	width: 114px;
	height: 30px;
}
DIV[data-mb-spirit] table {
	width: 100%;
}
DIV[data-mb-spirit] .table .register:empty, DIV[data-mb-spirit] .table .book:empty {
	height: 30px;
}
DIV[data-mb-spirit] .table tr.cancelled {
	text-decoration: line-through;
}
DIV[data-mb-spirit]:before,[mb-spirit-modal]:before {
	transition: all 0.25s ease;
	content: " ";
	display: block;
	width: 80px;height: 80px;
	position: absolute;
	z-index: 9999999999;
	transform: scale(.25);
	top: 0px;left: 50%;
	margin-top: 0px;margin-left: -40px;
	background: url(../../mbspirit/assets/loader-240.gif) no-repeat center center;
	background-size: 80px 80px;
	opacity: 0;
}

div[data-mb-spirit]:after, div[data-mb-spirit] .mb-spirit > div:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}


DIV[data-mb-spirit].showloader:before,[mb-spirit-modal].showloader:before {
	transform: scale(1);
	top: 80px;
	opacity: 1;
}
DIV[data-mb-spirit].showloader,[mb-spirit-modal].showloader {
	min-height: 180px;
}

div[data-mb-spirit] DIV.split-input select {
	width:65%;
	width: calc(100% - 75px);
	float: left;
}
div[data-mb-spirit] DIV.split-input button {
	width:34%;
	width: calc(70px);
	line-height: 2em;
	float: left;
}
.split-input:after {
	display: block;
	content: ' ';
	height: 1em;
	clear: both;
}

DIV[data-mb-spirit] .fade-effect {
	transition: opacity 0.25s ease;
	opacity: 1;
}
DIV[data-mb-spirit] .fade-effect-slow {
	transition: opacity 0.5s ease;
	opacity: 1;
}
DIV[data-mb-spirit] .fade-effect.out, DIV[data-mb-spirit] .fade-effect-slow.out {
	opacity: 0;
}

.mb-spirit > div .item-title {
	font-size: 140%;
	font-weight: bold;
}
.mb-spirit > div[class*="col-sm-"] .item-title,
	.mb-spirit > div[class*="col-md-"] .item-title {
	min-height: 3em;
}
.mb-spirit > div .item-title > a {
	text-decoration: none;
}
.mb-spirit > div {
		padding: 5px;
}

.mb-spirit-modal-body .framed-details {
	background-color: #f2f2f2;
	border-radius: 6px;
	padding: 6px;
	width: 100%;
	margin-bottom: 1em;
	box-sizing: border-box;
}
.mb-spirit-modal-body .framed-details.event {
	width: 100%;
}
.img-right.event-img {
	float: none;
	width: 90%;
	max-width: 250px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.inline-image, .inline-image.img-right {
	display: block;
	margin-right: auto;
	margin-left: auto;
	float: none;
	width: 100%;
	max-width: 200px;
}
.mb-spirit-modal-body .framed-details.has-image {
	width: calc(100% - 200px);
}
.mb-spirit-modal-body .clear-right, .mb-spirit-single-wrap .clear-right {
	clear: right;
}

@media screen and (min-width: 640px) {
	.inline-image.img-right {
		float: right;
		padding: 0px 0px 5px 5px;
		width: 90%;
		max-width: 200px;
	}
	.mb-spirit-body .framed-details.event {
		width: 65%;
		width: calc(100% - 200px);
	}
	.mb-spirit-body .img-right.event-img {
		float: right;
		width: 34.25%;
		width: calc(190px);
	}
}
@media screen and (min-width: 768px) {
	.mb-spirit-body .framed-details.event {
		width: 75%;
		width: calc(100% - 250px);
	}
	.mb-spirit-body .img-right.event-img {
		width: 24.25%;
		width: calc(240px);
	}
}
.mb-spirit-body .desc img {
	width: auto;
	max-width: 90%;
}

.mb-spirit-body .image-gallery > div {
	margin-top: 1em;
}

.mmb-class-item.cancelled td {
	text-decoration: line-through;
}
.mmb-class-item.substitute:not(.cancelled) td.staff {
	cursor: help;
}
.mmb-class-item.substitute:not(.cancelled) td.staff:after {
	content: attr(data-reg-staff);
	display: block;
}

.mb-class-item td[title] {
	cursor: help;
}


.row.image-gallery > div {
	margin-bottom: .75em;
}
.row.image-gallery > .gc-hidden {
	display: none;
}

.mb-spirit-add-staff {
	display: inline;
}



/*
Calendar styles
*/
DIV[data-mb-spirit] div.mb-spirit-calendar {
	background-color: rgba(0,0,0,.05);
}
DIV[data-theme="light"] div.mb-spirit-calendar {
	background-color: rgba(255,255,255,.1);
}
DIV[data-mb-spirit] div.mb-spirit-calendar div.days {
	margin-left: 0.4%;
}
DIV[data-mb-spirit] div.mb-spirit-calendar div.days > span {
	float: left;
	box-sizing: border-box;
	width: 13.88571428571429%;
	display: block;
	text-align: center;
	font-weight: bold;
	margin-right: 0.4%;
	margin-bottom: 0.4%;
	background-color: rgba(0,0,0,.2);
	border-radius: 1px;
	padding: 5px 5px 5px 5px;
}
DIV[data-theme="light"] div.mb-spirit-calendar div.days > span {
	background-color: rgba(255,255,255,.1);
}
DIV[data-mb-spirit] div.mb-spirit-calendar > ol {
	counter-reset: cal-day;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 0.4%;
}
DIV[data-mb-spirit] ol[data-offset="1"] li:first-child {
	margin-left: 14.28571428571429%;
}
DIV[data-mb-spirit] ol[data-offset="2"] li:first-child {
	margin-left: 28.57142857142857%;
}
DIV[data-mb-spirit] ol[data-offset="3"] li:first-child {
	margin-left: 42.85714285714286%;
}
DIV[data-mb-spirit] ol[data-offset="4"] li:first-child {
	margin-left: 57.14285714285714%;
}
DIV[data-mb-spirit] ol[data-offset="5"] li:first-child {
	margin-left: 71.42857142857143%;
}
DIV[data-mb-spirit] ol[data-offset="6"] li:first-child {
	margin-left: 85.71428571428571%;
}
DIV[data-mb-spirit] div.mb-spirit-calendar li.break {
	clear: left;
}
DIV[data-mb-spirit] div.mb-spirit-calendar li {
	list-style: none;
	float: left;
	box-sizing: border-box;
	width: 13.88571428571429%;
	height: 8em;
	overflow-y: auto;
	overflow-x: hidden;
	margin-right: 0.4%;
	margin-bottom: 0.4%;
	background-color: rgba(0,0,0,.2);
	border-radius: 1px;
	padding: 2em 5px 5px 5px;
	position: relative;
	transition: all ease-out 1s;
	-webkit-transition: all ease-out 1s;
}
DIV[data-theme="light"] div.mb-spirit-calendar li {
	background-color: rgba(255,255,255,.2);
}
DIV[data-mb-spirit] div.mb-spirit-calendar li:hover {
	background-color: rgba(0,0,0,.05);
	transition: all ease-out 1s;
	-webkit-transition: all ease-out 1s;
}
DIV[data-theme="light"] div.mb-spirit-calendar li:hover {
	background-color: rgba(255,255,255,.05);
}
DIV[data-mb-spirit] div.mb-spirit-calendar li:before {
	counter-increment: cal-day;
	content: counters(cal-day,".") " ";
	position: absolute;
	top: 3px; right: 3px;
	font-size: 130%;
	line-height: 100%;
}
DIV[data-mb-spirit] div.mb-spirit-calendar:after {
	display: block;
	content: " ";
	clear: both;
}
DIV[data-mb-spirit] div.mb-spirit-calendar li > a.mb-spirit-link {
	display: block;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	padding: 2px 6px;
	text-overflow: ellipsis;
	border-radius: 3px;
	background-color: rgba(255,255,255,.5);
	transition: all ease-out .2s;
	-webkit-transition: all ease-out .2s;
	color: #000;
	text-decoration: none;
}
DIV[data-mb-spirit] div.mb-spirit-calendar li > a.mb-spirit-link:hover {
	background-color: rgba(255,255,255,.9);
	transition: all ease-out .5s;
	-webkit-transition: all ease-out .5s;
	color: #000;
	text-decoration: none;
}
a.mb-spirit-goback {
	display: block;
	text-decoration: none;
	text-align: right;
	padding: 5px 2px;
}

DIV[data-mb-spirit] div.mb-spirit-monthnav, DIV[data-mb-spirit] div.mb-spirit-monthnav.col-md-12 {
	width: 100%;
	max-width: 450px;
	margin: auto;
	text-align: center;
	font-size: 130%;
	line-height: 120%;
	margin-bottom: 1em;
}
div.mb-spirit-monthnav:after, div.mb-spirit-navigator:after {
	content:" ";
	display: block;
	height: 0;
	clear: left;
}
div.mb-spirit-monthnav > *, div.mb-spirit-navigator > * {
	float: left;
	box-sizing: border-box;
	display: inline-block;
}
div.mb-spirit-monthnav > *:first-child, div.mb-spirit-navigator > *:first-child {
	border-radius: 4px 0 0 4px;
}
div.mb-spirit-monthnav > *:last-child, div.mb-spirit-navigator > *:last-child {
	border-radius: 0 4px 4px 0;
}
div.mb-spirit-monthnav > span, div.mb-spirit-navigator > input[type="text"] {
	width: 60%;
	max-width: 350px;
	border-radius: 0px;
	height: 1.8em;
}
div.mb-spirit-monthnav > button, div.mb-spirit-navigator > button {
	width: 20%;
	max-width: 100px;
	font-size: 130%;
	padding: 0px;
}
button[mb-spirit-nav]:before {
	display: none !important;
}
/*
[mb-spirit-nav="backmonth"]:before, [mb-spirit-nav="back"]:before {
	content: "«";
}
[mb-spirit-nav="nextmonth"]:before, [mb-spirit-nav="next"]:before {
	content: "»";
}
*/
.mbs-hidden {
	position: absolute;
	left: -1000000px;
}
.mbs-invisible {
	visibility: hidden;
}

.mb-spirit-user {
	text-align: right;
}
DIV[data-mb-spirit] .mb-spirit-btn.registered {
	background-color: #333;
	color: #fff;
}
DIV[data-mb-spirit]  .mb-spirit-btn.registering:before {
	content: " ";
	display: inline-block;
	width: 20px;height: 20px;padding-right: 5px;
	vertical-align: top;
	background: url(../../mbspirit/assets/loader-80.gif) no-repeat center center;
	background-size: 20px 20px;
}


.table-responsive {
	overflow-x: auto;
}