/* 개요 */
.textchatcontainer{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 13px;
}
.textchatcontainer a{
	color: inherit;
}


/* 글자 크기 */
.textchatcontainer .content{
	line-height: 1.25em;
	font-size: 1.05em;
	word-wrap: break-word;
}


/* 캐릭터 이름 */
.textchatcontainer .by{
	font-weight: bold;
	position: relative;
	left: -5px;
}



/* 문장 구조 */
.textchatcontainer .message{
	padding-left: 45px;
	padding-right: 10px;
	padding-bottom: 7px;
	background-color: #f1f1f1;
	position: relative;
} /* 일반 */

.textchatcontainer .emote{
	padding-left: 45px;
	font-weight: bold;
	text-align: center;
	color: #653e10 !important;
	background-color: #f5e4d3;
} /* EMAS */

.textchatcontainer .desc{
	padding-left: 15px;
	font-weight: bold;
	text-align: center;
} /* DESC */
.textchatcontainer .message.private{
	background-color: #f2f5d3;	
} /* 귓말 */


/* 아바타 */
.textchatcontainer .avatar{
	position: absolute;
	top: 4px;
	left: 5px;
	width: 28px;
}
.textchatcontainer .avatar img{
	width: 28px;
}


/* 테두리 (해당 칸의 위쪽 테두리에 적용) */
.textchatcontainer .message .spacer{
	background-color: #e1e1e1;
	height: 2px;
	margin-bottom: 7px;
	margin-left: -45px;
} /* 일반 */

.textchatcontainer .emote .spacer{
	background-color: #f0c392;
	margin-left: -10px;
} /* EMAS */

.textchatcontainer .desc .spacer{
margin-left: -10px;
} /* DESC */
.textchatcontainer .message.private .spacer{
	background-color: #f0f092;
} /* 귓말 */


/* ```글씨`` 옵션(크기, 배경) 무효화 */
.textchatcontainer code{
	font-family: inherit;
	color: #c7254e;
} /* 글자 색 바꾸고 싶으면 color값 변경하세요 */


/* 문장에 마우스 오버레이했을 시 변화 차단 */
.textchatcontainer .message a:hover{
	opacity: initial;
} 


/* 다이스·광기 관련 */
.sheet-rolltemplate-coc-1 table, .sheet-rolltemplate-coc table, .sheet-rolltemplate-coc-attack-1 table, .sheet-rolltemplate-coc-attack table, .sheet-rolltemplate-coc-bomadness-rt table, .sheet-rolltemplate-coc-bomadness-summ table{
	text-align: center;
	width: 100%;
	max-width: 700px;
	border: 1px solid black;
	color: black;
	background: #fff;
} /* 다이스·광기표 전체 구조 */ /* 표 최대 넓이 값: 700px | 수정 희망시 숫자 700을 바꾸세요. */

.sheet-rolltemplate-coc-1 caption, .sheet-rolltemplate-coc caption, .sheet-rolltemplate-coc-attack-1 caption, .sheet-rolltemplate-coc-attack caption, .sheet-rolltemplate-coc-bomadness-rt caption, .sheet-rolltemplate-coc-bomadness-summ caption{
	background-color: #000;
	text-align: center;
	width: 100%;
	color: #fff;
	padding: 2px;
	border: 1px solid black;
	line-height: 1.6em;
} /* 다이스·광기표 제목 부분 */

.sheet-rolltemplate-coc-1 .inlinerollresult, .sheet-rolltemplate-coc .inlinerollresult, table tr td .inlinerollresult, .sheet-rolltemplate-coc-bomadness-rt .inlinerollresult{
	display: inline-block;	
	min-width: 1.5em;
	border: 2px solid black !important;
	background-color: #BEBEBE !important;
} /* 다이스·광기표 기준치·굴림값 네모 상자 */


/* 일반 표 */
.sheet-rolltemplate-default table{
	width: 100%;
	background-color: white;
	border: 1px solid rgba(112, 32, 130, 1);
} /* 표 전체 구조 */

.sheet-rolltemplate-default caption{
	background-color: rgba(112, 32, 130, 1);
	color: white;
	font-weight: 300;
	font-size: 1.1em;
	padding: 5px;
} /* 표 제목 */

.sheet-rolltemplate-default td{
	padding: 5px;
	line-height: 1.4em;
	vertical-align: top;
} /* 표 내용 구분 */

.sheet-rolltemplate-default td:first-child{
	font-weight: bold;
	text-align: right; /* 우측 정렬이 싫다면 right를 left로 바꾸어주세요 */
	min-width: 50px;
	padding-right: 10px; /* 좌측 정렬로 할 경우 padding-right를 padding-left로 바꾸어주세요 */
} /* 표 내용 */


/* 표 아닌 부분 */
.textchatcontainer .inlinerollresult{
	font-weight: bold;
	padding: 0px 3px 0px 3px;
	background-color: #fef68e;
	border: 2px solid #fef68e;
} /* 굴림값 노란 네모 상자 */

.textchatcontainer .inlinerollresult.fullfail{
	border: 2px solid #b31515;
} /* 굴림값 최소일 때 */

.textchatcontainer .inlinerollresult.fullcrit{
	border: 2px solid #3fb315;
} /* 굴림값 최대일 때 */

.textchatcontainer .formula, .textchatcontainer .rolled{
	display: inline;
	padding: 4px;
	background: white;
	border-radius: 3px;
	border: 1px solid #d1d1d1;
	line-height: 2em;
	word-wrap: break-word;
} /* 일반 굴림 전체 구조 */

.textchatcontainer .formattedformula{
	display: block;
	float: left;
	padding: 0px 4px 0px 4px;
	margin: 5px 0px 5px 0px;
}
.diceroll{
	display: inline-block;
}
.clear{
	clear: both;
	height: 0px;
} /* 굴림값 */

/* 손대지 마세요 */
.textchatcontainer .message .tstamp{ display: none; }
.diceroll .backing{
	position: absolute;
	top: -2px;
	left: 0px;
	text-align: center;
 	color: #8fb1d9;
	text-shadow: 0px 0px 3px #8fb1d9;
	opacity: 0.75;
	pointer-events: none;
	z-index: 1;
}
.textchatcontainer p{
	margin: 0 0 9px;
	font-size: 13px;
	line-height: 18px;
}
.textchatcontainer h1, .textchatcontainer h2, .textchatcontainer h3, .textchatcontainer h4, .textchatcontainer h5, .textchatcontainer h6{
	margin: 0;
    font-weight: bold;
    color: #333;
    text-rendering: optimizelegibility;
}
.textchatcontainer h1{
	font-size: 30px;
    line-height: 36px;
}
.textchatcontainer h2{
	font-size: 24px;
    line-height: 36px;
}
.textchatcontainer h3{
	line-height: 27px;
    font-size: 18px;
}
.textchatcontainer h4, .textchatcontainer h5, .textchatcontainer h6{
	line-height: 18px;
}
.textchatcontainer h4{
	font-size: 14px;
}
.textchatcontainer h5{
	font-size: 12px;
}
.textchatcontainer h6{
	font-size: 12px
}
.textchatcontainer a[href^="!"], .textchatcontainer a[href^="~"]{
	background-color: rgb(206, 15, 105);
    padding: 5px;
    color: white;
    display: inline-block;
    border: 1px solid white;
}