.news_menu_item {
    border-radius: 10px;
}


.news_menu{
    color:#555;
    background: initial !important;
}

.grad_menu .modal_selected {
    background-blend-mode: darken;
    background: rgba(0,0,0,0.35);
}

#clr-hue-slider, #clr-color-value {
    direction: ltr !important;
}
.coloris {
width: 100px;
height: 32px;
padding: 0 10px;
border: 1px solid #ccc;
border-radius: 10px;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
box-sizing: border-box;
}

.color-picker .clr-field button {
width: 100%;
height: 100%;
border-radius: 10px;
}

.color-picker {
    display: inline-block;
}

.grad_test {
    color: #fff!important;
}

.grad_mode {
    display: inline-block;
    border: 1px solid lightgray;
    width: 35px;
    height: 35px;
    font-size: 30px;
    border-radius: 6px;
}

.gray_btn {
    background: gray;
}

.choice_btn {
    border-radius: 16px;
}

#clr-picker {
    z-index: 1001;
}
.deleted_room,.deleted_room:hover {
    background: #b9b9b9;
}

.recapcha_div {
    display: none;
}

.boy {
    border-color: #03add8;
    color: #03add8;
}
.girl {
    border-color: #f9f;
    color: #f9f;
}

.nosex{
    border-color:#ccc;
    color: #ccc;
}

.noreg_notif {
    font-size: 16px;
    margin-left: 120px;
    margin-right: 120px;
    background: #bee5d7;
    margin-bottom: 10px;
    border-radius: 20px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
}

#private_file[disabled] { pointer-events:none; }
.login-icon {
    width: 16px;
    height: 16px;
}
.placeholder {
    background-color: #eeeeee;
    animation: placeholder ease-in-out 0.8s infinite;
}
@keyframes placeholder {
    0% {
        background-color: #eeeeee;
    }
    50% {
        background-color: #cccccc;
    }
    100% {
        background-color: #eeeeee;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0%;
    }
    100% {
        opacity: 100%;
    }
}

.pro_text { word-wrap: break-word; }
.logmsg { background: rgba(107,61,85,0.13); color: red; border-radius: 16px; padding: 4px; font-size: 1.1em; }
.msg_mark { display: inline; top: 3px; position: relative;}
.seen_mark { color: #34B7F1; }
.sensitive {
    background-image: url(/images/blur.jpg?nocache);
    height: 140px;
    width: 200px;
    background-size: cover;
    border-radius: 10px;
    font-family: 'Noto Kufi Arabic';
}
.sensitive_top {
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
}
.sensitive_mid {
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
}
.sensitive_btns {
    text-align: center;
    padding-top: 8px;
    font-size: 14px;
}
.sensitive_btn {
    width: 70px;
    border-radius: 8px;
    padding: 2px;
    font-family: 'Noto Kufi Arabic';
}
.sensitive_eye {
    text-align: center;
    padding-top: 10px;
}
.private_opt {
    width: 40px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#private_menu {
    right: 0;
    top: 100%;
    width: 170px;
    z-index: 40;
}

.fmenu {
    position: absolute;
    border-radius: 5px;
    overflow: hidden;
    display: none;
}

.percentage {
    position: absolute;
    text-align: center;
    font-size: 12px;
    left: 0px;
    top: 12px;
    width: 100%;
}

/*.player_pad {*/
/*    padding-right: calc(100% - 40px);*/
/*}*/

#priv_upload_progress {
    max-height: 32px;
}

#small_modal, #large_modal {
    -webkit-tap-highlight-color: transparent;
}
.toggle_label {
    height: 28px;
    display:inline-block;
    font-size: 12px;
    font-weight: 700;
    padding-top: 8px;
}
/* switch start */
.lcs_wrap {
    display: inline-block;  
    direction: ltr;
    height: 28px;
    vertical-align: middle;
}
.lcs_wrap input {
    display: none;  
}

