*
{
	margin: 0px;
	padding: 0px;
	border: none;
}
input.hasDatepicker {
    font-size: 70%;

}


/**********************POS TABS*********************************/
* {
	box-sizing: border-box
}

#bstartdate, #benddate {
	font-size: 60%;
	padding: 2px;
	background: #222;
	color: #ccc;
}
#pwd{
	font-size: 18px;
	padding: 5px;
}

/* Style the tab */
.postab {
	float: left;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	width: 5%;
	text-align: center;
}

	/* Style the buttons that are used to open the tab content */
	.postab button {
		display: block;
		background-color: inherit;
		color: black;
		padding: 22px 16px;
		width: 100%;
		border: none;
		outline: none;
		text-align: left;
		cursor: pointer;
		transition: 0.3s;
		border-bottom: 1px solid #ccc;
	}

		/* Change background color of buttons on hover */
		.postab button:hover {
			background-color: #ddd;
		}

		/* Create an active/current "tab button" class */
		.postab button.active {
			background-color: #ccc;
		}



/* Style the tab content */
.postabcontent {
	float: left;
	padding: 0px 5px;
	border: 1px solid #ccc;
	width: 95%;
	min-height: 500px;
	height: auto;
}

#starttime, #endtime {
	font-size: 70%;
	margin: 2px;
}



/**********************POS TABS*********************************/

.modalBox > div {
	width: 300px; /* set the window's width */
	position: relative;
	margin: 10% auto; /* center the window horizontally */
	padding: 5px;
	background: #fff;
}

.modalBox:target {
	opacity: 1; /* make the modal window layer visible */
	pointer-events: auto;
}
.modalBox {
	position: fixed; /* create the modal window layer, and have it fill the entire screen */
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.8); /* set the modal window layer's background color to a translucent black */
	z-index: 99999; /* put the layer on top of every other layer */
	opacity: 0; /* make the layer invisible intially */
	pointer-events: none;
}


#doneness {
    font-size: 80%;
    padding: 2px;
    margin: 4px;
}

tfoot {
	font-weight: bold;
	background: #ccc;
}
button {
	font-size: 80%;
	background: #ccc;
	box-shadow: 1px 1px 1px #666;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #eceeef;
    font-size: 90%;
}

.logoncontainer {
padding: 20px;
display: block;
width: 98%;
margin: 0  auto;
}



#payment {

    font-size: 24px;
}
#stafflist {

    height: 300px;
    display: block;
    overflow-y: scroll;

}
#search {
	margin-top: 5px;
}

#clear {
	padding: 5px;
	margin: 5px;
}

.display * {
    float: left;
    display: inline;
    line-height: 1em;
}

li {
	text-align: left;
}

#touchpad button {
    background: #666;
    color: #fff;
}

.smaller {
    font-size: 80%;
    color: #777;
    font-style: italic;
}

a.btn.btn-primary {
    width: 100%;
}

#message {
	background: #f7ca77;
	text-align: center;
	display:none;
	line-height: 20px;
	height: 20px;
}
form {
    width: 100%;
}
#orders i {
    font-size: 24px;
    margin: 0 5px;
}

table#cart-items {
	font-size: 0.75em;
}

tr.Mpesa {
    background: #c4f8c4;
}
tr.Cash {
    background: #f5f5f5;
}
.brand {

    margin:0 auto; 
    bottom: 10%; 
    display: block;

     text-align: center;
      position: absolute; 
      bottom:0;
      width: 50%;
    z-index: -999;

}

.brand img {
      width: 100%;
}
.add.btn.btn-primary {
    color: #fff;
}
body.logon {
    /*display: block;
  position: relative;
  margin: 0 auto;
  z-index: 0;*/
    margin: 0;
    height: 100%;
}

#payment input {
    font-size: 24px;
    width: 100%;
    float: right;
}

#amtdue {
    width: 80%;
    margin: 0px auto;
    text-align: center;
}
      
