/*
 Added classes for list selection layouts
*/
.listView {
  display: flex;
  flex-direction: column;
}
.listViewItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.listViewItemLabel {
  flex: 1;
}
.listViewItemLabel .btn-fw {
  display: flex;
  align-items: center;
  height: 50px;
}
.serviceList .listViewItemLabel .btn-fw {
  height: 45px;
}
.listViewItemInfo {
  padding-left: 15px;
}
.locationSelection {

}
.navbar .container-fluid {
    padding: 0 0 0 5px;
}
.navbar .container-fluid, .navbar .container-fluid .navbar-header {
  display: flex;
}
.navbar .container-fluid .navbar-header {
  flex: 1 auto;
}
.navbar .container-fluid .navbar-header #homediv {
  flex: 1;
}
.navbar .container-fluid .navbar-nav {
  margin: 0;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}
.navbar .container-fluid .navbar-nav .fa-user, .navbar .container-fluid .navbar-nav .fa-shopping-cart {
  padding-right: 5px;
}
.navbar .container-fluid .navbar-nav.pull-right li {
  position: relative;
  top: -2px;
}
.navbar .container-fluid .navbar-nav span.caret.bgText {

}
.navbar .container-fluid {
  margin-top: 5px;
}
a.navbar-brand.bgText {
    padding: 0 10px 0 0;
}
/*
Service selection items
*/

.serviceList table {
    display: flex;
    flex: 1 auto;
}
.serviceList table tbody {
    flex: 1 auto;
}


.serviceCategory {
  margin-left: 20px;
}
.serviceSubCategory {
  margin-left: 40px;
}
.serviceItem {
  margin-left: 60px;
}


