.up_rank_emo::-webkit-file-upload-button {
    visibility: hidden;
}
.adnoyer_log .chat_message {
	line-height: 22px;
    background: linear-gradient(to top, #fd0254, #ff03c2);
    color: white;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 8px;
	width:100%;
}
.choose_elm {
    border: 1px solid #00ff2b;
}

.up_rank_emo::before {
    content: 'Select some files';
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}

.up_rank_emo:hover::before {
    border-color: black;
}

.up_rank_emo:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

#wrap_stream {
    width: 640px;
    height: 383px;
    padding: 20px;
    overflow: hidden;
    border-top: none;
    transition: all ease 0.3s;
    background: #151515;
}

#close_stream {
    float: right;
    padding: 0;
    font-size: 19px !important;
    color: #ff4d4d;
}

#hide_stream {
    float: right;
    padding: 0;
    margin-right: 20px;
    font-size: 19px !important;
    color: #ffffff;
}

#stream_header {
    width: 100%;
    height: 47px;
    background: #191919;
    padding: 15px;
    border-bottom: 1px solid #090909 !important;
    cursor: move;
}

#container_stream {
    -webkit-user-drag: auto;
    user-drag: auto;
    background: #090909;
    border: 3px solid #090909;
    top: 35%;
    border-radius: 7px;
    overflow: hidden;
}

#wrap_stream.hide {
    height: 0 !important;
    transition: all ease 0.3s;
    padding: 0;
}

.open_player {
    background: red;
    padding: 4px 8px;
    position: relative;
    right: auto;
    top: auto;
    cursor: pointer;
    opacity: 1;
    z-index: 11;
    border-radius: 5px;
    width: auto;
    display: inline-block;
}

@media screen and (max-width: 768px) {
    #container_stream {
        left: 18px;
        right: 18px;
        top: 40px;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
    #stream_header {
        width: 100%;
        height: 36px;
        background: #191919;
        padding: 9px;
        border-bottom: 1px solid #090909 !important;
        cursor: move;
    }
    #wrap_stream {
        width: auto;
        height: 200px;
        padding: 10px;
        overflow: hidden;
        border-top: none;
        transition: all ease 0.3s;
        background: #151515;
    }
    .open_player.hide_mobile {
        display: inline-block !important;
    }
}


/* smile X animation */

@keyframes sm_3600 {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(-3600px, 0px, 0px);
    }
}

@keyframes sm_756 {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(-756px, 0px, 0px);
    }
}

@keyframes sm_3456 {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(-3456px, 0px, 0px);
    }
}

@keyframes sm_1512 {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(-1512px, 0px, 0px);
    }
}

@keyframes sm_1800 {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(-1800px, 0px, 0px);
    }
}

@keyframes sm_960 {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(-960px, 0px, 0px);
    }
}

@keyframes sm_2880 {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(-2880px, 0px, 0px);
    }
}

@keyframes a_1800 {
    100% {
        background-position: -1800px center;
    }
}

@keyframes a_3456 {
    100% {
        background-position: -3456px center;
    }
}

@keyframes sm_3312 {
    0% {
        transform: translate(0px);
    }
    100% {
        transform: translate(-3312px);
    }
}

@keyframes sm_1296 {
    0% {
        transform: translate(0px);
    }
    100% {
        transform: translate(-1296px);
    }
}

@keyframes sm_3168 {
    0% {
        transform: translate(0px);
    }
    100% {
        transform: translate(-3168px);
    }
}

@keyframes sm_612 {
    0% {
        transform: translate(0px);
    }
    100% {
        transform: translate(-612px);
    }
}

@keyframes sm_ {
    0% {
        transform: translate(0px);
    }
    100% {
        transform: translate(-2448px);
    }
}

.sp-replacer {
    width: 100%;
}

.sp-dd {
    float: right;
}

.sp-preview {
    width: 90%;
}

.preview_zone {
    padding: 5px 0 20px 0;
    margin-bottom: 20px;
}

.picshadw1,
.picback1 {
    box-shadow: #422f99 0 0 10px;
    border: 1px solid #422f99 !important;
}

.picshadw2,
.picback2 {
    box-shadow: #a80077 0 0 10px;
    border: 1px solid #a80077 !important;
}

.picshadw3,
.picback3 {
    box-shadow: #000 0 0 10px;
    border: 1px solid #000 !important;
}

