/*
=====================================================
 SimpleBB Default Theme - by Kadir Hanoğlu
-----------------------------------------------------
 Mail: kadirhanoglu@dle.net.tr
=====================================================
 DLE.NET.TR  |  Copyright (c) 2015
-----------------------------------------------------
 http://dle.net.tr  -  info@dle.net.tr
-----------------------------------------------------
 Lisans : MIT License
-----------------------------------------------------
 Ayarlar
  #simplebb en düşük 740px olarak ayarlanabilir. Bu genişliğe kadar
  herşey normal ayarlanır. 740px altında bir genişlik için diğer
  kısımlardaki yüzde cinsinden tanımlanan genişliklerin ayarlanması
  gerekir.
=====================================================
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,latin-ext');

.clr { clear: both }
.simplebb-mb-3 {margin-bottom:1rem!important}
#simplebb { /* float: left; width: 740px; */ /*width: 99%; margin: 0.5%; font-family: 'Open Sans', sans-serif;*/ }
	#simplebb > h3 { display: block; padding: 1px 0 14px 6px; border-bottom: 1px dotted #ccc; font-size: 1.3em; font-weight: normal; color: #555; margin: 1px 0 10px 0; }
	#simplebb > h3 .fa { margin-right: 10px; }
	#simplebb .fa { margin-right: 6px; }
	.simplebb-subforums { background: #f5f5f5; padding: 10px 10px; margin: 10px 0; }
		.simplebb-subforums > h3 { font-weight: normal; display: block; padding: 4px 0 10px 10px; color: #777; /*margin: .25em 0 .25em 0 !important;*/ }
		.simplebb-subforum-list { margin: 0; padding: 0; list-style: none; margin-top: 5px; }
		.simplebb-subforum-list li { float: left; border: 1px solid #ccc; padding: 5px 10px; background: #fff; margin: 0 3px; }
		.simplebb-subforum-list li a { }
		.simplebb-subforum-list li span { font-size: 0.9em; color: #555; margin-left: 5px; }
	.simplebb-category, .simplebb-thread { background: #f5f5f5; padding: 5px 5px; margin: 10px 0; }
		.simplebb-category > h3 { font-weight: normal; display: block; padding: 1px 0 1px 5px; color: #777; /*margin: .25em 0 .25em 0 !important;*/ }
		.simplebb-category > h3 > a { color: #777; }
		.simplebb-category > h3 > a:hover { color: #4caf50; }
		.simplebb-category > h3 > a > .fa { margin-right: 8px; }
	.simplebb-csep { border-top: 1px solid #f2f6f9; border-bottom: 1px solid #fff; }
	.simplebb-ftitlebar { background: #4caf50; padding: 5px 10px; margin: 4px 0 2px 0; }
		.simplebb-ftname, .simplebb-ftarticle, .simplebb-ftcomments { float: left; color: #fff; font-size: 1.0em; }
		.simplebb-ftlastmessage { float: right; color: #fff; font-size: 1.0em; width: 30%; text-align: right; }
		.simplebb-ftname { width: 35%; padding: 0 4px; }
		.simplebb-fticon { float: left; width: 58px; padding: 6px 0; }
		.simplebb-ftarticle, .simplebb-ftcomments, .simplebb-farticle, .simplebb-fcomment { width: 80px; text-align: center; }
	.simplebb-forum, .simplebb-threads, .simplebb-postbit, .simplebb-tcontent { background: #fff; box-shadow: 0 1px 2px #ccc; margin-top: 1px; }
	.simplebb-ficon { float: left; padding: 10px 5px; text-align: center; }
		.simplebb-ficon .fa { font-size: 2.2em; color: #e4e4e4; }
	.simplebb-fname { width: 35%; float: left; padding: 10px 0 10px 5px; }
		.simplebb-fname > h3 { font-weight: normal; font-size: 1.1em; margin: .25em 0 .25em 0 !important; }
		.simplebb-fname > h3 > a { color: #4caf50; }
		.simplebb-fname > h3 > a:hover { color: #222; text-decoration: underline; }
		.simplebb-fname .fa-rss { display: none; }
		.simplebb-fname:hover .fa-rss { display: inline-block; margin-left: 10px; font-size: 1em; color: #e4e4e4; transition: all 0.3s ease-in; }
		.simplebb-fname:hover .fa-rss:hover { color: #ce600f; }
		.simplebb-fname > span { font-size: 0.8em; color: #ccc; display: block; margin: 10px 0 0 0; transition: all 0.3s ease-in; }
		.simplebb-fname:hover > span { color: #777; }
	.simplebb-farticle, .simplebb-fcomment { float: left; text-align: center; padding: 15px 0; color: #777; }
	.simplebb-farticle .fa, .simplebb-fcomment .fa { margin-right: 8px; }
	.simplebb-flastmessage { float: right; width: 30%; text-align: right; color: #777; font-size: 0.9em; padding: 6px 5px 1px ; }
		.simplebb-flastmessage > a { }
		.simplebb-flastmessage > span { /*display: block;*/ margin: 6px 0; }
		.simplebb-flastmessage > a:hover { color: #222; text-decoration: underline; }
		.simplebb-flastmessage > img { width: 32px; height: 32px; float: right; display: inline-block; margin-top: 4px; margin-left: 10px; border: 1px solid #ccc; }
	.simplebb-threads, .simplebb-postbit, .simplebb-tcontent { padding: 5px; }
	.simplebb-threads {  }
		.simplebb-naddbtn { float: right; }
			.simplebb-naddbtn > a { display: block; padding: 8px 16px; background: #222; color: #fff; font-size: 0.95em; }
			.simplebb-naddbtn > a:hover { background: #4caf50; text-decoration: none; }
		.simplebb-ttitlebar { background: #ddd; padding: 5px 10px; margin: 4px 0 2px 0; }
			.simplebb-ttname, .simplebb-ttarticle, .simplebb-ttcomments { float: left; color: #555; font-size: 0.85em;  }
			.simplebb-ttlastmessage { float: right; color: #555; font-size: 0.85em; width: 30%; text-align: right; }
			.simplebb-ttname { width: 35%; padding: 0 4px; }
			.simplebb-tticon { float: left; width: 58px; padding: 6px 0; }
			.simplebb-ttarticle, .simplebb-ttcomments { width: 80px; text-align: center; }
		.simplebb-ticon { float: left; width: 60px; padding: 10px 0; text-align: center; }
			.simplebb-ticon .fa { font-size: 1.6em; color: #e4e4e4; }
		.simplebb-tname { width: 35%; float: left; }
			.simplebb-tname > h3 { font-weight: normal; font-size: 1em; margin: .25em 0 .25em 0 !important; }
			.simplebb-tname > h3 > a { color: #1b8cb8; }
			.simplebb-tname > h3 > a:hover { color: #222; text-decoration: underline; }
			.simplebb-tname > div { margin: 6px 0 0 0; }
			.simplebb-tname > div > a { color: #999; font-size: 0.75em; }
			.simplebb-tname > div > a:hover { color: #1b8cb8; }
		.simplebb-tinfo { float: left; color: #555; font-size: 0.85em; }
			.simplebb-tinfo > span { display: block; width: 80px; float: left; text-align: center; padding: 8px 0 0 0; }
			.simplebb-tinfo .fa { margin-right: 8px; }
		.simplebb-tlastcom { float: right; width: 30%; text-align: right; color: #777; font-size: 0.85em; }
			.simplebb-tlastcom > a { color: #1b8cb8; }
			.simplebb-tlastcom > a:hover { color: #222; text-decoration: underline; }
			.simplebb-tlastcom > span { display: block; color: #555; margin: 8px 0 0 0; }
	.simplebb-thread {}
		.simplebb-tcontent { color: #555; font-size: 0.95em; line-height: 24px; text-align: justify; }
		.simplebb-tbtn { float: right; padding: 6px 4px 0 0; }
		.simplebb-tbtn > a { color: #222; font-size: 0.85em; }
		.simplebb-tbtn > a:hover { color: #1b8cb8; }
		.simplebb-tavatar { float: left; }
			/*.simplebb-tavatar img { height: 50px; }*/

.simplebb-tavatar img {
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 7px #DFDFDF;
    /*margin-right: 10px;*/
    padding: 3px;
	float:left;
	width:50px!important;
	height:50px!important;
}

		.simplebb-tuser { float: left; margin-left: 15px; }
			.simplebb-tuser > a, .simplebb-tuser > span { display: block; color: #222; font-size: 0.9em; margin:  0; text-align: left; }
	#simplebb-addnews { margin-top: 80px!important }
		#simplebb-addnews > h3 { display: block; padding: 14px 0 14px 6px; border-bottom: 1px dotted #ccc; font-size: 1.3em; font-weight: normal; color: #555; margin: 0 0 10px 0; }
		#simplebb-addnews > h3 .fa { margin-right: 10px; }
		#simplebb-addnews > .simplebb-addcont { background: #f1f1f1; padding: 10px; margin: 5px; }
		.simplebb-add { background: #fff; box-shadow: 0 1px 2px #ccc; margin-top: 1px; padding: 10px; }
			.simplebb-add > h3 { display: block; padding: 10px 0; border-bottom: 1px dotted #ccc; font-size: 1.1em; font-weight: normal; color: #555; margin: 0 0 10px 0; }
			.simplebb-add > h3 .fa { margin-right: 8px; }
		.simplebb-addtitle, .simplebb-addurl { float: left; width: 45%; }
		.simplebb-addtitle {  }
			.simplebb-add input[type="text"] { width: 340px; background: #f1f1f1; padding: 8px; margin: 10px 0px; border: none; box-shadow: inset 0 1px 2px #ccc; transition: all 0.3s ease-in; }
			.simplebb-add input[type="text"]:hover, .simplebb-add input[type="text"]:focus { background: #e5e5e5; }
			.simplebb-add .xfields { color: #f00; font-size: 0.8em; width: 90%; }
			.simplebb-addtitle .fa, .simplebb-addurl .fa { margin-right: 8px; }
			.simplebb-addtitle > span > button { margin: 0 0 0px 20px; border: 0px; line-height: 10px; height: 20px; }
			.simplebb-addtitle > span > button:hover { cursor: pointer; }
		.simplebb-addurl {  margin-left: 30px; }
			.simplebb-addurl > input[type="text"] { margin-top: 14px !important; }
		.simplebb-add label[for="tags"] > i { margin-right: 5px; }
		.simplebb-addbtn { float: right; margin: 20px 0; }
			.simplebb-btn { color: #000; background-color: #f8f9fa; border-color: #212529; margin: 0 5px; font-size: 0.95em; height: 35px; transition: all 0.3s ease-in; }
			.simplebb-btn i { margin-right: 5px; }
			.simplebb-btn:hover { background: #4caf50; color: #fff; cursor: pointer; }
				.simplebb-btnsml { padding: 0px 16px; }
				.simplebb-btnbig { padding: 5px 10px; font-size: 1.1em; }
		#simplebb-addnews table { margin-top: 10px; display: block; background: #fff; }
		#simplebb-addnews table td { padding: 10px; }
		#simplebb-addnews table td input { margin: 2px 3px !important; }
		#simplebb-addnews table td label { /*width: 180px;*/ display: inline-block; transition: .4s; padding: 3px;  }
		#simplebb-addnews table td label:hover { cursor: pointer; background: #eee; transition: .4s; }
#simplebb-stats { background: #f1f1f1; padding: 4px; margin: 0.5%; }
		#simplebb-stats > h3 { font-weight: normal; display: block; padding: 1px 0 1px 1px; color: #777; margin: .25em 0 .25em 0 !important; }
		#simplebb-stats > h3 .fa { margin-right: 10px; }
		.simplebb-statsbox { background: #fff; padding: 10px; box-shadow: 0 1px 2px #ccc; margin: 5px 0 0 0; font-size: 0.95em; line-height: 25px; }
			.simplebb-statsbox > div {  }

.simplebb-tags { margin-top: 10px; border-top: 1px dotted #ccc; padding: 5px; }
.simplebb-tags > b { margin-right: 5px; }
.simplebb-tags > span > a { font-size: 0.9em; color: #999; }
.simplebb-tags > span > a:hover { font-size: 0.9em; color: #00c; text-decoration: none }

.simplebb-comment-title h4 {
  margin: 20px 0;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
}
.simplebb-comment_box {
    background: #fff;
    margin: 0 auto 20px auto!important;
    padding: 5px;
	box-sizing: content-box;
	border: 1px solid #dee2e6;
	width: 98%;
}

.simplebb-comment_box img {
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 7px #DFDFDF;
    margin-right: 10px;
    padding: 3px;
	float:left;
	width:48px!important;
	height:48px!important;
}

.simplebb-comment-meta {
    margin-bottom: 4px;
    overflow: auto;
}

.simplebb-commentsuser {
    float: left;	
	padding-top: 10px;
	font-size: 12px;
	color: #212529;
	font-weight:bold;
}
.simplebb-comment_date {
    float: right;
	padding: 10px 30px 0 0;
    font-size: 12px;
	color:#212529;
	font-weight:bold;
}
.simplebb-comment_rate {
    float: right;
    font-size: 12px;
	color:#212529;
}
.simplebb-comment-body {
    color: #212529;
    /*font-size: 12px;*/
    font-size: 14px;
}
.simplebb-comment-body p {
	margin-top: 30px;
}

.simplebb-form-control {
    display: block;
    width: 100%!important;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition:
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}
.simplebb-input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex: 0 0 auto;
    width: 95.66666667%;
	margin: 0 auto 10px auto;
}
.simplebb-input-group > .simplebb-form-control,
.simplebb-input-group > select#category {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group > .form-control:focus,
.input-group >  select#category:focus {
    z-index: 5;
}
.simplebb-input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 0px solid #dee2e6;
    border-radius: 0.375rem;
}
.simplebb-btn-post {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    background-color: 0.375rem;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}
.simplebb-btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #212529;
	margin-right: 10px;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}