/* your custom style here */
::-webkit-scrollbar {
    background: -webkit-linear-gradient(left, #FFFFFF 0%,#EEEEEE 100%);
    width: 12px;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 100px rgb(141, 167, 195);
    -webkit-border-radius: 20px;
    background-color: #74a1d2;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.ch_logs {padding: 4px;word-wrap: break-word;display:table;width:100%;table-layout:fixed;max-width:100%;overflow:hidden;cursor:pointer;border: 1px solid #d2d2c7;margin-top: 2px;}
.cavatar {height: 30px;width: 30px;border-radius: 50%;display:block;overflow:hidden;cursor:pointer;}
.sub_menu_item, .fmenu_item, .avitem { border-bottom:1px solid #ededed; background:#fff; color:#666; }
.add_shadow, .page_element, #private_box, .page_menu_wrapper, .chat_side_panel, #side_menu, .sub_menu, .fmenu { box-shadow:0 0 1px 1px #ddd; }
.sub_menu_icon, .menui, .menuo, .menup { color:#03add8; }
.cody_text{height:auto;text-align:center;color:#f0f8ff!important;font-size:15px}.cody_text{text-align:center;color:#daa25e}.overlay-ribbon{position:absolute;width:13em;height:14em;z-index:9999;top:0;right:2%;background:#2ec4b6;padding:5px 0;background-image:-ms-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:-moz-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:-o-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:-webkit-gradient(radial,center top,0,center top,487,color-stop(0,#cbf3f0),color-stop(1,#2ec4b6));background-image:-webkit-radial-gradient(center top,circle farthest-side,#cbf3f0 0%,#2ec4b6 100%);background-image:radial-gradient(circle farthest-side at center top,#cbf3f0 0%,#2ec4b6 100%);-webkit-box-shadow:-5px 21px 28px -4px rgba(0,0,0,0.43);-moz-box-shadow:-5px 21px 28px -4px rgba(0,0,0,0.43);box-shadow:-5px 21px 28px -4px rgba(0,0,0,0.43);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;animation:slidein 3s ease-in-out forwards}.ribbon-content{z-index:99999;position:relative;margin:0 5px}.ribbon-content h3{margin:0;padding:5px 0 5px 0;line-height:16px;font-family:'Hammersmith One',sans-serif;color:#ff0000;text-align:center}.ribbon-content > p,.ribbon-content > p span{color:#24505a;margin:0;padding:0}.ribbon-content p span{display:block}.close-x{position:absolute;top:5px;right:5px;z-index:99}.close-x a:link,.close-x a:visited{background:#2ec4b6;color:#fff;padding:0 4px;font-weight:normal;text-decoration:none}.close-x a:hover{background:#ff9f1c}.overlay-ribbon:before{content:"";position:absolute;bottom:-9em;left:0;width:0;height:0;border-top:10em solid #2ec4b6;border-right:10em solid transparent;z-index:997}.overlay-ribbon:after{content:"";position:absolute;bottom:-9em;right:0;width:0;height:0;border-top:10em solid #2ec4b6;border-left:10em solid transparent;z-index:998}.slideout{animation:slideout 1s ease-in-out forwards}@-webkit-keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@-o-keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@-moz-keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@keyframes slidein{from{transform:translate(0,-400px)}to{transform:translate(0,100px)}}@-webkit-keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}}@-o-keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}}@-moz-keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}}@keyframes slideout{from{transform:translate(0,100px)}to{transform:translate(0,-400px)}}


/* avatar tarae3o css */
.chat_avatar img {
    width: 40px;
    height: 40px;
}
.user_item_avatar .acav{
    width: 40px;
    height: 40px;
}

/* reset tarae3o css */

.room_style-host-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #202020;
    font-family: 'flat-jooza';
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
/* room option css */
.room_name {font-size:18px;font-weight:bold;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color: black;}
.room_description {height: 25px;max-height:60px;overflow:hidden;font-size:12px;margin-bottom: 5px;}
.room_icon { display:table-cell; width:50px; vertical-align:top; position:relative; }

/* room option css */
.element_style-host-color { background:linear-gradient(to bottom,#dee6ed 19%,#c8d5e0 22%,#ffffff 100%); color:#202020; font-family:flat-jooza; border:1px solid #fff }
.style-host_room_img {display:table-cell;width:50px;vertical-align: middle;position:relative;}
.room_style-host_name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #202020; font-family: flat-jooza; font-size: 16px; font-weight: 700; text-align: left!important; }
.room_style-host-element {display:table;padding: 10px 15px;margin:5px;table-layout:fixed;float:left;cursor:pointer;border-radius: 15px;}
.room_style-host-description {height: 30px;max-height: 30px;overflow:hidden;font-size: 16px;font-weight: bold;margin-bottom:10px;text-align: left;}
.room_lock { width:20px; height:20px; border-radius:50%; position:absolute; top:30px; right:0; }
.room_img { width:50px; height:50px; border-radius:50%; display:block; }
.room_options { width:100%; padding:0 5px 15px 5px; }
.default_color {color: #ff2323;font-weight: bold;text-align: left !important;}
.default_color {color: #ff2323;font-weight: bold;text-align: left;}
#page_wrapper {display:table;table-layout:fixed;width:100%;position:relative;z-index:1;}
#page_content  {width:100%;max-width: 1800px !important;margin:0 auto;height:auto;padding:20px 0px;}
.bcell {display: block;}
body {background-color: #bed0e5;color:#444;}
/* background header */
.background_header
    background:linear-gradient(to right,rgb(195,55,100),rgb(29,38,113));
    color: #fff;
    border: 1px solid #fff;
    font-family: 'flat-jooza';
}