.picshadw4,
.picback4 {
    box-shadow: #4d3e3e 0 0 10px;
    border: 1px solid #4d3e3e !important;
}

.picshadw5,
.picback5 {
    box-shadow: #142850 0 0 10px;
    border: 1px solid #142850 !important;
}

.picshadw6,
.picback6 {
    box-shadow: #00909e 0 0 10px;
    border: 1px solid #00909e !important;
}

.picshadw7,
.picback7 {
    box-shadow: #dae1e7 0 0 10px;
    border: 1px solid #dae1e7 !important;
}

.picshadw8,
.picback8 {
    box-shadow: #ffe0ac 0 0 10px;
    border: 1px solid #ffe0ac !important;
}

.picshadw9,
.picback9 {
    box-shadow: #888 0 0 10px;
    border: 1px solid #888 !important;
}

.picshadw10,
.picback10 {
    box-shadow: #120136 0 0 10px;
    border: 1px solid #120136 !important;
}

.picshadw11,
.picback11 {
    box-shadow: #f6f578 0 0 10px;
    border: 1px solid #f6f578 !important;
}

.picshadw12,
.picback12 {
    box-shadow: #862a5c 0 0 10px;
    border: 1px solid #862a5c !important;
}

.picshadw13,
.picback13 {
    box-shadow: #eaac9d 0 0 10px;
    border: 1px solid #eaac9d !important;
}

.picshadw14,
.picback14 {
    box-shadow: #06623b 0 0 10px;
    border: 1px solid #06623b !important;
}

.picshadw15,
.picback15 {
    box-shadow: #f79071 0 0 10px;
    border: 1px solid #f79071 !important;
}

.picshadw16,
.picback16 {
    box-shadow: #f6acc8 0 0 10px;
    border: 1px solid #f6acc8 !important;
}

.picshadw17,
.picback17 {
    box-shadow: #af8baf 0 0 10px;
    border: 1px solid #af8baf !important;
}

.picshadw18,
.picback18 {
    box-shadow: #584153 0 0 10px;
    border: 1px solid #584153 !important;
}

.picshadw19,
.picback19 {
    box-shadow: #c1a57b 0 0 10px;
    border: 1px solid #c1a57b !important;
}

.picshadw20,
.picback20 {
    box-shadow: #2c003e 0 0 10px;
    border: 1px solid #2c003e !important;
}

.picshadw21,
.picback21 {
    box-shadow: #43d8c9 0 0 10px;
    border: 1px solid #43d8c9 !important;
}

.picshadw22,
.picback22 {
    box-shadow: #95389e 0 0 10px;
    border: 1px solid #95389e !important;
}

.picshadw23,
.picback23 {
    box-shadow: #0779e4 0 0 10px;
    border: 1px solid #0779e4 !important;
}

.picshadw24,
.picback24 {
    box-shadow: #d8345f 0 0 10px;
    border: 1px solid #d8345f !important;
}

.picshadw25,
.picback25 {
    box-shadow: #c70039 0 0 10px;
    border: 1px solid #c70039 !important;
}

.picshadw26,
.picback26 {
    box-shadow: #ff5733 0 0 10px;
    border: 1px solid #ff5733 !important;
}

.picshadw27,
.picback27 {
    box-shadow: #8566aa 0 0 10px;
    border: 1px solid #8566aa !important;
}

.picshadw28,
.picback28 {
    box-shadow: #6983aa 0 0 10px;
    border: 1px solid #6983aa !important;
}

.picshadw29,
.picback29 {
    box-shadow: #f8e1f4 0 0 10px;
    border: 1px solid #f8e1f4 !important;
}

.picshadw30,
.picback30 {
    box-shadow: #97e5ef 0 0 10px;
    border: 1px solid #97e5ef !important;
}

.picshadw31,
.picback31 {
    box-shadow: #b9ebcc 0 0 10px;
    border: 1px solid #b9ebcc !important;
}

.picshadw32,
.picback32 {
    box-shadow: #5a3f11 0 0 10px;
    border: 1px solid #5a3f11 !important;
}

.picshadw33,
.picback33 {
    box-shadow: #9c5518 0 0 10px;
    border: 1px solid #9c5518 !important;
}

.picshadw34,
.picback34 {
    box-shadow: #ffb385 0 0 10px;
    border: 1px solid #ffb385 !important;
}

