/*  
Title: iFix Store 3
Author: Darwin Santos, Francisco Reyes, iFix Store                                                  
Date:  Apr 19 2013
*/
body
{
  background-image:url('../img/bg.png');
  margin:0;
  padding:0;
  font-family:'Open Sans';
  color:#333;
  font-size: 0.7em;
}
@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;
}

a
{
	color:#0088CC;
	text-decoration:none;
}
a:visited
{
	color:#0088CC;
}
form
{
	margin-bottom:10px;
}
form input[type="text"], form input[type="password"]
{
    border: 1px solid #CCCCCC;
}
table tbody
{
  border-collapse: collapse;
}
table tbody tr:hover td
{
  color:#000;
  border-right: 0;
  border-left: 0;
  background-color:#FFF8EB;
}
.bold
{
	font-weight:bold;
}
#receipt_pane_holder
{
	width:100%;
	margin:0 auto;
}
#rpane_left table, #rpane_right table
{
	width:100%;
	margin:1px 0;
	font-size:1.1em;	
}
#rpane_left, #rpane_right
{
	padding:0;
	margin:0;
		box-shadow: 8px -2px 7px -6px #777;
}
#rpane_left
{
	float:left;
	width:68%;
	padding-right:0px;
}
#rpane_right
{
	float:left;
	width:30%;
	padding-left:2%;
}
.clear_div
{
	width:100%;
	clear:both;
}
#receipt_form
{
	margin:0;
}
.receipt_tables
{
   font-size: 1.1em;
	background: #fff;
	border-collapse: collapse;
	margin:10px auto 20px;
	border:1px solid #eee;
}
.receipt_tables thead tr:first-child
{
	border: 1px solid rgb(73,85,94);
}
.receipt_tables th:first-child
{
	border-radius:0;
}
.receipt_tables th:last-child
{
	border-radius:0;
}
.receipt_tables th
{
    font-size: 1.1em;
	color: #fff;
	padding: 2px 8px 0px;
	margin:1px;
	background: rgb(88,99,111);
	font-weight: normal;
}
#payment_choices span, .large_text
{
	font-size:1.1em !important;
}
.tab_icon
{
	font-size:4.5em;
	font-weight:bold;
}
.main_ul li a 
{
	padding: 0 1em !important;
}
.pd_name
{
	cursor:pointer;
}

tr.even td {
	border:1px solid #9E9E9E;
	border-right:0;
	border-left:0;
}

@media all and (max-width: 1024px){
	.ui-tabs-panel
	{
		padding:8px 1px !important;
	}
	#rpane_right
	{
		padding-left:1%;
	}
	#rsearch
	{
		font-size: 30px;
		border-radius: 0;
		height: 38px;
		width: 44px;
		border-right: 0;
		margin-top: -13px;
	}
	#rsearch .ui-button-text 
	{
	   padding:0 !important;
	}
	#product_upc
	{
		margin-left: -3px;
		margin-top: 0px;
		border-left: 0;
		border-radius: 0;
		font-size: 26px;
		width:86%;
		height:26px;
	}
}

.receipt_tables td, .cashbox_tables td
{
	border-bottom: 1px solid #ccc;
	padding: 6px 8px;
}
.white_text
{
	color:#fff !important;
}
.receipt_tables tbody tr:hover td
{
	color:;
}
.receipt_tables tfoot tr:last-child
{
	background-color:rgb(88,99,111);
	border: 1px solid rgb(73,85,94);
}
.receipt_tables tfoot tr:last-child td
{
	border:0;
}
.receipt_tables tfoot tr:last-child td:first-child
{
	border-radius:0;
}
.receipt_tables tfoot tr:last-child td:last-child
{
	border-radius:0;
}
#lock
{
	
}
#lock img
{
  margin-bottom:-2px;
  width:24px;	
}
.datatables tr td
{
	padding:2px 7px !important;
}
h3, h4
{
	text-align:center;
}
input
{
	font-size:0.8em;
}
.float-right{float:right;}
.float-left{float:left;}

