body
{
  background: #DDD url('../img/tiling_stripes.gif');
  /*background: rgba(52,60,67,1);
  background: rgba(36, 75, 101, 0.5);
  background-color: #7E99B4;*/
  margin:0;
  padding:0;
  font-family:'Roboto Condensed';
  color:#4B6681;
  font-size: 1.3em !important;
}
a
{
	text-decoration:none;
}
#term_search_filter input[type="text"]
{
	width:50%;
}
form
{
}
h3, h4
{
	text-align:left;
	font-weight:normal;
}
textarea
{
	font-size:1.2em;
  width: 400px;
}
textarea.large
{
	font-size:1.2em;
    width: 100%;
    height:60px;	
}
textarea.appentry
{
	width:100%;
    height: 300px;
}
.tabletitle
{
	margin:0 0 0 5px;
	text-align:center;
	background-color:#D8E0E8;
	padding:10px 40px;
	color:#4B6681;
}
table tr td
{
	padding:2px;
}
th
{
	font-weight: normal;
}
#pform .formbutton
{
	float:right;border:1px solid #D4DAE8;padding:2px 5px;margin:0;color:#003399; font-size:11px;
}
.formbutton
{
	float:right;border:1px solid #D4DAE8;padding:2px 5px;margin:0;color:#003399; font-size:11px;
}
input.error {
    border: 1px dotted red;
}
#pform.forminput
{
    border:1px solid #D4DAE8;	
}
.forminput
{
    border:1px solid #D4DAE8;	
}
#pnew.forminput
{	
    width:100%;
}
#topbar
{
  text-align:center;
  height:55px;
  box-shadow: 0px 1px 3px #777;
  border-bottom:1px solid #777;
}
#topbar h5
{
	margin:0;
}
#container
{
	margin:10px auto;
	width:96%;
}
#content
{
	width:95%;
	margin:0 auto 20px auto;
}
.float-right { float: right; }
html ul.tabs li.active, html ul.tabs li.active a:hover  
{ 
/*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; 
/*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	margin-bottom:40px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
div.appointment
{
	width:450px;
	float:left;
	margin:0;
}
div.appimgs
{

}
div.appimgs img.patient_img
{
	padding: 5px;
  height: 100px;
  width: 110px;
}
#tinycard
{
	width:100%;
	font-size: 1.1em;
}
#tinycard tr td
{
	padding:0;
}
#tinycard tr:hover td
{
	background: none;
}
.choose_profile_image img
{
	width:90px;
	height:90px;
	border-radius: 50%;
}
#loginform
{
	background-color:#fff;
	width:300px;
	padding:10px 20px;
	margin:0 auto;
	border:1px solid rgb(212,215,217);
	border-top:0;	
  text-align:center;
}
#loginform button
{
	margin:10px auto;
	font-size: 1.5em;
	font-weight: normal;
}
#loginform input
{
	background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 20px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all 0.3s;
  color:#6988A7;
}
.hidden
{
	display:none;
}
#logintitle
{
	text-align:center;	
  color:#6988A7;
  background-color: white;
	width:300px;
	margin:20px auto 0;
	padding:10px;
	font-weight:normal;
	border:1px solid rgb(212,215,217);
}
div.error
{
	width:300px;
	text-align:center;
	padding:20px;
	margin:20px auto;
}
p.message
{
    padding: 10px 10px 10px 0; 
    text-align: center;
    width: 400px;
    color:#003399;
}
#agrform
{
	text-align:left;
	width:800px;
	margin:5px auto;
	padding:10px;
}
#agrform .formbutton
{
	border:1px solid #D4DAE8;padding:2px 5px;margin:20px 0;color:#003399;
}
#caseform
{
	text-align:left;
	width:100%;
	margin:5px auto;
	padding:10px;
}
#caseform .formbutton
{
	float:none;border:1px solid #D4DAE8;padding:2px 5px;margin:20px 0;color:#003399;
}
#pform
{

}	
#caseform .forminput
{
	 border: 1px solid #D4DAE8;
	 width:150px;
}
a img
{
	border:0;
}
.datatables thead
{
	border: 2px solid #4B6681;
}
.datatables
{
	color:#4B6681;
	width:100%;
	padding-top:20px;
  font-size: 1em;
	background: #fff;
	border-collapse: collapse;
	text-align: left;
	border: 2px solid #4B6681;
	margin-top:20px;
}
.datatables td
{
	border: 1px dashed #686868;
	padding: 2px 8px;
}
.datatables tr td a
{
	color:#4B6681;
}
.datatables tr td a:hover
{
	text-decoration: underline;	
}
.datatables th
{
	font-size: 1em;
	font-weight: normal;
	padding: 10px 8px;
	border-left: 1px dashed #686868;
	border-right: 1px dashed #686868;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	margin-bottom:35px;
	margin-top:35px;
	clear:both;
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	text-align: right;
}

.dataTables_filter input{
	text-transform: capitalize;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: left;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../img/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../img/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../img/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../img/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #CBD2D8;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}
tr.even {
	background-color: #E4EAEF;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}
.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	height: 22px;
	line-height: 22px;
	margin-top:25px;
	margin-left: -12px;
	color:#4B6681;
	padding:0px 0 20px;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	padding: 2px 10px;
	margin: 0 3px;
	cursor: pointer;
}
.paging_full_numbers span.paginate_button:hover {

}

.paging_full_numbers span.paginate_active {
	background-color: #6c93ba;
	color:#fff;
	border-radius: 5px;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}
div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}
.red
{
	color:red;
}
#print_receipt_head, #signature
{
	display:none;
}
/*Messages and Error Messages*/
p.messages
{    
	border:1px solid #5A82AB;
	width:500px;
	padding:30px;
	margin:5px auto;
	text-align:center;
	cursor: pointer;
}
p.messages a
{
	text-decoration:underline;
	color:blue;
}
p.success
{    
	background:url('../img/arrows_circle_check.svg') no-repeat #E1EBF2;
	background-position:25px center;
}
.underlined
{
	text-decoration: underline;
}

p.info
{    
	background:url('../img/basic_info.svg') no-repeat #E1EBF2;
	background-position:25px center;
}
p.question
{    
	background:url('../img/basic_question.svg') no-repeat #E1EBF2;
	background-position:25px center;
}
p.error
{    
	background:url('../img/arrows_circle_remove.svg') no-repeat #ECD5D8;  
	background-position:25px center;
	border:1px #9F0002 solid;
	color:#9F0002;
}
#exit_button
{
	float:right;
	width: 40px;
	margin: 10px 0px 0 0px;
	font-size: 70px;
  color: #4B6681;
}
#close_record
{
	float:right;
  margin: -53px 8px 0 0;
}
#tabs
{
	  box-shadow: 0px 1px 3px #777;
}
.ui-tabs
{
	box-shadow: 0px 1px 2px #777;
}
#tabs li a
{
	text-shadow: 0px 2px 3px #E5EBF0;
}
#tabs li a img
{
    float: left;
    margin: -5px 5px -15px -12px;
}
#add_patient
{
    position:relative;
    display:inline-block;
    float:left;
    margin:0 5px 0 0;
}
#today_button, #today_button2, #dollar_rate, #add_patient
{
    position:relative;
    display:inline-block;
    margin:0 5px 0 0;
}
#dollar_rate
{
	clear:right;
}
#today_btn_day
{
	font-size:0.7em;
	padding:2px 4px;
	margin:0;
	display:block;
	background-color:#7E99B4;
	color:#fff;
	border:1px solid #7E99B4;
	border-bottom:0;
	width:66px;
	text-align:center;
}
#today_btn_date
{
	font-size:1.2em;
	padding:5px 4px;
	margin:0;
	display:block;
	background-color:#fff;
	color:#555;
	border:1px solid #7E99B4;
	border-top:0;
	width:66px;
	height: 37px;
	text-align:center;
}
#pnew input[type="text"]
{
	width:98%;
}
a.clear_search
{
	padding:10px 0px;
	margin-left: 5px;	
	float:right;
}
.letter_icon
{
	font-weight:bold;
	font-size:14pt;
	float:left;
}
.info_table
{
    font-size: 1em;
	margin: 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.info_table th
{
    font-size: 1em;
	font-weight: normal;
	padding: 8px;
	background: #D8E0E8;
	border-bottom: 1px solid #fff;
	color: #4B6681;
}
.info_table td
{
	padding: 8px;
	background: #F2F5F7; 
	border-bottom: 1px solid #fff;
	color: #4B6681;
	border-top: 1px solid transparent;
}
tr:hover td
{
	background: #C4E3CB;
}
.small_table
{
	width:350px;
}
.full_width
{
	width:99%;
}
#plist tr td:nth-child(2), #pmeds_list tr td:nth-child(2)
{
	cursor:pointer;
}
#plist tr td:nth-child(2):hover, #pmeds_list tr td:nth-child(2):hover
{
	text-decoration:underline;
}
.text_area textarea
{
	min-height:300px;
}
/*********** Odonthogram ***********/
#teeth
{
  background-color:#fff;
  margin:10px auto;
}
#teeth td span
{
  float:left;
  clear:none;
  color:#600;
  font-size:11pt;
}
.tooth_matrix
{
	border-collapse: collapse;
	width: 60px !important;
	height: 60px !important;
	padding: 20px;
}
.tooth_matrix td
{
	border:1px solid #333;
}
.tooth_matrix td:hover, .affected
{
	background-color: rgba(0,0,0,.3);
}
/************************************/
iframe
{
	border:0;
}
table#calendar {
	border-collapse: separate;
	border: 1px solid #9DABCE;
	margin: 10px auto;
	font-size: 20px;
}
#calendar td, #calendar th {
	width: 81px;
	height: 81px;
	text-align: center;
	vertical-align: middle;
	background: url('../img/cells.png');
	color: #444;
	position: relative;
	padding:0;
}
#calendar th {
	height: 30px;
	font-weight: bold;
	font-size: 14px;
}
#calendar td:hover,#calendar th:hover {
	background-position: 0px -81px;
	color: #222;
}
#calendar td.date_has_event {
	background-position: 162px 0px;
	color: white;
}
#calendar td.date_has_event:hover {
	background-position: 162px -81px;
}
#calendar td.padding {
	background: url('../img/calpad.jpg');
}
#calendar td.today {
	background-position: 81px 0px;
	color: white;
}
#calendar td.today:hover {
	background-position: 81px -81px;
}
.events {
	position: relative;
}
.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #E7ECF2 url('../img/popup.png') no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 200px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}
.events li {
	padding-bottom: 5px;
}
.events li span {
	display: block;
	font-size: 12px;
	text-align: justify;
	color: #555;
}
.events li span.title {
	font-weight: bold;
	color: #222;
}
.add_event
{
	cursor:pointer;
}
.img_table
{
	float: left;
	border: 1px solid #7E99B4;
	margin: 5px;
	color: #333;
	font-weight: bold;
}
.align_right
{
	text-align: right;
}
.align_left
{
	text-align: left;
}
.full-width
{
	width:100%;
}
.centered
{
	text-align:center;
}
.tab-content
{
	background-color: #fff;
	padding:18px 20px 40px 18px;
	border-top:1px solid rgb(212,215,217);
	margin-top: -10px;
}
.tab-nav-holder
{
	border-bottom: 0;
	background: white;
	height: 62px;
	border: 1px solid #6988A7;
	border-bottom: 0;
}
.tab-nav-holder .chip
{
	display: inline-block;
	height: 92px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 32px;
	padding: 0 36px 0 0;
	border-radius: 64px;
	background-color: rgb(235, 240, 244);
	margin-bottom: 40px;
	margin-right: 15px;
	margin-top: -5px;
	float: right;
	border: 2px solid #4B6681;
}
.tab-nav-holder .chip img
{
	float: left;
	margin: 0;
	height: 88px;
	width: 88px;
	border-radius: 50%;
}
.tab-nav-holder .chip #doc_name
{
	font-size: 1.8em;
	color:#4B6681;
	float:right;
	padding: 5px 15px;
}
.tabs .tab a
{
	padding-top: 4px;
}
ul.tabs
{
	height: 52px;
	background-color: #7E99B4;
/*	box-shadow: 0px 1px 3px #777;
	border-bottom: 1px solid #777;*/
}
.tab_pane
{
	 box-shadow: 0px 1px 3px #777;
	 border: 1px solid #6988A7;
	 border-top: 0;
}
/************* Music **************/

