


.mini_icon .list_rank  {
	height: 12px !important;
	width: 12px !important;
	margin: 2px 1px;
	float: right;
}
.mini_icon .list_flag  {
	height: 12px !important;
	width: 15px !important;
	margin: 2px 1px;
	float: right;
}
.mini_icon i  {
    height: 12px;
    width: 12px;
    float: right;
    vertical-align: middle;
    font-size: 12px;
    margin: 2px 1px;
}
.mini_icon .mob  {
    height: 12px;
    width: 12px;
    float: right;
    vertical-align: middle;
    font-size: 12px;
    margin: 2px 1px;
}
i.fa.fa-venus {color: violet;}
i.fa.fa-mars {color:  #181A18;}
.10 {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;
}
.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;
}

.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;
}	
}


.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;
	box-shadow: inset 0 0 45px rgb(0,0,0,.271);
}
.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;
}
@media screen and (max-width:768px){
	#chat_head {height: 50px;}
	#my_menu {height: 40px;}
	.ust-bar_sag { width: inherit !important; border-left: none!important; }	
}

.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){
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.writing-dot:nth-child(3){
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.room-writing .writing-dot{
    background:#fff
}