#topbar
{
   background: url("../img/title_small.png") no-repeat scroll 30px 2px #919191;
   height: 50px;
   box-shadow: 0px 1px 3px #777;
   border-bottom: 1px solid #777;
}
#topbar #dealer_logo
{
    background: url("../img/authserv.png") no-repeat scroll center top #919191;
    float: right;
    height: 33px;
    margin: 8px 20px 0 0;
    width: 118px;	
}
#topbar p
{
	float: right;
	margin: 32px 14px 0 0;
	padding: 0;
	color:#fff;
}
.hide_for_screen
{
	display:none;
}
#container
{
	margin:5px auto 0 auto;
	width:99%;
	padding:0 0 20px 0;
}
#content
{
	width:80%;
	margin-left:210px;
}
#loginform
{
	width:180px;
	height:110px;
	padding:9px;
	margin:0 auto;
    border:1px solid #ccc;
    text-align:center;
    background-color:#fff;
    box-shadow:0 1px 2px #777
}
#loginform input
{
    border:1px solid #ccc;	
}
#logintitle
{
	text-align:center;
    background-color:#919191;
    color:#fff;
	width:180px;
	margin:20px auto 0;
	padding:10px;
	font-weight:normal;
    box-shadow:0 1px 2px #777;
}
div.error
{
	width:300px;
	text-align:center;
	padding:20px;
	margin:20px auto;
}
a img
{
	border:0;
}
.datatables
{
	width: 100%;	
	color:#555;
	border-collapse: collapse;
}
.datatables a
{
	color:#003399;
	text-align:center;	
}
#clist li a:hover
{
	text-decoration: underline;
}
.sro_form
{
	width:100%;
	margin:10px auto;
}
.error
{
	color:red;
}
#sro_number
{
	font-size:1.7em;
	font-weight:bold;
}
h3.title
{
	background:#DDDDDD;
	border:1px solid #ccc;
	text-align:left;
	padding:2px 0 2px 10px;
	font-weight:bold;
	clear:both;
}
h3.title_main
{
	background: none repeat scroll 0 0 #D0DCE0;
    border-top: 4px solid #B0BBBE;
    color: inherit;
    font-size: 1em;
    font-weight: normal;
    padding: 8px;
    width:51%;
    margin-left:auto;
    margin-right:auto;
    display:none;
}
h2.srostatus
{
	float:left;
	text-align:center;
	margin:0;
	padding:15px 40px;
	color:#333;
	font-weight:normal;
}
#status1
{
   background:transparent url('../img/1.png') no-repeat top center;
}
#status2
{
   background:transparent url('../img/2.png') no-repeat top center;
}
#status3
{
   background:transparent url('../img/3.png') no-repeat top center;
}
#status4
{
   background:transparent url('../img/4.png') no-repeat top center;
}
#status5
{
   background:transparent url('../img/5.png') no-repeat top center;
}
table.sro
{
	width:100%;
	margin:0;
	padding:0;
}
table.sro td, table.sro th
{
	padding:0;
}
.left th, .left td, .left
{
	text-align:left !important;
}
.right th, .right td, .right
{
	text-align:right !important;
}
table.sro th
{
	text-align:right;
}
table.sro td
{
	text-align:left;
}
table.sro td textarea
{
    width:97%;
    background-color:inherit;
    border:1px solid #ccc;
    padding:5px;
    font-family: 'lucida Grande';
    font-size: 0.7em;
}
#box-table-a td textarea
{	
    border:1px solid #ccc;
    padding:5px;
}
#tinytable
{
	text-align:right;
	list-style:none;
}
#tinytable li img
{
	margin:0 -7px 0 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;
}
*/
.datatables tr th
{
	background-color:rgb(88,99,111);
    font-weight:normal;
    color:#fff;
}
.datatables tfoot tr td
{
	background-color:rgb(88,99,111);
}
#menu
{
	width:100%;
	margin:10px auto;
	text-align:center;
	background:#D0DCE0;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border:2px solid #B0BBBE;
	height:100px;
}
#menu ul
{
	padding:65px 0;    
}
#menu ul li
{
	list-style:none;
	padding:10px;
	display:inline;
    margin: 0 20px;
    padding: 0;
}
#menu ul li a img
{
	width:60px;
}
#menu ul li span
{
   text-align:center;
}
#menu ul li a
{
	padding:65px 20px 0;
	color:#555;
}
a#principal
{
	background:transparent url('../img/home.png') no-repeat top center;	
	padding-top:55px !important;	
}
a#clientes
{
	background:transparent url('../img/user_add.png') no-repeat top center;	
}
a#usr
{
	background:transparent url('../img/staff_user_add.png') no-repeat top center;	
}
a#articulos
{
	background:transparent url('../img/ipod_add.png') no-repeat top center;	
}
a#sro
{
	background:transparent url('../img/sro.png') no-repeat top center;	
}
a#sroadd
{
	background:transparent url('../img/add_sro.png') no-repeat top center;	
}
a#pref
{
	background:transparent url('../img/process.png') no-repeat top center;	
}
a#exit
{
	background:transparent url('../img/remove.png') no-repeat top center;	
}
a#massmail
{
	background:transparent url('../img/mail_next_large.png') no-repeat top center;	
}
a#kbase
{
	background:transparent url('../img/database_info.png') no-repeat top center;	
}
a#kbaseadd
{
	background:transparent url('../img/database_add.png') no-repeat top center;	
}
table#notes
{
	width:100%;
	margin:0;
	padding:0;
}
table#notes tr td
{
	margin:0;
	padding:5px;
}
table#notes tr td:last-child 
{
	width:1%;
}
table#notes tr td:first-child 
{
	width:70%;
}
table#notes tr.odd
{
	background-color:#D0DCE0;
}
table#notes tr.even
{
	background-color:#EEE;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */
.dataTables_wrapper {
	position: relative;
	margin:10px 0 40px 0;
}

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

.centered {
	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;
}


.odd {
	background-color: #EEE;
}

.even {
	background-color: #FFF;
}





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

.datatables tfoot input[type="text"] 
{
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

.datatables 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%;
}

/* Full number pagination */

.paging_full_numbers {
	height: 22px;
	line-height: 22px;
	margin-top: 15px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

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

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

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.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;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: rgb(88,99,111);
	color:#ccc !important;
}
tr.odd td.sorting_1 a
{
	color:#fff;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EEE;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


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

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}
input.error, textarea.error
{
	border:1px solid red;
}
#pd_img_holder
{
	float:;
}
#public_sro
{
	float:left;
	border:0;
	margin:12px 0 0 0;	
}
#public_sro td, #public_sro th
{
	border:none; padding:0 3px;
}
#public_sro td, #public_sro th
{
	text-align:left;
	padding: 4px 1px;
}
#public_sro tr.odd
{
	background:#eee;
}
#public_sro tr.even
{
	background:#ddd;	
}
#footer
{
	background:#DDDDDD;
	border:1px solid #ccc;
	text-align:left;
	padding:2px 0 2px 10px;
	clear:both;
	margin-top:20px;
}

/*Messages and Error Messages*/
p.messages
{    
	border:1px solid #5A82AB;
	width:400px;
	padding:30px;
	margin:5px auto;
	text-align:center;
}
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:12px 10px 0 0;
}
.tab_bar_button a span
{
	color:rgb(145, 145, 145);
}
.tab_bar_button a:hover span
{
	color:#555;
}
#public
{
	width:640px;
	margin:20px auto;
	padding:20px;
    border:1px solid #ddd;
    border-radius:8px;
    min-height:290px;
    background: #f7f7f7;   
}
#public_form_title
{
	color:#555;
	font-weight:normal;
	background:url('../img/2.png') no-repeat top left;
	padding:8px 0 15px 80px;
	margin:0;
}
p.large_text
{
  font-size:1.4em;
  color:#777;
}
#view_sample
{
	cursor:pointer;
	color:#777;
	font-size:0.6em;
}
#sro_num_label
{
	font-size:1.1em;
	color:#444;
}
#public_disclaimer
{
	width:640px;
	margin:5px auto;
	background:#f7f7f7;
	padding:0 20px;
    border:1px solid #ddd;
    border-radius:8px;
    color:#777;	
}
#srostatus
{
   margin:0;
   padding:0;
}
#srostatus h1
{
	float:right;
	text-align:center;
	margin:-80px 0 0 0;
	padding:15px 40px;
	color:#333;
	font-weight:normal;
}
#srostatus h2
{
	color:#555;
	font-weight:normal;
	float:right;
	margin:-80px 80px 0 0;
	padding:12px 5px;
}
#public_sro h2
{
	margin:0;
}
#notes_holder
{
	margin:-30px 0  0 290px;
}
#notes_holder p
{
	font-size:1.2em;
	margin:1px;
	color:#777;
	text-align:justify;
}
.battery_img
{
	width:24px;
}
.entry_table
{
	width:100%;
	border-collapse:collapse;
}
.entry_table thead th
{
	background:rgb(88,99,111);
	color:#fff;
	padding:5px 0;
}
#notes_holder div
{
	font-size:1.3em;
	margin:5px 0;
}
#tabs-pos
{
	width:970px;
	margin:0 auto;
}
#pos_client_info
{
	width:100%;
}
#pos_client_info input:not(#qty)
{
	width:90%;
}
#pos_client_info tr td:first-child, #pos_client_info tr td:nth-child(3)
{
	/*display:none;*/
}
#pos_client_info tr td:nth-child(2)
{
	/*display:none;*/
}
.float-right-label
{
	text-align:right;
}
.receipt_tables_print
{
	width:100%;
}
#pfields
{
	padding:0;
}
#pfields ul
{
	padding:0;
	margin:0;
	width:100%;
	list-style:none;
}
#pfields ul li
{
	border-bottom: 1px solid #ccc;
	padding: 6px 8px;
}

