/*====ROOT====*/
:root {
	--bg-light: #ffffff;
	--body-bg: #f8f8fb;
	--main-bg: #615dfa;
	--main-bg-hover:#5955e4;
	--main-pink:#615dfa;
	--main-pink-hover:#5955e4;
	--main-cyan:#23d2e2;
	--main-cyan-hover:#20bfce;
	--main-green:#49d99e;
	--main-green-hover:#43c690;
	--main-blue:#5dcfff;
	--trow-bg:#ffffff;
	--trow-bg-hover:#fcfcfd;
	--thead-first-bg: #615dfa;
	--thead-second-bg: #41ecff;
	--gradient-first-bg: #615dfa;
	--gradient-second-bg: #41ecff;
	--main-gradient: linear-gradient(to right, var(--thead-first-bg), var(--thead-second-bg));
	--main-webkit-gradient: -webkit-linear-gradient(to right, var(--thead-first-bg), var(--thead-second-bg));
	--tcat-bg:#3e3f5e;
	--default-avatar-border:#f8f8fb;
	--default-avatar-border2:#e7e8ee;
	--default-border-color:#eeeeee;
	--button-bg:#23d2e2;
	--dbutton-bg:#3e3f5e;
	--link-button-bg:#3e3f5e;
	--newreply-button-bg:#49d99e;
	--default-input-bg:#ffffff;
	--default-padding:1rem;
	--default-border-radius: 1rem;
	--default-margin:1rem;
	--default-list-margin: 1rem 0;
	--hexagon-path: polygon(47.5% 5.66987%, 48.2899% 5.30154%, 49.13176% 5.07596%, 50% 5%, 50.86824% 5.07596%, 51.7101% 5.30154%, 52.5% 5.66987%, 87.14102% 25.66987%, 87.85495% 26.16978%, 88.47124% 26.78606%, 88.97114% 27.5%, 89.33948% 28.2899%, 89.56505% 29.13176%, 89.64102% 30%, 89.64102% 70%, 89.56505% 70.86824%, 89.33948% 71.7101%, 88.97114% 72.5%, 88.47124% 73.21394%, 87.85495% 73.83022%, 87.14102% 74.33013%, 52.5% 94.33013%, 51.7101% 94.69846%, 50.86824% 94.92404%, 50% 95%, 49.13176% 94.92404%, 48.2899% 94.69846%, 47.5% 94.33013%, 12.85898% 74.33013%, 12.14505% 73.83022%, 11.52876% 73.21394%, 11.02886% 72.5%, 10.66052% 71.7101%, 10.43495% 70.86824%, 10.35898% 70%, 10.35898% 30%, 10.43495% 29.13176%, 10.66052% 28.2899%, 11.02886% 27.5%, 11.52876% 26.78606%, 12.14505% 26.16978%, 12.85898% 25.66987%);
	--default-icon-bg:#f3f3f3;
	--default-icon-color: #8b88ff;
	--default-color:#52536d;
	--default-light-color: #939393;
	--default-link-color:#3e3f5e;
	--default-link-hover-color:#7471db;
	--success-green: #49d99e;
	--positive:#51dba2;
	--negative:#f97689;
	--negative-hover:#e36c7d;
	--neutral:#657786;
	--poolbar-background: rgba(110, 234, 122, 0.25);
    --poolbar-percent: #6eea7a;
}

::-webkit-scrollbar {
	width: 12px;
	height: 6px
}

::-webkit-scrollbar-button {
	display: none
}

::-webkit-scrollbar-thumb {
	background: #736fe9;
	min-height: 5rem;
	border-radius:1rem;
	border-left:4px solid var(--trow-bg);
	border-right: 4px solid var(--trow-bg)
}

::-webkit-scrollbar-track {
	background: var(--bg-light);
	padding: 0px;
	border-left: 1px solid var(--default-border-color);
}

svg.icon{
	width:1.25rem;
	height:1.25rem;
}

.flex-wbox{
	display:flex;
	align-items:center;
	background:var(--bg-light);
	padding:var(--default-padding);
	border-radius:var(--default-border-radius);
}

.flex-wbox-container{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom:-1rem;
	margin-right:-1rem;
}

.flex-wbox-container > *{
	margin-bottom:1rem;
	margin-right:1rem
}

.flex-wbox-item{
	margin-bottom:var(--default-margin);
	margin-right:var(--default-margin);
}

.flex {
	display: flex;
}

.flex-1{
	flex:1
}

.flex-v{
	display:flex;
	align-items: center;
}

.flex-box{
	display:flex;
	align-items:center;
	margin: calc(var(--default-margin) / 2) 0
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bold{
	font-weight:600
}

.hexagon-avatar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
	height: 4rem;
    padding: .25rem;
    background: #e7e8ee;
	background: var(--default-avatar-border2);
    clip-path: var(--hexagon-path);
}

.hexagon-avatar > span, .hexagon-avatar > a{
    width:100%;
    height:100%;
}

.hexagon-avatar a{
	background:white;
	padding:.25rem;
	clip-path: var(--hexagon-path);
	height: 100%;
	width: 100%;
}

.hexagon-avatar img {
    width: 100%;
    height: 100%;
    clip-path: var(--hexagon-path)
}

.popup_holder{
	position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /*height: 100%;*/
}

.popups_menu, .headerpm-popup, .myalerts-popup, .header-welcomeblock-popup{
	background:var(--trow-bg);
	opacity:0;
	/*transform: translateY(55px);*/
	visibility:hidden;
	transition:150ms ease;
	position: absolute;
	z-index: 2;
	margin-top: calc(var(--default-margin) / 2);
	top:calc(100% + 10px);
	border-radius:calc(var(--default-border-radius) / 2);
	border: 1px solid var(--border-color);
	padding: 10px 0;
	pointer-events: none;
	/*box-shadow:0 1px 8px 0px rgba(0,0,0,.3);*/
	box-shadow: 0px 0px 20px 0px rgba(27, 77, 156, 0.15)
}

.popups_menu.p-left{
	left:0
}

.popups_menu.toggled,
#myalerts-popup_holder:hover .myalerts-popup,
.popups_menu:hover,
.headerpm-popup_holder:hover .headerpm-popup,
.header-welcomeblock-popup_holder:hover .header-welcomeblock-popup{
	opacity:1!important;
	/*transform: translateY(45px)!important;*/
	top: calc(100% + 5px);
	top:100%;
	visibility:visible!important;
	pointer-events: unset;
}

.popups_menu ul, .header-welcomeblock-popup ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.popups_menu ul li a,
.header-welcomeblock-popup ul li a{
    display: flex;
    align-items: center;
    position:relative;
    padding: var(--default-padding);
    min-width: 12rem;
    user-select: text;
    transition:250ms ease;
    z-index:0;
	color: var(--default-link-color);
    border-bottom: 1px solid var(--border-color)
}

.popups_menu ul li a:before{
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	transition:250ms ease
}

.popups_menu ul li a:hover:before{
	background:rgba(0,0,0,0.05)
}

.popups_menu ul li a:after {
	content: '';
	position: absolute;
	right: 1rem;
	background-image: url(../../../stabilizer/svg/sprite.svg#right-angle-icon);
	width: 1rem;
	height: 1rem;
}

.popups_menu ul li a:hover,.header-welcomeblock-popup ul li a:hover {
	/*background: rgba(240,240,240);*/
	color: var(--default-link-hover-color)
}

.popups_menu ul li a i {
	margin-right: calc(var(--default-margin) / 4);
}

header{
	background: var(--main-bg);
	padding:calc(var(--default-padding) * 1.625) 0
}

.logo{
    display:flex;
    align-items:center;
    margin-right:calc(var(--default-margin) * 2);
    color:white
}

.logo:hover{
    color:white
}

.logo svg{
    width:2.25rem;
    height:2.25rem;
    fill:white;
    margin-right:var(--default-margin)
}

.logo > h1{
	margin:0
}

.logo-head{
    display:flex;
    flex-direction:column;
}

.logo-title{
    font-size:.625rem;
    letter-spacing: 4px;
}

.header_quicksearch form {
    display: flex
}

.header_quicksearch button {
	display: inline-flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 0 .5rem .5rem 0;
	padding:0 1rem;
    color: rgba(255,255,255,0.25);
    transition:250ms ease-in-out
}

.header_quicksearch button:hover{
    color:#eee;
}

.header_quicksearch .textbox {
    background: rgba(0, 0, 0, 0.25);
    color: #eee;
    border: 0;
    border-radius: .5rem 0 0 .5rem;
    padding: var(--default-padding);
    min-width:15rem;
	font-size:calc(1em - 1px)
}

.header_quicksearch .textbox::placeholder{
    color:rgba(255,255,255,0.25)
}

.header-welcomeblock{
	display:flex;
	align-items:center;
	margin-left:auto
}

.header-welcomeblock-sep {
    width: 1px;
    height: 2rem;
    background: rgba(255, 255, 255, 0.25);
    display:block;
    margin: 0 calc(var(--default-margin) * 1.75)
}

.header-welcomeblock > a ~ .header-welcomeblock-sep {
    /*margin-left: calc(var(--default-margin) / 2)*/
}

.header-welcomeblock > a:not(:last-child), .header-welcomeblock > .header-welcomeblock-popup_holder{
	margin-right: calc(var(--default-margin) * 1.25)
}

.header-welcomeblock .popup_holder > a > svg{
    width:1.25rem;
    height:1.25rem;
	fill: white;
	transition:250ms ease
}

.header-welcomeblock > a:hover > svg, .header-welcomeblock .popup_holder:hover > a > svg{
	fill:white
}

.header-welcomeblock > a[disabled] > svg{
    fill:rgba(255, 255, 255, 0.5);
    cursor:not-allowed
}

.header-welcomeblock > a > i, .myalerts_popup_holder > a > i{
	font-size:1.25rem;
	color:white
}

.header-welcomeblock_avatar{
	width:3.5rem;
	height:3.5rem;
	background:white;
	background:rgba(0,0,0,0.25);
	/*padding: .125rem;*/
	/*margin-right:var(--default-margin)*/
}

.header-welcomeblock_avatar > a{
	background:#e7e8ee;
	padding:.125rem;
}

.header-welcomeblock-logoutbutton{
	width: 100%;
	text-transform: uppercase;
	padding: calc(var(--default-padding) / 2) !important;
	margin-top: var(--default-margin)
}

.header-welcomeblock-popup{
    padding:calc(var(--default-margin) * 1.5);
    min-width:12rem;
	right:0
}

.header-welcomeblock-popup ul li a{
    min-width:unset;
    padding:calc(var(--default-margin) / 4) 0;
    font-weight:bold;
    white-space:nowrap
}

.header-welcomeblock-popup ul li a:hover{
    background:unset;
    margin-left:calc(var(--default-margin) / 4);
    color:#00c7d9;
}

.header-welcomeblock-popup_listtitle{
    margin:calc(var(--default-margin) / 1) 0 calc(var(--default-margin) * .375) 0;
    font-weight:500;
    font-size:calc(1em - 2px);
    text-transform:uppercase;
    color:var(--default-light-color)
}

.header-welcomeblock-popup_listtitle:first-of-type{
	margin:0 0 calc(var(--default-margin) * .375) 0;
}

.header-welcomeblock-popup_usertitle{
    font-size:calc(1em - 1px);
    margin-bottom:calc(var(--default-margin) * 1.5)
}

div.topmenu{
	display:flex;
	align-items:center;
	background:var(--bg-light);
	padding:calc(var(--default-margin) / 2) 0;
}

ul.topmenu{
	display:flex;
	list-style:none;
	padding:0;
	margin:0;
	overflow:overlay
}

ul.topmenu > li > a{
	display:flex;
	align-items:center;
	padding:var(--default-margin) calc(var(--default-margin) * 0.75);
	border-radius:calc(var(--default-border-radius) * 0.75);
	font-weight:500
}

ul.topmenu > li > a:hover,
#index-page ul.topmenu > li > a.header-menu-index-link,
#portal-page ul.topmenu > li > a.header-menu-portal-link,
#calendar-page ul.topmenu > li > a.header-menu-calendar-link,
#memberlist-page ul.topmenu > li > a.header-menu-memberlist-link,
#search-page ul.topmenu > li > a.header-menu-search-link,
#help-page ul.topmenu > li > a.header-menu-help-link{
	background:rgba(97, 93, 250, 0.1)
}

ul.topmenu > li > a > svg{
	width:1.25rem;
	height:1.25rem;
	margin-right: calc(var(--default-margin) / 2);
	fill: var(--default-icon-color);
}

.topmenu-togglebuttons{
	display:flex;
}

.topmenu-togglebuttons > div{
	/*padding:var(--default-margin) calc(var(--default-margin) * 0.75);*/
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius:calc(var(--default-border-radius) * 0.75);
	transition: 250ms ease;
	cursor:pointer;
}

.nightmodebutton{
	position:relative;
	overflow:hidden;
}

.nightmodebutton *{
	pointer-events:none
}

.nightmodebutton-container{
	display:flex;
	transition: 350ms ease-in;
}

.night-mode .nightmodebutton-container{
	transform: translateX(-100%);
}

.nightmodebutton svg{
	flex: 0 0 100%;
}

.sidebar-button{
	display:none !important
}

#index-page .sidebar-button{
	display:inherit !important
}

.topmenu-togglebuttons > div:hover{
	background:rgba(97,93,250,0.1)
}

.topmenu-togglebuttons > div svg{
	width:1.25rem;
	height:1.25rem;
	fill: var(--default-icon-color);
}

