﻿
.center{
	text-align: center;
}

.orange{background-color: #ff7800;}
.green{background-color:#adc100;}
.blue{background-color: #009ac1;}
.pink{background-color: #e4537f;}



/*Add van styles*/

#form-holder{
	-webkit-box-shadow:1px 1px 10px #ccc;
	-moz-box-shadow:1px 1px 10px #ccc;
	-ms-box-shadow:1px 1px 10px #ccc;
	-o-box-shadow:1px 1px 10px #ccc;
	-box-shadow:1px 1px 10px #ccc;
	margin: 0px;
	padding: 20px 9px;
}

input[type="text"],input[type="number"],input[type="password"]{
	min-width: 100%;
	border: 1px solid #ccc;
	min-height: 50px;
	padding-left: 14px !important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 7px;
}

textarea{
	min-width: 100%;
	margin-bottom: 7px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}

input[type="radio"]{
	margin-bottom: 14px;
}

select{
	min-width: 100%;
	min-height: 50px;
	margin-bottom: 7px;
}


.error{
	color:#F00;
	font-size:12px;
	/*display:none;*/
}
.error_input{
	border:1px solid #F00 !important;
	background:#FFDBD9 !important;
}
/*End Add van styles*/

/*Dashboard Styles*/

button.add-appointment{
	width: 100%;
	min-height: 40px;
	margin-bottom: 20px;
}

.dboard input{
	margin-bottom: 2px;
}

.dboard select{
	margin-bottom: 2px;
}

#dash-left{
	background-color: #eee;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding: 14px;
}

#dash-right{
	background-color: #ccc;
	min-height: 200px;
}

.dboard textarea{
	margin-bottom: 2px;
}

#van-btns{
	background-color: #eee;
	min-height: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 40px;
	padding: 20px 0px;
}

i.icon{
	font-size: 100px;
}

#van-btns button{
	min-width: 100%;
	max-height: 120px;
	border: none;

}



.van-cont{
	
	background-color: rgba(255,255,255,.8);
	padding-left: 5px;
	min-height: 100%;
	display: block;
	float: left;

}

.van-main{
	position: absolute;
	z-index: 20;
	top: 0px;
	left: 0px;
}

#van-btns button.occupied{
	background-color: red;
	color: #fff;
}

#van-btns button.available{
	background-color: green;
	color: #fff;
}

#van-btns button.maintenance{
	background-color: #FFB103;
	color: #fff;
}

.van-cont p{
	font-size: 14px;
	margin: 0px;
	margin-bottom: 7px;
}

.van-cont p span{
	font-weight: 700;
	color: #000;
}

button span{
	width: 100%;
	display: block;
	float: left;
	position: absolute;
	bottom: 12px;
	left: 0px;
	text-align: center;
}



@charset "UTF-8";

@font-face {
	font-family: "untitled-font-9";
	src:url("font/untitled-font-9.eot");
	src:url("font/untitled-font-9.eot?#iefix") format("embedded-opentype"),
	url("font/untitled-font-9.woff") format("woff"),
	url("font/untitled-font-9.ttf") format("truetype"),
	url("font/untitled-font-9.svg#untitled-font-9") format("svg");
	font-weight: normal;
	font-style: normal;

}

