.hidden {
    display: none !important;
    visibility: hidden !important;
}
.top-bar{
	background: none;
	max-width:78em;
	}
.contain-to-grid .top-bar{
	background: none;
	max-width:78em;
	}
.navigation-section .row{
	margin:0 auto;
	}
.ticketTableBody td{
	height:36px;
	}
#ticketTable tfoot tr td{
	font-size: 1.5rem;
	font-weight:400;
	}
#dimmer {
    background: none repeat scroll 0 0 #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.75;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
.popover{
	position:absolute;
	z-index:1010;
	top:48px;
	padding:0.35em;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	width:100%;
}



#popoverPay button, #popoverPay .button{
	margin:0;
	}
#popoverPay span{
	font-size:1.5em;
	line-height:1.8em;
	}
		
#popoverVoid button, #popoverVoid .button{
	margin:0;
	}
#popoverVoid span{
	font-size:1.5em;
	line-height:1.8em;
	}
#popoverVoid textarea{
	height:5em;
	}


.customerSearchResult table, .serviceSearchResult table{
	border:none;
	width:100%;
	}
	.customerSeachResult table thead tr, .serviceSearchResult table thead tr{
		font-weight:700;
	}
.searchResult table{
	border:none;
	width:100%;
	}
	.seachResult table thead tr{
		font-weight:700;
	}
.cleaningItems{
	height: 100px;
    margin-bottom: 4px;
    margin-right: 4px;
    width: 90px;
	vertical-align:middle;
	padding:0;
	}
	.cleaningItems .serviceName{
		/*height:56px;*/
		/*line-height:46px;*/
		}
	.cleaningItems .servicePrice{
		position:absolute;
		right:5px;
		bottom:0;
		font-size:0.8em;
		}
	.cleaningItems.mix{
		display:none;
		}
.panel.notification{
	background-color: #5da423;
    border-color: #508d1e;
    color: white; 
	text-align: left;
	font-size: 1rem;
	padding: 0.5rem;
	margin-bottom: 0;
	}
.Info{

	}
	.Info span{
		display:inline-block;
		}
	.Info p{
		margin-bottom:0.5rem;
		}
		.Info span.title{
			text-align: right;
			padding-right: 0rem;
			}
		.Info span.info{
			padding-left: 0.95rem;
			padding-right: 1rem;
			border-left: 1px solid #CCC;
			}
			.Info .info p{
				font-weight:600;
			}
		.Info span.print{
			float: right;
			margin-right: 1em;
			}
div.ui-tooltip {
    min-width: 500px;
}
.reportColorBlue{
	background: #99ccff !important;
}
.reportColorYellow{
	background: #ffff99 !important;
}
.reportColorRed{
	background: #ff7878 !important;
}
.ui-datepicker-trigger{
	background: none;
	padding: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker-trigger:hover{
	background: none;
}
#addCustomer{
	background: #2BA6CB;
	color: #fff;
	cursor: pointer;
	transition: background-color 300ms ease-out 0s;
	}
	#addCustomer:hover{
	background: #2285A2;
	}
.button.companiesSelect{
	font-size: 1.3rem;
	}
.companiesSelect{
	height: 130px;
    margin-right: 8px;
    padding-left: 0;
    padding-right: 0;
    vertical-align: middle;
    width: 130px;
	display:table;
	float: left;
	}
	.companiesSelect .item{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		}
.showMoney{
	opacity: 0.2;
	-webkit-transition: all 0.3s ease; 
			transition: all 0.3s ease; 
	}
	.showMoney:hover{
		opacity: 1;
	}
#dvLoading{
	background:#000 url(/img/loader.gif) no-repeat center center;
	height: 260px;
	width: 550px;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 50%;
	margin: -130px 0 0 -275px;
	display:none;
	}	
/* Attach elements to the beginning or end of an info span */

.infoPrefix,
.infoPostfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding:0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 1.2rem;
  font-weight: 400;
  height: 2.4rem;
  line-height: 2.4rem; }