.topic-list{background-color:white;
	border-radius: 12px;
}
.topic-list .topics-title{
	border-bottom: 1px solid #F1F1F1;
	padding:24px;
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.8px;
	color: #252525;
	margin-bottom: 0;
}
.topic-list span.badge{
	padding: 4px 8px;
	gap: 10px;
	width: 96px;
	border-radius: 6px;
	word-break: break-all;
	line-height:15px;
	white-space: pre-line;
	word-spacing: 9999px;
	font-size: 14px;
}
.topic-list span.badge[data-type=C1]{background-color: #E9F8F3;color: #3DB58F;}
.topic-list span.badge[data-type=C2]{background-color: #FFF1CC;color: #F8B400;}
.topic-list span.badge[data-type=C0]{background-color: #D2F4FF;color: #1484A9;}
.topic-list span.topic-date{font-size:14px;letter-spacing:.8px;font-weight:400;margin-top:5px;
	padding-left:12px;
}
.topic-list a.topic:first-child{border-radius:12px 12px 0 0}
.topic-list a.topic:last-child{border-radius:0 0 12px 12px}
a.topic{
	text-decoration:none;
	border-bottom:1px solid #D3D3D3;
	padding:16px 40px;
}
.topic .topic-title{color:#040404;font-weight:500;font-size:18px;letter-spacing:0.8px;
	text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}
.topic .topic-subtitle{
	color:#505050;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.8px;
	text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}
.topic .topic-subtitle *{
	text-align: left !important;
	font-size: 14px !important;
	display: contents;
	margin: 0 !important;
	padding: 0 !important;
}
a.topic:hover{background-color:#f3f3f3;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}

a.topic .topic-author-info{}
a.topic .topic-author-info .topic-author-preview{
	border-radius:50%;width:18px;height:18px;color:white;
	margin-right:12px;
	font-size:14px;
	text-transform:uppercase;
}

a.topic .topic-author-preview[data-type=C1]{background-color:#3DB58F}
a.topic .topic-author-preview[data-type=C2]{background-color:#E34A4A}
a.topic .topic-author-preview[data-type=C0]{background-color:#FBBC05}

a.topic .topic-author-info .topic-author{
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.8px;
}

a.topic .topic-statistics{}
a.topic .topic-statistics .topic-author-info .topic-author{}
a.topic .topic-statistics .topic-comments{}
a.topic .topic-statistics .topic-comments img{}
a.topic .topic-statistics .topic-comments span{font-size:14px;font-weight:400;letter-spacing:.8px}
a.topic .topic-statistics .topic-views{}
a.topic .topic-statistics .topic-views img{}
a.topic .topic-statistics .topic-views span{font-size:14px;font-weight:400;letter-spacing:.8px}

.more-btn-container{margin-top:24px}
a.more-btn{border-radius:6px;text-decoration:none;overflow:hidden;font-size:14px}
a.more-btn span{float:left;color:white;height:40px}
a.more-btn span:nth-child(1){background-color:#3DB58F;border-radius:6px 0 0 6px;
	max-width:92px;width:calc(100% - 51.25px);
}
a.more-btn span:nth-child(2){background-color:#209D76;border-radius:0 6px 6px 0;
	width:40px;
}
a.more-btn span:nth-child(2){width:40px}

a.more-btn span:nth-child(2) i{color:white}
a.more-btn{width:132px}

.mobile-create-post-btn{
	display:flex;align-items:center;justify-content:center;
	position:fixed;
	width:56px;height:56px;
	bottom:30px;right:30px;
	z-index:50;
	background: #3DB58F;
	border-radius: 9999px;
	box-shadow: 0px 0px 12px rgba(101, 126, 118, 0.12);
}

.catg-navs{margin:16px 0 16px 0;background-color:white;padding-right:24px}
.catg-navs .left-tabs{width:360px}
.catg-navs .right-search{width:calc(100% - 360px)}

.left-tabs a.active{border-bottom: 4px solid #3DB58F;color: #252525;}
.left-tabs a:hover{color:#209D76}
.left-tabs a{
	color:#A7A7A7;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.8px;
	text-decoration: none;
	width: 120px;
	padding: 24px 0
}

.right-search .create-post-btn button.btn-primary{border-radius:6px;
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	width: 140px;
	height: 40px;
}

.create-post-btn button.btn-primary{border-radius:6px;
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	width: 124px;
	height: 40px;
}

.right-search form{display:flex;align-items:center;justify-content:end}

.right-search .select2-container span{display:block;height:100%;line-height: 22px !important;}
.right-search .select2-container .select2-selection{
	border:0;
	border-radius:8px;
	background-color:transparent;
}
.right-search .select2-container--default.select2-container--focus .select2-selection--multiple{
	border:0;
}
.right-search .select2-container .select2-selection input{
	margin-top:0;
	font-size:14px;
	color:#040404;
}
.select2-selection .select2-selection__rendered{overflow-x:auto !important;text-overflow: initial !important;}

.select2-selection .select2-selection__rendered::-webkit-scrollbar{display:none}

.select2-selection .select2-selection__rendered li{
	float:none !important;
	display:inline-block;
}
.right-search .select2-container .select2-selection .select2-selection__rendered li.select2-selection__choice{
	margin-top:0;
	font-family: "Roboto-r";
	border: 1px solid #3DB58F;
	border-radius: 4px;
	background-color: transparent;
	color: #3DB58F;
	font-size: 12px;
	padding: 2px 12px;
}

.right-search .select2-container span.select2-selection__choice__remove {
	float: right;
	color: #3DB58F;margin-left:7.5px;
	margin-right:0;
}

.select2-container .select2-dropdown--above,
.select2-container .select2-dropdown--below{top:calc(100% + 10px)}

.select2-results__option--highlighted[aria-selected]{background-color: #3DB58F !important}

.forum-list-impact-image-container{margin:48px auto 16px;}
#forum-list-impact-image{background-repeat:no-repeat;background-size:cover;background-position:center;
	border-radius:20px;
}
#forum-list-impact-image:before{
	content: '';
	display: block;
	padding-bottom:19.51612903225806%;
}

.pagination{
	width:100%;
	max-width:550px;
	margin:44px auto 0;
	padding-bottom:24px;
}
.pagination .page-handler{width:80px}
.pagination .page-handler.prev{margin-right:64px}
.pagination .page-handler.next{margin-left:64px}
.pagination .pages{width:calc(100% - 200px)}

.pagination .prev-next-btn,
.pagination .pages a{
	width:36px;height:36px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #D3D3D3;
	border-radius: 50%;
	margin: 0 8px;

	transition: all .2s ease-in-out;
}

.pagination .pages a:first-child{margin-left:0}
.pagination .pages a:last-child{margin-right:0}
.pagination .pages a.active{background:#3DB58F;color:white;border-color:#3db58f}

.pagination .prev-next-btn i,
.pagination .pages a{
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.8px;
	color: #040404;
	text-decoration: none;
}
.pagination .pages a{font-weight:500}

.pagination .page-handler:hover .prev-next-btn,
.pagination .pages a:hover{
	background-color:#209D76 !important;
	border-color:#209D76 !important;
	color: white;
}
.pagination .page-handler:hover i{color:white}

@media screen and (max-width:991px) {
	.right-search form{flex-wrap:wrap;width:100%;justify-content:center}

	.topic-list span.topic-date{width:calc(100% - 96px);margin-top:0}
	a.topic div:nth-child(1){margin-bottom:6px !important}
	.topic .topic-subtitle{font-size:16px}
	.categories{margin-top:0}

	.container .catg-navs .left-tabs{width:100%;margin-bottom: 20px;}
	.left-tabs a{width:50.3%;padding:12px 0}
	.catg-navs{padding-right:0;background-color:transparent;margin:20px auto;}
	.catg-navs .left-tabs{background-color:white}
	.catg-navs .right-search{background-color:transparent;width:100% !important}

	.topic-list span.topic-date{padding-left:0}

	.right-search .home-filter-container{max-width:initial !important;width:100%;
		margin-right:0 !important;
		background-color:white;
		border: 1px solid #E9E9E9;
		border-radius: 4px;
		margin-bottom: 12px;
	}
}

@media screen and (max-width:767px) {
	.catg-navs{margin-top:48px}

	a.topic{padding:12px}

	.right-search .home-filter-container{height:initial !important}
	.right-search .home-filter-container p.filter-sign{border-right:0 !important}
}

@media screen and (max-width:400px) {
	.pagination .pages{width:calc(100% - 96px)}
	.pagination .page-handler.prev{margin-right:12px}
	.pagination .page-handler.next{margin-left:12px}
}