/*
*	SonicOnline.fr - News
*	---------------------
*/

/*! */
/*! ----------------------------------------------------------- */
/*! 	USER HEADER					 							*/
/*! ----------------------------------------------------------- */


section#user #user-profile-header {
	height: 170px;
	margin-bottom: 10px;
}

section#user #user-profile-header .user-banner {
	width: 100%; height: 170px;
	background-color: #F5CBB3;
	background: url(../Imageset/user-default-header.jpg) no-repeat;
	overflow: hidden;
	border-radius: var(--box-round-normal);
}

section#user #user-profile-header .user-banner .banner-img {
	width: 940px;
	height: 170px;
	margin-left: calc(-940px / 2 + 100% / 2);
}

section#user #user-profile-header .user-banner img.banner {
	max-width: unset;
	width: 940px;
	height: 170px;
}

section#user #user-profile-header .banner-over {
	position: relative;
	top: -170px;
}

section#user #user-profile-header .banner-over:hover a {
	text-decoration: none;
}

section#user #user-profile-header .banner-over .change-banner,
section#user #user-profile-header .banner-over .change-banner-notclickable {
	height: calc(170px - 75px);
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: center;
}

section#user #user-profile-header .banner-over .change-banner-notclickable {
	cursor: default;
}

section#user #user-profile-header .banner-over .blue-bg {
	width: calc(100% - 40px); height: 55px;
	background-color: var(--bg-color-blue);
	display: flex;
	padding: 10px 20px;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(to left, rgba(77,95,117,0) 0%, rgba(77,95,117,.8) 60%, rgba(77,95,117,.9) 100%);
}

@media screen and (max-width: 720px) { section#user #user-profile-header .banner-over .blue-bg {
	padding: 10px;
	width: calc(100% - 20px);
}}

section#user #user-profile-header .banner-over .change-banner div,
section#user #user-profile-header .banner-over .change-avatar div {
	display: none;
	width: auto; height: auto;
	text-align: center;
	padding: 3px 5px;
	background-color: rgba(0,0,0,0.8);
	border-radius: var(--box-round-normal);
	color: #fff; font-size: 0.9em;
}

section#user #user-profile-header .banner-over .blue-bg .avatar {
	width: 100px; height: 100px;
	border-radius: var(--box-round-normal); overflow: hidden;
	margin-right: 10px;
	margin-top: -45px;
}

@media screen and (max-width: 720px) { section#user #user-profile-header .banner-over .blue-bg .avatar {
	width: 60px; height: 60px;
	margin-top: 0px;
}}

section#user #user-profile-header .banner-over .blue-bg .avatar:hover a {
	text-decoration: none;
}

section#user #user-profile-header .banner-over .blue-bg .avatar .user-avatar {
	--user-avatar-size: 100px;
}

@media screen and (max-width: 720px) { section#user #user-profile-header .banner-over .blue-bg .avatar .user-avatar {
	--user-avatar-size: 60px;
	/*width: 60px; height: 60px;
	background-size: 60px 60px;*/
	margin-top: -5px;
}}

section#user #user-profile-header .banner-over .blue-bg .avatar .user-icon-teamso {
	width: 25px; height: 25px;
	background-image: url(../Imageset/user-icon-teamso.png);
	position: relative;
	top: -100px;
}

@media screen and (max-width: 720px) { 
	section#user #user-profile-header .banner-over .blue-bg .avatar .user-icon-teamso {
	width: 15px; height: 15px;
	top: -55px;
	background-size: 15px;
}}

section#user #user-profile-header .banner-over .change-avatar {
	width: 100%; height: 100%;
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	position: relative;
	top: -125px;
}

@media screen and (max-width: 720px) { section#user #user-profile-header .banner-over .change-avatar {
	top: -74px;
}}

section#user #user-profile-header .blue-bg .texts {
	flex: 2;
}

@media screen and (max-width: 720px) { section#user #user-profile-header .blue-bg .texts .username {
	font-size: 1.9em;
}}

@media screen and (max-width: 940px) { section#user #user-profile-header .blue-bg .buttons .btn-text {
	font-size: var(--text-size-small);
}}


/* ---- MOBILE MENU ---- */


