/** Kofi container **/
#content-wrapper .kofi-support-btn {
    margin: 10px auto 0;
}
#content-wrapper .kofi-btn-container {
    display: inline-block !important;
    white-space: nowrap;
    min-width: 160px;
}
#content-wrapper a.kofi-button:visited {
    color: #fff !important;
    text-decoration: none !important;
}
#content-wrapper a.kofi-button {
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
    min-width: 150px;
    display: inline-block !important;
    background-color: #da4444;
    padding: 2px 12px !important;
    border-radius: 7px;
    cursor: pointer;
    overflow-wrap: break-word;
    vertical-align: middle;
    border: 0 none #fff !important;
    font-family: 'Lato', sans-serif !important;
    text-decoration: none;
    font-weight: 700 !important;
    font-size: 14px !important;
}
#content-wrapper a.kofi-button:hover {
    opacity: .85;
    color: #f5f5f5 !important;
    text-decoration: none !important;
}
#content-wrapper span.kofitext {
    color: #fff !important;
    letter-spacing: -0.15px !important;
    vertical-align: middle;
    line-height: 33px !important;
    padding: 0;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(34, 34, 34, 0.05);
}
#content-wrapper img.kofiimg {
    vertical-align: middle;
    height: 15px !important;
    width: 22px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none;
    margin-top: 0;
    margin-right: 5px !important;
    margin-left: 0 !important;
    margin-bottom: 3px !important;
}
/** Kofi container **/
#content-wrapper .support-row, #footer .support-row {
    display: flex;
    flex-direction: row;
    padding: 10px 15px;
    text-align: justify;
    background-color: rgba(255, 255, 255, 0.4);
    color: #3b3b3b;
    box-shadow: 0 3px 3px rgba(0,0,0,0.23);
    margin:10px;
}
#content-wrapper .support-img, #footer .support-img {
    display: flex;
    align-items: center;
}
#content-wrapper .support-row img, #footer .support-row img {
    margin-right:10px;
    width:100px;
}
#content-wrapper .support-text-container, #footer .support-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#content-wrapper .contri-title, #footer .contri-title{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding:5px;
}
#content-wrapper .contri-content, #footer .contri-content{
    padding: 10px 0;
}
#content-wrapper .kofi-support-btn, #footer .kofi-support-btn {
    margin: 10px auto 0;
}
#content-wrapper .kofi-btn-container, #footer .kofi-btn-container {
    display: inline-block !important;
    white-space: nowrap;
    min-width: 160px;
}
#content-wrapper a.kofi-button:visited, #footer a.kofi-button:visited {
    color: #fff !important;
    text-decoration: none !important;
}
#content-wrapper a.kofi-button, #footer a.kofi-button {
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
    min-width: 150px;
    display: inline-block !important;
    background-color: #da4444;
    padding: 2px 12px !important;
    border-radius: 7px;
    cursor: pointer;
    overflow-wrap: break-word;
    vertical-align: middle;
    border: 0 none #fff !important;
    font-family: 'Lato', sans-serif !important;
    text-decoration: none;
    font-weight: 700 !important;
    font-size: 14px !important;
}
#content-wrapper a.kofi-button:hover, #footer a.kofi-button:hover {
    opacity: .85;
    color: #f5f5f5 !important;
    text-decoration: none !important;
}
#content-wrapper span.kofitext, #footer span.kofitext {
    color: #fff !important;
    letter-spacing: -0.15px !important;
    vertical-align: middle;
    line-height: 33px !important;
    padding: 0;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(34, 34, 34, 0.05);
}
#content-wrapper img.kofiimg, #footer img.kofiimg {
    vertical-align: middle;
    height: 15px !important;
    width: 22px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none;
    margin-top: 0;
    margin-right: 5px !important;
    margin-left: 0 !important;
    margin-bottom: 3px !important;
}
@media screen and (max-width: 600px) {
	#content-wrapper .dpln-leaderboard, #footer .dpln-leaderboard{
		flex-direction: column;
		align-items: center;
		padding: 0 20px;
	}
	#content-wrapper .leaddpln, #footer .leaddpln{
		justify-content: left;
	}
	#content-wrapper .leadfirst, #footer .leadfirst {
		order: 1;
		height: 100%;
	}
	#content-wrapper .leadsecond, #footer .leadsecond {
		order: 2;
		height: 100%;
	}
	#content-wrapper .leadthird, #footer .leadthird {
		order: 3;
		height: 100%;
	}
}
/* kofi contributors */
#content-wrapper .top-contri-ldb, #footer .top-contri-ldb{
	padding: 10px 0;
}
#content-wrapper .dpln-leaderboard, #footer .dpln-leaderboard {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: flex-end;
	position: relative;
}
#content-wrapper .dpln-leaderboard > div, #footer .dpln-leaderboard > div {
	position: relative;
	margin: 12px 10px;
}
#content-wrapper .leaddpln, #footer .leaddpln {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	border-radius: 10px 10px 0 0;
	font-weight: bold;
	color: #3b3b3b;
}
#content-wrapper .leaddpln > div, #footer .leaddpln > div {
	margin: 5px 10px;
}
#content-wrapper .leaddpln img, #footer .leaddpln img {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}
#content-wrapper .leadfirst, #footer .leadfirst{
	border: 2px solid #e8c300;
	background: gold;
	height: 100px;
}
#content-wrapper .leadfirst img, #footer .leadfirst img{
	border: 2px solid gold;
	background: gold;
}
#content-wrapper .leadsecond, #footer .leadsecond{
	border: 2px solid #a6a3a3;
	background: silver;
	height: 80px;
}
#content-wrapper .leadsecond img, #footer .leadsecond img{
	border: 2px solid silver;
	background: silver;
}
#content-wrapper .leadthird, #footer .leadthird{
	border: 2px solid #9f7575;
	background: #bc8f8f;
}
#content-wrapper .leadthird img, #footer .leadthird img{
	border: 2px solid #bc8f8f;
	background: #bc8f8f;
}
#content-wrapper .leadtt, #footer .leadtt{
	font-weight:bold;
	color: #3b3b3b;
	text-align: center;
}
#content-wrapper .leadinfo, #footer .leadinfo{
	font-style: italic;
	font-size:12px;
	text-align: center;
}
#content-wrapper .leaddpln.leadfirst::after, #footer .leaddpln.leadfirst::after {
	content: "1";
	position: absolute;
	top: -12px;
	left: -12px;
	background: gold;
	width: 25px;
	height: 25px;
	text-align: center;
	border: 2px solid #e8c300;
	border-radius: 50px;
}
#content-wrapper .leaddpln.leadsecond::after, #footer .leaddpln.leadsecond::after {
	content: "2";
	position: absolute;
	top: -12px;
	left: -12px;
	background: silver;
	width: 25px;
	height: 25px;
	text-align: center;
	border: 2px solid #a6a3a3;
	border-radius: 50px;
}
#content-wrapper .leaddpln.leadthird::after, #footer .leaddpln.leadthird::after {
	content: "3";
	position: absolute;
	top: -12px;
	left: -12px;
	background: #bc8f8f;
	width: 25px;
	height: 25px;
	text-align: center;
	border: 2px solid #9f7575;
	border-radius: 50px;
}
/* contributors list */
#content-wrapper .dplncontrilist {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#content-wrapper .dplncontrilist > div {
	background-color: rgba(255, 255, 255, 0.4);
	margin: 5px;
	text-align: center;
	padding: 5px;
	border-radius: 10px;
	color: #3b3b3b;
}

