/*UserInfo
------------------------------------- */
.user-menu-countent {
	display: none;
}
.user-menu-countent.active {
	display: block;
}
.user-menu-countent .userInfo {
	text-align: left;
	top: 76px;
	right: 13px;
	list-style: none;
	background-color: #fff;
	box-shadow:0px 4px 5px 0px #818181;
	border-radius: 4px;
	font-size: 15px;
	transform: translate3d(0,15px,0);
	box-sizing: border-box;
	transition: 0.25s;
	visibility: hidden;
	opacity: 0;
	border: 1px solid#dadada;
}

/*userInfo Show */
.user-menu-countent.active .userInfo {
	visibility: visible;
	opacity: 1;
	transform: translate3d(0,0,0);
}

.userInfo  .title {
	font-size: 20px;
	padding: 15px 20px;
	font-weight: 600;
	color: #464646;
	letter-spacing: -1px;
	background: #f7f7f7;
}

.userInfo .title.user {
	background: #f7f7f7 !important;
}

.userInfo .all_group .title {
	background: #fff;
}

.userInfo  .title i {
	font-size: 20px;
	padding : 0 9px 0px 0px;
}

.rightUser {
	background: #f7f7f7;
}

.userInfo >div:first-child {
	background: #fff;
}

.userInfo >div:first-child i span{
	padding-left: 27px;
}

.userInfo .all_group .group-list {
	float: left;
}

.userInfo .userinfo-grid .grid-content {
 	display:none;
}

.userInfo .userinfo-grid .grid-content.active {
	display:block;
}

.userInfo .group-count-all {
	border-top : 2px solid #dfe1e0;
	padding-top : 47px;
	float: left;
}

.userInfo .group-list{
	border-top : 2px solid #dfe1e0;
	padding-top : 9px;
}

.userInfo .dashboard-stat.count {
	height: 117px;
	margin-bottom : 5px;
	margin-top : 2px;
	cursor:pointer;
}

.userInfo .dashboard-stat-content {
	padding-top: 15px;
}

.userInfo .dashboard-stat-content span {
	font-size : 17px;
	font-weight : 600;
	letter-spacing : -1px;
	margin-bottom: 10px;
}

.group-count {
	text-align: center;
}
.userInfo .dashboard-stat-content h4 {
	margin-top: 5px;
	/* float : right; */
	color: #5c5c5c;
}

.userInfo .dashboard-stat {
	background-color : #fff;
	border : 1px solid #cdcdcd;
	color: #5c5c5c;
}

.userInfo .title.user i {
	font-weight: 600;
	color: #1a1a1a;
}

.group-user-Infomation {
	background: #f7f7f7;
	border-top:2px solid #dfe1e0;
	padding : 20px 40px 30px 58px;
}

.userInfo .all_group .group-user-Infomation {
	/* height : 368px; */
}

.all_group div.rightUser {
		background: #f7f7f7;
		padding-left:0;
		padding-bottom : 40px;
}

.userInfo .group-user-Infomation .user-Infomation{
}

.userInfo .group-user-Infomation .user-Infomation div:first-child {
	padding-top: 16px;
	color : #3a3e3e;
	font-weight: 600;
	letter-spacing : -1px;
}