.listViewItem.serviceList {
  margin-bottom: 10px;
}
.serviceCategory, .serviceSubCategory, .serviceItem {
  margin-bottom: 10px;
  display: flex;
}
.serviceCategory td, .serviceSubCategory td {
  display: flex;
  flex: 1;
  height: 45px;
}
.selectService .fa-star {
  margin-left: 10px;
}
tr.ng-scope.selectServiceRow {
    display: flex;
    flex-direction: row;
    align-items: center;
}
tr.ng-scope.selectServiceRow .serviceItem {
  flex: 1;
}
tr.ng-scope.selectServiceRow .serviceItem.infoHolder {
  flex: 0;
  margin-left: 0px;
}
tr.ng-scope.selectServiceRow .serviceItem.infoHolder .btn-in {
  margin-left: 10px;
}
tr.ng-scope.selectServiceRow .serviceItem.infoHolder .btn-in.ng-hide {
  margin-left: 0;
}
.selectService {
  height: 45px !important;
  display: flex !important;
}
.serviceList .lastReservation {
    margin: 0 0px 10px 60px !important;
}
.serviceCategory td .btn-fw, .serviceSubCategory td .btn-fw, .selectService {
  height: 45px;
  display: flex;
  align-items: center;
}
.serviceCategory td.infoButton {
  flex: 0;
}
.descriptionRow {
  margin-bottom: 0;
}



  .panel-title {color:#313131 !important;}

.btn-fw{
  display:inline-block;
	border: 1px solid #ffffff;
	background: #BBBBBB;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#BBBBBB));
	background: -moz-linear-gradient(top, #eeeeee, #BBBBBB);
  background: #eeeeee;
	font-size: 14px;
	color:#313131;
	text-decoration: none;
	cursor:pointer;
  height: 35px;
  border-radius: 0px;
  padding-left:12px;
  width:100%;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  transition: 0.3s ease;
}
.btn-fw:focus{
  text-decoration: none;
	color:#313131;
}

.btn-fw:hover {
	border: 1px solid #FFFFFF;
	color:#4B4B4B;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#eeeeee));
	background: -moz-linear-gradient(top, #FFFFFF, #eeeeee);
  background: #FFFFFF;
	text-decoration: none;
}
.btn-fw:active {
	border: 1px solid #E6E6E6;
	color:#181818;
	background: #888888;
	background: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#888888));
	background: -moz-linear-gradient(top, #BBBBBB, #888888);
  background: #BBBBBB;
	text-decoration: none;
  box-shadow:none;
}

.btn-fw span
{
	display:inherit;
	height:100%;
	vertical-align: middle;
  top: 20%;
  /* width:75%; */
  position: relative;
}

.btn-fw i
{
	font-size:30px;
	border-left:1px solid #E2D3C9;
	height:33px;
	background: #233580;
	background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
	background: -moz-linear-gradient(top, #5668b3, #233580);
  background: #5668b3;
	border-radius:0px;
	padding-left: 12px;
	padding-right: 12px;
	color: #ffffff;
  float:right;
  text-align:center;
  width:48px;
  padding-top:2px;
  transition: 0.3s ease;
}


.btn-fw:hover i {
  border-left: 1px solid #FCEDE3;
  color: #FFFFFF;
  background: #5668b3;
  background: -webkit-gradient(linear, left top, left bottom, from(#899BE6), to(#5668b3));
  background: -moz-linear-gradient(top, #899BE6, #5668b3);
  background: #899BE6;
}

.btn-fw:active i {
  border-left: 1px solid #C9BAB0;
  color: #E6E6E6;
  background: #00024D;
  background: -webkit-gradient(linear, left top, left bottom, from(#233580), to(#00024D));
  background: -moz-linear-gradient(top, #233580, #00024D);
  background: #233580;
}

.btn-fw em
{
	font-size:30px;
	border-left:1px solid #E2D3C9;
	height:33px;
	background: #233580;
	background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
	background: -moz-linear-gradient(top, #5668b3, #233580);
  background: #5668b3;
	border-radius:0px;
	padding-left: 12px;
	padding-right: 12px;
	color: #ffffff;
  float:right;
  text-align:center;
  width:38px;
  padding-top:2px;
  transition: 0.3s ease;
}


.btn-fw:hover em {
  border-left: 1px solid #FCEDE3;
  color: #FFFFFF;
  background: #5668b3;
  background: -webkit-gradient(linear, left top, left bottom, from(#899BE6), to(#5668b3));
  background: -moz-linear-gradient(top, #899BE6, #5668b3);
  background: #899BE6;
}

.btn-fw:active em {
  border-left: 1px solid #C9BAB0;
  color: #E6E6E6;
  background: #00024D;
  background: -webkit-gradient(linear, left top, left bottom, from(#233580), to(#00024D));
  background: -moz-linear-gradient(top, #233580, #00024D);
  background: #233580;
}

a.btn-in:hover, a.btn-in:focus {
	color:#313131;
}
.btn-in
{
  display: inline-block;
  border: 1px solid #ffffff;
  background: #eeeeee;
	font-size: 14px;
	color:#313131;
  cursor: pointer;
  height: 32px;
  width: 32px;
  border-radius: 16px;
  padding-left: 12px;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
  padding-right: 15px;
  transition: 0.3s ease;
}

.btn-in:hover  {
  background: #FFFFFF;
}

.btn-in:active  {
  background: #FFFFFF;
}

.btn-in-active  {
  background: #FFFFFF;
}

.btn-in i
{
    font-size: 16px;
    position: relative;
    top: 6px;
}

.btn-in em
{
  font-size: 25px;
  position: relative;
  top: 10%;
  padding-top: 2px;
  padding-right: 1px;
}


/* social media styles */
.socialIntro {
  color: #191919;
  text-align: center;
  font-size:14px;
  font-weight:bold;
  margin-top: 4px;
}
.smContainer {
  margin: 10px auto 15px;
  background: #fff;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   width: 100%;
   padding:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.fbMediaSeparationLine{
  height:1px;
  background: #D7D7D7;
  margin: 0 10px;
}
#facebookDetailsTD {
  padding-left: 12px;
}
.loggedInUserDetails, .fbLogoutButton {
  color : #46669F;
  font-size:12px;
}
.fbLogoutButton {
  text-decoration: underline;
}
.subTotalLine {
  margin: 2px 0;
}
.subTotalValue {
  padding-left: 10px;
}
#fbLogoutButton {
  display:inline-block;
  float: right;
  margin-top: 5px;
}
/* end of social media styles */
body {
    background-color: #242424;
    color:#ffffff;
    font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
    /* font-family: Helvetica,Arial,sans-serif; */
    font-weight: normal;
    margin: 0;
    overflow:hidden;
    overflow-y: auto;
}


#timedOutReservations{
  background: #FFF3A3;
  border: 1px solid #C00016;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 0px;
  color: #e6001a;
  padding: 5px;
  padding-left: 8px;
}
.timedOutServicesHeader{
  margin-top: 2px;
  font-size: 15px !important;
  font-weight: bold;
}
.timedOutServicesDescription{
}
.retryTimedOutButtonWrapper {
  text-align: right;
  padding: 3px;
}
.timedOutServiceLabel {
  padding: 5px;
  padding-right: 12px;
}
.timedOutService{
  margin: 2px 0;
  font-size: 12px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  padding: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.retryTimedOutButton{
  background: #FFF3A3;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF9D3), to(#FFF3A3));
  background: -moz-linear-gradient(top, #FFF9D3, #FFF3A3);
  background: #FFF3A3;
  border: 1px solid #DE7B0D;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 0px;
  padding: 5px 10px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s ease;
}
.retryTimedOutButton:hover {
  background: #FFF8C7;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF8C7));
  background: -moz-linear-gradient(top, #FFF, #FFF8C7);
  background: #FFF9D3;
}
.retryTimedOutButton:active {
  background: #FFEC5B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF3A0), to(#FFEC5B));
  background: -moz-linear-gradient(top, #FFF3A0, #FFEC5B);
}


#ajaxProblem {
  padding:10px;
  margin-top:10px;
}
.mainDivFontColor {
    color:#ffffff;
}
p {
  font-size:13px;
}
.wbBackground {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;

 width: 500px;
	 background-color:#333450;
   margin: 0 auto;
   background: -webkit-gradient(linear, left top, left bottom, from(#333450), to(#202136));
   background: -moz-linear-gradient(top, #333450, #202136);
}
.wbMainForm {
   width:300px;
	 padding:10px;
   padding-bottom:15px;
   

   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
}
#wbMainForm {
 width: 480px;

	padding:10px;
   padding-bottom:15px;
  

   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
}





.errormessage{
  color: #898c90;
  background-color:#fff;
  border: 2px solid #ff0000;
  display:inline;
  padding:5px;
  font-weight:bold;
  padding: 6px 10px;
  margin: 8px;
}

#loginerror {
  padding:5px 8px 8px 8px;
  margin: 4px -10px -5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

h1 {
	font-size:21px;
	margin-top:2px;
  

}
h3 {
	font-size:18px;
	font-weight:normal;
	margin-top:0;
}
header, nav, article, footer{
	display: block;
}
footer {
	color:#DED9CD;
	padding:5px;
	font-size:13px;
}
footer a, footer a:visited {
	color:#DED9CD;
}
a.whiteLink {
	color:#fff;
}

a.bgLink {
  color: #FFFFFF;
}

.bgText {
  color: #FFFFFF !important;
}

footer a:hover {
	color:#ffffff;
}
.locationsDetails {
  float:right;
  display:none;

  width:200px;
}
#serviceDetails{
	float:left;
	width:200px;
	padding-left:40px;
	padding-top:10px;
}

.blueHighLight {
	-moz-box-shadow: 0 0 9px 1px #11FFFF;
	-webkit-box-shadow: 0 0 9px 1px #11FFFF;
	box-shadow: 0 0 9px 1px #11FFFF;
}
#loadingpage, .loadingpage {
   padding-top:10px;
   background:#000000;
   color:#ffffff;
   text-align:center;
   margin: 0 auto;
   width:200px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
.breadcrumbTable {
	 background:rgba(0,0,0,0.3);
	 padding:3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   font-size:13px;
}
.hintText {
	font-size: 13px;
}

a.dp-choose-date {
  background: url("/icons/calendar-button.png") no-repeat scroll 0 0 transparent;
  float: left;
  height: 16px;
  margin: 5px 3px 0;
  overflow: hidden;
  padding: 0;
  text-indent: -2000px;
  width: 16px;
}

table.jCalendar {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 solid #000000;
    border-collapse: separate;
    border-spacing: 0;
}
table.jCalendar th {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #999999;
    font-weight: bold;
    padding: 3px 5px;
}
table.jCalendar td {
    background: none repeat scroll 0 0 #DAE0E9;
    border: 1px solid #AAAAAA;
    color: #000000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #AAAAAA;
}
table.jCalendar td.today {
    background: none repeat scroll 0 0 #0660C9;
    color: #FFFFFF;
}
table.jCalendar td.selected {
    background: none repeat scroll 0 0 #0660C9;
    color: #FFFFFF;
}
table.jCalendar td.selected.dp-hover {
    background: none repeat scroll 0 0 #FF3333;
    color: #FFFFFF;
}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
table.jCalendar tr.selectedWeek td {
    background: none repeat scroll 0 0 #FF6666;
    color: #FFFFFF;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: none repeat scroll 0 0 #BBBBBB;
    color: #888888;
}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {
    background: none repeat scroll 0 0 #BBBBBB;
    color: #888888;
}
div.dp-popup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    font-family: arial,sans-serif;
    font-size: 10px;
    line-height: 1.2em;
    padding: 5px;
    position: relative;
    width: 171px;
    color:#000;
}
div#dp-popup {
    position: absolute;
    z-index: 199;
}
div.dp-popup h2 {
    font-size: 12px;
    margin: 2px 0;
    padding: 0;
    text-align: center;
}
a#dp-close {
    display: block;
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #000000;
    padding: 3px 2px 0;
    text-decoration: none;
}
div.dp-popup div.dp-nav-prev {
    left: 4px;
    position: absolute;
    top: 2px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    right: 4px;
    top: 2px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    color: #AAAAAA;
    cursor: default;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}



.alternateBookBlock {
    background: #5668b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#3D4F9A));
    background: -moz-linear-gradient(center top , #5668b3, #3D4F9A) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
}
.simpleBorder {
    border:solid 1px #ffffff;
    border-radius: 3px 3px 3px 3px;
}
.bookDisplay {
    background: #5668b3;
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
    background: -moz-linear-gradient(center top , #5668b3, #233580) repeat scroll 0 0 transparent;
    border-radius: 3px 8px 8px 8px;
    display: block;
    margin-bottom: 8px;
    padding: 6px;
}
.bookDisplay table td {
    text-align: center;
}
.timeslotButton {
    background: #8D99CC;
    background: -webkit-gradient(linear, left top, left bottom, from(#8D99CC), to(#5A6699));
    background: -moz-linear-gradient(center top , #8D99CC, #5A6699) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    /* color: #313131; */
    color: #ffffff;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    border: none;
    border-radius: 0px;
}
.timeslotButton:hover {
    color: #FFFFFF;
    background: #C0CCFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#C0CCFF), to(#8D99CC));
    background: -moz-linear-gradient(center top , #C0CCFF, #8D99CC) repeat scroll 0 0 transparent;
}
.timeslotButton:active {
    color: #ffffff;
    background: #3A3A85;
    background: -webkit-gradient(linear, left top, left bottom, from(#3A3A85), to(#070752));
    background: -moz-linear-gradient(center top , #3A3A85, #070752) repeat scroll 0 0 transparent;
}
.selectedTimeslotButton {
    color: #ffffff;
    background: #3A3A85;
    background: -webkit-gradient(linear, left top, left bottom, from(#3A3A85), to(#070752));
    background: -moz-linear-gradient(center top , #3A3A85, #070752) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
}






.wbPrevButton, .wbNextButton, .yellowButton {

    border: 1px solid #ffffff;
    background: #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#BBBBBB));
    background: -moz-linear-gradient(top, #eeeeee, #BBBBBB);

 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
    color:#313131;
    font-size: 15px;
    margin-bottom: 8px;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 80px;
}
.lastReservation {
   padding: 12px;
   passind-top: 0;
   display:block;
   color:#ffffff
   /* color: #ffffff; */
   font-size: 15px;
   text-decoration: none;
   vertical-align: middle;
   min-height:66px;

  margin:20px 8px 10px;
  border: 1px solid #ffffff;
  border-radius: 0px;
}
.homeOptionsHolder {
   background: #233580;
   background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
   background: -moz-linear-gradient(top, #5668b3, #233580);
   padding: 12px;
   display:block;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #ffffff;
   font-size: 15px;
   text-decoration: none;
   vertical-align: middle;
   min-height:66px;
}
.lastReservation p, .lastReservation h3{
  margin:0;
}
.arrowButton {
  cursor:pointer;
  margin-left:30px;
  display:block;
  width:40px;
  height:40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: solid 1px #fff;
  background: #233580;
  background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
  background: -moz-linear-gradient(top, #5668b3, #233580);
}
.chrome .arrowButton {
  border: solid 2px #fff;
}
.arrowButton:hover {
  background: #5668b3;
  background: -webkit-gradient(linear, left top, left bottom, from(#899BE6), to(#5668b3));
  background: -moz-linear-gradient(top, #899BE6, #5668b3);
}
.arrowButton:active{
  background: #00024D;
  background: -webkit-gradient(linear, left top, left bottom, from(#233580), to(#00024D));
  background: -moz-linear-gradient(top, #233580, #00024D);
}
/* breadcrumb icons for mobile version */
.previousMobileIcon, .currentMobileIcon{
  display: inline-block;
  border: 1px solid #fff;
  background : #5668b3;
  height: 32px;
  width: 32px;
   -webkit-border-radius: 16px;
   -moz-border-radius: 16px;
   border-radius: 16px;
}
.currentMobileIcon {
  background : #233580;
}
/* end of mobile version breadcrumb icons */

.greyRect{
  background: #BBBBBB;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#BBBBBB));
  background: -moz-linear-gradient(top, #eeeeee, #BBBBBB);
  background: #eeeeee;
  padding: 12px 12px 10px 8px;
  color: #313131 !important;
  font-weight: bold;
  width:100%;
  text-align:center;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
}

.greyRect a
{
  color: #ffffff;
}

.btn-bck
{
  text-align:center;
	margin-bottom:8px;
  border: 1px solid #ffffff;
  background: #BBBBBB;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#BBBBBB));
  background: -moz-linear-gradient(top, #eeeeee, #BBBBBB);
	display:inline-block;
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 0px 3px 3px 0px;
	border-left: none;
  padding: 12px;
	-webkit-box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
	box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
}

.btn-bck-hover {
   border: 1px solid #FFFFFF;
   color:#4B4B4B;
   background: #eeeeee;
   border-left: none !important;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#eeeeee));
   background: -moz-linear-gradient(top, #FFFFFF, #eeeeee);
  }

  .btn-bck-icon {
	margin-bottom:8px;
   border: 1px solid #E2D3C9;
   border-right: none;
   border-radius: 3px 0px 0px 3px;
   background: #233580;
   background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
   background: -moz-linear-gradient(top, #5668b3, #233580);
   display:inline-block;

   color: #ffffff;
   font-size:30px;
  padding: 2px 12px 3px 15px;
  -webkit-box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
  box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
   text-decoration: none;
   vertical-align: middle;
   

}
.btn-bck-icon-hover {
  border: 1px solid #FCEDE3;
  border-right: none;
  color: #FFFFFF;
  background: #5668b3;
  background: -webkit-gradient(linear, left top, left bottom, from(#899BE6), to(#5668b3));
  background: -moz-linear-gradient(top, #899BE6, #5668b3);
}

.btn-fwd
{
  text-align:center;
	margin-bottom:8px;
  border: 1px solid #ffffff;
  background: #BBBBBB;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#BBBBBB));
  background: -moz-linear-gradient(top, #eeeeee, #BBBBBB);
	display:inline-block;
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 3px 0px 0px 3px;
	border-right: none;
  padding: 5px;
  height:34px;
  vertical-align:middle;
	-webkit-box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
	box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
}

.btn-fwd-hover {
   border: 1px solid #FFFFFF;
   color:#4B4B4B;
   background: #eeeeee;
   border-right: none !important;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#eeeeee));
   background: -moz-linear-gradient(top, #FFFFFF, #eeeeee);
  }

  .btn-fwd-icon {
	margin-bottom:8px;
   border: 1px solid #E2D3C9;
   border-left: none;
   border-radius: 0px 3px 3px 0px;
   background: #233580;
   background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
   background: -moz-linear-gradient(top, #5668b3, #233580);
   display:inline-block;

   color: #ffffff;
   font-size:30px;
  padding: 5px 15px;
  height:34px;
  -webkit-box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
  box-shadow: 3px 7px 7px 0px rgba(0,0,0,0.55);
   text-decoration: none;
   vertical-align: middle;
   

}
.btn-fwd-icon-hover {
  border: 1px solid #FCEDE3;
  border-left: none;
  color: #FFFFFF;
  background: #5668b3;
  background: -webkit-gradient(linear, left top, left bottom, from(#899BE6), to(#5668b3));
  background: -moz-linear-gradient(top, #899BE6, #5668b3);
}

.wbButton {
	margin-bottom:8px;
   border: 1px solid #E2D3C9;
   background: #233580;
   background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
   background: -moz-linear-gradient(top, #5668b3, #233580);
   background: #5668b3;
   padding: 6px 10px;
   display:block;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 0px;
   color: #ffffff;
   font-size: 15px;
   text-decoration: none;
   vertical-align: middle;
   transition: 0.3s ease;
   

}
.wbButton:hover {
  border: 1px solid #FCEDE3;
  color: #FFFFFF;
  background: #5668b3;
  background: -webkit-gradient(linear, left top, left bottom, from(#899BE6), to(#5668b3));
  background: -moz-linear-gradient(top, #899BE6, #5668b3);
  background: #899BE6;
}

.wbButton:active {
  border: 1px solid #C9BAB0;
  color: #E6E6E6;
  background: #00024D;
  background: -webkit-gradient(linear, left top, left bottom, from(#233580), to(#00024D));
  background: -moz-linear-gradient(top, #233580, #00024D);
  background: #233580;
}
.wbButtonPhoneOnly{
	margin-bottom:8px;
   border: 1px solid #E2D3C9;
   background: #233580;
   background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
   background: -moz-linear-gradient(top, #5668b3, #233580);
   background: #5668b3;
   padding: 6px 10px;
   display:block;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 0px;
   color: #ffffff;
   font-size: 15px;
   text-decoration: none;
   vertical-align: middle;
}
.selectedWBButton {
	 margin-bottom:8px;
   border: 1px solid #C9BAB0;
  background: #00024D;
  background: -webkit-gradient(linear, left top, left bottom, from(#233580), to(#00024D));
  background: -moz-linear-gradient(top, #233580, #00024D);
  background: #233580;
   padding: 6px 10px;
   display:block;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 0px;
   color: #E6E6E6;
   font-size: 15px;
   text-decoration: none;
   vertical-align: middle;
   

}
.prettyHeader {
   color:#313131;
   font-size:21px;
   font-weight:bold;
   padding:12px 4px;
   text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}
.wbGreyButton, .wbGreyHomeButton{
	display:block;
	text-align:center;
	margin-bottom:8px;
   border: 1px solid #ffffff;
   background: #BBBBBB;
   background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#BBBBBB));
   background: -moz-linear-gradient(top, #eeeeee, #BBBBBB);
  background: #eeeeee;
   font-size: 15px;
   

   padding: 6px 10px;
   

   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 0px;
   color:#313131;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
}
.wbGreyHomeButton{
  display:inline-block;
  padding:6px 15px;
  width:80px;
  margin:0 10px;
}

.wbGreyInactiveButton{
  display:inline-block;
  padding:6px 15px;
  width:80px;
  margin:0 10px;
}

.greyRoundedRect{
  background: #BBBBBB;
   background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#BBBBBB));
   background: -moz-linear-gradient(top, #eeeeee, #BBBBBB);
   padding: 6px 10px;
   color: #242424;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
.visitedBreadcrumb, .currentBreadcrumb, .unvisitedBreadcrumb{
   width:30px;
   height:26px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   font-size:18px;
   font-weight:normal;
   display:inline-block;
   text-align:center;
   padding-top:4px;
   

}
.visitedBreadcrumb{
   border: 1px solid #ffffff;
   background: #5668b3;
   color: #ffffff;
}
.chrome .visitedBreadcrumb {
   border: 2px solid #ffffff;
}
.visitedBreadcrumb:hover {
   background: #899BE6;
}
.currentBreadcrumb{
   border: 1px solid #ffffff;
   background: #233580;
   color: #ffffff;
}
.chrome .currentBreadcrumb{
   border: 2px solid #ffffff;
}
.unvisitedBreadcrumb{
   border: 1px solid #ffffff;
   background: #ADADAD;
   color: #ffffff;
}
.chrome .unvisitedBreadcrumb{
   border: 2px solid #ffffff;
}

.currentBreadcrumbLabel, .unvisitedBreadcrumbLabel, .visitedBreadcrumbLabel {
  font-size:15px;
  

}
.visitedBreadcrumbLabel {
  font-weight:normal;
  color: #313131;
}
.visitedBreadcrumbLabel:hover {
  color: #7E7E7E;
}
.currentBreadcrumbLabel{
  font-weight:bold;
  color: #313131;
}
.unvisitedBreadcrumbLabel {
  font-weight:normal;
  color: #808080;
}
.wbGreyButton:hover, .wbGreyHomeButton:hover {
   border: 1px solid #FFFFFF;
   color:#4B4B4B;
   background: #eeeeee;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#eeeeee));
   background: -moz-linear-gradient(top, #FFFFFF, #eeeeee);
   }
.wbGreyButton:active, ..wbGreyHomeButton:active {
   border: 1px solid #E6E6E6;
   color:#181818;
   background: #888888;
   background: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#888888));
   background: -moz-linear-gradient(top, #BBBBBB, #888888);
   }

.salonCategoryButton{
  display:inline-block;
	width:100px;
	height:100px;
	text-align:center;
	padding: 3px 10px;
	margin-bottom:8px;
   border: 0;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#EEEEEE));
   background: -moz-linear-gradient(top, #ffffff, #EEEEEE);
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   color: #242424;
   font-size: 20px;
   text-decoration: none;
   vertical-align: middle;
}

.breadcrumbBackText {
  display:block;
  padding-bottom:4px;
  padding-left:9px;
  float:left;
}
.breadcrumbBack {
  cursor:pointer;
  height:17px;
  width :60px;
  border: solid 1px #fff;
  margin-top:3px;
  margin-bottom:3px;
}
.staffSelectorBlock {


  width:128px;
  margin-right:10px;


  float:left;
}
.servicesCatHeader {
  margin:0;
  font-size:16px;
  font-weight:bold;
  

}
  

.accordion-toggle{display:block;}

.btn-api
{
	border-left:1px solid #E2D3C9;
	background:#233580;
	background:-webkit-gradient(linear,lefttop,leftbottom,from(#5668b3),to(#233580));
	background:-moz-linear-gradient(top,#5668b3,#233580);
	border-radius:0px 3px 3px 0px;
	color:#ffffff;
	float:right;
	text-align:center;
}

.btn-loc{
	border:1px solid #ffffff;
	background:#BBBBBB;
	background:-webkit-gradient(linear,lefttop,leftbottom,from(#eeeeee),to(#BBBBBB));
	background:-moz-linear-gradient(top,#eeeeee,#BBBBBB);
	font-size:15px;
	color:#313131;
	text-decoration:none;
	cursor:pointer;
	border-radius:3px;
	padding:12px;
	width:100%;
	box-shadow:3px 7px 7px 0px rgba(0,0,0,0.55);
	position:relative;
}

.btn-loc:hover{
	border: 1px solid #FFFFFF;
	color:#4B4B4B;
	background:#eeeeee;
	background:-webkit-gradient(linear,lefttop,leftbottom,from(#FFFFFF),to(#eeeeee));
	background:-moz-linear-gradient(top,#FFFFFF,#eeeeee);
	text-decoration:none;
}
.btn-loc:active{
	border:1px solid #E6E6E6;
	color:#181818;
	background:#888888;
	background:-webkit-gradient(linear,lefttop,leftbottom,from(#BBBBBB),to(#888888));
	background:-moz-linear-gradient(top,#BBBBBB,#888888);
	text-decoration:none;
	box-shadow:none;
}

.btn-loc::after
{
	content:"\f0da";
	font-family:FontAwesome;
	font-size:40px;
	border-left: 1px solid #E2D3C9;
	background:#233580;
	background:-webkit-gradient(linear,lefttop,leftbottom,from(#5668b3),to(#233580));
	background:-moz-linear-gradient(top,#5668b3,#233580);
	border-radius:0px 3px 3px 0px;
	padding-left:12px;
	padding-right:12px;
	color:#ffffff;
	text-align:center;
	width:48px;
	float:right;
	height:100%;
}

.btn-group > .active {
   border: 1px solid #E6E6E6;
   color:#181818;
   background: #888888;
   background: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#888888));
   background: -moz-linear-gradient(top, #BBBBBB, #888888);
   }

.contentContainer{ padding-bottom:12px; }

.dropdown-menu{
	border:1px solid #ffffff;
	background:background:#f2f2f2; /* #BBBBBB; */
  /*
	background:-webkit-gradient(linear,lefttop,leftbottom,from(#eeeeee),to(#BBBBBB));
	background:-moz-linear-gradient(top,#eeeeee,#BBBBBB);
  */
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background:#BBBBBB;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857;
    transition: all 0.2s ease-in-out 0s;
    border-radius: 3px;
    border: 1px solid #ffffff;
    background: #888888;
    background: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#888888));
    background: -moz-linear-gradient(top, #BBBBBB, #888888);
}

.lmnavbar{margin-bottom:0px;border-radius:0px;font-size:12px;min-height:40px;border: none;background: none; color: #262626;}

.lmnavbar.navbar-header{height:40px; color: #262626;}

.midline{overflow:hidden; text-align:center;}

.midline:after, .midline:before{
	background-color:#FFF;
	content:"";
	display:inline-block;
	height:1px;
	position:relative;
	vertical-align:middle;
	width:50%;
}

.midline:after{left:0.5em;margin-right:-50%;}
.midline:before{right:0.5em;margin-left:-50%;}

.navbar a {font-size:12px;color:#ffffff;}

.navbar a i{margin-top:3%;font-size:20px;color:#ffffff;}
.navbar a em{margin-top:3%;font-size:20px;color:#ffffff;}

.navbar a span{display:block;line-height:12px;color:#ffffff;}

.navbar-nav > li > a{padding-top:5px;color:#ffffff;}

.navbar-default .navbar-brand{color:#ffffff;margin-top:-5%;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background:none;}


.navContainer{width:500px;margin:0px auto;height:40px; color: #262626;}


.panel{background:none; color:#ffffff; border:0px;}

.panel-body{background:none; color:#ffffff;}

div[datepicker] >table > thead > tr > th > small { color: black !important; }

.panel-collapse, .collapse, .in, .collapse.in{ background:none; }

.panel-default{border-color: none;}

.suggestions-list
{
	position:absolute;
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:auto;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	font-size:14px;
	z-index:1000;
}

.suggestions-list:focus{ outline:none;}

.suggestions-list li
{
	color:#333;
	padding:4px 25px;
	font-size:1em;
	cursor:pointer;
	background:#f2f2f2;
	border-bottom:1px solid #ddd;
}

.suggestions-list li:active, .suggestions-list li.active{ color:#20a28e; background:#dddddd;}
.suggestions-list li:hover{background:#ddd;}

.tags-cloud .tag
{
	float:left;
	padding:4px6px;
	font-size:1em;
	margin-right:5px;
	margin-bottom:5px;
	background:#f2f2f2;
	font-weight:600;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #ddd;
}

.tags-cloud .tag:hover{border:1pxsolid#cccccc;}
.tags-cloud .tag:hover.cross{opacity:1;}
.tags-cloud .tag.cross{margin-left:5px;margin-right:3px;font-size:1em;color:#20a28e;opacity:.7;cursor:pointer;}

.tags-wrapper{position:relative;}

.top-buffer{padding-top:20px;}

.wbAccordion.panel-group.panel{
	margin-bottom:0px;
	border-radius:0px;
	background: none;
	border-bottom: 2px solid black;
}

.wbAccordion .panel-default > .panel-heading
{
	border-radius:0px;
	border-color: none;
	background:#BBBBBB;
	background:-webkit-gradient(linear,lefttop,leftbottom,from(#eeeeee),to(#BBBBBB));
	background:-moz-linear-gradient(top,#eeeeee,#BBBBBB);
}

#wbMainForm{width:100%;}


.weekeven
{
min-height:100%!important;
text-align:center;
vertical-align:top;
}

.weekodd
{
min-height:100%!important;
text-align:center;
vertical-align:top;
}

.btn-back {
    font-size: 35px;
    border-right: 1px solid #FFF;
    height: 33px;
    border-right:1px solid #E2D3C9;
    background: #233580;
    background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
    background: -moz-linear-gradient(top, #5668b3, #233580);
    /* background: -moz-linear-gradient(center top , #888F4C, #555C19) repeat scroll 0% 0% transparent; */
    background: #5668b3;
    border-radius: 0;
    padding-left: 12px;
    padding-right: 12px;
    color: #ffffff;
    float: left;
    text-align: center;
    width: 38px;
    margin-left: -12px;
    font-size: 20px;
    padding-top: 10px;
    margin-right: 10px;
    transition: 0.3s ease;
  }

  .btn-fw:hover b{
  color: #FFFFFF;
  background: #5668b3;
  background: -webkit-gradient(linear, left top, left bottom, from(#899BE6), to(#5668b3));
  background: -moz-linear-gradient(top, #899BE6, #5668b3);
  background: #899BE6;
}

.map-marker-desc{ color:#ffffff; text-decoration:none;  }
.map-marker-desc:hover{ color:#ffffff; text-decoration:none;  }

.navbar-nav > li > .dropdown-menu {
    border-radius: 0px;
    border-radius: 0px;
}

            .divider{
              color:#ffffff;
              width:70%;
              margin:20px auto;
              overflow:hidden;
              text-align:center;
              line-height:1.2em;
          }

          .divider:before, .divider:after{
              content:"";
              vertical-align:top;
              display:inline-block;
              width:50%;
              height:0.65em;
              border-bottom:1px solid #ffffff;
              margin:0 2% 0 -55%;
          }
          .divider:after{
              margin:0 -55% 0 2%;
          }

          .panel-group {
    margin-top: 3px;
}

.btn-staff{ padding: 3px 0px 3px 0px; }

.wbButton{ color: #ffffff !important; }

.wbButton:hover {
  border: 1px solid #FCEDE3 !important;
  color: #FFFFFF !important;
  background: #5668b3 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#899BE6), to(#5668b3)) !important;
  background: -moz-linear-gradient(top, #899BE6, #5668b3) !important;
  background: #899BE6 !important;
}

.wbButton:active {
  border: 1px solid #C9BAB0 !important;
  color: #E6E6E6 !important;
  background: #00024D !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#233580), to(#00024D)) !important;
  background: -moz-linear-gradient(top, #233580, #00024D) !important;
}

.sr-only.ng-binding
{
  width: 1px !important;
  height: 1px !important;
}

.itext { color: #ffffff; float:left;padding: 4px 6px;vertical-align: middle; margin-top: -3px; };