/************* 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: bold
}
.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: bold;
    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:-12px -22px 0 0px;
	float:right;
	background-color: #F03D25;
	border: 1px solid #D83722;
	border-bottom: 1px solid #C0311E;
	border: 0;
	border-radius: 10px;
	display: block;
	padding: 1px 6px;
	color: white;
	font-weight: bold;
	font-size:1em;
	z-index:3000;
}
.sro_buttons
{
	margin-right:10px;
}
.holder
{
	margin-top:15px;
}
.employee
{
	display:none;
}
.paid
{
	background-color:#9C8;
}
#img_loader
{
	display:none;
}
.commercial_invoice_tables
{
	border:1px solid #000;
	  margin-top:50px;
	  width:100%;	
}
.commercial_invoice_tables th
{
	background-color:#ccc;
	border-radius:0 !important;
}
.commercial_invoice_tables td
{
	border-radius:0 !important;
}
#commercial_invoice_details
{
  margin:20px 0 80px 0;
}
#preloaded_html
{
	display:none;
}
/********* Tabs for iFix 3 **********/
#tabs, #tabs-pos 
{ 
    background: none;
	box-shadow: 0px 1px 3px #777;
} 
#tabs .ui-tabs-nav, #tabs-pos .ui-tabs-nav
{ 
    padding-left: 2px; 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    border-radius: 0px; 
} 
#tabs .ui-tabs-panel,#tabs-pos .ui-tabs-panel 
{ 
    background: #fff;
}
ul.ui-autocomplete
{
  z-index:1000;	
}
.hidden
{
	display:none;
}