.picshadw35,
.picback35 {
    box-shadow: #698474 0 0 10px;
    border: 1px solid #698474 !important;
}

.picshadw36,
.picback36 {
    box-shadow: #de7119 0 0 10px;
    border: 1px solid #de7119 !important;
}

.picshadw37,
.picback37 {
    box-shadow: #204051 0 0 10px;
    border: 1px solid #204051 !important;
}

.picshadw38,
.picback38 {
    box-shadow: #3b6978 0 0 10px;
    border: 1px solid #3b6978 !important;
}

.picshadw39,
.picback39 {
    box-shadow: #f76a8c 0 0 10px;
    border: 1px solid #f76a8c !important;
}

.picshadw40,
.picback40 {
    box-shadow: #fbcffc 0 0 10px;
    border: 1px solid #fbcffc !important;
}

.picshadw41,
.picback41 {
    box-shadow: #be79df 0 0 10px;
    border: 1px solid #be79df !important;
}

.picshadw42,
.picback42 {
    box-shadow: #cff1ef 0 0 10px;
    border: 1px solid #cff1ef !important;
}

.picshadw43,
.picback43 {
    box-shadow: #ffd1bd 0 0 10px;
    border: 1px solid #ffd1bd !important;
}

.picshadw44,
.picback44 {
    box-shadow: #9dc6a7 0 0 10px;
    border: 1px solid #9dc6a7 !important;
}

.picshadw45,
.picback45 {
    box-shadow: #323232 0 0 10px;
    border: 1px solid #323232 !important;
}

.user_item_avatar .acav {
    border-radius: 0px;
    width: 30px;
    height: 30px;
}

.user_item_avatar {
    width: 30px;
	vertical-align: top;
}

.cavatar {
    border-radius: 0px;
    width: 30px;
    height: 30px;
}

.chat_avatar {
    width: 30px;
}

.cname {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

.my_text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 2px 0 6px;
    position: relative;
}

.btable {
    display: table;
    table-layout: fixed;
    width: 100%;
}



.rtl_fright {
    float: right;
}

.inline {
    display: inline!important;
}

.list_status {
    position: absolute;
    right: 2px;
    bottom: 4px;
    width: 10px;
    height: 10px;
    border-radius: 25px;
    background: transparent;
    padding: 0px;
}

.under-10 {
    background: #03add8;
}

.under-20 {
    background: #0327d8;
}

.under-30 {
    background: #d803c8;
}

.under-40 {
    background: #d8035b;
}

.under-50 {
    background: #03d8b1;
}

.under-60 {
    background: #129810;
}

.under-70 {
    background: #981010;
}

.under-80 {
    background: #9a603e;
}

.under-90 {
    background: #949019;
}

.under-100 {
    background: #ff43b4;
}

.reach-100 {
    background: #d67701;
}

.border-10 {
    border: 2px solid #03add8;
}

.border-20 {
    border: 2px solid #0327d8;
}

.border-30 {
    border: 2px solid #d803c8;
}

.border-40 {
    border: 2px solid #d8035b;
}

.border-50 {
    border: 2px solid #03d8b1;
}

.border-60 {
    border: 2px solid #129810;
}

.border-70 {
    border: 2px solid #981010;
}

.border-80 {
    border: 2px solid #9a603e;
}

.border-90 {
    border: 2px solid #949019;
}

.border-100 {
    border: 2px solid #ff43b4;
}

.reachborder-100 {
    border: 2px solid #d67701;
}

.nameWave {
    background-size: 205% 100%;
    background-position: 0 0;
    animation: nameWave 3s linear infinite normal;
}

@keyframes nameWave {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

.chat_frame_avatar {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.ch_fr_bg {
    width: 35px;
    top: -3px;
}

.ch_fr_bg2 {
    width: 38px;
    top: 0;
}

.ch_fr_bg3 {
    width: 38px;
    top: -3px;
}

.over {
    position: absolute;
    z-index: 99;
    left: -3px;
}

.over2 {
    position: absolute;
    z-index: 99;
    left: -2px;
}

.over3 {
    position: absolute;
    z-index: 99;
    left: -4px;
}

#chat_right_data::-webkit-scrollbar {
    display: none
}

#chat_right_data {
    -ms-overflow-style: none;
    scrollbar-width: none
}

::-webkit-scrollbar {
    width: .4em
}

