/*****************************************************************
* Custom CSS Stylesheet. You can add any custom CSS selectors here after the comment line 
* They will be given the highest priority on any elements on the forum
* Customize your forum color scheme in one click: www.sitesplat.com/phpBB3/ 
* **************************************************************
*
* FLATBOOTS @SiteSplat.com - Custom CSS STYLESHEET - 
* 
* **************************************************************
*****************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
body {
  color: #8d9aa5;
  margin: 0;
  /*font-family: 'Exo', sans-serif;*/
  background-color: #ECF0F1;
  font-family: 'Roboto Condensed', sans-serif;
}
.postbody .content {
  font-style: italic;
  font-weight: lighter;
  font-size: 1.3em;    
}
.content a:link,.content a:visited{
    color: red;
}

/* FLATBOOTS Teaser Header Background color */
.masthead:before {
	background-color: #5db2ff;
}
/* FLATBOOTS Footer Call to Action Background Color */
.mastbottom {
	background-color: #5db2ff;
}
.navbar {
    min-height: 44px;
    padding: 4px 0 0; 
}
.panel-forum>.panel-heading{	background-color: #5db2ff !important;}
.side-segment h2:after, .side-segment h3:after {    background-color: #5db2ff !important;}
.blog-meta{    background-color: #5db2ff !important;}
.top-flat{    background-color: #5db2ff !important;}
.section-pre-footer .thumb i{    color: #5db2ff !important;}
a.forumtitle, a.topictitle{    color: #5db2ff !important;}

.navbar-inverse {    background-color: #0386fe;}
.btn-search>i, .dropdown-notification>a i {color: #ecf0f1;}


*::selection {
    background: #0386fe;
    color: #ffffff;
}
*::-moz-selection {
    background: #0386fe;
    color: #ffffff;
}
*::-webkit-selection {
    background: #0386fe;
    color: #ffffff;
}

/*------ sozler-------*/
.flexs {
  display: flex;
  justify-content: flex-end;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  font-style: italic;
}
.red {
  width: 0px;
  height: 145px!important;
/*  background: #5db2ff; */
  position: relative;
  max-width: 100%;
  overflow:hidden;
}
.red p {
  font-size: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
      padding: 1em;
  line-height: 1.5em;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 2px #000;

}
.black {
  width: 124px !important;
  height: 145px;
  position: relative;
}
.black img.moonwalk { height: 145px;  display: block;  margin-top: -5px;}
.black img.logom {display: none; height: 145px;}
/*------ sozler-------*/
/* -------------MOONWALK------ */
.wrapper-head {
     margin-top: 0; 
    z-index: 2;
    background-color: #5db2ff;
}

/* -------------ÖNCEKİ SONRAKİ KONU------ */
.nav-links {
  display: flex;
  justify-content: space-between; 
  width: 100%;
  padding: 2px;
}

.nav-previous, .nav-next {
  display: flex;
  align-items: center;
  padding: 5px;
}
.nav-previous:hover, .nav-next:hover {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 20px -20px;
}
.nav-previous {  justify-content: start;}
.nav-next {  justify-content: end;}
.nav-previous img, .nav-next img {
  width: 100px;
  height: 100px;
}
.nav-previous span, .nav-next span {
  font-size: 1.2em;
}

a.onceki:hover span, a.sonraki:hover span{
  color: #8c8c8c;
}
.nav-previous .text {
  padding-left:20px;
  text-align: center;
}
.nav-next .text {
  padding-right:20px;
  text-align: center;
}
a.onceki, a.sonraki {
    border-radius: 5px;
    width: 49%;
    background-color: #fff;
    box-shadow: 0 1px 2px #999;
      transform: translateZ(0);
  transition: box-shadow 0.25s ease-in;
}
a.pull-left:hover, a.pull-right:hover {
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
/* Here's the SVG Code */
svg {
  height: 22px;
  width: 60px;
  opacity: 0.5;
  transition: 250ms all ease;
  cursor: pointer;
  display: flex;
  align-items: center;
}
svg path {
  transition: 250ms all ease;
  height: 100%;
}
svg:hover {
  opacity: 1;
}

svg#left {
  transform: rotate(180deg);
}

a:hover svg#left path {
  d: path("M 0.57641644,10.580383 49.763776,10.072883 41.231722,1.1149552 42.4134,0 53,11 42.4134,22 41.384555,20.617597 49.861216,11.687095 0.61462466,12.22201 Z");
  d: "M 0.57641644,10.580383 49.763776,10.072883 41.231722,1.1149552 42.4134,0 53,11 42.4134,22 41.384555,20.617597 49.861216,11.687095 0.61462466,12.22201 Z";
}
a:hover svg#right path {
  d: path("M 0.57641644,10.580383 49.763776,10.072883 41.231722,1.1149552 42.4134,0 53,11 42.4134,22 41.384555,20.617597 49.861216,11.687095 0.61462466,12.22201 Z");
  d: "M 0.57641644,10.580383 49.763776,10.072883 41.231722,1.1149552 42.4134,0 53,11 42.4134,22 41.384555,20.617597 49.861216,11.687095 0.61462466,12.22201 Z";
}
/* -------------ÖNCEKİ SONRAKİ KONU------ */
/* ===[ CSS HOOK TOP ]=== */
/* BBOOTS / FLATBOOTS Custom Colors Generated With COLORIZE - www.sitesplat.com - copyright (c) 2014 SiteSplat.com */
.navbar-brand{padding: 0px 15px 15px 15px;}
.logo span {
	color: #66abfe;
}

.logo-transition a:after {
	color: #66abfe;
}

.navBtn {
	background-color: #66abfe;
}

.navBtn > a {
	border-left: 1px solid #1a81fe;
}

.submenu {
	border-bottom: 4px solid #66abfe;
}

.nav-icon:hover [class*="has-sub"] {
	color: #66abfe;
}

.submenu li:hover > a {
	color: #66abfe;
}

.submenu li:hover > span {
	background-color: #66abfe;
}

.subheader {
	border-top: 4px solid #66abfe;
}

.side-segment h3:after,
.side-segment h2:after {
	background-color: #66abfe;
}

.alert-info {
	background-color: #66abfe;
	border-color: #66abfe;
}

.label-info,
.badge-info {
	background-color: #66abfe;
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
	background-color: #66abfe;
}

#scrollbar-one .thumb .end,
#scrollbar-two .thumb .end {
	background-color: #66abfe;
}

#scrollbar-one .thumb,
#scrollbar-two .thumb {
	background-color: #66abfe;
}

.tabbable-custom .nav-tabs > li.active {
	border-top: 3px solid #66abfe;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
	background: none repeat scroll 0 0 #66abfe;
	border-left: 1px solid #1a81fe;
}

.ver-inline-menu li.active:after {
	border-left: 6px solid #66abfe;
}

.ver-inline-menu li.active i {
	background: none repeat scroll 0 0 #7fb9fe;
}

.table-primary thead th {
	background-color: #66abfe;
	border-color: #66abfe !important;
}

a.forumtitle {
	color: #66abfe;
}

.twitter-layout:before {
	color: #66abfe;
}

footer .interact a:hover {
	color: #66abfe;
}

footer {
	border-top: 3px solid #66abfe;
}

footer .bottomLinks small a {
	color: #66abfe;
}

footer .bottomLinks a:hover {
	border-bottom: 1px solid #66abfe;
}

#footerContent blockquote p span {
	color: #66abfe;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
	background-color: #66abfe;
	border-color: #66abfe;
}

.btn-link {
	color: #66abfe;
}

.btn-link:hover,
.btn-link:focus {
	color: #1a81fe;
}

.pager li > a:hover,
.pager li > a:focus {
	background-color: #66abfe;
}
/* BBOOTS - FLATBOOTS Main Links color */
a {
	color: #66abfe;
}

a:hover,
a:focus {
	color: #1a81fe;
}

blockquote {
	border-left-color: #66abfe;
}

blockquote.pull-right {
	border-right-color: #66abfe;
}

.btn-primary {
	color: #ffffff;
	background-color: #66abfe;
	border: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	color: #ffffff;
	background-color: #555555;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
	color: #66abfe;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #66abfe;
}

.dropdown-submenu:hover > a:after {
	border-left-color: #66abfe;
}
/* Button Backgrounds */
/* FLATBOOTS Custom Color Generated with COLORIZE */
/* FLATBOOTS Forum Panel Heading */
.panel-forum > .panel-heading {
	background-color: #66abfe;
}
/* FLATBOOTS Button Top */
.top-flat {
	background-color: #66abfe;
}

footer {
	border-top: medium none;
}
/* FLATBOOTS Teaser Header Background color */
.masthead:before {
	background-color: #66abfe;
}
/* FLATBOOTS Footer Call to Action Background Color */
.mastbottom {
	background-color: #66abfe;
	display: none;
}

/* ===[ CSS HOOK BOTTOM ]=== */

*****************************************************************/

/* FLATBOOTS Teaser Header Background color */
.masthead:before {
	background-color: #5db2ff;
}
/* FLATBOOTS Footer Call to Action Background Color */
.mastbottom {
	background-color: #5db2ff;
}
.navbar {
    min-height: 44px;
    padding: 4px 0 0; 
}
.panel-forum>.panel-heading{	background-color: #5db2ff !important;}
.side-segment h2:after, .side-segment h3:after {    background-color: #5db2ff !important;}
.blog-meta{    background-color: #5db2ff !important;}
.top-flat{    background-color: #5db2ff !important;}
.section-pre-footer .thumb i{    color: #5db2ff !important;}
a.forumtitle, a.topictitle{    color: #5db2ff !important;}

.navbar-inverse {    background-color: #0386fe;}
.btn-search>i, .dropdown-notification>a i {color: #ecf0f1;}


/* -------------MOONWALK------ */
.wrapper-head {
     margin-top: 0; 
    z-index: 2;
    background-color: #5db2ff;
}

/* -------------MOONWALK------ */
/*---------------LOGO ANİMASYON---------------------*/

.loader {
  width: 10em;
  height: 10em;
  font-size: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skewX(45deg);
  /*	background-color: #ccc; */
}

.bir {
  transform: skewX(-45deg);
  position: absolute;
  clip: rect(0px, 100px, 50px, 0px);
  z-index: 3;
  height: 50px;
}

.iki {
  transform: skewX(-45deg);
  position: absolute;
  height: 50px;
}

.loader .face {
  position: absolute;
  border-radius: 50%;
  border-style: solid;
  animation: animate 3s linear infinite;
}

.loader .face:nth-child(1) {
  width: 100%;
  height: 100%;
  color: #77bdff;
  border-color: currentColor transparent transparent currentColor;
  border-width: 0.2em 0.2em 0em 0em;
  --deg: -40deg;
  animation-direction: normal;
  z-index: 3;
}

.loader .face:nth-child(4) {
  width: 80%;
  height: 80%;
  color: #ffffff;
  border-color: currentColor currentColor transparent transparent;
  border-width: 0.2em 0em 0em 0.2em;
  --deg: -135deg;
  animation-direction: reverse;
  z-index: 3;
}

.loader .face .circle {
  position: absolute;
  width: 50%;
  height: 0.1em;
  top: 50%;
  left: 50%;
  background-color: transparent;
  transform: rotate(var(--deg));
  transform-origin: left;
}

.loader .face .circle::before {
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  content: "";
  width: 1em;
  height: 1em;
  background-color: currentColor;
  border-radius: 50%;
  box-shadow: 0 0 2em, 0 0 4em, 0 0 6em, 0 0 8em, 0 0 10em, 0 0 0 0.5em rgba(255, 255, 0, 0.1);
}

@keyframes animate {
  to {
    transform: rotate(1turn);
  }
}

/*---------------LOGO ANİMASYON---------------------*/
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse  .navbar-nav>li>a:focus,.navbar-inverse  .navbar-nav>li>a:active{
    /*font-size: 15px;*/
    color: #fff;
    background-color: #66abfe;
}
a.button-icon-only{padding:5px;}
a.button-icon-only:hover{color:red;}

ul.post-buttons {
    list-style: none;
}

div#show_thanks, div#show_thanked {
    width: 95%;
    height: 549px;
    background-color: #ecf0f1;
    border-radius: 10px;
    padding: 10px;
    margin: 2.5%;
}
ul.post-buttons {
    padding-left: 5px;
}
/*************************son konular********************/
div#recenttopics-box {
    margin-bottom: 35px;
}
.pagination.icsayfalama{
	margin: 0;
}
.icsayfalama li a, .row .icsayfalama li span {
    border-radius: 2px;
    padding: 3px 5px;
}
.icsayfalama span i.fa-clone{
	color: #c7cbd6;
}
i.icon.fa-paperclip.fa {
    color: black;
}
i.mobile-post.fa.fa-sign-out ,i.fa-comments.fa.fa-lg, i.fa.fa-eye.fa-lg, i.icon.fa-paperclip.fa, i.icon.fa-bar-chart.fa{
    color: #8c8c8c!important;
}


#recenttopics-stop th.posts {
    background-color: #e4e9eb;
}

/*************************son konular********************/
/************************CHAT****************************/
textarea#mchat-input {
    background-color: #e4eeff;
}
.mchat-text img.smilies {
    width: 25px;
    height: 25px;
}
li.mchat-message:nth-child(even){background-color: #f2f2f2;}
#mchat-messages::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
#mchat-messages::-webkit-scrollbar-track {
  border: rgb(180, 180, 180);
  background-color: #f2f2f2;
}
#mchat-messages::-webkit-scrollbar-thumb {
  background-color: #7f7f7f;
  border: 1px solid rgb(193, 193, 193);
}

/************************DARK-LIGHT ICONS****************************/
i.fa.fa-lg.fa-moon-o {
    color: black;
}
i.fa.fa-lg.fa-sun-o {
    color: yellow;
}
.form-control {
    font-size: 16px !important;
    font-weight: 400 !important;
}    














@media only screen and (max-width: 768px) {
/*--------------son konular----------*/
th.footable-visible.footable-last-column time{
  display: none;
}
th.expand.footable-visible.footable-first-column .clearfix.kullaniciinfo{
  display: none;
}th.expand.footable-visible.footable-first-column {
    margin-right: 3px;
    border-right: 4px solid #ecf0f1;
}
.footable-last-column a {
    display: block;
}

/*--------------önceki sonraki konu----------*/
.nav-previous img, .nav-next img {
    width: 65px;
    height: 100px;
}
table.footable tr th:nth-child(2){display: none;}
table.footable tr td:nth-child(1){display: block;}

th.footable-last-column .mas-username{ display:none; }
/*-----------konu başlığı---------------*/
.side-segment a {font-size: 0.8em;}




}