.topmenu-togglebuttons > div > i{
	font-size:1.25rem;
	color: var(--default-icon-color);
}

navigation {
    display: flex;
    align-items:center;
    background: var(--bg-light);
    border-radius: var(--default-border-radius);
    padding: calc(var(--default-padding) * 0.75);
	margin-bottom: var(--default-margin)
}

navigation:first-child{
	margin: var(--default-margin) 0
}

.navigation-sep{
    width: 2px;
    height: .75rem;
    background: #23d2e2;
    display: block;
    margin: 0 calc(var(--default-margin) * 3 / 4)
}

navigation > i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background: var(--body-bg);
    color:#16c1d1;
    padding:.5rem;
    font-size:calc(1em + 3px);
    border-radius:50%;
    margin-right:var(--default-margin)
}

navigation .active{
    font-weight:600;
	letter-spacing:.25px;
}

.custom-nav {
    display:flex;
    align-items:center;
    width: 100%;
	height:9rem;
    border-radius: 1rem;
    background-image: url(../../../stabilizer/assets/images/index-navicon.png),linear-gradient(to right,rgb(97,93,250) 10%,rgba(65,236,255,0.95) 100%),url(../../../stabilizer/assets/bg.svg);
    background-size: contain,100%,100%;
    background-repeat: no-repeat,repeat,repeat;
    background-position: -1.25rem 0px,0 0,0 0;
	background-position: 0 0,0 0,0 0;
	margin:var(--default-margin) 0;
    color:white;
	position:relative;
}

.custom-nav:before{
    content:'';
    background:url(../../../stabilizer/assets/images/index-navicon-alt.png) no-repeat center center/ contain;
    display:block;
    position: absolute;
    width:3.25rem;
    height:3.25rem;
    left:6rem;
    top:-.75rem;
    z-index: 8;
    transition:250ms ease;
}

.custom-nav:hover:before{
    transform:translateY(-.25rem)
}

.custom-nav_inner{
    margin-left:11rem;
	padding: var(--default-padding) 0;
	font-size:calc(1em + 1px);
    text-shadow: 0 0 1px rgba(0,0,0,0.25);
}

.custom-nav span{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
    font-size:1.75rem;
    font-weight:600;
}

.custom-nav p{
	margin:calc(var(--default-margin) / 4) 0
}

.index_welcome{
	background-image: url(../../../stabilizer/assets/images/index-navicon.png),linear-gradient(to right,rgb(97,93,250) 10%,rgba(65,236,255,0.95) 100%),url(../../../stabilizer/assets/bg.svg);
	background-position: -2.25rem 0px,0 0,0 0;
}

.index_welcome:before{
	background:url(../../../stabilizer/assets/images/index-navicon-alt.png) no-repeat center center/ contain;
}

#portal-page .custom-nav, #forumdisplay-page .custom-nav, #showthread-page .custom-nav, #newthread-page .custom-nav, #newreply-page .custom-nav{
	background-image: url(../../../stabilizer/assets/images/forumdisplay-navicon.png), linear-gradient(to right,rgb(97,93,250) 10%,rgba(65,236,255,0.95) 100%),url(../../../stabilizer/assets/bg.svg);
}

#portal-page .custom-nav:before, #forumdisplay-page .custom-nav:before, #showthread-page .custom-nav:before, #newthread-page .custom-nav:before, #newreply-page .custom-nav:before{
	background:url(../../../stabilizer/assets/images/forumdisplay-navicon-alt.png) no-repeat center center/ contain;
}

#memberlist-page .custom-nav, #profile-page .custom-nav{
	background-image: url(../../../stabilizer/assets/images/profile-navicon.png), linear-gradient(to right,rgb(97,93,250) 10%,rgba(65,236,255,0.95) 100%),url(../../../stabilizer/assets/bg.svg);
}

#memberlist-page .custom-nav:before, #profile-page .custom-nav:before{
	background:url(../../../stabilizer/assets/images/profile-navicon-alt.png) no-repeat center center/ contain;
}

#calendar-page .custom-nav{
	background-image: url(../../../stabilizer/assets/images/calendar-navicon.png), linear-gradient(to right,rgb(97,93,250) 10%,rgba(65,236,255,0.95) 100%),url(../../../stabilizer/assets/bg.svg);
}

#calendar-page .custom-nav:before{
	background:url(../../../stabilizer/assets/images/calendar-navicon-alt.png) no-repeat center center/ contain;
}

#usercp-page .custom-nav, .usercp-cnav.custom-nav{
	background-image: url(../../../stabilizer/assets/images/usercp-navicon.png), linear-gradient(to right,rgb(97,93,250) 10%,rgba(65,236,255,0.95) 100%),url(../../../stabilizer/assets/bg.svg);
}

#usercp-page  .custom-nav:before,  .usercp-cnav.custom-nav:before{
	background:url(../../../stabilizer/assets/images/usercp-navicon-alt.png) no-repeat center center/ contain;
}

#reputation-page .custom-nav{
	background-image: url(../../../stabilizer/assets/images/reputation-navicon.png), linear-gradient(to right,rgb(97,93,250) 10%,rgba(65,236,255,0.95) 100%),url(../../../stabilizer/assets/bg.svg);
}

#reputation-page .custom-nav:before{
	background:url(../../../stabilizer/assets/images/reputation-navicon-alt.png) no-repeat center center/ contain;
}

#help-page .custom-nav{
	background-image: url(../../../stabilizer/assets/images/help-navicon.png), linear-gradient(to right,rgb(97,93,250) 10%,rgba(65,236,255,0.95) 100%),url(../../../stabilizer/assets/bg.svg);
}

#help-page .custom-nav:before{
	background:url(../../../stabilizer/assets/images/help-navicon-alt.png) no-repeat center center/ contain;
}

#register-page .custom-nav{
	background-image: url(../../../stabilizer/assets/images/register-navicon.png), linear-gradient(to right,rgb(97,93,250) 10%,rgba(65,236,255,0.95) 100%),url(../../../stabilizer/assets/bg.svg);
}

#register-page .custom-nav:before{
	background:url(../../../stabilizer/assets/images/register-navicon-alt.png) no-repeat center center/ contain;
}

.index_welcome span{
	font-size:1.5rem
}

.index_social_announcement{
	display:flex;
	align-items:center;
	background:var(--bg-light);
	border-radius:1rem;
	padding:var(--default-padding) calc(var(--default-padding) * 1.5);
	margin:var(--default-list-margin);
}

.index_social_announcement > ul{
	display:flex;
	list-style:none;
	padding:0;
	margin:0;
}

.index_social_announcement > ul > li > a{
	width:1.25rem;
	height:1.25rem;
	border-radius:.25rem;
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:white;
	font-size:calc(.75rem - 2px);
	margin-right:.5rem;
}

.index_social_announcement > ul > li > a:before{
	content:'';
	width:.5em;
	height:.5em;
	border-radius:.35em 0 0 0;
	background:rgba(0,0,0,0.25);
	position:absolute;
	bottom:0;
	right:0;
}

.index_social_announcement > ul > li > a:after{
	content:'';
	width: 0; 
	height: 0; 
	border-top: .5em solid transparent;
	border-right: .5em solid var(--bg-light);
	background:transparent;
	position:absolute;
	bottom:0;
	right:0;
}

.social-phone{
  background:#30d7bd
}

.social-facebook{
  background:#1f7ef2
}

.social-instagram{
  background:#ffa043
}

.social-twitter{
  background:#5dcfff
}

.social-heart{
  background:#fa889b
}

.social-discord{
  background:#b095e9
}

.index_social_announcement lineseperator{
  display:block;
  width:1px;
  height:2rem;
  background:#d6d6d6;
  margin: 0 .5rem;
}

