/* @override 
	https://eyecare.sriaurobindoashram.org/res/css/style.css */

/* -------------------------------------------*/
/* BASIC SETUP */
/* -------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	background-color: #fff;
	color: #555;
	/*font-family: 'Lato', 'Arial', Sans-serif;*/
	font-family: "Open Sans Condensed",  Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 20px;
	text-rendering: optimizelegibility;
}

/* -------------------------------------------*/
/* REUSABLE COMPONENTS */
/* -------------------------------------------*/

.side-bar {
	margin-top: 40px;
	max-width: 170px;
	/*padding-top: 30px;*/
	height: 300px;
	border-right: 1px solid #ccc;
	font-size: 70%;
}

ul {
	 list-style-type: none;
}

li {
	padding: 10px 0;
}

.main-content {
	/*padding-left: 50px;*/
}

.row {
	max-width: 1140px;
	margin: 0 auto;
}

.row-980 {
	max-width: 980px;
	margin: 0 auto;
}

.row-800 {
	max-width: 800px;
	margin: 0 auto;
	/*padding: 10px;*/
}

.row-700 {
	max-width: 700px;
	margin: 0 auto;
	/*padding: 10px;*/
}

.row-620 {
	max-width: 620px;
	margin: 0 auto;
	/*padding: 10px;*/
}

/*.row-620:after {
  content: "";
  display: table;
  clear: both;
}*/

.row-550 {
	max-width: 550px;
	margin: 0 auto;
}

.row-500 {
	max-width: 500px;
	margin: 0 auto;
}

.row-400 {
	max-width: 400px;
	margin: 0 auto;
}

section {
	/*padding: 30px 0;*/
}

.section-form:after {
  content: "";
  display: table;
  clear: both;
  margin-bottom: -15px;
}


/*.box {
	padding: 7%;
}*/

/* ----- HEADINGS ----- */
h1,
h2,
h3,
h4 {
	font-weight: 300;
}

h1 {
	margin-top: 0;
	margin-bottom: 20px;
	color: #fff;
	font-size: 240%;
	word-spacing: 4px;
	letter-spacing: 1px;
}

h2 {
	font-size: 160%;
	text-align: center;
	margin: 30px 0;
	/*word-spacing: 2px;*/
	/*letter-spacing: px;*/
}

h3 {
	font-size: 80%;
	/*margin-bottom: 30px;*/
	text-align: center;
	line-height: 150%;
}

/* -------------------------------------------*/
/* Sign In */
/* -------------------------------------------*/

.enter-code {
	width: 190px;
	height: 20px;
	margin: 30px auto 5px auto;
	font-size: 100%;
	/*font-weight: 400;*/
	text-align: center;
	/*text-justify: inter-character;*/
}

/*.dummy-text {
  /*background-color:red;*!/
  width:100%;
  /*height:1px;*!/
  display:inline-block;
}*/

/*h2:after {
	display: block;
	height: 2px;
	background-color: #e67e22;
	content: " ";
	width: 100px;
	margin: 0 auto;
	margin-top: 30px;
}*/

/* ----- PARAGRAPHS ----- */

.message-p {
	line-height: 150%;
	font-size: 90%;
	padding: 10px;
	text-align: justify;
	font-weight: 400;
}

.long-copy {
	line-height: 140%;
	max-width: 800px;
	width: 70%;
	margin: 15px auto;
	font-size: 90%;
}

/*, .intro:first-of-type*/
.long-copy:first-of-type {
	margin-top: 30px;
}

.box p {
	font-size: 90%;
	line-height: 145%;
}

/* ----- ICONS ----- */
.icon-big {
	float: right;
	width: 14px;
	font-size: 140%;
	display: block;
	color: #1179d5;
	text-align: center;
	/*margin-bottom: 10px;*/
}

/*.icon-big:hover {
	color: #101010;
}*/

.empty-space {
	width: 18px;
}

