h1 {
	color:blue;
}

.fset {
	float:left;
	padding:5px;
	vertical-align:text-top;
}

.totals {
	background-color:yellow;
	font-weight:bold;
	font-size:1.5em;
}

.totals2 {
	background-color:lightgreen;
	font-weight:bold;
	font-size:1.5em;
}



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

#entry_div {

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

#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;
}

#user_modules {

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

#product_details {

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

#service_transaction_details {

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

#transactions {

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

#sections {

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



#billing_invoice_details {

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

#adjustment_details {

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

#physical_count_details {

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



#purchase_details {

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

#purchase_entries {

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

#collection_details {

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

#collection_checks {

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

#check_voucher_purchases {

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

#check_voucher_details {

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

#check_voucher_checks {

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

#check_voucher_accounts {

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

#sale_accounts {

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

#purchase_accounts {

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

#collection_accounts {

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



#journal_voucher_details {

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


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

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;
}

button {
	padding:5px;
}

button:hover {
	color:yellow;
}

button:focus {
	background-color:blue;
}

input:focus {
	background-color:lightyellow;
}

select:focus {
	background-color:lightyellow;
}