@charset "utf-8";
.aside__wrap{border-radius:2px;background:#fff;font-size:15px;line-height:1.45em;border:1px solid #e0e3e9;margin-bottom:10px;word-wrap:break-word;text-align:center}
.aside-user__avatar{margin-bottom:7.5px;width:100%;text-align:center;word-wrap:break-word;position:relative;z-index:505}
.aside-user__avatar a{display:inline-block;margin:0 auto;border-radius:100%}
.align--column{-ms-flex-direction:column;flex-direction:column}
.align{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}
.avatar-side-wrap{text-align:center}
.avatar-side-name{display:block;text-decoration:none;font-weight:600;word-wrap:break-word}
.avatar-side-pic{display:block;border:3px solid #f0f0f0;box-shadow:0 0 0 #999;overflow:hidden;margin:0 auto;height:128px;width:128px;border-radius:100%;margin-bottom:7.5px}
.avatar-side-pic img{width:100%;height:128px}
.avatar-wrap{display:inline-block;border:3px solid #f0f0f0;box-shadow:0 0 0 #999;overflow:hidden;margin:0 0 10px 0;max-height:200px;width:100%}
.avatar-wrap img{width:100%;max-height:200px}




.container-lg {
	width: 100%;
	max-width: 1600px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
  }





/*
@@ USERS GRID
*/


.grid-layout,
.grid-layout4 {
	/*display: flex;
    flex-wrap: wrap;
    box-sizing: border-box*/

	display: flex;
	flex-flow: row wrap;
	width: 100%;
}

.grid-layout4 > .grid-layout--cell {
	flex: 1 1 25%;
	min-width: 240px;
	max-width: 25%;
	width: auto
}

.grid-layout > .grid-layout--cell {
	flex: 1 1 33%;
	min-width: 240px;
	max-width: 33%;
	width: auto
}

@supports (display: grid) {
	.grid-layout {
		display:grid;
        grid-gap: 18px;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));

		/* > * {
			flex: 0 1 ~"calc(33% - 5px)";
		} */
	}


	/* .grid-layout4 {

		> * {
			flex: 0 1 ~"calc(25% - 5px)";
		}
	} */
}

@media (max-width: 801px) {
	.grid-layout > .grid-layout--cell {
		flex: 1 1 50%;
		max-width: 50%;
	}
}

@media (max-width: 540px) {
	.grid-layout > .grid-layout--cell {
		flex: 1 1 100%;
		max-width: 100%;
	}
}





.user-info {
	box-sizing: border-box;
	padding: 5px 6px 7px 7px;
	color: #6a737c;
}

.user-info:before,
.user-info:after {
	content: "";
	display: table
}

.user-info:after {
	clear: both
}

.user-info .user-gravatar32 {
	float: left;
	width: 32px;
	height: 32px;
	border-radius: 1px
}

.user-info .user-gravatar32 img {
	border-radius: 1px;
	width: 100%;
	height: 100%;
	min-width: 32;
	height: 100%;
}

.user-info .user-gravatar32 + .user-details {
	margin-left: 8px;
	width: calc(100% - 40px)
}

.user-info .user-gravatar70 + .user-details {
	margin-left: 8px;
	width: calc(100% - 48px)
}

.user-info .user-gravatar64 + .user-details {
	margin-left: 8px;
	width: calc(100% - 64px)
}

.user-info .user-action-time {
	margin-top: 1px;
	margin-bottom: 4px;
	font-size: 12px;
	white-space: nowrap
}

.user-info .user-details {
	float: left;
	width: 100%
}

.user-info .-flair {
	display: block
}

.user-details {
	line-height: 17px;
	word-wrap: break-word
}

.user-details .badgecount {
	font-weight: 400;
	font-size: 12px
}

.user-details td {
	color: #0C0D0E;
	padding: 4px 0
}


.users-page .user-info .user-gravatar70 {
	float: left;
	/*display: block;*/
	width: 70px;
	height: 70px;
	text-align: center;
	margin-bottom: 0px;
}

/*.users-page .user-info*/
.user-gravatar70 a {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.users-page .user-info .user-gravatar70 a .gravatar-wrapper-70 {
	width: 70px;
	height: 70px;
	margin: 0 auto;
}

.users-page .user-info .user-gravatar70 a .gravatar-wrapper-70 img {
	width: 100%;
	min-height: 70px;
}

.users-page .user-info .user-details {
	margin-left: 9px;
	width: calc(100% - 84px);
	line-height: 1.3;
	position: relative;
	height: 75px;
}

.users-page .user-info .user-details .user-details-wrap {
	position: absolute;
	bottom: 10%;
}

.users-page .user-info .user-details .user-details-wrap a {
	font-weight: 600;
}

.users-page .user-info .user-details > a {
	display: inline-block;
	/*font-size: 14px*/
}

.users-page .user-info .user-details .-flair,
.users-page .user-info

/*.user-details*/
.user-location {
	display: block;
	margin-bottom: 2px;
}

.users-page .user-info

/*.user-details*/
.user-location {
	font-size: 90%;
	margin-bottom: 2px
}

.users-page .user-info .user-details .-flair {
	line-height: 1;
	margin-bottom: 4px
}

.users-page .user-info .user-tags {
	clear: both;
	font-size: 12px;
	margin-left: 57px
}

.users-page .user-info .user-tags > a {
	color: #848d95
}

.users-page .user-info .user-tags > a:hover {
	color: #6a737c;
	text-decoration: underline
}

.users-page .user-info:hover {
	/*background-color: #f4f8fb;
    transition: background .1s ease-in-out*/
	border: 1px solid #f4f8fb;
}

.users-page .no-search-results {
	font-weight: bold;
	font-size: 120%;
	padding: 20px
}

.users-page .user-info {
	overflow: hidden
}


.user-gravatar48 {
	display: inline-block;
	float: left;
}

.user-gravatar48 a {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.user-gravatar48 a .gravatar-wrapper- {
	width: 48px;
	height: 48px;
	margin: 0 auto;
}

.user-gravatar48 a .gravatar-wrapper- img {
	width: 100%;
	min-height: 48px;
}

.user-gravatar64 {
	display: inline-block;
	float: left;
}

.user-gravatar64 a {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.user-gravatar64 a .gravatar-wrapper- {
	width: 64px;
	height: 64px;
	margin: 0 auto;
}

.user-gravatar64 a .gravatar-wrapper- img {
	width: 100%;
	min-height: 64px;
}


/*
=======================================================================================
@@ USERS
=======================================================================================
*/

.list-group-item {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0.7143rem;
    display: block;
    cursor: pointer;
}

.profile_links .list-group-item {
	padding: 0.3rem 0.75rem;
}

.ugravatar {
	 float: left;
	 /* display: inline-block; */
	/*  display: block; */
	 position: relative;
	 border-radius: 1px;
	 overflow: hidden;
 }
 
 .ugravatar img {
	 border-radius: 1px;
	 width: auto;
	 height: auto;
	 min-width: 100%;
	 min-height: 100%;
	 position: absolute;
	 left: -20%;
	 right: -20%;
	 margin: auto;
 }
 
 .user-info {
	 box-sizing: border-box;
	 padding: 5px 6px 7px 0px;
	 color: #6a737c;
 }
 
 .user-info:before,
 .user-info:after {
	 content: "";
	 display: table
 }
 
 .user-info:after {
	 clear: both
 }
 
 .user-info .udetails {
	 float: left;
	 padding-left: 10px;
	 line-height: 1.2;
 }
 
 .user-info-100 .ugravatar {
	 width: 70px;
	 height: 70px;
	 float: none;
	 margin: auto;
	 display: block;
 }
 
 .user-info-100 .ugravatar img {
	 max-width: 100px;
	 max-height: 80px;
	 height: auto;
 }
 
 .user-info-100 .udetails {
	 /*width: calc(100% - 48px);*/
	 width: 100%;
	 display: block;
	 text-align: center;
	 padding: 10px 0 0px;
 }
 
 .user-info-48 .ugravatar {
	 width: 48px;
	 height: 48px;
 }
 
 .user-info-48 .ugravatar img {
	 max-width: 70px;
	 max-height: 54px;
 }
 
 .user-info-48 .udetails {
	 width: calc(100% - 48px);
 }
 
 .user-info-70 .ugravatar {
	 width: 70px;
	 height: 70px;
 }
 
 .user-info-70 .ugravatar img {
	 max-width: 100px;
	 max-height: 80px;
 }
 
 .user-info-70 .udetails {
	 width: calc(100% - 70px);
 }
 
 .user-info .user-gravatar32 {
	 float: left;
	 width: 32px;
	 height: 32px;
	 border-radius: 1px
 }
 
 .user-info .user-gravatar32 img {
	 border-radius: 1px;
	 width: 100%;
	 height: 100%;
	 min-width: 32;
	 height: 100%;
 }
 
 .user-info .user-gravatar32+.user-details {
	 margin-left: 8px;
	 width: calc(100% - 40px)
 }
 
 .user-info .user-gravatar70+.user-details {
	 margin-left: 8px;
	 width: calc(100% - 48px)
 }
 
 .user-info .user-gravatar64+.user-details {
	 margin-left: 8px;
	 width: calc(100% - 64px)
 }
 
 .user-info .user-action-time {
	 margin-top: 1px;
	 margin-bottom: 4px;
	 font-size: 12px;
	 white-space: nowrap
 }
 
 .user-info .user-details {
	 float: left;
	 /*width: 100%*/
 }
 
 .user-info .-flair {
	 display: block
 }
 
 .user-details {
	 line-height: 17px;
	 word-wrap: break-word
 }
 
 .user-details .badgecount {
	 font-weight: 400;
	 font-size: 12px
 }
 
 .user-details td {
	 color: #0C0D0E;
	 padding: 4px 0
 }
 
 .users-page .user-info .user-gravatar70 {
	 float: left;
	 /*display: block;*/
	 width: 70px;
	 height: 70px;
	 text-align: center;
	 margin-bottom: 0px;
 }
 
 .avatar-wrap {
	 display: inline-block;
	 border: 3px solid #f0f0f0;
	 box-shadow: 0 0px 0px #999999;
	 overflow: hidden;
	 margin: 0 0px 10px 0;
	 max-height: 200px;
	 width: 100%;
	 max-width: 250px;
 }
 


 .topic-block {
    display: block;
    padding: 10px 10px 15px;
    position: relative;
    margin-bottom: 0px;
    border-bottom: 1px solid;
    border-bottom-color: #d0d1d5;
}

.topic-block:hover {
    background-color: #f6f7f9;
    border-left: 5px solid;
    border-left-color: #e5e5e5;
}

.topic-block a:hover {
    text-decoration: none;
}

.gravatar-wrapper-32 {
    display: inline-block;
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 1px;
    margin-right: 10px;
}

.gravatar-wrapper-32 img,
.gravatar-wrapper-32 .listChopa img {
    width: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    min-height: 28px !important;
}

.gravatar-wrapper-32 .listChopa {
    width: 28px !important;
    height: 28px !important;
}

.user-info-sm {
    box-sizing: border-box;
    padding: 5px 6px 7px 7px;
    width: 200px;
    height: 40px;
    color: #6a737c;
    /*float: right;*/
    /*margin-top: -20px;*/
    font-size: 12px;
    /*line-height: 28px;*/
}

.user-info-sm .gravatar-wrapper-32 {
    display: inline-block;
    float: left;
    width: 28px;
    height: 28px;
    border-radius: 1px;
    margin-right: 10px;
}

[class*="gravatar-wrapper-"] {
    padding: 0;
    overflow: hidden;
}

.user-info-sm .user-gravatar32+.user-details {
    margin-left: 8px;
    width: calc(100% - 40px);
}

.user-info .user-details {
    float: left;
    width: 100%;
}

.user-details {
    line-height: 17px;
    word-wrap: break-word;
}






/*-------------------------------------------------------------------------------------------------------
@ PROFILE STYLES
-------------------------------------------------------------------------------------------------------*/
.gravatar-wrapper-md {
	display: block; text-align: center;  
	width: 140px; height: 140px;
	margin: 0 auto 5px; overflow: hidden;
}
.gravatar-wrapper-lg {
	display: block; text-align: center;  
	width: 185px; height: 185px;
	margin: 0 auto 5px; overflow: hidden;
}
.gravatar-wrapper-xl {
	display: block; text-align: center;  
	width: 100%; height: 155px;
	margin: 0 auto 5px; overflow: hidden;
}

.gravatar-wrapper-sm > .gravatar , 
.gravatar-wrapper-md > .gravatar , 
.gravatar-wrapper-lg > .gravatar , 
.gravatar-wrapper-xl > .gravatar  {
	width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;
} 



/*
@@ USERS GRID
*/

.grid-layout,
.grid-layout2,
.grid-layout4 {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.grid-layout4>.grid-layout--cell {
    flex: 1 1 25%;
    min-width: 240px;
    max-width: 25%;
    width: auto
}

.grid-layout>.grid-layout--cell {
    flex: 1 1 33%;
    min-width: 240px;
    max-width: 33%;
    width: auto
}

.grid-layout2>.grid-layout--cell {
    flex: 1 1 50%;
    min-width: 240px;
    max-width: 50%;
    width: auto
}

/*display:grid; grid-gap: 18px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));*/ 

@supports (display: grid) {
    .grid-layout { flex: 0 1 calc(33% - 5px); } 
    .grid-layout2>.grid-layout--cell { flex: 0 1 calc(50% - 5px); } 
    .grid-layout4>.grid-layout--cell { flex: 0 1 calc(25% - 5px); } 
}
 
@media (max-width: 802px) {
    .grid-layout>.grid-layout--cell,.grid-layout2>.grid-layout--cell,.grid-layout4>.grid-layout--cell {
        flex: 1 1 100%;
        width: 100%; max-width: 100%;min-width: 100%;
    }
}

.user-info {
    box-sizing: border-box;
    padding: 5px 6px 7px 7px;
    color: #6a737c; 
}

.user-info:before,
.user-info:after {
    content: "";
    display: table
}

.user-info:after {
    clear: both
}

.user-info .user-gravatar32 {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 1px
}

.user-info .user-gravatar32 img {
    border-radius: 1px;
    width: 100%;
    height: 100%;
    min-width: 32;
    height: 100%;
}

.user-info .user-gravatar32+.user-details {
    margin-left: 8px;
    width: calc(100% - 40px)
}

.user-info .user-gravatar70+.user-details {
    margin-left: 9px;
    width: calc(100% - 84px)
}

.user-info .user-gravatar64+.user-details {
    margin-left: 8px;
    width: calc(100% - 64px)
}

.user-info .user-gravatar100+.user-details {
    margin-left: 9px;
    width: calc(100% - 114px)
}

.user-info .user-action-time {
    margin-top: 1px;
    margin-bottom: 4px;
    font-size: 12px;
    white-space: nowrap
}

.user-info .user-details {
    float: left;
    width: 100%
}

.user-info .-flair {
    display: block
}

.user-details {
    line-height: 17px;
    word-wrap: break-word
} 
.user-info .user-details { margin-left: 9px; width: calc(100% - 84px); line-height: 1.3; position: relative; min-height: 105px; padding: 10px; }


.user-details .badgecount {
    font-weight: 400;
    font-size: 12px
}

.user-details td {
    color: #0C0D0E;
    padding: 4px 0
}


.user-info .user-gravatar70 { float: left; width: 70px; height: 70px; text-align: center; margin-bottom: 0px; } 
.user-gravatar70 a { display: block; text-align: center; margin: 0 auto; } 
.user-info .user-gravatar70 a .gravatar-wrapper-70 { width: 70px; height: 70px; margin: 0 auto; } 
.user-info .user-gravatar70 a .gravatar-wrapper-70 img { width: 100%; min-height: 70px; }

.user-info.grav100 .user-gravatar { float: left; width: 100px; height: 100px; text-align: center; margin-bottom: 0px; overflow: hidden; } 
.user-info.grav100 .user-gravatar a { display: block; text-align: center;  margin: 0; width:100%; height:100%; position: relative; } 
.user-info.grav100 .user-gravatar a .gravatar-wrapper { width: 102%; height: 102%; margin: -1%; border-radius: 100% !important; overflow: hidden; border: 7px solid #f7f7f7;} 
.user-info.grav100 .user-gravatar a .gravatar-wrapper:after{ top:0; left:0; content:''; width:100%; height:100%; display:block; position:absolute; }
.user-info.grav100 .user-gravatar a .gravatar-wrapper img { width: 100%; min-height: 100px; }
.user-info.grav100 .user-details { width: calc(100% - 114px); }

.user-info .user-details .user-details-wrap {
    line-height: 1.5; 
    margin-bottom: 5px;
}

.user-info .user-details .user-details-wrap a {
    font-weight: 600;
    font-family: var(--font-family-titles);
   /*  color: var() darkgreen; */
}

.user-info .user-details>a {
    display: inline-block;
    /*font-size: 14px*/
}

.user-info .user-details .-flair,
.user-info .user-location {
    display: block;
    margin-bottom: 2px;
}

.user-info .user-location {
    /* font-size: 90%; */
    margin-bottom: 2px
}

.user-info .user-details .-flair {
    line-height: 1;
    margin-bottom: 4px
}

.user-info .user-tags {
    clear: both;
    font-size: 12px;
    margin-left: 57px
}

.user-info .user-tags>a {
    color: #848d95
}

.user-info .user-tags>a:hover {
    color: #6a737c;
    text-decoration: underline
}

.user-info .cell-header {
    padding:10px; height:55px; /* background: rgba(237, 237, 174, 0.43); */position:relative;
}

/* .user-info:hover .cell-header {
    background: rgba(237, 237, 174, 0.83);
} */

.user-info:hover .user-details-wrap a {
    color: var(--brown);
}

.no-search-results {
    font-weight: bold;
    font-size: 120%;
    padding: 20px
}

.user-info {
    overflow: hidden; cursor: pointer;
}

.user-gravatar48 {
    display: inline-block;
    float: left;
}

.user-gravatar48 a {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.user-gravatar48 a .gravatar-wrapper- {
    width: 48px;
    height: 48px;
    margin: 0 auto;
}

.user-gravatar48 a .gravatar-wrapper- img {
    width: 100%;
    min-height: 48px;
}

.user-gravatar64 {
    display: inline-block;
    float: left;
}

.user-gravatar64 a {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.user-gravatar64 a .gravatar-wrapper- {
    width: 64px;
    height: 64px;
    margin: 0 auto;
}

.user-gravatar64 a .gravatar-wrapper- img {
    width: 100%;
    min-height: 64px;
}




/*-----------------
	25. Notifications
-----------------------*/

.notifications {
	padding: 0;
}
.notifications .noti-content {
	height: auto;
	max-height: 290px;
	width: 350px;
	overflow-y: auto;
	position: relative;
}
.notifications .notification-heading {
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.45;
	color: #616161;
}
.notifications .notification-time {
	font-size: 12px;
	line-height: 1.35;
	color: #bdbdbd;
}
.notification-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.notifications ul.notification-list > li{
	margin-top: 0;
	border-bottom: 1px solid #f5f5f5;
}
.notifications ul.notification-list > li:last-child {
	border-bottom: none;
}
.notifications ul.notification-list > li a {
	display: block;
	padding: 12px;
	border-radius: 2px;
}
.notifications ul.notification-list > li a:hover {
	background-color: #fafafa;
}
.notifications ul.notification-list > li .list-item {
    border: 0;
    padding: 0;
    position: relative;
}
.notifications .media {
	margin-top: 0;
	border-bottom: 1px solid #f5f5f5;
}
.notifications .media:last-child {
	border-bottom: none;
}
.notifications .media a {
	display: block;
	padding: 12px;
	border-radius: 2px;
}
.notifications .media a:hover {
	background-color: #fafafa;
}
.notifications .media-list .media-left {
	padding-right: 8px;
}