.topic_log { background: #c8fadd !important;  color: #0d261a; background-image: url(default_images/special/topic_bg.gif) !important; }
#topic_close { padding-left: 1px; }
#topic_log_img { height: 48px; margin-right: 10px;float: right; }
.topic_log_content { font-weight: bold;color: #2b8139 !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); }
.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: #01ca65 !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: #01ca65 !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_design { clip-path: polygon(81% 0, 100% 50%, 81% 100%, 0% 100%, 0% 0%); width: auto; background: #eee; padding: 10px 23px 10px 15px; }
.toplist_design { clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%); background: #eee; padding: 10px 25px 10px 25px; margin-bottom: 11px; margin-top: 2px; text-align: center; }
@keyframes pcrclr_animate { from { background-position: 0 0; } to {   background-position: 100% 0; } }
@-webkit-keyframes pcrclr_animate { from {   background-position: 0 0; } to {   background-position: 100% 0; } }
.anim { animation-duration: 2.5s; animation-fill-mode: both; animation-iteration-count: infinite; }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} }
.bounce { animation-name: bounce; }
@keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} }
.flash { animation-name: flash; }
@keyframes pulse { 0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);} }
.pulse { animation-name: pulse; animation-duration: 1s; }
@keyframes rubberBand { 0% {transform: scale(1);} 30% {transform: scaleX(1.25) scaleY(0.75);} 40% {transform: scaleX(0.75) scaleY(1.25);} 60% {transform: scaleX(1.15) scaleY(0.85);} 100% {transform: scale(1);} }
.rubberBand { animation-name: rubberBand; }
@keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} }
.shake { animation-name: shake; }
@keyframes swing { 20% {transform: rotate(15deg);} 40% {transform: rotate(-10deg);} 60% {transform: rotate(5deg);} 80% {transform: rotate(-5deg);} 100% {transform: rotate(0deg);} }
.swing { transform-origin: top center; animation-name: swing; }
@keyframes wobble { 0% {transform: translateX(0%);} 15% {transform: translateX(-25%) rotate(-5deg);} 30% {transform: translateX(20%) rotate(3deg);} 45% {transform: translateX(-15%) rotate(-3deg);} 60% {transform: translateX(10%) rotate(2deg);} 75% {transform: translateX(-5%) rotate(-1deg);} 100% {transform: translateX(0%);} }
.wobble { animation-name: wobble; }
@keyframes lightSpeedIn { 0% {transform: translateX(100%) skewX(-30deg);opacity: 0;} 60% {transform: translateX(-20%) skewX(30deg);opacity: 1;} 80% {transform: translateX(0%) skewX(-15deg);opacity: 1;} 100% {transform: translateX(0%) skewX(0deg);opacity: 1;} }
.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
@keyframes rollIn { 0% {opacity: 0;transform: translateX(-100%) rotate(-120deg);} 100% {opacity: 1;transform: translateX(0px) rotate(0deg);} }
.rollIn { animation-name: rollIn; }
@keyframes rotateIn { 0% {transform-origin: center center;transform: rotate(-200deg);opacity: 0;} 100% {transform-origin: center center;transform: rotate(0);opacity: 1;} }
.rotateIn { animation-name: rotateIn; }
@keyframes hinge { 0% {transform: rotate(0);transform-origin: top left;animation-timing-function: ease-in-out;} 20%, 60% {transform: rotate(80deg);transform-origin: top left;animation-timing-function: ease-in-out;} 40% {transform: rotate(60deg);transform-origin: top left;animation-timing-function: ease-in-out;} 80% {transform: rotate(60deg) translateY(0);transform-origin: top left;animation-timing-function: ease-in-out;} 100% {transform: translateY(700px);} }
.hinge { margin: 20px; animation-name: hinge; }
.text_glow {border-radius:0 15px 0px 15px; box-shadow:inset 0 0 46px -5px #46d742; border:1px solid #0d8804 !important;}