/*  
Title: OGDental 01
Author: Darwin Santos                                                  
Date:  Sep 13 2015
*/

body
{
  background:#E0F5F5 url('../img/bg.png');
  margin:0;
  padding:0;
  font-family:"roboto_condensedregular", "Roboto Condensed", "roboto_condensednormal" !important;
  color:#333;
  font-size: 0.99em;
}

@font-face {
  font-family: 'Battery';
  src: url('battery.eot');
  src: url('battery.eot#iefix') format('embedded-opentype'),
       url('battery.woff') format('woff'),
       url('battery.ttf') format('truetype'),
       url('battery.svg#battery') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
@media screen and (max-width: 1024px){
  .tabs li img, #exit_button img {
    max-width:22px;
  }
}
/**** Wunderlist like Table Rows
table tr
{
	border-radius: 4px;	
}
table tr td
{
	box-shadow: 0 1px 3px rgba(0,0,0,0.4),0 0 0 1px rgba(0,0,0,0.08);
	background: #eaeaea url("task.png") repeat-x;
	box-sizing: border-box;
	list-style: none;
	position: relative;
	height: 34px;
	margin: 1px 1px 0 1px;
}
****/
.grayscale
{
	-webkit-filter:grayscale(100%);
}
a
{
	color:#0088CC;
	text-decoration:none;
		cursor: pointer !important;
}
a:visited
{
	color:#0088CC;
}
form input[type="text"], form input[type="password"]
{
    border: 1px solid #CCCCCC;
    border-radius: 2px ;	
}
.hidden
{
	display:none;
}
#receipt_pane_holder
{
	width:100%;
	margin:0 auto;	
}
.receipt_tables
{
   font-size: 1em;
	background: #fff;
	border-collapse: collapse;
	margin:10px auto 20px;
}
/*.receipt_tables th:first-child
{
	border-radius:8px 0 0 0;
}
.receipt_tables th:last-child
{
	border-radius:0 8px 0 0;
}*/
.receipt_tables th
{
    font-size: 1em;
	font-weight: normal;
	color: #0068B4;
	padding: 8px;
	margin:1px;
	border-bottom: 1px solid #6678b1;
}
.receipt_tables td
{
	color: #0068B4;
	padding: 6px 8px;
}
.receipt_tables tfoot tr:last-child
{
	background-color:#D0DCE0;
}
.receipt_tables tfoot tr:last-child td
{
	border:0;
}
/*
.receipt_tables tfoot tr:last-child td:first-child
{
	border-radius:0 0 0 8px;
}
.receipt_tables tfoot tr:last-child td:last-child
{
	border-radius:0 0 8px 0;
}
*/
#receipt_table thead
{
	text-align:left;
}

#lock
{
	
}
#lock img
{
  margin-bottom:-2px;
  width:24px;	
}
.datatables tr td
{
	padding:2px 7px !important;
}
h2, h3, h4
{
	text-align:center;
	font-weight:normal;
}
input
{
	font-size:0.8em;
}
.float-right
{
	float:right;
}

.float-left
{
	float:left;
}

.battery_img
{
	width:24px;
}

#topbar
{
	height: 30px;
	padding-top: 5px;
	box-shadow: 0px 2px 2px #777;
}
#logo
{
	background: url("../img/oglogo.png") no-repeat scroll center center #fff;
	width: 50px;
	height: 50px;
	margin: 5px 17px 0 0;
	padding:0;
	float: right;
	border-radius: 50%;
}
#topbar p
{
	float: right;
	margin: -25px 14px 0 0;
	padding: 0;
	font-weight:normal;
	font-size: 1.1em;
}
.hide_for_screen
{
	display:none;
}
#container
{
	margin:5px auto 0 auto;
	width:98%;
	padding:0 0 20px 0;
}
/*
table thead th:first-child
{
	border-radius:6px 0 0 0;	
}
table thead th:last-child
{
	border-radius:0 6px 0 0;
}

table tr:first-child td:first-child
{
	border-radius:6px 0 0 0;	
}
table tr:first-child  td:last-child
{
	border-radius:0 6px 0 0;
}

table tr:last-child td:first-child
{
	border-radius:0 0 0 6px;	
}
table tr:last-child  td:last-child
{
	border-radius:0 0 6px 0;
}
*/