section#user #user-profile-header .mobile-menu .droplist {
	display: block;
	position: relative;
	top: -60px;
	left: calc(100% - 53px - 10px); /* button size = 53px */
}

section#user #user-profile-header .mobile-menu .droplist .droplist-btn {
	background-color: rgba(49,70,97,0.9);
	border: 1px orange solid;
}
section#user #user-profile-header .mobile-menu .droplist .droplist-btn .btn-icon {
	--icon-size: 35px;
	filter: var(--icon-filter-orange);
}
section#user #user-profile-header .mobile-menu .droplist .droplist-btn:hover .btn-icon {
	filter: var(--icon-filter-white);
}

section#user #user-profile-header .mobile-menu .droplist .droplist-menu {
	top:-100px;
}

section#user #user-profile-header .mobile-menu .droplist .droplist-item .icon {
	--icon-size: 14px;
	margin-right: 10px;
	filter: var(--icon-filter-blue);
}



/*! */
/*! ----------------------------------------------------------- */
/*! 	USER  PROFILE INDEX			 							*/
/*! ----------------------------------------------------------- */


section#main-content #right-userprofile {
	display: inline-block;
	width: 300px;
}
@media screen and (max-width: 940px) { section#main-content #right-userprofile {
	width: 220px;
}}

@media screen and (max-width: 720px) { section#main-content #right-userprofile {
	width: 100%;
	display: block;
}}


/* ---- BIO ---- */


section#user #profile-home .text-bio {
	font-style: italic;
	margin: 10px 10px 40px 10px;
}

@media screen and (max-width: 720px) { section#user #profile-home .text-bio {
	margin: 10px 0px 20px 0px;
}}


/* ---- GAME COLLECTION ---- */


section#user #profile-home #game-collec .game-collec-right-part {
	width: 100%;
	margin-left: 10px;
}
@media screen and (max-width: 940px) { 
	section#user #profile-home #game-collec .game-collec-chart-part {
		justify-content: center;
	}
	section#user #profile-home #game-collec .game-collec-right-part {
		display: none;
	}
	section#user #profile-home #game-collec .game-collec-sumup-part {
		font-size: var(--text-size-small);
	}
}


/* ---- GAME REVIEWS ---- */


/* Green & red bar on top of the User review box */
section#user #profile-home #game-reviews .graphic {
	font-size: var(--text-size-verysmall);
	color: var(--text-color-default);
	width: 250px;
}

@media screen and (max-width: 940px) { 
	section#user #profile-home #game-reviews .game-reviews-sumup {
		font-size: var(--text-size-small);
	}
}

@media screen and (max-width: 720px) { 
	section#user #profile-home #game-reviews .graphic {
		display: none;
	}
}


/* ---- BOARD ACTIVITY ---- */


section#user #profile-home #board-activity #boardpostchart {
	width: 100%;
	height: auto;
	padding: 10px;
}


/* ---- LAST LIKES ---- */


section#user #profile-home #last-likes .like-sumup {
	/*display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #D7D8DD;
	padding: 5px 10px;
	margin-top: 10px;*/
}


/* ---- USER CARD (right) ---- */


section#user #profile-home #user-card .gamertag {
	display: flex;
	width: calc(50% - 10px);
	flex-shrink: 0;
	padding: 5px;
}

section#user #profile-home #user-card .gamertag .icon {
	--icon-size: 20px;
}
section#user #profile-home #user-card .gamertag .icon.icon-xbox-round {
	filter: var(--icon-filter-xbox-green);
}
section#user #profile-home #user-card .gamertag .icon.icon-ps-round {
	filter: var(--icon-filter-playstation-blue);
}
section#user #profile-home #user-card .gamertag .icon.icon-nintendo-round {
	filter: var(--icon-filter-nintendo-red);
}
section#user #profile-home #user-card .gamertag .icon.icon-steam-round {
	filter: var(--icon-filter-steam-darkblue);
}

section#user #profile-home #user-card .gamertag .text {
	margin-left: 5px;
}

@media screen and (max-width: 940px) { 
	section#user #profile-home #user-card .infos {
		font-size: 12px;
	}
}

@media screen and (max-width: 720px) { 
	section#user #profile-home #user-card .infos {
		font-size: inherit;
	}
}

/* ---- BADGES (right) ---- */