[data-icon]:before {
	font-family: "untitled-font-9" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "untitled-font-9" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-van:before {
	content: "a";
}




/*End dashboard styles*/

.success{
	color:#060;
	text-align:center;
	font-weight:bold;
}
.added_success{
	display:none;
}




/*Latest dashboard styles*/

.dash-box-head{
	background-color: #eee;
	color: #666;
	padding: 12px 0px;
	margin:0px;
	font-weight: 700;
}


.dash-numbers{
	margin: 0px;
	color: #fff;
	font-size: 40px;
	padding:8px 0px;
}

.dash-header{
	background-color: #ccc;
	display: block;
	margin: 0px -20px;
	padding: 8px 0px;
	margin-bottom: 14px;
}


.dash-header span{
	cursor: pointer;
}


.veh-mg h3{
	background-color: #ccc;
	padding: 14px;
}



.icon-icon-vans:before {
	content: "a";
}


.veh-icons{
	background-color: #ffc000;
	text-align: center;
	max-height: 100px;
	padding-top: 15px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.veh-box:hover .veh-icons{
	background-color: #ffcc55;
	color: #fff;
}

.veh-box{
	/*border: 1px solid #ccc;*/
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*padding: 8px;*/
}

.veh-icons i.icon{
	font-size: 60px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;

}


.veh-info p{
	margin: 0px;
}

.veh-info p:first-child{
	margin-bottom: 14px;
	text-transform: uppercase;
}

.the-date{
	position: relative;
}

.the-date span{
	position: absolute;
	right: 50px;
	top: 14px;

}


.the-date input[type="text"]{
	background-color: transparent;
	z-index: 100;
	position: relative;
	font-size: 20px;
}


input[type="button"].filter-btn{
	margin: 0px;
}


/*End latest dashboard styles*/



/*Add van styles*/

#form-holder{
	-webkit-box-shadow:1px 1px 10px #ccc;
	-moz-box-shadow:1px 1px 10px #ccc;
	-ms-box-shadow:1px 1px 10px #ccc;
	-o-box-shadow:1px 1px 10px #ccc;
	-box-shadow:1px 1px 10px #ccc;
	margin: 0px;
	padding: 20px 9px;
}

input[type="text"],input[type="password"]{
	min-width: 100%;
	border: 1px solid #ccc;
	min-height: 40px;
	padding-left: 14px !important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 7px;
}

textarea{
	min-width: 100%;
	margin-bottom: 7px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}

input[type="radio"]{
	margin-bottom: 14px;
}

select{
	min-width: 100%;
	min-height: 50px;
	margin-bottom: 7px;
}


.error{
	color:#F00;
	font-size:12px;
	/*display:none;*/
}
.error_input{
	border:1px solid #F00 !important;
	background:#FFDBD9 !important;
}
/*End Add van styles*/

/*Dashboard Styles*/

button.add-appointment{
	width: 100%;
	min-height: 40px;
	margin-bottom: 20px;
}

.dboard input{
	margin-bottom: 2px;
}

.dboard select{
	margin-bottom: 2px;
}

#dash-left{
	background-color: #eee;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding: 14px;
}

#dash-right{
	background-color: #ccc;
	min-height: 200px;
}

.dboard textarea{
	margin-bottom: 2px;
}

#van-btns{
	background-color: #eee;
	min-height: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 40px;
	padding: 20px 0px;
}

i.icon{
	font-size: 100px;
}

#van-btns button{
	min-width: 100%;
	max-height: 120px;
	border: none;

}



.van-cont{
	
	background-color: rgba(255,255,255,.8);
	padding-left: 5px;
	min-height: 100%;
	display: block;
	float: left;

}

.van-main{
	position: absolute;
	z-index: 20;
	top: 0px;
	left: 0px;
}

#van-btns button.occupied{
	background-color: red;
	color: #fff;
}

#van-btns button.available{
	background-color: green;
	color: #fff;
}

#van-btns button.maintenance{
	background-color: #FFB103;
	color: #fff;
}

.van-cont p{
	font-size: 14px;
	margin: 0px;
	margin-bottom: 7px;
}

.van-cont p span{
	font-weight: 700;
	color: #000;
}

button span{
	width: 100%;
	display: block;
	float: left;
	position: absolute;
	bottom: 12px;
	left: 0px;
	text-align: center;
}



@charset "UTF-8";