.index_social_announcement > p{
	padding:0;
	padding-right:calc(var(--default-padding) / 2);
	margin:0;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.index_social_announcement > span{
	background:#ff77d7;
	padding:.5rem 1rem;
	border-radius:10rem;
	color: white;
	margin-left:auto;
	font-size: calc(1em - 2px);
	white-space:nowrap
}

.index_alerts{
	margin: 1rem 0
}

.index_alerts-container{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-right:-1rem;
	margin-bottom:-1rem
}

.index_alert{
	display:flex;
	align-items:center;
	background: var(--bg-light);
	border-radius: var(--default-border-radius);
	margin-right:var(--default-margin);
	margin-bottom: var(--default-margin);
	flex:1 1 calc(50% - 1rem);
}

/*.index_alert:nth-child(2n - 1){
	margin-right: 1rem
}*/

.index_alert > i{
	background:#5dcfff;
	display:flex;
	justify-content:center;
	align-items:center;
	width:3.5rem;
	height:3.5rem;
	border-radius: var(--default-border-radius) 0 0 var(--default-border-radius);
	color:white;
	font-size:calc(1em + 5px)
}

.index_alert > span{
	flex:1;
	padding: 0 1.5rem;
	/*font-size:calc(1em - 1px);*/
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.index_alert:nth-child(2n){
	flex-direction: row-reverse
}

.index_alert:nth-child(2n) > i{
	border-radius: 0 1rem 1rem 0
}

.index_alert:nth-child(2n) > span{
	text-align:left
}

.index_alert.success > i{
	background: #49d99e
}

/*.index_alert:nth-last-child(1),.index_alert:nth-last-child(2){
	margin-bottom:0;
}*/

.index_stats{
	margin:1rem 0;
}

.index_stats_container{
	display:flex;
	/*justify-content:space-between;*/
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:-1rem;
	margin-left:-1rem;
}

.index_stats_item{
	background:var(--trow-bg);
	display:flex;
	align-items:center;
	flex-basis:calc(100% / 5 - 1rem);
	flex-grow:1;
	padding:1.5rem;
	border-radius:1rem;
	margin-left:1rem;
	margin-bottom:1rem;
}

.index_stats_item:nth-child(1){
	--stat-color:#5d98fa
}

.index_stats_item:nth-child(2){
	--stat-color:#52e9b2
}

.index_stats_item:nth-child(3){
	--stat-color:#ffbe4e
}

.index_stats_item:nth-child(4){
	--stat-color:#ff436f
}

.index_stats_item:nth-child(5){
	--stat-color:#30d5ea
}

.index_stats_item:last-child{
	/*margin-right:0*/
}

.index_stats_item_icon{
	background:var(--stat-color);
	display:flex;
	justify-content:center;
	align-items:center;
	width:2.5rem;
	height:2.5rem;
	border-radius:50%;
	margin-right:1rem;
	position: relative;
}

.index_stats_item_icon svg{
	fill:white;
	z-index:1;
}

.index_stats_item_icon:before{
	z-index:1;
}

.index_stats_item_icon:after{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	background:var(--stat-color);
	border-radius:50%;
	transition:.5s ease;
	z-index:0
}

.index_stats_item:hover .index_stats_item_icon:after{
	transform:scale(1.375);
	opacity:0;
}

.index_stats_item_indicators{
	display:flex;
	flex-direction:column;
}

.index_stats_item_indicators-num{
	font-weight: 700;
	font-size:calc(1em + 5px)
}

.index_stats_item_indicators-text{
	color:var(--stat-color);
	text-transform:uppercase;
	font-weight:600;
	font-size:calc(1em - 1px);
	/*margin-top: calc(1rem / 4);*/
	white-space:nowrap;
}

.index_online{
	background:var(--trow-bg);
	border-radius:1rem;
	margin: 1rem 0
}

.index_onlinelist{
	display:flex;
	align-items:center;
	padding:calc(var(--default-margin) * 1.5)
}

.index_onlinelist_icon, .index_teamlist_icon{
	flex-basis:5%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:1rem;
}

.index_onlinelist_icon-item{
	display:flex;
	align-items:center;
	justify-content:center;
	width:3rem;
	height:3rem;
	border-radius:50%;
	background:var(--body-bg);
	font-size:calc(1em + 6px);
}

.index_onlinelist_icon-item svg{
	fill:#52e9b2;
}

.index_onlinelist_content, .index_teamlist_content{
	flex:1;
}

.index_onlinelist_content_title, .index_birthdays_content_title{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	/*margin-bottom: calc(var(--default-margin) * -1);*/
	font-size:calc(1em + 2px)
}

.index_onlinelist_content_title > *{
	margin-bottom: var(--default-margin);
}
	
.index_birthdays_content_title{
	margin-bottom: 0
}

.index_onlinelist_content_userlist{
	font-size:calc(1em + 1px)
}

.index_onlinelist_content_title p{
	margin: .25rem 0;
	font-weight:bold
}

.index_onlinelist_content_title > div > span{
	font-size: calc(1em - 2px)
}

.index_onlinelist_fullist{
	display:flex;
	justify-content:center;
	background: var(--trow-bg-hover);
	padding: calc(var(--default-padding) * .375) calc(var(--default-padding) * 1.125);
	border-radius: 10rem;
	/*margin-left: auto;*/
	font-weight:500;
	font-size: calc(1em - 3px);
}

.index_teamlist{
	display:flex;
	background: var(--trow-bg-hover);
	border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);
	border-top:1px solid var(--default-border-color);
	padding: .5rem 1rem;
	font-weight:600;
	font-size:calc(1em + 1px);
}

.index_teamlist_icon svg{
	width:.5rem;
	height:.5rem;
	fill:var(--default-color)
}

.index_teamlist_content{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	padding: calc(var(--default-padding) * 3  / 4) 0;
	margin-bottom:calc(var(--default-margin) * -1);
}

.index_teamlist_content > div{
	margin-bottom:var(--default-margin);
	font-size:calc(1em - 2px);
}

.index_teamlist_items{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.index_teamlist-sep{
	font-weight:700;
	color: var(--default-light-color);
	margin: 0 calc(var(--default-margin) / 1)
}

.index_teamlist_links{
	/*margin-left:auto*/
}

.index_teamlist_links span, .index_teamlist_links a{
	color:var(--default-light-color);
	font-size:calc(1em - 1px);
}

.index_teamlist_links span{
	margin: 0 calc(var(--default-margin) / 2)
}

.index_content{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-right: calc(var(--default-margin) * -1);
    margin-bottom: calc(var(--default-margin) * -1);
	flex-direction:row-reverse
}

html[sidebarp="right"] .index_content{
	flex-direction:row
}

.index_content-forumlist {
	/*width: 78%;*/
	flex:0 1 calc(78% - 2rem);
	margin-right: var(--default-margin);
    margin-bottom: var(--default-margin);
	transition: flex .5s ease 0s;
}


html[sidebar="hidden"] .index_content-forumlist{
	flex:0 1 100%;
}

html[sidebar="hidden"] .index_content-sidebar{
	display:none
}

.index_content-sidebar {
	/*width: 22%;*/
	flex:1 0 22%;
	margin-right: var(--default-margin);
    margin-bottom: var(--default-margin);
	/*transition: margin .5s ease  0s, opacity .5s ease 0s, width .5s ease 0s, height .5s ease 0s, transform .5s ease 0s, flex .5s ease 0s;*/
	transition: opacity .5s ease 0s
}

.index_content-sidebar-inner {
	position: sticky;
	top: .5rem;
	z-index:0
}

html[sidebarf="static"] .index_content-sidebar-inner{
	position:static
}

.forumbit{
	-webkit-border-radius: calc(var(--default-border-radius) * 3 / 4);
	-moz-border-radius: calc(var(--default-border-radius) * 3 / 4);
    border-radius: calc(var(--default-border-radius) * 3 / 4);
	margin-bottom: var(--default-margin)
}

.forumbit:last-of-type{
	margin-bottom:0
}

.forumbit .thead .forumbit_title{
	display:flex;
	align-items:center;
	font-weight:600;
	font-size:calc(1em + 3px);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 2rem;
}

.forumbit .thead .forumbit_title i{
	margin-right:calc(var(--default-margin) / 2)
}

.forumbit .thead .forumbit_desc{
	display:inline-flex;
	background: rgba(0,0,0,0.25);
	border-radius:calc(var(--default-border-radius) * .375);
	padding:calc(var(--default-padding) / 4) calc(var(--default-padding) / 2);
	margin:0;
	opacity:0;
	visibility:hidden;
	transition: 250ms ease-in
}

.forumbit .thead:hover  .forumbit_desc{
	margin-left:calc(var(--default-border-radius) / 2);
	opacity:1;
	visibility:visible;
}

.forumbit_forum_forumicon {
	flex-basis: 5rem;
	padding: 1rem 0;
	position:relative;
	text-align: center;
}

.forumbit_forum_forumicon-num{
	position:absolute;
	top:0;
	left:0;
	width: 5rem;
	height: 5rem;
	background:black;
	background:var(--trow-bg);
	color:var(--main-blue);
	line-height:1.25rem;
	font-size: 1.5rem;
	font-weight:700;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	border-radius:calc(var(--default-border-radius) / 2);
	transform:scale(0);
	opacity:0.5;
	transition: 350ms ease-in-out
}

.forumbit_forumlist-forum:nth-child(2n) .forumbit_forum_forumicon-num{
	background: var(--trow-bg-hover)
}

.forumbit_forumlist-forum:hover .forumbit_forum_forumicon-num{
	transform: scale(1);
	opacity:1;
}

.forumbit_forum_forumicon-num > div{
	text-transform:uppercase;
	font-weight:600;
	font-size:calc(1em - .625rem)
}

.forumbit_forum_main {
    width: auto;
    flex: 1;
	display:flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 10px;
}

.forumbit_forum_main_forumname a{
	font-size:calc(1em + 3px);
	font-weight:600;
}

.forumbit_forum_main_forumdesc{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.forumbit_forum_main_subforums{
	margin-top: calc(var(--default-margin) / 2)
}

.forumbit_moderators {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: .4rem;
}

.forumbit_moderator_title {
	margin-right: calc(var(--default-margin) / 4)
}

.forumbit_moderators_user {
display: inline-flex;
    align-items: center;
    padding: calc(var(--default-padding) / 5) calc(var(--default-padding) / 3.6);
    background: var(--default-border-color);
    border-radius: calc(var(--default-border-radius) * 3 / 4);
    margin-right: calc(var(--default-margin) / 4);
}

.forumbit_moderators_user svg {
	box-sizing: content-box;
	width: .625rem;
	height: .625rem;
	border-radius: 50%;
	padding: calc(var(--default-padding) * .25);
	background: #ff62a7;
	fill: white;
	margin-right: calc(var(--default-margin) / 4 )
}

.forumbit_forum_main_new{
	font-size:calc(1em - 1px);
    font-weight:600;
	text-transform:uppercase;
	color: var(--positive);
	display:none
}

.forumbit_forum_main_new.type-on{
	display:inline-flex
}

.forumbit_forum_main_subforums .popup_holder span{
	font-size:calc(1em - 1px);
    font-weight:600;
	text-transform:uppercase;
	user-select:none;
	cursor:pointer;
}

.forumbit_forum_actions{
	flex-basis:4%;
	display:flex;
	align-items:center;
}

.forumbit_forum_actions svg{
    fill:var(--default-border-color);
	transition: 250ms ease;
}

.forumbit_forum_actions:hover svg{
	fill:var(--main-blue);
}

.forumbit_forum_lastpost {
    flex-basis: 35%;
	display:flex;
	align-items:center;
}

.forumbit_forum_lastpost > div{
	display:inline-flex;
	align-items: center;
}

.forumbit_forum_lastpost > div > span{
	display:flex;
	flex-direction: column;
	margin-right: 5px
}

.forumbit_forum_lastpost_avatar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
	height:4.5rem;
	margin-right:var(--default-margin);
    padding: calc(.25rem + 1px);
    background: var(--default-avatar-border);
    clip-path: var(--hexagon-path);
}

.forumbit_forum_lastpost_avatar a{
	width:100%;
	height:100%
}

.forumbit_forum_lastpost_avatar-never a{
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--trow-bg);
    clip-path: var(--hexagon-path);
	color:#c9e7c5;
}

.forumbit_forum_lastpost_avatar-never a i{
	font-size:calc(1em + 2px);
    transition:250ms ease
}

.forumbit_forum_lastpost_avatar-never a:hover i{
    transform:rotate(180deg)
}

.forumbit_forum_lastpost_avatar img {
    width: 100%;
    height: 100%;
	object-fit:cover;
    clip-path: var(--hexagon-path);
}

.forumbit_forum_lastpost_avatar-never ~ .forumbit_forum_lastpost_info .forumbit_forum_lastpost_threaddate{
	margin-top:.25rem
}

.forumbit_forum_lastpost_threadname{
	font-size:calc(1em + 1px)
}

.forumbit_forumlist{
	transition:height 150ms ease;
}

.forumbit_forumlist.thead_collapsed{
    height:0;
}

.thead_collapsed ~ .forumbit_forumlist {
    height:0;
	overflow:hidden;
}

/*.thead_collapsed ~ .forumbit_forumlist{
    height: 0!important;
    overflow:hidden;
}*/

.forumbit_forumlist-forum {
    display: flex;
    flex: 1 1 100%;
	background:var(--trow-bg);
	padding: var(--default-padding)
}

.forumbit_forumlist-forum:last-child{
	border-radius:0 0 calc(var(--default-border-radius) * 3 / 4) calc(var(--default-border-radius) * 3 / 4)
}

.forumbit_forumlist-forum:nth-child(2n){
	background:var(--trow-bg-hover)
}

.sidebar-item {
    background: var(--trow-bg);
    border-radius: var(--default-border-radius);
    padding: calc(var(--default-padding) * 1.5);
	margin-bottom: var(--default-margin);
}

.sidebar-item_head {
    display: flex;
    justify-content: space-between
}

.sidebar-item_head > span {
    font-weight: 700;
	font-size: calc(1em + 2px)
}

.sidebar-item_head svg{
	fill: var(--default-light-color);
    opacity: .4;
}

.sidebar-item_content {
    margin: var(--default-margin) 0;
	color:var(--default-light-color);
}

.sidebar_goals_info{
	margin:1.5rem 0;
	line-height:1.7142857143em;
	color:var(--default-light-color);
}

.sidebar_goals_content_status{
	margin: var(--default-margin) 0
}

.sidebar_goals_content_post,.sidebar_goals_content_status{
    display:flex;
}

.sidebar_goals_content_post span:nth-child(2), .sidebar_goals_content_status span:nth-child(2){
    font-weight:700;
	color:var(--default-link-color);
}

.sidebar_goals_content_status span:nth-child(2).achived{
	color:var(--main-green);
}

.sidebar_goals_content_status span:nth-child(2).not-achived{
	color:var(--negative)
}

.sidebar_goals_content_post span:first-child,
.sidebar_goals_content_status span:first-child {
    flex-basis:30%
}

.sidebar_goals_content_bar{
	border-radius:2rem;
	background:var(--trow-bg-hover);
	border:1px solid var(--default-border-color);
	display:flex;
	justify-content:center;
	align-items:center;
	padding:calc(var(--default-padding) * .375) 0;
	position:relative;
	overflow:hidden
}

.sidebar_goals_content_bar > span{
	position:relative;
	z-index:2;
	font-weight:600;
	color: var(--default-color);
}

.sidebar_goals_content_bar > perc{
	position:absolute;
	height:100%;
	width:81%;
	background:linear-gradient(to right,#615dfa,#41ecff);
	left:0;
	z-index:0;
}

.sidebar_goals_sitename{
	display:flex;
	align-items:center;
	justify-content:center;
}

.sidebar-item_ads{
	padding: calc(var(--default-padding) * 1.5) 0
}

.sidebar-item_ads_head{
	padding: 0 1.5rem;
}

.sidebar-item_ads_content_inner{
	background: var(--main-webkit-gradient);
	background:var(--main-gradient);
	background-size: 150% 100%;
	color:white;
	display:flex;
	align-items:center;
	justify-content:center;
	height:8rem;
	user-select:none;
    font-size: 2rem;
    font-weight: 600;
}

.sidebar-item_ads_altcontent{
	padding: 0 1.5rem;
}

.sidebar-item_ads_altcontent_text{
	font-weight:500;
	margin-bottom:.5rem
}

.sidebar-item_ads_altcontent_golink{
	font-weight:600;
	text-transform:uppercase
}

ul.sidebar_social_icons{
	list-style:none;
	padding:0 1.5rem;
	display:flex;
	flex-wrap:wrap;
	margin-right:-.5rem;
	margin-bottom:-.5rem;
}

.sidebar_social_icons li{
	display:inline-flex;
}

.sidebar_social_icons li a{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:2rem;
	height:2rem;
	border-radius:.5rem;
	font-size:calc(1em - 3px);
	color:white;
	margin-right:.5rem;
	margin-bottom:.5rem;
}

.sidebar_social_icons li a:hover{
	transform:translateY(calc(var(--default-margin) / 4 * -1));
}

.sidebar_social_icons li a.facebook{
	background-color:#3763d2
}

.sidebar_social_icons li a.twitter{
	background:#1abcff
}

.sidebar_social_icons li a.instagram{
	background:#f8468d
}

.sidebar_social_icons li a.twitch{
	background:#7b5dfa
}

.sidebar_social_icons li a.youtube{
	background:#fd434f
}

.sidebar_social_icons li a.discord{
	background:#7b5dfa
}

.forumdisplay_thread_sep{
	padding:calc(var(--default-padding) / 2);
	background:var(--trow-hover-bg);
}

.forumdisplay_sticky_sep{
	padding:calc(var(--default-padding) / 2);
	background:var(--negative);
	color:white
}

.forumdisplay_thread {
    background:var(--trow-bg);
    display: flex;
    align-items: center;
	padding:calc(var(--default-padding) * .75) 0;
	color:var(--default-color);
	transition: 250ms ease
}

.forumdisplay_thread:nth-child(even){
    background:var(--trow-bg-hover)
}

.forumdisplay_thread.trow1, .forumdisplay_thread.trow2{
	border:0
}

.forumdisplay_nothread{
	background:var(--trow-bg);
	padding:calc(var(--default-padding) * .75);
}

.forumdisplay_thread.trow_selected{
	background-image:linear-gradient(to right, rgba(97,93,250,0.05) 0, rgba(97,93,250,0.05) 100%)
}

.forumdisplay_thread_avatar,
.forumdisplay_thread_posts,
.forumdisplay_thread_views,
.forumdisplay_thread_modbit,
.forumdisplay_thread_rating,
.search_post_profilelink,
.search_post_forumlink{
    display:flex;
    justify-content:center;
}

.forumdisplay_thread_avatar{
    flex-basis:auto;
	margin:0 calc(var(--default-margin) / 2)
}

.forumdisplay_thread_avatar_holder{
	position: relative;
	display: inline-flex;
	align-items: center;
}

.forumdisplay_thread_statusicon{
	position: absolute;
	right: 2%;
	background: var(--trow-bg);
	padding: .25rem;
	border-radius: 50%;
	bottom: 10%;
}

.forumdisplay_thread_main{
    flex:1
}

.forumdisplay_thread_main_threadname{
	display:flex;
	align-items:center;
	font-size: calc(1em + 1px);
}

.forumdisplay_thread_main_threadname input{
	padding:calc(var(--default-padding) / 2);
	border-color: 1px solid var(--default-border-color);
	border-radius:calc(var(--default-border-radius) / 4);
	outline:none;
}

.forumdisplay_thread_main_mlastpost{
	display:none
}

.forumdisplay_thread_main_threadname-threadlink{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/*line-height: .75rem;*/
	font-size: calc(1em);
}

.forumdisplay_thread_main_threadname-icon{
	margin-right: calc(var(--default-margin) / 4)
}

.forumdisplay_thread_main_threadname-subicon{
	display:inline-flex
}

.forumdisplay_thread_main_threadname-subicon > div svg{
	width:1rem;
	height:1rem;
}

.forumdisplay_thread_main_threadname-subicon-pinned svg{
	fill: var(--positive);
}

.forumdisplay_thread_main_threadname-subicon-closed svg{
	fill: var(--negative)
}

.forumdisplay_thread_main_threadname-subicon > div i{
	padding: .25rem
}

.forumdisplay_thread_main_threadname-subicon-pinned{
	display:none;
	color: var(--positive);
}

.forumdisplay_sticky .forumdisplay_thread_main_threadname-subicon-pinned{
	display:inline-flex
}

.forumdisplay_thread_main_threadname-subicon-closed{
	display:none;
	color: var(--negative)
}

.dot_closefolder .forumdisplay_thread_main_threadname-subicon-closed,
.closefolder .forumdisplay_thread_main_threadname-subicon-closed{
	display:inline-flex
}

.forumdisplay_thread_main_threadname_attachmentcount svg{
	width: 1rem;
	height: 1rem;
	fill: var(--main-blue);
}

.forumdisplay_thread_rating,
.forumdisplay_thread_posts,
.forumdisplay_thread_views,
.search_post_profilelink,
.search_post_forumlink{
    flex-basis:10%
}

.forumdisplay_thread_lastpost{
    flex-basis:20%;
	padding: 0 var(--default-padding);
	text-align:right;
	white-space:nowrap
}

.forumdisplay_thread_modbit{
    flex-basis: 3%;
    display: inline-flex;
    justify-content:center;
    align-items:center;
}

.forumdisplay_thread_modbit:empty{
	display:none
}

.forumdisplay_tfoot_links{
	display:flex;
}

.forumdisplay_tfoot_links a {
	color: var(--default-light-color);
	font-size: calc(1em - 1px)
}

.forumdisplay_tfoot_links a:not(:last-child){
	border-right:1px solid var(--default-border-color);
	margin-right:.5rem;
	padding-right:.5rem;
}

.forumdisplay_tfoot_actions{
	display:flex;
	color:var(--default-light-color);
	
}

.forumdisplay_tfoot_actions i{
	margin-left:calc(var(--default-margin) / 4);
	cursor:pointer;
	transition:250ms ease
}

.forumdisplay_tfoot_actions i:hover{
	color:var(--default-color)
}

.forumdisplay_tfoot_actions > div{
	padding:.25rem;
	font-size:1rem
}

.forumdisplay_tfoot_actions form{
	display:flex
}

.forumdisplay_tfoot_actions .popups_menu{
	right:0;
	padding: .75rem
}

.forumdisplay_ubnr, .showthread_ubnr{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin: var(--default-margin) 0
}

.userbrowsing, .multipage{
	flex:1;
	display:flex;
	align-items:center;
	background:var(--trow-bg);
	margin:var(--default-margin) 0;
	padding:calc(var(--default-padding) *3 / 4) var(--default-padding);
	border-radius:calc(var(--default-border-radius) / 2);
}

.multipage{
	min-height:42px;
}

.multipage > .multipage{
	padding:0;
	margin:0;
	min-height:unset;
}

.userbrowsing:empty, 
.multipage:empty{
	background:transparent;
	min-height:unset;
	margin:0
}

.userbrowsing > i {
    font-size:1rem;
    margin-right:calc(var(--default-margin) / 2)
}

.userbrowsing_info{
	margin-right:calc(var(--default-margin) / 4);
	font-weight:600
}

.forumdisplay_newthread, .showthread_newreply{
	flex-basis:10%;
	margin-left:auto
}

.multipage + .forumdisplay_newthread, .multipage + .showthread_newreply,
.userbrowsing + .forumdisplay_newthread, .userbrowsing + .showthread_newreply{
	margin-left:var(--default-margin)
}

.showthread_newreply > a.button:link,
.showthread_newreply > a.button:hover,
.showthread_newreply > a.button:visited,
.showthread_newreply > a.button:active,
.forumdisplay_newthread > a.button:link,
.forumdisplay_newthread > a.button:hover,
.forumdisplay_newthread > a.button:visited,
.forumdisplay_newthread > a.button:active{
	display:flex;
    /*background:var(--newreply-button-bg);*/
    border-radius: calc(var(--default-border-radius) / 4) calc(var(--default-border-radius) / 2) calc(var(--default-border-radius) / 2) calc(var(--default-border-radius) / 4);
	padding: calc(var(--default-padding) * .75);
	white-space:nowrap
}

.multipage:not(:empty) + .showthread_newreply > a.button:link,
.multipage:not(:empty) + .showthread_newreply > a.button:hover,
.multipage:not(:empty) + .showthread_newreply > a.button:visited,
.multipage:not(:empty) + .showthread_newreply > a.button:active,
.multipage:not(:empty) + .forumdisplay_newthread > a.button:link,
.multipage:not(:empty) + .forumdisplay_newthread > a.button:hover,
.multipage:not(:empty) + .forumdisplay_newthread > a.button:visited,
.multipage:not(:empty) + .forumdisplay_newthread > a.button:active{
	padding: calc(var(--default-padding) * 1) calc(var(--default-padding) * 3);
}

.forumdisplay_actions, .showthread_actions{
	padding: calc(var(--default-padding) * 1.25)
}


.forumdisplay_actions form,.showthread_actions form{
    margin-right:1rem;
	margin-bottom:1rem;
}

.member-profile{
	margin:var(--default-margin) 0
}

.member-profile-head_header{
    background-color: black;
background-image: linear-gradient(to right,rgb(97,93,250,0.95) 10%,
        rgba(65,236,255,0.95) 100%),
        url(../../../stabilizer/assets/bg.svg);
	background-position:center;
	background-size:cover;
    border-radius: .75rem .75rem 0 0;
    min-height: 14rem;
    display: flex;
}

.member-profile-head_content {
    display: flex;
	flex-wrap:wrap;
    background: var(--trow-bg);
    padding: calc(var(--default-padding) * 1.5) calc(var(--default-padding) * 2.5);
    border-radius: 0 0 calc(var(--default-border-radius) * .75) calc(var(--default-border-radius) * .75);
}

.member-profile-head_content_info, .member-profile-head_content_buttons{
	display:flex;
	flex-basis:30%;
	align-items:center;
}

.member-profile-head_content_buttons{
	flex-wrap:wrap;
	margin-left:calc(var(--default-margin) * -1) !important;
	margin-bottom:calc(var(--default-margin) * -1) !important
}

.member-profile-head_content_info_item{
	text-align:center;
}

.member-profile-head_content_info_item-sep{
	width:1px;
	height:1.25rem;
	background:var(--default-border-color);
	margin: 0 var(--default-margin)
}

.member-profile-head_content_info_item num{
    color:var(--default-link-color);
    font-weight:700;
    font-size:1.5rem;
}

.member-profile-head_content_info_item text {
	display:block;
	color:var(--default-light-color);
	white-space:nowrap;
    font-size: calc(1em - 2px);
	text-transform:uppercase;
	font-weight:500
}

.member-profile-head_content_avatar{
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.member-profile-head_content_avatar uname{
    font-size:1.25rem    
}

.member-profile-head_content_avatar utitle{
    color:var(--default-light-color);
    text-transform:uppercase;
    font-weight:500
}

.member-profile-head_content_avatar_memberavatar{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:10rem;
	height:10rem;
	clip-path:var(--hexagon-path);
	background:var(--trow-bg);
	padding:.625rem;
    margin-top:-25%;
    margin-bottom:calc(var(--default-margin) * -1);
}

.member-profile-head_content_avatar_memberavatar span{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	clip-path:var(--hexagon-path);
	padding:calc(var(--default-padding) / 2);
	background:var(--default-avatar-border2);
	width:100%;
	height:100%
}

.member-profile-head_content_avatar_memberavatar > span > span{
	padding:calc(var(--default-padding) / 4);
	background:var(--trow-bg)
}

.member-profile-head_content_avatar_memberavatar img{
	clip-path:var(--hexagon-path);
	width:100%;
	height:100%;
	object-fit:contain
}

a.member-profile-head_content_buttons_addremove, a.member-profile-head_content_buttons_pm{
	margin-left:var(--default-margin);
	margin-bottom:var(--default-margin);
	flex:1;
	white-space:nowrap;
	font-size: 1em !important
}

a.member-profile-head_content_buttons_addremove {
    background-color: #615dfa !important
}

a.member-profile-head_content_buttons_addremove:hover{
    box-shadow:0 3px 6px -1px rgba(97, 93, 250, 0.35)
}

a.member-profile-head_content_buttons_pm {
    background-color: #23d2e2 !important
}

a.member-profile-head_content_buttons_pm:hover{
    box-shadow:0 3px 6px -1px rgba(35, 210, 226, 0.35)
}

.member-profile-content_tabname{
	background:var(--trow-bg);
	display:flex;
	align-items:center;
	border-radius:var(--default-border-radius);
	margin:var(--default-margin) 0
}

.member-profile-content_tabname_babutton{
    background:transparent;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    color:var(--default-link-color);
    font-size:1.125rem;
    padding:calc(var(--default-padding) * 1.375);
    border:calc(var(--default-border-radius) * .625) solid var(--trow-bg);
	cursor:pointer;
    transition:250ms ease-out;
}

.member-profile-content_tabname_babutton:hover{
    background: var(--default-avatar-border)
}

.member-profile-content_tabname_babutton *{
	pointer-events:none
}

.member-profile-content_tabname_babutton#prev{
    border-radius:var(--default-border-radius) 0 0 var(--default-border-radius);
    box-shadow:-3px 0 0 -1px transparent;
}

.member-profile-content_tabname_babutton#prev:hover{
    box-shadow:-3px 0 0 -1px #5dcfff
}

.member-profile-content_tabname_babutton#next{
    border-radius:0 var(--default-border-radius) var(--default-border-radius) 0;
    box-shadow:3px 0 0 -1px transparent
}