#loginform
{
	width:230px;
	height:160px;
	padding:9px;
	margin:0 auto;
	border:1px solid #0068b4;
	border-top:0;
	text-align:center;
	background-color:#fff;
	box-shadow: 0px 2px 5px #777;
	font-size:1.1em;
}
#loginform input
{
    border:1px solid #0068b4;
	font-size:1em;
}
input, select, textarea
{
	font-family: 'roboto_condensedregular';
}
#logintitle
{
	text-align:center;
	color:#fff;
	border:1px solid #0068b4;
	width:238px;
	margin:20px auto 0;
	padding:10px 5px;
	font-weight:normal;
	box-shadow: 0px 2px 7px #777;
	font-size:1.6em;
}
div.error
{
	width:300px;
	text-align:center;
	padding:20px;
	margin:20px auto;
}
a img
{
	border:0;
}
input[type="image"]
{
	border:0;
}
#box-table-a td img
{
	width:96px;
	padding:10px;
}
.datatables
{
	width: 100%;
	color:#666;
}
.datatables a
{
	color:#0068B4;
	text-align:center;	
}
.error, .error>td, .error a
{
	color:red !important;
	font-weight: normal !important;
}

ul li
{
	list-style-type: square;
}

#box-table-a td textarea
{
    width:98%;
   -moz-border-radius:7px;
   -webkit-border-radius:7px;	
    border:1px solid #ccc;
    padding:5px;
}

.datatables tr th
{
	background:#D0DCE0;
    font-weight:normal;
}
.datatables tfoot tr:last-child td
{
	background-color:#D0DCE0;
    font-weight:normal;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */
.dataTables_wrapper {
	position: relative;
	margin-bottom:3px;
}

.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 #000;
	text-align: center;
	color: #000;
	font-size: 14px;
	background-color: #fcefa1;
}

.dataTables_length {
	width: 22%;
	float: right;
}

.dataTables_filter {
	text-align: right;
}

.dataTables_filter input[type=text]
{
	height:18px;
}

.dataTables_filter .clear_search
{
	margin-top: 0;
}

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

.dataTables_paginate {
	width: 44px;
	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: normal;
	cursor: pointer;
}

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

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

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

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



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../img/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../img/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../img/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../img/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../img/sort_desc_disabled.png') no-repeat center right;
}





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

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.odd>td {
	background-color: #fff;
}

tr.even>td{
	background-color: #F2F7F6;
	border:1px dashed #9E9E9E !important;
	border-right:0 !important;
	border-left:0 !important;
}

#receipt_table>tfoot>tr:first-child>td
{
	border-left:0;
	border-right: 0;
	border-bottom: 0;
	border-top: 1px;
	border-color:  #9E9E9E;
	border-style:dashed;
}

tr.even:first-child>td
{
	
}
tr.even:last-child>td
{
	border-bottom:0 !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.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[type="text"] 
{
	margin: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:15px;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	border-radius: 0;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #fff;
}

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

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}

/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

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

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

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

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

input.error, textarea.error
{
	border:1px solid red;
}

#footer
{
	text-align:center;
	padding:5px;
	margin-top:20px;
}