#wsite-viewport .top-contri-ldb{
	padding: 10px 0;
}
#wsite-viewport .h-dpln-leaderboard {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	position: relative;
	flex-direction: column;
}
#wsite-viewport .h-dpln-leaderboard > div {
	position: relative;
	margin: 6px 10px;
}
#wsite-viewport .h-leaddpln {
	display: flex;
	align-content: center;
	justify-content: left;
	align-items: center;
	border-radius: 10px;
	font-weight: bold;
	color: #3b3b3b;
	width: 100%;
	max-width: 280px;
}
#wsite-viewport .h-leaddpln > div {
	margin: 5px 10px;
}
#wsite-viewport .h-leaddpln img {
	border-radius: 50%;
	width: 35px;
	height: 35px;
}
#wsite-viewport .h-leadfirst{
	border: 2px solid #e8c300;
	background: gold;
}
#wsite-viewport .h-leadfirst img{
	border: 2px solid gold;
	background: gold;
}
#wsite-viewport .h-leadsecond{
	border: 2px solid #a6a3a3;
	background: silver;
}
#wsite-viewport .h-leadsecond img{
	border: 2px solid silver;
	background: silver;
}
#wsite-viewport .h-leadthird{
	border: 2px solid #9f7575;
	background: #bc8f8f;
}
#wsite-viewport .h-leadthird img{
	border: 2px solid #bc8f8f;
	background: #bc8f8f;
}
#wsite-viewport .leadtt{
	font-weight:bold;
	color: #3b3b3b;
	text-align: center;
}
#wsite-viewport .leadinfo{
	font-style: italic;
	font-size:12px;
	text-align: center;
}
#wsite-viewport .h-leaddpln.h-leadfirst::after {
	content: "1";
	position: absolute;
	top: -12px;
	left: -12px;
	background: gold;
	width: 25px;
	height: 25px;
	text-align: center;
	border: 2px solid #e8c300;
	border-radius: 50px;
}
#wsite-viewport .h-leaddpln.h-leadsecond::after {
	content: "2";
	position: absolute;
	top: -12px;
	left: -12px;
	background: silver;
	width: 25px;
	height: 25px;
	text-align: center;
	border: 2px solid #a6a3a3;
	border-radius: 50px;
}
#wsite-viewport .h-leaddpln.h-leadthird::after {
	content: "3";
	position: absolute;
	top: -12px;
	left: -12px;
	background: #bc8f8f;
	width: 25px;
	height: 25px;
	text-align: center;
	border: 2px solid #9f7575;
	border-radius: 50px;
}
/* banner cmp */
body.wsite-mobile .askagain{
    display: flex;
    align-items: flex-start;
    background-color:#da4444;
    color:#f7f7f7;
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    z-index:999;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.8);
    overflow: scroll;
    min-height: 30%;
    max-height: 50%;
}
body.wsite-mobile .askagain-content{
  width:auto;
  max-width:960px;
  margin:0 auto;
  padding:8px;
  font-size:12px;
  text-shadow: #000 1px 0 2px;
}
body.wsite-mobile .askagaintt{
  display:flex;
  align-items:center;
}
body.wsite-mobile .askagaintt span{
  font-size:12px;
  text-transform:uppercase;
  margin-left:8px;
  font-weight: bold;
}
body.wsite-mobile .askagain-message{
    line-height:19px;
    text-align:initial;
    margin:10px 0;
}
body.wsite-mobile .askagain-change{
    display:grid;
    grid-template-columns: 40% 60%;
    align-items:center;
    justify-items:left;
    line-height: initial;
}
body.wsite-mobile .askagain-change span{
  padding-right:10px;
}
body.wsite-mobile .askagain-change a:hover{
  background-color: #ffd300 !important;
  }