.lcs_switch {
    display: inline-block;  
    position: relative;
    width: 73px;
    height: 28px;
    border-radius: 30px;
    background: #ddd;
    overflow: hidden;
    cursor: pointer;
    
    -webkit-transition: all .2s ease-in-out;  
    -ms-transition:     all .2s ease-in-out; 
    transition:         all .2s ease-in-out; 
}
.lcs_cursor {
    display: inline-block;
    position: absolute;
    top: 3px;   
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    z-index: 10;
    
    -webkit-transition: all .2s linear;  
    -ms-transition:     all .2s linear; 
    transition:         all .2s linear; 
}
.lcs_label {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    width: 33px;
    top: 5px;
    overflow: hidden;
    text-align: center;
    opacity: 0;
    
    -webkit-transition: all .2s ease-in-out .1s;  
    -ms-transition:     all .2s ease-in-out .1s;   
    transition:         all .2s ease-in-out .1s;   
}
.lcs_label.lcs_label_on {
    left: -70px;
    z-index: 6; 
}
.lcs_label.lcs_label_off {
    right: -70px;
    z-index: 5; 
}


/* on */
.lcs_switch.lcs_on {
    background: #75b936;
    box-shadow: 0 0 2px #579022 inset;
}
.lcs_switch.lcs_on .lcs_cursor {
    left: 48px;
}
.lcs_switch.lcs_on .lcs_label_on {
    left: 10px; 
    opacity: 1;
}


/* off */
.lcs_switch.lcs_off {
    background: #b2b2b2;
    box-shadow: 0px 0px 2px #a4a4a4 inset;  
}
.lcs_switch.lcs_off .lcs_cursor {
    left: 3px;
}
.lcs_switch.lcs_off .lcs_label_off {
    right: 10px;
    opacity: 1; 
}


/* disabled */
.lcs_switch.lcs_disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);  
    cursor: default;
}
/* switch end */

.user_wl {
    background: #b3f9d3;
}

.country_bl {
    background: #ffcccc;
}

.device_icon {
    width: 16px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    padding-bottom: 4px;
}
.noevents {
    pointer-events: none;
}
.slider {
  width: 100%;
  height: 25px;
  /*outline: none;*/
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  cursor: pointer;
}

.slider:hover {
  opacity: 1;
}


.selectboxit-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.selectboxit-option, #ev_search_users {
    text-align: center !important;
}
.room_flag_icon { width: 20px; }
.brelative {position: relative;}
.emoji { color: initial; }
.iblock { display: inline-block;  }
#priv_mic,#emo_item_priv, #emo_item, #record_chat {outline:none;}
button:focus {
  outline:none;
  box-shadow: none;
}
#record_chat_btn, #record_priv_btn { color: inherit; font-size: 24px; background: initial;  }
/*#large_modal_content { line-height: 13px; }*/
.absolute_center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.prev_right_btn {
    height: 40px;
    width: 40px;
    right: 10px;
    bottom: 5px;
    position: absolute;
    font-size: 16px;
}
.prev_left_btn {
    height: 40px;
    width: 40px;
    left: 10px;
    bottom: 5px;
    position: absolute;
    font-size: 16px;
}

#emo_item_priv {
    position: absolute;
    font-size: 20px;
    top: 9px;
    right: 10px;
    cursor: pointer;
    background: initial;
/*    width: 30px;
    height: 26px;*/
}

#emo_item {
    padding: 0;
    position: absolute;
    font-size: 20px;
    top: 6px;
    right: 10px;
    cursor: pointer;
    width: auto;
    height: 26px;
    background: initial;
}

#message_content { padding-right: 32px; }
#content { padding-right: 32px; }
/* input extra */
#main_input_extra { width:auto; position:absolute; bottom:0; left:0; z-index:100; padding:3px; display:none; border-radius:5px; max-width:240px; }
.nsub_options { width:40px; height:40px; padding:5px; margin:3px; float:left; position:relative; cursor:pointer; }
.nsub_options:hover { padding:0px; transition: all 0.3s; }
.nsub_options  img { width:100%; height:auto; }

