.portlet__list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}
.portlet__list:not(.portlet__list--no-border) .portlet__list-item:not(:last-child) {
    border-bottom: 1px solid #252525;
}
.portlet__list-item {
    flex: 1;
    min-width: 0;
}
.portlet__list-item .j-content-between {
    flex: 1;
    min-width: 0;
    display: flex !important
;
    flex-direction: column;
    text-align: center;
    align-content: center;
    align-items: center !important;
}
.d-col {
    flex-direction: column !important;
}
.portlet__main:not(.portlet__main--simple) {
    padding: 1rem;
}
.latest-replies {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    background: #1a1919;
    float: right;
    border-bottom: 1px solid #1B1B1B;
    background: #2f2f2f;
    width: 80px;
    padding: 8px 0;
    border-radius: 3px;
    margin-top: 2px;
    position: relative;
    font-size: 12px;
	color: #c9aa00;
    font-weight: 600;
}





#topshouts {width: 100%;display: flex;flex-flow: row wrap;justify-content: center;padding: 25px 0;}
#topshouts > h3 {margin: 0 5px 15px; font-weight: 500; width:  100%;display:  block;text-align:  center;font-size:  13px;}
#topshouts > h3 span {opacity: .6;font-size:  11px;}
#topshouts .user {display: inline-flex;margin: 0 7px;}
#topshouts .user .avatar {width: 40px;height: 40px;	border-radius: 50%;}
#topshouts .user .info {padding:  0 10px;text-align:  center;}
#topshouts .user .info h3,
#topshouts .user .info h4 {margin: 0;padding: 0;}
#topshouts .user .info h4 {font-size: 13px;font-weight: 500;line-height: 20px;}
#topshouts .user:nth-child(-n+3) .info h4:before {content: "\f091";font-family: FontAwesome, Awesome; margin-right: 5px;font-size:  20px;line-height: 13px;}
#topshouts .user:nth-child(1) .info h4:before {color: #f3cc00;}
#topshouts .user:nth-child(2) .info h4:before {color: #c3c3c3;}
#topshouts .user:nth-child(3) .info h4:before {color: #922525;}