/* ----- BUTTONS ----- */
.btn:link,
.btn:visited,
input[type=submit] {
	display: inline-block;
	padding: 7px 30px;
	font-weight: 300;
	text-decoration: none;
	border-radius: 200px;
	transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn-full:link,
.btn-full:visited,
input[type=submit] {
	background-color: #989898;
	border: 1px solid #989898;
	color: #fff;
	/*margin-right: 15px;*/
}

.btn-agree {
	width: 150px;
	margin : 40px auto 0;
	text-align: center;
}

.btn-ghost:link,
.btn-ghost:visited {
	border: 1px solid #e67e22;
	color: #e67e22;
}

.btn:hover,
.btn:active,
input[type=submit]:hover,
input[type=submit]:active {
	background-color: grey;
}

.btn-full:hover,
.btn-full:active,
input[type=submit] {
	border: 1px solid grey;
}

.btn-ghost:hover,
.btn-ghost:active {
	border: 1px solid #cf6d17;
	color: #fff;
}

/* -------------------------------------------*/
/* HEADER */
/* -------------------------------------------*/

header {
	position: relative;
	width: 100%;
	height: 80px;
	/*margin-bottom: 40px;*/
	background: #f9faf9;
	border-bottom: 1px solid #e6e5e6;
}

/*.hero-text-box {
	position: absolute;
	width: 1140px;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
}*/

.logo {
	width: 60px;
	height: auto;
	float: left;
	margin-top: 11px;
}

nav {
	max-width: 980px;
	margin: 0 auto;
	background: #f9faf9;
}

.main-nav {
	float: right;
	list-style: none;
	margin-top: 40px;
	font-size: 90%;
}

.main-nav li {
	display: inline-block;
	margin-left: 40px;
}

.main-nav li:first-child {
	margin-left: 0;
	
}

.main-nav li a:link,
.main-nav li a:visited {
	padding: 8px 0;
	color: #555;
	text-decoration: none;
	/*text-transform: uppercase;*/
	/*font-size: 90%;*/
	border-bottom: 2px solid transparent;
	transition: border-bottom 0.2s;
}

.main-nav li a:hover,
.main-nav li a:active {
	/*border-bottom: 2px solid #e67e22;*/
	color: #101010;
}

/* -------------------------------------------*/
/* FEATURES */
/* -------------------------------------------*/

/*.section-features .long-copy {
	margin-bottom: 20px;
}*/

/* -------------------------------------------*/
/* MEALS */
/* -------------------------------------------*/

/*.section-meals {
	padding: 0;
}*/

/*.meals-showcase {
	list-style: none;
	float: left;
	width: 100%;
}

.meals-showcase li {
	display: block;
	float: left;
	width: 25%;
}*/

/*.meal-photo {
	width: 100%;
	margin: 0;
	overflow: hidden;
	background-color: #000;
}

.meal-photo img {
	opacity: 0.7;
	width: 100%;
	height: auto;
	transform: scale(1.15);
	transition: transform 0.5s, opacity 0.5s;
}

.meal-photo img:hover {
	opacity: 1;
	transform: scale(1);
}*/

/* -------------------------------------------*/
/* CALENDAR */
/* -------------------------------------------*/

*:focus {
    outline: none;
}

/**,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}*/

.container {
	max-width: 800px;
	margin: 0 auto;
	/*margin: 0px auto 0;*/
	
}

.calendar {
	margin-top: 0;
}

.container:after {
  content: "";
  display: table;
  clear: both;
}

.container-calendar:after {
  content: "";
  display: table;
  clear: both;
}

.box {
	position: relative;
	width: 14.2857%;
	float: left;
	border: 1px solid #DCDCDC; /*Original #e6e5e6*/
	margin-right: -1px;
	margin-bottom: -1px;
	
	/*margin: 0;*/
	/*overflow: hidden;*/
}

 .box.book:hover {
	/*background-color: #E8E8E8;*/
	background-color: #F8F8F8;
}

.days-past {
	background-color: #F8F8F8;
}

.holiday {
	/*background-color: #F8F8F8;*/
}

.holiday>.content-day {
	color: DarkGrey;
}

.empty {
	border: 0;
}


.box:after {
	content: "";
	display: block;
	padding-top: 75%;
	/*padding-top: 100%; (original setting for square box*/
}

.content {
	position: absolute;
	/* width: 100%;
	height: 100%;*/
	/*bottom: 20%;*/
	/*left: 0;*/
	/*right: 0;*/
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	
}
/*.month-nav {
	position: relative;
	float: left;
	width: 50%;
	/*height: 30px*!/
	margin-right: -1px;
	margin-bottom: -1px;
	/*font-size: 90%;*!/
}*/

.month {
	float: left;
	margin-left: 20px;
	/*max-width: 120px;*/
	font-size: 110%;
	font-weight: 400;
	
}

.year {
	float: left;
	margin: 2px 0 0 10px;
	font-weight: 300;
}

.today {
	float: left;
	font-size: 80%;
	text-align: right;
	padding-right: 5px;
}

.week-days {
	position: relative;
	width: 14.2857%;
	height: 30px;
	float: left;
	/*border: 1px solid #e6e5e6;*/
	margin-right: -1px;
	/*margin-bottom: -1px;*/
	font-size: 100%;
	font-weight: 400;
}

.content-day {
	display: flex;
	position: absolute;
	/*padding-right: .6vw;*/
	right: 0;
	margin-right: 5%;
	margin-top: 5%;
	color: #333333;
	font-size: 80%;
	font-weight: 400;
	/*height: 24px;*/
	/*width: 24px;*/
	text-align: center;
	/*background: #ccc;*/
	/*vertical-align:middle;*/
	align-items: center;
	justify-content: center;
	/*font-weight: 400;*/
	/*border-radius: 50%;*/
	/*width: 25%;*/
}

.content-day-today {
	display: flex;
	position: absolute;
	right: 0;
	margin-right: 5%;
	margin-top: 5%;
	color: DarkGrey; /*Blue Colour:1179d5*/
	font-size: 80%;
	font-weight: 400;
	text-align: center;
	align-items: center;
	justify-content: center;
	/*width: 25%;*/
}

/*.today-dash {
	position: absolute;
	/*width: 100%;*!/
	height: 3%;
	/*bottom: 20%;*!/
	/*left: 0;*!/
	/*right: 0;*!/
	/*top: 50%;*!/
	/*left: 50%;*!/
	/*transform: translate(-50%, -50%);*!/
	width: 100%;
	background-color: #1179d5;
}*/

/*.numberCircle {
  	width:100%;
    border-radius:50%;
    text-align:center;
    padding:50% 0;
    line-height: 0;
    position:relative;
    background: #ccc;
    color: white;
    /*text-shadow: 0 1px 1px #fb9d8e;*!/
}*/

/*@-moz-document url-prefix() { 
  .numberCircle {
     line-height: 1.5em;
     
  }
}*/

canvas {
	width: 100%;
}

.list {
	margin-top: 30px;
	list-style-position: inside;
	font-size: 80%;
	line-height: 140%;
}

ul.list li{
    list-style-type: disc;
    /*list-style-position: inside;*/
    padding: 0px 0 0 20px;
    text-indent: -16px;
}

.circle-test {
	position: relative;
	width: 25%;
	height: 0;
	padding: 12.5% 0;
	margin: 1em auto;
	border-radius: 50%;
	/*background: #a7cd80;*/
	/*border: 1px solid #e6e5e6;*/
	background-color: #95e000;
}

.circle-test-na {
	position: relative;
	width: 25%;
	height: 0;
	padding: 12.5% 0;
	margin: 1em auto;
	border-radius: 50%;
	/*background: #a7cd80;*/
	/*border: 1px solid #e6e5e6;*/
	background-color: #ff9900;
	font-size: 90%;
}


.content-test {
	position: absolute;
	top: 0;
	padding:50% 0;
	line-height: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	/*font-weight: 400;*/
	font-size: 85%;
}

/* orange #ff9900 */
/* dark grey #333333*/

/*a.book  {
	outline:none !important;
	border: 0 !important;
}*/

/* -------------------------------------------*/
/* Slideshow */
/* -------------------------------------------*/

.container-slide {
	max-width: 980px;
	margin: 20px auto 0;
}

.fadein { 
	position:relative;
	padding-bottom: 42.5531914893617%;
	
}

.fadein img { 
	width: 100%;
	position:absolute;
	/*margin-top: 20px;*/
	transition:opacity 1s; 
	opacity:1; 
}

.fadein img.is-hidden { 
	opacity:0; 
}

/* -------------------------------------------*/
/* Login */
/* -------------------------------------------*/

/*.contact-form {
	width: 90%;
	margin: 0 auto;
}*/

input[type=text],
input[type=password],
input[type=email] {
	width: 100%;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #ccc;
}

input[type="radio"]{
    /*vertical-align: middle;*/
    /*height: 34px;*/
}

.label-radio {
	margin: 0 25px 0 5px;
	font-size: 80%;
	/*vertical-align: middle;*/
}

.radio-btn-container {
	padding: 1px 0;
	height: 30px;
	/*padding: 0px 0;*/
	/*width: 100%;*/
	/*vertical-align: middle;*/
	
}

label {
	display: block;
	padding: 5px 0 5px 0;
	font-size: 80%;
}

.form-value {
	display: block;
	padding: 6px 0 6px 0;
	font-size: 80%;
	font-weight: 400;

}

.white_space {
	white-space: pre;
}

/*.label-city {
	padding-right: 10px;
	text-align: right;
}*/

.heading {
	float: left;
	/*font-size: 110%;*/
	/*font-weight: 400;*/
	/*border-bottom:1px solid silver;*/
}

.sub-heading-underline {
	margin-bottom: 26px;
	font-size: 90%;
	font-weight: 400;
	border-bottom:1px solid #e5e8eb;
}

.booking-heading {
	float: left;
	font-size: 120%;
	/*margin-bottom: 20px;*/
	
}

.booking-header-box {
	position: relative;
	height: 40px;
	margin-top: 10px;
	/*padding: 0 10px 0 10px;*/
	font-size: 90%;
	font-weight: 400;
	border:1px solid #e5e8eb;
}

.booking-content-box {
	height: auto;
	border:1px solid #e5e8eb;
	border-top: 0;
	
}

.booking-content-box:after {
  content: "";
  display: table;
  clear: both;
}

.booking-content {
	position: relative;
	float: left;
	width: 50%;
	height: 160px;
	margin: 20px 0px;
	padding: 20px 20px;
	font-size: 80%;
	text-align: center;
	line-height: 160%;
}

.booking-content:nth-child(2) {
	border-left:1px solid #e5e8eb;
}

.booking-content:nth-child(n+5) {
	border-left:1px solid #e5e8eb;
}

.member-remove {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 20px;
	font-size: 24px;
	/*color: #666;*/
}

.member-remove:hover {
	color: #1179d5;
}

.booking-member-name {
	margin-top: 20px;
	font-size: 95%;
	font-weight: normal;
}

.booking-seat-no {
	margin-top: 30px;
	font-size: 95%;
}

.booking-reporting-time {
	font-size: 95%;
}

.booking-date {
	position: absolute;
	width: 50%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.booking-no {
	position: absolute;
	width: 50%;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	/*border-left: 1px solid #e5e8eb;*/
}

.booking-footer-box {
	position: relative;
	height: 40px;
	font-size: 14px;
	/*padding: 0 10px 0 10px;*/
	border:1px solid #e5e8eb;
	border-top: 0;
}

.change-booking-date {
	position: absolute;
	width: 50%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	text-decoration: none;
	color: #1179d5;
	font-weight: 400;
}

.delete-booking {
	position: absolute;
	width: 50%;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	text-decoration: none;
	color: #1179d5;
	font-weight: 400;
	border-left: 1px solid #e5e8eb;
}
	
.sub-heading {
	/*margin-bottom: 26px;*/
	font-size: 90%;
	font-weight: 400;
}


.text-small {
	display: inline-block;
	/*height: 28px;*/
	/*line-height: 28px;*/
	font-size: 80%;
	vertical-align: middle;
}

/*.col {
	margin-bottom: 10px;
}*/

.btn-login {
	text-align: center;
}

.send-otp {
	color: #257dcb;
	text-decoration: none;
}

.send-otp:hover {
	color: #206aac;
}



/* -------------------------------------------*/
/* Floating Label */
/* -------------------------------------------*/

.form-group {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  
}

.form-control-placeholder {
  position: absolute;
  top: 0;
  padding: 4px 0 0 0;
  -webkit-transition: all 200ms;
  transition: all 300ms;
  opacity: 0.8;
}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
  font-size: 70%;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  opacity: 1;
  /*color: #1179d5;*/
  /*color: #;*/
}

.form-group input[type=text],
.form-group input[type=password],
.form-group input[type=email] {
	width: 100%;
	padding: 2px 0;
	border: 0;
	outline: 0;
	/*background: transparent;*/
	border-bottom: 1px solid #ccc;
}

input, select, textarea {
	 
		/*background-color: #fff;*/
		color: #333;
		/*font-family: 'Lato', 'Arial', Sans-serif;*/
		font-family: "Open Sans Condensed",  Helvetica, Arial, sans-serif;
		font-size: 80%;
		font-weight: 400;
		/*font-size: 20px;*/
		/*text-rendering: optimizelegibility;*/
	
		/*text-shadow: 0 1px #fff;*/
}

::-webkit-input-placeholder {
  /*color: #cc;*/
  font-weight: 300;
}

:-moz-placeholder {
  /* Firefox 18- */
  /*color: blue;*/
  font-weight: 300;
}

::-moz-placeholder {
  /* Firefox 19+ */
  /*color: blue;*/
  font-weight: 300;
}

::-moz-placeholder {
  /*opacity: 1;*/
}

:-ms-input-placeholder {
  /* IE 10+ */
  /*color: blue;*/
  font-weight: 300;
}

::-ms-input-placeholder {
  /* Edge */
  /*color: blue;*/
  font-weight: 300;
}

:placeholder-shown {
  /* Standard one last! */
  /*color: blue;*/
  font-weight: 300;
}

/* -------------------------------------------*/
/* Override col.css */
/* -------------------------------------------*/

.col {
	display: block;
	float:left;
	/*margin: 1% 0 1% 1.6%;*/
	/*margin: 7px 0 7px 0;*/
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		/*margin: 1% 0 1% 0%;*/
		margin: 0px 0 0 0%;
	}
	
	label {
		/*text-align: left;*/
		padding: 10px 0 0 0;
	}
	
}