#holdon, #loadcart {

    position: absolute;
  width: 150px;
  height: 150px;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -150px;

  display: none
}  

 #loadcart {

    position: absolute;
  width: 100px;
  height: 100px;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -60px;

  display: none
}  
#holdon img , #loadcart img {
    border-radius: 50%;
    width: 100%;
    height: auto;
}

form#logon {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit;
	line-height: 1.6rem;
}
.greybg {
	background: #eee;

}
 body.logon::after {
    background: url(../Images/food.jpg);
  content: "";
  opacity: 0.2;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;  
}


button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;

  
}
ul.nav-sidebar   {
    margin: 5px;
    padding: 5px;


}

#ordersbalance {

    color: red;
}
#ordersdiscount {
	color: red;
}
.nav-sidebar li {
    list-style-type: none;
    width: 100%;
    background: #f5f5f5;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
   
}
.nav-sidebar li a:hover {
color: orange;

}

.form-horizontal {
    width: 50%;
}

.nav-sidebar li i {
   font-size: 32px;
   margin: auto;
}

.nav-sidebar li span {
    width: 100%;
   display: block;
 
}
.items {
	background: #eee;
	padding: 0px 10px 5px;
	line-height: 1.1em;
	border-radius: 10px;
	margin-top: 3px;
}
#Process {
    font-size: 14px;
font-weight: 600;
color: #a7ede8;
}
.items label, items select, items button {
    font-size: 12px;

}
.total {
	background: #fff2e6;
}
.total1 {
	background: #002699;
	color: white;
}
.total2 {
	background: #4d0000;
	color: white;
}
.total3 {
	background: #004d00;
	color: white;
}
input[type="text"]:disabled, select:disabled, input[type="text"]:read-only {
    background: #dddddd;
}

.btn.done.btn-primary {
    background: #67c100;
}


#ordersbalance {
    color: red;
}
#summary {
    text-align: center;
    font-size: large;
    line-height: 1.5em;
  
}
    .items td {
     
        color: #004141;
        padding:5px;
    }
body
{
	font-family: Verdana;
	font-size: 12px;
	background-color: #eee;
	padding:0px;
}
ul.dining li {
 list-style-type: none;
  background: #67c100;
float: left;
 width: 100px;
  border-radius: 8px;
 padding: 5px;
 height: 40px;
 line-height: 20px;
 text-align: center;

  box-shadow: 5px 5px 3px #888888;
 margin: 5px;
 display: block;
}

ul.dining li a {
    
 
display:block;
 height: 64px;
    color:#fff;
     font-size: 14px;
     width: 100%;
     border-radius: 8px;
}
ul.guestrooms li {
 list-style-type: none;
  background: #666;
float: left;
font-size: 12px;
 width: 12%;
      border-radius: 8px;
 padding: 5px;
 height: 40px;

 text-align: center;

  box-shadow: 2px 2px 2px #888888;
 margin: 5px;
 display: block;
}

#guests select {
	margin: -20px 0 0 0;
	font-size: 80%;
}
ul.guestrooms li a {
      width:100%;
 
display:block;

    color:#fff;
  
     width: 100%;
     border-radius: 8px;
}


#paymentbuttons {
    width: 80%;
    margin: 20px auto;
}
ul.customers li {
 list-style-type: none;
  background: #67c100;
float: left;
 width: 150px;
      font-size: 16px;
 padding: 10px;
 height: 40px;
 line-height: 20px;
 text-align: center;


 margin: 20px;
 display: block;
}


ul.customers li a {
     
    color:#fff;
     font-size: 18px;
        width: 150px;
 
display:block;
 height: 40px;
}