/* private input extra */
#priv_input_extra { width:auto; position:absolute; bottom:0; left:0; z-index:100; padding:3px; display:none; border-radius:5px; max-width:240px; }
.npsub_options { width:40px; height:40px; padding:5px; margin:3px; float:left; position:relative; cursor:pointer; }
.npsub_options:hover { padding:0px; transition: all 0.3s; }
.npsub_options  img { width:100%; height:auto; }

/* points */
.topav_male1 { left: 16px; top: 15px; }
.topbg_male1 { width: 67px; height: 67px; }
.topav_male2 { left: 13px; top: 15px; }
.topbg_male2 { width: 62px; height: 62px; }
.topav_male3 { left: 2px; top: 2px; margin: 16px 0 0 16px; }
.topbg_male3 { width: 39px; height: 39px; margin: 16px 0 0 16px; }
.topav_female1 { left: 16px; top: 15px; }
.topbg_female1 { width: 68px; height: 68px; }
.topbg_female2 { width: 60px; height: 60px; margin-left: 2px; }
.topav_female2 { left: 12px; top: 14px; margin-left: 2px; }
.topbg_female3 { width: 60px; height: 60px; margin-left: 3px;}
.topav_female3 { left: 12px; top: 14px; margin-left: 3px;}

.ultopav_male1 { left: 16px; top: 15px; }
.ultopbg_male1 { width: 67px; height: 67px; }
.ultopav_male2 { left: 13px; top: 15px; }
.ultopbg_male2 { width: 62px; height: 62px; }
.ultopav_male3 { left: 2px; top: 2px; margin: 11px 0 0 11px;  }
.ultopbg_male3 { width: 39px; height: 39px; margin: 11px 0 0 11px; }
.ultopav_female1 { left: 16px; top: 15px; }
.ultopbg_female1 { width: 68px; height: 68px; }
.ultopbg_female2 { width: 60px; height: 60px;}
.ultopav_female2 { left: 12px; top: 14px; }
.ultopbg_female3 { width: 60px; height: 60px; }
.ultopav_female3 { left: 12px; top: 14px; }

.chtopav_male1 { left: 11px; top: 11px; }
.chtopbg_male1 { width: 50px; height: 50px; }
.chtopav_male2 { left: 9px; top: 10px; }
.chtopbg_male2 { width: 46px; height: 46px; }
.chtopav_male3 { left: 2px; top: 2px;  }
.chtopbg_male3 { width: 32px; height: 32px; }
.chtopav_female1 { left: 11px; top: 11px; }
.chtopbg_female1 { width: 50px; height: 50px; }
.chtopbg_female2 { width: 46px; height: 46px; } 
.chtopav_female2 { left: 9px; top: 10px; }
.chtopbg_female3 { width: 46px; height: 46px; }
.chtopav_female3 { left: 9px; top: 10px; }

.ul_fr_av { left: 5px; top: 5px; }
.ul_fr_bg { width: 46px; top: -6px; }

.ch_fr_av { left: 4px; top: 4px; }
.ch_fr_bg { width: 38px; top: 0px; height: 100%; }

.top_fr_av {  }
.top_fr_bg {  }

.my_text2 {display:table-cell;vertical-align:middle;position:relative}
.my_text2 .username{font-size:14px}

.flexcenter {
    display: table-cell;
    /* vertical-align: middle; */
    /* vertical-align: top; */
    text-align: center;
}

.chat_frame_avatar {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 34px;
    height: 38px;
}

