.populeruyeler10 {
    width: 100%;
    display: inline-grid;
}
#koyumod_icon{
    font-size: 22px;
    color:#012832;
}
.koyumod_icon .mdi-white-balance-sunny{
    color:#fff!important
}
#koyumod_icon:hover{
    color:#000
}
*{
  overflov:hidden;
}
#preloader {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999999;
    background: #ddd;
    font-family: 'Signika', sans-serif;
}
#preloader h1 {
  text-align: center;
  margin: 2% auto 0 auto;
      color: #ff0000;
  font-size: 32px;
}

#preloader p {
  text-align: center;
  margin: 5px auto 5% auto;
  color: #ff6633;
  font-weight: 400;
}
#preloader #footer {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
}
#loading{
    position: absolute;
    bottom: 58%;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
	display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

#loading #blue {
  /* NO WHITESPACE in </tag><tag> */
  background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20168%20168%22%20xml%3Aspace%3D%22preserve%22%20enable-background%3D%22new%200%200%20168%20168%22%3E%0A%20%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%20%20%20%20%0A%09.st0%7Bfill%3A%235197D6%3B%7D%0A%09.st1%7Bfill%3Anone%3B%7D%0A%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M129.9%2038.4c-25.8-25.8-68-25.2-93%201.8%20-23.3%2025.1-22.7%2064.5%201.3%2088.9%2021.2%2021.7%2053.9%2025.2%2078.8%2010.5%201.5-0.9%203.2-1.1%204.9-0.7l18.4%205.1c2.2%200.6%204.3-1.4%203.7-3.7l-5-18.2c-0.5-1.7-0.2-3.4%200.7-4.9C154.5%2092.4%20151.3%2059.8%20129.9%2038.4z%22%2F%3E%0A%20%20%20%20%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-34.6941%2084.199)%22%20class%3D%22st1%22%20cx%3D%2284.3%22%20cy%3D%2284%22%20rx%3D%2283.4%22%20ry%3D%2283.4%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 80px;
  height: 80px;
}

#loading #white {
  /* NO WHITESPACE in </tag><tag> */
  background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20168%20168%22%20xml%3Aspace%3D%22preserve%22%20enable-background%3D%22new%200%200%20168%20168%22%3E%0A%20%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%20%20%20%20%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill%3Anone%3B%7D%0A%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M113.8%20113.8c16.8-16.8%2016.4-44.4-1.2-60.7%20-16.4-15.2-42.1-14.8-58.1%200.8%20-14.2%2013.9-16.4%2035.2-6.8%2051.5%200.6%201%200.7%202.1%200.4%203.2l-3.3%2012c-0.4%201.5%200.9%202.8%202.4%202.4l11.9-3.3c1.1-0.3%202.2-0.1%203.2%200.5C78.5%20129.9%2099.8%20127.8%20113.8%20113.8z%22%2F%3E%0A%20%20%20%20%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-34.7943%2083.9992)%22%20class%3D%22st1%22%20cx%3D%2284%22%20cy%3D%2284%22%20rx%3D%2254.5%22%20ry%3D%2254.5%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 80px;
  height: 80px;
}

#loading #darkblue {
  width: 80px;
  height: 80px;
}

#loading div {
  margin: auto;
 
  position: absolute;
  -webkit-writing-mode: vertical-rl;	
}

#loading .rotate{ 
    animation-duration: 4s;
    /*animation-timing-function: linear;*/ 
    animation-iteration-count:infinite; 
} 

@keyframes left { 
    0% { 
        transform-origin: center center; 
        transform: rotate(360deg); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
#loading .left { 
    animation-name: left; 
}

@keyframes right { 
    0% { 
        transform-origin: center center; 
        transform: rotate(-360deg); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
#loading .right { 
    animation-name: right; 
}

#loading .loading{
  position:absolute; 
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right:0;
  background: #155d93 /*#5197d6*/;
  border-radius: 50%;
  /*box-shadow: 0 0 2px black;*/
  animation: loading 4s infinite;
}

#loading .loading:nth-child(1) {
    animation-delay: 0.6s;  
    width: 4px;
    height: 4px;
    left:-15px;
}

#loading .loading:nth-child(2) {
   animation-delay: 0.8s; 
    width: 4px;
    height: 4px;
}

#loading .loading:nth-child(3) {
    animation-delay: 1s;
    width: 4px;
    height: 4px;
    right:-15px;
}

#loading .loading { 
 animation-iteration-count:infinite; 
 animation-timing-function: ease-in;
}

