h1 {
	color:blue;
}


#records {
	border:1px solid grey;
	height:80%;
	width:100%;
	overflow-y:auto;
}

#entry_div {

	overflow-y:auto;
	height:67%;
}

#search_div {

	border:1px solid lightgrey;
	width:100%;
	height:65%;
	overflow-y:auto;
	overflow-x:auto;
}



#login_div {
	border:1px solid grey;
}

#menu_div {
	border:1px solid grey;
	padding:10px;
	margin-bottom:10px;
}

#student_div {
	border:1px solid grey;
	padding:10px;
	margin-left:10px;
	height:90%;
	overflow-y:auto;
}

.field {
	border:1px solid grey;
	background-color:lightcyan;
	display:block;
}

#search_result {
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid grey;
	padding:10px;
	height:50%;
	overflow-y:auto;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.menubar {
	background-color:black;
}

.menulink {
	color:white;
}

.hilite {
	background-color:lightgreen;
}

button {
	border:1px solid grey;
}

.btn {
	border:1px solid grey;
}

.button_focus {

	background:blue;
	color:white;
	border:3px solid black;
	box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
}

button {
	padding:2px 10px;
	background-color:grey;
	color:white;
	border:1px solid lightgrey;
}



.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding:20px;
	border:1px solid black;
	background-color:yellow;
}

.hover {
	background-color:yellow;
}

#photo {
	background-color:grey;
	width:192px;
	height:144px;
	border:1px solid grey;
	margin-bottom:5px;
}

#photo2 {
	background-color:grey;
	width:134px;
	height:108px;
	border:1px solid grey;
	margin-bottom:5px;
}

#client_photo {
	background-color:grey;
	width:192px;
	height:144px;
	border:1px solid grey;
}
.current_case {
	background-color:blue;
	color:white;
}


.client_name {
	font-size:1.5em;
	background-color:yellow;
	color:black;
}

.selected {
	background-color:lightblue;
}

.info_class {
	background-color:lightyellow;
	font-weight:bold;
	border:1px solid grey;
}
.service_price,.item_price,.item_quantity,.item_total,.prescription_item_description, 
.prescription_item_quantity,.prescription_signa_description,.prescription_signa2,
.diagnosis_diagnosis_description
{
	background:transparent;
	border:1px solid grey;
	font-weight:normal;
}

.cancelled {
	background-color:red;
	color:white;
}

.ongoing {
	background-color:darkblue;
	color:white;
}

#total_bill {
	background-color:yellow;
	font-size:1.2em;
	font-weight:bold;
}

.done {
	background-color:lightgrey;
}

#photo_result { float:left; width:320px; height:240px; border:1px solid black; background:#ccc; }
#my_camera { float:left; width:320px; height:240px; border:1px solid black; background:#ccc; }

#prescriptions { width:100%; border:1px solid grey; height:18%; overflow-y:auto; }
#diagnosis { width:100%; border:1px solid grey; height:18%; overflow-y:auto; }
#services { width:100%; border:1px solid grey; height:18%; overflow-y:auto; }
#items { width:100%; border:1px solid grey; height:18%; overflow-y:auto; }
#photos { width:100%; border:1px solid grey; height:18%; overflow-y:auto; }
#services2 { width:100%; border:1px solid grey; height:18%; overflow-y:auto; }
#items2 { width:100%; border:1px solid grey; height:18%; overflow-y:auto; }
#items3 { width:100%; border:1px solid grey; height:30%; overflow-y:auto; }
#items_all { width:100%; border:1px solid grey; height:30%; overflow-y:auto; }
#other_cases { width:100%; border:1px solid grey; height:35%; overflow-y:auto; }

#pending_cases { width:100%; border:1px solid grey; height:50%; overflow-y:auto; }
#finished_cases { width:100%; border:1px solid grey; height:50%; overflow-y:auto; }

#item_transactions { width:100%; border:1px solid grey; height:50%; overflow-y:auto; }

#user_rights {

	border:1px solid lightgrey;
	width:100%;
	height:80%;
	overflow-y:auto;
	overflow-x:hidden;
}

#product_details {

	border:1px solid lightgrey;
	width:100%;
	height:50%;
	overflow-y:auto;
	overflow-x:auto;
}

#sale_details {

	border:1px solid lightgrey;
	width:100%;
	height:50%;
	overflow-y:auto;
	overflow-x:auto;
}

.case_cleared {

	background-color:green;
	color:white;
}

.case_pending {

	background-color:red;
	color:white;
}

#member_cases {

	border:1px solid lightgrey;
	width:100%;
	height:50%;
	overflow-y:auto;
	overflow-x:auto;
}


input,textarea,select {
	font-weight:bold;
	border:1px solid grey;
}

body{
  background-color: white;
}

.table-fixed tbody {
height: 20em;
overflow-y: auto;
width: 100em;
}
.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
display: block;
}
.table-fixed tr:after {
content: "";
display: block;
visibility: hidden;
clear: both;
}
.table-fixed tbody td,
.table-fixed thead > tr > th {
float: left;
}


.table > thead > tr > th,
.table > thead > tr > td {
font-size: .9em;
font-weight: 400;
border-bottom: 0;
letter-spacing: 1px;
vertical-align: top;
padding: 8px;
background: #51596a;
text-transform: uppercase;
color: #ffffff;
}