#cclog_default * {box-sizing: border-box;}
#cclog_default .ccl_inWrap {font-size: 15px; letter-spacing: -.5px; color: #333333;}

#cclog_default .ccl_inWrap .ccl_tab {width: 100%; background: #f5f6fb; position: relative;}
#cclog_default .ccl_inWrap .ccl_tab.ccl_main:before {background: #868bab;}
#cclog_default .ccl_inWrap .ccl_tab.ccl_main{background: #ffffff;}
#cclog_default .ccl_inWrap .ccl_tabtitle {margin: 0; color: #ffffff; background: #c6ccdd; position: absolute; top: 10px; right: 10px; border-radius: 5px; padding: 5px; font-weight: 200}

#cclog_default .ccl_inWrap .ccl_player {display: flex; overflow: hidden; padding: 15px 0 15px 20px; border-bottom: 1px solid rgba(0,0,0,0.08)}
#cclog_default .ccl_inWrap .ccl_infoWrap .ccl_imgWrap {overflow: hidden; width: 40px;height: 40px; float: left; }
#cclog_default .ccl_inWrap .ccl_infoWrap .ccl_imgWrap img {width: 40px; height: auto;}
#cclog_default .ccl_inWrap .ccl_infoWrap .ccl_imgWrap:not(:has(img)) {opacity: 0;}
#cclog_default .ccl_inWrap .ccl_textWrap {float: left; line-height: 1.6; margin-left: 20px; margin-right: 20px;}
#cclog_default .ccl_inWrap .ccl_textWrap .ccl_Uname {margin: 0; font-weight: 800;}
#cclog_default .ccl_inWrap .ccl_other .ccl_Uname {color: #9898b7 !important}
#cclog_default .ccl_inWrap .ccl_textWrap .ccl_Utext {margin: 0; font-weight: 400; color: #9898b7}
#cclog_default .ccl_inWrap .ccl_tab.ccl_main .ccl_textWrap .ccl_Utext {color: #333333;}

#cclog_default .ccl_inWrap .ccl_player.system {padding: 0px; border-color: #EBEBEB !important; background: #b1b5cd; text-align: center; justify-content: center}
#cclog_default .ccl_inWrap .ccl_player.system .ccl_infoWrap {display: none;}
#cclog_default .ccl_inWrap .ccl_player.system .ccl_textWrap {margin-left: 0; padding: 10px 20px}
#cclog_default .ccl_inWrap .ccl_player.system .ccl_textWrap .ccl_Uname {color: #ffffff; font-size:0.86em; letter-spacing: 1px; padding: 3px 8px; border-radius: 15px; background: #8993b3}
#cclog_default .ccl_inWrap .ccl_player.system .ccl_textWrap .ccl_Utext {margin-top: 5px; color: #ffffff; letter-spacing: -1px}

#cclog_default .ccl_inWrap .ccl_main .ccl_player.narrator {padding: 0px; text-align: center; justify-content: center;}
#cclog_default .ccl_inWrap .ccl_main .ccl_player.narrator .ccl_infoWrap {display: none;}
#cclog_default .ccl_inWrap .ccl_main .ccl_player.narrator .ccl_textWrap {margin-left: 0; padding: 10px 20px}
#cclog_default .ccl_inWrap .ccl_main .ccl_player.narrator .ccl_textWrap .ccl_Uname {display: none;}
#cclog_default .ccl_inWrap .ccl_main .ccl_player.narrator .ccl_textWrap .ccl_Utext {margin-top: 5px; letter-spacing: -1px}