.member-profile-content_tabname_babutton#next:hover{
    box-shadow:3px 0 0 -1px #5dcfff
}

.member-profile-content_tabname_tabnames {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
	overflow-x: overlay;
}

.member-profile-content_tabname_tabnames-sep{
    background:var(--default-border-color);
    width:1px;
    height:1.25rem;
}

.member-profile-content_tabname_tabnames_item{
    color:var(--default-light-color);
    font-weight:500;
    padding: 2rem var(--default-margin);
    border-bottom: 3px solid transparent;
    cursor:pointer;
    transition:200ms ease-in
}

.member-profile-content_tabname_tabnames_item-icon{
	display:none;
	margin:0 calc(var(--default-margin) / 2);
	fill:var(--default-light-color);
	transition:200ms ease-in
}

.member-profile-content_tabname_tabnames_item-text{
	
}

.member-profile-content_tabname_tabnames_item:hover .member-profile-content_tabname_tabnames_item-icon,
.member-profile-content_tabname_tabnames_item.active .member-profile-content_tabname_tabnames_item-icon{
	fill:var(--default-link-color);
}

.member-profile-content_tabname_tabnames_item:hover,
.member-profile-content_tabname_tabnames_item.active{
    color:var(--default-link-color);
    border-bottom: 3px solid #23d2e2;
}

.member-profile-content_tabs{
	overflow-x:hidden
}

.member-profile-content_tabs_container{
	display:flex;
	transition: 350ms ease-in-out
}

.member-profile-content_tabs_tab{
	flex-shrink:0;
	width:100%
}

.member-profile-content_tabs_tab_trow_container{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-left:calc(var(--default-margin) * -1);
	margin-top:calc(var(--default-margin) * -1);
}