/* -------------------------------------------*/
/* Override Finish col.css */
/* -------------------------------------------*/


/*.p-sub-heading, .p-sub-footer {
	line-height: 150%;
}*/

.p-code {
	margin: 30px 0 0 0;
	font-size: 140%;
}

.passcode {
	float: left;
	/*width: 40px !important;*/
	height: 40px;
	margin-right: 10px;
	font-size: 100%;
	/*width: 50%;*/
}

.passcode:last-child {
	margin-right: 0;
	/*width: 50%;*/
}

.code-wraper {
	width: 190px;
	margin: 0 auto;
	/*margin-top: -20px;*/
}

input[name=code] {
    width: 40px;
    text-align: center;
    font-weight: 400;
}

.resend-otp {
	/*width: 110px;*/
	margin : 0 auto 10px;
	font-size: 80%;
	color: #1179d5;
	text-align: center;
}


/* -------------------------------------------*/
/* SVG + CSS for checkmark */
/* -------------------------------------------*/


.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #95E000; /*Original colour #7AC142*/
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: block;
  stroke-width: 3; /*Original stroke-width: 2*/
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10px auto;
  box-shadow: inset 0px 0px 0px #95E000; /*Original colour #7AC142*/
  animation: fill_checkmark .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.crossmark {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: block;
  stroke-width: 3; /*Original stroke-width: 2*/
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10px auto;
  box-shadow: inset 0px 0px 0px #ff0000; /*Original colour #7AC142*/
  animation: fill_crossmark .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.crossmark .checkmark__circle {
	stroke: #ff0000;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill_checkmark {
  100% {
	box-shadow: inset 0px 0px 0px 30px #95E000; /*Original colour #7AC142*/
  }
}

@keyframes fill_crossmark {
  100% {
	box-shadow: inset 0px 0px 0px 30px #ff0000; /*Original colour #7AC142*/
  }
}

.spacer-40 {
	/*display: block;*/
	width: 35px;
	height: 35px;
	margin: 10px auto;
}

.spacer {
	margin-top: 30px;
}

.spacer-top-20 {
	margin-top: 20px;
}

.spacer-top-bottom-10 {
	margin: 10px 0;
}

/* -------------------------------------------*/
/* Booking page */
/* -------------------------------------------*/

.member {
	position: relative;
	float: left;
	width: 235px;
	height: 210px;
	margin-right: 30px;
	margin-bottom: 30px;;
	padding: 10px;
	border: 1px solid #e5e8eb; /*Original #e6e5e6*/
	/*-moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
	box-shadow: 1px 2px 3px rgba(0,0,0,.5);*/
}

.member:nth-child(even) {
	margin-right: 0;
}

/*.member:hover {
	background-color: #F8F8F8;
}*/

.effect1 {
     box-shadow: 0 5px 6px -6px #777;
}



.select-date {
	color: #1179d5;
	text-decoration: none;
}

.select-date:hover {
	text-decoration: underline;
}

.booking-add {
	position: relative;
	float: left;
	width: 300px;
	height: 280px;
	margin-right: 20px;
	margin-bottom: 20px;;
	padding: 20px;
	border: 2px dashed #979a97; /*Original #e6e5e6*/
}

.booking-add:hover {
	background-color: #F8F8F8;
}

.add-member-icon {
	/*position: absolute;*/
	float: left;
	width: 100%;
	/*padding: 3px 0;*/
	margin: 70px auto 5px;
	font-size: 200%;
	color: #757675;
	text-align: center;
}

.add-member {
	float: left;
	/*position: relative;*/
	width: 100%;
	/*padding: 3px 0;*/
	margin: 1px auto;
	color: #757675;
	text-align: center;
	font-weight: 600;
}

.member-details {
	padding-top: 34px;
	text-align: center;
	font-size: 80%;
	/*font-weight: 400;*/
	line-height: 160%;
	/*color: #333333;*/
}

.member-phone {
	position: absolute;
	font-size: 70%;
	font-weight: 400;
	color: #333333;
	margin-bottom: 34px;
	bottom: 0;
}


/* -------------------------------------------*/
/* Booking page Table */
/* -------------------------------------------*/

.style-one {
	float: left;
	width: 94%;
	margin: 0 20px;
	border-top: 1px solid #e5e8eb;
}


hr.style-six {
	/*margin-top: -13px;*/
    border: 0;
    height: 0;
    border-top: 1px solid #e5e8eb;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/
}

hr.underline {
	margin-top: -14px;
    border: 0;
    height: 0;
    border-top: 1px solid #e5e8eb;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/
}

.pres-select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:transparent;
	/*border-radius:6px;
	border:1px solid silver;*/
	border-radius: 3px;
	border: 1px solid #ccc;
	display:inline-block;
	font-size:80%;
	font-weight:400;
	padding:0 20px 0 10px;
	position:relative;
	height:32px;
	z-index: 5;
}