@keyframes loading {
  0%{
	transform: translateY(0px);
  }
  20%{
	transform: translateY(0px);
  }
  30%{
	transform: translateY(-8px);
  }
  40%{
	transform: translateY(5px);
  }
  50%{
	transform: translateY(-2px);
  }
  60%{
	transform: translateY(2px);
  }
  80%{
	transform: translateY(0px);
  }
  100%{
	transform: translateY(0px);
  }
}
::-webkit-scrollbar{
    width:6px
}
::-webkit-scrollbar-track{
    background-color:rgba(0,0,0,.3)
}
::-webkit-scrollbar-thumb{
    background-color:#000
}
::-webkit-scrollbar-thumb:hover{
    background-color:#800
}
.uygulamaborder{border-radius:10px;}
.mdifacebook{font-size:22px;color:#0087ff;}
.mdiwhatsapp{font-size:22px;color:#00ff2d;}
.mdiskype{font-size:22px;color:#00fdff;}
.chatsocialmedia{background:#0003;padding:5px;border-bottom:1px solid #000!important}
.radiopulse {
-webkit-animation: radiopulse 1.6s infinite;
}
@-webkit-keyframes radiopulse {
 from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.kmswitch  {
    display: table;
    width: 50px;
    padding: 2px;
    border-radius: 100px;
}
.rightnotify {
    top: 0px;
    right: 12px;
    position: absolute;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    font-size: 8px;
    line-height: 12px;
    font-weight: 700;
}
button.dialog-button.positive.mobil_uygulama_close {background: #2196f3 !important;color: #fff;font-weight: 700 !important;margin: 9px;
padding: 9px;}
#radio_iframe {
    border: none;
    overflow: hidden;
	margin-top: 10px;	
    height: 120px;
    width: 100%;
}
.left_item {display: table;width: 100%;table-layout: fixed;padding: 8px 4px;cursor: pointer;text-align: center;border-bottom: 1px solid rgb(0 0 0 / 10%);border-radius: 13px;}
.left_item:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 50%;  /* or 100px */
  border-bottom:1px solid magenta;
}
.left_item_icon, .left_item_notify, .left_item_text {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.left_item_text {
    font-size: 12px;
}
.left_item_icon, .left_item_notify {
    text-align: center;
    font-size: 24px;
    margin-bottom: 4px;
    position: relative;
}
.yan-menu-profil {
    font-weight: bold;
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}


.yan-menu-profil .glob_av{
    width: 50px;
	height: 50px;
    padding: 2px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.yan-menu-profil .switch_wrap {
    margin: 6px 7px 10px 7px;
}
.yan-menu-profil img:hover {
-moz-transform: rotate(360deg);
-o-transform: rotate (360deg);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.yan-menu-username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 65px;
    text-align: center;
    margin-top: 2px;
}
.mini_icon .list_rank  {
	height: 10px !important;
	width: 10px !important;
	margin: 2px 1px;
	float: right;
}
.mini_icon .list_flag  {
	height: 10px !important;
	width: 10px !important;
	margin: 2px 1px;
	float: right;
}
.mini_icon .list_mob  {
	height: 10px !important;
	margin: 2px 1px;
	float: right;
}
.mini_icon i  {
    height: 10px;
    width: 10px;
    float: right;
    vertical-align: middle;
    font-size: 12px;
    margin: 2px 1px;
}





.back_priv {background:url(../upload/room/arkaplan2.png) no-repeat;background-size:100% 100%}

.plikes {
    background-color: rgb(0, 38, 85, 0.271);
    color: #fff;
}
.ulist_data.text-end {width: 100%;height: auto;table-layout: auto;display: flex;justify-content: right;}
.chat_verify {
    font-size: 6px;
    color: #e2b719;
    vertical-align: initial;
    text-shadow: none;
    position: absolute;
    top: 20px;
    left: 20px;
}
.chat_radio_color {color: #ff3333 !important;}
span.radio_sayi_en_alt {
    top: 17px;
    left: 31px;
    padding: 0 3px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
    background: red;
    position: absolute;
    color: #fff;
}

.ust-bar_sag{
    display: table-cell;
    vertical-align: middle;
    width: 340px;
    text-align: -webkit-right;
    border-left: 2px solid rgb(255 255 255 / 10%);
}
.ust-bar_button {
    display: table-cell;
    vertical-align: middle;
    width: inherit;
    text-align: -webkit-right;
}

.ok_btn2 {
    background: linear-gradient(169deg,rgb(124 140 143) 0%,rgb(71 71 70) 51%,rgb(51 51 51) 100%);
    color: #fff;
    border: 2px solid #000;
    box-shadow: inset 0 0 36px -7px #000
}
.brindar_chat_oda {
    padding: 8px 10px;
    cursor: pointer;
    font-size: .8rem;
    border-radius: 0.25rem;
    margin-bottom: 6px;
    border: 1px solid rgb(225 218 218 / 12%);
    border-left: 3px solid #03add84f;
    position: relative;
    overflow: hidden;
}
.brindar_chat_oda:hover {
    border: 1px solid rgba(0,0,0,.13);
    border-left: 3px solid rgba(0,0,0,.2);
    background: rgba(0,0,0,.02);
}

.defaultflash1 {
	text-transform:uppercase;
	font-weight:700;
	font-size:20px;
	background:linear-gradient(to right,#095fab 10%,#25abe8 50%,#57d75b 60%);
	background-size:200% auto;
	color:#fff;
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	animation:textclip 1.5s linear infinite;
	display:inline-block;
}
@keyframes textclip {
	to {
			background-position:200% center;
	}
}
.defaultflash2 {
	font-size:20px;
	background:linear-gradient(110deg,#bc0000 33%,rgba(0,0,0,0) 33%),linear-gradient(110deg,#ffffff 34%,#121108 34%);
	background-size:400%;
	-webkit-text-fill-color:transparent;
	background-clip:text;
	-webkit-background-clip:text;
	animation:labarow 1.5s ease infinite;
	-webkit-animation:labarow 1.5s ease infinite;
	-moz-animation:labarow 1.5s ease infinite;
}
@keyframes labarow {
	0% {
			background-position:10% 40%
	}
	50% {
			background-position:25% 60%
	}
	100% {
			background-position:30% 100%
	}
}
.defaultflash3 {
	font-size:20px;
	font-weight:bold !important;
	text-shadow:0 0 80px rgba(255,255,255,.5);
	background:url(../default_images/flashnick/pp1.png) repeat-y;
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	-webkit-animation:aitf 80s linear infinite;
	animation:aitf 80s linear infinite;
	-webkit-transform:translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
	transform:translate3d(0,0,0);
	backface-visibility:hidden;
	text-transform:uppercase;
	letter-spacing:2px;
}
@-webkit-keyframes aitf {
	0% {
			background-position:0% 60%;
	}
	100% {
			background-position:100% 50%;
	}
}
.defaultflash4 {
	font-size:20px;
	letter-spacing:1px;
	background-image:url(../default_images/flashnick/pp.gif);
	background-size:cover;
	color:transparent;
	background-clip:text;
	-moz-background-clip:text;
	-webkit-background-clip:text;
	text-transform:uppercase;
}
.defaultflash5 {
	font-size:20px;
	text-transform:uppercase;
	text-decoration:underline;
	color:transparent;
	-webkit-text-stroke:#000;
	-webkit-text-stroke-width:1px;
	text-shadow:2px 2px 2px #2962ff;
	transition:all 0.5s ease-in-out;
	text-align:center;
	letter-spacing:0.2em;
	animation:flicker 0.5s ease-in-out infinite alternate;
}
@keyframes flicker {
	0% {
			opacity:0.5;
			text-shadow:2px 2px 2px #2962ff;
	}
	100% {
			opacity:1;
			text-shadow:2px 2px 5px #2962ff;
	}
}
.defaultflash6 {
	text-transform:uppercase;
	background-image:linear-gradient(-225deg,#231557 0%,#44107a 29%,#ff1361 67%,#fff800 100%);
	background-size:auto auto;
	background-clip:border-box;
	background-size:200% auto;
	letter-spacing:2px;
	color:#fff;
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	animation:textclip 2s linear infinite;
	display:inline-block;
	font-size:20px;
}
@keyframes textclip {
	to {
			background-position:200% center;
	}
}
.defaultflash7 {
	color:blue;
	font-size:20px;
	font-weight:700;
	text-transform:uppercase;
	filter:blur(0.1rem);
	animation:letterspacing 5s infinite alternate cubic-bezier(.2,0,0,1);
}
@keyframes letterspacing {
	0% {
			letter-spacing:-1rem;
			filter:blur(0.1rem);
	}
	50% {
			filter:blur(0.1rem);
	}
	100% {
			letter-spacing:1rem;
			filter:blur(0rem);
	}
}
.defaultflash8 {
	color:#ff0000;
	font-size:20px;
	position:relative;
	text-transform:uppercase;
	-webkit-text-stroke:0.1vw #000000;
}
.defaultflash8::before {
	top:0;
	left:0;
	width:0;
	height:100%;
	color:#01cbff;
	overflow:hidden;
	position:absolute;
	content:attr(data-text);
	border-right:2px solid #000000;
	-webkit-text-stroke:0vw #f7f7fe;
	animation:animate 6s linear infinite;
}
@keyframes animate {
	0%,10%,100% {
			width:0;
	}
	70%,90% {
			width:100%;
	}
}
.defaultflash9 {
	color:transparent;
	font-size:20px;
	display:inline-block;
	border-radius:3px;
	background-color:#1d3557;
	position:relative;
	-webkit-background-clip:text;
	background-clip:text;
}
.defaultflash9:before {
	content:attr(data-text);
	background:linear-gradient(90deg,rgba(245,137,21,1) 0%,rgba(253,29,29,1) 51%,rgba(29,53,87,1) 100%);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:0;
	background-clip:text;
	-webkit-background-clip:text;
	transition:all 1s ease-in-out;
	animation:text-animation 3s infinite;
}
@keyframes text-animation {
	0% {
			width:0;
	}
	50% {
			width:100%;
	}
	100% {
			width:0;
	}
}
.defaultflash10 {
	text-align:center;
	font-size:20px;
	color:#ff0000;
	letter-spacing:-1px;
	font-weight:700;
	text-transform:uppercase;
	animation:blura 2s ease-out infinite;
	text-shadow:0px 0px 1px #fff,0px 0px 2px #fff;
}
@keyframes blura {
	from {
			text-shadow:0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 8px #fff,0px 0px 8px #fff,0px 0px 8px #7B96B8,0px 0px 16px #7B96B8,0px 10px 10px #7B96B8,0px 10px 10px #7B96B8,0px 10px 10px #7B96B8,0px 10px 10px #7B96B8,0px -10px 10px #7B96B8,0px -10px 10px #7B96B8;
	}
}
.defaultflash11 {
	position:relative;
	color:#262626;
	padding:5px 12px;
	font-size:20px;
	font-weight:700;
}
.defaultflash11:before {
	background:#262626;
	color:white;
	content:attr(data-text);
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	padding:5px 12px;
	-webkit-clip-path:polygon(0% 0%,30% 0%,30% 100%,0% 100%);
	clip-path:polygon(0% 0%,30% 0%,30% 100%,0% 100%);
	animation:prslides 4s 1s linear infinite;
}
@keyframes prslides {
	50% {
			-webkit-clip-path:polygon(70% 0%,100% 0%,100% 100%,70% 100%);
	}
}
.defaultflash12 {
	display:inline-block;
	font-size:20px;
	position:relative;
	animation:twistText 3s infinite;
	transform-style:preserve-3d;
	animation-timing-function:cubic-bezier(.5,0,.5,1);
}
@keyframes twistText {
	0% {
			transform:translateZ(-100px) rotateX(-90deg) scaleY(0.2) scaleX(1);
	}
	50% {
			transform:translateZ(-200px) rotateX(0deg) scaleY(1) scaleX(1);
	}
	100% {
			transform:translateZ(-100px) rotateX(90deg) scaleY(0.2) scaleX(1);
	}
}
.defaultflash13 {
	font:20px;
	background:linear-gradient(to left,#e57627 0%,#e57627 42.5%,#facb8f 50%,#e57627 57.5%,#e57627 100%);
	background-size:200% auto;
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
	background-position:100% center;
	animation:loader 10s ease infinite reverse;
}
@keyframes loader {
	0% {
			background-position:100% center;
	}
	50% {
			background-position:0% center;
	}
	100% {
			background-position:100% center;
	}
}
.defaultflash14 {
	color:rgba(255,0,0,0.1);
	font-size:20px;
	text-transform:uppercase;
	font-weight:700;
	background-size:cover;
	background-image:url(../default_images/flashnick/bon.jpg);
	-webkit-background-clip:text;
	background-clip:text;
	animation:background-text-animation 100s linear infinite;
}
@keyframes background-text-animation {
	0% {
			background-position:left 0px top 50%;
	}
	50% {
			background-position:left 1500px top 50%;
	}
	100% {
			background-position:left 0px top 50%;
	}
}
.defaultflash15 {
	color:#ff0000;
	font-size:20px;
	animation:defaultflash87 0.5s cubic-bezier(0.25,0.46,0.45,0.94) both,tracking-in-expand 5s cubic-bezier(0.215,0.61,0.355,1) both infinite alternate;
}
@-webkit-keyframes defaultflash87 {
	0% {
			text-shadow:none;
	}
	100% {
			text-shadow:0 1px 0 #cccccc,0 1px 0 #cccccc,0 3px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 1px rgba(0,0,0,0.3);
	}
}
@keyframes defaultflash87 {
	0% {
			text-shadow:none;
	}
	100% {
			text-shadow:0 1px 0 #cccccc,0 1px 0 #cccccc,0 3px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 1px rgba(0,0,0,0.3);
	}
}
@-webkit-keyframes tracking-in-expand {
	0% {
			letter-spacing:-0.5em;
			opacity:0;
	}
	40% {
			opacity:0.6;
	}
	100% {
			opacity:1;
	}
}
@keyframes tracking-in-expand {
	0% {
			letter-spacing:-0.5em;
			opacity:0;
	}
	40% {
			opacity:0.6;
	}
	100% {
			opacity:1;
	}
}
.default_flash_select {
	width:150px;
	height: 30px;
}

i.fa.fa-venus {color: violet;}
i.fa.fa-mars {color: burlywood;}
.hp10 {width: 100%;display: inline-grid;}
.ulist_data.text-end {width: 100%;height: auto;table-layout: auto;display: flex;justify-content: right;}
.tiny_button.warn_btn.text_micro {width: 100%;height: auto;table-layout: auto;display: flex;justify-content: flex-end;background: tomato;}
.tiny_button.ok_btn.text_micro {width: 100%;height: auto;table-layout: auto;display: flex;
justify-content: right;background: steelblue;}
a.no_link_like.theme_color {color: #f5deb37a;}
{
    color: #fff;
    background-color: #007bff;
}

@media screen and (max-width: 768px) {
  #my_menu {
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    display: none !important;
}
}

#mstream {
    position: absolute;
    right: 55px;
    bottom: 55px;
}
#mstream_audio {
    position: absolute;
    right: 100px;
    bottom: 55px;
}
#mstream_call {
    position: absolute;
    right: 15px;
    bottom: 100px;
}
#mstream_img { animation: pulse5 linear 1000ms infinite; }


.sub_list_blog {
    width: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative
}

.sub_list_blog img {
    width: 40px;
    height: 40px;
    display: block
}

.blog_listing {
    border-radius: 5px
}

.user_modal_menu {
    background: 0 0;
	margin: 0 10px;
    text-align: center
}

#container_user {
    padding: 5px
}

#container_user .user_modal_menu ul {
    width: 100%;
    height: 35px;
    display: table;
    table-layout: fixed;
}
#container_user .user_modal_menu ul li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #ddd;
}
#container_user .user_modal_menu ul li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#container_user .user_modal_menu ul li {
    padding: 10px 0px;
    border-radius: 0;
    font-size: .8rem;
    font-weight: normal;
    margin: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: table-cell;
}
#container_user .user_modal_menu .modal_selected {
   font-weight: bold;
}
.user-count-badge {
    display: inline;
    border: 1px solid rgba(0, 0, 0, .07);
    color: #adaaaa;
    padding: 0 4px;
    border-radius: .25rem;
    margin-left: 4px;
}

.progress-bar {
    width: 132px;
    height: 12px;
    margin-top: 0;
    border: 1px solid #565656;
    border-radius: 5px;
    box-shadow: 0 0 4px rgb(3 173 216);
    display: -webkit-inline-box
}

.percentage {
    display: block;
    height: 100%;
    background-color: #03add8;
    border-radius: 10px;
    animation: progress 1500ms ease-in 1
}

.c {
    width: 35%;
    --space: 10
}

@keyframes progress {
    from {
        width: 0
    }
}

.serverstabil {
    width: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-around;
    align-items: flex-start;
    font-size: 9px
}

.box {
    width: 250px;
    height: 200px;
    position: absolute;
    left: calc(50% - 125px);
    top: calc(50% - 100px);
    left: -webkit-calc(50% - 125px);
    top: -webkit-calc(50% - 100px)
}

.box span {
    font-family: lato,sans-serif;
    font-weight: 300;
    font-size: 20px;
    position: absolute
}

.box span:nth-child(2) {
    top: 2px;
    left: 125px
}

.box span:nth-child(7) {
    top: 85px;
    left: 125px
}

.box span:nth-child(12) {
    top: 165px;
    left: 125px
}

.server {
    width: 110px;
    height: 7px;
    border-radius: 1px
}

.server:first-child ul li {
    width: 6px;
    height: 6px;
    float: left;
    margin-left: 10px;
    margin-top: 12px;
    background: rgba(149,244,118,.6)
}

.server ul li:first-child {
    -webkit-animation: pattern1 .14s linear infinite
}

.server ul li:nth-child(2) {
    -webkit-animation: pattern1 .14s .02s linear infinite
}

.server ul li:last-child {
    -webkit-animation: pattern1 .14s .05s linear infinite
}

@-webkit-keyframes pattern1 {
    0% {
        background: rgba(149,244,118,.6)
    }

    100% {
        background: #95f476
    }
}

.warning ul li {
    width: 6px;
    height: 6px;
    float: left;
    margin-left: 10px;
    margin-top: 12px;
    background: rgba(245,190,0,.6)
}

.warning ul li:first-child {
    -webkit-animation: pattern2 .14s linear infinite
}

.warning ul li:nth-child(2) {
    -webkit-animation: pattern2 .14s .02s linear infinite
}

.warning ul li:last-child {
    -webkit-animation: pattern2 .14s .05s linear infinite
}

@-webkit-keyframes pattern2 {
    0% {
        background: rgba(245,190,0,.6)
    }

    100% {
        background: #f5be00
    }
}

.error ul li {
    width: 11px;
    height: 12px;
    float: left;
    margin-left: 0;
    margin-top: 8px;
    background: #0cf;
    border-radius: 16px;
    box-shadow: 0 0 4px rgb(32 119 209)
}

.error ul li:first-child {
    -webkit-animation: pattern3 .9s linear infinite
}

.error ul li:nth-child(2) {
    -webkit-animation: pattern3 .9s linear infinite
}

.error ul li:last-child {
    -webkit-animation: pattern3 .9s linear infinite
}

@-webkit-keyframes pattern3 {
    0% {
        background: rgba(236,69,62,.6)
    }

    80% {
        background: #0aff22
    }

    100% {
        background: #ec453e
    }
}

.status-attrs {
    margin: 8px 16px;
    border-radius: .25rem;
    border: 1px solid rgba(0,0,0,.13);
    padding: 8px 8px 4px;
    font-size: .8rem;
    color: #777
}

.dark .status-attrs {
    border: 1px solid hsla(0,0%,100%,.13);
    color: hsla(0,0%,100%,.8)
}

.status-attr {
    margin-bottom: 4px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgba(0,0,0,.07);
    padding-bottom: 4px
}

.dark .status-attr {
    border-bottom: 1px solid hsla(0,0%,100%,.13)
}

.status-attr:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.status-attr-inner {
    flex: 1 1
}

.status-attr-inner i {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background: rgba(0,0,0,.07);
    border-radius: 50%;
    text-align: center;
    margin-right: 4px;
    padding: 4px
}

.dark .status-attr-inner i {
    background: hsla(0,0%,100%,.07)
}

.user-cards-title {
    padding: 8px 8px 0;
    font-weight: 700;
    color: #136c83
}

.user-cards-title-general {
    padding-left: 16px;
    padding-bottom: 0
}

.user-cards-title-rank {
    padding: 20px 12px 6px 8px
}

.user-cards-owner {
    margin-left: 16px;
    margin-right: 16px;
    border-radius: .5rem;
    padding: 10px;
    color: rgba(0,0,0,.6);
    border: 1px solid rgba(0,0,0,.13);
    margin-top: 3px
}

@media screen and (max-width: 769px) {
    #footer_yetkili_list {
        display:none!important
    }
}

#footer_yetkili_list.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
    height: 50px
}

