/**
 * @Project NSS CMS V2
 * @Author NGOI SAO SO Co., Ltd.
 * @Copyright (C) 2015 NGOI SAO SO Co., Ltd. All rights reserved
 * @Createdate Sat, 26 Dec 2015 13:41:02 GMT
 */

/* User Login */
.users_login {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0;
	overflow: hidden;
}
.users_login .login-box {
	margin: 0;
	padding: 20px;
	position: relative;
	width: 100%;
	min-height: 300px;
	border: 1px solid #ebebeb;
}
.users_login .qlist {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
.users_login .qlist ul {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}
.users_login .qlist ul li {
	border: 1px solid #ebebeb;
	display: block;
	list-style: outside none none;
	margin: 2px 0;
	padding: 3px 10px;
	position: relative;
	text-align: center;
}
/* .users_main */
.users_main {
	position: relative;
	width: 100%;
	padding: 40px;
	margin: 0;
	overflow: hidden;
	border: 1px solid #ebebeb;
}
.users_main h2{
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0 0 10px;
}
.users_main .nav-pills > li.active > a, .users_main .nav-pills > li.active > a:hover, .users_main .nav-pills > li.active > a:focus {
	color: #fff;
	background-color: #74ad2d;
}

.users_main .info_page {
	position: relative;
	background-color:#fafafa;
	width: 100%;
	padding: 20px;
	margin: 0;
	overflow: hidden;
	border: 1px solid #ebebeb;
}
/* .menu_users */
.menu_users {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0 0 10px;
}
.menu_users ul {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0 0 10px;
}
.menu_users li {
	position: relative;
	padding: 0px;
	display: inline-block;
	margin: 0 0 10px;
}
.menu_users li a {
	margin: 0 2px;
	position: relative;
	background-color: #ebebeb;
	border-color: #ebebeb;
	color: #333;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.menu_users li a:hover {
	background-color: #649428;
	border-color: #649428;
	color: #fff;
}
/* List navbar */
.list_navbar {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
.list_navbar a {
	display: inline-block;
	margin: 0 2px;
	position: relative;
	background-color: #649428;
	border-color: #649428;
	color: #ffffff;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.list_navbar a:hover {
	background-color: #41690e;
	border-color: #41690e;
	color: #ffffff;
}
/* Upload, crop avatar */
.users-av-wraper {
	position: relative;
	width: 630px;
	min-height: 100%;
	background: #f7f7f7;
	padding: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 13px
}
.users-av-wraper > form > div {
	position: relative;
	padding: 15px 0 0 15px
}
.users-av-wraper > form > div:first-child {
	background-color: #efefef;
	min-height: 400px;
	border: 1px solid #D0D0D0;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	padding: 0
}

.users-avupload {
	position: relative;
	width: 100%;
	height: 100%;
}

.users-avupload .upload-button {
	display: table;
	width: 100%;
	height: 380px;
	cursor: pointer;
}

.users-avupload .upload-button > div {
	display: table-row
}

.users-avupload .upload-button > div > span {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.users-avupload .upload-button > div > span > em {
	display: inline-block;
	width: 100px;
	height: 100px;
	font-size: 40px;
	text-align: center;
	color: #fff;
	background-color: #1182C8;
	line-height: 100px;
	border-radius: 50px
}

.users-avupload .upload-button:hover em {
	background-color: #205FA0;
}

.users-avupload .img-area {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 10px
}
.users-avupload .img-area img {
	width: 100%;
}
.users-av-wraper .guide {
	padding: 8px;
	background: #D8EAF8;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.users-av-wraper .exit-bt {
	position: fixed;
	top: 380px;
	right: 30px
}

/* EDIT INFO */
#change-photo {
	display: none;
}

.users-menu > li > a {
	padding: 8px 10px !important;
}