body.wsite-mobile .askagaintt img{
  width: 30px;
}
body.wsite-mobile .askagain-content p{
    font-size:12px !important;
}
body.wsite-mobile #wsite-viewport #DPLNesupUJshJIjzaopj{
  display: none !important;
}

/* Avis de recherche */
/* Filters */
#wsite-viewport .wtd-multi-filters{
	background-color: rgba(255, 255, 255, 0.4);
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
}
#wsite-viewport .wtd-area-choice{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#wsite-viewport .wtd-area {
	border: none;
	background: rgba(255, 255, 255, 0.45);
	border-radius: 3px;
	font-family: 'Lato', sans-serif;
	color: rgb(11, 11, 10);
	padding: 12px;
	text-decoration: none;
	margin: 5px;
	cursor: pointer;
	box-shadow: 1px 1px 4px rgba(74,74,74,0.4);
}
#wsite-viewport .wtd-area-active {
	border: 1px solid rgb(11, 11, 10);
	background: #f3c800;
	font-weight: bold;
}
#wsite-viewport .wanted-filters{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
#wsite-viewport .wtd-filters > div {
	padding: 5px;
}
#wsite-viewport .wtd-filters{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: 10px;
}
#wsite-viewport .wanted-filters input:focus, #wsite-viewport .wanted-filters select:focus{
	outline: 2px solid #2b2b2b;
}	
#wsite-viewport .wanted-search input[type="search"] {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: normal;
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 8px 7px;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	max-width: 200px;
}	
#wsite-viewport .wanted-select-filter select {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: normal;
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 8px 7px;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	width: 100%;
	max-width: 200px;
}
#wsite-viewport .wtdresetbtn {
	border: none;
	background: rgba(225, 26, 26, 0.45);
	border-radius: 3px;
	font-family: Arial;
	color: rgb(11, 11, 10);
	padding: 12px;
	text-decoration: none;
	margin: 5px;
	cursor: pointer;
	box-shadow: 1px 1px 4px rgba(74,74,74,0.4);
}
#wsite-viewport .wanted-sort{
	display: flex;
	justify-content: flex-end;
}
#wsite-viewport .wanted-sort .sort-wtd{
	margin: 5px;
	cursor: pointer;
	color: #3b3b3b;
}
#wsite-viewport .sort-wtd{
	position: relative;
	background-color: rgba(255, 255, 255, 0.45);
	text-align: right;
	padding: 5px 10px;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 1px 1px 4px rgba(74,74,74,0.4);
}
#wsite-viewport .wtd-active-order {
	background: #f3c800;
}
#wsite-viewport .wtd-hidden {
	display: none !important;
}
#wsite-viewport .wtd-results{
	font-style: italic;
	color: #3b3b3b;
	min-height: 24px;
}