.select-group {
	/*width: 100%;*/
}

.pres-select-and-label {
	position: relative;
	float: left;
	margin-right: 10px;
}

.select-group:after { 
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
	margin-bottom: 20px;
}

.pres-select-caption {
	/*width: 90px;*/
	margin: 20px 0px 0 0;
 
}

.pres-select-label {
	padding:0 0px 3px 10px;
	font-size: 70%;
	/*text-align: le;*/
}

.pres-select-icon {
	position: absolute;
	/*width: 14px;*/
	top: 28px;
	right: 6px;
	z-index: 2;
	font-size: 70%;
	display: block;
	color: #1179d5;
	/*text-align: center;*/
	/*margin-bottom: 10px;*/
}

.eye-ailments {
		width: 100%;
		height: 200px;
		border-radius: 3px;
		border: 1px solid #ccc;
		padding: 5px;
		resize: none;
}

.upload-report {
	position: relative;
	float: left;
	width: 100%;
	height: 150px;
	/*margin-right: 20px;*/
	margin-bottom: 20px;;
	padding: 20px;
	border: 2px dashed #979a97; /*Original #e6e5e6*/
}

.upload-report:hover {
	background-color: #F8F8F8;
}

.upload-report-icon {
	/*position: absolute;*/
	float: left;
	width: 100%;
	/*padding: 3px 0;*/
	margin: 10px auto 5px;
	font-size: 200%;
	color: #757675;
	text-align: center;
}