section#user #profile-home #badges .badges-medals {
	width: calc(100% + 10px);
	margin-left: -5px;
}
section#user #profile-home #badges .badges-medals .medal {
	padding: 5px;
}

@media screen and (max-width: 720px) { section#user #profile-home #badges .badges-medals {
	justify-content: start;
}}

@media screen and (max-width: 940px) { 
	section#user #profile-home #badges .badges-medals .medal {
		padding: 0px;
	}
	section#user #profile-home #badges .badges-medals .medal img {
		width: 65px; height: 65px;
	}
}


/* ---- TOPIC FAVS (right) ---- */


section#user #profile-home .topic-favs-row {
	display: flex;
}

section#user #profile-home #topic-favs .user-avatar {
	--user-avatar-size: 30px;
	margin-right: 10px;
}

section#user #profile-home #topic-favs .right-infos {
	width: 100%;
}

@media screen and (max-width: 940px) {
	section#user #profile-home #topic-favs .user-avatar {
		display: none;
	}
}


/* ---- FRIENDS (right) ---- */


section#user #profile-home #friends .friends-avatars {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	width: calc(100% + 10px);
	margin-left: -5px;
}

@media screen and (max-width: 720px) { section#user #profile-home #friends .friends-avatars {
	justify-content: start;
}}

section#user #profile-home #friends .user-friend {
	display: flex;
	flex-direction: column;
	width: 66px;
	margin: 4px;
	align-items: center;
}

@media screen and (max-width: 940px) { section#user #profile-home #friends .user-friend {
	width: 60px;
}}

section#user #profile-home #friends .user-friend .user-avatar {
	--user-avatar-size: 60px;
}

@media screen and (max-width: 940px) { section#user #profile-home #friends .user-friend .user-avatar {
	margin-left: 4px;
}}

section#user #profile-home #friends .user-friend .username {
	text-overflow: ellipsis;
	font-size: .7em;
	overflow: hidden;
	white-space: nowrap;
}


/*! */
/*! ----------------------------------------------------------- */
/*! 	GAME COLLECTION				 							*/
/*! ----------------------------------------------------------- */

section#user #profile-games .tab,
section#user #profile-games-collection .tab {
	margin-top: 0px;
}

/* UserGameCard list style */

section#user #profile-games .game-logo {
	width: 128px;
	height: 90px;
}

section#user #profile-games .game-title {
	font-weight: bold;
	font-size: 18px;
}


/* Search results style */

#ajax-searched-games .gamebox-result {
	max-width: 140px;
}

#ajax-searched-games .gamebox-result img {
	width: 140px; height: 100px;
}


/* Button notes */

@media screen and (max-width: 720px) { 
	section#user #profile-games .game-logo {
		width: 64px;
		height: 45px;
	}
	
	.gamelist-item .game-btns {
		flex-direction: column;
		align-items: flex-start;
	}
	.gamelist-item .game-btns > div { /* le faire que pour le div suivant */
		margin-bottom: 10px;
	}

}



.gamelist-item .btn.js-btn-note-top.selected {
	border-color: var(--gamenote-default-color-up);
	background-color: var(--gamenote-default-color-bg);
	
}

.gamelist-item .btn.js-btn-note-top.selected .btn-icon {
	filter: var(--gamenote-icon-filter-up);
}

.gamelist-item .btn.js-btn-note-pastop.selected {
	border-color: var(--gamenote-default-color-down);
	background-color: var(--gamenote-default-color-bg);
}

.gamelist-item .btn.js-btn-note-pastop.selected .btn-icon {
	filter: var(--gamenote-icon-filter-down);
}


/* Popbox content (popbox to add a version to the collection) */

.popbox-content-usergameversion-add form .form-select select {
	width: 250px;
}

.popbox-content-usergameversion-add .popbox-gamebox-display {
	min-height: 130px;
}

.popbox-content-usergameversion-add .popbox-gamebox-display .default-gamebox {
	width: 100px;
	height: 130px;
	background-color: var(--bg-color-default-darker);
	font-size: 60px;
	font-weight: bold;
	color: var(--bg-color-default-clearer);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* gamebox */

section#user #profile-games .gamebox {
	position: relative;
}