#footer_yetkili_list.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

#footer_yetkili_list.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#footer_yetkili_list.owl-carousel .owl-stage-outer {
    width: 180px;
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

#footer_yetkili_list.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    padding: 6px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

#footer_yetkili_list.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

#footer_yetkili_list.owl-carousel .owl-item img {
    display: block;
    width: 95%
}

#footer_yetkili_list.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

#footer_yetkili_list.owl-carousel.owl-loaded {
    display: block
}

#footer_yetkili_list.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

#footer_yetkili_list.owl-carousel.owl-hidden {
    opacity: 0
}

#footer_yetkili_list.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

#footer_yetkili_list.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#footer_yetkili_list.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

#footer_yetkili_list.owl-carousel.owl-rtl {
    direction: rtl
}

#footer_yetkili_list.owl-carousel.owl-rtl .owl-item {
    float: right
}

#footer_yetkili_list.no-js .owl-carousel {
    display: block
}

#footer_yetkili_list.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

#footer_yetkili_list.owl-carousel .owl-animated-in {
    z-index: 0
}

#footer_yetkili_list.owl-carousel .owl-animated-out {
    z-index: 1
}

#footer_yetkili_list.owl-carousel .fadeOut {
    animation-name: fadeOut
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel:not(.owl-loaded) {
    opacity: 0;
    visibility: hidden;
    height: 0
}