.orderitems {
    display: block;
    float: left;
    width: 100%;
    height: 80px;
    font-size: 80%;
    overflow-y: scroll;
    font-style: italic;
    background: #ddd;
    border-radius:2px;
    padding: 2px;
}
ul.orders li {
 list-style-type: none;
  background:#f5f5f5;
float: left;
 width: 26%;
 
 padding: 2px;
 height: 200px;
 line-height: 16px;
 text-align: left;
 border: 1px solid #ccc;
 border-radius: 5px;
 margin: 5px;
 display: block;

}


ul.orders li a {
     
    color:  #666;



}
ul.bills li {
	list-style-type: none;
	background: #099;
	float: left;
	width: 12%;
	padding: 2px;
	height: 130px;
	line-height: 14px;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 5px;
	color: #eee;
	display: block;
}


	ul.bills li a {
		color: #eee;
	}

.bills {
	width: 100%;
	padding: 5px 10px;
}

ul.bills li h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: gold;
}

ul.bills li h2 {
	font-size: 1.3em;
	font-weight: bold;
}
p.billtotal {
	font-size: 120%;
	color: red;
	font-weight: 700;
	padding: 0 10px 0 5px;

}

.billtitle {
	display: block;
	height: 3em;
	float: left;
	width: 100%;
}

ul.bills li p.billtotal {
	font-size: 120%;
	color: lime;
	font-weight: 700;
	padding: 0 2px 0 0px;
	background: #000;
	padding: 3px;
}


ul.staff  {
    padding: 10px 0px;


}

ul.staff li {
 list-style-type: none;
  background: #67c100;
float: left;
 width: 90px;
 
 padding: 5px;
 height: 60px;
 text-align: center;

 border-radius: 10px;
 margin: 5px;
 display: block;
box-shadow: 5px 5px 3px #888888;
opacity: 0.95;
}


ul.staff li a {
     
    color: #fff;
     display: block;

     font-size: 14px;
        width: 100%;
 padding-top: 5px;
 
display:block;
 height: 100%;


}





.tabs-menu {
    height: 30px;
    float: left;
    clear: both;
}

.tabs-menu li {
    height: 47px;
    line-height: 46px;
    float: left;
    margin-right: 10px;
    background-color: #67c100;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
    list-style-type: none;
}

.tabs-menu li.current {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}
.tabs-menu li button,.tabs-menu li input,   .tabs-menu li input, .tabs-menu li select {
    line-height: 14px;
    padding: 8px;

}

.tabs-menu li a {
  padding: 20px;
color: #fff;
text-decoration: none;
font-size: 24px;
}

.tabs-menu .current a {
    color: #2e7da3;
}

.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: 100%;
    height: 100%
}


#PrintBill , #ModifyBill, #FinalizeBill {
	margin: 1%;
	width: 30%;
}
.align-right {
	text-align: right;
}
.tab-content {
	width: 100%;
	padding: 5px;
	display: none;
	height: 100%
}

#tables, #orders, #sales,#customers { 

 
 overflow-y : auto;
 overflow-x: hidden;
min-height: 500px;
height: auto
}


.logo img {
    height: 40px;

    padding: 5px;
}
#container
{
	float: left;
}

#header a {
	color: #eee;
	
}
.addtocart  {
  margin: 10px; 
  }

.addtocart img {
    border-style: none;
  
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow : 1px 1px 2px #222;
}




.error  {


    color: red;
}
table.inner  {
        border-collapse: collapse;
    background-color: transparent;border: none;

}
table.inner  tbody tr:nth-of-type(2n+1) {
    background-color:transparent;

}

table.inner td, table.inner tr {
border: none;

}

.inner, td.inner  {
    font-size: 90%;

}

th, td {

    padding: 5px;
}

table.inner td ,table.inner th, table.inner tr {

    padding: 0px;
        border:none;
    font-size: 90%;
}
#header
{
	float: left;
	width: 100%;
	border-bottom: 1px dotted #ccc;

	background: #222;
}

#header h1
{
	font-size: 16px;
	float: left;

	padding: 10px 0px 5px 0px;
}


#UserName, #Password, #PIN {
    font-size: 24px;
}

