.center_pan{position:fixed;
	border-radius:10px;
	padding: 10px;
	z-index:5;}

.width_600{width:400px;
	left:calc((100% - 400px)/2);
}

.height_350{height:350px;
	top:calc((100% - 200px)/2);
}

.hover:hover{
	color: #ccc;
}

.image_viewer{
	display: block;
	height:225px; 
	border:solid #CCC; 
	width:225px; 
	border-radius:5; 
	text-align: center; 
	vertical-align: middle; 
	background-size: contain; 
	padding: 2px; 
	cursor: pointer;
	float: left;
}

.bold{font-weight: bold;}

.margin_top_10{margin-top: 10px;}

.vertical_middle{vertical-align: middle;
background-color: #000;}

.default_hide{
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.app_title{position: relative;;
width: 80%;
left: 10%;
top: 20px;
font-size: 18px;
font-weight: 600;
z-index: 6;}

.appinfo{display:none;
	position: relative;
	width:100%;
	height: 500px;
	background-color:#fff;}

hr.style-three{
	line-height: 0;
	position:relative;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.20), rgba(0,0,0,0.20), rgba(0,0,0,0.20));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0.20), rgba(0,0,0,0.20), rgba(0,0,0,0.20));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0.20), rgba(0,0,0,0.20), rgba(0,0,0,0.20));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0.20), rgba(0,0,0,0.20), rgba(0,0,0,0.20));}

.organization_banner{
	display: block;
	width: 100%;
	height: 135px;
	background-color: #FFF;
	background-image:url(../images/header.jpg);
	background-size:auto;
	background-position: center;
	background-repeat:no-repeat;
}

/******** Navigation Panel *****************/
#nav_wrap{display:block;
position:fixed;
top:40px;
left:0px;
width:160px;
min-height:100%;
height:auto;
background-color:#404040;
z-index:0;}

#nav_wrap a{color:#FFF;}

#cont_wrap{display:block;
position:absolute;
top:40px;
padding-bottom:40px;
width:calc(100% - 160px);
min-height:calc(100% - 80px);
height:auto;
left:160px;
background-color:#ebebeb;}

#main_menu{list-style:none;
font-family:"Open sans";
font-size:16px;
line-height:18px;
color:#fff;
margin:20px auto auto auto;
padding:0 0 0 10px;
text-align:left;}

#main_menu li{display:block;
padding:10px 10px 15px 5px;}


.menu_icon{display:inline-block;
background-position:left center;
background-size:auto;
background-repeat:no-repeat;
height:24px;
width:24px;
float:left;
vertical-align:middle;
padding-right:5px;}

.menu_text{display:inline-block;
height:24px;
padding-left:10px;
padding-top:5px;
vertical-align:middle;}

#icon1{
background-image:url(../images/main_menu/glyphicons_home.png);}

#icon2{
background-image:url(../images/main_menu/glyphicons_posts.png);}

#icon3{
background-image:url(../images/main_menu/glyphicons_media.png);}

#icon4{
background-image:url(../images/main_menu/glyphicons_user.png);}

#icon5{
background-image:url(../images/main_menu/glyphicons_settings.png);}

#icon6{
background-image:url(../images/main_menu/glyphicons_link.png);}

#icon7{
background-image:url(../images/main_menu/glyphicons_logout.png);}

#icon8{
background-image:url(../images/main_menu/glyphicons_slider.png);}

#icon9{
background-image:url(../images/main_menu/glyphicons_search.png);}

#icon10{
background-image:url(../images/main_menu/glyphicons_branch.png);}

#icon11{
background-image:url(../images/main_menu/glyphicons_backup.png);}

#icon12{
background-image:url(../images/main_menu/glyphicons_notification.png);}

#icon13{
background-image:url(../images/main_menu/glyphicons_singleuser.png);}

#icon14{
background-image:url(../images/main_menu/glyphicons_report.png);}

#icon15{
background-image:url(../images/main_menu/glyphicons_left.png);}

#icon16{
background-image:url(../images/main_menu/glyphicons_dashboard.png);}

#icon17{
background-image:url(../images/main_menu/glyphicons_invoice.png);}

#icon18{
background-image:url(../images/main_menu/glyphicons_diamond.png);}

#icon19{
background-image:url(../images/main_menu/glyphicons_balance.png);}

.active_notch{
	position:relative;
    top: -15px;
	left: 160px;
	/*left: calc(50% + 2px);*/
    margin: -20px;
    border-top: 0;
    border-right: 10px solid #f2f2f2;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
	/*opacity:0.5;*/
    padding: 0;
    width:0 auto;
    height:0 auto;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-top-color: pink;
	_border-bottom-color: pink;  
    _filter: chroma(color=pink);
	z-index:10;
	float:left;
	vertical-align:top;}
/******** Ending Navigation Panel *****************/

/************ App Header **********/

#session_panel{display:block;
position:fixed;
width:100%;
height:40px;
background-color:#404040;
z-index: 4;
font-family:"Open sans";
font-size:16px;}

#title{font-family:"Open sans";
font-size:18px;
line-height:2;
padding:10px 20px 10px 10px;
font-weight:bold;
color:#FFF;}

#user_login{width:auto;
height:50px;
position:absolute;
right:0;
margin:10px;
color:#FFF;}

#session_panel a{color:#FFF;}

/************ Eniding App Header **********/

/************ Suggestion List ***************/
#result_list_container{display:none;
position:absolute;
height:auto;
margin:0px 0px auto auto;
width:calc(100% - 30px);
background-color:#FFF;
z-index:15;}

#list_container{display:none;
position:absolute;
height:auto;
margin:0px 0px auto auto;
width:calc(100% - 60px);
background-color:#FFF;
z-index:15;}

.autolist{border:solid thin #CCC;
padding:0px;
margin:0px;}

.autolist li{list-style:none;
padding:5px;
background-color:#FFF;}

.autolist li:hover{background-color:#CCC;
cursor:pointer;}

.active_li{background-color:#CCC;
border-top:solid thin #ccc;
border-bottom:solid thin #ccc;
font-size:18px;
font-weight:600;}

/************ Eniding Suggestion List **********/

/************ Barcode Error Handler ***************/



/************ New Icons *********************/



/*********** Ending Barcode Error Handler **********/