/*
=======================================
DEFAULT
=======================================
*/

body, html {
  height: 100%;
}


ul {
	margin:0;
	padding: 0;
}

ul li {
	list-style:none;
}

#logo {
	width:150px;
	margin:30px 30px 30px 50px;
}

#login {
	margin-bottom:10px;	
	text-align:center;

}

#currentuser a{
	
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
	text-decoration: none;
}

 #currentuser a:hover {
    color: inherit;
    text-decoration: none;
  }


#login a{
	
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	cursor:pointer;
	text-decoration: none;
}

#mascot {
	width:40px;
	position: absolute;
	left:0;
	top:10px;
}

.of-h {
	overflow: hidden;
}


/*
=======================================
PANEL LEFT
=======================================
*/

#panel-left {
	position: fixed;
	width:300px;
	height: 100%;
	background-color:#5F259F;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
}


	#panel-left ul.categories > li {
		display:block;
		font-size:13px;
		font-weight: 500;
	}

		#panel-left ul.categories > li > span {
			padding-left:30px;
		}


		#panel-left ul.categories > li > ul > li > span {
			padding-left:50px;
		}

	#panel-left ul li span {
		display:block;
		padding:3px 10px;
		color:rgba(255,255,255,0.7);
	}

		#panel-left ul li span:hover {
			cursor:pointer;
			background-color:rgba(0,0,0,0.1);
			color:#fff;
		}

	#panel-left ul li.active span,
	#panel-left ul li span.active {
		background-color:rgba(0,0,0,0.25);
		color:#fff;
		font-weight: 600;
	}




	#panel-left h6 {
		padding-left:30px;
		font-weight: 600;
		color:#fff;
		margin:20px 0;
	}

	#panel-left ul.rating {
		overflow: hidden;
		margin-bottom:30px;
	}

		#panel-left ul.rating > li {
			padding: 1px 30px;
		}

			#panel-left ul.rating > li:hover {
				cursor:pointer;
				background-color:rgba(0,0,0,0.1);
				color:#fff;
			}

		#panel-left ul.rating > li.active {
			background-color:rgba(0,0,0,0.25);
		}



#search {
	position: relative;
	margin:5px 30px;
	border-radius:30px;
	background-color:#966bc5;
	margin-bottom:50px;
	overflow: hidden;
}

#search input {
	border:0;
	padding:5px 10px 5px 35px;
	font-size:13px;
	background-color:transparent;
	width:100%;
	display:block;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

#search > i {
	position: absolute;
	left:0;
	top:0;
	z-index:1;
	margin:8px 12px;
	font-size:14px;
	color:#fff;
}


/*
=======================================
PANEL CENTER
=======================================
*/

#panel-center {
	padding:30px 30px 30px 330px;
}

/*
=======================================
LOGIN
=======================================
*/

/*
=======================================
ITEMS
=======================================
*/

ul#items > li {
	overflow: hidden;
	background-color:rgba(0,0,0,0.025);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:6px;
	margin-bottom:20px;
	padding:20px;
}

	ul#items > li img {
		border-radius:50%;
		width:120px;
		display:inline-block;
		vertical-align: middle;
		margin-right:20px;
	}

	ul#items > li .infos {
		display:inline-block;
		vertical-align: middle;
	}

		ul#items > li .title {
			font-family: 'Open Sans', sans-serif;
			font-weight: 600;
			font-size:20px;
		}

		ul#items > li .email {
			font-family: 'Open Sans', sans-serif;
			font-weight: 600;
			font-size:12px;
			background-color:rgba(0,0,0,0.1);
			border-radius:4px;
			padding:1px 6px;
			display:inline-block;
			margin:2px 0;
			color:#222;
		}

			ul#items > li .email:hover {
				background-color:rgba(0,0,0,0.2);
				cursor:pointer;
				text-decoration: none;
			}

		ul#items > li .phone {
			font-family: 'Open Sans', sans-serif;
			font-weight: 600;
			font-size:12px;
			display:block;
			color:rgba(0,0,0,0.7);
			text-decoration: none;
		}

			ul#items > li .phone:hover {
				color:rgba(0,0,0,1);
				cursor:pointer;
			}


		ul#items > li .rating {
			font-size:10px;
			margin:10px 0 0;
		}

			ul#items > li .rating .rating-title {
				display:inline-block;
				vertical-align: middle;
				margin-left:10px;
				font-size:14px;
			}

			ul#items > li .rating .stars {
				display:inline-block;
				vertical-align: middle;
			}



	
.LoadItem {
				color:rgba(0,0,0,1);
				cursor:pointer;
				text-decoration: none;
			}








.rating .fal {
	color:rgba(0,0,0,0.3);
}

.rating .fas {
	color:#77ae43;
}

#panel-left .rating .fal {
	color:rgba(255,255,255,0.2);
}

#panel-left .rating .fas {
	color:#fff;
}


.noresults {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	margin-left:150px;
}