.userlist_onair { color:#fff;font-weight:bold; text-shadow: 0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 0px 10px #ff8000, 0 0px 10px #F00;font-variant: small-caps;border-radius: 16px 8px; padding:5px;text-align:center;background: linear-gradient(to top right, #104982, #7e0dbf ,#104982,#0587FA,#104982,#FA05D5); }
.onair_icon { color:cyan; }
.onair_img_right { float:right;height:20px; margin-right: 2%; }
.userlist_center { text-align: center; }
.founder { background: linear-gradient(to right, #5df5e9, #3adce9, #31a2e4); } 
.room_owner { background: linear-gradient(to right, #9af78f, #4beb91, #0bd4c4); }
.owner { background: linear-gradient(to right, #fdc13f, #ff6b53, #fd3494); }
.rj_head { background: linear-gradient(to right, #cdf55e, #7ace30, #2dab02); }
.sweb_admin { background: linear-gradient(to right, #57f5de, #2c93e2, #0030d6); }
.super_admin { background: linear-gradient(to right, #d568bd, #9868fa, #2e93ff); }
.admin { background: linear-gradient(to right, #f7b3a8, #ee4c97, #ef1671); }
.mod { background: linear-gradient(to right, #eaff00, #a0473a, #bb6659); }
.vip { background: linear-gradient(to right, #0012ff, #597cbb, #2e93ff); }
.online_color { background: linear-gradient(to right, #ff7200, #d16914, #ff9065); }
.offline_color { background: linear-gradient(to right, #b113b7, #964499, #f168f6); }
.userlist_icon { color:#f26f11; width: 20px; font-size:14px; margin-top: 4px; }
.userlist_icon_left { float: left; margin-left:5px; }
.userlist_icon_right { float: right; margin-right:5px; }
.userlist_name { font-size: 13px; padding: 4px 0px 4px 0px; background: url(https://i.imgur.com/eqGvZEC.gif); color: #fff; width: auto; }
.topic_log { background: url(../default_images/cloud.jpg) !important; }
#topic_close { padding-left: 1px; }
#topic_log_img { height: 55px; margin-right: 10px;float: right; }
.topic_log_content { font-weight: bold;color: #3b5998 !important; }
.topic_log_icon { padding: 10px; }
.main_topic_log { padding-top: 5px;padding-bottom: 5px;padding-left: 15px;padding-right: 3px; }
.ui.segment{ position: relative; background: #FFFFFF; -webkit-box-shadow: 0px 1px 2px 0 rgb(34 36 38 / 15%); box-shadow: 0px 1px 2px 0 rgb(34 36 38 / 15%); margin: 1rem 0em; padding: 1em 1em; border-radius: 0.28571429rem; border: 1px solid rgba(34, 36, 38, 0.15); background: url(../default_images/cloud.jpg) no-repeat #fff;}
.ui.segment { font-size: 1rem; }
.ui.segment:first-child { margin-top: 0em; }
.ui.segment:last-child { margin-bottom: 0em; }
.ui.raised.segment { -webkit-box-shadow: 0px 2px 4px 0px rgb(34 36 38 / 12%), 0px 2px 10px 0px rgb(34 36 38 / 15%); box-shadow: 0px 2px 4px 0px rgb(34 36 38 / 12%), 0px 2px 10px 0px rgb(34 36 38 / 15%); }
.ui.ribbon.label { position: relative; margin: 0em; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; border-radius: 0em 0.28571429rem 0.28571429rem 0em; border-color: rgba(0, 0, 0, 0.15); }
.ui.ribbon.label:after { position: absolute; content: ''; top: 100%; left: 0%; background-color: transparent !important; border-style: solid; border-width: 0em 1.2em 1.2em 0em; border-color: transparent; border-right-color: inherit; width: 0em; height: 0em; }
.ui.ribbon.label { left: calc( -1rem  -  1.2em ); margin-right: -1.2em; padding-left: calc( 1rem  +  1.2em ); padding-right: 1.2em; }
.ui[class*="right ribbon"].label { left: calc(100% +  1rem  +  1.2em ); padding-left: 1.2em; padding-right: calc( 1rem  +  1.2em ); }
.ui[class*="right ribbon"].label { text-align: left; -webkit-transform: translateX(-100%); transform: translateX(-100%); border-radius: 0.28571429rem 0em 0em 0.28571429rem; }
.ui[class*="right ribbon"].label:after { left: auto; right: 0%; border-style: solid; border-width: 1.2em 1.2em 0em 0em; border-color: transparent; border-top-color: inherit; }
.ui.image > .ribbon.label, .ui.card .image > .ribbon.label { position: absolute; top: 1rem; }
.ui.card .image > .ui.ribbon.label, .ui.image > .ui.ribbon.label { left: calc( 0.05rem  -  1.2em ); }
.ui.card .image > .ui[class*="right ribbon"].label, .ui.image > .ui[class*="right ribbon"].label { left: calc(100% +  -0.05rem  +  1.2em ); padding-left: 0.833em; }
.ui.table td > .ui.ribbon.label { left: calc( -0.78571429em  -  1.2em ); }
.ui.table td > .ui[class*="right ribbon"].label { left: calc(100% +  0.78571429em  +  1.2em ); padding-left: 0.833em; }
.ui.green.ribbon.label { border-color: #1c54f2 !important; }
.ui.label:first-child { margin-left: 0em; }
.ui.ribbon.label { position: relative; margin: 0em; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; border-radius: 0em 0.28571429rem 0.28571429rem 0em; border-color: rgba(0, 0, 0, 0.15); }
.ui.ribbon.label { left: calc( -1rem - 1.2em ); margin-right: -1.2em; padding-left: calc( 1rem + 1.2em ); padding-right: 1.2em; }
.ui.green.labels .label, .ui.green.label { background-color: #1c54f2 !important; border-color: #2185d0 !important; color: #FFFFFF !important; }
.ui.ribbon.label { left: calc( -1rem - 1.2em ); margin-right: -1.2em; padding-left: calc( 1rem + 1.2em ); padding-right: 1.2em; }
.ui.ribbon.label { position: relative; margin: 0em; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; border-radius: 0em 0.28571429rem 0.28571429rem 0em; border-color: rgba(0, 0, 0, 0.15); }
.ui.ribbon.label { position: relative; margin: 0em; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; border-radius: 0em 0.28571429rem 0.28571429rem 0em; border-color: rgba(0, 0, 0, 0.15); }
.ui.ribbon.label { left: calc( -1rem - 1.2em ); margin-right: -1.2em; padding-left: calc( 1rem + 1.2em ); padding-right: 1.2em; }
.ui.green.labels .label, .ui.green.label { background-color: #1c54f2 !important; border-color: #2185d0 !important; color: #FFFFFF !important; }
.ui.ribbon.label { left: calc( -1rem - 1.2em ); margin-right: -1.2em; padding-left: calc( 1rem + 1.2em ); padding-right: 1.2em; }
.ui.ribbon.label { position: relative; margin: 0em; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; border-radius: 0em 0.28571429rem 0.28571429rem 0em; border-color: rgba(0, 0, 0, 0.15); }
.ui.label:first-child { margin-left: 0em; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
a.ui.label { cursor: pointer; }
a.ui.label { cursor: pointer; }
.ui.green.ribbon.label { border-color: #4805e9 !important; }
.ui.label:first-child { margin-left: 0em; }
.ui.ribbon.label { position: relative; margin: 0em; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; border-radius: 0em 0.28571429rem 0.28571429rem 0em; border-color: rgba(0, 0, 0, 0.15); }
.ui.ribbon.label { left: calc( -1rem - 1.2em ); margin-right: -1.2em; padding-left: calc( 1rem + 1.2em ); padding-right: 1.2em; }
.ui.green.labels .label, .ui.green.label { background-color: #4805e9 !important; border-color: #2185d0 !important; color: #FFFFFF !important; }
.ui.ribbon.label { left: calc( -1rem - 1.2em ); margin-right: -1.2em; padding-left: calc( 1rem + 1.2em ); padding-right: 1.2em; }
.ui.ribbon.label { position: relative; margin: 0em; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; border-radius: 0em 0.28571429rem 0.28571429rem 0em; border-color: rgba(0, 0, 0, 0.15); }
.ui.label:first-child { margin-left: 0em; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
a.ui.label { cursor: pointer; }
a.ui.label { cursor: pointer; }
.ui.label { display: inline-block; line-height: 1; vertical-align: baseline; margin: 0em 0.14285714em; background-color: #E8E8E8; background-image: none; padding: 0.5833em 0.833em; color: rgba(0, 0, 0, 0.6); text-transform: none; font-weight: bold; border: 0px solid transparent; border-radius: 0.28571429rem; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; }
.ui.labels .label, .ui.label { font-size: 0.85714286rem; }
.ui.labels .label, .ui.label { font-size: 0.85714286rem; }
.ui.label { display: inline-block; line-height: 1; vertical-align: baseline; margin: 0em 0.14285714em; background-color: #E8E8E8; background-image: none; padding: 0.5833em 0.833em; color: rgba(0, 0, 0, 0.6); text-transform: none; font-weight: bold; border: 0px solid transparent; border-radius: 0.28571429rem; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; }
.apps-top{margin-top:6%}
.android-circle{border:3px solid green;border-radius:50px;background:#3ddc84;width:22%}
.apps_img { width: 100px; }
.apps-head{padding-top:6%;font-size:14px;font-weight:700;text-align:center}
.apps-text{padding-top:2%;text-align:center;padding-left:3%;padding-right:3%}
.android-button{background-color:#3ddc84;padding:3% 7%;text-align:center;margin-top:9%}
.android-button1{background-color:#3d67dc;padding:3% 7.1%;text-align:center;margin-top:3%}
.android-button2{background-color:#ac3ddc;padding:3% 6.4%;text-align:center;margin-top:3%;margin-bottom:4%}