.tborder { border-top:1px solid rgb(0,0,0,0.08); }
.back_box { background:#fff; }
.post_emo_content { max-height:110px; overflow:hidden; overflow-y:auto; }
.post_emo_content .emoticon img { height:100%; width:auto; }
.radyo_calan_sarkimiz {
      color: #1c87c9;
      font-weight: bold;
      font-family: sans-serif;
      } 
.radio-playback-button {
    width: 32px;
    height: 32px;
    border: 1px solidrgba(0,0,0,.2);
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    animation: pulse4 linear 1000ms infinite;
}
.radio-playback-button:hover {
	background:rgba(0,0,0,.07)
}
@keyframes pulse4{0%{box-shadow:0 0 0 0 #03add86e}70%{box-shadow:0 0 0 20px transparent}to{box-shadow:0 0 0 0 transparent}}	
.radio_akerdion {
border: 1px solid #999;
border-radius: 5px;
margin:2px;
padding: 1.04%;
} 
.radio_list_icerik {
border-radius: 5px;
border: 1px solid #999;
cursor: pointer;
margin: -1%;
padding: 8px 10px;
background: -webkit-linear-gradient(top, #f3f3f3 50%, #e6e6e6 50%);
}
.bilgi_botu_log .chat_message img { width:100%; max-width:600px; height:auto; max-height:60px; margin:5px 0 0 0; border-radius:5px;  }
.onOffswitch {
    display: table;
    width: 50px;
    padding: 2px;
    border-radius: 100px;
}
.soz_menu {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    font-size: 13px;
}
.dj_management_label{
	position:relative;
}
.set_dj_button{
	position:absolute;
	right:0px;
	top:-4px;
}
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}
span.yayinlandi{color:#fff;background:#009020;padding:3px 10px;display:inline-block;line-height:1em;margin-top:2px;border-radius:20px;font-weight:400}
.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}
.yayinlama{background-color:red;-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:15px}
.yayinlanmadi{color:#fff;background:red;padding:3px 10px;display:inline-block;line-height:1em;margin-top:2px;border-radius:20px;font-weight:400}
.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:5px 10px;text-decoration:none;width:38px;float:left;margin-right:5px}
.calindii:hover{background-color:#eb675e}
.calindii:active{position:relative;top:1px}
.DJyayinda{text-align:center;font-size:25px;-webkit-text-stroke:thick;word-spacing:1px;overflow-wrap:break-word;letter-spacing:3px;text-transform:uppercase}
.istek_box{background:#2b2b2b;margin:15px;padding:15px;border-radius:0 30px;border-left:2px solid;border-right:2px solid}
.dj_management_label{position:relative}
.set_dj_button{position:absolute;right:0;top:-4px}

.istek_arka{
display: table;
    table-layout: fixed;
    width: 100%;
    padding: 25px 0px;
}
.cr_selected {
    border: solid 1px #007399;
}
.custom_rank_image {
   padding:5px; 
   width:auto;
   height:32px
}
.fborder { border: 1px solid rgb(0,0,0,0.08); }
.gcard-admin { width: calc(59px); height: 90px; margin: 5px; display: grid; align-items: center; float: left; position: relative; border-radius: 10px; }
.gcard { width: calc((76% / 4) - 1px); height: 90px; margin: 2px; display: grid; align-items: center; float: left; position: relative; border-radius: 10px; }
.gcard_img { width: 130px; max-height: 50px; margin: 0 auto; }
.gcard_img_chat { width: 55px; max-height: 50px; margin: 0 auto; }
.gtag { z-index: 2; border: 1px solid rgb(0,0,0,0.08); }
.gcard_price { position: absolute; bottom: 0px; left: 5px; padding: 0px 2px; border-radius: 30px; left: 0; right: 0; margin: auto; }
.gcard_pwrap img { width: 14px; height: 14px; display: block; }
.gcard_pwrap { width: 14px; }
.gift_bg { background: #b7b7b773; }
.gift_selected { height: 50px; max-width: 100%; border-radius: 10px; display: block; margin: 0 auto; }
.gift_selicon { width: 20px; height: 20px; }
.gift_selicon img { width: 30px; height: 30px; }
.gift_pricing { font-size: 30px; }
.mauto { margin: 0 auto; }
.modal_control { padding-top: 15px; }
.gift_image { height: 70px; width: 70px; cursor: pointer; }
.select_gift { cursor: pointer; }
.prograd1,
.pgrad1 {
	background: linear-gradient(to top, #f33, #800000)!important;
	color: white!important
}

.prograd2,
.pgrad2 {
	background: linear-gradient(to top, #f63, #4d1300)!important;
	color: white!important
}

.prograd3,
.pgrad3 {
	background: linear-gradient(to top, #f93, #4d2600)!important;
	color: white!important
}

.prograd4,
.pgrad4 {
	background: linear-gradient(to top, #fc3, #806000)!important;
	color: white!important
}

.prograd5,
.pgrad5 {
	background: linear-gradient(to top, #cc0, #4d4d00)!important;
	color: white!important
}

.prograd6,
.pgrad6 {
	background: linear-gradient(to top, #9c0, #394d00)!important;
	color: white!important
}

.prograd7,
.pgrad7 {
	background: linear-gradient(to top, #59b300, #264d00)!important;
	color: white!important
}

.prograd8,
.pgrad8 {
	background: linear-gradient(to top, #829356, #2b301c)!important;
	color: white!important
}

.prograd9,
.pgrad9 {
	background: linear-gradient(to top, #008000, #001a00)!important;
	color: white!important
}

.prograd10,
.pgrad10 {
	background: linear-gradient(to top, #00e639, #00330d)!important;
	color: white!important
}

.prograd11,
.pgrad11 {
	background: linear-gradient(to top, #00e673, #063)!important;
	color: white!important
}

.prograd12,
.pgrad12 {
	background: linear-gradient(to top, #00e6ac, #004d39)!important;
	color: white!important
}

.prograd13,
.pgrad13 {
	background: linear-gradient(to top, #0cc, #004d4d)!important;
	color: white!important
}

.prograd14,
.pgrad14 {
	background: linear-gradient(to top, #03add8, #013d4b)!important;
	color: white!important
}

.prograd15,
.pgrad15 {
	background: linear-gradient(to top, #36f, #002080)!important;
	color: white!important
}

.prograd16,
.pgrad16 {
	background: linear-gradient(to top, #107896, #073845)!important;
	color: white!important
}

.prograd17,
.pgrad17 {
	background: linear-gradient(to top, #004d99, #66b3ff)!important;
	color: white!important
}

.prograd18,
.pgrad18 {
	background: linear-gradient(to top, #63f, #c6b3ff)!important;
	color: white!important
}

.prograd19,
.pgrad19 {
	background: linear-gradient(to top, #93f, #d9b3ff)!important;
	color: white!important
}

.prograd20,
.pgrad20 {
	background: linear-gradient(to top, #c3f, #ecb3ff)!important;
	color: white!important
}

.prograd21,
.pgrad21 {
	background: linear-gradient(to top, #f3f, #ffb3ff)!important;
	color: white!important
}

.prograd22,
.pgrad22 {
	background: linear-gradient(to top, #f3c, #ff99e6)!important;
	color: white!important
}

.prograd23,
.pgrad23 {
	background: linear-gradient(to top, #f39, #ffb3d9)!important;
	color: white!important
}

.prograd24,
.pgrad24 {
	background: linear-gradient(to top, #f36, #ffb3c6)!important;
	color: white!important
}

.prograd25,
.pgrad25 {
	background: linear-gradient(to top, #40e0d0, #ff8c00, #ff0080)!important;
	color: white!important
}

.prograd26,
.pgrad26 {
	background: linear-gradient(to top, #11998e, #38ef7d)!important;
	color: white!important
}

.prograd27,
.pgrad27 {
	background: linear-gradient(to top, #108dc7, #ef8e38)!important;
	color: white!important
}

.prograd28,
.pgrad28 {
	background: linear-gradient(to top, #fc5c7d, #6a82fb)!important;
	color: white!important
}

.prograd29,
.pgrad29 {
	background: linear-gradient(to top, #fc466b, #3f5efb)!important;
	color: white!important
}

.prograd30,
.pgrad30 {
	background: linear-gradient(to top, #c94b4b, #4b134f)!important;
	color: white!important
}

.prograd31,
.pgrad31 {
	background: linear-gradient(to top, #00f260, #0575e6)!important;
	color: white!important
}

.prograd32,
.pgrad32 {
	background: linear-gradient(to top, #fc4a1a, #f7b733)!important;
	color: white!important
}

.prograd33,
.pgrad33 {
	background: linear-gradient(to top, #22c1c3, #fdbb2d)!important;
	color: white!important
}

.prograd34,
.pgrad34 {
	background: linear-gradient(to top, #7f00ff, #e100ff)!important;
	color: white!important
}

.prograd35,
.pgrad35 {
	background: linear-gradient(to top, #67b26f, #4ca2cd)!important;
	color: white!important
}

.prograd36,
.pgrad36 {
	background: linear-gradient(to top, #ee0979, #ff6a00)!important;
	color: white!important
}

.prograd37,
.pgrad37 {
	background: linear-gradient(to top, #00c3ff, #ffff1c)!important;
	color: white!important
}

.prograd38,
.pgrad38 {
	background: linear-gradient(to top, #fc00ff, #00dbde)!important;
	color: white!important
}

.prograd39,
.pgrad39 {
	background: linear-gradient(to top, #833ab4, #fd1d1d, #fcb045)!important;
	color: white!important
}

.prograd40,
.pgrad40 {
	background: linear-gradient(to top, #43cea2, #185a9d)!important;
	color: white!important
}

.prograd41,
.pgrad41 {
	background: linear-gradient(to top, #bdc3c7, #2c3e50)!important;
	color: white!important
}

.prograd42,
.pgrad42 {
	background: linear-gradient(to top, #373b44, #4286f4)!important;
	color: white!important
}

.prograd43,
.pgrad43 {
	background: linear-gradient(to top, #2980b9, #6dd5fa, #fff)!important;
	color: white!important
}

.prograd44,
.pgrad44 {
	background: linear-gradient(to top, #f09, #493240)!important;
	color: white!important
}

.prograd45,
.pgrad45 {
	background: linear-gradient(to top, #f953c6, #b91d73)!important;
	color: white!important
}

.prograd46,
.pgrad46 {
	background: linear-gradient(to left, #c31432, #240b36)!important;
	color: white!important
}

.prograd47,
.pgrad47 {
	background: linear-gradient(to top, #dd3e54, #6be585)!important;
	color: white!important
}

.prograd48,
.pgrad48 {
	background: linear-gradient(to top, #8360c3, #2ebf91)!important;
	color: white!important
}

.prograd49,
.pgrad49 {
	background: linear-gradient(to top, #544a7d, #ffd452)!important;
	color: white!important
}

.prograd50,
.pgrad50 {
	background: linear-gradient(to top, #009fff, #ec2f4b)!important;
	color: white!important
}

.prograd51,
.pgrad51 {
	background: linear-gradient(to top, #59c173, #a17fe0, #5d26c1)!important;
	color: white!important
}

.prograd52,
.pgrad52 {
	background: linear-gradient(to top, #005aa7, #fffde4)!important;
	color: white!important
}

.prograd53,
.pgrad53 {
	background: linear-gradient(to top, #da4453, #89216b)!important;
	color: white!important
}

.prograd54,
.pgrad54 {
	background: linear-gradient(to top, #ad5389, #3c1053)!important;
	color: white!important
}

.prograd55,
.pgrad55 {
	background: linear-gradient(to top, #a8c0ff, #3f2b96)!important;
	color: white!important
}

.prograd56,
.pgrad56 {
	background: linear-gradient(to top, #333, #dd1818)!important;
	color: white!important
}

.prograd57,
.pgrad57 {
	background: linear-gradient(to top, #108dc7, #ef8e38)!important;
	color: white!important
}

.prograd58,
.pgrad58 {
	background: linear-gradient(to top, #23074d, #cc5333)!important;
	color: white!important
}

.prograd59,
.pgrad59 {
	background: linear-gradient(to top, #fffbd5, #b20a2c)!important;
	color: white!important
}

.prograd60,
.pgrad60 {
	background: linear-gradient(to top, #0f0c29, #302b63, #24243e)!important;
	color: white!important
}

.prograd61,
.pgrad61 {
	background: linear-gradient(to top, #800080, #ffc0cb)!important;
	color: white!important
}

.prograd62,
.pgrad62 {
	background: linear-gradient(to top, #00f260, #0575e6)!important;
	color: white!important
}

.prograd63,
.pgrad63 {
	background: linear-gradient(to top, #667db6, #0082c8, #ec38bc, #fdeff9)!important;
	color: white!important
}

.prograd64,
.pgrad64 {
	background: linear-gradient(to top, #e1eec3, #f05053)!important;
	color: white!important
}

.prograd65,
.pgrad65 {
	background: linear-gradient(to top, #03001e, #7303c0, #ec38bc, #fdeff9)!important;
	color: white!important
}

.prograd66,
.pgrad66 {
	background: linear-gradient(to top, #1a2a6c, #b21f1f, #fdbb2d)!important;
	color: white!important
}

.prograd67,
.pgrad67 {
	background: linear-gradient(to top, #000, #0f9b0f)!important;
	color: white!important
}

.prograd68,
.pgrad68 {
	background: linear-gradient(to top, #36d1dc, #5b86e5)!important;
	color: white!important
}

.prograd69,
.pgrad69 {
	background: linear-gradient(to top, #3a1c71, #d76d77, #ffaf7b)!important;
	color: white!important
}

.prograd70,
.pgrad70 {
	background: linear-gradient(to top, #283c86, #45a247)!important;
	color: white!important
}

.prograd71,
.pgrad71 {
	background: linear-gradient(to top, #ef3b36, #fff)!important;
	color: white!important
}

.prograd72,
.pgrad72 {
	background: linear-gradient(to top, #159957, #155799)!important;
	color: white!important
}

.prograd73,
.pgrad73 {
	background: linear-gradient(to top, #000046, #1cb5e0)!important;
	color: white!important
}

.prograd74,
.pgrad74 {
	background: linear-gradient(to top, #56ccf2, #2f80ed)!important;
	color: white!important
}

.prograd75,
.pgrad75 {
	background: linear-gradient(to top, #eb5757, #000)!important;
	color: white!important
}

.prograd76,
.pgrad76 {
	background: linear-gradient(to top, #20002c, #cbb4d4)!important;
	color: white!important
}

.prograd77,
.pgrad77 {
	background: linear-gradient(to top, #34e89e, #0f3443)!important;
	color: white!important
}

.prograd78,
.pgrad78 {
	background: linear-gradient(to top, #bdc3c7, #2c3e50)!important;
	color: white!important
}

.prograd79,
.pgrad79 {
	background: linear-gradient(to top, #a80077, #6f0)!important;
	color: white!important
}

.prograd80,
.pgrad80 {
	background: linear-gradient(to top, #000, #656565)!important;
	color: white!important
}
.mBot30px {padding: 30px;}
.peep_greeting{position:relative;top:20px;left:0;font-size:11px}
#greeting_ico{width:50px;height:50px;z-index:9;background-size:100%!important;-webkit-background-size:100%!important;-moz-background-size:100%!important;-o-background-size:100%!important;-ms-background-size:100%!important;display:inline-block;position:absolute;top:5px}
.quick-report-side{float:left;padding:10px 0;width:100%}
.quick-report-side>span{color:#a6a8b0;float:left;font-size:12px;width:100%}
.quick-report-side>ul{display:inline;list-style:outside none none;margin:0 -1px;padding:0}
.quick-report-side>ul>li{float:left;padding:0 1px;width:33.334%}
.quick-report-side>ul>li>div{background:#30313e none repeat scroll 0 0;float:left;margin-top:16px;padding:11px 0 16px;text-align:center;width:100%}
.quick-report-side div>strong{color:#fff;float:left;font-size:17px;font-weight:500;width:100%}
.user-info-wrapper{display:block;margin:0 32px;margin-bottom:0;margin-left:17px}
.user-info-wrapper.sm{margin-left:0}
.user-overlay{background:rgba(93,83,134,.8)}
.user-info-wrapper .profile-wrapper{border-radius:100px;position:relative}
.user-info-wrapper .profile-wrapper.sm{overflow:visible;top:10px;margin-bottom:10px}
.user-info-wrapper .profile-wrapper.sm img{width:80px;height:80px;border-radius:5px}
.user-info-wrapper .profile-wrapper .availability-bubble{height:16px;width:16px;border:2px solid #30313e;position:absolute;bottom:25px;right:-15px;border-radius:100px}
.user-info-wrapper .profile-wrapper .availability-bubble.online{background-color:#0aa699}
.user-info-wrapper .profile-wrapper .availability-bubble.away{background-color:#fbb05e}
.user-info-wrapper .profile-wrapper .availability-bubble.busy{background-color:#f35958}
.user-info-wrapper .profile-wrapper .availability-bubble.offline{background-color:#8b91a0}
.user-info-wrapper .user-info{color:#fff;display:inline-block;margin-bottom:10px}
.user-info-wrapper .user-info.sm .status{margin-bottom:20px;margin-top:0}
.user-info-wrapper .user-info .status{color:#929fa5;font-size:13px;margin-bottom:10px;margin-top:2px;font-weight:400}
.user-info-wrapper .user-info .profile{float:right;display:inline}
.user-info-wrapper .user-info .btn-set{margin-top:10px}
.user-info-wrapper .user-info{font-size:18px;float:left}
.user-info-wrapper .user-info .greeting{font-size:19px;font-weight:600;position:relative;top:1.5px}
.user-info-wrapper .user-info a{color:#fff}
.user-info-wrapper .user-info a:hover{text-decoration:none}
.user-info-wrapper .user-info .status-icon{margin:0 5px}
.user-info-wrapper .user-info .collapse{width:18px;height:18px;background-color:#50545c;position:absolute;right:15px;margin-top:10px}
.user-info-wrapper .user-info .collapse i{position:relative;margin-top:-8px;top:-2px;left:3px}
.user-info-wrapper .user-info .collapse:hover{background-color:#000}
.user-info-wrapper .profile_avatar{display: flex; margin:0 auto;}
.username2{font-size:18px;font-weight:700;padding:4px 0}
.welcome-text{margin-top:10px;text-align:center;padding:0 10px}
.greeting_time{color:#fff;font-weight:700;font-size:14px}
.greeting_message{color:#fff;font-weight:400;font-size:12px}
.avatar_profile {width: 130px;height: 130px;cursor: pointer;display: block;border-radius: 5px;}
.modal_custom_title{background:0 0;color:#260132;padding:7px;border-radius:5px;border:3px solid #260132;display:inline}
@media screen and (max-width:415px) {
.user_yonetims{width:103px!important;margin-left:0}
}
.user_yonetims{width:105px!important;height:auto!important;overflow:initial;position:relative;display:inline-block;margin:10px 9px;margin-left:0;text-align:center;border-radius:5px;/* background: #a2a2a1; */}
.user_yonetims img{width:80px;height:80px;border-radius:100px;margin:10px 0}
.user_square_elem_desc{background: linear-gradient(7deg, #021419, #999 40%, #031d23);color:#fff;border-radius: 0px 5px;}
.user_square_elem_desc_name{margin:auto;padding:5px 0;}
.user_square_elem_desc_title{margin:auto;padding-bottom:5px}
.emo_content_admin{width:100%;height:100%;overflow:hidden;overflow-y:auto;padding:5px}
.custom-statusbar{border-top:1px solid #394f61;padding:5px 0 5px 4px;width:700px}
.odd{background-color:#edebeb}
.even{background-color:#fff}
.custom-filename{display:inline-block;width:230px;margin:0 5px 0 0;color:#807579;vertical-align:middle}
.custom-preview{display:inline-block;vertical-align:middle;border:1px solid #c7ccd1}
.custom-progress{margin:0 10px 0 10px;position:relative;width:250px;border:1px solid #ddd;padding:1px;border-radius:3px;display:inline-block;vertical-align:middle;color:#fff}
.custom-bar{background-color:#337ab7;width:0;height:20px;border-radius:3px;color:#fff;display:inline-block;vertical-align:middle;margin:0}
.custom-percent{position:absolute;display:inline-block;top:3px;left:48%}
.custom-red{-moz-box-shadow:inset 0 39px 0 -24px #e67a73;-webkit-box-shadow:inset 0 39px 0 -24px #e67a73;box-shadow:inset 0 39px 0 -24px #e67a73;background-color:#e4685d;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:inline-block;color:#fff;font-family:arial;font-size:13px;font-weight:400;padding:4px 15px;text-decoration:none;text-shadow:0 1px 0 #b23e35;cursor:pointer;vertical-align:middle;margin-right:5px}
.custom-green{background-color:#77b55a;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin:0;padding:0;display:inline-block;color:#fff;font-family:arial;font-size:13px;font-weight:400;padding:4px 15px;text-decoration:none;cursor:pointer;text-shadow:0 1px 0 #5b8a3c;vertical-align:middle;margin-right:5px}
.ajax-upload-dragdrop{border:2px dotted #6a6a6a;width:600px;color:#dadce3;text-align:left;vertical-align:middle;padding:10px 10px 0 10px}
.state-hover{border:2px solid #6a6a6a}
.custom-container{margin:20px 0 20px 0}
.ajax-file-upload-statusbar{border:1px solid #eeeeee;margin:5px;padding:5px;}
.ajax-file-upload-filename{width:300px;height:auto;margin:0 5px 5px 0}
.ajax-file-upload-filesize{width:50px;height:auto;margin:0 5px 5px 0;display:inline-block;vertical-align:middle}
.ajax-file-upload-progress{margin:5px 10px 5px 0;position:relative;width:100%;border:1px solid #ddd;padding:1px;border-radius:3px;display:inline-block;color:#fff;vertical-align:middle}
.ajax-file-upload-bar{background-color:#0ba1b5;width:0;height:20px;border-radius:3px;color:#fff}
.ajax-file-upload-percent{position:absolute;display:inline-block;top:3px;left:48%}
.ajax-file-upload-red{-moz-box-shadow:inset 0 39px 0 -24px #e67a73;-webkit-box-shadow:inset 0 39px 0 -24px #e67a73;box-shadow:inset 0 39px 0 -24px #e67a73;background-color:#c00;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:inline-block;color:#fff;font-family:arial;font-size:13px;font-weight:400;padding:4px 15px;text-decoration:none;text-shadow:0 1px 0 #b23e35;cursor:pointer;vertical-align:middle;margin-right:5px}
.ajax-file-upload-green{background-color:#77b55a;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin:0;padding:0;display:inline-block;color:#fff;font-family:arial;font-size:13px;font-weight:400;padding:4px 15px;text-decoration:none;cursor:pointer;text-shadow:0 1px 0 #5b8a3c;vertical-align:middle;margin-right:5px}
.ajax-file-upload{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;padding:15px 20px;cursor:pointer;line-height:20px;height:75px;margin:0 10px 10px 0;display:block!important;color:#6a6a6a;text-decoration:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:6px 10px 4px 10px;border:none;margin:0 auto!important;}
.ajax-file-upload::after{content:'---------- OR ----------';color:#6a6a6a;display:block;font-size:15px;line-height:60px}
.ajax-upload-dragdrop{border:2px dotted #6a6a6a;width:420px;color:#dadce3;text-align:center;vertical-align:middle;padding:10px 10px 0 10px}
.state-hover{border:2px solid #a5a5c7}
.ajax-file-upload-container{margin:1px 0 5px 0;max-height:350px;overflow:hidden;overflow-y:auto}
.ajax-upload-dragdrop>span{display:block;text-align:center;margin:15px 0;color:#6a6a6a;font-size:20px}
.error_up_msg{color:#fff;background:red;padding:10px;border-radius:3px;text-align:center;display:block}
.ajax-file-upload-error{text-align:center;color:red}
::-webkit-scrollbar {
    width: 10px;
	background-color: linear-gradient(7deg,#021419,#999 40%,#031d23);
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #596971;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #2E3944;
}
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1999999999;
}

.preloader.immune {
  bottom: 0;
}

.preloader.white {
  background-color: rgba(255, 255, 255, .3);
}

.preloader.black {
  background-color: rgba(1, 1, 1, .3);
}

.preloader > i.radial-loader:not(:required) {
  -moz-animation: radial-loader .5s infinite linear;
  -webkit-animation: radial-loader .5s infinite linear;
  animation: radial-loader .5s infinite linear;
  border-color: #ea6052;
  border-style: solid;
  border-width: 2px;
  border-right-color: transparent;
  border-radius: 100%;
  display: block;
  position: relative;
  float: right;
  margin: 10px;
  overflow: hidden;
  width: 10px;
  height: 10px;
}

.preloader > span.loading-bar {
  -moz-animation: loading-bar 3s 1;
  -webkit-animation: loading-bar 3s 1;
  animation: loading-bar 3s 1;
  display: block;
  height: 2px;
  background-color: #ea6052;
  opacity: 0;
  transition: width .5s;
}

.preloader > span.loading-bar.red-colored {
  background-color: #ea6052;
}

.preloader > .red-colored.radial-loader {
  border-color: #ea6052 !important;
  border-right-color: transparent !important;
}

.preloader > span.loading-bar.blue-colored {
  background-color: #3498db;
}

.preloader > .blue-colored.radial-loader {
  border-color: #3498db !important;
  border-right-color: transparent !important;
}

.preloader > span.loading-bar.green-colored {
  background-color: #2ecc71;
}

.preloader > .green-colored.radial-loader {
  border-color: #2ecc71 !important;
  border-right-color: transparent !important;
}

.preloader > span.loading-bar.yellow-colored {
  background-color: #f1c40f;
}

.preloader > .yellow-colored.radial-loader {
  border-color: #f1c40f !important;
  border-right-color: transparent !important;
}
/* Animations */

@-moz-keyframes loading-bar {
  0% {
    width: 0%;
    opacity: 1;
  }
  90% {
    width: 90%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

@-webkit-keyframes loading-bar {
  0% {
    width: 0%;
    opacity: 1;
  }
  90% {
    width: 90%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

@keyframes loading-bar {
  0% {
    width: 0%;
    opacity: 1;
  }
  90% {
    width: 90%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

@-moz-keyframes radial-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes radial-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes radial-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

a {text-decoration:none;}
#main_radyo {
	max-width:320px;
	height:315px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:100;
	display:none
}
.radyo_content {
	width:100%;
	overflow:hidden;
	overflow-y:hidden;
	padding:15px
}
.system-message-icon-container, .system-message-img-container {
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
    opacity: 1;
    vertical-align: sub;
}
.system-message-icon-container {
    width: 25px;
    min-height: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.system_message {
    background: #fff;
    border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
    float: left;
    padding: 2px 4px;
    box-shadow: 1px 1px 1px -1px #000;
}
.sohbet_radyaadi,.radio-tag {
	border-radius:.25rem;
	color:rgba(0,0,0,.6);
	border:1px solid rgba(0,0,0,.07);
	background:rgba(0,0,0,.07)
}
.sohbet_radyaadi {
	min-width:100%;
	padding:8px;
	margin-bottom:6px
}
.radio-tag {
	padding:2px 4px;
	font-size:.8rem
}
.custom-menu {
    display: none;
    position: absolute;
    overflow: hidden;
    border: 1px solid #b5b5b5;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #000;
    border-radius:10px;
    z-index: 64000;
    list-style-type: none;
    padding: 0;
}
.custom-menu li {
	padding: 10px 5px;
	cursor: pointer;
	border-bottom: 1px solid #000;
}
.custom-menu li:hover {
    background-color: #e6e6e6;
    border-radius: 15px;
}
.sub_menu_item, .fmenu_item, .avitem {
    border-bottom: 1px solid #ededed;
    background: #fff;
    color: #000;
}
.aw-zoom
{
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}
.aw-zoom:hover
{
    z-index:2;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);  
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

.uygulama_butonu {
    display: inline-block;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-left: 10px;
    margin-top: 5px
}

.uygulama_butonu2 {
    background: #0000004f;
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px
}

.sosyalmedyaiconlarim {
    width: 30px;
    margin-right: 7px
}

.sosyalmedyahesaplari {
    background: #0003;
    padding: 5px;
    border-bottom: 1px solid #000!important
}
.djefekt {
	animation:dj-animation 3s cubic-bezier(.4,0,1,1) infinite;
	background: linear-gradient(to right,#7f00ff,#e100ff);
	border-bottom:1px;
	border-top:1px;
	border-left:1px;
	border-right:1px;
	background-size:cover
}
@keyframes dj-animation {
	0% {
		transform:scale(1,1)
	}
	50% {
		transform:scale(1.1,1.1)
	}
	100% {
		transform:scale(1,1)
	}
}
.onaychat{webkit-filter: blur(5px);filter: blur(5px);}	
#oyunlar {	width:150px;position:absolute;right:110px;padding:0 24px}
.topic_log { background: #ffffffe6; color: #00000; font-weight:bold; border-radius:10px; border: 1px dashed #8c2654ba; border-right: 2px solid #a40a50; border-left: 2px solid #000; }
.seen { background:#ffe6f2; color:#330019; font-weight:bold; }
.ustyonetim {
    animation: ustyonetim 5s linear infinite;
}
@keyframes ustyonetim{0%{opacity: 1;}50%{opacity: .5;}100%{opacity: 1;}}
.dogrulanmisprofil {
	font-size:12px;
	color:#38a9ff
}
.under-10 {
    background: #03add8;
}
.lvl {
    font-size: 8px;
    color: #fff;
    border-radius: 2px;
}
.av-level-clog{position:absolute;right:0;left:0;margin:0 auto;top:38px;width:21px;text-align:center;color:#fff;border-radius:2px;font-size:8px}
.score_level { display:table-cell; vertical-align:middle; width:290px; text-align:right; font-weight:bold; padding:0 5px; }
.levelback1 { background: linear-gradient(to right,#541d66,#cbb4d4);color: aliceblue; }
.levelback2 { background: linear-gradient(to right,#495f69,#9ac7e0);color: aliceblue; }
.levelback3 { background: linear-gradient(to right,#889da7,#999);color: aliceblue; }
.levdiv { margin-bottom: 6px;padding: 4px !important; }
.dj_liste_baslik {
    background: url(../default_images/active-userlist.gif) 129px 129px no-repeat;
    background-size: 130px 80px;
    background-position: right;
}
.sol-panel-open{top:19%;border-radius:0 100% 100% 0;margin-left:-5px;position:fixed;font-size:30px;z-index:2;cursor:pointer}
.sag-panel-open{top:19%;border-radius: 100% 0 0 100%;margin-left:-24px;position:fixed;font-size:30px;z-index:2;cursor:pointer}
#chat_yetkili_list{position:absolute;z-index:12;width:100%}
#chat_yetkili_list_text{vertical-align:top;position:absolute;margin-left:2px}
.chat_yetkili_list_bold { font-weight:bold;}
.chat_ust_yetkililer {display: inline-block;vertical-align: baseline;margin: 0 2px;padding: 0 2px;border-radius: 16px;}
.chat_ust_yetkililer img {width: 30px;height: 30px;padding: 1px;border-radius: 50%;}
.chat_ust_yetkililer_bilgi {display: table-cell;vertical-align: middle;padding: 0 2px;}
.chat_ust_yetkililer_avatar{display: table-cell;vertical-align: baseline;width: 33px;height: 33px;}
.chat_yetkili_list_arka1 { background:#ff3333; }
.chat_yetkili_list_arka2 { background:#ff6633; }
.chat_yetkili_list_arka3 { background:#ff9933; }
.chat_yetkili_list_arka4 { background:#ffcc33; }
.chat_yetkili_list_arka5 { background:#cccc00; }
.chat_yetkili_list_arka6 { background:#99cc00; }
.chat_yetkili_list_arka7 { background:#59b300; }
.chat_yetkili_list_arka8 { background:#829356; }
.chat_yetkili_list_arka9 { background:#008000; }
.chat_yetkili_list_arka10 { background:#00e639; }
.chat_yetkili_list_arka11 { background:#00e673; }
.chat_yetkili_list_arka12 { background:#00e6ac; }
.chat_yetkili_list_arka13 { background:#00cccc; }
.chat_yetkili_list_arka14 { background:#03add8; }
.chat_yetkili_list_arka15 { background:#3366ff; }
.chat_yetkili_list_arka16 { background:#107896; }
.chat_yetkili_list_arka17 { background:#004d99; }
.chat_yetkili_list_arka18 { background:#6633ff; }
.chat_yetkili_list_arka19 { background:#9933ff; }
.chat_yetkili_list_arka20 { background:#cc33ff; }
.chat_yetkili_list_arka21 { background:#ff33ff; }
.chat_yetkili_list_arka22 { background:#ff33cc; }
.chat_yetkili_list_arka23 { background:#ff3399; }
.chat_yetkili_list_arka24 { background:#ff3366; }
.chat_yetkili_list_arka25 { background:#604439; }
.chat_yetkili_list_arka26 { background:#795548; }
.chat_yetkili_list_arka27 { background:#a97f70; }
.chat_yetkili_list_arka28 { background:#bc9b8f; }
.chat_yetkili_list_arka29 { background:#9E9E9E; }
.chat_yetkili_list_arka30 { background:#879fab; }
.chat_yetkili_list_arka31 { background:#698796; }
.chat_yetkili_list_arka32 { background:#495f69; }
.chat_yetkili_list_bellips { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.chat_yetkili_list_text_xsmall { font-size: 10px; }
.radyorenk {
    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;
    }
}
.ok_btn2 {
	background: linear-gradient(169deg, rgb(124 140 143) 0%, rgb(71 71 70) 51%, rgb(51 51 51) 100%);
	color: #ffffff;
	border: 2px solid #000;
	box-shadow: inset 0 0 36px -7px #000;
}
#soz_id {position: absolute;z-index: 12;width: 100%;}
#sozgecis_text {vertical-align: top;position: absolute;margin-left: 2px;margin-top: 0px;}
#duyuru_id {position: absolute;z-index: 12;width: 100%;}
#duyuru_text {vertical-align: top;position: absolute;margin-left: 2px;margin-top: 0px;}
span.avatar {margin-top: 5px;display: inline-block; vertical-align: middle}
span.yazi{margin-top: 5px;display: inline-block; vertical-align: middle}
.news-room-salonlar-button_sayilar {
    width: 58px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 0;
    box-sizing: border-box;
    border-left: 30px solid transparent;
}
[class~=room-selection-item] {
	padding-left:.01in
}
.category-rooms .room-selection-item:hover .room-selection-title {
	color:#414141
}
[class~=room-selection-item] {
	padding-bottom:.2pc
}
[class~=room-selection-item] [class~=room-selection-title] {
	font-size:1rem
}
[class~=room-selection-item] {
	padding-right:.166666667in
}
[class~=room-selection-item] {
	padding-top:.2pc
}
[class~=room-selection-item] {
	cursor:pointer
}
[class~=room-selection-item] {
	font-size:.8rem
}
[class~=room-selection-item] {
	border-radius:.25rem
}
[class~=room-selection-item] [class~=room-selection-title] {
	color:#fff
}
[class~=room-selection-item] {
	margin-left:1pt
}
[class~=room-selection-item] {
	margin-bottom:1pt
}
[class~=room-selection-item] {
	margin-right:1pt
}
[class~=room-selection-item] {
	margin-top:2pt
}
[class~=room-selection-item] {
	border-left-width:.03125in
}
[class~=room-selection-item] {
	border-bottom-width:.03in
}
[class~=room-selection-item]:hover [class~=room-selection-button],[class~=dark] [class~=room-selection-button] {
	border-bottom-width:.729166667in
}
[class~=room-selection-item] {
	border-right-width:.03in
}
[class~=room-selection-item] {
	border-top-width:.02in
}
[class~=room-selection-item] {
	border-left-style:solid
}
[class~=room-selection-item]:hover [class~=room-selection-button],[class~=room-selection-item],[class~=dark] [class~=room-selection-button] {
	border-bottom-style:solid
}
[class~=room-selection-item] {
	border-right-style:solid
}
[class~=room-selection-item] {
	border-top-style:solid
}
[class~=room-selection-item] {
	border-left-color:#210000
}
[class~=room-selection-item] {
	border-bottom-color:#000
}
[class~=room-selection-item] {
	border-right-color:#000
}
[class~=room-selection-item] {
	border-top-color:#000
}
[class~=room-selection-item] {
	border-image:none
}
[class~=dark] [class~=room-selection-button] {
	border-bottom-color:rgba(33,150,243,.06)
}
[class~=room-selection-item] {
	position:relative
}
[class~=room-selection-item] {
	overflow:hidden
}
.room-selection-button,.room-selection-button-icon {
	position:absolute;
	right:0
}
.room-selection-button-icon,.room-selection-button {
	top:0
}
[class~=room-selection-item]:hover [class~=room-selection-button] {
	border-bottom-color:#2196f3
}
.room-selection-button-icon,.room-selection-button {
	bottom:0
}
.room-selection-button-icon {
	width:27pt;
	height:0.78in;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#2196f3
}
[class~=dark] [class~=room-selection-button],[class~=room-selection-item]:hover [class~=room-selection-button] {
	border-image:none
}
.room-selection-content {
	font-size:.7rem;
	color:#fff;
}
.room-selection-button {
	width:60px;
	height:100%
}
.room-selection-item:hover .room-selection-button-icon {
	color:#fff
}
.room-selection-button {
	background:0
}
.room-selection-button {
	box-sizing:border-box
}
[class~=dark] [class~=room-selection-item] [class~=room-selection-title] {
	color:hsla(0,0%,100%,.67)
}
.room-selection-button {
	border-left-width:.3125in
}
[class~=category-rooms] [class~=room-selection-item]:hover,.room-selection-button {
	border-left-style:solid
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-left-width:2.25pt
}
.room-selection-button {
	border-left-color:transparent
}
.room-selection-button {
	border-image:none
}
.room-selection-button {
	border-bottom-width:52.5pt
}
.room-selection-button,[class~=category-rooms] [class~=room-selection-item]:hover {
	border-bottom-style:solid
}
.room-selection-button {
	border-bottom-color:rgba(0,0,0,.04)
}
.yenirooms_roomlist_bilgi,[class~=yenirooms_roomlist_resim] {
	display:table-cell
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-bottom-width:.75pt
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-right-width:.75pt
}
.yenirooms_roomlist_bilgi,[class~=yenirooms_roomlist_resim] {
	vertical-align:middle
}
[class~=yenirooms_roomlist_resim] {
	width:36pt;
	height:48px
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-top-width:.75pt
}
[class~=yenirooms_roomlist_resim] {
	border-radius:50%
}
[class~=room-selection-item] [class~=room-selection-title] i {
	display:inline
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-right-style:solid
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-top-style:solid
}
[class~=yenirooms_roomlist_resim] {
	margin-right:7.5pt
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-left-color:rgba(0,0,0,.2)
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-bottom-color:rgba(0,0,0,.13)
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-right-color:rgba(0,0,0,.13)
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-top-color:rgba(0,0,0,.13)
}
[class~=room-selection-item] [class~=room-selection-title] i {
	font-size:.8rem
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	border-image:none
}
[class~=category-rooms] [class~=room-selection-item]:hover {
	background:rgba(0,0,0,.02)
}
img.room_cicon {
    width: 40px;
    height: 40px;
    border-radius: 15px;
}
.odaarkarenk1 {
  background: #ff3333;
}
.odaarkarenk2 {
  background: #ff6633;
}
.odaarkarenk3 {
  background: #ff9933;
}
.odaarkarenk4 {
  background: #ffcc33;
}
.odaarkarenk5 {
  background: #cccc00;
}
.odaarkarenk6 {
  background: #99cc00;
}
.odaarkarenk7 {
  background: #59b300;
}
.odaarkarenk8 {
  background: #00cccc;
}
.odaarkarenk9 {
  background: #008000;
}
.odaarkarenk10 {
  background: #00e639;
}
.odaarkarenk11 {
  background: #00e673;
}
.odaarkarenk12 {
  background: #00e6ac;
}
.odaarkarenk13 {
  background: #00cccc;
}
.odaarkarenk14 {
  background: #03add8;
}
.odaarkarenk15 {
  background: #3366ff;
}
.odaarkarenk16 {
  background: #107896;
}
.odaarkarenk17 {
  background: #004d99;
}
.odaarkarenk18 {
  background: #6633ff;
}
.odaarkarenk19 {
  background: #9933ff;
}
.odaarkarenk20 {
  background: #cc33ff;
}
.odaarkarenk21 {
  background: #ff33ff;
}
.odaarkarenk22 {
  background: #ff33cc;
}
.odaarkarenk23 {
  background: #ff3399;
}
.odaarkarenk24 {
  background: #ff3366;
}
.odaarkarenk25 {
  background: #0042c4;
}
.odaarkarenk26 {
  background: #8b00d1;
}
.odaarkarenk27 {
  background: #b92eff;
}
.odaarkarenk28 {
  background: #df2e8c;
}
.odaarkarenk29 {
  background: #fb832e;
}
.odaarkarenk30 {
  background: #e3abab;
}
.odaarkarenk31 {
  background: #007700;
}
.odaarkarenk32 {
  background: #751e1e;
}
i.mdi.mdi-music-note-plus {
    animation: pulse2 linear 1000ms infinite;
    font-size: 15px;
    border-radius: 15px;
}
i.mdi.mdi-star {
    animation: pulse2 linear 1000ms infinite;
    font-size: 15px;
    border-radius: 15px;
}
@-webkit-keyframes pulse2 {
    0% {
        box-shadow: 0 0 0 0 #5edfff;
    }
    70% {
        box-shadow: 0 0 0 8px transparent;
    }
    to {
        box-shadow: 0 0 0 0 transparent;
    }
}
.booms_populeruyeler .like_icon{width:11px;height:16px}.booms_populeruyeler .like_count{padding:2px}.booms_populeruye:nth-child(1){background:#673AB7;color:#fff}.booms_populeruye:nth-child(2){background:#4CAF50;color:#fff!important}.booms_populeruye:nth-child(3){background:#E91E63;color:#fff!important}.booms_populeruye:nth-child(4){color:#fff;background:#FF5722}.booms_populeruye:nth-child(5){background:#795548;color:#fff}div.booms_populeruye:nth-child(1) div.ulist_name,div.lvl_rank:nth-child(2) div.ulist_name,div.lvl_rank:nth-child(3) div.ulist_name,div.lvl_rank:nth-child(4) div.ulist_name,div.lvl_rank:nth-child(5) div.ulist_name{color:#fff!important}
.profile_like{display:table;table-layout:fixed;width:100%}
.profile_like .like_icon{width:30px;height:30px;display:inline-block;vertical-align:middle}
.boy { border-color:#03add8; }
.girl { border-color:#ff99ff;}
.nosex { border-color:#ccc; }
.predefined_avatar_layout{height:auto;float:left;margin: 4px;border-radius: 8px;}
.predefined_avatar{width: 50px;height: 50px;border-radius: 8px;}
.reg_menu ul li{border-top:1px solid #f3f3f3;border-right:1px solid #f3f3f3;border-left:1px solid #f3f3f3}
#avatar_panel_tab{border: 1px solid #f3f3f3;padding-left:5px;padding-right:5px;}
.predefined_avatar_layout:hover{transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-o-transform:scale(1.7);z-index:10;background-color:#fff}
.avatar_panel_scroll{}
.bicon.begen {
	color:#5e91ff
}
.bicon.begenme {
	color:#ba2c2a
}
.bicon.sev {
	color:#d46eab
}
.bicon {
	margin-left:5px
}
.like_youtube {
	float:left;
	cursor:pointer;
	padding:5px;
	border-radius:50px;
	display:flex
}
.like_youtube img {
	width:20px
}
.private_content .begeni {
	display:none
}
img.youtube_chat_icon {
	width:16px
}
.begeni {
	text-shadow:none
}
.tick {padding-left: 5px; color:#92A58C;display: inline-block;}
.cevaptable {
    max-width: 100%;
    display: inline-block;
    background: rgb(0 0 0 / 0.1);
    border-radius: .4rem;
    font-size: 12px;
    padding: 5px 10px;
    margin-bottom: 8px;
    position: relative;
    border-left: 4px solid;
    text-decoration: none;   
}
.emo_content .emoticon img {
     -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    min-height: 32.6px;
    max-height: 43.6px;
    min-width: 35.6px;
    max-width: 43.6px;
    background-color: #eaeaea6e;
    padding: 8px;
}
.ikonListesiIMG {
border-radius: 100%;
 cursor: pointer;
    float: left;
    min-height: 40px;
    max-height: 40px;
    min-width: 40px;
    max-width: 40px;
    background-color: #eaeaea6e;
    padding: 5px;
    margin: -2px;
    box-shadow: 4px 7px 10px 5px rgb(102 92 92);
}

.ikonListesiIMG2 {
    border-radius: 100%;
    cursor: pointer;
    float: left;
    min-height: 40px;
    max-height: 40px;
    min-width: 40px;
    max-width: 40px;
    background-color: #eaeaea6e;
    padding: 5px;
    margin: 0;
    box-shadow: 4px 7px 10px 5px rgb(0 0 0/20%);
}
.sticker,
.sticker .ikonListesiIMG2 {
    width: 58px;
    min-width: 58px;
    min-height: 58px;
    min-width: 58px;
    min-height: 58px;
}

.onay_input {
    text-align: center;
    line-height: 38px;
    font-size: 15px;
    z-index: 1;
    position: relative;
}
.msktable {
    background: #f5f5f59c;
    max-width: 100%;
    min-width: 175px;
    display: inline-block;
    border-radius: 0.4rem;
    padding: 10px;
    position: relative;
    box-shadow: rgb(100 100 100) 1.95px 1.95px 2.6px;
    border-radius: 0 15px;
}
.msktable:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 7px solid #cdcdcd00;
    border-right: 7px solid #bebebe9c;
    border-top: 7px solid #bebebe9c;
    border-bottom: 7px solid transparent;
    left: -14px;
    top: 6px;
}

.cdate {
    display: table-cell;
    width: 100px;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
}
.chatops {
    display: inline-block;
    vertical-align: middle;
}
.ch_logs .my_text {
    display: block;
    padding: 4px;
    overflow: visible;
    position: relative;
    float: right;
    border-radius: 0.4em;
    right: 15px;
    width: calc(100% - 25px) !important;
}
.cclear, .cdate, .input_text, .logs_date, .pdate, .ptdate {
    color: #060606;
}
.frame_choice .bccheck {
    color: red;
    margin-top: 14px;
}
.prograd1,
.pgrad1 {
	background: linear-gradient(to top, #f33, #800000)!important;
	color: white!important
}

.prograd2,
.pgrad2 {
	background: linear-gradient(to top, #f63, #4d1300)!important;
	color: white!important
}

.prograd3,
.pgrad3 {
	background: linear-gradient(to top, #f93, #4d2600)!important;
	color: white!important
}

.prograd4,
.pgrad4 {
	background: linear-gradient(to top, #fc3, #806000)!important;
	color: white!important
}

.prograd5,
.pgrad5 {
	background: linear-gradient(to top, #cc0, #4d4d00)!important;
	color: white!important
}

.prograd6,
.pgrad6 {
	background: linear-gradient(to top, #9c0, #394d00)!important;
	color: white!important
}

.prograd7,
.pgrad7 {
	background: linear-gradient(to top, #59b300, #264d00)!important;
	color: white!important
}

.prograd8,
.pgrad8 {
	background: linear-gradient(to top, #829356, #2b301c)!important;
	color: white!important
}

.prograd9,
.pgrad9 {
	background: linear-gradient(to top, #008000, #001a00)!important;
	color: white!important
}

.prograd10,
.pgrad10 {
	background: linear-gradient(to top, #00e639, #00330d)!important;
	color: white!important
}

.prograd11,
.pgrad11 {
	background: linear-gradient(to top, #00e673, #063)!important;
	color: white!important
}

.prograd12,
.pgrad12 {
	background: linear-gradient(to top, #00e6ac, #004d39)!important;
	color: white!important
}

.prograd13,
.pgrad13 {
	background: linear-gradient(to top, #0cc, #004d4d)!important;
	color: white!important
}

.prograd14,
.pgrad14 {
	background: linear-gradient(to top, #03add8, #013d4b)!important;
	color: white!important
}

.prograd15,
.pgrad15 {
	background: linear-gradient(to top, #36f, #002080)!important;
	color: white!important
}

.prograd16,
.pgrad16 {
	background: linear-gradient(to top, #107896, #073845)!important;
	color: white!important
}

.prograd17,
.pgrad17 {
	background: linear-gradient(to top, #004d99, #66b3ff)!important;
	color: white!important
}

.prograd18,
.pgrad18 {
	background: linear-gradient(to top, #63f, #c6b3ff)!important;
	color: white!important
}

.prograd19,
.pgrad19 {
	background: linear-gradient(to top, #93f, #d9b3ff)!important;
	color: white!important
}

.prograd20,
.pgrad20 {
	background: linear-gradient(to top, #c3f, #ecb3ff)!important;
	color: white!important
}

.prograd21,
.pgrad21 {
	background: linear-gradient(to top, #f3f, #ffb3ff)!important;
	color: white!important
}

.prograd22,
.pgrad22 {
	background: linear-gradient(to top, #f3c, #ff99e6)!important;
	color: white!important
}

.prograd23,
.pgrad23 {
	background: linear-gradient(to top, #f39, #ffb3d9)!important;
	color: white!important
}

.prograd24,
.pgrad24 {
	background: linear-gradient(to top, #f36, #ffb3c6)!important;
	color: white!important
}

.prograd25,
.pgrad25 {
	background: linear-gradient(to top, #40e0d0, #ff8c00, #ff0080)!important;
	color: white!important
}

.prograd26,
.pgrad26 {
	background: linear-gradient(to top, #11998e, #38ef7d)!important;
	color: white!important
}

.prograd27,
.pgrad27 {
	background: linear-gradient(to top, #108dc7, #ef8e38)!important;
	color: white!important
}

.prograd28,
.pgrad28 {
	background: linear-gradient(to top, #fc5c7d, #6a82fb)!important;
	color: white!important
}

.prograd29,
.pgrad29 {
	background: linear-gradient(to top, #fc466b, #3f5efb)!important;
	color: white!important
}

.prograd30,
.pgrad30 {
	background: linear-gradient(to top, #c94b4b, #4b134f)!important;
	color: white!important
}

.prograd31,
.pgrad31 {
	background: linear-gradient(to top, #00f260, #0575e6)!important;
	color: white!important
}

.prograd32,
.pgrad32 {
	background: linear-gradient(to top, #fc4a1a, #f7b733)!important;
	color: white!important
}

.prograd33,
.pgrad33 {
	background: linear-gradient(to top, #22c1c3, #fdbb2d)!important;
	color: white!important
}

.prograd34,
.pgrad34 {
	background: linear-gradient(to top, #7f00ff, #e100ff)!important;
	color: white!important
}

.prograd35,
.pgrad35 {
	background: linear-gradient(to top, #67b26f, #4ca2cd)!important;
	color: white!important
}

.prograd36,
.pgrad36 {
	background: linear-gradient(to top, #ee0979, #ff6a00)!important;
	color: white!important
}

.prograd37,
.pgrad37 {
	background: linear-gradient(to top, #00c3ff, #ffff1c)!important;
	color: white!important
}

.prograd38,
.pgrad38 {
	background: linear-gradient(to top, #fc00ff, #00dbde)!important;
	color: white!important
}

.prograd39,
.pgrad39 {
	background: linear-gradient(to top, #833ab4, #fd1d1d, #fcb045)!important;
	color: white!important
}

.prograd40,
.pgrad40 {
	background: linear-gradient(to top, #43cea2, #185a9d)!important;
	color: white!important
}

.prograd41,
.pgrad41 {
	background: linear-gradient(to top, #bdc3c7, #2c3e50)!important;
	color: white!important
}

.prograd42,
.pgrad42 {
	background: linear-gradient(to top, #373b44, #4286f4)!important;
	color: white!important
}

.prograd43,
.pgrad43 {
	background: linear-gradient(to top, #2980b9, #6dd5fa, #fff)!important;
	color: white!important
}

.prograd44,
.pgrad44 {
	background: linear-gradient(to top, #f09, #493240)!important;
	color: white!important
}

.prograd45,
.pgrad45 {
	background: linear-gradient(to top, #f953c6, #b91d73)!important;
	color: white!important
}

.prograd46,
.pgrad46 {
	background: linear-gradient(to left, #c31432, #240b36)!important;
	color: white!important
}

.prograd47,
.pgrad47 {
	background: linear-gradient(to top, #dd3e54, #6be585)!important;
	color: white!important
}

.prograd48,
.pgrad48 {
	background: linear-gradient(to top, #8360c3, #2ebf91)!important;
	color: white!important
}

.prograd49,
.pgrad49 {
	background: linear-gradient(to top, #544a7d, #ffd452)!important;
	color: white!important
}

.prograd50,
.pgrad50 {
	background: linear-gradient(to top, #009fff, #ec2f4b)!important;
	color: white!important
}

.prograd51,
.pgrad51 {
	background: linear-gradient(to top, #59c173, #a17fe0, #5d26c1)!important;
	color: white!important
}

.prograd52,
.pgrad52 {
	background: linear-gradient(to top, #005aa7, #fffde4)!important;
	color: white!important
}

.prograd53,
.pgrad53 {
	background: linear-gradient(to top, #da4453, #89216b)!important;
	color: white!important
}

.prograd54,
.pgrad54 {
	background: linear-gradient(to top, #ad5389, #3c1053)!important;
	color: white!important
}

.prograd55,
.pgrad55 {
	background: linear-gradient(to top, #a8c0ff, #3f2b96)!important;
	color: white!important
}

.prograd56,
.pgrad56 {
	background: linear-gradient(to top, #333, #dd1818)!important;
	color: white!important
}

.prograd57,
.pgrad57 {
	background: linear-gradient(to top, #108dc7, #ef8e38)!important;
	color: white!important
}

.prograd58,
.pgrad58 {
	background: linear-gradient(to top, #23074d, #cc5333)!important;
	color: white!important
}

.prograd59,
.pgrad59 {
	background: linear-gradient(to top, #fffbd5, #b20a2c)!important;
	color: white!important
}

.prograd60,
.pgrad60 {
	background: linear-gradient(to top, #0f0c29, #302b63, #24243e)!important;
	color: white!important
}

.prograd61,
.pgrad61 {
	background: linear-gradient(to top, #800080, #ffc0cb)!important;
	color: white!important
}

.prograd62,
.pgrad62 {
	background: linear-gradient(to top, #00f260, #0575e6)!important;
	color: white!important
}

.prograd63,
.pgrad63 {
	background: linear-gradient(to top, #667db6, #0082c8, #ec38bc, #fdeff9)!important;
	color: white!important
}

.prograd64,
.pgrad64 {
	background: linear-gradient(to top, #e1eec3, #f05053)!important;
	color: white!important
}

.prograd65,
.pgrad65 {
	background: linear-gradient(to top, #03001e, #7303c0, #ec38bc, #fdeff9)!important;
	color: white!important
}

.prograd66,
.pgrad66 {
	background: linear-gradient(to top, #1a2a6c, #b21f1f, #fdbb2d)!important;
	color: white!important
}

.prograd67,
.pgrad67 {
	background: linear-gradient(to top, #000, #0f9b0f)!important;
	color: white!important
}

.prograd68,
.pgrad68 {
	background: linear-gradient(to top, #36d1dc, #5b86e5)!important;
	color: white!important
}

.prograd69,
.pgrad69 {
	background: linear-gradient(to top, #3a1c71, #d76d77, #ffaf7b)!important;
	color: white!important
}

.prograd70,
.pgrad70 {
	background: linear-gradient(to top, #283c86, #45a247)!important;
	color: white!important
}

.prograd71,
.pgrad71 {
	background: linear-gradient(to top, #ef3b36, #fff)!important;
	color: white!important
}

.prograd72,
.pgrad72 {
	background: linear-gradient(to top, #159957, #155799)!important;
	color: white!important
}

.prograd73,
.pgrad73 {
	background: linear-gradient(to top, #000046, #1cb5e0)!important;
	color: white!important
}

.prograd74,
.pgrad74 {
	background: linear-gradient(to top, #56ccf2, #2f80ed)!important;
	color: white!important
}

.prograd75,
.pgrad75 {
	background: linear-gradient(to top, #eb5757, #000)!important;
	color: white!important
}

.prograd76,
.pgrad76 {
	background: linear-gradient(to top, #20002c, #cbb4d4)!important;
	color: white!important
}

.prograd77,
.pgrad77 {
	background: linear-gradient(to top, #34e89e, #0f3443)!important;
	color: white!important
}

.prograd78,
.pgrad78 {
	background: linear-gradient(to top, #bdc3c7, #2c3e50)!important;
	color: white!important
}

.prograd79,
.pgrad79 {
	background: linear-gradient(to top, #a80077, #6f0)!important;
	color: white!important
}

.prograd80,
.pgrad80 {
	background: linear-gradient(to top, #000, #656565)!important;
	color: white!important
}
img.frame_class {
    height: 45px;
    left: -4px;
    width: 43px;
    position: absolute;
    top: -5px;
}

.frame-container {
    border: 1px solid #ccc;
    text-align: center;
}

div.frame-container img {
    height: 50px;
    width: 50px;
}

.frame-responsive {
    padding: 6px;
    float: left;
    width: 25%;
}

@media only screen and (max-width: 700px) {
    .frame-responsive {
        width: 33%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .frame-responsive {
        width: 33%;
    }
}
img.mySmile {
    height: 23px;
    position: absolute;
    margin-left: 5px;
    margin-top: -7px;
}
.over2 {
    position: absolute;
    display: inline-block;
    left: -27px;
    top: -41px;
    z-index: 9999;
    width: 190px;
}


.framelist1 {
    background: url(../default_images/frames/frames1.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist2 {
    background: url(../default_images/frames/frames2.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist3 {
    background: url(../default_images/frames/frames3.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist4 {
    background: url(../default_images/frames/frames4.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist5 {
    background: url(../default_images/frames/frames5.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist6 {
    background: url(../default_images/frames/frames6.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist6 {
    background: url(../default_images/frames/frames6.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist7 {
    background: url(../default_images/frames/frames7.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist8 {
    background: url(../default_images/frames/frames8.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}

.framelist9 {
    background: url(../default_images/frames/frames9.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist10 {
    background: url(../default_images/frames/frames10.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist11 {
    background: url(../default_images/frames/frames11.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist12 {
    background: url(../default_images/frames/frames12.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist13 {
    background: url(../default_images/frames/frames13.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist14 {
    background: url(../default_images/frames/frames14.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist15 {
    background: url(../default_images/frames/frames15.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist16 {
    background: url(../default_images/frames/frames16.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist17 {
    background: url(../default_images/frames/frames17.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist18 {
    background: url(../default_images/frames/frames18.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist19 {
    background: url(../default_images/frames/frames19.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist20 {
    background: url(../default_images/frames/frames20.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist21 {
    background: url(../default_images/frames/frames21.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist22 {
    background: url(../default_images/frames/frames22.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist23 {
    background: url(../default_images/frames/frames23.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist24 {
    background: url(../default_images/frames/frames24.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist25 {
    background: url(../default_images/frames/frames25.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist26 {
    background: url(../default_images/frames/frames26.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}

.framelist27 {
    background: url(../default_images/frames/frames27.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist28 {
    background: url(../default_images/frames/frames28.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}
.framelist29 {
    background: url(../default_images/frames/frames29.gif);
    background-size: 100%;
    width: 50px;
    height: 50px;
}





.frame1 {
    background: url(../default_images/frames/frames1.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -11px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame1 {
    height: 60px;
    left: -5px;
    width: 60px;
    top: -11px;
    background-size: 47px;
}


.frame2 {
    background: url(../default_images/frames/frames2.gif);
    height: 63px;
    left: -4px;
    width: 56px;
    position: absolute;
    top: -9px;
    background-size: 44px;
    background-repeat: no-repeat;
}

.chat_avatar .frame2 {
    height: 60px;
    left: -3px;
    width: 60px;
    top: -8px;
    background-size: 43px;
}

.frame3 {
    background: url(../default_images/frames/frames3.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -11px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame3 {
    height: 60px;
    left: -5px;
    width: 60px;
    top: -10px;
    background-size: 46px;
}

.frame4 {
    background: url(../default_images/frames/frames4.gif);
    height: 53px;
    left: -4px;
    width: 47px;
    position: absolute;
    top: -9px;
    background-size: 43px;
    background-repeat: no-repeat;
}

.chat_avatar .frame4 {
    height: 60px;
    left: -3px;
    width: 60px;
    top: -8px;
    background-size: 42px;
}

.frame5 {
    background: url(../default_images/frames/frames5.gif);
    height: 63px;
    left: -4px;
    width: 46px;
    position: absolute;
    top: -8px;
    background-size: 43px;
    background-repeat: no-repeat;
}

.chat_avatar .frame5 {
    height: 60px;
    left: -3px;
    width: 60px;
    top: -7px;
    background-size: 42px;
}

.frame6 {
    background: url(../default_images/frames/frames6.gif);
    height: 51px;
    left: -3px;
    width: 45px;
    position: absolute;
    top: -8px;
    background-size: 43px;
    background-repeat: no-repeat;
}

.chat_avatar .frame6 {
    height: 60px;
    left: -3px;
    width: 60px;
    top: -8px;
    background-size: 42px;
    background-repeat: no-repeat;
}

.frame7 {
    background: url(../default_images/frames/frames7.gif);
    height: 63px;
    left: -3px;
    width: 56px;
    position: absolute;
    top: -8px;
    background-size: 43px;
    background-repeat: no-repeat;
}

.chat_avatar .frame7 {
    height: 60px;
    left: -4px;
    width: 60px;
    top: -7px;
    background-size: 43px;
    
}



.frame8 {
    background: url(../default_images/frames/frames8.gif);
    height: 52px;
    left: -3px;
    width: 56px;
    position: absolute;
    top: -9px;
    background-size: 43px;
    background-repeat: no-repeat;
}

.chat_avatar .frame8 {
    height: 60px;
    left: -3px;
    width: 60px;
    top: -9px;
    background-size: 43px;
}

.frame9 {
    background: url(../default_images/frames/frames9.gif);
    height: 63px;
    left: -2px;
    width: 56px;
    position: absolute;
    top: -8px;
    background-size: 41px;
    background-repeat: no-repeat;
}

.chat_avatar .frame9 {
    height: 60px;
    left: -2px;
    width: 60px;
    top: -8px;
    background-size: 41px;
}

.frame10 {
    background: url(../default_images/frames/frames10.gif);
    height: 53px;
    left: -2px;
    width: 56px;
    position: absolute;
    top: -8px;
    background-size: 41px;
    background-repeat: no-repeat;
}

.chat_avatar .frame10 {
    height: 60px;
    left: -2px;
    width: 60px;
    top: -7px;
    background-size: 40px;
}


.frame11 {
    background: url(../default_images/frames/frames11.gif);
    height: 52px;
    left: -5px;
    width: 48px;
    position: absolute;
    top: -11px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame11 {
    height: 60px;
    left: -2px;
    width: 60px;
    top: -7px;
    background-size: 41px;
}


.frame12 {
    background: url(../default_images/frames/frames12.gif);
    height: 51px;
    left: -3px;
    width: 49px;
    position: absolute;
    top: -10px;
    background-size: 42px;
    background-repeat: no-repeat;
}

.chat_avatar .frame12 {
    height: 60px;
    left: -4px;
    width: 60px;
    top: -11px;
    background-size: 44px;
}


.frame13 {
    background: url(../default_images/frames/frames13.gif);
    height: 63px;
    left: -3px;
    width: 56px;
    position: absolute;
    top: -9px;
    background-size: 42px;
    background-repeat: no-repeat;
}

.chat_avatar .frame13 {
    height: 60px;
    left: -3px;
    width: 60px;
    top: -10px;
    background-size: 44px;
}

.frame14 {
    background: url(../default_images/frames/frames14.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -10px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame14 {
    height: 60px;
    left: -6px;
    width: 60px;
    top: -12px;
    background-size: 47px;
}

.frame15 {
    background: url(../default_images/frames/frames15.gif);
    height: 63px;
    left: -3px;
    width: 56px;
    position: absolute;
    top: -9px;
    background-size: 43px;
    background-repeat: no-repeat;
}

.chat_avatar .frame15 {
    height: 60px;
    left: -3px;
    width: 60px;
    top: -9px;
    background-size: 43px;
}


.frame16 {
    background: url(../default_images/frames/frames16.gif);
    height: 63px;
    left: -11px;
    width: 61px;
    position: absolute;
    top: -9px;
    background-size: 54px;
    background-repeat: no-repeat;
}

.chat_avatar .frame16 {
    height: 60px;
    left: -8px;
    width: 60px;
    top: -8px;
    background-size: 51px;
}


.frame17 {
    background: url(../default_images/frames/frames17.gif);
    height: 63px;
    left: -7px;
    width: 56px;
    position: absolute;
    top: -10px;
    background-size: 49px;
    background-repeat: no-repeat;
}

.chat_avatar .frame17 {
    height: 60px;
    left: -7px;
    width: 60px;
    top: -10px;
    background-size: 50px;
}


.frame18 {
    background: url(../default_images/frames/frames18.gif);
    height: 50px;
    left: -7px;
    width: 50px;
    position: absolute;
    top: -5px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame18 {
    height: 60px;
    left: -7px;
    width: 60px;
    top: -7px;
    background-size: 49px;
}


.frame19 {
    background: url(../default_images/frames/frames19.gif);
    height: 63px;
    left: -7px;
    width: 56px;
    position: absolute;
    top: -8px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame19 {
    height: 60px;
    left: -6px;
    width: 60px;
    top: -11px;
    background-size: 49px;
}


.frame20 {
    background: url(../default_images/frames/frames20.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -11px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame20 {
    height: 60px;
    left: -6px;
    width: 60px;
    top: -12px;
    background-size: 47px;
}



.frame21 {
    background: url(../default_images/frames/frames21.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -8px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame21 {
    height: 60px;
    left: -6px;
    width: 60px;
    top: -7px;
    background-size: 48px;
}


.frame22 {
    background: url(../default_images/frames/frames22.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -8px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame22 {
    height: 60px;
    left: -7px;
    width: 60px;
    top: -10px;
    background-size: 50px;
}


.frame23 {
    background: url(../default_images/frames/frames23.gif);
    height: 63px;
    left: -7px;
    width: 61px;
    position: absolute;
    top: -7px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame23 {
    height: 60px;
    left: -6px;
    width: 60px;
    top: -8px;
    background-size: 48px;
}


.frame24 {
    background: url(../default_images/frames/frames24.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -9px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame24 {
    height: 60px;
    left: -5px;
    width: 60px;
    top: -9px;
    background-size: 47px;
}


.frame25 {
    background: url(../default_images/frames/frames25.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -7px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame25 {
    height: 60px;
    left: -6px;
    width: 60px;
    top: -8px;
    background-size: 47px;
}

.frame26 {
    background: url(../default_images/frames/frames26.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -9px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame26 {
    height: 60px;
    left: -6px;
    width: 60px;
    top: -9px;
    background-size: 48px;
}


.frame27 {
    background: url(../default_images/frames/frames27.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -6px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame27 {
    height: 60px;
    left: -6px;
    width: 60px;
    top: -8px;
    background-size: 48px;
}



.frame28 {
    background: url(../default_images/frames/frames28.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -7px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame28 {
    height: 60px;
    left: -6px;
    width: 60px;
    top: -8px;
    background-size: 48px;
    background-repeat: no-repeat;
}


.frame29 {
    background: url(../default_images/frames/frames29.gif);
    height: 63px;
    left: -5px;
    width: 56px;
    position: absolute;
    top: -7px;
    background-size: 46px;
    background-repeat: no-repeat;
}

.chat_avatar .frame29 {
    height: 60px;
    left: -6px;
    width: 60px;
    top: -7px;
    background-size: 48px;
}
	.gift-container {
    border: 1px solid #ccc;
    text-align: center;
}
	div.gift-container img {
    height: 70px;
    width: 70px;
}
	div.gift-container img {
    padding: 10px 5px 0px
    height: auto;
    width: 50px;
    height: 50px;
}
				.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: rgb(0 0 0 / 50%);
  border-radius: 5px;
  font-size: 0.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 0.8s linear infinite;
}
.writing-dot:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.writing-dot:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.room-writing .writing-dot {
  background: #fff;
}
@keyframes wave_yazanlar {
	0%,100%,60% {
		transform:initial
	}
	30% {
		transform:translateY(-5px)
	}
}