@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@700&display=swap');
@import url('https://fonts.cdnfonts.com/css/helvetica-neue-5');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Signika:wght@300..700&display=swap')

@font-face {
	font-family: 'GrazeRoleplay';
	src: url('../fonts/HelveticaNeueLTPro-Cn.otf') format('opentype');
}

/*
Açık Renk: f7f7f7
Kapalı Renk: 252424
*/

:root {
	--body-bg: #FFFFFF;
	--text:#666666;	
	--border:#e6e6e6;
	--acolor: #788288;
	--darkerbg: #FFFFFF;
	--sabitkonu: #e8d8cf;
	--kilitlikonu: #d8e1e7;
	--gercektensiyah: #000;
	--profil-yonlendirme: #ffffff;
	--profil-yonlendirme-2: #d4d4d4;
	--body-img: url('../grazerpg/default/body-bg.png') repeat fixed center top #e4e5e8;
	--header-img: url('../grazerpg/header/header-banner.png');
	--header-border-1: 1px solid #CCC;
	--header-border-2: 1px solid #CCC;
	--toggle-img: url('../grazerpg/default/day.png');
  
}


:root[data-theme="dark"] {
	--body-bg: #353535;
	--text:#FFFFFF;
	--border:#595959;
	--acolor: #abb1b5;
	--darkerbg: #242424;
	--sabitkonu:#593f3f;
	--kilitlikonu:#464646;
	--gercektensiyah: #000;
	--profil-yonlendirme: #252424;
	--profil-yonlendirme-2: #151515;
	--body-img: url('../grazerpg/default/body-bg-dark.png') repeat fixed center top #e4e5e8;
	--header-img: url('../grazerpg/header/header-banner-dark.png');
	--header-border-1: 1px solid #242424;
	--header-border-2: 1px solid #242424;
	--toggle-img: url('../grazerpg/default/night.png');
}

.grazerpg_main_logo{
	display: table;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 90px;
	
}
.main_logo_img {
    transition: transform 0.6s ease-in-out;
	width:300px;
}

.main_logo_img:hover {
    transform: scale(0.85);
}

#preview_body{background:transparent !important; font-size:10pt !important;}
.modal-body{    color: #000 !important; }
#toggle_checkbox {
  display: none;
}
.graze_in_table > tbody > tr > td{background: transparent !important;}
.box_bbcode {margin: 10px 12px 10px 10px; border: 1px solid #ADADAD; padding: 5px;
} 
.box_bbcode legend {color: #476C8E }
.grazerpg_yonetim_ekibi{padding:3px; border-top-left-radius:5px;  border-top-right-radius:5px; font-weight:bold;  border-bottom:1px dotted #000; width:100%;}
.grazerpg_yonetim_ekibi_icerik{padding:5px; background:#fff;}
.grazerpg_ekip_detay{margin-top:5px; padding:5px;  border-radius:10px; border:1px dotted #929398;}
.graze_ekip_avatar{height:60px; border-radius:50%; width:60px;}
.haber_kart{box-shadow: 1px 2px 2px #666;}
.bbc_img{max-width:1000px !important;}
.toggle_checkbox {
      display: block;
    position: relative;
    top: 50%;
    right: 0;
    left: 4px;
    width: 81px;
    height: 28px;
    /* margin: 0 auto; */
	background-image: var(--toggle-img) !important;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 56px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s ease background-color;
    overflow: hidden;
}

#star {
      position: absolute;
    top: 4.2px;
    left: 6px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    transform: scale(1);
    border-radius: 50%;
    transition: 0.3s ease top, 0.3s ease left, 0.3s ease transform, 0.3s ease background-color;
    z-index: 1;
}
.star {
     top: 0;
    left: -4px;
    font-size: 34px;
    line-height: 16px;
    color: #fff;
    transition: 0.3s ease color;
}
#star-1 {
  position: relative;
}
#star-2 {
  position: absolute;
  transform: rotateZ(36deg);
}

#moon {

}
#moon:before {
  content: "";
  position: absolute;
  top: -12px;
  left: -17px;
  width: 40px;
  height: 40px;
  background-color: #03a9f4;
  border-radius: 50%;
  transition: 0.3s ease background-color;
}