.overflow {
	overflow : hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.userInfo .group-user-Infomation .user-Infomation div:nth-child(2) {
	letter-spacing : -1px;
}

.userInfo .group-user-Infomation .user-Infomation div:first-child div {
	color: #000;
	font-weight: 600;
}

.user-Infomation div span {
	margin-left : -20px;
}

.user-Infomation div span:nth-child(2) {
	margin-left : 9px;
}

.user-Infomation img {
	width : 50px;
	display : inline-block;
	border-radius : 50%;
	image-rendering :-webkit-optimize-contrast;
}

.user-Infomation .img {
	margin-top : 10px;
}

.user-Infomation-btn {
	margin-top : 16px;
}

.user-Infomation-btn div {
	text-align: center;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.user-Infomation-btn .btn-style-1 {
	background: #b6b6b6;
	color: #fff;
	padding: 0 20px;
	line-height: 37px;
	font-weight: 500;
	cursor: pointer;
}

.user-Infomation-btn .btn-style-2 {
	border: 1px solid #b6b6b6;
	color: #454f51;
	padding: 0 20px;
	line-height : 37px;
	/* height : 37px;*/
	cursor: pointer;
}

.user-Infomation-btn .btn-style-2 i {
	padding-right: 5px;
}

.userInfo .dashboard-stat.count.active {
	background: #30475E;
	color: #fff;
	border : 1px solid #30475E;
}

.userInfo .dashboard-stat.count.active .dashboard-stat-content h4 {
	color: #fff;
}

/*Grid
------------------------------------- */

.userinfo-grid .jqx-widget-content {
	font-size : 15px;
	border : 1px solid #fff;
	line-height : 19px;
}

.userinfo-grid .jqx-widget-header {
	background : #fff;
}

/* header */
.userinfo-grid .jqx-widget .jqx-grid-column-header {
	background: #fff;
	font-weight : 500;
}

.userinfo-grid .jqx-widget .jqx-grid-cell,
.userinfo-grid .jqx-widget .jqx-grid-column-header,
.userinfo-grid .jqx-widget .jqx-grid-group-cell {
	border : none;
	border-bottom: 1px solid #e3e3e3;
}

/* rownum */
.userinfo-grid .jqx-grid-cell-pinned {
	background: #fff;
	line-height: 31px;
}

.userinfo-grid .jqx-widget-header.jqx-grid-header > div .jqx-grid-column-header.jqx-widget-header > div:first-child  {
	min-width: 30px;

}

.userinfo-grid  .jqx-fill-state-normal {
	background : #fff;
}

/* paging*/
.userinfo-grid  .jqx-clear.jqx-position-absolute.jqx-grid-pager.jqx-widget-header > div > div:last-child {
	float: right !important;
	margin-right : 35px !important;
}

.userinfo-grid  .jqx-clear.jqx-position-absolute.jqx-grid-pager.jqx-widget-header {
/* 	left : 315px !important; */
	border : none;
}


.userinfo-grid  .jqx-clear.jqx-position-absolute.jqx-grid-pager.jqx-widget-header > div {
/* 	width: 442px !important; */
	float: right !important;
}

.userinfo-grid  .jqx-fill-state-pressed {
	background : #f3f3f4;
}

/* hover */
.userinfo-grid .jqx-grid-cell.jqx-item.jqx-grid-cell-hover.jqx-fill-state-hover,
.userinfo-grid .jqx-grid-cell.jqx-item.jqx-grid-cell-pinned.jqx-grid-cell-selected.jqx-fill-state-pressed {
	background : #f3f3f4;
	color : #000 !important;
}

.userinfo-grid .jqx-grid-pager-number.jqx-rc-all {
	padding: 0px;
	margin-top: 0px;
	width: 27px;
	float: left;
	cursor: pointer;
	text-align: center;
	border: 1px solid transparent;
}
.userinfo-grid .jqx-grid-pager-number.jqx-rc-all.jqx-fill-state-pressed {
	background : #30475E;
	color : #fff !important;
	border: 1px solid #30475E;
}

.userinfo-grid .jqx-grid-cell.jqx-item .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal  span {
	left : 0px !important;
	top : -9px !important;
	position : relative !important;
}

/* format : button */
.userinfo-grid .jqx-grid-cell.jqx-item .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal {
	top : 3px !important;
	width : 90px !important;
	height : 30px !important;
	margin-top : 6px !important;
	margin-left : 18px !important;
}

/*link */
.userinfo-grid .jqx-event-cell-cursor {
	cursor: pointer;
	text-decoration: none;
}


/*Popup Backgroud
------------------------------------- */

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 22;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer.pop-layer,
.dim-layer.pop-layer2 {
  display: block;
}