/*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/accept_message.png') no-repeat #E1EBF2;
	background-position:10px center;
}

p.info
{    
	background:url('../img/info_bg.png') no-repeat #E1EBF2;
	background-position:10px center;
}
p.question
{    
	background:url('../img/help_message.png') no-repeat #E1EBF2;
	background-position:10px center;
}
p.error
{    
	background:url('../img/delete_error.png') no-repeat #ECD5D8;  
	background-position:10px center;
	border:1px #9F0002 solid;
}

.tab_bar_button
{
	float:right;
    padding:13px 15px 0 0;
}

#tabs-pos
{
	width:99%;
	margin:0 auto;
}
#pos_client_info
{
	width:100%;
	margin-bottom: 0;
}

#receipt_table
{
	margin-top: 0;
}

#pos_client_info input:not(#qty)
{
	width:96%;
}
#pos_client_info #rnc, #pos_client_info #product_upc
{
	width:75% !important;
}
#product_upc
{
	text-transform: uppercase;
}
.float-right-label
{
	text-align:right;
}
.receipt_tables_print
{
	width:100%;
}

/************* jquery ui notify *************/
.ui-notify {
    width: 350px;
    position: fixed;
    top: 10px;
    right: 10px;
}
.ui-notify-message {
    padding: 10px;
    margin-bottom: 15px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
    border-radius: 8px
}
.ui-notify-message h1 {
    font-size: 14px;
    margin: 0;
    padding: 0
}
.ui-notify-message p {
    margin: 3px 0;
    padding: 0;
    line-height: 18px
}
.ui-notify-message: last-child {
    margin-bottom: 0
}
.ui-notify-message-style {
    background: #000;
    background: rgba(0, 0, 0, 0.8);-moz-box-shadow: 0 0 6px#000;-webkit-box-shadow: 0 0 6px#000;
    box-shadow: 0 0 6px#000;
}
.ui-notify-message-style h1 {
    color: #fff;
    font-weight: normal
}
.ui-notify-message-style p {
    color: #fff
}
.ui-notify-close {
    color: #fff;
    text-decoration: underline
}
.ui-notify-click {
    cursor: pointer
}
.ui-notify-cross {
    margin-top: -4px;
    float: right;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 0 1px 1px#fff;
    padding: 2px
}
.ui-notify-cross: hover {
    color: #ffffab
}
.ui-notify-cross: active {
    position: relative;
    top: 1px
}
.notification_number
{
	margin:3px 0 0 5px;
	float:right;
	background-color: #F03D25;
	border: 1px solid #D83722;
	border-bottom: 1px solid #C0311E;
	border-top: 1px solid #E23923;
	border-radius: 2px;
	display: block;
	padding: 1px 3px;
	color: white;
	font-weight: normal;
}
.holder
{
	margin-top:15px;
}
tr.salesmen_commission , .employee
{
	display:none;
}
.button img
{
	width:32px;
}
.centered
{
	text-align:center;
}
.normal
{
	font-weight:normal;
}
#tick{display:none}
#cross{display:none}
#stock_holder
{
	margin:10px 0 20px;
}
#loader
{
	text-align:center;
    position:fixed;
    width:128px;
    height:15px;
    top:20%;
    left:45%;
}
a.title_icon img
{
	padding:0 0 0 10px;
	margin:-7px 0 -3px 0;
}
#trans_pd_list_holder, #pd_to_transfer
{
	display:none;
}
table tr:hover td
{
	background-color:#fcefa1;
	color:#333;
}
.reg_table tr td:nth-child(2)
{
   cursor:pointer;
   color:#0068B4;
}

.reg_table tr td:nth-child(2):hover
{
   text-decoration:underline;
}
ul.ui-autocomplete
{
  z-index:1000;	
}
.ui-tabs
{
	width:100%;
	margin-left: -3px;
}
.ui-tabs .ui-tabs-panel
{
	padding:0.3em 0.4em 0.1em 0.4em;
}
.ui-tabs, .ui-dialog
{
	box-shadow: 0px 1px 3px #777;
}
a.clear_search
{
	padding: 6px 0px;
	margin-top: 2px;
	float: right;
}
.tab_title
{
	font-size:1.2em;
	float:right;
	padding:10px 10px 0px 0px;
}
#module_title
{
	font-size:1.5em;
	float:left;
	margin:0;
	padding:7px 0 0 15px;
}
.info_tag
{
	text-align:left;
	color:#333;
}
.info_tag .tag_label
{
	background-color:#D0DCE0;
	padding:6px 0px 6px 10px;
}
.info_tag .tag_value
{
	background-color:#EEE;
	padding:6px 10px 6px 4px;
}
#dialog .prev_pd,#dialog .next_pd
{
	padding-top:15px;
}
#dialog .prev_pd
{
	float:left;
}
#dialog .next_pd
{
	float:right;
}
.item_return
{
	background:url('../img/arrow_down.png') center center no-repeat;
	padding:7px;
}
.cancel_return
{
	background:url('../img/arrow_top.png') center center no-repeat;	
	padding:7px;
}
.full-width
{
	width:100%;
}
#rnc_dialog
{
	display:none;
	height:260px;
}
#rnc_dialog iframe
{
	border:0;
	width:100%;
	height:100%;
}
ul.error_messages
{
	list-style-type:square;
}
.no_margin
{
	margin:0;
}
.price_changed_1, .correct
{
  color:green;
  font-weight: normal;
}
.price_changed_row td
{
	border-top:1px solid green !important; 
	border-bottom:1px solid green !important; 
	border-left:0;
	border-right:0;
}

