html,body{
	height: 100%;
}
body {
  margin: 0px;
  padding: 0px;
	 background-color: #f1f1f1;
}
.page-wrap,
.page-wrap > .row,
.nav-side-menu{
	height: 100%;
}
.main-content{
	padding-left: 0;
	padding-right: 0;
	background-color: #f1f1f1;
}
.search-bar{
	margin-top: 20px;
	margin-bottom: 10px;
}

/* menu */
.brand{
	background-color: #fff;
	text-align: center;
}
.nav-side-menu{
	padding-left: 0;
	padding-right: 0;
	background-color: #333;
}
.menu-list ul,.menu-list li{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #333;
}
.menu-list li{
	position: relative;
	border-bottom: 1px solid #444;
	border-left: 5px solid #F29126;
}
.menu-list li a{
	display: block;
	color:#ccc;
	min-width: 250px;
}
.menu-list li a:hover{
	background-color: #006732;
	text-decoration: none;
}

.menu-list li a,
.menu-list li.with-sub > a::after{
	padding: 10px 10px;
}

.menu-list li.with-sub > a::after{
	font-family:'FontAwesome';
	/*display: block;*/
	content: '\f105';
	position: absolute;
	right: 0;
	top: 0;
}

.menu-list ul > li > ul{
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 10;
}
.menu-list ul li:hover > ul{
	display: block;
}

.list-company{
	background-color: #fff;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 15px 0;
}
address{
	margin-bottom: 10px;
}
address i{
	width: 15px;
}
#map{
	margin-bottom: 20px;
}
.company-descr{
	margin: 10px 0;
}
.company-image{
	border:1px solid #ddd;
	padding: 3px;
}
.company-branch{
	border:1px solid #ddd;
	box-sizing: border-box;
	padding: 10px;
}
.company-branch p:last-child{
	margin-bottom: 0;
}
h3.branch_name{
	margin-top: 0;
	padding-bottom: 5px;
	border-bottom: 2px solid #F29126;
}
.tag{
	display: inline-block;
	background-color: #f1f1f1;
	padding: 5px 10px;
	border-radius: 5px;
}
.tag i{
	color:#aaa;
}
.company-regno{
	font-size: 10px;
}
.copyright{
	padding: 10px;
	color: #333;
}
.toggle-menu{
	display: none;
}
.collapse-icon{
	display: none;
}


#custom-search-input {
		margin: 30px 0 10px;
		padding:0;
}

#custom-search-input .search-query {
		padding-right: 3px;
		padding-right: 4px \9;
		padding-left: 3px;
		padding-left: 4px \9;
		/* IE7-8 doesn't have border-radius, so don't indent the padding */

		margin-bottom: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
}

#custom-search-input button {
		border: 0;
		background: none;
		/** belows styles are working good */
		padding: 2px 5px;
		margin-top: 6px;
		position: relative;
		left: -8px;
		/* IE7-8 doesn't have border-radius, so don't indent the padding */
		margin-bottom: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color:#D9230F;
		box-shadow: none;
}
.input-group-btn{
	position: absolute;
	right: 0;
	z-index: 4;   
}

.search-query:focus + button {
		z-index: 3;   
}

.company-logo{
	padding-top: 10px;
	padding-bottom: 10px;
}

.page-title{
	margin: 30px 0 10px;
}


@media (min-width: 1200px) {
	.nav-side-menu{	
		position: fixed;
		width: 16.666%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 20;
	}
	.main-content{
		margin-left: 16.666%;
	}
}

@media (max-width: 1200px) {
	.menu-list{
		position:relative;
		height: 50px
/*		display: none;*/
	}
	.menu-list li{
		border-left: none;
	}
	.nav-side-menu{
		height: auto;
	}
	.toggle-menu{
		color:#fff;
		position: absolute;
		left: 0;
		top: 0;
		font-size: 24px;
		padding: 10px;
		z-index: 10;
		display: block;
	}
	#menu-content{
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 11;
		width: 100%;
		display: none;
	}
	/*
	.menu-list li.with-sub > a:after{
		content: '\f067';
		padding: 10px;
		width: 60px;
		background-color: #2d2d2d;
		text-align: center;
	}
	*/
	.menu-list li.with-sub > a:after{
		display: none;
	}
	/*
	.menu-list li.with-sub.active > a:after{
		content: '\f068';
	}
	*/
	/*
	.menu-list li.with-sub:before{
		content: '';
		padding: 10px;
		width: 60px;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		z-index: 100;
	}
	*/
	.menu-list ul > li > ul{
		position: static;
	}
	#menu-content > li > ul > li{
		background-color: #444;
	}
	#menu-content > li > ul > li > ul > li{
		background-color: #555;
	}
	#menu-content.active{
		display: block;
	}
	.menu-list ul li:hover > ul{
		display: none;
	}
	.collapse-icon{
		display: block;
		width: 50px;
		height: 40px;
		background-color: #2e2e2e;
		position: absolute;
		z-index: 10;
		right: 0;
		top: 0;
	}
	.collapse-icon:before,
	.collapse-icon.active:before{
		content: '\f067';
		font-family: 'FontAwesome';
		color: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.collapse-icon.active:before{
		content: '\f068';
	}
	.sub-menu > li {
		border-bottom: 1px solid #333;
	}
	.subsub-menu > li {
		border-bottom: 1px solid #222;
	}

	.sub-menu.active{
		display: block !important;
	}
	.subsub-menu.active{
		display: block !important;
	}
	#custom-search-input {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.page-title{
		margin: 5px 0 10px;
	}
}