.member-profile-content_tabs_tab_trow_row{
	flex:1 0 calc(50% - var(--default-margin));
	background:var(--trow-bg);
	padding:calc(var(--default-padding) * 1.25);
	border-radius:var(--default-border-radius);
	margin-left:var(--default-margin);
	margin-top:var(--default-margin);
	white-space: nowrap !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

.member-profile-content_tabs_tab_trow_row > span:first-child{
	margin-right:calc(var(--default-margin) / 4);
	font-weight:700;
}

.member-profile-content_tabcontent{
	background:var(--trow-bg);
	padding:calc(var(--default-padding) * 2) calc(var(--default-padding) * 1.5);
	border-radius:var(--default-border-radius);
	margin:var(--default-margin) 0;
}

.member-profile-content_tabcontent:first-child{
    margin:0;
}

.member-profile-content_tabcontent_head{
	font-size:calc(1em + 2px);
	font-weight:700;
	margin-bottom:var(--default-margin)
}

.member-profile-content_tabcontent_row{
	display:flex;
	align-items:center;
}

.member-profile-content_tabcontent_row-icon{
	flex-basis:2.25rem;
    display:inline-flex;
    justify-content:center;
    align-items:center;
}

.member-profile-content_tabcontent_row-icon svg{
    width:.5rem;
    height:.5rem;
    stroke: var(--default-icon-color)
}

.member-profile-content_tabcontent_row-info{
	flex-basis: 6rem
}

.member-profile-content_tabcontent[data-type="eztrader"] .member-profile-content_tabcontent_row-info{
	flex-basis: 12rem
}

.member-profile-content_tabcontent_row-content{
	flex:1;
	font-weight:500
}

.member-profile-signature_content{
	display:block;
	font-weight:unset
}

.help-section-head{
    background:var(--trow-bg);
    padding:calc(var(--default-padding) * 1.5) var(--default-padding);
    border-radius:var(--default-border-radius);
    margin:var(--default-margin) 0;
    border-left:2px solid var(--success-green)
}

.help-section-head_name{
    margin-bottom:calc(var(--default-margin) / 4);
    font-weight:600;
    font-size:calc(1em + 1px)
}

.help-section-bits {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-bottom: -1rem
}

.help-section-bit {
    flex-basis: calc(100% / 4 - var(--default-margin));
	min-width:11rem;
    background: var(--trow-bg);
    border-radius: 1rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
    min-height: 15rem;
    text-align: center
}

.help-section-bit-section {
    margin: 1rem 0;
}

.help-section-bit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.help-section-bit-icon:before {
    content: '';
    background-image: linear-gradient(90deg,#ccc,#ccc 75%,transparent 75%,transparent 100%);
    background-size: 5px 1px;
    border: none;
    width: 100%;
    height: 1px;
    position: absolute
}

.help-section-bit-icon svg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    fill: var(--trow-bg);
    stroke: #ccc;
    position: relative;
    background: var(--trow-bg);
    padding: 0 .25rem;
    box-sizing: content-box
}

.help-section-bit-icon svg circle {
    stroke-dasharray: 232.36;
    stroke-dashoffset: 15;
    transform-origin: 50% 50%;
    transform: scale(0.35) rotate(60deg);
    fill: transparent;
    stroke: #ccc
}

.help-section-bit-icon #question-circle {
    transform-origin: 50% 50%;
    transform: scale(.15);
    fill: #ccc
}

.help-section-bit-info{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column
}

.help-section-bit-info-name{
    color:var(--default-link-color);
    font-weight:500;
    font-size:calc(1em + 1px)
}

.help-section-bit-info-desc{
	margin-top:calc(var(--default-margin) / 4);
    color:var(--default-light-color);
    font-size:calc(1em - 3px);
    width:80%;
}

.help-section-bit-button{
	display:flex;
	align-items:center;
	justify-content:center;
}

.help-section-bit-button a{
    display:flex!important;
    flex-basis: 75%;
    background:var(--main-bg)!important
}

.member-register-section:not(:last-child){
	margin-bottom:var(--default-margin)
}

.member-register-section{
	display:flex;
	flex-wrap:wrap;
}

.member-register-section-icon{
	margin-right:var(--default-margin);
	border-radius:var(--default-border-radius);
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--success-green);
	color:white;
	flex-basis:8rem;
}

.member-register-section-icon i {
	font-size:1.5em
}

.member-register-security .member-register-section-icon{
	background:#f8bf64;
}

.member-register-useroptions .member-register-section-icon{
	background:#fe93b7
}

.member-register-optional .member-register-section-icon{
	background:var(--main-cyan)
}

.member-register-reference .member-register-section-icon{
	background:#fff176
}

.member-register-required .member-register-section-icon{
	background:#d81b60
}


.member-register-section-content{
	background:var(--trow-bg);
	border-radius:var(--default-border-radius);
	padding:calc(var(--default-padding) * 2);
	display:flex;
	flex-wrap:wrap;
	flex:1;
}

.member-register-section-content_info{
	margin-bottom:var(--default-margin);
	margin-right:calc(var(--default-margin) * 1.5);
	padding-right:var(--default-padding);
	border-right:1px solid var(--default-border-color);
	display:flex;
	align-items:center;
	flex-basis:calc(100% / 3);
	white-space:nowrap
}

.member-register-section-content_info_name{
	font-size:1.25rem;
	font-weight:600;
	color:var(--default-link-color)
}

.member-register-section-content_content{
	flex:1
}

.member-register-section-content_content_row{
	display:flex;
	align-items:center;
	padding:calc(var(--default-padding) / 2) 0;
	margin-right:-1rem;
}

.member-register-userd .member-register-section-content_content_row{
	flex-wrap:wrap;
	padding: calc(var(--default-padding) / 4) 0
}

.member-register-section-content_content_row > label{
	flex:1;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.member-register-section-content_content_row > optn{
	margin:0 var(--default-margin) var(--default-margin) 0;
	flex:1;
}

.member-register-section-content_content_row > optn > input, .member-register-section-content_content_row > optn > select{
	flex:1;
}

.member-register-section-content_content_selectrow{
	margin: var(--default-margin) 0
}

.member-register-section-content_content_selectrow select{
	width:100%
}

.member-register-section-content_content_row-list{
	/*display:block*/
	flex-direction:column;
	align-items:unset;
}

.member-register-section-content_content_row_name{
	font-size:calc(1em + 1px);
	font-weight:600
}

.member-register-section-content_content_row_desc{
	margin:calc(var(--default-margin) / 1) 0;
	font-size:calc(1em - 2px);
	color:var(--default-light-color)
}

.member-register-section-content_content_row_captchaimg{
	margin-bottom:calc(var(--default-margin) / 2);
}

.member-register-section-content_content_row_captchaimg input.button{
	margin-left:calc(var(--default-margin) / 1);
}

.member-register-section-content_content_row_questioninput{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}

.member-register-submit{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:calc(var(--default-padding) * 2);
	border-left:.125rem solid var(--main-cyan);
	border-radius:calc(var(--default-border-radius) * .75);
	background:var(--trow-bg);
	margin:var(--default-margin) 0
}

.member-register-submit input.button{
	padding: calc(var(--default-padding) * 1) calc(var(--default-padding) * 4);
	font-weight:600;
	font-size:calc(1em + 1px)
}

input[type="checkbox"], input[type="radio"]{
    width:.875rem;
    height:.875rem;
    margin:.25rem calc(var(--default-margin) / 2) .25rem .25rem;
    vertical-align:middle;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    outline: 0;
	cursor:pointer
}

input[type="checkbox"]:before, input[type="radio"]:before{
    position:absolute;
    z-index:1;
    content:'';
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    background-color:var(--trow-bg);
    border-radius:calc(var(--default-border-radius) / 4);
    border:1px solid var(--default-border-color);
    outline:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='white'><path d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/></svg>");
    background-repeat: no-repeat;
    background-position:center;
}

input[type="checkbox"].c-checkbox:after{
	all:unset;
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	width: calc(100% - .375rem);
	height: calc(100% - .375rem);
	background-color: var(--trow-bg);
	border:.25rem solid var(--default-border-color);
	border-radius: 50%;
	transition:250ms ease
}

input[type="checkbox"].c-checkbox:checked:after{
	transform:translate(-50%, -50%);
	border-color: var(--main-blue)
}

input[type="checkbox"].c-checkbox:before{
	all:unset;
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	width: calc(100% + .375rem);
	height: calc(100% + .375rem);
	background:var(--trow-bg);
	border-radius:50%
}

/*input[type="checkbox"] + label , input[type="radio"] + label{
	margin-left: calc(var(--default-margin) / 2)
}*/

/*input[type="checkbox"]:checked:before{
    background:#23d2e2;
}*/

/*input[type="checkbox"]:after{
    content: '\f00d';
    font-family:'Font Awesome 5 Free';
    width:6px;
    height:6px;
    width:8px;
    height:8px;
    content:'';
    font-size:10px;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='white'><path d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/></svg>");
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    color:white;
    position: absolute;
    opacity:0;
  }*/

input[type="checkbox"]:after, input[type="radio"]:after{
    position:absolute;
    z-index:1;
    content:'';
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    background-color:#23d2e2;
    border-radius:calc(var(--default-border-radius) / 4);
    border:1px solid var(--default-border-color);
    outline:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='white'><path d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/></svg>");
    background-repeat: no-repeat;
    background-position:center;
    opacity:0;
    transform:scale(.25);
    transition:250ms ease;
}

input[type="radio"]:before, input[type="radio"]:after{
	border-radius:50%
}

input[type="checkbox"]:checked:after, input[type="radio"]:checked:after{
    opacity:1;
    transform:scale(1);
}

.portal-thread{
	margin: var(--default-margin) 0
}

.portal-thread-head{
	display:flex;
	align-items:center;
	margin-bottom:var(--default-margin)
}

.portal-thread_info{
	background:var(--trow-bg);
	border-radius: var(--default-border-radius) calc(var(--default-border-radius) / 4) calc(var(--default-border-radius) / 4) calc(var(--default-border-radius) / 4);
	/*padding:calc(var(--default-padding) * 3 / 4);*/
	flex:1;
	display:flex;
}

.portal-thread_info_author{
	flex-basis:25%;
	text-align:center;
	padding: calc(var(--default-padding) * .75);
	margin-right:var(--default-margin)
}

.portal-thread_info_subject{
	flex:1;
	padding:calc(var(--default-padding) * .75)
}

.portal-thread-head_gothread{
	flex-basis:12%;
	margin-left:var(--default-margin)
}

.portal-thread-head_gothread a{
	display:flex!important;
	border-radius:  calc(var(--default-border-radius) / 4) var(--default-border-radius) calc(var(--default-border-radius) / 4) calc(var(--default-border-radius) / 4) !important;
	padding: calc(var(--default-padding) * .75) !important
}

.portal-thread_body{
	display:flex;
}

.portal-thread_body_image{
	flex:0 0 22%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--trow-bg);
	margin-right:var(--default-margin);
	padding:var(--default-padding);
	border-radius:  calc(var(--default-border-radius) / 4) calc(var(--default-border-radius) / 4) calc(var(--default-border-radius) / 4) var(--default-border-radius) !important;
}

.portal-thread_body_content{
	flex:1 1 auto;
	min-width:0;
	background:var(--trow-bg);
	padding:var(--default-padding);
	border-radius:  calc(var(--default-border-radius) / 4)
		calc(var(--default-border-radius) / 4)
		var(--default-border-radius) 
		calc(var(--default-border-radius) / 4) !important;
	position: relative;
}

.portal-thread_body_content:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:4rem;
	background:linear-gradient(to bottom, transparent 0%, var(--trow-bg-hover) 60%);
}

.portal-thread_body_content_info_threadname{
	font-weight:600;
	margin-bottom:calc(var(--default-margin) / 2)
}

.portal-thread_body_content_threadcontent{
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 12rem;
}

.portal-thread_body_image img{
	max-width:100%
}

.newthread{
	margin:var(--default-margin) 0
}

.newthread-container{
	display:flex;
	flex-wrap:wrap;
	margin-right:calc(var(--default-margin) * -1);
	margin-bottom:calc(var(--default-margin) * -1);
}

.newthread-content, .newthread-sidebar{
	margin-right:var(--default-margin);
	margin-bottom:var(--default-margin)
}

.newthread-content{
	flex:1;
}

.newthread-sidebar{
	flex-basis:20%;
}

.newthread-postpoll, .post-attachments, .post-attachmentlist{
	background:var(--trow-bg);
	padding:calc(var(--default-padding) * 1.5);
	border-radius:var(--default-border-radius);
	margin:var(--default-margin) 0
}

.post-attachmentlist-attachname{
    display: inline-block;
    width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: bold;
}

.post_attachments_attachment_postinsertbutton{
	background:var(--main-bg) !important;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 500;
	margin:var(--default-margin) 0
}

.post_attachments_attachment_postinsertbutton i{
	margin-left: calc(var(--default-margin) / 4);
	font-size:calc(1em - 2px)
}

.newthread-postpoll_head, .post-attachments_head {
    display: flex;
    justify-content: space-between
}

.newthread-postpoll_head > span,  .post-attachments_head > span{
    font-weight: 600;
    font-size: calc(1em + 1px)
}

.newthread-postpoll_head svg, .post-attachments_head svg{
	fill: var(--default-light-color);
    opacity: .4;
}

.newthread-content_options{
	background:var(--trow-bg);
	padding:var(--default-padding);
	border-radius:var(--default-border-radius);
	margin:var(--default-margin) 0
}

.newthread-content_options_row{
	display:flex;
	padding:var(--default-padding);
	border-bottom:1px solid var(--default-border-color);
}

.newthread-content_options_row:last-child{
	border:0
}

.newthread-content_options_row_info{
    flex-basis: calc(100% / 3);
    display: flex;
    flex-direction: column;
	justify-content:center;
    align-items: flex-end;
    text-align: right;
    margin-right: var(--default-margin);
    padding-right: var(--default-margin);
    border-right: 1px solid var(--default-border-color)
}

.newthread-content_options_row_info:empty {
    display: none
}

.newthread-content_options_row_info-name{
	font-size: calc(1em + 2px);
	font-weight:600
}

.newthread-content_options_row_info-desc {
    font-size: calc(1em - 2px)
}

.newthread-content_options_row_content {
    flex: 1;
    align-items: center
}

.newthead-content_about{
	background:var(--trow-bg);
	padding:var(--default-padding);
	border-radius:var(--default-border-radius);
}

.newthead-content_about_subject{
	display:flex;
	flex-wrap:wrap;
	
}

.newthead-content_about_subject select{
	margin-right:var(--default-margin);
	margin-bottom:var(--default-margin);
}