.upload-report-text, .add-member-text {
	float: left;
	width: 100%;
	margin: 10px auto;
	font-size: 70%;
	color: #757675;
	text-align: center;
	line-height: 20px;
	/*font-weight: 300;*/
}

/*.booking-date {
	float: right;
	margin-left: 30px;
	/*height: 32px;*!/
	/*line-height: 26px;*!/
	color: #1179d5;
	font-size: 70%;
	/*vertical-align: middle;*!/
}*/

#btn-edit-member, #btn-delete-member, #btn-done-member {
	float: right;
	margin-top: -10px;
	margin-left: 25px;
	/*height: 32px;*/
	/*line-height: 26px;*/
	/*color: #1179d5;*/
	/*font-size: 70%;*/
	/*vertical-align: middle;*/
}

.circle-next {
	float: right;
	position: relative;
	width: 26px;
	height: 0;
	padding: 13px 0;
	margin-left: 10px;;
	border-radius: 50%;
	/*background: #a7cd80;*/
	/*border: 1px solid #e6e5e6;*/
	background-color: #e2e2e2;
	font-size: 90%;
}

.arrow-next {
	/*position: absolute;*/
	/*margin-top: 10px;*/
	/*padding:-2px 0;*/
	/*line-height: 10px;*/
	/*width: 100%;*/
	/*text-align: center;*/
	color: #1179d5;
	/*font-weight: 400;*/
	font-size: 180%;
	vertical-align: middle;
}