section#user #profile-games .gamebox .game_condition {
	top: 14px;
	background-color: #333;
	position: absolute;
	width: 100px;
	text-align: center;
	left: -29px;
	font-size: 10px;
	font-weight: bold;
	color: #ccc;
		
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
}



@media screen and (max-width: 720px) { section#user #profile-games #btn-hide-icons {
	display: none;	
}}

section#user #profile-games .game-collect-category {
	font-weight: bold;
	color: var(--text-color-blue);
    text-shadow: 1px 1px 0px #F0F0F2, 0px 0px 0px #666, 0px 0px 0px #F0F0F2;
    text-shadow: 1px 1px 0px #e1e1e5, 0px 0px 0px #000, 0px 0px 0px #e1e1e5;
    font-size: var(--text-size-big);
    margin: 20px 24px;
}

@media screen and (max-width: 720px) { section#user #profile-games .game-collect-category {
	display: none;	
}}

section#user #profile-games .game-boxes-line {
	display: flex;
	margin: 0 50px;
	width: calc(100% - 50px * 2);
	align-items: flex-end;
	margin-top: 10px;
}

@media screen and (max-width: 720px) { section#user #profile-games .game-boxes-line {
	display: none;
}}

section#user #profile-games .game-box-icons {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(100% / 5);
}

section#user #profile-games .shelve {
	margin-top: -78px;
	margin-bottom: 40px;
}

@media screen and (max-width: 720px) { section#user #profile-games .shelve {
	display: none;
}}

section#user #profile-games .shelve-back {
	background: linear-gradient(var(--bg-color-default), var(--text-color-default));
	height: 30px;
	width: calc(100% - 24px * 2);
	margin-left: 24px;
}

section#user #profile-games .shelve-top {
	display: flex;
	background: linear-gradient(var(--bg-color-black), var(--bg-color-blue));
	height: 24px;
	width: 100%;
	justify-content: space-between;
}

section#user #profile-games .shelve-top-left {
	width: 0; height: 0;
    border-top: 24px solid var(--bg-color-default);
    border-right: 24px solid transparent;
}
section#user #profile-games .shelve-top-right {
	width: 0; height: 0;
    border-top: 24px solid var(--bg-color-default);
    border-left: 24px solid transparent;
}

section#user #profile-games .shelve-front {
	background-color: var(--bg-color-blue);
	height: 24px;
}

section#user #profile-games .search-form {
	margin-top: 80px;
	display: none;
}

@media screen and (max-width: 720px) { section#user #profile-games .search-form input {
	width: 96%;
}}

section#user #profile-games .game-box-icons-mobile {
	display: none;	
}

@media screen and (max-width: 720px) { section#user #profile-games .game-box-icons-mobile {
	display: flex;
	flex-direction: column;
	align-items: center;
}}

section#user #profile-games .mobile.game-box-page {
	
}

section#user #profile-games .mobile.game-box-page .game-boxes-category {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: flex-end;
}

section#user #profile-games .mobile.game-box-page .game-collect-category-mobile {
	width: calc(100% - 20px);
	font-weight: bold;
	padding: 5px 10px;
	background-color: #ccc;
	border-radius: var(--box-round-normal);
}

section#user #profile-games .mobile.game-box-page .game-box-icons-mobile {
	margin: 15px 6px;
}


/* ---- icons */


section#user #profile-games .game-status-icons {
	display: flex;
	height: 24px; width: 120px;
	justify-content: center;
}

section#user #profile-games .game-status-icons .icon {
	--icon-size: 18px;
	margin: 3px;
	filter: var(--icon-filter-white);
	display: none;
}

section#user #profile-games .game-status-icons .icon.selected {
	display: block;
}


/* ---- game edit topdownlist */


