body {padding:0px; margin:0px; font-family: Arial, Helvetica, sans-serif; font-size:13px;}
h1 {color:#FFFFFF; background-color:#99ccff; font-size:26px; margin:0px 0 2px 0; padding:2px 2px 2px 9px; border-bottom:1px #3399CC solid; width:auto; }
	h1 select {color:#FFFFFF; background-color:#99ccff; border:none; font-size:26px; margin:0; padding:2px; }
	h1 input {color:#FFFFFF; background-color:#99ccff; border:none; font-size:26px; margin:0; padding:2px; width:140px;}
	h1 a img {float:right; border:0; margin-top:2px; width:20px;}
h2 {color:#FFFFFF; background-color:#99ccff; font-size:22px; margin:0 0 2px 0; border-bottom:1px #3399CC solid; width:auto; }
h3 {color:#3399CC; margin-left:2px;  margin-top:2px; display:inline;}
.warning {color:#FF0000; margin:auto; font-weight:bold;}
.error {color:#FF0000; margin:auto; font-weight:bold;}
input.error, select.error , textarea.error { border:2px solid #FF0000; background:#FFDDDD; color:#000000; font-weight:normal; }
.green {color:#00FF00; margin:auto; margin-left:10px; font-weight:normal;}
ul.enumeration li {border-bottom:1px #A3C1E0 dotted; width:200px; list-style-type:decimal;}
.clr {clear:both; height:1px; }
td {padding:3px;}
tfoot {font-weight:bold;}
input.button {cursor:pointer;}


#header { background-color:#EEE; height:100px; z-index:2; position:relative;  width:100%;}

	#header #logo {right:0px; position:absolute; z-index:-1;}
	#header #mainMenu {float:left; margin-top:72px; margin-left:20px; z-index:1;}
		#mainMenu div {margin:0px 3px 0px 3px; float:left;}
		#mainMenu img {border:none; float:left;}
		#mainMenu a {font-size:18px; padding:5px 0px 6px 0px; float:left; color:#3399CC;}
		#mainMenu a:hover {text-decoration:none;}
		#mainMenu a.menuButton { background-image:url("images/buttonBack/buttonback.jpg"); }
		#mainMenu a.menuButton_on { background-color:#FFFFFF;}

	#header #userData {float:left; position:absolute; width:200px; height:20px; float:left; padding:8px 4px 0px 4px;  margin-left:20px; font-weight:bold;}

	#userData .logout-link {
		font-weight: 400;
		font-size: 12px;
	}

	#header #secondMenu {position:absolute; width:100%; padding:5px 0px 5px 0px; margin-top:100px; background-color:#FFFFFF; border-bottom:1px solid #EEE;}
	#header #secondMenu a {font-size:12px; font-weight:bold; color:#42a0db; text-decoration:none; margin-left:12px;}
	#header #secondMenu a:hover {text-decoration:underline;}


#main { width:100%; z-index:1; }
	#login {width:410px; margin:auto; margin-top:5%; font-size:17px; border:1px solid #EEE; padding:5px;}
	#login #logo {width:400px; background-color:#EEE; text-align:center; padding:5px; margin:0px;}
	#login form {width:400px; background-color:#EEE; padding:5px; margin:0px;}
	#login div {
		margin: auto;
		width:300px;
		margin-top: 10px;
	}
	#login label {
		width: 90px;
		float: left;
		font-weight: bold;
		padding-top: 0;
		margin-right: 15px;
		text-transform: uppercase;
		height: auto;
		line-height: 28px;
		display: block;
	}
	#login input {width:170px; font-size:16px;}
	#login input.button {
		width: 65px;
		margin: auto;
		display: block;
	}
	#login button.button {
		/* width: 85px; */
		margin: auto;
		display: block;
		padding: 5px 15px;
		font-size: 14px;
		border-radius: 4px;
		background: #fff;
		border: 1px solid #ccc;
	}
	#login #logo img {
		max-height: 90px;
		margin: 20px;
	}

	#login input[type=text], #login input[type=password] {
		width: auto;
		font-size: 15px;
		border: 1px solid #ccc;
		padding: 4px 10px;
		line-height: 1.2;
	}

	#login .warning {
		text-align: center;
	}

	#returnMsg { padding-top:10px; font-size:16px; text-align:center; float:left; position:absolute; top:50%; z-index:4; width:500px; height:75px; margin-top:-37px; left:50%; margin-left:-250px; background-color:#FFF; border:2px #AAA solid; }
	#returnMsg_back { float:left; position:absolute; margin-top:-126px; z-index:3; width:100%; height:100%; background-color:#333; filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; }

	table .boldedcell {font-weight: bold;}

	#mainMid { width:auto; padding:0px; margin-top:26px;}
		#mainMid .col:not(.bs-col) {margin-left:10px; margin-top:15px; width:auto; padding:5px; float:left; border:2px solid #A3C1E0; }
        #mainMid .col400 {width:450px; float:left;}

		form {font-size:13px; color:#999999}
			form p {margin:5px 0px 0px 0px; width:400px;}
			form p.error {padding:2px 0 2px 0; margin:3px 0 -2px 0; background-color:#FFCCCC;}
			form span.patientDetailsInvisible {height:0px; margin:0px; padding:0px; visibility:hidden; float:none;}
			form span.patientDetailsVisible {height:auto; visibility:visible;}
			form label {width:150px; height:17px; float:left; text-align:right; padding:5px 2px 0 2px; color:#000000;}
			form input,textarea {width:200px;}
			form input.smallerInput {width:100px; }
			form input.smallInput {width:27px; height:14px;}
			form input.smallInputL {width:27px; text-align:right; border-bottom:dotted 1px #CCCCCC;}
			form input.smallInputR {width:27px; border-bottom:dotted 1px #CCCCCC;}
			form input.smallDate {width:60px; border-bottom:dotted 1px #CCCCCC;}
			form .button {width:auto;}
			form select.smallSelect {width:100px; }
			form select.medSelect {width:170px; }
			form select {width:204px;}
			form select.smallerSelect {width:104px;}
			form select.hourSelect {width:60px;}
			form .nowidth{width:auto;}
			form .selectDisabled {padding-left:2px; color:#555; }
			form .inputImage {height:40px; width:105px; margin-top:20px; cursor:pointer;}
			form .inputInvisible {width:20px; text-align:right; background:none; border:none; border-bottom:1px #666666 dotted; font-weight:bold; }
			form .checkbox {margin-left:0px; width:20px; margin-top:10px;}
			form input.cal {width:140px; display:inline; border-bottom: 1px dotted #fff;}
			form .hour {width:50px;}
			form .date {width:70px;}
			form input.half {width:70px;}
			form hr {border:none; border-top:1px solid #A3C1E0;}
			#cal {width:140px; display:inline; color:#FFFFFF; font-size:26px;}
			span.check {display:block; overflow:auto; height:120px; width:245px; padding:5px 0 0 0; margin:0; border: 1px solid #7f9db9;}
              span.check label {width:180px; padding:0 0 5px 5px; float:left; text-align:left; display:block; height:auto;}
              span.check label input {float:left; margin:0 5px 0 0;}

			#suggestions, #suggestions2 {width:199px; background-color:#EEEEEE; margin-left:156px;}
			#search_table_suggestion {width:400px; background-color:#EEEEEE; margin-left:156px;}

			#suggestions span, #suggestions2 span, #search_table_suggestion span  {width:200px; color:#336699; cursor:pointer;}
            table span.small {font-size:9px;}

			table.table400 {width:400px; background-color:#FFF; border:none; color:#000000; font-size:85%;}
			table.table500 {width:500px; background-color:#FFF; border:none; color:#000000; font-size:85%;}
			table.table600 {width:600px;}
			table.table200 {width:200px; background-color:#FFF; border:none; color:#000000; font-size:85%;}
            table.table400s {width:400px; background-color:#FFF; border:none; color:#000000;  font-size:110%}
			table.prices {width:819px; background-color:#FFF; border:none; color:#000000; font-size:85%;}
			td.prices {text-align:right; }
			table.prices td.prices {text-align:right; }
			table.prices input {text-align:right; width:100px;}
			table.statistics {background-color:#FFF; border:none; color:#000000; font-size:100%;}
			table.statistics tr {height:16px}
			tr.title {font-weight:bold; color:#A3C1E0;}
			tr.odd {background:#E2ECF5;}
			tr.last {font-weight:bold;}

			#scroller input {width:80px;}
			table.table400 input {font-size:10px; border:none; background:none; }
			table.table200 input {font-size:10px; border:none; background:none; width:45px;}
			table.table500 td.prices {text-align:right; }
			table.table400 td.prices {text-align:right; }
			table.table400 td.percent {text-align:right; color:#888;}
			table.table400 input {text-align:right; width:80px;}
			table.table400 select {font-size:10px; width:100px; border:none; background:none;}
			table.prices input {width:50px; font-size:10px; border:none; background:none; }
		    table .graph img {margin-right:5px; display:block; float:left;}
            table  td.graph {font-size:70%; color:#333; width:190px;}
			button,
			[type=button],
			[type=reset],
			[type=submit] {
			  -webkit-appearance: button;
			   font-size: 14px; 
			}
			/*
		#filter {background-color:#FFFFFF; border-bottom:1px solid #EEE; padding-left:10px; padding-top:2px; height:21px;}
		#filter select {width:100px; font-size:11px; margin-top:1px; border:1px #99c1db solid;}
		#filter input {font-size:9px;}
		#filter h3 {font-size:12px; font-weight:bold;}
		#filter form {font-size:11px; color:#000000; display:inline; border:none;}
		*/
        /* start top filter */
        #output {clear:left; }
        #filter input[type=text], #output input[type=text], #filter_bar input[type=text], #filter select, #output select, #filter_bar select {width:100px; font-size:11px; margin-top:1px; border:1px #99c1db solid;}
		#filter input, #output input, #filter_bar input {font-size:9px;}
        #filter input[type=checkbox], #output input[type=checkbox], #filter_bar input[type=checkbox] {width:13px; }
		#filter h3, #output h3, #filter_bar h3 {font-size:12px; font-weight:bold;}
        #filter span, #output span, #filter_bar span {margin-left:14px;}
		#filter, #output {color:#000000; background-color:#FFFFFF; border-bottom:1px solid #EEE; padding-left:10px; padding-top:2px; height:21px;}
        #output {color:#000000; background-color:#FFFFFF; border-bottom:1px solid #EEE; padding-left:10px; padding-top:2px; height:21px;}
        #filter_bar {color:#000000; background-color:#FFFFFF; border-bottom:1px solid #EEE; padding-left:10px; padding-top:2px;}
		form #filter, form #output, form #filter_bar {font-size:11px;}

        #filter_bar {float:left; width:100%; padding-left:0;}
          #filter_bar span {margin-bottom:4px; display:block; height:18px;}
          #filter_bar h3 {margin:3px 0 0 10px;}
          #filter_bar h3, #filter_bar span, #filter_bar input.button {float:left;}
          #filter_bar .check_box {margin-left:0; position:absolute; z-index:5; top:1px; left:0; background-color:white; padding:1px 0 0 5px; height:17px; overflow:hidden; border:1px solid #99c1db; background-image:url('images/select.gif'); background-repeat:no-repeat; background-position:right top;}
          #filter_bar .check_slide {margin:10px 0 5px 0; height:155px; width:145px; overflow: auto; }
            .checkbox_holder {padding-top:1px; width:150px; position:relative; z-index:1; }
            .check_slide label {width:125px; float:none; display:block; float:left; padding:0 0 2px 0; height:auto;}
            .check_slide label input {float:left;}
            .check_slide label ins {float:left; padding-left:3px; text-decoration:none; padding-top:3px; width:100px; text-align:left;}
            .checkbox_holder strong {width:100%; display:block; font-weight:normal;}
            .label_hover {background-color:#316ac5; color:#fff;}
            #filter_bar input.search_checkbox {float:left; width:120px;}
        /* end top filter */

		#calendar_month {border:1px #99c1db solid;}
			#calendar_month td.head {width:100px; height:15px; border:none; text-align:center; font-weight:bold; font-size:18px;}
			#calendar_month td.week_head {width:10px; height:15px; border:none; vertical-align:middle; text-align:center; color:#999; font-size:20px;}
			#calendar_month td {width:100px; height:70px; border:1px #AAA dotted; vertical-align:top; text-align:center;}
			#calendar_month td.empty {border:1px solid #F2F2F2; background-color:#F2F2F2;}
			#calendar_month td.free {background-color:#DDD;}
			#calendar_month div.day_month {border:1px solid #F2F2F2; color:#999; width:20px; text-align:center; float:left;}
			#calendar_month div.day_total {border:1px solid #F2F2F2; color:#99c1db; width:70px; text-align:center; float:left;}
			#calendar_month div.day_graph_doctor {background-color:#DCFF6B; clear:both; height:10px;}
			#calendar_month div.day_graph_patients {background-color:#FFAB8F; clear:both; height:10px; margin-top:1px; margin-bottom:10px;}
			#calendar_month td a{color:#999;}
			#calendar_month_title a{height:12px;  color:#FFF; font-weight:bold;}
			#calendar_month #today {border:2px solid #999; width:98px; height:68px;}

		#calendar_week {border:1px #99c1db solid;}
			#calendar_week td.head {width:100px; height:15px; border:none; text-align:center; font-weight:bold; font-size:18px;}
			#calendar_week td.week_head {width:120px; height:50px; border:1px #333 dotted; border-right:none; vertical-align:middle; text-align:center; color:#999; font-size:20px; cursor:pointer;}
			#calendar_week td.week_head h4 {color:#999; font-size:18px; font-weight:bold; margin:3px;}
			#calendar_week td.week_head h5 {color:#CCC; font-size:12px; margin:3px;}
			#calendar_week td.rooms_head {height:20px; width:200px; color:#FFF; font-size:18px; background-color:#99CCFF;}
			#calendar_week td.rooms_head h3 {color:#FFF; font-size:18px;}
			#calendar_week td {width:100px; border:1px #AAA dotted; vertical-align:top; text-align:center;}
			#calendar_week td.empty {border:none; background-color:#F2F2F2;}
			#calendar_week td.free {border:none; background-color:#DDD;}
			#calendar_week div.day_month {border:1px solid #F2F2F2; color:#999; width:20px; text-align:center; float:left;}
			#calendar_week div.day_total {border:1px solid #F2F2F2; color:#99c1db; width:70px; text-align:center; float:left;}
			#calendar_week div.day_graph_doctor {background-color:#DCFF6B; clear:both; height:10px;}
			#calendar_week div.day_graph_patients {background-color:#FFAB8F; clear:both; height:10px; margin-top:1px; margin-bottom:10px;}
			#calendar_week td a{color:#999;}
			#calendar_week #today {border:2px solid #CCCCCC; width:98px;}
		#calendar_week_title a{height:12px;  color:#FFF; font-weight:bold;}

		#calendar_day {border:1px #99c1db solid; margin:0px; padding:0px; border-spacing:0;}
			#calendar_day td {margin:0px; padding:0px; border:1px dotted #EEE;}
			#calendar_day td.hour_head {width:48px; text-align:center;}
			#calendar_day td.hour_head h5 {margin:0px; font-size:12px; height:13px; color:#42A0DB;}
			#calendar_day td.rooms_head {height:28px; width:198px; color:#FFF; font-size:18px; background-color:#99CCFF; text-align:center;}
			#calendar_day td.rooms_head h3 {color:#FFF; font-size:18px;}
			#calendar_day div.doctor {background-color:#DCFF6B; clear:both; height:10px;}
			#calendar_day div.patients {background-color:#FFAB8F; clear:both; height:10px; margin-top:1px; margin-bottom:10px;}
			#calendar_day td a{color:#999;}
			#calendar_day #today {border:2px solid #CCCCCC; width:98px; height:68px;}
		#calendar_day_title a{height:12px;  color:#FFF; font-weight:bold;}

		#payments {font-size:11px; color:#000;}
		#payments input.checkbox {width:auto; margin-left:12px;}
		#payments input {text-align:right; border:none; background:none; font-size:11px;}
		#payments td.prices {text-align:right;}

		.doctor_timetable { position:absolute; width:200px; background-color:#33FF66; color:#FFF; text-align:center; font-size:10px;}
		.schedule { position:absolute; width:198px; background-color:#FF0033; color:#FFF; text-align:center; border:1px dotted #CCC; font-size:10px;}
		.schedule_not_present { position:absolute; width:198px; background-color:#CCC; color:#FFF; text-align:center; border:1px dotted #CCC; font-size:10px;}
		.schedule_present { position:absolute; width:198px; background-color:#99CCFF; color:#FFF; text-align:center; border:1px dotted #CCC; font-size:10px;}

		input.order {font-size:10px;  width:25px;}
		form h1 input.h_search {border:1px dotted #DDD;}
		form h1 input.search_button {border:none; width:100px; text-align:left;}

		/* start statistics table */
		table.stats td {border-bottom: 1px solid #E2ECF5; border-top: 1px solid #E2ECF5; margin:0;}
		table.stats th, table.stats td {border-left: 1px solid #F2FCF5;}
		.headerSortDown {background: url(images/desc.gif) no-repeat center right;}
		.headerSortUp {background: url(images/asc.gif) no-repeat center right;}
		/* end statistics table */

	#mainBot { width:919px; height:15px;  background-repeat:no-repeat; clear:both;}

a {text-decoration:none; color:#369; }
a:hover {text-decoration:underline; }
a.secMenuButton {text-decoration:none; color:#0099FF;}
a.deleteitem {font-size:13px; color:#3399CC; font-weight:bold; margin-left:5px;}

#autosuggest{display: none; font-size:16px;}
	.suggestion_list{background:#FFFFFF; border:1px solid #7f9db9; padding:4px; width:194px; margin-left:0px;}
	.suggestion_list ul{padding:0; margin:0; list-style-type: none;}
	.suggestion_list a{text-decoration:none; color:#336699;}
	.suggestion_list .selected{background:#E2ECF5; color:#336699;}
	.suggestion_list .selected a{color:#336699;}

	#fastBooking {font-size:13px;}
	#fastBooking p {margin:5px 0px 0px 0px; width:400px;}
	#fastBooking p.error {padding:2px 0 2px 0; margin:0px; margin:3px 0 -2px 0; background-color:#FFCCCC;}
	#fastBooking span.patientDetailsInvisible {height:0px; margin:0px; padding:0px; visibility:hidden; float:none;}
	#fastBooking span.patientDetailsVisible {height:auto; visibility:visible;}
	#fastBooking label {width:150px; height:18px; float:left; text-align:right; padding:5px 2px 0 2px; color:#000000;}
	#fastBooking input,textarea {width:200px;}
	#fastBooking input.smallerInput {width:100px; }
	#fastBooking input.smallInputL {width:27px; text-align:right; border-bottom:dotted 1px #CCCCCC;}
	#fastBooking input.smallInputR {width:27px; border-bottom:dotted 1px #CCCCCC;}
	#fastBooking input.smallDate {width:60px; border-bottom:dotted 1px #CCCCCC;}
	#fastBooking select.smallSelect {width:100px; }
	#fastBooking select {width:204px;}
	#fastBooking select.smallerSelect {width:104px;}
	#fastBooking select.hourSelect {width:60px;}
	#fastBooking .nowidth{width:auto;}
	#fastBooking .selectDisabled {padding-left:2px; color:#666666; }
	#fastBooking .inputImage {height:40px; width:105px; margin-top:20px; cursor:pointer;}
	#fastBooking .inputInvisible {width:20px; text-align:right; background:none; border:none; border-bottom:1px #666666 dotted; font-weight:bold; }
	#fastBooking .checkbox {margin-left:0px; width:20px; margin-top:10px;}


#easy_month_selector:not(.inline-calendar) {
	width: 0;
	visibility: hidden;
}

#easy_month_selector.inline-calendar .ui-datepicker-inline {
	margin: 5px auto;
}

.hide-calendar .ui-datepicker-calendar
{
	display:none!important;
	visibility:hidden!important
}

.hide-today-button .ui-datepicker-buttonpane .ui-datepicker-current
{
	visibility:hidden;
}

#calendar_month_title .ui-datepicker-trigger {
	height: 32px;
	vertical-align: top;
}

.checkbox.print-invoice {
	width: auto;
}

.padding-top {
	padding-top: 10px;
}

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

select.heading-filter {
	width: 230px;
	color: #FFFFFF;
	background: #4d87c1 !important;
	border: 1px solid #3974af;
	font-size: 26px;
	margin: 0;
	padding: 2px;

	-webkit-border-radius: 0px;

	-webkit-box-shadow: inset -1px -1px 11px -2px #92bce6;
	-moz-box-shadow: inset -1px -1px 11px -2px #92bce6;
	box-shadow: inset -1px -1px 11px -2px #92bce6;
}

.doctor-service-link {
	display: block;
	padding: 3px;
	font-size: 12px;
}

#calendar-day-container {
	/*width: 85%;
	float: left;*/
	height: 500px;
	overflow: auto;
	position: relative;
}

#calendar-day-calendar {
	/*width: 15%;
	float: right;*/
	position: fixed;
	top: 5px;
	z-index: 999;
	right: 290px;
}

@media only screen and (max-width: 1200px) {
	#calendar-day-calendar {
		right: 10px;
	}
}

#calendar-day-calendar div.ui-datepicker {
	font-size:12px;

}



#mainMid .col.enhanced-col {
	width: 50%;
	min-width: 300px;
}

.enhanced-table {
	width: 100%;
	margin-bottom: 15px;
}
.enhanced-table td {
	padding: 5px;
	vertical-align: top;
}
.clinic-rooms-accordion h3 {
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	background: #efefef;
	font-size: 17px;
}

.text-bold {
	font-weight: bold;
}

.toggle-doctors-list .hide-text {
	display: none;
}

.toggle-doctors-list.shown .show-text {
	display: none;
}
.toggle-doctors-list.shown .hide-text {
	display: block;
}

.doctors-list {
	margin-top: 10px;
	display: none;
}
.doctors-list.shown {
	display: block;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	clear: both;
}

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

table input.clear-table-input-style {
	width: auto;
	text-align: center;
}

.schedule-price-type {
	text-align: center;
	padding: 15px 20px;
}

/*.schedule-pricing-model {
	display: none;
}*/

/** New table style **/
table.table-simple {
	width: 100%;
	border-collapse: collapse;
	color: #333;
}

#newMaterialFormTemplate {
	display: none;
}


.mbtn {
	border-radius: 4px;
	background: #ffffff;
	border: 1px solid #ccc;
	cursor: pointer;
}

.rental-list-price {
	display: block;
	margin-top: 3px;
	font-size: 12px;
	font-style: italic;
	color: #c79706;
}

.mago-export-filters {
	margin: 0;
	padding: 15px 10px;
	border-bottom: 1px solid #e2e2e2;
}

.mago-export-filters .daypicker {
	font-size: 16px;
	text-align: center;
	width: 120px;
}

.mago-export-filters .button {
	font-size: 14px;
	padding: 4px 10px;
	margin-left: 15px;
	background: #49ab79;
	border: 0;
	color: #fff;
}

/*
.mago-export-filters .monthpick,
.mago-export-filters .yearpick {
	width: auto;
	font-size: 16px;
	min-width: 120px;
}

.mago-export-filters .button {
	font-size: 16px;
}*/

.alert {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 15px;
	font-size: 14px;
}
.alert-success {
	border: 1px solid #18bc9c;
	background: #18bc9c;
	color: #fff;
}

.btn-styled {
	background: #49ab79;
	color: #fff;
	font-size: 14px;
	padding: 8px 17px;
	border-radius: 5px;
}
.schedule_form label,
.patient_form label {
	padding: 2px 5px 0 2px;
}
.schedule_form label:first-letter,
.patient_form label:first-letter {
	text-transform: uppercase;
}
#schedule_list_table{
	padding: 15px;
};

select#filter_year {
	width: auto;
}


/* .printable_table {

} */

.printable_table tr.title th,
.printable_table tr.title td {
	text-transform: none;
	color: #000000;
	/*word-break: break-all;*/
	hyphens: auto;
	font-size: 13px;
	font-weight: bold;
}

.printable_table tr td {
	/*word-wrap: break-word;
	word-break: break-all;*/
	hyphens: auto;
	height: 70px;
	border: 1px solid #000;
}
.printable_table.patients_register {
	table-layout: fixed;
	width: 100%;
	border: 2px solid #000;
	border-collapse: collapse;
	font-size: 12px;
}
#mainMid .col.patients_register_container:not(.bs-col) {
	overflow-x: auto;
	width: 100%;
	border: 0;
	background: #fff;
	box-shadow: none;
	padding: 10px;
	margin: 0;
	float: none;
	border-radius: 0;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 0;
	border-radius: 4px;
}

.pagination>li {
	display: inline;
}
.pagination a {
	text-decoration: none !important;
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 4px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #333;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 18px;
}
.pagination>li.disabled>a, .pagination>li.disabled>span {
	color: #a9a9a9;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 0;
}

.pagination>li>a:focus, .pagination>li>a:hover {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}

.page-number-input {
	margin: 0 0 0 7px;
	width: 60px;
	padding: 5px 2px;
}

.page-number-submit {
	margin-left: 5px;
	font-size: 12px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: transparent;
	border-radius: 0;
}

.print-links a {
	font-size: 16px;
	margin-right: 10px;
	margin: 5px 10px;
	display: inline-block;
	line-height: 16px;
	padding: 5px 0;
}
.table-link {
	line-height: 20px;
	text-decoration: underline;
}
#patient_last_name,#patient_first_name,#patient_SID,#patient_sex,#patient_dob_year,#patient_dob_month,#patient_dob_day,#patient_town, #patient_phone,#patient_email,#patient_attached_doctor {
	background-color: lightblue;
	hover:
}
#html {
  -webkit-touch-callout: default;
}
.row {
	margin-top: 4px;
}
 .row_schedule_add_new {
	 height:25px
 }


 /* tooltip */

 .tooltip-arrow,
.tooltipwhite + .tooltip > .tooltip-inner {background-color: #f00;}
 

.tippy-box[data-theme~='tomato'] {
	background-color: rgba(255, 255, 255, 0.822);
	color: rgb(0, 0, 0);
	border: 1px solid rgb(133, 3, 255);
	box-shadow: 1px 1px rgb(133, 3, 255);
  }
  .tippy-box[data-animation='rotate'][data-state='hidden'] {
	opacity: 0;
	transform:skew(15deg, 15deg); 
  }
  .tippy-box[data-theme~='tomato'][data-placement^='top'] > .tippy-arrow::before {
	border-top-color: rgb(133, 3, 255);
  }
  .tippy-box[data-theme~='tomato'][data-placement^='bottom'] > .tippy-arrow::before {
	border-bottom-color: rgb(133, 3, 255);
  }
  .tippy-box[data-theme~='tomato'][data-placement^='left'] > .tippy-arrow::before {
	border-left-color: rgb(133, 3, 255);
  }
  .tippy-box[data-theme~='tomato'][data-placement^='right'] > .tippy-arrow::before {
	border-right-color: rgb(133, 3, 255);
  }