.circle-previous {
	float: left;
	position: relative;
	width: 26px;
	height: 0;
	padding: 13px 0;
	margin-right: 10px;;
	border-radius: 50%;
	/*background: #a7cd80;*/
	/*border: 1px solid #e6e5e6;*/
	background-color: #e2e2e2;
	font-size: 90%;
}

.ui-datepicker {
	font-size: 80%;
}

pre {
    /*display: block;*/
    font-family: monospace;
    white-space: pre;
    /*margin: 1em 0;*/
    font-size: 80%;
}

.save-cancel {
	float: right;
	margin-bottom: 40px;
}

.breadcrumb-arrow {
	font-size: 70%;
	margin: 0 2px;
	color: #000;
}

/* -------------------------------------------*/
/* Tool Tip */
/* -------------------------------------------*/

.tooltip {
    position: absolute;
    width: 100%;
    height: 100%;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    /*min-height: 30px;*/
    /*background-color: #707070;*/
    color: #fff;
    font-size: 70%;
    line-height: 140%;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    right: -90px;
    /*left: 50%;*/
    /*margin-left: 24px;*/
    opacity: 0;
    transition: opacity 0.3s;
    /*border: 1px solid #DCDCDC;*/
    
	background: rgba(112,112,112,1);
	background: -moz-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(144,144,144,1) 0%, rgba(169,169,169,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(112,112,112,1)), color-stop(0%, rgba(144,144,144,1)), color-stop(100%, rgba(169,169,169,1)));
	background: -webkit-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(144,144,144,1) 0%, rgba(169,169,169,1) 100%);
	background: -o-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(144,144,144,1) 0%, rgba(169,169,169,1) 100%);
	background: -ms-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(144,144,144,1) 0%, rgba(169,169,169,1) 100%);
	background: linear-gradient(to bottom, rgba(112,112,112,1) 0%, rgba(144,144,144,1) 0%, rgba(169,169,169,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#a9a9a9', GradientType=0 );

	-webkit-transition: opacity 0.3s ease-in;
	   -moz-transition: opacity 0.3s ease-in;
		-ms-transition: opacity 0.3s ease-in;
		 -o-transition: opacity 0.3s ease-in;
			transition: opacity 0.3s ease-in;

}


.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -48px;
    border-width: 5px;
    border-style: solid;
    border-color: #A9A9A9 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* -------------------------------------------*/
/* Tool Tip */
/* -------------------------------------------*/

.reporting-time-heading {
	text-align:  center;
}

.seat-status-heading {
	text-align: right;
}

.seat-no {
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	width: 36px;
	height: 36px;
	padding: 5px;
	margin-left: 16px;
	background: #fff;
	border: 2px solid #666;
	/*color: #666;*/
	font-weight: 400;
	text-align: center;	
}

.seat-status {
	float: right;
	height: 15px;
    width: 15px;
    margin: 10px 18px;
    border-radius: 50%;
    display: inline-block;
}

.seat-avaibility {
	line-height: 38px;
	text-align: center;
	font-size: 90%;
}

.member-name:link,
.member-name:visited {
	text-decoration: none;
	line-height: 32px;
	font-size: 90%;
	color: #555;
	/*text-align: center;*/
	/*font-size: 90%;*/
}

.member-name:hover {
	/*color: #101010;*/
	color: #1179d5;
}


.member-name-box:link,
.member-name-box:visited {
	display: block;
	text-decoration: none;
	color: #555;
	font-size: 95%;
	height: 50px;
	font-weight: 400;
}

.member-name-box:hover {
	/*color: #101010;*/
	color: #1179d5;
}

.member-seat, .member-time {
	font-size: 85%;
}


.member-checkbox-checked {
	cursor: pointer;
	display: block;
	width: 20px;
	height: 20px;
	/*margin: 0 0 2px 20px;*/
	border-radius: 12%;
	border: 1px solid #666;
	background-image: url('../../res/images/icn_tick_small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.member-checkbox-unchecked {
	cursor: pointer;
	display: block;
	width: 20px;
	height: 20px;
	/*margin: 0 0 2px 20px;*/
	border-radius: 12%;
	border: 1px solid #666;
	background-image: none;
}

.btn-member {
	line-height: 32px;
	text-align: right;
}

.btn-member-booking {
	/*line-height: 32px;*/
	text-align: right;
	
}

.member-edit, .member-delete {
	cursor: pointer;
	margin-left: 30px;
	color: #666;
}

.member-edit:hover, .member-delete:hover {
	color: #1179d5;
}

#btn-member-add {
	/*cursor: pointer;*/
	float: right;
	padding: .4em 1em .42em;
	margin-top: -60px;
	font-size: 14px;
	font-weight: 400;
}

#btn-member-edit {
	/*cursor: pointer;*/
	float: right;
	margin-top: -60px;
	font-size: 14px;
	font-weight: 400;
}


