* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

img {
  max-width: 100%; }

#map_canvas * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

#map_canvas img {
  max-width: none; }

/* COLOURS */
/* BASE CSS */
body, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], select, textarea, .button, h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif; }

body {
  background: #fff;
  color: #2a2a2c; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #2a2a2c; }

a {
  text-decoration: none;
  color: #e2193e;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }
  a:visited {
    color: #e2193e; }
  a:hover, a:focus {
    color: #60585a; }

textarea {
  resize: vertical; }

table {
  border-collapse: collapse;
  width: 100%; }
  table thead tr td, table thead tr th {
    padding: 10px 10px;
    color: #2a2a2c; }
  table tbody tr td, table tbody tr th {
    vertical-align: top;
    padding: 7px 10px;
    color: #2a2a2c; }
  table .vmid {
    vertical-align: middle; }
  table .tablebtn-col {
    text-align: right;
    white-space: nowrap;
    width: 1px; }
  table.innertable {
    background: transparent;
    border: 0; }
    table.innertable tbody tr:nth-child(even) {
      background-color: transparent; }
    table.innertable tr:first-child td {
      padding-top: 0; }
    table.innertable tr:last-child td {
      padding-bottom: 0; }
    table.innertable td:first-child {
      padding-left: 0; }
    table.innertable td:last-child {
      padding-right: 0; }
  table .button {
    padding: 10px 15px; }

/* GENERAL CLASSES */
.container {
  margin: 0 auto;
  width: 100%;
  clear: both;
  padding: 0 40px; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

.last {
  margin-right: 0 !important; }

.left {
  float: left; }

.right {
  float: right; }

.align-right {
  text-align: right; }

.align-center {
  text-align: center; }

.imgLeft {
  float: left;
  margin: 0 15px 15px 0; }

.imgRight {
  float: right;
  margin: 0 0 15px 15px; }

.imgCenter {
  margin-left: auto;
  margin-right: auto;
  display: block; }

.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.hidden {
  display: none; }

.replace {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.nav {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.nowrap {
  white-space: nowrap; }

.clearboth {
  clear: both; }

.trunc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.columns-twin, .columns-triple, .columns-quad {
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px; }

.columns-twin {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-width: 50%;
  -moz-column-width: 50%;
  column-width: 50%; }

.columns-triple {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-width: 33.33%;
  -moz-column-width: 33.33%;
  column-width: 33.33%; }

.columns-quad {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-width: 25%;
  -moz-column-width: 25%;
  column-width: 25%; }

.form-row {
  margin-bottom: 10px; }
  .form-row {
    *zoom: 1; }
  .form-row:before, .form-row:after {
    content: "";
    display: table; }
  .form-row:after {
    clear: both; }

.form-help {
  color: #adabac;
  line-height: 1.4;
  margin-bottom: 16px; }

.button {
  display: inline-block;
  padding: 10px 30px;
  font-size: 12px;
  border: 2px solid #2a2a2c;
  border-radius: 4px;
  background-color: #2a2a2c;
  background-repeat: no-repeat;
  color: #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .button.large {
    font-size: 14px;
    padding: 15px 40px; }
  .button.block {
    display: block;
    padding-left: 20px;
    padding-right: 20px; }
  .button:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .button:hover, .button:focus {
    color: #2a2a2c;
    background-color: #fff; }
  .button.small {
    padding: 4px 6px; }
  .button.btn-grey {
    background: #efefef;
    color: #2a2a2c;
    border-color: #efefef; }
    .button.btn-grey:visited {
      color: #2a2a2c; }
    .button.btn-grey:hover, .button.btn-grey:focus {
      background: #adabac; }
  .button.btn-blue {
    background: #99c7e8;
    color: #fff;
    border-color: #99c7e8; }
    .button.btn-blue:visited {
      color: #fff; }
    .button.btn-blue:hover, .button.btn-blue:focus {
      background: #67b4be; }
  .button.btn-yellow {
    background: #e7b719;
    color: #fff;
    border-color: #e7b719; }
    .button.btn-yellow:visited {
      color: #fff; }
    .button.btn-yellow:hover, .button.btn-yellow:focus {
      background: #ba9313; }
  .button.btn-orange {
    background: #f08851;
    color: #ffffff;
    border-color: #f08851; }
    .button.btn-orange:visited {
      color: #ffffff; }
    .button.btn-orange:hover, .button.btn-orange:focus {
      background: #d95713; }
  .button.btn-green {
    background: #85be49;
    color: #fff;
    border-color: #85be49; }
    .button.btn-green:visited {
      color: #fff; }
    .button.btn-green:hover, .button.btn-green:focus {
      background: #5a832f; }
  .button.btn-red {
    background: #ee4037;
    color: #fff;
    border-color: #ee4037; }
    .button.btn-red:visited {
      color: #fff; }
    .button.btn-red:hover, .button.btn-red:focus {
      background: #c01910; }
  .button.btn-purple {
    background: #ba8cb1;
    color: #fff;
    border-color: #ba8cb1; }
    .button.btn-purple:visited {
      color: #fff; }
    .button.btn-purple:hover, .button.btn-purple:focus {
      background: #f3ecf3;
      color: #ba8cb1; }

input[type="button"].block {
  width: 100%; }

.button.outline {
  color: #2a2a2c;
  background-color: transparent; }
  .button.outline:hover, .button.outline:focus {
    color: #fff;
    background-color: #2a2a2c; }
  .button.outline.btn-client, .button.outline.btn-practition, .button.outline.btn-payment {
    padding-top: 20px;
    padding-bottom: 20px;
    padding: 20px 30px 20px 55px;
    text-align: center;
    background-position: 15px center; }
    .button.outline.btn-client:hover, .button.outline.btn-client:focus, .button.outline.btn-practition:hover, .button.outline.btn-practition:focus, .button.outline.btn-payment:hover, .button.outline.btn-payment:focus {
      color: #2a2a2c;
      background-color: #85be49; }
  .button.outline.btn-client {
    background-image: url("/images/icn-client.png"); }
  .button.outline.btn-practition {
    background-image: url("/images/icn-practitioner.png"); }
  .button.outline.btn-payment {
    background-image: url("/images/icn-payment.png"); }
  .button.outline.btn-edit {
    padding: 15px 30px 15px 55px;
    text-align: center;
    background-position: 20px center;
    background-image: url("/images/icn-edit.png"); }
    .button.outline.btn-edit:hover, .button.outline.btn-edit:focus {
      color: #2a2a2c;
      background-color: #adabac; }
  .button.outline.btn-search {
    background: url("/images/icn-search.png") center no-repeat; }
    .button.outline.btn-search:hover, .button.outline.btn-search:focus {
      background-image: url("/images/icn-search-white.png");
      background-color: #2a2a2c; }

.btn-prac.button {
  font-size: 16px;
  padding: 18px 40px; }

.btn-add, .btn-remove {
  display: inline-block;
  position: relative;
  color: #85be49;
  font-weight: bold;
  padding: 5px 0;
  padding-left: 35px;
  line-height: 1; }
  .btn-add:before, .btn-remove:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: #85be49;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: normal; }

.btn-add:before {
  content: "+"; }

.btn-remove:before {
  content: "-";
  line-height: 18px;
  font-size: 36px; }

.txt-red {
  color: #ee4037; }

.txt-green {
  color: #85be49; }

.txt-yellow {
  color: #e7b719; }

.txt-purple {
  color: #ba8cb1; }

/* Shopping items */
input.quantity {
  width: 80px;
  display: inline; }

input.referrer, select.referrer {
  width: 180px;
  display: inline-block;
  margin: 5px 0 0 10px;
  padding: 2px 5px;
  height: auto; }

/* Datepicker */
.datepicker, .datepicker-dob {
  padding-right: 35px;
  background: url("/images/icn-datepicker.png") right center no-repeat; }

.ui-datepicker {
  width: 250px;
  padding: 2px 2px 0;
  display: none;
  border: 1px solid #2a2a2c;
  background: #ffffff;
  color: #2a2a2c;
  border-radius: 3px;
  z-index: 100 !important; }

.ui-datepicker-header {
  position: relative;
  padding: 2px 40px;
  text-align: center;
  background: #91bdb0;
  font-weight: bold; }

.ui-datepicker-title {
  overflow: hidden;
  line-height: 25px;
  /*.ui-datepicker-month {margin-right: 5%;}*/ }
  .ui-datepicker-title select {
    float: left;
    width: 45%;
    height: auto;
    padding: 2px;
    margin: 0 2.5%; }

.ui-datepicker-prev, .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 25px;
  height: 25px;
  cursor: pointer; }

.ui-datepicker-prev {
  left: 2px;
  background: url("/images/icn-arrow-left-dark.png") center no-repeat; }

.ui-datepicker-next {
  right: 2px;
  background: url("/images/icn-arrow-right-dark.png") center no-repeat; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-datepicker-calendar {
  width: 100%;
  font-size: 13px;
  border-collapse: collapse;
  margin: 0 0 2px;
  border: none; }
  .ui-datepicker-calendar thead {
    background: #f5f5f5; }
  .ui-datepicker-calendar td, .ui-datepicker-calendar th {
    border: 0;
    padding: 1px;
    text-align: center; }
    .ui-datepicker-calendar td a, .ui-datepicker-calendar th a {
      color: #111; }
  .ui-datepicker-calendar th {
    padding: 5px 2px;
    text-align: center;
    font-weight: bold;
    border: 0;
    font-size: 13px; }
  .ui-datepicker-calendar td span, .ui-datepicker-calendar td a {
    display: block;
    padding: 2px;
    text-align: center;
    text-decoration: none; }
  .ui-datepicker-calendar .ui-state-disabled {
    cursor: default !important;
    color: #AAAAAA; }
  .ui-datepicker-calendar .ui-state-highlight {
    font-weight: bold;
    border: none;
    background: none; }
  .ui-datepicker-calendar .ui-state-active {
    font-weight: bold;
    border: 1px solid #111;
    background: #91bdb0; }

.ui-slider {
  position: relative;
  height: 16px;
  border: 2px solid #ededed;
  border-radius: 8px;
  background: #fff; }
  .ui-slider.reverse-scale .ui-slider-range {
    background: -moz-linear-gradient(left, #85be49 0%, #ee4037 100%);
    background: -webkit-linear-gradient(left, #85be49 0%, #ee4037 100%);
    background: linear-gradient(to right, #85be49 0%, #ee4037 100%); }

.ui-slider-range {
  height: 12px;
  border-radius: 6px 0 0 6px;
  background: -moz-linear-gradient(left, #ee4037 0%, #85be49 100%);
  background: -webkit-linear-gradient(left, #ee4037 0%, #85be49 100%);
  background: linear-gradient(to right, #ee4037 0%, #85be49 100%); }

.ui-slider-handle {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  display: block;
  width: 12px;
  height: 36px;
  border-radius: 6px;
  background: #59585d;
  border: 1px solid #fff;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); }

.range-slider {
  margin-bottom: 10px; }

.range-slider-key {
  *zoom: 1; }
.range-slider-key:before, .range-slider-key:after {
  content: "";
  display: table; }
.range-slider-key:after {
  clear: both; }

.range-key-min {
  float: left; }

.range-key-max {
  float: right; }

.range-key-current {
  margin: 0 auto;
  text-align: center; }

.flex-video {
  position: relative;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px; }
  .flex-video.widescreen {
    padding-bottom: 57.25%; }
  .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.content-list {
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  margin-left: 16px; }

/* bValidator Form Messages */
.bvalidator_invalid {
  background-color: #FFFFAE; }

.bvalidator_errmsg {
  display: none;
  padding: 1px 10px 1px 5px;
  background-color: #333;
  border: 1px solid #999;
  -moz-box-shadow: 0 0 6px #ddd;
  -webkit-box-shadow: 0 0 6px #ddd;
  box-shadow: 0 0 6px #ddd;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  white-space: nowrap;
  color: #FFF; }
  .bvalidator_errmsg div {
    font-size: 11px; }
  .bvalidator_errmsg .bvalidator_close_icon {
    margin-left: 5px;
    margin-top: -2px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ee4037;
    font-size: 12px;
    line-height: 1;
    cursor: pointer; }
  .bvalidator_errmsg em {
    position: absolute;
    bottom: -8px;
    left: 8px;
    display: block;
    height: 0;
    width: 0;
    border-color: #333 transparent transparent;
    border-style: solid;
    border-width: 8px 8px 0; }

/* **********************************
		OffCanvas mobile
********************************** */
/*.mobile-menu {
	position: absolute;
	top: 0;
	bottom: 0;
	padding: 26px 0;
	right: 0px;
	width: 40px;
	display: none;
	background: url('/images/icn-menu.png') center no-repeat;
	cursor: pointer;
	span {
		display: block;
		width: 25px;
		margin: 6px auto;
		height: 3px;
		background-color: $brand_colour;
		@include bg_transition;
	}
}
body {
	&.off-canvas {padding: 0; margin: 0;}
}
#main:before {
	content: " ";
	position: absolute;
	z-index: -1;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
}
#mob-right-nav, #main {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1;
	-webkit-transition: 0.4s all ease-in;
	-moz-transition: 0.4s all ease-in;
	-o-transition: 0.4s all ease-in;
	transition: 0.4s all ease-in;
}
#main {
	float: right;
	margin-right: 0;
}
#mob-right-nav {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 260px;
	z-index: 2;
	right: -260px;
}
.mob-sidebar {
	padding: 20px 0;
	border-left: 3px solid $brand_colour;
	.nav-menu.nav-bar {
		margin: 0;
		background: #fff;
		height: auto;
	}
	li {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		border: none !important;
		box-shadow: none;
		-webkit-box-shadow: none;
		&:hover, &:focus {
			background-color: $brand_colour;
			a {color: #fff;}
		}
		a {
			padding: 5px 25px !important;
			text-decoration: none;
			font-weight: bold;
			color: $text_colour;
			@include bg_transition;
		}
		&:after {display: none;}
		&.active a {
			color: $brand_colour;
			&:hover, &:focus {color: #fff;}
		}
	}
	li, li a {
		font-size: 16px;
		color: $text_colour;
		display: block;
	}
	.flyout {
		display: block !important;
		position: static;
		border: none;
		width: auto;
		padding-left: 15px;
		margin: 5px 0;
		background: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		li {
			border: none;
			a {
				background: transparent;
				border: none;
				border-bottom: 1px solid #575549;
				padding: 10px 5px;
				color: $brand_colour;
				font-weight: bold;
				box-shadow: none;
				&:hover, &:focus {
					background: $link_colour;
					color: #000;
				}
			}
		}
	}
}
.active-right {
	#mob-right-nav {right: 0;}
	#main {margin-right: 260px;}
	.mobile-menu span {background-color: $brand_colour;}
}*/
/* LAYOUT */
#main {
  padding-bottom: 50px; }

.footer-policies {
  position: fixed;
  bottom: 0px;
  width: 100%;
  padding-bottom: 8px;
  padding-top: 6px;
  background: white;
  border-top: 1px solid #cacaca;
  font-size: 10px; }

.footer-policies .row .columns a {
  font-size: 10px; }

#main_wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: left; }

.reception-nav {
  padding: 10px 0;
  background: #efefef;
  text-align: center; }
  .reception-nav li {
    position: relative;
    display: inline-block;
    padding: 0 36px; }
    .reception-nav li:after {
      content: "";
      height: 20px;
      width: 2px;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -10px;
      background-color: #fff; }
    .reception-nav li:last-child:after {
      display: none; }
    .reception-nav li a {
      color: #afabaa; }
      .reception-nav li a:visited {
        color: #afabaa; }
      .reception-nav li a:hover, .reception-nav li a:focus {
        color: #2a2a2c; }
  .reception-nav .icn-receptnav {
    display: block;
    padding: 7px 0 7px 55px;
    color: #afabaa;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase; }
    .reception-nav .icn-receptnav.cal {
      background: url("/images/logo-calendar-grey.png") 0 0 no-repeat; }
    .reception-nav .icn-receptnav.book {
      background: url("/images/logo-booking-grey.png") 0 0 no-repeat; }
    .reception-nav .icn-receptnav.report {
      background: url("/images/logo-reports-grey.png") 0 0 no-repeat; }
    .reception-nav .icn-receptnav.client {
      background: url("/images/logo-client-grey.png") 0 0 no-repeat; }

.reception-checklist-container h4:hover {
  cursor: pointer; }

.site-header {
  position: relative;
  height: 142px;
  background: url("/images/bg-lines.png") center 0 no-repeat;
  overflow: hidden; }
  .site-header {
    *zoom: 1; }
  .site-header:before, .site-header:after {
    content: "";
    display: table; }
  .site-header:after {
    clear: both; }

.site-logo {
  display: block;
  float: left;
  width: 203px;
  height: 42px;
  margin: 12px 0 0 35px;
  background: url("/images/logo-hs.png") 0 0 no-repeat; }

.hdr-icn-dot, .hdr-icn-timedate, .hdr-icn-profile, .hdr-icn-alerts {
  position: absolute;
  top: 0;
  display: block;
  border-radius: 50%;
  text-align: center; }

.hdr-icn-dot {
  right: 325px;
  top: 35px;
  width: 44px;
  height: 44px;
  background: #91bdb0; }

.hdr-icn-timedate {
  right: 162px;
  top: -29px;
  width: 134px;
  height: 134px;
  padding-top: 50px;
  background: #67b4be;
  color: #fff;
  text-transform: uppercase; }

.hdr-time {
  font-size: 36px;
  margin-bottom: 5px; }

.hdr-daydate {
  font-size: 12px;
  margin-bottom: 3px; }

.hdr-mth {
  font-size: 10px; }

.hdr-icn-profile {
  top: 9px;
  right: 93px;
  width: 64px;
  height: 64px;
  background: #91bdb0 url("/images/icn-profile.png") center no-repeat; }

.hdr-icn-alerts {
  top: 4px;
  right: 4px;
  width: 78px;
  height: 78px;
  padding-top: 46px;
  background: #efefef url("/images/icn-alerts.png") center 21px no-repeat;
  font-weight: bold;
  color: #2a2a2c;
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }
  .hdr-icn-alerts:before {
    content: "";
    position: absolute;
    top: 18px;
    right: 27px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ee4037;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  .hdr-icn-alerts:hover {
    background-color: #e7b719; }
  .hdr-icn-alerts.has-alerts:before {
    opacity: 1; }
  .hdr-icn-alerts.active {
    background: #ee4037 url("/images/icn-alerts-active.png") center 21px no-repeat; }
    .hdr-icn-alerts.active:before {
      background-color: #efefef; }

.alerts-wrap {
  display: none;
  position: absolute;
  top: 165px;
  right: 0;
  width: 290px;
  z-index: 1; }

.alert-item {
  padding: 20px 25px;
  background-color: #2a2a2c;
  color: #fff;
  border-top: 1px solid #444444; }
  .alert-item.bg-green {
    background-color: #85be49;
    border-top: 1px solid #75ae35; }

.alert-title {
  margin-bottom: 2px;
  font-weight: bold;
  line-height: 1.4; }

.alert-desc {
  font-size: 12px;
  line-height: 1.4; }

.reception-footer {
  margin-top: 75px;
  border-top: 1px solid #ebebeb;
  padding: 30px 0; }

.reception-foot-linkslist {
  max-width: 350px;
  margin: 0 auto; }

.foot-linkslist-title {
  float: left;
  width: 125px;
  padding: 4px 0;
  font-weight: bold; }

.foot-linkslist {
  margin-left: 125px;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px; }
  .foot-linkslist a {
    font-weight: bold;
    font-size: 12px;
    color: #adabac; }
    .foot-linkslist a:hover, .foot-linkslist a:focus {
      color: #2a2a2c; }

.reception-foot-btnlinks {
  margin-top: 20px;
  text-align: center; }
  .reception-foot-btnlinks .button.outline {
    margin: 0 5px; }

.reveal-modal-bg {
  z-index: 200; }

.dash-banner {
  height: 350px;
  margin-top: -142px;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 160px; }

.dash-avatar {
  float: left;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.dash-userinfo {
  padding: 32px 0;
  margin-left: 160px; }
  .dash-userinfo h2 {
    margin-top: 0;
    font-size: 30px;
    font-style: italic;
    font-weight: normal; }

.dash-userclinicloc {
  padding: 2px 0 2px 30px;
  background: url("/images/icn-location.png") 0 center no-repeat;
  font-weight: bold;
  text-transform: uppercase; }

.section-hdr {
  margin: 25px 0;
  font-size: 16px;
  padding-bottom: 2px;
  border-bottom: 2px solid #2a2a2c; }
  .section-hdr h1, .section-hdr h2, .section-hdr h3, .section-hdr h4, .section-hdr h5, .section-hdr h6 {
    font-size: 16px;
    margin: 0; }
  .section-hdr > input[type="checkbox"].left {
    margin-right: 10px; }
  .section-hdr + .form-row {
    margin-bottom: 25px; }

.txt-content {
  padding-top: 50px;
  padding-bottom: 50px; }

.dash-link {
  display: inline-block;
  width: 305px;
  height: 180px;
  margin: 0 6px 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .dash-link:hover, .dash-link:focus {
    opacity: 0.8; }

.dashlink-innerwrap {
  display: table;
  width: 100%;
  height: 100%; }

.dashlink-content {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 16px; }
  .dashlink-content img {
    display: block;
    margin: 0 auto 10px; }

.search-filter {
  float: left;
  padding: 0 10px; }
  .search-filter label {
    display: inline-block;
    margin: 0 6px 0 0;
    font-weight: bold;
    color: #adabac; }
  .search-filter input, .search-filter select {
    display: inline-block;
    margin: 0;
    width: 125px;
    padding: 8px 10px;
    height: 36px; }
    .search-filter input.datepicker, .search-filter select.datepicker {
      float: none; }

.report-filter {
  padding: 0 0 12px; }
  .report-filter .search-filter {
    padding: 0 14px; }
    .report-filter .search-filter label {
      margin: 0 6px 0 0; }
    .report-filter .search-filter input, .report-filter .search-filter select {
      width: 110px;
      padding: 8px 10px; }
    .report-filter .search-filter:first-child {
      padding-left: 0; }
    .report-filter .search-filter:last-child {
      padding-right: 0; }

.cal-controlswrap {
  margin-bottom: 30px; }
  .cal-controlswrap .back {
    float: left; }

.back {
  padding: 12px 5px;
  padding-left: 15px;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-image: url("/images/icn-arrow-left-grey.png");
  color: #adabac;
  font-size: 12px;
  font-weight: bold; }
  .back:visited {
    color: #adabac; }
  .back:hover, .back:focus {
    color: #2a2a2c;
    background-image: url("/images/icn-arrow-left-dark.png"); }

.cal-controls {
  max-width: 760px;
  margin: 0 auto;
  border-bottom: 1px solid #2a2a2c; }
  .cal-controls .button {
    float: right; }

.cal-inputs {
  margin-right: 110px;
  margin-bottom: 5px; }
  .cal-inputs {
    *zoom: 1; }
  .cal-inputs:before, .cal-inputs:after {
    content: "";
    display: table; }
  .cal-inputs:after {
    clear: both; }

.cal-filter {
  float: left;
  width: 33%; }
  .cal-filter label {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: bold;
    color: #adabac; }
  .cal-filter input, .cal-filter select {
    display: inline-block;
    margin: 0;
    width: 125px;
    padding: 8px 10px;
    height: 36px; }

.cal-pagination {
  padding: 4px 0;
  float: right; }
  .cal-pagination .current-date {
    float: left;
    padding: 6px 0;
    margin-right: 20px; }

.icn-paginate {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 2px solid #2a2a2c;
  border-radius: 3px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }
  .icn-paginate.prev {
    background-image: url("/images/icn-arrow-left-grey.png"); }
  .icn-paginate.next {
    background-image: url("/images/icn-arrow-right-grey.png"); }
  .icn-paginate:hover, .icn-paginate:focus {
    background-color: #2a2a2c; }
    .icn-paginate:hover.prev, .icn-paginate:focus.prev {
      background-image: url("/images/icn-arrow-left-white.png"); }
    .icn-paginate:hover.next, .icn-paginate:focus.next {
      background-image: url("/images/icn-arrow-right-white.png"); }

.overview-cal {
  margin-bottom: 25px; }

.js-stickytable, .sticky-wrap table, .calendar {
  border: 0;
  border-collapse: collapse;
  margin: 0;
  width: 100%;
  background: #fff; }
  .js-stickytable td, .js-stickytable th, .sticky-wrap table td, .sticky-wrap table th, .calendar td, .calendar th {
    position: relative;
    padding: 0;
    border: 0;
    text-align: left;
    color: #000;
    font-size: 12px; }
    .js-stickytable td div, .js-stickytable th div, .sticky-wrap table td div, .sticky-wrap table th div, .calendar td div, .calendar th div {
      font-size: 12px; }
  .js-stickytable .reddot, .sticky-wrap table .reddot, .calendar .reddot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #ef4036;
    vertical-align: middle;
    margin-right: 2px; }
  .js-stickytable .cal-name, .sticky-wrap table .cal-name, .calendar .cal-name {
    position: relative;
    padding: 3px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .js-stickytable .cal-time, .sticky-wrap table .cal-time, .calendar .cal-time {
    padding: 3px 5px; }
  .js-stickytable .cal-current-time, .sticky-wrap table .cal-current-time, .calendar .cal-current-time {
    border-top: 2px solid #ee4037; }
  .js-stickytable thead, .sticky-wrap table thead, .calendar thead {
    background: transparent;
    border-bottom: 2px solid #bdbdbd; }
    .js-stickytable thead th, .sticky-wrap table thead th, .calendar thead th {
      font-weight: bold;
      font-family: 'Open Sans Condensed', sans-serif; }
    .js-stickytable thead .cal-name, .sticky-wrap table thead .cal-name, .calendar thead .cal-name {
      padding-top: 0;
      padding-bottom: 0; }
  .js-stickytable tbody tr, .sticky-wrap table tbody tr, .calendar tbody tr {
    background: transparent;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
    .js-stickytable tbody tr:nth-child(even), .sticky-wrap table tbody tr:nth-child(even), .calendar tbody tr:nth-child(even) {
      background: transparent; }
    .js-stickytable tbody tr:hover, .sticky-wrap table tbody tr:hover, .calendar tbody tr:hover {
      background-color: rgba(238, 64, 53, 0.3) !important; }
      .js-stickytable tbody tr:hover div[class^="bg-"], .js-stickytable tbody tr:hover div[class*=" bg-"], .sticky-wrap table tbody tr:hover div[class^="bg-"], .sticky-wrap table tbody tr:hover div[class*=" bg-"], .calendar tbody tr:hover div[class^="bg-"], .calendar tbody tr:hover div[class*=" bg-"] {
        box-shadow: inset 0 0 5px rgba(238, 64, 53, 0.75); }
      .js-stickytable tbody tr:hover th, .sticky-wrap table tbody tr:hover th, .calendar tbody tr:hover th {
        color: #2a2a2c; }
  .js-stickytable tbody th, .js-stickytable tbody td, .sticky-wrap table tbody th, .sticky-wrap table tbody td, .calendar tbody th, .calendar tbody td {
    height: 25px; }
  .js-stickytable tbody th, .sticky-wrap table tbody th, .calendar tbody th {
    width: 55px;
    text-align: right;
    font-weight: 400;
    color: #b4b5b7;
    font-size: 11px;
    border-right: 1px solid #e5e5e5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .js-stickytable tbody th:after, .sticky-wrap table tbody th:after, .calendar tbody th:after {
      content: "";
      position: absolute;
      bottom: -1px;
      right: 0;
      width: 7px;
      height: 1px;
      background: #e5e5e5; }
    .js-stickytable tbody th div, .sticky-wrap table tbody th div, .calendar tbody th div {
      font-size: 11px; }
  .js-stickytable tbody td, .sticky-wrap table tbody td, .calendar tbody td {
    position: relative;
    min-width: 125px;
    border: 1px solid #e5e5e5;
    font-family: 'Open Sans Condensed', sans-serif; }
  .js-stickytable .redips-drag, .sticky-wrap table .redips-drag, .calendar .redips-drag {
    border: 0;
    min-width: 125px; }
  .js-stickytable .bg-available, .js-stickytable .bg-standard, .js-stickytable .bg-complete, .js-stickytable .bg-exam, .js-stickytable .bg-initial, .js-stickytable .bg-na, .js-stickytable .bg-review, .sticky-wrap table .bg-available, .sticky-wrap table .bg-standard, .sticky-wrap table .bg-complete, .sticky-wrap table .bg-exam, .sticky-wrap table .bg-initial, .sticky-wrap table .bg-na, .sticky-wrap table .bg-review, .calendar .bg-available, .calendar .bg-standard, .calendar .bg-complete, .calendar .bg-exam, .calendar .bg-initial, .calendar .bg-na, .calendar .bg-review {
    position: absolute;
    width: 100%;
    height: 100%; }

.bg-available, .bg-standard, .bg-complete, .bg-exam, .bg-initial, .bg-na, .bg-review {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.bg-available {
  background-color: transparent; }

.bg-standard {
  background-color: #dedede; }

.bg-complete {
  background-color: #cde2f3; }

.bg-exam {
  background-color: #f9d4db; }

.bg-initial {
  background-color: #f9dd89; }

.bg-na {
  background-color: #c8c8c8;
  color: #fff; }

.bg-review {
  background-color: #f2aaa0; }

.status-notready {
  background-color: #ef4036; }

.status-ready {
  background-color: #0077e1; }

.status-payfail {
  background-color: #f99a42; }

.status-paysuccess {
  background-color: #85bf4a; }

.icn-stattag {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 6px;
  pointer-events: none;
  /*border: solid transparent;
  height: 0;
  width: 0;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: transparent;
  border-width: 12px 0px 0px 12px;*/
  background-color: transparent; }
  .icn-stattag.status-notready {
    background-color: #ef4036; }
  .icn-stattag.status-ready {
    background-color: #0077e1; }
  .icn-stattag.status-payfail {
    background-color: #f99a42; }
  .icn-stattag.status-paysuccess {
    background-color: #85bf4a; }

.sticky-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%; }
  .sticky-wrap.overflow-y {
    overflow-y: auto;
    max-height: 500px; }
  .sticky-wrap .sticky-thead, .sticky-wrap .sticky-col, .sticky-wrap .sticky-intersect {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.125s ease-in-out;
    z-index: 50;
    width: auto;
    /* Prevent table from stretching to full size */ }
  .sticky-wrap .sticky-thead {
    box-shadow: 0 0.25em 0.1em -0.1em rgba(0, 0, 0, 0.125);
    z-index: 100;
    width: 100%; }
  .sticky-wrap .sticky-intersect {
    opacity: 1;
    z-index: 35; }

.reveal-modal.cal-reveal {
  left: 50%;
  width: 450px;
  margin-left: -225px;
  padding: 40px 60px; }

.calalter-name {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 25px; }

.calalter-type {
  margin-bottom: 15px;
  padding-bottom: 2px;
  font-weight: bold;
  border-bottom: 2px solid #2a2a2c; }
  .calalter-type.active {
    color: #ee4037;
    border-bottom-color: #ee4037; }

.calalter-type-hdr {
  margin-bottom: 15px; }
  .calalter-type-hdr {
    *zoom: 1; }
  .calalter-type-hdr:before, .calalter-type-hdr:after {
    content: "";
    display: table; }
  .calalter-type-hdr:after {
    clear: both; }
  .calalter-type-hdr .calalter-type {
    float: left;
    width: 50%;
    margin-bottom: 0;
    cursor: pointer; }
    .calalter-type-hdr .calalter-type.only {
      width: 100%;
      float: none;
      cursor: auto; }
      .calalter-type-hdr .calalter-type.only.active {
        border-bottom-color: #2a2a2c;
        color: #2a2a2c; }

#apptype-na {
  text-align: right; }

.calalter-datetime-wrap {
  margin-bottom: 20px; }
  .calalter-datetime-wrap {
    *zoom: 1; }
  .calalter-datetime-wrap:before, .calalter-datetime-wrap:after {
    content: "";
    display: table; }
  .calalter-datetime-wrap:after {
    clear: both; }

.calalter-dateitem {
  float: left;
  width: 88px;
  height: 68px;
  padding: 20px 0 0 0;
  background: url("/images/icn-calendar-large.png") center no-repeat;
  text-align: center; }

.calalter-date {
  font-weight: bold;
  font-size: 24px; }

.calalter-mth {
  font-weight: bold;
  font-size: 12px; }

.calalter-timewrap {
  float: left;
  width: 202px;
  text-align: right;
  padding-top: 5px; }
  .calalter-timewrap label {
    display: inline-block;
    margin: 0 2px;
    color: #2a2a2c; }
  .calalter-timewrap input {
    display: inline-block;
    width: 66px; }

.calalter-form input[type="text"], .calalter-form select {
  padding: 8px;
  height: auto; }
.calalter-form .form-row {
  margin-bottom: 15px; }
  .calalter-form .form-row label {
    float: left;
    width: 70px; }
    .calalter-form .form-row label + input, .calalter-form .form-row label + select {
      float: left;
      width: 220px; }
  .calalter-form .form-row .created-by {
    font-family: "Open Sans",sans-serif;
    font-size: 12px; }
.calalter-form .button {
  margin: 0 5px 5px; }

.calpop-btns {
  text-align: center; }
  .calpop-btns .button {
    /*float: left;*/
    display: inline-block;
    width: 48%;
    margin: 0 1% 2%;
    padding-left: 5px;
    padding-right: 5px; }

/* **********************************************
*************************************************
	
				PRACTITIONER

*************************************************
********************************************** */
.prac-pg-wrap {
  /*max-width: 540px;*/
  max-width: 600px;
  margin: 0 auto; }
  .prac-pg-wrap .column.one, .prac-pg-wrap .column.two, .prac-pg-wrap .column.three, .prac-pg-wrap .column.four, .prac-pg-wrap .column.five, .prac-pg-wrap .column.six, .prac-pg-wrap .column.seven, .prac-pg-wrap .column.eight, .prac-pg-wrap .column.nine, .prac-pg-wrap .column.ten, .prac-pg-wrap .column.eleven, .prac-pg-wrap .columns.one, .prac-pg-wrap .columns.two, .prac-pg-wrap .columns.three, .prac-pg-wrap .columns.four, .prac-pg-wrap .columns.five, .prac-pg-wrap .columns.six, .prac-pg-wrap .columns.seven, .prac-pg-wrap .columns.eight, .prac-pg-wrap .columns.nine, .prac-pg-wrap .columns.ten, .prac-pg-wrap .columns.eleven {
    width: 50%;
    float: left; }
    .prac-pg-wrap .column.one.centered, .prac-pg-wrap .column.two.centered, .prac-pg-wrap .column.three.centered, .prac-pg-wrap .column.four.centered, .prac-pg-wrap .column.five.centered, .prac-pg-wrap .column.six.centered, .prac-pg-wrap .column.seven.centered, .prac-pg-wrap .column.eight.centered, .prac-pg-wrap .column.nine.centered, .prac-pg-wrap .column.ten.centered, .prac-pg-wrap .column.eleven.centered, .prac-pg-wrap .columns.one.centered, .prac-pg-wrap .columns.two.centered, .prac-pg-wrap .columns.three.centered, .prac-pg-wrap .columns.four.centered, .prac-pg-wrap .columns.five.centered, .prac-pg-wrap .columns.six.centered, .prac-pg-wrap .columns.seven.centered, .prac-pg-wrap .columns.eight.centered, .prac-pg-wrap .columns.nine.centered, .prac-pg-wrap .columns.ten.centered, .prac-pg-wrap .columns.eleven.centered {
      float: none; }
  .prac-pg-wrap input[type="text"], .prac-pg-wrap input[type="password"], .prac-pg-wrap input[type="date"], .prac-pg-wrap input[type="datetime"], .prac-pg-wrap input[type="email"], .prac-pg-wrap input[type="number"], .prac-pg-wrap input[type="search"], .prac-pg-wrap input[type="tel"], .prac-pg-wrap input[type="time"], .prac-pg-wrap input[type="url"], .prac-pg-wrap select, .prac-pg-wrap textarea {
    font-size: 14px; }
  .prac-pg-wrap h3 {
    clear: both; }
  .prac-pg-wrap form > .form-row {
    clear: both; }
  .prac-pg-wrap label {
    font-size: 14px;
    line-height: 1.4; }

.checkbox-column-wrap {
  clear: both; }
  .checkbox-column-wrap .form-row {
    width: 50%;
    float: left; }

.upload-wrap {
  position: relative; }
  .upload-wrap .flex-field {
    margin-right: 146px; }
  .upload-wrap .button {
    float: right;
    padding: 12px 30px; }
  .upload-wrap:hover .button {
    background-color: #d95713; }

.overlay-uploader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer; }

.prac-dash-daydate-wrap {
  margin: 0 0 20px 0;
  padding: 1px 0 5px 70px;
  min-height: 47px;
  background: url("/images/logo-calendar-blue.png") 0 0 no-repeat; }

.prac-dash-daydate {
  padding: 1px 0 2px;
  font-size: 18px; }

.prac-dash-mth {
  padding: 2px 0;
  font-size: 16px; }

.prac-dash-appointment {
  display: block;
  position: relative;
  padding: 15px 0;
  margin-bottom: 20px;
  color: #2a2a2c;
  border-radius: 4px; }
  .prac-dash-appointment {
    *zoom: 1; }
  .prac-dash-appointment:before, .prac-dash-appointment:after {
    content: "";
    display: table; }
  .prac-dash-appointment:after {
    clear: both; }
  .prac-dash-appointment:visited, .prac-dash-appointment:hover, .prac-dash-appointment:focus {
    color: #2a2a2c; }
  .prac-dash-appointment div {
    line-height: 1.1; }

.prac-dash-stattag {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  border-radius: 4px 0 0 4px; }

.prac-dash-appoint-time {
  float: left;
  width: 28%;
  padding-left: 20px; }
  .prac-dash-appoint-time .appoint-time {
    font-size: 30px; }
  .prac-dash-appoint-time .appoint-merid {
    font-size: 18px; }

.prac-dash-appoint-name {
  float: left;
  width: 44%;
  font-size: 18px;
  padding-top: 12px; }

.prac-dash-appoint-meta {
  float: right;
  width: 28%;
  padding-right: 20px;
  text-align: right; }
  .prac-dash-appoint-meta div {
    font-size: 11px; }

.prac-daynav {
  position: fixed;
  top: 50%;
  margin-top: -25px;
  display: block;
  height: 50px;
  width: 50px;
  background-color: #d4d4d6;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }
  .prac-daynav.nav-prev {
    left: 0;
    background-image: url("/images/icn-arrow-left-dark-large.png");
    border-radius: 0 4px 4px 0; }
  .prac-daynav.nav-next {
    right: 0;
    background-image: url("/images/icn-arrow-right-dark-large.png");
    border-radius: 4px 0 0 4px; }
  .prac-daynav:hover, .prac-daynav:focus {
    background-color: #a9a9ad; }

.prac-client-hdr {
  margin: 30px 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #adabac; }
  .prac-client-hdr {
    *zoom: 1; }
  .prac-client-hdr:before, .prac-client-hdr:after {
    content: "";
    display: table; }
  .prac-client-hdr:after {
    clear: both; }

.prac-client-name {
  float: left;
  font-size: 20px; }

.prac-client-meta {
  float: right;
  font-size: 10px;
  text-align: right; }

.prac-client-date {
  font-size: 20px;
  margin-bottom: 2px; }

.btn-list {
  list-style: none;
  margin: 20px 0;
  padding: 0; }
  .btn-list li {
    display: block;
    margin: 15px 0; }

.prac-client-prof-bio {
  margin: 25px 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #adabac; }
  .prac-client-prof-bio h1, .prac-client-prof-bio h2 {
    margin: 5px 0; }
  .prac-client-prof-bio h1 {
    font-size: 26px;
    font-weight: normal; }
  .prac-client-prof-bio h2 {
    font-size: 20px;
    font-weight: normal;
    color: #adabac; }

.prac-client-info {
  margin-bottom: 25px; }
  .prac-client-info h3 {
    margin-bottom: 10px; }
  .prac-client-info h4 {
    margin: 5px 0; }

.client-note {
  display: block;
  padding: 15px 20px;
  margin-bottom: 15px;
  background: #efefef;
  border-radius: 4px;
  color: #2a2a2c;
  font-size: 16px; }
  .client-note:visited, .client-note:focus, .client-note:hover {
    color: #2a2a2c; }

.client-note-time, .client-note-type {
  display: inline-block;
  margin-right: 30px;
  font-size: 18px;
  font-weight: bold; }

.editable {
  padding: 0 40px 0 10px;
  background: url("/images/icn-edit.gif") right 0 no-repeat; }

.upcoming-bookings li {
  margin-left: 20px; }

.previous-session-item, .previous-session-item:visited {
  color: #2a2a2c; }

.radio-wrap, .btn-wrap {
  margin: 0 -2.5%; }
  .radio-wrap, .btn-wrap {
    *zoom: 1; }
  .radio-wrap:before, .radio-wrap:after, .btn-wrap:before, .btn-wrap:after {
    content: "";
    display: table; }
  .radio-wrap:after, .btn-wrap:after {
    clear: both; }

.btn-radio, .btn-col {
  position: relative;
  display: block;
  float: left;
  width: 28.33%;
  margin: 0 2.5% 20px; }

.btn-col.center {
  float: none;
  margin: 0 auto; }

.btn-radio input[type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden; }
.btn-radio label {
  margin: 0;
  padding: 15px 30px;
  border-radius: 4px;
  background: #efefef;
  text-align: center;
  color: #2a2a2c;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.btn-radio input[type="radio"]:checked + label {
  background: #85be49;
  color: #fff; }

.form-row .datepicker, .form-row .datepicker-dob, .form-row input[type="date"] {
  float: left;
  width: 115px; }
  .form-row .datepicker + .icn-cal, .form-row .datepicker-dob + .icn-cal, .form-row input[type="date"] + .icn-cal {
    float: left;
    margin-left: 10px; }

.icn-cal {
  display: inline-block;
  width: 37px;
  height: 47px;
  background: url("/app/images/icn-calendar.png") center no-repeat;
  background-size: contain; }

.checkbox-wrap {
  display: inline-block;
  margin: 0 20px 10px 0;
  position: relative; }
  .checkbox-wrap.block {
    display: block; }
  .checkbox-wrap input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden; }
  .checkbox-wrap label {
    position: relative;
    padding: 5px 0;
    font-size: 16px;
    padding-left: 40px;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .checkbox-wrap label:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 34px;
      height: 34px;
      background: url("/images/sprite-checkbox.png") 0 0 no-repeat; }
  .checkbox-wrap input[type="checkbox"]:checked + label:before {
    background-position: 0 bottom; }
  .checkbox-wrap .checkbox_list {
    margin: 0 0 15px;
    list-style-type: none; }
    .checkbox-wrap .checkbox_list li {
      margin-bottom: 5px; }

.prac-availability-times > .row > .columns > label {
  font-size: 16px;
  float: left;
  font-weight: bold;
  padding: 8px 0;
  margin: 0; }
  .prac-availability-times > .row > .columns > label + .checkbox-wrap {
    display: block;
    margin: 0 0 0 110px; }
    .prac-availability-times > .row > .columns > label + .checkbox-wrap label {
      display: inline-block;
      width: 100px;
      font-size: 16px; }
.prac-availability-times .checkbox_list li {
  height: 35px; }
.prac-availability-times .columns.four {
  float: left; }

.avail-timesel {
  display: none; }
  .avail-timesel select {
    display: inline-block;
    width: 100px;
    height: 35px;
    padding: 7px 10px;
    margin: 0 5px; }

.file-list {
  list-style-type: none;
  margin: 25px 0;
  padding: 0; }
  .file-list li {
    padding: 0;
    margin: 0; }

.uploaded-file {
  margin-bottom: 10px;
  font-size: 16px; }
  .uploaded-file {
    *zoom: 1; }
  .uploaded-file:before, .uploaded-file:after {
    content: "";
    display: table; }
  .uploaded-file:after {
    clear: both; }
  .uploaded-file .date, .uploaded-file .title {
    color: #f08851;
    font-weight: bold; }
  .uploaded-file .date {
    float: left;
    width: 90px; }
  .uploaded-file .title {
    display: block;
    margin: 0 150px 0 100px; }
  .uploaded-file .doctor {
    float: right;
    text-align: right; }

.usage-select-wrap {
  *zoom: 1; }
.usage-select-wrap:before, .usage-select-wrap:after {
  content: "";
  display: table; }
.usage-select-wrap:after {
  clear: both; }
.usage-select-wrap label {
  padding-top: 12px;
  margin: 0;
  display: inline-block;
  font-weight: bold;
  font-size: 18px; }
.usage-select-wrap select {
  width: auto;
  display: inline-block; }
.usage-select-wrap .usage-type {
  width: 75px; }
  .usage-select-wrap .usage-type + select {
    width: 100px;
    margin-right: 15px; }
.usage-select-wrap .usage-substance {
  width: 180px; }
  .usage-select-wrap .usage-substance + select {
    width: 150px;
    float: right; }

.pain-diagram {
  position: relative;
  margin: 0 auto 20px;
  background-position: center 0;
  background-repeat: no-repeat; }
  .pain-diagram.diagram-1 {
    max-width: 540px;
    height: 766px;
    background-image: url("/images/diagram-body1.gif"); }
  .pain-diagram.diagram-2 {
    max-width: 540px;
    height: 807px;
    background-image: url("/images/diagram-body2.gif"); }
  .pain-diagram.diagram-3 {
    height: 219px;
    background-image: url("/images/diagram-head.gif"); }
  .pain-diagram.diagram-client {
    width: 270px; }
  .pain-diagram img {
    display: block;
    margin: 0 auto; }

.pain-area {
  position: absolute; }
  .pain-area input[type="checkbox"] {
    position: absolute;
    opacity: 0; }
  .pain-area label {
    width: 18px;
    height: 18px;
    margin: 0;
    border-radius: 50%;
    background: #ee4037;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  .pain-area input[type="checkbox"]:checked + label {
    opacity: 1; }

.rom-content {
  width: 50%;
  float: left; }
  .rom-content h4 {
    cursor: pointer; }

.rom-diagram {
  position: relative;
  margin-top: -30px;
  margin-right: -50px;
  float: right;
  width: 300px;
  height: 665px;
  background: url("/images/rom-spine.jpg") right 0 no-repeat;
  background-size: 270px auto; }
  .rom-diagram.spine-1 {
    background-image: url("/images/rom-neck.jpg"); }
  .rom-diagram.spine-2 {
    background-image: url("/images/rom-thoracic.jpg"); }
  .rom-diagram.spine-3 {
    background-image: url("/images/rom-lumbar.jpg"); }
  .rom-diagram.spine-4 {
    background-image: url("/images/rom-other.jpg"); }

.rom-diagram-title {
  position: absolute;
  left: 0;
  width: 110px;
  padding-top: 5px;
  border-top: 1px solid #f3f3f3;
  border-top-color: #dadada;
  color: #adabac;
  font-weight: bold; }
  .rom-diagram-title.t-1 {
    top: 50px; }
  .rom-diagram-title.t-2 {
    top: 158px; }
  .rom-diagram-title.t-3 {
    top: 440px; }
  .rom-diagram-title.t-4 {
    top: 543px; }

.rom-table select, .rom-table input[type="text"] {
  margin-bottom: 0; }

.previous-session-item {
  display: block;
  padding: 10px 0 10px 30px;
  background: url("/images/icn-arrow-right-dark-large.png") 5px 10px no-repeat; }
  .previous-session-item:hover h4 {
    color: #99c7e8; }
  .previous-session-item.active {
    background: url("/images/icn-arrow-down-dark-large.png") 0 13px no-repeat; }
    .previous-session-item.active h4 {
      color: #85be49; }
  .previous-session-item h4 {
    margin: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.booking-summary {
  overflow: hidden; }

.client-move {
  margin: 0 auto; }
  .client-move .button {
    vertical-align: bottom;
    display: inline-block;
    width: 200px;
    padding: 18px 30px; }

.client-move-bgwrap {
  width: 426px;
  display: inline-block;
  vertical-align: bottom;
  padding: 10px 15px;
  margin-right: 10px;
  background-color: #f3ecf3;
  border-radius: 5px;
  overflow: hidden; }
  .client-move-bgwrap label {
    float: left;
    padding: 10px 0;
    font-weight: bold;
    margin: 0 15px 0 0; }
  .client-move-bgwrap select {
    max-width: 300px;
    padding: 5px;
    height: auto;
    float: left;
    margin: 0; }

#brochure-container li {
  margin-bottom: 10px; }

.client-nav {
  max-width: 820px;
  margin: 20px auto 30px; }
  .client-nav .nav {
    *zoom: 1; }
  .client-nav .nav:before, .client-nav .nav:after {
    content: "";
    display: table; }
  .client-nav .nav:after {
    clear: both; }
  .client-nav li {
    float: left;
    width: 25%;
    padding: 0 6px; }
  .client-nav .button {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    text-indent: 40px; }
    .client-nav .button:before {
      content: "";
      display: block;
      width: 37px;
      height: 35px;
      position: absolute;
      top: 50%;
      margin-top: -17px;
      left: 30px;
      background: url("/images/icn-dashsprite.png") 0 0 no-repeat; }
    .client-nav .button.dash:before {
      background-position: 0 -38px; }
    .client-nav .button.book:before {
      background-position: -51px -41px; }
    .client-nav .button.prof:before {
      background-position: -103px -38px; }
    .client-nav .button.logout {
      color: #ee4037; }
      .client-nav .button.logout:before {
        background-position: -103px 3px; }
    .client-nav .button.cred:before {
      background-position: -149px -39px; }
    .client-nav .button.active, .client-nav .button:hover {
      border-color: #ee4037;
      color: #ee4037;
      background-color: transparent; }
      .client-nav .button.active.dash:before, .client-nav .button:hover.dash:before {
        background-position: 0 3px; }
      .client-nav .button.active.book:before, .client-nav .button:hover.book:before {
        background-position: -51px 0px; }
      .client-nav .button.active.prof:before, .client-nav .button:hover.prof:before {
        background-position: -103px 3px; }
      .client-nav .button.active.cred:before, .client-nav .button:hover.cred:before {
        background-position: -149px 2px; }

.booking-list {
  overflow: hidden;
  margin-top: -15px; }
  .booking-list .section-hdr {
    margin-bottom: 0;
    border-bottom: 1px solid #efefef; }

.booking-entry {
  padding: 15px 0;
  border-bottom: 1px solid #efefef; }
  .booking-entry {
    *zoom: 1; }
  .booking-entry:before, .booking-entry:after {
    content: "";
    display: table; }
  .booking-entry:after {
    clear: both; }
  .booking-entry + .form-row {
    padding-top: 5px; }

.booking-num {
  float: left;
  font-size: 12px;
  line-height: 19px; }
  .booking-num + .button {
    float: right;
    margin-left: 15px; }

.booking-detail {
  float: right;
  font-weight: bold;
  color: #e7b719;
  font-size: 18px; }
  .booking-detail.large {
    font-size: 24px; }

.booking-count {
  float: right;
  font-weight: bold;
  font-size: 18px;
  margin: -10px 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  text-align: center;
  background: #efefef; }

.booking-info {
  margin: 0 75px 0 25px;
  line-height: 1.25; }

.booking-title {
  font-weight: bold;
  color: #e7b719; }

.booking-subtitle {
  font-size: 12px; }
  .booking-subtitle strong {
    font-size: 14px; }

.purchase-total {
  padding-top: 15px;
  border-top: 2px solid #efefef; }
  .purchase-total {
    *zoom: 1; }
  .purchase-total:before, .purchase-total:after {
    content: "";
    display: table; }
  .purchase-total:after {
    clear: both; }

.purchase-table-wrap {
  float: right;
  width: 200px; }

.purchase-table {
  width: 100%;
  border: 0; }
  .purchase-table td, .purchase-table th {
    padding: 5px; }
  .purchase-table th {
    padding-left: 0;
    font-weight: normal;
    font-size: 12px; }
    .purchase-table th div {
      font-size: 12px; }
    .purchase-table th input[type="checkbox"] {
      margin: 0 5px 0 0; }
  .purchase-table td {
    text-align: right;
    font-size: 14px; }
  .purchase-table tbody tr:nth-child(even) {
    background: transparent; }
  .purchase-table tfoot {
    background: transparent;
    border-top: 2px solid #2a2a2c; }
    .purchase-table tfoot th, .purchase-table tfoot td {
      padding: 10px 5px; }
    .purchase-table tfoot th {
      font-weight: bold;
      padding-left: 0; }
    .purchase-table tfoot td {
      font-size: 18px;
      font-weight: bold; }
  .purchase-table hr {
    margin: 5px 0;
    border-color: #2a2a2c; }
  .purchase-table .purch-tab-txt {
    width: 75px;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px; }
  .purchase-table.paymentmethod tbody th, .purchase-table.paymentmethod tbody td {
    border-bottom: 1px solid #ddd; }
  .purchase-table.paymentmethod .purch-tab-txt {
    margin-bottom: 0; }

.payconf-referredproducts {
  padding: 5px 10px;
  line-height: 1.2; }

.profile-wrap {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb; }
  .profile-wrap {
    *zoom: 1; }
  .profile-wrap:before, .profile-wrap:after {
    content: "";
    display: table; }
  .profile-wrap:after {
    clear: both; }

.profile-avatar {
  float: left; }

.profile-thumb {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.profile-change {
  display: block;
  color: #ee4037;
  text-align: center; }

.profile-avatar + .profile-info {
  margin-left: 140px; }

.profile-info {
  line-height: 1.25; }

.profile-name {
  margin-bottom: 10px;
  font-weight: bold; }

.profile-dob, .profile-email {
  margin-bottom: 10px; }
  .profile-dob label, .profile-email label {
    margin-bottom: 0;
    font-size: 12px;
    color: #adabac; }

.profile-email div {
  font-size: 11px; }

.confbooking-wrap {
  margin: 25px 0;
  text-align: center;
  color: #e7b719;
  line-height: 1.25; }

.confbooking-date {
  font-size: 18px;
  font-weight: bold; }

.confbooking-time {
  font-size: 32px;
  font-weight: bold; }

.prac-date-container {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0; }
  .prac-date-container input {
    position: absolute;
    left: -70px;
    top: -30px; }

.tablesorter .header {
  position: relative;
  cursor: pointer;
  padding-right: 15px; }
  .tablesorter .header:after {
    content: "";
    top: 50%;
    right: 3px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #2a2a2c;
    border-width: 5px;
    margin-top: -2px;
    cursor: pointer; }
  .tablesorter .header.headerSortUp:after {
    margin-top: -7px;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #2a2a2c; }

/* Autocomplete dropdowns */
.autocomplete {
  max-height: 210px !important;
  overflow: auto; }
  .autocomplete div {
    background-color: #FFFFFF;
    padding: 12px;
    border-top: 1px solid #EEEEEE; }
    .autocomplete div:last-child {
      border-bottom: 1px solid #EEEEEE; }

.app.datepicker-cal .ui-datepicker, .datepicker-cal.hasDatepicker .ui-datepicker {
  margin: 0 auto; }

/* BOOTSTRAP Modal Popup */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .fade.in {
    opacity: 1; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  max-width: 500px;
  margin: 10px auto; }

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px 25px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2; }

.modal-body {
  position: relative;
  padding: 0 25px; }
  .modal-body {
    *zoom: 1; }
  .modal-body:before, .modal-body:after {
    content: "";
    display: table; }
  .modal-body:after {
    clear: both; }
  .modal-body p:last-child {
    margin-bottom: 0; }

.modal-footer {
  padding: 15px 25px;
  text-align: center; }

.bg-lightgrey {
  background-color: #f2f2f4; }
  .bg-lightgrey > .section-hdr:first-child {
    margin-top: 0; }

.payblock {
  padding: 25px;
  border-radius: 10px; }
  .payblock .section-hdr {
    margin-bottom: 0; }

.pay-feecat {
  margin-top: 14px;
  float: right; }
  .pay-feecat strong {
    color: #67b4be; }

.paysum-bookitem {
  padding: 10px 0;
  border-bottom: 1px solid #fff; }
  .paysum-bookitem {
    *zoom: 1; }
  .paysum-bookitem:before, .paysum-bookitem:after {
    content: "";
    display: table; }
  .paysum-bookitem:after {
    clear: both; }
  .paysum-bookitem div {
    line-height: 1.4; }

.paysum-itemlhs {
  float: left;
  width: 60%; }

.paysum-itemtitle {
  margin-left: 26px; }

.paysum-itemprice {
  float: right;
  width: 40%;
  text-align: right; }

.selected-prod-container div {
  line-height: 1.4; }
.selected-prod-container > .row {
  padding: 15px 0;
  border-bottom: 1px solid #fff; }
  .selected-prod-container > .row:last-child {
    border-bottom: 0; }
  .selected-prod-container > .row > .columns.four {
    width: 40%;
    padding-left: 30px; }
  .selected-prod-container > .row > .columns.eight {
    width: 60%; }
.selected-prod-container .quantity {
  margin-bottom: 0;
  margin-right: 10px; }
.selected-prod-container .button.remove-item {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  font-size: 13px;
  line-height: 19px;
  padding: 0;
  text-align: center;
  font-family: verdana, sans-serif; }

.product-discount, input.product-discount,
.booking-discount, input.booking-discount {
  display: inline-block;
  width: 40px;
  height: auto;
  margin: 0 5px;
  padding: 2px 5px;
  background: #85be49;
  color: #fff;
  font-weight: bold; }
  .product-discount:focus, input.product-discount:focus,
  .booking-discount:focus, input.booking-discount:focus {
    background: #5a832f; }

.booking-price, .product-price {
  display: inline-block;
  margin-left: 5px; }

.purchase-greentbl {
  padding: 20px 25px;
  margin-bottom: 25px;
  border-radius: 10px;
  background: #e7f3db; }
  .purchase-greentbl table {
    background: transparent; }

.faq-item {
  border-bottom: 1px solid #ebebeb;
  padding: 15px; }

.faq-title {
  margin-bottom: 10px;
  font-weight: bold;
  color: #67b4be;
  font-size: 18px; }

.faq-content p:last-child {
  margin-bottom: 0; }

.prac-search {
  position: relative;
  display: inline-block; }
  .prac-search > .btn-search.active + .prac-search-form {
    /*display: block;*/ }

.prac-search-form {
  position: absolute;
  right: 0;
  top: 46px;
  display: none;
  width: 250px;
  background: #67b4be;
  padding: 10px;
  border-radius: 4px;
  z-index: 1; }
  .prac-search-form input[type="text"] {
    float: left;
    padding: 8px 10px;
    height: 36px;
    font-size: 12px;
    width: 162px;
    margin: 0; }
  .prac-search-form .btn-search {
    float: right; }

.report-link {
  display: inline-block;
  width: 250px;
  height: 150px;
  margin: 0 6px 10px;
  border-radius: 6px;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .report-link.seafoam {
    background-color: #91bdb0; }
  .report-link.teal {
    background-color: #67b4be; }
  .report-link.grey_light {
    background-color: #f2f2f4; }
  .report-link.grey_med {
    background-color: #adabac; }
  .report-link.grey_dark {
    background-color: #838082; }
  .report-link.yellow {
    background-color: #e7b719; }
  .report-link.yellow_dark {
    background-color: #ba9313; }
  .report-link.green {
    background-color: #85be49; }
  .report-link.green_dark {
    background-color: #5a832f; }
  .report-link.red {
    background-color: #ee4037; }
  .report-link.red_dark {
    background-color: #c01910; }
  .report-link.blue {
    background-color: #99c7e8; }
  .report-link.orange {
    background-color: #f08851; }
  .report-link.orange_dark {
    background-color: #d95713; }
  .report-link.purple {
    background-color: #f3ecf3; }
  .report-link.purple_dark {
    background-color: #ba8cb1; }

.fileuploader-style .button {
  float: right;
  width: 108px;
  padding: 14px 30px 13px; }
.fileuploader-style .flexfield {
  margin-right: 123px; }

.fileuploader-overlay {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer; }

#attachmentstable .attachmentrestore {
  display: none; }

#attachmentstablearchive .attachmentarchive {
  display: none; }

#myChart {
  max-height: 800px !important; }

@media only screen and (max-width: 1000px) {
  .columns-quad {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%; } }
@media only screen and (max-width: 600px) {
  .modal-dialog {
    max-width: inherit;
    margin: 20px; } }
@media only screen and (max-width: 450px) {
  .columns-quad {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 100%;
    -moz-column-width: 100%;
    column-width: 100%; } }

/*# sourceMappingURL=style.css.map */