.newthead-content_about_subject input{
	flex:1;
	padding:calc(var(--default-padding) * .75);
	margin-bottom:var(--default-margin);
}

.newthread-content_buttons{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	background:var(--trow-bg);
	padding:var(--default-padding);
	border-radius:var(--default-border-radius);
	margin:var(--default-margin) 0
}

.newthread-content_buttons input{
	font-weight:600
}

.newthread-content_buttons input[name="submit"]{
	background:var(--main-pink);
}

.newthread-content_buttons input[name="savedraft"] {
	background:var(--dbutton-bg);
}

.newthread-content_buttons input[name="savedraft"] {
    padding: calc(var(--default-padding) * .75) calc(var(--default-padding) * 1.25);
    font-size:calc(1em - 1px);
}

.posticons{
	margin:0 0 var(--default-margin) 0
}

.posticons-container{
	display:flex;
	flex-wrap:wrap;
	margin-right:calc(var(--default-margin) / 4 * -1);
	margin-bottom:calc(var(--default-margin) / 4 * -1);
}

.posticons-icon{
	width:2.25rem;
	height:2.25rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	border:1px solid var(--default-border-color);
	margin-right:calc(var(--default-margin) * .375);
	margin-bottom:calc(var(--default-margin) / 4);
	cursor:pointer;
	transition:250ms ease-in-out
}

.posticons-icon:hover, .posticons_iconinput:checked + .posticons-icon{ 
	background:rgba(97,93,250,0.1)
}

.newthread-postpoll_info, .post-attachments_info, .newthread-postpoll_numlang, .newthread-postpoll_input, .newthread-postpoll_nummax{
	margin:calc(var(--default-margin) / 2) 0
}

.post-smiles{
	background:var(--trow-bg);
	padding:calc(var(--default-padding) * 1.5);
	padding-bottom:0;
	border-radius:var(--default-border-radius);
	margin-bottom:var(--default-margin)
}
	

.post-smiles_smilelist{
	display:flex;
	flex-wrap:wrap;
	margin:calc(var(--default-margin) / 1) 0
}

.post-smiles_smilelist_smile{
	flex-basis:calc(100% / 5);
	margin-bottom:1rem;
	display:inline-flex;
	justify-content:center;
	align-items:center
}

section.calendar{
	background:var(--trow-bg);
	padding:calc(var(--default-padding) * 1.5);
	border-radius:var(--default-border-radius);
	margin:var(--default-margin) 0
}

.calendar-head{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:calc(var(--default-margin) * 1.5);
	font-size:1.125rem;
	font-weight:500
}

.calendar-head_nextprev{
	display:flex;
	justify-content:space-between;
}

.calendar-head_nextprev a{
	margin-right:var(--default-margin);
}

.calendar-head_title{
	flex:1;
}

.calendar-head_switch{
	flex-basis:10%;
	display:flex;
}

.calendar-dnames{
	display:flex;
	margin:var(--default-margin) 0
}

.calendar-dnames_dname{
	text-align:center;
	flex-basis:calc(100% / 7);
	overflow:hidden;
	text-overflow:ellipsis;
}

.calendar-weekrow{
	display:flex;
	align-items:center
}

.calendar-weekrow_day{
	flex-basis: calc(100% / 7);
	max-width:calc(100% / 7);
	padding:1rem;
	height:6rem;
	border:1px solid;
	border-color:transparent var(--default-border-color) var(--default-border-color) transparent;
	position: relative
}

.reputation-about{
	margin:var(--default-margin) 0 
}

.reputation-about_avatar{
	flex:1;
	display:flex;
	justify-content:center;
	align-items:center;
	background:linear-gradient(to bottom, #eb526b 0, #eb526b 50%, white 50%, white 100%);
	border-radius:var(--default-border-radius);
}

.reputation-about_avatar, .reputation-about_userinfo, .reputation-about_repdata{
	margin-right:1rem;
	margin-bottom:1rem
}

.reputation-about-container{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:-1rem;
	margin-right:-1rem;
	white-space:nowrap;
}

.reputation-about_userinfo, .reputation-about_repdata{
	flex:2;
	background:var(--trow-bg);
	padding:var(--default-padding);
	border-radius:var(--default-border-radius);
}

.reputation-about_userinfo_repinfo{
	font-weight:bold;
	margin-top:var(--default-margin)
}

.reputation-about_userinfo_repinfo_row{
	display:flex;
}

.reputation-about_userinfo_repinfo_row-info{
	flex:1;
	margin-right:calc(var(--default-margin) * 2);
	position:relative
}

.reputation-about_userinfo_repinfo_row-info:after{
    content:':';
    font-weight:bold;
    position:absolute;
    right:0
}

.reputation-about_userinfo_repinfo_row-content{
	flex:1;
}

.reputation-about_repdata_titles{
	display:flex;
	justify-content:flex-end;
}

.reputation-about_repdata_titles-container{
	flex-basis:50%;
	display:flex
}

.reputation-about_repdata_title{
	flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:calc(var(--default-border-radius) / 4);
    padding: calc(var(--default-padding) * .375) 0;
    font-weight: 500;
    color:white;
    margin-right:.5rem
}

.reputation-about_repdata_title:last-child{
	margin-right:0
}

.reputation-about_repdata_rows{
	margin-top:calc(var(--default-margin) / 2)
}

.reputation-about_repdata_row{
	display:flex;
	font-weight:bold;
	margin:calc(var(--default-margin) / 4) 0
}

.reputation-about_repdata_row_info, .reputation-about_repdata_row_content{
	flex:1
}

.reputation-about_repdata_row_info{
	position:relative;
}

.reputation-about_repdata_row_info:after{
    content:':';
    font-weight:bold;
    position:absolute;
    right:25%
}


.reputation-about_repdata_row_content{
	display:flex
}

.reputation-about_repdata_row_content_item{
	flex:1;
	text-align:center;
	margin-right:calc(var(--default-margin) / 2)
}

.reputation-about_repdata_row_content_item:last-child{
	margin-right:0
}

.reputation-replist_head{
	background: var(--trow-bg-hover);
    padding: calc(var(--default-padding) * 1.25);
    border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
    border-bottom: 1px solid var(--default-border-color);
    font-weight: 500;
}

.reputation-replist_body {
    background: var(--trow-bg);
    border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);
}

.reputation-replist-row {
    display: flex;
	padding: 0 var(--default-padding)
}

.reputation-replist-row-icon {
    flex-basis: 5%;
    display: flex;
    justify-content: center;
    position:relative;
    padding: var(--default-padding) 0;
	margin:0 var(--default-margin) 0 0;
}

.reputation-replist-row:last-child .reputation-replist-row-icon{
	padding: 0;
	margin: var(--default-margin) var(--default-margin) var(--default-margin) 0
}

.reputation-replist-row-icon svg {
    width: .75rem;
    height: .75rem;
    background:var(--trow-bg);
    border-radius:50%;
    stroke: var(--main-cyan);
    position:relative;
    z-index:3;
}

.reputation-replist-row-icon:after{
    content:'';
    position:absolute;
    width:1px;
    height:100%;
    background:var(--default-border-color);
    display:block;
}

.reputation-replist-row-main {
    flex: 1;
    padding: var(--default-padding) 0;
}

.reputation-replist-row-main_tname,.reputation-replist-row-main_message{
	font-size:calc(1em - 1px)
}

.reputation-replist-row-main_message{
	margin-top:calc(var(--default-margin) / 4)
}

.reputation-replist-row-main_count > div{
	display:inline-flex;
	border-radius: calc(var(--default-border-radius) / 4);
	margin-top:calc(var(--default-margin) / 2);
	padding: calc(var(--default-padding) * .25) calc(var(--default-padding) * 1.125);
	font-weight:500;
	color:white;
}

.reputation-replist-row-buttons{
	flex-basis:25%;
	display:flex;
	align-items:center;
}

.reputation-replist-row-buttons > a{
	flex:1
}

.reputation-go{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background: var(--trow-bg);
	padding: var(--default-padding);
	border-radius: var(--default-border-radius);
	margin: var(--default-margin) 0
}

.stabilizer-message-list{
	display: flex;
    flex-direction: column-reverse;
    position: fixed;
	z-index:99;
    bottom: 1rem;
    right: 2rem;
}

.stabilizer-message-list.top-right{
	top: 1rem;
    right: 2rem;
	bottom:unset;
	left:unset;
}

.stabilizer-message {
	display:inline-flex;
	flex-direction:column;
	margin: calc(var(--default-margin) / 2) 0;
	border-radius: calc(var(--default-border-radius) / 4);
	box-shadow:0 0 8px -2px rgba(0,0,0,0.25);
	color: white;
	background: rgba(154,205,50,0.9);
	min-width: 12rem;
	max-width:15rem;
	opacity: 1;
	visibility: visible;
	font-size: calc(1em - 2px);
	overflow:hidden;
	transition: .5s ease;
}

.stabilizer-message.error-type{
	background:var(--negative);
}