#btn-new-booking {
	float: right;
	padding: .4em 1em .4em;
	font-size: 14px;
	font-weight: 400;
}





p.p-enrol {
	margin-left: 24px;
	font-size: 74%;
	font-weight: 400;
	
	/*color: #e67e22;*/
}
/*.seat-checkbox {
	/*float: right;*!/
	display: block;
	width: 26px;
	height: 26px;
	margin: 5px 0 7px 20px;
	
	border-radius: 12%;
	/*border: 2px solid #666;*!/
	background-image: url('../../res/images/icn-tick.png');
	background-repeat: no-repeat;
	background-position: center;
	/*margin-right: 20px;*!/
}*/

/*.seat-checkbox-unchecked.active {
	border: 2px solid #666;
}
.seat-checkbox-unchecked.inactive {
	border: 2px solid #adadad;
}*/

.seat-checkbox-checked {
	cursor: pointer;
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 0 2px 20px;
	border-radius: 12%;
	border: 2px solid #666;
	background-image: url('../../res/images/icn-tick.png');
	background-repeat: no-repeat;
	background-position: center;
}

.seat-checkbox-unchecked {
	cursor: pointer;
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 0 2px 20px;
	border-radius: 12%;
	border: 2px solid #666;
	background-image: none;
}

.seat-checkbox-inactive {
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 0 2px 20px;
	border-radius: 12%;
	border: 2px solid #adadad;
	background-image: none;
}