/* Cards */
#wsite-viewport .wanted-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	text-align: center;
}
#wsite-viewport .wtd-card {
	display: flex;
	position: relative;
	width: auto;
	max-width: 160px;
	margin: 16px;
	font-size: 16px;
	text-decoration: none;
	box-shadow: 0 0 48px -16px rgba(0,0,0,0.5);
	transition: transform 0.1s ease-in-out, box-shadow 0.1s;
	background: #fff6;
	border-radius: 5px;
}
#wsite-viewport .wtd-card a > div{
	position: relative;
}
#wsite-viewport .wtd-card-description {
	display: block;
	padding: 5px;
	color: #515151;
	text-decoration: none;
}
#wsite-viewport .wtd-card-description > h3 {
	margin: 0 0 0.5em;
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	padding: 0 !important;
}
#wsite-viewport .wtd-card img{
	width:auto;
	max-width:100%
}
#wsite-viewport .in-progress {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
	opacity: 0.2;
}

#wsite-viewport .wtd-card #wsite-viewport .wtd-state {
	position: absolute;
	width: auto;
	font-family: sans-serif;
	z-index: 1;
	top: 8px;
	right: 8px;
	color: #fff;
	font-weight: bold;
}
#wsite-viewport .wtd-state img{
	width: 30px;
	filter: drop-shadow(2.5px 2.5px 5px #3b3b3b);
}
#wsite-viewport .wtd-rw{
	position: absolute;
	width: auto;
	font-family: 'Nunito', sans-serif;
	z-index: 1;
	bottom:0;
	right: 8px;
	font-weight: bold;
	transform: scale(1) !important;
}
#wsite-viewport .wtd-mtlp-rw{
	display: flex;
	flex-direction: row;
}
#wsite-viewport .wtd-mtlp-rw > div:nth-child(1) {
	margin-right: 5px;
}
#wsite-viewport .wtd-tokens{
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #3b3b3b;
	font-size:10px;
}
#wsite-viewport .wtd-tokens > div{
	line-height: initial;
}
#wsite-viewport .wtd-tokens > div:first-child{
	width: 20px;
	filter: drop-shadow(2.5px 2.5px 5px #3b3b3b);
}
#wsite-viewport .wtd-tokens div:nth-child(2) {
	margin-top: -4px;
}