.chat_frame_avatar_inner {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.chat_frame_avatar_inner2 {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.user_item_frame_avatar {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    position: relative;
}

.user_item_frame_avatar_new {
    display: table-cell;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    position: relative;
}

.user_item_frame_inner {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
}

.under {
  position: absolute;
}
.over {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}

.over2 {
  position: absolute;
  z-index: 1;
  left: 0;
  pointer-events: none;
}
.toplist_avatar {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    position: relative;
    width: 70px;
    height: 70px;
}

.toplist_avatar2 {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    position: relative;
    width: 48px;
    height: 48px;
}

.topav_default {
    margin-left: 15px;
}
.topav_circle {
    border-radius:50%;
    display:block;
    width: 36px;
    height: 36px;
}
.toplist_name {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0 5px;
}
/* points */

input{
    -webkit-user-select: text;
}

.hidable {
    height: 0px;
    -webkit-transition: height 0.2s linear;
       -moz-transition: height 0.2s linear;
        -ms-transition: height 0.2s linear;
         -o-transition: height 0.2s linear;
            transition: height 0.2s linear;
}

.hidable.open {
     height: 100px;
     -webkit-transition: height 0.2s linear;
        -moz-transition: height 0.2s linear;
         -ms-transition: height 0.2s linear;
          -o-transition: height 0.2s linear;
             transition: height 0.2s linear;
}

/*#private_ad {
    padding-bottom: 1px;
}*/
#chat_right_data::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#chat_right_data {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

::-webkit-scrollbar{width:.4em}
::-webkit-scrollbar-thumb{background:#D3D3D3;}
* {
    scrollbar-width: thin;
}

/* CLS issue */
.chatheight {
    height: 100%;
}

#container_chat {
    height: 100%;
}

.inline{display:inline!important}
.size-12{font-size:12px!important}
.grecaptcha-badge{display: none !important}
.Arabic1{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/1.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic2{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/2.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic3{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/3.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic4{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/4.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic5{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/5.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic6{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/6.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic7{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/7.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic8{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/8.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic9{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/9.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic10{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/10.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic11{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/11.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic12{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/12.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic13{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/13.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic14{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/14.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic15{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/15.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic16{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/16.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic17{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/17.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic18{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/18.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic19{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/19.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic20{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/20.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic21{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/21.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic22{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/22.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic23{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/23.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic24{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/24.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic25{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/25.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic26{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/26.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic27{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/27.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic28{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/28.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic29{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/29.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic30{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/30.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic31{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/31.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic32{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/32.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic33{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/33.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic34{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/34.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic35{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/35.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic36{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/36.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic37{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/37.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic38{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/38.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic39{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/39.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic40{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/40.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic41{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/41.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic42{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/42.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic43{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/43.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic44{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/44.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic45{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/45.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic46{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/46.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic47{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/47.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic48{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/48.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic49{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/49.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic50{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/50.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic51{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/51.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic52{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/52.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic53{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/53.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.Arabic54{font-size:15px;font-weight:bold;font-style:normal;font-family:sans-serif;background-image: url(/images/custom/54.gif);-webkit-background-clip: text;color: transparent;background-size: 100% 100%;}
.gif_nick_selected {
    border: 1px solid lightgreen;
}

.gif_nick {
    display: inline-block;
    padding: 4px;
    border-radius: 5px;
}

.prograd1,.pgrad1 {
    background: linear-gradient(to top,#f33,#800000)!important;
    color: #fff!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prograd80,.pgrad80 {
    background: linear-gradient(to top,#000,#656565)!important;
    color: #fff!important
}

.shgrad1,.shback1 {
    box-shadow: #422f99 0 0 20px!important;
    border: 1px solid #422f99 !important;
}

.shgrad2,.shback2 {
    box-shadow: #a80077 0 0 20px!important;
    border: 1px solid #a80077 !important;
}

.shgrad3,.shback3 {
    box-shadow: #000 0 0 20px!important;
    border: 1px solid #000 !important;
}

.shgrad4,.shback4 {
    box-shadow: #4d3e3e 0 0 20px!important;
    border: 1px solid #4d3e3e !important;
}

.shgrad5,.shback5 {
    box-shadow: #142850 0 0 20px!important;
    border: 1px solid #142850 !important;
}

.shgrad6,.shback6 {
    box-shadow: #00909e 0 0 20px!important;
    border: 1px solid #00909e !important;
}

.shgrad7,.shback7 {
    box-shadow: #dae1e7 0 0 20px!important;
    border: 1px solid #dae1e7 !important;
}

.shgrad8,.shback8 {
    box-shadow: #ffe0ac 0 0 20px!important;
    border: 1px solid #ffe0ac !important;
}

.shgrad9,.shback9 {
    box-shadow: #888 0 0 20px!important;
    border: 1px solid #888 !important;
}

.shgrad10,.shback10 {
    box-shadow: #120136 0 0 20px!important;
    border: 1px solid #120136 !important;
}

.shgrad11,.shback11 {
    box-shadow: #f6f578 0 0 20px!important;
    border: 1px solid #f6f578 !important;
}

.shgrad12,.shback12 {
    box-shadow: #862a5c 0 0 20px!important;
    border: 1px solid #862a5c !important;
}

.shgrad13,.shback13 {
    box-shadow: #eaac9d 0 0 20px!important;
    border: 1px solid #eaac9d !important;
}

.shgrad14,.shback14 {
    box-shadow: #06623b 0 0 20px!important;
    border: 1px solid #06623b !important;
}

.shgrad15,.shback15 {
    box-shadow: #f79071 0 0 20px!important;
    border: 1px solid #f79071 !important;
}

.shgrad16,.shback16 {
    box-shadow: #f6acc8 0 0 20px!important;
    border: 1px solid #f6acc8 !important;
}

.shgrad17,.shback17 {
    box-shadow: #af8baf 0 0 20px!important;
    border: 1px solid #af8baf !important;
}

.shgrad18,.shback18 {
    box-shadow: #584153 0 0 20px!important;
    border: 1px solid #584153 !important;
}

.shgrad19,.shback19 {
    box-shadow: #c1a57b 0 0 20px!important;
    border: 1px solid #c1a57b !important;
}

.shgrad20,.shback20 {
    box-shadow: #2c003e 0 0 20px!important;
    border: 1px solid #2c003e !important;
}

.shgrad21,.shback21 {
    box-shadow: #43d8c9 0 0 20px!important;
    border: 1px solid #43d8c9 !important;
}

.shgrad22,.shback22 {
    box-shadow: #95389e 0 0 20px!important;
    border: 1px solid #95389e !important;
}

.shgrad23,.shback23 {
    box-shadow: #0779e4 0 0 20px!important;
    border: 1px solid #0779e4 !important;
}

.shgrad24,.shback24 {
    box-shadow: #d8345f 0 0 20px!important;
    border: 1px solid #d8345f !important;
}

.shgrad25,.shback25 {
    box-shadow: #c70039 0 0 20px!important;
    border: 1px solid #c70039 !important;
}

.shgrad26,.shback26 {
    box-shadow: #ff5733 0 0 20px!important;
    border: 1px solid #ff5733 !important;
}

.shgrad27,.shback27 {
    box-shadow: #8566aa 0 0 20px!important;
    border: 1px solid #8566aa !important;
}

.shgrad28,.shback28 {
    box-shadow: #6983aa 0 0 20px!important;
    border: 1px solid #6983aa !important;
}

.shgrad29,.shback29 {
    box-shadow: #f8e1f4 0 0 20px!important;
    border: 1px solid #f8e1f4 !important;
}

.shgrad30,.shback30 {
    box-shadow: #97e5ef 0 0 20px!important;
    border: 1px solid #97e5ef !important;
}

.shgrad31,.shback31 {
    box-shadow: #b9ebcc 0 0 20px!important;
    border: 1px solid #b9ebcc !important;
}

.shgrad32,.shback32 {
    box-shadow: #5a3f11 0 0 20px!important;
    border: 1px solid #5a3f11 !important;
}

.shgrad33,.shback33 {
    box-shadow: #9c5518 0 0 20px!important;
    border: 1px solid #9c5518 !important;
}

.shgrad34,.shback34 {
    box-shadow: #ffb385 0 0 20px!important;
    border: 1px solid #ffb385 !important;
}

.shgrad35,.shback35 {
    box-shadow: #698474 0 0 20px!important;
    border: 1px solid #698474 !important;
}

.shgrad36,.shback36 {
    box-shadow: #de7119 0 0 20px!important;
    border: 1px solid #de7119 !important;
}

.shgrad37,.shback37 {
    box-shadow: #204051 0 0 20px!important;
    border: 1px solid #204051 !important;
}

.shgrad38,.shback38 {
    box-shadow: #3b6978 0 0 20px!important;
    border: 1px solid #3b6978 !important;
}

.shgrad39,.shback39 {
    box-shadow: #f76a8c 0 0 20px!important;
    border: 1px solid #f76a8c !important;
}

.shgrad40,.shback40 {
    box-shadow: #fbcffc 0 0 20px!important;
    border: 1px solid #fbcffc !important;
}

.shgrad41,.shback40 {
    box-shadow: #be79df 0 0 20px!important;
    border: 1px solid #be79df !important;
}

.shgrad42,.shback40 {
    box-shadow: #cff1ef 0 0 20px!important;
    border: 1px solid #cff1ef !important;
}

.shgrad43,.shback40 {
    box-shadow: #ffd1bd 0 0 20px!important;
    border: 1px solid #ffd1bd !important;
}

.shgrad44,.shback40 {
    box-shadow: #9dc6a7 0 0 20px!important;
    border: 1px solid #9dc6a7 !important;
}

.shgrad45,.shback40 {
    box-shadow: #323232 0 0 20px!important;
    border: 1px solid #323232 !important;
}

.round10 {
    border-radius: 10px;
}

.round5 {
    border-radius: 5px;
}

.margrad {
	margin-top: 2px;
	margin-bottom: 2px;
}

.open_player {
    background: red;
    padding: 4px 8px;
    position: relative;
    right: auto;
    top: auto;
    cursor: pointer;
    opacity: 1;
    border-radius: 5px;
    width: auto;
    display: inline-block;
}
.open_player i.fa
{
    font-size: 11px;
}
#hide_stream {
    float: right;
    padding: 3px 10px;
    font-size: 24px!important;
    color: #fff;
}
#wrap_stream.hide
{
    height:0 !important;
    transition:all ease 0.3s;
    padding: 0;
}

video.hide
{
    height:0 !important;
    transition:all ease 0.3s;
    padding: 0;
}

.mt2 {
    margin-top: 2px;
}

.mt4 { 
    margin-top: 4px;
}

.green {
    color: green;
}

.red {
    color: red;
}


@media screen and (max-width: 768px){
    ::-webkit-scrollbar {
        display: none;
    }
}

.room_icon_placeholder {
    width: 20px;
    height: 20px;
    margin: 9px 10px 9px 10px;
    box-sizing: border-box;
}

.w100 {
    width: 100%;
}

.pl30 {
    padding-left:30px;
}

/* ads */

.span_wrapper {
    background-color: white;
    color: black;
    width: 100%;
}

.homepage_wrapper {
    width: 320px !important;
    height: 140px !important;
    margin-bottom: 10px;
    background-color: white;
	font-size: 12px;
	font-weight: 400;
}


.homepage-responsive {
    width: 320px !important;
    height: 100px !important;
    padding-top: 10px;
}
@media (min-width: 1014px){
    .homepage-responsive {
        width: 1000px !important;
        background-color: inherit;
        padding-top: 0px;
    }

    .homepage_wrapper {
        width: 1000px !important;
        height: 100px !important;
        margin-bottom: 10px;
        background-color: inherit;
    }
}

.chatrooms-1 {
    height: 336px !important;
    text-align: center;
    margin-bottom: 10px;
}

@media (min-width: 1014px){
    .chatrooms-1 {
        height: 300px !important;
    }

    .span_wrapper {
        display: none;
    }
}

a.nocolor{text-decoration: none;}