::-webkit-scrollbar-thumb {
    background: #d3d3d3
}

* {
    scrollbar-width: thin
}

.gift-container {
    border: 1px solid #ccc;
    text-align: center
}

div.gift-container:hover {
    border: 1px solid #777
}

div.gift-container img {
    padding: 10px 5px 5px;
    height: auto
}

div.gift-desc {
    padding: 5px 3px;
    text-align: center;
    background: #260132;
    font-size: 13px;
    color: #fff;
}

.gift-responsive {
    padding: 6px;
    width: 50%;
    display: contents;
}

@media only screen and (max-width:700px) {
    .gift-responsive {
        width: 33%;
        margin: 6px 0
    }
}

@media only screen and (max-width:500px) {
    .gift-responsive {
        width: 33%
    }
}

p.giftheading {
    padding-bottom: 5px;
    text-align: center;
    color: #20292f;
    font-size: 17px
}

div.gift-container:hover>div.gift-desc {
    background: #a703dc;
    color: #fff;
}

.sp_msg {
    background: linear-gradient(to top, hsl(231deg 67% 53%) 0%, hsl(0deg 0% 100%) 100%);
    box-shadow: 0px 0px 7px #949494;
    border-radius: 5px;
    border: 1px dashed white;
}

.gift___message {
    background-image: linear-gradient( 143.3deg, rgba(216, 27, 96, 1) 33.1%, rgba(237, 107, 154, 1) 74.9%) !important;
    outline: 1px dashed #d9e167;
    outline-offset: -4px;
    box-shadow: inset 0 0px 10px #e7d074;
}

.gift___message .chat_message,
.gift___message .username {
    color: white;
}

.marquee {
    height: 30px;
    overflow: hidden;
    position: relative;
    background: #fefefe;
    color: #333;
}

.marquee p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 30px;
    text-align: center;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-right 2s linear infinite;
    -webkit-animation: scroll-right 2s linear infinite;
    animation: scroll-right 20s linear infinite;
}

@-moz-keyframes scroll-right {
    0% {
        -moz-transform: translateX(-100%);
    }
    100% {
        -moz-transform: translateX(100%);
    }
}

@-webkit-keyframes scroll-right {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
    }
}

@keyframes scroll-right {
    0% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.ul_fr_news_bg {
    width: 38px;
    top: -1px;
}

.over5 {
    position: absolute;
    z-index: 1;
    right: -1px;
    pointer-events: none;
}

.post_avatar_frame {
    display: table-cell;
    vertical-align: center;
    width: 44px;
    height: 44px;
    position: relative;
}

.ul_fr_news {
    right: -2px;
    top: 2px;
}

.post_avatar img,
.post_avatar_frame .under {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    display: block;
    cursor: pointer;
}

.nosex {
    border-color: #fff;
}


.bustate {

    text-transform: uppercase;

    background: linear-gradient(to right, #6a5006 10%, #6633ff 50%, #05344c 60%);

    background-size: auto auto;

    background-clip: border-box;

    background-size: 200% auto;

    color: #fff;

    background-clip: text;

    text-fill-color: transparent;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    animation: textclip 4s linear infinite;

    /* display: inline-block; */

    font-weight: bold;

    font-size: 12px;

}

.admin_sm_content {
    background: #f7f7f7;
    color: #666;
    position: relative;
    font-family: courier;
    font-weight: bold;
    vertical-align: top;
    padding: 9px;
    word-wrap: break-word;
}

.group_free{
	width: 35px; position: absolute;z-index: 2;right: 0%;top: 0%;animation:pulse 2s infinite;
}
.group_free_new{
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0%;
}
.free_public_new{
	background:#ffffff;
	color: #7269ef;
	border-radius: 7px;
	text-align: center;
	box-shadow: 0 1px 2rem rgb(36 43 47 / 47%);
	font-size: 18px;
	float: left;
	width: 31px;
	margin-left: 3px;
	}
.group_free_list{
	width: 35px; position: absolute;z-index: 2;right: 37%;top: 35%;animation:pulse 2s infinite;
}
	.free_public{background:#ffffff;
	padding: 4px;color: #7269ef;border-radius: 7px;text-align: center;box-shadow: 0 1px 2rem rgb(36 43 47 / 47%);font-size: 18px;border: 2px solid var(--light);margin-bottom: 4px;
	}
	.hande{
	/*display:none;*/
	}