/*section#user #profile-games .open-fullscreen-popup-menu .game-box {
	z-index: 1;
}

section#user #profile-games .open-fullscreen-popup-menu .open-button {
	width: 20px; height: 20px;
	cursor: pointer;
	border-radius: var(--box-round-normal);
	margin-top: -22px;
	margin-left: calc(100% - 30px);
	position: relative;
	
	justify-content: center;
	align-items: center;
	display: flex;
	background-color: black;
}

section#user #profile-games .open-fullscreen-popup-menu .open-button .icon {
	--icon-size: 17px;
	filter: var(--icon-filter-white);
}


section#user #profile-games .open-fullscreen-popup-menu .open-button:hover {
	opacity: 1;
}

section#user #profile-games #popup-menu-destination .fullscreen-popup-window {
	width: 250px;
	background-color: #f4f4fa;
	background-color: #f8f8f8;
}


section#user #profile-games #popup-menu-destination .popup-title {
	display: flex;
	border-bottom: 1px #e1e1e1 solid;
	align-items: center;
	padding: 15px 20px 12px 20px;
	font-size: .95em;
	background-color: #fdfdfd;
	border-radius: var(--box-round-normal);
}

section#user #profile-games #popup-menu-destination .popup-title .fullscreen-popup-close-btn {
	width: 18px; height: 18px;
	border: 1px #d4d4d4 solid;
	background-color: #e3e3e3;
	color: #666;
	text-align: center;
	border-radius: 20px;
	font-size: .8em;
	cursor: pointer;
	margin-right: 15px;
	overflow: hidden;
	font-weight: bold;
}

section#user #profile-games #popup-menu-destination .popup-title .fullscreen-popup-close-btn:hover {
	background-color: #d6d6e0;
	color: #333;
}

section#user #profile-games #popup-menu-destination .popup-content {
	padding: 10px;
}

section#user #profile-games #popup-menu-destination .gamestatus-bts {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px #ccc solid;
	padding: 10px 40px;
	
}

section#user #profile-games #popup-menu-destination .gamenote-bts {
	display: flex;
	justify-content: space-around;
	padding: 10px;
	border-bottom: 1px #ccc solid;
}

section#user #profile-games #popup-menu-destination .gamereview {
	display: flex;
	justify-content: space-around;
	padding: 10px;
	border-bottom: 1px #ccc solid;
}

section#user #profile-games #popup-menu-destination .gamedelete-bt {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	padding: 10px;
}
*/
/* Game search display */
section#user #profile-games .search-form input {
	padding: 5px 10px;
}


/*! */
/*! ----------------------------------------------------------- */
/*! 	BADGES						 							*/
/*! ----------------------------------------------------------- */


section#user #profile-badges .badges-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	width: calc(100% + 10px * 2);
	margin-left: -20px;
}

@media screen and (max-width: 720px) { section#user #profile-badges .badges-list {
	width: calc(100% + 5px * 2);
	margin-left: -5px;
}}

section#user #profile-badges .badges-list .badges-details img {
	width: 100%; height: auto;
}

section#user #profile-badges .badges-list .badges-details {
	margin: 10px;
}

@media screen and (max-width: 940px) { section#user #profile-badges .badges-list .badges-details {
	width: 155px;
}}

@media screen and (max-width: 720px) { section#user #profile-badges .badges-list .badges-details {
	margin: 5px;
	width: 95px;
}}

section#user #profile-badges .droplist .droplist-menu div.droplist-item {
	display: block;
}

section#user #profile-badges .droplist .droplist-menu {
	bottom:-40px;
}


/*! */
/*! ----------------------------------------------------------- */
/*! 	TOPIC FAVORITES				 							*/
/*! ----------------------------------------------------------- */


section#user #profile-topic-favs .row .topic-pinned {
	display: none;
}
section#user #profile-topic-favs .row .box0 {
	display: none;
}

section#user #profile-topic-favs .row .box1 {
	flex:3;
}

section#user #profile-topic-favs .row .box2 {
	width: 90px;
	flex-shrink: 0;
}
section#user #profile-topic-favs .row .box3 {
	width: 160px;
	flex-shrink: 0;
}
section#user #profile-topic-favs .row .box4 {
	display: none;
}

@media screen and (max-width: 720px) { section#user #profile-topic-favs .row .box2, section#user #profile-topic-favs .row .box3, section#user #profile-topic-favs .row .box4 {
	display: none;
}}



/*! */
/*! ----------------------------------------------------------- */
/*! 	FRIENDS						 							*/
/*! ----------------------------------------------------------- */


section#user #profile-friends .friends-avatars {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
section#user #profile-friends .friends-avatars .user-friend {
	width: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
section#user #profile-friends .friends-avatars .user-friend .user-avatar {
	--user-avatar-size: 60px;
}
section#user #profile-friends .friends-avatars .user-friend .username {
	text-align: center;
	font-size: .7em;
}