#toggle_checkbox:checked + label {
  #background-color: #000;
}
#toggle_checkbox:checked + label #star {
  top: 3px;
  left: 64px;
  transform: scale(0.3);
  background-color: yellow;
}
#toggle_checkbox:checked + label .star {
  color: yellow;
}
#toggle_checkbox:checked + label #moon {
  bottom: 8px;
}
#toggle_checkbox:checked + label #moon:before {
  background-color: #000;
}


.description{color: var(--gercektensiyah); }
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    
  position: relative;
  z-index: 12;
  color: var(--text) !important;
  background: var(--body-bg) !important;  
  border-color: var(--border) !important;
  border-bottom: 1px solid #FFF !important;
}
.grazerpg_divbox{color:var(--text); }
.nav-tabs > li > button {
  z-index: 9;
  position: relative;
  color: var(--text);
  font-size: 12px !important;
  font-weight: 400;
  padding: 14px 20px;
  margin-right: -1px;
  border-color: var(--border) !important;
  border-radius: 0;
  background: background: var(--body-bg) !important;  
  border: 1px solid var(--border) !important;
  padding: 6px 12px !important;

}


table.table_grid td { border-color: var(--border) !important; }
.stickybg {background:var(--sabitkonu) !important;}
.stickybg2 {background:var(--sabitkonu) !important;}
.lockedbg { background:var(--kilitlikonu) ;}
.lockedbg2 { background:var(--kilitlikonu) ;}
.card{
	background:var(--body-bg) !important;
}
div.title_bar {background:var(--body-bg) !important;}
h4.titlebg, h3.titlebg {background:var(--body-bg) !important;}
.profil_graze_area{background:var(--body-bg) !important;}
.list-group-item {background:var(--darkerbg) !important;}
.windowbg2 span.topslice {background:var(--darkerbg) !important;}
.windowbg2 span.topslice span { background:var(--darkerbg) !important;}
.windowbg2 span.botslice { background:var(--darkerbg) !important;}
.windowbg2 span.botslice span  { background:var(--darkerbg) !important;}

.windowbg span.topslice {background:var(--darkerbg) !important;}
.windowbg span.topslice span { background:var(--darkerbg) !important;}
.windowbg span.botslice { background:var(--darkerbg) !important;}
.windowbg span.botslice span  { background:var(--darkerbg) !important;}


th{background: var(--body-bg) !important; color:var(--text) !important; }
.table>:not(caption)>*>* {
	background: var(--body-bg) !important; color:var(--text) !important;
	border-color: var(--border) !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background: var(--darkerbg) !important; color:var(--text) !important;
	--bs-table-accent-bg: var(--darkerbg) !important;
}

.topic_table table thead {
	border-color: var(--border) !important;
}

td{ color:var(--text) !important;}
div.cat_bar { background: var(--body-bg) !important;  }
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th { background: var(--body-bg) !important; }
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg { background: var(--body-bg) !important; }
div.title_barIC { background: var(--body-bg) !important; }
#upshrinkHeaderIC h4.titlebg {background: var(--body-bg) !important;  }

body{ 
  background: var(--body-img) !important;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  font-size: 11.4px;
  font-weight: 400;
  line-height: 1.49;
  color: var(--text);
  background-color: #ffffff;
  background-size:cover !important;
}
.grazerpg_header{
	#background-position:bottom !important;
	}
#main_body{ background:none !important; margin-top:10px;}

.grazerpg_header {
    background-image: var(--header-img) !important;
    height: 95px !important;
    border-bottom: var(--header-border-1);
    padding-left: 160px;
    background-size: cover !important;
}

.grazerpg_toolbar{
	background-image:url('../grazerpg/header/toolbar.png') !important;
	#background: #fff !important;
}

#topnav li a.active { background:transparent !important; color:#fff !important;     box-shadow: inset 0 -3px 0 #fff;}

#header .user{ margin-top:0px;}
.header_avatar > img{
	border-radius: 50%;
}
.windowbg, .windowbg2 { background:var(--body-bg) !important; background-image:none !important; }
div.cat_bar { border:1px solid var(--border) !important; border-top:0px !important; /*border-bottom:0px !important;*/ }
h3.catbg, h3.catbg a:link, h3.catbg a:visited { font-weight:normal !important; color:var(--text) !important; line-height:40px !important; }
.roundframe {
	background: var(--darkerbg) !important; border-left: 1px solid var(--border) !important; border-right: 1px solid var(--border) !important;
}
.lowerframe, .upperframe, span.lowerframe span, span.upperframe span {
	background-image:none !important; background: var(--darkerbg) !important;
}
span.upperframe span { border-right: 1px solid var(--border) !important; }
.upperframe { border-left: 1px solid var(--border) !important; border-top: 1px solid var(--border) !important; }
span.lowerframe span { border-right: 1px solid var(--border) !important; }
.lowerframe { border-left: 1px solid var(--border) !important; border-bottom: 1px solid var(--border) !important; }