@font-face {
	font-family: "untitled-font-9";
	src:url("font/untitled-font-9.eot");
	src:url("font/untitled-font-9.eot?#iefix") format("embedded-opentype"),
	url("font/untitled-font-9.woff") format("woff"),
	url("font/untitled-font-9.ttf") format("truetype"),
	url("font/untitled-font-9.svg#untitled-font-9") format("svg");
	font-weight: normal;
	font-style: normal;

}

[data-icon]:before {
	font-family: "untitled-font-9" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "untitled-font-9" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-van:before {
	content: "a";
}




/*End dashboard styles*/

.success{
	color:#060;
	text-align:center;
	font-weight:bold;
}
.added_success{
	display:none;
}




/*Latest dashboard styles*/

.dash-box-head{
	background-color: #eee;
	color: #666;
	padding: 12px 0px;
	margin:0px;
	font-weight: 700;
}


.dash-numbers{
	margin: 0px;
	color: #fff;
	font-size: 40px;
	padding:8px 0px;
}

.dash-header{
	background-color: #ccc;
	display: block;
	margin: 0px -20px;
	padding: 8px 0px;
	margin-bottom: 14px;
}


.dash-header span{
	cursor: pointer;
}


.veh-mg h3{
	background-color: #ccc;
	padding: 14px;
}



.icon-icon-vans:before {
	content: "a";
}


.veh-icons{
	background-color: #ffc000;
	text-align: center;
	max-height: 100px;
	padding-top: 15px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.veh-box:hover .veh-icons{
	background-color: #ffcc55;
	color: #fff;
}

.veh-box{
	/*border: 1px solid #ccc;*/
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*padding: 8px;*/
}

.veh-icons i.icon{
	font-size: 60px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;

}


.veh-info p{
	margin: 0px;
}

.veh-info p:first-child{
	margin-bottom: 14px;
	text-transform: uppercase;
}

.the-date{
	position: relative;
}

.the-date span{
	position: absolute;
	right: 50px;
	top: 14px;

}


.the-date input[type="text"]{
	background-color: transparent;
	z-index: 100;
	position: relative;
	font-size: 20px;
}


input[type="button"].filter-btn{
	margin: 0px;
}


/*End latest dashboard styles*/









/*Add van styles*/

#form-holder {
	-webkit-box-shadow: 1px 1px 10px #ccc;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-ms-box-shadow: 1px 1px 10px #ccc;
	-o-box-shadow: 1px 1px 10px #ccc;
	-box-shadow: 1px 1px 10px #ccc;
	margin: 0px;
	padding: 20px 9px;
}
input[type="text"] {
	min-width: 100%;
	border: 1px solid #ccc;
	min-height: 50px;
	padding-left: 14px !important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 7px;
	position: relative;
}
.input-holder {
	position: relative;
}
.input-holder span {
	position: absolute;
	right: 13px;
	top: 15px;
}
textarea {
	min-width: 100%;
	margin-bottom: 7px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
input[type="radio"] {
	margin-bottom: 14px;
}
select {
	min-width: 100%;
	min-height: 50px;
	margin-bottom: 7px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left: 14px;
	padding-right: 14px;
}
input[type="submit"] {
	min-width: 100%;
	min-height: 50px;
	margin-top: 7px;
}
table.table {
	text-align: center;
}
table.table thead th {
	text-align: center;
}
table.btntable thead th {
	text-align: right;
}
/*End Add van styles*/


/*Dashboard Styles*/

button.add-appointment {
	width: 100%;
	min-height: 40px;
	margin-bottom: 20px;
}
.dboard input {
	margin-bottom: 2px;
}
.dboard select {
	margin-bottom: 2px;
}
#dash-left {
	background-color: #eee;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding: 14px;
}
#dash-right {
	background-color: #ccc;
	min-height: 200px;
}
.dboard textarea {
	margin-bottom: 2px;
}
#van-btns {
	background-color: #eee;
	min-height: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 40px;
	padding: 20px 0px;
}
i.icon {
	font-size: 100px;
}
#van-btns button {
	min-width: 100%;
	max-height: 120px;
	border: none;
}
.van-cont {
	background-color: rgba(255,255,255,.8);
	padding-left: 5px;
	min-height: 100%;
	display: block;
	float: left;
	min-width: 100%;
}
.van-main {
	position: absolute;
	z-index: 20;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#van-btns button.occupied {
	background-color: red;
	color: #fff;
}
#van-btns button.available {
	background-color: green;
	color: #fff;
}
#van-btns button.maintenance {
	background-color: #FFB103;
	color: #fff;
}
.van-cont p {
	font-size: 14px;
	margin: 0px;
	margin-bottom: 7px;
}
.van-cont p span {
	font-weight: 700;
	color: #000;
}
button span {
	width: 100%;
	display: block;
	float: left;
	position: absolute;
	bottom: 12px;
	left: 0px;
	text-align: center;
}
 @charset "UTF-8";