[class^="icon-music"]:before,
[class*=" icon-music"]:before {
  font-family: "linea-music-10" !important;
  font-style: normal !important;
  font-weight: bolder !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-music-beginning-button:before {
  content: "a";
}
.icon-music-bell:before {
  content: "b";
}
.icon-music-cd:before {
  content: "c";
}
.icon-music-diapason:before {
  content: "d";
}
.icon-music-eject-button:before {
  content: "e";
}
.icon-music-end-button:before {
  content: "f";
}
.icon-music-fastforward-button:before {
  content: "g";
}
.icon-music-headphones:before {
  content: "h";
}
.icon-music-ipod:before {
  content: "i";
}
.icon-music-loudspeaker:before {
  content: "j";
}
.icon-music-microphone:before {
  content: "k";
}
.icon-music-microphone-old:before {
  content: "l";
}
.icon-music-mixer:before {
  content: "m";
}
.icon-music-mute:before {
  content: "n";
}
.icon-music-note-multiple:before {
  content: "o";
}
.icon-music-note-single:before {
  content: "p";
}
.icon-music-pause-button:before {
  content: "q";
}
.icon-music-play-button:before {
  content: "r";
}
.icon-music-playlist:before {
  content: "s";
}
.icon-music-radio-ghettoblaster:before {
  content: "t";
}
.icon-music-radio-portable:before {
  content: "u";
}
.icon-music-record:before {
  content: "v";
}
.icon-music-recordplayer:before {
  content: "w";
}
.icon-music-repeat-button:before {
  content: "x";
}
.icon-music-rewind-button:before {
  content: "y";
}
.icon-music-shuffle-button:before {
  content: "z";
}
.icon-music-stop-button:before {
  content: "A";
}
.icon-music-tape:before {
  content: "B";
}
.icon-music-volume-down:before {
  content: "C";
}
.icon-music-volume-up:before {
  content: "D";
}
.sync.icon-music-play-button:before, .synced.icon-music-stop-button:before
{
	vertical-align: bottom;
  font-size: 25px;
}
.qq-uploader 
{
	position: relative;
	width: 100%;
}
.qq-upload-drop-area 
{
	width: 100%;
	height: 100%;
	min-height: 100px;
	z-index: 2;
	border: 2px solid #3A4248;
	text-align: center;
}
.qq-upload-drop-area span 
{
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
}
.qq-upload-button {
	display: block;
	width: 105px;
	padding: 7px 0;
	text-align: center;
	background-color: #7E99B4;
	color: #eee;
	border: 1px solid #eee;
}