a.li_trash, a.li_lock, a.li_note
{
 font-size:28px;
 color:#555;
 text-align:center;
}
#rsearch
{
	font-size: 30px;
	border-radius: 0;
	height: 38px;
	width: 44px;
	border-right: 0;
	margin-top: -14px;
}
#rsearch .ui-button-text 
{
   padding:0 !important;
}
#product_upc
{
	margin-left: -3px;
	margin-top: 2px;
	border-left: 0;
	border-radius: 0;
	font-size: 26px;
	width:86%;
}
#pfields input[type="text"]
{

}
#results_table input[type="text"]
{
	width:90%;
	text-align:right;
}
.cashbox_div
{
   width:32%;
   float:left;
   margin:5px 4px;
}
.cashbox_tables
{
   border-collapse: collapse;
   float:left;
   font-size: 1.2em;
   margin:5px auto;
   width:100%;
   border:1px solid #eee;
}

.cashbox_tables th
{
    font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	padding: 2px 8px 0px;
	margin:1px;
	border: 1px solid rgb(73,85,94);
	background: rgb(88,99,111);
	font-weight: normal;
}
#cashbox_diff
{
	text-align:center;
	padding:0;
	margin:-20px 0 0 0;
}
.large_info_header
{
	font-size:2.5em;
	margin:0;
	padding:0;
}
.reg_table tr td:nth-child(2)
{
   cursor:pointer;
   color:#039;
}
#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;
}
a.clear_search
{
	padding: 6px 0px;
	margin-top: 2px;
	float: right;
}
#pos_client_info #rnc
{
	width:80%;
}
a#rnc_lookup.rnc_lookup.float-right.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only
{
	height: 22px;
    margin-top: 2px;
}
#rnc_dialog
{
	display:none;
	height:340px;
}
#rnc_dialog iframe
{
	border:0;
	width:100%;
	height:100%;
}
.full-width
{
	width: 100%;
}
#tabs_store span.li_stack.tab_icon
{
	font-size: 3.5em;
}

.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;
}
ul.circle
{
	margin:0;
	padding: 0 0 0 21px;
}
ul.circle li
{
	margin:0;
	padding:0;
	list-style: circle;
}
#credit_note_form table tfoot
{
	color:#fff;
}
.receipt_tables tfoot th
{
	color:#fff;
}
#uploader_frame
{
	width:680px;
	height:500px;
}
#gallery img
{
	padding: 5px;
  height: 100px;
  width: 110px;
}
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 30px; padding: 0; line-height: 30px;
    border: 2px solid #999999; border-radius: 30px;
    background-color: #C92C2C;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 30px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 58px;
    border: 2px solid #999999; border-radius: 30px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #3BA32D;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #3BA32D;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}
.half
{
	width: 46%;
	margin:1%;
	padding:1%;
}
#reports
{
	width:100%;
	margin:0;
	padding:0;
}
#reports li
{
	list-style: none;
	float:left;
	margin:3px;
}
.clear_div
{
	width:100%;
	clear:both;
}
.report_header th
{
	background-color: rgb(88, 99, 111);
	font-weight: normal;
	color: #fff;
}