:root{
	--mf--surface-color :;
	--mf--border-color :#e5e6e8;
	--mf--even-color :#ebecee;
}
.forum-wrapper {
	display:grid; gap:20px; grid-template-columns:1fr 300px
}

.TextEditor {background-color: #edeff4;border: none;box-shadow: none;box-sizing: inherit;font-family: inherit;padding: 4px;width: 100%;margin-top:5px; min-height:80px;}

.TextEditor:focus {outline:none; background-color:#dadada;}
.Btn {background-color:var(--color-bg); padding:0px;}

.bt-default,
.bt-gray    {height:36px;}

.fm-flex				{display:flex; gap:4px}
.fm-flex.gap-2			{gap:8px}
.fm-flex.a-center			{align-items:center;}

.topic-list				{border:1px solid var(--mf--border-color);}
.topic-list .header		{align-items:center; background-color:var(--color-child-nav); color:white; padding:var(--space-2x)}
.topic-list .header		*{color:white;}
.topic-list .item					{align-items:center; border-bottom:1px solid var(--mf--border-color);}
.topic-list .item .mf-title			{font-size:1.063em; font-weight:600;}
.topic-list .item:nth-child(even)	{background-color:#f9f9f9}
.topic-list .item:nth-child(odd)	{background-color:var(--mf--even-color)}
.topic-list .item .fm-description	{font-size:0.875em;}
.topic-list .item .fm-totalreplies	{font-size:0.875em;}
.Member								{font-size:0.875em; font-weight:600; color:#008e35}
.Date								{font-size:0.875em; color:#a0a0a0}
.topic-list .item.fm-important			{background-color:#d9dbe0}
.topic-list [name="topics"]			{float:left;}
.topic-list .item  a				{display:inline}
.topic-list .item .PageNumbers				{background-color:var(--color-theme); border-radius:2px; color:white; display:inline-block; font-size:0.875em; text-align:center; padding:0 3px; min-width:16px; }
.topic-list .item .PageNumbers:hover        {background-color:white; color:var(--color-theme)}

.topic-head {align-items:center; margin:10px 0; }
.topic-head .topic-title,
.topic-head .topic-title *:visited                       {font-weight:700; color:var(--color-child-nav)}

.fm-panel {background-color:white}
.fm-panel:empty {display:none;}
.role-button {cursor:pointer}

.fm-replies			{margin-bottom:10px; min-height:150px;}
.fm-replies hr {border-top-color:#ebecee!important}
.fm-replies i {color:#2c3e50}

.fm-replies .fm-user    {display:flex; gap:4px; width:100%; }
.fm-replies .fm-reply   {background-color:white; border:1px solid var(--mf--border-color); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius:6px; flex:1; position:relative; }
.fm-replies .fm-reply .fm-reply-content {font-size:1.063em!important; line-height:1.5em;  font-weight:400;}
.fm-replies .fm-reply .fm-reply-content * {max-width:100%; overflow-wrap:break-word;}
.fm-replies .fm-reply blockquote{background-color:#e4e6ea; border-radius:4px; color:#3e4959; font-size:0.913em; padding:6px 6px 6px 18px; position:relative; margin:10px; }
.fm-replies .fm-reply blockquote a{color:#3e4959; }
.fm-replies .fm-reply blockquote hr {border-top-color:#cdd0d5!important}
.fm-replies .fm-reply blockquote .goto-excerpt {background-color:white; border-radius:50%; border:solid 1px #e4e6ea; display:flex; padding:4px; place-content:center; place-items:center; position:absolute; left:-15px; width:32px; height:32px; }
.fm-replies .fm-reply blockquote .goto-excerpt i {color:#25d366;}
.fm-replies .fm-hidden-reply .notice{color:#ec0000; font-weight:500}
.fm-replies .fm-hidden-reply blockquote{background-color:#fae6e6!important; font-size:0.913em;}
.fm-replies .fm-reply  .ShareDescription {margin:20px 0;}
.fm-replies .fm-reply.fm-topic   {background-color:#abb2b9; box-shadow:none!important}
.fm-replies .fm-reply.fm-topic *:not(button)    {color:black}

.fm-replies details > summary {list-style-type: '▶️';}
.fm-replies details[open] > summary {list-style-type: '🔽';}
.fm-replies details {border: 1px solid #fcd9d9;background-color:#fae6e6; border-radius: 4px; padding:4px;}
.fm-replies details[open] > summary {margin-bottom: 0.5rem;}


.fm-replies .fm-reply-vote-1		{background-color:#f9f9f9; border:1px solid var(--mf--border-color); border-radius:4px; display:flex; align-items:center; flex-direction:row; gap:10px; width:30%; }
.fm-replies .fm-reply-vote-1 > *	{ display:block; padding:5px ; text-align:center; width:100%; white-space:nowrap; }
.fm-replies .fm-reply-vote-1 .fa-thumbs-up:hover{color:#03b145}
.fm-replies .fm-reply-vote-1 .fa-thumbs-down:hover{color:#eb0000}
.fm-replies .fm-reply-vote-1 .vote-count.Positive {font-size:0.850em; color:#03b145}
.fm-replies .fm-reply-vote-1 .vote-count.Negative {font-size:0.850em; color:#eb0000}
.fm-replies .fm-reply-vote-1 .vote-count.Zero {display:none}

.fm-replies .fm-reply-vote {font-size:0.813em; font-weight:600; display:flex; align-items:center; gap:6px; margin-top:10px; place-content:end;}
.fm-replies .fm-reply-vote .vote-count {background-color:rgba(44, 62, 80,0.1); border-radius:4px; display:inline-block; padding:4px; font-weight:500}
.fm-replies .fm-reply-vote .vote-count.Positive {color:#03b145}
.fm-replies .fm-reply-vote .vote-count.Negative {color:#eb0000}

.fm-control-panel	{align-items:center; display:flex; font-size:0.875em; font-weight:600; gap:2px;}
.fm-control-panel a	{align-items:center; justify-content:center; text-align:center; display:flex; flex-wrap:wrap; gap:4px; padding:4px 8px 4px 4px;}
.fm-control-panel a:not(:last-child) {border-right:1px solid var(--mf--border-color)}
.fm-control-panel i{color:var(--color-theme); font-size:1.250em}
.fm-control-panel .fm-selected {background-color:var(--color-theme); border-radius:2px; color:white;}
.fm-control-panel .fm-selected i {color:white;}

.fm-fieldset legend {background-color:var(--color-theme); color:white; padding:var(--space-2x)}
.fm-fieldset label {font-weight:600;}

.fm-hide {visibility:hidden; max-height:0px!important; }
.fm-show {visibility:visible; max-height:1000px; transition:all 3s; display:block;}

.fm-member-img{width:32px; height:32px}
.fm-member-img.circle {border-radius:50%}
.fm-member-status {font-size:0.875em; color:#a0a0a0}

.goto-lastpage {align-items:center; background-color:rgba(44, 62, 80,0.4); border-radius:4px; display:flex; gap:6px; padding:6px 0; place-content:center}

.content-items.bordered .item {border-bottom:1px solid var(--mf--border-color)}

.MnHtmlEditor .Btn > img {width:24px; height:24px}

.PollContainer							{padding:5px; max-width:550px; margin:auto auto }
.PollContainer .Question				{font-weight:bold; margin-bottom:5px;}
.PollContainer .Description				{font-style:italic;  margin-bottom:10px; display:block; clear:both;}
.PollContainer .Options label			{display:block;line-height:25px;}
.PollContainer .Options .Button			{border:none; border-radius: 3px; box-sizing:border-box; cursor: pointer; display: inline-block; line-height: 20px; margin:2px; outline: 0 !important; padding: 6px 10px; text-align: center; user-select: none; vertical-align: middle; white-space: nowrap; }
.PollContainer .Options .Button:active	{background-color:red!important;}
.PollContainer .Options .Button img		{background-color: rgba(0,0,0,0.1); border:none; border-radius: 3px 0 0 3px; float: left; height: 32px; line-height: 32px; margin: -6px -10px; margin-right:6px; position: relative; text-align: center; width: 32px;}
.PollContainer .Action					{text-align:right; margin-top:10px; padding-right:3px;}
.PollContainer .Action button			{border:none!important; border-radius:2px!important; box-sizing:border-box; display:inline-block; cursor:pointer; outline:none; min-height:32px; height:32px; padding:0 4px; margin-left:10px!important; text-align:center; margin:0;}
.PollContainer .Action button:hover		{background-color:#d7d7d7; color:#000000!important;}
.PollContainer .Notification			{font-size:80%; color:#d7d7d7; margin:5px 0;}


.Chart {box-sizing: border-box !important; width: 100%; margin: 10% auto 0 auto; }
.Chart * {box-sizing: border-box !important; }
.Chart::before 	{content:"OYLAMA SONUCLARI"; display:block; text-align:center; font-size:120%; font-weight:bold; margin-bottom:10px;}
.Chart .Title		{ padding:10px; text-align:center;  font-size:110%;}
.Chart .Option { background-color:#e9e9e9; position: relative; border: 1px solid #e6e6e6; z-index: 0; min-height: 10px; margin-bottom: 10px;}
.Chart .Option .bar { position: absolute; z-index: 1; height: 100%;}
.Chart .Option .data { display: flex; align-content:center; align-items:center; font-weight:bold; padding: 5px; z-index: 2; width: 100%; }
.Chart .Option .data .label { flex: 3; z-index:3; }
.Chart .Option .data .percent { flex: 1; text-align: right; z-index:3; }

@media only screen and (min-width: 970px) {
	.fm-replies .fm-reply-vote-1 {background-color:#f9f9f9;border:1px solid var(--mf--border-color); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;  display:flex; align-items:center; flex-direction:column; gap:0px; position:absolute; top:20%; min-width:40px; right:-40px;border-radius:0 4px 4px 0; width:unset}
	.fm-replies .fm-reply-vote-1 > * {border-bottom:1px solid var(--mf--border-color); display:block; padding:5px ; text-align:center; width:100%;}
	.fm-replies			{display:flex; gap:10px; margin-bottom:40px}
	.fm-replies .fm-reply {margin-right:40px;}
	.fm-replies .fm-reply blockquote{margin:unset }
	.fm-replies .fm-user    {display:block; text-align:center; line-height:1.6em; width:160px}
	.fm-member-img {width:64px; height:64px}
	.fm-control-panel a	{flex-wrap:nowrap; gap:10px;}
	.MnHtmlEditor .Btn > img {width:unset; height:unset}
}