.stabilizer-message-content{
	padding: calc(var(--default-padding) * 3 / 4);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.stabilizer-message-bar{
	background:rgba(255, 255, 255, 0.8);
	display:flex;
	width:0;
	height:3px;
}

.stabilizer-message-close {
	display: inline-flex;
	margin-left: 1rem;
	cursor: pointer;
}

.stabilizer-message-close *{
	pointer-events:none
}

.stabilizer-message-close svg{
	width:.5rem;
	height:.5rem;
	background:rgba(0,0,0,0.15);
	padding: .25rem;
	border-radius:50%;
	fill: rgba(255, 255, 255, 0.9);
	box-sizing: content-box;
}

.stabilizer-message.hide {
	opacity: 0;
	visibility: hidden;
}

.stabilizer-message-list.top-right > .stabilizer-message{
	animation: shower-top .5s ease-in-out
}

.stabilizer-message-list.bottom-right > .stabilizer-message{
	animation: shower-bottom .5s ease-in-out
}

.stabilizer-message-list.top-right > .stabilizer-message.hide{
	margin-top:calc(-25% - (var(--default-margin) / 4))
}

.stabilizer-message-list.bottom-right .stabilizer-message.hide{
	margin-bottom:calc(-25% - (var(--default-margin) / 4))
}

@keyframes shower-top {
	from {
		opacity: 0;
		visibility: hidden;
		margin-top:calc(-25% - (var(--default-margin) / 4))
	}

	to {
		opacity: 1;
		visibility: visible;
		margin-top:0
	}
}

@keyframes shower-bottom {
	from {
		opacity: 0;
		visibility: hidden;
		margin-bottom:calc(-25% - (var(--default-margin) / 4));
	}

	to {
		opacity: 1;
		visibility: visible;
		margin-bottom:0
	}
}

@keyframes message-bar-ani{
	0%{width:100%} 
	100%{width:0}
}

.private-send-row {
    display: flex;
    padding: var(--default-padding);
    border-bottom: 1px solid var(--default-border-color);
}

.private-send-row:last-child {
    border: 0
}

.private-send-row_info {
    flex-basis: calc(100% / 5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right;
    margin-right: var(--default-margin);
    padding-right: var(--default-margin);
    border-right: 1px solid var(--default-border-color)
}

.private-send-row_info:empty {
    display: none
}

.private-send-row_info-name {
    font-size: calc(1em + 2px);
    font-weight: 600
}

.private-send-row_info-desc {
    font-size: calc(1em - 2px)
}

.private-send-row_content {
    flex: 1;
    align-items: center
}

#myalerts_headericon:after,
.headerpm-popup_icon:after,
.header-welcomeblock-popup_holder:after,
.header-welcomeblock-popup_icon:after{
	content:'';
	position:absolute;
	top:100%;
	left:50%;
	right:50%;
	transform:translateX(-50%);
	background:transparent;
	width:150%;
	height:1.5rem;
	opacity:0;
}

.header-welcomeblock-popup_holder:after{
	visibility:hidden
}

.header-welcomeblock-popup_holder:hover:after{
	visibility:visible
}

.myalerts-popup_holder, .headerpm-popup_holder{
	margin-right:calc(var(--default-margin) * 1.25)
}

.myalerts-popup, .headerpm-popup{
	padding:0
}

.myalerts-popup_container, .headerpm-popup_container{
	/*padding: 0 var(--default-padding)*/
	margin:calc(var(--default-margin) * 1.25) 0 0 0
}

.myalerts-popup_head, .headerpm-popup_head{
	display:flex;
	align-items:center;
	padding:0 var(--default-padding);
}

.myalerts-popup_head_title, .headerpm-popup_head_title{
	flex:1;
	font-weight:700;
	font-size:calc(1em + 2px)
}

.myalerts-popup_head_links a, .headerpm-popup_head_links a{
	font-size:calc(1em - 2px);
	color:var(--default-light-color);
	margin-left:calc(var(--default-margin) / 2)
}

.myalerts-popup_head_links a:hover{
	color:var(--main-pink-hover)
}

.headerpm-popup_head_links a:hover{
	color:var(--main-cyan-hover)
}

.myalerts-popup_content, .headerpm-popup_content{
	max-height:13rem;
	overflow:overlay;
	margin:calc(var(--default-margin) / 2) 0 0 0
}

.myalerts-popup-row, .headerpm-popup-row, .myalerts-popup-nomessage, .headerpm-popup-nomessage, .headerbuddy-popup-row, .headerbuddy-popup-nomessage{
	display:flex;
	align-items:center;
	/*margin:var(--default-margin) 0;*/
	padding:var(--default-padding);
	transition:250ms ease;
	position: relative;
}

.myalerts-popup-row:before, .headerpm-popup-row:before{
	content:'';
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:transparent;
	transition:250ms ease
}

.myalerts-popup-row:hover:before, .headerpm-popup-row:hover:before{
	background:rgba(97, 93, 250, 0.05)
}

.myalerts-popup-row_avatar, .headerpm-popup-row_avatar{
	margin-right:calc(var(--default-margin) / 4);
	margin-left:calc(var(--default-margin) / 4 * -1);
}

.myalerts-popup-row_avatar .hexagon-avatar, .headerpm-popup-row_avatar .hexagon-avatar{
	width:3rem;
	height:3rem
}

.myalerts-popup-row_main, .headerpm-popup-row_main{
	flex:1
}

.myalerts-popup-row_main > div:first-child{
	text-overflow: ellipsis;
	max-height: 2.8em;
	overflow: hidden;
}

.myalerts-popup-row_main_date{
	font-size:calc(1em - 2px);
	color:var(--default-light-color);
}

.headerpm-popup-row_main_date{
	font-size:calc(1em - 1px);
	color:var(--default-light-color);
}

.myalerts-popup-row_icon{
	flex-basis:15%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.myalerts-popup-row_icon  svg{
	display:none;
	fill:var(--default-border-color)
}

.myalerts-popup-row_icon.alert-post_threadauthor > .icon-post_threadauthor,
.myalerts-popup-row_icon.alert-pm > .icon-pm,
.myalerts-popup-row_icon.alert-quoted > .icon-quoted,
.myalerts-popup-row_icon.alert-buddylist > .icon-buddylist,
.myalerts-popup-row_icon.alert-rep > .icon-rep
{
	display:inline-flex
}

.myalerts_anicontent{
	animation:shower .5s ease
}

.myalerts-popup_showall, .headerpm-popup_showall{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:0 0 calc(var(--default-border-radius) /2) calc(var(--default-border-radius) /2);
	background:var(--main-pink);
	padding:calc(var(--default-padding) * 1);
	color:white;
	font-weight:600
}

.myalerts-popup_showall:hover, .headerpm-popup_showall:hover{
	color:white;
}

.myalerts-popup_showall:hover{
	background:#504dcd;
	background:#6f6bfa;
	background:var(--main-bg-hover)
}

.headerpm-popup_showall{
	background:var(--main-cyan)
}

.headerpm-popup_showall:hover{
	background:var(--main-cyan-hover)
}

.cpmenu *{
	pointer-events:none
}

.header-welcomeblock-login a, .header-welcomeblock-register a{
	color: white
}

.header-welcomeblock-login > a{
	margin-right: calc(var(--default-margin) * 1.5)
}

.header-welcomeblock-login > a  svg{
	width: .625rem;
	height: .625rem;
	fill: currentColor;
	transition: 250ms ease
}

.header-welcomeblock-login > a:hover svg{
	margin-left: calc(var(--default-margin) / 2)
}

.header-welcomeblock-register a{
	background: rgba(0,0,0,0.25);
	padding: calc(var(--default-padding) / 2) var(--default-padding);
	border-radius: calc(var(--default-border-radius) / 2);
	color: #9593fb;
	font-size: calc(1em + 1px);
	font-weight:700;
	text-transform:uppercase;
}

.header-welcomeblock-register a:hover{
	color:white
}

.header-welcomeblock-modalforms {
	overflow-x:hidden
}

.header-welcomeblock-modalforms-container{
	display:flex;
	transition:350ms ease-in-out
}

.header-welcomeblock-modalforms-container.active{
	transform: translateX(-100%)
}

.header-welcomeblock-modalform{
	/*flex-shrink:0;
	min-width:25rem;
	width:100%;*/
	min-width: 26vw;
	padding: calc(var(--default-padding) * 2.5);
	padding: calc(var(--default-padding) * 2) calc(var(--default-padding) * 3.5)
	
}
.header-welcomeblock-modalform > form{
	
}

.header-welcomeblock-loginform-title{
	display:flex;
	justify-content:center;
	margin:calc(var(--default-margin) * 2) 0;
	margin: var(--default-margin) 0 calc(var(--default-margin) * 2) 0 0;
	font-size:1.75rem;
	font-weight: 700
}

.header-welcomeblock-loginform-row{
	margin: calc(var(--default-margin) * 2) 0
}

.header-welcomeblock-loginform-row:last-child{
	margin-bottom:0
}

.header-welcomeblock-signupform-row{
	margin: calc(var(--default-margin) * 1) 0
}

.header-welcomeblock-loginform-row optn, .header-welcomeblock-signupform-row optn{
	flex-wrap:wrap;
	width: 100%;
}

.header-welcomeblock-loginform-row optn optiontitle, .header-welcomeblock-signupform-row optn optiontitle{
	font-size: 1em
}

.header-welcomeblock-loginform-row input, .header-welcomeblock-signupform-row input{
	flex:1;
	padding: var(--default-padding);
}

.header-welcomeblock-loginform-lostpass label{
	font-weight: 700
}

.header-welcomeblock-loginform-lostpass a{
	color: var(--default-light-color)
}

.header-welcomeblock-submitrow{
	display:flex;
	margin:var(--default-margin) 0
}

.header-welcomeblock-submitrow button{
	flex:1;
	font-weight:600;
	font-size:calc(1em + 2px)
}

.header-welcomeblock-modalforms-switch{
	display: flex;
	border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
	position:relative;
	overflow:hidden;
}

.header-welcomeblock-modalforms-switch:before{
	content:'';
	position:absolute;
	left: 0;
	top:0;
	width:50%;
	height:100%;
	z-index:-1;
	background:var(--main-bg);
	transition: 350ms ease-in-out;
}

.header-welcomeblock-modalforms-switch.active:before{
	left: 50%;
}

.header-welcomeblock-modalforms-switch-login, .header-welcomeblock-modalforms-switch-register{
	flex:1;
	display:flex;
	justify-content:center;
	padding: var(--default-padding);
	font-size: calc(1em + 2px);
	font-weight:700;
	letter-spacing: .5px;
	text-transform:uppercase;
	cursor:pointer;
	transition: 350ms ease-in-out;
}

.header-welcomeblock-modalforms-switch.active .header-welcomeblock-modalforms-switch-login,
.header-welcomeblock-modalforms-switch .header-welcomeblock-modalforms-switch-register
{
	color:var(--default-color)
}

.header-welcomeblock-modalforms-switch .header-welcomeblock-modalforms-switch-login,
.header-welcomeblock-modalforms-switch.active .header-welcomeblock-modalforms-switch-register{
	color:white
}

.header-welcomeblock-loginform-social_title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: var(--default-margin) 0;
	font-size: calc(1em + 1px);
	letter-spacing: .5px;
	position:relative;
}

.header-welcomeblock-loginform-social_title:before{
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	z-index:-1;
	background:var(--default-border-color);
}

.header-welcomeblock-loginform-social_title > span{
	background: var(--trow-bg);
	padding: 0 var(--default-padding);
	font-size:calc(1em + 1px);
	font-weight:700
}

.header-welcomeblock-loginform-social_links{
	display:flex;
	justify-content:center;
}

.header-welcomeblock-loginform-social_links .sidebar_social_icons li a{
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1em
}

.login-modal{
	display:none
}

.blocker .login-modal{
	display:block
}

.showthread_threadtools{
	margin:var(--default-margin) 0
}

.showthread_threadtools ul{
	list-style:none;
	padding:0;
	margin-top:0
}

.showthread_threadtools ul li{
	margin-left:1rem;
	margin-bottom:1rem
}

.quickreply-content{
	background: var(--trow-bg);
	padding: var(--default-padding);
	border:0;
	border-radius: 0 0 var(--default-border-radius) var(--default-border-radius)
}

.quickreply-content.trow_shaded{
	background: var(--trow-bg) linear-gradient(to right, rgba(249, 118, 137, 0.5) 0, rgba(249, 118, 137, 0.5) 100%)
}

/*.quickreply-content-alt{
	padding: var(--default-padding) 0;
}*/

.quickreply-content-alt_options{
	display:flex;
	flex-wrap:wrap
}

.quickreply-content-alt_options label{
	display: flex;
	align-items: center;
	margin-right: calc(var(--default-margin) / 2)
}

.quickreply-content-alt_buttons{
	display:flex;
	flex-wrap:wrap
}

#myalerts_headericon, .headerpm-popup_icon{
	position:relative;
}

#myalerts_headericon svg, .headerpm-popup_icon svg{
	animation: bell 1.5s ease infinite;
}

@keyframes bell{
	0%{transform:rotate(0deg)}
	15%{transform:rotate(-30deg)}
	30%{transform:rotate(30deg)}
	45%{transform:rotate(-30deg)}
	60%{transform:rotate(0deg)}
}

#myalerts_headericon icon, .headerpm-popup_icon icon{
	position:absolute;
	left:100%;
	top:0;
	width:.3125rem;
	height:.3125rem;
	background:var(--main-green);
	border-radius:50%;
}

#myalerts_headericon[data-count="0"] icon, .headerpm-popup_icon[data-count="0"] icon{
	display:none
}

#myalerts_headericon[data-count="0"] svg, .headerpm-popup_icon[data-count="0"] svg{
	animation:none;
	fill: rgba(255,255,255,0.5)!important
}

.calendar-weekrow_day_events{
	display:flex;
	flex-wrap:wrap;
}

.calendar-weekrow_day_eventbit{
	display: block;
	width: max-content;
	color:white;
	font-size:calc(1em - 1px);
	padding: calc(var(--default-padding) / 4) calc(var(--default-padding) / 1);
	margin-bottom: calc(var(--default-margin) / 4);
	border-radius: calc(var(--default-border-radius) / 1);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.calendar-weekrow_day_eventbit.public_event{
	background: var(--main-pink);
}

.calendar-weekrow_day_eventbit.private_event{
	background: var(--main-cyan);
}

.global_alert{
	display:flex;
	align-items:center;
	background:var(--trow-bg);
	margin:var(--default-margin) 0;
	padding: calc(var(--default-padding) * .75);
	border-radius:var(--default-border-radius);
}

.global_alert-icon{
	flex-basis:5rem;
}

.global_alert-icon-item{
	display:inline-flex;
	border-radius:50%;
	background:var(--neutral);
	padding:.75rem;
	transition: 250ms ease;
}

.global-pm_alert .global_alert-icon-item{
	background: var(--positive)
}

.global-ban_alert .global_alert-icon-item{
	background: var(--negative)
}

.global_alert-icon-item svg{
	width:1rem;
	height:1rem;
	fill:white;
	transition:250ms ease
}

.global_alert:hover .global_alert-icon-item{
	transform: scale(0.875);
}

.global_alert:hover .global_alert-icon-item svg{
	transform:scale(1.25)
}

.global_alert-content{
	flex:1;
	text-align:center;
}

.global_ban_alert{
	margin: var(--default-margin) 0
}

.global_ban_alert-top{
	display:flex;
	align-items:center;
	background:var(--negative);
	color:white;
	border-radius: var(--default-border-radius) var(--default-border-radius) 0 0
}

.global_ban_alert-icon{
	flex-basis: 5rem;
	padding: calc(var(--default-padding) * 2);
}

.global_ban_alert-icon svg{
	width:2.5rem;
	height:2.5rem;
	fill:white;
}

.global_ban_alert-content{
	flex:1;
	padding: calc(var(--default-padding) * 1.5)
}

.global_ban_alert-bottom{
	background:var(--trow-bg);
	border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);
	padding:var(--default-padding);
	text-align:center;
}

.index-fblocks{
	margin: var(--default-margin) 0
}

.index-fblocks-container{
	display:flex;
	flex-wrap:wrap;
	margin-left:-1rem;
	margin-bottom:-1rem;
}

.index-fblock{
	flex: 1 0 calc(100% / 4 - 1rem);
	display:flex;
	align-items:center;
	background: var(--trow-bg);
	border-radius: calc(var(--default-border-radius) / 2);
	padding: calc(var(--default-padding) / 1);
	margin-left:1rem;
	margin-bottom:1rem;
}

.index-fblock-hidden{
	display:none
}

.index-fblock-icon{
	flex: 0 0 7rem;
	padding: calc(var(--default-padding) / 2);
	transition: 250ms ease
}

.index-fblock:hover .index-fblock-icon{
	transform: translateY(-.5rem)
}

.index-fblock-icon img{
	/*width:100%*/
}

.index-fblock-content{
	flex: 1 1 auto
}

.index-fblock-content-title{
	/*white-space:nowrap;*/
	font-size:calc(1em + 4px);
	font-weight:700;
}

.index-fblock-content-about{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: calc(var(--default-margin) / 2) 0;
	color:var(--default-light-color);
	font-size:calc(1em - 1px)
}

.index-fblock-content-go{
	text-align:right;
	text-transform:uppercase;
	font-size: calc(1em - 2px);
}

.sidebar-trend_desc{
	margin: calc(var(--default-margin) / 2) 0;
}

.sidebar-trends_threadlist{
	margin: calc(var(--default-margin) * 1.5)  0;
}

.sidebar-trends_thread{
	display:flex;
	align-items:center;
	margin: calc(var(--default-margin) * 1.5) 0
}

.sidebar-trends_thread-avatar{
	position:relative;
	margin-left: -0.25rem;
	margin-right: .5rem
}

.sidebar-trends_thread-avatar-main .hexagon-avatar{
	background: linear-gradient(to top, var(--gradient-first-bg), var(--gradient-second-bg));
	width: 3.5rem;
	height: 3.5rem;
}