ul li a
{
	font-size: 12px;

}

#main, .main {
    padding: 5px;
    float: left;
    width: 100%;
    bottom: 0px;
}

ul
{
	list-style-type: square;
	margin-left: 0px;
	font-size: 14px;
}





.product {
	height: 340px;
	overflow-y:scroll;
	background: beige;
	display:block;


}


.prodimage  {
	
    margin: 10px auto;
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px;
	width:300px;
    background: #eee;
    height: 300px;


   

}

.prodimage img {


   height: 100%;



}



	#cart

{
	height: 330px;
	width: 100%;
	overflow-y: scroll;
	margin: 5px 0;
	border: 1px solid #ccc;
	padding: 3px;
}



.items{
	
        overflow-x:hidden;
	        overflow-y:auto;
}

.easyPaginateNav {
    clear: both;

margin-top: 10px;
}


	.easyPaginateNav a, .easyPaginateNav a:link {
		display: block;
		background: #333;
		border-radius: 50%;
		margin: 3px;
		width: 32px;
		height: 32px;
		float: left;
		text-align: center;
		color: #fff;
		font-size: 1.2em;
		font-weight: normal;
		font-family: Georgia;
		text-decoration: none;
		;
	}

table.payment {
    vertical-align: middle;
    background: #ccc;

}
table.payment input {

    margin: 5px;
    font-size: 16px;
    color:#000;
    width: 95%;
    
}


#payment   {

    width:80%;
    margin:20px auto;



}

.buyprice, .saleprice, .quantity,.money {
	background: #eee;
	font-size: 14px;
    font-weight: 700;
	color: #67c100;
	
}

#payment h1  {

  background: #000;
  color: lime;


}
ul#cartbutton  {

    margin: 0;
    padding:0;
}




#cartbutton i {
	
	
	font-size: 2em;
}


	ul#cartbutton li {
		font-size: 16px;
		text-align: center;
		display: block;
		float: right;
		text-shadow: 1px 1px 1px #222;
		padding: 0 2px;
		margin-right: 1%;
		width: 24%;
		list-style-type: none;
		border-radius: 10px;
		height: 3em;
		line-height: 3em;
	}

		ul#cartbutton li label {
			width: 40%;
			float: left;
		}

		ul#cartbutton li input {
			width: 60%;
			line-height: 1.8em;
			font-weight: bold;
			font-size: 16px;
		}

		ul#cartbutton li a {
			color: #fff;
	
			display: block;
			text-decoration: none;
			width: 100%;
		}


.grey {

  background:#666;
}

.purple {

  background:purple;
}
.lime {

  background:lime;
}


.green {

  background:#67c100;
}

.orange {
      background:orange

}

.silver {

  background:#ccc;
}


.easyPaginateNav a.current .easyPaginateNav a:hover {
    background: #666;
}

ul#prodlist {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 300px;
	float:left; 
}

ul#prodlist li {
	height:80px;
	width: 100px;
	float: left;
	margin: 8px;
	text-align: center;

}

ul#submenu
{
	list-style: none;
	margin: 20px 0;
	padding:0px;
	
float:right; 


}

ul#submenu li {

	float: left;
	margin-right: 30px;
	text-align: center;

}


ul#submenu li a {
    background: #67c100;
    color: #fff;
	padding: 10px;
    

}

ul#submenu li a:hover {

    background:#003e3e;
}
ul#prodlist li a, ul#prodlist li .button
{
	font-size: 13px;
font-weight: normal;
line-height: 1em;
width: 100%;
word-wrap: break-word;
}

.form-group {
    margin-top: 0.5rem;
      margin-bottom: 0.5rem;
}
ul#prodlist li a span
{
	color: #67c100;
	font-size: 16px;
}


#cart-total {


    color:  #67c100;
  
    width: 100%;
}

#change  {
text-align: right; color: red; padding: 5px; width: 100%;
font-size: 1.5em;

}