#payment_form p.messages
{
	cursor: pointer;
}
#ir_details
{
	width: 100%;
	margin-top: 80px;
}
#ir_details tr:first-child td
{
	font-weight: normal;
	margin:0;
	border-left:0;
	border-right:0;
}
ul.circle
{
	margin:0;
	padding: 0 0 0 21px;
}
ul.circle li
{
	margin:0;
	padding:0;
	list-style: circle;
}
/*
#tabs > ul { 
    height: 3.6em !important; 
}
.ui-tabs-nav { 
    height: 3em !important; 
    text-align: center; 
} 
.ui-tabs-nav li { 
    display: inline-block; 
    float: none !important; 
    top: 0px; 
    margin: 0em; 
} */

.battery {
	width: 24px;
	height: 10px;
	border: 2px solid #000;
	margin: 1px auto;
	position: relative;
	background-color: #fff;
}
.battery:after {
	content: '';
	display: block;
	width: 3px;
	height: 10px;
	background-color: #000;
	position: absolute;
	right: -5px;
	top: 0px;
}

.battery .level {
	height: 100%;
	width: 2%;
}

.battery .level.over_stock {
	background-color: #118899;	
}

.battery .level.high{
	background-color: #27AE60;	
}
.battery .level.med {
	background-color: #FFAA00;	
}
.battery .level.low {
	background-color: #E74C3C;	
}

.battery .level.charging {
	background-color: #27AE60;	
	width: 100%;
	text-align: center;
}
.battery .level.charging:before {
	content: '\e800';
	display: block;
	height: 100%;
	width: 100%;
	color: #000;
	line-height: 40px;
	font-family: 'Battery';
	font-size: 25px;
}
#liq_form table
{
  margin:0;
}
#liq_form table tr
{
  margin:0;
}
#liq_form table input[type="text"]
{
  margin:0;
  width:85%;
}

#liq_form table tr td.liq_us span
{
	color:#118899;
	font-weight: normal;
}

/*
#pu_liq tr td:last-child, #pu_liq tr th:last-child
{
	display: none;
} */

div.moreinfo 
{
  display: none;
  position: absolute;
  width: 300px;
  padding: 1px;
  background: #9E9E9E;
  color: #555;
  border: 1px solid #9E9E9E;
  z-index: 100;
}
.moreinfo table
{
	border:1px solid #ccc;
	border-collapse:collapse;
}
.moreinfo table tr td
{
	background-color:#efefef;
	border-bottom: 1px dashed #000;
}
.credit_box
{
	width: 160px;
    padding: 6px 5px;
    margin-top: 11px;
}

#reports
{
	width:100%;
	margin:0;
	padding:0;
}

#reports li
{
	list-style: none;
	float:left;
	margin:3px;
}
.clear_div
{
	width:100%;
	clear:both;
}
div.DTTT_container
{
	margin-top:0.5em;
	margin-bottom: 0.5em !important;
}

.blue,.green,.yellow,.orange,.red,.bold
{
	font-weight:bold;
}
.blue
{
  color:blue;  
}
.green
{
  color:green;  
}
.yellow
{
  color:#fccf01;
}
.orange
{
  color:orange;
}
.red
{
  color:red;
}
.uppercase
{
  text-transform: uppercase;
}
#calc_dialog
{
	padding:0;
}
#loading
{
	position: absolute;
	top: 40%;
	left: 45%;
    width: 128px;
	height: 128px;
    margin:0 auto;
	padding:0px;
	border-radius:50%;
	background-color: #fff;
	display: none;
	z-index: 1000;
	overflow: hidden;
}
#loading img
{
	margin:1px;
}
#pd_hist tbody tr td:nth-child(6):not(.sorting_1)
{
	font-weight: bolder;
	background-color: #EFEFEF;
}
.manual
{
	background-color: #FFFFCC;
}
#commission_report_form
{
	width: 26%;
}
#commission_report_holder
{
	width:72%
}
.white_text
{
	color:#fff;
}
.datatables tbody tr td
{
	text-transform: capitalize;
}