.topic_log { background: transparent !important;  color: #0d261a; }
#topic_close { padding-left: 1px; }
#topic_log_img { height: 48px; margin-right: 10px;float: right; }
.topic_log_content { font-weight: bold;color: #2b3981 !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; background-image: url(../default_images/special/cloud.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; -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); }
.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: #0174ca !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: #0174ca !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; }
.userlist_container { position: relative; display: table; table-layout: fixed; width: 100%; font-weight: bold; border-radius: 4px; padding: 3px 4px; text-shadow: 0px 1px 2px #000; transition: all 0.15s ease; z-index: 1; }
.userlist_container::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 50%; z-index: -1; background: url('../default_images/userlist/userlist_bg.gif'); }
.userlist_icon { display: table-cell; vertical-align: middle; width: 30px; text-align: center; }
.userlist_data { display: table-cell; vertical-align: middle; overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis; text-align: center; padding: 0 8px; }
.onair_dj { background: linear-gradient(to bottom, #5A86FF, #335AD0); color: #FFFFFF; border: solid #7CAFFF 1px; box-shadow: 0px 2px 3px #0D2444; }
.developer { background: linear-gradient(to bottom, #4A4A4A, #2F2F2F); color: #FFFFFF; border: solid #666666 1px; box-shadow: 0px 2px 3px #1A1A1A; }
.founder { background: linear-gradient(to bottom, #b80b0bff, #8b0808ff); color: #FFFFFF; border: solid #da3c20ff 1px; box-shadow: 0px 2px 3px #3c0707ff; }
.owner { background: linear-gradient(to bottom, #FFBC55, #D09832); color: #FFFFFF; border: solid #FFE779 1px; box-shadow: 0px 2px 3px #44370D; }
.rjhead { background: linear-gradient(to bottom, #FF6347, #D04E3C); color: #FFFFFF; border: solid #FF826B 1px; box-shadow: 0px 2px 3px #44241A; }
.adminhead { background: linear-gradient(to bottom, #ed24ffff, #d03cbaff); color: #FFFFFF; border: solid #ff6bf5ff 1px; box-shadow: 0px 2px 3px #401a44ff; }
.superadmin { background: linear-gradient(to bottom, #FF5C55, #D03434); color: #FFFFFF; border: solid #FF7A77 1px; box-shadow: 0px 2px 3px #440F0D; }
.admin { background: linear-gradient(to bottom, #C049FF, #A735D0); color: #FFFFFF; border: solid #E17BFF 1px; box-shadow: 0px 2px 3px #3A0C44; }
.mod { background: linear-gradient(to bottom, #919191, #6A6A6A); color: #FFFFFF; border: solid #999999 1px; box-shadow: 0px 2px 3px #444444; }
.birthday { background: linear-gradient(to bottom, #6FFF59, #5BD034); color: #FFFFFF; border: solid #83FF79 1px; box-shadow: 0px 2px 3px #13440D; }
.rjdj { background: linear-gradient(to bottom, #4682B4, #35668B); color: #FFFFFF; border: solid #6CA8D6 1px; box-shadow: 0px 2px 3px #1A2F44; }
.royal { background: linear-gradient(to bottom, #e355ffff, #7034d0ff); color: #FFFFFF; border: solid #cd77ffff 1px; box-shadow: 0px 2px 3px #420d44ff; }
.supervip { background: linear-gradient(to bottom, #9932CC, #7B269F); color: #FFFFFF; border: solid #B266D6 1px; box-shadow: 0px 2px 3px #2F1A44; }
.vip { background: linear-gradient(to bottom, #59FFFD, #35D0CB); color: #FFFFFF; border: solid #79FFFB 1px; box-shadow: 0px 2px 3px #0D4441; }
.userlist_user { background: linear-gradient(to bottom, #C5C5C5, #9C9C9C); color: #FFFFFF; border: solid #DDDBDB 1px; box-shadow: 0px 2px 3px #444444; }
.userlist_guest { background: linear-gradient(to bottom, #E9F04A, #C7C846); color: #FFFFFF; border: solid #F9FF7B 1px; box-shadow: 0px 2px 3px #44410C; }
.userlist_online { background: linear-gradient(to bottom, #4169E1, #2F4FA1); color: #FFFFFF; border: solid #6B8BE8 1px; box-shadow: 0px 2px 3px #1A2F44; }
.userlist_offline { background: linear-gradient(to bottom, #292929, #414141); color: #FFFFFF; border: solid #000000 1px; box-shadow: 0px 2px 3px #444444; }
.text_glow { box-shadow:inset 0 0 46px -5px #4294d7; border:1px solid #045188 !important; }