#main
{
	margin-top: 4%;
}

.breadcrumb
{
	background-color: white;
	margin: 0;
}

#user_button
{
	border:none;
	background-color: white;
	margin-top: 8px;
	margin-right: 8px;
}

.panel
{
	height: 82vh;
	overflow: auto;
	margin-bottom: 2px;
}

/*.cat-select
{
	width: 100% !important;
}*/

.cat-select:hover
{
	box-shadow: 3px 3px 3px rgba(0,0,255,.1);
}


.product_count
{
	position: absolute;
	top:-7%;
	left:70%;
	padding: 3px;
	background-color: gray;
	color: white;
	border-radius: 100%;
	font-size: 8pt;
	box-shadow: 3px 3px 3px rgba(0,0,255,.1);
}

/*Ajax Loader Starts*/
#overlay
{
	background-color:rgba(0,0,0,.5);
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index:9999;
}

#ajaxloader
{
	position: absolute;
	top:40%;
	left:48%;
	width: 40px;
	height: 40px;
	border: 8px solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
	box-shadow: 0 0 25px 2px #eee;
}

#ajaxloader
{
	animation: spin 1s linear infinite;
}

@keyframes spin
{
	from { transform: rotate(0deg);   opacity: 0.2; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.2; }
}

/*Ajax Loader Ends*/

#msg_box
{
	font-size: 15pt;
	text-align: center;
	color:#eee;
	position:absolute;
	right:0;
	top:0;
	height:8%;
	width:100%;
	padding-top: 1%;
	z-index:9999;
}

.pos_input
{
	padding: 1pt;
}