.sag-panel-close {
    bottom: 100px;
    border-radius: 8px;
    margin-left: -14px;
    position: fixed;
    padding: 14px 2px;
    font-size: 30px;
    z-index: 2;
    cursor: pointer;
}
.room-selection-button {
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: 0 0;
    box-sizing: border-box;
    border-left: 30px solid transparent;
    border-bottom: 70px solid rgba(0,0,0,.04)
}

.room-selection-button-icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 36px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2196f3
}

.room_selected .room-selection-item:hover {
    border: 1px solid rgba(0,0,0,.13);
    border-left: 3px solid rgba(0,0,0,.2);
    background: rgba(0,0,0,.02)
}

.room_selected .room-selection-button {
    border-bottom: 70px solid #2196f3
}

.room_selected .room-selection-button-icon {
    color: #fff
}

.pp_oda {
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 2px;
    text-align: center;
    left: 190px;
    position: absolute;
    animation: pulse5 linear 1000ms infinite
}

.oda_efekt {
    animation: oda_efektt linear 1000ms infinite
}

@keyframes oda_efektt {
    0% {
        box-shadow: 0 0 0 0 #7885ffb5
    }

    70% {
        box-shadow: 0 0 0 11px transparent
    }

    to {
        box-shadow: 0 0 0 0 transparent
    }
}

.room_square_elem {
    width: calc((97%/4) - 10px);
    height: auto;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 5px;
    overflow: hidden;
    border-radius: 5px;
    overflow: hidden
}

.square_name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px 4px;
    border-radius: 0 0 5px 5px;
    text-align: center
}

.room_square_elem img {
    width: 100%;
    display: block;
    height: auto
}

.div-baslik {
    text-align: center;
    position: relative
}

.div-baslik:before {
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    border-top: 1px solid #ebebeb
}

.div-baslik span {
    background: #fff;
    color: #363636;
    display: inline-block;
    font-weight: 600;
    line-height: 25px;
    margin: 0;
    padding: 0 30px;
    position: relative;
    border-radius: 12px;
    font-size: 11px
}
.istek_post_title {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-left: 5px
}

.istek_renk {
    color: #fff
}

span.beklemede {
    color: #fff;
    background: #8c8c8c;
    padding: 3px 10px;
    display: inline-block;
    line-height: 1em;
    margin-top: 2px;
    border-radius: 20px;
    font-weight: 400
}

span.sirada {
    color: #000;
    background: #f5ffac;
    padding: 3px 10px;
    display: inline-block;
    line-height: 1em;
    margin-top: 2px;
    border-radius: 20px;
    font-weight: 400
}

span.calindi {
    color: #fff;
    background: #b303d8;
    padding: 3px 10px;
    display: inline-block;
    line-height: 1em;
    margin-top: 2px;
    border-radius: 20px;
    font-weight: 400
}

.beklemede:hover {
    background-color: #eb675e
}

.sirada:hover {
    background-color: #eb675e
}

.calindi:hover {
    background-color: #eb675e
}

.siradaa {
    background-color: #f5ffac;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-family: Arial;
    font-size: 10px;
    padding: 5px 10px;
    text-decoration: none
}

.siradaa:hover {
    background-color: #eb675e
}

.siradaa:active {
    position: relative;
    top: 1px
}

.yayinla {
    background-color: #009020;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    padding: 5px 10px;
    text-decoration: none
}

.yayinla:hover {
    background-color: #eb675e
}

.yayinla:active {
    position: relative;
    top: 1px
}

.post_info span {
    font-size: 11px
}

.yonetbuton {
    margin-top: -1px
}

.calindii {
    background-color: #b303d8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    padding: 2px 10px;
    margin-left: 15px;
    text-decoration: none;
    width: 38px;
    float: left;
    margin-right: 5px
}

.calindii:hover {
    background-color: #eb675e
}

.calindii:active {
    position: relative;
    top: 1px
}

.profil_ziyaret_count {
    position: absolute;
    bottom: 57px;
    left: 1px;
    padding: 1px 3px;
    border-radius: 50px
}

.ustpanelbaslikrenk {
    color: #ff1a1a;
    -webkit-animation: colorchange 5s infinite alternate
}

@-webkit-keyframes colorchange {
    0% {
        color: #ffeb00
    }

    10% {
        color: #ffeb00
    }

    20% {
        color: #ffeb00
    }

    40% {
        color: #ffeb00
    }

    60% {
        color: #ffeb00
    }

    80% {
        color: #ffeb00
    }

    100% {
        color: #ff1a1a
    }
}

.sms_textarea {
    height: 150px;
    max-height: 100%;
    border-radius: 15px
}

.sms_menu {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    font-size: 13px
}

#sms_id {
    position: absolute;
    z-index: 12;
    width: 100%;
    height: 10px;
}

#smsgecis_text {
    vertical-align: top;
    position: absolute;
    margin-left: 2px;
    margin-top: 0
}



.notification {
    position: absolute;
    top: 5px;
    left: 8px;
    padding: 2px 3px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 700;
    display: none
}