.work-step {
	margin-bottom: 40px;
}

.work-step div {
	color: #e67e22;
	border: 2px solid #e67e22;
	display: inline-block;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	text-align: center;
	padding: 6px;
	float: left;
	font-size: 150%;
	/*margin-right: 25px;*/
}

.work-step p {
	/*padding-top: 12px;*/
	line-height: 28px;
}

.work-step p{
    padding-left: 80px;
}


/* -------------------------------------------*/
/* Begin Multi-Step Progress Bar */
/* -------------------------------------------*/

.progressbar {
	counter-reset: step;
}

.progressbar li {
	list-style-type: none;
	width: 33.33%;
	float: left;
	font-size: 90%;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #666;
}
  
.progressbar p {
	font-size: 70%;
	color: #666;
  }
  
.progressbar li:before {
	cursor: pointer;
	width: 30px;
	height: 30px;
	content: counter(step);
	counter-increment: step;
	line-height: 30px;
	border: 2px solid #ccc;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background-color: white;
}

.progressbar li:after {
	width: 100%;
	height: 2px;
	content: '';
	position: absolute;
	background-color: #ccc;
	top: 16px;
	left: 0;
	z-index: -1;
}

/*.progressbar li:first-child:after {
	width: 50%;
	height: 2px;
	content: '';
	position: absolute;
	background-color: #e67e22;
	top: 16px;
	left: 0;
	z-index: -1;
}*/

/*.progressbar li:last-child:after {
	width: 100%;
	height: 2px;
	content: '';
	position: absolute;
	background-color: #e67e22;
	top: 16px;
	left: 0;
	z-index: -1;
}*/

  
/*.progressbar li.active {
	color: #e67e22;
}*/
  
.progressbar li.active:before {
	color: white;
	background-color: #e67e22;
	border: 2px solid #ccc;
}
  
/*.progressbar li.active + li:after {
	background-color: #e67e22;
}*/
  
  
/* -------------------------------------------*/
/* End Multi-Step Progress Bar */
/* -------------------------------------------*/