/* Wanted area */
#wsite-viewport .wtd-astrub{
	background-image: -webkit-radial-gradient(top, circle cover, #3c3b52 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #3c3b52 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #3c3b52 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #3c3b52 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-frigost1{
	background-image: -webkit-radial-gradient(top, circle cover, #3b5243 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #3b5243 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #3b5243 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #3b5243 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-frigost2{
	background-image: -webkit-radial-gradient(top, circle cover, #bd9c4e 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #bd9c4e 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #bd9c4e 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #bd9c4e 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-frigost3{
	background-image: -webkit-radial-gradient(top, circle cover, #c16d7d 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #c16d7d 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #c16d7d 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #c16d7d 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-justiciers{
	background-image: -webkit-radial-gradient(top, circle cover, #1987b3 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #1987b3 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #1987b3 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #1987b3 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-enutrosor{
	background-image: -webkit-radial-gradient(top, circle cover, #f3c800 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #f3c800 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #f3c800 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #f3c800 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-srambad{
	background-image: -webkit-radial-gradient(top, circle cover, #da4444 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #da4444 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #da4444 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #da4444 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-xelorium{
	background-image: -webkit-radial-gradient(top, circle cover, #204cd2 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #204cd2 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #204cd2 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #204cd2 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-ecaflipus{
	background-image: -webkit-radial-gradient(top, circle cover, #365e1f 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #365e1f 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #365e1f 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #365e1f 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-amakna{
	background-image: -webkit-radial-gradient(top, circle cover, #d58c01 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #d58c01 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #d58c01 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #d58c01 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-sufokia{
	background-image: -webkit-radial-gradient(top, circle cover, #4bbd88 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #4bbd88 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #4bbd88 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #4bbd88 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-alignement{
	background-image: -webkit-radial-gradient(top, circle cover, #f2da59 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #f2da59 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #f2da59 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #f2da59 0%, #ffffff4f 50%);	
}
#wsite-viewport .wtd-saharach{
	background-image: -webkit-radial-gradient(top, circle cover, #bd96d2 0%, #ffffff4f 50%);
	background-image: -moz-radial-gradient(top, circle cover, #bd96d2 0%, #ffffff4f 50%);
	background-image: -o-radial-gradient(top, circle cover, #bd96d2 0%, #ffffff4f 50%);
	background-image: radial-gradient(top, circle cover, #bd96d2 0%, #ffffff4f 50%);	
}
@media screen and (max-width: 360px){
	#wsite-viewport .wtd-area {
		padding: 5px !important;
		margin: 2px !important;
		font-size: 12px;
	}
}
#wsite-viewport .quests-summary {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 10px 0 20px 0;
	box-sizing: border-box;
}
#wsite-viewport .category-qt {
	flex-basis: 100%;
	padding: 8px 20px;
	margin-bottom: 20px;
	background-color: rgb(38, 38, 38);
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#wsite-viewport .category-qt h3 {
	display: flex;
	align-items: center;
	font-size: 18px;
	margin-bottom: 4px;
}
#wsite-viewport .category-qt h3 a{
	color: #f7f7f7;
}
#wsite-viewport .category-qt h3 a:hover {
	color: #af2020;
}
#wsite-viewport .category-qt ul {
	list-style-type: circle;
	list-style-position: inside;
	padding: 0;
	margin: 0;
	column-gap: 20px;
}

#wsite-viewport .category-qt ul li {
	margin-bottom: 5px;
}
#wsite-viewport .category-qt ul li a {
	text-decoration: none;
	color: #da4444;
	transition: color 0.3s ease;
}
#wsite-viewport .category-qt ul li a:hover {
	color: #af2020;
}
#wsite-viewport .badge-new {
	color: #fff;
	font-weight: bold;
	margin-left: 5px;
	font-size: 10px;
	background: #3a96b8;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 4px #2f5f71;
}
#wsite-viewport .badge-closed {
	color: #fff;
	font-weight: bold;
	margin-left: 5px;
	font-size: 10px;
	background: #E6524B;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 4px #733B39;
}
#wsite-viewport .qt-scs h3::before {
	content: "";
	background-image: url("/uploads/1/3/0/1/13010384/custom_themes/586567114324766674/files/assets/success.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
}
#wsite-viewport .qt-event h3::before {
	content: "";
	background-image: url("/uploads/1/3/0/1/13010384/custom_themes/586567114324766674/files/assets/events.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
}
#wsite-viewport .qt-hs h3::before {
	content: "";
	background-image: url("/uploads/1/3/0/1/13010384/custom_themes/586567114324766674/files/assets/quests.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
}
@media screen and (max-width: 629px) {
	#wsite-viewport .qt-scs ul {
		columns: 1;
	}
	#wsite-viewport .qt-scs{
		max-height: 200px;
		overflow-y: scroll;
	}
	#wsite-viewport .qt-scs::-webkit-scrollbar {
		width: 8px;
	}
	#wsite-viewport .qt-scs::-webkit-scrollbar-track {
		background-color: #f1f1f1;
	}
	#wsite-viewport .qt-scs::-webkit-scrollbar-thumb {
		background-color: #888;
		border-radius: 10px;
	}
	#wsite-viewport .qt-scs::-webkit-scrollbar-thumb:hover {
		background-color: #555;
	}
	#wsite-viewport .qt-scs {
		scrollbar-width: thin;
		scrollbar-color: #888 #f1f1f1;
	}
	#wsite-viewport .qt-event ul {
		columns: 1;
	}
}
@media screen and (min-width: 630px) and (max-width: 839px) {
	#wsite-viewport .qt-scs ul {
		columns: 2;
	}
	#wsite-viewport .qt-event ul {
		columns: 2;
	}
}
@media screen and (min-width: 840px) and (max-width: 1149px) {
	#wsite-viewport .qt-scs ul {
		columns: 3;
	}
	#wsite-viewport .qt-event ul {
		columns: 2;
	}
}
@media screen and (min-width: 1150px) {
	#wsite-viewport .qt-scs ul {
		columns: 4;
	}
	#wsite-viewport .qt-event ul {
		columns: 2;
	}
}