.alt_icon_yazi {
    font-size: 9px;
    line-height: 12px
}
.audioplayer {
    height: 2.5em;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    border: 1px solid #222;
    position: relative;
    z-index: 1;
    background: #333;
    background: -webkit-gradient( linear,left top,left bottom,from(#444),to(#222) );
    background: -webkit-linear-gradient(top,#444,#222);
    background: -moz-linear-gradient(top,#444,#222);
    background: -o-linear-gradient(top,#444,#222);
    background: linear-gradient(top,#444,#222);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    max-width: 300px;
    margin: 13px auto
}

.audioplayer-mini {
    width: 2.5em;
    margin: 0 auto
}

.audioplayer>div {
    position: absolute
}

.audioplayer-playpause {
    width: 2.5em;
    height: 100%;
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    left: 0
}

.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
    border-right: 1px solid #555;
    border-right-color: rgba(255,255,255,.1)
}

.audioplayer-mini .audioplayer-playpause {
    width: 100%
}

.audioplayer-playpause:hover,.audioplayer-playpause:focus {
    background-color: #222
}

.audioplayer-playpause a {
    display: block
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    width: 0;
    height: 0;
    border: .5em solid transparent;
    border-right: none;
    border-left-color: #fff;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.5em 0 0 -.25em
}

.audioplayer-playing .audioplayer-playpause a {
    width: .75em;
    height: .75em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.375em 0 0 -.375em
}

.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after {
    width: 40%;
    height: 100%;
    background-color: #fff;
    content: "";
    position: absolute;
    top: 0
}

.audioplayer-playing .audioplayer-playpause a:before {
    left: 0
}

.audioplayer-playing .audioplayer-playpause a:after {
    right: 0
}

.audioplayer-time {
    width: 4.375em;
    height: 100%;
    line-height: 2.375em;
    text-align: center;
    z-index: 2;
    top: 0
}

.audioplayer-time-current {
    border-left: 1px solid #111;
    border-left-color: rgba(0,0,0,.25);
    left: 2.5em
}

.audioplayer-time-duration {
    border-right: 1px solid #555;
    border-right-color: rgba(255,255,255,.1);
    right: 2.5em
}

.audioplayer-novolume .audioplayer-time-duration {
    border-right: 0;
    right: 0
}

.audioplayer-bar {
    height: .875em;
    background-color: #222;
    cursor: pointer;
    z-index: 1;
    top: 50%;
    right: 6.875em;
    left: 6.875em;
    margin-top: -.438em
}

.audioplayer-novolume .audioplayer-bar {
    right: 4.375em
}

.audioplayer-bar div {
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.audioplayer-bar-loaded {
    background-color: #333;
    z-index: 1
}

.audioplayer-bar-played {
    background: #007fd1;
    background: -webkit-gradient( linear,left top,right top,from(#007fd1),to(#c600ff) );
    background: -webkit-linear-gradient(left,#007fd1,#c600ff);
    background: -moz-linear-gradient(left,#007fd1,#c600ff);
    background: -o-linear-gradient(left,#007fd1,#c600ff);
    background: linear-gradient(left,#007fd1,#c600ff);
    z-index: 2
}

.audioplayer-volume {
    width: 2.5em;
    height: 100%;
    border-left: 1px solid #111;
    border-left-color: rgba(0,0,0,.25);
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    right: 0
}

.audioplayer-volume:hover,.audioplayer-volume:focus {
    background-color: #222
}

.audioplayer-volume-button {
    width: 100%;
    height: 100%
}

.audioplayer-volume-button a {
    width: .313em;
    height: .375em;
    background-color: #fff;
    display: block;
    position: relative;
    z-index: 1;
    top: 40%;
    left: 35%
}

.audioplayer-volume-button a:before,.audioplayer-volume-button a:after {
    content: "";
    position: absolute
}

.audioplayer-volume-button a:before {
    width: 0;
    height: 0;
    border: .5em solid transparent;
    border-left: none;
    border-right-color: #fff;
    z-index: 2;
    top: 50%;
    right: -.25em;
    margin-top: -.5em
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
    width: .313em;
    height: .313em;
    border: .25em double #fff;
    border-width: .25em .25em 0 0;
    left: .563em;
    top: -.063em;
    -webkit-border-radius: 0 .938em 0 0;
    -moz-border-radius: 0 .938em 0 0;
    border-radius: 0 .938em 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.audioplayer-volume-adjust {
    height: 6.25em;
    cursor: default;
    position: absolute;
    left: 0;
    right: -1px;
    top: -9999px;
    background: #222;
    background: -webkit-gradient( linear,left top,left bottom,from(#444),to(#222) );
    background: -webkit-linear-gradient(top,#444,#222);
    background: -moz-linear-gradient(top,#444,#222);
    background: -o-linear-gradient(top,#444,#222);
    background: linear-gradient(top,#444,#222);
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
    opacity: 0
}

.audioplayer-volume:hover .audioplayer-volume-adjust {
    top: auto;
    bottom: 100%
}

.audioplayer-volume-adjust>div {
    width: 40%;
    height: 80%;
    background-color: #222;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 30% auto 0
}

.audioplayer-volume-adjust div div {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #007fd1;
    background: -webkit-gradient( linear,left bottom,left top,from(#007fd1),to(#c600ff) );
    background: -webkit-linear-gradient(bottom,#007fd1,#c600ff);
    background: -moz-linear-gradient(bottom,#007fd1,#c600ff);
    background: -o-linear-gradient(bottom,#007fd1,#c600ff);
    background: linear-gradient(bottom,#007fd1,#c600ff)
}

.audioplayer-novolume .audioplayer-volume {
    display: none
}

.audioplayer-play,.audioplayer-pause,.audioplayer-volume a {
    -webkit-filter: drop-shadow(1px 1px 0 #000);
    -moz-filter: drop-shadow(1px 1px 0 #000);
    filter: drop-shadow(1px 1px 0 #000)
}

.audioplayer-bar,.audioplayer-bar div,.audioplayer-volume-adjust div {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.audioplayer-bar,.audioplayer-volume-adjust>div {
    -webkit-box-shadow: -1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: -1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);
    box-shadow: -1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1)
}

.audioplayer-volume-adjust div div,.audioplayer-bar-played {
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
    -moz-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
    box-shadow: inset 0 0 5px rgba(255,255,255,.5)
}

.audioplayer-volume-adjust {
    -webkit-box-shadow: -2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);
    -moz-box-shadow: -2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);
    box-shadow: -2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15)
}

.audioplayer *,.audioplayer *:before,.audioplayer *:after {
    -webkit-transition: color .25s ease,background-color .25s ease,opacity .5s ease;
    -moz-transition: color .25s ease,background-color .25s ease,opacity .5s ease;
    -o-transition: color .25s ease,background-color .25s ease,opacity .5s ease;
    transition: color .25s ease,background-color .25s ease,opacity .5s ease
}

.beyaz {color:#fff;}
.bicon.begen {
	color:#5e91ff;
	font-size: 10px;
	font-weight: bold;
}
.bicon.begenme {
	color:#ba2c2a;
	font-size: 10px;
	font-weight: bold;
}
.bicon.sev {
	color:#d46eab;
	font-size: 10px;
	font-weight: bold;
}
.bicon {
	margin-left:5px;
}
.like_youtube {
	float:left;
	cursor:pointer;
	padding:5px;
	border-radius:50px;
	display:flex;
}
.like_youtube img {
	width:20px;
}

img.youtube_chat_icon {
	width:16px;
}
.begeni {
	text-shadow:none;
}
.kisisel_arkaplan_icerik{
  width: 428px;
  margin: 10px;
  height: 400px;
  overflow: auto;
}
.kisisel_arkaplan_aktif_olan{
	border: 3px rgb(3, 131, 250) solid!important;
}
.kisisel_arkaplan_modal_open .kisisel_arkaplan_tab_content {
  max-height: 28.125rem;
  min-height: 28.125rem;
  overflow-y: auto;
}
.kisisel_arkaplan_active{
  color: #eaedf2;
  background: #007bff;
}
.kisisel_arkaplan_inside_wrapper {
  padding: 1rem 2rem 1rem 0;
}
.kisisel_arkaplan_padding {
  padding: 0 !important;
}
.kisisel_arkaplaan{
	height: calc(100% - 48px)!important
}
.kisisel_arkaplaan ul{
	width: 100%;
	margin: 0;
	padding: 0;	
}
.kisisel_arkaplaan li{
  float: left;
  list-style-type: none;
  width: 46%;
  margin: 1.33%;
  height: 120px;
  position: relative;
}
.kisisel_arkaplan_aktif_olan{
	border: 3px rgb(3, 131, 250) solid!important;
}
.kisisel_arkaplan_modal_open .kisisel_arkaplan_tab_content {
  max-height: 28.125rem;
  min-height: 28.125rem;
  overflow-y: auto;
}
.kisisel_arkaplan_active{
  color: #eaedf2;
  background: #007bff;
}
.kisisel_arkaplan_inside_wrapper {
  padding: 1rem 2rem 1rem 0;
}
.kisisel_arkaplan_padding {
  padding: 0 !important;
}
.kisisel_arkaplaan{
	height: calc(100% - 48px)!important
}
.kisisel_arkaplaan ul{
	width: 100%;
	margin: 0;
	padding: 0;	
}
.kisisel_arkaplaan li{
  float: left;
  list-style-type: none;
  width: 46%;
  margin: 1.33%;
  height: 120px;
  position: relative;
}
.kisisel_arkaplaan img{
	width: 100%;
	height: 120px;
	border-radius: 5px;
	border: 3px #ffffff solid;
}
.kisisel_arkaplaan h1 { 
	position: absolute;
	top: 64px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	background: #08a393;
	color: #fff;
}
.kisisel_arkaplaan span{
  z-index: 9999;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 36px!important;
  border-radius: 60px;
  background: rgba(179, 180, 180, 0.514);
  position: absolute;
  margin-left: 60px;
  margin-top: 20px;
}
@media only screen and (max-width:480px) {
.kisisel_arkaplaan li{
  float: left;
  list-style-type: none;
  width: 33%;
  margin: 1.33%;
  height: 120px;
  position: relative;
}
}
@media screen and (max-width:400px) {
.kisisel_arkaplaan li{
  float: left;
  list-style-type: none;
  width: 33%;
  margin: 1.33%;
  height: 120px;
  position: relative;
}	
}
.chatops {
    position: absolute;
    right: 1px;
    bottom: 0;
    border-radius: 10px;
}
img.mySmile {height: 23px;position: absolute;margin-left: 5px;margin-top: -7px;}
img.mySmiles {height: 32px; width:32px;position: absolute;margin-left: 5px;margin-top: -7px;}
img.mySmileList {height: 59px; width:45px;background:#fff;border:1px solid #c7c8c9!important;border-radius:5px;}
.list_mood2 { font-size:11px; white-space:nowrap; overflow:hidden; color: #fff; }
.star_rank {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: -18px;
    width: 7px;
    height: 7px;
    background-color: #c8bb2d;
    -webkit-clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
    clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
    transform: translate(-50%,-50%) rotate(0) translate(calc(50% - 31px));
}
.star_rank_chat {
    position: absolute;
    top: 16px;
    left: 18px;
    width: 9px;
    height: 8px;
    margin-left: -2px;
    background-color: #c8bb2d;
    -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    transform: translate(-50%, -50%) rotate(0) translate(calc(50% - 31px));
}
.chat_yildiz1 {
    transform:translate(-50%,-50%) rotate(-240deg) translate(19px) rotate(240deg)
}
.chat_yildiz2 {
    transform:translate(-50%,-50%) rotate(-216deg) translate(19px) rotate(216deg)
}
.chat_yildiz3 {
    transform:translate(-50%,-50%) rotate(-192deg) translate(19px) rotate(192deg)
}
.chat_yildiz4 {
    transform:translate(-50%,-50%) rotate(-168deg) translate(19px) rotate(168deg)
}
.chat_yildiz5 {
    transform:translate(-50%,-50%) rotate(-144deg) translate(19px) rotate(144deg)
}
.chat_yildiz6 {
    transform:translate(-50%,-50%) rotate(-120deg) translate(19px) rotate(120deg)
}
.chat_yildiz7 {
    transform:translate(-50%,-50%) rotate(-96deg) translate(19px) rotate(96deg)
}
.chat_yildiz8 {
    transform:translate(-50%,-50%) rotate(-72deg) translate(19px) rotate(72deg)
}
.chat_yildiz9 {
    transform:translate(-50%,-50%) rotate(-48deg) translate(19px) rotate(48deg)
}
.chat_yildiz10 {
    transform:translate(-50%,-50%) rotate(-24deg) translate(19px) rotate(24deg)
}
.chat_yildiz11 {
    transform:translate(-50%,-50%) rotate(0deg) translate(19px) rotate(-0deg)
}
.chat_yildiz12 {
    transform:translate(-50%,-50%) rotate(24deg) translate(19px) rotate(-24deg)
}
.chat_yildiz13 {
    transform:translate(-50%,-50%) rotate(48deg) translate(19px) rotate(-48deg)
}
.chat_yildiz14 {
    transform:translate(-50%,-50%) rotate(72deg) translate(19px) rotate(-72deg)
}
.chat_yildiz15 {
    transform:translate(-50%,-50%) rotate(96deg) translate(19px) rotate(-96deg)
}
.panel_yildiz1 {
    transform:translate(-50%,-50%) rotate(-240deg) translate(21.5px) rotate(240deg)
}
.panel_yildiz2 {
    transform:translate(-50%,-50%) rotate(-216deg) translate(21.5px) rotate(216deg)
}
.panel_yildiz3 {
    transform:translate(-50%,-50%) rotate(-192deg) translate(21.5px) rotate(192deg)
}
.panel_yildiz4 {
    transform:translate(-50%,-50%) rotate(-168deg) translate(21.5px) rotate(168deg)
}
.panel_yildiz5 {
    transform:translate(-50%,-50%) rotate(-144deg) translate(21.5px) rotate(144deg)
}
.panel_yildiz6 {
    transform:translate(-50%,-50%) rotate(-120deg) translate(21.5px) rotate(120deg)
}
.panel_yildiz7 {
    transform:translate(-50%,-50%) rotate(-96deg) translate(21.5px) rotate(96deg)
}
.panel_yildiz8 {
    transform:translate(-50%,-50%) rotate(-72deg) translate(21.5px) rotate(72deg)
}
.panel_yildiz9 {
    transform:translate(-50%,-50%) rotate(-48deg) translate(21.5px) rotate(48deg)
}
.panel_yildiz10 {
    transform:translate(-50%,-50%) rotate(-24deg) translate(21.5px) rotate(24deg)
}
.panel_yildiz11 {
    transform:translate(-50%,-50%) rotate(0deg) translate(21.5px) rotate(-0deg)
}
.panel_yildiz12 {
    transform:translate(-50%,-50%) rotate(24deg) translate(21.5px) rotate(-24deg)
}
.panel_yildiz13 {
    transform:translate(-50%,-50%) rotate(48deg) translate(21.5px) rotate(-48deg)
}
.panel_yildiz14 {
    transform:translate(-50%,-50%) rotate(72deg) translate(21.5px) rotate(-72deg)
}
.panel_yildiz15 {
    transform:translate(-50%,-50%) rotate(96deg) translate(21.5px) rotate(-96deg)
}
.right_yildiz1 {
    transform:translate(-50%,-50%) rotate(-240deg) translate(21.5px) rotate(240deg)
}
.right_yildiz2 {
    transform:translate(-50%,-50%) rotate(-216deg) translate(21.5px) rotate(216deg)
}
.right_yildiz3 {
    transform:translate(-50%,-50%) rotate(-192deg) translate(21.5px) rotate(192deg)
}
.right_yildiz4 {
    transform:translate(-50%,-50%) rotate(-168deg) translate(21.5px) rotate(168deg)
}
.right_yildiz5 {
    transform:translate(-50%,-50%) rotate(-144deg) translate(21.5px) rotate(144deg)
}
.right_yildiz6 {
    transform:translate(-50%,-50%) rotate(-120deg) translate(21.5px) rotate(120deg)
}
.right_yildiz7 {
    transform:translate(-50%,-50%) rotate(-96deg) translate(21.5px) rotate(96deg)
}
.right_yildiz8 {
    transform:translate(-50%,-50%) rotate(-72deg) translate(21.5px) rotate(72deg)
}
.right_yildiz9 {
    transform:translate(-50%,-50%) rotate(-48deg) translate(21.5px) rotate(48deg)
}
.right_yildiz10 {
    transform:translate(-50%,-50%) rotate(-24deg) translate(21.5px) rotate(24deg)
}
.right_yildiz11 {
    transform:translate(-50%,-50%) rotate(0deg) translate(21.5px) rotate(-0deg)
}
.right_yildiz12 {
    transform:translate(-50%,-50%) rotate(24deg) translate(21.5px) rotate(-24deg)
}
.right_yildiz13 {
    transform:translate(-50%,-50%) rotate(48deg) translate(21.5px) rotate(-48deg)
}
.right_yildiz14 {
    transform:translate(-50%,-50%) rotate(72deg) translate(21.5px) rotate(-72deg)
}
.right_yildiz15 {
    transform:translate(-50%,-50%) rotate(96deg) translate(21.5px) rotate(-96deg)
}
.user_yildiz_choice .bccheck {
    color:red;
    margin-top:14px
}
.user_yildiz_color1,.user_yildiz_colors1 {
    background:linear-gradient(to top,#f33,maroon)!important
}
.user_yildiz_color2,.user_yildiz_colors2 {
    background:linear-gradient(to top,#f63,#4d1300)!important
}
.user_yildiz_color3,.user_yildiz_colors3 {
    background:linear-gradient(to top,#f93,#4d2600)!important
}
.user_yildiz_color4,.user_yildiz_colors4 {
    background:linear-gradient(to top,#fc3,#806000)!important
}
.user_yildiz_color5,.user_yildiz_colors5 {
    background:linear-gradient(to top,#cc0,#4d4d00)!important
}
.user_yildiz_color6,.user_yildiz_colors6 {
    background:linear-gradient(to top,#9c0,#394d00)!important
}
.user_yildiz_color7,.user_yildiz_colors7 {
    background:linear-gradient(to top,#59b300,#264d00)!important
}
.user_yildiz_color8,.user_yildiz_colors8 {
    background:linear-gradient(to top,#829356,#2b301c)!important
}
.user_yildiz_color9,.user_yildiz_colors9 {
    background:linear-gradient(to top,green,#001a00)!important
}
.user_yildiz_color10,.user_yildiz_colors10 {
    background:linear-gradient(to top,#00e639,#00330d)!important
}
.user_yildiz_color11,.user_yildiz_colors11 {
    background:linear-gradient(to top,#00e673,#063)!important
}
.user_yildiz_color12,.user_yildiz_colors12 {
    background:linear-gradient(to top,#00e6ac,#004d39)!important
}
.user_yildiz_color13,.user_yildiz_colors13 {
    background:linear-gradient(to top,#0cc,#004d4d)!important
}
.user_yildiz_color14,.user_yildiz_colors14 {
    background:linear-gradient(to top,#03add8,#013d4b)!important
}
.user_yildiz_color15,.user_yildiz_colors15 {
    background:linear-gradient(to top,#36f,#002080)!important
}
.user_yildiz_color16,.user_yildiz_colors16 {
    background:linear-gradient(to top,#107896,#073845)!important
}
.user_yildiz_color17,.user_yildiz_colors17 {
    background:linear-gradient(to top,#004d99,#66b3ff)!important
}
.user_yildiz_color18,.user_yildiz_colors18 {
    background:linear-gradient(to top,#63f,#c6b3ff)!important
}
.user_yildiz_color19,.user_yildiz_colors19 {
    background:linear-gradient(to top,#93f,#d9b3ff)!important
}
.user_yildiz_color20,.user_yildiz_colors20 {
    background:linear-gradient(to top,#c3f,#ecb3ff)!important
}
.user_yildiz_color21,.user_yildiz_colors21 {
    background:linear-gradient(to top,#f3f,#ffb3ff)!important
}
.user_yildiz_color22,.user_yildiz_colors22 {
    background:linear-gradient(to top,#f3c,#ff99e6)!important
}
.user_yildiz_color23,.user_yildiz_colors23 {
    background:linear-gradient(to top,#f39,#ffb3d9)!important
}
.user_yildiz_color24,.user_yildiz_colors24 {
    background:linear-gradient(to top,#f36,#ffb3c6)!important
}
.user_yildiz_color25,.user_yildiz_colors25 {
    background:linear-gradient(to top,#40e0d0,#ff8c00,#ff0080)!important
}
.user_yildiz_color26,.user_yildiz_colors26 {
    background:linear-gradient(to top,#11998e,#38ef7d)!important
}
.user_yildiz_color27,.user_yildiz_colors27 {
    background:linear-gradient(to top,#108dc7,#ef8e38)!important
}
.user_yildiz_color28,.user_yildiz_colors28 {
    background:linear-gradient(to top,#fc5c7d,#6a82fb)!important
}
.user_yildiz_color29,.user_yildiz_colors29 {
    background:linear-gradient(to top,#fc466b,#3f5efb)!important
}
.user_yildiz_color30,.user_yildiz_colors30 {
    background:linear-gradient(to top,#c94b4b,#4b134f)!important
}
.user_yildiz_color31,.user_yildiz_colors31 {
    background:linear-gradient(to top,#00f260,#0575e6)!important
}
.user_yildiz_color32,.user_yildiz_colors32 {
    background:linear-gradient(to top,#fc4a1a,#f7b733)!important
}
.user_yildiz_color33,.user_yildiz_colors33 {
    background:linear-gradient(to top,#22c1c3,#fdbb2d)!important
}
.user_yildiz_color34,.user_yildiz_colors34 {
    background:linear-gradient(to top,#7f00ff,#e100ff)!important
}
.user_yildiz_color35,.user_yildiz_colors35 {
    background:linear-gradient(to top,#67b26f,#4ca2cd)!important
}
.user_yildiz_color36,.user_yildiz_colors36 {
    background:linear-gradient(to top,#ee0979,#ff6a00)!important
}
.user_yildiz_color37,.user_yildiz_colors37 {
    background:linear-gradient(to top,#00c3ff,#ffff1c)!important
}
.user_yildiz_color38,.user_yildiz_colors38 {
    background:linear-gradient(to top,#fc00ff,#00dbde)!important
}
.user_yildiz_color39,.user_yildiz_colors39 {
    background:linear-gradient(to top,#833ab4,#fd1d1d,#fcb045)!important
}
.user_yildiz_color40,.user_yildiz_colors40 {
    background:linear-gradient(to top,#43cea2,#185a9d)!important
}
.user_yildiz_color41,.user_yildiz_colors41 {
    background:linear-gradient(to top,#bdc3c7,#2c3e50)!important
}
.user_yildiz_color42,.user_yildiz_colors42 {
    background:linear-gradient(to top,#373b44,#4286f4)!important
}
.user_yildiz_color43,.user_yildiz_colors43 {
    background:linear-gradient(to top,#2980b9,#6dd5fa,#fff)!important
}
.user_yildiz_color44,.user_yildiz_colors44 {
    background:linear-gradient(to top,#f09,#493240)!important
}
.user_yildiz_color45,.user_yildiz_colors45 {
    background:linear-gradient(to top,#f953c6,#b91d73)!important
}
.user_yildiz_color46,.user_yildiz_colors46 {
    background:linear-gradient(to left,#c31432,#240b36)!important
}
.user_yildiz_color47,.user_yildiz_colors47 {
    background:linear-gradient(to top,#dd3e54,#6be585)!important
}
.user_yildiz_color48,.user_yildiz_colors48 {
    background:linear-gradient(to top,#8360c3,#2ebf91)!important
}
.user_yildiz_color49,.user_yildiz_colors49 {
    background:linear-gradient(to top,#544a7d,#ffd452)!important
}
.user_yildiz_color50,.user_yildiz_colors50 {
    background:linear-gradient(to top,#009fff,#ec2f4b)!important
}
.user_yildiz_color51,.user_yildiz_colors51 {
    background:linear-gradient(to top,#59c173,#a17fe0,#5d26c1)!important
}
.user_yildiz_color52,.user_yildiz_colors52 {
    background:linear-gradient(to top,#005aa7,#fffde4)!important
}
.user_yildiz_color53,.user_yildiz_colors53 {
    background:linear-gradient(to top,#da4453,#89216b)!important
}
.user_yildiz_color54,.user_yildiz_colors54 {
    background:linear-gradient(to top,#ad5389,#3c1053)!important
}
.user_yildiz_color55,.user_yildiz_colors55 {
    background:linear-gradient(to top,#a8c0ff,#3f2b96)!important
}
.user_yildiz_color56,.user_yildiz_colors56 {
    background:linear-gradient(to top,#333,#dd1818)!important
}
.user_yildiz_color57,.user_yildiz_colors57 {
    background:linear-gradient(to top,#108dc7,#ef8e38)!important
}
.user_yildiz_color58,.user_yildiz_colors58 {
    background:linear-gradient(to top,#23074d,#cc5333)!important
}
.user_yildiz_color59,.user_yildiz_colors59 {
    background:linear-gradient(to top,#fffbd5,#b20a2c)!important
}
.user_yildiz_color60,.user_yildiz_colors60 {
    background:linear-gradient(to top,#0f0c29,#302b63,#24243e)!important
}
.user_yildiz_color61,.user_yildiz_colors61 {
    background:linear-gradient(to top,purple,pink)!important
}
.user_yildiz_color62,.user_yildiz_colors62 {
    background:linear-gradient(to top,#00f260,#0575e6)!important
}
.user_yildiz_color63,.user_yildiz_colors63 {
    background:linear-gradient(to top,#667db6,#0082c8,#ec38bc,#fdeff9)!important
}
.user_yildiz_color64,.user_yildiz_colors64 {
    background:linear-gradient(to top,#e1eec3,#f05053)!important
}
.user_yildiz_color65,.user_yildiz_colors65 {
    background:linear-gradient(to top,#03001e,#7303c0,#ec38bc,#fdeff9)!important
}
.user_yildiz_color66,.user_yildiz_colors66 {
    background:linear-gradient(to top,#1a2a6c,#b21f1f,#fdbb2d)!important
}
.user_yildiz_color67,.user_yildiz_colors67 {
    background:linear-gradient(to top,#000,#0f9b0f)!important
}
.user_yildiz_color68,.user_yildiz_colors68 {
    background:linear-gradient(to top,#36d1dc,#5b86e5)!important
}
.user_yildiz_color69,.user_yildiz_colors69 {
    background:linear-gradient(to top,#3a1c71,#d76d77,#ffaf7b)!important
}
.user_yildiz_color70,.user_yildiz_colors70 {
    background:linear-gradient(to top,#283c86,#45a247)!important
}
.user_yildiz_color71,.user_yildiz_colors71 {
    background:linear-gradient(to top,#ef3b36,#fff)!important
}
.user_yildiz_color72,.user_yildiz_colors72 {
    background:linear-gradient(to top,#159957,#155799)!important
}
.user_yildiz_color73,.user_yildiz_colors73 {
    background:linear-gradient(to top,#000046,#1cb5e0)!important
}
.user_yildiz_color74,.user_yildiz_colors74 {
    background:linear-gradient(to top,#56ccf2,#2f80ed)!important
}
.user_yildiz_color75,.user_yildiz_colors75 {
    background:linear-gradient(to top,#eb5757,#000)!important
}
.user_yildiz_color76,.user_yildiz_colors76 {
    background:linear-gradient(to top,#20002c,#cbb4d4)!important
}
.user_yildiz_color77,.user_yildiz_colors77 {
    background:linear-gradient(to top,#34e89e,#0f3443)!important
}
.user_yildiz_color78,.user_yildiz_colors78 {
    background:linear-gradient(to top,#bdc3c7,#2c3e50)!important
}
.user_yildiz_color79,.user_yildiz_colors79 {
    background:linear-gradient(to top,#a80077,#6f0)!important
}
.user_yildiz_color80,.user_yildiz_colors80 {
    background:linear-gradient(to top,#000,#656565)!important
}


.user_item_datas,.user_item_name {
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0 8px;
}
#site_color {padding: 0px 5px 5px 5px;}
.site_color_switch {
    float: left;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    margin: 1px;
    position: relative;
    text-align: center;
}
.roombackground {
	background-size:100% 100% !important;
}
.add_room_background {
	position:relative;
}
.room_background_item_wrap {
	display:table;
	border-radius:50px;
	overflow:hidden;
}
.room_background_item {
	width:40px;
	height:30px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.room_background_menu {
	display:table-cell;
	vertical-align:middle;
	width:147px;
}
.room_background_select {
	-webkit-appearance:none;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	width:100%;
	height:100%;
	cursor:pointer;
}
.room_background_size {
	height:250px;
}
.choose_room_background {
	position: relative;
}

.msktable:before {
    /* content: ""; */
    /* width: 0; */
    /* height: 0; */
    /* position: absolute; */
    /* border-left: 7px solid #cdcdcd00; */
    /* border-right: 7px solid #bebebe00; */
    border-top: 7px solid #bebebe00;
    /* border-bottom: 7px solid transparent; */
    /* left: -14px; */
    /* top: 6px; */
}
.onay_input {
	text-align:center;
	line-height:38px;
	font-size:15px;
	z-index:1;
	position:relative;
}
.head_notify_onay {
    position: absolute;
    top: 5px;
    left: 23px;
    width: 17px;
    height: 18px;
    border-radius: 50px;
    display: none;
}
.kayanyazi {
	max-width:100%;
	overflow:hidden;
}
.kayan_yazi {
	white-space:nowrap;
	overflow:hidden;
	display:inline-block;
	animation:kayan_yazi 10s linear infinite;
}
.kayan_yazi div {
	display:inline-block;
}
@keyframes kayan_yazi {
	0% {
		transform:translate(10,0);
	}
	100% {
		transform:translate(-100%,0);
	}
}
.sohbet_radyaadi,.radio-tag {
	border-radius:.25rem;
	border:1px solid rgba(0,0,0,.07);
	background:rgba(0,0,0,.07)
}
.sohbet_radyaadi {
	min-width:100%;
	padding:8px;
	margin-bottom:6px
}
.radyo_calan_sarkimiz {
	font-weight:bold;
	font-family:sans-serif;
}
.background_chats::before {
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	/* background:url('../default_images/icons/cat.svg'); */
	background-repeat:no-repeat;
	background-position:bottom -123px right;
	background-size:600px;
	opacity:1;
}
.radio-tag {
	border-radius:.25rem;
	border:1px solid rgba(0,0,0,.07);
	background:rgba(0,0,0,.07);
	font-size:15px;
}
.ust_dj {
	width:100%;
	position:absolute;
	z-index:19;
}

.ust_dj_icerik {
    padding: 4px;
    margin: 0 auto;
    width: max-content;
    border-radius: 0 0 10px 10px;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: linear-gradient(261deg, #411d11, #3f33ff, #495f69, #23d5ab, #495f696b);
    background-size: 500% 500%;
    animation: gradient 10s cubic-bezier(0.25, 0.1, 0.15, 1.22) infinite;
}
.ust_dj_genel {
 border-radius:11px;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.room-writings-layout {
    position: absolute;
    max-width: 100%;
    overflow-x: hidden;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding-bottom: -1px;
    white-space: nowrap;
}

.room-writing {
    display: inline-block;
    background: rgba(0,0,0,.13);
    border-radius: 5px;
    font-size: .7rem;
    padding: 2px 3px;
    margin-left: 1px;
}

.writing-dot {
    margin-left: 2px;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin-right: 0;
    animation: wave_yazanlar .8s linear infinite;
}

.writing-dot:nth-child(2) {
    animation-delay: .2s;
}

.writing-dot:nth-child(3) {
    animation-delay: .4s;
}

.room-writing .writing-dot {
    background: #fff;
}
#wave_yazanlar .dot:nth-child(2){
    animation-delay:-1.1s
}
#wave_yazanlar .dot:nth-child(3){
    animation-delay:-.9s
}
@keyframes wave_yazanlar{
    0%,100%,60%{
        transform:initial
    }
    30%{
        transform:translateY(-5px)
    }
}

.mobil_uygulama {
    width: 100%;
    min-height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .73);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    overflow: hidden !important;
    z-index: 9999;	
}
.mobil_uygulama_body {
    position: absolute;
    max-height: 100%;
    width: 100% !important;
    margin: 0;
    border: none;
    border-radius: 0;
    max-width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
	animation: popupShow 1.1s ease;
}
.mobil_uygulama_header_wrapper {
    width: 100%;
    border-bottom: 1px solid #eee;
    display: block;
}
.mobil_uygulama_header {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.mobil_uygulama_back {
    line-height: 50px !important;
    height: 50px;
    border-radius: 0;
    margin: 0 10px 0 0;
    border: none;
    width: 50px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    color: #777;
    cursor: pointer;
    box-sizing: border-box;
}
.mobil_uygulama_title {
    line-height: 50px;
    color: #555;
    font-weight: 700;
    padding-right: 16px;
	font-size: 16px;
    font-variant: all-petite-caps;
}
.mobil_uygulama_icerik {
    width: 100%;
    max-height: 100%;
    height: available;
    overflow: hidden;
    display: block;
    position: relative;
    flex-grow: 1;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 15px;
}
.mobil_uygulama .dialog-exp {
    font-size: .8rem;
    color: #666;
    padding-bottom: 8px;
    padding-left: 4px;
    padding-right: 4px;
}
.mobil_uygulama_butonlar {
    display: table-cell;
    vertical-align: middle;
}
.mobil_uygulama_buton {
display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.mobil_uygulama_buton img {
    width: 120px;
}
..mobil_uygulama_footer_wrapper {
    width: 100%;
    display: block;
}
.mobil_uygulama_footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    border-top: 1px solid #eee;
}
.mobil_uygulama .dialog-button {
    margin: 7px;
    width: auto;
    border-radius: .25rem;
    color: #777;
    border: none !important;
    font-size: 0.8rem;
    font-weight: 400 !important;
    font-size: 11px;
}
.mobil_uygulama .h-spacer {
    flex: 1 1;
}
.red-button {
    background-color: #FF0000; 
    color: white;
    border: none; 
    padding: 12px 24px;
    font-size: 16px; 
    font-weight: bold;
    border-radius: 5px; 
    cursor: pointer; 
    transition: background-color 0.3s ease, transform 0.2s ease; 
}
.red-button:hover {
    background-color: #D40000; 
    transform: scale(1.05); 
}
.red-button:active {
    background-color: #B30000; 
    transform: scale(1);
}
#leaderboard_buttons { 
    display: flex; 
    flex-direction: column; 
    gap: 8px; 
    margin-bottom: 20px; 
}

.leader_btn { 
    padding: 10px 15px; 
    border: 1px solid #aaa; 
    border-radius: 8px; 
    background:#4A90E2; /* mavi ton */
    color:#fff;          /* yazı beyaz */
    cursor:pointer; 
    font-size:15px;
    font-weight:500;
    text-align:left;
    transition: all 0.2s ease;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}

.leader_btn:hover { 
    background:#357ABD; 
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}

.leader_btn.active { 
    background:#285A8F; 
    border-color:#1C3F6B;
}
@keyframes blinkAndSlide {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
.saved_error {
  position: fixed !important;
  top: auto !important;         /* 👈 top'u etkisiz hale getiriyoruz */
  bottom: 60px !important;      /* 👈 alt kısma sabitliyoruz */
  left: 15px !important;
  background-color: rgba(255, 0, 0, 0.9);
  color: #fff;
  padding: 10px 20px;
  font-size: 15px;
  border-radius: 6px;
  z-index: 9999;
  max-width: 90vw;
  width: auto !important;
  height: auto !important;
  align-items: center;
  justify-content: center;
  white-space: normal;
 animation: blinkAndSlide 3.2s ease-in-out forwards;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}
.saved_ok {
  position: fixed !important;
  top: auto !important;         /* 👈 top'u etkisiz hale getiriyoruz */
  bottom: 60px !important;      /* 👈 alt kısma sabitliyoruz */
  left: 15px !important;
  background-color: rgba(0, 102, 0, 0.8);
  color: #fff;
  padding: 10px 20px;
  font-size: 15px;
  border-radius: 6px;
  z-index: 9999;
  max-width: 90vw;
  width: auto !important;
  height: auto !important;
  align-items: center;
  justify-content: center;
  white-space: normal;
 animation: blinkAndSlide 3.2s ease-in-out forwards;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}