.cart-total {
background: #000;
color: #67c100;
font-size: 1em;
text-align:center;
border-radius: 10px;
font-weight: 600;
}

.receipt-total {
	background: #000;
	color: #67c100;
	font-size: 1em;
	text-align: right;
	border-radius: 10px;
	font-weight: 600;
}

#cart
{
	float: right;
}

#update-message
{
	color: #F6855E;
	font-weight: bold;
}

button 
 {
    width: 100%
}


button a
{
	color: #fff !important;
}

#footer a {
	color: #67c100;
font-weight: bold;
}
#footer {
    clear: both;
    padding: 0px;
    text-align: left;
    border-top: 1px dotted #8A8575;
    border-bottom: 1px dotted #8A8575;
    font-family: Verdana;
    font-size: 80%;
    padding: 0 20px;
    bottom: 1px;
}



#primary_nav_wrap a {
	color: #fff;
	
	
}

.cuser a{
    color: #67c100;
}
#primary_nav_wrap
{
   margin-left:  30px;
   float: left;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;

	text-decoration:none;
	font-weight:300;
	font-size:16px;
	line-height:32px;
	padding:0 15px;
	z-index:99999;

}


#primary_nav_wrap ul a:hover {
	color: #918151;
	
	
	
	
}
#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul ul li a  {	color:#918151;

}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover, #primary_nav_wrap ul li:hover a
{
	background:#f6f6f6;
    color:teal;
}

    #primary_nav_wrap ul ul li:hover a {
        background: #ccc;

    }

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
    z-index: 9999;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}
/******************** Top Navigation ************************/



ul#navlist
{
	float: right;
	margin: 0px;
	padding:0px;
}
div.genre h3 {
	font-size:16px;
	color: orange;
	text-align:center;
	width: 100%;
	
}
ul#navlist li
{
	display: inline;
		margin: 0px;
	padding:0px;

}

ul#navlist li a
{
	border-left: 1px dotted #8A8575;
padding: 5px;

color: #fff;
text-decoration: none;
float: left;

}

ul#navlist li:first-child a
{
	border: none;
}

ul#navlist li a:hover
{
	color: #F6855E;
}

/********************* End top navigation ***************************/

p
{
	margin-bottom: 2px;
	margin-top: 2px;
    padding:0px;
}

h2
{
	color: #5e5b54;
}



#header h1 a, h3 em
{
	color: #5E5B54;
}

a, a:link, a:visited, a:focus, a:hover 
{

	text-decoration: none;

}





/***************************** sidebar navigation ****************************/

#categories {
	font-family: Verdana;
	list-style-type: none;
	width: 100%;
	margin: 0;
	float: left;
	padding: 0 5px;
}

    #categories li {
        float: left;
        margin: 5px;
        display: block;
		padding: 0px;
        line-height: 0.95em;
        letter-spacing: -1px;
        width: 12.5%;
        background: darkslategrey;
        height: 2.4em;
        padding:2px;
        border-radius: 5px;
        overflow:hidden;
    }

#categories li a  {
	

	padding:0px;
    font-size: 11px;
font-weight: 600;
	
}
		#categories li:active {
			background: #67c100;
		}

#categories a:link, #categories a:visited
{
	color: #fff;
	text-decoration: none;
       text-shadow: 1px 1px 1px #222;
       border-radius: 5px;
}

	#categories li:hover {
		background: #67c100;
	}
	#categories li:hover, #categories li.current {
		background: #67c100;
	}

a.category {
  
    display: block;
    text-align: center;
}
.user {


    text-transform: uppercase;
}
div#proddetails p
{
	margin-bottom: 5px;
	color: #5e5b54;
	font-weight: bold;
}

p em
{
	color: #9b9993;
}

/* Form styles */
legend
{
	padding: 10px;
	font-weight: bold;
}