@font-face {
	font-family: "untitled-font-9";
	src: url("font/untitled-font-9.eot");
	src: url("font/untitled-font-9.eot?#iefix") format("embedded-opentype"),  url("font/untitled-font-9.woff") format("woff"),  url("font/untitled-font-9.ttf") format("truetype"),  url("font/untitled-font-9.svg#untitled-font-9") format("svg");
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: "untitled-font-9" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "untitled-font-9" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-van:before {
	content: "a";
}
/*End dashboard styles*/


/*Latest dashboard styles*/

.dash-box-head {
	background-color: #eee;
	color: #666;
	padding: 12px 0px;
	margin: 0px;
	font-weight: 700;
}
.dash-numbers {
	margin: 0px;
	color: #fff;
	font-size: 40px;
	padding: 8px 0px;
}
.dash-header {
	background-color: #ccc;
	display: block;
	margin: 0px -20px;
	padding: 8px 0px;
	margin-bottom: 14px;
}
.dash-header span {
	cursor: pointer;
}
.veh-mg h3 {
	background-color: #ccc;
	padding: 14px;
}
.icon-icon-vans:before {
	content: "a";
}
.veh-icons {
	background-color: #ffc000;
	text-align: center;
	max-height: 100px;
	padding-top: 15px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.veh-box:hover .veh-icons {
	background-color: #ffcc55;
	color: #fff;
}
.veh-box {
	/*border: 1px solid #ccc;*/
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ *//*padding: 8px;*/
}
.veh-icons i.icon {
	font-size: 60px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.veh-info p {
	margin: 0px;
}
.veh-info p:first-child {
	margin-bottom: 14px;
	text-transform: uppercase;
}
.the-date {
	position: relative;
}
.the-date span {
	position: absolute;
	right: 50px;
	top: 14px;
}
.the-date input[type="text"] {
	background-color: transparent;
	z-index: 100;
	position: relative;
	font-size: 20px;
}
input[type="button"].filter-btn {
	margin: 0px;
}
/*End latest dashboard styles*/

/*Doctor's view page Styles*/

.doc-info p {
	font-size: 16px;
}
.doc-info span {
	font-size: 16px;
	font-weight: 700;
}
/*End Doctor's view page Styles*/






/*Doctors page styles*/



.well {
	-webkit-box-shadow: 1px 1px 10px #ccc;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-ms-box-shadow: 1px 1px 10px #ccc;
	-o-box-shadow: 1px 1px 10px #ccc;
	-box-shadow: 1px 1px 10px #ccc;
	margin: 0px;
	padding: 20px 9px;
	background-color: #fff;
	margin-top: 5px;
}
.well2 {
	margin: 0px;
	padding: 12px 9px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	background-color: #eee;
}
h3 {
	margin: 0px;
}
.table-list {
	margin-top: 40px;
}
.btn-holder {
	text-align: right;
}
.center {
	text-align: center;
}
.well3 {
	border: 1px solid #ccc;
}
.well3 input[type="button"] {
	min-width: 100%;
	min-height: 50px;
	margin-bottom: 20px;
}
.well3 h3 {
	padding: 20px 0px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 14px;
}
.spaced {
	margin-bottom: 20px;
}
.liketab {
	min-height: 30px;
	border: none;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #ccc;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
button.active {
	color: #000;
	background: rgb(176, 206, 231);
	border: 1px solid #0F6680;
}
button.liketab:hover {
	background-color: #eee;
	color: #666;
}
/*End Doctor's page styles*/





/*Treatment page styles*/

.multiselect {
	min-width: 100%;
}
.btn-group {
	display: block;
}
.btn-group button {
	min-height: 50px;
	padding: 0px;
}
.acc-btn {
	min-width: 100%;
	min-height: 50px;
}
.xcesscont {
	min-height: 200px;
}
.full-width {
	min-width: 100%;
	min-height: 50px;
	margin-top: 14px;
}
.total-box {
	padding: 15px 0px;
	border-top: 1px solid #ccc;
	display: inline-block;
	margin-top: 20px;
}
.panel-heading {
	padding: 15px 15px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.panel-heading:hover {
	background-color: #ccc;
	color: #fff;
	cursor: pointer;
}
.diag label {
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	display: block;
	margin-bottom: 14px;
}
/*End Treatment page styles*/



/*Wizard Page Styles*/

.wiz-box h2 {
	text-align: center;
}
.wiz-box input[type="button"] {
	min-width: 100%;
	min-height: 50px;
	margin-top: 20px;
}

/*End Wizard page Styles*/

/*Wizard extended styles*/


.wiz-box {
	position: relative;
}


.wiz-overlay{
	position: absolute;
	top: -100%;
	width: 100%;
	height: 100%;
	left: 0;
	background-color: #fff;
	opacity: 1;
	color: #fff;
	padding:20px;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.wiz-box:hover .wiz-overlay{
	top: 0;
}

.wiz-box .well{
	overflow: hidden;
	min-height: 200px;

}

/*End wizard extended styles*/

#calendar {
		max-width: 900px;
		margin: 0 auto;
	}
.wizard_i input[type="button"]{
	width:100%;
	min-width: 100%;
	min-height: 50px;
	margin-top: 20px;
}
.wizard_head{
	font-size:16px;
	color:#333;
	font-weight:bold;
	margin-top:25px;
}


/*Telecaller Appointment page styles*/



.fs-wrapper{

	margin-bottom: 20px;

}



fieldset{

	border: 1px solid #ccc;

	padding: 0px 20px;



}



legend{

	border: none;

	padding-left: 20px;

	display: inline-block;

	max-width: 200px;

	border: 1px solid #ccc;

	border-radius: 2px;

	padding: 12px;

	/*background-color: #eee;*/

	/*border-top: none;*/

	/*border-bottom: none;*/

	text-transform: uppercase;

	color: #ccc;

}



legend b{

	display: block;

	width: 100%;

	text-align: center;

	font-size: 18px;

}



















input[type=checkbox] {

/*	visibility: hidden;*/

}



p.right{

	text-align: right;

}



p.right, p.leftaligned{

	position: relative;

	margin-top: 15px;

	font-weight: bold;

}

/* SLIDE ONE */

.slideOne {

	width: 100%;

	height: 10px;

	background: #fff;

	margin: 20px auto;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	position: relative;



	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

}



.slideOne label {

	display: block;

	width: 25px;

	height: 25px;



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	-ms-transition: all .4s ease;

	transition: all .4s ease;

	cursor: pointer;

	position: absolute;

	top: -5px;

	left: -3px;



	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

	background: green;



	

}



.slideOne input[type=checkbox]:checked + label {

	left: 50px;

	background: red;

}



.status-box{

	padding: 25px 0px;

}







/*End telecaller appointment page styles*/











.fc-event.home_c{
	background:#019D59;
}
.fc-event.group_c{
	background:#FFB304;
}
.fc-event.diagnostic_c{
	background:#D3402A;
}
.fc-event.hospital_c{
	background:#176BEC;
}

/*Responsive Table styles*/


@media only screen and (max-width: 800px) { /* Force table to not be like tables anymore */ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } #no-more-tables tr { border: 1px solid #ccc; } #no-more-tables td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; } #no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } /* Label the data */ #no-more-tables td:before { content: attr(data-title); } }



/*End responsive table styles*/

.crumbs{
	display:none;
}


/*End telecaller appointment page styles*/


/*Responsive Table styles*/
@media only screen and (max-width: 800px) { /* Force table to not be like tables anymore */ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } #no-more-tables tr { border: 1px solid #ccc; } #no-more-tables td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; } #no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } /* Label the data */ #no-more-tables td:before { content: attr(data-title); } }
/*End responsive table styles*/


/*Treatment page with teeth styles*/

.select-medicine{
	margin-top: 20px;
}

/*.treatment-box{
	position: relative;
	overflow: hidden;
}

.teeth-box-wrapper{
	position: absolute;
	width: 100%;
	top: -100%;
	right: 0;
	height: 100%;
	background-color: #fff;
	z-index: 100;
	-webkit-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.teeth-box-wrapper.active{
	top: 0;
}


i.teeth-close{
	font-size: 20px;
	color: #666666;
	display: inline-block;
	padding: 10px;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0;
}

.teethtable th{
	padding: 10px;
}

.teethtable td{
	padding: 10px;
}

ul.teeth-list li{
	list-style-type: none;
	display: block;
	float: left;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	border-left: none;
	cursor: pointer;
}

ul.teeth-list li.active{
	background-color: lightblue;
	color: #fff;
}

ul.teeth-list li:first-child{
	border-left: 1px solid #ccc;
	border-radius: 5px 0px 0px 5px;
}
*/


ul.teethrow li{
	list-style-type: none;
	display: inline-block;
	min-width: 25px;
	min-height: 25px;
	height: 25px;
	width: 25px;
	background-color: #eee;
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}

ul.teethrow li.active{
	background-color: green;
	color: #fff;	
}

ul.teethrow li:first-child{
	border-radius: 3px 0px 0px 3px;
}


ul.teethrow li:last-child{
	border-radius: 0px 3px 3px 0px;
}


@media screen and (max-width: 500px){
	ul.teethrow li{
		display: block;
		float: left;
		min-width: 25%;
		min-height: 50px;
		width: 25%;
		height: 50px;
		text-align: center;	
		padding-top: 20px;	

	}


ul.teethrow{
	display: block;
	float: left;
}


.child-teeth ul.teethrow li{
	min-width: 50%;
	min-height: 40px;
	width:50%;
	height: 40px;
	padding-top: 6px;
}

}


.space-down{
	margin-bottom: 20px;
}


.teethcheck{
	visibility: visible !important;
	display: inline-block;
	margin-left: 20px;
	float: left;
	margin-right: 20px;
}


label.multiply{
	float: left;
	margin-left: 5px;
	margin-right: 20px;
}


.multiply-text-row{
	border-bottom: 1px solid #ccc;
	margin-bottom: 14px;
	padding: 0px;
}


ul.teethrow{
	padding: 0px;

}

input[type="text"].disc-select{
	min-width: 80px;
	max-width: 80px;
	min-height: 30px;
	margin-left: 20px;
	max-height: 30px;
	display: block;float: left;
}

select.disc-select{
	min-width: 80px;
	max-width: 80px;
	min-height: 30px;
	display: block;float: left;
	max-height: 30px;
}

table.table td{
	text-align: center;
}


.teeth-box{
	display: none;
}


.teeth-box.active{
	display: block;
}


/*End treatment page with teeth styles*/

.page-title {
float: left;
padding: 10px 0;
}
button.multiselect{
max-width:100%;
}.