.sidebar-trends_thread-avatar-alt{
	position:absolute;
	right:0;
	bottom: .125rem;
}

.sidebar-trends_thread-avatar-alt .hexagon-avatar{
	width: 2rem;
	height:2rem;
	background:var(--default-avatar-border);
}

.sidebar-trends_thread-main-subject{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidebar-trends_thread-main-about{
	margin-top: calc(var(--default-margin) / 4)
}

.headerbuddy-popup-row{
	display:flex;
	align-items:center
}

.headerbuddy-popup-row_avatar{
	margin-left: calc(var(--default-margin) / 4 * -1);
	margin-right: calc(var(--default-margin) / 4);
}

.headerbuddy-popup-row_avatar .hexagon-avatar{
	width:3rem;
	height:3rem;
}

.headerbuddy-popup-row_buttons{
	display:flex;
	margin-left:auto
}

.headerbuddy-popup-row_buttons_button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2.5rem;
	height:2.5rem;
	color: var(--default-light-color);
	border-radius: calc(var(--default-border-radius) / 2);
	border: 1px solid var(--default-border-color);
	margin-left: calc(var(--default-margin) / 2);
	transition: 250ms ease;
}

.headerbuddy-popup-row_buttons_button_accept:hover{
	background:var(--positive);
}

.headerbuddy-popup-row_buttons_button_decline:hover{
	background: var(--negative);
}

.headerbuddy-popup-row_buttons_button svg{
	fill: var(--default-border-color);
	transition:250ms ease;
}

.headerbuddy-popup-row_buttons_button:hover svg{
	fill:white
}

.headerbuddy-popup-row_main_desc{
	font-size:calc(1em - 1px);
	color: var(--default-light-color);
}

.search-content_head{
    background:var(--trow-bg-hover);
    padding:var(--default-padding);
    border-radius:var(--default-border-radius) var(--default-border-radius) 0 0;
    border-bottom:1px solid var(--default-border-color);
    font-weight:500
}

.search-content_body {
    background: var(--trow-bg);
    border-radius:0 0 var(--default-border-radius) var(--default-border-radius)
}

.search-content_body ~ .search-content_head , form ~ form .search-content_head{
	margin-top:var(--default-margin)
}

.search-content_rowlist{
	display:flex;
	flex-wrap:wrap
}

.search-content_rowlist > .search-content_row{
	flex:1;
	padding-right: calc(var(--default-padding) * 6);
}

.search-content_row:not(:last-child){
    margin-bottom:var(--default-margin)
}

.search-content_submitrow{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:var(--default-padding);
    border-top:1px solid var(--default-border-color);
    border-radius:0 0 var(--default-border-radius) var(--default-border-radius)
}

.search-content_row_title{
    padding:var(--default-padding);
    border-bottom: 1px solid var(--default-border-color);
    text-transform:uppercase;
    font-weight:600;
    letter-spacing: .5px;
}

.search-content_row_title:empty{
	display:none
}

.search-content_row_content{
    display:flex;
    align-items:center;
    padding:calc(var(--default-padding) * 3 / 4) var(--default-padding)
}

.search-content_row_content_info{
    flex-basis:calc(100% / 3);
    display:flex;
	flex-direction:column;
    justify-content:flex-end;
	text-align:right;
    margin-right:var(--default-margin);
    padding-right:var(--default-margin);
    border-right: 1px solid var(--default-border-color);
}

.search-content_row_content_info:empty{
    display:none
}

.search-content_row_content_info-desc{
	font-size:calc(1em - 2px);
}

.search-content_row_content_content{
    /*display:flex;*/
	flex:1;
    align-items:center;
}

.search-content_row_content_content input{
    margin-right:calc(var(--default-margin) / 2);
}

.showteam-content{
	margin:var(--default-margin) 0;
}

.showteam-group-rowlist{
	display:flex;
	flex-wrap:wrap;
	margin-right:-1rem;
	margin-bottom:-1rem;
}

.showteam-group{
	background: var(--trow-bg);
	margin:var(--default-margin) 0;
	padding:var(--default-padding);
	border-radius:var(--default-border-radius);
}

.showteam-group-title{
	margin-bottom:var(--default-margin);
	font-size:calc(1em + 2px);
	font-weight:700
}

.showteam-group-row{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	background: var(--trow-bg-hover);
	flex: 1 1 calc(50% - var(--default-margin));
	margin-right:var(--default-margin);
	margin-bottom:var(--default-margin);
	padding:var(--default-padding);
	border-radius:var(--default-border-radius);
	white-space:nowrap;
}

.showteam-group-row-avatar{
	margin-right:calc(var(--default-margin) / 2);
}

.showteam-group-row-main{
	flex:1
}

.showteam-group-row-buttons{
	display:flex;
}

.showteam-group-row-button{
	margin-left:calc(var(--default-margin) / 2);
	border-radius:calc(var(--default-border-radius) / 2);
	padding:calc(var(--default-padding) / 2);
	transition:250ms ease;
}

.showteam-group-row-button:hover{
}

.showteam-group-row-button svg{
	fill:var(--default-light-color);
	transition:350ms ease;
}

.showteam-group-row-button:hover svg{
	fill:var(--main-cyan);
	transform:scale(0.875)
}

.mnightmode{
	display:none;
	justify-content:center;
	margin-top: var(--default-margin);
	-webkit-tap-highlight-color: transparent;
}

.mnightmode input {
	position: absolute;
	left: -99em;
}

.mnightmodebutton {
	cursor: pointer;
	overflow:visible;
	display: inline-flex;
	align-items:center;
	position: relative;
	width: 6.25rem;
	height: 3.125rem;
	height:2.5rem;
	background-color: #83d8ff;
	border-radius: 2rem;
	transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.mnightmodebutton:before, .mnightmodebutton:after{
	position: absolute;
	text-transform:uppercase;
	font-size:calc(1rem + 2px);
	font-weight:600;
}

.mnightmodebutton:before {
	content: attr(data-day);
	right: calc(100% + 1rem);
}

.mnightmodebutton:after {
	content: attr(data-night);
	left: calc(100% + 1rem);
}

.mnightmodebutton-craterlist {
	display: inline-block;
	position: relative;
	z-index: 1;
	left: .25rem;
	width: 2.75rem;
	height: 2.75rem;
	width: 2.125rem;
	height: 2.125rem;
	background-color: #ffcf96;
	border-radius: 50px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	transform: rotate(-45deg);
	transition: all 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.mnightmodebutton-craterlist .mnightmodebutton .mnightmodebutton-crater {
	position: absolute;
	background-color: #e8cda5;
	opacity: 0;
	transition: opacity 200ms ease-in-out;
	border-radius: 50%;
}

.mnightmodebutton-craterlist .crater-1 {
  top: 18px;
  left: 10px;
  width: 4px;
  height: 4px;
}

.mnightmodebutton-craterlist .crater-2 {
  top: 28px;
  left: 22px;
  width: 6px;
  height: 6px;
}

.mnightmodebutton-craterlist .crater-3 {
  top: 10px;
  left: 25px;
  width: 8px;
  height: 8px;
}

.mnightmodebutton-star {
  position: absolute;
  background-color: #ffffff;
  transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  border-radius: 50%;
}

.mnightmodebutton-star-1 {
  top: 10px;
  left: 35px;
  z-index: 0;
  width: 30px;
  height: 3px;
}

.mnightmodebutton-star-2 {
	top: 18px;
	left: 28px;
	z-index: 1;
	width: 30px;
	height: 3px;
}

.mnightmodebutton-star-3 {
	top: 27px;
	left: 40px;
	z-index: 0;
	width: 30px;
	height: 3px;
}

.mnightmodebutton-star-4,
.mnightmodebutton-star-5,
.mnightmodebutton-star-6 {
	opacity: 0;
	transition: all 300ms 0 cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.mnightmodebutton-star-4 {
	top: 16px;
	left: 11px;
	z-index: 0;
	width: 2px;
	height: 2px;
	transform: translate3d(3px, 0, 0);
}

.mnightmodebutton-star-5 {
	top: 32px;
	left: 17px;
	z-index: 0;
	width: 3px;
	height: 3px;
	transform: translate3d(3px, 0, 0);
}

.mnightmodebutton-star-6 {
	top: 36px;
	left: 28px;
	z-index: 0;
	width: 2px;
	height: 2px;
	transform: translate3d(3px, 0, 0);
}

input:checked + .mnightmodebutton{
	background-color: #749dd6;
}
input:checked + .mnightmodebutton:before {
	color: #749ed7;
}
input:checked + .mnightmodebutton:after {
	color: #ffffff;
}

input:checked + .mnightmodebutton .mnightmodebutton-craterlist {
	background-color: #ffe5b5;
	transform: translate3d(58px, 0, 0) rotate(0);
}

input:checked + .mnightmodebutton .mnightmodebutton-craterlist .mnightmodebutton-crater {
	opacity: 1;
}

input:checked + .mnightmodebutton .mnightmodebutton-star-1 {
	width: 2px;
	height: 2px;
}

input:checked + .mnightmodebutton .mnightmodebutton-star-2 {
	width: 4px;
	height: 4px;
	transform: translate3d(-5px, 0, 0);
}

input:checked + .mnightmodebutton .mnightmodebutton-star-3 {
	width: 2px;
	height: 2px;
	transform: translate3d(-7px, 0, 0);
}

input:checked + .mnightmodebutton .mnightmodebutton-star-4,
input:checked + .mnightmodebutton .mnightmodebutton-star-5,
input:checked + .mnightmodebutton .mnightmodebutton-star-6 {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

input:checked + .mnightmodebutton .mnightmodebutton-star-4 {
	transition: all 300ms 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

input:checked + .mnightmodebutton .mnightmodebutton-star-5 {
	transition: all 300ms 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

input:checked + .mnightmodebutton .mnightmodebutton-star-6 {
	transition: all 300ms 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.online_rowlist{
	display:flex;
	background:var(--trow-bg);
	padding:var(--default-padding);
}

.online_row{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
		
.post-hide{
    width:60%;
    margin: calc(var(--default-margin) / 2) auto;
    text-align:center;
}

.post-hide-head{
    font-size:1.25rem;
    color:var(--negative)   
}

.post-hide-login, .post-hide-register{
    font-size: 1.5rem;
    font-weight: 700;
}

.post-hide-login{
    color:var(--main-cyan);
}

.post-hide-register{
	color:var(--positive);
}

.post-hide-sep{
	font-size:1.5rem;
	margin: 0 calc(var(--default-margin) / 2);
}

.post-hide-login,  .post-hide-register{
	overflow: hidden;
	padding: calc(var(--default-padding) * 1.25);
	height: 1em;
}

.post-hide-login span,  .post-hide-register span {
	position: relative;
	display: inline-flex;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}


.post-hide-login span::before, .post-hide-register span::before {
	color: var(--default-color);
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	white-space:nowrap;
	font-weight: 800;
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


.post-hide-login:hover span, .post-hide-register:hover span{
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
		

.showthread-poll{
	background: var(--trow-bg);
	display: flex;
	flex-wrap: wrap;
	border-radius: var(--default-border-radius);
	margin: var(--default-margin) 0
}

.showthread-poll-image {
	flex: 0 0 40%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: var(--default-margin);
	position: relative
}

.showthread-poll-image:after{
	content:'';
	position: absolute;
	right:0;
	height:75%;
	width:1px;
	display:block;
	background: var(--default-avatar-border);
}

.showthread-poll-content{
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: calc(1em + 1px);
	margin:calc(var(--default-margin) * 2) var(--default-margin) var(--default-margin) var(--default-margin)
}

.showthread-poll-head{
	display: flex;
	justify-content: space-between;
}

.showthread-poll-question{
	flex:1
}

.showthread-poll-edit{
	width:2rem;
	height:2rem;
	background: var(--neutral);
	border-radius: calc(var(--default-border-radius) / 4);
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.showthread-poll-edit > svg{
	fill: white;
	width:1rem;
	height:1rem
}

.showthread-poll-status{
	padding: calc(var(--default-padding) * .375);
	border-left: 3px solid var(--negative);
	background: linear-gradient(90deg, rgba(249, 118, 137, 0.15), transparent);
	margin-top:var(--default-margin);
	transition: 250ms ease;
}

.showthread-poll-status:hover{
	border-color: var(--negative-hover)
}

.showthread-poll-option{
	margin-bottom: calc(var(--default-margin) / 4)
}

.showthread-poll-buttons{
	margin: auto 0 0 auto
}

.showthread-poll-buttons .button{
	margin-left: .5rem !important;
}

.showthread-poll-answers{
	margin: calc(var(--default-margin) * 2) 0
}

.showthread-poolbar {
	display: flex;
	margin-bottom: calc(var(--default-margin) / 2);
	font-weight: 700;
}

.showthread-poolbar-bar {
	display: flex;
	align-items: center;
	background:  var(--poolbar-background);
	border-radius: calc(var(--default-border-radius) / 4);
	margin-left: var(--default-margin);
	height: 16px;
	flex:1;
}

.showthread-poolbar-bar-inner{
	display:flex;
	height:100%;
	background: var(--poolbar-percent);
	border-radius: calc(var(--default-border-radius) / 4);
}

.showthread-poolbar-option{
	flex-basis:4rem;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.showthread-poolbar-votes,.showthread-poolbar-percent {
	margin-left: var(--default-margin);
	flex-basis:4rem;
	display: flex;
	justify-content: center;
}
		