fieldset
{
	border: #9b9993 1px solid;
	padding: 0 10px;
	margin-bottom: 10px;
	clear: left;
}
.alert, .success , .bg-success{
	display: none;
	
}

 #orders span {
color: #fff;
display: block;
float: right;padding: 2px;
border-radius: 5px;
font-size: 80%;
width: 50px;
text-align: center;
 }

 #orders span.error {

background: chocolate;
}

 #orders span.success {
background: #67c100;

}

#orders span.inactive {
		background: #999;
	}


div.editor-field
{
	margin-bottom: 10px;
}

input[type=text], input[type=password], select
{

}

small, .small {
	font-size: 80%;
	font-weight: normal;

}

/* Styles for validation helpers */
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Tables */
table
{
	
	border-collapse: collapse;
	color: #666666;

	width: 100%;
}

th
{

	color: #000;

	text-align: left;
}

th, td
{

}

table.menuconfig td {
    font-weight:600;
    vertical-align:top;

}

 table.payment tr:hover
{
	background-color:#fff98a;
}

  .menu {
        background: transparent;
        height: 30px;
        padding: 0 10px;
        color: #FFFFFF;
    }

        .menu > li {
            display: inline-block;
            padding: 2px 6px 22px 2px;
            display: inline-block;
            text-align: center;
            height: 32px;
            width: 176px;
            color: #FFFFFF;
        }

            .menu > li a {
                display: inline-block;
                background: url(../Images/R1.PNG);
                padding: 2px 6px 22px 2px;
                display: inline-block;
                text-align: center;
                height: 32px;
                width: 176px;
                color: #222;
            }

                .menu > li a:hover {
                    display: inline-block;
                    background: url(../Images/R2.PNG);
                    padding: 2px 6px 22px 2px;
                    display: inline-block;
                    text-align: center;
                    height: 32px;
                    width: 176px;
                    color: #000000;
                }

    .sub-menu {
        position: absolute;
        display: none;
        background-color: transparent;
        padding: 5px;
    }

        .sub-menu > li {
            display: block;
            cursor: pointer;
            background: url(../Images/R1.PNG);
        }

            .sub-menu > li a:hover {
                display: block;
                cursor: pointer;
                background: url(../Images/R2.PNG);
            }





    .sub-menu2 {
        position: absolute;
        display: none;
        background-color: pink;
    }

        .sub-menu2 > li {
            display: block;
            cursor: pointer;
            background-color: green;
        }

            .sub-menu2 > li a:hover {
                display: block;
                cursor: pointer;
                background-color: pink;
            }


    .sub-menu2 {
        margin-top: -20px;
        margin-left: 178px;
    }

    li:hover .sub-menu {
        display: block;
    }

    li:hover .sub-menu2 {
        display: block;
    }


    #sidebar {
  background-color: #eee;
  border-right: 1px solid #ccc;
  bottom: 0;
  display: block;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: fixed;
  top: 64px;
  width: 264px;
  z-index: 1000;
}
#sidebar > ul.nav {
  padding-bottom: 24px;
}
#sidebar > ul.nav > li {
  margin: 0;
}
#sidebar > ul.nav > li > a {
  color: #20252b;
  font-size: 14px;
  font-weight: 700;
}
#sidebar > ul.nav > li > a:hover,
#sidebar > ul.nav > li > a.active {
  background-color: #e1e1e1;
}
#sidebar > ul.nav > li > a > span {
  margin-left: 6px;
}
#sidebar > ul.nav > li ul.sub-menu {
  list-style: none;
  padding: 0;
}
#sidebar > ul.nav > li ul.sub-menu > li:hover,
#sidebar > ul.nav > li ul.sub-menu > li.active {
  background-color: #e1e1e1;
}
#sidebar > ul.nav > li ul.sub-menu > li > a {
  color: #000;
  display: block;
  padding: 7px 5px 7px 40px;
  text-decoration: none;
}
#sidebar > ul.nav > li.divider {
  background-color: #ccc;
  height: 1px;
  margin: 0;
  overflow: hidden;
}
/* sidebar toggle */
.sidebar-toggle {
  display: none !important;
}
.page-content-toggle {
  margin-left: inherit !important;
}