/*! */
/*! ----------------------------------------------------------- */
/*! 	PRIVATE MESSAGES			 							*/
/*! ----------------------------------------------------------- */


section#user #privmsgs .write-button {
	margin-bottom: 20px;
}

@media screen and (max-width: 720px) { section#user #privmsgs .write-button {
	margin-bottom: 0px;
	text-align: center;
}}

section#user #privmsgs .privmsgs-page {
	display: flex;
}

@media screen and (max-width: 720px) { section#user #privmsgs .privmsgs-page {
	flex-direction: column;
}}

section#user #privmsgs .privmsgs-page #leftbox {
	width: 180px;
	flex-shrink: 0;
	margin-top: 10px;
}

@media screen and (max-width: 940px) { section#user #privmsgs .privmsgs-page #leftbox {
	width: 130px;
}}

@media screen and (max-width: 720px) { section#user #privmsgs .privmsgs-page #leftbox {
	width: 100%;
	margin-bottom: 10px;
	padding-top: 0px;
}
.mobile-horizontal-separator {
	border-bottom: 2px var(--bg-color-blue) solid;
}
}

section#user #privmsgs .privmsgs-page #rightbox {
	width: 100%;
	border-left: 2px var(--bg-color-blue) solid;
	padding-left: 20px;
	margin-left: 20px;
}

@media screen and (max-width: 720px) { section#user #privmsgs .privmsgs-page #rightbox {
	border: none;
	padding-left: 0; margin-left: 0;
}}

section#user #privmsgs .privmsgs-page #rightbox .messages-list {
	margin-top : 20px;
	margin-bottom: 20px;
}

section#user #privmsgs .privmsgs-page #leftbox .menu {
	padding: 5px;
}

section#user #privmsgs .privmsgs-page #leftbox .menu-selected {
	font-weight: bold;
	background-color: var(--bg-color-blue);
	padding: 5px;
	border-radius: var(--box-round-normal);
}

section#user #privmsgs .privmsgs-page #leftbox .menu-selected a {
	color: var(--text-color-orange);
}

section#user #privmsgs .privmsgs-page #rightbox #user-privmsgs-write h3 {
	font-weight: bold;
	margin-bottom: 20px;
}

@media screen and (max-width: 720px) { section#user #privmsgs .privmsgs-page #rightbox #user-privmsgs-write #form div.form-submit-btn {
	flex-direction: column;
	align-items: center;
}}

@media screen and (max-width: 720px) { section#user #privmsgs .privmsgs-page #rightbox #user-privmsgs-write #form div.form-submit-btn input:last-child {
	margin-top: 20px;
}}

section#user #privmsgs .privmsgs-page #rightbox #user-privmsgs-write #form label {
	width: 50px;
	flex-shrink: 0;
	text-align: right;
}

section#user #privmsgs .privmsgs-page #rightbox .msg-read .user-avatar {
	--user-avatar-size: 50px;
}

section#user #privmsgs .privmsgs-page #rightbox .msg-read .msg-header-right {
	margin-left: 10px;
	flex: 5;
}

section#user #privmsgs .privmsgs-page #rightbox .msg-read .msg-header-right .msg-title {
	font-weight: bold;
	font-size: 1.2em; line-height: 1.1em;
	margin-bottom: 5px;
}

section#user #privmsgs .privmsgs-page #rightbox .msg-read .msg-header-right .msg-author a {
	color: #333;
}


/*! */
/*! ----------------------------------------------------------- */
/*! 	PROFILE EDIT				 							*/
/*! ----------------------------------------------------------- */


section#user #profile-edit .top-menu {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}
section#user #profile-edit .top-menu div.btn-small {
	margin-left: 10px;
}


/*! */
/*! ----------------------------------------------------------- */
/*! 	EDIT AVATAR & BANNER		 							*/
/*! ----------------------------------------------------------- */


section#user #user-upload-avatar .subtitle {
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #999 solid;
}

section#user #user-upload-avatar #avatar {
	margin-bottom: 50px;
}

section#user #user-upload-avatar .top-part {
	display: flex;
}

section#user #user-upload-avatar #avatar .user-avatar {
	--user-avatar-size: 100px;
	margin: 0 50px;
}