div.cat_bar, .v_kat, .roundframe, .lowerframe, .upperframe, span.lowerframe span, span.upperframe span {
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 1px;
	box-shadow:rgba(0, 0, 0, 0.0470588) 0 1px 1px;
}
div.title_barIC { border:1px solid #e9eef0 !important; color:#333 !important; }
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a { color:var(--text) !important; font-weight:normal !important;  }


a:link, a:visited {
    color: var(--acolor); 
    text-decoration: none;
}

.grazerpg_navigasyon{
	width: 1144px;
    margin: 0 auto;
}

#topnav ul {
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

#topnav li {
    float: left;
    margin: 0;
    padding: 0 0 0 0 !important;
    position: relative;
    list-style: none;
}
code{color:#727272 !important;}

#topnav li a{     color: #fff !important;
    font-weight: bold;
       padding: 0 10px !important;
    font-size: 11px; }
#topnav li a:hover, #topnav li:hover a, #topnav li.sfhover a { background: transparent !important;
    color: #fff !important;  }
#topnav li:hover li a, #topnav li ul li a:hover {  background:#fff !important; color:#333 !important; }

.navigate_section{margin-left:3px;}
.grazerpg_haberler{margin-top:-20px;}
.grazerpg_haber_header_kirmizi{border-top:5px solid #DC4654;}
.grazerpg_haber_header_yesil{border-top:5px solid #70CA63;}
.grazerpg_haber_header_mavi{border-top:5px solid #4A89DC;}
.grazerpg_haber_img{padding:10px; max-height:212px; height:212px;}
#main_body .wrapper { background:none !important;}
.grazerpg_haber_baslik > a {color: #4a89dc; font-size:13px; font-weight:600; }
.grazerpg_haber_baslik > a:hover {color: #2363b6; text-decoration:underline;}
.grazerpg_haber_body{padding: 0px 10px 10px !important;}
.grazerpg_haber_body > p {font-size:10px !important; line-height:12px !important;}
.grazerpg_haber_alt{font-size: 10px !important;
    line-height: 12px !important;
    margin-top: 10px;
    padding-left: 10px;
    border-left: 3px solid #DF5640;
}
.grazerpg_kategori_banner{height:94px; width:100%;     background-size: cover;
    background-position: center;}

h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg, .table_list tbody.header td {
    overflow: hidden;
    height: 27px !important; 
    line-height: 35px;
    font-size: 1.2em;
    font-weight: bold;
}

.roderpg_postbit { height: 160px; width: 100%; background-position:center; background-size:cover;     border: 2px solid var(--border);}
.roderpg_postbit_avatar > .avatar { padding: 14px !important; height:207px !important; width:207px !important; border-radius: 25px;} 
.grazerpg_postbit_username {background: rgb(0 0 0/0.62); backdrop-filter: blur(5px); width: 100%; height: 45px; border-radius: 10px; margin-left: 9px;margin-top: 16px; text-shadow: 1px 1px 1px rgba(0,0,0,0.60);}
.grazerpg_postbit_username > h4 {
    
    font-size: 15px;
   font-family: sans-serif;
    position: relative;
    top: 15px;
    left: 5PX;
	font-weight:800 !important;
}

.grazerpg_postbit_username > h4 > a{
    
    font-size: 15px;
	font-family: sans-serif;
	font-weight:200 !important;
}

.grazerpg_postbit_membergroup { background: rgb(0 0 0/0.62); backdrop-filter: blur(5px);  width: 100%; height: 37px; border-radius: 10px; margin-left: 9px;margin-top: 6px; }
.grazerpg_postbit_membergroup > img{ margin-top: -1px;
    margin-left: 5px; }
.grazerpg_postbit_sosyal { background: rgb(0 0 0/0.62); backdrop-filter: blur(5px);
    width: 100%;
    height: 130px;
    margin-top: 17px;
	padding:10px;
border-radius: 10px;}
.grazerpg_postbit_karakterler{ width: 100%;
	padding-top:10px;
	padding-left:20px;
    background: rgb(0 0 0/0.62); backdrop-filter: blur(5px);
    height: 128px;
    margin-top: 18px;
    border-radius: 10px;
	padding-right: 27px;
margin-left: -10px; }

.grazerpg_postbit_title > a{font-size:13px; color:#36A5E5 !important; font-weight:bold; }
.postarea{position: relative; z-index: 9;}
.grazerpg_postarea { margin: 0 0 0 0 !important; }
.flow_hidden {margin: 0px 0px 0px 17em}
.inner{margin: 0 1em 1em 1em !important; border-top: 1px solid  var(--border)  !important; font-size:10pt !important;}
#.inner img{max-width:100%;}
.grazerpg_postbit_basarim > img{height: 30px;
    margin-left: 5px;
margin-top: 3px;}
.grazerpg_postbit_basarim {float:left;}
.grazerpg_postbit_basarim > img:hover{opacity: 0.7;
    transform: scale(.9,.9);
    transition: 0.9s all;
	cursor:pointer;
}

.grazerpg_postbit_basarim > img:not(:hover) {
    opacity: 1;
    transform: scale(1,1);
    transition: 0.9s all;
	cursor:pointer;
}

.birlik_adi > a{
	color:#dfdfdf;
	font-size:10px;
	font-weight:bold;
	font-family: 'Exo 2';
}
.karakter_adi > a{
	font-size:13px;
	color:#000;
	font-weight:bolder;
	font-family: 'Exo 2';
}
.karakter_resmi{float:right;}
.karakter_resmi > img{
    margin-top: -24px;
	max-height:90px;
}

.grazerpg_postbit_windowbg{margin-top:20px; }
.carousel-caption {position:sticky !important;
position: absolute;
    right: 15%;
    bottom: 2rem !important;
    left: 15%;
     padding-top: 0 !important ;
     padding-bottom: 0 !important ;
    color: #fff;
    text-align: left !important;
}
.karakter_bilgileri{
	color: #5531a7;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    top: -54px;
    left: -47px;
}
.karakter_cizgi{
	width: 54px;
    height: 1px;
    border-bottom: 2px solid;
}

.karakter_ulke{
	width: 14px;
    margin-top: 2px;
	cursor:pointer;
}

.erkek_karakter{
	color: #d8e9fa;
    font-size: 14px !important;
    margin-left: 5px;
    position: relative;
    top: 1.5px;
	cursor:pointer;
}

.kadin_karakter{
	color: #FF00A8;
    font-size: 14px !important;
    margin-left: 5px;
    position: relative;
    top: 1.5px;
	cursor:pointer;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 73% !important;
    margin-bottom: 2.2rem !important;
       margin-left: -64px;
    list-style: none;
}

.carousel-indicators [data-bs-target] {
    border-radius: 50%;
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 11px;
    height: 10px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}



.postarea div.flow_hidden {
    max-width: 100%;
}

.flow_hidden > .quickbuttons{
	float:right;
}



/* GRAZE ROLEPLAY FORUM PROFILI - MANOFIRE (@2024) */
.grazerpg_profile_banner{height:160px; width:100%; background:#fff; overflow:hidden;}
.grazerpg_profile_banner > .profile_image{height:120px; width:100%; background-position: center; background-size:cover;}
.profile_info{height:100%; width:100%; background-color:#212427}
.grazerpg_profile_banner > .profile_image > .forum_adi > h4 > a {font-size:19px !important;}
.forum_adi > .profile_membergroup {    position: relative;
    top: -15px;
    left: -16px;}
.grazerpg_profile_banner > .profile_image > .forum_adi{     position: relative;
    top: 58px;
    left: 15PX;}
.grazerpg_profile_banner > .profile_image > .avatar{ height: 130px;
	float:left;
    width: 130px;
    margin-left: 20px;
    margin-top: 13px;}
	
.profile_detay{display: table;
    /* margin-left: 177px; */
    position: relative;
    left: 5px;
    top: 3px;
	padding-right:15px;
	padding-left:15px;
	border-right:1px solid grey;
	float:left;
	}
	
.profile_detay > .baslik{color:grey; font-weight:bold; font-size:10px;}	
.profile_detay > .aciklama{color:#fff; font-weight:bold; }	
.profile_buttons{float:right;}
.profile_buttons > a{font-size: 11px !important; float: right;
    position: relative;
    top: 5px;
    right: 10px;
	color:#fff !important;
	margin-left:5px;
	} 
	
.profil-header{background-color: #212427;
    color: #fff;
    border-color: #212427;
    font-weight: bold;}	
	
.son_ziyaretci{    width: 100%;
    height: 52px;
    margin-top: 5px;
    border-radius: 10px;
    padding-top: 3px;
    padding-left: 5px;
	font-weight:bold;
	background-color:#c4c4c48a;
}
.son_ziyaretci > img{width:45px; height:45px; float:left; border-radius:50%;}
.son_ziyaretci_data{position: relative;
    left: 10px;
    top: 5px;}
	
.wrapper{max-width:1150px !important; width:1150px !important;}	
.graze_footer{height:400px; width:100%; background-position:center !important; background-size:cover !important; border:none !important}

.btn.btn-gradient {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
}
.btn-primary.dark {
    background-color: #2489cc;
}
.btn-default.btn-gradient {
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
  border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.09);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
}
.btn-default.light {
  background-color: #FAFAFA;
}
.btn-default.light:hover,
.btn-default.light:focus,
.btn-default.light:active,
.btn-default.light.active,
.open > .dropdown-toggle.btn-default.light {
  background-color: #ececec;
}
.btn-default.dark {
  background-color: #e8e8e8;
}
.btn-default.dark:hover,
.btn-default.dark:focus,
.btn-default.dark:active,
.btn-default.dark.active,
.open > .dropdown-toggle.btn-default.dark {
  background-color: #e1e1e1;
}
.btn-primary {
  color: #ffffff !important;
  background-color: #3498db;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff !important;
  background-color: #2384c6;
  border-color: rgba(0, 0, 0, 0.05);
}

.profil_ayrac{
	height:5px;
	width:100%;
	background:#ccc;
}

.profil_tab{
	
	background: var(--darkerbg);
    border-bottom: none;
    padding: 10px 10px 0;
}



.nav-tabs > li{
	margin:2px 8px 2px 3px !important;
}


.tab-content{
	background:var(--body-bg) !important;
	padding:10px;
	
}
.anasayfa_padding{
	padding-right:200px;
	padding-left:200px;
}
.grazerpg_anasayfa_3{
	width:100%;
	height:307px;
	background-image:url('../grazerpg/default/anasayfa-3.jpg');
	background-position:center;
	padding-right:200px;
	padding-top:14px;
	border-bottom: 1px solid #111111;
}
.grazerpg_anasayfa_4{
	width:100%;
	#height:307px;
	#background-image:url('../grazerpg/default/anasayfa-4.jpg');
	background-position:center;
	padding-left:200px;
	padding-top:14px;
}
.grazerpg_anasayfa_2{
	width:100%;
	height:307px;
	background-image:url('../grazerpg/default/anasayfa-2.jpg');
	background-position:center;
	padding-left:200px;
	padding-top:14px;
	border-bottom: 1px solid #111111;
}
.grazerpg_anasayfa_1{
	width:100%;
	height:183px;
	background-image:url('../grazerpg/default/anasayfa-arkaplan.jpg');
	padding-top: 17px;
    text-align: left;
	padding-left:200px;
	padding-right:200px;
	margin-top:-27px;
}
.anasayfa_yazi_2{text-align:right;}
.anasayfa_yazi_3{text-align:right;}
.anasayfa_vls{float:left;}
.anasayfa_yazi{position:relative; left:30px;}
.anasayfa_yazi > span{font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 13px;}
.anasayfa_yazi > h4{font-size: 15px; color:#666666; font-family: inherit;
    font-weight: 600;}
	
.anasayfa_yazi_2 > span{font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 13px;}
.anasayfa_yazi_2 > h4{font-size: 15px; color:#666666; font-family: inherit;
    font-weight: 600;}
	
	
.btn.btn-gradient {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
}

.btn-alert.dark:hover, .btn-alert.dark:focus, .btn-alert.dark:active, .btn-alert.dark.active, .open > .dropdown-toggle.btn-alert.dark {
    background-color: #704acf;
}

.btn-alert:hover, .btn-alert:focus, .btn-alert:active, .btn-alert.active, .open > .dropdown-toggle.btn-alert {
    color: #ffffff;
    background-color: #7e5cd4;
    border-color: rgba(0, 0, 0, 0.05);
}

.btn-alert {
    color: #ffffff !important;
    background-color: #967adc;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}	
.anasayfa_butonlar{margin-top:10px; float:right;}
.btn-success{color: #ffffff !important;}
.btn-danger{color: #ffffff !important;}
.btn-dark{color: #ffffff !important;}

.anasayfa_trailer{
	
}

.panel {
    position: relative;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 2px;
}

.panel-heading {
    position: relative;
    height: 40px;
    line-height: 36px;
    background: #fafafa;
    color: #666666;
    font-size: 13px;
    font-weight: 600;
    padding: 0 8px;
    border: 1px solid #e5e5e5;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.panel-title {
    padding-left: 6px;
    margin-top: 0;
    margin-bottom: 0;
}

.panel-body {
    position: relative;
    padding: 15px;
    border: 1px solid #e5e5e5;
}

.label-primary {
    background-color: #4a89dc;
}

.label {
    display: inline;
    padding: 0.3em 0.7em 0.4em;
    font-size: 84%;
    font-weight: 600;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.label.label-rounded.label-sm {
    padding: 0.1em 0.65em 0.2em;
}

.label.label-rounded {
    padding: 0.2em 0.85em 0.3em;
    border-radius: 1em;
}

.label.label-sm {
    padding: 0.1em 0.65em 0.2em;
    font-size: 75%;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px;
}
.table > thead > tr > th {
    font-weight: 600;
    vertical-align: bottom;
    border-bottom: 1px solid #eeeeee;
}

.anasayfa_thead{
	font-size: 13px;
    color: #666666;
    background: #fafafa;
}

.anasayfa_tr > td > a{ color:#4a89dc !important; font-size:13px;}
.anasayfa_tr > td{font-size:13px;}
.anasayfa_tr > th{font-size:13px;}


.grazerpg_last_post_avatar{float:left}
.grazerpg_last_post_avatar > img{height: 50px;
    width: 50px;
    border-radius: 50%;
	margin-top:8px;
	}
	
.footer_bilgilendirme{margin-top:95px; text-align:left;}	
.footer_bilgilendirme > p{line-height:19px;     font-family: 'Exo 2', sans-serif;}
.footer_bilgilendirme > h4{color:#fff; font-family: 'Exo 2', sans-serif; font-size: 18px;
    font-weight: bold;}	
#footer{overflow:hidden;}		

.footer_navigasyon{margin-top:95px; text-align:right;}	
.footer_navigasyon > p{line-height:19px;     font-family: 'Exo 2', sans-serif;}
.footer_navigasyon > h4{color:#fff; font-family: 'Exo 2', sans-serif; font-size: 18px;
    font-weight: bold;}	
	
.footer_logo_div > img{margin-top: 35px;
    margin-left: 50%;
}


.grazerpg_panel_sidebar > img{
	
	border-radius: 50%;
    height: 120px;
    width: 120px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	
}

.grazerpg_panel_body > .graze_id{
	font-size:16px;
	font-weight:bold;
	color:#992118
}
.grazerpg_panel_body > h4{
	font-size:16px;
	font-weight:bold;
	line-height:1px;
}
.grazerpg_panel_body{
text-align:center;
margin-top:20px;
font-family:'Exo 2', sans-serif;	
}


.panel_card{
	background:#353535;
	display:table;
	width:100%;
	color:#fff;
	border-radius:3px;
	padding:10px;
}

.panel_card_avatar{
border-radius: 50%;
    position: relative;
    top: -44px;
    left: 123px;
    height: 96px;
}

.panel_username{
font-weight: bold;
    font-size: 13px;
}
.panel_bakiye{
    font-weight: bold;
    font-size: 12px;
}	

.panel_bakiye_ekle{
	font-weight:bold;
}

.panel_info{ margin-top:-26px;}
.panel_yonlendirme{background:#252525; padding:10px; display:table; width:100%; margin-top:4px;}
.panel_yonlendirme > .yonlendirme_1{float:left;}
.panel_yonlendirme > .yonlendirme_2{float:right; background:#151515; padding-left:5px; padding-right:5px; font-weight:bold; border-radius:4px;}
.panel_navigasyon_info{color:#B4B3B9; font-size:15px; font-weight:bolder;}
.panel_icerik{background:#353535; width:100%; display:table; padding:10px; color:#fff;}
.hidden{display:none;}

.tableceza > thead > tr > th {font-size:11px;}
.tableceza > tbody > tr > th {font-size:11px;}
.tableceza > tbody > tr > td {font-size:11px;}

.swal2-title{ font-size:16px !important;}
.swal2-html-container{ font-size:15px !important; }
.swal2-select{ font-size:14px !important; }
.swal2-input{ font-size:14px !important; }
.bg-dark-2{background:#353535; color:#fff;}
.bg-dark-1{background:#252525; color:#fff;}
.dropmenu li ul { background:#fff !important; }
.dropmenu > li > ul > li > a {margin-left:0px !important;}
.dropmenu li li a span { padding:0px !important;}
.dropmenu li li a:hover, .dropmenu li li:hover>a {
    background: #7e7e7e !important;
    color: #fff;
}
.description, .plainbox {background:none !important; border:none !important;}
.subsections > a { background:#7e7e7e !important; color:#fff;}
.subsections > .profile_menu_icon { background:#fff !important; color:#000;}
.subsections > .admin_menu_icon  { background:#fff !important; color:#000;}
.subsections > .active { background:green !important; }
.dropmenu li li { border-left:none !important; border-right:none !important; border:none !important;}
#postAttachment2{display:none;}
##post_confirm_strip, #shortcuts {display:none;}


/* Graze RPG - Genel Butonlar */
.buttonlist ul li a.active span { background: green !important; color:#fff !important;}
.buttonlist ul li a.active { background: green !important;}
.buttonlist ul li a span { background: #eee !important; color:#000 !important; }
.buttonlist ul li a { background: #eee !important;}

#admin_menu ul li a.active span { background: green !important; color:#fff !important;}
#admin_menu ul li a.active { background: green !important;}
#admin_menu ul li a span { background: #eee !important; color:#000 !important; }
#admin_menu > ul > li a { background: #eee !important; padding:0px !important;}
#admin_menu > ul > li > ul > li a { background: #fff !important; padding:8px !important;}
#admin_menu > ul > li > ul > li a > span{ background: #fff !important;}
.current_page{color: #fff;
    font-weight: bold;
    background: #333333;
    padding: 2px 5px;
border-radius: 3px; margin-left:1px;}
.nav_page{
	color: #000;
    font-weight: bold;
    background: #fff;
	border:1px solid #333333;
    padding: 2px 5px;
border-radius: 3px; margin-left:1px;
}
.next_page::before { content: ">"; }
.previous_page::before { content: "<"; }
.pages{display:none;}

#maintenance_mode > .description { background:#f0f6f0 !important; }
#maintenance_mode > .information { text-align:center !important;}
#maintenance_mode > .roundframe{    padding: 20px 10px !important;}
#maintenance_mode > .information > .floatleft{float: none !important;}
.login > .roundframe{    padding: 20px 10px !important;}
.quickReplyContent > textarea{width:100%;}
#quickreplybox {margin-top:20px;}

.embed_youtube{max-height:450px !important; max-width:825px !important;}
.aktif_kullanicilar > a {font-weight:bold;}
.aktif_kullanicilar > em > a {font-weight:bold;}
.son_ileti_avatar{ height: 30px;
    width: 30px;
    border-radius: 50%; }
	
.grazerpg_board_icon{height:45px;}
.mention{color:#d15306 !important;}
.grazerpg_header_karakter{height: 80px;
    background: rgba(0,0,0,0.6);
    border-radius: 4px;
    border: 1px dotted #fff;
}
/*
ul.quickbuttons{    width: 100%;
    max-width: 346px !important;
float: right;}
*/

.postarea, .moderatorbar {
    margin: 0 0 0 1em !important;
}

.grazerpg_begeni_buton{
	color:#FF8300 !important;
}
.grazerpg_begeni_buton_small{
	font-size:10px !important;
}

.begeni_avatar{
	border-radius: 50%;
    width: 45px;
    height: 45px;
}

.begeni_small{
	position: relative;
    top: 24px;
    left: -45px;
}

.grazerpg_sosyal_platform > span{float:left; color:#b1a9a9;}
.grazerpg_sosyal_platform > .active{color:#fff !important; font-weight:bold;}
.grazerpg_sosyal_platform > a{float:right;}
.grazerpg_karakter_resmi > img{height: 109px;
    border-radius: 10px;
    margin-left: -10px;
width: 109px;}
.karakter_bilgileri_yeni{height:19px; width:100%; float:left;}
.karakter_bilgileri_yeni{margin-left:21px;}
.karakter_bilgileri_yeni > span{color:#fff}
.karakter_adi_yeni > span{color:#fff}
.karakter_adi_yeni > a{color:#fff}
.karakter_bilgileri_yeni > .karakter_left{float:left;}
.karakter_bilgileri_yeni > .karakter_right{float:right;}
.karakter_bilgileri_yeni > span > a{color:#fff}
.karakter_aa > span > a{  font-weight:bold;  font-size: 13px;}
.dogrulanmis_hesap{
	height: 20px !important;
    width: 20px !important;
    margin-top: -16px;
    margin-left: -16px;
}
.grazerpg_slot_degistir{
display: table;
    margin-left: auto;
    float: right;
    margin-right: -23px;
    margin-top: -17px;

}
.grazerpg_slot_sec{
	
	   background: #000;
    color: #fff !important;
    border-radius: 50%;
    cursor: pointer !important;
    z-index: 99;
    position: relative;
    float: left;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    top: -1px;
    margin-right: 3px;
	}
	
	
.grazerpg_karakter_profil_resmi > img{
	height: 113px;
    border-radius: 10px;
    width: 113px;}	
	
.profile_body{border-radius:7px;}
.profile_karakter_adi{
    font-weight: bold;
    margin-left: -12px;
    font-size: 17px;
    top: 10px;
    position: relative;
    color: var(--text);
    font-family: 'Exo 2';
}

.hesap_bilgileri{
	font-style: italic;
    font-weight: 600;
}
.profile_body_hesap{padding:0 !important;}


.panel_yonlendirme_2{background:var(--profil-yonlendirme); padding:10px; display:table; width:100%;}
.panel_yonlendirme_2 > .yonlendirme_1_2{float:left;}
.panel_yonlendirme_2 > .striped{}
.panel_yonlendirme_2 > .yonlendirme_2_2{float:right; background:var(--profil-yonlendirme-2); padding-left:5px; padding-right:5px; font-weight:bold; border-radius:4px;}
.dogrulanmis_hesap_2{top: -1px;
    position: relative;
}

.profil_karakter_bilgileri{
	    display: table;
    padding: 5px;
    width: 122px;
    border: 1px dashed #ddd;
    text-align: center;
	float:left;
}

.karakter_bilgi_1{font-size: 13px;
    font-weight: bold;
    font-style: oblique;
}

.grazerpg_navigasyon > .navigate_section > ul > li > i{
	font-size: 15px;
	position: relative;
    top: 1px;
}
.grazerpg_navigasyon > .navigate_section > ul > li {

float: left;
    padding: 0 0.5em 0 0;
    font-size: 11px;
    font-weight: 700;
    font-family: monospace;
    color: #414141;
	
}
.grazerpg_navigasyon > .navigate_section > ul > .last > a > span {

    font-size: 11px;
    font-weight: 700;
    font-family: monospace !important;
    position: relative;
    top: 1px;
	
}

.grazerpg_loader{
	background: var(--body-img) !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;

}

.header_karakter{
	padding-top: 5px;
    padding-left: 5px;
    background: rgb(0 0 0/0.32);
    backdrop-filter: blur(5px);
    height: 100%;
    border-radius: 10px;
	margin-top:1.2px;
    
}

.header_karakter_avatar > img{
	height: 69px;
    border-radius: 10px;
    width: 69px;
}

.header_karakter_bilgi_yazi > b > a{
   
    color:#e9e9e9;
    font-size: 10px;
}

.header_karakter_bilgi_yazi > a{
    color:#e9e9e9;
    font-size: 10px;
}

.header_karakter_bilgi_yazi{
    color:#e9e9e9;
    font-size: 10px;
}

.header_karakter_bilgi_yazi{
    margin-left: 16px;
}

.header_karakter_yok{
    position: relative;
    top: 10px;
}

.btn-header-karakter{
    font-size: 9px;
    border-radius: 5px;
    margin-left: 17px;
    padding: 5px !important;
    margin-top: 16px;
}