div#login 
{
    padding:20px;    
}

div#login img.logo 
{
    margin:10px 0px 30px 0px;    
}

span.login 
{
    color:White;    
}

ul#adminmenu
{
    margin-left:50px;    
}


ul.filtroAlfab 
{
    list-style-type:none; 
    margin:0px;
    float:left;
}

ul.filtroAlfab li 
{ 
    margin:2px;
    font-size:160%;
    border: 1px solid #f5f5f5;
    padding:6px 8px;   
    float:left;
}

ul.filtroAlfab li.selected
{ 
    background-color:#333333;
    color:White;
}

ul.filtroAlfab li a 
{
   color:#333333;
}

div.pagingContainer
{
    float:right;
}

input.money {
	width: 100%;
	text-align: right;
}

select.vat 
{
    width:60px;
}

.form {
    background: #eee;
    padding: 10px;
}


div.searchBox { 
                margin:10px 0px 10px 0px;
                border:3px solid #f2f2f2;
                padding:15px 10px 10px 15px;
                -webkit-border-radius:0 3px 3px 0;
                -moz-border-radius:0 3px 3px 0;
                border-radius:0 3px 3px 0;
                }
                
div.searchBox div.setQuarter
{
    padding:5px;
    margin:5px 0px 0px 30px;   
}                

div.searchBox div.setQuarter div
{
    padding:4px;
}

div.searchBox div.setQuarter a
{
    color:Gray; 
    font-size:120%;
    text-decoration:underline;
}

/*dashboard*/


.periodSummary
{
    clear:both;    
    border:3px solid #f2f2f2;
    padding:15px 10px 10px 15px;
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;     
    margin-bottom:20px;           

}

.periodSummary .chart_summary
{
    float:right;
}
.periodSummary .summary
{
    margin:10px 0px 10px 0px;
    padding:10px;        
}

.periodSummary .summary .big
{
    font-size:130%;
    font-weight:bold;    
}

.periodSummary .summary hr
{
    margin: 5px;    
}
.periodSummary .summary h4
{
    margin-bottom:15px;
}

.negative 
{
    font-weight:bold;
    color:Red;
}

.positive
{
    font-weight: bold;
    color:Green;    
}

textarea.proposalDetails
{
    height:400px;
    min-width:400px;
}

textarea.proposalNotes
{
    height:100px;
    min-width:450px;
}

table.proposal tfoot tr td
{
    border-top:3px solid #f2f2f2;
    font-weight:bold;
    font-size:1.1em;
}

table.InvoiceFooterTotals td.title
{
    font-weight:bold;
    text-align:right;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors, .validation-summary-errors ul li {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

h4 {
    line-height: 20px !important;    
}

td.total 
{
    font-weight:bold;
    background-color:#f5f5f5 !important;
}

.expense{color:red}
.income{color:green}

.noborder{border:0}


h3, .h3 {
   
    color: #67c100;
    margin: 20px 0;
}

.popup-wrapper {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 2px 8px #aaa;
	overflow: hidden;
}
.ViewBill i {
	color: khaki;
}
.popup-title {
	padding: 10px 15px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #f0f0f0;
}

	.popup-title h3 {
		margin: 0;
		line-height: 1.3em;
		font-weight:600;
		color: #333;
		font-size: 1em;
	}

.popup-body {
	padding: 10px 15px;
	color: #555;
}

.popup-close {
	float: right;
	margin-top: 2px;
	padding: 0;
	font-size: 24px;
	line-height: 1;
	border: 0;
	background: transparent;
	color: #aaa;
	cursor: pointer;
}

	.popup-close:hover {
		color: #333;
	}

.popup-body  img {
	height: auto;
}


.cartbutton i {
	font-size: 2em;
}