@media screen and (max-width: 720px) { section#user #user-upload-avatar #avatar .img-avatar {
	width: 50px; height: 50px;
	margin: 0 10px 10px 0;
}}

section#user #user-upload-avatar #avatar .img-avatar.empty {
	border: 3px dashed #ccc;
}

section#user #user-upload-avatar #avatar .img-avatar.empty div {
	margin-top: 45px;
}

section#user #user-upload-avatar #banner .img-banner {
	width: 920px; height: 165px;
	border: 1px dashed #ccc;
	margin-bottom: 10px;
}

@media screen and (max-width: 940px) { section#user #user-upload-avatar #banner .img-banner {
	width: 700px; height: 125px;
}}

@media screen and (max-width: 720px) { section#user #user-upload-avatar #banner .img-banner {
	width: 100%; height: auto;
}}

section#user #user-upload-avatar #banner .img-banner.empty {
	border: 3px dashed #ccc;
}

section#user #user-upload-avatar #banner .img-banner.empty div {
	margin-top: 80px;
}

section#user #user-upload-avatar #upload {
	padding: 10px;
	background-color: #ccc;
	border-radius: var(--box-round-normal);
}


/*! */
/*! ----------------------------------------------------------- */
/*! 	EDIT GAMECARD				 							*/
/*! ----------------------------------------------------------- */


section#user #profile-gamercard .subtitle {
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #999 solid;
	margin-top: 40px;
}

section#user #profile-gamercard .gamercard-display {
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 940px) { section#user #profile-gamercard .gamercard-display {
	flex-direction: column;
}}

section#user #profile-gamercard .gamercard-display #mycard {
	width: 525px; height: 100px;
}

@media screen and (max-width: 720px) { section#user #profile-gamercard .gamercard-display #mycard {
	width: 100%; height: auto;
}}

section#user #profile-gamercard .gamercard-display #mycard.dashed {
	border-radius: var(--box-round-normal);
	border: 3px #ccc dashed;
	background-color: #fbfbfb;
	height: 94px;
}

section#user #profile-gamercard .gamercard-display #mycard.loading {
	background-image: url(../Imageset/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

section#user #profile-gamercard .gamercard-display #mycard .default_txt {
	padding-top: 45px;
}

section#user #profile-gamercard .gamercard-display .right-box {
	width: 100%;
	margin-left: 10px;
}

@media screen and (max-width: 940px) { section#user #profile-gamercard .gamercard-display .right-box {
	margin-left: 0px;
	margin-top: 10px;
}}

section#user #profile-gamercard .gamercard-display textarea {
	width: 100%; height: 60px;
}

section#user #profile-gamercard .gamercard-create {
	display: flex;
	justify-content: space-around;
}

@media screen and (max-width: 720px) { section#user #profile-gamercard .gamercard-create {
	flex-direction: column;
}}

@media screen and (max-width: 720px) { section#user #profile-gamercard .gamercard-create .left-box {
	margin-bottom: 10px;
}}

section#user #profile-gamercard .generate-gamercard {
	margin-top: 20px;
}

@media screen and (max-width: 720px) { section#user #profile-gamercard .generate-gamercard {
	margin-top: 0px;
}}


/*! */
/*! ----------------------------------------------------------- */
/*! 	NOTIFICATIONS				 							*/
/*! ----------------------------------------------------------- */


section#user #notifications .notif-box {
	display: flex;
}

section#user #notifications a:hover {
	text-decoration: none;
}

section#user #notifications .notif-box .user-avatar {
	--user-avatar-size: 35px;
	margin-right: 10px;
}


/*! */
/*! ----------------------------------------------------------- */
/*! 	USER LIST (PAGE MEMBERS)				 				*/
/*! ----------------------------------------------------------- */


section#user-list-index .row.top .avatar {
	max-width: 60px;
}

section#user-list-index .row div {
	flex:1;
	text-align: center;
}

section#user-list-index .row .user-avatar {
	--user-avatar-size: 50px;
	max-width: 50px;
	margin-right: 10px;
}

section#user-list-index .row div.name {
	flex: 1.5;
	text-align: left;
}

@media screen and (max-width: 720px) { section#user-list-index .row.top {
	font-size: .8em;
	line-height: 1em;	
}}